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

/*
Title : content.css
Author : LKICT euniya.H
*/

/* ========== 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;
}

/* ========== F O N T ========== */
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/resources/font/NotoSansKR-Light.woff2') format('woff2'),
        url('/resources/font/NotoSansKR-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/resources/font/OpenSans-Light.woff2') format('woff2'),
        url('/resources/font/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    unicode-range: U+0020-007E;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/resources/font/NotoSansKR-Regular.woff2') format('woff2'),
        url('/resources/font/NotoSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/resources/font/OpenSans-Regular.woff2') format('woff2'),
        url('/resources/font/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0020-007E;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/resources/font/NotoSansKR-Medium.woff2') format('woff2'),
        url('/resources/font/NotoSansKR-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/resources/font/NotoSansKR-Bold.woff2') format('woff2'),
        url('/resources/font/NotoSansKR-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/resources/font/OpenSans-SemiBold.woff2') format('woff2'),
        url('/resources/font/OpenSans-SemiBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    unicode-range: U+0020-007E;
}

/* ========== 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',sans-serif;font-size:14px;font-weight:400;color:#37384f;letter-spacing:-0.5px;background:#fff}
button, textarea, input, select{font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;color:#37384f}
.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:focus{border:1px solid #000 !important;}
input[type="text"],
input[type="password"],
input[type="number"]{width:100%;height:30px;padding:5px 10px;border:1px solid #DFDFDF}
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,
textarea:disabled{background:#f2f2f2}
input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label{opacity:0.5;cursor:default}

/* placeholder */
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder{font-family: 'Noto Sans KR', sans-serif;color:#959595}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder{font-family: 'Noto Sans KR', sans-serif;color:#959595}

/* input_check-radio_style */
input[type="checkbox"]:not(old){width:16px;height:16px;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:400;padding-left:21px;margin-left:-16px;vertical-align:middle;background:url(/resources/images/ico_check_off.png) no-repeat left center;background-size:16px 16px;cursor:pointer}
input[type="checkbox"]:not(old):checked + label{background:url(/resources/images/ico_check_on.png) no-repeat left center;background-size:16px 16px}
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/ico_radio_off.png) no-repeat left center;background-size:16px 16px;cursor:pointer}
input[type="radio"]:not(old):checked + label{background:url(/resources/images/ico_radio_on.png) 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:focus{border:1px solid #000 !important;}
textarea{width:100%;line-height:150%;padding:5px 10px;border:1px solid #DFDFDF;background:#fff}

/* select_style */
select::-ms-expand{display:none}
/* select:focus{outline:none} */
select:focus{border:2px solid #000 !important;}
select{width:100%;height:30px;padding-left:10px;padding-right:40px;border:1px solid #DFDFDF;background:#fff url(/resources/images/ico_show.png) no-repeat right 10px center;background-size:20px 20px}
select>option{color:#37384f}

/* multiple-select_custom */
.multiple-select.ms-parent{min-width:150px;/* max-width:110px */}
.multiple-select .ms-choice{height:30px;line-height:30px;color:#37384f;border:1px solid #dfdfdf;border-radius:0}
.multiple-select .ms-choice > span{right:40px;padding-left:10px}
.multiple-select .ms-choice > span.placeholder{color:#37384f}
.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/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:#37384f;border-radius:0;z-index:2000} /* 통계 차트에서 영역침범현상이 있어 z-index 추가 */
.multiple-select .ms-drop li label{background:url(/resources/images/ico_check_off.png) 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/ico_check_on.png) no-repeat left center;background-size:16px 16px}

/* file */
.filewrap{display:flex;padding:5px;border:1px dashed #73afbd}
.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;width:90px;height:30px;line-height:30px;text-align:center;vertical-align:middle;color:#388293;border:1px solid #73afbd;border-radius:5px;background:#ddedf1;cursor:pointer}
.filewrap span.filelist{display:inline-block;margin-left:10px}
.filewrap span.filelist li{margin-top:4px}
.filewrap span.filelist p.msg{color:#959595;margin-top:4px}
.filewrap input[type="file"]:disabled + label{opacity:0.5;cursor:default}

/* calendar */
.datewrap{display:flex;align-items:center}
.datewrap span{display:flex;align-items:center;width:100%;height:30px;border:1px solid #DFDFDF}
.datewrap span:not(:first-of-type){margin-left:20px}
.datewrap 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;margin-left:-20px}
.datewrap input[type="text"]{float:left;width:calc(100% - 27px);height:100%;border:0}
.datewrap button.calendar{margin-right:5px}

.datewrap2{display:flex;align-items:center;margin-left:5px;}
.datewrap2 span{display:flex;align-items:center;width:100%;height:30px;border:1px solid #DFDFDF;background-color:#fff;}
.datewrap2 span:not(:first-of-type){margin-left:20px}
.datewrap2 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;margin-left:-20px}
.datewrap2 input[type="text"]{float:left;width:calc(100% - 27px);height:100%;border:0}
.datewrap2 button.calendar{margin-right:5px}

/* email */
.emailwrap{display:flex;align-items:center}
.emailwrap span{width:100%;height:30px}
.emailwrap span:not(:first-of-type){margin-left:20px}
.emailwrap span:not(:first-of-type)::before{content:'@';width:10px;float:left;line-height:30px;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:30px}
.telwrap span:not(:first-of-type){margin-left:20px}
.telwrap 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;margin-left:-20px}

/* button_style */
a{color:inherit}
button.btn{height:30px;padding:0 20px;background:#fff}
button.btn:disabled{opacity:0.3;cursor:default}
button.btn.ty1{color:#fff;background:#6c8c3c}
button.btn.ty2{color:#fff;background:#f4a261}
button.btn.ty3{color:#fff;border-radius:5px;background:#959595}
button.btn.ty4{height:25px;padding:0 10px;color:#fff;background:#6c8c3c}
button.btn.ty4:disabled{color: #464646;opacity:1;background:#dfdfdf}
button.btn.ty4.mail{height:25px;padding:0 10px;color:#fff;background:#b3b3b3}
button.btn.ty5{color:#fff;border-radius:5px;background:#37384f}
button.btn.ty6{color:#388293;padding:0 10px;border:1px solid #73afbd;border-radius:5px;background:#ddedf1}
button.btn.ty7{padding:0 30px 0 5px;background:url(/resources/images/ico_show2.png) no-repeat right center;background-size:20px 20px}
button.btn.ty7.show{background:url(/resources/images/ico_hide.png) no-repeat right center;background-size:20px 20px}
button.btn.ty8{color:#fff;border-radius:5px;background:#5793b1;white-space: nowrap;}
button.btn.ty9{color:#fff;border-radius:5px;background:#f4a261}
button.btn.ty10{color:#fff;background:#959595}
button.btn.ty11{color:#fff;background:#5793b1}
button.btn.ty12{color:#fff;border-radius:5px;background:#6c8c3c}
button.btn.ty13{color:#fff;border-radius:5px;background:#dfdfdf;white-space:nowrap}

.btnset{display:flex;align-items:center}
.btnset button,
.btnset a{margin-left:5px}
.btnset span.total{font-size:13px;font-weight:700;color:#37384f;white-space:nowrap;margin:6px 5px 0px 5px}
button.more{width:20px;height:4px;text-indent:-9999em;background:url(/resources/images/ico_more.png) no-repeat left center;background-size:20px 4px}
button.download{width:20px;height:20px;text-indent:-9999em;background:url(/resources/images/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/ico_delete.png) no-repeat left center;background-size:20px 20px}
button.calendar{width:22px;height:22px;text-indent:-9999em;background:url(/resources/images/ico_calendar.png) no-repeat left center;background-size:22px 22px}
button.zoomin{width:48px;height:48px;text-indent:-9999em;background:url(/resources/images/ico_zoomin.png) no-repeat center center;background-size:48px 48px}
button.zoomout{width:48px;height:48px;text-indent:-9999em;background:url(/resources/images/ico_zoomout.png) no-repeat center center;background-size:48px 48px}
button.map{width:20px;height:24px;text-indent:-9999em;background:url(/resources/images/ico_map.png) no-repeat center center;background-size:20px 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}
.btn_clear{clear:both}

/* ========== 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:#f1f1f1} */
.loginin{display:flex;align-items:center;justify-content:center;height:100%;background:#73A9B5 url(/resources/images/img_login.png) no-repeat left center;background-size:auto 100%}

/* login */
.login{display:flex;flex-direction:column;/* position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%) */}
.login form{display:flex;width:800px;height:470px;padding:80px 165px;border-radius:160px;background:#ffffff}
.login form fieldset{width:100%}
.login h1{width:314px;height:60px;text-indent:-9999em;background:url(/resources/images/bi_login.png) no-repeat left center;background-size:314px 60px}
.login .write{display:flex;align-items:center;margin:50px 0 16px 0}
.login input[type="text"],
.login input[type="password"]{height:50px;font-size:16px;font-weight:700;border-radius:5px;border:solid 1px #DFDFDF;background-color:#fff}
.login input[type="text"]::-webkit-input-placeholder,
.login input[type="password"]::-webkit-input-placeholder{color:#37384f}
.login input[type="text"]:-ms-input-placeholder,
.login input[type="password"]:-ms-input-placeholder{color:#37384f}
.login .write span{width:calc(100% / 2)}
.login .write span:first-of-type{margin-right:10px}
.login .opt{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}
.login button{width:120px;height:40px;font-size:16px;font-weight:700;color:#fff;border-radius:5px;background:#00677f}
.login p{margin-bottom:10px}
.login p>a{font-weight:500;color:#dfac2a;text-decoration:underline;padding-left:10px;background:url(/resources/images/bullet1.png) no-repeat left center;background-size:4px 4px}
.login footer{width:735px;min-height:auto;padding-top:16px;margin:0 auto;border-top:none;background:transparent}
.login footer address{color:#fff;font-size:13px;margin-right:0}
.login footer .copyright{color:#fff}

/* header */
header{position:fixed;width:100%;height:108px;background:#fff;z-index:4}
header>.inner{position:absolute;top:0;left:0;width:100%;height:108px;background:#00677f}
header>.inner.on{height:auto;border-bottom:1px solid #ededed;background-image:linear-gradient(to bottom, #00677f 108px, #ffffff 0)}
header>.inner>.wrap{display:flex;justify-content:space-between}
header>.inner.on>.wrap{background:url(/resources/images/img_nav.png) no-repeat left bottom;background-size:230px auto}
header h1{min-width:200px;padding-top:37px;margin:0 24px}
header h1 a{display:inline-block;width:188px;height:34px;text-indent:-9999em;background:url(/resources/images/bi.png) no-repeat left center;background-size:188px 34px}
header nav.lnb{min-width:1050px;flex:1}
/* header nav.lnb{flex:1} */
nav.lnb .depth1{display:flex;justify-content:center}
header>.inner.on>.wrap nav.lnb .inner .depth1{min-height: 400px}
nav.lnb .depth1>li{position:relative}
nav.lnb .depth1>li>span{display:block;width:150px;height:108px}
nav.lnb .depth1>li>span a{display:flex;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;color:#fff;padding-left:30px}
nav.lnb .depth1>li:hover>span a,
nav.lnb .depth1>li>span a.on{color:#ffcd00}
nav.lnb .depth1>li>span.m1 a{background:url(/resources/images/ico_m1_off.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li>span.m2 a{background:url(/resources/images/ico_m2_off.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li>span.m3 a{background:url(/resources/images/ico_m3_off.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li>span.m4 a{background:url(/resources/images/ico_m4_off.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li>span.m5 a{background:url(/resources/images/ico_m5_off.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li>span.m6 a{background:url(/resources/images/ico_m6_off.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li>span.m7 a{background:url(/resources/images/ico_m7_off.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li:hover>span.m1 a,
nav.lnb .depth1>li>span.m1 a.on{background:url(/resources/images/ico_m1_on.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li:hover>span.m2 a,
nav.lnb .depth1>li>span.m2 a.on{background:url(/resources/images/ico_m2_on.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li:hover>span.m3 a,
nav.lnb .depth1>li>span.m3 a.on{background:url(/resources/images/ico_m3_on.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li:hover>span.m4 a,
nav.lnb .depth1>li>span.m4 a.on{background:url(/resources/images/ico_m4_on.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li:hover>span.m5 a,
nav.lnb .depth1>li>span.m5 a.on{background:url(/resources/images/ico_m5_on.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li:hover>span.m6 a,
nav.lnb .depth1>li>span.m6 a.on{background:url(/resources/images/ico_m6_on.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth1>li:hover>span.m7 a,
nav.lnb .depth1>li>span.m7 a.on{background:url(/resources/images/ico_m7_on.png) no-repeat left center;background-size:25px 25px}
nav.lnb .depth2{display:none;height:calc(100% - 108px);padding:15px 5%;border-right:1px solid #ededed;background:#fff}
nav.lnb .depth1>li:hover .depth2{background:#f8f8f8}
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:block;font-size:14px;color:#37384f;padding:2px 5px}
nav.lnb .depth2>ul>li>a:hover,
nav.lnb .depth2>ul>li>a.on,
nav.lnb .depth2>ul>li:hover>a{color:#fff;background:#ee6055}
header .gnb{width:238px;height:78px;color:#fff;padding:18px 0;margin:15px 24px 0 0;border-radius:24px;background:#4390a1}
header .gnb.loginInfo{white-space: nowrap;min-width: 238px;}
header .gnb span{display:block;padding:0 20px 0 32px;margin:0 20px;background-image:url(/resources/images/ico_user.png), url(/resources/images/ico_down.png);background-repeat:no-repeat;background-position:left center, right center;background-size:24px 24px, 12px 8px;cursor:pointer}
header .gnb ul{display:none;flex-direction:column;align-items:center;padding:20px 0 24px 0;border-radius:0 0 24px 24px;background:#4390a1;box-shadow:0 5px 0 0 rgba(174, 224, 236, 1)}
header .gnb ul li:not(:first-child){margin-top:12px}
header .gnb ul.on{display:flex}

/* footer */
footer{min-height:75px;padding-top:15px;margin-top:auto;border-top:1px solid #ededed;background:#fff}
footer .inner{display:flex;align-items:center;min-width:1500px;padding:0 24px}
footer span.moe{display:inline-block;width:75px;height:32px;text-indent:-9999em;margin-right:16px;background:url(/resources/images/ci_moe_foot.png) no-repeat left center;background-size:75px 32px}
footer span.knue{display:inline-block;width:145px;height:29px;text-indent:-9999em;margin-right:24px;background:url(/resources/images/ci_knue_foot.png) no-repeat left center;background-size:145px 29px}
footer .inner>div{flex:1}
footer .inner>div>div{display:flex;align-items:center;font-size:13px;color:#37384f;letter-spacing:0}
footer address{font-style:normal;margin-right:20px}
footer .terms a{color:#00677f}
footer .copyright{font-size:12px;font-weight:300;letter-spacing:0;margin-top:5px}
footer select{width:200px;border-color:#93a0ab;background-color:#f2f2f2}

/* 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:108px;background:#fff;z-index:1}
.container .inner{min-width:1500px;height:100%;padding:0 5%;background:#f1f1f1}

/* main */
.container .main{padding:30px 24px}
.main .box{padding:32px 40px;border-radius:20px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.05);background:#fff}
.main .box .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.main .box h2{font-size:20px;font-weight:700}
.main .box h2.ty1{color:#00677f}
.main .box h2.ty2{color:#88b04b;background: url(/resources/images/bg_title.png) repeat-x left bottom;background-size: 1px 7px;}
.main .box.stats{border: 1px solid #c0d79e;}
.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{display:flex;align-items:center;justify-content:space-between;}
.main .search h2 em{display:block;font-size:14px;font-weight:400;color:#37384f}
.main .search input[type="text"]{float:left;width:500px;height:40px;border:1px solid #88b04b}
.main .search button{width:100px;height:40px;font-size:16px;color:#fff;font-weight:500;background:#88b04b}
.main .banner{height:60px;padding:15px 0;margin-top:30px;border:1px solid #dfdfdf;background:#fff}
.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:30px;text-indent:-9999em}
.main .bn_list a.bn1{width:98px;background:url(/resources/images/site/banner1.png) no-repeat center center;background-size:98px 30px}
.main .bn_list a.bn2{width:183px;background:url(/resources/images/site/banner2.png) no-repeat center center;background-size:183px 30px}
.main .bn_list a.bn3{width:187px;background:url(/resources/images/site/banner3.png) no-repeat center center;background-size:187px 30px}
.main .bn_list a.bn4{width:86px;background:url(/resources/images/site/banner4.png) no-repeat center center;background-size:86px 30px}
.main .bn_list a.bn5{width:92px;background:url(/resources/images/site/banner5.png) no-repeat center center;background-size:92px 30px}
.main .bn_list a.bn6{width:130px;background:url(/resources/images/site/banner6.png) no-repeat center center;background-size:130px 30px}
.main .bn_list a.bn7{width:224px;background:url(/resources/images/site/banner7.png) no-repeat center center;background-size:224px 30px}
.main .bn_list a.bn8{width:101px;background:url(/resources/images/site/banner8.png) no-repeat center center;background-size:101px 30px}
/* 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/ico_prev1.png) no-repeat left center;background-size:24px 24px}
.slick-next{right:15px;background:url(/resources/images/ico_next1.png) no-repeat left center;background-size:24px 24px}

/* sticky_table */
.sticky-table{border-top:1px solid #c0d79e;border-bottom:0}
.sticky-table table.ty3{border-bottom:0}
.sticky-table table th{font-weight:500;color:#5a6e3c;padding:10px}
.sticky-table table td{position:relative;padding:10px;word-wrap:break-word;word-break:break-all;text-align:center;outline:1px solid #dfdfdf;background:#fff}
.sticky-table table tr.sticky-row th, 
.sticky-table table tr.sticky-row td{background-color:#f0f4ea;outline:1px solid #c0d79e;z-index:1}
.sticky-table table.ty3 tr.sticky-row th, 
.sticky-table table.ty3 tr.sticky-row td{border-left: 1px solid rgba(255, 255, 255, 0.3);border-bottom: 1px solid #dfdfdf;background: #002b51;z-index:1;outline: 1px solid #dfdfdf;}
.sticky-table table th.sticky-cell, 
.sticky-table table td.sticky-cell{outline:1px solid #dfdfdf;z-index:2}
.sticky-table table tr.sticky-row th.sticky-cell,
.sticky-table table tr.sticky-row td.sticky-cell{z-index:3}
.sticky-table table tr:last-child td{border-bottom:1px solid #dfdfdf}
.sticky-table table.ty3 tr:last-child td{border-bottom:0px}

/* main-notice */
.main .notice .list{height:350px;border-top: 1px solid #dfdfdf;overflow-y:auto}
.main .notice .list li:not(:first-child){border-top: 1px solid #dfdfdf;}
.main .notice .list li{padding-top:10px;margin-bottom:15px}
.main .notice .list li span.date{display:inline-block;font-size:15px;font-weight:700;color:#37384f;padding-left:9px;background:url(/resources/images/bullet1.png) no-repeat left center;background-size:4px 4px}
.main .notice .list li span.new{display:inline-block;width:14px;height:20px;text-indent:-9999em;margin-right:5px;background:url(/resources/images/ico_new.png) no-repeat left center;background-size:14px 14px}
.main .notice .list li p{margin-top:3px}
.main .notice .list li a:hover{color:#000;text-decoration:underline}

/* main-service */
.main .service .list{height:350px;border-top: 1px solid #dfdfdf;overflow-y:auto}
.main .service .list li{padding-top:10px;margin-bottom:15px}
.main .service .list li:not(:first-child){border-top: 1px solid #dfdfdf;}
.main .service .list li span.date{display:inline-block;font-size:15px;font-weight:700;color:#37384f;padding-left:9px;background:url(/resources/images/bullet1.png) no-repeat left center;background-size:4px 4px}
.main .service .list li span.new{display:inline-block;width:14px;height:20px;text-indent:-9999em;margin-right:5px;background:url(/resources/images/ico_new.png) no-repeat left center;background-size:14px 14px}
.main .service .list li p{margin-top:3px}
.main .service .list li a:hover{color:#000;text-decoration:underline}

/* main-schoolzone */
/* 
.main .schoolzone .list{height:290px;overflow-y:auto}
.main .schoolzone .list li{padding-top:10px;margin-bottom:15px}
.main .schoolzone .list li span.date{display:inline-block;font-size:15px;font-weight:700;color:#37384f;padding-left:9px;background:url(/resources/images/bullet1.png) no-repeat left center;background-size:4px 4px}
.main .schoolzone .list li p{margin-top:3px}
.main .schoolzone .list li a:hover{color:#000;text-decoration:underline}
.main .schoolzone .list .sztag1{display:inline-block;border-radius:12px;padding:1px 10px 2px 10px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#ff0000}
.main .schoolzone .list .sztag2{display:inline-block;border-radius:12px;padding:1px 10px 2px 10px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#ffa500}
.main .schoolzone .list .sztag3{display:inline-block;border-radius:12px;padding:1px 10px 2px 10px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#818116}
.main .schoolzone .list .sztag4{display:inline-block;border-radius:12px;padding:1px 10px 2px 10px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#008000}
.main .schoolzone .list .sztag5{display:inline-block;border-radius:12px;padding:1px 10px 2px 10px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#0000ff}
.main .schoolzone .list .sztag6{display:inline-block;border-radius:12px;padding:1px 10px 2px 10px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#15a2a7}
.main .schoolzone .list .sztag7{display:inline-block;border-radius:12px;padding:1px 10px 2px 10px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#4b0082}
.main .schoolzone .list .sztag8{display:inline-block;border-radius:12px;padding:1px 10px 2px 10px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#800080}
.main .schoolzone .list .sztag9{display:inline-block;border-radius:12px;padding:1px 10px 2px 10px;margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#ce3e81}
*/
.main .schoolzone .table{height:350px;}
.main .schoolzone table tbody tr:hover td{color:#37384f;background:#f5f5f5;cursor:pointer}

.main .schoolzone table tbody tr td span.sztag1{color:#ff0000;}
.main .schoolzone table tbody tr td span.sztag2{color:#ffa500;}
.main .schoolzone table tbody tr td span.sztag3{color:#818116;}
.main .schoolzone table tbody tr td span.sztag4{color:#008000;}
.main .schoolzone table tbody tr td span.sztag5{color:#0000ff;}
.main .schoolzone table tbody tr td span.sztag6{color:#15a2a7;}
.main .schoolzone table tbody tr td span.sztag7{color:#4b0082;}
.main .schoolzone table tbody tr td span.sztag8{color:#800080;}
.main .schoolzone table tbody tr td span.sztag9{color:#ce3e81;}

/* main-stats */
.main .stats .data{height:350px}
.main .stats .data .chart{height:300px;background:#fff;z-index:1}

/* sub */
.container .sub{padding:0}
.container .navigation{height:50px;padding:0 4%;border-bottom:1px solid #dfdfdf;background:#fff}
.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/ico_home.png) no-repeat left center;background-size:16px 16px}
.container .navigation span{font-size: 16px;font-weight:700;line-height:50px;padding-left:8px;color:#37384f}
.container .navigation span::after{content:'';float:right;width:10px;height:50px;padding-left:8px;background:url(/resources/images/ico_section.png) no-repeat right center;background-size:10px 18px}
.container .navigation span:last-of-type::after{background:none}
/* .container .content{padding:30px 24px 50px 24px} */
.container .content{padding:30px 4% 50px 4%}
.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:#00677f}
.container .content .title h3{font-size:16px;font-weight:700;color:#37384f}
.container .content .title h3 em{font-size:16px;font-weight:700;color:#00677f}
.container .content .subtitle{height:30px;display:flex;align-items:center;justify-content:space-between;margin-top:2px;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/bullet1.png) 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}

.container .content .subtitle select{position:absolute;width:auto;margin-left:75px;color:#37384f}
.container .content .subtitle select>option{color:#37384f}

.content .box{margin-bottom:30px;padding:32px 40px;border-radius:20px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.05);background:#fff}
.content .box .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.content .box h2{font-size:20px;font-weight:700}
.content .box h2.ty1{color:#00677f}
.content .box.stats{border: 1px solid #c0d79e;}
.content .box .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{margin:0}
.content .wrap::after{content:'';display:block;clear:both}
.content .wrap{margin-top:30px}
.content .wrap>.box{width:calc(50% - 15px)}
.content .search{display:flex;align-items:center;justify-content:space-between;}
.content .search h2 em{display:block;font-size:14px;font-weight:400;color:#37384f}
.content .search input[type="text"]{float:left;width:500px;height:40px;border:1px solid #88b04b}
.content .search button{width:100px;height:40px;font-size:16px;color:#fff;font-weight:500;background:#88b04b}

/* tabs */
.tabtop{height:40px;display:flex;justify-content:space-between;border-bottom:1px solid #dfdfdf}
.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:#5793b1}
.tabtop .btnset ul.selectbtnlist:hover{display:block}
.tabtop .btnset ul.selectbtnlist li{text-align:center;color:#fff}
.tabtop .btnset ul.selectbtnlist li:hover {background: #00677f;}
.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:40px;font-weight:700;padding:0 35px;border:1px solid #dfdfdf;background:#f8f8f8;cursor:pointer}
ul.tabs li.current{color:#00677f;border-bottom-color:#fff;background:#fff}
.tabcontent{display:none;padding:15px;border:1px solid #dfdfdf;border-top:none;background:#fff}
.tabcontent.current{display:inherit}
.tabcontent .map{width:100%;height:calc(60vh - 120px);background:#dfdfdf}
.tabcontent .schzoneinfo2 .map{width:20px;height:24px;text-indent:-9999em;background:url(/resources/images/ico_map.png) no-repeat center center;background-size:20px 24px}

.tabcontent .btnset{align-items:flex-start;padding-top:3px;display:flex;justify-content:flex-end;margin-bottom:10px}
.tabcontent .btnset span.selectbtn{position:relative}
.tabcontent .btnset span.selectbtn button:hover + ul{display:block}
.tabcontent .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:#5793b1}
.tabcontent .btnset ul.selectbtnlist:hover{display:block}
.tabcontent .btnset ul.selectbtnlist li{text-align:center;color:#fff}
.tabcontent .btnset ul.selectbtnlist li:hover {background: #00677f;}
.tabcontent .btnset ul.selectbtnlist li a{display:inline-block;margin-left:0;padding:2px 10px}
.tabcontent .f_l{float:left !important}
.tabcontent .f_l::after{content:'';display:block;clear:both}
.tabcontent .f_l span.total{font-size:13px;font-weight:bold;color:#37384f;margin-right:10px}
.tabcontent .f_l select{width:auto;color:#37384f}
.tabcontent .f_l select > option{color:#37384f}
.tabcontent .f_l input[type="text"]{width:150px}
.tabcontent .f_l button.btn{white-space: nowrap;}

/* search */
.searchwrap{padding:0 30px;margin-bottom:24px;border-radius:10px;border:solid 1px #88b04b;background:#fff}
.searchwrap>div{display:flex;align-items:center;padding:10px 0}
/* .searchwrap>div:not(:first-child){border-top:1px solid #ededed} */
.searchwrap select{width:auto;margin-right:5px;color:#37384f}
.searchwrap select>option{color:#37384f}
.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 .opt2{display:none}
.searchwrap .opt2.show{display:flex;border-bottom:1px solid #ededed}
/* input text + button */
.schtype1{display:flex;align-items:center}
.schtype1 input[type="text"]{width:400px}
.schtype1 button.btn{margin-left:5px}

/* table */
.tabletop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.tabletop span.total{font-size:13px;font-weight:700;color:#37384f;margin-right:10px}
.tabletop select{width:auto;color:#37384f}
.tabletop select > option{color:#37384f}
.tabletop .btnset span.progress{position:relative}
.tabletop .btnset span.progress button:hover + ul{display:block}
.tabletop .btnset ul.progresstype{display:none;position:absolute;top:26px;left:5px;width:calc(100% - 5px);padding:10px 0;border-radius:0 0 5px 5px;background:#5793b1}
.tabletop .btnset ul.progresstype:hover{display:block}
.tabletop .btnset ul.progresstype li{text-align:center;color:#fff}
.tabletop .btnset ul.progresstype li:hover {background: #00677f;}
.tabletop .btnset ul.progresstype li a{display:inline-block;margin-left:0;padding:2px 10px}

.pagination{display:flex;align-items:center;justify-content:center;margin-top:30px}
.pagination a{display:inline-block;width:20px;height:20px;text-align:center;font-size:13px;color:#37384f;font-weight:700;line-height:20px;margin:0 5px}
.pagination a.onpage{border-radius:100%;color:#fff;background:#00677f}
.pagination .first{width:20px;height:20px;padding:0;margin:0 5px 0 0;text-indent:-9999em;background:url(/resources/images/ico_first.png) no-repeat left center;background-size:20px 20px}
.pagination .prev{width:20px;height:20px;padding:0;margin:0 10px 0 0;text-indent:-9999em;background:url(/resources/images/ico_prev.png) no-repeat left center;background-size:20px 20px}
.pagination .next{width:20px;height:20px;padding:0;margin:0 0 0 10px;text-indent:-9999em;background:url(/resources/images/ico_next.png) no-repeat left center;background-size:20px 20px}
.pagination .last{width:20px;height:20px;padding:0;margin:0 0 0 5px;text-indent:-9999em;background:url(/resources/images/ico_last.png) no-repeat left center;background-size:20px 20px}

table.ty1{width:100%}
table.ty1 thead th{font-weight:500;color:#5a6e3c;padding:10px;border-top:1px solid #c0d79e;border-left:1px solid #c0d79e;border-bottom:1px solid #c0d79e;background:#f0f4ea}
table.ty1 tbody td{text-align:center;padding:10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#fff;word-wrap:break-word;word-break:break-all}
table.ty1 thead th:first-child,
table.ty1 tbody td:first-child{border-left:none}

table.ty2{width:100%;border:1px solid #dfdfdf}
table.ty2 thead tr.board_headline th span{cursor: pointer;}
table.ty2 thead th{font-weight:500;color:#fff;padding:10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#37384f}
table.ty2 tbody th,
table.ty2 tbody td,
table.ty2 tfoot th,
table.ty2 tfoot td{text-align:center;padding:10px;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:#fffdeb}
table.ty2 tbody tr.on td,
table.ty2 tbody tr.on:hover td{color:#ee6055;background:#fff5f4}
table.ty2.link tr:hover td{color:#37384f;background:#f1f1f1;cursor:pointer}
table.ty2 tfoot tr.sum th,
table.ty2 tfoot tr.sum td{font-weight:700}
table.ty2 tbody tr.ing:hover td{background:#f1f1f1;cursor:pointer}
table.ty2 tbody tr.close td{color:#ccc}
table.ty2 tbody td span.new{display:inline-block;width:14px;height:20px;text-indent:-9999em;margin-right:5px;background:url(/resources/images/ico_new.png) no-repeat left center;background-size:14px 14px}

table.ty3{table-layout:fixed;width:100%;border:1px solid #dfdfdf;border-top:2px solid #00677f}
table.ty3 tbody th{font-weight:500;color:#37384f;padding:10px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#f8f8f8}
table.ty3 tbody td{padding:5px 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.align{text-align:center}
table.ty3 tbody td em.unit{display:inline-block;margin-left:5px}
table.ty3 tbody td a{color:#00677f}
table.ty3 tbody td img {max-width:100%;}

table.ty3 table.intb{width:100%;border:1px solid #dfdfdf;border-top:2px solid #c0d79e;margin:5px 0}
table.ty3 table.intb thead th{font-weight:500;color:#5a6e3c;padding:5px 10px;border-left:1px solid #c0d79e;border-bottom:1px solid #c0d79e;background:#f0f4ea}
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.ty4{width:100%;border:1px solid #dfdfdf;border-top:2px solid #c0d79e}
table.ty4 thead th{font-weight:500;color:#5a6e3c;padding:5px 10px;border-left:1px solid #c0d79e;border-bottom:1px solid #c0d79e;background:#f0f4ea}
table.ty4 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.ty4 tbody td.empty{height:100px}
table.ty4.link tr:hover td{color:#37384f;background:#f1f1f1;cursor:pointer}
table.ty4.hover tr:hover td{color:#37384f;background:#f1f1f1}

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:#37384f;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;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}

/* 통계 - 그래프 */
.graphOption{display:flex;justify-content:flex-end;margin-bottom:10px}
.graphOption > *{margin-left:5px}
.graphOption span.checkoption{display: flex;align-items: center;}
.graphOption span.selectbtn{position:relative}
.graphOption span.selectbtn button:hover + ul{display:block}
.graphOption ul.selectbtnlist{display:none;position:absolute;top:26px;width:100%;padding:10px 0;border-radius:0 0 5px 5px;background:#3882cc}
.graphOption ul.selectbtnlist:hover{display:block}
.graphOption ul.selectbtnlist li{text-align:center;color:#fff}
.graphOption ul.selectbtnlist li:hover {background: #1e53a5;}
.graphOption ul.selectbtnlist li a{display:inline-block;margin-left:0;padding:2px 10px}
.graph{top:20px;left:20px;right:20px;height:550px;border:2px solid #002b51;background:#fff}
.graph>.graphOption{padding:10px;justify-content:space-between;margin-bottom:0}
.graph>.graphOption div:first-child{display:flex}
.graph>.graphOption div:first-child select{width:auto;margin:0 5px;color:#37384f}

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

.popwrap{padding:70px 30px 20px 30px;background:#fff;z-index:1}
.popwrap .cmt1{font-weight:700;color:#88b04b;padding-left:10px;background:url(/resources/images/bullet1.png) no-repeat left center;background-size:4px 4px}
.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 {width: 100%}
.popwrap .schtype1 input[type="text"]{width: 100%}
.popwrap .schtype1 button.btn{width:65px;padding:0}
.popwrap .tabletop{justify-content:flex-end}

.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/bullet1.png) no-repeat left center;background-size:4px 4px}
.popwrap2 .btn_center{margin-top:20px}

.popwrap .direction-row::after{content:'';display:block;clear:both;}
.popwrap .direction-row>div:nth-child(1){width:100%;float: left;}
.popwrap .direction-row>div:nth-child(2){width:calc(30% - 20px);float: right;height:75vh;margin-left:20px;display:flex;flex-direction:column}
.popwrap .subtitle{height:30px;display:flex;align-items:center;justify-content:space-between;margin-top:2px;margin-bottom:10px}
.popwrap .subtitle:not(:first-of-type){margin-top:20px}
.popwrap .subtitle h3{font-size:16px;font-weight:700;padding-left:10px;background:url(/resources/images/bullet1.png) no-repeat left center;background-size:4px 4px}
.popwrap .subtitle h3 em{display:inline-block;font-size:13px;font-weight:700;color:#ee6055;margin-left:10px}

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

.popwrap3{padding-top:50px;background:#ededf0;z-index:1;height: 100%}
.popwrap3 .popcon{height: 100%}

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

.infosearch .inner{padding:20px;margin-top:20px;background:#f1f1f1}
.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:#37384f}
.infosearch .btn_center{margin-top:10px}
.infosearch .btn_center button{height:30px;color:#fff;padding:0 20px;border-radius:5px;background:#00677f}

/* school/schzone */
/* .direction-row{display:flex;justify-content:space-between} */
.direction-row::after{content:'';display:block;clear:both;}
.direction-row>div:nth-child(1){width:70%;float: left;}
.direction-row>div:nth-child(2){width:calc(30% - 20px);float: right;height:75vh;margin-left:20px;display:flex;flex-direction:column}

.direction-row .listtable.sticky-table{border:1px solid #dfdfdf}
.direction-row .listtable.sticky-table table td{position:relative;outline:1px solid #dfdfdf}
.direction-row .listtable.sticky-table table tr.sticky-row th, 
.direction-row .listtable.sticky-table table tr.sticky-row td{outline:1px solid #dfdfdf;z-index:1}
.direction-row .listtable.sticky-table table tr.sticky-row th{background-color:#37384f}
.direction-row .listtable.sticky-table table th.sticky-cell, 
.direction-row .listtable.sticky-table table td.sticky-cell{outline:1px solid #dfdfdf;z-index:2}
.direction-row .listtable.sticky-table table tr.sticky-row th.sticky-cell,
.direction-row .listtable.sticky-table table tr.sticky-row td.sticky-cell{z-index:3}
.direction-row .listtable table.ty2{border:none}
.direction-row .listtable table.ty2 thead th{border-left:none;border-bottom:none}
.direction-row .listtable table.ty2 tbody td{border-left:none;border-bottom:none}

.adjacent{min-height:100px;max-height:300px;background:#fff}
.adjacent.sticky-table{border:1px solid #dfdfdf;border-top:2px solid #c0d79e}
.adjacent.sticky-table table td{position:relative;outline:1px solid #dfdfdf}
.adjacent.sticky-table table tr.sticky-row th, 
.adjacent.sticky-table table tr.sticky-row td{outline:1px solid #c0d79e;z-index:1}
.adjacent.sticky-table table tr.sticky-row th{background-color:#f0f4ea}
.adjacent.sticky-table table th.sticky-cell, 
.adjacent.sticky-table table td.sticky-cell{outline:1px solid #dfdfdf;z-index:2}
.adjacent.sticky-table table tr.sticky-row th.sticky-cell,
.adjacent.sticky-table table tr.sticky-row td.sticky-cell{z-index:3}
.adjacent table.ty4{border:none}
.adjacent table.ty4 thead th{border-left:none;border-bottom:none}
.adjacent table.ty4 tbody td{border-left:none;border-bottom:none}

.schzonefileview{display:none}
.schzonefileview.show{display:table-row}
.schzonefileview td{background:#f8f8f8 !important}
.schzonefileview td>div{display:flex;text-align:left}
.schzonefileview td>div>div{width:50%;padding:10px 2% 15px 2%}
.schzonefileview .label{font-weight:500;padding-left:10px;margin-bottom:10px;background:url(/resources/images/bullet1.png) no-repeat left center;background-size:4px 4px}

.schzoneinfo{min-height:80px;max-height:300px;background:#fff}
.schzoneinfo.sticky-table{border:1px solid #dfdfdf;border-top:2px solid #c0d79e}
.schzoneinfo.sticky-table table td{position:relative;outline:1px solid #dfdfdf}
.schzoneinfo.sticky-table table tr.sticky-row th, 
.schzoneinfo.sticky-table table tr.sticky-row td{outline:1px solid #c0d79e;z-index:1}
.schzoneinfo.sticky-table table tr.sticky-row th{background-color:#f0f4ea}
.schzoneinfo.sticky-table table th.sticky-cell, 
.schzoneinfo.sticky-table table td.sticky-cell{outline:1px solid #dfdfdf;z-index:2}
.schzoneinfo.sticky-table table tr.sticky-row th.sticky-cell,
.schzoneinfo.sticky-table table tr.sticky-row td.sticky-cell{z-index:3}
.schzoneinfo table.ty4{border:none}
.schzoneinfo table.ty4 thead th{border-left:none;border-bottom:none}
.schzoneinfo table.ty4 tbody td{border-left:none;border-bottom:none}
.schzoneinfo dl.address{text-align:left}
.schzoneinfo dl.address dt{float:left;margin-right:5px;font-weight:500}
 
.schzoneinfo2{min-height:60px;max-height:300px;background:#fff}
.schzoneinfo2.sticky-table{border:1px solid #dfdfdf;border-top:2px solid #c0d79e}
.schzoneinfo2.sticky-table table td{position:relative;outline:1px solid #dfdfdf}
.schzoneinfo2.sticky-table table tr.sticky-row th, 
.schzoneinfo2.sticky-table table tr.sticky-row td{outline:1px solid #c0d79e;z-index:1}
.schzoneinfo2.sticky-table table tr.sticky-row th{background-color:#f0f4ea}
.schzoneinfo2.sticky-table table th.sticky-cell, 
.schzoneinfo2.sticky-table table td.sticky-cell{outline:1px solid #dfdfdf;z-index:2}
.schzoneinfo2.sticky-table table tr.sticky-row th.sticky-cell,
.schzoneinfo2.sticky-table table tr.sticky-row td.sticky-cell{z-index:3}
.schzoneinfo2 table.ty4{border:none}
.schzoneinfo2 table.ty4 thead th{border-left:none;border-bottom:none}
.schzoneinfo2 table.ty4 tbody td{border-left:none;border-bottom:none}
.schzoneinfo2 dl.address{text-align:left}
.schzoneinfo2 dl.address dt{float:left;margin-right:5px;font-weight:500}

/* 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:#00677f;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}

/* 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}

.multiwrap13{display:flex;align-items:center}
.multiwrap13 input[type="text"]{width:calc(100% - 120px)}
.multiwrap13 button.btn{width:170px;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:#e57951;-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:14px;color:#ee6055;text-align:center;border:1px solid #ee6055;background:#fff}
.edutag2{display:inline-block;width:65px;padding:1px 0 2px 0;font-size:14px;color:#464646;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/ico_contact.png) no-repeat left center;background-size:20px 18px}
.eduinfo ul li{padding-left:8px;background:url(/resources/images/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 .textWrap{white-space:nowrap}
.statusdetail table.ty2 tbody td select{min-width:80px}

/* 학구도 운영현황 */
ul.tabs.provide{display:flex}
ul.tabs.provide li{display:flex;align-items:center;justify-content:center;width:100%;height:50px;font-size:16px;font-weight:700;text-align:center;border-bottom:2px solid #00677f;background:#f9f9f9;cursor:pointer}
ul.tabs.provide li:not(:first-child){box-shadow:-1px 0 0 0 rgba(0, 0, 0, 0.1)}
ul.tabs.provide li.current{color:#00677f;border:2px solid #00677f;border-bottom-color:#fff;background:#fff}
.tabcontent.provide{display:none;padding:0px;border:0px solid #dfdfdf;background:#fff}
.tabcontent.provide.current{display:inherit}

.provide ul.tabs li{width:calc(100% / 3)}
.provide .date{text-align:left;margin:10px;}

table.type1{width:100%;table-layout:fixed;border-top:2px solid #37384F}
table.type1 thead th{font-weight:700;padding:8px}
table.type1 thead tr:first-child th{border-left:1px solid #e7e7e7;border-bottom:1px solid #ccc;background:#f1f1f1}
table.type1 thead tr:first-child th:first-child{border-left:none}
table.type1 thead tr:nth-child(2) th{border-left:1px solid #e7e7e7;border-bottom:1px solid #ccc;background:#f9f9f9}
table.type1 tbody th{font-weight:700;padding:8px;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
table.type1 tbody th:first-child{border-left:none}
table.type1 td{padding:8px;text-align:center;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
table.type1 tfoot th{font-weight:700;padding:8px}
table.type1 tfoot th:first-child{border-bottom:1px solid #e7e7e7;background:#f1f1f1}
table.type1 tfoot td{padding:8px;text-align:center;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#f1f1f1}

/* w1600+ Device */
@media (min-width:1600px){
    /* header */
    header>.inner.on>.wrap{background:url(/resources/images/img_nav.png) no-repeat left bottom;background-size:275px auto;min-height: 400px;}
}

/* w1800+ Device */
@media (min-width:1800px){
    /* header */
    header h1{margin:0 24px 0 150px}
    header .gnb{margin:15px 150px 0 0}

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

    /* footer */
    footer .inner{padding:0 150px}
}

/* w2500+ Device */
@media (min-width:2500px){
    /* login */
    .login form{width:1200px}
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
}
.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 20px;
}
.datepicker { padding: 4px; border-radius: 4px; direction: ltr; }
.datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; }
.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);
}
.datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: 0; font-weight: bold; }

.board_common .desc {background:url(/resources/images/icon/ico_array_asc.png) no-repeat right 2px bottom 4px;padding-right:13px;}
.board_common .asc {background:url(/resources/images/icon/ico_array_desc.png) no-repeat right 2px top 4px;padding-right:13px;}

.board_common2 .desc {background:url(/resources/images/icon/ico_array_asc.png) no-repeat right 2px bottom 4px;padding-right:13px;}
.board_common2 .asc {background:url(/resources/images/icon/ico_array_desc.png) no-repeat right 2px top 4px;padding-right:13px;}

/* 로딩 */
.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.2;filter: alpha(opacity=20);}

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

.popUpWrap{
	padding: 35px 0px 0px 0px;
    background: #fff;
    z-index: 1;
    height: 100%;
}
.pop_inwrap {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 15px 12px 15px 12px;
    background-color: #fff;
    border: 4px solid #00677f;
}
.board_top {
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    padding: 6px 12px !important;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 0 0 3px 3px;
}
.rimit_height {
	min-height: 100px;
  		max-height: 305px;
  		padding:10px;
    overflow: auto;
  		border: 1px solid #ccc;
}
.right {
    margin-top: 10px;
    float: right;
}

.textWrap {
	white-space: nowrap;
}

.ellipsis {
	max-width:160px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.insttGDiv{display: flex;}
.insttGDiv.deactive{display: none;}

.view button.map{width: 85px;text-indent: 15px;background: url(/resources/images/ico_map.png) no-repeat left center;background-size: 20px 24px;}
.view textarea:focus{border: 1px solid #DFDFDF !important; outline: none;}
.view textarea:hover{cursor: default;}

.ifrm_file_download {width:1px;height:1px;display:none;}

#back-top {position: fixed;right: 1%;bottom: 50px;display: none;z-index: 999;}
#back-top a {display: block;width: 40px;height: 40px;text-indent: -9999px;background: url(/resources/images/bg_btn_top.png), linear-gradient(to right, #00677f 30%, #4390a1 100%);background-position: center;background-repeat: no-repeat;background-size: 40px;border-radius: 40px;transition: all 0.7s ease;box-shadow: 5px 5px 10px rgb(0 0 0 / 24%);}

/* 알림창 */
.popnotice{display:block;position:fixed;width:100%;height:100%;left:0;bottom:0;padding:16px 0 0 0;border-radius:24px 24px 0 0;background:#00677f;}
.popnotice>div:first-child{display:flex;flex-direction:column;padding:0 24px;margin-bottom:8px}
.popnotice button.ico-close{width:24px;height:24px;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(../images/mo/ico-close.svg) no-repeat center center}
.popnotice .noticelist{text-align:center;height:100%;padding:10px 0;}
.popnotice .noticelist .slick-list{height:100%;width: 100%;}
.popnotice .noticelist .slick-track{height:100%}
.popnotice .noticelist .slick-slide{display:flex;flex-direction:column;}
.popnotice .title{font-size:19px;font-weight:700;color:#fff;margin:0 auto 16px auto;/* white-space: nowrap; */}

/* slick custom */
.slick-dotted.slick-slider{margin-bottom:32px}
.slick-dots{height:32px;bottom:0px;padding-left: 24px}
.slick-dots li{width:6px;height:6px;margin:0 4px}
.slick-dots li.slick-active{width:30px}
.slick-dots li.slick-active button{width:30px}
.slick-dots li.slick-active button:before{width:30px}
.slick-dots li button{width:6px;height:6px;padding:0}
.slick-dots li button:before{display:block;width:6px;height:6px;border-radius:3px;content:'';opacity:1;background:#88b04b;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.slick-dots li.slick-active button:before{opacity:1;background:#f0f4ea}

/* 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;
}

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

/* 보안서약서 관련 */
body .mfp-content{width: 755px !important;}
body .popup-wrap{position:relative;margin:20px auto;background-color:#fff;}
body .popup-wrap .header{background: #00677f;line-height: 25px;}
body .popup-wrap .header .tit{color: #fff;padding: 10px 10px 10px 15px;font-size: 25px;font-weight: bolder;}
body .con-wrap{height:100%;}
body .con-wrap .inner{padding:0px 10px 10px 10px;}
body .con-wrap .inner .mt10{margin-top:10px !important;}
body .con-wrap .inner .mt10 h2{font-weight: bolder;word-break: keep-all;}
body .con-wrap .inner .mt10 ol{padding:20px 20px 5px 25px; list-style-type: decimal;}
body .con-wrap .inner .mt10 ol > li{font-size: 20px;padding-left: 10px;word-break: keep-all;}
body .con-wrap .inner .mt10 ul{padding:10px 20px 5px 25px;text-align: right;}
body .con-wrap .inner .mt10 ul > li{font-size: 20px;padding: 5px 10px 0 10px;}
body .con-wrap .inner .mt10 ul > li label::after{content: ':';padding: 0 5px;text-align: center;vertical-align: top;}
body .con-wrap .inner .mt10 p{font-size: 15px;padding: 10px 0 20px 0;}
body .con-wrap .inner .mt10 p::before{content: '※';padding: 0 5px;text-align: center;vertical-align: top;}
body .con-wrap .inner .mt10 button{background: #88b04b;width: 100px;height: 40px;font-size: 16px;}