@charset "UTF-8"; 

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:200;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style: normal;
    font-weight:400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:600;
    src:local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:700;
    src:local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(../fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}


.blind{text-indent: -9999px;}

/*font*/
.bold{font-weight:bold;}
.gray {color:#cbcbcb;}

/* 말줄임표 */
.split {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.split2 {overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}


/* IE10 뷰포트 버그대응 */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
/*@viewport { width: device-width; }*/

html,body{height:100%}
body {width:100%; height:100%; min-width:320px;}
body * {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR' !important; font-size:16px; line-height:1.6; color:#666; font-weight:400;}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
ul,ol{list-style:none}
p{}
select{min-height:30px;}
em,address{font-style:normal}
a{text-decoration:none; color: #222;}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
button {
    vertical-align: top;
    background: transparent;    border: 0;
}
caption, legend, .heading {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}
strong{font-weight:normal !important; font-family:'malgun Gothic' !important;}
legend, .hd-element {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.overflow{overflow:hidden;}
/* ::-webkit-scrollbar {width:6px;} ::-webkit-scrollbar-thumb {background: #a9a9a9;} */

/* width */
.w25{width: 25%!important}

/* 정렬 */
.align_l {text-align:left !Important;}
.align_r {text-align:right;}
.align_c {text-align:center;}
.float_l {float:left;}
.float_r {float:right;}
.float_n {float:none !important;}
.float-right {float:right !important;}


/*너비*/
.w3 	{ width: 3%; }
.w4 	{ width: 4%; }
.w5 	{ width: 5%; }
.w6 	{ width: 6%; }
.w7 	{ width: 7%; }
.w8 	{ width: 8%; }
.w9 	{ width: 9%; }
.w10	{ width: 10%; }
.w11	{ width: 11%; }
.w12	{ width: 12%; }
.w15	{ width: 15%; }
.w14	{ width: 14%; }
.w16	{ width: 16%; }
.w17	{ width: 17%; }
.w18	{ width: 18%; }
.w19	{ width: 19%; }
.w20	{ width: 20%; }
.w21	{ width: 21%; }
.w22	{ width: 22%; }
.w23	{ width: 23%; }
.w24	{ width: 24%; }
.w25	{ width: 25%; }
.w26	{ width: 26%; }
.w27	{ width: 27%; }
.w28	{ width: 28%; }
.w29	{ width: 29%; }
.w30	{ width: 30%; }
.w32	{ width: 32%; }
.w33	{ width: 33%; }
.w34	{ width: 34%; }
.w35 	{ width: 35%; }
.w36 	{ width: 36%; }
.w37 	{ width: 37%; }
.w38 	{ width: 38%; }
.w39 	{ width: 39%; }
.w40 	{ width: 40%; }
.w41 	{ width: 41%; }
.w42 	{ width: 42%; }
.w43 	{ width: 43%; }
.w44 	{ width: 44%; }
.w45 	{ width: 45%; }
.w50 	{ width: 50%; }
.w54	{ width: 54%; }
.w55 	{ width: 55%; }
.w57 	{ width: 57%; }
.w60 	{ width: 60%; }
.w62 	{ width: 62%; }
.w65 	{ width: 65%; }
.w68 	{ width: 68%; }
.w69 	{ width: 69%; }
.w70 	{ width: 70%; }
.w75 	{ width: 75%; }
.w80 	{ width: 80%; }
.w82 	{ width: 82%; }
.w85 	{ width: 85%; }
.w90 	{ width: 90%; }
.w95 	{ width: 95%; }
.w97 	{ width: 97%; }
.w100 	{ width: 100%; }
.w1000  { width:1000px;}


/* margin */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.mr75 {margin-right:75px;}
.mr80 {margin-right:80px;}
.mr85 {margin-right:85px;}
.mr90 {margin-right:90px;}
.mr95 {margin-right:95px;}
.mr100 {margin-right:100px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
/* .mb100 {margin-bottom:100px;} */
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}
.ml85 {margin-left:85px;}
.ml90 {margin-left:90px;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}



/* 컬러 */
.c_blue {color:#0563c5;}


/* 스킵 내비게이션 */
#skip {position: relative;}
#skip a {position: absolute; left: 0px; top: -50px; width: 100%; border:1px solid #fff; color: #fff; font-size:1.2em; text-align: center; background: #146ed8; line-height: 45px; z-index:99999999;}
#skip a:active, 
#skip a:focus {top: 0;}


.mobile {display:none;}


/* masklayer */
.masklayer {display:none; position:fixed; z-index:99999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
.masklayer .holder {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0 auto; padding:35px 30px; border:5px solid #0f83d5; max-width:690px; background:#fff; margin-top:0 !important;}
.masklayer .holder button.close {position:absolute; top:13px; right:13px; width:21px; height:21px; background:url(../images/layout/icon_gnbclose.png) no-repeat; background-size:contain;}
.masklayer ul.contents-info-list li {margin-bottom:0 !important;}
.masklayer .wrp-input-password {margin-top:18px; padding:0 50px;}
.masklayer .wrp-input-password p {font-size:1.143em; text-align:center;}
.masklayer .wrp-input {position:relative; margin:27px auto 0 auto; padding-left:70px; max-width:400px;}
.masklayer .wrp-input label {position:absolute; top:5px; left:0; font-weight:400; color:#000;}

/* 컨텐츠 담당자 부서 정보 라인 */

.public_adm {padding:12px 10px; text-align:center; margin:10px auto; background:#FFF; border:1px solid #eee; }
.public_adm span {background:url(../images/etc/b_tab_bar.jpg)no-repeat right center; padding:5px 25px 5px 15px; margin-right:-4px; display:inline-block; }
.public_adm span b {font-size:12px; font-weight:600; padding-left:10px; color:#103771; }

.public_adm span.first {background:url(../images/etc/b_tab_bar.jpg)no-repeat right center,url(../images/etc/b_tab_bar.jpg)no-repeat 0 center; padding:5px 25px 5px 15px; margin-right:-4px; display:inline-block; }

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	.pc {display:none;}	
	.mobile {display:block;}
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.container {padding:0 10px;}
	.masklayer .holder {width:300px;}
	.masklayer .wrp-input-password {padding:0;}
}


/* 페이징 넘버 */

.pagination > li > a {}
.pagination > li > a.first {text-indent:-9999px; background:url('../images/btn/sp_ico_paginate.png') no-repeat; background-position:center 11px;}
.pagination > li > a.prev {text-indent:-9999px; background:url('../images/btn/sp_ico_paginate.png') no-repeat; background-position:center -17px;}
.pagination > li > a.next {text-indent:-9999px; background:url('../images/btn/sp_ico_paginate.png') no-repeat; background-position:center -46px;}
.pagination > li > a.last {text-indent:-9999px; background:url('../images/btn/sp_ico_paginate.png') no-repeat; background-position:center -74px;}

/* 웹접근성 */
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}