@import url('sub.css'); 




.esg_top .esg_bg.fashion_bg {background:url("/resources/business/img/fashion_bg.jpg")no-repeat center / cover;}
.esg_top .esg_bg.circulation_bg {background:url("/resources/business/img/circulation_bg.jpg")no-repeat center / cover;}
.esg_top .esg_bg.export_bg {background:url("/resources/business/img/export_bg.jpg")no-repeat center / cover;}

.esg_top .fs45 {font-weight:300 !important;}
.esg_top .fs45 b {font-weight: 700;}

.logo-list {display: grid;  grid-template-columns: repeat(7, 1fr); gap: 20px; margin:60px 0 0;}
.logo-list li {/* width:210px; height:120px;  */display: flex; flex-wrap:wrap; justify-content:center; align-items:center; aspect-ratio: 3 / 1.7143;}
.logo-list li img {max-width:80%;}



.circulation_cont {display:flex; flex-wrap:wrap; align-items:center;}
.circulation_cont .tBox {width:calc(100% - 510px); padding-right:5%; box-sizing:border-box;}
.circulation_cont .tBox h4 {color: var(--black); font-size: 1.11rem; font-weight: 400; line-height: 160%; letter-spacing: -0.8px; margin:18px 0 23px;}
.circulation_cont .imgBox {width:510px;}
.circulation_cont .imgBox img {width:100%;}
.circulation_cont .rep {letter-spacing: -0.72px; display:block; margin:24px 0 0;}
.circulation_cont .rep b {font-weight: 600; line-height:inherit; color: var(--black); letter-spacing: -0.72px; display:inline-block; margin-right:15px;}

.richmart {display:flex; flex-wrap:wrap; align-items:center; padding:55px 58px; background: var(--gray_bg_opa6); margin:60px 0 0;}
.richmart .imgBox {width:225px;}
.richmart .tBox {width:calc(100% - 225px);}
.richmart .tBox h4 {color: var(--black); font-size: 1.11rem; font-weight: 600; line-height: 160%; letter-spacing: -0.8px; margin:0 0 7px;}
.richmart .tBox ul {display:flex; flex-wrap:wrap; align-items:center; gap:0 28px;}
.richmart .tBox ul li {letter-spacing: -0.72px;}
.richmart .tBox ul li::before {font-family:var(--icon); font-size:18px; color:var(--black); display:inline-block; margin-right:8px; vertical-align:middle;}
.richmart .tBox ul li.address::before {content:'\e0c8';}
.richmart .tBox ul li.tel::before {content:'\e0b0';}
.richmart .tBox ul li.time::before {content:'\e8b5';}



.partner_list {display: grid;  grid-template-columns: repeat(4, 1fr); border-top:1px solid var(--border); border-left:1px solid var(--border); box-sizing:border-box;}
.partner_list li {position:relative;}
.partner_list li::before {content:''; width:100%; height:1px; background:var(--border); position:absolute; bottom:0; left:0;}
.partner_list li::after {content:''; width:1px; height:100%; background:var(--border); position:absolute; bottom:0; right:0;}
.partner_list li img {width:100%;}


.data_cont {display: grid;  grid-template-columns: repeat(2, 1fr);}
.data_cont .imgBox {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--white); overflow:hidden;}
.data_cont .imgBox .imgBox-in {width:100%; }
.data_cont .imgBox .jarallax {display: block; width: calc(100% + 20px); position:relative; left:-10px;  aspect-ratio: 3 / 3.69;}
.data_cont .imgBox .jarallax iframe {width:100% !important; height:100% !important; transform:translate3d(0px, 0px, 0px) !important; margin:0 !important;}
.data_cont .imgBox::after {content:''; width:100%; height:100%; border:1px solid var(--border); box-sizing:border-box; border-right:0; position:absolute; top:0; left:0;}
.data_cont .imgBox img {width:100%;}
.data_cont .tBox {padding:40px; box-sizing:border-box; background: var(--gray_bg_opa6);}
.data_cont .tBox ul {}
.data_cont .tBox ul li {}
.data_cont .tBox ul li+li {margin:30px 0 0;}
.data_cont .tBox .eng {color: var(--black); font-size: 1.11rem; font-weight: 600; line-height: 170%; letter-spacing: 0.4px; margin:0 0 8px;}


.quality_list {display: grid;  grid-template-columns: repeat(2, 1fr); border-top:1px solid var(--border); border-left:1px solid var(--border);}
.quality_list li {border-bottom:1px solid var(--border); border-right:1px solid var(--border); padding:45px 40px 50px; box-sizing:Border-box; background-repeat:no-repeat; background-position:bottom 50px right 50px; }
.quality_list li:nth-of-type(2), .quality_list li:nth-of-type(3) {background-color: var(--gray_bg_opa6);}
.quality_list li h4 {color: var(--black); font-size: 1.11rem; font-weight: 600; line-height:160%; letter-spacing: -0.8px; margin:0 0 8px;}

