@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; height: 5rem; margin:0 auto;}
	/*#header.sub{background-color: #fff;}*/
	
	.lnb{display:block;}
	.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:8.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:81px;width: 100%;height:270px;background:#faf8ef;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.active .lnb > li > a{color:#fff;}*/
	#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.on > a > p span:before,
	#header.sub .lnb > li:hover > a > p span:before{content:''; display:block; position:absolute; bottom:0;left:-0.375rem; width:calc(100% + 0.75rem); height:0.8125rem; background:#dfebf4; z-index:-1;}*/
	#header.sub .lnb > li:after{background-color: #2c2929}
	/*#header.active #hamberger,
	#header.sub #hamberger{border: 2px solid rgba(44,41,41,0.25)}*/

	/* 한/영 버튼 */
	#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: #2c2929}
	
	#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-contact{display:flex; justify-content:center; align-items:center; gap:3.4375rem;}
	.footer-contact p{padding-bottom:1.25rem;}
	.footer-addr{padding-top:1.25rem;}
	.footer-addr .copy{padding-top:0.625rem;}
	/* Footer */

	/* Main */
	.main-visual{margin-top:0; height:53.8125rem;}
	.main-visual .main-visual__title{font-size:2.625rem;}

	/* Business */
	.service-cont .sub-title__desc{padding-left:2.5rem;}
	/* Business */
}

/* max-width */

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

