@charset "utf-8";
/* CSS Document */
/**
 * textcheck css 입니다.
 */
:root {
    --main-color: #1820c3;
	--sub-color: #03C75A;
    --point-color: #00AA4C;
    --paging-blue-color: #007BFF;
    --paging-gray-color: #878787;
    --paging-darkgray-color: #2e2e32;
}

.col-break {
    white-space: normal;
    word-break: keep-all;
}

body {
	padding:0;
	margin:0;
	background-color:#2d2e31;
}
.body-desc {
	padding: 1.1rem;
}

.disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}

/**
 * tooltip
 */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
button.tooltip .tooltiptext {
  bottom: 106%;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/**
 * tooltip2
 */
.tooltip2 {
  position: relative;
  display: inline-block;
}

.tooltip2 .tooltiptext {
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  visibility: hidden;
  width: 120px;
  background-color: #999;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltip2 .tooltiptext {
  bottom: 106%;
}
.tooltip2:hover .tooltiptext {
  visibility: visible;
}
.tooltip2 .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/**
 * tooltip3
 */
.tooltip3 {
  position: relative;
  display: inline-block;
}

.tooltip3 .tooltiptext {
  top: 110%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  visibility: hidden;
  width: 120px;
  background-color: #999;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip3:hover .tooltiptext {
  visibility: visible;
}
.tooltip3 .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent ;
}

/**
 * aside
 */

.navbar-vertical.navbar-expand-xs.fixed-start {
    left: -270;
}
.navbar-vertical.bg-white {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
}

