@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: #042783;z-index: 99;padding: 50px;}
.history_flag p {color:#fff;font-size:30px;    line-height: 1.3;}
.history_flag p strong {color:#fff;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 60px 60px;}
.year {font-size: 25px;font-weight: 700;margin: 30px 0;clear: both;position: relative;}
.year:before {content:'';display:inline-block;width:22px;height:22px;border-radius:50%;background: #042783;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;}