.show_500 {display: none;}

@media screen and (max-width:1778px) {
    .sec2 .slider-wrap {width:771px !important}

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

}
@media screen and (max-width:1440px) {
    .main-visual h2 {font-size: 60px;}
    .main-visual p {font-size: 25px;}

    #truck-wrap .layer {width:85%; }
}
@media screen and (max-width:1100px) {
    /* .sec2 .slider-wrap {max-width: 454px !important;} */

}
@media screen and (max-width:1246px) {
    .mobile_none {display: inline-block;}
    .mobile_show {display: none;}
    footer {padding:54px 30px 0; }
    .container {width:100%; padding-left:20px; padding-right:20px; box-sizing:border-box;}
    header {padding:0 3vw;}
    header nav a {margin:0 0.8vw; }
    .main-visual h2 {font-size: 50px;}
    .sub-tit {font-size: 14px;}
    .tit {font-size: 28px;}
    .desc {font-size: 16px; word-break: keep-all; }
    .sec2 .slider-wrap {left:380px; margin-top: 31px; width:800px;}
    .swiper-count {left:380px;}
    .sec4 ul {gap:25px; width:100%; max-width:500px;}
    .sec4 ul li {margin:0;}
    .sec5 .left {width:400px;}
    .sec5 .right .slide-thumb {width:auto; display: flex; height:385px; justify-content: center;}
    .sec5 .right .slide-thumb > img {width:auto; height:100%; }
    .sec2 .slider-wrap li {border-radius:0 0 24px 0;}
    .sec2 .slider-wrap .slide-content {padding-left:20px; height:100px;}
    .sec2 .slider-wrap .slide-content p {font-size: 14px;}
    .count strong {font-size: 72px;}

    .sub-header > div,
    .sub-header.scroll > div {margin: 60px auto 0 ;}
    .sub-header .sub-tit {font-size: 25px; line-height: 30px;}
    .sub-header .tit {font-size: 60px; line-height: 71px;}
    .sub-header-bg {height:350px;}

    .company .biz-control-wrap {width:450px; height:auto;}
    .company .biz-slide-control {justify-content: center; gap:10px;}
    
    .company .biz-slide-control li {width:100px; height:100px; padding:0; font-size: 14px;}
    .company .biz-slide-control li::before {height:35px; background-size:auto 40px !important;}
    .company .biz-info-wrap {width:48vw; margin-top: 20px;}
    .company .biz-info-wrap .tit {font-size: 20px; margin-top:20px;}
    .company .biz-info-wrap .desc {font-size: 14px; margin-top:8px}
    .company .biz-info-wrap a {font-size: 14px;}
    .company .swiper-slide {height:483px;}
    .sec-biz > .container {padding:0;}
    
    .biz-map {padding-top:100px;}
    .tab {overflow-x:scroll; padding-bottom:20px;}
    .tab a {flex: 0 0 auto;}
    .map-info {width:100%; position:initial; transform:none; padding:0;}
    .map-content {width:100%; }
    .sub-magic {width:100%; padding:0 20px; box-sizing: border-box;}
    .sub-magic .biz-ct-1 {width:48%;}
    .sub-magic .biz-ct-2 {width:42%; right:20px; top:100px;}
    .sub-magic .biz-ct-4 {width:42%; right:20px;}
    .sub-magic .biz-ct-3 {margin-bottom: 200px;}
    .biz3 .sub-magic .biz-ct-3 a{margin-bottom: 200px;}
    .sub-mgic .ico-desc p br {display: none;}
    .sub-magic .biz-ct-2 .biz-desc .bullet li {width:100%;}
    .lbl-wrap { gap: 10px 5px}
    .lbl-wrap li { padding: 9px 15px; font-size: 13px;}
    .in-content li ~ li {padding-left:20px;}
    .in-content .slider-controls a {display: none;}
    .biz-map .container {padding-right:0;}

    #truck-wrap .layer {width:95%; box-sizing: border-box;}
    .trucks .info-wrap {margin-left: 15px; width:calc(100% - 200px)}
    .trucks .thumb { width: 200px; height:200px;}
    .trucks h4 {font-size: 18px;}
    .trucks .info-wrap dl dt,
    .trucks .info-wrap dl dd {margin-bottom: 5px; font-size: 14px;}

} /* 1246 까지 */
@media screen and (max-width:1000px) {
    .plane .in-content > div:first-child {padding-bottom: 80px;;}
    /* .sub-magic {margin: 0 auto 200px;} */
    .sub-magic .biz-ct-1 {height:350px;}
    .sub-magic .biz-ct-1 {margin-bottom: 250px;}
    .sub-magic > div .biz-ct-thumb  {height:250px !important;}
    .sub-magic .biz-ct-3 {width:70%; margin-bottom: 100px !important;}
    .sub-magic .biz-ct-4 {position: initial; margin-left: auto; margin-right: 0; width: 68%;}
    .sub-magic .biz-ct-5 {margin:100px auto;}
    .company .list {display: none;}
    .in-content .swiper-slide {height:auto; padding-top:60px;}
    .in-content .swiper-slide img {width:100%;}
    /* .in-content > div:first-child {height:auto; padding-bottom:40px;} */
    .in-content .biz-page {gap:10px;}
    .in-content .biz-page a {width:70px;}
    .in-content .biz-page a img {width:100%;}
    /* .info-desc-wrap, .in-content ul {display: none;} */
    .info-desc-wrap {margin-top: 20px;}
    .info-desc-wrap dl {gap:5px 0;}
    .info-desc-wrap dt {width:50%; font-size: 14px;}
    .info-desc-wrap dd {width:50%; font-size: 14px;}
    .container-thumb {margin-bottom: 20px;}
    .info-desc-wrap h5, .in-content li strong {font-size: 16px;}
    .in-content li span {font-size: 14px;}
    .in-content.dry ul {flex-wrap:wrap;}
    .in-content.dry .hidden {display: inline-block; padding-left:0;}
    .in-content.dry li {width:33.3%;}
    .in-content.dry li:nth-child(3) {border-right:none;}
    .in-content.dry li:nth-child(-n+3) { border-bottom:1px solid #efefef; padding-bottom: 10px;}
    .in-content.dry li:nth-child(n+4) {padding-top:10px;}
    .container-thumb {padding-top: 60px;}
    .tab-in-tab a {font-size: 16px;}
    .container-thumb h3 {font-size: 20px;}
    .container-thumb p {font-size: 14px;}
    .lbl-wrap li {font-size: 12px; padding:5px 10px;}

    .biz-card-wrap {width:100%; }
    .think-tank {background:#F8F9FA url("../img/sub-company-map.svg") no-repeat center bottom/ auto 70%;}

    footer {display: flex; flex-wrap:wrap; flex-direction: column; justify-content: center; align-items: center;}
    footer h3 {margin-bottom: 0;}
    footer ul {display: block; text-align: center;}
    .footer-bottom {width:100%;justify-content: space-between;align-items: center; flex-direction: column-reverse;padding-bottom: 20px; }
    footer .company-info ul {margin-bottom: 10px;;}
    footer .company-info li {padding:0; margin:0; line-height: 1.5;}
    footer .company-info li::after {display: none;}
    footer .show_500 {display: block;}
    .sec5 .service-slide {height:550px;}

    .trucks > div { width:100% !important; }
    .trucks .thumb,
    .trucks .info-wrap { width:50%;}
    .trucks .thumb img {width:60%;}

}


@media screen and (max-width:768px) {
    .plane .in-content > div:first-child {padding-bottom: 60px; padding-left:10px; padding-right:10px;}
    .global-wrap .glo4 ul:nth-of-type(1), .global-wrap .glo1 ul:nth-of-type(1) {margin-bottom: 0;}
    .sec2 .slider-wrap {max-width: 100% !important;}
    .sec2 .container {padding-right: 0;}
    .sec, .biz-map  {padding:60px 0;}
    .shipping-info-wrap {margin-bottom: 30px;}
    .company .sec-biz {padding-bottom: 60px;}
    .mobile_none {display: none;}
    .mobile_show {display: none;}
    header {height:50px; border-bottom: none;}
    header h1 img {height:30px;}
    .sec4 ul {width:100%;}
    header.fixed {border-bottom:0; box-shadow: none;}
    .global-sevice-wrap ul {gap:2vw;}
    .global-sevice-wrap li {width:30%; min-width:initial; }
    .global-sevice-wrap li h4 {font-size: 16px;}
    .global-sevice-wrap li p {font-size: 12px;}
    .main-visual h2 {font-size: 7vw;}
    .main-visual p {font-size: 3vw;}
    .ham {display: inline-block;}
    header nav, header nav + .langs {display: none;}
    .main-visual {padding-top:50px; height:calc(100vh - 50px); }
    .index header.fixed + section {padding-top: 0;}
    .sec2 .slider-controls {display: none;}
    .sec2 > div {flex-direction: column; width:100%; height:auto;}
    .swiper-count, .sec2 .slider-wrap {position:initial; }
    .sec2 .slider-wrap {min-height:454px;}
    .sec2 .left {width:100%; height:auto; margin-bottom: 24px;}
    .swiper-count {justify-content: flex-start;}

    .biz-card-wrap h4 {margin-bottom: 8px; font-size: 16px;}
    .biz-card-wrap li p {margin-top: 0;}
    .sec5 {text-align: center;}
    .sec5 > div {flex-direction: column;}
    .sec5 > div .left, .sec5 > div .right {width:100%;}
    .sec5 > div .right {width:80%;  max-width:500px; margin: 54px auto 0;}
    .sec5 > div .right {text-align: left;}
    .sec5 .service-slide {height:560px;}
    .service-slide-control {display: none;}
    .bg-map {margin-top: 0; padding:0;}
    .count {margin:54px 0 40px; }
    .sub-header .sub-tit {font-size: 20px; line-height: 25px;}
    .sub-header {padding-bottom:0;}
    .sub-header .tit {font-size: 40px; line-height: 50px;}
    .sub-header-bg {height:250px;}
    .company .greating p {font-size: 16px; word-break: keep-all;}
    .company .sign h4 {font-size: 16px;}
    .company .sign h4::after {background:url("../img/ceo-sign.png") no-repeat center left / auto 69px}
    .company .biz-control-wrap {width:100%; padding:40px 0 20px 20px; overflow:hidden;}
    .company .biz-slide-control li {margin-bottom: 0;}
    .company .biz-slide-control {overflow-x:scroll; justify-content: flex-start; flex-wrap:nowrap; gap:0; }
    .company .biz-slide-control li {padding:0; width:95px; height:90px; flex:0 0 auto; margin-right:10px; flex-shrink: 0;}
    /* .company .biz-slide-control li:first-child {margin-left:calc(100vw * 0.15);} */
    .company .biz-slide-wrap {padding-top:217px; position:initial;}
    .company .biz-bg {width:100%; height:217px;}
    .company .biz-info-wrap {width:100%; text-align: center;}
    .company .swiper-slide {height:410px;}
    /* .company .swiper-slide {height:241px;} */
    .sec.global .tit {text-align: center;}
    .global-wrap {display:block;}
    .global-wrap h4 {font-size: 20px; margin-bottom: 0; padding: 16px; border-top:1px solid #DEDFE0; display: flex; align-items:center; justify-content: space-between; font-weight: 500;}
    .global-wrap h4::after {content:""; display: inline-block; width:16px; height:16px; background:url(../img/common/arrow-updown.png) no-repeat center / cover; transition:0.3s;}
    .global-wrap ul {display: flex; flex-wrap:wrap; justify-content: space-between; flex-direction: row; padding:16px 17px; border-top: 1px solid #DEDFE0; display: none;}
    .global-wrap ul li {width:49%; font-size: 14px;}
    /* .global-wrap .glo4 h4:last-of-type {border-bottom: 1px solid #DEDFE0;} */
    .global-wrap h4.show::after {    transform: rotate(180deg)}
    .global-wrap h4.show + ul {display: flex; }
    .global-wrap .glo4 ul:nth-of-type(1) {margin-bottom: 0;}
    .global .count {margin-top: 52px;;}
    .sec.global .tit {background:none;}
    .global .count {background:url("../img/sub-company-map.png") no-repeat top right / auto 100%;}
    .company .sec5 > div {flex-direction: column;}
    .sub-magic .biz-ct-1 {display: none;}
    .sub-magic .biz-ct-2 {position: initial; width:70%; margin-bottom: 50px; }
    .sub-magic .biz-ct-3, .sub-magic .biz-ct-5 {margin-left:auto; margin-right:0;}
    .sub-magic .biz-ct-4 {margin-left:0; margin-right:auto;}
    .sub-magic > div { position: initial; }
    
    .biz1 .sub-header + .sec .desc br {display: none;}
    .biz-card-wrap ul {flex-direction: column; gap:16px; background:none; }
    .biz-card-wrap li { width:100%; border:none; border-radius:10px; background:#fff;}
    /* .biz-card-wrap li p {font-size: 12px;} */
    .service .form-group.flex {flex-direction: column; margin-right:0; width:100%; }
    .service .form-group {margin-bottom: 0;}
    .service .form-group .input-wrap,
    .service .form-group textarea {margin-bottom: 40px;}
    .policy-wrap {padding:20px; }
    .policy-wrap dl {flex-direction: column;}
    .policy-wrap dl dd {margin-bottom: 10px; width:100%; }

    .in-content li span em {display: none;}
    .company .biz-slide-control li::before {margin-bottom: 0;}
    
    .map-info {height:226px; padding-left:20px;}
    .think-tank {background-size : 100% auto;}


    .in-content .biz-page {padding:0 20px;}
    .ship .in-content > div {padding:55px 20px;}
    .tab-in-tab a { font-size: 14px; text-align: center; line-height: 1.2; height:auto; padding:10px 4px;}
    .tab-in-tab a em {display: none;}
    .container-thumb {margin-bottom: 4px;}
    /* .container-thumb img {max-height:126px;} */
    .in-content li span {margin-bottom: 0;}
    .ship .container-thumb {padding:40px;}
    .info-desc-wrap dt, .info-desc-wrap dd  {font-size: 14px;}
    .content:first-child .in-content ul {flex-direction: column;}
    .in-content li {width:100%; border-right:none; border-bottom:1px solid #efefef; }
    .content:first-child .in-content li:last-child {border-bottom: none;}
    .in-content li {margin-top:0; padding:20px 0;}
    .info-desc-wrap {margin-top: 4px;}
    .info-desc-wrap h5, .in-content li strong {margin-bottom: 8px;}
    .info-desc-wrap dt {width:45%;}
    .info-desc-wrap dd {width:55%;}

    .in-content li ~ li {padding-left:0;}
    .content.ship .in-content li:first-child strong, .ship .hidden strong {opacity: 0; font-size: 0;}
    .content.ship .in-content li:first-child, .content.ship .hidden {width:100px !important; min-width: 100px;}
    .content.ship li {width :calc((100% - 100px) / 2);}
    .content.ship .hidden {display: inline-block;}
    .in-content ul {flex-wrap:wrap;}
    .in-content.dry li:nth-child(-n+3) {padding-bottom: 20px;}
    .content.ship li:nth-child(n+4) {padding-top:20px; border-bottom:none !important;}

    #truck-wrap .layer {width:100%; height:100%; border-radius: 0; padding:30px; transform:none; left:0; top:0; bottom: 0; right: 0; }
    #truck-wrap .layer > h3 {font-size: 28px;}
    #truck-wrap .layer > p { font-size: 16px;}
    #truck-wrap .controls {margin-bottom: 25px;}
    .trucks {max-height:80%; height:100%;}
    
    .sub-magic .biz-ct-2 .biz-desc .bullet {width:100%;}
} /* 768 까지 */
@media screen and (max-width:650px) {
    .global-sevice-wrap li h4 {font-size: 14px;}
    .global-sevice-wrap li p br {display: none;}
    .ship .tab-in-tab a::after {display: none;}

    .sub-magic .biz-ct-1, 
    .sub-magic .biz-ct-2, 
    .sub-magic .biz-ct-3, 
    .sub-magic .biz-ct-4,
    .sub-magic .biz-ct-5 {width:100%;}
}

@media screen and (max-width:500px) {
    .tab {gap:14px;}
    .hidden_500 {display: none !important;}
    .ship .in-content > div { padding: 55px 0px;}
    .container {padding-left:16px; padding-right:16px; }
    header.main:not(.fixed) {border-bottom: none;}
    .global-sevice-wrap li p br  {display: block;}
    .sec,  .biz-map  {padding:50px 0; }
    .company .sec-biz {padding-bottom: 50px;}
    .tab {margin:12px 0 15px; padding-bottom: 5px;}
    .tab a {font-size: 14px;}
    .shipping-info-wrap .tab {margin: 12px 0 15px; padding-bottom:5px;}
    header + section {padding-bottom: 0 !important;}
    .show_500 {display: inline-block;}
    footer {padding:30px 16px 0;} 
    footer h2 img {height:36px;} 
    footer .company-info li, footer .company-info li a {font-size: 12px;}
    .footer-bottom ul {gap:5px; padding:16px 0; }
    .footer-bottom ul li {width:26px  !important;}
    .footer-bottom ul li img {width:100%;}
    footer .btn {margin-bottom: 30px; font-size: 13px;}
    .main-visual h2 {font-size: 30px; word-break: keep-all; }
    .main-visual p {font-size: 16px;}
    .tit {font-size: 24px;}
    .main-visual .main-scroll {padding-top:35px; background-size:12px;  font-size: 10px;}
    .global-sevice-wrap ul {flex-direction: column; gap:50px;}
    .global-sevice-wrap li {width:100%;}
    .sec2 .slider-wrap {margin-top: 28px; min-height:350px;}
    .sec2 .slider-wrap .swiper-slide-active,
    .sec2 .slider-wrap .swiper-slide-active + .swiper-slide-next ,
    .sec2 .slider-wrap .swiper-slide-next + .swiper-slide {width:100% !important; height:350px !important;}
    .swiper-count {font-size: 12px;}
    .sec4 ul {padding:0 20px; box-sizing: border-box;;}
    .sec4 ul li {width: auto; height:22px;}
    .sec4 ul li img {height:100%; }
    .sec5 > div .right {margin-top: 20px;}
    .sec5 .service-slide {height:auto;}
    .sec5 .desc {display: none;}
    
    .sec5 .right .slide-thumb {height:264px;}
    .sec5 .right .slide-thumb a {width:50px; height:50px;}
    .sec5 .right .slide-thumb a img {width:20px; height:20px;}
    .service-slide .swiper-wrapper {flex-direction: column;}
    .bullet li {font-size: 14px;}
    .sec5 > div .right {width:100%; padding:0;}
    .sec5 .right .bullet {padding:0;}
    .sec5 .right .bullet li {min-width:initial; width:46%; margin-bottom: 4px; padding-left:13px;}
    .sec5 .service-slide .swiper-slide {margin-bottom: 30px;}
    .sec5 .service-slide .swiper-slide:last-child {margin-bottom: 0;}
    .sec5 .right h4 {font-size: 16px; margin-bottom: 8px; font-weight: 800;}
    .sec5 .right .bullet {padding-bottom: 0;}
    .btn-wrap {gap:8px;}
    .sec6 .btn, .btn {font-size: 14px; padding:10px 28px;}
   
    .sub-header > div,
    .sub-header.scroll > div {margin:40px auto 0; text-align: left; }
    .sub-header .sub-tit {font-size: 14px; line-height: 20px; }
    .sub-header .tit {font-size: 36px; line-height: 49px;}
    .sub-header-bg {height:170px;}
    
    .company .greating .tit {font-size: 24px;}
    .sub-magic .biz-ct-2 .biz-desc .bullet {width:100%; }
    .biz-card-wrap li {padding:40px 0;}
    .biz-card-wrap li p {font-size: 14px;}
    .biz-card-wrap li > a {font-size: 14px;}
    .biz-card-wrap li > a img {width:12px}
    .think-tank {background-size:auto 23%;}
    .sec4 ul {width:70%; min-width:311px;}
    .lbl-wrap {margin-top: 12px;}
    .sub-magic .ico-desc p, .container-thumb p {word-break: keep-all;}
    .sub-magic .ico-desc p br, .container-thumb p br {display: none;}

   
    .in-content li span, .info-desc-wrap dt, .info-desc-wrap dd {font-size: 12px;}
    .content.ship .in-content li:first-child, .content.ship .hidden {width:80px !important; min-width:80px;}
    .content.ship li {width:calc((100% - 80px) / 2);}
    .sub-header-bg {background-attachment:initial;}
    .sub-magic .biz-ct-2 {width:100%;}
    .sub-magic .biz-ct-2 .biz-desc {flex-direction: column;}
    .sub-magic .biz-ct-2 .biz-ct-thumb {display: none;}
    .sub-magic .biz-ct-2 .biz-desc h4 {margin-bottom: 8px;}
    .sub-header + section {padding-bottom:30px;}
    .service .sub-header + section {padding-bottom:50px;}
    .company .sign {margin-bottom: 20px;}
    .sub-magic .biz-ct-2 .biz-desc .bullet li {width:50%; box-sizing: border-box; padding-left:13px;}
    .bullet li::before {left:0;}
    .sub-magic .biz-ct-2 .biz-desc {margin-top: 0;}
    /* .sub-magic > div {width:100% !important; } */
    .sub-magic > div .biz-ct-thumb {height: 280px !important; border-radius: 24px 0 24px 0 !important;}
    .sub-magic .biz-ct-thumb + .flex {margin-top: 24px;}


    .sub-magic {margin-bottom: 50px;}
    .sub-magic .ico-desc h5 {font-size: 16px;}
    .sub-magic .ico-desc p {font-size: 14px;}
    .sub-magic .biz-ico {width:50px; height:50px; margin-right:15px;}
    .sub-magic .biz-ico img {height:30px;}
    .sub-magic .biz-ct-3 {margin-bottom: 50px !important;}
    .sub-magic .biz-ct-5 {margin: 50px 0 !important;}

    .company .biz-info-wrap .tit {margin-top: 30px;}

    footer .copy {font-size: 10px;}
    .sec2 .container {padding-right:20px;}
    .sec2 .slider-wrap li {height: 350px !important}
    .sec2 .slider-wrap .swiper-slide-active { width:100% !important; height: 350px !important}

    .tab-in-tab a {font-size: 13px;}
    #truck-wrap .m-header {display: flex;}
    #truck-wrap .layer {padding:20px 10px 20px 20px; top:49px;}
    #truck-wrap .layer .btn-close {display: none;}
    #truck-wrap .layer > h3 {font-size: 24px; margin-bottom: 8px;}
    #truck-wrap .controls .btn {display: none;}
    #truck-wrap .layer select.input-wrap {height:36px;}
    .trucks > div:not(.ex) {flex-direction: column;}
    .trucks .thumb, .trucks .info-wrap {width:100%; }
    .trucks .info-wrap {margin-left: 0; margin-top: 20px;}
    .trucks h4 {font-size: 16px;}
    .trucks {padding-right: 10px; height: 100%; max-height: calc(100vh - 268px);}

} /* 500 까지 */


@media screen and (max-width:400px) {
    .content.ship .in-content li:first-child, .content.ship .hidden {width:70px !important; min-width:70px;}
    .content.ship li {width:calc((100% - 70px) / 2);}
    .in-content li span, .info-desc-wrap dt, .info-desc-wrap dd {font-size: 11px;}


}