.navbar-vertical.navbar-expand-xs {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 15.625rem!important;
    overflow-y: auto;
    padding: 0;
    box-shadow: none;
}
.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}
.sidenav {
    z-index: 9999;
}
.main-content, .sidenav {
    transition: all .2s ease-in-out;
	overflow-x: auto;
}
.navbar {
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
}
.border-radius-xl {
    border-radius: 0.75rem;
}
.bg-gradient-dark {
    background-image: linear-gradient(195deg,#42424a 0%,#191919 100%);
}
.bg-white {
    background-color: #fff!important;
}
.ms-3 {
    margin-left: 1rem!important;
}
.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.border-0 {
    border-width: 0!important;
}
.border-0 {
    border: 0!important;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
}

@media (min-width: 1200px)
.sidenav.fixed-start+.main-content {
    margin-left: 17.125rem;
}
.main-content, .sidenav {
    transition: all .2s ease-in-out;
	overflow-x: auto;
}

.bg-gray-200 {
    background-color: #f0f2f5!important;
}

@media(min-width: 1200px) {
    .sidenav:hover {
        max-width:15.625rem
    }

    .sidenav .sidenav-toggler {
        padding: 1.5rem
    }

    .sidenav.fixed-start+.main-content {
        margin-left: 17.125rem;
    }

    .sidenav.fixed-end+.main-content {
        margin-right: 17.125rem
    }

	.navbar-vertical.navbar-expand-xs.fixed-start{
		left: 0;
	}
}

@media(max-width: 1199.98px) {
    .g-sidenav-show.rtl .sidenav {
        transform:translateX(17.125rem)
    }

    .g-sidenav-show:not(.rtl) .sidenav {
        transform: translateX(-17.125rem)
    }

    .g-sidenav-show .sidenav.fixed-start+.main-content {
        margin-left: 0!important
    }

    .g-sidenav-show.g-sidenav-pinned .sidenav {
        transform: translateX(0)
    }
}
hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}
.mt-0 {
    margin-top: 0!important;
}
.mt-2 {
    margin-top: 0.5rem!important;
}
.mb-2 {
    margin-bottom: 0.5rem!important;
}
.mb-4 {
    margin-bottom: 1.5rem!important;
}
.mt-4 {
	margin-top: 1.5rem!important;
}
hr:not([size]) {
    height: 1px;
}
hr.horizontal {
    background-color: transparent;
}
hr.horizontal.light {
    background-image: linear-gradient(to right,rgba(255,255,255,0),white,rgba(255,255,255,0));
}
hr.horizontal.dark {
    background-image: linear-gradient(to right,rgba(255,255,255,0),black,rgba(255,255,255,0));
}
.menu-left-list.active {
    background-image: linear-gradient(195deg,#e91e63 0%,#e91e63 100%);
}

.text-primary {
    color: #e91e63!important
}

.text-secondary {
    color: #7b809a!important
}

.text-success {
    color: #4caf50!important
}

.text-info {
    color: #1a73e8!important
}

.text-warning {
    color: #fb8c00!important
}

.text-danger {
    color: #f44335!important
}

.text-light {
    color: #f0f2f5!important
}

.text-dark {
    color: #344767!important
}

.text-white {
    color: #fff!important
}

.text-body {
    color: #7b809a!important
}

.text-rose {
    color: #e91e63!important
}

.text-muted {
    color: #6c757d!important
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
}

.card2 {
    position: relative;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
}

.tab-nav-wrap ul{
	display: flex;
	padding: 0.25rem!important;
	background: #414149;
    border-radius: 0.75rem;
    position: relative;
    margin: 0 0 10px 0;
	color: #fff;
}
.tab-nav-wrap li{
	display: list-item;
	list-style: none;
	flex: 1 1 auto;
    text-align: center;
	z-index: 3;
	padding: 0.5rem 1rem;
	cursor: pointer;
}

.moving-tab-wrap {
	padding: 0px;
    transition: all 0.5s ease 0s;
	position: absolute;
    border: 0;
	z-index: 1;
}
.active-tab {
	color: #fff;
    font-weight: 600;
    box-shadow: 0 1px 5px 1px #ddd;
    -webkit-animation: .2s ease;
    animation: .2s ease;
    background: #fff;
	border-radius: 0.5rem;
	padding: 0.5rem 1rem;
}

.tab-nav.active {
	color: #333;
	font-weight: 600;
}

.btn1 {
    background-color: #fff;
    background-image: linear-gradient(195deg,#fbfbfb 0%,#fbfbfb 100%);
    border-radius: 0.72rem;
    border: 1px solid #979797;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
	cursor: pointer;
}
.btn1:hover {
    background-color: #fdfdfd;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.5);
}
.btn2 {
	background-image: linear-gradient(195deg,#42424a 0%,#191919 100%);
    border-radius: 0.32rem;
    border: 1px solid #979797;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
	cursor: pointer;
}
.btn2:hover {
    background-color: #fdfdfd;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.5);
}

.pd20 {
	padding: 20px;
}
.pd30 {
	padding: 30px;
}
.pd40 {
	padding: 40px;
}

.form-label {
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #7b809a;
    margin-left: 0.25rem;
}

.input-group label {
    transition: all .3s ease;
}

.input-group .form-label {
    position: absolute;
    top: 0.9125rem;
    margin-left: 0;
    transition: .2s ease all;
}

.input-group.input-group-outline .form-label {
    display: flex;
    line-height: 3.925!important;
    //top: -0.375rem;
    margin-bottom: 0;
}

.input-group.input-group-outline .form-label:before {
    content: "";
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0
}

.input-group.input-group-outline .form-label:after {
    content: "";
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 5px
}

.input-group.input-group-outline .form-label:before,.input-group.input-group-outline .form-label:after {
    content: "";
    border-top: solid 1px;
    border-top-color: #d2d6da;
    pointer-events: none;
    margin-top: .375rem;
    box-sizing: border-box;
    display: block;
    height: .5rem;
    width: .625rem;
    border-width: 1px 0 0;
    border-color: transparent
}

.input-group.input-group-outline.is-focused .form-label,.input-group.input-group-outline.is-filled .form-label {
    width: 100%;
    //height: 100%;
    font-size: .6875rem!important;
    color: #e91e63;
    display: flex;
    line-height: 1.25!important
}

.input-group.input-group-outline.is-focused .form-label:before,.input-group.input-group-outline.is-focused .form-label:after,.input-group.input-group-outline.is-filled .form-label:before,.input-group.input-group-outline.is-filled .form-label:after {
    opacity: 1
}

.input-group.input-group-outline.is-focused .form-label:before,.input-group.input-group-outline.is-focused .form-label:after,.input-group.input-group-outline.is-filled .form-label:before,.input-group.input-group-outline.is-filled .form-label:after {
    border-top-color: #e91e63;
    box-shadow: inset 0 1px #e91e63
}

.input-group.input-group-outline .form-control {
    background: 0 0;
    border: 1px solid #d2d6da;
    border-radius: 0.375rem;
    border-top-left-radius: 0.375rem!important;
    border-bottom-left-radius: 0.375rem!important;
    padding: 0.625rem 0.75rem!important;
}

.input-group.input-group-outline.is-focused .form-label+.form-control,.input-group.input-group-outline.is-filled .form-label+.form-control {
    border-color: #e91e63!important;
    border-top-color: transparent!important;
    box-shadow: inset 1px 0 #e91e63,inset -1px 0 #e91e63,inset 0 -1px #e91e63
}

.input-group.input-group-outline.is-focused .form-label,.input-group.input-group-outline.is-filled .form-label {
    width: 100%;
    //height: 100%;
    font-size: .6875rem!important;
    color: #e91e63;
    display: flex;
    line-height: 1.25!important
}

.input-group.input-group-outline.is-focused .form-label:before,.input-group.input-group-outline.is-focused .form-label:after,.input-group.input-group-outline.is-filled .form-label:before,.input-group.input-group-outline.is-filled .form-label:after {
    opacity: 1
}

.input-group.input-group-outline.is-focused .form-label:before,.input-group.input-group-outline.is-focused .form-label:after,.input-group.input-group-outline.is-filled .form-label:before,.input-group.input-group-outline.is-filled .form-label:after {
    border-top-color: #e91e63;
    box-shadow: inset 0 1px #e91e63
}

.sc_ana .is-focused .search_here {
	width: 380px!important;
}
.sc_ana .is-filled .search_here {
	width: 380px!important;
}

.ana_compare_table tr{
	vertical-align: top;
}

.menu-left-top{
	height: 50px;
	text-align: center;
    font-weight: 600;
}
.menu-left {
	float: left;
    width: 180px;
	height: 100%;
	text-align: center;
	background-color: #28292b;
}
.menu-left-title {
	height: 30px;
    padding-top: 20px;
}
.menu-left-list {
	padding: 12px 10px 12px 24px;
	margin: 0 1rem;
	border-radius: 0.375rem;
	cursor: pointer;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

}
.menu-left-list:hover {
	background-color: #444;
}

.body-wrap {
	padding-left: 180px;
}
.body-top {
	text-align: center;
	margin-top: 16px;
	padding: 10px 10px;
	border: 1px solid #cbcbc0;
    border-radius: .375rem;
	font-weight: 700!important;
	color: #344767;
}

#oritext {
	width:100%;
	//height:30%;
	overflow-y: auto;
	padding:35px 10px 10px 10px;
    line-height: 21px;
    font-size: 15px;
    font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;
}

.keywordlist_wrap .word {
	display:inline-block;
	padding:5px;
	border:1px solid;
	margin:5px;
}

.login-wrap {
    position: relative;
    margin: auto;
    width: 400px;
    top: 32%;
    padding: 15px 30px;
    border-radius: 0.5rem;
    background-color: #fff;
}
#mobile {
	width:400px;
	height:50px;
	vertical-align: top;
    padding: 10px 15px 10px 14px;
	font-size:18px;
}
#n_verify {
	width:95px;
	padding-left:0;
	padding-right:0;
	margin-left:5px;
	margin-top:0;
	height:50px;
	color:#ffffff;
	background-color: #ff4646;
	cursor:pointer;
}
#n_authcode {
	width:400px;
	height:50px;
	margin-top:10px;
    padding: 10px 15px 10px 14px;
	font-size:18px;
}
#n_pw, #new_pw1, #new_pw2 {
	width:400px;
	height:50px;
	margin-top:10px;
    padding: 10px 15px 10px 14px;
	font-size:17px;
	border: 1px solid #999;
	border-radius: 0.5rem;
}
#n_login, #n_change_pw {
	width:400px;
	height:50px;
	margin-top:10px;
	color:#ffffff;
	background-color: #ff4646;
	font-size:18px;
}
.login-title {
	margin-bottom:9px;
	color: #fff;
}
.site-title {
	margin-bottom:9px;
	color: #fff;
    text-align: center;
    font-weight: 600;
	font-size: x-large;
}
.main {
	height:100%;
}
#btn_check {
    width: 100%;
    height: 50px;
	cursor:pointer;
}
.quick_hidden {
	display:none;
}
.oritext_wrap{
    width: 50%;
    float: left;
}
.afttext_wrap {
	width:49%;
	border:1px solid;
	float:left;
}
.afttext_wrap:after{
	clear:both;
}
.afttext_title {
	text-align:center;
	background-color:#454c6c;
    border-bottom: 1px solid #2e3f5f;
    padding: 3px;
}
.afttext_body {
	padding:4px;
    line-height: 21px;
	font-size:15px;
    font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;
}

.shuffle_wrap {
	margin-bottom: 10px;
}

#btn_shuffle {
    width: 98%;
    height: 50px;
	cursor:pointer;
}
#shuffle_oritext {
	width:100%;
	height:50%;
	overflow-y: auto;
	padding:35px 10px 10px 10px;
    line-height: 21px;
    font-size: 15px;
    font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;
}
#shuffle_afttext {
	width:100%;
	height:50%;
	overflow-y: auto;
	padding:35px 10px 10px 10px;
    line-height: 21px;
    font-size: 15px;
    font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;
}
.shuffle_oritext_wrap{
    width: 48%;
	border: 1px solid;
    float: left;
}
.shuffle_blank_wrap{
	padding-top: 5px;
    float: left;
}
.shuffle_afttext_wrap {
	width:48%;
	border:1px solid;
	float:left;
}
.shuffle_afttext_wrap:after{
	clear:both;
}
.shuffle_oritext_title {
	text-align:center;
	background-color:#454c6c;
    border-bottom: 1px solid #2e3f5f;
    padding: 3px;
}
.shuffle_oritext_body {
	padding:4px;
    line-height: 21px;
	font-size:15px;
    font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;
}
.shuffle_afttext_title {
	text-align:center;
	background-color:#454c6c;
    border-bottom: 1px solid #2e3f5f;
    padding: 3px;
}
.shuffle_afttext_body {
	padding:4px;
    line-height: 21px;
	font-size:15px;
    font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;
}

