﻿@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:18px 20px;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:8.5625rem; height:6.0625rem; background: url(/Images/logo.png) no-repeat 50% 50% / 8.5625rem 6.0625rem;}
.header-menu{}
.header-left{display:flex; align-items:end; gap:3.125rem;}
.menu-ex_rate{display:flex; align-items:center; gap:1.25rem; padding-bottom:1rem; color:#008fd5; font-weight:700; opacity:0;}
.menu-ex_rate.show{opacity:1;}
.ex_rate__title{padding:0.3125rem 1.25rem; color:#fff; font-weight:700; background:#008fd5; border-radius:3rem;}
.menu-lnb{display:flex; justify-content:space-between; align-items:center; width:100%;}


#hamberger{display:block;position:relative;width:2.5rem;height:2.5rem;border-radius:100%;background:linear-gradient(131deg,rgba(0, 142, 213, 1) 0%, rgba(5, 69, 151, 1) 100%); box-sizing: border-box}
#hamberger .btn_total{display:block;position:absolute;width:0.9375rem;height:0.125rem;background:#fff;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:#fff; 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);}

#hamberger2{display:block;position:relative;width:2.5rem;height:2.5rem;border-radius:100%;background:linear-gradient(131deg,rgba(0, 142, 213, 1) 0%, rgba(5, 69, 151, 1) 100%); box-sizing: border-box}
#hamberger2 .btn_total{display:block;position:absolute;width:0.9375rem;height:0.125rem;background:#fff;transition:all .3s ease;top:50%; left:50%; transform:translate(-50%, -50%);}
#hamberger2 .btn_total:before,
#hamberger2 .btn_total:after{content:''; display:block;position:absolute;width:0.625rem;height:100%;left:50%; background:#fff; transition:all .3s ease; transform:translateX(-50%);}
#hamberger2 .btn_total:before{top:-7px;}
#hamberger2 .btn_total:after{top:7px;}
#hamberger2.show .btn_total { background:transparent; }
#hamberger2.show .btn_total:before {top:0; left:3px; transform:rotate(45deg);}
#hamberger2.show .btn_total:after {top:0; left:3px; 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 0; z-index:11;text-align:left;font-size: 16px;color: #333;background:#fff url(/Images/icn-logo.png) no-repeat calc(100% - 1.25rem) calc(100% - 1.25rem);background-size:5.4375rem; overflow-y: auto; box-sizing:border-box;}
.total_menu .nav_tit{display:flex; justify-content:space-between; align-items:center; position: relative; padding:0 1.25rem;}
.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 > a{display:block;position:relative;padding:0.9375rem; color:#fff;font-size:0.75rem;font-weight:700; background:#008ed5;}
.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 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%);}

#header .search_top{position:relative; display: block;width: 100%;max-width: 232px;height: 40px;color:#000;}
#header .search_top .btn_search{position: absolute;top:0;right:0;width: 40px;height:100%; background:url(/Images//icn-search.png) no-repeat 50% 50%;}
#header .search_top.side .btn_search{right:10px;}
#header .search_top input[type='text']{width:100%;height: 100%;border-bottom:2px solid #054597; padding: 0 50px 0 8px; color:#054597; font-size: 16px; font-weight: 500; background:transparent;}
#header.scroll .search_top input[type='text'],
#header.active .search_top input[type='text'],
#header.sub .search_top input[type='text']{color:#054597; border-bottom:2px solid #054597;}
#header .search_top input[type='text']~.focus-border{position:absolute; bottom:0; left:0; width:0; height:2px; background-color:#023778; transition:.3s;}
#header .search_top input[type='text']:focus~.focus-border{width:100%; transition:.3s;}
#header .search_top input[type='text']::-webkit-input-placeholder{color:#054597;}
#header .search_top input[type='text']::-moz-placeholder{color:#054597;}
#header .search_top input[type='text']:-ms-input-placeholder{color:#054597;}
#header.scroll .search_top input[type='text']::-webkit-input-placeholder{color:#054597;}
#header.scroll .search_top input[type='text']::-moz-placeholder{color:#054597;}
#header.scroll .search_top input[type='text']:-ms-input-placeholder{color:#054597;}
#header.active .search_top input[type='text']::-webkit-input-placeholder{color:#054597;}
#header.active .search_top input[type='text']::-moz-placeholder{color:#054597;}
#header.active .search_top input[type='text']:-ms-input-placeholder{color:#054597;}
#header.sub .search_top input[type='text']::-webkit-input-placeholder{color:#054597;}
#header.sub .search_top input[type='text']::-moz-placeholder{color:#054597;}
#header.sub .search_top input[type='text']:-ms-input-placeholder{color:#054597;}

/* Common */
#header{background-color:#fff; border-bottom:1px solid #0096db;}
#header.active .logo > a,
#header.sub .logo > a{background-image: url(/Images/logo.png)}

.sub-visual{display:flex; justify-content:center; align-items:center; margin-top:8.6875rem; min-height:15.625rem;}
.sub-visual h2{font-family:'GmarketSansBold'; color:#fff; font-size:3.125rem; font-weight:500;}

.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{color:#fff; font-size:0.75rem; font-weight:500; text-align:center; background:#333;}
.footer-img{display:flex; justify-content:center; align-items:center; height:15.5625rem; font-size:2.5rem; font-weight:300; background:url(/Images/img-footer.jpg) no-repeat 50% 50%;}
.footer-cont{display:flex; justify-content:space-between; align-items:center; width:100%; padding:1.5rem 0;}
.footer-info{display:flex; align-items:center; gap:3.75rem;}
.footer-info__addr{text-align:left;}
.footer-info__region{color:#b1b1b1;}
.footer-info__region:first-child{padding-bottom:1.5rem;}
.footer-info__title{padding-bottom:0.25rem; color:#fff;}
.footer-menu{display:flex; gap:3.75rem; color:#b1b1b1; text-align:left; line-height:1.7;}
.footer-menu__title{color:#fff;}
.footer-contact{display:flex; flex-direction:column; justify-content:center; align-items:center; width:16.875rem; height:7.5rem; font-size:1rem; border:1px solid #fff;}
.footer-contact__title{padding-bottom:0.75rem; font-size:0.875rem;}
/* //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 {position:relative; display:table-cell;vertical-align:middle;padding:3.75rem 0 1.25rem;}
.layer_cont{box-sizing:border-box;position:relative;background-color:#fff;max-width:1400px;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%; background-size:3.75rem;}
.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; text-align:center; background:#cceaf8; border-radius:1rem;}
.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;}
.alert_cont .alert_title{margin-bottom:0.625rem; font-size:1.5rem;}
.alert_cont .inner{width:85%; font-size:1.25rem; font-weight:500;}
.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;}
.btn__alert-close{max-width:10.625rem; width:100%; height:3rem; margin-top:1.875rem; color:#fff; font-weight:700; background:#008fd5; border-radius:1rem;}

/*씨벤티지 폼*/
.layer_zone2{display:none; position:fixed;top:0;left:0;right: 0;bottom: 0;width:100%;height:100%;background:rgba(0,0,0,0.5); z-index:10000; -webkit-overflow-scrolling: touch; }
.layer_zone2.mo{display:none;}
.tracking_pop{position:relative;}
#tracking-close{position:relative; left:92%; width:3.75rem; padding-bottom:10px;}
#tracking-close:hover{cursor:pointer;}
.tracking-inner .map{height:600px; background-size:100%; margin:0 auto; background:#dadada; width:90%; position:relative; left:5%;}
.tracking-list{position:absolute; top:8%; left:4.5%; background:#fff; height:643px; z-index:500; margin-left:20px; width:400px; display:none;}
.tracking-list input{margin-left:10px; width:93%; border:4px solid #d70c19; border-left:none; border-right:none; border-top:none; height: 44px; padding-left:10px;}
.map .result-area{padding-bottom:10px; width:unset;}
.map .tracking-list{position:absolute;top:5px;left:-14px;background:#fff; height:91% ;z-index:500;margin-left:20px; width: 30%;}
.map .tracking-table{height:580px; overflow:scroll; overflow-x:hidden; padding-right:5px;}
.btns .icn_search{display:block;height:25px;background:url(/Images/icn_search_white.png) no-repeat 50% 50%; background-size:25px 25px;}
.booking-btn{display: block; margin:auto; width: 70%;line-height: 25px;height: 28px;font-size: 12px;font-weight: 400;color: #fff;background-color: #d70c19;border-radius: 5px;border:1px solid #d70c19;transition: all .3s ease;}
.layer_zone.tracking_layer .tracking-inner .map{width:100%;}
.tackin_pop_display{display:table; width:100%; padding:0 10px; position:absolute; top:0; height:100%; padding-top:30px; padding-bottom:30px;}
.tackin_pop_display__inner{display:table-cell; vertical-align:middle;}
.tracking_pop{position:relative;}
.mobile-map .tracking-list input{margin-left:0; width:100%;}
.mobile-map .tracking-list button{left:92%;}
.list-search{position:relative;}
.list-search > .btn_search{position:absolute; left:85%; top:0;}
.list-result.export-result .bl-no,
.list-result.export-result .cntr-no,
.list-result.export-result .location{background:url('/Images/checked_export.png') no-repeat 0 50%;}
.list-result.import-result .bl-no,
.list-result.import-result .cntr-no,
.list-result.import-result .location{background:url('/Images/checked_import.png') no-repeat 0 50%;}
.list-result.export-result,
.list-result.import-result{border:1px solid #dadada; margin:10px; padding:10px; height:auto;}

.list-result.export-result .tracking-table::-webkit-scrollbar,
.list-result.import-result .tracking-table::-webkit-scrollbar{width:5px;}
.list-result.export-result .tracking-table::-webkit-scrollbar-thumb,
.list-result.import-result .tracking-table::-webkit-scrollbar-thumb{height: 30%; background: #717171; border-radius: 10px;}
.list-result.export-result .tracking-table::-webkit-scrollbar-track,
.list-result.import-result .tracking-table::-webkit-scrollbar-track{background: #bababa;}
.list-result.export-result .result-area,
.list-result.import-result .result-area{padding-bottom:10px;}

.list-result.export-result .graph-title{color:#666666;}

.list-result.export-result .graph.complete,
.list-result.import-result .graph.complete{background-color:#f3f3f3!important;}
.list-result.export-result .graph.yet,
.list-result.import-result .graph.yet{background-color:#fff;}



.list-result.export-result .tracking-type{background:#f1f4fd;  padding-left:10px; display:flex; align-items:center; padding-top:10px; padding-bottom:10px; padding-right:10px; white-space:nowrap;}
.list-result.import-result .tracking-type{background:#fbf0e5;  padding-left:10px; display:flex; align-items:center; padding-top:10px; padding-bottom:10px; padding-right:10px; white-space:nowrap;}
.list-result.export-result .tracking-type img,
.list-result.import-result .tracking-type img{width:10px; height:10px; margin-top:-11px; margin-right:3px;}
.list-result.export-result .type-title,
.list-result.import-result .type-title{word-break:break-all; flex-grow:1; padding-right:10px;}
.list-result.export-result .type-searched,
.list-result.import-result .type-searched{padding-left:5px; font-weight:500; font-size:14px; line-height:24px; flex-grow:1; word-break:break-all; line-height:30px;}
.list-result.export-result .tracking-table,
.list-result.import-result .tracking-table{height:433px; overflow:scroll; overflow-x:hidden;}
#header.header .search_top input[type='text']::placeholder{color:#fff;}
#header.header.scroll .search_top input[type='text']::placeholder{color:#666666;}
#header.header.active .search_top input[type='text']::placeholder{color:#666666;}   

.list-result.export-result .graph-title{padding:5px 0 5px 10px; background:#e3e3e3; color:#666666; font-size:12px; font-weight:bold;}
.list-result.export-result .table-1,
.list-result.import-result .table-1{display:flex; padding-bottom:10px; padding-right:3px; position:relative; justify-content:right;}
/*.list-result.export-result .table-1:nth-of-type(3) .graph{border:1px solid #7997e9;}
.list-result.import-result .table-1:nth-of-type(3) .graph{border:1px solid #ebb579;}*/
/*.list-result.export-result .table-1:nth-of-type(3) .graph > .graph-title{background:#dfe4f4; color:#4065ca;}*/
.list-result.import-result .table-1:nth-of-type(3) .graph > .graph-title{ color:#e1791b;}
/*.list-result.export-result .table-1:nth-of-type(4) .graph > .graph-title{color:#4065ca;}*/
.list-result.import-result .table-1:nth-of-type(4) .graph > .graph-title{color:#e1791b;}
/*.list-result.export-result .table-1:nth-of-type(5) .graph > .graph-title{color:#4065ca;}*/
.list-result.import-result .table-1:nth-of-type(5) .graph > .graph-title{color:#e1791b;}
.list-result.import-result .table-1:nth-of-type(6) .graph > .graph-title{color:#e1791b;}
.list-result.export-result .table-1:last-child > .graph::before,
.list-result.import-result .table-1:last-child > .graph::before{display:none;}

/*.list-result.export-result .table-1:nth-of-type(3) .vertical-line,
.list-result.import-result .table-1:nth-of-type(3) .vertical-line,
.list-result.export-result .table-1:nth-of-type(4) .vertical-line,
.list-result.import-result .table-1:nth-of-type(4) .vertical-line{border: 1px dashed #666666;border-right: none;border-top: none;border-bottom: none;position: absolute;height: 100%;top: 70px;left: 10px;position:absolute;}
.list-result.export-result .vertical-line,
.list-result.import-result .vertical-line{border: 1px solid #666666;border-right: none;border-top: none;border-bottom: none;position: absolute;height: 100%;top: 70px;left: 10px;position:absolute;}
*/

.list-result.export-result .vertical-line-ing,
.list-result.import-result .vertical-line-ing{border: 1px dashed #666666;border-right: none;border-top: none;border-bottom: none;position: absolute;height: 100%;top: 70px;left: 10px;position:absolute;}
.list-result.export-result .vertical-line,
.list-result.import-result .vertical-line{border: 1px solid #666666;border-right: none;border-top: none;border-bottom: none;position: absolute;height: 100%;top: 70px;left: 10px;position:absolute;}

/*.list-result.export-result .table-title{padding-right:50px; padding-left:10px; font-size:11px; margin:auto; color: #7997e9; font-weight:600; margin-left:0; margin-right:0; text-align:right;}*/
/*.list-result.import-result .table-title{padding-right:50px; padding-left:10px; font-size:11px; margin:auto; color: #e1791b; font-weight:600; margin-left:0; margin-right:0; text-align:right;}*/
/*.list-result.export-result .table-1:not(:nth-of-type(3)) .table-title::after{content:"";width:12px;height:12px;border-radius:12px;background:#7997e9;display:block;position: absolute;top: 50%;left: 5px;}*/
.list-result.export-result .table-title-ing::after{content:""; width:20px; height:12px; border-radius:12px; background:#4065ca; display:block; position:relative; top:-14px; left:53px; margin-right:20px;}
.list-result.export-result .table-title::after{content:"";width:12px;height:12px;border-radius:12px;background:#7997e9;display:block;position: absolute;top: 50%;left: 5px;}

.list-result.import-result .table-title-ing::after{content:""; width:20px; height:12px; border-radius:12px; background:#e1791b; display:block; position:relative; top:-14px; left:53px; margin-right:20px;}
.list-result.import-result .table-title::after{content:"";width:12px;height:12px;border-radius:12px;background:#ebb579;display:block;position: absolute;top: 50%;left: 5px;}
/*.list-result.import-result .table-1:not(:nth-of-type(3)) .table-title::after{content:"";width:12px;height:12px;border-radius:12px;background:#ebb579;display:block;position: absolute;top: 50%;left: 5px;}
.list-result.import-result .tracking-ing::after{content:""; width:20px; height:12px; border-radius:12px; background:#4065ca; display:block; position:relative; top:-14px; left:53px; margin-right:20px;}*/
}

.list-result.export-result .table-title.last::after,
.list-result.import-result .table-title.last::after{content:""; width:20px; height:12px; border-radius:12px; background:#4065ca; display:block; position:relative; top:-14px; left:53px; margin-right:20px;}
.list-result.export-result .table-title.tracking-ing::after{content:"";width:20px;height:12px;border-radius:12px;background:#4065ca;display:block;position: absolute;top: 50%;left: 1px;}
.list-result.import-result .table-title.tracking-ing::after{content:"";width:20px;height:12px;border-radius:12px;background:#e1791b;display:block;position: absolute;top: 50%;left: 1px;}

.list-result.export-result .tracking-table > .table-1:nth-child(1) .graph{background:url('/Images/icn_tracking1_export.png') no-repeat 30px 60%;}
.list-result.export-result .tracking-table > .table-1:nth-child(2) .graph{background:url('/Images/icn_tracking2_export.png') no-repeat 30px 60%;}
.list-result.export-result .tracking-table > .table-1:nth-child(3) .graph{background:url('/Images/icn_tracking3_export.png') no-repeat 25px 60%;}
.list-result.export-result .graph.graph-ing{border:1px solid #7997e9!important; background-color:#f1f4fd!important;}
.list-result.import-result .graph.graph-ing{border:1px solid #ebb579!important; background-color:#f9f3ed!important;}
.list-result.export-result .graph-title-ing{color:#4065ca; background:#dfe4f4; padding:5px 0 5px 10px; font-size:12px; font-weight:bold;}
.list-result.import-result .graph-title-ing{color:#e1791b; background:#f4d9bd; padding:5px 0 5px 10px; font-size:12px; font-weight:bold;}


.list-result.export-result .tracking-table > .table-1:nth-child(4) .graph{background:url('/Images/icn_tracking4_export.png') no-repeat 30px 60%; /*background-color:#fff;*/}
.list-result.export-result .tracking-table > .table-1:nth-child(5) .graph{background:url('/Images/icn_tracking5_export.png') no-repeat 30px 60%; /*background-color:#fff;*/}

.list-result.import-result .tracking-table > .table-1:nth-child(1) .graph{background:url('/Images/icn_tracking1_import.png') no-repeat 20px 60%; /*background-color:#f3f3f3;*/}
.list-result.import-result .tracking-table > .table-1:nth-child(2) .graph{background:url('/Images/icn_tracking2_import.png') no-repeat 27px 60%; /*background-color:#f3f3f3;*/}
.list-result.import-result .tracking-table > .table-1:nth-child(3) .graph{background:url('/Images/icn_tracking3_import.png') no-repeat 35px 70%; /*background-color:#f9f3ed;*/}
.list-result.import-result .graph-ing{border:1px solid #ebb579; background-color:#f9f3ed;}
.list-result.import-result .tracking-table > .table-1:nth-child(4) .graph{background:url('/Images/icn_tracking4_import.png') no-repeat 20px 70%; /*background-color:#fff;*/}
.list-result.import-result .tracking-table > .table-1:nth-child(5) .graph{background:url('/Images/icn_tracking5_import.png') no-repeat 20px 66%; /*background-color:#fff;*/}
.list-result.import-result .tracking-table > .table-1:nth-child(6) .graph{background:url('/Images/icn_tracking6_import.png') no-repeat 20px 60%; /*background-color:#fff;*/}
.list-result.export-result .table-1 .graph-info,
.list-result.import-result .table-1 .graph-info{padding:10px 0 10px 100px;}
.list-result.export-result .graph,
.list-result.import-result .graph{width:90%; border:1px solid #e3e3e3; background-color: #f3f3f3; height:120px; }
.list-result.export-result .graph-title,
.list-result.import-result .graph-title{padding:5px 0 5px 10px; background:#e3e3e3; color:#666666; font-size:12px; font-weight:bold;}

.list-result.export-result .location-info,
.list-result.import-result .location-info{padding-bottom:16px;}
.list-result.export-result .g-location-title, .g-date-title,
.list-result.import-result .g-location-title, .g-date-title{font-size:11px; font-weight:bold; color:#666666;}
.list-result.export-result .g-location-info, .g-date-info,
.list-result.import-result .g-location-info, .g-date-info{font-size:12px; font-weight:bold;}
.list-result.export-result .g-date-info.orange,
.list-result.import-result .g-date-info.orange{color:#f38727;}
.list-result.export-result .g-date-info.red,
.list-result.import-result .g-date-info.red{color:#f32735;}
.list-result.export-result .bl-title, .cntr-title, .location-title,
.list-result.import-result .bl-title, .cntr-title, .location-title{font-size:14px; color:#666666; font-weight:500; font-size:14px; line-height:30px; padding-left:20px;}
.tracking_page .tracking-table{overflow:unset; overflow-x:hidden;}
.tracking_page .btn_search{background:url('/Images/icn_search_scroll.png')no-repeat 50% 50%;}
.tracking_page .tracking-inner .map{width:100%;}
/*씨벤티지 끝*/

/* //Common */

.section.main-together{padding:5rem 0; background:url(/Images/together-visual.jpg) no-repeat 50% 50%; background-size:cover;}
.section.main-trade{padding:5rem 0;}

/* main */
.main-visual{position:relative; height:50rem; margin-top:4.75rem; text-align:center; background:url(/Images/main-visual.jpg) no-repeat 50% 50%; background-size:cover; box-sizing:border-box;}
.main-visual__logo{padding-top:5.625rem;}
.main-visual__title{display:flex; justify-content:center; max-width:1400px; width:100%; padding:0 1.25rem; color:#fff; font-size:1.625rem; font-family:'GmarketSansBold'; font-weight:700; line-height:4.375rem; text-shadow: 0px 13px 21px rgba(0, 0, 0, 0.19); box-sizing:border-box;}
.main-visual__sub-menu{position:absolute; left:50%; bottom:2.5rem; display:flex; justify-content:center; align-items:center; gap:1.25rem; max-width:55.75rem; width:100%; transform:translateX(-50%);}
.sub-menu{display:flex; justify-content:space-evenly; align-items:center; width:100%; padding:1.25rem; color:#fff; font-size:1.5rem; background:rgba(0, 30, 69, 0.8); border-radius:1rem;}

.main-together__title{padding-bottom:1.875rem; font-size:2.5rem; font-weight:700; text-align:center;}

.together{background:rgba(255,255,255,0.8); border:2px solid #d3e8f2; border-radius:1rem; overflow:hidden}
.together-list{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; width:100%;}
.together-box{flex:1 1 30%; padding:3.125rem 1.25rem; color:#333; font-weight:500; font-size:1.25rem; text-align:center;}

.trade-list{display:flex; justify-content:center; align-items:center; gap:1.25rem;}
.trade-box{position:relative; display:flex; justify-content:end; width:100%; min-height:30.25rem; padding:3.125rem 1.25rem 1.25rem; color:#fff; border-radius:1rem; overflow:hidden; transition:background .3s ease, font-size .3s ease;}
.trade-box:hover{font-size:1.125rem;}
/*.trade-box:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 68, 170, 0.6); opacity:1; transition:opacity .3s ease;}
.trade-box:hover:before{opacity:0;}*/
.trade-box.north-america{background:url(/Images/img-trade__bg05.jpg) no-repeat 50% 50% / cover;}
.trade-box.north-america:hover{background-image:url(/Images/img-trade__bg01.jpg)}
.trade-box.middle-east{background:url(/Images/img-trade__bg06.jpg) no-repeat 50% 50% / cover;}
.trade-box.middle-east:hover{background-image:url(/Images/img-trade__bg02.jpg);}
.trade-box.europe{background:url(/Images/img-trade__bg07.jpg) no-repeat 50% 50% / cover;}
.trade-box.europe:hover{background-image:url(/Images/img-trade__bg03.jpg);}
.trade-box.asia{background:url(/Images/img-trade__bg08.jpg) no-repeat 50% 50% / cover;}
.trade-box.asia:hover{background-image:url(/Images/img-trade__bg04.jpg);}
.trade-cont{position:relative; max-width:15rem; z-index:1;}
.trade__title{display:flex; align-items:end; min-height:5rem; margin-bottom:1.25rem; padding-bottom:1.25rem; font-size:1.25rem; font-weight:700; border-bottom:1px solid #fff; box-sizing:content-box; transition:font-size .3s ease;}
.trade-box:hover .trade__title{font-size:1.375rem;}

/* main */

/* Sub */
.sub-title{padding-bottom:2.5rem; font-size:2.5rem; font-weight:700; text-align:center;}

.sub-visual.company{background:url(/Images/sub-visual01.jpg) no-repeat 50% 50%;}
.sub-visual.business{background:url(/Images/sub-visual02.jpg) no-repeat 50% 50%;}
.sub-visual.estimate{background:url(/Images/sub-visual03.jpg) no-repeat 50% 50%;}
.sub-tab{width:100%; color:#fff; font-size:1.25rem; font-weight:500; background:#054597;}
.sub-tab__list{display:flex; align-items:center; width:100%; border-left:1px solid #82a2cb; border-right:1px solid #82a2cb;}
.sub-tab__cont{width:100%; text-align:center; line-height:3.5625rem;}
.sub-tab__cont:not(:last-child){border-right:1px solid #82a2cb;}

.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 */
.sub-section{padding:2.5rem 0; overflow:hidden;}
.sub-section.first{padding:5rem 0 2.5rem;}
.sub-section.has_bg{padding:5rem 0;}
.sub-section.last{padding:2.5rem 0 5rem;}
#History.sub-section{padding:0;}
#Organization.sub-section{padding:5rem 0; background:#f6f6f6;}

.greeting{padding:5rem 2.5rem; color:#fff; font-weight:500; text-align:right; background:url(/Images/img-greeting.jpg) no-repeat 20% 50%; background-size:cover; border-radius:1rem; overflow:hidden;}
.greeting-cont{line-height:2;}
.greeting-title{padding-bottom:3.125rem; font-size:1.5rem; font-weight:700;}
.greeting-highlight{padding:1.875rem 0; color:#ffd800; font-size:1.25rem;}
.greeting-from{padding-top:7.5rem; font-size:1.5rem;}

.history{height:25.5rem; color:#fff; background:url(/Images/img-history.jpg) no-repeat 50% 50%; background-size:cover; overflow:hidden;}
.history-list{display:flex; justify-content:space-evenly; align-items:center; height:100%; text-align:center;}
.history-cont{position:relative; padding-bottom:5rem;}
.history-year{position:relative; margin-bottom:3.5rem; padding-bottom:2rem; font-size:2.5rem; font-weight:500;}
.history-cont:first-child .history-year:before{content:''; position:absolute; bottom:0; left:50%; width:1000%; height:1px; background:#799bc9; transform:translateX(-50%);}
.history-year:after{content:''; position:absolute; bottom:-0.375rem; left:50%; width:0.75rem; height:0.75rem; background:#fff; border-radius:1rem; transform:translateX(-50%);}
.history-title{padding:0.625rem 1.875rem; font-size:1.25rem; font-weight:500; background:#072f52;}

.organ{max-width:1200px; margin:0 auto; color:#fff; font-size:1.25rem; font-weight:500; text-align:center;}
.organ__ceo{display:flex; justify-content:center; align-items:center; padding-bottom:1.875rem; text-align:center;}
.organ-label{position:relative; display:flex; justify-content:center; align-items:center; width:11.5rem; height:4.375rem; background:#0758c1; border-radius:5rem;}
.organ__teams{position:relative; display:flex; justify-content:space-between; align-items:center; padding:3.125rem 0;}
.organ__teams:before{content:''; position:absolute; top:0; left:50%; width:calc(100% - 14.625rem); height:1px; background:#b4b4b4; transform:translateX(-50%);}
.organ__circle{position:relative; display:flex; justify-content:center; align-items:center; width:14.625rem; height:14.625rem; background:#0758c1; border-radius:14rem;}
.organ__circle:before{content:''; position:absolute; top:-3.125rem; left:50%; width:1px; height:3.125rem; background:#b4b4b4;}
.organ__circle:nth-child(2):after{content:''; position:absolute; bottom:-3.125rem; left:50%; width:1px; height:3.125rem; background:#b4b4b4;}
.organ__inner-circle{display:flex; justify-content:center; align-items:center; gap:0.625rem; flex-direction:column; width:12.125rem; height:12.125rem; color:#005fac; background:#fff; border-radius:12rem;}
.organ__subteams{position:relative; display:flex; justify-content:center; align-items:center; gap:4.625rem; padding-top:1.5rem;}
.organ__subteams:before{content:''; position:absolute; top:0; left:50%; width:16.125rem; height:1px; background:#b4b4b4; transform:translateX(-50%);}
.organ__subteams .organ-label:before{content:''; position:absolute; top:-1.5rem; left:50%; width:1px; height:1.5rem; background:#b4b4b4;}

#Brand .sub-title{padding-top:5rem;}
.brand{max-width:1200px; margin:0 auto;}
.brand__ci{display:flex; justify-content:center; align-items:center; padding-bottom:5rem;}
.brand__ci-cont{width:100%; text-align:center;}
.brand-title{padding-bottom:2.5rem;}
.brand-title span{display:flex; justify-content:center; align-items:center; width:7.75rem; height:2.75rem; margin:0 auto; color:#fff; font-size:1.25rem; font-weight:500; background:#054597;}
.brand-bg{display:flex; justify-content:center; align-items:center; width:29.625rem; height:17.125rem; margin:0 auto; background:url(/Images/img-ci__bg.png) repeat -1px -1px; border:1px solid #cddaea;}
.brand__story{display:flex;}
.brand__story-cont{width:100%; text-align:center;}
.brand__story-cont img{margin:0 auto;}
.brand__story-title{padding-bottom:1.875rem; font-size:2rem; font-weight:700; text-align:center;}
.brand__slogan{position:relative; display:flex; flex-direction:column; justify-content:center; height:100%; text-align:left;}
.brand__slogan:before{content:''; position:absolute; top:50%; right:0; width:1px; height:15.875rem; background:#799bc9; transform:translateY(-50%);}
.brand__slogan-item{padding-bottom:1.25rem; color:#666; font-size:1.25rem;}
.brand__slogan-keyword{padding:0 0.5rem; color:#054597; font-weight:700; background:#d3e8f2;}

.contact{max-width:1660px; margin-left:auto; padding-left:1.25rem;}
.contact-tab{display:flex; max-width:1400px;}
.contact-tab__list{width:100%; font-size:1.25rem; font-weight:500; text-align:center; line-height:3.75rem; border-bottom:1px solid #cceaf8; cursor:pointer;}
.contact-tab__list.on{color:#0758c1; border-bottom:2px solid #0758c1;}
.contact-map{padding-top:1.25rem;}
.contact__cont{display:none;}
.contact__cont-item{position:relative; display:flex; gap:1.875rem; min-height:35.625rem;}
.contact__cont-info{padding:4.375rem 2.5rem; color:#fff; background:#054597; border-radius:1rem; z-index:1;}
.contact__cont-info h3{padding-bottom:2.5rem; font-size:2.25rem; font-weight:700;}
.contact-info{min-width:29.375rem; font-size:1.25rem; font-weight:500;}
.contact-info:not(:last-child){padding-bottom:1.5rem;}
.contact-info__title{font-size:1.625rem; font-weight:700;}
.contact__metro{display:flex; align-items:center;}
.contact__metro-circle{display:flex; justify-content:center; align-items:center; width:1.0625rem; height:1.0625rem; font-size:0.75rem; border-radius:1rem;}
.metro-orange{background:#f77635;}
.contact__cont-map{position:relative; width:100%; border-top-left-radius:1rem; border-bottom-left-radius:1rem; overflow:hidden;}
.contact__cont-map iframe{position:absolute; top:0; left:50%; transform:translateX(-50%);}
/* Company */

/* Business */
.business-cont{display:flex; min-height:33.75rem; margin-bottom:2.5rem; border-radius:1rem; overflow:hidden;}
.business-card{display:flex; align-items:center; flex-direction:column; width:100%; padding:5rem 2.5rem 0; color:#fff; font-weight:500;}
.business-card.main{background:url(/Images/img-business__bg01.jpg) no-repeat 50% 50%; background-size:cover;}
.business-card.import{background:url(/Images/img-business__bg02.jpg) no-repeat 50% 50%; background-size:cover;}
.business-card.inland{background:url(/Images/img-business__bg03.jpg) no-repeat 50% 50%; background-size:cover;}
.business-card.export{background:url(/Images/img-business__bg04.jpg) no-repeat 50% 50%; background-size:cover;}
.business-logo{display:flex; justify-content:center; align-items:center; width:8.25rem; height:8.25rem; margin-bottom:3.375rem; background:#0094da; border-radius:8.25rem;}
.business-list{font-size:1.25rem;}
.business-list__cont{display:flex; justify-content:center; align-items:center; width:13.125rem; height:3rem; padding:0 3.375rem; border:1px solid #fff;}
.business-list__cont:not(:last-child){margin-bottom:0.625rem;}
.business-card__title{display:flex; justify-content:center; align-items:center; width:13.125rem; height:3rem; font-size:1.5rem; border:1px solid #fff;}
.business-card__cont{width:100%; padding-top:3.375rem;}
.business-card__cont h4{font-size:1.5rem; padding-bottom:1.25rem;}

#Service.sub-section{padding:5rem 0; background:#0098dd;}
#Service .sub-title{color:#fff;}
.service{position:relative;}
.service-box{display:flex; max-width:1400px; width:100%; min-height:37.5rem; margin:0 auto; background:#fff; border-radius:1rem; overflow:hidden;}
.service-bg{max-width:37.5rem; width:100%;}
.service-bg.slide01{background:url(/Images/img-service__slide01.jpg) no-repeat 50% 50%; background-size:cover;}
.service-bg.slide02{background:url(/Images/img-service__slide02.jpg) no-repeat 50% 50%; background-size:cover;}
.service-bg.slide03{background:url(/Images/img-service__slide03.jpg) no-repeat 50% 50%; background-size:cover;}
.service-bg.slide04{background:url(/Images/img-service__slide04.jpg) no-repeat 50% 50%; background-size:cover;}
.service-cont{display:flex; flex-direction:column; justify-content:center; width:100%; padding:1.25rem 4.375rem;}
.service-cont__num{padding-bottom:2.5rem; color:#c3cfd5; font-size:7.5rem; font-style:italic; font-weight:200; line-height:1;}
.service-cont__title{padding-bottom:1.5rem; font-size:2.5rem; font-weight:700;}
.service-cont__subtit{padding-bottom:5rem; font-size:1.25rem; font-weight:500;}
.service-cont__desc{padding-bottom:1.5rem;}
.service-cont__desc p{padding-left:2rem; padding-bottom:0.625rem; background:url(/Images/icn-check.png) no-repeat 0 0.375rem;}
.service-cont__detail{width:100%; height:3.5rem; border:1px solid #666;}
.custom-arrow{position:absolute; top:50%; left:50%; max-width:1500px; width:100%; height:5rem; transform:translate(-50%, -50%);}
.custom-arrow .custom-prev,
.custom-arrow .custom-next{position:absolute; top:0; width:5rem; height:5rem; background:#fff url(/Images/icn-arrow.png) no-repeat 50% 50%; border-radius:5rem;}
.custom-arrow .custom-prev{left:0;}
.custom-arrow .custom-next{right:0; transform:rotate(180deg);}

.layer_zone.service-pop .btns.close{top:0.625rem; left:50%; width:3.75rem; height:3.75rem; border-radius:5rem; transform:translateX(-50%); z-index:11;}
.service-pop .layer_cont{max-height:50rem; height:100%; padding:2rem; background:#f1f1f1; overflow:auto;}
.service-pop__title{padding-top:1.875rem; font-size:2.5rem; font-weight:700; text-align:center;}
.service-pop__cont{padding-top:3.125rem;}
.service-pop__top{display:flex; justify-content:space-between;}
.service-pop__items-title{font-weight:500;} 
.service-pop__items-list{display:flex; justify-content:space-between; flex-wrap:wrap;}
.service-pop__item{flex:1 1 50%; font-size:0.75rem; font-weight:500; text-align:center;}
.service-pop__circle{position:relative; border-radius:100%;}
.service-pop__circle:before{content:''; position:absolute; top:50%; left:50%; width:9.25rem; height:9.25rem; transform:translate(-50%, -50%);}
.service-pop__circle img{position:relative; z-index:10}
.service-pop__circle span{position:absolute; top:50%; left:50%; font-weight:700; transform:translate(-50%, -50%); z-index:11;}
.service-pop__bottom{display:flex; justify-content:center; align-items:center; margin-top:4.0625rem; padding:0 5rem 1rem; background:#fff; border-radius:1rem;}
.service-pop__feature{display:flex; align-items:center; gap:3.75rem; width:100%;}
.service-pop__feature-index{color:#f1f1f1; font-style:italic; font-size:6.25rem; font-weight:200; line-height:1;}

.seq-cont{display:flex; justify-content:center; gap:1.875rem; padding-bottom:2.8125rem;}
.seq-list{position:relative; width:100%; text-align:center; background:#0096db;}
.seq-list:not(:last-child):before,
.seq-list:not(:last-child):after{content:''; position:absolute; right:-1.875rem; width:1.875rem;}
.seq-list:not(:last-child):before{bottom:0; height:100%; background:linear-gradient(180deg,rgba(0, 79, 116, 1) 0%, rgba(0, 150, 219, 1) 100%);}
.seq-list:not(:last-child):after{bottom:0; height:3.25rem; border-top:1.875rem solid transparent; border-bottom:1.875rem solid #f1f1f1; border-right:0.9375rem solid transparent; border-left:0.9375rem solid #f1f1f1; box-sizing:border-box;}
.seq-list__before{position:absolute; width:1.875rem; height:3.25rem; top:0; right:-1.875rem; border-top:1.875rem solid #f1f1f1; border-bottom:1.875rem solid transparent; border-right:0.9375rem solid #f1f1f1; border-left:0.9375rem solid transparent; box-sizing:border-box;}
.seq-list__desc{display:flex; flex-direction:column; height:100%; color:#fff; font-size:1.25rem; font-weight:700;}
.seq-list__desc.highlight{color:#ffd800;}
.seq-list__title{padding:1.25rem 0.625rem; background:#005277;}
.seq-list__cont{display:flex; width:100%; height:100%; justify-content:center; align-items:center; padding:3.125rem 0.625rem;}
.cargo-img__list{display:flex; gap:0.625rem;}
.cargo-img__list:not(:last-child){padding-bottom:0.625rem;}
.cargo-img__cont{flex:1 1 25%; padding:0.625rem; text-align:center; border:1px solid #054597;}
.cargo-img__cont img{max-width:fit-content; width:100%; margin-bottom:0.625rem;}
.cargo-img__desc{max-width:19.5625rem; width:100%; margin:0 auto; padding:0.9375rem 0.625rem; color:#fff; font-weight:500; text-align:center; background:#054597;}
.cargo-img__desc .highlight{color:#ffd800;}

.benefit{display:flex; gap:11.875rem;}
.benefit__column{width:100%; font-weight:500; text-align:center;/* border:4px solid;*/}
.benefit__column.strategy{/*margin-right:-1.5rem;*/ border-color:#b3b3b3;}
.benefit__column.category{display:flex; flex-direction:column; max-width:15.375rem; height:100%; margin-top:4rem; padding:0 0.625rem; color:#fff; background:#5c5d5d; border:none; z-index:1;}
.benefit__column.advantage{/*margin-left:-1.5rem;*/ border-color:#054597;}
.benefit__title{display:flex; justify-content:center; align-items:center; height:3.75rem; color:#fff; font-size:1.5rem;}
.strategy .benefit__title{background:#0096db;}
.advantage .benefit__title{background:#054597;}
.benefit__list{color:#8a8a8a;}
.benefit__item-group{position:relative; margin-top:1.25rem; padding:3.75rem 1.25rem 1.875rem; background:#fff; border:4px solid; z-index:1;}
.strategy .benefit__item-group{border-color:#0096db;}
.advantage .benefit__item-group{border-color:#054597;}
.strategy .benefit__item-group:before{content:''; position:absolute; top:50%; right:-12.125rem; width:11.75rem; height:0; border:1px dotted #afb8bc; transform:translateY(-50%);}
.strategy .benefit__item-group:after{content:''; position:absolute; top:50%; right:-9.375rem; width:6.875rem; height:6.875rem; border-radius:5rem; box-shadow:0px 7px 8px 0 rgba(38, 38, 39, 0.1); transform:translateY(-50%);}
.strategy .benefit__item-group.sea:after{background:#fff url(/Images/icn-service__pop3-01.png) no-repeat 50% 50%;}
.strategy .benefit__item-group.air:after{background:#fff url(/Images/icn-service__pop3-02.png) no-repeat 50% 50%;}
.strategy .benefit__item-group.inland:after{background:#fff url(/Images/icn-service__pop3-03.png) no-repeat 50% 50%;}
.strategy .benefit__item-group.coastal:after{background:#fff url(/Images/icn-service__pop3-04.png) no-repeat 50% 50%;}
/*.benefit__item-group:before{content:''; position:absolute; bottom:0; left:50%; max-width:18.75rem; width:100%; height:1px; border-bottom:1px dashed #5d5d5d; transform:translateX(-50%);}*/
.benefit__item__title{position:absolute; top:-0.625rem; left:50%; display:flex; justify-content:center; align-items:center; width:13.75rem; height:3rem; font-size:1.25rem; font-weight:500; border-radius:3rem; transform:translateX(-50%);}
.strategy .benefit__item__title{color:#0096db; background:#cae5f1;}
.advantage .benefit__item__title{color:#054597; background:#cde3fe;}
.benefit__item{padding-bottom:1.875rem; font-weight:500;}
.benefit__item:last-child{padding-bottom:0;}
.benefit__category{display:flex; justify-content:center; align-items:center; height:5.25rem; border-bottom:1px dashed #fff;}
.benefit__category:first-child{height:17.25rem;}
.benefit__category:last-child{border-bottom:0;}

.system{max-width:1300px; margin:0 auto;}
.system img{width:100%;}

.network{}
.network-tab{display:flex;}
.network-tab__list{width:100%; font-size:1.25rem; font-weight:500; text-align:center; line-height:3.75rem; border-bottom:1px solid #cceaf8; cursor:pointer;}
.network-tab__list.on{color:#0758c1; border-bottom:2px solid #0758c1;}
.network-list{padding-top:1.5rem;}
.network__cont{display:none; padding:2.5rem; border-radius:1rem;}
.network__cont:nth-child(odd){background:#a7cfea;}
.network__cont:nth-child(even){background:#a7e1ea;}
.network-img{padding-bottom:1.875rem;}
.network-img img{width:100%;}
.network__title{padding-bottom:0.625rem; font-size:1.5rem; font-weight:700;}
.network__subtit{font-weight:500;}
.network__subtit span{display:block;}
.network__global-list{display:flex; gap:1.25rem; padding-top:1.25rem;}
.network__global-box{padding:1.25rem 1.25rem 1.25rem 2.25rem; font-size:0.75rem; background:#dcecf7; border-radius:1rem;}
.network-world__title{position:relative; padding-bottom:0.25rem; font-weight:700;}
.network-world__title:before{content:''; position:absolute; top:0.1875rem; left:-1.25rem; width:0.6875rem; height:0.875rem;}
.network-world__title.red:before{background:url(/Images/icn-pin01.png) no-repeat 50% 50%;}
.network-world__title.blue:before{background:url(/Images/icn-pin02.png) no-repeat 50% 50%;}
.network-world-list{display:flex; gap:2.5rem;}
.network-location{padding-bottom:1.5rem; line-height:2;}
/* Business */

/* Estimate */
.quotation-box{padding-bottom:2.5rem;}
.quotation-box__agree{padding-bottom:2.5rem;}
.quotation-box__cont{margin-bottom:1.25rem; padding:1.875rem 1.25rem; background:#f5f5f5; box-sizing:border-box;}
.quotation-box__cont p{max-height:13.875rem; padding-right:0.625rem; color:#666; font-size:0.875rem; font-weight:500; line-height:1.5; overflow-y:auto;}
.quotation-box__cont p::-webkit-scrollbar{width:5px;}
.quotation-box__cont p::-webkit-scrollbar-thumb {height: 30%; background: #95bad4; border-radius: 10px;}
.quotation-box__cont p::-webkit-scrollbar-track {background: #bababa;}
/*.quotation-box__check{text-align:center;}*/
.quotation-box__check input[type=checkbox]{display:none;}
.quotation-box__check label{display:block; position:relative; padding-left:1.875rem; font-weight:500; cursor:pointer;}
.quotation-box__check label:before{content:''; position:absolute; top:50%; left:0; width:1.375rem; height:1.375rem; background:url(/Images/sp_check.jpg) no-repeat 0 50%; transform:translateY(-50%);}
.quotation-box__check input[type=checkbox]:checked + label:before{background-position:100% 50%;}
.quotation-box__form{display:flex; min-height:43.0625rem; border:1px solid #d1d1d1; border-radius:1rem; overflow:hidden;}
.quotation-box__img{width:43.625rem; background:url(/Images/img-estimate01.jpg) no-repeat 50% 50%; border-radius:1rem;}
.quotation-box__img img{width:100%;}
.quotation-form{flex:1; width:100%; padding:2.5rem 3.25rem; box-sizing:border-box;}
.quotation-form__cont{margin-bottom:1.25rem;}
.quotation-form__title{padding-bottom:0.625rem; color:#333; font-size:0.75rem; font-weight:500;}
.quotation-form__desc{width:100%; height:2.5rem; padding-left:0.625rem; color:#666; font-size:0.875rem; background:#f5f5f5; border-radius:0.25rem; resize:none; box-sizing:border-box;}
textarea.quotation-form__desc{width:100%; height:6.25rem; padding:0.625rem;}
.quotation-form__btn{display:flex; justify-content:space-between; align-items:center; gap:1.25rem;}
.quotation-form__btn button{min-width:10.625rem; width:10.625rem; height:3.125rem; color:#fff; font-size:0.875rem; font-weight:700; background:#008fd5; border-radius:1rem;}

.sales__info{display:flex; justify-content:space-between; padding:2.5rem 3.75rem; background:#cceaf8 linear-gradient(90deg,rgba(32, 156, 255, 0.1) 0%, rgba(104, 224, 207, 0.1) 100%); border-radius:1rem;}
.sales__info > *{width:100%;}
.sales__title{font-size:2.5rem; font-weight:700;}
.sales__member-info{padding-bottom:1.5rem;}
.sales__name{font-size:1.5rem; font-weight:700;}
.sales__position{font-weight:500;}
.sales__contact{font-weight:500;}
.sales__label{color:#008fd5; font-weight:700;}
/* Estimate */