@charset "utf-8";
.mo{display: none;}
.mo_resp_563{display:none;}
.mo_resp_400{display:none;}
/* 유성벤드 */
#comapny_introduce h3 {font-size:40px;margin-bottom:30px;font-weight:900;}
.company_01 {clear: both;width: 100%;float: left;}
.company_01 p {font-size:20px;line-height:1.5;word-break:keep-all;}
.company_02 {clear: both;width: 100%;float: left;margin-top:80px;}
.company_02 img {width: 633px;float: left;display: block;}
.company_com {float: right;width: calc(100% - 700px);}
.company_com table {width:100%; border-top:2px solid #042783; border-collapse:collapse; border-spacing:0}
.company_com table th {padding:14px;background:#f5f5f5; border-bottom:1px solid #ddd; color:#383838;font-size:18px;text-align:center;}
.company_com table td {padding:14px; border-bottom:1px solid #ddd;  color:#383838;font-size:18px;text-align:left;}
.company_03 {clear: both;width: 100%;float: left;}
.product_con > li {width:48%;float:left;}
.product_con > li:nth-child(2n) {float:right;}
.product_con > li:nth-child(2n+1) {clear:both;}
.product_con > li:nth-child(3), .product_con > li:nth-child(4) {margin-top:30px;}
.product_con > li > h4 {font-size: 25px;color: #fff;background: #042783;padding: 10px 20px;border-radius: 0 20px 0 20px;margin-bottom: 30px;}
.product_con > li > ul > li {position: relative;padding: 5px 0 5px 20px;font-size: 20px;}
.product_con > li > ul > li:before {content: '';border-radius: 50%;background: #042783;width: 5px;height: 5px;display: block;position: absolute;left: 0;top: 13px;}

.company_04 {clear: both;width: 100%;float: left;margin-top: 80px;}



/* 연혁 */

.history_img {width: 100%;float: left;position: relative;}
.history_flag {display: inline-block;position: absolute;left: 3%;bottom: -60px;background: #d5af50;z-index: 99;padding: 20px; border-radius: 20px;}
.history_flag p {color:#d5af50;font-size:30px; line-height: 1.3;}
.history_flag p strong {color:#d5af50;font-size:50px;font-weight:900;}
.history_con {clear: both;width: 100%;float: left;}
.history_con ul {width: 60%;border-left: #ddd 1px solid;float: right;position: relative;padding: 60px 0 0px 60px;}
.year {font-size: 25px;font-weight: 700;margin: 30px 0;clear: both;position: relative; color: #d5af50}
.year:before {content:'';display:inline-block;width:22px;height:22px;border-radius:50%;background: #d5af50;position: absolute; top: 0; left: -72px;}
.year:after {content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background: #fff;position: absolute; top: 7px; left: -65px;}
.his_con {clear: both;overflow:hidden;}
.his_con span{display:inline-block;    font-size: 18px;line-height: 1.4;    width: 80px;float:left;}
.his_con p {display:inline-block;    font-size: 18px;line-height: 1.4;width: calc(100% - 80px);float:right;}


/* 취급품목 - 20250708 */
.company_04 h4 {font-size: 30px;clear: both;margin: 50px 0 30px 0;position: relative;padding-left: 35px;font-weight: 700;}
.company_04 h4.first {margin-top:0;}
.company_04 h4:before {content:'';display:inline-block;width:22px;height:22px;border-radius:50%;background: #042783;position: absolute; top: 9px; left: 0;}
.company_04 h4:after {content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background: #fff;position: absolute; top: 16px; left: 7px;}

.product_con{display: flex; flex-direction: column; gap: 30px;}
.product_con .product_con_inner{display: flex; gap: 50px; width: 100%;}
.left_wrap{position: relative; width: calc(50% - 25px);}
.item_info{width: calc(50% - 25px);}
.left_wrap{position: relative; height: 440px; padding: 30px; border-radius: 0 50px 0 50px; object-fit: cover;}
#comapny_introduce .product_con_inner{margin:0;}
.product_con_inner:nth-child(1) .left_wrap{background: url('../img/sub/sub01_03_bg01.jpg') no-repeat center/cover; transition: filter 0.3s ease;}
.product_con_inner:nth-child(2) .left_wrap{background: url('../img/sub/sub01_03_bg02.jpg') no-repeat center/cover;}
.product_con_inner:nth-child(3) .left_wrap{background: url('../img/sub/sub01_03_bg03.jpg') no-repeat center/cover;}
.product_con_inner:nth-child(4) .left_wrap{background: url('../img/sub/sub01_03_bg04.jpg') no-repeat center/cover;}
.product_con_inner:nth-child(1) .left_wrap::before, .product_con_inner:nth-child(2) .left_wrap::before, .product_con_inner:nth-child(3) .left_wrap::before, .product_con_inner:nth-child(4) .left_wrap::before{content: '';position: absolute;inset: 0;background: rgba(0, 0, 0, 0.4);opacity: 0;transition: opacity 0.3s ease;z-index: 1; border-radius: 0 50px 0 50px}
.product_con_inner:nth-child(1) .left_wrap:hover::before, .product_con_inner:nth-child(2) .left_wrap:hover::before, .product_con_inner:nth-child(3) .left_wrap:hover::before, .product_con_inner:nth-child(4) .left_wrap:hover::before {opacity: 1;}
.left_wrap p{color: #fff; font-size: 35px; font-weight: 600; line-height: 1.4;}
.left_wrap a{display: block; position: absolute; bottom:30px; right:30px; z-index: 2;}

.jejo_con .mb30{display: flex; gap: 30px; width: 100%; margin-bottom: 40px; flex-wrap: wrap;}
.jejo_con .mb30 li img{width: 100%;}
.company_com.jejo_con{float: none; width: 100%;}
.company_com.jejo_con table th{width: 15%;}
.jejo_con ul li:nth-child(1){width: calc(40% - 15px);}
.jejo_con ul li:nth-child(2){width: calc(60% - 15px);}
.company_com.jejo_con tr td a{padding: 8px 15px; background: #111; color: #fff;}

.jejo_con02 {clear: both;overflow: hidden;}
.jejo_con02 ul{display: flex; gap: 10px; flex-wrap: wrap;}
.jejo_con02 li {width:calc((100% - 20px) / 3); text-align:center; margin-top:30px; border: 1px solid #ddd;}
.jejo_con02 li:nth-child(3n+1) {clear:both;}
.jejo_con02 li img {display:block; width: 100%;}
.jejo_con02 li span {display:block;text-align:center; padding: 20px; border-top: 1px solid #ddd;}
.jejo_con03 li {display:inline-block;margin-right:20px;}
.jejo_con03 ul {padding: 0 0 0 33px;}



/*사업분야*/
#business_con h3 {font-size:40px;margin-bottom:30px;font-weight:900;}

.biz01 {clear: both;width: 100%;float: left;}
.biz01 p {font-size:20px;line-height:1.5;word-break:keep-all;}
.biz02 {clear: both;width: 100%;float: left;margin-top:80px;}
.biz03 {clear: both;width: 100%;float: left;margin-top:50px;}
.biz02 img {width: 100%;display: block;z-index:-1;}
.biz02 ul {position: sticky;overflow:hidden;clear: both;width: 80%;margin: -60px auto 0 auto; padding: 50px 30px;background:#042783;z-index:100;}
.biz02 li {width:calc(100% / 3);float:left;border-left:#fff 1px solid;}
.biz02 li:first-child {border-left:none;}
.biz02 li h4 {text-align:center;color:#fff;font-size:35px;margin-bottom: 27px;}
.biz02 li p {text-align:center;color:#fff;font-size:20px;line-height:1.4}
.biz03 li {width: 48%;float: left;border: #ddd 1px solid;margin-top: 30px;padding: 50px;}
.biz03 li:nth-child(2n) {float:right;}
.biz03 li h4 {text-align:center;font-size:30px;margin-bottom: 50px;position:relative;font-weight:900;}
.biz03 li h4:before {content: '';display: inline-block;background: #042783;width: 20px;height: 3px;position: absolute;border-radius: 5px;left: 50%;bottom: -20px;transform: translateX(-50%);}
.biz03 li p {text-align:center;font-size:20px;line-height:1.4}



/* 오시는길 */
.map_info {display: flex;flex-wrap: wrap;gap: 20px 0;background: #f9f9f9;padding: 30px;font-size: 1.2em;}
.map_info dl{width: 30%;display: flex;flex-wrap: wrap;flex-direction: row;gap: 0 10px;align-items: center;}
.map_info dl dt{color: #fff;padding: 10px;background: #042783;border-radius: 50px; min-width: 100px;text-align: center;}
.map_info dl:first-child{width:100%;border-bottom:1px dotted #555;padding-bottom:20px;}
.map .root_daum_roughmap .cont .section.lst {display:none;}



/* sub01_01 greeting 20250820 */
.sub01_01 .txt_box {display: flex; flex-direction: column; align-items: flex-start; row-gap: 35px; position: relative;}
.sub01_01 .txt_box:before {content:''; position: absolute; top: 60px; right: 0; width: 300px; height: auto; aspect-ratio: 1/ 0.5; opacity: 0.1; background: url('/img/sub/greeting01.png')center no-repeat; background-size: cover;}
.sub01_01 .txt_box li {word-break: keep-all; font-size: 20px; line-height: 1.5; position: relative;}
.sub01_01 .txt_box li h2 {font-weight: 600; color: #d5af50; font-style: italic; text-align: center; margin-bottom: 40px;}
.sub01_01 .txt_box li h3, .sub01_01 .txt_box li h4 {font-size: 28px; font-weight: bold; word-break: keep-all;}
/* .sub01_01 .txt_box li h4 {font-size: 28px; font-weight: bold; word-break: keep-all;} */
.sub01_01 .txt_box li.point p {font-size: 20px; font-style: italic; font-weight: 600; color: #171515}
.sub01_01 .txt_box li.point {font-size: 28px; font-weight: 700; color:#d5af50;}
.sub01_01 .txt_box li.point:before {content:''; position: absolute; top:-20px; right: 0; width: 50px; height: auto; aspect-ratio: 1/1; opacity: 0.2; background: url('/img/sub/greeting02.png')center no-repeat; background-size: cover;}
.sub01_01 .txt_box li.point.deco:before {display: none;}

/* sub01_01 20250829 */
.sub01_01  .wrap {display: flex; column-gap: 50px; align-items: flex-start;}
.sub01_01  .wrap > ul {width: 100%;}
.sub01_01  .wrap > img {width: calc(100%/3); position: sticky; top: 120px;}

/* sub01_02 History 20250820 */
.history_img .mob {display : none;}
.sub01_02 .his_con {padding-bottom: 12px;}
.sub01_02 .his_con p {float: unset; margin-left: 45px; line-height: 1.6; word-break: keep-all;}
.sub01_02 .his_con p.miss {float: left; margin-left: 0;}
.sub01_02 .his_con span {width: 30px; min-width: 30px;}

.sub01_02 .history_flag {top: 0; background: unset;}

.sub01_02 .history_con {display: flex; position: relative; align-items: flex-start;}
.sub01_02 .history_con .left {width: calc(100% / 4); margin-top: 90px; height: auto;position: sticky;top: 50%;left: 0; opacity:1;}
.sub01_02 .history_con .left img {display: none;}
.sub01_02 .history_con .left img.on {display: block;}


/* sub01_03 Organization 20250820 */
.sub01_03 .img_wrap {width: 100%; display: flex; justify-content: center;}
.sub01_03 .mob {display:none;}

/* sub01_06 Global Customers 20250901 */
.sub01_06 .con_wrap .wid70 strong.tit {font-size: 26px; font-weight: 600; color: #d5af50; display: block; margin: 0 auto; margin-bottom: 30px;}
.sub01_06 .con_wrap .wid70 {width: 80%; margin: 0 auto;}
.sub01_06 .con_wrap .wid70 > img {border: 1px solid #d5af50; display: block; margin: 0 auto;}
.sub01_06 .con_wrap .wid70 > ul {display: flex; flex-wrap: wrap; gap: 26px; margin: 0 auto; margin-top: 40px; margin-bottom: 60px;}
.sub01_06 .con_wrap .wid70 > ul li {width: calc(100%/4 - 20px); display: flex; align-items: center; column-gap: 7px; border: 1px solid #ddd; border-top: 2px solid #d5af50; padding: 15px;}
.sub01_06 .con_wrap .wid70 > ul li img {border: 1px solid #eee;}
.sub01_06 .con_wrap .wid70 > .sec02 ul { display: flex; flex-direction: column; row-gap: 12px;}
.sub01_06 .con_wrap .wid70 > .sec02 ul li {font-size: 18px; font-weight: 500; display: flex; column-gap: 12px; align-items: center;}
.sub01_06 .con_wrap .wid70 > .sec02 ul li img {max-width: 75px;}

/* sub01_07 External Cooperation 20250901 */
.sub01_07 .sec02 {margin-top: 120px;}
.sub01_07 .sec02 img.pc {display: block;}
.sub01_07 .sec02 img.mob {display: none;}
.sub01_07 .sec02 h2 {font-size: 38px; font-weight: 700; position: relative; word-break: keep-all;}
.sub01_07 .sec02 h2:before {content: ''; width: 75%; height: 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #d5af50;}
.sub01_07 .sec02 ul {display: flex; flex-wrap: wrap; gap: 45px; margin-top: 40px;}
.sub01_07 .sec02 ul li {width: calc(100%/3 - 30px);}
.sub01_07 .sec02 ul li.center {width: 100%;}
.sub01_07 .sec02 ul li img {width: 100%; border: 1px solid #eee; border-radius: 10px; max-height: 100px; object-fit: contain; padding: 17px;}
.sub01_07 .sec02 ul li p {text-align: center; word-break: keep-all; font-size: 16px; font-weight: 500; margin-top: 15px;}

/* sub01_04 Vision & Mission 20250820 */
.sub01_04 .txt {display: flex; flex-direction: column; row-gap: 5px;}
.sub01_04 .txt p {font-size: 18px; text-align: center; word-break: keep-all; line-height: 1.4;}
.sub01_04 .object {position: relative; margin-top: 40px; display: flex; flex-wrap: wrap; column-gap: 90px; }
.sub01_04 .object:before {content: ''; width: 90%; height: auto; position: absolute;  border: 1px dashed #a5926636; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub01_04 .object li {position: relative; width: calc(100%/3 - 60px); height: auto; aspect-ratio: 1/1; border: 2px solid #a5926636; border-radius: 50%; display: flex; flex-direction: column; row-gap: 15px; align-items: center; justify-content: center;}
.sub01_04 .object li:first-child:before, .sub01_04 .object li:nth-child(2):before {content:''; width: 40px; height: auto; aspect-ratio: 1/1; border-radius: 50%; border: 1px dashed #D5AF50; background: url('/img/sub/vision_plus.png') center no-repeat; position: absolute; right: -65px; top: 50%; transform: translateY(-50%); background-color: #fff;}
.sub01_04 .object li img {width: 100%;/*  padding: 40px; */ scale: 0.8; background: #A59266; border-radius: 50%;}
.sub01_04 .object li p {position: absolute; bottom: 80px; color: #fff; font-size: 18px; font-weight: 600; text-align: center; word-break: keep-all;}
.sub01_04 p.info {text-align: center; margin-top: 40px; font-size: 24px; font-weight: 600; color: #d5af50; word-break: keep-all; line-height:1.5;}
/* sub01_04 Vision & Mission 20250829 */
.sub01_04 .img_wrap {text-align: center; margin-top: 25px;}
.sub01_04 .img_wrap > img {width: 30%;}

/* sub01_05 Contact 20250820 */
.sub01_05 .txt {position: relative; display: flex; gap: 40px; flex-wrap: wrap; padding: 25px 0 0; border-top: 2px solid #D5AF50; border-bottom: 1px solid #D5AF50; margin-bottom: 40px;}
.sub01_05 .txt:before {content: ''; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background: #eee; transform: translateY(-50%)}
.sub01_05 .txt li {width: calc(100%/2 - 20px); display: flex; min-height: 42px;}
.sub01_05 .txt li p {font-size: 17px; font-weight: 600; word-break: keep-all; min-width: 140px; letter-spacing: 0.5px;}
.sub01_05 .txt li span {font-size: 17px; display: inline-block; word-break: keep-all;}
.sub01_05 .map_wrap {width: 70%; height: 600px; margin: 0 auto; border: 1px solid;}
.sub01_05 .map_wrap iframe {height: 100%;}


/* sub02_01 특허 공통 20250829 */
.cert_wrap {display: flex; flex-wrap: wrap; gap: 12px;}
.cert_wrap li {width: calc(100%/4 - 10px); border: 1px solid #d5af50;}
.cert_wrap.three li {width: calc(100%/3 - 10px);}
.cert_wrap li img { padding: 12px;}
.cert_wrap li p {padding: 18px 5px; text-align: center;background: #d5af50;color: #fff;font-size: 16px;font-weight: 700;}