.tc_fileupload {
    text-align: center;
    padding: 35px;
    border: 1px dotted;
	cursor: pointer;
}
.tc_fileupload:hover{
	background-color:#59627b;
}
#tc_file {
	display:none;
}

.addkeyword_wrap{
	margin:10px 0 5px 0;
	border-bottom:1px solid;
	padding-bottom:3px;
}
#tc_keyword {
	width:100%;
	height:110px;
	padding:5px;
}
.btn_submit.addkeyword, .btn_submit.addkeyword2 {
	width:100%;
	height:36px;
	vertical-align: top;
	cursor:pointer;
}

/*member 페이지*/
.member-list li.list:nth-child(odd) {
    /* background-color: #2d2e31; */
}
.member-list li.list:nth-child(even) {
    /* background-color: #2d2e31; */
}
.member-list li.list:hover{
 background-color: #c0b7dc;
}
.member-list {
	padding:0;
	list-style:none;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #fff;
}
.member-list .col, .member-list .coll4 {
	display:inline-block;
	padding:5px 10px 5px 10px;
}
.member-list li div.coll4:nth-child(2) {
	width:60px;
	text-align: center;
}
.member-list li div.coll4:nth-child(3) {
	min-width:110px;
	text-align: center;
}
.member-list li div.col:nth-child(2) {
	min-width:120px;
	text-align: center;;
}
.member-list li div.col:nth-child(3) {
	/* min-width:180px; */
	text-align: center;
}
.col.user_master {
	min-width:40px;
	text-align: center;
}
.col.user_menu_auth {
	min-width:180px;
	text-align: center;
}
.col.user_menu_auth span{
	font-size: 11px;
}
.col.user_level {
	min-width:170px;
	text-align: center;
}
.col.user_aiwritecnt{
	min-width:110px;
	text-align: center;
}
.col.user_aiwritecnt input{
	width:80px;
	height:34px;
    padding: 0 0 0 20px;
    font-size: 18px;
}
.col.user_anacnt{
	min-width:110px;
	text-align: center;
}
.col.user_anacnt input{
	width:80px;
	height:34px;
    padding: 0 0 0 20px;
    font-size: 18px;
}
.col.user_account{
	width:120px;
	text-align: center;
}
.member-list .procratebygroup {
	width:60px;
	text-align: center;
}
.member-list.system li .col:nth-child(4) {
	width:110px;
	text-align: center;
}
.member-list-system li .col:nth-child(5) {
	width:150px;
	text-align: center;
}
.col.user_insert_date {
	width:90px;
	text-align: center;
	vertical-align: middle;
}
.col.user_end_date {
	width:120px;
	text-align: center;
}
.col.user_end_date input{
	height: 34px;
}
.col.admin_memo{
	width:200px;
	text-align: center;
}
.chkbox_menu_auth {
	width: 17px;
	height: 17px;
	margin-left: 8px;
}

#tc_member, #tc_member_pw {
    height: 41px;
    padding: 8px;
	margin-left: 10px;
    vertical-align: top;
	font-size:16px;
	border-radius:5px;
	border:1px solid #0c1540;
}
#tc_member_memo{
	height: 41px;
    padding: 8px;
	margin-left: 10px;
    vertical-align: top;
	font-size:16px;
	border-radius:5px;
	border:1px solid #0c1540;
}
#tc_addmember {
    width: 90px;
    height: 41px;
	margin-top: 0;
	margin-left: 10px;
	font-size:16px;
	background-color:#1fb597;
	color:#fff;
	border:1px solid #1fb597;
	border-radius:5px;
}
.del_member {
	cursor:pointer;
	color:#fff;
    background-color: #2e2e32;
    padding: .5rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 0;
    border-radius: 0.5rem;
}
.del_member:hover {
	background-color:#fcb902;
	color:#0c1540;
	font-weight:bold;
}
.addmember_wrap {
	margin-top:50px;
	text-align:center;
}
.memberlist_wrap {
	text-align:center;
}
.member-list li{
	padding: 4px;
	border-bottom:1px solid #d9dbdd;
}
#memLevel {
    height: 41px;
    padding: 8px;
    vertical-align: top;
	font-size:16px;
	border-radius:5px;
	border:1px solid #0c1540;
}

.verify_timer_msg {
    font-size: 15px;
    padding-top: 5px;
    color: #46b2ff;
}

.checkWord{
	color:#f34c4c;
}

.check_type_wrap{
	margin-bottom: 10px;
}
.check_type_wrap label{
	margin: 0 20px 0 4px;
	cursor: pointer;
}

.flick_bx {
	width: 176px;
	display: inline-block;
	margin: 6px;
	border: 1px solid #eaeef2;
    border-radius: 6px;
	cursor: pointer;
}
.search1_result {
	padding: 15px;
}
.search1_desc {
	padding: 8px;
	height: 30px;
    font-size: 14px;
	line-height: 14px;
    word-break: break-all;
    word-wrap: break-word;
	overflow: hidden;
    max-height: 34px;
}
.flick_bx:hover .search1_desc{
	color: #fff;
	background-color: #555;
}
.search2_content_area {
	width: 570px;
	display: inline-block;
	margin: 6px;
	border: 1px solid #eaeef2;
    border-radius: 6px;
	padding: 0 0 5px 5px;
}
.search2_date {
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--G-color-text5);
}
.btn_add_search2_content {
	background-image: linear-gradient(195deg,#42424a 0%,#191919 100%);
    border-radius: 0.22rem;
    border: 1px solid #979797;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
    cursor: pointer;
	color: #fff;
	height: 24px;
    margin: 3px 10px 0 0;
}
.btn_add_search2_content:hover {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.5);
}
.search2_title {
	display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 22px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 16px;
    color: #0068c3;
}
.search2_thumb {
	float: right;
	margin: 6px;
}
.search2_thumb img {
    border-radius: 6px;
}
.search2_desc {
	display: block;
    overflow: hidden;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
    color: var(--G-color-text3);
}
.ana_oritext_wrap {
	padding: 10px 0 20px 0;
}
.ana_oritext_block {
	width: 560px;
	margin: auto;
}
.ana_oritext_block2 {
	margin: auto;
}
textarea.ana_oritext {
	width: 520px;
	height: 100px;
	margin-left: 20px;
}
input.ana_search_query {
	width: 380px;
    height: 40px;
    padding: 17px 8px;
	/*
    background-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
	*/
    box-sizing: border-box;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    outline: 0;
}
.ana_search_form {
	width: 576px;
	margin: auto;
	padding: 20px 0 25px 0;
}
.btn_ana_search_query {
    position: relative;
    width: 80px;
    height: 40px;
    vertical-align: top;
    background-color: #414149;
    color: #fff;
    margin: 0 5px 0 10px;
    border-radius: 0.375rem;
	cursor: pointer;
}
.btn_ana_search_query:hover {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.5);
}
.btn_add_content_url {
    position: relative;
    width: 100px;
    height: 40px;
    vertical-align: top;
    background-color: #414149;
    color: #fff;
    border-radius: 0.375rem;
	cursor: pointer;
}
.btn_add_content_url:hover {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.5);
}
.ana_search_result {
	/*
    border: 1px solid #fff;
    border-radius: 8px;
	min-height: 60px;
	*/
}
.result_title {
    width: 100%;
    text-align: center;
}
.search2_result {
	text-align: center;
}
.search2_content_area {
	text-align: left;
}
.sc_ana.search_intentblock {
	padding-bottom: 27px;
}
.add_ana_oritext_block {
    width: 520px;
    height: 100px;
	margin: auto;
	padding-top: 40px;
}
.add_ana_oritext_block2 {
	margin: auto;
	padding-top: 40px;
}
.btn_ana_oritext_block {
    width: 100%;
    height: 100%;
}
.btn_ana_oritext_block2 {
    width: 330px;
    height: 100px;
}
.search2_result_more {
    width: 300px;
    margin: auto;
}
.btn_search2_result_more {
	width: 300px;
    height: 35px;
	background-color: #0bf;
	margin-bottom: 10px;
	border-radius: 0.32rem;
    border: 1px solid #0bf;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
    cursor: pointer;
    color: #fff;
}
.btn_search2_result_more:hover {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.5);
}
.btn-bg-gradient-primary {
	color: #fff;
	border: 0;
	border-radius: 0.5rem;
    background-image: linear-gradient(195deg,#EC407A 0%,#D81B60 100%);
	box-shadow: 0 3px 3px 0 rgba(233,30,99,.15), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.15);
	cursor: pointer;
}
.btn-bg-gradient-primary:hover {
    box-shadow: 3px 6px 6px -1px rgba(233,30,99,.4), 2px 2px 4px -1px rgba(233,30,99,.15);
}

