@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Light.eot');
	src: url('../fonts/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Light.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Light.ttf') format('truetype');
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Regular.eot');
	src: url('../fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Regular.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Medium.eot');
	src: url('../fonts/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Medium.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Medium.ttf') format('truetype');
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Bold.eot');
	src: url('../fonts/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Bold.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Bold.ttf') format('truetype');
	font-style: normal;
	font-weight: 700;
}

*{word-break:break-all;word-wrap:break-word;}
html, body, div, dl, dt, dd, ul, ol, li, p {margin: 0px; padding: 0px; font-family: 'NotoSans', sans-serif; list-style: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0; font-family: 'NotoSans', sans-serif;}
input,select,textarea{vertical-align: middle; margin: 0; padding: 0; border: 0; font-family: 'NotoSans', sans-serif;}
a{text-decoration: none; vertical-align: middle; font-size: inherit; color: inherit;}
img{border: 0; vertical-align: middle; margin:0; padding: 0; border: 0;max-width: 100%;}
figure{margin: 0px; padding: 0px;}
button{margin: 0; padding: 0; border: none;background: none; font-family: 'NotoSans', sans-serif; cursor: pointer;}
table {border-collapse: collapse; width: 100%;}
caption{width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.aln-l{text-align: left;}
.aln-c{text-align: center;}
.aln-r{text-align: right;}
.ofh{overflow: hidden;}
.ofh .fl{float: left;}
.ofh .fr{float: right;}
.hidden{font-size: 0; line-height: 0; position: absolute; width: 0; height: 0;overflow: hidden;}
body.mm-op{overflow: hidden;}

body{background-image:url(../images/wrap-bg.png); background-position:center 0; background-repeat:no-repeat; background-size:100% 358px;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

#skipNavi li { font-size: 0; line-height: 0; }
#skipNavi li a { display: block; width: 100%; padding: 12px 0; color:#fff; position:absolute; left:0; top:-100px; text-align:center; z-index: 300; background:#d06409; border:0 none;}
#skipNavi li a:active, #skipNavi li a:focus { top:0; font-weight:bold;font-size:16px;line-height:1.5; border-bottom:3px solid #fff;}

#wrap{width: 100%; min-width: 1240px;}
.wid{width: 1240px; margin: 0 auto;}

#header{}
.hd-tp{padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.3);}
.hd-tp > div:after{content: ''; display: block; clear: both;}
.hd-tp .logo{float: left;}
.hd-tp .logo a, .hd-tp .logo img{vertical-align: top;}
.mo-search-sw{display: none; margin-right: 15px; font-size: 0; line-height: 0; position: absolute; right: 2%; top: 32px; width: 26px; height: 26px; background: url(../images/layout/ht_search.png) center center no-repeat;}
.mo-search-sw.on{ background: url(../images/layout/menu_close.png) center 3px no-repeat;}
.ht-search{ float: left; margin-left: 150px; margin-top: 2px; width: 460px; }
.ht-srtg{padding-bottom: 7px; border-bottom: 3px solid #fff;}
.ht-srtg input[type="text"]{height: 36px; width: calc(100% - 40px); font-size: 18px; color: #fff; box-sizing: border-box; vertical-align: middle; background: none;}
.ht-srtg input[type="text"]::placeholder{color: rgba(255,255,255,0.6)}
.ht-srtg .ht-sbt{display: inline-block; width:26px; height: 26px; padding: 5px; font-size: 0; line-height: 0; background: url(../images/layout/ht_search.png) center center no-repeat;}
.ht-lgn{float: right; margin-top: 4px; text-align: center;}
.ht-lgn > a{display: inline-block; text-align: center; min-width: 72px; font-size: 14px;color: #fff; line-height: 20px; background: #5d6ba2; padding: 12px; border-radius: 30px;}
.ht-lgn > a.popup-btn{padding-left:30px;background:url(../images/popup-btn.png) no-repeat 12px center #5d6ba2;}
.ht-lgn > a.popup-btn > span{display:inline-block;vertical-align: middle;background:#ffe828;border-radius:26px;margin-left:5px;}
.ht-lgn > a.popup-btn > span > b{display:table-cell;vertical-align: middle;width:20px;height:20px;color:#000; font-size:13px;}

.hd-bm{position: relative; border-bottom: 1px solid rgba(255,255,255,0.3);}
.hd-bm > .wid{position: relative;}
.hd-bm.fixed{background:linear-gradient(to right, #4d7fbf, #4c78b9, #415c9d, #374085);position: fixed;top:0;left:0;width:100%; z-index: 50;}
.menu-bt{position: absolute; left: 0; top: 18px; width: 32px; height: 37px; font-size: 0; z-index: 2; background-repeat: no-repeat; background-position: center center; background-image: url(../images/layout/menu_bt.png);}
.menu-bt.ac{background-image: url(../images/layout/menu_close.png);}
.menu-box:after{content: ''; display: block; clear: both;}
.depth1:after{content: ''; display: block; clear: both;}
.depth1{margin-left: 40px; margin-right: 2px; text-align: right; display:flex;}
.depth1 > li{display: inline-block; margin: 0 -2px; width:250px; text-align: center; position: relative;}
.depth1 > li > a{display: block; font-size: 21px; color: #fff; line-height: 30px; font-weight: 600; padding: 20px 0;}
.depth1 > li.on > a, .depth1 > li > a:hover, .depth1 > li > a:focus{ color: #fde34f;}
.depth2{display: none; position: absolute; padding: 20px 0; background: #fff; top: 100%; left: -1px; right: 0; z-index: 200; border-left: 1px solid #ececec; border-right: 1px solid #ececec;}
.depth2 > li > a{display: block; font-size: 17px; color: #707070; line-height: 25px; padding: 6px 0;}
.depth2 > li > a:focus, .depth2 > li > a:hover{background: #dfe8f7; color: #333;}
.dp2-bg{display: none; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.3); position: absolute; top: 100%; left: 0; right: 0; z-index: 190;}
.dp2-bg > p{padding: 20px 0;}
.mo-lgcl{display: none; padding: 25px 20px; padding-right: 50px; position: relative; border-bottom: 1px solid #e5e5e5; background: #374085; background: linear-gradient(to right top, #4c7ebe, #374085);}
.mo-lgn span{display: inline-block; vertical-align: middle; font-size: 17px; color: #fff; margin-left: 6px;}
.mm-close{position: absolute; right: 17px; top: 32px; font-size: 0; line-height: 0; width: 28px; height: 28px; background: url(../images/layout/menu_close.png) center 5px no-repeat;}

#footer{text-align:center;}
.ft-tp{padding:20px 10px;background:#dbdde1;padding-bottom:0;}
.ft-tp > .wid:after{content: ''; display: block; clear: both;}
.ft-tp > .wid > a{display: inline-block;color:#212121;font-size:15px;vertical-align: middle;margin-bottom:10px;}
.ft-tp > .wid > a.green-btn{margin-left:20px;color:#fff;font-size:17px;padding:10px 30px;background:#7ab215;border-radius:50px;}
.ft-tp > .wid > a.sky-btn{margin-left:20px;color:#fff;font-size:17px;padding:10px 30px;background:#6080cd;border-radius:50px;}
.ft-tp > .wid > span{display:inline-block; color:#b5b6b9;padding:0 12px;vertical-align: middle; margin-bottom:15px;}
.foot-logo{float: left;}
.foot-lk{float: left; margin-left: 30px; margin-top: 8px;}
.foot-lk a{display: inline-block; font-size: 15px; color: #cacaca; line-height: 20px; letter-spacing: -1px; margin-left: 8px; padding-left: 12px; position: relative;}
.foot-lk a:before{content: ''; position: absolute; top: 4px; bottom: 4px; left: 0; width: 1px; background: rgba(255,255,255,0.2);}
.foot-lk a.sp{color:#faca0a; padding-left: 0; margin-left: 0;}
.foot-lk a.sp:before{display: none;}
.wa-mk{position: absolute;right:0;top:-5px;}
.ft-bm{padding: 20px 0;background: #424c66;}
.ft-bm .wid{position: relative;}
.foot-ci{text-align:center;}
.foot-lct{float: left; margin-left: 50px;}
.foot-icbx > .ic{display: inline-block; vertical-align: middle; margin-right: 6px;}
.foot-icbx > div{display: inline-block; vertical-align: middle;}
.foot-cnt{float: right;}
.foot-tx{font-size: 15px; color: #fff; line-height: 22px;min-height:50px;}
.foot-tx .mr{margin-right: 8px;}
.foot-tx .mw{display: inline-block; min-width: 100px;}
.foot-tx .co{color: #cacaca;}

/* radio checkbox select*/
.check-nd{display: inline-block; vertical-align: middle; position: relative; }
.check-nd i{display: inline-block; width: 23px; height: 23px; vertical-align: top;}
.check-nd input[type=radio]{ position: absolute;  top: 0; left: 0; width: 100%; height: 100%;  z-index: 1;opacity:0; }
.check-nd input[type=radio] + i{ background: url(../images/layout/radio_bg_n.png) no-repeat;}
.check-nd input[type=radio]:checked + i{background: url(../images/layout/radio_bg_c.png) no-repeat;}
.check-nd input[type=radio]:disabled + i{opacity:.65}
.check-nd input[type=radio]:focus + i{outline: 1px dashed #000;}
.check-nd input[type=checkbox] { position: absolute;  top: 0; left: 0; width: 100%; height: 100%;  z-index: 1;opacity:0;  }
.check-nd input[type=checkbox] + i{ background: url(../images/layout/checkbox_bg_n.png) no-repeat;}
.check-nd input[type=checkbox]:checked + i{background: url(../images/layout/checkbox_bg_c.png) no-repeat;}
.check-nd input[type=checkbox]:disabled + i{opacity:.65}
.check-nd input[type=checkbox]:focus + i{outline: 1px dashed #000;}

.sel-nd{position:relative; display: inline-block; vertical-align: middle; box-sizing: border-box; max-width: 100%; padding-right: 31px; background: url(../images/layout/select_ndbg.png) right center no-repeat;}
.sel-nd.fc{outline: 1px dashed #000;}
.sel-nd > span{display: block; font-size: 15px; color: #666; line-height: 20px; height: 20px; padding: 8px 0; padding-left: 5px; overflow: hidden; white-space: nowrap;}
.sel-nd select{position: absolute; left: 0; width: 100%; height: 100%; top: 0;  opacity: 0;}

.iptt1{box-sizing: border-box; height: 36px; max-width: 100%; padding: 4px; font-size: 15px; color: #666; border: 1px solid #e0e1e9; background: #fff; border-radius: 2px; }

.w1{width: 330px;}
.w2{width: 390px;}
.wmx{width: 100%;}


/* sub layout*/
/* 
.sub-vsl{height: 289px; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.sub-vsl.bg1{background-image: url(../images/layout/sub_vsl1.jpg);}
.sub-vsl.bg2{background-image: url(../images/layout/sub_vsl2.jpg);}
.sub-vsl.bg3{background-image: url(../images/layout/sub_vsl3.jpg);}
.sub-vsl.bg4{background-image: url(../images/layout/sub_vsl4.jpg);}
.sub-vsl.bg5{background-image: url(../images/layout/sub_vsl5.jpg);}
.sub-vsl.bg6{background-image: url(../images/layout/sub_vsl6.jpg);}
.sub-vsl.bg7{background-image: url(../images/layout/sub_vsl7.jpg);}
.location-nav{display: table; width: 100%; height: 207px; }
.location-nav > div{display: table-cell; vertical-align: middle; text-align: center;}
.location-nav .d1ti{font-weight: 300; font-size: 55px; color: #fff; margin-bottom: 15px; letter-spacing: 4px;}
 */
.location-nav .line-map{font-size: 14px; color: #898989;font-size:14px;}
.location-nav .line-map span{margin: 0 4px;}
.location-nav .line-map span img {vertical-align:middle; margin-bottom:4px;}
.location-nav .d1ti {display:none;}

.cont-tp{padding-right: 105px; position: relative; border-bottom: 1px solid #e0e0e0; margin-bottom: 50px;}
.cont-tp .print-sns{position: absolute; right: 0; top: 15px;}
/* 2020/11/6 */
.siblings-gd{/*overflow: hidden;*/}
.siblings-gd > li{/*float: left; margin-right: 40px;margin-top: 15px;*/border-bottom:1px solid #eaeaea;}
.siblings-gd > li > a{display: block; padding:25px 20px; font-size: 18px; color: #6e6e6e; font-weight: 600;}
.siblings-gd > li > a.on{color: #222222; font-weight:bold;}
.siblings-gd > li > a.more-btn{padding-right:60px;background:url(../images/lnb-more-btn.gif) no-repeat right 20px center;}
/* 2020/11/6 */
 
.pg-tit{text-align: center; padding-bottom:40px;margin-bottom: 20px;border-bottom:1px solid #e0e0e0;}
.pg-tit h3{display: inline-block; padding: 0 5px; font-size: 37px; color: #495abb; line-height: 47px; position: relative; z-index: 1;}
.pg-tit h3:before{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 12px; background: #e4e8ff; z-index: -1; border-radius: 8px;}
.popup-style{display:none;position: fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5); z-index:100;}
.popup-style .popup-box {position:relative; z-index:1; max-height:90%; overflow:auto;}
.popup-style .popup-box{background:#fff;border-radius:10px;position: fixed;top:50%;left:50%; transform:translate(-50%, -50%); max-width:550px;width:90%;}
.popup-style .popup-header{padding:15px 30px;background:#bfd1f4}
.popup-style .popup-header h3.tit{width:calc(100% - 65px);float:left;display:table;}
.popup-style .popup-header h3.tit span{display:table-cell;height:55px;vertical-align: middle;font-size:24px; color: #080808;}
.popup-style .popup-close{position:absolute; top:15px; right:15px;}
.popup-style .popup-content{padding:30px;}
.popup-style .popup-content h3.tit{font-size:17px;font-weight:500;color: #080808;}
.popup-style .popup-content .popup-table{border-top:1px solid #dadbe5;border-left:1px solid #dadbe5;margin-top:15px;}
.popup-style .popup-content .popup-table th{border-bottom:1px solid #dadbe5;border-right:1px solid #dadbe5;color:#3d3d3d;padding:5px 20px;background:#f5f6f7;height:40px;}
.popup-style .popup-content .popup-table td{border-bottom:1px solid #dadbe5;border-right:1px solid #dadbe5;color:#555555;padding:5px 20px;height:40px;}
.popup-style .popup-content i.exam {display: inline-block; vertical-align: middle; width: 12px; height: 12px; font-size: 0; line-height: 0;border-radius: 50%; margin-right:5px;}
.popup-style .popup-content i {display: inline-block; vertical-align: middle; width: 12px; height: 12px; font-size: 0; line-height: 0;border-radius: 0%; margin-right:5px;}
.calendar-table i.exam {display: inline-block; vertical-align: middle; width: 12px; height: 12px; font-size: 0; line-height: 0; margin-right:5px;}
.calendar-table i {display: inline-block; vertical-align: middle; width: 12px; height: 12px; font-size: 0; line-height: 0;border-radius: 0%; margin-right:5px;}
.popup-style .popup-content span {display: inline-block; width:calc(100% - 17px); vertical-align:top;}
.hidden-popup {overflow: hidden;}

.popup-style.max-width .popup-box{max-width:900px;}
.site-map-box{padding:30px;}
.site-map-box > .box-h{max-height:50vh;overflow: auto;}
.site-map-depth1 > li{width:calc(100% / 3 - 20px);margin:10px;float:left;height:300px;}
.site-map-depth1 > li.m-li{height:auto;}
.site-map-depth1 > li > a{display:block;border-bottom:1px solid #00509d;border-top:1px solid #00509d;background:#eef5fb;padding:10px;text-align:center;line-height:26px;}
.site-map-depth2{margin:10px;}
.site-map-depth2 > li > a{display:block;padding:10px;border-bottom: 1px dotted #d0d0d0;}
@media screen and (max-width: 1024px){
	.site-map-depth1 > li{width:calc(50% - 20px);}
}
@media screen and (max-width: 640px){
	.site-map-depth1 > li{width:auto;float:none;height:auto;}
}

.blind { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%);}

.layer_popup {display:none;}
.layer_popup {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.3); z-index: 90;}
.layer_popup .box {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:600px; font-size:14px; background:#fff; border-radius:5px;}
.layer_popup .box .table01 {width:100%; border-bottom:1px solid #f4f7fa;}
.layer_popup .box .table01 th {padding:10px 0; background:#f4f7fa;}
.layer_popup .box .table01 td {padding:5px 0; text-align:center;}
.layer_popup .box .table02 {width:100%; border:1px solid #f4f7fa; border-collapse:collapse;}
.layer_popup .box .table02 th {padding:5px; border:1px solid #f4f7fa; background:#f4f7fa; font-weight:bold;}
.layer_popup .box .table02 td {padding:5px; border:1px solid #f4f7fa; text-align:center;}
.layer_popup .box .bg1 {background:#2b9000; color:#fff;}
.layer_popup .box .c1 {color:#2b9000 }
.layer_popup .box .c2 {color:#d80202 }
.layer_popup .box .td_bg3 {padding:10px 10px 20px; text-align:right;}
.layer_popup .box .td_bg3 .btn-tp1 {padding:7px 0;}
.layer_popup .box .title {padding:10px; font-size:20px; font-weight:bold;}
.layer_popup .box .text {padding:0 10px 10px; text-align:center; line-height:30px;}