@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
/* style reset */
* { -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; outline: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

html { width: 100%; }

body { width: 100%; background: #f2f0f1; color: #666; word-break: keep-all; }

ul, ol, li { list-style: none; }

a { color: #666; text-decoration: none; cursor: pointer; }

em, address, i { font-style: normal; }

caption { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; }

hr { display: none; }

select { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

button { background: transparent; border: 0; vertical-align: middle; cursor: pointer; }

pre { white-space: pre-line; word-break: break-all; }

img { border: 0; }

input.txt { display: block; padding: 0; background: #fff; border: 0; border-radius: 0; color: #666; }

input.txt:disabled { background: #f7f7f7; }

input.file { display: block; padding: 0; background: #fff; border: 0; border-radius: 0; color: #666; }

input.radio { vertical-align: middle; }

input.checkbox { vertical-align: middle; }

input::-ms-clear { display: none; }

input.txt::-webkit-input-placeholder { font-size: 13px; color: #b9b9b9; }

input.txt:-moz-placeholder { font-size: 13px; color: #b9b9b9; }

input.txt::-moz-placeholder { font-size: 13px; color: #b9b9b9; }

input.txt:-ms-input-placeholder { font-size: 13px; color: #b9b9b9; }

textarea { overflow-x: hidden; overflow-y: auto; background: #fff; font-size: 14px; color: #666; resize: none; }

textarea::-webkit-input-placeholder { font-size: 13px; color: #b9b9b9; }

textarea.txt:-moz-placeholder { font-size: 13px; color: #b9b9b9; }

textarea.txt::-moz-placeholder { font-size: 13px; color: #b9b9b9; }

textarea.txt:-ms-input-placeholder { font-size: 13px; color: #b9b9b9; }

img, input, button, select, textarea { vertical-align: middle; }

fieldset { margin: 0; padding: 0; background: 0; border: 0; }

fieldset legend { visibility: hidden; font-size: 0; line-height: 0; }

table { border-collapse: collapse; }

body, ul, li, ol, span, p, div, table, th, td, tr, dl, dt, dd, fieldset, legend, input, textarea, select, i, a, pre, button, em, label, address { font-family: Noto Sans KR, Dotum, Arial, sans-serif; font-size: 14px; font-weight: 300; }

.hide { position: absolute; top: 0; left: -1000%; overflow: hidden; width: 0; height: 0; font-size: .1%; line-height: .1%; }

.transparents-layer { position: fixed; z-index: 20; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); opacity: .5; }

.pull-left { float: left !important; clear: none !important; width: auto !important; }

.pull-right { float: right !important; clear: none !important; width: auto !important; }

.txt-center { text-align: center !important; }

.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; }

.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml10 {margin-left:10px !important;}

.wid10 {width:10% !important;}
.wid20 {width:20% !important;}
.wid100 {width:100% !important;}

.max_wid100 {max-width:100% !important;}

/* Datepicker */
.ui-datepicker { display: none; overflow: hidden; margin: 6px 0 0 -1px; padding: 0; width: 293px; height: auto; background: #fff; border-bottom: 1px solid #c8c5c1; border-radius: 0; }

.ui-datepicker .ui-icon { display: block; overflow: hidden; width: 20px; height: 25px; border-radius: 3px; text-indent: -99999px; }

.ui-datepicker .ui-icon-circle-triangle-w { background: url("../images/icon_calendar_prev.png") no-repeat 50% 50%; }

.ui-datepicker .ui-icon-circle-triangle-e { background: url("../images/icon_calendar_next.png") no-repeat 50% 50%; }

.ui-datepicker .ui-datepicker-prev { position: absolute; top: 10px; left: 10px; width: 20px; height: 25px; }

.ui-datepicker .ui-datepicker-next { position: absolute; top: 10px; right: 10px; width: 20px; height: 25px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { position: absolute; top: 5px; left: 50%; display: block; margin-top: -8px; margin-left: -8px; }

.ui-datepicker .ui-datepicker-title { margin: 0; font-size: 14px; line-height: 30px; color: #fff; text-align: center; }

.ui-datepicker.ui-widget { font-family: verdana; font-size: 1.1em; }

.ui-datepicker.ui-widget .ui-widget { font-size: 1em; }

.ui-datepicker.ui-widget input, .ui-datepicker.ui-widget select, .ui-datepicker.ui-widget textarea, .ui-datepicker.ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }

.ui-datepicker .ui-widget-content a { color: #222; }

.ui-datepicker .ui-widget-header { position: relative; margin: 0; padding: 4px 0 0 0; width: 100%; height: 39px; background: #2e2f4f; border-radius: 0 !important; font-size: 14px; color: #fff !important; }

.ui-datepicker .ui-widget-header .ui-datepicker-title { margin-top: 0; font-size: 14px; font-weight: 500; color: #fff !important; letter-spacing: 1px; }

.ui-datepicker .ui-widget-header .ui-datepicker-title span { font-size: 14px; font-weight: 500; color: #fff !important; }

.ui-datepicker select { background: transparent url("../images/icon_arr_04.png") no-repeat 100% 50%; border: 0; color: #fff; }

.ui-datepicker select.ui-datepicker-year { margin-right: 15px; width: 35%; }

.ui-datepicker select.ui-datepicker-month { width: 25%; }

.ui-datepicker select option { color: #666; }

.ui-datepicker table { margin: 0 auto; width: 100%; border: 0; }

.ui-datepicker table th { padding: 5px 0 6px 0; background: #f1f1f1; border-bottom: 1px solid #c8c5c1; border-left: 0; font-size: 14px; color: #666; text-align: center; }

.ui-datepicker table th:last-child { border-right: 1px solid #c8c5c1; }

.ui-datepicker table th:first-child { border-left: 1px solid #c8c5c1; }

.ui-datepicker table th span { font-size: 14px; font-weight: 500; color: #666; }

.ui-datepicker table tr td:first-child { border-left: 1px solid #c8c5c1; }

.ui-datepicker table tr td:last-child { border-right: 1px solid #c8c5c1; }

.ui-datepicker table td { padding: 5px; border-bottom: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; font-size: 14px; text-align: center; }

.ui-datepicker table td a { display: block; width: 100%; height: 28px; font-size: 14px; font-weight: 300; line-height: 28px; color: #666; text-align: center; }

.ui-datepicker table td a:hover { background: #2e2f4f; color: #fff; text-decoration: none; }

.ui-datepicker table td.ui-datepicker-today a { background: #0063bf; color: #fff; }

.ui-datepicker table td a.ui-state-active { background: #2e2f4f; color: #fff; }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* layout */
#wrap { min-width: 1280px; opacity: 0; }

.header { position: relative; z-index: 20; top: 0; left: 0; width: 100%; min-width: 1280px; height: 61px; background: url("../images/bg_toparea.jpg") repeat-x 0 0; }

.header h1 { float: left; margin: 13px 0 0 22px; margin-right: 150px; width: 160px; height: 36px; }

.header h1 a { display: block; width: 100%; height: 100%; background: url("../images/logo.png") no-repeat 0 50%; background-size: 100% auto; font-size: 0; text-indent: -99999px; }

.header .topmenu { float: left; height: 60px; }

.header .topmenu li { float: left; margin: 0 0 0 60px; line-height: 60px; }

.header .topmenu li:first-child { margin: 0; }

.header .topmenu li a { display: inline-block; padding: 0; font-size: 20px; font-weight: 600; line-height: 30px; color: #2e2f4f; }

.header .topmenu li a:hover { border-bottom: 2px solid #2e2f4f; }

.header .util { float: right; margin-top: 15px; }

.header .util .loginfo { float: left; margin-right: 20px; line-height: 30px; color: #2e2f4f; }

.header .util .loginfo span { font-weight: 400; color: #2e2f4f; }

.header .util .loginfo strong { margin-right: 15px; font-size: 16px; font-weight: 600; }

.header .util .loginfo strong em { font-size: 16px; font-weight: 600; color: #5267d6; }

.header .util ul { float: left; padding-right: 28px; height: 30px; background: url("../images/bg_bar_01.png") no-repeat 0 0; }

.header .util ul li { float: left; margin: 0 0 0 20px; padding: 0 0 0 16px; line-height: 30px; }

.header .util ul li a { font-size: 12px; font-weight: 500; color: #2e2f4f; }

.header .util ul li.logout { background: url("../images/icon_gnb_logout.png") no-repeat 0 50%; }

.container { clear: both; overflow: hidden; min-height: 900px; background: url("../images/bg_leftmenu.jpg") repeat-y 0 0; }

.leftarea { float: left; margin-top: -1px; width: 240px; }

.leftarea .btn-allmenu { display: block; width: 100%; height: 61px; background: #5267d6; border-top: 1px solid #006bb0; }

.leftarea .btn-allmenu button { padding: 0 0 0 20px; width: 100%; height: 100%; background: #5267d6 url("../images/icon_category.png") no-repeat 90% 50%; font-size: 16px; font-weight: 500; color: #fff; text-align: left; }

.leftarea > ul { width: 100%; }

.leftarea > ul > li { width: 100%; }

.leftarea > ul > li > a { display: flex; padding-left: 20px; padding-right: 32px; width: 100%; height: 48px; background: #fff url("../images/icon_plus.png") no-repeat 90% 50%; border-bottom: 1px solid #e0e0e0; font-size: 15px; font-weight: 500; /*line-height: 48px;*/ color: #333; align-items: center; }

.leftarea > ul > a { display: flex; padding-left: 20px; padding-right: 32px; width: 100%; height: 48px; background: #fff url("../images/icon_plus.png") no-repeat 90% 50%; border-bottom: 1px solid #e0e0e0; font-size: 15px; font-weight: 500; /*line-height: 48px;*/ color: #333; align-items: center; }

.leftarea > ul > li.on > a { background: #fff url("../images/icon_minus.png") no-repeat 90% 50%; }

.leftarea > ul > li > ul { display: none; padding: 27px 0 20px 20px; background: #f8f9ff; border-bottom: 1px solid #ccc; }

.leftarea > ul > li > ul li { margin: 0 0 6px 0; padding: 0 0 0 18px; }

.leftarea > ul > li > ul li.on a { /*border-bottom:1px solid #0d87d4;*/ color: #5267d6; }

.leftarea > ul > li > ul li a { display: inline-block; border-bottom: 1px solid transparent; font-size: 14px; font-weight: 500; line-height: 27px; color: #999; }

.leftarea > ul > li > ul li a:hover { border-bottom: 1px solid #5267d6; color: #5267d6; }

/* .leftarea > ul > li > ul li.on {background:url('../images/icon_arr_01.png') no-repeat 0 50%} */
.contentsarea { float: none; overflow: hidden; padding: 60px 80px 70px 90px; width: auto; }

.contentsarea .pagenavi { clear: both; overflow: hidden; margin-bottom: 20px; }

.contentsarea .pagenavi p { display: none; float: right; padding-top: 5px; height: 24px; line-height: 24px; color: #999; }

.contentsarea .pagenavi ul { float: left; height: 24px; }

.contentsarea .pagenavi ul li { float: left; padding: 0 8px 0 14px; height: 24px; background: url("../images/icon_arr_navi.png") no-repeat 0 55%; font-size: 20px; font-weight: 500; line-height: 24px; color: #000; }

.contentsarea .pagenavi ul li:first-child { padding-left: 27px; background: url("../images/icon_home.png") no-repeat 1px 45%; }

.contentsarea .pagenavi ul li:last-child { color: #5267d6; }

/* btn */
.btnright { position: relative; display: block; clear: both; width: 100%; font-size: 0; text-align: right; }

.btnright > button, .btnright a { margin: 0 0 0 5px; }

.btnright > button:first-child, .btnright a:first-child { margin: 0; }

.btnright .optionbox { float: right; margin-left: 10px; width: 130px; }

.btnright * { vertical-align: middle; }

.btnright span:not(.translate_text) { display: inline-block; margin-left: 10px; }

.btncenter { position: relative; clear: both; font-size: 0; text-align: center; }

.btncenter span { position: absolute; top: 0; right: 0; }

.btncenter > button { margin: 0 0 0 5px; }

.btncenter > button:first-child { margin: 0; }

.btnjustify { position: relative; clear: both; font-size: 0; text-align: left; }

.btnjustify span { position: absolute; top: 0; right: 0; font-size: 0; }

.btnjustify span button { margin: 0 0 0 5px; }

.btnjustify span button:first-child { margin: 0; }

.btnjustify > button { margin: 0 0 0 5px; }

.btnjustify > button:first-child { margin: 0; }

.btnjustify.board-top { margin-bottom: 16px; }

.btnjustify.board-top button { height: 36px; font-size: 14px; line-height: 36px; }

.btn-moveup, .btn-movedown { width: 30px; height: 30px; background: transparent url("../images/icon_arr_05.png") no-repeat center; border: 1px solid #ddd; border-radius: 4px; }

.btn-movedown { background-image: url("../images/icon_arr_04.png"); }

.btn-gray { background: #666; color: #fff; }

/* .btn-gray:hover {background:#333} */
.btn-graybold { background: #333; color: #fff; }

/* .btn-graybold:hover {background:#000} */
.btn-blue { background: #5267d6; color: #fff; }

/* .btn-blue:hover {background:#0065cc} */
.btn-white { background: #fff; border: 1px solid #999; color: #333; }

.btn-white:hover { background: #999; color: #fff; }

.btn-whitelight { background: #fff; border: 1px solid #ccc; color: #666; }

.btn-whitelight:hover { background: #ccc; color: #fff; }

.btn-navy { background: #343465; color: #fff; }

.btn-memo { width: 20px; height: 25px; background: url("../images/icon_memo.png") no-repeat 50%; font-size: 0; text-indent: -99999px; }

.btn-xlarge { padding: 0 15px; min-width: 265px; height: 28px; border-radius: 0; font-size: 13px; font-weight: 500; line-height: 28px; }

.btn-large { padding: 0 24px; min-width: 90px; height: 46px; border-radius: 0; font-size: 15px; font-weight: 500; line-height: 46px; }

.btn-medium { padding: 0 20px; height: 36px; border-radius: 0; font-size: 14px; font-weight: 400; line-height: 36px; }

.btn-small { padding: 0 15px; min-width: 50px; height: 28px; border-radius: 0; font-size: 13px; font-weight: 500; line-height: 28px; white-space: nowrap; }

.btn-xs { padding: 0 9px; min-width: 42px; height: 23px; border-radius: 0; font-size: 12px; font-weight: 400; line-height: 23px; }

.btn-blue-border {color: #5266d6; border: 1px solid #5266d6;}

button .toggle { display: inline-block; padding: 0 20px 0 0; height: 22px; background: url("../images/icon_arr_08.png") no-repeat 100% 50%; font-weight: 500; line-height: 22px; }

button .toggle.show { background: url("../images/icon_arr_02.png") no-repeat 100% 50%; }

button .play { display: inline-block; padding: 0 12px 0 0; height: 20px; background: url("../images/icon_arr_09.png") no-repeat 100% 55%; font-weight: 500; line-height: 20px; text-align: left; }

button b { display: inline-block; margin-right: 3px; height: 15px; font-family: verdana; font-size: 16px; font-weight: bold; line-height: 10px; }

a.btn-xlarge, a.btn-large, a.btn-medium, a.btn-small, a.btn-xs { display: inline-block; }

.sortview { float: right; padding-top: 10px; }

.sortview .optionbox { float: left; width: 130px; }

.sortview p { float: left; margin-left: 10px; }

.sortview p button { float: left; width: 28px; height: 28px; background-color: #fff; background-image: url("../images/set_icon_01.png"); background-repeat: no-repeat; border: 1px solid #aaa; font-size: 0; text-indent: -99999rem; }

.sortview p button:hover, .sortview p button.on { background-color: #0063bf; border-color: #0063bf; }

.btn-view-pic { background-position: -4px 0; }

.btn-view-text { margin-left: 5px; background-position: -37px 0; }

.btn-view-card { margin-left: 5px; background-position: -70px 0; }

.btn-view-pic.on { background-position: -4px -23px; }

.btn-view-text.on { margin-left: 5px; background-position: -37px -23px; }

.btn-view-card.on { margin-left: 5px; background-position: -70px -23px; }

.btn-view-pic:hover { background-position: -4px -23px; }

.btn-view-text:hover { margin-left: 5px; background-position: -37px -23px; }

.btn-view-card:hover { margin-left: 5px; background-position: -70px -23px; }

input[type="file"] { width: 0; height: 0; font-size: 0; }

input[type="file"] + label { display: inline-block; }

.inpbox { display: block; height: 28px; background: #fff; border: 1px solid #ddd; }

.inpbox input[type="text"], .inpbox input[type="number"] { padding: 0 10px; width: 100%; height: 100%; font-size: 14px; font-weight: 400; color: #666; }

.inpbox input[type="password"] { padding: 0 10px; width: 100%; height: 100%; background: no-repeat 99% 50%; font-size: 14px; font-weight: 400; color: #666; }

.inpbox input:disabled { background: #f6f6f6; color: #999; }

.inpbox input:disabled::-webkit-input-placeholder { color: #999; }

.inpbox input:disabled:-ms-input-placeholder { color: #999; }

.inpbox input:disabled::-ms-input-placeholder { color: #999; }

.inpbox input:disabled::placeholder { color: #999; }

.inpbox input::-webkit-input-placeholder { color: #333; }

.inpbox input:-ms-input-placeholder { color: #333; }

.inpbox input::-ms-input-placeholder { color: #333; }

.inpbox input::placeholder { color: #333; }

span.inpbox { float: left; margin-left: 3px; width: 48%; max-width: 293px; }

span.inpbox.divide3 { width: 30%; }

span.inpbox:first-child { margin-left: 0; }

.orchoice span { /*float:left;*/ position: relative; }

input.iradio { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; }

input.iradio + label { position: relative; display: inline-block; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

input.iradio + label:before { position: absolute; top: 0; left: 0; width: 21px; height: 21px; background: url("../images/icon_radiobox_off.png") no-repeat 0 48%; text-align: center; content: ""; }

input.iradio:checked + label:before { background: url("../images/icon_radiobox_on.png") no-repeat 0 48%; }

input.iradio:checked + label:after { position: absolute; top: 0; left: 0; width: 21px; height: 21px; background: url("../images/icon_radiobox_on.png") no-repeat 0 48%; content: ""; }

input.ichkbox { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; }

input.ichkbox + label { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

input.ichkbox + label:before { position: absolute; top: 2px; left: 50%; margin-left: -8px; width: 16px; height: 16px; background: url("../images/icon_checkbox_01_off.png") no-repeat 0 48%; text-align: center; content: ""; }

input.ichkbox:checked + label:before { background: url("../images/icon_checkbox_01_on.png") no-repeat 0 48%; }

input.ichkbox:checked + label:after { position: absolute; top: 2px; left: 50%; margin-left: -8px; width: 16px; height: 16px; background: url("../images/icon_checkbox_01_on.png") no-repeat 0 48%; content: ""; }

.mix .iradio { float: left; }

.mix .iradio + .optionbox { margin-left: 10px; }

.mix .ichkbox { margin-right: 10px; }

.mix .ichkbox input { position: relative; top: -1.5px; }

.iradio + input.idbox { margin-left: 10px; }

.ichkbox input { margin: 0 5px 0 0; vertical-align: middle; }

.email input, .calendar input[type="text"] { float: none; padding: 0 10px; width: 100%; height: 100%; border: 0; }

.member input.ichkbox + label { margin-left: 20px; }

.member input.ichkbox + label:before { left: 0; margin-left: 0; }

.member input.ichkbox:checked + label:after { left: 0; margin-left: 0; }

.filebox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.filebox .inpbox { position: relative; }

.filebox .inpbox > input { cursor: default; }

.filebox .inpbox > input.files { padding-left: 40px; background: #f5f7ff url("../images/icon_file.png") no-repeat 20px 50%; font-weight: 500; color: #5267d6; }

.filebox .inpbox > input.audio { padding-left: 40px; background: #f5f7ff url("../images/icon_file.png") no-repeat 20px 12px; background-image: url("../images/icon_audio.png"); font-weight: 500; color: #5267d6; }

.filebox .inpbox > input.files + button.btn-clear, .filebox .inpbox > input.audio + button.btn-clear { display: block; }

.filebox .inpbox button.btn-clear { position: absolute; top: 50%; right: 10px; display: none; overflow: hidden; width: 20px; height: 20px; background: #ececec url("../images/icon_clear.png") no-repeat center; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.filebox > label { margin-left: 10px; padding: 0 24px; height: 42px; border-radius: 5px; font-size: 14px; line-height: 42px; color: #fff; cursor: pointer; }
.filebox > label.btn-small { padding: 0 15px; min-width: 50px; height: 28px; border-radius: 0; font-size: 13px; font-weight: 500; line-height: 28px; }

.optionbox { display: block; width: 100%; height: 28px; }

.optionbox select { padding: 0 22px 0 10px; width: 100%; height: 100%; background: #fff url("../images/icon_selectarr_01.png") no-repeat 100% 50%; border: 1px solid #ddd; font-size: 13px; font-weight: 400; line-height: 28px; }

.optionbox select:disabled { background: #f6f6f6 url("../images/icon_selectarr_01.png") no-repeat 100% 50%; color: #999; }

span.optionbox { float: left; /*max-width:293px;*/ margin-left: 10px; width: calc((100% - 10px) / 2); }

span.optionbox.divide3 { width: 30%; }

span.optionbox:first-child { margin-left: 0; }

.orchoice .optionbox { width: 18%; }

.titlebox { clear: both; overflow: hidden; margin: 0 0 30px 0; padding: 27px 38px; min-height: 100px; background: #fff; border: 2px solid #0063bf; -webkit-box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.12), -3px 0 12px rgba(0, 0, 0, 0.08); box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.12), -3px 0 12px rgba(0, 0, 0, 0.08); }

.titlebox h2 { float: left; height: 38px; line-height: 38px; color: #333; }

.titlebox h2 strong { float: left; height: 38px; font-size: 20px; font-weight: 500; line-height: 38px; }

.titlebox h2 span { float: left; margin-left: 30px; padding-left: 30px; height: 38px; background: url("../images/bg_bar_01.png") repeat-y 0 50%; font-size: 16px; font-weight: 400; line-height: 38px; }

.titlebox .btnright { line-height: 46px; }

.calendar { position: relative; display: block; float: left; margin-left: 3px; padding: 0 30px 0 0; width: 48%; max-width: 293px; height: 28px; background: #fff; border: 1px solid #ddd; }

.calendar.full { width: 100%; max-width: 100%; }

.calendar:first-child { margin: 0; }

.calendar img { position: absolute; top: 5px; right: 6px; }

label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.switch input[type="checkbox"] {
  appearance: none;
  position: relative;
  border: max(2px, 0.1em) solid gray;
  border-radius: 1.25em;
  width: 2.25em;
  height: 1.25em;
}

.switch input[type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  transform: scale(0.8);
  background-color: gray;
  transition: left 250ms linear;
}

.switch input[type="checkbox"]:checked {
  background-color: #5267d6;
  border-color: #5267d6;
}

.switch input[type="checkbox"]:checked::before {
  background-color: white;
  left: 1em;
}

.switch input[type="checkbox"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) solid #5267d6;
}

.switch input[type="checkbox"]:enabled:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) lightgray;
}

/* Global CSS */
body {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* paging*/
.paging { clear: both; margin: 0; width: 100%; font-size: 0; text-align: center; }

.paging.pull-left { text-align: left; }

.paging a { display: inline-block; margin: 0; width: 40px; height: 40px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #f1f1f1; font-size: 14px; font-weight: 400; line-height: 38px; color: #666; text-align: center; }

.paging a:hover { background: #5267d6; border-color: #5267d6; font-weight: 400; color: #fff; }

.paging a:first-child { border-width: 1px; }

.paging a.on { background: #5267d6; border-color: #5267d6; font-weight: 400; color: #fff; }

.pagingbox { margin-top: 20px; }

.pagingbox::after { display: block; clear: both; content: ""; }

.txt_paging { display: inline-block; font-size: 13px; }

.txt_paging em { margin: 0 3px; }

.txt_paging .now { font-weight: 700; }

/* popup */
body#popup { background: #fff; }

#popupwrap { width: 100%; min-width: 850px; }

#popupwrap h1 { padding: 0 20px; background: #0d87d4; line-height: 48px; }

#popupwrap h1 span { display: inline-block; padding: 0 0 0 14px; background: url("../images/icon_arr_10.png") no-repeat 0 52%; font-size: 16px; font-weight: 500; color: #fff; }

#popupwrap .popcontents { clear: both; overflow-x: hidden; overflow-y: auto; padding: 20px; height: 498px; }

#popupwrap .popcontents.overflow-none { overflow-x: hidden; overflow-y: hidden; padding-bottom: 0; height: auto; }

#popupwrap .btnright { padding: 0 20px 15px 20px; }

#popupwrap .btnright.pos-absolute { position: absolute; right: 5px; bottom: 10px; }

#popupwrap .btnjustify { padding: 15px 20px; border-top: 1px solid #c8c5c1; }

#popupwrap .btnjustify span { top: 15px; right: 20px; }

#popupwrap fieldset.schbox { clear: both; overflow: hidden; margin: 0 0 10px 0; padding: 14px 20px; border: 1px solid #f1f1f1; }

#popupwrap fieldset.schbox ul { float: left; }

#popupwrap fieldset.schbox ul li { display: inline-block; margin-right: 22px; line-height: 28px; }

#popupwrap fieldset.schbox ul li * { vertical-align: middle; }

#popupwrap fieldset.schbox ul li > label { display: inline-block; margin: 0 20px 0 0; font-size: 14px; font-weight: 500; }

#popupwrap fieldset.schbox ul li > div { display: inline-block; }

#popupwrap fieldset.schbox ul li > div .calendar, #popupwrap fieldset.schbox ul li > div .inpbox { width: 150px; }

#popupwrap fieldset.schbox ul li > div .schbox inpbox { float: left; }

#popupwrap fieldset.schbox ul li > div .schbox button { float: left; margin-left: 5px; }

#popupwrap fieldset.schbox ul li .iradio, #popupwrap fieldset.schbox ul li .ichkbox { margin-left: 20px; }

#popupwrap fieldset.schbox ul li .iradio:first-child, #popupwrap fieldset.schbox ul li .ichkbox:first-child { margin: 0; }

#popupwrap .boardlist { border-bottom: 1px solid #f1f1f1; }

#popupwrap .boardlist table thead tr:first-child th { padding: 9px 0 10px 0; background: #f2f1f0 url("../images/bg_line_02.jpg") repeat-y 100% 0; border-right: 0; border-bottom: 1px solid #484874; font-size: 13px; }

#popupwrap .boardlist table tbody td { padding: 6px 5px; background: #fff url("../images/bg_line_03.jpg") repeat-y 100% 0; border-right: 0; font-size: 12px; }

#popupwrap .boardlist table tbody td span { font-size: 12px; }

#popupwrap .boardlist table tbody td .optionbox { height: 24px; }

#popupwrap .boardlist table tbody td .optionbox select { padding: 0 15px 0 6px; height: 24px; background: #fff url("../images/icon_selectarr_03.png") no-repeat 100% 50%; font-size: 12px; line-height: 23px; }

#popupwrap .boardlist table tbody tr.disabled input.ichkbox + label:before { background: url("../images/icon_checkbox_02_off.png") no-repeat 0 48%; }

#popupwrap .boardlist table tbody tr.disabled td span { color: #c00; }

#popupwrap .boardlist table tbody tr.disabled td .optionbox select { background-color: #f6f6f6; }

#popupwrap .boardlist table tbody td .pd0 { padding: 0 6px; }

#popupwrap .thumbnail-manager { float: left; margin: 0 40px 0 0; width: 740px; }

#popupwrap .thumbnail-manager ul.tabbox { height: 50px; border-bottom: 1px solid #000; }

#popupwrap .thumbnail-manager ul.tabbox > li { width: 50%; height: 49px; background: #fafafa; border-width: 1px 1px 0 0; }

#popupwrap .thumbnail-manager ul.tabbox > li:first-child { border-width: 1px 1px 0 1px; }

#popupwrap .thumbnail-manager ul.tabbox > li a { height: 49px; font-size: 14px; font-weight: 500; line-height: 47px; color: #999; }

#popupwrap .thumbnail-manager ul.tabbox > li.on { height: 50px; background: #fff; border-width: 1px; }

#popupwrap .thumbnail-manager ul.tabbox > li.on a { height: 47px; background: url("../images/icon_arr_12.png") no-repeat 50% 100%; font-weight: 600; color: #0d87d4; }

#popupwrap .thumbnail-manager .programinfo { clear: both; overflow: hidden; margin: 0 0 20px 0; padding: 20px; background: #f5f5f5; border: 1px solid #ddd; }

#popupwrap .thumbnail-manager .programinfo dl { position: relative; clear: both; overflow: hidden; }

#popupwrap .thumbnail-manager .programinfo dl dt { float: left; margin: 0 40px 0 0; width: 320px; }

#popupwrap .thumbnail-manager .programinfo dl dt .pic { display: block; width: 100%; }

#popupwrap .thumbnail-manager .programinfo dl dt .pic img { width: 100%; }

#popupwrap .thumbnail-manager .programinfo dl dd { float: none; overflow: hidden; }

#popupwrap .thumbnail-manager .programinfo dl dd ul { clear: both; overflow: hidden; margin: 0 0 18px 0; }

#popupwrap .thumbnail-manager .programinfo dl dd ul li { clear: both; overflow: hidden; margin: 7px 0 0 0; }

#popupwrap .thumbnail-manager .programinfo dl dd ul li:first-child { margin: 0; }

#popupwrap .thumbnail-manager .programinfo dl dd ul li label { float: left; width: 108px; font-size: 12px; font-weight: 500; color: #666; }

#popupwrap .thumbnail-manager .programinfo dl dd ul li span { display: block; float: none; overflow: hidden; font-size: 12px; color: #333; }

#popupwrap .thumbnail-manager .programinfo dl dd .btn-large { position: absolute; bottom: 0; left: 360px; min-width: 80px; height: 44px; line-height: 44px; }

#popupwrap .thumbnail-manager .thumbnail-list { clear: both; overflow-x: hidden; overflow-y: auto; margin: 20px 0; width: 100%; height: 330px; }

#popupwrap .thumbnail-manager .thumbnail-list ul li { float: left; padding: 0 20px 0 0; width: 20%; height: 115px; }

#popupwrap .thumbnail-manager .thumbnail-list ul li strong { display: block; font-size: 12px; font-weight: 500; line-height: 30px; color: #666; text-align: center; }

#popupwrap .thumbnail-manager .thumbnail-list ul li .pic { display: block; width: 100%; }

#popupwrap .thumbnail-manager .thumbnail-list ul li .pic img { width: 100%; }

#popupwrap .thumbnail-manager .thumbnail-list ul li > span { display: block; margin-top: 8px; }

#popupwrap .thumbnail-manager .segmentbox { clear: both; overflow: hidden; }

#popupwrap .thumbnail-manager .segmentbox .thumbnail-list { overflow: hidden; height: auto; }

#popupwrap .thumbnail-manager .segmentbox .thumbnail-list ul li { height: 150px; }

#popupwrap .thumbnail-manager .segmentbox .thumbnail-list ul li > span { margin-top: 2px; }

#popupwrap .thumbnail-manager .segmentbox .thumbnail-list ul li > span label { font-size: 12px; }

#popupwrap .thumbnail-manager .hiddencontents.tab2 { overflow-x: hidden; overflow-y: auto; height: 600px; }

#popupwrap .thumbnail-preview { float: none; overflow: hidden; }

#popupwrap .paging a { width: 36px; height: 36px; font-size: 13px; line-height: 34px; }

.modalpop.questionpop input[type="checkbox"] { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; }

.modalpop.questionpop input[type="checkbox"] + label { position: relative; display: inline-block; margin-right: 15px; padding-left: 25px; color: #333; vertical-align: middle; cursor: pointer; }

.modalpop.questionpop input[type="checkbox"] + label:after { position: absolute; top: 3px; left: 0; display: inline-block; width: 20px; height: 20px; background: url("../images/checkbox_off.png") 0 0 no-repeat; content: ""; }

.modalpop.questionpop input[type="checkbox"]:checked + label { color: #485cc7; }

.modalpop.questionpop input[type="checkbox"]:checked + label:after { background: url("../images/checkbox_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].checkBox { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; }

.modalpop.questionpop input[type="checkbox"].checkBox + label { position: relative; display: inline-block; margin-right: 15px; padding-left: 25px; color: #666; vertical-align: middle; cursor: pointer; }

.modalpop.questionpop input[type="checkbox"].checkBox + label:after { position: absolute; top: 3px; left: 0; display: inline-block; width: 25px; height: 25px; background: url("../images/icon_radio_off.png") 0 0 no-repeat; content: ""; }

.modalpop.questionpop input[type="checkbox"].checkBox:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="checkbox"].checkBox:checked + label:after { background: url("../images/icon_radio_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].radioBox, .modalpop.questionpop input[type="radio"].radiobox { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; }

.modalpop.questionpop input[type="radio"].radioBox + label, .modalpop.questionpop input[type="radio"].radiobox + label { position: relative; display: inline-block; margin-right: 15px; padding-left: 35px; height: 25px; line-height: 24px; color: #333; vertical-align: middle; cursor: pointer; }

.modalpop.questionpop input[type="radio"].radioBox + label:after, .modalpop.questionpop input[type="radio"].radiobox + label:after { position: absolute; top: 0; left: 0; display: inline-block; width: 25px; height: 25px; background: url("../images/icon_radio_off.png") 0 0 no-repeat; content: ""; }

.modalpop.questionpop input[type="radio"].radioBox:checked + label, .modalpop.questionpop input[type="radio"].radiobox:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].radioBox:checked + label:after, .modalpop.questionpop input[type="radio"].radiobox:checked + label:after { background: url("../images/icon_radio_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].checkBox02 { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; }

.modalpop.questionpop input[type="checkbox"].checkBox02 + label { position: relative; display: inline-block; color: #333; vertical-align: middle; cursor: pointer; }

.modalpop.questionpop input[type="checkbox"].checkBox02 + label:after { display: inline-block; width: 25px; height: 25px; background: url("../images/icon_radio_off.png") 0 0 no-repeat; content: ""; }

.modalpop.questionpop input[type="checkbox"].checkBox02:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="checkbox"].checkBox02:checked + label:after { background: url("../images/icon_radio_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].checkBox03 { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; }

.modalpop.questionpop input[type="checkbox"].checkBox03 + label { position: relative; display: inline-block; color: #333; vertical-align: middle; cursor: pointer; }

.modalpop.questionpop input[type="checkbox"].checkBox03 + label:after { display: inline-block; width: 20px; height: 20px; background: url("../images/icon_checkbox_off.png") 0 0 no-repeat; content: ""; }

.modalpop.questionpop input[type="checkbox"].checkBox03:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="checkbox"].checkBox03:checked + label:after { background: url("../images/icon_checkbox_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"] + label { padding-left: 29px; color: #666; cursor: pointer; }

.modalpop.questionpop input[type="checkbox"] + label:after { position: absolute; top: 3px; left: 0; display: inline-block; width: 25px; height: 25px; content: ""; }

.modalpop.questionpop input[type="checkbox"] + label:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="checkbox"].one + label:after { background: url("../images/test_check01_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].one:checked + label:after { background: url("../images/test_check01_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].two + label:after { background: url("../images/test_check02_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].two:checked + label:after { background: url("../images/test_check02_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].three + label:after { background: url("../images/test_check03_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].three:checked + label:after { background: url("../images/test_check03_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].four + label:after { background: url("../images/test_check04_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].four:checked + label:after { background: url("../images/test_check04_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].five + label:after { background: url("../images/test_check05_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].five:checked + label:after { background: url("../images/test_check05_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].six + label:after { background: url("../images/test_check06_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].six:checked + label:after { background: url("../images/test_check06_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].seven + label:after { background: url("../images/test_check07_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].seven:checked + label:after { background: url("../images/test_check07_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].eight + label:after { background: url("../images/test_check08_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].eight:checked + label:after { background: url("../images/test_check08_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].nine + label:after { background: url("../images/test_check09_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].nine:checked + label:after { background: url("../images/test_check09_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].ten + label:after { background: url("../images/test_check10_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].ten:checked + label:after { background: url("../images/test_check10_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].one + label:after { background: url("../images/test_check01_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].one:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].one:checked + label:after { background: url("../images/test_check01_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].two + label:after { background: url("../images/test_check02_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].two:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].two:checked + label:after { background: url("../images/test_check02_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].three + label:after { background: url("../images/test_check03_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].three:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].three:checked + label:after { background: url("../images/test_check03_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].four + label:after { background: url("../images/test_check04_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].four:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].four:checked + label:after { background: url("../images/test_check04_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].five + label:after { background: url("../images/test_check05_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].five:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].five:checked + label:after { background: url("../images/test_check05_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].six + label:after { background: url("../images/test_check06_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].six:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].six:checked + label:after { background: url("../images/test_check06_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].seven + label:after { background: url("../images/test_check07_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].seven:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].seven:checked + label:after { background: url("../images/test_check07_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].eight + label:after { background: url("../images/test_check08_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].eight:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].eight:checked + label:after { background: url("../images/test_check08_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].nine + label:after { background: url("../images/test_check09_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].nine:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].nine:checked + label:after { background: url("../images/test_check09_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].ten + label:after { background: url("../images/test_check10_off.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="radio"].ten:checked + label { color: #6071cd; }

.modalpop.questionpop input[type="radio"].ten:checked + label:after { background: url("../images/test_check10_on.png") 0 0 no-repeat; }

.modalpop.questionpop input[type="checkbox"].switch { position: relative; display: inline-block; margin: 0; width: 60px; height: 30px; background: var(--b, #bebebe); border: 1px solid var(--bc, #bebebe); border-radius: 30px; outline: none; cursor: pointer; -webkit-transition: background .3s, border-color .3s, -webkit-box-shadow .2s; transition: background .3s, border-color .3s, -webkit-box-shadow .2s; transition: background .3s, border-color .3s, box-shadow .2s; transition: background .3s, border-color .3s, box-shadow .2s, -webkit-box-shadow .2s; -webkit-appearance: none; -moz-appearance: none; }

.modalpop.questionpop input[type="checkbox"].switch:after { position: absolute; top: 2px; left: 3px; display: block; width: 24px; height: 24px; background: var(--ab, #fff); border-radius: 50%; content: ""; -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); -webkit-transform: translateX(var(--x, 0)); transform: translateX(var(--x, 0)); }

.modalpop.questionpop input[type="checkbox"].switch:checked { --ab: #fff; --b: #5267d5; --bc: #5267d5; --d-o: .3s; --d-t: .6s; --d-t-e: cubic-bezier(.2, .85, .32, 1); --x: 29px; }

.modalpop.questionpop input[type="checkbox"].switch:disabled:not(:checked):after { opacity: .6; }

/* input switch style*/
.search-board { clear: both; overflow: hidden; margin: 0 0 30px 0; padding: 23px 39px 30px 39px; background: #fff; border: 2px solid #404152; }

.search-board .hidden-table { display: none; }

.search-board .btncenter { /*margin-top:15px;*/ padding-top: 20px; }

.search-board .btncenter span { top: 20px; }

.search-board .boardwrite table td p.optionbox:only-child { max-width: 293px; }

.search-board fieldset { font-size: 0; text-align: center; }

.search-board fieldset * { vertical-align: middle; }

.search-board fieldset p { display: inline-block; }

.search-board fieldset p label { display: inline-block; margin-right: 10px; margin-left: 20px; height: 28px; font-size: 15px; font-weight: 400; line-height: 29px; }

.search-board fieldset p:first-child label { margin-left: 0; }

.search-board fieldset p .optionbox { display: inline-block; float: none; width: 200px; }

.search-board fieldset p .optionbox.date { width: 120px; }

.search-board fieldset button { margin-left: 10px; }

.search-board.ver-gray { padding: 0; }

.search-board.ver-gray .boardwrite table tbody th { padding-left: 20px; background: #f2f1f0; border-color: #c8c5c1; }

.search-board.ver-gray .boardwrite table tbody td { padding: 5px; border-color: #c8c5c1; border-left: 1px solid #c8c5c1; }

.search-board.ver-gray .boardwrite table tbody td.orchoice span { margin-left: 10px; }

.search-board.ver-gray .boardwrite table tbody td.orchoice span:first-child { margin-left: 0; }

.search-board.ver-gray .boardwrite table tbody td .hy { margin-left: 8px; }

.search-board .calendarbox { display: flex; width: auto; vertical-align: middle; }

.search-board .calendarbox.option .calendar { width: 38%; }

.search-board .calendarbox.option .optionbox { width: 18%; }

.search-board .calendarbox .calendar { max-width: 232px; }

.search-board .calendarbox .calendar:nth-of-type(2) { margin-left: 17px; }

.search-board .calendarbox.warn { width: 100%; }

.search-board .calendarbox.warn::after { display: inline-block; margin-left: 21px; line-height: 26px; content: "* 종료기간을 설정하지 않으면 9999년 12월 31일로 설정됩니다."; }

.search-board.content-management p.optionbox { max-width: 155px !important; }

.search-board .idbox {width: auto;}

.search-result { clear: both; overflow: hidden; margin: 0 0 30px 0; padding: 20px 40px 30px 40px; background: #fff; }

.search-result h2 { margin-bottom: 20px; height: 30px; line-height: 30px; }

.search-result h2 * { vertical-align: middle; }

.search-result h2 span { font-size: 20px; font-weight: 500; line-height: 30px; color: #343465; }

.search-result h2 strong { margin-left: 20px; font-size: 14px; line-height: 42px; color: #333; letter-spacing: -1px; }

.search-result .boardlist { margin-bottom: 40px; }

.search-result .btnright { margin-top: 10px; }

dl.program-chgbox { position: fixed; bottom: 0; clear: both; overflow: hidden; margin-right: 80px; padding: 38px 38px 20px 38px; width: 100%; min-height: 110px; background: #006cbf; opacity: 0; }

dl.program-chgbox dt { float: left; line-height: 36px; }

dl.program-chgbox dt strong { float: left; margin-right: 40px; font-size: 16px; font-weight: 500; color: #fff; }

dl.program-chgbox dt span { float: left; font-size: 14px; font-weight: 200; color: #fff; }

dl.program-chgbox dd { float: right; }

dl.program-chgbox dd .optionbox { float: left; margin: 0; width: 160px; height: 36px; }

dl.program-chgbox dd .optionbox select { background: #0065b3 url("../images/icon_selectarr_02.png") no-repeat 100% 50%; border-color: #3399d6; color: #fff; }

dl.program-chgbox dd .optionbox:first-child select { border-right: 0; }

dl.program-chgbox dd .btn-navy { float: left; margin-left: 3px; width: 65px; height: 36px; border-radius: 0; font-weight: 500; }

.boardlist { clear: both; overflow-y: hidden; width: 100%; border-top: 2px solid #343465; border-bottom: 1px solid #484874; }

.boardlist.scroll-col { overflow-x: auto; }

.boardlist table { width: 100%; table-layout: fixed; /*border-left:1px solid #f1f1f1*/ }

.boardlist table .ichkbox { padding: 0; width: 16px; min-width: 16px; }

.boardlist table .ichkbox label input { margin-right: 10px; }

.boardlist table .hidden-txt { height: 16px; }

.boardlist table .pd0 { padding: 0 11px; }

.boardlist table .pd0 span { position: relative; height: 16px; }

.boardlist table .pd0 span.optionbox { height: 28px; }

.boardlist table .pd0 span label { height: 16px; }

.boardlist table thead th { position: relative; padding: 8px 0; background: #f2f1f0; /*border-left:1px solid #c8c5c1; */ border-bottom: 1px solid #bbb; font-weight: 500; line-height: 16px; color: #666; word-wrap: break-word; word-break: keep-all; letter-spacing: -0.5px;}

.boardlist table thead th strong.totalcnt { display: inline-block; margin: 3px auto 0; padding: 0 8px; width: auto; min-width: 45px; max-width: 65px; height: 25px; background: #343465; border-radius: 13px; font-size: 14px; font-weight: 400; line-height: 25px; color: #fff; text-align: center; }

.boardlist table thead tr:first-child th { padding: 15px 0;}

.boardlist table thead th:last-child { padding: 0; /*border-right:1px solid #c8c5c1*/ }

.boardlist table thead th .btn-sort { width: 18px; height: 10px; background: url("../images/icon_arr_04.png") no-repeat 50%; font-size: 0; text-indent: -99999px; }

.boardlist table thead th .btn-sort.on { background: url("../images/icon_arr_05.png") no-repeat 50%; }

.boardlist table thead th .btn-sort.blue { background: url("../images/icon_arr_06.png") no-repeat 50%; }

.boardlist table thead th .btn-sort.blue.on { background: url("../images/icon_arr_07.png") no-repeat 50%; }

.boardlist table thead td { padding-top: 40px; background: #fff; border-left: 1px solid #e3e3e3; text-align: center; }

.boardlist table tbody td { padding: 10px 11px; background: #fff; /* border-right:1px solid #f1f1f1; */ border-top: 1px solid #f1f1f1; text-align: center; word-wrap: break-word; word-break: keep-all; }

.boardlist table tbody tr.on td { background: #f9f9f9; }

.boardlist table tbody tr:hover td { background: #f5f7ff; /*font-weight:700;/color:#5267d6;*/ }

.boardlist table tbody td.txt-left { text-align: left; }

.boardlist table tbody td.txt-left strong { font-weight: 600; color: #333; }

.boardlist table tbody td.txt-left p.ellipsis { padding: 0 100px; }

.boardlist table tbody td.pic img { width: 110px; }

.boardlist table tbody td.contents { text-align: left; }

.boardlist table tbody td.contents > strong { display: block; margin-bottom: 7px; color: #333; }

.boardlist table tbody td.contents > p { clear: both; overflow: hidden; }

.boardlist table tbody td.contents > p span { float: left; padding: 0 10px; background: url("../images/bg_bar_02.png") no-repeat 0 50%; }

.boardlist table tbody td.contents > p span:first-child { padding-left: 0; background: 0; }

.boardlist table tbody td .optionbox { display: inline-block; float: none; width: 100%; }

.boardlist .scrollbox { overflow-x: hidden; overflow-y: auto; height: 120px; }

.boardlist .scrollbox table { border-top: 0; }

.boardlist.over-gray table tbody tr:hover td { border-top: 1px solid #959595; border-bottom: 1px solid #959595; }

.boardlist.over-gray table tbody tr:hover td:first-child { border-left: 1px solid #959595; }

.boardlist.over-gray table tbody tr:hover td:last-child { border-right: 1px solid #959595; }

/* .boardlist + .paging {margin-top:20px} */
.boardwrite { clear: both; overflow: hidden; }

.boardwrite table { width: 100%; table-layout: fixed; }

.boardwrite table tbody tr:last-child { border-bottom: 1px solid #ccc; }

.boardwrite table tbody tr th:first-child { padding-left: 0; }

.boardwrite table tbody th {padding-top: 8px; padding-bottom: 8px;  padding-left: 20px; border-top: 1px solid #f1f1f1; font-size: 14px; font-weight: 500; color: #333; text-align: left; }

.boardwrite table tbody th span {display: inline-block; font-weight: 500;}

.boardwrite table tbody td { position: relative; padding: 8px 0; border-top: 1px solid #f1f1f1; text-align: left; }

.boardwrite table tbody td .listbox li {margin-top: 2px; margin-bottom: 2px;}

.boardwrite table tbody td .btn-small { font-size: 13px; }

.boardwrite table tbody tr:first-child th, .boardwrite table tbody tr:first-child td { border-top: 0; }

.boardwrite table tbody td.orchoice { padding: 8px 0; }

.boardwrite table tbody td.orchoice span { float: left; margin-left: 10px; }

.boardwrite table tbody td.orchoice span:first-child { margin-left: 0; }

.boardwrite table tbody td sub { float: left; margin: 0 20px 0 7px; min-width: 39px; font-size: 14px; line-height: 28px; }

.boardwrite table tbody td .hy { float: left; margin-left: 15px; line-height: 27px; }

.boardwrite table tbody td .inpbox { max-width: 618px; }

.boardwrite table tbody td .inpbox.full { max-width: 100%; }

.boardwrite table tbody td .schbox { position: relative; padding-right: 58px; max-width: 618px; }

.boardwrite table tbody td .schbox.half { max-width: 309px; }

.boardwrite table tbody td .schbox.half + .notitxt { position: absolute; top: 10px; left: 315px; }

.boardwrite table tbody td .schbox .inpbox { float: none; width: 100%; }

.boardwrite table tbody td .schbox button { position: absolute; top: 0; right: 0; }

.boardwrite table tbody td input.ichkbox + label:before { background: url("../images/icon_checkbox_02_off.png") no-repeat 0 48%; }

.boardwrite table tbody td input.ichkbox:checked + label:before { background: url("../images/icon_checkbox_02_off.png") no-repeat 0 48%; }

.boardwrite table tbody td input.ichkbox:checked + label:after { background: url("../images/icon_checkbox_02_on.png") no-repeat 0 48%; }

.boardwrite table tbody td .btn-confirm { float: right; width: 90px; height: 90px; border: 1px solid #ccc; border-radius: 2px; font-size: 14px; font-weight: 500; color: #666; }

.boardwrite table tbody td .btn-confirm:hover { background-color: #f6f6f6; }

.boardwrite table tbody td.bdnone { border-top: 0; }

.boardwrite table tbody td.txt-intro .inpbox { max-width: 100%; }

.boardwrite table tbody td.txt-intro .txtbox { height: 120px; }

.boardwrite table tbody td.txt-intro strong { display: block; margin: 0 0 6px 0; font-weight: 400; }

.boardwrite table td p.optionbox:only-child { max-width: 293px; }

.boardwrite table td .calendar:only-child { float: none; width: 100%; }

.boardwrite table .btnset { float: left; margin-left: 12px; height: 28px; }

.boardwrite table .btnset button { float: left; padding: 0 9px; max-width: 44px; height: 28px; background: #fff; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc; font-size: 12px; line-height: 26px; color: #666; }

.boardwrite table .btnset button:hover, .boardwrite table .btnset button.on { background: #484874; border-color: #484874; color: #fff; }

.boardwrite table .must::before { color: #5267d6; content: "* "; }

.boardwrite table .boardlist { margin-top: 10px; border-bottom-color: #f1f1f1; }

.boardwrite table .boardlist .txt-center { text-align: center; }

.boardwrite table .boardlist .txt-left { text-align: left; }

.boardwrite table .boardlist .txt-right { text-align: right; }

.boardwrite .quantity-control { position: relative; padding: 0 14px 0 0; }

.boardwrite .quantity-control button { position: absolute; right: 0; width: 14px; height: 14px; border-left: 1px solid #ddd; }

.boardwrite .quantity-control button.btn-qt-up { top: 0; background: url("../images/icon_arr_14.png") no-repeat 50% 50%; background-size: 10px auto; border-bottom: 1px solid #ddd; }

.boardwrite .quantity-control button.btn-qt-down { bottom: 0; background: url("../images/icon_arr_13.png") no-repeat 50% 60%; background-size: 10px auto; }

.board-pannel { clear: both; overflow: hidden; margin: 0 0 30px 0; padding: 30px 40px; background: #fff; }

.board-pannel > div:first-child.btnset { margin-bottom: 16px; }

.board-pannel .boardlist { border-bottom: 1px solid #666; }

.board-pannel h3 { position: relative; margin: 0 0 10px 0; height: 28px; color: #343465; }

.board-pannel h3.bd-bottom { margin: -30px -40px 15px -40px; padding: 27px 40px 0 40px; height: 80px; border-bottom: 1px solid #ecebeb; }

.board-pannel h3.bd-bottom .btnset { top: 50%; right: 40px; margin-top: -14px; }

.board-pannel h3 strong { font-size: 20px; font-weight: 500; color: #333; }

.board-pannel h3 .txt { position: absolute; top: 5px; right: 0; }

.board-pannel h3 .btnset { position: absolute; top: 0; right: 0; }

.board-pannel h3 .btnset > button { margin: 0 0 0 5px; }

.board-pannel h3 .btnset > button:first-child { margin: 0; }

.board-pannel > .pull-left { float: left; width: 49% !important; }

.board-pannel > .pull-right { float: right; width: 49% !important; }

/* .board-pannel .paging + .pull-right{margin-top:20px;} */
.conditions-chkbox { clear: both; overflow: hidden; margin: 0 0 30px 0; padding: 0; background: #fff; border: 2px solid #3f4051; }

.conditions-chkbox h3 { display: none; padding: 34px 30px 30px 40px; color: #333; }

.conditions-chkbox h3 strong { display: block; font-size: 20px; font-weight: 700; line-height: 25px; }

.conditions-chkbox h3 span { display: block; margin-top: 5px; font-size: 14px; font-weight: 400; line-height: 16px; }

.conditions-chkbox .boardlist { border-top: 0; border-bottom: 0; }

.conditions-chkbox .boardlist table tbody td { border-right: 1px solid #c8c5c1; }

.conditions-chkbox.toFixed { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; min-width: 1280px; border-width: 0 0 1px 0; border-style: solid; border-color: #343465; }

.conditions-chkbox.toFixed h3 { display: block; float: left; width: 330px; height: 100%; }

.conditions-chkbox.toFixed .boardlist { float: none; clear: none; overflow: hidden; width: auto; }

.conditions-chkbox.toFixed .boardlist table thead th { background: #fff; }

.conditions-chkbox.toFixed .boardlist table tbody td { border-right: 1px solid #e5e5e5; }

.conditions-chkbox.toFixed .boardlist table tbody tr td:first-child { border-left: 1px solid #c8c5c1; }

.conditions-chkbox.toFixed .boardlist table tbody tr td:last-child { border-right: 1px solid #c8c5c1; }

.table-toggle { position: relative; float: right; margin: 0 0 0 10px; width: 28px; height: 28px; }

.table-toggle.on div { display: block; }

.table-toggle > a.holder { display: block; width: 28px; height: 28px; border: 1px solid #ccc; font-weight: 400; line-height: 27px; text-align: center; }

.table-toggle div { position: absolute; top: 27px; right: 0; display: none; padding: 2px; width: 170px; background: #fff; border: 1px solid #ccc; }

.table-toggle div > button { display: block; margin: 0 0 2px 0; width: 100%; height: 25px; font-size: 13px; font-weight: 500; }

.table-toggle ul { overflow-x: hidden; overflow-y: auto; padding: 15px 2px 15px 7px; width: 100%; max-height: 275px; }

.table-toggle ul li.ichkbox { display: block; clear: both; margin: 6px 0 0 0; width: 100%; min-width: 100%; height: 20px; min-height: 20px; text-align: left; }

.table-toggle ul li.ichkbox label { float: left; font-size: 13px; color: #666; word-wrap: break-word; word-break: break-all; }

.table-toggle ul li:first-child { margin: 0; }

ul.tabbox { clear: both; margin-bottom: 20px; width: 100%; height: 46px; border-bottom: 2px solid #000; }

ul.tabbox > li { float: left; width: 160px; height: 44px; background: #fff; border-width: 2px 2px 0 0; border-style: solid; border-color: #ecebeb; }

ul.tabbox > li:first-child { border-width: 2px 2px 0 2px; }

ul.tabbox > li a { display: block; width: 100%; height: 44px; font-weight: 400; line-height: 43px; color: #999; text-align: center; }

ul.tabbox > li a:hover { color: #343465; }

ul.tabbox > li.on { height: 46px; border-width: 2px; border-color: #000 #000 #fff #000; }

ul.tabbox > li.on a { height: 44px; background: #fff url("../images/icon_arr_11.png") no-repeat 50% 100%; font-weight: 500; color: #343465; }

.cardlist { clear: both; overflow: hidden; margin-right: -20px; margin-bottom: 20px; padding-right: 20px; }

.cardlist dl { float: left; margin: 0 0 20px 1.5%; padding: 19px; width: 18.8%; border: 1px solid #ddd; }

.cardlist dl:hover { padding: 18px; border: 2px solid #0063bf; -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.09); box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.09); }

.cardlist dl:first-child, .cardlist dl:nth-child(6), .cardlist dl:nth-child(11), .cardlist dl:nth-child(16), .cardlist dl:nth-child(21), .cardlist dl:nth-child(26), .cardlist dl:nth-child(31), .cardlist dl:nth-child(36), .cardlist dl:nth-child(41), .cardlist dl:nth-child(46), .cardlist dl:nth-child(51), .cardlist dl:nth-child(56), .cardlist dl:nth-child(61), .cardlist dl:nth-child(66), .cardlist dl:nth-child(71), .cardlist dl:nth-child(76), .cardlist dl:nth-child(81), .cardlist dl:nth-child(86), .cardlist dl:nth-child(91), .cardlist dl:nth-child(96) { margin-left: 0; }

.cardlist dl dt { border-bottom: 1px solid #f1f1f1; }

.cardlist dl dt .pic { display: block; }

.cardlist dl dt .pic img { width: 100%; }

.cardlist dl dt p { margin-right: 17px; padding: 15px 0; }

.cardlist dl dt p span { display: block; width: 100%; }

.cardlist dl dt p span input.ichkbox + label { display: block; padding-right: 18px; padding-left: 0; width: 100%; }

.cardlist dl dt p span input.ichkbox + label em { display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; }

.cardlist dl dt p span input.ichkbox + label:before { left: 100%; }

.cardlist dl dt p span input.ichkbox:checked + label:before, .cardlist dl dt p span input.ichkbox:checked + label:after { left: 100%; }

.cardlist dl dd { padding: 15px 0 0 0; }

.cardlist dl dd ul { clear: both; overflow: hidden; }

.cardlist dl dd ul li { clear: both; overflow: hidden; margin: 5px 0 0 0; }

.cardlist dl dd ul li:first-child { margin: 0; }

.cardlist dl dd ul li label { float: left; width: 75px; font-size: 14px; color: #999; }

.cardlist dl dd ul li span { display: block; float: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; }

.listbox { vertical-align: middle; }

.listbox::after { display: block; clear: both; height: 0; content: ""; }

.listbox li { float: left; margin-right: 20px;}

.listbox li:last-child {margin-right: 0;}

.listbox li::after { display: block; clear: both; height: 0; content: ""; }

.listbox li .iradio > input { margin-right: 8px; }

.listbox li .iradio > label { vertical-align: middle; /*font-weight:500;*/ }

.listbox li .iradio + .calendarbox { display: inline-block; margin-left: 10px; }

.listbox li:first-child { float: left; margin-left: 0; }

.listbox li.must span { vertical-align: middle; }

.listbox li.setdate span { vertical-align: top; }

.listbox + input.idbox { vertical-align: middle; }

span + span + .listbox, .listbox + .listbox { margin-top: 10px; }

.star { position: relative; overflow: hidden; width: 80px; height: 15px; background: url("../images/star_off.png") repeat-x 0 0; font-size: 0; }

.star::before { position: absolute; top: 0; left: 0; display: block; height: 15px; background: url("../images/star_on.png") repeat-x 0 0; content: ""; }

.star1::before { width: 16px; }

.star2::before { width: 32px; }

.star3::before { width: 48px; }

.star4::before { width: 54px; }

.star5::before { width: 80px; }

.score { display: inline-block; width: 22px; height: 22px; border: 1px solid #dedede; border-radius: 50%; }

.score.d { color: #333; }

.score.v { color: #5267d6; }

.score.l { color: #ff3a96; }

.infolist { clear: both; overflow: hidden; }

.infolist table { width: 100%; }

.infolist table .must::before { color: #5267d6; content: "*"; }

.infolist table tbody th { padding-left: 20px; border-top: 1px solid #f1f1f1; font-size: 14px; font-weight: 500; color: #333; text-align: left; }

.infolist table tbody tr th:first-child { padding-left: 0; }

.infolist table tbody td { position: relative; padding: 13px 0; border-top: 1px solid #f1f1f1; text-align: left; }

.infolist table tbody tr:first-child th, .infolist table tbody tr:first-child td { border-top: 0; }

.sortlist { position: absolute; top: 30px; right: 0; display: none; }

.sortlist ul { padding: 15px; background: #fff; border: 1px solid #ddd; }

.sortlist li { margin-top: 15px; padding-left: 13px; background-repeat: no-repeat; background-position: 0 50%; text-align: left; }

.sortlist li:first-child { margin-top: 0; }

.sortlist li:nth-child(1) { background-image: url("../images/icon_arr_13.png"); }

.sortlist li:nth-child(2) { background-image: url("../images/icon_arr_14.png"); }

.sortlist li:nth-child(3) { background-image: url("../images/icon_x.png"); }

.boardlist th:hover > .sortlist { display: block; }

.address li { margin-top: 5px; }

.address li:nth-child(1) input, .address li:nth-child(2) input { background: #f6f6f6; }

.address li:nth-child(1) input::-webkit-input-placeholder, .address li:nth-child(2) input::-webkit-input-placeholder { background: #f6f6f6; color: #bbb; }

.address li:nth-child(1) input:-ms-input-placeholder, .address li:nth-child(2) input:-ms-input-placeholder { background: #f6f6f6; color: #bbb; }

.address li:nth-child(1) input::-ms-input-placeholder, .address li:nth-child(2) input::-ms-input-placeholder { background: #f6f6f6; color: #bbb; }

.address li:nth-child(1) input::placeholder, .address li:nth-child(2) input::placeholder { background: #f6f6f6; color: #bbb; }

.lessonbox span { position: relative; margin-left: 10px; padding-left: 10px; }

.lessonbox span::before { position: absolute; top: 4px; left: 0; display: block; width: 2px; height: 13px; background: #ddd; content: ""; }

.lessonbox span:first-child { margin-left: 0; padding-left: 0; }

.lessonbox span:first-child::before { width: 0; height: 0; }

.emailbox { float: left; width: calc(100% - 87px); }

.emailbox .email { position: relative; display: block; float: left; width: 48%; max-width: 293px; height: 28px; background: #fff; border: 1px solid #ddd; }

.emailbox .connect { width: 4%; text-align: center; }

.emailbox + .btn-gray { float: right; width: 77px; }

.course span { position: relative; display: inline-block; margin: 0 10px; }

.course span::after { position: absolute; top: 6px; left: -10px; display: block; width: 1px; height: 10px; background: #ddd; content: ""; }

.course span:first-child::after { width: 0; height: 0; }

.txtbox { width: 100%; border: 1px solid #ddd; }

.txtbox textarea { overflow-x: hidden; overflow-y: auto; padding: 10px; width: 100%; height: 100%; border: 0; font-size: 14px; line-height: 18px; color: #666; }

.txtbox textarea:disabled { background: #f6f6f6; color: #999; }

.graphbox { border: 1px solid #f1f1f1; }

.hiddencontents { display: none; clear: both; overflow: hidden; width: 100%; }

.hiddencontents.on { display: block; }

.clear::after, .calendarbox::after { display: block; clear: both; height: 0; content: ""; }

.connect { float: left; padding: 0 1px; }

.count { font-weight: 500; color: #343465; }

.count span { font-weight: 500; color: #5267d6; }

.btnright + .txtbox { margin-top: 10px; }

.codebox, .idbox { margin-top: -2px; padding: 0 10px; width: 70%; height: 28px; background: #fff; border: 1px solid #ddd; }

.status { color: #ff3a96; }

.notitxt { color: #ff3a96; }

.originP { font-size: 13px; color: #999; text-decoration: line-through; }

span.must { margin-left: 10px; font-size: 13px; font-weight: 400; color: #5267d6; }

span.must::before { color: #5267d6; content: "* "; }

.bt2 { border-top: 2px solid #404152; }

.require { display: inline-block; font-size: 16px; font-weight: 700; color: #5267d6; vertical-align: top; }

.search-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.search-box p.optionbox { margin-right: 10px; max-width: 155px; }

.search-box input[type="text"] { margin: 0; width: 61.5%; vertical-align: middle; }

/* small browser */
@media screen and (max-width: 1700px) {
    .header {letter-spacing: -0.5px;}
    .header h1 {margin-right: 110px;}
    .header span.optionbox {margin-left: 15px !important;}
    .contentsarea { padding: 40px 60px 40px 50px; }
    .boardlist table thead th { font-size: 13px; }
    .boardlist table tbody td { padding: 10px 5px; font-size: 13px; }
}

/* ie Exception */
.ie .header .util { margin-top: 18px; }

.ie .header .util .loginfo { line-height: 31px; }

.ie .header .util ul li.home { background: url("../images/icon_gnb_home.png") no-repeat 0 30%; }

.ie .header .util ul li.notice { padding-left: 18px; background: url("../images/icon_gnb_notice.png") no-repeat 0 30%; }

.ie .header .util ul li.logout { background: url("../images/icon_gnb_logout.png") no-repeat 0 30%; }

.ie .leftarea .btn-allmenu button { padding: 3px 0 0 20px; }

.ie .leftarea > ul > li > a { line-height: 52px; }

.ie .leftarea > ul > li > ul > li > a { font-weight: 500; line-height: 44px; }

.ie .leftarea > ul > li > ul > li > ul { padding: 27px 0 20px 34px; }

.ie .leftarea > ul > li > ul > li > ul li { margin-bottom: 10px; }

.ie .leftarea > ul > li > ul > li > ul li:last-child { margin-bottom: 0; }

.ie .leftarea > ul > li > ul > li > ul li.on { background: url("../images/icon_arr_01.png") no-repeat 0 35%; }

.ie .leftarea > ul > li > ul > li > ul li a { line-height: 18px; }

.ie .titlebox h2 { padding-top: 5px; }

.ie .btn-large { line-height: 50px; }

.ie .btn-medium { line-height: 41px; }

.ie .btn-small { line-height: 33px; }

.ie .btn-xs { line-height: 27px; }

.ie .table-toggle > a.holder { line-height: 32px; }

.ie .ui-datepicker .ui-datepicker-title { padding-top: 5px; }

.ie .ui-datepicker table th { padding: 10px 0 3px 0; }

.ie .ui-datepicker table td a { line-height: 34px; }

.ie .ichkbox label, .ie .iradio label { line-height: 25px; }

.ie .optionbox select { padding-top: 4px; }

.ie .inpbox input[type="text"] { padding-top: 5px; }

.ie .contentsarea .pagenavi ul li { height: 24px; background-position: 0 40%; line-height: 29px; }

.ie .contentsarea .pagenavi ul li:first-child { background: url("../images/icon_home.png") no-repeat 1px 0; }

.ie .paging a { line-height: 50px; }

.ie .boardwrite table tbody th { padding-top: 8px; padding-bottom: 4px; line-height: 20px; }

.ie .boardwrite table .btnset button { line-height: 32px; }

.ie .boardlist table thead tr:first-child th { padding-bottom: 10px; }

.ie .boardlist table tbody td { padding: 10px 11px 6px 10px; }

.ie .boardlist table thead th strong.totalcnt { line-height: 32px; }

.ie button .toggle { display: inline-block; padding: 0 20px 0 0; height: 22px; background: url("../images/icon_arr_08.png") no-repeat 100% 50%; font-weight: 500; line-height: 22px; }

.ie button .toggle.show { background: url("../images/icon_arr_02.png") no-repeat 100% 50%; }

.ie button .play { background: url("../images/icon_arr_09.png") no-repeat 100% 30%; line-height: 20px; }

.ie #popupwrap h1 span { padding: 3px 0 0 14px; background: url("../images/icon_arr_10.png") no-repeat 0 42%; }

.ie #popupwrap fieldset.schbox ul li label { padding-top: 3px; }

.ie #popupwrap .boardlist { margin-bottom: 20px; }

.ie #popupwrap .boardlist table thead tr:first-child th { padding-top: 11px; padding-bottom: 6px; }

.ie #popupwrap .boardlist table thead tr th.pd0 { padding-top: 7px; }

.ie #popupwrap .boardlist table tbody td { padding: 7px 5px 4px 5px; }

.ie #popupwrap .boardlist table tbody td .optionbox select { padding-top: 4px; }

.ie #popupwrap .boardlist table tbody td .pd0 { padding: 0 6px; }

.ie #popupwrap .paging a { line-height: 40px; }

body#login { height: 100%; background: url("../images/bg_loginbody.jpg") no-repeat; background-size: cover; }

body#login #wrap { position: relative; height: 100%; }

body#login #wrap::after { position: absolute; top: 0; right: 0; width: 60%; height: 100%; background: rgba(72, 92, 199, 0.95); content: ""; }

body#login .header { background: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

body#login .header h1 { margin-left: 10%; }

body#login .header h1 a { background: 0; font-size: 0; text-indent: 0; }

body#login .loginwrap { position: relative; z-index: 30; margin: 0 0 0 calc(40% + 150px); padding-top: 170px; }

body#login .loginwrap h2 { margin: 0 0 120px 0; }

body#login .loginwrap h2 strong { display: block; margin: 0 0 30px 0; font-size: 50px; font-weight: 700; color: #fff; }

body#login .loginwrap h2 span { display: block; font-size: 18px; line-height: 30px; color: #fff; }

body#login .loginwrap fieldset { width: 550px; }

body#login .loginwrap fieldset .inpbox { float: left; width: 250px; height: 50px; background: 0; border-width: 0 0 1px 0; border-style: solid; border-color: #fff; }

body#login .loginwrap fieldset .inpbox input { padding: 0 10px; background: 0; border: 0; font-size: 16px; font-weight: 200; color: #fff; }

body#login .loginwrap fieldset .inpbox + .inpbox { margin-left: 45px; }

body#login .loginwrap fieldset button { margin: 50px 0 0 0; width: 100%; height: 67px; background: #ff3a96; border-radius: 6px; font-size: 20px; font-weight: 400; color: #fff; letter-spacing: 2px; }

body#login .loginwrap fieldset > p { position: relative; margin-top: 18px; font-size: 14px; font-weight: 700; color: #fff; }

body#login .loginwrap fieldset input::-webkit-input-placeholder, body#login .loginwrap fieldset input:-moz-placeholder, body#login .loginwrap fieldset input::-moz-placeholder, body#login .loginwrap fieldset input:-ms-input-placeholder { font-size: 16px; font-weight: 200; color: rgba(255, 255, 255, 0.6); }

body#login input.ichkbox + label { padding-left: 28px; }

body#login input.ichkbox + label:before { left: 0; width: 20px; height: 20px; background: url("../images/icon_checkbox_login_off.png") no-repeat 0 48%; }

body#login input.ichkbox:checked + label:before { left: 0; background: url("../images/icon_checkbox_login_on.png") no-repeat 0 48%; }

body#login input.ichkbox:checked + label:after { left: 0; width: 20px; height: 20px; background: url("../images/icon_checkbox_login_on.png") no-repeat 0 48%; }

.audioplayer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 550px; background: #fff; border: 1px solid #dde2e6; border-radius: 4px; }

.audioplayer-playpause { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 48px; border-radius: 4px 0 0 4px; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause { background: #4050ab; border: 1px solid #4050ab; border-radius: 4px 0 0 4px; }

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover { background: #4050ab; }

.audioplayer-playing .audioplayer-playpause { background: rgba(253, 79, 26, 0); border: 1px solid #4050ab; }

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 2px; width: 0; height: 0; border-top: 7px solid transparent; border-right: none; border-bottom: 7px solid transparent; border-left: 12px solid #fff; content: ""; }

.audioplayer-playing .audioplayer-playpause a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 12px; height: 14px; content: ""; }

.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after { width: 4px; height: 14px; background-color: #4050ab; content: ""; }

.audioplayer-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; font-size: 13px; font-weight: 700; color: #4050ab; }

.audioplayer-time-current { margin-left: 24px; }

.audioplayer-time-duration { margin-right: 10px; font-weight: 500; color: #999; }

.audioplayer-bar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 12px; height: 12px; cursor: pointer; }

.audioplayer-bar::before { position: absolute; top: 5px; width: 100%; height: 2px; background-color: #dde2e6; content: ""; }

.audioplayer-bar > div { position: absolute; top: 5px; left: 0; }

.audioplayer-bar-loaded { z-index: 1; height: 4px; background: #e4e4e4; }

.audioplayer-bar-played { z-index: 2; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; height: 4px; background: #4050ab; }

.audioplayer-bar-played::after { position: absolute; top: -5px; right: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: -5px; width: 15px; height: 15px; background-color: #fff; border-radius: 10px; content: ""; }

.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after { border: 2px solid #4050ab; }

.audioplayer-playing .audioplayer-bar-played::after { border: 2px solid #0059ff; }

.audioplayer-volume { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.audioplayer-volume-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; cursor: pointer; }

.audioplayer-volume-button a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 6px; height: 8px; background-color: #4050ab; }

.audioplayer-volume-button a:before, .audioplayer-volume-button a:after { position: absolute; content: ""; }

.audioplayer-volume-button a:before { top: -4px; width: 0; height: 0; border-top: 8px solid transparent; border-right: 9px solid #4050ab; border-bottom: 8px solid transparent; border-left: none; }

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after { top: -2px; left: 10px; width: 6px; height: 6px; border: 6px double #4050ab; border-width: 6px 6px 0 0; border-radius: 0 12px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.audioplayer-mute .audioplayer-volume-button a { background-color: #fd4f1a; }

.audioplayer-mute .audioplayer-volume-button a:before { border-right: 9px solid #fd4f1a; }

.audioplayer-volume-adjust { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px; }

.audioplayer-volume-adjust > div { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 60px; height: 2px; background-color: #bec8d2; cursor: pointer; }

.audioplayer-volume-adjust div div { position: absolute; top: 0; left: 0; height: 2px; background-color: #0059ff; }

@media screen and (max-width: 679px) { .audioplayer-volume-adjust { display: none; } }

.audioplayer-volume-button { margin-right: 15px; }

.audioplayer-volume-adjust { display: none; }

.hdBox > a { margin-right: 10px; padding: 0 1px 0 2px; border: 1px solid #4050ab; border-radius: 2px; font-size: 13px; color: #4050ab; }

.audioplayer { margin-top: 40px; }

.btn-up {
    width: 32px;
    height: 32px;
    background: #fff url("https://cf.masterk1.com/static/images/icon/icon_arr_up.png") no-repeat 50%;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0;
    text-indent: -99999px;
}

.btn-down {
    width: 32px;
    height: 32px;
    background: #fff url("https://cf.masterk1.com/static/images/icon/icon_arr_down.png") no-repeat 50%;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0;
    text-indent: -99999px;
}

/* 통계 관리 CSS */

.stat-board-pannel {overflow: visible;}

.pannel-top {display: flex; justify-content: space-between; margin-bottom: 12px;}

.pannel-top .pannel-notice {flex-grow: 1; font-size: 13px; color: #333333;}

.pannel-top .academy-sel-box {display: flex; align-items: center; position: relative; margin-right: 12px;}

.pannel-top .academy-sel-box .academy-sel-text {font-size: 14px; margin-right: 12px; font-weight: 500; color: #333;}

.pannel-top .academy-sel-box .academy-sel-btn {padding: 0 15px; min-width: 230px; height: 28px; border-radius: 0; font-size: 13px; font-weight: 400; line-height: 28px; white-space: nowrap; text-align: left; background: #fff url(../images/icon_selectarr_01.png) no-repeat 100% 50%; border: 1px solid #ccc; color: #666;}

.pannel-top .academy-sel-box .academy-sel-popup {display: none; position: absolute; width: 320px; height: 360px; padding: 18px 20px; border: 1px solid #DDDDDD; top: 27px; right: 0; background-color: #FFFFFF; z-index: 5;}

.academy-sel-popup .academy-sel-ckbox {display: block; width: 100%; height: 280px; overflow-y: auto;}

.academy-sel-popup .academy-sel-ckbox li {margin-bottom: 6px;}

.academy-sel-popup .academy-sel-btn-wrap {display: flex; justify-content: right; align-items: center; width: 100%; height: 60px; padding-right: 20px; position: absolute; bottom: 0; left: 0; background: #FFFFFF;}

.academy-sel-popup .academy-sel-btn-wrap .academy-sel-close {height: 36px; padding: 0 10px; margin-right: 6px; font-size: 13px; color: #333;}

.pannel-top .pannel-dl-box {display: block; position: relative;}

.pannel-dl-box .pannel-dl-popup {display: none; position: absolute; width: 200px; padding: 18px 20px 50px 20px; border: 1px solid #DDDDDD; top: 27px; right: 0; background-color: #FFFFFF; z-index: 5;}

.pannel-dl-popup .pannel-dl-close {display: block; position: absolute; right: 20px; top: 18px; font-size: 0; color: transparent; width: 10px; height: 10px; background: url("../images/icon_x.png") no-repeat center;}

.pannel-dl-popup .pannel-dl-ckbox {display: block; width: 100%; height: 280px; overflow-y: auto;}

.pannel-dl-popup .pannel-dl-ckbox li {margin-bottom: 6px;}

.pannel-dl-popup .pannel-dl-btn-wrap {display: block; width: 100%; height: 50px; padding: 0 20px; position: absolute; bottom: 0; left: 0; background: #FFFFFF;}

.pannel-dl-btn-wrap .pannel-dl-btn-excel {display: block; position: relative; width: 100%;}

.stat-menu-box {display: block; position: relative; width: 100%;}

.stat-menu-box .stat-menu-line {display: block; position: absolute; width: 100%; height: 2px; background-color: #5167d6; bottom: 0; left: 0; z-index: 1;}

.stat-menu-box .stat-menu-list {display: flex; position: relative;}

.stat-menu-box .stat-menu-btn {display: flex; align-items: center; justify-content: center; position: relative; width: 146px; padding: 12px 0 16px; background-color: #FFFFFF; border: 2px solid #EBEBEB; border-bottom: none; z-index: 0; margin-right: -2px; font-size: 14px; font-weight: 500; text-align: center; color: #999999;}

.stat-menu-box .stat-menu-btn.stat-menu-sel {border-color: #5167d6; color: #333333; z-index: 2;}

.stat-list { clear: both; width: 100%; border-top: 2px solid #343465; border-bottom: 1px solid #484874; margin-top: 24px; }

.stat-list table { width: 100%; table-layout: fixed; /*border-left:1px solid #f1f1f1*/ }

.stat-list table thead th { position: relative; padding: 8px 0; background: #f2f1f0; /*border-left:1px solid #c8c5c1; */ border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; font-weight: 500; line-height: 16px; color: #666; word-wrap: break-word; word-break: keep-all; }
.stat-list table thead tr:first-child th:first-child {border-left: none;}

.stat-list table thead tr:first-child th { padding: 10px 0; }

.stat-list table thead th:last-child { padding: 10px 0; /*border-right:1px solid #c8c5c1*/ }

.stat-list table tbody td { padding: 10px 11px; background: #fff; /* border-right:1px solid #f1f1f1; */ border-top: 1px solid #f1f1f1; text-align: center; word-wrap: break-word; word-break: break-all; border-left: 1px solid #bbb;}
.stat-list table tbody td:first-child {border-left: none;}

.notice-yes {display: flex; justify-content: center; align-items: center;}

.stat-notice-popup {display: inline; position: relative; margin-left: 6px;}

.stat-notice-btn {display: block; width: 16px; height: 16px; background-image: url("../images/mypage_qs.png"); background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 0; color: transparent;}

.stat-notice-bubble {display: none; position: absolute; width: 340px; padding: 18px 20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; background-color: #FFFFFF; border-radius: 10px; z-index: 10; text-align: left; font-size: 13px; color: #333; left: -162px; top: 35px;}

.stat-notice-bubble::before {content: '';position: absolute;width: 0;height: 0;bottom: 100%;left: 155px;border: 15px solid transparent;border-top: none;border-bottom-color: #fff;filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));}

.editor__editable,
  /* Classic build. */
main .ck-editor[role='application'] .ck.ck-content,
  /* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
  /* Inline & Balloon build. */
.ck.editor[role='textbox'] {
  width: 100%;
  background: #fff;
  font-size: 1em;
  line-height: 1.6em;
  min-height: 250px;
  padding: 1.5em 2em;
}

.ck.ck-editor__editable {
  background: #fff;
  border: 1px solid hsl(0, 0%, 70%);
  width: 100%;
}

/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
  position: relative;
  z-index: 10;
}

.editor-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  justify-content: center;
}

.editor-container--with-sidebar > .ck.ck-editor {
  width: calc( 100% - 300px );
}

/* 240809 2차인증 추가 */
body#login .loginwrap .form-2fa {
  padding: 50px 40px;
  margin-top: -80px;
  background-color: rgba(102,105,255,.6);
}
body#login .loginwrap .form-2fa .group {
  margin-top: 35px
}
body#login .loginwrap .form-2fa .group:first-of-type {
  margin-top: 0;
}
body#login .loginwrap .form-2fa .group .tit {
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
body#login .loginwrap .form-2fa .input-wrap {
  display: flex;
}
body#login .loginwrap .form-2fa .inpbox {
  border: 0;
}
body#login .loginwrap .form-2fa .inpbox input {
  color: #666;
  border-radius: 5px;
  background: #fff;
}
body#login .loginwrap .form-2fa button {
  margin-top: 25px;
}
body#login .loginwrap .form-2fa .input-wrap .btn-send {
  width: 250px;
  height: 50px;
  margin-top: 0;
  margin-left: 15px;
  font-size: 16px;
  letter-spacing: -.02em;
  background: #2a40ac;
}