.sc_ana.ext1 .opt_ana_oritext, .sc_ana.ext1 .opt_ana_afttext {
	margin-left: 20px;
}
.sc_ana.ext1 .opt_ana_oritext span, .sc_ana.ext1 .opt_ana_afttext span {
    font-size: 14px;
}
.sc_ana.ext1 {
	/* padding: 27px 0 27px 0; */
}
.sc_ana.ext1 .ana_oritext_block{
	padding: 10px 0 10px 0;
}
.sc_ana.ext1 .ana_oritext_block2{
	padding: 10px 0 10px 0;
}
.sc_ana.ext1 .length_area {
	padding-right: 20px;
	text-align: right;
	font-size: 14px;
}
.sc_ana.ext1 .check_opt_wrap {
	width: 560px;
	margin: auto;
	padding: 20px 10px 10px 10px;
}
.sc_ana.ext1 .check_opt_wrap div {
	padding: 15px 0 0 0;
}
.sc_ana.ext1 .check_opt_wrap button {
	width: 270px;
	height: 45px;
	margin-left: 5px;
}
.sc_ana.ext1 .check_opt_wrap input {
	width: 16px;
	height: 16px;
}
.sc_ana.ext1 .check_opt_wrap {
	font-size: 20px;
}
.sc_ana.ext1 .results_wrap {
    padding-top: 30px;
    width: 560px;
    margin: auto;
}
.sc_ana.ext1 .results_wrap input {
	width: 16px;
	height: 16px;
}
.sc_ana.ext1 .results_wrap button {
	width: 270px;
	height: 45px;
	margin-left: 5px;
}
.sc_ana.ext1.card {
	padding-bottom: 30px;
}

.btn3 {
	color: #fff;
	border: 0;
	border-radius: 0.5rem;
    background-image: linear-gradient(195deg,#878686 0%,#676767 100%);
	cursor: pointer;
}
.btn3:hover {
    box-shadow: 0 2px 6px -1px rgba(0,0,0,.8), 0 2px 4px -1px rgba(0,0,0,.5);
}

.sc_ana.ext1 .result1_control_wrap {
	padding-top: 20px;
}
.sc_ana.ext1 .result1_control_view {
	padding: 10px 0 10px 10px;
}

.sc_ana.bagic1 {
	/* padding: 27px 0 27px 0; */
}
.sc_ana.bagic1 .main_button {
	width: 560px;
	margin: auto;
	padding: 30px 0;
}
.sc_ana.bagic1 #btn_get_oritext_all {
	width: 556px;
	height: 45px;
}
.sc_ana.bagic1 .check_opt_wrap {
	width: 560px;
    margin: auto;
    padding: 20px 10px 10px 10px;
}
.sc_ana.bagic1 .ana_afttext_wrap {
    margin: auto;
}
.sc_ana.bagic1 .opt_suffle button {
	width: 270px;
    height: 45px;
    margin-left: 5px;
}
.sc_ana.bagic1 .opt_suffle {
    padding: 5px 0 20px 0;
}
.sc_ana.bagic1 .opt_suffle div {
	margin-bottom: 10px;
}
.sc_ana.bagic1 .space_tab_word {
	width: 520px;
	height: 40px;
	padding: 17px 8px;
}
.sc_ana.bagic1 .space_tab1, .sc_ana.bagic1 .space_tab2 {
	width: 50px;
	height: 40px;
	padding: 17px 8px;
}
.sc_ana.bagic1 .bind_word {
	width: 520px;
	height: 40px;
	padding: 17px 8px;
}
.sc_ana.bagic1 .opt_replace_hint {
	font-size: 14px;
	padding: 15px 0 10px 0;
}
.sc_ana.bagic1 .opt_replace button {
	width: 270px;
    height: 45px;
    margin-left: 5px;
}
.sc_ana.bagic1 .txt_replace {
	padding: 10px 0 0 15px;
}
.sc_ana.bagic1 .txt_replace input {
	width: 180px;
	height: 40px;
	padding: 17px 8px;
}
.sc_ana.bagic1 .ana_afttext_wrap textarea {
    width: 520px;
    height: 100px;
    margin-left: 20px;
}
.sc_ana.bagic1 .ana_afttext_wrap .length_area {
	padding-right: 20px;
    text-align: right;
	font-size: 14px;
}
.sc_ana.bagic1 .ana_afttext_wrap .ana_result {
	padding: 40px 0;
	margin: auto;
}
.sc_ana.bagic1 .del_words {
    width: 520px;
    height: 40px;
    margin-left: 20px;
	padding: 17px 8px;
}
.sc_ana.bagic1 .ana_delword_title span {
	font-size: 14px;
}
.sc_ana.bagic1 .delete_word_button {
    width: 520px;
    height: 45px;
    margin: 20px 0 20px 20px;
}
.sc_ana.bagic1 .btn_delete_word {
	width: 100%;
    height: 100%;
}
.sc_ana.bagic1 .extract_main_word {
    width: 520px;
    height: 45px;
    margin: 20px 0 20px 20px;
}
.sc_ana.bagic1 .btn_extract_main_word {
	width: 100%;
    height: 100%;
}
.sc_ana.bagic1 .main_words {
    width: 520px;
    height: 45px;
    margin-left: 20px;
	padding: 17px 8px;
}
.sc_ana.bagic1 .ana_mainword_title span {
	font-size: 14px;
}
.sc_ana.bagic1 .add_in_word_one_button {
    width: 520px;
    height: 45px;
    margin: 0 0 20px 20px;
}
.sc_ana.bagic1 .btn_add_in_word_one {
	width: 100%;
    height: 100%;
}
.sc_ana.bagic1 .result_mainword_control_btn button {
	width: 270px;
    height: 45px;
    margin-left: 5px;
}
.sc_ana.bagic1 .result_mainword_control_btn {
	padding-top: 10px;
}
.sc_ana.bagic1 :is(.result_delword, .result_mainword) .length_area {
    position: relative;
    top: 20px;
	font-size: 14px;
}

