/* @import url('/common/font/notokr/notokr_sysop.css'); */

::-webkit-scrollbar { width:10px;height:10px; }
::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
::-webkit-scrollbar-track { background-color: #F9F9F9; border-radius: 10px; box-shadow: inset 0px 0px 5px #F4F4F4; }

/* 기본 태그 스타일 */
* { font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, "돋움"; box-sizing:border-box; }
html { width:100%; height:100%; }
body { margin:0px; height:100%; letter-spacing:-1px; }
td, iframe, select, textarea {
	color: black;
	font-size:13px;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	margin:0px;
}
input {
	color: black;
	font-size:13px;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
}
input[type=text], input[type=password], input[type=number] {
	height:28px; border:1px solid #aaaaaa; border-radius:4px;
	padding:3px 5px;
	margin:-2px 0;
	vertical-align:middle;
	max-width:100%;
}
select, textarea {
	height:28px; border:1px solid #aaaaaa; border-radius:4px;
	padding:3px 5px;
	margin:-2px 0;
	vertical-align:middle;
}
select {
	height:28px;
	letter-spacing:-1px;
}
select[multiple] {
	height:170px;
}
img {
	border:0px;
}
p, ul, form {
	margin:0px;
}
a {
	color:#008ED2;
	text-decoration: none;
}
a:hover {
	color:#000000;
	text-decoration: none;
}
a:active {
	color:#000000;
	text-decoration: none;
}
fieldset {
	padding:10px;
}
legend {
	font-size:13px;
	margin-bottom:5px;
}
caption {
}
x-script {
	display:none;
}

/* text 스타일 */
.txt_simp {
	font-size:11px;
	height:23px !important;
}
.txt_el {
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }
/* 버튼 스타일 */
/*
.btn, .bttn, .btn_save, .btn_cls, .btn_search {
	border:0px;
	height:21px;
	width:91px;
	background: url('../images/admin/btn/bt80.gif') left top;
	cursor:pointer;
	padding-top:3px;
}
.btn_simp {
	border:1px solid #9EB4CA;
	font-family: "Malgun Gothic", "맑은 고딕", Dotum, Arial, "돋움";
	background: #F8F8F8;
	cursor:pointer;
	color:#666666;
	font-size:11px;
	letter-spacing:-2px;
	margin:0px;
	height:17px;
	padding-top:2px;
}
*/
.btn_smp {
	border:1px solid #9EB4CA;
	border-radius:3px;
	font-family: "Malgun Gothic", "맑은 고딕", Dotum, Arial, Gulim;
	background: #F8F8F8;
	cursor:pointer;
	color:#333333;
	font-size:11px;
	letter-spacing:-2px;
	margin:0px;
	height:21px;
	vertical-align:middle;
}
/*
.btn_simp {
	background:url("../images/global/css_btn_sm_right3.gif") right no-repeat;
	font-family: "Malgun Gothic", "맑은 고딕", Dotum, Arial, Gulim;
	font-size:11px;
	color:#333333;
	padding:2px 7px 2px 7px;
	letter-spacing:-1px;
	border:0px;
	height:21px !important;
	margin:0px;
	cursor:pointer;
	display:inline-block;
}
*/

.btn_simp {
	display:inline-block;
	border:1px solid #aaaaaa;
	border-radius:4px;
	padding:3px 5px;
	margin:0px;
	background-color:#fafafa;
	font-family: "Malgun Gothic", "맑은 고딕", Dotum, Arial, Gulim;
	font-size:11px;
	color:#333333;
	letter-spacing:-1px;
	vertical-align:middle;
	cursor:pointer;
}

.btn_simp:hover { color:#8080FF; background-color:#f0f0f0; }
.btn_simp.disabled{cursor:wait;}

.bttns_simp {
	background:url("../images/global/css_btn_sm_left3.gif") no-repeat !important;
	height:21px !important;
	display:inline-block !important;
	padding:0px !important;
	margin:1px 0 1px 0 !important;
}

.bttn, .btn_save, .btn_cls, .btn_search, .btn
, .btn_list, .btn_ins, .btn_mod, .btn_del, .btn_ccl, .btn_cls, .btn_sch {

	background:url("../images/global/css_btn_right4.gif") right no-repeat;
	font-family: "Malgun Gothic", "맑은 고딕", Dotum, Arial, Gulim;
	font-size:12px;
	color:#333333;
	padding:0px 18px 0px 15px;
	letter-spacing:-1px;
	border:0px;
	height:26px !important;
	margin:0px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	outline:0;
}

.bttn:hover, .btn_save:hover, .btn_cls:hover, .btn_search:hover, .btn:hover
, .btn_list:hover, .btn_ins:hover, .btn_mod:hover, .btn_del:hover, .btn_ccl:hover, .btn_cls:hover, .btn_sch:hover {
	color:#9f941b;
}

.bttns {
	background:url("../images/global/css_btn_left4.gif") no-repeat;
	height:26px !important;
	display:inline-block !important;
	padding:0px !important;
	margin:1px 0 1px 0 !important;
}

.bttn.yellow, .btn_simp.yellow {color:#ff9900;}
.bttn.red, .btn_simp.red {color:#BC3838;}
.bttn.blue, .btn_simp.blue {color:#3950BB;}
.bttn.sky, .btn_simp.sky {color:#227ED2;}
.bttn.green, .btn_simp.green {color:#4CA953;}
.bttn.brown, .btn_simp.brown {color:#C08534;}
.bttn.purple, .btn_simp.purple {color:#953FB6;}
.bttn.lightgray, .btn_simp.lightgray {color:#bbbbbb;}
.bttn.excel,.btn_simp.excel{color:#1f7244}

.bttn.yellow:hover, .btn_simp.yellow:hover
, .bttn.red:hover, .btn_simp.red:hover
, .bttn.blue:hover, .btn_simp.blue:hover
, .bttn.sky:hover, .btn_simp.sky:hover
, .bttn.green:hover, .btn_simp.green:hover
, .bttn.brown:hover, .btn_simp.brown:hover
, .bttn.purple:hover, .btn_simp.purple:hover
, .bttn.lightgray:hover, .btn_simp.lightgray:hover {
	color:gray;
}

.bttn2 {
	display:inline-block;
	height:28px;
	padding:0 3px 0 11px;
	margin:0;
	background-color:#ffffff;
	border:1px solid #aaaaaa;
	border-radius:4px;
	vertical-align:middle;
	font-family:inherit;
	font-size:12px;
	letter-spacing:-1px;
	white-space:nowrap;
	text-decoration:none;
	cursor:pointer;
}

.bttn2:hover {
	background-color:#fafafa;color:#9f941b;
}
.bttn2:after {
	display:inline-block;
	content:"\f105";
	font-family:FontAwesome;
	width:10px;
	padding:0;
	margin:0 5px 0 0;
	font-size:14px;
	text-align:right;
	/* vertical-align:-1px; */
	vertical-align:baseline;
	color:#9f941b;
}

.bttn2.yellow { color:#ffffff; background-color:#f0ad4e; border-color:#eea236; }
.bttn2.yellow:after{ color:#ffffff; }
.bttn2.yellow:hover { color:#ffffff; background-color:#f3c585; }
.bttn2.red { color:#ffffff; background-color:#bc3838; border-color:#a33030; }
.bttn2.red:after{ color:#ffffff; }
.bttn2.red:hover { color:#ffffff; background-color:#c96060; }
.bttn2.blue { color:#ffffff; background-color:#3950bb; border-color:#3144a2; }
.bttn2.blue:after{ color:#ffffff; }
.bttn2.blue:hover { color:#ffffff; background-color:#6173c9; }
.bttn2.sky { color:#ffffff; background-color:#227ed2; border-color:#1d6cba; }
.bttn2.sky:after{ color:#ffffff; }
.bttn2.sky:hover { color:#ffffff; background-color:#4e98db; }
.bttn2.green { color:#ffffff; background-color:#4ca953; border-color:#419147; }
.bttn2.green:after{ color:#ffffff; }
.bttn2.green:hover { color:#ffffff; background-color:#70ba75; }
.bttn2.brown { color:#ffffff; background-color:#c08534; border-color:#a7722c; }
.bttn2.brown:after{ color:#ffffff; }
.bttn2.brown:hover { color:#ffffff; background-color:#cd9d5d; }
.bttn2.purple { color:#ffffff; background-color:#953fb6; border-color:#7f369d; }
.bttn2.purple:after{ color:#ffffff; }
.bttn2.purple:hover { color:#ffffff; background-color:#aa65c5; }
.bttn2.lightgray { color:#ffffff; background-color:#bbbbbb; border-color:#a2a2a2; }
.bttn2.lightgray:after{ color:#ffffff; }
.bttn2.lightgray:hover { color:#ffffff; background-color:#c9c9c9; }
.bttn2.ruby { color:#ffffff; background-color:#f07b4e; border-color:#c56131; }
.bttn2.ruby:after{ color:#ffffff; }
.bttn2.ruby:hover { color:#ffffff; background-color:#ffb599; }

.bttn2.new-main-blue{color:#ffffff;background-color:#1d4ed8;border-color:#1e40af;}
.bttn2.new-main-blue:after{color:#ffffff;}
.bttn2.new-main-blue:hover{color:#ffffff;background-color:#2563eb;}
.bttn2.new-sub-blue{color:#ffffff;background-color:#3b82f6;border-color:#2563eb;}
.bttn2.new-sub-blue:after{color:#ffffff;}
.bttn2.new-sub-blue:hover{color:#ffffff;background-color:#60a5fa;}
.bttn2.new-dark{color:#ffffff;background-color:#334155;border-color:#1e293b;}
.bttn2.new-dark:after{color:#ffffff;}
.bttn2.new-dark:hover{color:#ffffff;background-color:#475569;}
.bttn2.new-dark-outline{color:#475569;background-color:#ffffff;border:1px solid #cbd5e1;}
.bttn2.new-dark-outline:after{color:#475569;}
.bttn2.new-dark-outline:hover{color:#1e293b;background-color:#f8fafc;border-color:#94a3b8;}
.bttn2.new-dark-slate{color:#ffffff;background-color:#475569;border-color:#334155;}
.bttn2.new-dark-slate:after{color:#ffffff;}
.bttn2.new-dark-slate:hover{color:#ffffff;background-color:#64748b;}
.bttn2.new-dark-slate-outline{color:#475569;background-color:#ffffff;border:1px solid #cbd5e1;}
.bttn2.new-dark-slate-outline:after{color:#475569;}
.bttn2.new-dark-slate-outline:hover{color:#1e293b;background-color:#f8fafc;border-color:#94a3b8;}

.bttn2.new-red{color:#ffffff;background-color:#b91c1c;border-color:#991b1b;}
.bttn2.new-red:after{color:#ffffff;}
.bttn2.new-red:hover{color:#ffffff;background-color:#dc2626;}
.bttn2.new-rose{color:#ffffff;background-color:#9f1239;border-color:#881337;}
.bttn2.new-rose:after{color:#ffffff;}
.bttn2.new-rose:hover{color:#ffffff;background-color:#be123c;}
.bttn2.new-brick{color:#ffffff;background-color:#c2410c;border-color:#9a3412;}
.bttn2.new-brick:after{color:#ffffff;}
.bttn2.new-brick:hover{color:#ffffff;background-color:#ea580c;}
.bttn2.new-amber{color:#ffffff;background-color:#d97706;border-color:#b45309;}
.bttn2.new-amber:after{color:#ffffff;}
.bttn2.new-amber:hover{color:#ffffff;background-color:#f59e0b;}

.bttn2.new-privacy-secure{color:#475569;background-color:#ffffff;border:1px solid #cbd5e1;}
.bttn2.new-privacy-secure:hover{color:#1e293b;background-color:#f8fafc;border-color:#94a3b8;}

/* AI 기능 전용 (ico_ai01.png 바이올렛 계열과 통일) */
.bttn2.new-ai{color:#ffffff;background-color:#7c3aed;border-color:#6d28d9;}
.bttn2.new-ai:after{color:#ffffff;}
.bttn2.new-ai:hover{color:#ffffff;background-color:#8b5cf6;}
.bttn2.new-privacy-secure i.fa-lock{color:#f07b4e;margin-right:6px;font-size:14px;vertical-align:middle;}
.bttn2.new-privacy-secure:hover i.fa-lock{color:#ea580c;}

.bttn2.new-mint{color:#ffffff;background-color:#0d9488;border-color:#0f766e;}
.bttn2.new-mint:after{color:#ffffff;}
.bttn2.new-mint:hover{color:#ffffff;background-color:#0f766e;}

.bttn2.new-seq-save{color:#1e293b;background:#f1f5f9;border:1px solid #64748b;}
.bttn2.new-seq-save:after{color:#1e293b;}
.bttn2.new-seq-save:hover{background:#edf2f7;border-color:#475569;}
.new-seq-icon{display:inline-block;padding:0;margin-left:4px;background:none;border:none;color:#64748b;font-weight:normal;cursor:pointer;vertical-align:middle;}
.new-seq-icon:hover{color:#2563eb;}

.bttn2.privacy-latest{background-color:#ffffff;color:#0ea5e9;border:1px solid #38bdf8;}
.bttn2.privacy-previous{background-color:#ffffff;color:#334155;border:1px solid #475569;}

.bttn2.edit{padding:0 11px;}
.bttn2.edit:after{display:none}
.bttn2.edit:hover{color:#d35400}

.bttn2.excel{padding:0 11px;}
.bttn2.excel:after{display:none}
.bttn2.excel:hover{color:#288f56}

.bttn2#excel-wait {padding: 0 10px;}
.bttn2#excel-wait:after {display:none;}

/* 처리중(비활성) 상태 - 색상 클래스(sky 등)보다 우선하도록 뒤에 선언. */
.bttn2.disabled,
.bttn2.disabled:hover {
	color:#999999;
	background-color:#f2f2f2;
	border-color:#d9d9d9;
	cursor:wait;
}
.bttn2.disabled:after { color:#999999; }

/* 버튼2 프로토타입 */
.button {
	height: 26px;
    padding: 0px 13px;
	font-family: "Malgun Gothic", "맑은 고딕", Dotum, Arial, Gulim;
    background-color: #f9f9f9;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background: -webkit-linear-gradient(#ffffff, #f6f6f6);
    background: -o-linear-gradient(#ffffff, #f6f6f6);
    background: -moz-linear-gradient(#ffffff, #f6f6f6);
    background: linear-gradient(#ffffff, #f6f6f6);
    letter-spacing: -1px;
}

.button-right {float:right;}

.button.yellow, .btn_simp.yellow { color:#ff9900; }
.button.red, .btn_simp.red { color:#BC3838; }
.button.blue, .btn_simp.blue { color:#3950BB; }
.button.sky, .btn_simp.sky { color:#227ED2; }
.button.green, .btn_simp.green { color:#4CA953; }
.button.brown, .btn_simp.brown { color:#C08534; }
.button.purple, .btn_simp.purple { color:#953FB6; }

/* 비밀번호 토글 */
.password_box{position:relative;}
.password_box input[type=text], .password_box input[type=password]{width:100%;padding-right:36px;box-sizing:border-box;}
.password_box .btn_eye{position:absolute;right:4px;top:50%;width:28px;height:28px;border:0;background:transparent;cursor:pointer;transform:translateY(-50%);padding:0;}
.password_box .btn_eye:after{content:'\f070';font-family:FontAwesome;font-size:14px;color:#666;}
.password_box .btn_eye.is_visible:after{content:'\f06e';}

/* 검색박스 스타일 */
.s_tb01 {
	border:2px solid #dfdfdf;
	width:100%;
	height: 50px;
}

.s_th01 {
	padding:8px;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	background-color:#f7f7f7;
	font-weight:bold;
	color:gray;
	width:60px;
	text-align:center;
	border-top:1px solid silver;
	border-left:1px solid silver;
	border-bottom:1px solid silver;
	text-transform:uppercase;
}

.s_td01 {
	border-top:1px solid silver;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	padding:5px;
}

/* 액션박스 스타일 */
.a_tb01 {
	/*
	width:900px;
	*/
	width: 100%;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	height: 27px;
	margin:5px 0 0 0;
	/*
	background: url(../images/lbg.gif) repeat-x center ;
	border:1px solid #d1d1d1;
	margin:10px 0 5px 0;
	*/
}
.a_th01 {
	padding: 3px;
	/*
	padding-left:10px;
	*/
	padding-left:0px;
	color:#333333;
	font-weight:bold;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
}
.a_td01 {
	text-align:right;
	/*
	padding: 3px;
	*/
	padding: 3px 0px 3px 3px;
	font-weight:bold;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

/* 목록 테이블 스타일 */
.l_tb01 {
	border-collapse:collapse;
	width:100%;
	margin-bottom:1px;
	margin-top:2px;
}
.l_tb01.bg {
	background: url("../images/admin/common/ltb09.gif") repeat-x left 1px; ;
}
.l_tb01 thead {
}
.l_th01 {
	text-align:center;
	color:#333333;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	padding:5px;
	letter-spacing:-1px;
	height:33px;
	/*
	background: url("../images/admin/common/lbg2.gif") repeat-x center ;
	border:1px solid #9AC6FF;
	border:1px solid #C1DCFF;
	*/
	background: url("../images/admin/common/ltb09.gif") repeat-x left 1px;
	/* background-color:#d9e5f8; */
	border:1px solid #B8D0FA;
}
.l_th01.no_bg {
	background: transparent !important;
}
.l_th02 {
	text-align:center;
	color:#333333;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	padding:5px;
	letter-spacing:-1px;
	height:33px;
	/*
	background: url("../images/admin/common/lbg2.gif") repeat-x center ;
	border:1px solid #9AC6FF;
	border:1px solid #C1DCFF;
	*/
	background: url("../images/admin/common/ftb09.gif") repeat-x left 1px ;
	border:1px solid #d1d1d1;
}
.l_th03 {
	text-align:center;
	color:#333333;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	padding:5px;
	letter-spacing:-1px;
	height:33px;
	border:1px solid #d1d1d1;
	background: url("../images/admin/common/lbg_long.gif") repeat-x center;
}
.l_th04 {
	text-align:center;
	color:#333333;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	padding:5px;
	letter-spacing:-1px;
	height:33px;
	border:1px solid #9AC6FF;
	background-color:#C7DFFF;
}
.l_td01 {
	border:1px solid #d1d1d1;
	padding:5px;
	height:33px;
	text-overflow:ellipsis;
	overflow:hidden;
	word-break:break-all;
}
.l_td_el {
	display:table-cell;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.l_tr_even {
	background-color:white;
}
.l_tr_odd {
	background-color:#fbfbfb;
}
.l_tr_notice {
	background-color:#f7f7f7;
}
.l_tr_important {
	background-color:#eef7fc;
}
.l_tr_pcc_C {
	background-color:#EFF7F1;
}
.l_tr_hover {
	background-color:#efefef !important;
}
.l_sort01 {
	cursor:pointer;
	margin:0px;
	padding:0px;
}
.l_sort02 {
	cursor:move;
}

/* 자료 없음 테이블 */
.n_tb01 {
	width:100%;
	border-collapse:collapse;
}
.n_tb01 td, .n_td01 {
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	padding:10px;
	color:#666666;
	text-align:center;
	border:1px solid #d1d1d1;
}

/* 페이지 네비게이션 박스 스타일 */
.p_tb01 {
	margin-top:5px;
	border-collapse:collapse;
	width:100%;
}
.p_td01 {
	text-align:center;
	padding-bottom:5px;
}

/* 타이틀, 입력,수정 테이블 스타일 */
.c_tb01 {
	width: 100%;
	background: url("../images/admin/common/lbg.gif") repeat-x center ;
	background: url("../images/admin/common/ftb09.gif") repeat-x left 1px ;
	background-color:#fafafa;
	border:1px solid #d1d1d1;
	/*
	border-radius:3px;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	height: 27px;
	*/
	margin-bottom:3px;
}
.c_th01 {
	padding: 5px;
	padding-left:10px;
	color:#666666;
	font-weight:bold;
	/*
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	*/
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, "돋움";
}
.c_td01 {
	text-align:right;
	padding: 3px;
	font-weight:bold;
	/*
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	*/
}

.c_tb02 {
	width: 100%;
	background: url("../images/admin/common/lbg.gif") repeat-x center ;
	background: url("../images/admin/common/ftb09.gif") repeat-x left 1px ;
	background-color:#fafafa;
	border:1px solid #d1d1d1;
	/*
	border-radius:3px;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	height: 27px;
	*/
	margin-bottom:3px;
}
.c_th02 {
	padding: 5px;
	padding-left:10px;
	color:#666666;
	font-weight:bold;
	font-size:16px;
	/*
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	*/
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, "돋움";
}
.c_td02 {
	text-align:right;
	padding: 3px;
	font-weight:bold;
	font-size:16px;
	/*
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	*/
}

.f_tb01 {
	width:100%;
	border-collapse:collapse;
	margin-bottom:5px;
}
.f_th01 {
	font-weight:normal;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	color:#333333;
	text-align:left;
	padding:4px 10px 4px 10px;
	letter-spacing:-1px;
	border:1px solid #d1d1d1;
	width:110px;
	height:33px;
	background: #f4f4f4;
	/*
	background: url(../images/admin/common/lbg_long.gif) repeat-x center;
	*/
}
.f_td01 {
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	padding:4px;
	border:1px solid #d1d1d1;
}
.f_td01 select {
	max-width: 99%;
}

.f_td02 {
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	border-right:1px solid #d1d1d1;
	border-collapse:collapse;
}

.f_th02 {
	font-weight:normal;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	color:#333333;
	text-align:left;
	padding-left:4px;
	letter-spacing:-1px;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	width:120px;
	height:33px;
	background: #f8f8f8;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}

.f_td03 {
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	padding:4px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}

.f_th03 {
	font-weight:normal;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	color:#333333;
	text-align:left;
	padding:4px;
	height:33px;
	letter-spacing:-1px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	width:120px;
	background: #f8f8f8;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}

/* 새로운 검색 (촌스러움) */
.t_tb01 {
	/*
	width: 100%;
	max-width:902px;
	*/
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}
.t_th01 {
	font-weight:normal;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	color:#333333;
	text-align:center;
	padding:4px 10px 4px 10px;
	letter-spacing:-1px;
	border:1px solid #d1d1d1;
	width:110px;
	height:33px;
	background: #f4f4f4;
	/*
	background: url(../images/lbg_long.gif) repeat-x center;
	*/
}
.t_td01 {
	font-family: "Malgun Gothic", "맑은 고딕", Arial, Dotum, Gulim;
	padding:3px 5px;
	border:1px solid #d1d1d1;
}
.t_td01 select {
	max-width:99%;
}
.t_td01 .ipt01 {
	height:27px; vertical-align:-9px;
}

/* 하단 버튼 테이블 스타일 */
.b_tb01 {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
.b_th01 {
}
.b_td01 {
	text-align:right;
}

/* 가이드테이블 */
.g_tb01 {
	border-collapse:collapse;
	width:100%;
	margin-bottom:1px;
	margin-top:2px;
}
.g_td01 {
	border:1px solid #d1d1d1;
	padding:10px;
}

/* etc */
.mt3 { margin-top:3px; }
.mt5 { margin-top:5px; }
.ipt01 { vertical-align:-2px; }
.mvarrow {
	cursor:pointer;
	color:blue;
}
.desc01 { background:url(../images/admin/icon/dot_blue.gif) no-repeat left 2px; font-size:12px; color:#777; padding-left:7px; margin-left:5px; letter-spacing:-1px; }
.desc01 span.good { color:#4C5BA9; }
.desc01 span.bad { color:#A94C4C; }
.desc02 { color:#ABABAB; }
.ipt_right { text-align:right; padding-right:3px; }
.ipt_left { text-align:left; padding-left:3px; }
.ipt_center { text-align:center; }
.cal01 { text-align:center; width:80px; cursor:pointer; }
.cal01 + img { vertical-align:-5px; margin-left:1px; cursor:pointer; }
.cal02 { text-align:center; width:80px; cursor:pointer; }
.cal02 + img { vertical-align:-5px; margin-left:1px; cursor:pointer; }
.cal03 { text-align:center; width:80px; }
.cal11 { text-align:center; width:80px; cursor:pointer; }
.cal11 + img { vertical-align:-5px; margin-left:1px; cursor:pointer; }
.cal12 { text-align:center; width:80px; cursor:pointer; }
.cal12 + img { vertical-align:-5px; margin-left:1px; cursor:pointer; }
.cal13 { text-align:center; width:80px; }

.w_form{width:42%;}
.w_form select, .w_form input[type="text"]{width:100% !important;}

.excel_item_wrap{display:none; border:1px solid #21a74a; padding:10px; margin:10px 0; border-radius:5px;}
.excel_item_wrap .chk_label{white-space:nowrap;}

.form_list{margin:0;padding:0;font-size:14px;list-style:none;}
.form_list > li{padding:10px;}
.form_list .form_label{display:inline-block;font-weight:700;}
.form_list .form_label + p{margin-top:6px;}
.form_list label.form_label{cursor:pointer;}

/* 페이징 */
#paging img {margin-bottom:2px}
#paging .select {font-weight:bold;color:red;}
#paging .mg_select {font-weight:bold;color:red;}
#paging .first_off img {}
#paging .last_off img {}
#paging .prev_on img {margin-right:5px;}
#paging .prev_off img {;margin-right:5px;}
#paging .next_on img {margin-left:5px;}
#paging .next_off img {;margin-left:5px;}


/* 탭 스타일 */
.tabs {
	width: 100%;
	line-height: normal;
/*	background-image: url("../images/admin/common/tab_bg.gif");*/
	margin:0px;
}
.tabs ul {
	margin: 0px;
	padding: 0 2px 1px 0px;
	text-align:right;
	list-style:none;
	float: left;
}
.tabs li {
	float: left;
	background: url("../images/admin/common/tab_bg.gif") no-repeat left top;
	margin: 0;
	margin-left: 0;
	margin-right: 2px;
	padding: 0 0 0 16px;
	line-height: 23px;
}
.tabs li.current {
	background: url("../images/admin/common/tab_sel_bg.gif") no-repeat left top;
	margin-right: 2px;
}
.tabs span {
	float: left;
	display: block;
	background: url("../images/admin/common/tab_end.gif") no-repeat right top;
	padding: 0 16px 0 0;
}
.tabs .current span {
	background: url("../images/admin/common/tab_sel_end.gif") no-repeat right top;
}
.tabs a {
	text-decoration: none;
	font-family: "Malgun Gothic", "맑은 고딕",  Tahoma, Arial;
	font-size: 12px;
}
.tabs a:link, .tabs a:visited, .tabs a:hover {
	color: black;
}
.tabs a:hover {}
.tabs .current {}
.tabs .current a, .tabs .current a:link, .tabs .current a:visited {}
/* 임의 탭 스타일 */
.tab01 {
	width:100%;
	margin-bottom:10px;
	background:url('../images/admin/common/line_bg.gif') repeat-x bottom;
	vertical-align:bottom;
}

/* 탭 스타일 2 - a에 영역 지정, a 필수 */
.tabs_02 { position:relative; margin-bottom:5px; font-size:13px; }
.tabs_02:after { content:""; display:block; border-bottom:1px solid #94a6b5; margin-top:-1px; }
.tabs_02 ul { padding:0; overflow:hidden; }
.tabs_02 li { float:left; list-style:none; }
.tabs_02 li a { display:inline-block; color:#000000; line-height:17px; padding:5px 14px; margin:0 2px 0 0; background-color:#fafafa; border:1px solid #94a6b5; border-top-width:3px; border-radius:4px 4px 0 0; }
.tabs_02 li a:hover { background-color:#f4f4f4; }
.tabs_02 li a.sky { color:#ffffff; background-color:#227ed2; border-color:#1d6cba; }
.tabs_02 li a.sky:hover { background-color:#378fdf; }
.tabs_02 li .fa { line-height:17px; }
.tabs_02 li.current a { background-color:#ffffff; border-color:#ffb500; border-bottom-color:#ffffff; font-weight:bold; }
.tabs_02 .tab_right { position:absolute; bottom:2px; right:0; }
.tabs_02 li.block { margin-right:15px; }
.tabs_02 li.title { display:inline-block; color:#ffffff; padding:5px 10px; margin:0 2px 0 0; background-color:#94a6b5; border:1px solid #94a6b5; border-top-width:3px; border-radius:4px 4px 0 0; font-weight:bold; }
.tabs_02 li.title.sky { color:#ffffff; background-color:#227ed2; border-color:#1d6cba; }

/* 탭 스타일 2 - li에 영역 지정, a가 없어도 되지만 링크 영역이 좁음
.tabs_02 { position:relative; margin-bottom:5px; font-size:12px; }
.tabs_02:after { content:""; display:block; border-bottom:1px solid #94a6b5; margin-top:-1px; }
.tabs_02 ul { padding:0; overflow:hidden; }
.tabs_02 li { float:left; list-style:none; color:#000000; padding:4px 12px; margin:0 2px 0 0; background-color:#fafafa; border:1px solid #94a6b5; border-top-width:3px; border-radius:4px 4px 0 0; }
.tabs_02 li a { display:inline-block; color:#000000; }
.tabs_02 li:hover { background-color:#f4f4f4; }
.tabs_02 li.current { background-color:#ffffff; border-color:#ffb500; border-bottom-color:#ffffff; font-weight:bold; }
.tabs_02 .tab_right { position:absolute; bottom:2px; right:0; }
*/

/* 리마인더 */
.reminder01 {position:relative; margin-bottom:5px; padding:9px; border:1px solid #d1d1d1; border-left-width:5px; font-size:13px; overflow:hidden; border-radius:3px;}
.reminder01 h1 {font-weight:normal; font-size:18px; line-height:28px; margin:0; padding:0;}
.reminder01.more {cursor:pointer; min-height:47px; padding-bottom:3px;}
.reminder01.more button {position:absolute; top:9px; right:9px;}
.reminder01 em {font-style:normal; font-weight:bold; color:#d9534f;}
.reminder01.blue {border-left-color:#337ab7;}
/* .reminder01.blue em {color:#337ab7;} */
.reminder01.green {border-left-color:#5cb85c;}
/* .reminder01.green em {color:#5cb85c;} */
.reminder01.skyblue {border-left-color:#5bc0de;}
/* .reminder01.skyblue em {color:#5bc0de;} */
.reminder01.yellow {border-left-color:#f0ad4e;}
/* .reminder01.yellow em {color:#f0ad4e;} */
.reminder01.red {border-left-color:#d9534f;}
/* .reminder01 em {color:#d9534f;} */

.reminder02{margin:10px;padding:10px;line-height:23px;border-radius:5px;background-color:#F4F4F4;font-size:15px;}

.reminder03{padding:16px;border-radius:4px;}
.reminder03 h1{margin:0 0 10px 0;font-size:14px;}
.reminder03 p{margin:0;font-size:13px;line-height:1.6;}
.reminder03 a{color:#0d6efd;}

.reminder03.yellow{background:#fff3cd;border:1px solid #ffecb5;}
.reminder03.yellow h1, .reminder03.yellow p{color:#664d03;}


/* body 타이틀 블릿 영역 */
.blt {
	float:left;
	background:#000000;
	width:5px;
	height:14px;
	border:1px solid gray;
	font-weight:normal;
	margin:6px 8px 0px 0px;
}
.blt_new {
    float:left;
	background:url(../images/admin/main/main_bullet.gif)  no-repeat left top;
	width:20px;
	height:20px;
	border:0px solid gray;
	font-weight:normal;
	margin:3px 8px 0px 0px;
}


/* 페이징 */
.page_box			{ margin:0 auto; table-layout:auto !important}
.page_box li		{ vertical-align:top;display:inline-block}
.page_box td		{ padding:0px; border-width:0px; font-family: "Malgun Gothic", "맑은 고딕", verdana; color:#999999; font-size:12px }
.page_first_btn		{ margin-right:0px; background:url(../images/admin/btn/btn_first.gif) no-repeat center center; width:19px; height:17px; }
.page_last_btn		{ margin-left:0px; background:url(../images/admin/btn/btn_last.gif) no-repeat center center; width:19px; height:17px; }
.page_prev_btn		{ margin-right:10px; background:url(../images/admin/btn/btn_prev.gif) no-repeat center center; width:15px; height:17px; }
.page_next_btn		{ margin-left:10px; background:url(../images/admin/btn/btn_next.gif) no-repeat center center; width:15px; height:17px; }
.page_seperator		{ width:8px; height:17px; background: url(../images/admin/btn/page_bar.gif) center center no-repeat; }
.page_number_btn	{ color:#6e6e6e; padding:0 3px 0 3px; }
.page_number_btn_on	{ color:#1a5eab; font-weight:bold; padding:0 3px 0 3px; }

.p_tb01 .on { padding:0; margin:0 }



/* UTIL */
.autoround5 {
	border:1px solid #d0d0d0;
	padding:10px;
	position:relative;
}
.autoround3 {
	border:1px solid #d0d0d0;
	padding:10px;
	position:relative;
}

.picker_name { float:left; width:95%; padding:5px; margin-left:5px; border:1px solid #9AAAB9; background-color:#F8F8F8; }
.cate01 { font-size:12px; letter-spacing:-1px; color:gray; padding-bottom:3px; }

.font11 { font-size:11px; } /* deprecated */
.fontsmall { font-size:12px; }
.fontsmallthin { font-size:12px; letter-spacing:-1px; }
.crm { background:url(../images/admin/icon/btn_crm.png) left no-repeat; padding-left:20px; }
.stat-date { color:#4C5BA9; font-size:13px; }

.status.red { color:#A94C4C; }
.status.blue { color:#4C5BA9; }
.status.gray { color:#7F7F7F; }
.status.green { color:#4CA953; }
.status.sky { color:#4C8EA9; }

.txt.red{color:#d9534f;}
.txt.blue{color:#0275d8;}

/* 라벨 */
.label{font-family: "Malgun Gothic", "맑은 고딕", Arial, sans-serif;font-size:11px;padding:3px 4px;font-weight:normal;/* vertical-align:top; */ border-radius:3px; }
.label.red{background-color:#d9534f;color:#fff}
.label.orange{background-color:#ffa500;color:#fff}
.label.blue{background-color:#428bca;color:#fff}
.label.gray{background-color:#999;color:#fff}
.label.gray-silver{background-color:#BFBFBF;color:#fff}
.label.green{background-color:#5cb85c;color:#fff}
.label.sky{background-color:#5bc0de;color:#fff}
.label.brown{background-color:#7b462f;color:#fff}
.label.purple{background-color:#7e79db;color:#fff}
.label.pink{background-color:#ff9191;color:#fff}
.label.black{background-color:#000;color:#fff}
.label.mint{background-color:#87c5c2;color:#fff}
.label.yellow{background-color:#f0ad4e;color:#fff}
.label.naver{background-color:#03C75A;color:#ffff}
.label.line{background-color:#06C755;color:#ffff}
.label.kakao{background-color:#FEE500;color:#191919}
.label.google{background-color:#4285F4;color:#ffff}
.label.facebook{background-color:#3b5998;color:#ffff}
.label.small{font-size:10px}
.label.large{font-size:12px}
.label.inline-block { display:inline-block;text-align:center; }
.label.thin{font-size:10px;padding:2px 4px 2px 3px;}

.label.white{background-color:#ffffff;color:#52525b;border:1px solid #d4d4d8;}
.label.new-gray{background-color:#9ca3af;color:#fff;}
.label.border-gray{background-color:#ffffff;color:#6b7280;border:1px solid #9ca3af;}
.label.slate{background-color:#64748b;color:#fff;}
.label.border-slate{background-color:#ffffff;color:#1e293b;border:1px solid #475569;}
.label.charcoal{background-color:#334155;color:#f1f5f9;}
.label.new-black{background-color:#1e293b;color:#f8fafc;}

/*.label.new-red{background-color:#ef4444;color:#fff;}*/
/*.label.new-red{background-color:#991b1b;color:#fff;}*/
.label.new-red{background-color:#c93b3b;color:#ffffff;}
.label.border-red{background-color:#ffffff;color:#b91c1c;border:1px solid #b91c1c;}
.label.new-rose{background-color:#f43f5e;color:#fff;}
.label.new-pink{background-color:#ec4899;color:#fff;}
.label.new-purple{background-color:#8b5cf6;color:#fff;}
.label.new-indigo{background-color:#6366f1;color:#fff;}
/*.label.new-blue{background-color:#3b82f6;color:#fff;}*/
/*.label.new-blue{background-color:#1e40af;color:#fff;}*/
.label.new-blue{background-color:#346cb0;color:#ffffff;}
.label.new-sky{background-color:#06b6d4;color:#fff;}
.label.new-teal{background-color:#14b8a6;color:#fff;}
.label.new-green{background-color:#10b981;color:#fff;}
.label.new-emerald{background-color:#059669;color:#fff;}
.label.new-amber{background-color:#f59e0b;color:#fff;}
.label.new-orange {background-color: #f97316; color: #ffffff;}
.label.new-violet {background-color: #7c3aed; color: #ffffff;}
.label.new-cyan {background-color: #0891b2; color: #ffffff;}

.label.course-online{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;}
.label.course-always{background-color:#f4f4f5;color:#52525b;border:1px solid #e4e4e7;}
.label.course-offline{background-color:#fef3c7;color:#b45309;border:1px solid #fde68a;}
.label.course-blended{background-color:#fae8ff;color:#86198f;border:1px solid #f5d0fe;}
.label.course-package{background-color:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe;}

.label.privacy-agree{background-color:#ffffff;color:#0891b2;border:1px solid #a5f3fc;}
.label.privacy-list{background-color:#ffffff;color:#6b7280;border:1px solid #9ca3af;}
.label.privacy-view{background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
.label.privacy-excel{background-color:#fff7ed;color:#c2410c;border:1px solid #ffedd5;}
.label.privacy-insert{background-color:#ecfeff;color:#0d9488;border:1px solid #99f6e4;}
.label.privacy-update{background-color:#f3e8ff;color:#6b21a8;border:1px solid #e9d5ff;}
.label.privacy-delete{background-color:#fef2f2;color:#b91c1c;border:1px solid #fee2e2;}
.label.privacy-force{background-color:#ffe4e6;color:#e11d48;border:1px solid #fecdd3;}

.label.base{background-color:#ffffff;color:#6b7280;border:1px solid #9ca3af;}

.label.send-channel{background-color:#ffffff;color:#475569;border:1px solid #94a3b8;}
.label.send-manual{background-color:#ffffff;color:#d97706;border:1px solid #fcd34d;}
.label.send-auto{background-color:#ffffff;color:#059669;border:1px solid #a7f3d0;}
.label.send-agree{background-color:#ffffff;color:#0369a1;border:1px solid #0284c7;}
.label.send-reject{background-color:#ffffff;color:#71717a;border:1px solid #d4d4d8;}
.label.send-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;}
.label.send-fail{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;}

.label.task-all{background-color:#ffffff;color:#6b7280;border:1px solid #9ca3af;}
.label.date-start{background-color:#334155;color:#f1f5f9;border:1px solid #334155;}
.label.date-end{background-color:#ffffff;color:#475569;border:1px solid #64748b;}

/* ===================================================================
   상태 라벨 색상 토큰 (Semantic Tokens)
   -------------------------------------------------------------------
   [온오프 토글형] 활성=active(파랑) / 비활성=muted(회색) 로 고정.
     사용·정상·운영·판매·노출·전용       -> active
     중지·미사용·미판매·숨김·공용        -> muted
   [다중 상태형] 긍정/완료는 done(초록), 나머지는 의미별 시인성 색상.
     wait(주황=조치필요) / ing(파랑=진행) / cancel(중립회색) / fail(적색)
   색상 변경은 아래 토큰 블록만 수정하면 전 그룹에 일괄 반영된다.
   =================================================================== */
:root{
	/* 활성 / 긍정 — 파랑 */
	--label-active-bg:#eff6ff; --label-active-fg:#1d4ed8; --label-active-bd:#bfdbfe;
	/* 비활성 / 중지 — 회색 */
	--label-muted-bg:#f4f4f5; --label-muted-fg:#71717a; --label-muted-bd:#e4e4e7;
	/* 완료 / 성공 — 초록 */
	--label-done-bg:#f0fdf4; --label-done-fg:#15803d; --label-done-bd:#bbf7d0;
	/* 대기 / 조치필요 — 주황 */
	--label-wait-bg:#fff7ed; --label-wait-fg:#c2410c; --label-wait-bd:#ffedd5;
	/* 진행중 — 파랑(활성과 동일 계열) */
	--label-ing-bg:#eff6ff; --label-ing-fg:#1d4ed8; --label-ing-bd:#bfdbfe;
	/* 실패 / 오류 — 적색 */
	--label-fail-bg:#fef2f2; --label-fail-fg:#b91c1c; --label-fail-bd:#fee2e2;
	/* 취소 / 종료 — 중립 딥그레이 */
	--label-cancel-bg:#f5f5f4; --label-cancel-fg:#44403c; --label-cancel-bd:#e7e5e4;
}

/* 토큰 적용 그룹 — 같은 성격끼리 셀렉터를 묶어 일관성을 강제함 */
.label.status-normal, .label.display-show, .label.scope-private,
.label.progress-ing, .label.delivery-ing, .label.pay-ing,
.label.answer-done, .label.complete-pass, .label.point-plus,
.label.subscribe-ing, .label.task-submit, .label.download-done
{background-color:var(--label-active-bg);color:var(--label-active-fg);border:1px solid var(--label-active-bd);}

.label.status-pause, .label.display-hide, .label.scope-public,
.label.status-dormant, .label.progress-end, .label.pay-temp,
.label.complete-none, .label.subscribe-end, .label.course-always
{background-color:var(--label-muted-bg);color:var(--label-muted-fg);border:1px solid var(--label-muted-bd);}

.label.pay-done, .label.delivery-done, .label.send-success
{background-color:var(--label-done-bg);color:var(--label-done-fg);border:1px solid var(--label-done-bd);}

.label.pay-wait, .label.delivery-wait, .label.progress-wait,
.label.refund-request, .label.encode-ing
{background-color:var(--label-wait-bg);color:var(--label-wait-fg);border:1px solid var(--label-wait-bd);}

.label.pay-fail, .label.send-fail, .label.answer-wait,
.label.complete-fail, .label.status-leave, .label.point-minus,
.label.encode-fail, .label.subscribe-stop, .label.task-unsubmit,
.label.download-before
{background-color:var(--label-fail-bg);color:var(--label-fail-fg);border:1px solid var(--label-fail-bd);}

.label.pay-cancel, .label.delivery-cancel, .label.progress-cancel,
.label.status-delete
{background-color:var(--label-cancel-bg);color:var(--label-cancel-fg);border:1px solid var(--label-cancel-bd);}

.label.master{background-color:#000;color:#fff}
.label.admin{background-color:#334155;color:#f1f5f9;}
.label.company-admin{background-color:#ffffff;color:#1e293b;border:1px solid #475569;}
.label.course-admin{background-color:#ffffff;color:#6b7280;border:1px solid #9ca3af;}
.label.member{background-color:#ffffff;color:#52525b;border:1px solid #d4d4d8;}


.label.notice{background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}

/* 안내/강조 — 의미 기반(색상명 blue/purple/sky/green/gray/red 대체) */
.label.label-warn{background-color:var(--label-fail-bg);color:var(--label-fail-fg);border:1px solid var(--label-fail-bd);}   /* 경고·비공개·에스크로 등 주의 */
.label.label-muted{background-color:var(--label-muted-bg);color:var(--label-muted-fg);border:1px solid var(--label-muted-bd);} /* 중립 태그·비활성 링크·로그유형 */
.label.label-group{background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}   /* 권한 대상 = 그룹 */
.label.label-tag{background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}     /* 선택된 항목 칩(과정·쿠폰 등) */
.label.label-section{background-color:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe;} /* 목차 섹션 구분 */
.label.label-ai{background-color:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe;}      /* AI 콘텐츠 */
.label.msg-sms{background-color:var(--label-active-bg);color:var(--label-active-fg);border:1px solid var(--label-active-bd);} /* 단문(SMS) — 파랑 */
.label.msg-lms{background-color:var(--label-fail-bg);color:var(--label-fail-fg);border:1px solid var(--label-fail-bd);}     /* 장문(LMS) — 빨강 */

/* 상품유형 */
.label.item-course{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;}
.label.item-book{background-color:#fef3c7;color:#b45309;border:1px solid #fde68a;}
.label.item-ebook{background-color:#ecfeff;color:#0e7490;border:1px solid #a5f3fc;}
.label.item-product{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0;}
.label.item-package{background-color:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe;}
.label.item-coupon{background-color:#fdf4ff;color:#a21caf;border:1px solid #f5d0fe;}
.label.item-webtv{background-color:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;}

/* 강의형태 */
.label.lesson-online{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;}
.label.lesson-offline{background-color:#fef3c7;color:#b45309;border:1px solid #fde68a;}
.label.lesson-live{background-color:#fff1f2;color:#be123c;border:1px solid #fecdd3;}

/* 주문/결제 상태 */

/* 환불 상태 — 조치 필요(주황)는 refund-request 하나만, 나머지는 적색 계열 농도로 구분 */
.label.refund-full{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca;}
.label.refund-part{background-color:#ffffff;color:#b91c1c;border:1px solid #fecaca;}
.label.refund-done{background-color:#f5f5f4;color:#44403c;border:1px solid #e7e5e4;}
.label.refund-cancel{background-color:#ffffff;color:#6b7280;border:1px solid #9ca3af;}

/* 지원기기 (PC/모바일) */
.label.device-pc{background-color:#ffffff;color:#428bca;border:1px solid #428bca;}
.label.device-mobile{background-color:#ffffff;color:#5cb85c;border:1px solid #5cb85c;}
.label.device-none{background-color:#ffffff;color:#999999;border:1px solid #999999;}

/* 콘텐츠 출처 */
.label.content-rent{background-color:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;}

/* 다운로드 상태 — 색상은 위 토큰 그룹(active/fail)에서 지정 */

/* 기타 구분 */
.label.none{background-color:#f4f4f5;color:#71717a;border:1px solid #e4e4e7;}
.label.etc{background-color:#f5f5f4;color:#57534e;border:1px solid #e7e5e4;}
.label.app-user{background-color:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;}
.label.provider{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;}
.label.reserve{background-color:#fff7ed;color:#c2410c;border:1px solid #ffedd5;}
.label.cart{background-color:#f4f4f5;color:#71717a;border:1px solid #e4e4e7;}
.label.limit-none{background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
.label.limit-period{background-color:#f4f4f5;color:#71717a;border:1px solid #e4e4e7;}

/* 인증수단 */
.label.auth-otp{background-color:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
.label.auth-passkey{background-color:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;}
.label.auth-done{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0;}

/* 테이블 드래그앤드랍 */
/* .tDnD_whileDrag { background-color:yellow; border:2px solid black; } */
.tDnD_whileDrag { background-color:#d9f1ff; border:none; }
tbody tr.nodrag { background-color:#eeeeee !important; }

#chartArea {width:100%; height:300px; border:1px solid #DEDEDE}

.hide { display:none; }
.show { display:block; }

/* 팝업레이어 */
.dim-layer {background:#000000 !important;opacity:0.3;filter:alpha(opacity=30);}
.wrap-layer{border:0 none;border-radius:7px 7px 5px 5px;overflow:hidden;}
.pop-frame{border-radius:5px;overflow:hidden;}
.pop-frame div{ }
.pop_wrap .pop_title{position:relative;height:45px;background-color:#999999;line-height:45px;}
.pop_wrap .pop_title span{color:#fff;font-size:16px;font-weight:bold;padding-left:20px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
.pop_wrap .pop_title .pop_closed{position:absolute;right:5px;top:5px}
.pop_wrap .pop_title .time{position:absolute;right:25px;top:0;height:30px;width:250px;line-height:30px;color:#fff;text-align:center;font-weight:bold;background-color:#3cc0f7;margin:7px 0}
.pop_wrap .post_con{border:1px solid #507bd7;border-top:none;height:392px;width:482px;padding:13px 8px 0}
.pop_wrap .control-group{text-align:center;margin-top:19px;line-height:24px}
.pop_wrap .control-group .control-label{display:inline-block;zoom:1;*display:inline;font-weight:700;color:#555;vertical-align:top}
.pop_wrap .control-group .controls{display:inline-block;zoom:1;*display:inline;vertical-align:top}
.pop_wrap .inner_tb{height:230px;overflow:auto}
.pop_wrap .pop_content{padding:15px 20px;overflow:auto;}

/* frame-new 2017-02-23 CHH */
#frame-container { position:relative; width:100%; height:100%; }
#frame-gnb { position:absolute; top:0; left:0; width:100%; height:60px; z-index:99990; }
#frame-sub-container { position:relative; height:100%; padding-top:60px; }
#frame-sub-lnb { position:absolute; top:0; left:0; width:250px; height:100%; padding-top:60px; z-index:99980; }
#frame-sub-contents { position:relative; width:100%; height:100%; padding-left:250px; }

/* top */
#top_contents { min-width:1100px; width:100%; background-color:#235c9f; overflow:hidden; font-family: 'Malgun Gothic', '맑은 고딕', tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }

#top_contents #logo { float:left; width:250px; height:60px; background-color:#0d4991; }
#top_contents #logo .txt_logo { color:#ffffff; font-weight:700; font-size:22px; letter-spacing:-1px; text-align:center; width:250px; height:60px; line-height:60px; display:inline-block; overflow:hidden; }
#top_contents #logo .txt_logo span { font-family:"KoPub Dotum"; }
#top_contents #logo i { margin-right:4px; vertical-align:middle; }
#top_contents #logo img { width:250px; height:60px; padding:0; border:0 none; }

#gnb_wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 60px; overflow: hidden; }

#gnb { }
#gnb * { }
#gnb #top_menu { margin:0; padding:0 10px 0 14px; display:flex; gap:20px; align-items:center; }
#gnb #top_menu li { padding:0; list-style:none; }
#gnb #top_menu a { display:block; text-align:center; padding:3px; color:#efefef; font-size:16px; font-weight:bold; letter-spacing:-1px; overflow:hidden; }
#gnb #top_menu a span { word-break:keep-all; }
#gnb #top_menu a:hover { color:rgba(255, 255, 255, 0.5); }
#gnb #top_menu a.current { color:#ffffff; }
#gnb #top_menu a .top_menu_manage { display:inline; }

.crm_gnb { float:left; overflow:hidden; width:100%; background-color:#3d3007 !important; }
.crm_gnb #logo { float:left; width:100px; height:45px; background-color:#231b03; }
.crm_gnb #logo .txt_logo { color:#ffffff; font-family:"KoPub Dotum"; font-weight:700; font-size:18px; text-align:center; width:100px; height:45px; line-height:45px; display:inline-block; overflow:hidden; }
.crm_gnb #logo i { margin-right:4px; }

.crm_gnb #gnb { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 45px; overflow: hidden; }
.crm_gnb #gnb #top_menu { margin:0; padding:0 10px 0 14px; display:flex; gap:20px; align-items:center; }

#utility { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size:14px; padding: 0 10px; height: 100%; }
#utility #time { color:#dfdfdf; font-size:14px; }
#utility #user { padding:0 10px 0 0; text-align:right; color:#ffffff; }
#utility #buttons { text-align:right; }
.top_button { font-size:14px; letter-spacing:-1px; padding:8px 8px; border-radius:3px; margin:0 1px; }
.top_button.small { font-size:12px; letter-spacing:-1px; padding:4px 6px; border-radius:3px; margin:0 1px; }
.top_button.blue { background-color:#417ec6; border:1px solid #008080; color:#ffffff; }
.top_button.white { background-color:#ffffff; border:1px solid #bbbbbb; color:#000000; }
.top_button.green { background-color:#4ca953; border:1px solid #419147; color:#ffffff; }

@media screen and (max-width:1400px) {
	#top_contents { min-width:730px; }
	#gnb #top_menu { gap:12px; }
	#gnb #top_menu a { font-size:15px; }

	#utility { font-size:12px; }
	.top_button { font-size:12px; padding:4px 6px; margin: 1px 0; }
}

@media screen and (max-width:1170px) {
	#top_contents #logo { width:40px; }
	#top_contents #logo i { line-height: 60px; }
	#top_contents #logo img { width:150px; height:36px; margin:12px 0; padding:0; border:0 none; }
	#top_contents #logo .txt_logo { width:40px; font-size:16px; }
	#top_contents #logo .txt_logo span { display: none; }

	#gnb #top_menu a { font-size:15px; }
	#gnb #top_menu a .top_menu_manage { display:none; }

	#utility #user { display:none; }
}

/* lnb 개선 2016-08-24 CHH */
#lnb_contents { height:100%; background-color:#ffffff; border-right:1px solid #dedede; }
#lnb_contents .nav-desc { font-size:0.8em; font-weight:normal; vertical-align:top; }

#lnb_contents .acc-nav, .acc-nav ul, .acc-nav li { list-style:none; }
#lnb_contents .acc-nav { padding:0; margin:0; font-family: 'Malgun Gothic', '맑은 고딕', tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }

#lnb_contents .acc-nav .acc-title { background-color:#f7f7f7; border-bottom:1px solid #dedede; }
#lnb_contents .acc-nav .acc-title.develop { background-color:#c7e5d1; }
#lnb_contents .acc-nav .acc-title.production { background-color:#eacaca; }
#lnb_contents .acc-nav .acc-title.demo { background-color:#dbad88; }

#lnb_contents .acc-nav .acc-title a { color:#000000; display:block; outline:none; text-decoration:none; }

#lnb_contents .acc-nav .acc-title > a { font-size:16px; line-height:20px; padding:12px 10px; font-weight:bold; border-bottom:1px solid #dedede; }
#lnb_contents .acc-nav .acc-title > a i { width:1em; margin-right:0.5em; }
#lnb_contents .acc-nav .acc-title > a .arrow { float:right; }
#lnb_contents .acc-nav .acc-title > a .arrow:before { content:"\f107"; font-family:FontAwesome; }
#lnb_contents .acc-nav .acc-title.open > a > .arrow:before { content:"\f106"; font-family:FontAwesome; }

#lnb_contents .acc-nav .acc-title .acc-sub { padding:5px 0 10px 0; background-color:#ffffff; }
#lnb_contents .acc-nav .acc-title .acc-sub a { font-size:14px; line-height:16px; margin:0 8px; padding:7px 5px 7px 0; color:#000000; padding-left:15px; border-radius:15px; }
#lnb_contents .acc-nav .acc-title .acc-sub a:hover { color:#1784f4; }
#lnb_contents .acc-nav .acc-title .acc-sub a.active { background-color:#1784f4; color:#ffffff; }
#lnb_contents .acc-nav .acc-title .acc-sub a i { width:18px; }
#lnb_contents .acc-nav.half .acc-title .acc-sub {overflow:hidden;}
#lnb_contents .acc-nav.half .acc-title .acc-sub li {width:50%; float:left;}
#lnb_contents .acc-nav.half .acc-title .acc-sub li a {padding-left:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#lnb_contents .acc-nav.half .acc-title .acc-sub li.full {width:100%;}
#lnb_contents .acc-nav.half .acc-title .acc-sub li.break {width:100%; border-top:1px solid #dedede; margin:5px 0;}
#lnb_contents .acc-nav.half .acc-title .acc-sub li.break a {display:none;}

#lnb_contents .icon-gray { color:#979797; }
#lnb_contents .icon-navy { color:#233871; }
#lnb_contents .icon-blue { color:#79b6f2; }
#lnb_contents .icon-skyblue { color:#a5cef6; }
#lnb_contents .icon-yellow { color:#f5cf5e; }

/* contents */
#sys-breadcrumb { border-bottom:1px solid #dedede; width:100%; height:44px; background-color:#f7f7f7; font-family: 'Malgun Gothic', '맑은 고딕', tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; position:fixed; }
#sys-breadcrumb-arrow { float:left; border:0; border-right:1px solid #dedede; width:20px; height:43px; margin:0; padding:0; background-color:#f7f7f7; font-size:20px; }
#crm_wrap #sys-breadcrumb-arrow { border-right:1px solid #0d4991; height:45px; background-color:#4b7ab1; color:#ffffff; }
#sys-page-title { float:left; font-weight:bold; font-size:16px; padding:11px 0 0 4px; }
#sys-page-title-nm { margin-right:4px; }
#sys-page-title-shortcut { color: #ff9900; }
#sys-page-title button { margin:0 2px; font-size:0.8em; vertical-align:middle; }
#sys-page-title button i:after { content:" "; }
#sys-page-util { float:right; padding:11px 10px 0 0; }
#sys-page-util-refresh { color:#009900; }

#sys-wrap { width:100%; height:100%; padding-top:44px; }
#crm_wrap #sys-wrap { padding-top:45px; }
#sys-scroll { width:100%; height:100%; overflow:auto; }
#sys-contents { padding:20px 20px 10px 20px; width:100%; min-width:1100px; max-width:1330px; position:relative; }
#crm_wrap #sys-contents { padding:15px 15px 0 15px; width:100%; min-width:900px; max-width:inherit; }

/* dashboard */
#dashboard01 * {}
#dashboard01 .c_th01 {line-height:19px;}
#dashboard01 .t_tb01 {margin:0;}
#dashboard01 .l_td01 {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#dashboard01 ul {overflow:hidden; margin:0 -10px; padding:0;}
#dashboard01 li {float:left; list-style:none; margin:0; padding:5px 10px; width:50%; }
#dashboard01 li.w2 {width:100%;}

/* crm */

/* sms */
.sms_phone {width:180px; margin:10px 0; border-radius:10px; background-color:#686d76;}
.sms_phone div {}
.sms_phone .sms_vendor {padding-top:10px; text-align:center; color:#c6c7ca; font-weight:bold; font-size:15px;}
.sms_phone .sms_lcd {padding:3px 5px 15px 5px;}
.sms_phone .sms_lcd .sms_sender {background-color:#7292b4; color:#ffffff; padding:3px; text-align:center; vertical-align:middle;}
.sms_phone .sms_lcd .sms_sender input {vertical-align:baseline; text-align:center;}
.sms_phone .sms_lcd .sms_content {background-color:#dde9f4;}
.sms_phone .sms_lcd .sms_content span {padding:0 5px;}
.sms_phone .sms_lcd .sms_content textarea {width:100%; height:100px; border:0 none; border-radius:0; background-color:#dde9f4; overflow-y:auto; word-wrap:break-word;}
.sms_phone .sms_lcd .sms_util {background-color:#c9d8e6; overflow:hidden; padding:5px;}
.sms_phone .sms_lcd .sms_util .sms_reset {float:left; text-align:left;}
.sms_phone .sms_lcd .sms_util .sms_length {float:right; text-align:right;padding:2px 0;}
.sms_phone .sms_lcd .sms_util .sms_length span {font-weight:bold;}
#spec .sp { cursor:pointer; float:left; font-family:dotum; font-size:12px; list-style:none; width:20px; height:20px; }
#spec .sp a { color:#333333; }

/* section */
.l_td_section { background-color:#d9f1ff !important; font-weight:bold; }
.section_nm_view { font-weight:bold; text-align:left; height:23px; line-height:23px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.section_nm_modify { display:none; text-align:left; }
.section_nm_modify .section_nm { width:100%; }

/* section */
.study_time_view { }
.study_time_modify { display:none; }
.study_time_modify .study_time { width:100%; text-align:right; }

.coupon_no { font-family: "Lucida Console", "Courier New", "Courier", "Dotumche"; font-size: 14px; letter-spacing: 0; }

/* checkbox */
.switch01 {position:relative; display:inline-block; width:37px; height:16px; vertical-align:-3px;}
.switch01 input {display:none;}
.slider01 {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; border-radius:16px; -webkit-transition:.2s; transition:.2s;}
.slider01:before {position:absolute; content:""; height:12px; width:12px; left:2px; bottom:2px; background-color:white; border-radius:50%; -webkit-transition:.2s; transition:.2s;}
.switch01 input:checked + .slider01 {background-color:#4b7ab1;} /* #2196f3, #64b9ff */
.switch01 input:focus + .slider01 {box-shadow:0 0 1px #4b7ab1;} /* #2196f3, #64b9ff */
.switch01 input:checked + .slider01:before {-webkit-transform:translateX(21px); -ms-transform:translateX(21px); transform:translateX(21px);}

/* layer alert */
#alert_area {position:absolute; top:55px; right:10px; z-index:999999;}
.alert_layer {background-color:rgba(50, 50, 50, 0.9); color:#ffffff; border-radius:5px; padding:8px 20px; margin:5px; box-sizing:border-box;}
.alert_layer.green {background-color:rgba(51, 102, 51, 0.9); color:#ffffff;}
.alert_layer.yellow {background-color:rgba(255, 193, 7, 0.9); color:#000000;}
.alert_layer.red {background-color:rgba(244, 67, 54, 0.9); color:#ffffff;}

#cache_alert_area {position:absolute; top:55px; right:20px; z-index:999999; font-size:13px;}
.cache_alert {background-color:#dedede; color:#000000; border:1px solid #000000; opacity:0.9; font-weight:bold; border-radius:5px; padding:5px 10px; margin:5px; box-sizing:border-box;}
.cache_alert_green {background-color:#ecffd5; color:#55aa55; border:1px solid #55aa55;}
.cache_alert_red {background-color:#f9dfd0; color:#cc0000; border:1px solid #cc0000;}

/* 너비 */
.w10 {width:10px !important;}
.w15 {width:15px !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w55 {width:55px !important;}
.w60 {width:60px !important;}
.w65 {width:65px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}

/* 태그 */
span.tag {display:inline-block;margin:3px 5px 3px 0;font-size:14px;color:#333;background-color: #e3dfdf;border-radius:5px;padding:5px 6px;}
span.tag:hover  > a {filter:invert(100%);}
span.tag > a {color:#aaa;display:inline-block;margin-left:4px;}
#tag_input {vertical-align:1px;}

/* 2022-08-04 */
.wp50 {width: 50% !important;}
.wp100 {width: 100% !important;}

/* 댓글답글 */
.comment_input {background-color: #f0f0f0;width:100%;padding:10px;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}
.comment_input label {width:94%;}
.comment_input textarea {resize:none;overflow-y:hidden;height:46px;width:100%;min-height:46px;max-height:300px;}

.comment_box {margin-bottom:5px;}

.comment_header {border:2px solid #d0d0d0;padding:5px;display:flex;align-items:center;background-color:#fafafa;}
.comment_user {font-weight:bold;margin-right:10px;font-size:14px;color:#666666;}
.comment_date {margin-right:5px;font-size:12px;}
.btn_modify {background-color:#d0d0d0;border:1px solid #a0a0a0;margin-right:2px;font-size:12px;padding:1px 2px;width:35px;cursor:pointer;}
.btn_delete {background-color:#888888;border:1px solid #666666;height:20px;width:20px;padding:1px 2px 0 1px;filter:invert(100%);cursor:pointer;}
.comment_header button {margin-right:3px;}

.post_writer {border:1px solid #0a81bb;border-radius:10px;margin-right:5px;padding:2px 7px;font-size:12px;color:#0a81bb;}

.comment_body {border:2px solid #d0d0d0;border-top:0;padding:5px;}
.comment_content {margin-bottom:10px;}
.btn_reply {background-color:#888888;border:1px solid #666666;filter:invert(100%);width:50px;cursor:pointer;margin-bottom:2px;}
.toggle_reply {color:#909090;text-decoration:underline;margin-left:5px;cursor:pointer;font-size:14px;}
.toggle_reply[data-cnt="0"] {display:none;}

.reply_wrap {display:none;}

.reply_input {background-color: #f0f0f0;width:100%;padding:10px;display:flex;align-items:center;justify-content:space-between;margin-top:5px;}
.reply_input label {width:94%;}
.reply_input textarea {resize:none;overflow-y:hidden;height:46px;width:100%;min-height:46px;max-height:300px;}

.reply_box {margin-top:5px;background-color:#f0f0f0;padding:10px;}

.reply_header {padding:5px;display:flex;align-items:center;}
.reply_user {font-weight:bold;margin-right:5px;font-size:14px;color:#666666;}
.reply_target_user {color:#909090;margin-right:10px;font-size:12px;font-weight:bold;}
.reply_date {margin-right:5px;font-size:12px;}
.reply_header button {margin-right:3px;}

.reply_body {padding:0 5px;}
.reply_content {margin-bottom:10px;}

/* 사이트템플릿설정 */
.template {display:flex;flex-direction:row;}
.template > label {display:flex;justify-content:center;align-items:center;flex-direction:column;margin:5px;}
.template > label:not(:has(.no-template)) {cursor:pointer;}

.template > label > a {position:relative;}
.template > label > a > *:not(.no-template) {border:1px solid #999999;}
.plus {color:#666;position:absolute;right:0;padding:2px 5px;top:0;}

.no-template { width:150px;height:150px;border:2px solid #f0f0f0;color:#e0e0e0;background-color:#fafafa;font-size:15px;display:flex;justify-content:center;align-items:center; }

/* 메인,서브 색상 정의 */
.color-space {display:flex;flex-direction:row;justify-content:start;}
.color-space > label {display:flex;justify-content:center;align-items:center;flex-direction:column;margin:5px 20px 5px 5px;cursor:pointer;}
.color-item { display:flex; }
.color-item > div { width:20px; height:20px; border: 1px solid #999; border-radius: 0 5px 5px 0; }
.color-item > div:first-child { border-right: none; border-radius: 5px 0 0 5px; }
/*.main-red { background-color: #c21c1c; }
.sub-red { background-color: #fffafa; }
.main-orange { background-color: #ecaa31; }
.sub-orange { background-color: #fff9f5; }*/ /* 2022-12-29 현재 미지원 색상 */
.main-blue { background-color: #467fd7; }
.sub-blue { background-color: #f1f4f9; }
.main-green { background-color: #1bceb8; }
.sub-green { background-color: #f3f7f8; }
/*.main-sky { background-color: #0dd3d3; }
.sub-sky { background-color: #f0fdff; }*/ /* 2022-12-29 현재 미지원 색상 */
.main-purple { background-color: #996ce1; }
.sub-purple { background-color: #edecfc; }

/* cheditor */
#link\.html {height:130px !important;}

/* jquery sortable table issue fix */
.ui-sortable-helper {display:table;}

/* sys_url */
#sys_url {font-size:12px;display:inline-block;width:700px;overflow:hidden;white-space:nowrap;text-align:right;letter-spacing:1.5px}
@media screen and (max-width: 1120px) {
	#sys_url {
		display:none;
	}
}

.flex_box{display:flex;align-items:center;gap:4px;}

.code01{font-family:"Lucida Console", "Courier New", "Courier", "Dotumche", monospace;letter-spacing:0;}


/* -----------------------------------------
 * Page-specific components : Site Script
 * ----------------------------------------- */
/**** Accordion ****/
.acc_header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:11px 11px 0 0;cursor:pointer;transition:background 0.2s;}
.acc_header .acc_title{margin:0;font-size:15px;font-weight:700;color:#2C314B;}
.acc_header .arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px;font-weight:700;transition:transform 0.25s ease;}
.acc_header .arrow:before{content:"\f107";font-family:FontAwesome;}
.acc_body{max-height:0;overflow:hidden;padding:0 20px;background:#fff;transition:max-height 0.25s ease-out, padding 0.25s ease-out;}

.js-acc.is_expanded .acc_header .arrow{transform:rotate(180deg);}
.js-acc.is_expanded .acc_body{padding-bottom:20px;transition:max-height 0.3s ease-in, padding 0.2s ease-in;}
/**** //Accordion ****/


.script_wrap{margin-top:20px;}
.script_list{display:flex;flex-direction:column;gap:20px;}
.script_item{padding:0;overflow:hidden;border:1px solid #dedede;border-radius:12px;box-shadow:0 1px 2px rgba(56,65,74,.15);}
.script_item .desc01.red{color:#d9534f;}
.script_item .CodeMirror, .script_item .CodeMirror *{line-height:1.5;font-family:"Lucida Console", "Courier New", "Courier", "Dotumche", monospace;font-size:13px;letter-spacing:0;}
.script_item .CodeMirror-selected{background-color: #c8c8c8;}

.script_info{display:flex;gap:20px;margin-bottom:16px;padding:16px;border-radius:4px;background:#f1f3f5;}
.script_info .info_article{flex:1;font-size:13px;}
.script_info .info_title{margin:0 0 10px 0;font-size:14px;font-weight:700;color:#3C4154;}
.script_info .info_article > ul{margin:0;padding:0 0 0 16px;line-height:1.2;color:#495057;}
.script_info .info_article > ul > li + li{margin-top:4px;}
.script_info .info_article > ul > li code{color:#38A0FF;cursor:pointer;transition:all 0.2s ease;border-radius:3px;padding:2px 4px;}
.script_info .info_article > ul > li code:hover{background-color:rgba(56,160,255,0.1);color:#2080d0;}
.script_info .info_article > ul > li code.success{background-color:rgba(40,167,69,0.15);color:#28a745;}
.script_info .info_article > ul > li code.fail{background-color:rgba(220,53,69,0.15);color:#dc3545;}
.script_info .info_article > ul > li > ul{padding-left:12px;}
.script_info .info_article > ul > li > ul > li{margin-top:4px;}
.script_info .info_article > ul + .info_title{margin-top:20px;}
.script_info .info_article > pre{margin:0;padding:12px;overflow-x:auto;line-height:1.5;border-radius:4px;background:#282c34;color:#f4f4f4;letter-spacing:0;}
.script_info .info_article > pre code{cursor:pointer;transition:background-color 0.2s ease;display:block;}
.script_info .info_article > pre code:hover{background-color:#323844;}
.script_info .info_article > pre code.success{background-color:rgba(40,167,69,0.2);}
.script_info .info_article > pre code.fail{background-color:rgba(220,53,69,0.2);}
.editor_wrap{margin-top:12px;border:1px solid #d1d1d1;border-radius:4px;overflow:hidden;}


.ad_script_wrap { background:#f8f9fa; border:1px solid #dee2e6; border-radius:8px; padding:24px; margin-bottom:20px; }
.ad_script_wrap h2 { font-size:16px; font-weight:700; margin:0 0 18px; padding-bottom:12px; border-bottom:1px solid #dee2e6; }
.ad_script_wrap h3 { font-size:13px; font-weight:600; margin:0 0 10px; color:#495057; }
.ad_script_row { display:flex; gap:32px; margin-bottom:20px; }
.ad_script_row > div { flex:1; }
.ad_provider_list { display:flex; flex-direction:column; gap:8px; }
.ad_provider_list label { display:flex; align-items:center; gap:8px; padding:8px 12px; background:#fff; border:1px solid #dee2e6; border-radius:6px; cursor:pointer; font-size:13px; transition:all .15s; }
.ad_provider_list label:hover { border-color:#86b7fe; }
.ad_provider_list label.is_selected { border-color:#0d6efd; background:#e7f1ff; }
.ad_position_group { margin-bottom:12px; }
.ad_position_group h4 { font-size:12px; color:#6c757d; margin:0 0 6px; font-weight:500; }
.ad_position_list { display:flex; flex-wrap:wrap; gap:6px; }
.ad_position_list label { display:flex; align-items:center; gap:6px; padding:6px 10px; background:#fff; border:1px solid #dee2e6; border-radius:4px; cursor:pointer; font-size:12px; transition:all .15s; }
.ad_position_list label:hover:not(:has(input:disabled)) { border-color:#86b7fe; }
.ad_position_list label:has(input:checked) { border-color:#0d6efd; background:#e7f1ff; }
.ad_position_list label:has(input:disabled) { opacity:.4; cursor:not-allowed; background:#f0f0f0; }
.ad_id_row { display:flex; align-items:flex-start; gap:12px; margin-top:4px; }
.ad_id_row input[type="text"] { flex:1; max-width:320px; padding:8px 12px; border:1px solid #dee2e6; border-radius:6px; font-size:13px; }
.ad_id_row input[type="text"]:focus { border-color:#86b7fe; outline:0; box-shadow:0 0 0 .2rem rgba(13,110,253,.25); }
.btn_ad_insert { padding:8px 20px; background:#198754; color:#fff; border:1px solid #198754; border-radius:6px; font-size:13px; font-weight:600; cursor:pointer; transition:all .15s; margin-top:23px; }
.btn_ad_insert:hover:not(:disabled) { background:#157347; border-color:#146c43; }
.btn_ad_insert:disabled { opacity:.5; cursor:not-allowed; }
.ad_id_desc { font-size:11px; color:#6c757d; margin-top:6px; }
.ad_label_row { margin-top:12px; }
.ad_label_title { display:block; font-size:13px; font-weight:normal; color:#495057; margin:0 0 10px; }
.ad_desc_row { margin-top:16px; padding-top:16px; border-top:1px solid #dee2e6; }
.ad_desc_row h3 { font-size:13px; font-weight:600; margin:0 0 8px; color:#495057; }
.ad_guide_area { display:none; }
.ad_guide_area ul { margin:0; padding:0 0 0 16px; }
.ad_guide_area ul li { font-size:12px; color:#6c757d; line-height:1.8; }
.ad_script_wrap .script_info { margin-bottom:0; background-color:#fff; }
.ad_script_wrap .ad_desc_row .code01 { color:#38A0FF; cursor:pointer; transition:all 0.2s ease; border-radius:3px; padding:2px 4px; }
.ad_script_wrap .ad_desc_row .code01:hover { background-color:rgba(56,160,255,0.1); color:#2080d0; }
.ad_script_wrap .ad_desc_row .code01.success { background-color:rgba(40,167,69,0.15); color:#28a745; }
.ad_script_wrap .ad_desc_row .code01.fail { background-color:rgba(220,53,69,0.15); color:#dc3545; }