@media all and (max-width:1400px){
	.company .sub-menu__cont{max-width:50rem;}
	.sub-menu__list{flex-wrap:wrap;}
	.company .sub-menu__card{flex:0 0 13.5rem;}

	/* Business */
	.domestic-cont__img img{width: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){

	/* Business */
	.core-card img{bottom:2.5rem; right:1.5rem;}

	.truck-cont{display:block;}
	.truck-list{display:flex; align-items:center; gap:1.25rem; margin-bottom:0.625rem; padding:0.625rem; background:transparent;}
	.truck-list__before,
	.truck-list:not(:last-child):before,
	.truck-list:not(:last-child):after{display:none;}
	.truck-list__img{display:flex; justify-content:center; align-items:center; min-width:5.625rem; height:5.625rem; background:#d39d4b; border-radius:5.625rem;}
	.truck-list__img img{width:3.75rem;}
	.truck-list__desc{color:#666; text-align:left;}
	/* Business */

	/* Customer */
	.quotation-form{padding:2.375rem 2.5rem;}
	.quotation-box__img{width:30rem;}
	/* 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 */
	#hamberger{background:#efe7cf;}
	section{padding-top:2.5rem;}
	section:last-child{padding-bottom:2.5rem;}
	section.pd-bt{padding-bottom:2.5rem;}
	/* Common */

	/* main */
	.main-visual{height:calc(100vh - 4.75rem);}
	.main-visual .main-visual__title{display:block; bottom:3.5rem; font-size:1.5625rem; text-align:center; line-height:1.5;}
	.section.main-business{padding:2.5rem 0;}
	.main-business__title{padding-bottom:1.25rem; font-size:1.25rem;}
	.main-business__bg{background:none;}

	.business-swiper{padding:0 1.25rem;}
	.swiper.businessThumbSwiper{display:none;}
	div[class^="swiper-btn__"]{min-width:2.5rem; height:2.5rem; margin:0; position:absolute; top:16.875rem; background-size:1rem;}
	.swiper-btn__prev{right:calc(50% + 1.25rem);}
	.swiper-btn__next{left:calc(50% + 1.25rem);}
	.businessSwiper .swiper-slide__img{height:15.625rem;}
	.businessSwiper p{font-size:0.75rem;}
	.businessSwiper p.swiper-slide__title{padding-top:5rem; font-size:1rem;}
	/* main */

	/* sub */
	.sub-visual{margin-top:4.875rem; min-height:auto;}
	.sub-visual__cont{padding-top:1.25rem;}
	.sub-visual__cont h2{font-size:0.6875rem;}
	.sub-visual__cont p{font-size:1.25rem;}

	.company .sub-menu__cont{max-width:31.25rem; padding-left:0;}
	.sub-menu__card{flex:0 0 40%; max-width:8.125rem; height:auto;}
	.sub-menu__card img{width:4.6875rem;}
	.sub-menu__card span{margin-bottom:0.75rem; font-size:0.875rem;}

	.sub-title{padding-bottom:0.625rem; font-size:0.6875rem;}
	.sub-title.large,
	.sub-title__desc{padding-bottom:1.25rem; font-size:1.125rem;}
	/* sub */

	/* Company */
	.intro{padding-bottom:2.5rem;}
	.intro-cont{display:block;}
	.intro-cont .sub-title{padding-bottom:1rem;}
	.intro-cont .sub-title__desc{padding-bottom:0.75rem;}
	.intro-cont__desc:first-child{padding-right:0;}
	.intro-cont__desc:last-child{padding-top:1.5rem;}
	.intro-cont__desc p{font-size:0.8125rem;}

	.intro-bottom{margin-top:14rem;}
	.intro-why{display:block; margin-top:-14rem; text-align:center;}
	.intro-why.check-area{margin-top:2.5rem;}
	.intro-why__desc:first-child{padding-bottom:1.25rem;}
	.intro-why__desc.arrow{display:flex;}
	.intro-circle__bg.left,
	.intro-circle__bg.right{width:auto;height:auto;margin:0 auto;padding:0;background:none;border-radius:0;}
	.intro-circle__bg.long{width:auto;height:auto;padding:0.25rem;}
	.intro-circle{height:auto;color:#c2a753}
	.intro-circle__cover{display:flex;padding:0.25rem;}
	.intro-circle.mini{width:6.25rem;height:6.25rem;color:#fff;font-size:0.75rem;}
	.intro-circle.mini.head,
	.intro-circle.mini.gc{margin-top:0;margin-left:-0.625rem;}
	.intro-why__desc ul{padding-top:0.625rem; font-size:0.75rem;}
	.intro-why__arrow{margin-bottom:0; padding-bottom:1.25rem;}
	.intro-why__arrow:before{content:"";position:absolute;left:50%;width:1px;height:3.4375rem;background:#bb9d40;transform:translateX(-50%);}
	.intro-why__arrow.after:before{bottom:1.25rem;}
	.intro-why__arrow.before{padding-bottom:1.875rem;}
	.intro-why__arrow.after{padding-top:1.875rem;}
	.intro-why__arrow img{margin:0 auto;}
	.intro-why__check{display:block;padding-bottom:2.5rem;}
	.intro-check{padding-left:0;}
	.intro-check p{margin-bottom:0; padding-left:1rem; font-size:0.75rem; text-align:left; background-size:0.75rem; background-position:0 4px;}

	.history-year__img img{width:7.875rem;}
	.history-list__title,
	.history-list__desc,
	.history-list a{font-size:0.75rem;}

	.organ{border-width:2px;}
	
	.mission-cont__desc{font-size:0.8125rem;}
	.mission-img.type2{padding-top:5rem;}

	.brand-info{gap:2.5rem; padding:0 0 2.5rem;}
	.brand-list{gap:2.5rem;}
	.brand-logo__desc{margin-bottom:2.5rem;}
	.brand-info__desc,
	.brand-logo__desc,
	.brand-color__desc{font-size:0.8125rem;}
	.brand-logo__title{margin-top:2.5rem; font-size:1.125rem;}
	.brand-logo__color{gap:2.5rem;}
	.brand-logos__cont:not(:last-child) .brand-logo__color{padding-bottom:2.5rem;}

	.contact-tab__list{font-size:0.875rem;}
	.contact-map{height:17.375rem;}
	.contact-map iframe{height:100%;}
	.contact-list__cont{padding:1.5rem 0.625rem;}
	.contact-list__desc{word-break:break-word;}
	/* Company */

	/* Business */
	#Scm{padding-bottom:2.5rem;}
	.scm{padding-bottom:0;}
	.scm img{border-radius:1.25rem;}

	.service{border:0;}
	.service-title{min-height:auto; padding-top:0; background:none;}
	.service-title .sub-title,
	.service-title .sub-title__desc{display:block; padding-left:0; /*text-align:center;*/}
	.service-bg{display:block;position:relative;}
	.service-bg img{max-width:fit-content; width:100%; margin:0 auto;}
	.service-card{flex:1 1 45%;}
	.service-cont{padding:2.5rem 0;}
	.service-cont__card{padding:0;}

	

	.gd-popup .layer_cont{padding:2.5rem 1.25rem;}
	.domestic-cont__img img{width:15.625rem;}
	.domestic-chart__title{font-size:1.25rem;}
	div[class^="domestic-list__"]{min-height:auto; padding:0.25rem 1.25rem; font-size:0.875rem;}

	.network-img{padding-bottom:2.5rem;}
	.network-cont{font-size:0.875rem;}
	.network-cont__desc{background-size:1rem; background-position:0 0.25rem;}
	/* Business */
	
	/* Customer */
	/* notice */
	.notice .title{font-size:24px;}
	.notice_list > li .notice_tit,
	.notice_list > li .icn,
	.notice_list > li .notice_cont .inner,
	.notice_file > ul > li,
	.notice_file > ul > li > a,
	.notice_file > ul > li > a span{font-size:12px;}
	.notice_list > li .notice_tit{padding-left:150px;}
	.notice_list > li .notice_tit.has_file:before{left:120px;}
	.notice_list > li .notice_cont .inner{padding:10px 0;}
	.notice_file{width:100%;}
	.notice_file > ul > li{margin:5px 0}
	.notice_file > ul > li:before{top:6px;}

	.base_paging{margin-top:25px;}
	.base_paging a.page{width:26px; height:26px; margin:0 1px; background-size:auto 26px;
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
	.base_paging a.page.prev{background-position:-29px 0;}
	.base_paging a.page.next{background-position:-60px 0;}
	.base_paging a.page.last{background-position:-88px 0;}
	.base_paging .number{margin:0 2px;}
	.base_paging .number a,
	.base_paging .number .on,
	.base_paging .number span{min-width:12px; line-height:24px; padding:0 2px; border-radius:5px;}
	.base_paging .number{width:26px; height:26px; font-size:0.75rem; border-radius:0.5rem;}
	/* Customer */
}

@media all and (max-width:768px){
	/*.layer_zone.service-popup .btns.close{top:1.25rem; right:1.25rem;}*/

	.sub-menu{padding:1.875rem 0 3.75rem;}
	.sub-menu.company{background:url(/Images/sub-visual_mo01.jpg) no-repeat 50% 50%;}
	.sub-menu__cont{max-width:25rem;}
	.sub-menu__cont > p{display:none;}

	/* Company */
	.historySwiper.swiper{margin:0 3.75rem;}
	div[class^="btn-history__"]{position:absolute; top:3.75rem; width:2.5rem; height:5rem; border-radius:0.625rem; background-size:30%;}
	.btn-history__prev{left:0;}
	.btn-history__next{right:0;}

	.mission{display:block;}
	.mission.type2{padding-top:2.5rem; padding-bottom:5rem;}
	.mission-img{padding-top:2.5rem; padding-left:0; text-align:center;}
	.mission-img.type2{padding-top:2.5rem;}

	.contact-list{flex-wrap:wrap;}
	.contact-list__cont{flex:1 1 50%; width:50%; height: auto;}
	.contact-list__cont:nth-child(even){border-right:0;}
	.contact-list__cont:nth-child(-n+2){border-bottom:1px solid #ccc;}
	.contact-list__title{font-size:0.875rem;}
	.contact-list__desc{font-size:0.75rem;}
	/* Company */

	/* Business */
	.business-cont{padding-bottom:2.5rem;}
	.business-list{display:block;}
	.business-list.air{display:flex;flex-direction:column-reverse;}
	.business-list__img{height:15.625rem; background-size:cover !important;}
	.business-list.ocean .business-list__img{background:url(/Images/img-business_mo01.jpg) no-repeat 50% 50%;}
	.business-list.air .business-list__img{background:url(/Images/img-business_mo02.jpg) no-repeat 50% 50%;}
	.business-list.land .business-list__img{background:url(/Images/img-business_mo03.jpg) no-repeat 50% 50%;}
	.business-list:nth-child(odd) .business-list__cont,
	.business-list:nth-child(even) .business-list__cont{padding-left:0;}
	.business-list__num{font-size:3.125rem;}
	.business-list__title{padding-left:0.3125rem; font-size:1.125rem;}
	.business-list__desc{padding-left:0.3125rem; font-size:0.875rem;}

	.service-card{flex:1 1 100%; max-width:unset; height:7.875rem; background-size:cover !important;}
	.service-card.pallet{background:url(/Images/img-service_mo01.jpg) no-repeat 50% 50%;}
	.service-card.freezing{background:url(/Images/img-service_mo02.jpg) no-repeat 50% 50%;}
	.service-card.measurement{background:url(/Images/img-service_mo03.jpg) no-repeat 50% 50%;}
	.service-card.inspection{background:url(/Images/img-service_mo04.jpg) no-repeat 50% 50%;}
	.service-card.repacking{background:url(/Images/img-service_mo05.jpg) no-repeat 50% 50%;}
	.service-card.bulk{background:url(/Images/img-service_mo06.jpg) no-repeat 50% 50%;}
	.service-card__title{font-size:0.875rem;}
	.service-card .btn-more{bottom:1.25rem;}

	.service-popup .layer-title{font-size:1.125rem;}
	.service-popup .service-card{height:16rem;}
	/*.service-list__cont{flex:1 1 100%;}*/
	.service-cont__img{min-width:3rem; height:3rem;}
	.service-cont__img img{width:1.75rem;}
	.service-cont__desc{font-size:0.875rem;}

	.gd-popup .layer-title{font-size:1.125rem;}
	.gd-card{flex:1 1 100%; max-width:unset; min-height:10rem; height:auto;}
	.gd-card__desc p{font-size:0.875rem;}
	.gd-card__desc span{font-size:0.75rem;}
	.gd-card .btn-more{bottom:1.25rem; font-size:0.875rem;}

	.domestic-cont{flex-direction:column;}

	.intropop-cont p{font-size:0.875rem;}

	.truck-list__img{min-width:3.75rem; height:3.75rem;}
	.truck-list__img img{width:2.5rem;}
	.truck-list__desc{font-size:0.875rem;}
	/* Business */

	/* Customer */
	.notice{margin-top:0;}
	.notice .int_box input{height:1.875rem; padding-right:1.875rem; font-size:0.75rem;}
	.notice .int_box button{width:1.875rem; height:1.875rem; background-size:1.125rem;}
	/* Customer */
}

@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;}
}