.search1_desc.new_weekend0 {

}
.search1_desc.new_weekend1 {
	background-color: #4caf50;
}
.search1_desc.new_weekend2 {
	background-color: #ffc107;
}
.intentblock_new_date {
    position: relative;
    text-align: right;
	top: 5px;
}
.opt_reduce {
	padding: 20px;
	text-align: right;
}
.txt_reduce_length {
	width: 60px;
    padding: 5px 10px 5px 10px;
}
.btn_reduce_length {
	height: 32px;
}

.ana_compare {
	width: 100%;
	min-width: 400px;
	display: inline-block;
    vertical-align: top;
}
.txt_ana_compare {
	width: 100%;
	height: 100px;
}
.btn_ana_compare {
	min-width: 400px;
	width: 100%;
	height: 45px
}
.comp_color1 {
	color: #ff0000;
}
.comp_color2 {
	color: #2196f3;
}

.fade-in-box {
  animation: fadein .4s;
  -moz-animation: fadein .4s; /* Firefox */
  -webkit-animation: fadein .4s; /* Safari and Chrome */
  -o-animation: fadein .4s; /* Opera */
}
@keyframes fadein {
    from {
        opacity: .0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: .0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: .0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity: .0;
    }
    to {
        opacity: 1;
    }
}

.fade-out-box {
  animation: fadeout .3s;
  -moz-animation: fadeout .3s; /* Firefox */
  -webkit-animation: fadeout .3s; /* Safari and Chrome */
  -o-animation: fadeout .3s; /* Opera */
  animation-fill-mode: forwards;
}
@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: .3;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity: 1;
    }
    to {
        opacity: .3;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity: 1;
    }
    to {
        opacity: .3;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity: 1;
    }
    to {
        opacity: .3;
    }
}

.input_size1 {
	width:400px;
	height:50px;
	margin-top:10px;
    padding: 10px 15px 10px 14px;
	font-size:18px;
}

.btn_save_aisetting {
	width:400px;
	height:50px;
	margin-top:10px;
	color:#ffffff;
	background-color: #ff4646;
	font-size:18px;
}

.fulldiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0009;
    z-index: 9999;
}
.msgdiv {
    width: 300px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    background-color: #fff;
    padding: 20px;
}

#typing-container {
	white-space: nowrap;
	overflow: hidden;
	border-right: 2px solid #000;
	font-size: 24px;
	display: inline-block; /* 컨테이너 크기를 텍스트에 맞추기 위해 */
}

.btn_aiwritercnt {
    background-color: #fff;
    height: 40px;
    vertical-align: top;
	min-width: 50px;
	font-size: 17px;
}

.chkbox_oritext_all_wrap {
	padding: 15px 30px;
	font-size: 18px;
}
.chkbox_oritext_all {
	width: 16px;
	height: 16px;
}

.aiwriter textarea.ana_afttext {
	width: 520px;
	height: 100px;
	margin-left: 20px;
}
.btn_aiwrite {
	width: 520px;
	height: 100px;
	margin-left: 20px;
	font-size: 18px;
}

.aiwriter .ana_oritext_title, .aiwriter .opt_ana_oritext, .aiwriter .opt_ana_afttext{
	max-width: 520px;
}

.aiwriter_results_wrap {
	margin: auto;
}
.aiwriter_results_wrap td{
	padding: 5px 2px;
}
.airesult_no {
	width: 70px;
	text-align: center;
}
.airesult_status {
	width: 60px;
	text-align: center;
}
.airesult_insertdt {
	width: 120px;
	text-align: center;
}
.airesult_data1 {
	width: 400px;
}
.airesult_data2 {
	width: 400px;
}
.airesult_data1 div {
	width: 400px;
	height: 70px;
	overflow: auto;
}
.airesult_data2 div {
	width: 400px;
	height: 70px;
	overflow: auto;
}
.airesult_data1 textarea {
	width: 400px;
	height: 70px;
    vertical-align: middle;
}
.airesult_data2 textarea {
	width: 400px;
	height: 70px;
    vertical-align: middle;
}

.aiwriter_results_paging {
	text-align: center;
}
.aiwriter_results_paging .paging button {
	margin: 10px;
}
.aiwriter_results_paging .current_page {
	text-decoration: underline;
    font-weight: 600;
}

#ncf_uar_file, #ncf_reply_file, #ncf_account_file {
    display: none;
}

.ncf_uar_fileupload, .ncf_reply_fileupload, .ncf_account_fileupload {
    text-align: center;
    padding: 35px;
    border: 1px dotted #cccccc;
	cursor: pointer;
	transition: all .2s ease-in-out;
}
.ncf_uar_fileupload:hover, .ncf_reply_fileupload:hover, .ncf_account_fileupload:hover{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
	border-radius: 0.75rem;
}

.ncf_section {
    padding: 20px;
    border: 1px solid #cccccc;
	margin-bottom: 50px;
}

.sc.card {
	padding: 30px;
	margin-bottom: 1.5rem;
}
.sc.card2 {
	padding: 30px;
	margin-bottom: 1.5rem;
}

#table_excel_data {
    table-layout: fixed;
    width: 100%;
}

#tbody_excel_data td{
	text-align: center;
    word-wrap: break-word; /* 긴 단어도 줄바꿈 */
    word-break: break-all; /* 단어가 너무 길 경우에도 줄바꿈 */
    white-space: normal; /* 기본 줄바꿈 허용 */
}

#tbody_excel_data td:nth-child(3),
#tbody_excel_data td:nth-child(6) {
    //text-align: left;
}

.excel-data-contorl-wrap {
    position: relative;
    margin: auto;
    max-width: 400px;
    width: 100%;
    top: 32%;
    padding: 15px 0;
    border-radius: 0.5rem;
    background-color: #fff;
}

.btn_add_excel_nshop, .btn_add_excel_nplace, .btn_add_excel_site {
	max-width:400px;
    width: 100%;
	height:50px;
	margin-top:10px;
	color:#ffffff;
	background-color: #ff4646;
	font-size:18px;
    position: relative;
}

#table_excel_data th:nth-child(1),
#table_excel_data th:nth-child(2),
#table_excel_data th:nth-child(3) {
    width: 120px;
}

#table_excel_data th:nth-child(8) {
    width: 60px;
}

.btn_del, .btn_ad_stop {
	cursor: pointer;
    color: #ffffff;
    background-color: #2e2e32; //#2b2b2e;
	padding: .4rem .6rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 0;
    border-radius: 0.5rem;
}
.btn_edit, .btn_ad_go {
	/*
	cursor: pointer;
    color: #ffffff;
    background-color: #878787;
	padding: .4rem .6rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 0;
    border-radius: 0.5rem;
	*/

    cursor: pointer;
    color: #000000;
    background-color: #fdfdfd;
    padding: .4rem .6rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 1px solid #878787;
    border-radius: 0.5rem;
}

