@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다. 
********************/


/*서브비주얼****************************************/
.eQ01 .wrap_sub_visual:before{background:url(/sites/guide/images/sub/sub_visual_2.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/guide/images/sub/sub_visual_12.jpg) no-repeat center top;}
.eQ03 .wrap_sub_visual:before{background:url(/sites/guide/images/sub/sub_visual_13.jpg) no-repeat center top;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/guide/images/sub/sub_visual_13.jpg) no-repeat center top;}
.eQ05 .wrap_sub_visual:before{background:url(/sites/guide/images/sub/sub_visual_19.jpg) no-repeat center top;}

.wrap_header .head_logo {width: 67%}
.wrap_header .head_navi nav .li_1 {width: auto}


/*위치****************************************/
.wrap-location .desc {position: relative; display: inline-block; width: 100%; margin: -31px 0 0 0; padding: 21px 0 21px 30px; background: #e4e4e4; border-top: 1px solid #ccc;}
.wrap-location .desc .address,
.wrap-location .desc .tel {float: left; padding:10px 0 10px 80px;}
.wrap-location .desc .tel {background: url('/sites/skukr/images/sub/ico-location2.png') no-repeat left center;}
.wrap-location .desc .address {margin-right: 45px; background: url('/sites/skukr/images/sub/ico-location1.png') no-repeat left center;}
.wrap-location .desc strong {display:block; font-family: 'Noto Medium'; font-size: 18px; color: #333333}
.wrap-location .desc p {font-family: 'Noto Light'; font-size: 16px; color: #333;}
.wrap-location .desc .btn-location {position: absolute; right: 30px; top: 30px; padding: 15px 125px 15px 20px; background: #003956 url('/sites/skukr/images/sub/arrow-location.png') no-repeat 85% center; border-radius: 100px; font-family: 'Noto Regular'; font-size: 18px; color: #fff;}

@media all and (max-width: 950px) {
  .wrap-location .desc .address,
  .wrap-location .desc .tel {float: none; width: 100%}
}

@media all and (max-width: 750px) {
  .wrap-location .desc .btn-location {position: static; display: inline-block; margin-top: 10px;}
}

.wrap-contents .icon-banner .desc .is-img {display: table; width: 100%; table-layout: fixed;}
.wrap-contents .icon-banner .desc .is-img .img {display: table-cell; vertical-align: top;}
.wrap-contents .icon-banner .desc .is-img .text {display: table-cell; padding-left: 20px; vertical-align: top;}

/* 구글 번역 */
body {top: 0 !important;}
.skiptranslate {display: none;}
#goog-gt-tt {display: none !important;}
.templet_gnb {position: relative; padding-left: 25px;}
.templet_gnb .gnb-translate{margin-left: 20px;}
.templet_gnb .gnb-translate .list-convert {position: relative; display: inline-block; overflow: hidden; float: left;}
.templet_gnb .gnb-translate .list-convert ul {display: inline-block; float: left;}
.templet_gnb .gnb-translate .list-convert li {position: relative; float: left; display: flex; align-items: center; justify-content: center; padding: 0 3px;}
.templet_gnb .gnb-translate .list-convert li a {position: relative; display: inline-flex; align-items: center; justify-content: center;}
.templet_gnb .gnb-translate .list-convert li a::before {content: ''; display: inline-block; width: 32px; height: 32px; border-radius: 50%; overflow: hidden;}
.templet_gnb .gnb-translate .list-convert li #lang_ko::before {background: url('/sites/global_en/images/common/ico-global-kr-line.png') no-repeat center center;}
.templet_gnb .gnb-translate .list-convert li #lang_zh-CN::before {background: url('/sites/global_en/images/common/ico-global-cn-line.png') no-repeat center center;}
.templet_gnb .gnb-translate .list-convert li #lang_en::before {background: url('/sites/global_en/images/common/ico-global-en.png') no-repeat center center;}
.templet_gnb .gnb-translate .list-convert li #lang_jp::before {background: url('/sites/global_en/images/common/ico-global-jp-line.png') no-repeat center center;}
.templet_gnb .gnb-translate .list-convert li #lang_vnm::before {background: url('/sites/global_en/images/common/ico-global-vnm.png') no-repeat center center;}
.templet_gnb .gnb-translate .list-convert li span {position: absolute; left: -99999px; text-indent: -99999px;}

.templet_gnb .gnb-translate > button {display: none;}
.templet_gnb .gnb-translate .tip {display: none;}

@media all and (max-width:768px){
    .templet_gnb #google_translate_element {display: none;}

    .templet_gnb {padding-left: 0;}
    .templet_gnb .gnb-translate .list-convert {overflow: hidden;position: absolute;top: 100%;max-width: 150px;max-height: 0;background: #fff;border: 1px solid #fff;border-radius: 5px;transition: max-height .5s;opacity: 0;}
    .templet_gnb .gnb-translate .list-convert.on {max-height: 250px; border: 1px solid #d1d1d1; opacity: 1;}
    .templet_gnb .gnb-translate .list-convert ul {padding: 5px 0;}
    .templet_gnb .gnb-translate .list-convert li {float: none; justify-content: normal; padding: 3px 0;}
    .templet_gnb .gnb-translate .list-convert li a {display: flex; align-items: center; gap: 7px; padding: 0 5px;}
    .templet_gnb .gnb-translate .list-convert li a::before {border: 1px solid #bfbfbf; box-sizing: border-box;}
    .templet_gnb .gnb-translate .list-convert li span {position: relative; left: auto; text-indent: 0;}

    .templet_gnb .gnb-translate > button {position: relative; display: block; padding: 0 21px 0 39px; font-family: 'pps'; font-size: 15px; color: #fff; height: 40px;}
    .templet_gnb .gnb-translate > button::before {content: ''; position: absolute; left: 0.5rem; top: 0; width: 25px; height: 40px; background: url('/sites/global_en/images/common/ic-lang.png') no-repeat center;}
    .templet_gnb .gnb-translate > button::after {content: ''; position: absolute; right: 0.5rem; top: 0; width: 7px; height: 40px; background: url('/sites/global_en/images/common/arrow-global.png') no-repeat center;} 
    .templet_gnb .gnb-translate .tip {position: absolute; top: 100%; width: 416px; padding: 10px 15px; background: rgba(255,255,255,1); border-radius: 5px; font-family: 'ppr'; font-size: 14px; border: 1px solid #d1d1d1; color: #666;}
    .templet_gnb .gnb-translate .tip.on {display: block; left: auto;}
    .templet_gnb .gnb-translate .tip button {display: inline-block; margin-top: 5px; padding: 5px 10px; background: #003477; border-radius: 5px; color: #fff;}
}
@media all and (max-width:320px) {
    .wrap_unb .templet_gnb > a {font-size: 14px; padding: 0 10px;}
    .templet_gnb .gnb-translate {margin-left: 0;}
}
/* 20251212 backup */
/* body {top: 0 !important;}
.skiptranslate {display: none;}
#goog-gt-tt {display: none !important;}
.templet_gnb {position: relative; padding-left: 25px;}
.templet_gnb #google_translate_element {display: none;}
.templet_gnb .gnb-translate .list-convert {overflow: hidden;position: absolute;top: 100%;max-width: 150px;max-height: 0;background: #fff;border: 1px solid #fff;border-radius: 5px;transition: max-height .5s;opacity: 0;}
.templet_gnb .gnb-translate .list-convert.on {max-height: 250px; border: 1px solid #d1d1d1; opacity: 1;}
.templet_gnb .gnb-translate .list-convert ul {padding: 5px 0;}
.templet_gnb .gnb-translate .list-convert li {padding: 3px 0;}
.templet_gnb .gnb-translate .list-convert li a{display: flex;align-items: center;gap: 7px;padding: 0 5px 0 0;}
.templet_gnb .gnb-translate .list-convert li a img{width:35px;margin: 0px 0 0 6px;}
.templet_gnb .gnb-translate .list-convert li:last-child {border: 0}

.templet_gnb .gnb-translate > button {position: relative; padding: 0 21px 0 39px; font-family: 'pps'; font-size: 15px; color: #fff; height: 40px;}
.templet_gnb .gnb-translate > button::before {content: ''; position: absolute; left: 0.5rem; top: 0; width: 25px; height: 40px; background: url('/sites/global_chn/images/common/ic-lang.png') no-repeat center;}
.templet_gnb .gnb-translate > button::after {content: '';    position: absolute;    right: 0.5rem;    top: 0;    width: 7px;    height: 40px; background: url('/sites/global_chn/images/common/arrow-global.png') no-repeat center;} 
.templet_gnb .gnb-translate .tip {position: absolute;  top: 100%; width: 416px; padding: 10px 15px; background: rgba(255,255,255,1); border-radius: 5px; font-family: 'ppr'; font-size: 14px; border: 1px solid #d1d1d1; color: #666; opacity: 0; transition: opacity .75s;}
.templet_gnb .gnb-translate .tip.on {left: auto; opacity: 1;}
.templet_gnb .gnb-translate .tip button {display: inline-block; margin-top: 5px; padding: 5px 10px; background: #003477; border-radius: 5px; color: #fff;} */

/* 2026.06.05 추가 */
/*.wrap_unb .container{max-width:1600px; margin: 0 auto;box-sizing:border-box; display: flex;}
.wrap_unb .head-global{display:flex; text-indent:-99999px; margin-left:10px;}*/
