/* header */
.header {position:relative;width: 100%;letter-spacing: -0.05em;background:#fff;z-index:999;height: 8.125rem;}
.header:after {clear: both; display: block; width: 100%; content: "";}
.header .top_util{text-align: left;background:#fff;font-size:0.875rem;border-bottom:0.0625rem solid #E7E7E7;}
.header .top_util ul{display: flex;}
.header .top_util ul li{float: left;border-right:0.0625rem solid #E7E7E7;}
.header .top_util ul li a{color:#888;padding: 0.625rem 1.5625rem;display: block;text-align: center;font-size: 0.8rem;}
.header .top_util ul li.on {background:#007764; color: #fff;}
.header .top_util ul li.on a{color: #fff;}
.header .top_util .link_group {overflow: hidden; display: flex; justify-content: space-between; max-width: 93.75rem; margin: 0 auto;}
.header .top_util .link_group .right i{padding-right: 0.625rem;}
.header .top_util .link_group .right li:first-child{border-left:0.0625rem solid #E7E7E7;}
.header .header_wrap{width: 100%; position: absolute; background: #fff;border-bottom: 0.0625rem solid #eaeaea;}
.header .head_menu{height: inherit;background: #fff;display: flex;justify-content: space-between;align-items: center; max-width: 93.75rem; margin: 0 auto;}
.header .head_menu h1{width: 25%; }
.header .head_menu h1 a{display: flex; width: 100%; align-items: center; }
.header .head_menu h1 img{vertical-align: middle;}
.header .head_menu h1 span{font-size: 1.3rem; padding-left: 0.9375rem; font-weight: 700; color: #333;}
.header .head_menu .gnb{width: 80%;display: flex; justify-content: space-between; align-items: center;}
.header .head_menu .gnb .depth01 {height: 5.625rem; width: calc(100% - 6.25rem); display: flex;  padding: 0 5%}
.header .head_menu .gnb .depth01 li{vertical-align: top;text-align: left; flex: 1 1 0;}
.header .head_menu .gnb .depth01 li a{color: #101010;font-size: 1.2rem;font-weight: 700;display:inline-block;transition: all .3s ease;}
.header .head_menu .gnb .depth01 li a span{position:relative; height: 90px; display: flex; align-items: center;}
.header .head_menu .gnb .depth01 li a span:after{content:""; position:absolute; width: 0; height: 0.1875rem; background:#007764; left: 0; bottom: 0; transition:all .3s ease;}
.header .head_menu .gnb .depth01 li:hover a span:after{width:100%;}
.header .head_menu .gnb .depth01 li .depth02{/* background: #f9f9f9; *//* position: absolute; *//* width: 100%; */left: 0;display: flex;}
.header .head_menu .gnb .depth01 li .depth02 .m_tit {background: #72665E; width: 25%; display: flex;justify-content: center; display: none;}
.header .head_menu .gnb .depth01 li .depth02 .m_tit span{position: relative; text-align: left; font-size:2rem;color: #fff; font-weight: 600; display: inline-block; padding-top: 3.4375rem; }
.header .head_menu .gnb .depth01 li .depth02 ul{/* padding: 3.125rem; */width: 100%;/* display: flex; */flex-wrap: wrap;padding-top: 1rem;/* padding-left: 2.5rem; */}
.header .head_menu .gnb .depth01 li .depth02 li{display: block;margin-bottom: 0.1875rem;width: 100%;text-align: left;}
.header .head_menu .gnb .depth01 li .depth02 li a {position:relative;font-size: 1rem;font-weight: 500;color: #555; display:block; padding: 0.3125rem 0.5rem; }
.header .head_menu .gnb .depth01 li .depth02 li a:hover{ color: #007764; border-radius: 0.3125rem; transition: all .3s ease; font-weight: 600;}
.header .head_menu .gnb .depth01 li .depth02 li a[target="_blank"]:after{content: '';display: inline-block; transform: translateY(0.2rem); margin-left:0.3125rem; width: 0.9375rem ;height: 0.9375rem; background: url("../images/common/ico_link.svg") no-repeat;}
.header .gnb_util{ height: 5.625rem;}
.header .gnb_util .btn_ham{background: url('../images/common/btn_ham.svg') right center no-repeat;padding: 0.75rem;display: inline-block;width: 5.625rem;height: 100%;}
.header .gnb_util .full_menu{width: 100vw;height: 100%; background: #fff;position: fixed;left: 50%;top: 0;z-index: 99999;transform: translateX(-50%); box-sizing: border-box;}
.header .gnb_util .full_menu .logo{padding: 1.25rem; display: block; border-bottom: 0.0625rem solid #eaeaea; width: 100%;}
.header .gnb_util .full_menu .wrap { height: 100%;}
.header .gnb_util .full_menu .wrap .top{ padding: 0.9375rem 0 2.5rem; border-bottom: 0.0625rem solid #e8e8e8;}
.header .gnb_util .full_menu .wrap .top .inner{position: relative; max-width: 98%; margin: 0 auto;}
.header .gnb_util .full_menu .depth1{display: flex;width: 100%;height: 100%;font-size: 0;  max-width: 93.75rem; margin: 0 auto;}
.header .gnb_util .full_menu .depth1 > li{ align-items: center;   flex: 1 1 0; padding: 5rem 1.875rem 1.875rem; }
.header .gnb_util .full_menu .depth1 > li+li {border-left: 0.0625rem solid #e8e8e8;}
.header .gnb_util .full_menu .depth1 > li:first-child{border-left:0;}
.header .gnb_util .full_menu .depth1 > li > a{ position: relative; font-size: 1.6rem;font-weight: 400;color: #1c2232;width: 10%;line-height: 2.625rem; }
.header .gnb_util .full_menu .depth1 > li > a > span{position: relative; display: inline-block; font-weight: 700; color: #007764;}
.header .gnb_util .full_menu .depth1 > li > .depth2{width: 100%;/* display: inline-block; */margin-top: 0.1875rem;float: left; }
.header .gnb_util .full_menu .depth1 > li > .depth2 > li{width: 100%;float: left;line-height: 2.5rem; vertical-align: top;box-sizing: border-box;height: auto;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > a{position: relative; font-size: 1.3rem;font-weight: 400;color: #555;display: block;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li > a[target="_blank"]:after{content: '';display: inline-block; transform: translateY(0.1875rem); margin-left:0.5rem; width: 1.1875rem ;height: 1.1875rem; background: url("../images/common/ico_link_lg.svg") no-repeat;}
.header .gnb_util .full_menu .depth1 > li > .depth2 > li.blank a{position: relative;}
.header .gnb_util .full_menu .menu_close{background: #007764 url('../images/common/menu_close.png') center no-repeat;width: 4.6875rem;height: 4.6875rem;/* border-radius:3.75rem; */position: absolute;right: 0.9375rem;color: #fff;top: 0.4375rem;box-shadow: 0 0.25rem 1.25rem rgba(80,135,245,.3);}
.header .gnb_util .full_menu:after{content: ''; width: 100vw; height: 100vh; background: rgba(0,0,0,.5)}

/* gnb open */
.header_wrap.open{background: #fff;box-shadow: 0 0.625rem 1.25rem rgba(61, 61, 61, 0.1);}
.header_wrap.open::after{content:"";position: absolute;left:0;top:5.625rem;width:100%;border-top: 0.0625rem solid #e6e6e6;}
.header_wrap.open .head_menu{align-items: flex-start;}
.header_wrap.open .gnb{align-items: flex-start;}
.header_wrap.open h1{height: 5.625rem; display: flex; align-items: center;}
.header .head_menu .gnb .depth01 > li {}
.header .head_menu .gnb .depth01 li a:hover ~ .depth02{color:#1a8dde;transition: all 0.2s ease;}
.header .head_menu {position: relative;}
.header .head_menu .gnb .m_tit{position: absolute; display:none;left: 0;top: 5.625rem;z-index: 99;width: 20%;height: calc(100% - 5.625rem);padding:1.875rem 0 0 3.125rem; background: url("../images/common/menu_bg.jpg") center bottom no-repeat; background-size: cover; }
.header .head_menu .gnb .m_tit strong{font-size: 2rem; color: #fff; font-weight: 600; letter-spacing: 0.0625rem;}
.header .head_menu .gnb .m_tit p{color: rgba(255,255,255,.5); padding-top: 0.3125rem; font-size: 1.1rem; letter-spacing: 0.1875rem;}

/*skip*/
.skip_nav{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
.skip_nav a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
.skip_nav a:focus,
.skip_nav a:active{ display:block; width:100%; height:2.25rem; color:#fff; background:#000; line-height:2.25rem; text-decoration:underline !important; font-size:0.875rem; }

/*popup*/
.popup_area {position: fixed;background: rgba(0,0,0,.8);z-index: 9999;width: 100vw;height: 0;opacity: 0;overflow: hidden;transition: opacity .3s ease;display: none;}
.popup_area.show{height: 100%;opacity: 1;display: flex; align-items: center; justify-content: center;}
.popup_list {overflow: hidden; max-width: 80%; width:100vw;}
.popup_list .popup_item img {width: auto; max-width: 100%;}
.popup_btn {display: flex; justify-content: center; padding-top: 3rem; gap: 0.625rem;}
.popup_btn a{color: #fff; display: inline-block; padding: .8rem 2.5rem; border-radius: 2.5rem; font-weight: 700;}
.popup_btn a.today_close{border: 0.125rem solid #fff;}
.popup_btn a.close{background: #007764;}
.popup_list .indicator { display: flex; align-items: center; justify-content: end; padding-bottom: 1.25rem; }
.popup_list .indicator > div {width: 3.125rem; height: 3.125rem; cursor: pointer; display: block;border-radius: 3.125rem;border: 0.0625rem solid #fff; color: #fff; }
.popup_list .indicator .swiper-button-disabled {opacity: .5; }
.popup_list .indicator .popup_prev{ background: url("../images/main/prev.svg") center no-repeat; }
.popup_list .indicator .popup_next{ background: url("../images/main/next.svg") center no-repeat; margin-left: 0.3125rem;}

/*footer*/
.footer{background: #f9f9f9;}
.footer .inner{max-width: 93.75rem; margin: 0 auto;}
.footer .ft_above { display: flex; align-items: center; gap: 1.875rem; padding: 1.25rem 0; border-bottom: 0.0625rem solid #E4E4E4;}
.footer .link_group{ display: flex; gap: 1.25rem;}
.footer .link_group li a{color: #999; font-weight: 500;}
.footer .link_group li.on a{color: #007764;}
.footer .ft_bottom {display: flex; align-items: center; padding: 1.875rem 0 5rem; justify-content: space-between;}
.footer .info{color: #9D9D9D;}
.footer .info .contact{display: flex; font-size: .95rem; gap: 0.9375rem;}
.footer .info .contact li{position: relative;}
.footer .info .contact li:before{content: ''; width: 0.0625rem; height: 0.625rem; background:#bebebe; display: inline-block;}
.footer .info .contact li:first-child:before{display: none;}
.footer .info .contact b{color:#6A6A6A; padding-right: 0.625rem; padding-left: 0.9375rem;}
.footer .info .contact li:first-child b{padding-left: 0;}
.footer .info .contact span{color:#767676;}
.footer .copyright {font-size: .9rem; padding-top: 0.625rem; color: #9D9D9D;}

/*to top*/
#scroll {position:fixed;right:1.875rem;bottom:1.875rem;cursor:pointer;width:3.75rem;height:3.75rem;background-color:#007764;text-align:center;color:#fff;display:none;border-radius:3.75rem;z-index: 1; }
#scroll span{display: block; font-size: 0.8125rem;}
#scroll i{position: relative; top: 0.25rem; transition: all .2s;}
#scroll:hover i{top: 0.125rem;}

/*snb*/
.snb_wrap {display: flex; justify-content: center; align-items: center; max-width: 87.5rem; margin: 0 auto;  position: relative;}
.snb > ul { display: flex; align-items: center;}
.snb ul > .depth > a {position: relative; display: block;padding: 0 3rem 0 1.875rem; height: 100%; color: #555; font-weight: 500;}
.snb ul > .depth > a:after{content: '';position: absolute; top: 50%; right: 1.25rem; display: inline-block; width:0.25rem;height: 0.25rem;margin: -0.25rem 0 0 0.625rem;background-color: transparent;border-top: 0.0625rem solid #888;border-right: 0.0625rem solid #888; transform: rotate(135deg);transition: all .3s;}
.snb ul > .depth > a.active:after{ transform: rotate(45deg);}
.snb ul > .depth > a:before {content: ''; position: absolute; width: 0.0625rem; height: 30%; left: 0; top:50%; transform: translateY(-50%); background: #ccc;}
.snb .depth{position: relative;  margin-left: 0.3125rem;}
.snb .depth:after{content: '';position: absolute;top: 0;right: 0;width: 0.0625rem;height: 100%; background: rgba(255,255,255,.15);}
.snb .depth ul{position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; width: 100%; min-width: 10rem; background: #fff;  border: 0.0625rem solid #ddd; box-shadow: 0 0.25rem 1.5rem  rgba(65,65,65,.1);}
.snb .depth ul li:hover{background: #F6F6F6; }
.snb .depth ul li a{display: inline-block;width: 100%; height: 100%;padding: 0.5rem 0.625rem; font-size: 0.9375rem;}
.snb .depth ul li:hover a{background: #f7f8f9;}
.snb .depth ul li.active a{color: #E94E1B;}
.snb .depth ul li.active:hover a{color: #fff;}
.snb ul li.home a{display: inline-block; width: 100%; height: 100%; color: #888; padding: 0 0.625rem;}

/*유틸리티*/
.util{position: absolute; right: 0;}
.util button{display: inline-block;  font-size: 1.2rem; padding: 0 0.3125rem; color: #888;}

@media all and (max-width:1500px){
    /*snb*/
    .snb_wrap{padding: 0 15px;}
    .util{right: 15px;}
    /*header*/
    .header .head_menu {padding: 0 1rem;}
    .header .head_menu .gnb .depth01 li .depth02 li a {font-size: 1rem;}
    /*footer*/
    .footer .inner{padding: 0 0.9375rem}
    .footer .link_group{padding: 1.25rem 0.9375rem; text-align: center;}
}

@media all and (max-width:1200px) {
    /*header*/
    .header{height: 6.5625rem;}
    .header .head_menu h1 img{width:7.5rem;}
    .header .head_menu h1 span{font-size: 1.2rem; padding-left: 0.625rem;}
    .header .head_menu .gnb{width: auto;}
    .header .head_menu .gnb .depth01{display: none;}
    .header .gnb_util{height: 4.375rem;}
    .header .gnb_util .full_menu{height: auto; background: #fff;}
    .header .gnb_util .full_menu .wrap{padding:0;height: 100%;}
    .header .gnb_util .full_menu .logo{padding: 1.25rem 0.625rem;}
    .header .gnb_util .full_menu .logo span{font-size: 1.2rem; padding-left: 0.625rem;}
    .header .gnb_util .full_menu .menu_close{background: url(../images/common/menu_close_sm.png) center no-repeat; top: 0; right: 0; box-shadow: none;}
    .header .gnb_util .full_menu .depth1{height: calc(100vh - 5.125rem);position: relative;display: block;}
    .header .gnb_util .full_menu .depth1:before{position:absolute;content:'';width: 10rem;height: calc(100vh - 5.125rem);background: #f0f4f7;left:0;top:0;}
    .header .gnb_util .full_menu .depth1 > li{border-bottom: 0;padding: 0; background: #fff; margin: 0;}
    .header .gnb_util .full_menu .depth1 > li+li{border-left:0;}
    .header .gnb_util .full_menu .depth1 > li > a{width: 10rem;margin-right: 0;background: #f0f4f7;color: #fff;position: relative;font-size: 1rem;text-align: center;display: block;padding: 0.875rem 0;font-weight: 500;z-index: 2;}
    .header .gnb_util .full_menu .depth1 > li > a > span:after{content: none;}
    .header .gnb_util .full_menu .depth1 > li > a > span{color: #666;}
    .header .gnb_util .full_menu .depth1 > li.active a{background: #fff;color:#000;}
    .header .gnb_util .full_menu .depth1 > li.active > a > span:after{background:#1b7cc0;}
    .header .gnb_util .full_menu .depth1 > li.active > a > span{margin-right: 0.625rem;transition: all 0.2s ease; color: #007764;}
    .header .gnb_util .full_menu .depth1 > li.active > .depth2{display: block;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > a:before {display: none;}
    .header .gnb_util .full_menu .depth1 > li > .depth2{display:none;width: calc(100% - 10rem);position: absolute;left: 10rem;margin-top: 0;top: 0.75rem;box-sizing: border-box;z-index: 2;overflow-y: scroll;height: calc(100vh - 7.1875rem);padding: 0 0.625rem 0.75rem 0.625rem;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li{display: block;width: 100%;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li > a{font-size: 0.95rem;font-weight: 400;border-bottom: 0.0625rem solid #e8e8e8;display: block;padding: 0.625rem 0;margin-top: 0;color: #000;/* background: #f8f8f8; */}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li:active > .depth3{display: block;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li.active{background: #fff;color:#000;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li.active > a{color: #1b7cc0; border-bottom-color: #1b7cc0;position: relative;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li.has > a{ position: relative;}
    .header .gnb_util .full_menu .depth1 > li > .depth2 > li.has.active > a:after{background-position:bottom center;}
}

@media all and (max-width: 767px) {
    /*snb*/
    .snb_wrap { flex-wrap: wrap;}
    .util{display: none;}
    
    /*header*/
    .header .head_menu h1 {left: 0.9375rem; width:100%;}
    .header .top_util ul li a {padding: 0.5rem 0.625rem;}
    .header .top_util .popup_open{height: auto; width: 2.1875rem;}
    .header .top_util .popup_open i{padding: 0 !important;}
    .header .top_util .popup_open span{display: none;}
    .header .gnb_util .search_area input{font-size: 0.9375rem}
    .header .gnb_util .search_area .t_search:after{background-size:80%;}
    
    /*footer*/
    .footer .ft_above{flex-wrap: wrap;}
    .ft_logo{width: 100%; text-align: center;}
    .footer .link_group{width: 100%; justify-content: center; padding: 0;}
    .footer .info .contact{flex-direction: column; gap: 0.3125rem;}
    .footer .info .contact li:before{display: none;}
    .footer .info .contact b{padding-left: 0;}
    .footer  .copyright{padding-top: 0.9375rem; text-align: center;}
    .footer .ft_bottom{padding: 1.25rem 0;}
}

@media all and (max-width: 575px) {
    /*header*/
    .header .gnb_util .full_menu .depth1 > li > a{width: 8rem;}
    .header .gnb_util .full_menu .depth1:before{width: 8rem;}
    .header .gnb_util .full_menu .depth1 > li > .depth2{width: calc(100% - 8rem);left: 8rem;}
}