#content {font-family: 'Montserrat' !important;}
/*greetings*/
.greetings_img {width: 100%;float: left;margin: 0 0 50px 0;background: url(/img/sub/greetings_img.jpg) 0 0 no-repeat;background-size: cover;height: 415px;position:relative;}
.greetings_txt {clear: both;width: 100%;float: left;}
.greetings_txt p {font-size:17px;word-break:keep-all;line-height:1.5;}
.greetings_txt p a {display:inline-block;font-weight:500;}
.greetings_img h2 {font-size: 50px;color: #fff;position: absolute;left: 5%;bottom: 10%;font-weight:600;text-shadow: 2px 2px 2px #5E5E5E;}
.quality_con {clear: both;width: 100%;margin-top: 60px;overflow:hidden;}
.quality_con.first {margin-top: 0;}

/* sub02 20250123*/
.sVisual.visual02 #sidebar{display:none;}



.test_img {
    display: inline-block;
	vertical-align:middle;
}

.test_con {
    display: inline-block;
	vertical-align:middle;
}
.test_con {
    display: inline-block;
    width: calc(100% - 50%);
}
.test_con h3 {font-size:40px;margin:40px 0 20px 0;font-weight:600;}
.test_con p {font-size:18px;word-break:keep-all;line-height:1.5;}
.quality_con.left .test_img {float:left;}
.quality_con.left .test_con {float:right;}
.quality_con.right .test_img {float:right;}
.quality_con.right .test_con {float:left;}


.pro-table {clear:both;}
.pro-table table {width: 100%; border-collapse: collapse; border-spacing: 0;border-top: 2px solid #000}
.pro-table table th {padding: 20px;border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background: #f7f7f7; text-align: center; }

.pro-table table td {padding: 20px ; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;  word-break: break-all}
.pro-table table th:last-child, .pro-table table td:last-child {border-right: none;}

.pro-table02 {clear:both;}
.pro-table02 table {width: 100%; min-width:700px;border-collapse: collapse; border-spacing: 0;border-top: 2px solid #000}
.pro-table02 table th {padding: 20px;border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background: #f7f7f7; text-align: center; }

.pro-table02 table td {padding: 20px ; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;  word-break: break-all}
.pro-table02 table th:last-child, .pro-table02 table td:last-child {border-right: none;}


.pro-table table td.line {border-right: 1px solid #d3d3d3;}
section#sit_info, #sit_ov_wrap {
    display: none;
}
.pro-detail-content p {
    padding: 10px 0;
    text-align: left;
}
.pro-detail-content p.pro-detail-con-img {
    background: url(/img/sub/pro-d-top.jpg) 0 0 no-repeat;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 70px;
}
.pro-detail-content p.pro-detail-con-img02 {
    background: url(/img/sub/pro-d-top02.jpg) 0 0 no-repeat;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 70px;
}
.pro-detail-content h3 {
    position: relative !important;
    font-size: 20px !important;
    clear: both;
    display: block;
    margin: 32px 0 20px 0;
    text-align: left;
}
.g-recaptcha {width:100%;text-align:center;}
.g-recaptcha > div {display: inline-block;}



.con_title {font-size:50px; font-weight:bold; text-align:center; margin-bottom:40px;}



#content.over_wrap{background: 0;}

#content.history, #content.greetings, #content.location, #content.video { background: url(/img/sub/sub_section_bg.png) center bottom  no-repeat; }


/* ȸ»ç°³¿ä */
.over_wrap .overview tr{border-bottom:1px solid #ddd;}
.over_wrap .overview th{width:18%;padding:16px;text-align:center;background:#f9f9f9;}
.over_wrap .overview td{width:82%;padding:16px 20px;line-height: 1.5;word-break:keep-all;border-left:1px solid #ddd;background:#ffffffa1;}
.over_wrap .overview {font-size:18px;border-top:3px solid #0b56a7;}

.over_wrap h2{font-size:55px;margin-bottom:35px;font-weight:300;}
.over_wrap h2 .block{display:none;}
.over_wrap h2 span{font-weight:700;vertical-align: unset;}
.over_wrap .img{width:110vw;height:380px;overflow:hidden; background: url(/img/sub/company1_bg2.png) 0 0 no-repeat;position:relative;}
.over_wrap .img p{font-size:90px;font-weight:800;color:#fff;line-height:60px;position:absolute;bottom:0;left:0;transform: skew(-15deg);text-shadow: 0 0 10px rgb(47 154 255 / 10%);}


.com_bg{/*background: url(/img/sub/company1_bg.png) right 101% no-repeat;*/ background: url(/img/sub/sub_section_bg.png) center bottom  no-repeat;}
.company1, .company2{padding:100px 0;}
.company3{padding:100px 0 0;}

.company2{background:#f9f9f9;}
.company2 ul, .company3 ul{overflow:hidden;}
.company2 li, .company3 li{width:calc(92%/3);float:left;margin-right:4%;margin-bottom:30px;}
.company2 li:nth-child(3n), .company3 li:nth-child(3n){margin-right:0;}
.over_wrap img{width:100%;}





/* ¿¬Çõ */
.tab_content1.current {display:inherit;}
.tab_content1 {display:none;}

.history .tabs1{overflow:hidden;margin-bottom:50px;}
.history .tabs1 li{width:calc(100%/3);float:left;font-size:24px;padding:20px 0;text-align:center;border-bottom:4px solid #ddd;color:#666666;transition:all 0.4s;}
.history .tabs1 li.current{border-bottom:4px solid #1ead4c;font-weight:700;color:#fff;background: #1ead4c;}
.history .tabs1 li:hover{font-weight:700;color:#000;border-bottom:4px solid #1ead4c;}
.history .tabs1 li.current:hover{color:#fff;}
.his_wrap{position:relative;padding-bottom:25px;}
.his_wrap:after {content: '';position: absolute;width: 1px; height: 100%;background: #eee; top: 0;left: 50%;}
.his_wrap li{font-size:18px;word-break:keep-all;padding:7px 0;line-height:1.6;}
.tab_content1 .right{padding-left: 50%;}
.tab_content1 .left{padding-right: 50%;text-align:right;}
.tab_content1 .right span{width:115px;padding-right:35px;}
.tab_content1 .left span{float: right;width:115px;padding-left:35px;}

.tab_content1 span{font-weight:bold;vertical-align: top;}
.tab_content1 p{display:inline-block;word-break:keep-all;width : calc(100% - 120px);}
.his_wrap li:nth-child(1){font-size:45px;font-weight:800;color:#0b56a7;position:relative;}
.right li:nth-child(1):after {content: "";display: block;position: absolute; width: 10px;height: 10px;top: 45%;margin-left: -1px;background: #ccc; z-index: 99;left: -4px;border-radius:0;}
.left li:nth-child(1):after {content: "";display: block;position: absolute; width: 10px;height: 10px;top: 45%;margin-left: -1px;background: #ccc; z-index: 99;right: -5px;}
.right li{padding-left:70px !important;}
.left li{padding-right:70px !important;}



/*ã¾Æ¿À½Ã´Â ±æ*/
.location{text-align:center;}
.location iframe .gmnoprint{display: none !important;}
.location .title{margin-bottom: 30px;}
.location table{font-size:20px;border-top:2px solid #0b56a7;margin-top:30px;}
.location table th{border-bottom:1px solid #fff;color:#fff;border-bottom:1px dotted #ddd;}
.location table td{padding:20px 25px;border-bottom:1px dotted #ddd;text-align:left;background:#ffffffa1;}
.location table th span{padding:5px 0;width:100%;border-radius:30px;color:#fff;background:#0b56a7;display: block;}
.location ul li{float:left;width:50%;}
.location ul{overflow:hidden;}
.location_bg{margin-top:130px;}
.location h3{display:inline-block;}


/* ÀÎÁõ¼­ */
.cer_box {padding:50px 0;}
.cer_gallery {overflow:hidden;}
.cer_gallery > div { float:left; width:22%; text-align:center; margin:0 1.5% 3%; box-sizing:border-box; border:1px solid #e0e0e0; transition:0.5s;}
.cer_gallery > div:hover {border:1px solid #0b56a7;}
.cer_gallery > div p {color:#666; font-size:16px; letter-spacing:-1px; padding:15px 10px; background:#fff; box-sizing:border-box; border-top:1px solid #e0e0e0; transition:0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; text-align:center;}
.cer_gallery > div:hover p {background:#0b56a7; color:#FFF; font-weight:600; border-top:1px solid #0b56a7;}



/* Á¦Ç°¼Ò°³*/
.product{text-align:center;}
.product p{font-size:18px;line-height:28px;word-break:keep-all;}
.product .product_title{font-size:52px;font-weight:bold; text-align:center;margin-bottom:20px;}
.product .product_p{font-size:18px;}
.product h2.con_title{font-size:100px;color:#f4f4f4;text-align:left;padding-left:5.4%;padding-top:80px;}

.product .explanation{background:#f8f8f8;text-align:center;position:relative;}
.product .explanation h3{font-size:36px;font-weight:700;padding-bottom:40px;padding-top:90px;}
.product .explanation p{padding-bottom:90px;word-break:keep-all;}
.product .explanation p span{font-weight:700;color:#0b56a7;vertical-align: unset;}
.product .explanation h2{font-size:56px;font-weight:700;color:#0b56a7;position:absolute;top:-30px;}

.product .title{display:inline-block;}
.product .sec{padding:120px 0;}
.product .sec_01{border-bottom:1px solid #dddddd;}


#section1 .title{margin-bottom:60px;}
#section1 .sec p{padding-top:60px;}

#section1 .sec_02 dl{width:50%;float:left;margin-bottom:60px;}
#section1 .sec_02 dd{font-size:14px;color:#555555;font-weight:400;text-align:right;word-break:keep-all;}
#section1 .sec_02 dd span{font-weight:600;color:#0b56a7;}


.product table.graph{font-size:18px;}
.product table.graph th{font-size:18px;padding:20px 0;background:#0b56a7;color:#fff;font-weight:700;border-right:1px solid #fff;}
.product table.graph th:last-child{border-right:none;}
.product table.graph td{padding:15px;color:#555555;border-right:1px solid #ddd;border-bottom:1px solid #ddd;word-break:keep-all;line-height: 1.4;}
.product table.graph td:last-child{border-right:none;}
.product table.graph td.bg{background:#f2f2f2;}
.product table.graph td p{text-align:left;padding-left:13px;position:relative;margin:5px 0;}
.product table.graph td p::before{ content:"";color:#fff;background:#0b56a7 ;border-radius:50%;width: 5px; height: 5px;position: absolute;left: 0;top: 11px;}
.table_wrap > p {text-align:left; padding: 10px 0 !important; font-size:12px; display:none;}


#section2{background: url(/img/sub/product_bg01.jpg) 0 0 no-repeat;;}
#section2 > .wrap > p{margin-bottom:80px;}
#section2 .img{background: url(/img/sub/product_pro1_04.jpg) center center no-repeat;background-size:cover;width:100%;height:420px;}
#section2 .txt{max-width:1160px;margin:0 auto;background:#fff;margin-top:-120px;}
#section2 .txt p{position:relative;padding-left:12px;}
#section2 .txt p::before{content:"";color:#fff;background:#b2b2b2 ;width:3px; height:3px;position: absolute;left: 0;top: 12px;}
#section2 dl {overflow:hidden;border-bottom:1px dotted #ddd;display: flex;align-items: flex-start;}
#section2 dl dt{float:left;font-size:30px;width:27%;padding:50px;font-weight:700;color:#0b56a7;}
#section2 dl:nth-child(2n) dt{color:#1ead4c;}
#section2 dl dd{float:right;font-size:18px;font-weight:400;color:#333333;text-align:left;width:73%;padding:40px 15px 40px 0;}


#section3 .title{margin-bottom:55px;}
#section3{background:#f4f7fb;}
#section3 ul{margin-bottom:80px;}
#section3 ul.video{overflow:hidden;}
#section3 ul.video li{float:left;width:calc(96%/3);margin-right:2%;}
#section3 ul.video li:nth-child(3n){margin-right:0;}
#section3 ul.video li p{font-size:20px;font-weight:bold;color:#0b56a7;margin-top:10px;}

.iframe_wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.iframe_wrap iframe,
.iframe_wrap object,
.iframe_wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

#section3 ul.field{overflow:hidden;}
#section3 ul.field li{float:left;width:47%;text-align:left;border-top:1px solid #0b56a7;padding:30px 0;min-height:170px;}
#section3 ul.field li:nth-child(1), #section3 ul.field li:nth-child(2){margin-bottom:20px;}
#section3 ul.field li:nth-child(2n){float:right;}
#section3 ul.field li h3{font-size:22px;color:#0b56a7;font-weight:700;padding-bottom:10px;}

.product div.cross{display: flex;align-items: center;}
.product div.cro_img{float:left;width:65%;}
.product div.cro_img img{border:1px solid #ddd;}
.product div.cro_txt{float:left;padding-left:50px;}
.product div.cro_txt p{text-align:left;position:relative;padding: 0 0 0 52px !important;margin:30px 0;}
.product div.cro_txt p::before{ display: flex;align-items: center;justify-content: center;content:"A";color:#fff;background:#0b56a7 ;width: 37px; height: 37px;position: absolute;left: 0;top: -6px;}
.product div.cro_txt p:nth-child(2)::before{content:"B";}
.product div.cro_txt p:nth-child(3)::before{content:"C";}
.product div.cro_txt p:nth-child(4)::before{content:"D";}
.product div.cro_txt p:nth-child(5)::before{content:"E";}
.product div.cro_txt p:nth-child(6)::before{content:"F";}
.product div.cro_txt p:nth-child(7)::before{content:"G";}
.product div.cro_txt p:nth-child(8)::before{content:"H";}


.product ul.certifi{overflow:hidden;}
.product ul.certifi:nth-child(2){margin-bottom:80px;}
.product ul.certifi li{float:left;width:calc(92%/5);margin-right:2%;margin-bottom:2%;border:1px solid #ddd;}
.product ul.certifi li:nth-child(5n){margin-right:0;}
.product #section4 .sec_02{padding: 120px 0 0;}

.pro_list.txt{max-width:1160px;margin:0 auto;}
.pro_list.txt p{position:relative;padding-left:12px; padding-top: 0 !important;}
.pro_list.txt p::before{content:"";color:#fff;background:#b2b2b2 ;width:3px; height:3px;position: absolute;left: 0;top: 12px;}

.pro_list dl {overflow:hidden; display: flex;align-items: flex-start;}
.pro_list dl dt{float:left;font-size:30px;width:30%;padding:50px;font-weight:700;color:#0b56a7;}
.pro_list dl dd{float:right;font-size:18px;font-weight:400;color:#333333;text-align:left;width:70%;padding:40px 15px 40px 0;}
.product .pro_list li{text-align:left;padding-left:13px;position:relative;margin:5px 0; font-size:18px;}
.product .pro_list li::before{ content:"";color:#fff;background:#0b56a7 ;border-radius:50%;width: 5px; height: 5px;position: absolute;left: 0;top: 11px;}

.cro_wrap {margin-top:50px;}
.cro_box {margin-bottom:30px; text-align:left;}
.cro_box .cro_title {font-size:24px; font-weight:500; margin-bottom:10px; color:#0b56a7;}
.cro_box .cro_s_title {font-size:16px; font-weight:300; color:#666;}
.cro_wrap .pro_list.txt{max-width:inherit;margin:0 auto;}
.cro_wrap .pro_list dl dt {font-size:24px; width:20%;}
.cro_wrap .pro_list dl dd {padding:20px 15px 20px 0}



/* Á¦Ç°¼Ò°³ 02*/
.product .ingredient li{width:calc(92%/5);float:left;margin-right:2%;border:1px solid #ddd;padding:35px 30px;min-height: 340px;background:#fff;word-break:keep-all;}
.product .ingredient li:last-child{margin-right:0;}
.product .ingredient li h3{font-size:22px;font-weight:700;margin:20px 0 10px;word-break:keep-all;}
.product .ingredient li p{padding:0 0  0 13px !important;position:relative;font-size:18px;display:inline-block;}
.product .ingredient li p::before{content:"";background:#b2b2b2 ;width:4px; height:4px;position: absolute;left: 0;top:11px;border-radius:50%;}
.product .ingredient {overflow:hidden;}
.product2 #section3 .sec_01{margin-bottom:80px;}
.product2 table.graph td{border-right: 1px solid #ddd !important;}
.product2 table.graph td.border_none{border-right:none !important;}
.pro2_03img{width:80%;background:#fff;border:1px solid #ddd;display:inline-block;}



/* Á¦Ç°¼Ò°³ 03*/
.tab_content2.current {display:inherit;}
.tab_content2 {display:none;}
.product .tabs2{overflow:hidden;margin:40px auto 80px;}
.product .tabs2 li{width:calc(97%/4);margin-right:1%;float:left;font-size:18px;padding:15px 0 11px;text-align:center;background:#eee;border-bottom:3px solid #eee;color:#666666;transition:all 0.4s;}
.product .tabs2 li:last-child{margin-right:0;}
.product .tabs2 li.current{border-bottom:3px solid #1ead4c;font-weight:700;color:#fff;background: #1ead4c;}
.product .tabs2 li:hover{font-weight:700;color:#000;border-bottom:3px solid #1ead4c;}
.product .tabs2 li.current:hover{color:#fff;}

.product3 .ingredient img{margin-bottom:20px;}
.product3 .ingredient li{min-height:332px;}
#content.product3{padding: 120px 0 0 !important;}
.product3 ul.certifi{margin-bottom: 0 !important;}
.product3 ul.certifi li{float:left;width:calc(94%/4);}
.product3 ul.certifi li:last-child{margin-right:0;}
.product3 ul.certifi li img{width:100%;}


/* Á¦Ç°¼Ò°³ 04*/
.product.road #section3 div.cro_txt p {margin:15px 0;}
.product.road #section3 .cro_wrap .pro_list.txt {margin-top:20px;}
.product.road #section3 .cro_wrap .pro_list dl dt {padding:35px; width:15%; color:#333;}


/* Á¦Ç°¼Ò°³ 05*/
.product.etc table.graph td:last-child {border-left:1px solid #ddd}







/*±âŸ¼­ºñ½º-°³ÀÎÁ¤º¸Ã³¸®¹æħ*/
#Agreement h2 {margin:40px 0 10px;text-align:left;}
#Agreement {font-size:16px;line-height: 30px;word-break:keep-all; }
.Agreement_first h2 {margin-top:0;}
.Agreement_first, .terms > div { color: #666; line-height: 24px; }
.terms { background: #f8f8f8; padding:25px; border: 1px solid #dedede; }

.privateD {width: 99.9%; border: 1px solid #ddd; overflow: hidden; padding: 30px; box-sizing: border-box; background: #f5f5f5; font-size: 16px; line-height: 26px;}
.privateD p {font-size: 20px;  font-weight: 500; margin-bottom: 20px;}




/* ---------¹ÝÀÀÇü---------- */
@media screen and (max-width: 1360px) {
button.slick-prev {left:90% !important;}
}


@media screen and (max-width: 1200px) {
.con_title {font-size:38px;}

.title {font-size:35px;margin-bottom: 25px;}


/* ȸ»ç°³¿ä*/
.over_wrap h2{font-size: 46px;margin-bottom: 25px;}
.over_wrap .img {height: 300px;}
.over_wrap .overview td{padding: 14px 20px;width:80%;}
.over_wrap .overview th{padding:14px;width: 20%;}



/* ¿¬Çõ */
.history .tabs1{margin-bottom:30px;}
.history .tabs1 li {padding: 15px 0;}
.his_wrap li:nth-child(1) {font-size: 36px;}
.his_wrap li{ padding: 8px 0;}
.right li {padding-left:45px !important;}
.left li{padding-right:45px !important;}
.his_wrap{padding-bottom: 15px;}
.tab_content1 .right span{padding-right: 30px;width: 100px;}
.tab_content1 .left span{padding-left: 30px;width: 100px;}


/* Á¦Ç°¼Ò°³*/
.product .product_title{font-size: 45px;margin-bottom:10px;}
.product h2.con_title{font-size: 85px;padding-top:40px;}
.product .explanation h2{font-size:45px;}
.product .explanation h3{font-size: 32px;padding-top: 70px;padding-bottom:25px;}
.product .explanation p{padding-bottom: 70px;}

.product .sec{padding: 90px 0;}
#section1 .title{margin-bottom: 50px;}
#section1 .sec_01 p br{display:none;}
#section1 .sec_02 dt br{display:none;}
#section1 .sec_02 dl {width: 49%;}
#section1 .sec_02 dl:nth-child(2){margin-right:2%;}
.product table.graph th {font-size: 16px;padding: 15px 0;}
.product table.graph{font-size: 16px;}

#section2 > .wrap > p{margin-bottom: 60px;}
#section2 .txt{max-width:92%;}
#section2 dl dt{font-size: 28px;padding: 45px;}
#section2 dl dd{padding: 35px 15px 35px 0;}
#section3 ul.video li p {font-size: 18px;margin-top: 5px;}
#section3 .title{margin-bottom: 45px;}
#section3 ul.field li{width: 48%;min-height: 180px;padding: 25px 0 0;}
#section3 ul{margin-bottom: 70px;}

.product .ingredient li{padding: 25px 20px;}
.product .ingredient li h3{font-size: 20px;}
.product .ingredient li p {font-size: 18px;}
.product .ingredient li{width: calc(96%/3);margin-bottom:2%;display: flex;flex-direction: column;align-items: center;min-height: 320px;}
.product .ingredient li:last-child{margin-right:2%;}
.product .ingredient li:nth-child(3n){margin-right:0;}
.product .ingredient li p{display:block;}

/* Greeting */
.greeting .sub_visual p {font-size:60px !important;}

/* Mangement */
.mangement .title {align-items:flex-start !important;flex-direction:column;row-gap:10px;}
.mangement .box_wrap {width:90% !important;}

.vision .item_wrap {flex-direction:column; row-gap:60px;}
.vision .item_wrap .left {width: 100% !important; height:230px;}
.vision .item_wrap .left .figure {background: url('../img/sub/vision_left02.jpg') center no-repeat; background-size: cover;}
.vision .item_wrap .left .figure img {display:none;}
.vision .item_wrap .left .figure p {opacity:1 !important; display:flex; flex-direction: column; justify-content: center; align-items: center;
height:100%; color: #fff; font-size:40px; font-weight:600; row-gap:60px;}
.vision .item_wrap .left .figure p span {font-size:20px; font-weight:500;}
.vision .item_wrap .vision_right {width:100% !important;}

.intellectual h3 {flex-direction:column; align-items:normal !important; row-gap: 15px;}
.intellectual .img_box {margin: 90px auto !important; }

/* .esg .item_wrap .item p {width: 27% !important;} */
.technical .item_wrap .item01 .box03 .figure {height: 290px !important;}

} /*1200px end */

@media screen and (max-width: 1120px) {
button.slick-prev {left:87% !important;}
.history .history_left p {font-size:55px !important;}

.vision .item, .vision .item02 {flex-direction:column; row-gap:60px;}
.vision .item .left, .vision .item02 .left {width:100% !important;}
.vision .vision_right, .vision .vision_right02 {width:100% !important;}

.social .item01 .swiper .swiper-slide .text {position: relative !important;}
}

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

/* ȸ»ç°³¿ä*/
.company1, .company2{padding: 80px 0;}
.company3{padding: 80px 0 0;}
.over_wrap h2{font-size: 42px;margin-bottom: 25px;}
.over_wrap .img{width:100%;height: 250px;}
.over_wrap .img p{font-size: 65px;line-height: 47px;}


/* Á¦Ç°¼Ò°³*/
.product .product_title{font-size: 40px;}
.product h2.con_title{font-size: 65px;}
.product .explanation h2{font-size: 40px;}
.product .explanation h3{font-size: 30px;}
#section2 .img{height: 360px;}
#section2 dl dt {font-size: 26px;padding: 45px 0;}
#section2 dl dd {padding: 30px 15px 30px 0;}
#section3 ul{margin-bottom: 60px;}
.product div.cro_txt{padding-left: 40px;}
.product div.cro_txt p::before{width: 32px;height: 32px;top: -4px;}
.product div.cro_txt p{margin: 25px 0;padding:0 0 0 45px !important;}
.table_wrap {width:100%; overflow:hidden; overflow-x:auto;}
.table_wrap > p {display:block;}
.table_wrap table {margin-top: 10px !important;width:1000px !important; }

.product p{font-size: 16px;line-height: 26px;}
#section2 > .wrap > p{margin-bottom: 60px;}

/* Á¦Ç°¼Ò°³04*/
.product.road #section3 .cro_wrap .pro_list dl dt {width: 20%;}

.partners h3 {margin-bottom:40px !important;}
.partners .item ul {justify-content:flex-start !important; /* row-gap:25px !important; column-gap:25px !important; */ gap:25px !important;}
.partners .item ul li {width:23% !important;}

.intellectual .img_box ul li {width: 31% !important;}

}

@media screen and (max-width: 970px) {
.partners .item ul li {width:22% !important;}



.esg h3 {font-size: 30px !important;}
.esg .item_wrap .item {margin: 90px 0 !important; flex-direction: column;}
.esg .item_wrap .item p.title {position: relative !important; width: 100% !important; border-radius: 20px; padding: 30px 20px !important;}
.esg .item_wrap .item .img_box, .esg .item_wrap .item .img_box .img .box span {width: 100% !important; }
.esg .item_wrap .item span, .esg .item_wrap .item01 span {line-height: 1.7 !important;}
.esg .item_wrap .item01 p, .esg .item_wrap .item03 p {font-size: 24px !important;}
.esg .item_wrap .item01 {margin-bottom: 25px !important; }
.esg .swiper-button-next {left:17% !important;}
.esg .swiper-button-prev, .esg .swiper-button-next {top: 67% !important;}
.esg .item_wrap .item02 .swiper .swiper-slide .figure {height: 190px !important;}

.ethical .item_wrap {margin:60px 0 !important;}
.ethical .item_wrap .item span {width:80px !important; height:80px !important; line-height: 80px !important; }
.ethical .item_wrap .item p {padding: 20px 0 0 60px !important;}
.ethical .item_wrap .item .figure img {padding: 60px 0 0 60px !important; }

.technical .item_wrap .item01 .box02,.technical .item_wrap .item01 .box04 p {font-size:20px !important;}
.technical .btn button,.technical .item_wrap .item01 .box01 h3 {font-size:26px !important;}
.technical .item_wrap .item01 .box03 .figure {height:290px !important;}
.technical .item_wrap .item01 .box03 .figure p, .technical .item_wrap .item01 .box04 .img_wrap .figure p  {font-size:20px !important; }
.technical .item_wrap .item01 .box04 .img_wrap .figure p span {font-size:16px !important; }
.photos .slider .item img {width:100% !important;}

.technical .btn button {width: 50%;}
.technical .btn {column-gap: 0px !important;}
}


@media screen and (max-width: 900px) {
#container #content{padding:100px 0 ; margin: 0 auto;}
.title {margin-bottom: 25px;}

button.slick-prev {left:83% !important;}

/* ȸ»ç°³¿ä*/
.company2 li, .company3 li{width: calc(96%/2);}
.company2 li:nth-child(3n), .company3 li:nth-child(3n){margin-right:4%;}
.company2 li:nth-child(2n), .company3 li:nth-child(2n){margin-right:0;}
.over_wrap .overview td{width:77%;}
.over_wrap .overview th{width: 23%;}


/* ¿¬Çõ */
.history .tabs1 li{font-size: 22px;}
.his_wrap li{font-size:16px;padding: 5px 0;}
.his_wrap li:nth-child(1) {font-size:30px;}


/* ã¾Æ¿À½Ã´Â±æ */
.location table{font-size: 18px;}
.location table td{padding:18px 20px;}
.location iframe{height:350px !important;}


/* Á¦Ç°¼Ò°³*/
.title {font-size: 30px;}
#section1 .title{margin-bottom: 40px;}
#section1 .sec p{padding-top: 35px;}
#section1 .sec_02 dl{margin-bottom: 30px;}
#section1 .sec_02 dd br{display:none;}
#section2 > .wrap > p{margin-bottom: 40px;}
.product #section4 .sec_02{padding: 80px 0 0;}
.product .sec{padding: 80px 0;}
.product ul.certifi li{width: calc(94%/4);}
.product ul.certifi li:nth-child(4n){margin-right:0;}
.product ul.certifi li:nth-child(5n){margin-right:2%;}

/* greeting */
.greeting .sub_visual p {font-size:50px !important;}
.greeting .box_wrap{flex-direction:column; row-gap:35px;}
.greeting .box_wrap .box {width:100% !important;}
.greeting .box_wrap > p{width:100% !important;}

/* mangement */
.mangement .title {margin-bottom: 60px !important;}
.mangement .box_wrap {flex-direction:column;}
.mangement .box_wrap .box {width:100% !important; margin-bottom: 4% !important;}
.mangement .box_wrap .box01, .mangement .box_wrap .box03 {flex-direction: row !important;}
.mangement .box_wrap .box .text {width:65% !important;}
.mangement .box_wrap .box .figure {width:180px; height:180px;}
.mangement .box_wrap .box02> .figure, .mangement .box_wrap .box03> .figure,
.mangement .box_wrap .box04> .figure {border-radius:50px 50px 0 50px !important;}

.history .history_left p {font-size: 45px !important;}
.history .history_right {width:70% !important;}

.social h3 {font-size:30px !important;}
.social .item01 .swiper .swiper-slide {display:flex; flex-direction:column;}
.social .item01 .swiper .swiper-slide:after {display:none;}
.social .item01 .swiper .swiper-slide .figure {width:100% !important; height:300px !important;}
.social .item01 .swiper .swiper-slide .text {width:100% !important;}

} /* width:900px end */

@media screen and (max-width: 850px) {
.vision .item .left, .vision .item02 .left {font-size:35px !important;}
.vision .vision_right .top ul li p {font-size:18px !important; margin-bottom: 20px !important;}
.vision .vision_right .top ul li p:after {bottom:0 !important;}
.vision .item02 .vision_right02 p {font-size:20px !important;}
.vision .item02{row-gap: 40px !important;}
.vision .item02 .vision_right02 ul li span {font-size:18px !important;}
.vision .item02 .vision_right02 ul li.plus span {font-size:16px !important;}
.vision .visual {height:370px !important;}

.technology h3 {font-size:35px;}
.technology .item_wrap {flex-direction: column; row-gap: 70px;}
.technology .item_wrap .item {width:100% !important;}
.technology .item_wrap .item:after {display: none;}

.ethical .item_wrap {flex-direction:column;}
.ethical .item_wrap .item {width: 95% !important;}
}

@media screen and (max-width: 800px) {
.vision .item_wrap .vision_right .box04 ul {width: 90% !important;}
.vision .item_wrap .vision_right .box04 ul li {font-size: 18px !important;}
/* ȸ»ç°³¿ä*/
.over_wrap h2{font-size: 38px;}
.over_wrap .img p{ font-size: 55px;line-height: 39px;}

/* ¿¬Çõ */
.tab_content1 .right{padding-left:0;}
.tab_content1 .left{padding-right:0;}
.tab_content1 .left{text-align:left;}
.tab_content1 .left span{float:none;padding-left:0;padding-right:30px;}
.left li{padding-right: 0 !important;padding-left:45px;}

.his_wrap:after {left:30px;}
.left li:nth-child(1):after{left:-4px;right:0;}
.his_wrap li{margin-left:30px;}


/*ã¾Æ¿À½Ã´Â ±æ*/
.location table{font-size: 16px;}


/* Á¦Ç°¼Ò°³*/
.product .explanation h2{font-size: 30px;}
.product .explanation p{padding:0 2% 80px 2%;}
.product .explanation p br{display:none;}

#section1 .sec_02 dl{ width:100%;}
#section1 .sec_02 dl img{ width:100%;}
#section1 .sec_02 dd{text-align: left;}
#section2 dl{align-items: center; flex-direction: column;}
#section2 dl dd{padding:0 0 30px 0;width:80%;text-align:center;}
#section2 dl dd p{display:inline-block;}
#section2 dl dt{padding: 30px 0 20px;width:100%;}

#section3 ul.video li{float:none;width:100%;}
#section3 ul.video li p{margin-bottom:30px;}
#section3 ul.field li{width:100%;min-height:auto;text-align:left;}
#section3 ul.field li{margin-bottom: 40px !important;}
.product div.cross{display: block;}
.product div.cro_img{width:100%;float:none;}
.product div.cro_txt{float:none;padding-left:0;overflow:hidden;margin-top:20px;}
.product div.cro_txt p{width:48%;float:left;margin: 10px 0 !important;}

/* Á¦Ç°¼Ò°³04*/
.product.road #section3 .cro_wrap .pro_list dl dt {width: 28%;font-size:20px; padding: 25px;}
.cro_wrap .pro_list dl dd{padding: 20px 0;}

/*  .company -> .photos */
.photos .slider .item .text p {font-size:25px !important;}
.photos .slider .item .text {padding: 25px !important;}

.esg .item_wrap .item {flex-direction:column !important; margin: 70px 0 !important;}
.esg .item_wrap .item p {position:relative !important; width:100% !important;}
/* .esg .item_wrap .item span {width:100% !important;  padding: 25px !important;} */
.esg .item_wrap .item01 {align-items: flex-start !important; flex-direction: column !important;}
.esg .item_wrap .item03 {flex-direction: column !important;}
.esg .item_wrap .item01 p, .esg .item_wrap .item03 > p {width:100% !important; margin-bottom:10px;}
.esg .item_wrap .item01 span, .esg .item_wrap .item03 .text {width:100% !important;}
/* .esg .item_wrap .item span {overflow:hidden; line-height:1em; height:280px; text-align:center;} */
.esg .item_wrap .item span img {width:65% !important; margin-left:0 !important;}
/* .esg .show-more {display: none !important;} */
.esg .item_wrap .item .img_box .img .box {row-gap: 12px !important;}
}



@media screen and (max-width: 740px) {
button.slick-prev {width: 40px !important; height: 40px !important; left:-14px !important;top:25% !important; opacity:0.46;}
button.slick-next {width: 40px !important; height: 40px !important; right: -14px !important; top:25% !important; opacity:0.46;}
.photos .slider .item .text {width: 100% !important; position: unset !important;}


.con_title {font-size:28px;}

/* ÀÎÁõ¼­ */
.cer_gallery > div {width:47%;}


/* Á¦Ç°¼Ò°³02*/
.product .ingredient li{width: calc(98%/2);}
.product .ingredient li:nth-child(3n){margin-right:2%;}
.product .ingredient li:nth-child(2n){margin-right:0;}
.pro2_03img{width: 100%;}
#section3 .title{margin-bottom: 30px;}

.greeting .sub_visual p {font-size:40px !important;}

.history .history_left p{font-size:35px !important;}
.history .history_right ul li strong {font-size:20px !important;}
.history .history_right ul li {column-gap:10% !important;}

p.mini {font-size:16px !important;}
.vision h3 {font-size:25px !important; margin-bottom: 0 !important;}
.vision .item_wrap {margin:80px auto !important;}
.vision .item_wrap .left {height:180px !important;}
.vision .item_wrap .left .figure p {row-gap:40px !important; font-size: 30px !important;}
.vision .item_wrap .left .figure p span, .vision .item_wrap .vision_right .box01 h4 span {font-size:18px !important;}
.vision .item_wrap .vision_right .box01 {padding:50px 0 !important;}
.vision .item_wrap .vision_right .box01 h4 {font-size:25px !important; row-gap:40px !important;}
.vision .item_wrap .vision_right .box02 p {font-size:25px !important; padding: 18px !important;}
.vision .item_wrap .vision_right .box04 ul li span {font-size:16px !important;}
.vision .item_wrap .vision_right .box05 ul li:first-child .li_box p {margin-right:20px !important;}
.vision .item_wrap .vision_right .box05 ul li .li_box {width:65% !important; font-size:16px !important;}
.vision .item_wrap .vision_right .box06 p {font-size:18px !important;}

.social h3 {font-size: 24px !important;}
.social .item01 .swiper .swiper-slide .text {padding:25px !important; row-gap:20px !important;}

.technical .item_wrap .item01 .box03 {flex-wrap:wrap; row-gap:20px; position:relative;}
.technical .item_wrap .item01 .box03:after {display:none; position:absolute; content:''; bottom:0; left:50%; width:32%; height:30%;
background:url('../img/main/foot_logo.png') center no-repeat; transform:translateX(-50%);}
.technical .item_wrap .item01 .box03 .wrap {row-gap:7px !important;}
.technical .item_wrap .item01 .box03 .figure {width:49% !important;}
.technical .item_wrap .item01 .box04 .img_wrap {flex-wrap:wrap; row-gap: 20px;}

}


@media screen and (max-width: 700px) {
/* ã¾Æ¿À½Ã´Â±æ */
.location table td{padding:15px 20px;}
.location iframe{height:310px !important;}

/* Á¦Ç°¼Ò°³04*/
.pro_list dl dt{padding: 50px 0;font-size: 28px;}


/*±âŸ¼­ºñ½º-°³ÀÎÁ¤º¸Ã³¸®¹æħ*/
#Agreement h2 {font-size:28px;}

/* management */
.mangement .box_wrap .box .figure {width:150px !important; height: 150px !important;}
.mangement .box_wrap .box .figure img {scale:0.8;}
.mangement .title p {font-size: 30px !important;}
.mangement .title span {font-size:20px !important;}
.mangement .box_wrap .box .text p {font-size:18px !important;}

.vision .vision_right .btm ul li p {font-size:20px !important;}
.vision .item_wrap .vision_right .box03 ul {flex-direction: column;}
.vision .item_wrap .vision_right .box03 ul li {width:100% !important; display:flex; justify-content: space-between; align-items: center;}
.vision .item_wrap .vision_right .box03 ul li img {width:26%; height:100%;}
.vision .item_wrap .vision_right .box03 ul li .text {width:73%; height:100% !important; border-radius: 20px;  padding: 20px 15px !important;}


.intellectual .img_box ul li {width: 48% !important; margin-bottom: 4% !important;}

.technical .item_wrap .item02 > div {row-gap: 20px !important;}
.technical .item_wrap .item02 > div p {font-size:24px !important;}
.technical .item_wrap .item02 > div .figure {flex-direction: column;}
.technical .item_wrap .item02 > div .figure img {width:100% !important;}

.technology .item_wrap .item02 > div .figure {flex-direction: column;}
.technology .item_wrap .item02 > div .figure img {width:100% !important;}

.technical .item_wrap .item02 > div .figure.one img.pc {display:none;}
.technical .item_wrap .item02 > div .figure.one img.mob {display:block !important;}

} /* width:700px end */


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


/* Á¦Ç°¼Ò°³*/
#section2 .img{height: 280px;}
.vision .vision_right .top ul {flex-wrap:wrap; row-gap:25px;}
.vision .vision_right .top ul li {width:45% !important; flex-direction:column;}
.vision h3 {font-size:25px !important; margin-bottom: 25px !important;}
.vision .item {margin:80px auto !important;}
.vision .item .left, .vision .item02 .left {font-size:30px !important;}
.vision .vision_right .btm ul li p {font-size:18px !important; margin-right: 5% !important;}
.vision .vision_right .btm ul li span {margin-right: 5% !important; }
.vision .item02 {margin-top:80px !important; row-gap:20px !important;}
.vision .item02 .vision_right02 p {font-size:18px !important; margin-bottom:50px !important;}
.vision .item02 .vision_right02 ul li span {padding:25px 15px !important; word-break:keep-all;}
.vision .item02 .vision_right02 ul li.plus {margin:10px auto !important;}

.partners .item ul li {width: 30% !important;}
.partners .item ul {gap: 20px !important;}

.intellectual h3 { font-size: 30px !important;}
.intellectual h3 p {font-size: 18px !important;}
.intellectual h3 p span{font-size: 20px !important;}
.intellectual .img_box {margin: 60px auto !important;}

.technical .item_wrap .item01 .box03:after {display:none; width:49% !important; left:75% !important; height: 32% !important;}
.technical .btn button, .technical .item_wrap .item01 .box01 h3 {font-size:22px !important; column-gap: 35px !important;}
.technical .item_wrap {margin-top:80px !important; }
.technical .item_wrap .item01 .box01 p {font-size:16px !important;}
.technical .item_wrap .item01 .box02, .technical .item_wrap .item01 .box04 p, .technical .item_wrap .item01 .box03 p {font-size: 18px !important;}
.technical .item_wrap .item01 .box03 {row-gap:30px !important; margin:90px auto !important;}
.technical .item_wrap .item01 .box04 .img_wrap .figure {margin-top:10px;}
.technical .item_wrap .item01 .box04 {margin-top:90px !important;}

}



@media screen and (max-width: 600px) {
#container #content{padding: 80px 0 ;}




/* ȸ»ç°³¿ä*/
.over_wrap h2 { font-size: 28px;}
.over_wrap h2 .big{font-size: 40px;}
.over_wrap h2 .block{display:block;}
.over_wrap .img{height: 200px;}
.over_wrap .img p {font-size: 45px;line-height: 30px;}
.over_wrap .overview{font-size:16px;}

/*ã¾Æ¿À½Ã´Â ±æ*/
.location h3{display:block;text-align:left; margin:0 !important;}
.location .map_box img {object-fit:contain !important;}
.location .map_box{margin-top:40px;}

/* Á¦Ç°¼Ò°³*/
.product .sec{padding: 60px 0;}
.product .product_title{font-size: 30px;}
.product .product_p {font-size: 16px;}

.product h2.con_title{ font-size: 50px;}
.product .explanation h2 {font-size: 32px;}
.product .explanation h3 {font-size: 28px;}

.title {font-size: 28px;}
#section2 > .wrap > p br{display:none;}
#section2 .txt{max-width: 95%;}
.product ul.certifi li{width: calc(96%/3);}
.product ul.certifi li:nth-child(4n){margin-right:2%;}
.product ul.certifi li:nth-child(3n){margin-right:0;}

/* Á¦Ç°¼Ò°³3*/
#content.product3{padding: 80px 0 0 !important;}

/* Á¦Ç°¼Ò°³04*/
.pro_list dl dt{width: 25%;}
.pro_list dl dd{padding: 40px 0 40px 0;}

/* greeting */
.greeting .sub_visual p {font-size:30px !important;}
.greeting .title, .greeting .box_wrap > p {font-size:35px !important;}
.greeting .box_wrap .box > p {font-size: 18px !important; margin-bottom:40px !important;}
.greeting .box_wrap .box .text > p {font-size: 17px !important;}
.greeting .box_wrap .box > p:after {top:55px;}

.history .history_left {position:absolute; right:0; height:89%; opacity:0.14; width:100% !important;}
.history .history_right {width:100% !important;}
.history .history_left p {font-size:55px !important;}

.location h3 p {font-size:24px !important; flex-direction: column !important;}
.location h3 p span {margin-top:10px !important;}

.esg .item_wrap .item01 {margin-bottom: 30px !important;}
.esg .item_wrap .item02 {flex-direction: column; row-gap: 10px;}
.esg .item_wrap .item02 > p {width:50% !important; color: #ddd; margin-left:auto; text-align:right;}
.esg .item_wrap .item02 .swiper {width:100% !important; position:relative;}
.esg .swiper-button-prev, .esg .swiper-button-next {width:40px !important; height:40px !important; top: 54% !important; position:absolute;}
.esg .swiper-button-prev{left: 0% !important; opacity:0.4;}
.esg .swiper-button-next {left: 93% !important; opacity:0.4;}

.technical .item_wrap .item01 .box04 .img_wrap .figure p {font-size:16px !important;}
.technical .item_wrap .item01 .box04 .img_wrap .figure p span {font-size:15px !important;}

.photos .slider .item img.pc {display:none;}
.photos .slider .item img.mobile {display: block !important;}

.history .history_left p.top {color: #C0C0C0 !important;}

} /* width 600px end */



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


/* ȸ»ç°³¿ä*/
.over_wrap h2 { font-size: 22px;line-height: 40px;}
.over_wrap h2 .big{font-size: 32px;}
.over_wrap h2 .block{display:block;}
.over_wrap .img{height: 300px;}
.over_wrap .img p {font-size: 35px;line-height: 24px;}
.company2 li, .company3 li{width: 100%;}
.company2 li:nth-child(3n), .company3 li:nth-child(3n){margin-right:0;}
.company2 li:last-child, .company3 li:last-child{margin-bottom:0;}


/* Á¦Ç°¼Ò°³*/
.product div.cro_txt{padding:0 2%;}
.product div.cro_txt p{width: 100%;padding: 0 0 0 40px !important;margin: 8px 0 !important;}
.product div.cro_txt p::before {width: 25px;height: 25px;font-size:16px;top: 0px;}

/* mangement */
.mangement .box_wrap .box .figure {width:100px !important; height:100px !important; border-radius: 25px 25px 0 25px !important; }
.mangement .box_wrap .box .figure img {scale: 0.7 !important;}

/* company -> plant photos */
.photos .button button, .photos .tabs ul li {font-size:25px !important;}
.photos .slider .item .text p {font-size:20px !important;}
.photos .slider .item .text {padding:20px !important;}
.photos .tabs ul {margin-bottom:35px !important; padding:15px 45px !important;}
.photos .button {margin-bottom:45px !important;}

.intellectual h3 {font-size: 24px !important;}
.intellectual h3 p {font-size: 16px !important;}
.intellectual h3 p span {font-size: 18px !important; word-break:keep-all !important;}

.ethical h3 p {font-size: 24px !important;}
.ethical .item_wrap .item .figure img {padding: 40px 0 0 40px !important;}
.ethical .item_wrap .item p {font-size: 16px !important; padding: 20px 0 0 40px !important;}
.greeting .title {margin-bottom: 50px !important;}
.greeting .sub_visual {margin: 70px auto !important;}

.esg .item_wrap .item span img {width: 100% !important;}
} /* width: 560px end */



@media screen and (max-width: 500px) {
.title {font-size:26px;margin-bottom: 20px;}
.title::before{top: 0px;}

/* ȸ»ç°³¿ä*/
.over_wrap .overview th{width:100%;border-bottom:1px solid #ddd;}
.over_wrap .overview td{width:100%;border-left:0;}
.over_wrap .overview tr{display: flex;flex-direction: column;text-align:center;}

/* ¿¬Çõ */
.history .tabs1 li {font-size: 18px;}
.history .tabs1 li.current{border-bottom: 3px solid #1ead4c;}
.history .tabs1 li{border-bottom: 3px solid #ddd;}
.his_wrap li:nth-child(1) {font-size: 28px;}
.his_wrap li{margin-left: 20px;padding-left:30px !important;}
.his_wrap:after {left: 20px;}


/* ã¾Æ¿À½Ã´Â±æ */
.location table td{padding:15px 20px;width:100%;text-align:center;}
.location table th{width:100%;padding:8px 0;}
.location table {display: flex; flex-direction: column;}
.location table tr{display: flex; flex-direction: column;width:100%;}
.location iframe{height:260px !important;}
.location table th span{width: auto;}


/* Á¦Ç°¼Ò°³02*/
.product .ingredient li{width: 100%;min-height: auto;}
.product .ingredient li:nth-child(3n){margin-right:0;}

.vision h3, .vision .item_wrap .vision_right .box01 h4, .vision .item_wrap .vision_right .box02 p {font-size: 20px !important;}
.vision .item_wrap {margin:0 !important;}
.vision .item_wrap .left {height:110px !important;}
.vision .item_wrap .left .figure p {font-size: 20px !important; row-gap: 20px !important;}
.vision .item_wrap .left .figure p span {font-size: 16px !important;}
.vision .item_wrap .vision_right .box01 {padding: 30px 0 !important;}
.vision .item_wrap .vision_right .box04 ul li span {font-size: 14px !important;}
.vision .item_wrap .vision_right .box05 ul li .li_box {width: 90% !important;  font-size: 14px !important;}
.vision .item_wrap .vision_right .box05 ul li:first-child .li_box p {margin-right: 30px !important;}
.vision .item_wrap .vision_right .box06 p {font-size: 15px !important;}

.vision .item_wrap .vision_right .box03 ul li .text span {font-size: 15px !important; margin-bottom: 10px !important;}
.esg .swiper-button-prev, .esg .swiper-button-next {top:56% !important;}

.social h3 {font-size: 20px !important;}
.social .item01 .swiper .swiper-slide .text p {font-size:16px !important;}
.social .item01 .swiper .swiper-slide .text p span {font-size:15px !important;}
.social .item01 .swiper .swiper-slide .figure {height: 180px !important;}
}

@media screen and (max-width: 470px) {
.photos .button button {font-size:20px !important;}
.photos .slider .item .text p {font-size:16px !important; margin-bottom:5px !important;}
.photos .slider .item .text span {font-size:14px !important;}

.technology h3 {font-size:25px !important; margin-bottom: 70px !important;}
.technology .item_wrap .item .text {margin: 40px 0 25px 0 !important;}
.technology .item_wrap .item .text p {font-size:18px !important;}
.technology .item_wrap .item .figure {width:230px !important; height:230px !important;}
.technology .item_wrap .item .figure02 {height:160px !important;}
.social .swiper-button-next, .social .swiper-button-prev {width:40px !important; height:40px !important; top:15% !important;}

.technical .item_wrap .item01 .box03 .figure {height:200px ;}
.technical .btn button, .technical .item_wrap .item01 .box01 h3, .technical .item_wrap .item01 .box04 p {font-size:18px !important;}
}

@media screen and (max-width: 450px) {
/* Á¦Ç°¼Ò°³*/
.product .explanation h3{padding-top: 60px;font-size: 22px;}
.product h2.con_title{font-size: 40px;padding-top: 30px;padding-bottom:30px;}
.product ul.certifi li{width: calc(96%/2);margin-right:4%;margin-bottom:4%;}
.product ul.certifi li:nth-child(2n){ margin-right: 0 !important;}
.product ul.certifi li:nth-child(3n){margin-right: 4%;}

.product table.graph td{padding: 10px 15px;}
#section2 .img{height: 220px;}
#section2 .txt{margin-top: -70px;}
#section2 dl dt{font-size: 22px;}
#section2 dl dd{width: 100%;text-align:left;padding:0 15px 30px 15px;}

/* Á¦Ç°¼Ò°³04*/
.pro_list dl dt{width:100%;padding: 30px 0 30px;}
.pro_list dl dd{width:100%;padding:0 10px;}
.pro_list dl {flex-direction: column;}
.product.road #section3 .cro_wrap .pro_list dl dt{width:100%;padding:10px 0 0;}
.cro_wrap .pro_list dl dd{padding: 20px 10px;}

/* greeting */
.greeting .title {font-size:25px !important;}
.greeting .sub_visual p {font-size:22px !important;}
.greeting .box_wrap > p {font-size:25px !important;}
.greeting .box_wrap .box > p {font-size:16px !important;}
.greeting .box_wrap .box .text > p {font-size:15px !important;}
.greeting .box_wrap .box .text > span {font-size:14px !important;}
.greeting strong {font-size:16px !important; margin-top:25px  !important;}

.photos .tabs ul li {font-size:20px !important;}
.photos .tabs ul {width:200px !important; padding: 15px 25px !important;}
.photos .slider .item .text {padding:10px !important;}

.partners h3 {font-size: 24px !important;}
.partners .item ul {gap:20px !important;}
.partners .item ul li {width: 45% !important;}

.esg h3 {font-size: 24px !important;}
.esg .item_wrap .item {margin: 50px 0 !important;}
.esg .item_wrap .item p,.esg .item_wrap .item01 p, .esg .item_wrap .item03 > p {font-size:20px !important;}
.esg .swiper-button-prev, .esg .swiper-button-next {top: 58% !important;}
.esg .item_wrap .item02 .swiper .swiper-slide .text {line-height:1.2 !important;}
.esg .item_wrap .item02 .swiper .swiper-slide .figure {height:140px !important; }
.esg .item_wrap .item03 {margin-top: 60px !important;}
.esg .item_wrap .item03 .text {line-height:2.0 !important;}

.technical .item_wrap .item01 .box01 {flex-direction: column; row-gap: 15px;}
.technical .item_wrap .item01 .box01 h3, .technical .item_wrap .item01 .box01 p {width:100% !important; }
.technical .item_wrap .item01 .box04 .img_wrap .figure,.technical .item_wrap .item01 .box04 .img_wrap .figure.change {flex-direction:column !important;}
.technical .item_wrap .item01 .box04 .img_wrap .figure p {width:80% !important;}
.technical .item_wrap .item01 .box04 .img_wrap .figure img {width: 80% !important;}
.technical .item_wrap .item01 .box04 .img_wrap .figure figure {width: 80% !important; padding-bottom: 45.1% !important;}


} /* 450px end */

@media screen and (max-width: 430px) {
.esg .swiper-button-prev, .esg .swiper-button-next {top:60% !important;}
.esg .swiper-button-next {left: 90% !important;}
.esg .item_wrap .item p.title {padding: 15px !important; }
.esg .item_wrap .item .img_box .img {flex-direction: column;}
.esg .item_wrap .item .img_box .img .box {width: 100% !important; }
.esg .item_wrap .item .img_box .img .box span br {display: none;}
}

@media screen and (max-width: 400px) {
.vision .item_wrap .vision_right .box04 ul {width: 100% !important;}
.vision .item_wrap .vision_right .box04 ul li {font-size: 15px !important;}
#container #content{padding: 60px 0;}
.tab_content1 p{display:block;padding-right:20px; width:100%;}

/* Á¦Ç°¼Ò°³*/
.product .explanation h2{font-size: 28px;}

/* Á¦Ç°¼Ò°³3*/
#content.product3{padding: 60px 0 0 !important;}

/*±âŸ¼­ºñ½º-°³ÀÎÁ¤º¸Ã³¸®¹æħ*/
#Agreement h2 {font-size:24px;}
.mangement .title p {font-size: 25px !important;}
.mangement .title span,.mangement .box_wrap .box .text p {font-size: 16px !important;}
.mangement .box_wrap {width:100% !important;}
.mangement .box_wrap .box .text span {font-size: 14px !important;}

button.slick-prev, button.slick-next {width:45px !important; height:45px !important;}

.history .history_right ul li strong {font-size:18px !important;}
.history .history_right ul {row-gap: 30px !important;}

.vision .item02 .vision_right02 ul li span {padding:20px 5px !important; font-size:16px !important;}
.vision .vision_right .top {margin-bottom:80px !important;}
.vision .item02 .vision_right02 ul li.plus span {font-size:14px !important;}

.intellectual .img_box {margin: 45px auto !important;}
.technical .btn:after,.technical .btn button.on:after {bottom: -30px !important;}
.technical .item_wrap .item01 .box01 {margin:0 !important;}
.technical .item_wrap .item01 .box01 p,.technical .item_wrap .item01 .box02 {line-height:1.4 !important;}
.technical .item_wrap .item01 .box02 {padding:30px 0 important;}
.technical .item_wrap .item01 .box03 .wrap {row-gap: 5px !important;}
.technical .item_wrap .item01 .box03 .figure {height: 170px !important;}
.technical .item_wrap .item01 .box04 {margin-top:50px !important;}
.technical .item_wrap .item02 > div p {font-size:18px !important; }
.technology .item_wrap .item02 > div p {font-size:18px !important; }
.technical .item_wrap .item01 .box02, .technical .item_wrap .item01 .box04 p {font-size:16px !important; }
.greeting .box_wrap .box .text {row-gap:18px !important;}

#main_con03 .flex_wrap .txt h1, #main_con05 .news_title {font-size: 42px !important;}
#main_con05 .flex_wrap .list a p, .technology .item_wrap .box01 p {font-size: 16px !important;}
#main_con05 .flex_wrap .list li {padding: 14px 20px !important;}
#main_container #businessWrap, #main_container #main_con03, #main_container #main_con04 {padding: 60px 0;}

}
@media screen and (max-width: 350px) {
.esg .swiper-button-prev, .esg .swiper-button-next {top:61.4% !important;}
}


#content {max-width: 1600px;width: calc(100% - 30px) !important; margin:0 auto; color:#444444;word-break:keep-all !important;}
/* company - greeting */
.greeting .title {font-size: 40px;margin-bottom:90px;font-weight:300; }
.greeting .title span {color: #2E3092; font-weight:600; vertical-align: unset; word-break: keep-all;}
.greeting .sub_visual{width:100%;position:relative;margin: 120px auto;}
.greeting .sub_visual img {width:100%;height:100%;object-fit:cover;}
.greeting .sub_visual p {font-size:85px;font-weight: 700;color: #efefef;position: absolute;top: -35px;right:0;z-index: -1;}
.greeting .box_wrap {display: flex;justify-content: space-between;}
.greeting .box_wrap > p {width: 40%;line-height:1.1;font-size:40px;font-weight: 500;color: #333333;}
.greeting .box_wrap p span {color: #2E3092;font-weight: 600;}
.greeting .box_wrap .box {width:60%}
.greeting .box_wrap .box > p {font-size:25px;position:relative;margin-bottom:60px; word-break: keep-all;}
.greeting .box_wrap .box > p:after {content:"";position:absolute;left:0;top:50px;width:220px;border:1px solid #dddddd;}
.greeting .box_wrap .box .text {word-break:keep-all;display:flex;justify-content: space-between;flex-direction: column;row-gap:24px;}
.greeting .box_wrap .box .text > p {font-size:20px;margin-bottom: 5px; }
.greeting .box_wrap .box .text span {word-break: keep-all;}
.greeting .box_wrap .box .text strong {font-size:20px;margin-top:40px;display:inline-block;font-weight:500;}

/* company - Mangement Philosophy */
.mangement .title {display: flex;column-gap:20%;align-items: center;margin-bottom:100px;}
.mangement .title p {font-size:40px;font-weight:700;}
.mangement span {display:inline-block;font-size:25px;font-weight:400; word-break: keep-all;}
.mangement .box_wrap {display: flex;flex-wrap: wrap;width: 65%;justify-content: space-between;margin: 0 auto;}
.mangement .box_wrap .box {width:49.5%; column-gap: 5%; display:flex;justify-content: center;align-items: center;justify-content: space-between;margin-bottom:1%;}
.mangement .box_wrap .box .figure {width:200px;height:200px;display: flex;justify-content: center;align-items: center;}
.mangement .box_wrap .box .figure:hover img {scale:1.04;}
.mangement .box_wrap .box .figure img {transition:0.4s;}
.mangement .box_wrap .box01, .mangement .box_wrap .box03 {flex-direction: row-reverse;}
.mangement .box_wrap .box01> .figure {background-color:#2E3092; border-radius:50px 50px 0 50px;}
.mangement .box_wrap .box02> .figure {background-color:#4346D8; border-radius:50px 50px 50px 0px;}
.mangement .box_wrap .box03> .figure {background-color:#D9D9D9; border-radius:50px 0px 50px 50px;}
.mangement .box_wrap .box04> .figure {background-color:#555555; border-radius: 0px 50px 50px 50px;}
.mangement .box_wrap .box .text {width: 55%; color: #444444; position:relative;}
.mangement .box_wrap .box .text p {font-size:20px;font-weight:500;margin-bottom:5px; word-break: keep-all;}
.mangement .box_wrap .box .text span {font-size:16px; font-weight:400; letter-spacing: 0.5px; word-break: keep-all;}
.mangement .box_wrap .box .text:after {content:' ';width:100%;position:absolute; bottom:-10px;left:0;border:1px solid #dddddd;}
.vision {margin: 120px auto;}

/* company-  Plant Photos */
.photos {max-width:1600px; width: calc(100% - 30px);margin:0 auto;}
.photos .button {width:100%;display:flex;position:relative;column-gap:35px;margin-bottom:65px;}
.photos .button button {font-size:30px;color:#A8A8A8;font-weight:500;}
.photos .button button.on {font-weight:700;color:#2E3092;position:relative;}
.photos .button button.on:after{width:100%;content:' ';position:absolute;bottom:-15px;left:0; z-index:2; border: 2px solid #2E3092; transition: 0.4s;}
.photos .button:after {width:100%;content:' ';position:absolute;bottom:-15px;left:0;border: 1px solid #dddddd;}
.photos .slick-dots {display:none;}
/* #slick-slide-control00:before, #slick-slide-control10:before {content:"1F" !important; font-size:30px; font-family:'Montserrat';}
#slick-slide-control01:before, #slick-slide-control11:before {content:"2F" !important; font-size:30px; font-family:'Montserrat';}
#slick-slide-control02:before, #slick-slide-control12:before {content:"3F" !important; font-size:30px; font-family:'Montserrat';} */
button.slick-prev {width:50px; height: 50px; border: 1px solid #999; border-radius: 50%;
position: absolute; top:74%; left:92%; background: url('../img/sub/Vector_prev.png') center center no-repeat; margin-top:0 !important; z-index:2;}
button.slick-next {width:50px; height: 50px; border: 1px solid #999; border-radius: 50%;
position: absolute; top:74%; right:0; background: url('../img/sub/Vector_next.png') center center no-repeat; margin-top:0 !important; z-index:2;}
button.slick-prev:before, button.slick-next:before {display:none;}
button.slick-next:hover {background: url('../img/sub/Vector_next.png') center center no-repeat !important;}
button.slick-prev:hover {background:url('../img/sub/Vector_prev.png') center center no-repeat !important;}
.swiper_box.on {display:block;}
.swiper_box {position:relative; top:0; left:0; display:none;}
.photos .tabs ul {width:230px; display:flex; margin:0 auto; padding:20px 40px; column-gap:20px; border-radius:25px;
background-color:#fafafa; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; justify-content:space-between; margin-bottom:50px;}
.photos .tabs ul li {cursor: pointer; font-size:30px; color:#999;font-weight:500;}
.photos .tabs ul li.on {color:#2E3092; font-weight:600;}
.photos .slick-dots {display:none !important;}
.photos .slider .item .text {width:40%; padding:45px; position:relative; bottom:20px; left:0; background-color:#f8f8f8;  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.photos .slider .item .text p {font-size: 30px; font-weight:700;margin-bottom:15px; word-break:keep-all !important;}
.photos .slider .item .text span {color:#999; word-break: keep-all !important;}
.photos .slider .item img {width:90%; object-fit:cover; margin-left:auto;}
.photos .slider .item img.mobile {display: none;}
.photos .swiper, .photos .swiper02, .photos .swiper03 {display:none;}
.photos .swiper.on, .photos .swiper02.on, .photos .swiper03.on {display:block;}
.photos .swiper02 .swiper_box02, .photos .swiper03 .swiper_box03 {display:none;}
.photos .swiper02 .swiper_box02.on, .photos .swiper03 .swiper_box03.on {display:block;}

.photos .swiper02 .swiper_box02 img, .photos .swiper03 .swiper_box03 img{height:440px; object-fit:cover;}

/* company -> history */
.history {display:flex; justify-content: space-between;/*  align-items: center; */}
.history .history_left {width:25%;display:flex; flex-direction:column; justify-content: space-between; cursor:default;}
.history .history_left p {font-size:65px; font-weight:700; line-height: 1;}
.history .history_left p.top {color: #2E3092;}
.history .history_left p.btm{color: #C0C0C0;}
.history .history_right {width:65%; position:relative;}
.history .history_right:after {content:' ';position:absolute; left:-4%; top:0; height:100%; border: 1px solid #ddd;}
.history .history_right ul {display: flex; flex-direction: column; row-gap: 35px;}
.history .history_right ul li {display:flex; column-gap: 15%; cursor:pointer; position:relative; }
.history .history_right ul li:hover {color:#2D3091;}
.history .history_right ul li:hover p {font-weight:500;}
.history .history_right ul li:hover:after{content:' ';position:absolute; left:-4%; top:0; height:100%; border: 1px solid #2D3091; z-index:2;}
.history .history_right ul li strong {width:40px; height:40px; text-align:center; font-size:25px;}
.history .history_right ul li  p {display:flex; flex-direction:column;}
.history .history_right ul li  p span {font-weight:500;}

/* company -> partners */
.partners h3 {font-size:40px; font-weight:600;margin-bottom:60px;}
.partners .item ul {display:flex; flex-wrap:wrap; justify-content: space-between; row-gap:45px;}
.partners .item ul li {width:18%; border: 1px solid #ddd; overflow:hidden;}
.partners .item ul li:hover img {scale:1.04;}
.partners .item ul li img {width:100%; height:100%; object-fit:cover; transition:0.4s;}

/*  company -> location */
.location h3 {display:flex; margin:0 0 90px 0; column-gap:10%; flex-wrap:wrap; row-gap:25px;}
.location h3 p {font-size: 30px; text-align:start; font-weight:600;}
.location h3 p img {margin-right: 10px;}
.location h3 p span {font-size:16px; margin-top:15px; display: inline-block; font-weight:500;}
.location .map_box {width:100%; border:1px solid #ddd;}
.location .map_box img {width:100%; height:100%; object-fit:cover;}

/* company -> vision */
p.mini {font-size:18px; font-weight:400; margin-bottom:15px;}
.vision h3 {font-weight:400; margin-bottom:50px; font-size:40px;}
.vision h3 span {color:#2E3092; font-weight:500;}
.vision .item_wrap {margin:120px auto; display:flex; justify-content:space-between; position:relative;}
.vision .item_wrap .left {width:25%;}
.vision .item_wrap .left .figure {width:100%; height:100%;}
.vision .item_wrap .left .figure img {width:100%; height:100%; object-fit:cover;}
.vision .item_wrap .left .figure p {opacity:0;}
.vision .item_wrap .vision_right {width:74%;}
.vision .item_wrap .vision_right {display: flex; flex-direction: column; align-items: center;}
.vision .item_wrap .vision_right > div {width:100%; text-align:center;}
.vision .item_wrap .vision_right .box01 {padding:75px 0; background: url('../img/sub/vison_right01.jpg') center no-repeat; background-size:cover;}
.vision .item_wrap .vision_right .box01 h4 {color:#fff; display:flex; flex-direction:column; align-items: center; row-gap: 80px; font-size:30px; font-weight:600;}
.vision .item_wrap .vision_right .box01 h4 span {font-size:25px; font-weight:500;}
.vision .item_wrap .vision_right .box02 p {font-size: 30px; font-weight:600; background-color: #e9e9e9; padding:20px; border-top:5px solid #fff; color:#343578;}
.vision .item_wrap .vision_right .box03 ul {display:flex; justify-content: space-between;}
.vision .item_wrap .vision_right .box03 ul li {width:23.5%;}
.vision .item_wrap .vision_right .box03 ul li .text {display: flex; flex-direction: column; align-items: flex-start; margin-top:20px; background-color: #e9e9e9; height: 330px; padding: 20px 1px;}
.vision .item_wrap .vision_right .box03 ul li .text span {text-align: start; margin-bottom:15px; font-size:18px; font-weight:500; word-break: keep-all; color: #343578; padding-left: 10px; text-indent: -10px;}
.vision .item_wrap .vision_right .box04 {background-color: #4c59a8;  margin: 7px 0;}
.vision .item_wrap .vision_right .box04 ul {width: 70%; display: flex; justify-content: center; justify-content:space-between; padding: 20px; margin: 0 auto;}
.vision .item_wrap .vision_right .box04 ul li {width: 15%; font-size: 28px; color: #fff; font-weight: 500;}
.vision .item_wrap .vision_right .box04:last-child {background-color: #343578;}
.vision .item_wrap .vision_right .box04:last-child ul {width: 100%; display: unset;}
.vision .item_wrap .vision_right .box04:last-child ul li {width: 100%; word-break: keep-all;}
/* .vision .item_wrap .vision_right .box05 ul {display: flex; flex-direction: column; align-items: center; background-color: #85a589;}
.vision .item_wrap .vision_right .box05 ul li {width:100%;border: 2px solid #fff;}
.vision .item_wrap .vision_right .box05 ul li .li_box {width:50%; display: flex; justify-content: space-between; padding:18px 0; font-size:18px; font-weight:600; color:#fff; text-align:start; margin:0 auto;}
.vision .item_wrap .vision_right .box05 ul li .li_box p {width:50px;}
.vision .item_wrap .vision_right .box05 ul li:first-child .li_box p {margin-right:50px;}
.vision .item_wrap .vision_right .box05 ul li .li_box span {width:95px;}
.vision .item_wrap .vision_right .box06 {border:2px solid #fff; padding: 20px 1px; background-color: #456350;}
.vision .item_wrap .vision_right .box06 p {color:#fff; font-size:22px; font-weight:500;} */

.technology h3 {font-size:40px; font-weight:600; margin-bottom:100px;}
.technology .item_wrap {display:flex; justify-content: space-between; flex-direction: column; row-gap: 35px;}
.technology .item_wrap .item {width:28%; display:flex; flex-direction:column; align-items:center; position:relative;}
.technology .item_wrap .item:after {width:200px; content:' '; position:absolute; top: 20%; left: 88%; border:1px solid #eee; z-index:-1}
.technology .item_wrap .item:last-child:after {display:none;}
.technology .item_wrap .item .figure {width:270px; height:270px; border:5px solid #eee; border-radius:50%; overflow:hidden;}
.technology .item_wrap .item .figure:hover img {scale:1.04;}
.technology .item_wrap .item .figure img {width:100%; height:100%; object-fit:cover; padding:20px;  border-radius:50%; transition:0.4s;}
.technology .item_wrap .item .text {margin:60px 0 40px 0; text-align: center; height:70px;}
.technology .item_wrap .item .text p {font-size:20px; font-weight:500; margin-bottom:5px;}
.technology .item_wrap .item .text span {word-break:keep-all;}
.technology .item_wrap .item .figure02 {height:200px;}
.technology .item_wrap .item .figure02 img {width:100%; height:100%; object-fit:cover;}

/* production -> Intellectual */
.intellectual h3 {display: flex; justify-content: space-between; align-items: center; font-size:40px; font-weight:600;}
.intellectual h3 p { font-size:20px; font-weight:400;}
.intellectual h3 p span {font-size:24px; color:#2E3092; font-weight:500;}
.intellectual .img_box {margin:120px auto;}
.intellectual .img_box ul {display:flex; flex-wrap: wrap; justify-content: space-between; }
.intellectual .img_box ul li {width:23%; border:1px solid #ddd; margin-bottom: 3%; transition: 0.4s; display:flex; flex-direction:column; justify-content: space-between;}
.intellectual .img_box ul li:hover img {scale:1.05;}
.intellectual .img_box ul li:hover p {background-color:#2E3092; color:#fff; font-weight:500;}
.intellectual .img_box ul li p {border-top:1px solid #ddd; padding:20px; text-align:center; transition: 0.4s; word-break: keep-all;}
.intellectual .img_box ul li img {padding:15px; transition: 0.4s; }

/* Sustainability -> ESG  */
.esg h3 {font-size:40px; font-weight:600;}
.esg .item_wrap .item {width:100%; display:flex; position:relative; margin:120px 0; justify-content: flex-end;}
.esg .item_wrap .item p.title {width:20%; padding:75px 20px; position:absolute; top:0; left:0; background-color:#2E3092; color:#fff; text-align: center;
font-size:30px; font-weight:500; line-height:1.2; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; word-break: keep-all;}
.esg .item_wrap .item .img_box {display: flex; flex-direction: column; width: 78%; row-gap: 20px;}
.esg .item_wrap .item .img_box .img {display: flex; justify-content: space-between; }
.esg .item_wrap .item .img_box .img .box { width: 49%; display: flex; flex-direction: column; row-gap: 25px;padding: 10px;}
.esg .item_wrap .item .img_box .img .box img {border-radius: 20px; border: 1px solid #eee;}
.esg .item_wrap .item .img_box .img .box p {text-align: center; font-weight: 600; font-size: 17px; word-break: keep-all;}
.esg .item_wrap .item .img_box .img .box span {text-align: center; width: 80%; margin: 0 auto; word-break: keep-all;}
.esg .show-more {margin-left:auto; display:none;}
.esg .item_wrap .item01 {display:flex; justify-content: space-between; align-items: center; margin-bottom:40px;}
.esg .item_wrap .item01 p,.esg .item_wrap .item03 p  {font-size:30px; font-weight:600; line-height:1.25;  word-break: keep-all;}
.esg .item_wrap .item01 span {width:73%; line-height:2.3;}
.esg .item_wrap .item02 {display:flex; justify-content: space-between;}
.esg .item_wrap .item02 > p {width:24%;  word-break: keep-all;}
.esg .item_wrap .item02 .swiper {width:73%; overflow: hidden;}
.esg .item_wrap .item02 .swiper .swiper-slide {display:flex; flex-direction: column; cursor:pointer; justify-content: flex-start;}
.esg .item_wrap .item02 .swiper .swiper-slide:hover .date,.esg .item_wrap .item02 .swiper .swiper-slide:hover .text {color:#2E3092;}
.esg .item_wrap .item02 .swiper .swiper-slide .date {width:100%; display:flex; justify-content: space-between; padding:20px 0; font-weight:500;}
.esg .item_wrap .item02 .swiper .swiper-slide .text  {text-align:start; line-height:2.0;}
.esg .item_wrap .item02 .swiper .swiper-slide .figure {width:100%; height:210px; border:1px solid #ddd; overflow:hidden; display:flex; align-items:center;}
.esg .item_wrap .item02 .swiper .swiper-slide:hover .figure img {scale:1.04;}
.esg .item_wrap .item02 .swiper .swiper-slide .figure img {width:100%; object-fit:cover; transition:0.4s;}
.esg .swiper-button-prev, .esg .swiper-button-next {top:75%;}
.esg .swiper-button-prev  {width:50px; height:50px; border:1px solid #ddd; border-radius:50%;
background: url('../img/sub/Vector_prev.png') center center no-repeat !important; display:none;}
.esg .swiper-button-next {left:6%; width:50px; height:50px; border:1px solid #ddd; border-radius:50%;
background: url('../img/sub/Vector_next.png') center center no-repeat !important;  display:none;}
.esg .item_wrap .item03 {display:flex; justify-content: space-between; margin-top:80px;}
.esg .item_wrap .item01 p, .esg .item_wrap .item03 > p {width:24%;}
.esg .item_wrap .item03 > p span {color: #2E3092;}
.esg .item_wrap .item03 .text {width:73%; display:flex; flex-direction:column; line-height:2.3;}
.esg .item_wrap .item03 .text span {word-break:keep-all;}

/* Sustainability -> Social  */
.social h3 {font-size:40px; font-weight:600;}
.social .item01 {margin:60px 0;}
.social .item01 .swiper {padding-bottom:8%;}
.social .item01 .swiper .swiper-slide{width:100%; position:relative; opacity:0 !important;}
.social .item01 .swiper .swiper-slide:after {position:absolute; content:' '; top:26%; right:22%; width:80px; height:80px; background-color: #2F6D0C; z-index:-1; display:none;}
.social .item01 .swiper .swiper-slide-active {opacity:1 !important;}
.social .item01 .swiper .swiper-slide .figure {width:65%; height:500px; margin-right:auto; position: relative;}
.social .item01 .swiper .swiper-slide .figure img {width:100%; height:100%; object-fit:cover;}
.social .item01 .swiper .swiper-slide .text {width:45%;/*  position:absolute; */ bottom:-15%; right:0; background-color: #fcfcfc52;
padding:40px; display: flex; flex-direction:column; row-gap:25px; text-align:start; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;}
.social .item01 .swiper .swiper-slide .text p {display:flex; flex-direction:column; font-size:18px; font-weight:600; word-break: keep-all;}
.social .item01 .swiper .swiper-slide .text p span {font-size:16px; font-weight:400; word-break: keep-all; text-indent: -7px; padding-left: 10px;}
.social .item01 .swiper .swiper-slide .text p span:first-child {margin-top: 10px;}
.social .swiper-button-next {right:0; left:90px;width:50px; height:50px; border:1px solid #ddd; border-radius:50%;
background: url('../img/sub/Vector_next.png') center center no-repeat !important;}
.social .swiper-button-prev {width:50px; height:50px; border:1px solid #ddd; border-radius:50%;
background: url('../img/sub/Vector_prev.png') center center no-repeat !important;}
.social .swiper-button-next, .social .swiper-button-prev {top:87%;}

/* Sustainability -> ethical  */
.ethical h3 {display:flex; flex-direction:column;}
.ethical h3 p {font-size:40px; font-weight:600; margin-bottom:5px;}
.ethical h3 span {font-size:16px; font-weight:400;}
.ethical .item_wrap {display:flex; flex-wrap:wrap; justify-content: space-between; margin:90px 0; row-gap: 20px;}
.ethical .item_wrap .item {width:48.6%; position:relative;}
.ethical .item_wrap .item:hover .figure img {scale:1.02;}
.ethical .item_wrap .item:hover p {color:#2E3092;}
.ethical .item_wrap .item .figure {width:100%;}
.ethical .item_wrap .item .figure img{width:100%; padding:80px 0 0 80px; transition:0.4s;}
.ethical .item_wrap .item span {position:absolute; top: 4%; left:0; width: 100px; height: 100px; background-color: #2E3092;
color: #fff; line-height:100px; text-align:center; border-radius:50px 50px 0 50px; font-size:20px; font-weight:600; box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;}
.ethical .item_wrap .item p {padding:20px 0 0 80px; font-size:19px;}

/* production -> Technical */
.technical .btn {display:flex; padding:0; column-gap:50px; position:relative;}
.technical .btn:after {position:absolute; content:''; bottom:-15px; left:0; border:1px solid #ddd; width:100%; display: none;}
.technical .btn button {font-size:30px; font-weight:500; color:#A8A8A8;}
.technical .btn button.on{font-weight:600; color:#2E3092; position:relative;}
.technical .btn button.on:after {position:absolute; content: ''; bottom:-15px; left:0; /* border:1px solid #2E3092; */ width:100%; z-index:2;}
.technical .item_wrap {margin-top: 40px;}
.technical .item_wrap > div {display:none;}
.technical .item_wrap > div.on {display:block;}
.technical .item_wrap .item01 .box01 {display:flex; flex-direction: column; row-gap: 25px; justify-content: space-between;}
.technical .item_wrap .item01 .box01 p {font-size:18px; line-height:1.8; letter-spacing: 0.8px; word-break: keep-all;}
.technical .item_wrap .item01 .box02 {padding: 50px 0; text-align: start; font-size: 22px; font-weight:600;}
.technical .item_wrap .item01 .box03 {margin: 80px auto; display:flex; flex-direction:column; row-gap: 45px;}
.technical .item_wrap .item01 .box03 p {text-align: start; font-size: 22px; font-weight:600; word-break: keep-all; line-height: 1.8;}
.technical .item_wrap .item01 .box03 .wrap {display:flex; flex-wrap: wrap; row-gap: 10px; column-gap: 1%;}
.technical .item_wrap .item01 .box03 .wrap .figure {width:24%; height:400px; position:relative; overflow:hidden;}
.technical .item_wrap .item01 .box03 .wrap .figure img {width:100%; height:100%; object-fit:cover;}
.technical .item_wrap .item01 .box03 .wrap .figure p {width:100%; height:100%; position:absolute; top:0; left:0;
background-color: rgb(31 32 97 / 87%); color: #fff; display: flex; justify-content: center; align-items: center; text-align:center;
font-weight:600; font-size:30px; line-height:1.4; opacity:0; transform:translateY(43%); transition:0.6s;}
.technical .item_wrap .item01 .box03 .wrap .figure:hover p {opacity:1; transform:translateY(0%); cursor:default;}
.technical .item_wrap .item01 .box04 {margin-top:120px;}
.technical .item_wrap .item01 .box04 p {font-size:22px; font-weight: 600; line-height:2.3; word-break: keep-all;}
.technical .item_wrap .item01 .box04 .img_wrap {display:flex; flex-direction: column; justify-content: space-between; margin-top:100px;}
.technical .item_wrap .item01 .box04 .img_wrap .figure {display:flex; width:100%; overflow:hidden;align-items: center; column-gap: 5%;}
.technical .item_wrap .item01 .box04 .img_wrap .figure.change {flex-direction: row-reverse;}
.technical .item_wrap .item01 .box04 .img_wrap .figure img {width: 38%;}
.technical .item_wrap .item01 .box04 .img_wrap .figure p {width:40%; display:flex; flex-direction:column; font-size:24px; font-weight:700;}
.technical .item_wrap .item01 .box04 .img_wrap .figure p span {padding-top:10px; font-size:20px; font-weight:400; word-break: keep-all;}

.technical .item_wrap .item01 .box04 .img_wrap .figure figure {width: 40%; height:0; padding-bottom: 22.56%; position: relative; pointer-events: none;}
.technical .item_wrap .item01 .box04 .img_wrap .figure figure iframe {width:100%; height: 100%; position: absolute; top: 0; left: 0;}
/* .technical .item_wrap .item01 .box04 .img_wrap .figure p {width:100%; height:100%; position:absolute; top:0; left:0;
background-color: rgb(31 32 97 / 87%); color: #fff; display: flex; justify-content: center; align-items: center; text-align:center;
font-size:30px; line-height:1.4; opacity:0; transform:translateY(43%); transition:0.6s;}
.technical .item_wrap .item01 .box04 .img_wrap .figure:hover p {opacity:1; transform:translateY(0%); cursor:default;}
.technical .item_wrap .item01 .box04 .img_wrap .figure img {width:100%; object-fit:cover;} */
.technical .item_wrap .item02 > div {display:flex; flex-direction: column; row-gap: 40px; margin-bottom: 60px;}
.technical .item_wrap .item02 > div p {font-size:30px; font-weight:500;}
.technical .item_wrap .item02 > div .figure {width:100%; display:flex; flex-wrap:wrap;}
.technical .item_wrap .item02 > div .figure img {width:50%;}
.technical .item_wrap .item02 > div .figure.one img.mob {display: none;}
.technical .item_wrap .item02 > div .figure.one img {width:100%;}

.technology .item_wrap .item02 > div {display:flex; flex-direction: column; row-gap: 40px; margin-bottom: 60px;}
.technology .item_wrap .item02 > div p {font-size:30px; font-weight:500;}
.technology .item_wrap .item02 > div .figure {width:100%; display:flex; flex-wrap:wrap;}
.technology .item_wrap .item02 > div .figure img {width:50%;}
.technology .item_wrap .item02 > div .figure.one img.mob {display: none;}
.technology .item_wrap .item02 > div .figure.one img {width:100%;}
.technology .item_wrap .box01 p {font-size:18px; line-height:1.8; letter-spacing: 0.8px; word-break: keep-all;}
.technology > h2  {font-weight:600; color:#2E3092; position:relative;}