@charset "utf-8";  
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Roboto:wght@300;400;700&display=swap');

/*
Title : content.css
Author : LKICT yekim
*/

/* ========== R E S E T ========== */
/* default */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-family:inherit}

h1, h2, h3, h4, h5, h6{font-weight:normal}

body{background:#fff;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
ol, ul{list-style:none}
em{font-style:normal}

/* form */
form{-webkit-appearance:none;-moz-appearance:none}
fieldset{border:0 solid transparent}
img, input, button, select, textarea{padding:0;margin:0;vertical-align:middle}
button{border:0;outline:none;background:transparent;cursor:pointer;overflow:visible}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;margin:0}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;-moz-appearance:button;cursor:pointer}

input[type="date"],
input[type="month"],
input[type="datetime-local"]{display:-webkit-inline-flex;display:block}

input[type="radio"],
input[type="checkbox"]{border:0}

textarea, input, select{border-radius:0;background:#fff;box-shadow:none;text-shadow:none;-webkit-appearance:none;-moz-appearance:none}
textarea{resize:none}
a{text-decoration:none}

/* table */
table{border-collapse:collapse;border-spacing:0}
caption, th, td{font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
blockquote, q{quotes:none}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, main, nav, section {
	display: block;
}

/* ========== C O M M O N ========== */
*{padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

html{height:100%}
body{min-width:1500px;height:100%;position:relative;font-family:'Noto Sans KR','Roboto', sans-serif;font-size:14px;font-weight:400;color:#4B4453;letter-spacing:-0.5px;background:#fff;-webkit-font-smoothing:antialiased;}
button, textarea, input, select{font-family:'Noto Sans KR', 'Roboto', sans-serif;font-size:14px;font-weight:400;color:#4B4453}
.blind{position:absolute;top:-9999em;left:-9999em;display:block;width:1px;height:1px}

/* input_text_style */
input::-ms-clear{display:none}
input:focus{outline:none}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"]{width:100%;height:34px;padding:7px 8px;border:1px solid #D9D9D9;border-radius:5px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none}

/* disabled_style */
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
textarea:disabled{background:#f2f2f2}
input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label{opacity:0.5;cursor:default}

/* placeholder */
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder{font-family:'Noto Sans KR', 'Roboto', sans-serif;color:#868686;font-size:14px;font-weight:500;}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder{font-family:'Noto Sans KR', 'Roboto', sans-serif;color:#868686;font-size:14px;font-weight:500;}

/* input_check-radio_style */
input[type="checkbox"]:not(old){width:20px;height:20px;margin:0;padding:0;opacity:0;cursor:pointer}
input[type="checkbox"]:not(old) + label{display:inline-block;line-height:20px;font-size:14px;font-weight:500;padding-left:25px;margin-left:-24px;vertical-align:middle;background:url(/resources/images/web/ico_check_off.svg) no-repeat left center;background-size:20px 20px;cursor:pointer}
input[type="checkbox"]:not(old):checked + label{background:url(/resources/images/web/ico_check_on.svg) no-repeat left center;background-size:20px 20px}
input[type="checkbox"]:not(old):not(:first-of-type){margin-left:20px}

input[type="radio"]:not(old){width:16px;height:16px;margin:0;padding:0;opacity:0;cursor:pointer}
input[type="radio"]:not(old) + label{display:inline-block;line-height:20px;font-size:14px;font-weight:400;padding-left:21px;margin-left:-16px;vertical-align:middle;background:url(/resources/images/web/ico_radio_off.svg) no-repeat left center;background-size:16px 16px;cursor:pointer}
input[type="radio"]:not(old):checked + label{background:url(/resources/images/web/ico_radio_on.svg) no-repeat left center;background-size:16px 16px}
input[type="radio"]:not(old):not(:first-of-type){margin-left:20px}

span.nolabel{display:flex;width:16px;height:16px;margin:0 auto}
span.nolabel input[type="checkbox"] + label{text-indent:-9999em;width:16px;padding-left:0}
span.nolabel input[type="radio"] + label{text-indent:-9999em;width:16px;padding-left:0}

/* textarea_style */
textarea:focus{outline:none}
textarea{width:100%;line-height:150%;padding:5px 10px;border:1px solid #D9D9D9;background:#fff;border-radius:5px;}

/* select_style */
select::-ms-expand{display:none}
select:focus{outline:none}
select{width:100%;height:34px;padding-left:10px;padding-right:40px;border:1px solid #DFDFDF;background:#fff url(/resources/images/web/ico_show1.svg) no-repeat right 8px center;background-size:16px 16px;border-radius:5px;font-weight:500;}
select>option{color:#4B4453}

/* multiple-select_custom */
.multiple-select.ms-parent{min-width:105px;max-width:110px}
.multiple-select .ms-choice{height:34px;line-height:34px;color:#4B4453;border:1px solid #dfdfdf;border-radius:5px;font-weight:500;}
.multiple-select .ms-choice > span{right:40px;padding-left:10px}
.multiple-select .ms-choice > span.placeholder{color:#4B4453}
.multiple-select .ms-choice > div.icon-caret{width:20px;height:20px;top:50%;right:10px;margin-top:-10px;border-width:0;background:#fff url(/resources/images/web/ico_show.png) no-repeat right center;background-size:20px 20px}
.multiple-select .ms-choice > div.icon-caret.open{border-width:0}
.multiple-select .ms-drop{color:#4B4453;z-index:2000;border:1px solid #dfdfdf;} /* 통계 차트에서 영역침범현상이 있어 z-index 추가 */
.multiple-select .ms-drop li label{background:url(/resources/images/web/ico_check_off.svg) no-repeat left center;background-size:16px 16px}
.multiple-select .ms-drop li.ms-select-all label{padding-left:0;background:none}
.multiple-select .ms-drop li.selected label{background:url(/resources/images/web/ico_check_on.svg) no-repeat left center;background-size:16px 16px}

/* file */
.filewrap{display:flex;}
.filewrap input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.filewrap label{display:inline-block;padding:0 15px;height:34px;line-height:30px;text-align:center;vertical-align:middle;color:#008E83;border-radius:5px;background:#EFF8F7;cursor:pointer;border: 1px solid #78C3BD;font-weight:500;}
.filewrap span.filelist{display:inline-block;margin-left:10px;}
.filewrap span.filelist li{margin-top:4px;list-style-type:none;}
.filewrap span.filelist p.msg{color:#686868;line-height:34px;}
.filewrap span.filelist .fileview{line-height:34px;}
.filewrap input[type="file"]:disabled + label{opacity:0.5;cursor:default}

/* calendar */
.datewrap{display:flex;align-items:center;width:fit-content;}
.datewrap span{display:flex;align-items:center;width:100%;height:34px;border:1px solid #DFDFDF;border-radius:5px;background:#fff;}
.datewrap span:not(:first-of-type){margin-left:20px}
.datewrap span:not(:first-of-type)::before{content:'-';width:10px;float:left;line-height:34px;font-family:serif;color:#767676;text-align:center;padding:0 5px;margin-left:-20px}
.datewrap input[type="text"]{float:left;width:calc(100% - 27px);height:100%;border:0}
.datewrap button.calendar{margin-right:5px}

/* email */
.emailwrap{display:flex;align-items:center}
.emailwrap span{width:100%;height:34px}
.emailwrap span:not(:first-of-type){margin-left:20px}
.emailwrap span:not(:first-of-type)::before{content:'@';width:10px;float:left;line-height:34px;color:#767676;text-align:center;padding:0 5px;margin-left:-20px}
.emailwrap select{margin-left:10px}

/* tel */
.telwrap{display:flex;align-items:center}
.telwrap span{width:100%;height:34px}
.telwrap span:not(:first-of-type){margin-left:20px}
.telwrap span:not(:first-of-type)::before{content:'-';width:10px;float:left;line-height:34px;font-family:serif;color:#767676;text-align:center;padding:0 5px;margin-left:-20px}

/* button_style */
a{color:inherit}
button.btn{height:34px;padding:0 10px;background:#fff;border-radius:5px;}
button.btn:disabled{opacity:0.3;cursor:default}
button.btn.ty1{color:#fff;background:#845EC2;}
button.btn.ty1.bold{color:#fff;background:#845EC2;font-weight: 500;}
button.btn.ty2{color:#845EC2;background:#fff;border:1px solid #845EC2;}
button.btn.ty3{color:#fff;background:#008E83;font-weight: 500;}
button.btn.ty4{color:#fff;background:#868686;font-weight:500;}
button.btn.ty5{color:#008E83;background:#EFF8F7;border:1px solid #78C3BD;font-weight:500;padding: 0 15px;}
button.btn.ty5:disabled{opacity:1;background:#dfdfdf}
button.btn.ty6{color:#fff;background:#4B4453}
button.btn.ty7{color:#388293;padding:0 10px;border:1px solid #73afbd;background:#ddedf1}
button.btn.ty8{padding:0 30px 0 0;background:url(/resources/images/web/ico_show2.png) no-repeat right center;background-size:20px 20px}
button.btn.ty8.show{background:url(/resources/images/web/ico_hide.png) no-repeat right center;background-size:20px 20px}
.btnset{display:flex;align-items:center;margin-left:auto;}
.btnset button,
.btnset a{margin-left:5px;padding:0 20px;font-weight:500;}
.btnset span.total{font-size:13px;font-weight:700;color:#4B4453;margin-right:10px}
.btnset.tab{display:none;}
.btnset.current.tab{display:block;}
.tab-btnset{display:flex;justify-content:space-between;}
button.more{width:22px;height:22px;text-indent:-9999em;background:url(/resources/images/web/ico_more.svg) no-repeat left center;background-size:22px 22px}
button.download{width:20px;height:20px;text-indent:-9999em;background:url(/resources/images/web/ico_download.png) no-repeat left center;background-size:20px 20px}
button.delete{width:20px;height:20px;text-indent:-9999em;margin-left:10px;background:url(/resources/images/web/ico_delete.svg) no-repeat left center;background-size:20px 20px}
button.calendar{width:22px;height:22px;text-indent:-9999em;background:url(/resources/images/web/ico_calendar.svg) no-repeat left center;background-size:22px 22px}
button.zoomin{width:48px;height:48px;text-indent:-9999em;background:url(/resources/images/web/ico_zoomin.png) no-repeat center center;background-size:48px 48px}
button.zoomout{width:48px;height:48px;text-indent:-9999em;background:url(/resources/images/web/ico_zoomout.png) no-repeat center center;background-size:48px 48px}
button.map{width:20px;height:24px;text-indent:-9999em;background:url(/resources/images/web/ico_map.svg) no-repeat center center;background-size:20px 24px}
button.save{width:24px;height:24px;text-indent:-9999em;background:url(/resources/images/web/ico_save.svg) no-repeat center center;background-size:24px 24px}

/* float */
.f_l{float:left !important}
.f_r{float:right !important}

/* align */
.txt_l{text-align:left !important}
.txt_r{text-align:right !important}
.txt_c{text-align:center !important}

/* button_align */
.btn_left{clear:both;text-align:left}
.btn_right{clear:both;text-align:right}
.btn_center{clear:both;text-align:center}

/* modal */
.modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(0, 0, 0, 0.40);z-index:4}
/*----- modal-popup */
.modal.type-popup .m-content{min-width:300px;background:#fff;overflow:hidden;max-width:650px;}
.modal.type-popup .m-header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 20px;background:#845EC2}
.modal.type-popup .m-header h2{font-size:15px;font-weight:700;color:#fff}
.modal.type-popup .m-header button.close{width:20px;height:20px;text-indent:-9999em;background:url(/resources/images/web/ico_m_close.svg) no-repeat center center}
.modal.type-popup .m-body{width:100%;padding:30px 20px;height:300px;overflow-y:auto;}
.modal.type-popup .m-body>div{word-break:break-word;}
.modal.type-popup .m-footer{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#efefef;height:45px;font-size:13px;}
.modal.type-popup .m-body .tit{color:#222;font-size:15px;font-weight:600;padding-bottom:18px;border-bottom: 1px solid #eaeaea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;}
.modal.type-popup .m-body .text{padding:20px 0 30px 0;}
.modal.type-popup .m-footer button{border-radius:5px;padding:3px 8px;color:#fff;font-weight:500;background:#868686;}
.modal.type-popup .m-footer button.prev, .modal.type-popup .m-footer button.next{font-size:13px;height: 27px;line-height:27px;padding:0 8px;}
.modal.type-popup .m-footer > div {color:#4B4453;display:flex;gap:10px;}
.modal.type-popup .m-footer > div > div {display:flex;align-items:center;font-weight:500;}
.modal.type-popup .m-footer > div > div span{color:#845EC2;}

/* ========== C O N T E N T ========== */
/* skip */
.skipnavi a{position:absolute;top:-30px;z-index:10000}
.skipnavi a:focus,
.skipnavi a:active{display:block;left:0;top:0;width:100%;height:30px;color:#fff;font-weight:700;text-align:center;line-height:30px;background:#000}

/* container */
.bodyin{display:flex;flex-direction:column;height:100%;background:#fff}
.loginin{display:flex;align-items:center;justify-content:center;height:100%;background:#fff;flex-direction:column;}

/* login */
.login{display:flex;width:100%;height:100%;}
.login .left{width:670px;display:flex;justify-content:center;align-items:center;height:calc(100% - 100px);}
.login .left fieldset{display:flex;width:380px;flex-direction:column;}
.login .right{flex:1;height:calc(100% - 100px);background-color:#F7F6F9;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.login .right p{font-size:26px;color:#363636;text-align:center;}
.login .right p span{font-weight:600;color:#222;}
.login .right .bg-img{display:block;width:560px;height:302px;background:url(/resources/images/web/login_bg.svg)no-repeat center center;background-size:560px 302px;margin-top:80px;}
.login h1{width:100%;height:40px;text-indent:-9999em;background:url(/resources/images/web/bi_login.svg) no-repeat center center;background-size:293px 40px}
.login .write{display:flex;gap:15px;flex-direction:column;margin-top:30px;}
.login input[type="text"],
.login input[type="password"],
.login input[type="email"]{height:50px;font-size:16px;font-weight:500;border-radius:5px;border:solid 1px rgba(132, 94, 194, 0.20);background-color:#F7F6F9;padding-left:42px;}
.login input[type="text"]::-webkit-input-placeholder,
.login input[type="password"]::-webkit-input-placeholder,
.login input[type="email"]::-webkit-input-placeholder{font-size:16px;font-weight:400;}
.login input[type="text"]:-ms-input-placeholder,
.login input[type="password"]:-ms-input-placeholder,
.login input[type="email"]:-ms-input-placeholder{font-size:16px;font-weight:400;}

.login .write span{position:relative;}
.login .write span::after{position:absolute;content:'';width:26px;height:26px;top:50%;transform:translateY(-50%);left:11px;}
.login .write span:first-child:after{background: url(/resources/images/web/ic_login_id.svg)no-repeat center center;background-size:26px 26px;}
.login .write span:nth-child(2):after{background: url(/resources/images/web/ic_login_pw.svg)no-repeat center center;background-size:26px 26px;}
.login .write span:last-child:after{background: url(/resources/images/web/ic_login_email.svg)no-repeat center center;background-size:26px 26px;}
.login .opt{display:flex;flex-direction:column;gap:15px;margin-top:15px;}
.login .opt button{width:100%;height:50px;font-size:16px;font-weight:700;color:#fff;border-radius:5px;background:#845EC2;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);}
.login .opt > div{display:flex;justify-content:center;align-items:center;}
.login .opt > div a{font-size:15px;font-weight:500;color:#686868;margin-right:10px;}
.login .opt > div a:last-child{position:relative;}
.login .opt > div a:last-child::after{position:absolute;content:'';width:1px;height:13px;background:#D9D9D9;top:50%;transform: translateY(-50%);left:-10px;}
.login .opt > div a:last-child{margin-left:10px;margin-right:0;}
.loginin footer{position:fixed;bottom:0;left:0;height:100px;width:100%;}

/* header */
header{position:fixed;width:100%;height:90px;background:#fff;z-index:4;}
header>.inner{position:absolute;top:0;left:0;width:100%;height:90px;background:#fff;border-bottom:1px solid #d4d4d4;}
header>.inner.on{height:auto;background:#fff;position:relative;box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);border-bottom:none;}
header>.inner.on::after{position:absolute;content:'';width:100%;height:1px;background:#845EC2;top:90px;left:0;z-index:4;}
header>.inner>.wrap{display:flex;justify-content:space-between;}
header h1{margin:0 24px;padding-top:28px;}
header h1 a{display:inline-block;width:249px;height:34px;text-indent:-9999em;background:url(/resources/images/web/bi.svg) no-repeat left center;background-size:249px 34px}
header nav.lnb{flex:1}
nav.lnb .depth1{display:flex;justify-content:flex-end;padding-right:30px;}
nav.lnb .depth1>li{position:relative}
nav.lnb .depth1>li>span{display:block;width:160px;height:90px}
nav.lnb .depth1>li>span a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:17px;font-weight:500;color:#222;}
nav.lnb .depth1>li:hover>span a, nav.lnb .depth1>li>span a.on{color:#E85454;font-weight:600;}
nav.lnb .depth2{display:none;height:calc(100% - 90px);padding:15px 5%;border-right:1px solid #eaeaea;background:#EDEBF5;text-align:center;position:relative;z-index:4;}
nav.lnb .depth1>li .depth2{background:#fff;}
nav.lnb .depth1>li:hover .depth2{background:#F7F6F9}
nav.lnb .depth1>li:first-child .depth2{border-left:1px solid #ededed}
nav.lnb .depth2.on{display:block}
nav.lnb .depth2>ul>li:not(:first-child){margin-top:7px}
nav.lnb .depth2>ul>li>a{display:inline-block;font-size:14px;color:#4B4453;padding:2px 10px}
nav.lnb .depth2>ul>li>a:hover,
nav.lnb .depth2>ul>li>a.on,
nav.lnb .depth2>ul>li:hover>a{color:#fff;background:#008E83}
nav.lnb .depth2:before{content:"";display:block;position:absolute;top:0;left:-11px;margin-left:-990px;width: 1000px;height:100%;background:#EDEBF5 url(/resources/images/web/img_nav.svg) no-repeat left 95% bottom -1px;z-index:3;border-bottom:none;}
nav.lnb .depth1 li:nth-child(2) .depth2:before, nav.lnb .depth1 li:nth-child(3) .depth2:before, nav.lnb .depth1 li:nth-child(4) .depth2:before, nav.lnb .depth1 li:nth-child(5) .depth2:before, nav.lnb .depth1 li:nth-child(6) .depth2:before{content:none;}
header .gnb{color:#4B4453;margin-top:25px;}
header .gnb span{display:block;padding:10px 31px 10px 28px;background-image:url(/resources/images/web/ico_user.svg), url(/resources/images/web/ico_down.svg);background-repeat:no-repeat;background-position:left center, right center;background-size:24px 24px, 24px 24px;cursor:pointer;margin-right:20px;}
header .gnb ul{position: absolute;right: 20px;width: 114px;display:none;flex-direction:column;align-items:center;border-radius: 5px;color: #fff;z-index:10;}
header .gnb ul li{height:50px;background:#845ec2;width:100%;display:flex;justify-content:center;line-height:50px;}
header .gnb ul li:hover{background:#714fa7;}
header .gnb ul li:first-child{border-radius: 5px 5px 0 0;border-bottom:1px solid  rgba(255, 255, 255, 0.30);}
header .gnb ul li:last-child{border-radius: 0 0 5px 5px;} 
header .gnb ul.on{display:flex;right:20px;top:70px;}
header>.inner.on .gnb ul.on{top:70px;}

/* footer */
footer{min-height:100px;margin-top:auto;background:#646464;position:relative;}
footer .inner{display:flex;align-items:center;min-width:1500px;padding:0 20px;height:100%;}
footer span.moe{display:inline-block;width:100px;height:39px;text-indent:-9999em;margin-right:40px;background:url(/resources/images/web/ci_moe_foot.svg) no-repeat left center;background-size:100px 39px}
footer .inner>div{flex:1;font-style:normal;margin-right:20px;font-size:14px;color:#fff;display:flex;letter-spacing:0;flex-direction:column;}
footer .inner>div>div{display:flex;gap:15px;}
footer .terms{position:relative;margin-left:15px;}
footer .terms:before{position:absolute;content:'';width:1px;height:10px;background: rgba(217, 217, 217, 0.50);top:50%;transform:translateY(-50%);left:-15px;}
footer .terms a{color:#02E1BB;font-weight:600;}
footer .copyright{font-size:13px;letter-spacing:0;margin-top:5px}
footer select{width:210px;background: rgba(255, 255, 255, 0.20) url(/resources/images/web/ico_show.svg) no-repeat right 10px center;border-radius:5px;color:#fff;border:none;font-weight:500;}

/* content */
.dimmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:2}
.container{padding-top:90px;background:#fff;z-index:1}
.container .inner{min-width:1500px;height:100%;padding:0 5%;}

/* main */
.container .main{padding:30px 24px;background:#F7F4F2;}
.main .box{padding:32px 40px;border-radius:10px;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);background:#fff;border:1px solid #D4D4D4}
.main .box .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.main .box.search{padding:18px 40px;}
.main .box h2{font-weight:700}
.main .box h2.ty1{color:#845EC2;font-size:18px;}
.main .box h2.ty2{color:#4B4453;font-size:17px;position:relative;padding-left:31px;}
.main .box.notice .ty2:before{position:absolute;content:'';width:26px;height:26px;background:url(/resources/images/web/ic_main_tit01.svg)no-repeat center;top:50%;transform: translateY(-50%);left:0;}
.main .box.infolist .ty2:before{position:absolute;content:'';width:26px;height:26px;background:url(/resources/images/web/ic_main_tit02.svg)no-repeat center;top:50%;transform: translateY(-50%);left:0;}
.main .box.sale .ty2:before{position:absolute;content:'';width:26px;height:26px;background:url(/resources/images/web/ic_main_tit03.svg)no-repeat center;top:50%;transform: translateY(-50%);left:0;}
.main .box.stats .ty2:before{position:absolute;content:'';width:26px;height:26px;background:url(/resources/images/web/ic_main_tit04.svg)no-repeat center;top:50%;transform: translateY(-50%);left:0;}
.main .box.stats .ty2.tb.state:before{content:none;}
.main .box .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{margin:0}
.main .wrap::after{content:'';display:block;clear:both}
.main .wrap{margin-top:30px}
.main .wrap>.box{width:calc(50% - 15px)}
.main .search-wrap p{font-weight:500;margin-top:5px;}
.main .search{display:flex;align-items:center;justify-content:space-between;}
.main .search > div:last-child{float:left;width:500px;height:40px;border:1px solid #845EC2;border-radius:5px;position:relative;display:flex;align-items:center;}
.main .search input[type="text"]{border:0;}
.main .search input[type="text"]::-webkit-input-placeholder{font-size:15px;}
.main .search input[type="text"]:-ms-input-placeholder{font-size:15px;}
.main .search button{position:absolute;padding:0 15px;height:38px;width:40px;background:#845EC2 url(/resources/images/web/ic_search.svg)no-repeat center center;background-size:20px 20px;top:0;right:0;text-indent:-9999em;border-radius:0 3px 3px 0;}
.main .banner{height:60px;padding:5px 0;margin-top:30px;border:1px solid #d4d4d4;background:#fff;border-radius:10px;}
.main .bn_list{padding:0 54px}
.main .bn_list .slick-slide{text-align:center}
.main .bn_list .slick-slide:focus{outline:none}
.main .bn_list a{display:inline-block;height:50px;text-indent:-9999em;width:250px;background-size:250px 50px}
.main .bn_list a.bn1{background:url(/resources/images/site/banner1.svg) no-repeat center center;}
.main .bn_list a.bn2{background:url(/resources/images/site/banner2.svg) no-repeat center center;}
.main .bn_list a.bn3{background:url(/resources/images/site/banner3.svg) no-repeat center center;}
.main .bn_list a.bn4{background:url(/resources/images/site/banner4.svg) no-repeat center center;}
.main .list {height:275px;overflow-y:auto}
.main .list li{border-bottom:1px solid #eaeaea;padding-bottom:10px;padding-top:10px;}
.main .list li:last-child{border-bottom:0;}
.main .list li span.date{display:inline-block;font-size:15px;color:#868686;padding-left:21px;background:url(/resources/images/web/ic_main_cal.svg) no-repeat left center;background-size:18px 18px;font-weight:500;}
.main .list li p{font-size:16px;margin-top:3px;font-weight:500;}
.main .list li span.new{display:inline-block;width:18px;height:18px;text-indent:-9999em;margin-right:5px;background:url(/resources/images/web/ico_new.svg) no-repeat left center;background-size:18px 18px;line-height:18px;}
.main .list li a:hover{color:#222;text-decoration:underline}

/* slick_custom */
.slick-prev,
.slick-next{position:absolute;top:50%;display:block;width:24px;height:24px;text-indent:-9999em;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.slick-prev{left:15px;background:url(/resources/images/web/ico_prev1.svg) no-repeat left center;background-size:30px 30px}
.slick-next{right:15px;background:url(/resources/images/web/ico_next1.svg) no-repeat left center;background-size:30px 30px}

/* main-stats */
.main .stats .data{height:275px;overflow-y:visible;}
.main .stats .data .mCSB_dragger{height:137px !important;}
.main .stats .tap-wrap{position:relative;height:100%;}
.main .stats .tab-data{height: calc(100% - 35px);}
.main .stats .tab-data > div{height: 100%;}
.main .stats .tab-data .option{position:absolute;top:0;height:35px;}
.main .stats .maintab{position:relative;display:flex;align-items:center;}
.main .stats .maintab div{margin-right:auto;display:flex;gap:7px;height:35px;}
.main .stats .maintab ul{margin-left:auto;height:35px;border:1px solid #D9D9D9;display:flex;align-items:center;border-radius:5px;}
.main .stats .maintab ul li{width:56px;text-align:center;padding: 0 2px;}
.main .stats .maintab ul li a{display:inline-block;padding:4px 7px;border-radius:5px;background:#fff;width:100%;font-weight:600;}
.main .stats .maintab ul li a.active{background:#845EC2;color:#fff;}
.main .stats .maintab .tab-content{display:none;}
.main .stats .maintab .tab-content.on{display:block;}
.main .stats select{width:100px;height:100%;border-radius:5px;}
.main .stats .data .chart{height:100%;background:#fff;z-index:1;padding-top:10px;}
.main .stats .data .table{height:100%;background:#fff;z-index:1;padding-top:10px;}


/* sub */
.container .sub{padding:0}
.container .navigation{height:40px;padding:0 24px;border-bottom:1px solid #d4d4d4;background:#f3f3f3;}
.container .navigation .wrap{display:flex;align-items:center}
.container .navigation a.home{display:inline-block;width:16px;height:16px;text-indent:-9999em;background:url(/resources/images/web/ico_home.svg) no-repeat left center;background-size:16px 16px}
.container .navigation span{font-weight:500;line-height:40px;color:#4B4453;position:relative;padding-left:5px;}
.container .navigation span::before{content:'';float:left;width:16px;height:40px;background:url(/resources/images/web/ico_section.svg) no-repeat left center;background-size:16px 16px}
.container .navigation span:last-of-type::after{background:none}
.container .content{padding:30px 24px 50px 24px}
.container .content .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.container .content .title h2{font-size:20px;font-weight:700;color:#845EC2}
.container .content .title h3{float:left;font-size:16px;font-weight:bold;color:#845EC2}
.container .content .title h3 em{font-size:16px;font-weight:bold;color: #4B4453;}
.container .content .subtitle{height:30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.container .content .subtitle:not(:first-of-type){margin-top:20px}
.container .content .title + .subtitle{margin-top:0}
.container .content .subtitle h3{font-size:16px;font-weight:700;padding-left:10px;background:url(/resources/images/web/ico_bullet.svg) no-repeat left center;background-size:4px 4px}
.container .content .subtitle h3 em{display:inline-block;font-size:13px;font-weight:700;color:#ee6055;margin-left:10px}
.container .content .formtabletop{display:flex;align-items:center;justify-content:flex-end;margin:10px 0}

/* tabs */
.tabtop{height:34px;display:flex;justify-content:space-between;border-bottom:1px solid #dfdfdf;margin-top:20px;}
.tabtop .btnset{align-items:flex-start;padding-top:3px}
.tabtop .btnset span.selectbtn{position:relative}
.tabtop .btnset span.selectbtn button:hover + ul{display:block}
.tabtop .btnset ul.selectbtnlist{display:none;position:absolute;top:26px;left:5px;width:calc(100% - 5px);padding:10px 0;border-radius:0 0 5px 5px;background:#959595}
.tabtop .btnset ul.selectbtnlist:hover{display:block}
.tabtop .btnset ul.selectbtnlist li{text-align:center;color:#fff}
.tabtop .btnset ul.selectbtnlist li a{display:inline-block;margin-left:0;padding:2px 10px}
ul.tabs{display:flex;height:100%}
ul.tabs li{display:flex;align-items:center;height:34px;font-weight:500;padding:0 20px;border:1px solid #d4d4d4;background:#f5f5f5;cursor:pointer;color:#686868;border-radius:10px 10px 0 0;}
ul.tabs li.current{color:#fff;background:#845EC2;border:none;}
.tabcontent{display:none;padding:10px 0;border-top:none;background:#fff}
.tabcontent.current{display:inherit}
.tabcontent .map{width:100%;height:calc(60vh - 120px);background:#dfdfdf}
.tabcontent .btnset{justify-content:flex-end;margin-bottom:10px;}
#tab-2 .detail{display:none;}
#tab-2 .detail.on{display:block;}

.tabtop2{height:34px;display:flex;justify-content:space-between;border-bottom:1px solid #dfdfdf;}
ul.tabs2{display:flex;height:100%}
ul.tabs2 li{display:flex;align-items:center;height:34px;font-weight:500;padding:0 20px;border:1px solid #d4d4d4;background:#f5f5f5;cursor:pointer;color:#686868;border-radius:10px 10px 0 0;}
ul.tabs2 li.current{color:#fff;background:#845EC2;border:none;}
.tabcontent2{display:none;padding:10px 0;border-top:none;background:#fff}
.tabcontent2.current{display:inherit}

/* search */
.searchwrap{padding:18px 25px;margin: 10px 0 24px 0;border-radius:10px;background:#F7F6F9}
.searchwrap>div{display:flex;align-items:center;}
.searchwrap>div:not(:last-child){border-bottom:1px solid #D9D9D9}
.searchwrap select{width:auto;margin-right:5px;color:#4B4453}
.searchwrap select>option{color:#4B4453}
.searchwrap .period{display:flex;align-items:center;margin-right:5px}
.searchwrap .period span:not(:first-of-type)::before{content:'-';width:10px;float:left;line-height:30px;font-family:serif;color:#767676;text-align:center;padding:0 5px}
.searchwrap .period select{margin:0}
.searchwrap .datewrap{margin-right:5px}
.searchwrap .multiple-select{margin:0 5px 0 0}
.searchwrap .opt1>button{margin:0 5px}
.searchwrap .opt1.bottom{padding:10px 0 0 0;}
.searchwrap .opt2{display:none}
.searchwrap .opt2.show{display:flex;padding: 0 0 10px 0;}

/* input text + button */
.schtype1{display:flex;align-items:center}
.schtype1 input[type="text"]{width:400px}
.schtype1 button.btn{margin-left:5px;font-weight:600;}
.datewrap input[type="text"]{width:auto}

/* table */
.tabletop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.tabletop span.total{font-size:13px;font-weight:700;color:#4B4453;margin-right:10px}
.tabletop select{width:auto;color:#4B4453}
.tabletop select > option{color:#4B4453}
.tabletop .btnset span.progress{position:relative}
.tabletop .btnset span.progress button:hover + ul{display:block}
.tabletop .btnset ul.progresstype{display:none;position:absolute;top:34px;left:5px;width:calc(100% - 5px);border-radius:0 0 5px 5px;background:#845EC2}
.tabletop .btnset ul.progresstype:hover{display:block}
.tabletop .btnset ul.progresstype li{text-align:center;color:#fff;border-bottom: 1px solid rgb(255 255 255 / 30%);}
.tabletop .btnset ul.progresstype li:first-child{border-top: 1px solid rgb(255 255 255 / 30%);position:relative;}
.tabletop .btnset ul.progresstype li:first-child:before{position:absolute;content:'';width:100%;height:4px;top:-5px;left:0;background:#845EC2;}
.tabletop .btnset ul.progresstype li a{display:inline-block;margin-left:0;padding: 7px 10px;}
.tabletop .btnset ul.progresstype li:hover {background:#6e4fa1;} /* 241101 추가 */
.tabletop .other{display:flex;align-items:center;}
.tabletop .other select{margin-right:5px;}

.pagination{display:flex;align-items:center;justify-content:center;margin-top:45px}
.pagination a{display:inline-block;width:24px;height:24px;text-align:center;color:#4B4453;font-weight:500;line-height:24px;margin:0 5px}
.pagination a.onpage{border-radius:5px;color:#fff;background:#008E83}
.pagination .first{width:26px;height:26px;padding:0;margin:0 5px 0 0;text-indent:-9999em;background:url(/resources/images/web/ico_first.svg) no-repeat left center;background-size:26px 26px}
.pagination .prev{width:26px;height:26px;padding:0;margin:0 10px 0 0;text-indent:-9999em;background:url(/resources/images/web/ico_prev.svg) no-repeat left center;background-size:26px 26px}
.pagination .next{width:26px;height:26px;padding:0;margin:0 0 0 10px;text-indent:-9999em;background:url(/resources/images/web/ico_next.svg) no-repeat left center;background-size:26px 26px}
.pagination .last{width:26px;height:26px;padding:0;margin:0 0 0 5px;text-indent:-9999em;background:url(/resources/images/web/ico_last.svg) no-repeat left center;background-size:26px 26px}

table select{width:170px;}
table select + select{margin-left:5px;}
table select + button{margin-left:5px;}
table + table:not(:first-child){margin-top:30px;}
table input[type="checkbox"]:not(old){width:16px;height:16px;}
table input[type="checkbox"]:not(old) + label, table input[type="checkbox"]:not(old):checked + label{background-size:16px 16px;}
table span.nolabel input[type="checkbox"] + label{margin-left:-16px;}

table.ty1{width:100%;}
table.ty1 thead th{font-weight:600;color:#fff;padding:10px;border-left:1px solid #DFDFDF;background:#845EC2}
table.ty1 tbody td{text-align:center;padding:10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;;word-wrap:break-word;word-break:break-all}
table.ty1 thead th:first-child,
table.ty1 tbody td:first-child{border-left:none}
table.ty1.link tr:hover td{color:#4B4453;background:#EDF7F6;cursor:pointer;}

table.ty2{width:100%;border-top:1px solid #845EC2}
table.ty2 thead th{font-weight:600;color:#4B4453;padding:10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#F7F6F9;}
table.ty2 tbody th,
table.ty2 tbody td,
table.ty2 tfoot th,
table.ty2 tfoot td{text-align:center;padding:5px 20px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#fff;word-wrap:break-word;word-break:break-all}
table.ty2 tbody th{background:#EDF6F5;font-weight:600;}
table.ty2 tbody th:first-child{border-left:0;}
table.ty2 tbody tr.on td,
table.ty2 tbody tr.on:hover td{color:#ee6055;background:#fff5f4}
table.ty2.link tr:hover td{color:#4B4453;background:#EDF7F6;cursor:pointer}
table.ty2 tfoot th, table.ty2 tfoot td{font-weight:600;}
table.ty2 tfoot tr.sum th,
table.ty2 tfoot tr.sum td{font-weight:700}
table.ty2 tbody tr.ing:hover td{background:#EDF7F6;cursor:pointer}
table.ty2 tbody tr.close td{color:#ccc}
table.ty2 thead th:first-child, table.ty2 thead td:first-child, table.ty2 tbody td:first-child, table.ty2 tfoot th:first-child,table.ty2 tfoot td:first-child{border-left:0;}
table.ty2 button.ty3{height:30px;}
table.ty2.state thead th, table.ty2.state tbody th, table.ty2.state tbody td, table.ty2.state tfoot th, table.ty2.state tfoot td{padding:10px 7px;}
table.ty2.state thead th:first-child{border-left:0;}
table.ty2.state thead th{border-left:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF}
table.ty2.state tbody td:nth-child(2){border-left:1px solid #BFBFBF}
table.ty2.state tbody tr:last-child th{border-bottom:1px solid #BFBFBF}
table.ty2.state tbody tr:last-child td{border-bottom:1px solid #BFBFBF}
table.ty2 .textWrap {white-space: nowrap;}

table.ty3{table-layout:fixed;width:100%;border-top:2px solid #845EC2}
table.ty3 tbody th{font-weight:700;color:#4B4453;padding:10px;border-bottom:1px solid #dfdfdf;background:#F7F6F9}
table.ty3 tbody td{padding:7px 20px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#fff;word-wrap:break-word;word-break:break-all}
table.ty3 tbody td em.unit{display:inline-block;margin-left:5px}
table.ty3 tbody td a{color:#008E83;text-decoration:underline;}
table.ty3 tbody th:not(:first-of-type){border-left:1px solid #dfdfdf;}

table.ty3 table.intb{width:100%;border-top:1px solid #00C9A7;margin:5px 0}
table.ty3 table.intb thead th{font-weight:600;color:#008E83;padding:5px 10px;border-left:1px solid #dfdfdf;background:#EDF6F5}
table.ty3 table.intb tbody td{text-align:center;padding:5px 10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#fff;word-wrap:break-word;word-break:break-all}
table.ty3 table.intb thead th:first-child, table.ty3 table.intb tbody td:first-child{border-left:none;}

table.screencompare{table-layout:fixed;width:100%;margin-bottom:20px;border:1px solid #dfdfdf;border-top:2px solid #00677f}
table.screencompare thead th{font-weight:500;color:#4B4453;padding:10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#f8f8f8}
table.screencompare tbody td{padding:10px;vertical-align:top;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#fff;word-wrap:break-word;word-break:break-all}
table.screencompare figure{position:relative}
table.screencompare figure button.zoomin{position:absolute;top:0;right:0;z-index:2}
table.screencompare figure img{width:100%;z-index:1}

.required::before{content:'*';display:inline-block;font-size:13px;font-weight:700;color:#ee6055;margin-right:5px}

/* popup */
body.popup{min-width:auto;}
header.popup{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 20px;background:#845EC2}
header.popup h1{font-size:15px;color:#fff;padding-top:0;margin:0;font-weight:700;}
header.popup button{width:20px;height:20px;text-indent:-9999em;background:url(/resources/images/web/ico_close.svg) no-repeat left center;background-size:20px 20px}

.popwrap{padding:70px 30px 30px 30px;background:#fff;z-index:1}
.popwrap h2{font-size:16px;font-weight:bold;color:#845ec2;padding-left:10px;background:url(/resources/images/web/bullet1.png) no-repeat left center;background-size:4px 4px}
.popwrap .cmt1{font-weight:500;color:#008E83;}
.popwrap .cmt2{font-size:13px;margin-top:20px;line-height:150%}
.popwrap .cmt3{font-size:13px;margin-top:10px;line-height:150%}
.popwrap .cmt3 li::before{content:'-';display:inline-block;clear:both;margin-right:7px}
.popwrap .schtype1 input[type="text"]{width:auto}
.popwrap .schtype1 button.btn{width:65px;padding:0}
/* .popwrap .tabletop{justify-content:flex-end} */
.popwrap .searchwrap .schtype1.mt10{margin-top:10px}
.popwrap .searchwrap .schtype1.pb10{padding-bottom:10px}

.popwrap2{padding:20px 30px;background:#fff;z-index:1}
.popwrap2 .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.popwrap2 .title:not(:first-of-type){margin-top:20px}
.popwrap2 .title h1{font-size:16px;font-weight:700;padding-left:10px;background:url(/resources/images/web/bullet1.png) no-repeat left center;background-size:4px 4px}
.popwrap2 .btn_center{margin-top:20px}

.popwrap3{padding:70px 30px 30px 30px;background:#fff;z-index:1;height:100%;}
.popwrap3 .popcon{height:100%;}

.flexpop{display:none;position:fixed;width:100%;height:100%;left:0;top:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(0, 0, 0, 0.7);z-index:3}

.screenzoom figure{position:relative}
.screenzoom figure button.zoomout{position:absolute;top:0;right:0;z-index:2}
.screenzoom figure img{max-width:100vw;max-height:100vh;z-index:1}

.infosearch .inner{padding:20px;margin-top:20px;background:#f6f6f6;border-radius:10px;}
.infosearch .inner div{display:flex;align-items:center}
.infosearch .inner div:not(:first-of-type){margin-top:10px}
.infosearch label{width:140px;font-weight:700;color:#4B4453}
.infosearch .btn_center{margin-top:15px}
.infosearch .btn_center button{height:30px;color:#fff;padding:0 20px;border-radius:5px;background:#845EC2;font-weight:600;}

/* privacy */
.privacy{padding:20px;margin-top:10px;border:1px solid #00677f;background:#fff}
.privacy.deactive{display: none;}
.privacy h3{font-size:18px;font-weight:700;text-align:center;margin:15px 0 30px 0}
.privacy p{font-weight:700;margin-bottom:10px}
.privacy ul>li{font-weight:500;color:#00677f;margin-bottom:10px}
.privacy ul>li>ul{margin-left:15px}
.privacy ul>li>ul>li{font-weight:400;color:#767676;margin-bottom:0}
.privacy ul>li>ul>li span.underline{text-decoration:underline;}
.privacy .agree{display:flex;justify-content:center;margin-top:30px}
.privacy .agree label{font-weight:700}

/* privacy2 */
.privacy2 .box{padding:15px;border:1px solid #DFDFDF}
.privacy2 h2{font-size:16px;font-weight:700;color:#008E83;padding-left:0;margin-top:25px;background:none}
.privacy2 ol{list-style:decimal outside none;margin-left:1em}
.privacy2>ol,
.privacy2>ul{margin-top:10px}
.privacy2 ol li:not(:first-child){margin-top:5px}
.privacy2 ol li table{margin-top:10px}
.privacy2 ol li .box{margin-top:10px;background:#f2f2f2}
.privacy2 ol li .box>p{margin-bottom:10px}
.privacy2 ul li table{margin-top:10px;margin-left:1em}
.privacy2 ul li p{margin-left:1.3em}
.privacy2 ul li ul{margin-left:1em}
.privacy2 table.ty1 thead th{text-align:center;padding:5px}
.privacy2 table.ty1 tbody td{padding:5px}
.privacy2 .link{margin-top:10px}
.privacy2 .link span{display:block;margin-top:10px}
.privacy2 .link a{color:#3882cc;text-decoration:underline}
.privacy2 .link select{width:250px}
.privacy2 .ty2 th{font-weight:500;text-align:center;}

/* multi component */
.multiwrap1{display:flex;align-items:center}
.multiwrap1 input[type="text"]{width:calc(100% - 55px)}
.multiwrap1 button.btn{width:50px;margin-left:5px}

.multiwrap2{display:flex;align-items:center}
.multiwrap2 span.etc{flex:1;margin-left:10px}

.multiwrap3{display:flex;align-items:center}
.multiwrap3 select:not(:first-of-type){margin-left:10px}

.multiwrap4{display:flex;align-items:center}
.multiwrap4 input[type="text"]{width:50px;margin-right:5px;text-align:center}

.multiwrap5{display:flex;align-items:center}
.multiwrap5 div,
.multiwrap5 select{width:100%;margin-right:10px}
.multiwrap5 select:last-child{margin-right:0}

.multiwrap6{display:flex;align-items:center;gap:10px;justify-content:space-between;}
.multiwrap6 input[type="text"]{flex:1;}

.multiwrap7{display:flex;align-items:center}
.multiwrap7 div,
.multiwrap7 select{width:22%;margin-left:5px}

/* stats */
.perbar{position:relative;height:25px;line-height:25px;color:#fff;font-size:12px;font-weight:700;background:rgba(0, 0, 0, 0.1)}
.perbar div{width:0;height:100%;background:#008E83;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}
.perbar span{display:block;height:100%;text-align:center}

/* edu */
.edutag1{display:inline-block;width:65px;padding:1px 0 2px 0;font-size:13px;color:#ee6055;text-align:center;border:1px solid #ee6055;background:#fff}
.edutag2{display:inline-block;width:65px;padding:1px 0 2px 0;font-size:13px;color:#fff;text-align:center;background:#dfdfdf}
.eduinfo{display:inline-flex;align-items:center;margin-top:20px;padding:16px;border:1px solid #00677f;background:#fff}
.eduinfo span{font-weight:700;color:#000;padding-left:28px;margin-right:16px;background:url(/resources/images/web/ico_contact.png) no-repeat left center;background-size:20px 18px}
.eduinfo ul li{padding-left:8px;background:url(/resources/images/web/bullet1.png) no-repeat left center;background-size:4px 4px}
.cmt{margin-top:10px}
.statusdetail{margin-top:30px}
.statusdetail .pagination{margin-top:15px}
.statusdetail table.ty2 thead th{white-space:nowrap}
.statusdetail table.ty2 tbody td{white-space:nowrap}
.statusdetail table.ty2 tbody td select{min-width:100px}

/* btn-top */
.btn-top{display:none;position:absolute;top:-1.2rem;right:20px;z-index:3}
.btn-top span{display:block;width:2.5rem;height:2.5rem;text-indent:-9999em;border-radius:100%;background:#00C9A7 url(/resources/images/web/ico-top.svg) no-repeat center center;filter:drop-shadow(0 0.5rem 1rem rgba(0, 0, 0, 0.10))}

/* chart 영역 내 검색조건 관련 */
.graph {top: 20px;left: 20px;right: 20px;height: 550px;background: #fff;}
.graph .option{display: flex;padding: 10px;justify-content: space-between;margin-bottom: 0;}
.graph>.option div:first-child {display: flex;}
.graph>.option div:first-child select {width: auto;margin: 0 5px;color: #37384f;}

/* datepicker */
.datepicker { padding: 4px; border-radius: 4px; direction: ltr; }
.datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; }
.datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: 0; font-weight: bold; }
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}

/*에러 페이지*/
.error_container{display: flex;align-items: center;height: 100%;}
/* 
.error_wrap{width:700px; height:380px; margin:30px auto 30px auto; border:1px solid #d3d3d3; border-radius:15px; font-family:"NanumB","나눔고딕볼드","돋움", dotum, Helvetica; color:#333;}
.error_wrap .bg_mark{margin:50px 0 20px 0; text-align:center;}
.error_wrap .bg_mark span{width:90px; height:90px; display:inline-block; overflow:hidden; background:url(/resources/images/common/bg_admin.png) no-repeat -93px -35px;}
.error_message .text1{margin-bottom:10px; text-align:center; font-size:25px; color:#888;}
.error_message .text2{margin-bottom:15px; text-align:center; font-size:27px;}
.error_message .text3{margin-bottom:30px; font-family:"나눔고딕", "Nanum Gothic"; text-align:center; line-height:1.3; font-size:13px;}
.error_message .text3 .ad_font_s4{font-weight:bold; color:#ee4357;} 적색
.error_wrap .btn_common{box-sizing:border-box;display:inline-block;cursor:pointer;font-family:"나눔고딕", "Nanum Gothic";font-size:12px;}
.error_wrap .btn_tohome{margin-left:322px;}
.error_wrap .btn_ad_style4{height:21px;padding:1px 8px 3px 8px;background-color:#f7f7f7;box-shadow:inset 0px 24px 0px -12px #fff; border:1px solid #aaa; border-radius:3px; color:#333 !important;}
.error_wrap .btn_ad_style4:hover{background-color:#0174b5; box-shadow:inset 0px 24px 0px -12px #007bc1; color:#fff !important;}
 */
.errorwrap {width: 600px; margin:100px auto 100px; padding-top: 130px; text-align: center; background: url('/resources/images/common/bg_error2.gif') no-repeat center 0;}
.errorwrap p.txts {color: #353535; font-size: 25px;margin-bottom: 10px;}
.errorwrap p.txts2 {color: #666; font-size: 20px;}
a.btncomm {display: inline-block; color: #fff !important; font-size: 14px; padding: 1px 20px 3px; text-align: center; border: 1px solid #845EC2; background: #845EC2; border-radius: 3px;margin-bottom: 10px;}

/* toast alert */
.msha_toast_container {top: 110px !important;}
.msha_toast {font-size: 20px;width: 420px !important;justify-content: space-between;}
.msha_toast_icon{margin-left: 0px;margin-top: 15px;}
.msha_toast_contents{width: 330px;white-space: nowrap;}
.msha_toast_close {margin-left: 7px;margin-top: -5px;}

/* 이메일 인증 관련 */
.loginbody .mfp-content{width: 21% !important;}
.loginbody .mfp-content h2{text-align: center;}
.loginbody .popup-wrap{position:relative;margin:20px auto;background-color:#fff;border-radius: 15px;}
.loginbody .popup-wrap .header{line-height: 25px;border-top-left-radius: 13px;border-top-right-radius: 13px;}
.loginbody .popup-wrap .header .tit{color: #fff;padding: 10px 10px 10px 15px;font-size: 20px;font-weight: bolder;}
.loginbody .con-wrap{height:100%;padding: 0;}
.loginbody .con-wrap .inner{padding:0px 10px 10px 10px;}
.loginbody .con-wrap .inner .tit{text-align: center;font-size: 18px;font-weight: bold;white-space: nowrap;color: #767676;}
.loginbody .con-wrap .inner .mt10{margin-top:10px !important;}
.loginbody .con-wrap .inner .mt10 h2{font-weight: bolder;}
.loginbody .con-wrap .inner .mt10 ol{padding:20px 20px 5px 25px; list-style-type: decimal;}
.loginbody .con-wrap .inner .mt10 ol > li{font-size: 20px;padding-left: 10px;}
.loginbody .con-wrap .inner .mt10 ul{padding:10px 20px 5px 25px;text-align: right;}
.loginbody .con-wrap .inner .mt10 ul > li{font-size: 20px;padding: 5px 10px 0 10px;}
.loginbody .con-wrap .inner .mt10 ul > li label::after{content: ':';padding: 0 5px;text-align: center;vertical-align: top;}
.loginbody .con-wrap .inner .mt10 div.cert{display: flex;justify-content: space-between;white-space: nowrap;align-items: center;}
.loginbody .con-wrap .inner .mt10 label::after{content: ':';padding: 0 5px;text-align: center;vertical-align: top;}
.loginbody .con-wrap .inner .mt10 p{font-size: 15px;padding: 5px 0 10px 0;text-align: right;}
.loginbody .con-wrap .inner .mt10 p::before{content: '';padding: 0 5px;text-align: center;vertical-align: top;}
.loginbody .con-wrap .inner .mt10 p.info{text-align: center;padding: 10px 0 20px 0;}
.loginbody .con-wrap .inner .mt10 p a{font-size: 14px;display: inline-block;padding-bottom: 2px;margin-bottom: 1px;margin-left: 7px;border-bottom: 1px solid #767676;color: #767676;}
.loginbody .con-wrap .inner .mt10 span.time{position: absolute;right: 20px;text-align: right;color: red;}
.loginbody .con-wrap .inner .mt10 button.ty1{background: #002b51;width: 100px;height: 40px;font-size: 16px;}
.loginbody .con-wrap .inner .mt10 button.ty2{background: #845EC2;width: 100px;height: 40px;font-size: 16px;}

/* 보안서약서 관련 */
.mfp-content{width: 40% !important;}
.popup-wrap{position:relative;margin:20px auto;background-color:#fff;}
.popup-wrap .header{display: flex;align-items: center;justify-content: space-between;height: 50px;padding: 0 20px;background: #845EC2;}
.popup-wrap .header .tit{color: #fff;padding: 10px 10px 10px 15px;font-size: 25px;font-weight: bolder;}
.con-wrap{padding: 10px 20px;height:100%;}
.con-wrap .inner{padding:0px 10px 10px 10px;}
.con-wrap .inner .mt10{margin-top:10px !important;}
.con-wrap .inner .mt10 h2{font-weight: bolder;word-break: keep-all;}
.con-wrap .inner .mt10 ol{padding:20px 20px 5px 25px; list-style-type: decimal;}
.con-wrap .inner .mt10 ol > li{font-size: 20px;padding-left: 10px;word-break: keep-all;}
.con-wrap .inner .mt10 ul{padding:10px 20px 5px 25px;text-align: right;}
.con-wrap .inner .mt10 ul > li{font-size: 20px;padding: 5px 10px 0 10px;}
.con-wrap .inner .mt10 ul > li label::after{content: ':';padding: 0 5px;text-align: center;vertical-align: top;}
.con-wrap .inner .mt10 p{font-size: 15px;padding: 10px 0 20px 0;}
.con-wrap .inner .mt10 p::before{content: '※';padding: 0 5px;text-align: center;vertical-align: top;}
.con-wrap .inner .mt10 button{height:30px;color:#fff;padding:0 20px;border-radius:5px;background:#845EC2;font-weight:600;width: 100px;height: 40px;font-size: 16px;}

/* 로딩 */
.loading {position: fixed; z-index: 999; width: 100%; height: 100%; left: 0; top: 0;}
.loading img {position:absolute;z-index:1;left:50%;top:50%;margin:-28px 0 0 -28px}
.loading .background {width:100%;height:100%;background:#000;z-index:1;opacity: 0.2;filter: alpha(opacity=20);} 

/* 비밀번호 변경 */
.passwordModify {position: fixed; z-index: 999; width: 100%; height: 100%; left: 0; top: 0;}
.passwordModify img {position:absolute;z-index:1;left:50%;top:50%;margin:-28px 0 0 -28px}
.passwordModify .background {width:100%;height:100%;background:#000;z-index:1;opacity: 0.5;filter: alpha(opacity=20);}

/* 비밀번호 변경 iframe */
#iframe_pwdModify {position: absolute;width: 500px;height: 400px; z-index:1000;}

@media (max-width: 1600px){
    header .gnb ul.on{display:flex;right:20px;}
}

@media(max-width:1589px){
    header .gnb{margin-top:15px;}
}

@media(max-width:1490px){
    header .gnb{white-space:nowrap;margin-top:25px;}
}

/* w1800+ Device */
@media (min-width:1800px){
    /* header */
    header h1{margin:0 24px 0 100px}
    header .gnb{margin-right:80px}
    header .gnb ul{right:100px}
    header .gnb ul.on{right:100px;}
    nav.lnb .depth2:before{background:#EDEBF5 url(/resources/images/web/img_nav.svg) no-repeat left 90% bottom -1px;}

    /* main */
    .container .main{padding:30px 150px}
    
    /* sub */
    .container .navigation{padding:0 150px}
    .container .content{padding:30px 150px 50px 150px}

    /* footer */
    footer .inner{padding:0 100px}
    .btn-top{right:6rem;}
}

/* w1920+ Device */
@media (min-width:1920px){
    nav.lnb .depth2:before{background:#EDEBF5 url(/resources/images/web/img_nav.svg) no-repeat left 97% bottom -1px;margin-left:-1343px;left:-100%;width:1500px;}
}

/* w1920+ Device */
@media (min-width:1921px){
    nav.lnb .depth2:before{background:#EDEBF5 url(/resources/images/web/img_nav.svg) no-repeat left 85% bottom -1px;margin-left:-1343px;left:-100%;width:1500px;}
    .login .left{width:35%;}
}

.editorArea{height:300px}

.editorArea2{height:380px}