@charset "euc-kr";

.header { }
.header__top {height: 2.875rem;background-color: #006c76;text-align: right;}
.header__top .wrapper {height: 100%;font-size: 0;}
.header__top .wrapper:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.header .topMenu {display: inline-block;text-align: left;vertical-align: middle;}
.header .topMenu > li {float: left;height: 0.875rem;padding: 0 1.05rem;font-size: 0.875rem;}
.header .topMenu > li:first-child {border-left: 0;}
.header .topMenu > li > a {display: block;line-height: 0.875rem;color: #fff;}
.header .totalSearch {float: right;position: relative;height: 100depth1__menu%;}
.header .totalSearch__open {width:3.125rem;height: 100%;background-color: rgba(0,0,0,0.2);}
.header .totalSearch__form {position: absolute;top:0;right: 0;z-index: -1;height: 100%;transition:top 0.5s linear}
.header .totalSearch__inp {width: 15rem;height: 100%;padding:0 1rem;background-color: #ddd;color:#fff;}
.header .totalSearch__btn {position: absolute;top: 0;right: 0;width:3.125rem;height: 100%;background-color: #f58233;}
.header__cont {background-color: #fff }
.header .gnb .depth1__menu {position: relative;}
.header .gnb .depth1__menu > a {display: block;font-size: 1.35rem; }
.header .gnb .depth1__menu > a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.header .gnb .depth2 {overflow: hidden;width: 100%;font-size: 1.205rem; color:#999999;}
.header .gnb .depth2--one .depth2__tit {display: none;}
.header .gnb .depth2__menu.accom {position: absolute; left: 265px; bottom: 150px; width: calc((100% - 310px)/4);}

.header__top .relateSite {width: 188px;}
.header__top .relateSite {float: right; position: relative; height: 100%;}
.header__top .relateSite .relateSite_sel {width: 100%; max-width:150px;height: 38px;padding:0 10px;background-color: #fff;line-height: 38px; float: left;border-bottom: 1px solid #ddd;}
.header__top .relateSite .relateSite_sel::-ms-expand {display: none;}
.header__top .relateSite .relateSite_btn{width:38px;height:38px;background-color: #4eacc5;/* background-color: #f5823b; */color:#fff; float: left; }

.header__top .popup {float: left;height: 46px; padding: 0 1.25rem; font-size: 0.875rem; border: 1px solid #014f56; border-top: none; border-bottom: none;}
.header__top .popup a {display: block; line-height: 46px; color: #fff; font-size: 13px; font-weight: 300;}
.header__top .popup a span {background: #014f56; border-radius: 50%; padding: 2px 8px; margin-left: 2px; font-size: 12px;}
.header__top .popup:hover a {text-decoration: underline;}

/* ?�단 ?�업�?*/
#hdPopup {overflow: hidden;background: #3e3e3e url('/grad/design/images/mainpage/bg_pattern1.png');}
#hdPopup.animate {transition: height 0.5s linear}
#hdPopup.none {height: 0 !important;}
.hd_popup {overflow: hidden;}
.hd_popup li {width: 50%;float: left;}
.hd_popup li img {/* width: 575px;  */max-width:575px;}
#hdPopup .wrapper {padding:15px 0;}
#hdPopup .col-3 {text-align: center; margin-top: 3%;}
#hdPopup .pop_tit {font-size: 18px;}
#hdPopup .pop_tit small {font-size: 14px;display: block;}
#hdPopup .pop01 .pop_tit, #hdPopup .pop01 .date {color: #fbe4c1;}
#hdPopup .pop02 .pop_tit, #hdPopup .pop02 .date {color: #87d5dc;}
#hdPopup .pop_con {font-size: 14px; color: #fff;}
#hdPopup .date {font-size: 14px;}
#hdPopup .closebox {color: #fff; font-size: 14px; font-weight: 300;position: relative; left: 0; top: 7px;text-align: right;}
#hdPopup .closebox .btn_close {vertical-align: middle;cursor: pointer;}
#hdPopup .closebox form label:after {content: ''; width: 10px; height: 10px; border: 1px solid #959595; vertical-align: middle; display: inline-block; margin: 0 5px;}
#hdPopup .closebox form label.on:after {background: url('/grad/design/images/mainpage/i_next.png') no-repeat center; transform: rotate(90deg); background-size: contain;}
#hdPopup .closebox input[type="checkbox"] {display: none;vertical-align: middle; background: #282828; border: 1px solid #d7d7d7;}
#hdPopup .bx-pager > div, #hdPopup .bx-controls-auto > div {float: left;}
#hdPopup .bx-controls {display: inline-block; position: absolute; left: 0; bottom:-27px; z-index: 900;}
#hdPopup .bx-controls-auto {position: absolute; left: 0; bottom: 0; }
#hdPopup .bx-controls-auto .bx-start {display: none !important; background: url('/grad/design/images/mainpage/i_play.png') no-repeat center; width: 11px; height: 14px; text-indent: -9999px; display: inline-block; margin: 0 2px;}
#hdPopup .bx-controls-auto .bx-stop {background: url('/grad/design/images/mainpage/i_pause.png') no-repeat center; width: 12px; height: 14px; text-indent: -9999px; display: block; margin: 0 2px; vertical-align: middle; background-size: 85%; } 
#hdPopup .bx-pager {min-width:50px; width:200px; position: absolute; left: 20px; bottom: 0;}
#hdPopup .bx-pager a {width: 12px; height: 12px; margin: 1px 3px 0;background: #9e9891; border-radius: 50%; text-indent: -9999px; }
#hdPopup .bx-pager a.active {background: #fff;}
#hdPopup .bx-prev {margin-left: 10px;transform:rotate(-45deg);}
#hdPopup .bx-next {transform:rotate(135deg);}
#hdPopup .bx-pager .bx-pager-item {padding: 0 1px;}
.sub #hdPopup .row {margin-top: 0 !important; margin-bottom: 0 !important;}
.sub #hdPopup .txt-center {text-align: left !important;}