.btn_result_link {
    cursor: pointer;
    color: #000000;
    background-color: #fdfdfd;
    padding: .42rem .6rem .35rem .6rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 1px solid #878787;
    border-radius: 0.5rem;
}

.set_ad_list {
	text-align: center;
	font-size: .9125rem;
}

.set_ad_list.nplace td:nth-child(1){
	min-width: 95px;
}
.set_ad_list.nplace td:nth-child(3){
	min-width: 75px;
}
.set_ad_list.nplace td:nth-child(4){
	min-width: 75px;
}
.set_ad_list.nplace td:nth-child(5){
	min-width: 75px;
}
.set_ad_list.nplace td:nth-child(6){
	min-width: 75px;
}
.set_ad_list.nplace td:nth-child(7){
	min-width: 75px;
}
.set_ad_list.nplace td:nth-child(8){
	min-width: 75px;
}
.set_ad_list.nplace td:nth-child(9){
	min-width: 75px;
}

.set_ad_list.nshop td:nth-child(1){
	min-width: 95px;
}
.set_ad_list.nshop td:nth-child(4){
	min-width: 125px;
}
.set_ad_list.nshop td:nth-child(5){
	min-width: 75px;
}
.set_ad_list.nshop td:nth-child(6){
	min-width: 75px;
}
.set_ad_list.nshop td:nth-child(7){
	min-width: 75px;
}
.set_ad_list.nshop td:nth-child(8){
	min-width: 75px;
}
.set_ad_list.nshop td:nth-child(9){
	min-width: 75px;
}

.set_ad_list th {
	padding-bottom: 10px;
}

.set_ad_list td {
	padding: 12px 5px;
}

tbody td {
	border-top: 1px solid #f0f2f5;
	padding-top: .75em;
	padding-bottom: .75em;
}

.cardicon {
    margin-top: -2.2rem;
    margin-left: -0.9rem;
    width: 64px;
    height: 64px;
    border-radius: .75rem;
    position: absolute;
}
.material-icons {
	text-align: center;
	position: relative;
    top: 30%;
    font-size: 1.5rem;
}
.text-right {
	text-align: right !important;
}
.sc .row {
    display: flex;
}
.sc .row .card {
	padding: 20px 30px 20px 30px;
	margin-bottom: 1.5rem;
	flex: 0 0 auto;
	width: 180px;
	margin-right: 25px;
}

.sc .row .card .card-footer {
	min-height: 10px;
}

.sc .row .card .horizontal {
	margin: 0;
}
.sc .row .card p {
	color: #7b809a;
	margin: 0;
}

.sc .row .card h4 {
	margin: 5px 0;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.375;
	color: #344767;
}

.bg-gradient-primary {
    background-image: linear-gradient(195deg, #ec407a, #d81b60);
}
.bg-gradient-success {
    background-image: linear-gradient(195deg, #66bb6a, #43a047);
}
.bg-gradient-info {
    background-image: linear-gradient(195deg, #49a3f1, #1a73e8);
}
.bg-gradient-dark {
    background-image: linear-gradient(195deg, #42424a, #191919);
}
.bg-gradient-secondary {
    background-image: linear-gradient(195deg,#747b8a,#495361)
}
.bg-gradient-warning {
    background-image: linear-gradient(195deg,#ffa726,#fb8c00)
}
.bg-gradient-danger {
    background-image: linear-gradient(195deg,#ef5350,#e53935)
}
.bg-gradient-light {
    background-image: linear-gradient(195deg,#ebeff4,#ced4da)
}

.shadow-primary {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4) !important;
}
.shadow-success {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4) !important;
}
.shadow-info {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4) !important;
}
.shadow-dark {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(64, 64, 64, .4) !important;
}
.shadow-secondary {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px hsla(0,0%,82.4%,.4)!important
}
.shadow-warning {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(255,152,0,.4)!important
}
.shadow-danger {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(244,67,54,.4)!important
}
.shadow-light {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4)!important
}

.set_ad_list tbody td div span input {
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 10px;
    //font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
    box-sizing: border-box;
}

.set_ad_list tbody td.placecode div span input {
	width: 100px;
}
.text-center {
	text-align: center;
}

.set_ad_list .itemtype {
	min-width: 70px;
}

.set_ad_list .date_range {
	width: 110px;
	text-wrap-style: balance;
}

.set_ad_list .rkeyword {
	width: 100px;
	text-wrap-style: balance;
}

.set_ad_list .nrank {
	width: 50;
	text-wrap-style: balance;
}

.dt-orderable-asc, .dt-orderable-desc {
	cursor: pointer;
}

.form-check-input {
    width: 1.475em;
    height: 1.475em;
	border: 1px solid #d1d7e1;
	border-radius: .35rem;
	cursor: pointer;
    -webkit-print-color-adjust: exact;
	transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	margin: 0;
}

.form-check-input:checked {
	background-color: #007bff; /* 체크된 상태의 배경색 */
	border-color: #007bff;
}

.form-check-input:after {
    transition: opacity .25s ease-in-out;
    //font-family: FontAwesome;
    content: "✔";
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .67rem;
    opacity: 0;
}

.form-check-input:checked::after {
	opacity: 1;
}

/* 팝업 오버레이 */
.popup-overlay {
  position: fixed;       /* 화면 전체를 덮기 위해 고정 */
  top: 0;
  left: 0;
  width: 100%;          /* 화면 너비 100% */
  height: 100%;         /* 화면 높이 100% */
  background: rgba(0, 0, 0, 0.5); /* 반투명 배경 */
  display: flex;        /* 중앙 정렬을 위한 flexbox */
  justify-content: center;
  align-items: center;
  z-index: 9999;        /* 다른 요소 위에 표시 */
  visibility: hidden;   /* 기본적으로 숨김 */
  opacity: 0;
  transition: opacity 0.3s ease; /* 페이드 효과 */
}

/* 팝업 컨텐츠 */
.popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  width: 90%;          /* 화면에 맞는 적절한 크기 */
  max-width: 480px;    /* 최대 너비 설정 */
  max-height: 80%;      /* 화면 높이의 80%로 제한 */
  overflow-y: auto;     /* 세로 스크롤 활성화 */
  text-align: center;
}

/* 닫기 버튼 */
.close-btn {
  margin-top: 10px;
  padding: 10px 20px;
  background: #171719;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.close-btn:hover {
  background: #353535;
}

/* 팝업 활성화 상태 */
.popup-overlay.active {
  visibility: visible;  /* 보이도록 변경 */
  opacity: 1;
}

/* 닫기 버튼 스타일 */
.close-btn2 {
	position: absolute;
    top: 15px;
    right: 15px;
    background: #171719;
    border: none;
    width: 50px;
    height: 35px;
    border-radius: 0.35em;
    color: #fff;
    font-size: 1.2em;
    line-height: 17px;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s;
}
.close-btn2:hover {
  background: #353535;
}

.set_ad_file_upload_wrap {
	display: flex;
    justify-content: flex-end;
}

.set_ad_file_upload_wrap .btn, .option_wrap .search .btn {
	cursor: pointer;
    color: #000000;
    background-color: #fdfdfd;
    padding: .42rem .6rem .35rem .6rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 1px solid #878787;
    border-radius: 0.275rem;
	margin: 0 6px;
}

.set_ad_list_menu_wrap {
	display: flex;
    justify-content: flex-end;
    margin-bottom: .75rem;
}

.set_ad_list_menu_wrap .btn, .option_wrap .search .btn {
	cursor: pointer;
    color: #000000;
    background-color: #fdfdfd;
    padding: .42rem .6rem .35rem .6rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 1px solid #878787;
    border-radius: 0.275rem;
	margin: 0 6px;
}

.option_wrap .search {
    align-content: flex-end;
}

.btn i {
	vertical-align: bottom;
	top: 10%;
}

.popup-content-desc input {
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 10px;
    font-size: 0.875rem;
    box-sizing: border-box;
}

.btn_days_extention {
	margin: 15px 0 35px 10px;
    padding: 10px 20px;
    cursor: pointer;
    color: #000000;
    background-color: #fdfdfd;
    font-size: .8125rem;
    line-height: 1.5;
    border: 1px solid #878787;
    border-radius: 0.275rem;
}

.edit_member {
    cursor: pointer;
    color: #000000;
    background-color: #fdfdfd;
    padding: .4rem .6rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 1px solid #878787;
    border-radius: 0.5rem;
}

.settlement_wrap table td {
}

.settlement_wrap table, .settlement_detail_wrap table {
    width: 100%;
    text-align: center;
}

tr.content-row {
	transition: height 0.4s ease, opacity 0.4s ease;
	overflow: hidden;
	//height: 40px; /* tr의 기본 높이 */
	opacity: 1;
}

tr.content-row.hidden {
	height: 0;
	opacity: 0;
	pointer-events: none;
}

#adSettlementDateRange{
	border: none;
    padding: 0;
    margin-top: 1rem;
    display: flex;
    font-size: 1rem;
}
#adLogDate {
    display: flex;
    padding: .5rem 2.7rem .5rem .9rem;
    border-radius: 0.275rem;
}
#member_detail_memo {
    font-size: 0.9rem;
    margin-top: 0.5rem;
    font-weight: 600;
    width: 100%;
	min-height: 24px;
}
#charge_deposit {
	text-align: right;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    font-weight: 600;
    width: 100%;
	min-height: 24px;
}
.ad_deposit, .member_detail_memo_update {
    cursor: pointer;
    color: #000000;
    background-color: #fdfdfd;
    padding: .3rem .6rem .3rem .6rem;
    font-size: .8125rem;
    border: 1px solid #878787;
    border-radius: 0.275rem;
    margin: 0.25rem 0 0 0;
}
.btn.member_detail_update {
    cursor: pointer;
    color: #000000;
    background-color: #fdfdfd;
    padding: .42rem .6rem .35rem .6rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 1px solid #878787;
    border-radius: 0.275rem;
    margin: 0.25rem 0 0 0;
}
.adtype_cost {
	text-align: right;
	padding-right: 0.75rem;
}

