@charset "utf-8";

/* min-width */

@media all and (min-width:1200px) {
	/*.lnb > li > a{padding: 0 40px;}*/
}

@media all and (min-width:1025px) {
	.mo{display: none}

	/*#header{background:#faf8ef;}*/
	#header .inner{max-width:1400px; margin:0 auto;}
	/*#header.sub{background-color: #fff;}*/

	.lnb{display:flex;}
	.lnb:after{display: block;content: '';clear: both;}
	.lnb > li{position: relative;display: inline-block}
	.lnb > li > a{display: block;font-weight: 500;text-align:center; transition: color 0.1s;}
	.lnb > li > a > p{width:10.5rem;}
	.lnb > li > a > p span{display:inline-block; position: relative; transition:all .3s ease;}
	.lnb > li.on > a > p,
	.lnb > li:hover > a > p{/*color:#2679b2;*/ font-weight:700;}

	#header.active .inner{border-bottom-color: #dbdbdb}
	.lnb .depth{position: absolute;top:100%;width: 100%;z-index: 2;display: none;padding-bottom:20px}
	.lnb .depth .sub_in{padding-top:55px;}
	.lnb .depth a{font-size: 15px;/*color: #fff;*/display: block;padding: 6px 0 7px;text-align: center}
	/*.lnb .depth li {padding-bottom:5px}*/
	.lnb .depth li:hover a{/*color: #2679b2;*/font-weight: 800}
	#navi_bg{position: absolute;top:139px;width: 100%;height:190px;background:#fff;display: none;box-shadow:0 12px 15px 0 rgba(0,0,0,0.2);}
	.sub #navi_bg{background:#faf8ef;}
	.sub .lnb .depth a{color:#666;}
	.sub .lnb .depth li:hover a,
	.sub .lnb .depth li.on a{/*color:#2679b2; */font-weight:800;}

	.lnb > li.on > a span:before,
	.lnb > li:hover > a span:before{opacity: 1}
	#header.sub .lnb > li > a > p span,
	#header.sub .lnb > li:hover > a > p span{position:relative; color: #333;}
	#header.sub .lnb > li.on > a > p span,
	#header.sub .lnb > li:hover > a > p span{/*color:#2679b2;*/}
	#header.sub .lnb > li:after{background-color: #2c2929}


	/* 한/영 버튼 */
	#header .lang_box{position:absolute;top:50%;right:100px;transform:translateY(-50%);color:#bb9d40;}
	#header .lang_box .btn_lang:before{background:url(/Images/icn-bul02.png) no-repeat 50% 50%;}
	#header .lang_box .btn_lang{position:relative;padding-right:1.125rem; width:64px; height:34px; font-size:0.875rem; box-sizing:border-box;}
	#header .lang_box .btn_lang:before{content:'';position:absolute;top:50%;right:8px;width:0.75rem;height:0.5rem;background:url(/Images/icn-bul02.png) no-repeat 50% 50%;transform:translateY(-50%); transition:all .3s ease;}
	#header.active .lang_box .btn_lang:before,
	#header.sub .lang_box .btn_lang:before{background:url(/Images/icn-bul02.png) no-repeat 50% 50%;}
	#header .lang_box.open .btn_lang:before{transform:rotate(180deg) translateY(50%);}
	/*#header.active .lang_box,
	#header.sub .lang_box{color:#fff;}*/
	#header .lang_box ul{position:absolute; top:0; width:64px; height:34px; background:#fff; border-radius:0.25rem; box-shadow:0 0.25rem 0.625rem 0 rgba(0,0,0,.12); opacity:0; z-index:-1; visibility:hidden; transition:all .3s;}
	#header .lang_box ul li~li{margin-top:0.625rem;}
	#header .lang_box ul a{display:flex; justify-content:center; align-items:center; height:100%; box-sizing:border-box;}
	#header .lang_box.open .btn_lang{border-bottom:0;}
	#header .lang_box.open ul{top:34px; opacity:1; z-index:1; visibility:visible; box-sizing:border-box;}
	#header .lang_box.open ul li{height:100%;}
	/* 한/영 버튼 */

	#header.active #hamberger .btn_total:before,
	#header.active #hamberger .btn_total:after,
	#header.sub #hamberger .btn_total,
	#header.sub #hamberger .btn_total:before,
	#header.sub #hamberger .btn_total:after{background-color: #fff}

	#hamberger{width:3.25rem; height:3.25rem;}
	#hamberger .btn_total{width:1.125rem;height:0.125rem;}
	#hamberger .btn_total:before,
	#hamberger .btn_total:after{width:0.75rem;}

	#header.sub #hamberger.show .btn_total,
	#hamberger.show .btn_total{background:transparent;width: 22px;}
	#hamberger.show .btn_total:before,
	#hamberger.show .btn_total:after{width:1.125rem;}
	#hamberger.show .btn_total:before{transform:translate(-50%) rotate(45deg);}
	#hamberger.show .btn_total:after{transform:translate(-50%) rotate(-45deg);}

	/* Footer */

	/* Footer */

	/* Main */
	.main-visual{margin-top:8.6875rem; height:55rem;}
	.main-visual__title{padding-top:1.5rem; font-size:2.625rem;}
	
	.together-box:not(:nth-child(3n)){border-right:1px solid #d3e8f2;}
	.together-box:nth-child(-n+3){border-bottom:1px solid #d3e8f2;}

}

/* max-width */

@media all and (max-width:1640px){
	div[class^="swiper-btn__"]{margin:13.75rem 1.25rem 0;}
}

@media all and (max-width:1520px){
	.custom-arrow{max-width:unset; width:100%; padding:0 1.25rem;}
	.custom-arrow .custom-prev{left:1.25rem;}
	.custom-arrow .custom-next{right:1.25rem;}
}

@media all and (max-width:1440px){
	.contact{max-width:1400px; margin:0 auto; padding:0 1.25rem;}
	.contact__cont-map{border-radius:1rem;}

	.service-box{max-width:100%;}
	.service-cont__subtit{padding-bottom:2.5rem;}
	.service-cont__desc{padding-bottom:2.5rem;}

	.cargo-img__list{flex-wrap:wrap;}
	.cargo-img__cont{flex:1 1 49%;}
}

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

	.sub-menu__list{flex-wrap:wrap;}

	/* Business */
	.seq-list__desc{font-size:1rem;}
	/* Business */

}

@media all and (max-width:1300px){
	/* Business */
	.service-box{height:40rem;}
	.service-cont__num{font-size:5rem;}

	.service-pop__top{flex-direction:column; align-items:center; gap:1.25rem;}

	.cargo-img__list.in_two	.cargo-img__cont{flex:1 1 100%;}

	.benefit__column.category{max-width:11.25rem;}
	/* Business */
}

@media all and (max-width:1220px) {
	.semi_mo{display:block;}
	.semi_mo+.pc{display:none;}

	.sub_img_title {width:650px}
	.partner_table_pc {font-size:9pt}
	.partner_image_pc {width:90%;height:30px}

	.company_list .icon_box p span .mo{display:block;}

}

@media all and (max-width:1200px){
	/* Common */
	.header-left{gap:1.25rem;}
	.ex_rate__title{padding:0.3125rem 0.625rem;}

	.footer-menu{display:none;}
	/* Common */

	/* Main */
	.together-box{font-size:1rem;}
	/* Main */

	/* Business */
	.business-cont{flex-wrap:wrap;}
	.business-card{flex:1 1 50%; padding:2.5rem;}

	.seq-cont{flex-direction:column; gap:0.625rem; padding-bottom:1.25rem;}
	.seq-list__desc{flex-direction:row;}
	.seq-list__title{display:flex; justify-content:center; align-items:center; width:7.5rem;}
	.seq-list__cont{height:auto; padding:0.625rem;}
	.seq-list__before,
	.seq-list:not(:last-child):before,
	.seq-list:not(:last-child):after{display:none;}

	.benefit{gap:0.625rem;}
	.benefit__column.strategy{margin-right:0;}
	.benefit__column.category{display:none;}
	.benefit__column.advantage{margin-left:0;}
	.benefit__item__title{display:inline-block; margin-bottom:0.625rem; padding:0.625rem 1.25rem; color:#fff; background:#5c5d5d;}
	.strategy .benefit__item-group:before,
	.strategy .benefit__item-group:after{display:none;}

	.network-tab__list{font-size:1rem;}
	/* Business */

	/* Customer */
	.quotation-form{padding:2.375rem 2.5rem;}
	.quotation-box__img{width:30rem; background-position:0;}
	/* Customer */
}

@media all and (max-width:1130px) {
	.cntr_value_list_box.ship_box .list_con{flex-direction:column;}	
	.ship_cntr_img_area{justify-content:center; padding-right:0; padding-bottom:50px;}
}

/* gd-service 단독 */
@media all and (max-width:1054px){
	.gd-card__list{gap:2.5rem;}
	.gd-card{max-width:23rem; flex: 1 1 45%;}
}

@media all and (max-width:1024px){
	
	.pc{display: none !important;}
    .mo{display:block;}
	span.mo{display:inline-block;}
    img.pc{display:none;}
    img.mo{display:block;}
	colgroup.mo{display:table-column-group;}
	tbody.mo{display:table-row-group;}
	table.mo tr{display:table-row;}
	tr.mo{display:table-row;}
	td.mo{display:table-cell;}
	.block {display:block !important;}
	#Terms{font-size:0.9375rem;}

	/* Common */
	#header .logo > a, #header .nav_logo{width:4rem; height:2.8125rem; background-size:4rem 2.8125rem;}
	
	.menu-ex_rate{padding:1.25rem 1.25rem 0; color:#666; font-size:0.6875rem;}
	.ex_rate__title{display:block; padding:0; color:#666; font-size:0.75rem; background:none;}
	.ex_rate_value{position:relative; padding-right:0.375rem;}
	.ex_rate_value.line{padding-left:0.375rem;}
	.ex_rate_value.line:before{content:''; position:absolute; top:50%; left:0; width:1px; height:0.5rem; background:#ccc; transform:translateY(-50%);}

	.sub_depth{background:#fff;}
	.sub-section.first,
	section{padding-top:2.5rem;}
	section.sub-tab{padding-top:0;}
	section:last-child{padding-bottom:2.5rem;}
	
	.layer_zone2{padding-top:100px;}
	.tracking_pop{position:relative; top:0; background:#fff; margin:auto; /*padding-top:55px;*/}
	#tracking-close{position:absolute; top:-35px; width:30px;}
	.tracking-inner .map{width:100%; left:0;}
	.tracking-list{position:unset; width:100%; margin:auto; height:280px;}
	.list-search{top:-114%; text-align:center;}
	.tracking-list input{margin-left:unset; width:100%;}
	.list-search > .btn_search{left:unset; top:-7px;}
	.list-result.export-result,
	.list-result.import-result{margin:0; position:relative; top:-40px; height:248px; overflow-x:hidden;}
	.list-result.export-result::-webkit-scrollbar,
	.list-result.import-result::-webkit-scrollbar{width:5px;}
	.list-result.export-result::-webkit-scrollbar-thumb,
	.list-result.import-result::-webkit-scrollbar-thumb{height: 30%; background: #717171; border-radius: 10px;}
	.list-result.export-result::-webkit-scrollbar-track,
	.list-result.import-result::-webkit-scrollbar-track{background: #bababa;}

	.list-result.export-result .result-area,
	.list-result.import-result .result-area{width:100%;}
	.type-title{flex-grow:1;}
	.type-searched{padding-left:10px; flex-grow:1;}
	.tracking-table{height:640px;}
	.mobile-map .tracking-list{position:unset;width:100%;margin:auto; padding:0; height:280px;}
	.mobile-map .list-search{top: -330px;text-align:center;width:100%;}
	.mobile-map .btn_search{background:url('/Images/icn_search_scroll.png') no-repeat 50% 50%;}
	.mobile-map .map{padding-top:35px;height:320px;}

	/* Common */

	/* main */
	.main-visual{margin-top:5.125rem; height:calc(100vh - 5.125rem);}
	.main-visual__logo img{max-width:fit-content; width:50%;}
	.main-visual .main-visual__title{display:block; padding-top:1.5rem; font-size:1.25rem; line-height:1.5;}
	.main-visual__sub-menu{padding:0 1.25rem; gap:0.625rem; height:3.125rem;}
	.sub-menu{justify-content:center; gap:0.625rem; font-size:1rem;}
	.sub-menu img{display:block; width:3.125rem;}

	.main-together__title{font-size:1.875rem;}
	.together-box img{width:6.25rem;}

	.trade-list{flex-wrap:wrap;}
	.trade-box{flex:1 1 48%; min-height:22rem; padding:1.25rem;}
	/* main */

	/* sub */
	.sub-visual{margin-top:5.125rem;}
	.sub-visual h2{font-size:1.875rem;}
	.sub-title{padding-bottom:1.25rem; font-size:1.25rem;}
	.sub-tab{font-size:1rem;}
	.sub-tab .content{padding:0;}
	.sub-tab__list{flex-wrap:wrap; border:0;}
	.sub-tab__cont{flex:1 1 25%;}
	/*.sub-tab__cont:nth-child(3){border-right:0;}
	.sub-tab__cont:nth-child(-n+3){border-bottom:1px solid #82a2cb;}*/
	.sub-section.last{padding:2.5rem 0;}
	/* sub */

	/* Company */
	.greeting{padding:1.25rem;}
	.greeting-title{padding-bottom:2.5rem;}
	.greeting-from{padding-top:5rem;}

	.history{height:auto; background:url(/Images/img-history_mo.jpg) no-repeat 50% 100%;}
	.history-list{flex-direction:column; padding:1.25rem 0;}
	.history-cont{width:100%; padding:2rem 0 3rem;}
	.history-cont:last-child{padding-bottom:2.5rem;}
	.history-cont:not(:last-child):before{content:''; position:absolute; left:50%; bottom:0; width:2px; height:1.875rem; background:#799bc9; transform:translateX(-50%);}
	.history-cont:after{content:''; position:absolute; left:50%; top:0.625rem; width:0.75rem; height:0.75rem; background:#fff; border-radius:1rem; transform:translateX(-50%);}
	.history-cont:first-child .history-year:before{display:none;}
	.history-title{font-size:0.875rem;}
	.history-year{margin-bottom:0; font-size:1.5rem;}
	.history-year:after{display:none;}

	#Organization.sub-section{padding:2.5rem 0;}
	.organ img{width:100%;}

	#Brand .sub-title{padding-top:0;}
	.brand__ci{display:block;}
	.brand__ci-cont{padding-bottom:1.25rem;}
	.brand-title{padding-bottom:0.625rem;}
	.brand-title span{width:5.75rem; font-size:0.875rem;}
	.brand-bg{max-width:29.625rem; width:100%; height:12rem; padding:0 1.25rem;}
	.brand-bg img{max-width:fit-content; width:100%;}
	.brand__story{display:block;}
	.brand__slogan:before{display:none;}
	.brand__story-title{padding-bottom:1.25rem; font-size:1.25rem;}
	.brand__slogan-item{font-size:0.875rem;}

	.contact-tab__list{font-size:1rem; line-height:2.5rem;}
	.contact__cont-item{min-height:25rem;}
	.contact__cont-info h3{padding-bottom:1.875rem; font-size:1.875rem;}
	.contact__cont-info{width:100%; padding:1.875rem;}
	.contact-info__title{font-size:1.25rem;}
	.contact-info{min-width:auto; font-size:0.875rem;}
	.contact-map iframe{height:100%;}
	/* Company */
	
	/* Business */
	.business-logo{width:6.25rem; height:6.25rem; margin-bottom:1.375rem;}
	.business-list{font-size:1rem;}
	.business-card__title{font-size:1.25rem;}
	.business-card__cont{padding-top:2.375rem; font-size:0.875rem;}
	.business-card__cont h4{padding-bottom:0.875rem; font-size:1rem;}

	#Service.sub-section{padding:2.5rem 0;}
	.service-box{flex-direction:column; height:auto;}
	.service-bg{max-width:unset; height:18.75rem;}
	.service-cont{justify-content:flex-start; min-height:28.75rem; padding:1.25rem 3.125rem;}
	.service-cont__num{padding-bottom:1.25rem;}
	.service-cont__title{padding-bottom:1.25rem; font-size:1.875rem;}
	.service-cont__subtit{padding-bottom:1.875rem;}
	.service-cont__detail{height:2.5rem;}
	.custom-arrow .custom-prev,
	.custom-arrow .custom-next{width:3.5rem; height:3.5rem; background-size:cover;}

	.service-pop__title{font-size:1.875rem;}
	.service-pop__cont{padding-top:1.25rem;}
	.service-pop__img img{max-width:fit-content; width:100%;}
	.service-pop__bottom{flex-direction:column; gap:0.625rem; margin-top:2.5rem; padding:0.625rem 1.25rem;}
	.service-pop__feature{font-size:0.875rem;}
	.service-pop__feature-index{font-size:3.125rem;}

	.service-pop .layer_cont{padding:1.25rem;}

	.benefit{flex-direction:column;}
	.benefit__title{height:2.5rem; font-size:1.25rem;}
	.benefit__list{display:flex; flex-wrap:wrap; gap:0.625rem; padding:1.25rem;}
	.benefit__item-group{flex:1 1 49%;}
	.benefit__item-group:before{max-width:11.25rem;}
	.benefit__item{padding:0 1.25rem 1.25rem;}

	.network-tab{flex-wrap:wrap;}
	.network-tab__list{flex:1 1 50%;}
	.network__cont{padding:1.25rem;}
	.network-img{padding-bottom:1.25rem;}
	.network__title{font-size:1rem;}
	.network__subtit{font-size:0.875rem;}
	.network__global-list{flex-wrap:wrap;}
	.network-location{padding-bottom:0.5rem;}
	/* Business */

	/* Customer */
	#Quotation{padding:2.5rem 0;}
	#Quotation .sub-title__desc{padding-bottom:0.625rem; font-size:1rem;}
	.quotation-box__cont{padding:1.25rem;}
	.quotation-box__cont p{max-height:11.25rem; font-size:0.875rem;}
	.quotation-box__check{padding-left:1.25rem; text-align:left;}
	.quotation-box__check label{padding-left:0; font-size:0.875rem;}
	.quotation-box__check label:before{top:0.1875rem; left:-1.25rem; width:0.875rem; height:0.875rem; background-size: auto 0.875rem; transform:none;}
	.quotation-box__form{display:block; border:0;}
	.quotation-box__img{width:100%; height:27.5625rem; background:url(/Images/img-estimate01.jpg) no-repeat 0% 50% / cover;}
	.quotation-form{padding:1.5rem 0 0;}
	.quotation-form__desc{height:2.1875rem;font-size:0.625rem;}
	textarea.quotation-form__desc{height:4.375rem;}
	.quotation-form__btn{text-align:center;}
	.quotation-form__btn button{width:7.5rem; height:2.1875rem; font-size:0.875rem;}

	.sales__info{flex-direction:column; gap:1.25rem; padding:1.25rem;}
	.sales__title{font-size:1.75rem;}
	.sales__member-info{padding-bottom:0.5rem;}
	.sales__name{font-size:1.25rem;}
	.sales__position{font-size:0.875rem;}
	.sales__contact{font-size:0.75rem;}
	/* Customer */
}

@media all and (max-width:768px){
	/* Common */
	.footer-cont{flex-direction:column; align-items:flex-start; gap:1.25rem;}
	.footer-img{font-size:1.25rem;}
	.footer-info{flex-direction:column; align-items:flex-start; gap:1.25rem;}
	/* Common */

	/* Main */
	.main-visual__sub-menu{flex-direction:column; height:auto;}
	.sub-menu{padding:0.625rem; font-size:0.75rem;}

	.section.main-together{padding:2.5rem;}
	.together-box{flex:1 1 50%; padding:1.875rem 1.25rem;}
	/* Main */

	/* Sub */
	.sub-tab__cont{flex: 1 1 50%; font-size:0.875rem;}
	.sub-tab__cont:nth-child(-n+2){border-bottom:1px solid #82a2cb;}
	.sub-tab__cont:nth-child(even){border-right:0;}
	.business .sub-tab__cont{flex:1 1 50%;}
	.business .sub-tab__cont:nth-last-child(2){border-right:0;}
	/* Sub */

	/* Company */
	.greeting{font-size:0.875rem;}
	.greeting-title{font-size:1.25rem;}
	.greeting-highlight{padding:1.25rem 0; font-size:1rem;}
	.greeting-from{padding-top:3rem; font-size:1.25rem;}

	.contact__cont-item{flex-direction:column; gap:1.25rem;}
	.contact__cont-map{height:18.75rem;}
	/* Company */

	/* Business */
	.service-bg{height:9.375rem;}
	.service-cont{min-height:29.6875rem; padding:1.25rem;}
	.service-cont__num{font-size:2.5rem;}
	.service-cont__title{font-size:1.25rem;}
	.service-cont__subtit{font-size:1rem;}
	.service-cont__desc{font-size:0.875rem;}
	.custom-arrow{padding:0 0.625rem;}
	.custom-arrow .custom-prev,
	.custom-arrow .custom-next{width:2.5rem; height:2.5rem;}
	.custom-arrow .custom-prev{left:0.625rem;}
	.custom-arrow .custom-next{right:0.625rem;}

	.benefit__list{display:block; padding:0;}
	/*.benefit__item-group{padding-top:1.25rem;}*/
	.benefit__item{font-size:0.875rem;}

	#servicePop04 .layer_wrap{display:block;}
	#servicePop04 .layer_inwrap{display:block;}
	.system{height:31.25rem; overflow:scroll;}
	.system img{width:auto;}

	.network-tab__list{flex:1 1 100%; font-size:0.875rem;}
	.network__global-box{width:100%;}
	/* Business */
}

@media all and (max-width:600px){
	.history-year.swiper-slide{display:flex; flex-direction:column; align-items:center;}
}

@media all and (max-width:576px){
	#Terms{font-size:0.8125rem;}
}

@media all and (min-width:1025px) and (max-width:1200px) {
	/*.lnb > li > a{padding:0 10px;}*/
}