@charset "utf-8";

html{-ms-content-zooming:none;}
/*body.noscroll{overflow:hidden;touch-action: none;}*/

body.noscroll #wrap{position: relative;}
body.noscroll {overflow: hidden;position: fixed;width: 100%;height: 100%;touch-action: none;}

.semi_mo{display:none;}
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}
@-webkit-keyframes fadeInDown {
    from {opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInDown {
    from {opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes fadeInUp {
    from {opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUp {
    from {opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

@-webkit-keyframes fadeInRight {
    from {opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInRight {
    from {opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}

@-webkit-keyframes fadeInLeft {
    from {opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInLeft {
    from {opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0);}
    to {opacity: 1; -webkit-transform: none; transform: none;}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}

.animate{-webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both;animation-delay: 200ms;opacity: 0;opacity: 1\0/IE8+9;}

.delay-0{-webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -o-animation-delay: 100ms; animation-delay: 100ms;}
.delay-1{-webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; -o-animation-delay: 300ms; animation-delay: 300ms;}
.delay-2{-webkit-animation-delay: 600ms; -moz-animation-delay: 600ms; -o-animation-delay: 600ms; animation-delay: 600ms;}
.delay-3{-webkit-animation-delay: 900ms; -moz-animation-delay: 900ms; -o-animation-delay: 900ms; animation-delay: 900ms;}
.delay-4{-webkit-animation-delay: 1400ms; -moz-animation-delay: 1400ms; -o-animation-delay: 1400ms; animation-delay: 1400ms;}

.int_box .btns.icon{position: absolute;top:50%; z-index:10;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -sand-transform: translateY(-50%);
    transform: translateY(-50%);
}
.int_box .btns.icon.delete{display: none; width:30px; height:30px; right:10px;}
.btns.icon.delete:before,
.btns.icon.delete:after{position: absolute; content: ''; top: 50%; left: 50%; height: 12px; margin-top: -5px; margin-left: -1px;  border-left: 2px solid #111; transform: rotate(-45deg); border-radius: 2px;}
.btns.icon.delete:after{transform: rotate(45deg);}

#header{position: fixed;width:100%;z-index: 900;top:0; background:#fff; box-sizing:border-box;}
#header .inner{display:flex; justify-content:space-between; align-items:center; position: relative;padding:0 20px;height:4.75rem;box-sizing: border-box;}
#header .sub_inner {background:#fff !important;}
/* 메인 mask 씌운거 없애기 */

#header .logo{display:inline-flex; height:100%; align-items:center; overflow:hidden}
#header .logo > a,
#header .nav_logo{display: inline-block; width:9.375rem; height:4.1875rem; background: url(/Images/logo.png) no-repeat 50% 50% / 9.375rem 4.1875rem;}


#hamberger{display:block;position:relative;width:2.5rem;height:2.5rem;border-radius:100%;background:#efe7cf; box-sizing: border-box}
#hamberger .btn_total{display:block;position:absolute;width:0.9375rem;height:0.125rem;background:#000;transition:all .3s ease;top:50%; left:50%; transform:translate(-50%, -50%);}
#hamberger .btn_total:before,
#hamberger .btn_total:after{content:''; display:block;position:absolute;width:0.625rem;height:100%;left:50%; background:#000; transition:all .3s ease; transform:translateX(-50%);}
#hamberger .btn_total:before{top:-7px;}
#hamberger .btn_total:after{top:7px;}
#hamberger.show .btn_total { background:transparent; }
#hamberger.show .btn_total:before {top:0; transform:rotate(45deg);}
#hamberger.show .btn_total:after {top:0; transform:rotate(-45deg);}

.sub #hamberger{background:#efe7cf;}

.total_menu {display:none; position:fixed; left:0px; top:0; z-index:900; width:100%; height:100%;}
.total_menu .dim {display:none;position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; background-color: rgba(0,0,0,.6);}
.total_menu .total_nav{position:absolute;top:0;right:-78%;width:calc(100% - 40px);height:100%;padding:20px; z-index:11;text-align:left;font-size: 16px;color: #333;background:#fff;overflow-y: auto; box-sizing:border-box;}
.total_menu .nav_tit{display:flex; justify-content:space-between; align-items:center; position: relative;}
.total_menu .nav_tit .close{width:2.125rem; height:2.125rem; background: url(/Images/icn-close.png) no-repeat 50% 50%;}
.total_menu .menu{padding-top:1.25rem;}
.total_menu .menu > li{border-bottom: 2px solid #e9e9e9}
.total_menu .menu > li:first-child{border-top: 2px solid #e9e9e9}
.total_menu .menu > li > a{display:inline-block;position:relative; font-size:1.125rem;color: #333;font-weight:400;padding:0.625rem;}
.total_menu .menu > li > a.on{font-weight:700;}
/*.total_menu .menu > li > a:hover{background:#cee2f1;}*/
/*.total_menu .menu > li > a.on:before{content: '';display: block;position: absolute;bottom: 0.75rem;left: -0.375rem;width: calc(100% + 0.75rem);height: 0.8125rem;background: #dfebf4;z-index: -1;}*/
.total_menu .menu > li.language{display:flex; margin-top:1.25rem; border-bottom:0;}
.total_menu .menu > li > a.lang{display:inline-block; padding:0 0.625rem; background:none; color:#666; font-size:1rem; font-weight:400; text-align:center; box-sizing:border-box;}
.total_menu .menu > li > a.lang.on{color:#b99a39;}
.total_menu .menu > li > a.lang p{padding:0.25rem 0;}
.total_menu .menu > li > a.lang.on p{border-bottom:1px solid #b99a39;}
.sub_depth .sub_in{padding: 12px 0;}
.sub_depth ul{display:flex; flex-wrap:wrap;}
.sub_depth li{flex:1 1 50%;}
.sub_depth li > a{display: block;position:relative; padding:0.3125rem 0 0.3125rem 1.25rem;color:#333;font-size:0.75rem;}
.sub_depth li:nth-child(odd):not(:last-child) > a:before{content:""; position:absolute; top:50%; right:0; width:1px; height:calc(100% - 1rem); background:#333; transform:translateY(-50%);}
.sub_depth li.on > a{position:relative; color:#b99a39; font-weight:700;}
.sub_depth li.on > a:after{content:''; position:absolute; top:50%; left:0.5rem; width:0.25rem; height:0.25rem; border-radius:1rem; background:#b99a39; transform:translateY(-50%);}

/* Common */
#header{background-color: #faf8ef; border-bottom:1px solid #bb9d40;}
#header.active .logo > a,
#header.sub .logo > a{background-image: url(/Images/logo.png)}

.sub-visual{margin-top:5rem; min-height:11.25rem; background:#faf8ef;}
.sub-visual__cont{padding-top:3.75rem;}
.sub-visual__cont h2{padding-bottom:1.25rem; color:#bb9d40; font-size:1.25rem; font-weight:900;}
.sub-visual__cont p{padding-bottom:1.25rem; font-size:1.875rem; font-weight:900;}

.sub-menu{padding:7.3125rem 0;}
.sub-menu.company{background:url(/Images/sub-visual01.jpg) no-repeat 50% 50%;}
.sub-menu.business{background:url(/Images/sub-visual02.jpg) no-repeat 50% 50%;}
.sub-menu.customer{background:url(/Images/sub-visual03.jpg) no-repeat 50% 50%;}
.sub-menu.company,
.sub-menu.business,
.sub-menu.customer{background-size:cover;}
.sub-menu__cont{padding-left:2.25rem;}
.sub-menu__cont > p{padding-bottom:1.75rem; color:#fff; font-size:1.875rem; font-weight:700; text-shadow: 3px 4px 15px rgba(0, 0, 0, 0.8);}
.sub-menu__list{display:flex; gap:1.25rem;}
.sub-menu__card{display:flex; justify-content:center; align-items:center; flex-direction:column; width:13.5rem; height:11.6875rem; background:#fff; border-radius:0.3125rem; transition:all .3s ease; cursor:pointer;}
.sub-menu__card:hover{background:#efebdf;}
.sub-menu__card span{margin-bottom:1.5rem; font-weight:700;}

.lnb{display:none;}
.navi_bg{display:none;}

.content{position:relative; max-width:1400px; height:100%; margin:0 auto; padding:0 1.25rem;}
.section{color:#333;}

.big-image__scroll img[usemap]{max-width:unset;}

/* footer */
.footer{padding:1.25rem 0; text-align:center; background:#333;}
.footer-contact{color:#fff; font-size:0.875rem; font-weight:500; border-bottom:1px solid #787772;}
.footer-contact p{padding-bottom:0.625rem;}
.footer-addr{padding-top:0.625rem; color:#b1b1b1; font-size:0.75rem; font-weight:500;}
.footer-addr p{padding-bottom:0.3125rem;}
.footer-addr .copy{padding-top:0.75rem;}
/* //footer */

/* layer_zone */
.layer_zone{display:none;position:fixed;top:0;left:0;right: 0;bottom: 0;width:100%;height:100%;background:rgba(0,0,0,.7); z-index:10000;overflow-y: auto;-webkit-overflow-scrolling: touch; }
.layer_wrap{display: table; width: 92%; height: 100%; padding:0 1.25rem; position: absolute; top: 0; left: 50%; box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -sand-transform: translateX(-50%);
    transform: translateX(-50%);
}
.layer_inwrap {display:table-cell;vertical-align:middle;padding:2.5rem 0;}
.layer_cont{box-sizing:border-box;position:relative;background-color:#fff;max-width:1200px;margin:0 auto;padding:0;
	-webkit-box-shadow: 10px 17px 30px 15px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 10px 17px 30px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 17px 30px 15px rgba(0, 0, 0, 0.1);
}
.layer_tit .tit{color:#fff; background:#2679b2; padding:10px 30px;}
.layer_zone .btn_w{padding-bottom:1.25rem; text-align:center;}
.layer_zone .btns.close{width:1.875rem;height:1.875rem;top:1.25rem;right:1.25rem;background:url(/Images/icn-close.png) no-repeat 50% 50%;}
.layer_zone .btns.cancel{width:8.125rem; height:3.75rem; background:#fff; color:#123d5b; border:1px solid #123d5b;}
.layer_zone .btns.confirm{border-color:#2679b2; color:#fff; background-color:#2679b2; transition:all .3s ease; min-width:100px; margin:0 2px; padding:9px 12px; font-size:12px; border-radius:4px; font-weight:700; border:1px solid #2679b2;}
.layer_zone .btns.confirm:hover{color:#2679b2; background-color:#fff; transition:all .3s ease;}

.alert_layer .layer_cont{max-width:35.125rem; padding:2.5rem; background:#faf8ef; border:2px solid #eadeb8; border-radius:1.25rem;}
.layer_wrap .close{width:34px; height:34px; position:absolute; top:15px; right:25px; background:url(/Images/icn-close.png) no-repeat 50% 50%; background-size:24px 24px;}
.layer_wrap .close.white{background:url(/Images/close_white.png) no-repeat 50% 50%; background-size:24px 24px;}
.layer_wrap .close.tariff:before,
.layer_wrap .close.tariff:after {border-left: 1px solid #000;}

.alert_cont{display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; text-align:center; box-sizing:border-box;}
.alert_cont .alert_icn{display:flex; justify-content:center; align-items:center; width:4.375rem; height:4.375rem; margin-bottom:0.625rem; border-radius:4.375rem; background:#fff;}
.alert_cont .alert_icn img{width:60%;}
.alert_cont .alert_title{margin-bottom:0.625rem; font-size:1.5rem;}
.alert_cont .inner{width:85%; font-size:18px;}
.alert_type .btn_w{text-align:right; padding:25px 0; padding-right:30px;}
.alert_type .btns.radius.cr1{border-color:#2679b2; color:#fff; background-color:#2679b2; transition:all .3s ease;}
.alert_type .btns.radius{min-width:100px; margin:0 2px; padding:9px 12px; font-size:12px; color:#2679b2; border-radius:4px; font-weight:700; border:1px solid #2679b2;}
.alert_type .btns.radius.cr1:hover{color:#2679b2; background-color:#fff; transition:all .3s ease;}

/* //Common */

.section.main-business{padding:5rem 0;}

/* main */
.main-visual{position:relative; height:50rem; margin-top:4.75rem; background:url(/Images/main-visual.jpg) no-repeat 50% 50%; background-size:cover; box-sizing:border-box;}
.main-visual .main-visual__title{display:flex; justify-content:center; max-width:1400px; width:100%; position:absolute; top:10%; left:50%; padding:0 1.25rem; color:#fff; font-size:1.625rem; font-family:'JalnanGothic'; text-align:center; line-height:4.375rem; transform:translateX(-50%); text-shadow:8px 9px 15px rgba(0, 0, 0, 0.34); box-sizing:border-box;}

.main-business__title{padding-bottom:1.25rem; font-size:2.5rem; font-weight:700; text-align:center;}

.business-swiper{position:relative; text-align:center;}
.business-swiper__cover{display:flex; max-width:1580px; margin:0 auto;}
.businessSwiper.swiper{}
.businessSwiper .swiper-wrapper{width:calc(100% - 180px);}
.businessSwiper .swiper-slide__img{width:100%; height:500px; border-radius:15.625rem; background-size:cover !important;}
.businessSwiper .swiper-slide__img.ocean{background:url(/Images/img-business_mo01.jpg) no-repeat 50% 50%;}
.businessSwiper .swiper-slide__img.air{background:url(/Images/img-business_mo02.jpg) no-repeat 50% 50%;}
.businessSwiper .swiper-slide__img.land{background:url(/Images/img-business_mo03.jpg) no-repeat 50% 50%;}
.businessSwiper p{padding-top:0.625rem; color:#666;}
.businessSwiper p.swiper-slide__title{padding-top:1.25rem; color:#333; font-size:1.25rem; font-weight:500;}
.businessThumbSwiper{max-width:59.25rem;}
.businessThumbSwiper .swiper-slide{display:flex; justify-content:center; align-items:center; height:4.75rem; margin-bottom:2.5rem; font-size:1.125rem; font-weight:500; text-align:center;  border:1px solid #bb9d40; border-radius:2.5rem; cursor:pointer; box-sizing:border-box;}
.businessThumbSwiper .swiper-slide-thumb-active{font-weight:700; background:#efe7cf;}
.businessThumbSwiper .swiper-btn__next{bottom:4.6875rem; right:auto; left:0;}
div[class^="swiper-btn__"]{min-width:3.75rem; height:3.75rem; margin-top:13.75rem; border:1px solid #585858; border-radius:3.75rem; cursor:pointer; transition:all .3s ease; z-index:100; box-sizing:border-box;}
div[class^="swiper-btn__"].swiper-button-disabled{cursor:default; opacity:0.3;}
.swiper-btn__prev{background:#fff url(/Images/icn-arrow01.png) no-repeat 50% 50%;}
.swiper-btn__next{background:#fff url(/Images/icn-arrow02.png) no-repeat 50% 50%;}
/* main */

/* Sub */
.sub-title{padding-bottom:1rem; color:#bb9d40; font-size:1.25rem; font-weight:700; /*text-align:center;*/}
.sub-title.large{font-size:2.5rem}
.sub-title.white{color:#fff;}
.sub-title__desc{display:block; position:relative; padding-bottom:2rem; font-size:2rem; /*text-align:center;*/ z-index:10;}
.sub-title.align-left,
.sub-title__desc.align-left{text-align:left;}
#History .sub-title__desc{padding-bottom:2.75rem;}

.btn-magnify{margin-top:1.25rem; font-size:1.125rem; font-weight:700; text-align:center;}
.btn-magnify button{padding-left:1.875rem; background:url(/Images/icn-add.png) no-repeat 0 50%;}
/* Sub */

/* Company */
section{padding-top:5rem; border-bottom:2px solid #d2be80;}
section:last-child{padding-bottom:5rem;}
section.pd-bt{padding-bottom:5rem;}
.intro{padding-bottom:3.75rem;}
.intro-cont{display:flex;}
.intro-cont .sub-title,
.intro-cont .sub-title__desc{padding-bottom:2.0625rem;}
.intro-cont__desc{flex:1 1 50%;}
.intro-cont__desc:first-child{padding-right:1.5rem;}
.intro-cont__desc:last-child{padding-top:1.875rem;}
.intro-cont__desc p{color:#666; font-weight:500;}

.intro-bottom{position:relative; margin-top:16rem; background:#faf8ef; border-top:2px solid #bb9d40;}
.intro-why{display:flex;align-items:center; margin-top:-16rem;}
.intro-why.check-area{margin-top:8.75rem;}
.intro-why__desc{position:relative; width:100%;}
.intro-why__desc.flex{display:flex; justify-content:space-between; gap:16rem; margin-top:-8.125rem;}
.intro-why__desc.flex ul{max-width:31.25rem; width:100%;}
.intro-why__desc.flex ul:last-child{text-align:right;}
.intro-why__desc ul{padding-top:2.5rem; color:#c2a753; font-weight:700;}
.intro-circle__bg{position:relative; width:15.75rem; height:15.75rem; margin:0 auto; padding:0.625rem; background: linear-gradient(0deg, rgba(188,158,66,1) 0%, rgba(212,195,139,1) 100%); border-radius:13.5rem;}
.intro-circle__bg.long{width:13.5rem; height:32rem;}
.intro-circle__bg.left{margin:0 auto 0 0;}
.intro-circle__bg.right{margin:0 0 0 auto;}
.intro-circle__cover{height:100%; padding:0.875rem; background:#fff; border-radius:13.5rem;}
.intro-circle{display:flex; align-items:center; justify-content:center; height:14.5rem; color:#fff; font-weight:500; text-align:center;}
.intro-circle__inner{display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#c2a753; background:#fff; border-radius:14.5rem;}
.intro-circle.mini{width:100%; height:10.5rem; background:#909; border-radius:10.5rem; opacity:0.9;}
.intro-circle.mini.gdl{background:#d4c28a;}
.intro-circle.mini.head{margin-top:-1.25rem; background:linear-gradient(0deg, rgba(195,167,83,1) 0%, rgba(206,188,131,1) 100%);}
.intro-circle.mini.gc{margin-top:-1.25rem; background:#bc9d40;}
.intro-why__arrow{position:relative; margin-bottom:2px;}

.intro-why__check{display:flex; width:100%; padding-bottom:5.625rem;}
.intro-check{width:100%;padding-left:1rem;}
.intro-check p{margin-bottom:1.25rem; padding-left:2rem; background:url(/Images/icn-check.png) no-repeat 0 2px;}
.intro-check p:last-child{margin-bottom:0;}

.content.history{width:100%;}
.history-blank{position:relative; width:100%;}
.history-blank.line:before{content:'';position:absolute; top:11.125rem; left:-1.25rem; width:calc(100% + 1.25rem); height:2px; background:#d2be80;}
.history-title{position:relative; /*border-bottom:2px solid #d2be80;*/}
/*.btn-history{width:100%; position:absolute; left:0; bottom:2.75rem; text-align:right; z-index:10;}*/
.history-cont{position:relative;}
div[class^="btn-history__"]{width:5rem; height:7.5rem; border-radius:1.25rem; transition:all .3s ease; cursor:pointer;}
div[class^="btn-history__"].swiper-button-disabled{opacity:0.3; cursor:default;}
.btn-history__prev{background:#faf8ef url(/Images/icn-arrow05.png) no-repeat 50% 50%;}
.btn-history__next{background:#faf8ef url(/Images/icn-arrow06.png) no-repeat 50% 50%;}
.historySwiper.history-cont{/*margin:0 11.25rem;*/ overflow:hidden;}
.historySwiper .swiper-wrapper{padding-top:2.5rem}
.history-year__img img{position:relative; border-radius:10rem;}
.history-year__cont{padding-top:2rem;}
.history-list{padding-bottom:0.75rem;}
.history-list__title{color:#8a8577; font-weight:700;}
.history-list__desc{color:#333; font-weight:700;}
.history-list a{border-bottom:1px solid #666;}

.organ{position:relative; border:0.5rem solid #c0a34d; border-radius:0.5rem; overflow:hidden;}
.organ img{width:100%;}

.mission{display:flex;}
.mission-cont__desc{color:#666; font-weight:500;}
.mission-cont__desc:not(:last-child){padding-bottom:1.5rem;}
.mission-img{padding-left:3.125rem;}
.mission.type2{display:block; margin-top:5rem; padding-top:5rem; padding-bottom:10rem; background:url(/Images/bg-mission.jpg) no-repeat 50% 50%; background-size:cover;}
.mission-img.type2{padding-top:8rem; padding-left:0; text-align:center;}
.mission-img.type2 img{width:100%;}

.brand-info{text-align:center;}
.brand-info__desc p{color:#666; font-weight:500;}
.brand-info__desc p:last-child{padding-bottom:1.25rem;}
.brand-logos__cont{margin-bottom:2.5rem; border-bottom:1px solid #bc9f43;}
.brand-logos__cont:last-child{margin-bottom:0; border-bottom:0;}
.brand-logos__cont:not(:last-child) .brand-logo__color{padding-bottom:3.75rem;}
.brand-logo__title{margin-top:3.75rem; font-size:1.25rem; font-weight:700;}
.brand-logo__title.type2{margin-bottom:1.25rem;}
.brand-logo__desc{margin-top:1.25rem; margin-bottom:3.75rem; color:#666; font-weight:500;}
.brand-list{display:flex; justify-content:center; align-items:center; gap:5.25rem; flex-wrap:wrap;}
.brand-list__cont{display:flex; justify-content:center; align-items:center; min-height:11.5625rem; max-width:24.8125rem; width:100%; background:url(/Images/bg-brand03.png) repeat 50% 50%;}
.brand-logo__color{display:flex; justify-content:center; align-items:center; gap:5rem; flex-wrap:wrap;}
.brand-color{display:flex; justify-content:center; align-items:center; gap:1.25rem;}
.brand-color__bg{width:8.125rem; height:8.125rem;}
.brand-color__bg.brown{background:#8c734c url(/Images/bg-brand01.png) no-repeat 50% calc(100% - 0.5rem);}
.brand-color__bg.black{background:#242625 url(/Images/bg-brand01.png) no-repeat 50% calc(100% - 0.5rem);}
.brand-color__bg.seablue{background:#004ea8 url(/Images/bg-brand04.png) no-repeat 50% calc(100% - 0.5rem);}
.brand-color__bg.white{background:#fff url(/Images/bg-brand05.png) no-repeat 50% calc(100% - 0.5rem); border:1px solid #d1d1d1;}
.brand-color__desc{min-width:8.125rem; color:#666; font-weight:500; text-align:left;}


.contact-tab{display:flex; justify-content:center; align-items:center; gap:0.625rem; width:100%; height:3.75rem; margin-bottom:1.25rem;}
.contact-tab__list{display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:0 0.625rem; font-weight:500; text-align:center; border:1px solid #999; cursor:pointer;}
.contact-tab__list.on{color:#fff; font-weight:700; background:#ba9b37;}
.contact-map{position:relative;}
.contact-map .contact-busan,
.contact-map .contact-hochiminh{height:100%;}
.contact-map iframe{height:34.8125rem;}
.contact-list{display:flex; padding-top:2.5rem;}
.contact-list__cont{width:100%; min-height:10.25rem; padding-top:1.875rem; text-align:center; border-right:1px solid #ccc;}
.contact-list__cont:last-child{border-right:0;}
.contact-list__cont img{margin-bottom:1rem;}
.contact-list__title{margin-bottom:0.625rem; font-weight:500;}
.contact-list__desc{padding:0 0.625rem; color:#666; font-size:0.875rem;}
/* Company */

/* Business */
.scm{position:relative; padding-bottom:5rem;}
.scm img{width:100%; border-radius:3.75rem;}

#Business{background:#faf8ef;}
.business-cont{padding-bottom:5rem;}
.business-list{display:flex; padding-bottom:1.25rem;}
.business-list:last-child{padding-bottom:0;}
.business-list__img{max-width:51.25rem; width:100%; height:31.25rem; border-radius:31.25rem; overflow:hidden;}
.business-list.ocean .business-list__img{background:url(/Images/img-business01.jpg) no-repeat 50% 50%;}
.business-list.air .business-list__img{background:url(/Images/img-business02.jpg) no-repeat 50% 50%;}
.business-list.land .business-list__img{background:url(/Images/img-business03.jpg) no-repeat 50% 50%;}
.business-list__cont{display:flex; flex-direction:column; justify-content:center; max-width:36.25rem; width:100%;}
.business-list:nth-child(odd) .business-list__cont{padding-left:2.5rem;}
.business-list:nth-child(even) .business-list__cont{padding-right:2.5rem;}
.business-list__num{margin-bottom:0.625rem; color:#bb9d40; font-size:6.25rem; font-weight:700; font-style:italic; opacity:0.34;}
.business-list__title{margin-bottom:0.625rem; padding-left:0.625rem; font-size:1.25rem; font-weight:700;}
.business-list__desc{padding-left:0.625rem; font-weight:500;}

.service{border:0.5rem solid #c0a34d; border-radius:0.5rem;}
.service-title{position:relative; min-height:29.5625rem; padding-top:5rem; background:url(/Images/bg-service.jpg) no-repeat 50% 50%;}
.service-title .sub-title,
.service-title .sub-title__desc{display:table; padding-left:2.5rem; text-align:left;}
.service-bg{position:absolute; bottom:0; right:20%; transform:translateX(20%);}
#MeatPC:hover{background:#000; fill:rgba(0,0,0,1);}
.service-bg img{}
.service-cont{padding:5rem 0;}
.service-cont__card{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:2.5rem; padding:0 1.25rem;}
.service-card{display:flex; flex-direction:column; justify-content:center; position:relative; max-width:23rem; width:100%; height:16rem; text-align:center; border-radius:1.875rem; box-shadow: 0px 10px 7px 0px rgba(0, 0, 0, 0.17); overflow:hidden;}
.service-card.pallet{background:url(/Images/img-service01.jpg) no-repeat 50% 50%;}
.service-card.freezing{background:url(/Images/img-service02.jpg) no-repeat 50% 50%;}
.service-card.measurement{background:url(/Images/img-service03.jpg) no-repeat 50% 50%;}
.service-card.inspection{background:url(/Images/img-service04.jpg) no-repeat 50% 50%;}
.service-card.repacking{background:url(/Images/img-service05.jpg) no-repeat 50% 50%;}
.service-card.bulk{background:url(/Images/img-service06.jpg) no-repeat 50% 50%;}
.service-card img{width:100%;height:100%;object-fit:cover;}
.service-card__title{color:#fff; font-weight:500;}
.service-card .btn-more{position:absolute; left:50%; bottom:3.125rem; margin-top:2.5rem; color:#fff; font-size:0.875rem; font-weight:500; transform:translateX(-50%);}
.service-card .btn-more:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff;}

.service-popup .layer_cont{max-width:35.125rem; padding:2.5rem; background:#faf8ef; border:2px solid #eadeb8; border-radius:1.25rem;}
.service-popup.added .layer_cont{max-width:59.375rem;}
.service-popup .layer-title{/*padding-top:2.5rem; */padding-bottom:2.25rem; font-size:1.75rem; font-weight:700; text-align:center;}
.service-list{display:flex; flex-wrap:wrap; justify-content:center; gap:1.25rem;}
.service-list.all{justify-content:flex-start;}
.service-list__cont{display:flex; align-items:center;}
.service-list.all .service-list__cont{flex:1 1 100%;}
.service-cont__img{display:flex; justify-content:center; align-items:center; min-width:4.625rem; height:4.625rem; background:#fff; border-radius:4.625rem;}
.service-cont__desc{padding-left:1.25rem; font-size:1.125rem; font-weight:700;}

#GdService{background:url(/Images/bg-gdservice.jpg) no-repeat 50% 50%; background-size:cover;}
.gd-service{padding-bottom:5rem;}
.gd-service .sub-title{padding-bottom:5rem;}
.gd-card__list{display:flex; justify-content:center; align-items:center; gap:1.25rem; flex-wrap:wrap;}
.gd-card{position:relative; isolation:isolate; display:flex; justify-content:center; align-items:center; max-width:20.3125rem; width:100%; height:15.6875rem; padding:0.625rem 1.25rem; color:#fff; background: no-repeat 50% 50%; background-size:cover; border:0.25rem solid #c0a34d; border-radius:1.25rem;}
.gd-card:after{content:''; position:absolute; background:#000; border-radius:1.25rem; z-index:-1; inset:0; opacity:0; transition:all .3s ease;}
.gd-card:hover:after{opacity:0.3;}
.gd-card.forwarding{background-image:url(/Images/img-gdservice01.jpg);}
.gd-card.international{background-image:url(/Images/img-gdservice02.jpg);}
.gd-card.regional{background-image:url(/Images/img-gdservice03.jpg);}
.gd-card.custom{background-image:url(/Images/img-gdservice04.jpg);}
.gd-card.domestic{background-image:url(/Images/img-gdservice05.jpg);}
.gd-card.inland{background-image:url(/Images/img-gdservice06.jpg);}
.gd-card.warehouse{background-image:url(/Images/img-gdservice07.jpg);}
.gd-card.truck{background-image:url(/Images/img-gdservice08.jpg);}
.gd-card__desc{font-weight:500; text-align:center;}
.gd-card__desc p{font-size:1.5rem;}
.gd-card__desc span{font-size:1.25rem;}
.gd-card .btn-more{position:absolute; left:50%; bottom:1.875rem; border-bottom:1px solid #fff; transform:translateX(-50%);}

.gd-popup .layer_cont{max-width:1400px; padding:2.5rem; background:#faf8ef; border:2px solid #eadeb8; border-radius:1.25rem;}
#IntroLayer.gd-popup .layer_cont{max-width:940px;}
.gd-popup .layer-title{padding-bottom:2.5rem; /*color:#fff;*/ font-size:2rem; text-align:center;}
.domestic-cont{display:flex; justify-content:center; align-items:center; gap:1.25rem;}
.domestic-cont__chart{width:100%;}
.domestic-chart__title{display:flex; justify-content:center; align-items:center; min-height:3.75rem; padding:0.625rem 1.25rem; color:#fff; font-size:1.5rem; font-weight:700; background:#ba9b37;}
.domestic-chart__list{display:flex; justify-content:center; background:#fff; border-bottom:1px solid #ba9b37;}
.domestic-chart__list:nth-child(odd){background:#fbfbee;}
div[class^="domestic-list__"]{display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-height:5.625rem; padding:0.625rem 1.875rem; color:#666; font-weight:500;}
div[class^="domestic-list__"] span{color:#ba9b37;}
.domestic-list__left{width:55%; border-right:1px solid #ba9b37;}
.domestic-list__right{width:45%}
.intropop-cont p{font-size:1.125rem; font-weight:700;}
.intropop-cont p:not(:last-child){padding-bottom:1.875rem;}

.gd-popup.type2 .layer_cont{background:#faf8ef;}
.gd-popup.type2 .layer-title{padding-bottom:1.875rem; color:#333;}
.truck-cont{display:flex; justify-content:center; gap:3.125rem;}
.truck-list{position:relative; width:100%; padding:1.875rem 1.5rem; text-align:center; background:#d39d4b;}
.truck-list:not(:last-child):before,
.truck-list:not(:last-child):after{content:''; position:absolute; right:-3.125rem; width:3.125rem;}
.truck-list:not(:last-child):before{bottom:0; height:100%; background:linear-gradient(180deg, rgba(84,63,41,1) 0%, rgba(211,157,75,1) 100%);}
.truck-list:not(:last-child):after{bottom:0; height:6.25rem; border-top:3.125rem solid transparent; border-bottom:3.125rem solid #faf8ef; border-right:1.5625rem solid transparent; border-left:1.5625rem solid #faf8ef; box-sizing:border-box;}
.truck-list__before{position:absolute; width:3.125rem; height:6.25rem; top:0; right:-3.125rem; border-top:3.125rem solid #faf8ef; border-bottom:3.125rem solid transparent; border-right:1.5625rem solid #faf8ef; border-left:1.5625rem solid transparent; box-sizing:border-box;}
.truck-list__desc{color:#fff; font-size:1.125rem; font-weight:700;}

.network{}
.network-img{padding-bottom:5rem; text-align:center;}
.network-img img{max-width:fit-content; width:100%;}
.network-cont{color:#3b3b3b; font-size:1.25rem; font-weight:500;}
.network-cont__desc{margin-bottom:1.25rem; padding-left:1.875rem; background:url(/Images/icn-check.png) no-repeat 0 0.375rem;}
/* Business */

/* Customer */
/* 공지 */
.notice{margin-top:-4.375rem;}
.notice.on{display:none;}
.notice .int_box{position:relative; max-width:16rem; margin-left:auto; margin-bottom:1.25rem; text-align:right; z-index:10;}
.notice .int_box input{width:100%; height:2.5rem; padding-right:2.5rem; border-bottom:1px solid #bb9d40;}
.notice .int_box button{position:absolute; top:0; right:0; width:2.5rem; height:2.5rem; background:url(/Images/icn-search.png) no-repeat 50% 50%;}
.notice .title{padding-bottom:40px; font-size:40px; font-weight:500; text-align:center;}
.notice_list{border-top:2px solid #bb9d40;}
.notice_list > li{border-bottom:1px solid #ccc;}
.notice_list > li .notice_tit{display:block; position:relative; padding:19px 50px 19px 224px; font-size:14px; font-weight:500; color:#333;}
.notice_list > li .notice_tit.has_file:before{display:block; content:''; position:absolute; top:50%; left:160px; width:13px; height:17px; background:url(/Images/icn-file.png) no-repeat 50% 50%; transform:translateY(-50%);}
.notice_list > li .notice_cont{display:none; padding:0 20px; font-size:1.063rem; line-height:2.2; color:#666; font-weight:300; background-color:#f8f8f8;}
.notice_list > li .notice_cont .inner{padding:30px 50px; font-size:16px; overflow:auto;}
.notice_list > li .notice_cont .icn{top:26px; color:#7f0711;}
.notice_list > li .notice_tit,
.notice_list > li .notice_cont .inner{position:relative;}
.notice_list > li .icn{position:absolute; top:50%; left:30px; font-size:14px; font-weight:500; transform:translateY(-50%);}
.notice_list > li .notice_tit:after{display:block; content:''; position:absolute; width:12px; height:8px; top:50%; right:20px; background:url(/Images/icn-bul01.png) no-repeat 50% 0; background-size:cover; transform:translateY(-50%);}
.notice_list > li.on .notice_tit:after{background-image:url(/Images/icn-bul02.png);}
.notice_list > li.no_data{padding:30px 0; border-bottom:0;}
.notice_list > li.no_data .no_data_tbl{display:table; width:100%; text-align:center;}
.notice_list > li.no_data .no_data_tbl img{/*padding-right:30px;*/}
.notice_list > li.no_data .no_data_tbl span{color:#666; font-size:22px; font-weight:500; vertical-align:middle;}
.notice_file{display:inline-block; width:100%;}
.notice_file > ul > li{position:relative; padding: 4px 20px; margin:5px 30px; background:#fff;}
/*.notice_file > ul > li:before{display:block; position:absolute; content:''; width:20px; height:20px; top:12px; right:20px;}*/
.notice_file > ul > li > a{display:block; padding-left:30px; background:url(/Images/icn-file.png) no-repeat 0 50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.notice_file > ul > li > a span{padding-right:10px; color:#111; font-size:14px;}

/* 페이징 */
.base_paging{width:100%; margin-top:35px; text-align:center;}
.base_paging .paging_in{display:flex; justify-content:center;}
.base_paging a,
.base_paging .number{display:flex; justify-content:center; align-items:center; width:2.1875rem; height:2.1875rem; vertical-align:middle;}
.base_paging a.page{margin:0 3px; background:url(/Images/sp_paging.png) no-repeat 0 0; background-size:auto 2.1875rem;}
.base_paging a.page.prev{background-position:-2.4375rem 0;}
.base_paging a.page.next{background-position:-4.9375rem 0;}
.base_paging a.page.last{background-position:-7.375rem 0;}
.base_paging .number{margin:0 4px; border:1px solid #eaeaea; border-radius:0.625rem; vertical-align:middle; cursor:pointer;}
.base_paging .number.on{color:#bb9d40; font-weight:700; border-color:#bb9d40;}
.base_paging .number span{display:block;}

/* Customer */

/* 큰 이미지 팝업 */
.big-image__popup{display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:1.25rem; background:rgba(0, 0, 0, 0.5); z-index:1000;}
.big-image{position:relative; width:100%; height:100%; padding:3.75rem 1.25rem 1.25rem; background:#faf8ef; border:2px solid #eadeb8; border-radius:0.625rem;}
.big-image__scroll{width:100%; height:100%; overflow:scroll;}
.btn-close{position:absolute; top:1.25rem; right:1.25rem; width:1.25rem; height:1.25rem; background:url(/Images/icn-close.png) no-repeat 50% 50%;}
/* 큰 이미지 팝업 */