#download_settlement_summary_to_xlsx, #download_settlement_detail_to_xlsx {
    cursor: pointer;
    color: #000000;
    background-color: #fdfdfd;
    padding: .42rem .6rem .35rem .6rem;
    font-size: .8125rem;
    line-height: 1.5;
    border: 1px solid #878787;
    border-radius: 0.275rem;
    margin: 0 6px;
}
.settlement_menu_btn_wrap {
	display: flex;
    justify-content: flex-end;
    margin-bottom: .75rem;
}
.settlement_menu_title {
	flex: auto;
	font-weight: 600;
}
.checktype1 {
    background-color: #e91e62;
    color: #ffffff;
    text-wrap-style: balance;
}
.checktype2 {
    background-color: #e91e62;
    color: #ffffff;
    text-wrap-style: balance;
}
.checktype3 {
    background-color: #e91e62;
    color: #ffffff;
    text-wrap-style: balance;
}

#reports_detail td{
	padding: 0 3px;
	}
#reports_detail td:nth-child(5){
	width: 230px;
	max-width: 230px;
}
#reports_detail td:nth-child(9){
	width: 100px;
	max-width: 250px;
}

.reports_wrap table, .reports_detail_wrap table {
    width: 100%;
    text-align: center;
}

#ad_log_detail {
	width: 100%;
    text-align: center;
}

.card .option {
    padding-top: 3px;
}
.card .option select{
    height: 1.75rem;
    width: 100%;
    border: none;
	font-size: 1rem;
}

.pagination {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	gap: 6px;
	flex-wrap: wrap;
}
.pagination a {
	padding: 8px 12px;
	border: 1px solid var(--paging-gray-color);
	color: var(--paging-darkgray-color);
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.2s ease;
	background-color: white;
}
.pagination a:hover {
	background-color: var(--paging-darkgray-color);
	color: white;
}
.pagination a.active {
	background-color: var(--paging-darkgray-color);
	color: white;
	font-weight: bold;
}
.pagination a.disabled {
	pointer-events: none;
	opacity: 0.4;
	border-color: #ccc;
	color: #aaa;
}

.sc-top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#sel_log_ad_type {
	//width: 100%;
    padding: .5rem 2.7rem .5rem .9rem;
    border-radius: 0.275rem;
	display: flex;
}
#store_mid {
	width: 100%;
	display: flex;
    padding: .5rem 2.7rem .5rem .9rem;
    border-radius: 0.275rem;
}

.sc.card2 .option {
	margin-right: 1rem;
}
.sc.card2 .option label {
	font-size: 14px;
	line-height: 1.5rem;
}
.sc.card2 .option input, .sc.card2 .option select {
	border: 1px solid #878787;
}
.option_wrap {
    display: flex;
}

@media only screen and (max-width: 600px) {
	.sc.card2 {
		display: inline-block;
	}
	.sc.card2 .option input, .sc.card2 .option select {
		padding: .5rem 2.7rem .5rem .9rem;
		border-radius: 0.275rem;
		display: flex;
	}
	.sc.card2 .option {
		margin-right: 1rem;
	}
	.sc.card2 .option_wrap {
		display: ruby;
	}
	.ad_log_detail_wrap {
		overflow-x: auto;
	}
	.set_ad_list_menu_wrap {
		margin-top: 5px;
	}
	#search_ad_log {
		margin: 0;
	}
}

#adChargeDate {
    font-size: 0.9rem;
    margin-top: 0.5rem;
    font-weight: 600;
    width: 100%;
    min-height: 24px;
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.form-switch .form-check-input {
    position: relative;
    background-color: #ced4da;
    height: .9375rem;
    width: 1.875rem;
}

.form-switch .form-check-input:after {
    transition: transform .25s ease-in-out,background-color .25s ease-in-out;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 1px solid #ced4da;
    position: absolute;
    background-color: #fff;
    transform: translateX(1px);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    top: -4.5px;
    left: -8px;
	opacity: 1;
}

.form-switch .form-check-input:checked:after {
    transform: translateX(21px);
    border-color: #42424a;
}

.form-switch .form-check-input:checked {
    border-color: #42424a;
    background-color: #42424a;
}

.form-switch .form-check-input:checked:active:after {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 0 15px rgba(53,71,102,.1);
}

.form-switch .form-check-input:active:after {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 0 15px rgba(0,0,0,.1);
}


