@charset "utf-8";

/* main section */
.sub{overflow: hidden; margin-bottom: 150px;}
.sub .section .inner{width: 1410px;margin: 0 auto;}
.sub .section h3{font-size: 45px;margin: 120px 0 30px;display: inline-block;position: relative;left: 50%;transform: translateX(-50%)}
.sub .section .inner .section-tit{font-size: 33px;}
.sub .section h3::after{content: '';background: url('../images/dts-logo-icon.png')no-repeat 50%;background-size: 64%;width: 71px;height: 53px;position: absolute;top: -55px;left: 50%;transform: translateX(-50%); }

.sub .section .sub-capytit {width: 100%;z-index: 2;position: absolute;top: 10%;left: 50%;transform: translateX(-50%);text-align: center;color: #fff;}
.sub .section .sub-capytit h2{font-size: 65px;font-weight: 400;margin: 0;}
.sub .section .sub-capytit p{font-size: 22px;font-weight: 100;}


.sub .location_wrap{max-width: 1410px;margin: -70px auto 0 auto;height: 65px;position: relative;top: -3px;}
.sub .location_wrap > ul:before {background: #f8b248;content: '';position: absolute;top: 0;right: -100%;bottom: 0;left: 0;}
.sub .location_wrap > ul{display: flex;}
.sub .location_wrap > ul li:first-child{border-right: 1px solid #ababab;}
.sub .location_wrap > ul li:first-child a img {width: 40%;}
.sub .location_wrap > ul li:last-child{border-right:0}
.sub .location_wrap > ul li{z-index: 2;height: 65px;border-right: 1px solid #fff;display: flex;align-items: center;justify-content: center;}
.sub .location_wrap > ul .active{background: #fff;}
.sub .location_wrap > ul .active a{color: #335b7d;font-weight: bold;}
.sub .location_wrap > ul li a{color: #fff;font-size: 16px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.sub .location_wrap > ul li a:hover{background: #fcbf65}

/*International Forwarding*/
.sub .section .inner .international-box {display: flex;align-items: start;border-bottom: 1px solid #cdcdcd;padding: 40px 0;}
.sub .section .inner .international-box img {width: 500px;border-radius: 150px;}
.sub .section .international-box div strong {font-size: 23px;line-height: 70px;}
.sub .section .international-box div P {font-size: 18px;line-height: 35px;color: #646464;padding-left: 12px;position: relative;}
.sub .section .international-box div P::after {content: '·';position: absolute;left: 0;top: 0px;}
.sub .section .international-box div a {display: block;}
.sub .section .international-box div .style-menual{text-align: center;background: #345b7c;color: #f0ae4f;font-weight: bold;padding: 20px; 
    border-radius: 100px;width: 200px;margin-top: 107px;}
.sub .section .international-box.cont-odd div {margin-left: 80px;}
.sub .section .international-box.cont-even {justify-content: space-between;}

/*Onboard Delavery*/
.sub .section .inner .onboard-box {border-bottom: 1px solid #d6d6d6;margin-bottom: 50px;padding-bottom: 50px;}
.sub .section .inner .onboard-box ul{display: flex;align-items: baseline;justify-content: space-evenly;border: 1px solid #b7b7b7;border-radius: 200px;}
.sub .section .inner .onboard-box ul li{width: 30%;text-align: center;padding: 50px 0;}
.sub .section .inner .onboard-box ul li img{width: 13%;}
.sub .section .inner .onboard-box ul li span {text-align: left;}

/*NBS & Port Agevcy*/
.sub .section .inner .sub01-cont-img {background: url(../images/sub/sub01-nbs.jpg)no-repeat 50%;padding: 50px 0 287px;background-size: 100%;border-radius: 200px;}
.sub .section .inner .sub01-cont-img p{width: 40%;color: #fff;float: right;margin-right: 50px;font-size: 25px;}
.sub .section .inner .nbs-cont {margin-top: 70px;}
.sub .section .inner .nbs-cont p{line-height: 40px;position: relative;padding-left: 12px;}
/* .sub .section .inner .nbs-cont p::after{content: '·';position: absolute;left: 0;top: -4px;} */

/* ICS  */
.ico-box {display: flex;justify-content: space-between;}
.ico-box img {width: 48%;}

/*Global Network*/
.sub .section .inner .network-box > div{}
.sub .section .inner .network-box > div > strong {display: block; border-bottom: 1px solid #8d8d8d;padding-bottom: 20px;margin-bottom: 20px;}
.sub .section .inner .network-box > div p {display: flex;line-height: 40px;position: relative;padding-left: 12px;}
.sub .section .inner .network-box > div p::after{content: '·';position: absolute;left: 0;top: -4px;}
.sub .section .inner .network-box > div p strong {font-size: 18px;}

/*Global Door to Ship Service*/
.sub .section .inner .door-box > div{}
.sub .section .inner .door-box > div > strong {display: block; border-bottom: 1px solid #8d8d8d;padding-bottom: 20px;margin-bottom: 20px;}
.sub .section .inner .door-box > div p {display: flex;line-height: 40px;position: relative;padding-left: 12px;}
.sub .section .inner .door-box > div p::after{content: '·';position: absolute;left: 0;top: -4px;}
.sub .section .inner .door-box > div p strong {font-size: 18px;}

/*Far East Asian Consolidation Service*/
.sub .section .inner .consolidation-box {padding: 40px 0;}
.sub .section .inner .consolidation-box .sub02-busan-img {background: url(../images/sub/sub03-busin.jpg)no-repeat 50%;padding: 50px 0 194px;background-size: 100%;
    border-radius: 200px;display: flex;align-items: center;justify-content: center;}
.sub .section .inner .consolidation-box .sub02-busan-img p{color: #fff;text-align: center;font-size: 35px;position: relative;top: 70px;}
.sub .section .inner .consolidation-box .sub02-singapore-img {background: url(../images/sub/sub03-singapore.jpg)no-repeat 50%;padding: 50px 0 194px;background-size: 100%;
    border-radius: 200px;display: flex;align-items: center;justify-content: center;}
.sub .section .inner .consolidation-box .sub02-singapore-img p{color: #fff;text-align: center;font-size: 35px;position: relative;top: 70px;}
.sub .section .inner .consolidation-box .sub02-cont-img strong{width: 40%;color: #fff;float: right;margin-right: 50px;font-size: 25px;}
.sub .section .inner .consolidation-cont {margin-top: 70px;}
.sub .section .inner .consolidation-cont p{line-height: 40px;position: relative;padding-left: 12px;}
.sub .section .inner .consolidation-cont p::after{content: '·';position: absolute;left: 0;top: -4px;}


/*contact us*/
.sub .section .inner .contact-info {display: flex;}
.sub .section .inner .contact-info > div {margin: 50px 50px 50px 0;}
.sub .section .inner .contact-info > div > div{display: flex;margin-top: 20px;}
.sub .section .inner .contact-info > div > div p{margin-right: 50px;}


.sub .right-banner {width: 65px;height: 200px;text-align: center;background: #f8b248;position: absolute;top: 62px;right: 0;}
.sub .right-banner .top-go {background: #345b7c url('../images/sub/arrow-icon.png')no-repeat 50% 36%;background-size: 25%; width: 100%;height: 31px;padding-top: 35px;
display: block;font-size: 14px;color: #fff;}
.sub .right-banner .system-banner {height: 100%;display: flex;align-items: center;justify-content: center;}
.sub .right-banner .system-banner p{transform: rotate(90deg) translate(20%, 0%);font-size: 14px;color: #fff;border-left: 1px solid #ffd99e;padding-left: 10px;position: relative;}
.sub .right-banner .system-banner p::after{content: '';background: url('../images/system-icon.png')no-repeat;background-size:70%;width: 50px;height: 48px;
    position: absolute;top: -12px;left: -49px;transform: rotate(-90deg) translate(0%, 0%);}

.sub .right-top {width: 65px;position: absolute;top: -3px;right: 0;}
.sub .right-top .top-go {background: #345b7c url('../images/sub/arrow-icon.png')no-repeat 50% 36%;background-size: 25%; width: 100%;height: 30px;padding-top: 35px;
    display: block;font-size: 14px;color: #fff;text-align: center;}

.sub .section .inner strong{line-height: 37px;font-size: 22px;}
.sub .section .inner > p{line-height: 32px;}

.sub .section.promises-container{margin-top: 70px; margin-bottom: 100px;}
.sub .section.promises-container .inner strong{margin: 50px 0; display: block;}
.sub .section.promises-container .inner strong span:nth-child(1) {color: #345a7e;}
.sub .section.promises-container .inner strong span:nth-child(2) {color: #fab247;}
.sub .section.promises-container .inner strong span:nth-child(3) {color: #303030;}

.sub .section .mvp {display: flex;align-items: center;justify-content: space-between;}
.sub .section .mvp li {width: 300px;padding: 15px 0;text-align: center;border-radius: 200px;position: relative;}
.sub .section .mvp li:nth-child(1) {background: #345a7e;}
.sub .section .mvp li:nth-child(2) {background: #fab247;}
.sub .section .mvp li:nth-child(3) {background: #303030;}
.sub .section .mvp li:nth-child(2)::after {content: '';background: linear-gradient(to right, #345a7e, #fab247);width: 255px;height: 2px;position: absolute;top: 50%;left: -255px;}
.sub .section .mvp li:nth-child(2)::before {content: '';background: linear-gradient(to left, #303030, #fab247);width: 255px;height: 2px;position: absolute;top: 50%;left: 300px;}
.sub .section .mvp li .iconbox {width: 100px;height: 100px;margin: 0 auto;margin-top: 35px;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.sub .section .mvp li strong {font-size: 100px;color: #fff;margin-top: 65px;display: block;}
.sub .section .mvp li:nth-child(1) strong {text-shadow: 3px 3px 5px #6291bf;}
.sub .section .mvp li:nth-child(2) strong {text-shadow: 3px 3px 5px #ffdfb0;}
.sub .section .mvp li:nth-child(3) strong {text-shadow: 3px 3px 5px #686868;}
.sub .section .mvp li:nth-child(1) .iconbox {background: #1e3d63;}
.sub .section .mvp li:nth-child(2) .iconbox {background: #f89526;}
.sub .section .mvp li:nth-child(3) .iconbox {background: #202020;}
.sub .section .mvp li .iconbox img {width: 55%;}
.sub .section .mvp li > p {height: 150px;padding: 15px;color: #fff;}

.sub .section.lat-container {height: 700px;background: #fab247 url(../images/location-bg.jpg)no-repeat 100% 50%;background-size: 100%;position: relative;padding-top: 1px;}   
.sub .section.lat-container .inner h3.blue-tit {width: 468px;  text-align: center;display: block;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;}

.sub .section.whydts-container {height: 700px;background: #345a7e;padding-top: 1px;}
.sub .section.whydts-container h3.yellow-tit {width: 232px;text-align: center;display: block;margin: 0 auto;margin-top: 30px;margin-bottom: 22px;color: #fff;}
.sub .section.whydts-container ul {display: flex;justify-content: space-between;height: 700px;}
.sub .section.whydts-container ul li{width: 100%;height: 550px;padding-top: 150px;}
.sub .section.whydts-container ul li:nth-child(1){background:#345a7e url('../images/who-bgimg01.jpg')no-repeat 50% 100%;background-size: 100%;}
.sub .section.whydts-container ul li:nth-child(2){background:#b7b7b7 url('../images/who-bgimg02.png')no-repeat 50% 0%;background-size: 100%;}
.sub .section.whydts-container ul li:nth-child(3){background:#fab247 url('../images/who-bgimg03.jpg')no-repeat;background-size: 100%;}
.sub .section.whydts-container ul li:nth-child(4){background:#272727 url('../images/who-bgimg04.jpg')no-repeat 50% 0%;background-size: 100%;}
.sub .section.whydts-container ul li strong {height: 100px;margin-bottom: 30px;text-align: center;font-size: 30px;font-weight: 400;display: flex;align-items: center;justify-content: center;}
.sub .section.whydts-container ul li:nth-child(1) strong{color: #fff;}
.sub .section.whydts-container ul li:nth-child(2) strong{color: #345a7e;}
.sub .section.whydts-container ul li:nth-child(3) strong{color: #000;}
.sub .section.whydts-container ul li:nth-child(4) strong{color: #fab247;}
.sub .section.whydts-container ul li div{width: 90%;margin: 0 auto;}
.sub .section.whydts-container ul li div p{line-height: 45px;}
.sub .section.whydts-container ul li:nth-child(1) div p{color:#fff;}
.sub .section.whydts-container ul li:nth-child(2) div p{color:#345a7e;}
.sub .section.whydts-container ul li:nth-child(3) div p{color:#000;}
.sub .section.whydts-container ul li:nth-child(4) div p{color:#fab247;}

.sub .section .quotation {margin-top: 50px !important;}
.sub .section .quotation .form_control {padding: 10px;width: 95%;height: 480px;border: 1px solid #e1e1e1;font-size: 16px;line-height: 30px;letter-spacing: 2px;margin-top: 20px;border-radius: 10px;}
.sub .section .quotation button{display: block;width: 150px;text-align: center;margin: 0 auto;background: #efefef;padding: 12px;border-radius: 50px;font-size: 17px;letter-spacing: 1px;}

@media screen and (max-width: 840px) {

.sub > .section > img{width: 100%;}
.sub .right-banner {display: none;}
.sub .section .sub-capytit {display: none;}

.sub .section h3 {font-size: 30px;margin: 120px 0 0;}
.sub .section h3::after {left: 55%;}
.sub .section .inner {width: 95%;}

.fixed {top: 68px;}
.sub .location_wrap {top: 62px;height: 45px;}
.sub .location_wrap > ul li {height: 45px;}
.sub .location_wrap > ul li a {font-size: 13px;line-height: 15px;}

.inr-c-s {flex-direction: column;}
.inr-c-s img {margin-right: 0 !important;}

/*서브콘텐츠*/
.sub .section .inner .international-box {flex-direction: column;}
.sub .section .international-box.cont-odd div {margin-left: auto;margin-top: 30px;}
.sub .section .international-box div strong {font-size: 20px;line-height: 60px;}
.sub .section .international-box div P {font-size: 16px;line-height: 30px;}

.sub .section .inner .onboard-box ul {flex-direction: column;}
.sub .section .inner .onboard-box ul li {width: 100%;padding: 30px 0;}
.sub .section .inner .onboard-box ul li span {text-align: center;width: 70%;display: block;margin: 0 auto;}

.sub .section .inner strong {line-height: 30px;font-size: 20px;}
.sub .section .inner .network-box > div p {line-height: 35px;}

.sub .section .inner .img-viewBtn {padding: 7px 10px;background: #f9f9f9;border: 1px solid #ddd;border-radius: 5px;color: #343434;
    font-size: 13px;font-weight: 500;margin: 0 auto;width: 120px;text-align: center;display: block;margin-top: 10px;display: block;}

.sub .section .inner .contact-info {flex-direction: column;}
.sub .section .inner .contact-info > div > div {flex-direction: column;}
.sub .section .inner .contact-info > div {margin: 20px 50px 10px 0;}

.sub .section .inner .sub01-cont-img {background-size: 250%;padding: 50px 0 27px;margin-top: 30px;}
.sub .section .inner .sub01-cont-img p {width: 85%;float: none;margin-right: 0;font-size: 16px;margin: 0 auto;}
.sub .section .inner .nbs-cont {margin-top: 30px;}

.sub .section .inner .consolidation-box {padding: 40px 0 0;}
.sub .section .inner .consolidation-cont {margin-top: 30px;}
.sub .section .inner .consolidation-box .sub02-busan-img {background-size: 170%;padding: 50px 0 27px;margin-top: 0;}
.sub .section .inner .consolidation-box .sub02-busan-img p {font-size: 25px;top: -10px;}
.sub .section .inner .consolidation-box .sub02-singapore-img {background-size: 170%;padding: 50px 0 27px;margin-top: 0;}
.sub .section .inner .consolidation-box .sub02-singapore-img p {font-size: 25px;top: -10px;}

}
.fixed {width: 100%;position: fixed; top:173px; right:0;z-index: 1;}