.quality_list li:nth-of-type(1) {background-image:url("/resources/business/img/quality_ico01.png");}
.quality_list li:nth-of-type(2) {background-image:url("/resources/business/img/quality_ico02.png");}
.quality_list li:nth-of-type(3) {background-image:url("/resources/business/img/quality_ico03.png");}
.quality_list li:nth-of-type(4) {background-image:url("/resources/business/img/quality_ico04.png");}



.pms_list {display: grid;  grid-template-columns: repeat(3, 1fr);  gap:30px;}
.pms_list dl {}
.pms_list dl dt {}
.pms_list dl dt img {width:100%;}
.pms_list dl dd {color: var(--black); font-size: 1.11rem; font-weight: 600; line-height:160%; letter-spacing: -0.8px; text-align:center; margin:10px 0 0;}


.fs26 {color: var(--black); font-size: 1.444rem; font-weight: 600; line-height:138.462%; letter-spacing: -1.04px; margin:0 0 20px;}
.fs26.mart60 {margin-top:60px;}
.eco_list {display: grid;  grid-template-columns: repeat(2, 1fr);  gap:30px;}
.eco_list dl {border:1px solid var(--border); box-sizing:border-box; padding:0 20px;}
.eco_list dl dt {min-height:180px; display:flex; flex-wrap:Wrap; align-items:center; justify-content:center;}
.eco_list dl dd {padding:16px 0 21px; color: var(--black); font-family: var(--eng); font-weight: 400; line-height: 177.778%; text-align:center; border-top:1px solid var(--border);}


.network_cont .fs20 {color: var(--black); font-size: 1.11rem; font-weight: 400; line-height: 160%; letter-spacing: -0.8px; margin:0 0 30px;}
.network_cont .grayBox {padding:50px 45px 70px !important; box-sizing:border-box;}
.network_cont .grayBox img {max-width:100%; display:block; margin:0 auto;}



/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 



.quality_list li {padding:45px 40px 105px;}


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

.logo-list {display:flex; flex-wrap:wrap; justify-content:center;}
.logo-list li {width:160px; height:60px; }
.logo-list li img {max-width:100px;}


.circulation_cont .tBox {width:50%; padding-right:10%;}
.circulation_cont .tBox h4 br {display:none;}
.circulation_cont .imgBox {width:50%;}


.richmart {align-items:flex-start; padding:40px 35px;}
.richmart .imgBox {width:160px;}
.richmart .imgBox img {width:100px;}
.richmart .tBox {width:calc(100% - 160px);}


.quality_list li {padding:25px 20px 60px; background-size:50px auto; background-position:bottom 30px right 30px;}

.pms_list {gap:15px;}

.eco_list dl dt {min-height:140px;}
.eco_list dl dt img {max-height:80px; max-width:160px;}
.eco_list dl dd {padding:13px 0 15px;}

.network_cont .grayBox {padding:40px !important;}


}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

.logo-list {margin:30px 0 0;}
.logo-list li {width:100px; height:40px; }
.logo-list li img {max-width:60px;}

.circulation_cont .tBox {width:100%; padding-right:0; margin:25px 0 0; order:2;}
.circulation_cont .tBox h4 {margin:5px 0 15px;}
.circulation_cont .rep {margin:20px 0 0;}
.circulation_cont .rep b {margin-right:8px;}
.circulation_cont .imgBox {width:100%; order:1;}

.richmart {padding:20px 15px;  margin:30px 0 0;}
.richmart .imgBox {width:90px; display:none;}
.richmart .imgBox img {width:70px;}
.richmart .tBox {width:100%;}
.richmart .tBox ul {gap:3px 0;}
.richmart .tBox ul li {width:100%;}
.richmart .tBox ul li::before {font-size:16px; margin-right:6px;}


.fs26.mart60 {margin-top:30px;}
.partner_list {grid-template-columns: repeat(2, 1fr);}
.data_cont {grid-template-columns: repeat(1, 1fr);}
.data_cont .imgBox {overflow: hidden; /* aspect-ratio: 3 / 4; */}
.data_cont .imgBox::after {border-right:1px solid var(--border); border-bottom:0;}
.data_cont .tBox {padding:20px;}
.data_cont .tBox .eng {margin:0 0 4px;}
.data_cont .tBox ul li+li {margin:15px 0 0;}
.data_cont .imgBox .jarallax {width:calc(100% + 10px); left:-5px;}


.pms_list {gap:15px; grid-template-columns: repeat(2, 1fr);}

.quality_list {grid-template-columns: repeat(1, 1fr);}
.quality_list li {padding:20px 20px 40px; background-size:30px auto; background-position:bottom 15px right 15px;}

.eco_list {grid-template-columns: repeat(1, 1fr); gap:15px;}
.eco_list dl dt {min-height:100px;}
.eco_list dl dt img {max-height:50px; max-width:120px;}
.eco_list dl dd {padding:10px 0;}

.network_cont .grayBox {padding:20px !important;}


}