@charset 'utf-8';
/*header*/
.header-layout{width:100%; border-bottom:1px solid #004071; box-sizing: border-box}
.header-layout .inner-header-layout{max-width:1200px; width:1200px; margin:0 auto; padding:0 15px; height:120px; position: relative}
.header-layout .inner-header-layout .logo{position: absolute; top:23px; left:15px}
.header-layout .inner-header-layout .search-wrap{display:none; position: fixed; top:0; left:0; width:100%; height:260px; background: #004071;z-index:110; }
.header-layout .inner-header-layout .search-wrap .search-layout-content{max-width:1200px; padding:0 15px; margin:0 auto; position: relative}
.search-wrap .keyword{padding-top:120px; border-bottom:1px solid #ffffff; position: relative}
.search-wrap .keyword input[type="text"]{width:100%; height:60px; line-height:60px; border:0; background:none; color:#fff; outline: none;font-size:28px; font-weight:400; font-family:'notokr-medium';}
.search-wrap .keyword input::placeholder {color:#fff; font-size:28px;font-family:'notokr-medium';}
.search-wrap .keyword .btn-util-search{position: absolute; top:128px; right:20px}
.search-wrap .btn-search-close{position: absolute; top:25px; right:6px;}
.search-wrap .keyword input::-webkit-input-placeholder { text-align:center; }
.search-wrap .keyword input::-moz-input-placeholder { text-align:center; }
.search-wrap .keyword input::-ms-input-placeholder  {text-align:center;}
.header-layout .inner-header-layout .util-wrap{text-align:right; padding-top:20px;}
.header-layout .inner-header-layout .util-wrap .util-list li{display:inline-block; padding-left:26px}
.header-layout .inner-header-layout .util-wrap .util-list li a{color:#888888; font-size:15px;}
.header-layout .inner-header-layout .util-wrap .util-list li:last-child{padding-left:20px}
.header-layout .inner-header-layout .util-wrap .util-list li .btn-search-open img{vertical-align: middle; display:inline-block}
.header-layout .inner-header-layout .gnb-wrap{text-align:right; margin-top:20px;}
.header-layout .inner-header-layout .gnb-wrap .depth1-wrap > .depth1 > li{display:inline-block; padding-right:39px; position: relative}
.header-layout .inner-header-layout .gnb-wrap .depth1-wrap > .depth1 > li:last-child{padding-right:0}
.header-layout .inner-header-layout .gnb-wrap .depth1-wrap > .depth1 > li > a{display:inline-block; color:#004071; padding:2px 8px;font-size:20px;font-family:'notokr-medium';}
.header-layout .inner-header-layout .gnb-wrap .depth1-wrap > .depth1 > li > a.on{background: #004071; color:#ffffff; transition: background .5s;}
.header-layout .inner-header-layout .gnb-wrap .depth1-wrap > .depth1 > li > .depth2-wrap{display:none; position: absolute; top:40px; left:-25px; background: #fff; text-align:center; z-index:10;
box-shadow:0px 2px 6px 2px rgba(68,68,68,0.2);}
.header-layout .inner-header-layout .gnb-wrap .depth1-wrap > .depth1 > li > .depth2-wrap > .depth2{min-width:180px; padding:24px 0 5px 0}
.header-layout .inner-header-layout .gnb-wrap .depth1-wrap > .depth1 > li > .depth2-wrap > .depth2 > li{padding-bottom:18px;}
.header-layout .inner-header-layout .gnb-wrap .depth1-wrap > .depth1 > li > .depth2-wrap > .depth2 > li > a{color:#004071; font-size:18px;font-family:'notokr-medium'; }
.header-info-layout{background: #004071; height:120px;}
.header-info-layout .header-inner-info-layout{max-width:1200px; margin:0 auto; padding:0 15px;}
.header-info-layout .header-inner-info-layout:after{clear:both; display:block; overflow: hidden; content:""; height:0}
.header-info-layout .header-inner-info-layout .profile-info{color:#ffffff; font-size:18px; float:left; padding-top:45px;}
.header-info-layout .header-inner-info-layout .profile-info strong{font-size:24px; font-style:normal; font-family:'notokr-medium'; font-weight: 400}
.header-info-layout .header-inner-info-layout .profile-list{float:right; padding-top:45px}
.header-info-layout .header-inner-info-layout .profile-list > li{display:inline-block; margin-left:40px; position: relative}
.header-info-layout .header-inner-info-layout .profile-list > li > a{color:#ffffff}
.header-info-layout .header-inner-info-layout .profile-list > li > a >i{display:inline-block; vertical-align: middle; margin-right:8px;}
.header-info-layout .header-inner-info-layout .profile-list li.lately-item > a > i{width:30px; height:30px; background:url(/images/common/ico/ico_header_info_item1.png) no-repeat;
background-size:30px;}
.header-info-layout .header-inner-info-layout .profile-list li.notice-item > a > i{width:32px; height:32px; background:url(/images/common/ico/ico_header_info_item2.png) no-repeat;
background-size:32px;}
.header-info-layout .header-inner-info-layout .profile-list li.info-item  > a > i{width:29px; height:33px; background:url(/images/common/ico/ico_header_info_item3.png) no-repeat;
background-size:29px 33px;}
.ico-new{display:inline-block; vertical-align: middle; margin-left:7px; width:15px; height:18px; background:url(/images/common/ico/ico_new.png) no-repeat; background-size:15px;}
.popup-layout-type1{display:none; position: absolute; top:60px; left:-390px; min-width:480px; background: #fff;box-shadow:0px 2px 6px 2px rgba(68,68,68,0.2); z-index:1}
.popup-layout-type1 .popup-header-type1{height:60px; background: #f1f1f1; text-align:center; position: relative}
.popup-layout-type1 .popup-header-type1 h2{color:#004071; font-size:24px; line-height:60px; font-weight:400; font-family:'notokr-medium'; }
.popup-layout-type1 .popup-header-type1 a.popup-close{position: absolute; top:20px; left:20px}
.popup-layout-type1 .popup-content-type1{padding:30px; max-height:450px; overflow-y: auto}
.popup-layout-type1 .popup-content-type1 .popup-cont-list li {padding-bottom:25px; margin-top:25px; border-bottom:1px dashed #cccccc}
.popup-layout-type1 .popup-content-type1 .popup-cont-list li:first-child{margin-top:0}
.popup-layout-type1 .popup-content-type1 .popup-cont-list li > a{color:#004071; font-size:20px; font-family:'notokr-medium'; display:block;
width:420px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.popup-layout-type1 .popup-content-type1 .popup-cont-list li > p.date{margin-top:10px;}
.popup-layout-type1 .popup-content-type1 .popup-cont-list li > p.date > em{font-family:'notokr-medium'; }
.popup-layout-type1 .popup-content-type1 .ac-aicon{position: relative; bottom:0; right:0; top:12px; float:right;}
.drop-arrow{position: absolute;top: -10px;right: 25px;width:20px;height:10px;background: url(/images/common/ico/ico_popup_arrow.png) no-repeat;}
.nodate{padding:80px 0; text-align:center;}
.nodate p{font-size:18px;}
.nodate.nodata-line-type1{border-bottom:1px dashed #cccccc}
.dim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}


.header-info-layout2{height:140px; background: #004071 url(/images/common/bg/bg_header.png) no-repeat center; width:100%; background-size:cover}
.page-title{text-align:center; padding-top:33px}
.page-title h2{color:#ffffff; font-size:40px; font-family:'notokr-medium'; font-weight:400; font-style:normal;}
.page-title .history-link:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.page-title .history-link > li{display:inline-block; position: relative; padding-left:25px}
.page-title .history-link > li.first{padding-left:0}
.page-title .history-link > li.first:before {display:none}
.page-title .history-link > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 10px;
    width: 6px;
    height: 11px; background: url(/images/common/ico/ico_white_arrow.png) no-repeat left center
}
.page-title .history-link > li a{color:#ffffff; font-size:15px;}
.layBodyWrap{width:100%;}
.layBodyWrap .page-container{width:100%; position: relative}
.layBodyWrap .page-container .page-content{max-width:1200px;margin:0 auto; padding:80px 15px; position: relative}


/*footer*/
footer{width:100%; background:#f1f1f1;}
.footer-layout{max-width:1200px;margin:0 auto; padding:25px 15px 26px 15px; position: relative; text-align:center;}
.foot-agency-list-wrap{border-bottom:1px solid #ccc}
.foot-agency-list-wrap .foot-agency-list{max-width:1200px;margin:0 auto; padding:0 15px 25px 15px; position: relative}
.foot-agency-list-wrap .foot-agency-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.foot-agency-list-wrap .foot-agency-list > li{float:left; width:183px; padding-right:20px; margin-top:25px;}
.foot-agency-list-wrap .foot-agency-list > li:nth-child(6n+0){padding-right:0}
.foot-agency-list-wrap .foot-agency-list > li a{color:#004071; font-size:14px;font-family:'notokr-medium';  }
.foot-agency-list-wrap .foot-agency-list > li > ul > li{font-size:14px; color:#888888; line-height:20px; margin-top:3px; word-break: keep-all; letter-spacing:-0.5px;}
.footer-layout .foot-copy-list{margin-bottom:5px}
.footer-layout .foot-copy-list li{display:inline-block; position:relative; color:#888; font-size:14px;padding-right:8px; margin-left: 9px;}
.footer-layout .foot-copy-list li:before {content: ""; display: block; position: absolute; top:3px; left: -10px; width: 1px; height: 15px; background-color: #cccccc;}
.footer-layout .foot-copy-list li.first:before{display:none;}
.footer-layout .footer-info > ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.footer-layout .footer-info > ul > li{display:inline-block;}
.footer-layout .footer-info > ul > li a{position: relative; padding-right:8px; margin-left: 9px;}
.footer-layout .footer-info > ul > li:first-child a:before{display:none}
.footer-layout .footer-info > ul > li a:before {content: ""; display: block; position: absolute; top:3px; left: -10px; width: 1px; height: 15px; background-color: #004071;}
.footer-layout .footer-info > ul > li:first-child a{font-family:'notokr-medium';}
.footer-layout .footer-info > ul > li a{color:#004071; font-size:15px;}
.footer-layout .footer-info address{color:#004071; font-size:15px; margin-top:15px; line-height:28px;}

/*0516 css 추가*/
.sky-wrap{position: fixed; right: 0; bottom:30px;z-index: 90;}
.sky-wrap > ul > li > button{border:0; background:none; margin:0; padding:0}
.sky-wrap > ul > li > button img{display:inline-block; vertical-align: middle;}
.sky-wrap > ul > li > .popup-layout-type1{top:auto; bottom:0; width:360px; min-width:360px; border:2px solid #e4f3fe; box-sizing: border-box; box-shadow:none}
.sky-wrap > ul > li > .popup-layout-type1 .popup-header-type1{background:none;}
.sky-wrap > ul > li > .popup-layout-type1 .popup-content-type1 .popup-cont-list li > a{width:auto; font-size:18px;}
.sky-wrap > ul > li > .popup-layout-type1 .popup-content-type1{padding:0 30px 20px 30px}
.sky-wrap > ul > li > .popup-layout-type1 .popup-content-type1 .popup-cont-list li{padding-bottom:20px}
.sky-wrap > ul > li > .popup-layout-type1 .drop-arrow{top:auto; bottom:45px; right:-11px; width:10px; height:14px; background: url(/images/common/ico/ico_blue_arrow3.png) no-repeat;}