.set_ad_list .form-switch .form-check-input:checked:after {
    transform: translateX(21px);
    border-color: #4db0ff;
}
.set_ad_list .form-switch .form-check-input:checked {
    border-color: #4db0ff;
    background-color: #2196F3;
}


.d-flex {
    display: flex!important
}

.form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-check-input[type=checkbox],.form-check-label {
    cursor: pointer;
}

.pointer {
	cursor: pointer;
}

.justify {
	display: flex;
	justify-content: space-between;
}

.use_deposit_wrap {
	margin-top: 5px;
}
.margin-top-3 {
	margin-top: 3px;
}

#adViewDate{
	border: none;
    padding: 0;
    margin-top: 1rem;
    display: flex;
    font-size: 1rem;
}

@media (max-width: 768px) {
.login-wrap {
	width: auto;
}
#n_login, #n_change_pw, #n_pw, #new_pw1, #new_pw2, #mobile, #n_authcode  {
	width: 100%;
}
section.sc.card {
	overflow: auto hidden;
}
.sc .row {
	flex-direction: column;
}
.set_ad_list {
	overflow: auto hidden;
	width: auto;
}
}

th.autokeyword {
	text-wrap-style: balance;
}

/* 교체 대상 */
.kw {
  display: inline-block;              /* transform 적용 위해 inline-block */
  transition: opacity .25s, transform .25s;
}

/* 사라질 때 */
.kw.is-leave {
  opacity: 0;
  transform: translateY(4px) scale(0.99);
}

/* 나타날 때 */
.kw.is-enter {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.kw-alt-shown {
  color: #1E88E5;   /* 블루 강조 */
  font-weight: 600; /* 살짝 굵게 */
}



/* Layout */
.notice .card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  padding: 20px;
  margin: 10px 0 18px;
}
.notice .view-header .title { margin: 0 0 6px; font-size: 20px; font-weight: 700; }
.notice .view-header .meta { display: flex; gap: 14px; color:#667085; font-size: 13px; justify-self: right;}

/* Table */
.notice .table.list { width: 100%; border-collapse: collapse; }
.notice .table.list thead th {
  //background: #f8fafc;
  //color: #334155;
  background: #404048;
  color: #ffffff;
  font-weight: 700; font-size: 13px;
  border-bottom: 1px solid #e5e7eb;
  padding: 12px 10px;
}
.notice .table.list tbody td {
  border-bottom: 1px solid #f1f5f9;
  padding: 12px 10px;
  font-size: 14px;
  color: #111827;
}
.notice .table.list tbody tr:hover { background: #fafafa; }

/* Badge */
.notice .badge {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  margin-right: 6px;
  vertical-align: middle;
}

/* Buttons */
.notice .btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px;
  height: 36px; padding: 0 14px;
  border-radius: 10px;
  background: #f1f5f9;
  color: #0f172a;
  border: 1px solid #e2e8f0;
  font-weight: 600; font-size: 14px;
  cursor: pointer;
  transition: all .15s ease;
  text-decoration: none;
}
.notice .btn:hover { background:#e2e8f0; }
.notice .btn:active { transform: translateY(1px); }

.notice .btn.primary { background:#2e7fea; color:#fff; border-color:#2e7fea; }
.notice .btn.primary:hover { background:#0f69df; border-color:#0f69df; }

.notice .btn.danger { background:#fee2e2; color:#991b1b; border-color:#fecaca; }
.notice .btn.danger:hover { background:#fecaca; }

.notice .btn.outline { background:#fff; color:#0f172a; border-color:#cbd5e1; }
.notice .btn.sm { height:30px; padding:0 10px; font-size:13px; }
.notice .btn.ghost { background: transparent; border-color: transparent; }

/* Actions row */
.notice .actions { display:flex; gap:8px; flex-wrap: wrap; }

/* Pagination */
.notice .pagination {
  display:flex; gap:6px; align-items:center; justify-content:center;
  margin-top: 14px;
  flex-wrap: wrap;
}
.notice .page-btn {
  min-width: 36px; height: 36px; padding: 0 10px;
  border-radius: 10px;
  background:#fff; border:1px solid #e2e8f0; color:#0f172a;
  font-weight:600; font-size:14px; cursor:pointer;
}
.notice .page-btn:hover { background:#f8fafc; }
.notice .page-btn.active {
  background:#2e7fea; color:#fff; border-color:#2e7fea;
}
.notice .page-btn.disabled, .page-btn.disabled:hover {
  opacity:.45; cursor: not-allowed; background:#f8fafc;
}

/* Forms */
.notice .form-row { margin: 10px 0; }
.notice .form-row label { display:block; font-size: 13px; color:#475569; margin-bottom:6px; }
.notice .form-row input[type="text"],
.notice .form-row input[type="password"],
.notice .form-row input[type="number"],
.notice .form-row select,
.notice .form-row textarea {
  width: 100%;
  border: 1px solid #e2e8f0; border-radius: 10px;
  padding: 9px 12px; font-size:14px;
  outline: none; transition: border-color .15s ease, box-shadow .15s ease;
}
.notice .form-row input:focus,
.notice .form-row select:focus,
.notice .form-row textarea:focus {
  border-color:#2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,.1);
}
.notice .alert { padding:10px 12px; border-radius:10px; background:#f1f5f9; color:#0f172a; font-size:14px; }
.notice .alert.danger { background:#fee2e2; color:#7f1d1d; }

.notice .file-list { list-style:none; margin:8px 0 0; padding:0; }
.notice .file-list li { display:flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid #e2e8f0; border-radius:8px; margin-bottom:6px; background:#fff; }
.notice .file-list .file-name { flex: 1; }
.notice .file-list .file-x { border:none; background:#fee2e2; color:#991b1b; border-radius:8px; padding:2px 8px; cursor:pointer; }
.notice .file-list .file-x:hover { background:#fecaca; }
.notice .hint { color:#64748b; font-size:12px; margin-top:6px; }
.notice .strike { text-decoration: line-through; color:#94a3b8; }

.notice .file-upload {
  display: flex;
  align-items: center;
  gap: 10px;
}

.notice .file-upload input[type="file"] {
  display: none; /* 기본 input 숨김 */
}

.notice label.file-label {
  background-color: #009688;
  color: #fff;
  padding: 6px 14px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
}

.notice label.file-label:hover {
  background-color: #008b7e;
}

.notice .file-chosen {
  font-size: 14px;
  color: #475569;
}

/* Empty row */
.notice .empty { text-align:center; color:#6b7280; padding:30px 0; }

.notice .table a { color:#0f172a; text-decoration:none; }
.notice .table a:hover { text-decoration:underline; }

.notice .table.list td {
  text-align: center;   /* 기본: 가운데 */
}
/* 두 번째 td만 왼쪽 정렬 */
.notice .table td:nth-child(2) {
  text-align: left;
}

/* 검색 폼 영역 */
.notice .search-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.notice .search-form select,
.notice .search-form input[type="text"] {
  height: 36px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 14px;
  background: #fff;
  color: #0f172a;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.notice .search-form select:focus,
.notice .search-form input[type="text"]:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,.1);
}

.notice .search-form button.btn {
  height: 36px;
  padding: 0 14px;
}

.notice #nb_viewer {
    padding: 20px 8px 20px 8px;
    border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
}