@charset "utf-8";

@import url("scrollbar.css");
@import url("sub_layout.css");

/*** sub visual ***/
.sub-intro01 {background:url(/images/sub/visual_intro01.png) center top no-repeat fixed;}
.sub-intro02 {background: url(/images/sub/visual_intro02.png) center top no-repeat fixed;}
.sub-intro03 {background: url(/images/sub/visual_intro03.png) center top no-repeat fixed;}
.sub-intro05 {background: url(/images/sub/visual_intro05.png) center top no-repeat fixed;}
.sub-intro04 {background: url(/images/sub/visual_intro04.png) center top no-repeat fixed;}
.sub-intro06 {background: url(/images/sub/visual_intro05.png) center top no-repeat fixed;}
/** sub about ***/
.aboutBanList{overflow: hidden; *zoom:1;}
.aboutBanList:after{content:''; display:block; clear:both}
.aboutBanList li{float:left; width:50%; height:195px}
.aboutBanList .ban01{background: url('/images/sub/aboutBan_img01.jpg') no-repeat center center;background-size:cover}
.aboutBanList .ban02{background: url('/images/sub/aboutBan_img02.jpg') no-repeat center center;background-size:cover}
.aboutBanList li .cell{vertical-align: middle; text-align: center;}
.aboutBanList li .textbox h4{font-size:1.2em; font-weight:600; color:#fff}

.about01List{*zoom:1;}
.about01List:after{content:''; display:block; clear:both}
.about01List ul{width:100%}
.about01List li{float:left;position: relative;display: table; width:48%; border-bottom:1px solid #ccc; height:65px;box-sizing: border-box;position: relative;color:#555}
.about01List li.vAlign{line-height: 65px}
.about01List li.adress{line-height: 1.6em; padding-top:5px}
.about01List li.fir{border-top:2px solid #232324}
.about01List li:nth-child(even){margin-left:2%}
.about01List li:nth-child(odd){margin-right:2%}
.about01List li:last-child{border-bottom: none}
.about01List li strong{display: table-cell; vertical-align: middle;padding-left: 40px;; font-size: 1.125em; width:130px; color:#232324}
.about01List li strong::before {content: '';position: absolute;left: 20px;top: 24px;z-index: 5;display: block;border-top: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #232324; }
.about01List li p{display: table-cell; vertical-align: middle}
.noroowayWrap{margin:100px auto 150px}
.norooway01 { text-align: center;}
.norooway01 > ul { margin: 80px auto 120px; max-width: 1200px;}
.norooway01 > ul li {float: left; width: 25%; height: 328px; border-right: 1px solid #dadada; text-align: center;  padding: 20px 0;box-sizing: border-box;}
 .norooway01 > ul li img {display: inline-block;width: 95px;}
.norooway01 > ul li p { font-size: 1.125em; color: #232324;  text-align: center;}
.norooway01 > ul li p.tit { font-size: 1.4em; margin: 25px 0 20px; font-weight: 700;}
.norooway01 > ul li:last-child { border: 0;}
.norooway01 > ul:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0;}
.norooway01 .significance_box { width: 100%; max-width: 1200px; background: #fff; padding: 0 0 80px; border-bottom: 1px solid #dadada; margin: 0 auto;}
.norooway01 .significance_box h3 { margin: 0 auto 40px; font-size:1.6em;font-weight: 600;}
.norooway01 .significance_box .point_text {font-size: 2.6em;color: #00A19A;font-weight: 600;text-align: center;line-height: 60px;}
.norooway01 .significance_box ul { max-width: 990px; margin: 60px auto 0;}
.norooway01 .significance_box ul li { float: left; width: 69%; text-align: left;}
.norooway01 .significance_box ul li p { font-size: 1.125em; color: #555; letter-spacing: 0; text-align: left; margin-bottom: 16px;}
.norooway01 .significance_box ul li p:last-child { margin: 0;}
.norooway01 .significance_box ul li.tit { width: 31%; font-size: 1.9em; font-weight: 700; color: #232324; letter-spacing: 0; line-height: 46px;}
.norooway01 .significance_box ul:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0;}
.norooway02 > div .visual_box { width: 100%; height: 0; padding-top: calc(28%); background-repeat: no-repeat; background-position: center; background-size: cover;}
.norooway02 > div .cont_wrap {max-width: 1180px;margin: -70px auto 0;padding: 104px 0 120px;position: relative;z-index: 1;background: #fff;border-radius: 8px;}
.norooway02 > div .cont_wrap h3 { margin: 0 auto 40px; font-size: 1.8em; font-weight: 600;text-align: center;}
.norooway02 > div .cont_wrap .point_text {font-size: 2.6em;color: #00A19A;font-weight: 700;text-align: center;line-height: 60px;}
.norooway02 > div .cont_wrap p {font-size: 1.125em; color: #555; text-align: left;}
.norooway02 > div .cont_wrap .text_list { max-width: 1180px; margin-top: 65px;}
.norooway02 > div .cont_wrap .text_list li { float: left; width: 33.33%;}
.norooway02 > div .cont_wrap .text_list li p { font-size: 1.125em; color: #505050; text-align: center;}
.norooway02 > div .cont_wrap .text_list li p.tit { font-size: 1.4em; color: #232324; font-weight: 700; margin-bottom: 20px;}
.norooway02 > div .cont_wrap .text_list li:last-child { margin-right: 0;}
.norooway02 > div .cont_wrap .text_list:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0;}
.norooway02 .bus_wrap .cont_wrap p { width: 780px; margin: 40px auto 0;}
.norooway02 .man_wrap .cont_wrap .point_text br { display: none;}
.norooway02 .man_wrap .cont_wrap > ul { max-width: 1000px; margin: 45px auto;}
.norooway02 .man_wrap .cont_wrap > ul li { float: left; width: 50%; padding: 15px 0;}
.norooway02 .man_wrap .cont_wrap > ul li span { display: inline-block; background: #f7f7f7;  width: 160px; height: 160px; border-radius: 100%; font-size: 1.4em; font-weight: 700; color: #373737; text-align: center; line-height: 160px; vertical-align: middle;}
.norooway02 .man_wrap .cont_wrap > ul li p {display: inline-block;font-size: 1.125em;color: #555;text-align: left;vertical-align: middle; margin-left: 28px;}
.norooway02 .man_wrap .cont_wrap > ul:after { content: "."; display: block;visibility: hidden; clear: both; height: 0; font-size: 0;}
.norooway02 .man_wrap .cont_wrap p { text-align: center;}
.norooway02 .work_wrap .cont_wrap {text-align: center;}
.norooway02 .work_wrap .cont_wrap > ul li { float: left;}
.norooway02 .work_wrap .cont_wrap > ul:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0;}
.norooway02 .work_wrap .cont_wrap .img_list { display: inline-block;}
.norooway02 .work_wrap .cont_wrap .img_list li { text-align: center; padding: 0 22px;}
.norooway02 .work_wrap .cont_wrap .img_list li div{width:168px; height:100%; overflow: hidden;background: #fff; display: table-cell; vertical-align: middle; text-align: center;}
.norooway02 .work_wrap .cont_wrap .img_list li p { font-size: 1.4em; color: #373737; text-align: center; margin: 20px 0 6px;}
.norooway02 .work_wrap .cont_wrap .img_list li span { display: inline-block; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent;  border-bottom: 9px solid #2cb693;}
    .norooway02 .work_wrap .cont_wrap > div {width: 864px;background: #f7f7f7;padding: 24px 0 29px;font-size: 1.4em;color: #00A19A;margin: 20px auto 0;}
.norooway02 .shared_wrap .cont_wrap { text-align: center;}
.norooway02 .shared_wrap .cont_wrap .text_list { margin-top: 45px;}


.about06List li{padding:40px 0 40px 80px; display: table; height:100%; border-bottom:1px solid #ccc}
.about06List .inner {padding-right:60px}
.about06List .inner .t{position: relative;margin-bottom: 30px}
.about06List .inner .t h4{font-size:1.6em; font-weight:600; display: inline-block}
.about06List .img{display: table-cell; vertical-align: middle; text-align: center; width:300px}
.about06List .inner h5{font-size: 22px;font-weight: 600;margin-bottom: 20px;line-height: 1.3em;}

/* ===== CEO 인사말 페이지 스타일 ===== */
.ceo-greeting-wrap .affiliated-title {font-size: 32px;font-weight: 700;line-height: 1.5;color: #232324;text-align: center;margin-bottom: 120px;}
.ceo-content-wrap {display: flex;gap: 60px;align-items: center;margin-top: 60px;}
.ceo-message {flex: 1;font-size: 16px;line-height: 2;color: #232324;word-break: keep-all;}
.ceo-message p {margin-bottom: 30px;font-size: 18px;}
.ceo-signature {margin-top: 44px;text-align: left;font-size: 16px;color: #232324;}
.ceo-signature strong {font-size: 20px;font-weight: 700;color: #17191A;margin-left: 18px;}
.ceo-image-wrap {flex-shrink: 0;width: 500px;}
.ceo-image-wrap img {width: 100%;height: auto;border-radius: 8px;box-shadow: 0 10px 40px rgba(0,0,0,0.1);}

.productBanList{overflow: hidden; *zoom:1;}
.productBanList:after{content:''; display:block; clear:both}
.productBanList ul {
    display: flex;
    gap: 2%;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
}
.productBanList li {
    flex: 1 1 49%;
    height: 195px;
    border-radius: 8px;
}
.productBanList .ban01 {background: url('/images/sub/productBan_img01.jpg') no-repeat center center;background-size: cover}
.productBanList .ban02{background: url('/images/sub/productBan_img02.jpg') no-repeat center center;background-size:cover}
.productBanList li .cell{vertical-align: middle; text-align: center;}
.productBanList li .textbox h4{font-size:1.2em; font-weight:600; color:#fff}


.productTitle .title{height:52px;line-height:52px;position: relative; text-align: center}
.productTitle .title h4{font-size:1.8em; font-weight:600; display: inline-block}
.productImg .img{background: #f8f8f8; text-align: center; position: relative;}
.productImg .list{background: #1429a0;padding:40px 0 10px;*zoom:1;width:1000px; margin: -100px auto 0}
.productImg .list:after{content:''; display:block; clear:both}
.productImg .list li{float:left; width:50%; color:#fff;box-sizing: border-box; padding:0 50px; margin-bottom:30px}
.productImg .list li h5{font-size:1.25em; font-weight: 600; margin-bottom:10px;padding-bottom:10px; color:#fff; line-height: 1.8em;border-bottom: 1px solid #8a94d0}
.productImgE .img{background: #f8f8f8; padding:80px 0 50px; text-align: center;}
.product03Img .list li{width:33.33%;}
.productImg .img .txt{background: #1429a0;padding:25px 0;width:1000px; position: absolute; bottom:0;left:50%;margin-left:-500px;font-size:1.25em; font-weight: 600; color:#fff; }
.productImgTrans .list{transform: translateY(0);}
.productUlImg{*zoom:1;}
.productUlImg:after{content:''; display:block; clear:both}
.productUlImg li{float:left; width:50%; position: relative;}
.productUlImg li .txt{background: #1429a0;padding:25px 0;width:80%; position: absolute; bottom:0;left:50%;margin-left:-40%;font-size:1.25em; font-weight: 600; color:#fff; text-align: center;}
.product06Img{position: relative;}
.product06Img .txt{background: #1429a0;padding:25px 0;width:1000px; text-align: center;position: absolute; bottom:0;left:50%;margin-left:-500px;font-size:1.25em; font-weight: 600; color:#fff;}
.productUlImg02{*zoom:1;}
.productUlImg02:after{content:''; display:block; clear:both}
.productUlImg02 li{float:left; width:33.33%; position: relative;}
.productUlImg02 li .txt{background: #1429a0;padding:25px 0;width:80%; position: absolute; bottom:0;left:50%;margin-left:-40%;font-size:1.25em; font-weight: 600; color:#fff; text-align: center;}

.productImgSlide .txt{background: #1429a0;padding:25px 0;width:80%; position: absolute; bottom:0;left:50%;margin-left:-40%;font-size:1.25em; font-weight: 600; color:#fff; text-align: center;}

.productTable h6{font-size:1.4em; font-weight: 600;}
.productTable .table-wrap table td{font-size: 1em}
.productTable .table-wrap table th, .productTable .table-wrap table td { line-height: 1.6em;word-break: break-all;}

.productEtc .img{*zoom:1;}
.productEtc .img:after{content:''; display:block; clear:both}
.productEtc .img ul{display: inline}
.productEtc .img li{display: inline-block; width:320px; margin:0 10px }
.productEtc .img li img{width:100%;}
.productEtc .img li p{text-align: center;font-size: 1.125em; width:320px; margin-top:20px; line-height: 1.6em;height: 60px; display: table-cell; vertical-align: middle;}
.product03Etc .img li, .product03Etc .img li p{width:184px;}

.catalogWrap .inner {
    background: #F1F1F1;
    padding: 40px 0;
    *zoom: 1;
    border-radius: 8px;
    border-top: none !important;
}
.catalogWrap .inner:after{content:''; display:block; clear:both}
.catalogWrap .inner ul{}
.catalogWrap .inner li{float:left; width:50%; text-align: center;position: relative; box-sizing: border-box;}
    .catalogWrap .inner li.catalog01 .textbox {
        border-radius: 8px;
        background: url('/images/sub/catalog_i01.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        height: 452px
    }
    .catalogWrap .inner li.catalog02 .textbox {
        border-radius: 8px;
        background: url('/images/sub/catalog_i02.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        height: 452px
    }
    .catalogWrap .inner li.catalog03 .textbox {
        border-radius: 8px;
        background: url('/images/sub/catalog_04.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        height: 452px
    }
    .catalogWrap .inner li.catalog04 .textbox {
        border-radius: 8px;
        background: url('/images/sub/catalog_03.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        height: 452px
    }
.catalogWrap .inner li h3{color:#232324;; padding-top:40px; font-size:1.2em; font-weight: 600}
.catalogWrap .inner li .textbox {cursor: pointer;width:350px; margin:0 auto;text-align: center;position:relative;z-index:10;display:block;transform:translateY(0);transition:.3s;}
.catalogWrap .inner li .textbox .btns {position: absolute;left:50%; top: 50%;margin-top:0; transform: translate(-50%, -50%);opacity:0;transition:all .5s;height:0;overflow:hidden;display: flex;gap: 10px;justify-content: center;align-items: center;}
.catalogWrap .inner li .textbox .btn-plus {opacity: 0;transition: all .3s;transform: translate3d(0px, -50%, 0);top: 50%;border: none;background: #00A19A;color: #fff;border-radius: 50px;}
.catalogWrap .inner li .textbox.active .btns {opacity:1;height:50px;}
.catalogWrap .inner li .textbox.active .btn-plus {opacity:1;}
.catalogWrap .inner li .textbox .btns a.btn-plus::before,
.catalogWrap .inner li .textbox .btn-plus a::before {background: #00A19A;border: 1px solid #00A19A;}
.catalogWrap .inner li .textbox .overBg{display: none}
.catalogWrap .inner li .textbox.active .overBg{display:block;width:350px; height:452px;background-color: rgb(255, 255, 255, 0.5) ; }
.recruit01Con {*zoom:1;}
.recruit01Con:after{content:''; display:block; clear:both}
.recruit01Con ul{width:1000px;margin: 0 auto;}
.recruit01Con li{float:left; width:480px; margin:0 10px}
.recruit01Con li img {width: 100%;border-radius: 10px;}
.recruit02Con{*zoom:1;}
.recruit02Con:after{content:''; display:block; clear:both}
.recruit02Con ul{border-top:2px solid #232324}
.recruit02Con li{float:left; width:25%; text-align: center;padding:50px 0; border-bottom:1px solid #ccc;}
.recruit02Con li h4{font-size:1.4em; font-weight: 600; margin-bottom: 30px}
.recruit02Con li p{color:#555; margin-top: 30px;    font-size: 1.125em;}
.recruit02Con li.bg{background: #f4f4f4}
.recruit02Con li.noLine{border-bottom:none}

.recruit03Con h6{font-size:1.4em; font-weight: 600;}
.recruit03Con .inner{text-align: center;*zoom:1;}
.recruit03Con .inner:after{content:''; display:block; clear:both}
.recruit03Con .inner{border-top:2px solid #232324; background: #f4f4f4; padding:60px 0}
.recruit03Con .inner ul{display: inline}
.recruit03Con li{display: inline-block; margin-right:70px; position: relative;}
.recruit03Con li:last-child{margin-right:0}
.recruit03Con li div{width:220px; height:220px; background: #fff; border:1px dashed #ccc; border-radius: 120px;display: table-cell; vertical-align: middle; text-align: center;}
.recruit03Con li h4{margin-bottom: 15px; position: absolute;color: #888;left: 40px; top: 50px;}
.recruit03Con li div p{margin-top:20px; height:50px;line-height: 1.6em; color:#555; font-size:1.125em}
.recruit03Con ul li .arrow { position: absolute; top: 50%; right: -45px; display: inline-block; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #00a4f7; margin-top: 5px;}
.recruit03Con02 h6{font-size:1.4em; font-weight: 600;}
.recruit03List li{padding-left:30px;position: relative;margin-bottom:12px}
.recruit03List li:before { position: absolute; width: 7px; height: 7px; background: #232324; border-radius: 50%;top: 12px;  left: 0; content: '';}
.recruit03Con02 .tbl-basic td{padding:4px 4px 4px 20px}

.recruitSearch{max-width:700px;margin:70px auto 0; position: relative;box-sizing: border-box;}
.recruitSearch select{width:20%;    min-width: auto;  position: absolute;  left: 0;  top: 0;}
.recruitSearch .inpW{padding-left: calc(20% - 1px)}


/* 인증서 페이지 스타일 (기본) */
.certifications-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 80px;margin: 60px auto 0;max-width: 1000px;}
.certification-item {width: 100%;}
.certification-image {width: 100%;cursor: pointer;position: relative;}
.certification-image img {width: 100%;height: auto;border-radius: 8px;transition: all 0.3s ease;}
.certification-image:hover img {opacity: 0.8;transform: scale(1.02);}
.certification-image::after {content: 'PDF 보기';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0, 161, 154, 0.9);color: #fff;padding: 10px 20px;border-radius: 25px;font-size: 16px;font-weight: 600;opacity: 0;transition: opacity 0.3s ease;pointer-events: none;white-space: nowrap;}
.certification-image:hover::after {opacity: 1;}
.certification-info {text-align: center;}
.certification-info p:first-child {font-size: 18px;color: #666;}
.certification-info p:last-child {font-size: 20px;font-weight: 600;color: #232324;}

.customer01Con{*zoom:1;}
.customer01Con:after{content:''; display:block; clear:both}
.customer01Con li{float: left; width:33.33%}
.customer01Con li div{height:212px;margin-right:30px; border:1px solid #ccc; border-top:2px solid #232324; padding:45px 20px 45px 45px; margin-bottom:30px}
.customer01Con li:nth-child(3n) div{margin-right:0}
.customer01Con li div h4{color:#2cb693; font-size:1.4em; font-weight: 600; margin-bottom:25px}
.customer01Con li div p{margin-bottom:15px; position: relative; padding-left:80px;color:#555; }
.customer01Con li div p:last-child{margin-bottom:0}
.customer01Con li div p strong{display: inline-block; position: absolute; top:0; left:0}
.customer01Con li div .email a{color:#2cb693}

.personalInfor{border-top:2px solid #232324; background: #f4f4f4; padding:80px; text-align: center;}
.personalInfor h4{font-size:1.8em; font-weight: 600; margin-bottom:30px}
.personalInfor .box{ border:1px solid #ccc; background: #fff; padding:30px}
.personalInfor .info{}

.customerTab{text-align: center}
.customerTab ul{display: inline}
.customerTab li{display: inline-block; }
.customerTab li a{display: block;height:63px; line-height:63px; min-width:240px; text-align: center; border:1px solid #232324}
.customerTab li.active a{background: #232324; color:#fff}

.customer03Con{position: relative;}
.adressInfo{padding:40px 0; height:100%;*zoom:1;}
.adressInfo ul{display: flex;}
.adressInfo:after{content:''; display:block; clear:both}
.adressInfo li{position: relative;float:left; width:33.33%;padding: 0 30px; box-sizing: border-box; font-size:1.125em; text-align: center;}
.adressInfo li:last-child{border-right:none}
.adressInfo li h4{font-size:1.2em; margin-bottom: 30px}
.adressInfo li strong{display: block; text-align: left; margin-top:20px}
.adressInfo li p{text-align: left;}
.adressInfo .contact-info-btn{margin-top:10px; text-align: left; display: inline-block;}

.adressInfo02 li{height:380px}

.customer02Con{position: relative;border-top:2px solid #232324;}
.divTable .div{    display: table;  width: 100%;}
.divTable .div .th-w{display: inline-block; width:15%; box-sizing: border-box;display: table-cell; border-bottom: 1px solid #ccc;padding:2px 0; height:61px; vertical-align: middle; text-align: center; font-size: 1.125em}
.divTable .div .td-w{display: inline-block; width:35%; box-sizing: border-box;display: table-cell; border-bottom: 1px solid #ccc;padding:2px 0; height:61px; vertical-align: middle;}
.divTable .div .td-w02{display: inline-block; width:85%; box-sizing: border-box;display: table-cell; border-bottom: 1px solid #ccc;padding:2px 0; height:61px; vertical-align: middle;}
.divTable .ap {color: #f32525;}
.divTable .div .td-w02 .i{margin-left:20px}
.subTitleWrap {text-align: center;}
.about01List {background: #ffffff;}
.introTitle {font-size: 1.8em;font-weight: 600;text-align: left;margin-bottom: 30px;}
.about01List > p {font-size: 18px;color: #232324;line-height: 1.4;margin-bottom: 60px;}
/* 기업정보 카드 레이아웃 */
.intro-company-info-wrapper {
display: grid;
grid-template-columns:520px 1fr;
gap: 20px;
margin-top: 40px;
background: transparent;
overflow: hidden;
}

/* 왼쪽 이미지 영역 */
.intro-company-image-wrapper {width: 100%;height: 100%;}
.intro-company-image {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 8px;}

/* 오른쪽 정보 영역 */
.intro-company-info-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 1fr 1fr;
gap: 12px;
height: 100%;
}

.intro-info-card {
background: #f8f9fa;
padding: 30px 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
transition: all 0.3s ease;
border-radius: 8px;
}

.intro-info-card strong {display: block;font-size: 20px;font-weight: 700;color: #232324;margin-bottom: 15px;}

.intro-info-card p {font-size: 18px;color: rgb(35 35 36 / 80%);font-weight: 500;line-height: 1.6;}
.intro-company-vison{width:75%;height: 100%;object-fit: contain;display: block;margin: 60px auto;}
/* 1행 카드들 - 각 2칸씩 */
.intro-info-card:nth-child(1),
.intro-info-card:nth-child(2),
.intro-info-card:nth-child(3) {grid-column: span 2;}

/* 주요사업 카드 - 3칸 (절반) */
.intro-info-card.business {grid-column: span 3;}

/* 주소 카드 - 3칸 (절반) */
.intro-info-card.address {grid-column: span 3;}

/* 반응형 - 768px 이하 (모바일 전용) */
/* 768px 미디어 쿼리는 800px로 통합되었습니다 */

/* 애니메이션 */
@keyframes fadeIn {
    from {opacity: 0;transform: translateY(20px);}
    to {opacity: 1;transform: translateY(0);}
}

.intro-company-info-wrapper {animation: fadeIn 0.8s ease-out;}

/* ===== 채용정보 페이지 스타일 ===== */

/* 채용절차 */
.recruit-process-wrap {max-width: 1200px;margin: 0 auto;}
.recruit-process-wrap .process-desc {font-size: 1.125em;color: #555;line-height: 1.8em;margin-bottom: 30px;text-align: left;}
.process-flow {background: #f8f9fa;padding: 60px 0px;border-radius: 10px;}

.flow-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.flow-item {
    text-align: center;
    min-width: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.flow-circle {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.flow-circle .flow-number {font-size: 16px;font-weight: 600;color: #232324;line-height: 1.4em;text-align: center;}
.flow-item.final .flow-circle {background: #00A19A;border-color: #00A19A;}
.flow-item.final .flow-circle .flow-number {color: #fff;}

/* flow-text는 더 이상 사용하지 않음 */

.flow-arrow {
    font-size: 2em;
    color: #00A19A;
    margin: 0 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 136px;
}

/* 제출서류 */
.recruit-documents-wrap {max-width: 1200px; margin: 0 auto;}
.documents-list {list-style: none;margin: 0;}
.documents-list li {font-size: 1.125em;color: #232324;padding:6px 0;padding-left: 20px;position: relative;line-height: 1.6em;}
.documents-list li:last-child {border-bottom: none;}
.documents-list li:before {content: '';position: absolute;left: 0;top: 24px;width: 4px;height: 4px;background: #00A19A;border-radius: 50%;}

/* 지원요건 */
.recruit-requirements-wrap {max-width: 1200px;margin: 0 auto;}
.requirements-table {width: 100%;min-width: 800px;border-collapse: collapse;}

.requirements-table th,
.requirements-table td {
    padding: 12px 20px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
}

.requirements-table thead th {background: #E6F3F2;font-size: 18px;font-weight: 500;color: #232324;text-align: center;}
.requirements-table tbody .field-name {font-size: 16px;font-weight: 600;color: #232324;text-align: center;}
.requirements-table tbody .field-requirements {
    font-size: 16px; color: #555;
    line-height: 1.8em;border-left: 1px solid #ddd;padding: 12px 20px
}

.requirements-table tbody .field-requirements strong {
    color: #232324;
    font-weight: 600;
}

.requirements-table tbody .common-requirements {
    padding: 30px 25px;
    border-left: 1px solid #ddd;
}

.requirements-table tbody .common-requirements ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: item;
}

.requirements-table tbody .common-requirements ol li {
    font-size: 16px;
    color: #555;
    line-height: 1.8em;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    counter-increment: item;
}

.requirements-table tbody .common-requirements ol li:before {
    content: counter(item) ".";
    position: absolute;
    left: 0;
    top: 0;
    color: #00A19A;
    font-weight: 700;
}

.requirements-table tbody .common-requirements ol li:last-child {
    margin-bottom: 0;
}

/* ===== 기업문화 페이지 스타일 ===== */

/* contents-block 플렉스 레이아웃 */
.recruit02 .contents-block {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    max-width: 1200px;
    margin: 50px auto;
}

/* 기업문화 페이지 타이틀 */
.culture-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}

.recruit02 .contents-block .culture-title {flex-shrink: 0;width: 500px;margin-bottom: 0;}
.recruit02 .contents-block .culture-section {flex: 1;max-width: calc(100% - 330px);margin-top: 0 !important;}

/* 복리후생 전체 섹션 */
.welfare-full-section {max-width: 1200px;margin: 0 auto;}

/* 복리후생 타이틀 */
.welfare-main-title {font-size: 1.8em;font-weight: 600;text-align: left;margin-bottom: 60px;margin-top: 80px;}

/* 문화 섹션 */
.culture-section {max-width: 1200px;margin: 0 auto;}
.culture-desc {font-size: 1.125em;color: #232324;line-height: 1.8em;margin-bottom: 10px;}
.culture-tags {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 20px;}

.culture-tags .tag {
    display: inline-block;
    padding: 2px 12px;
    background: #E6F3F2;
    color: #00A19A;
    font-size: 1em;
    font-weight: 500;
    border-radius: 50px;
    transition: all 0.3s ease;
}


.culture-image {
    width: 100%;
    max-width: 1200px;
    height: 350px;
    margin: 0 auto 40px;
    border-radius: 10px;
    overflow: hidden;
    background-image: url(/images/sub/recruit02.png);
    background-size: 115%;
    background-position: center calc(9.706%);
    background-repeat: no-repeat;
    transition: background-position 0.1s ease-out;
}

/* 복리후생 섹션 */
.welfare-section {max-width: 1200px;margin: 0 auto;}
.welfare-categories {display: flex;flex-wrap: wrap;gap: 10px;justify-content: start;margin-bottom: 40px;}
.welfare-category {padding: 2px 16px;background: #fff;border: 1px solid #eee;color: #008781;font-size: 16px;font-weight: 400;border-radius: 10px;cursor: pointer;transition: all 0.3s ease;}
.welfare-category:hover {border-color: #00A19A;color: #00A19A;}
.welfare-category.active {background: #00A19A;border-color: #00A19A;color: #fff;}
.welfare-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;max-width: 1200px;margin: 0 auto;}
.welfare-item {text-align: center;display: none;}

/* 기본적으로 건강 카테고리만 표시 */
.welfare-item[data-category="health"] {display: block;}

.welfare-image {
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.welfare-item:hover .welfare-image {box-shadow: 0 4px 20px rgba(0,0,0,0.15);}
.welfare-image img {width: 100%;height: 100%;object-fit: cover;
    transition: transform 0.3s ease;
}

.welfare-item:hover .welfare-image img {
    transform: scale(1.05);
}

.welfare-title {
    font-size: 1.125em;
    color: #232324;
    font-weight: 500;
    line-height: 1.5em;
}

/* ===== ESG 개요 ===== */
.esg-image-container {
    text-align: center;
    padding: 0;
    margin: 0px 0 80px;
    width: 100%;
}

.esg-image-container img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

.esg-image-container-overview {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
}

.esg-image-container-overview img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* ===== ESG 환경 페이지 (데스크톱 기본) ===== */

/* 환경경영방침 섹션 */
.esg-env-section {
    margin-bottom: 80px;
}

.esg-env-policy {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 60px;
    align-items: start;
}

.esg-section-title {
    font-size: 36px;
    font-weight: 700;
    color: #232324;
    margin: 0;
    position: sticky;
    top: 120px;
    line-height: 1.3;
}

.esg-policy-content {
    max-width: 800px;
    padding-right: 0;
}

.esg-policy-intro {
    font-size: 18px;
    line-height: 1.8;
    color: #232324;
    margin-bottom: 60px;
    font-weight: 500;
    text-align: justify;
}

.esg-policy-subtitle {
    font-size: 24px;
    font-weight: 700;
    color: #232324;
    margin: 40px 0 20px 0;
    line-height: 1.4;
}

.esg-section-title-small {
    font-size: 24px;
    font-weight: 700;
    color: #232324;
    margin: 0;
    position: sticky;
    top: 120px;
    line-height: 1.4;
}

.esg-policy-desc {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
}

.esg-policy-list {list-style: none;padding: 0;margin: 0;}
.esg-policy-list li {font-size: 16px;line-height: 1.8;color: #232324;margin-bottom: 16px;position: relative;padding-left: 45px;}
.esg-policy-list li .policy-number {position: absolute;left: 0;top: 0;font-weight: 700;color: #00A19A;font-size: 18px;}
.esg-policy-list li strong {font-size: 18px;font-weight: 700;color: #232324;}
/* Product, Process, System 아이콘 다이어그램 */
.esg-diagram-section {margin: 80px 0;max-width: 800px;margin-left: auto;}
.esg-pps-icons {display: flex;justify-content: space-evenly;align-items: flex-start;}
.esg-pps-item {text-align: center;flex: 0 0 auto;}
.esg-icon-box {
width: 180px;height: 180px;background: #E6F3F2;border-radius: 50%;display: flex;
justify-content: center;align-items: center;margin: 0 auto 20px;transition: all 0.3s ease;}
.esg-pps-item:hover .esg-icon-box {background: #D0EBE8;}
.esg-icon-box img {max-width: 120px;height: auto;}
.esg-item-label {font-size: 20px;font-weight: 600;color: #232324;margin: 0;}
/* 협력사 등급 관리 플로우 다이어그램 */
.esg-flow-icons {display: flex;justify-content: space-evenly;align-items: center;gap: 20px;}
.esg-flow-item {text-align: center;flex: 0 0 auto;}
.esg-flow-box {width: 140px;height: 140px;background: #E6F3F2;border-radius: 50%;display: flex;
justify-content: center;align-items: center;margin: 0 auto 20px;transition: all 0.3s ease;}
.esg-flow-item:hover .esg-flow-box {background: #D0EBE8;transform: translateY(-5px);}
.esg-flow-box .flow-number {font-size: 32px;font-weight: 700;color: #00A19A;}
.esg-flow-label {font-size: 16px;font-weight: 600;color: #232324;margin: 0;line-height: 1.4;}
.esg-flow-arrow {font-size: 32px;color: #00A19A;font-weight: 700;flex: 0 0 auto;}
/* NOROO 윤리경영 다이어그램 */
.esg-diagram-centered {text-align: center;max-width: 1000px;margin-left: auto;margin-right: auto;padding: 0;}
.esg-diagram-title {font-size: 36px;font-weight: 700;color: #232324;margin: 0 0 20px 0;line-height: 1.3;}
.esg-diagram-desc {font-size: 18px;line-height: 1.8;color: #555;margin-bottom: 50px;font-weight: 400;}

.esg-governance-diagram img {max-width: 100%;height: auto;display: block;margin: 0 auto;}
/* ===== 사이버신문고 페이지 ===== */
/* 소개 텍스트 */
.sinmungo-intro {border-radius: 8px;margin-bottom: 60px;padding: 0;}
.sinmungo-intro p {font-size: 18px;line-height: 1.75;color: rgb(35 35 36 / 80%);text-align: left;font-weight: 500;max-width: 100%;width: 800px;}
/* 섹션 */
.sinmungo-section {margin-bottom: 80px;}
.sinmungo-title {font-size: 32px;font-weight: 700;color: #232324;margin-bottom: 40px;text-align: left;}
/* 제보대상 유형 테이블 */
.sinmungo-type-table {width: 100%;border-collapse: collapse;border: 1px solid #e0e0e0;}
.sinmungo-type-table thead th {font-size: 18px;font-weight: 500;color: #ffffff;padding: 6px 30px;text-align: center;background: #008781;}
.sinmungo-type-table tbody td {padding: 30px;vertical-align: top;border-right: 1px solid #e0e0e0;}
.sinmungo-type-table tbody td:last-child {border-right: none;}
.type-list {list-style: none;padding: 0;margin: 0;}
.type-list li {font-size: 16px;line-height: 2;color: rgb(35 35 36 / 80%);padding: 0px 0px 4px 18px;position: relative;}
.type-list li:before {content: '•';position: absolute;left: 0;color: #555;font-weight: 700;font-size: 16px;}
/* 처리 프로세스 */
.sinmungo-process {display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 40px;width: 800px;}
.sinmungo-process-wrapper {display: flex;justify-content: center;align-items: center;margin-top: 20px;width: 900px;}
.process-item {text-align: center;flex: 0 0 auto;}
.process-circle {width: 120px;height: 120px;background: #00A19A;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 auto 15px;transition: all 0.3s ease;}
.process-circle:hover {background: #008c85;transform: translateY(-5px);}
.process-number {font-size: 36px;font-weight: 700;color: #fff;}
.process-label {font-size: 18px;font-weight: 600;color: #232324;margin: 10px 0 5px 0;}
.process-detail {font-size: 14px;color: #777;margin: 0;}
.process-arrow {font-size: 32px;color: #ccc;font-weight: 300;flex: 0 0 auto;}

/* 제보자 보호 제도 */
.sinmungo-protection-list {list-style: none;padding: 0;margin: 0;}
.sinmungo-protection-list li {font-size: 18px;line-height: 1.8;color: #232324;position: relative;padding-left: 20px;margin-bottom: 8px;}
.sinmungo-protection-list li:before {content: '•';position: absolute;left: 0;color: #00A19A;font-weight: 700;font-size: 20px;}
/* 유의사항 리스트 */
.sinmungo-notice-list {list-style: none;padding: 0;margin: 0;}
.sinmungo-notice-list li {font-size: 16px;line-height: 1.8;color: #232324;padding: 4px 0 2px 16px;position: relative;}
.sinmungo-notice-list li:before {content: '•';position: absolute;left: 0;color: #232324;font-weight: 700;font-size: 16px;}

/* 개인정보 안내 */
.sinmungo-privacy-intro {font-size: 16px;line-height: 1.8;color: #232324;margin-bottom: 30px;}

/* 개인정보 테이블 */
.sinmungo-privacy-table {width: 100%;border-collapse: collapse;margin: 30px 0 12px;border: 1px solid #e0e0e0;}
.sinmungo-privacy-table thead {background: #008781;}
.sinmungo-privacy-table th {padding: 4px;text-align: center;font-size: 16px;font-weight: 500;color: #ffffff;}
.sinmungo-privacy-table td {padding: 16px;text-align: center;font-size: 16px;color: #232324;border: 1px solid #e0e0e0;}

.sinmungo-privacy-notice p {font-size: 16px;color: #232324;}
.sinmungo-privacy-notice p:first-child {margin-top: 0;}
.sinmungo-privacy-notice p:last-child {margin-bottom: 0;}
.sinmungo-type-table {min-width: 600px;}

/* 체크박스 */
.sinmungo-privacy-checkbox {margin-top: 25px;padding: 6px 0px;background: #fff;text-align: right;}
.sinmungo-privacy-checkbox input[type="checkbox"] {width: 20px;height: 20px;margin-right: 10px;vertical-align: middle;}
.sinmungo-privacy-checkbox label {font-size: 16px;font-weight: 600;color: #232324;vertical-align: middle;}
.design-block {max-width: 500px;margin: 0 auto;background: #fff;margin-bottom: 60px;border-radius: 12px;}
.design-title {font-size: 18px;font-weight: 600;color: #333;margin-bottom: 24px;padding-bottom: 12px;border-bottom: 2px solid #e5e7eb;}

/* 디자인 2: 배경 강조 스타일 */
.tab-style-2 {display: flex;gap: 8px;background: #E6F3F2;padding: 3px;border-radius: 10px;justify-self: center;}
.tab-style-2 a {padding: 5px 60px;text-decoration: none;color: rgb(35 35 36 / 80%);font-weight: 500;font-size: 16px;border-radius: 8px;transition: all 0.3s ease;}
.tab-style-2 a.active {color: #1f2937;background: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}

/* 제보하기 버튼 */
.sinmungo-submit-buttons {display: flex;gap: 20px;justify-content: center;margin: 0 auto;width:200px;}
.sinmungo-submit-btn {padding: 10px 32px;font-size: 16px;font-weight: 600;border: none;border-radius: 10px !important;cursor: pointer;transition: all 0.3s ease;min-width: 160px;}
.sinmungo-btn-primary {background: #E6F3F2;color: #232324;border-radius: 10px;}
.sinmungo-btn-primary:hover {background: #008c85;color: #fff;}
.sinmungo-btn-secondary {background: #E6F3F2;color: #232324;border-radius: 10px;}
.sinmungo-btn-secondary:hover {background: #008c85;color: #fff;}

/* ===== 사이버신문고 제보하기 폼 스타일 ===== */
.form-wrap {width: 100%;max-width: 1000px;margin: 0 auto;}
.form-row {margin-bottom: 24px;display: flex;flex-direction: column;gap: 8px;}
.form-row label {font-weight: 600;font-size: 16px;color: #232324;display: block;}
.form-row label .required {color: #00A19A;margin-left: 2px;}
.form-row-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.inp {
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    transition: border-color 0.3s;
    width: 100%;
    box-sizing: border-box;
}

.inp:focus {
    outline: none;
    border-color: #00A19A;
}

/* ASP.NET Validator 메시지 숨김 - visibility: hidden일 때 display: none */
span[data-val="true"] {
    display: none;
}
span[data-val="true"][style*="visibility:visible"],
span[data-val="true"][style*="visibility: visible"] {
    display: block !important;
    color: #f00;
    font-size: 13px;
    margin-top: 4px;
}

.inp.w80 {
    width: 80px;
    flex-shrink: 0;
}

.inp.w100 {
    width: 18%;
    flex-shrink: 0;
}

.inp.w180 {
    width: 180px;
    flex-shrink: 0;
}

.inp.w240 {
    width: 240px;
    flex-shrink: 0;
}

.inp.w-full {
    width: 100%;
}

.inp.inp-flex {
    flex: 1;
    min-width: 150px;
}

.textarea-wrap {
    position: relative;
    width: 100%;
}

.textarea {
    width: 100%;
    min-height: 180px;
    padding: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    font-family: inherit;
    line-height: 1.6;
    resize: vertical;
    transition: border-color 0.3s;
    box-sizing: border-box;
}

.textarea:focus {
    outline: none;
    border-color: #00A19A;
}

.char-count {
    text-align: right;
    font-size: 13px;
    color: #888;
    margin-top: 4px;
}

.inline-sep {
    padding: 0 4px;
    color: #888;
    flex-shrink: 0;
}

.reply-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.radio-group {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.radio-group td {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    margin-right: 40px;
}

.radio-group tr:first-child {
    display: flex;
    justify-content: space-between;
}

.radio-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: normal;
    min-width: auto;
    cursor: pointer;
    margin: 0;
}

.radio-group input[type="radio"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 0;
}

.reply-note {
    font-size: 14px;
    color: #888;
    margin-top: 10px;
    font-weight: 400;
}

.required-note {text-align: right;font-size: 14px;color: #888;margin: 30px 0 20px;}
.required-note .required {color: #00A19A;}
.submitForm {display: flex;gap: 10px;justify-content: center;margin: 50px auto 0;width: fit-content;}
.btn {padding: 12px 32px;border: 1px solid #ddd;font-size: 16px;cursor: pointer;font-weight: 500;transition: all 0.3s ease;min-width: 140px;text-decoration: none;}
.btn.primary {background: #00A19A;color: #fff;border: none;border-radius: 5px;}
.btn.primary:hover {background: #008c85;}
.btn.ghost {background: #fff;color: #555;border: 1px solid #ddd;border-radius: 5px;}
.btn.ghost:hover {background: #f8f8f8;border-color: #ccc;}
.complete-panel {margin-top: 40px;text-align: center;}
.notice.success {background: #E6F3F2;border: 1px solid #00A19A;padding: 30px;border-radius: 8px;font-size: 18px;font-weight: 600;color: #232324;}
.complete-buttons {margin-top: 20px;}

/* ===== 관계사 페이지 스타일 ===== */
.affiliated-wrap {max-width: 1040px;margin: 120px auto;}
.affiliated-title {font-size: 32px;font-weight: 700;line-height: 1.5;color: #232324;text-align: center;margin-bottom: 120px;}
.affiliated-list {margin-bottom: 150px;}
.affiliated-list ul {list-style: none;padding: 0;margin: 0;}
.affiliated-list li {display: flex;gap: 60px;margin-bottom: 80px;padding-bottom: 80px;border-bottom: 1px solid #e5e5e5;}
.affiliated-list li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.affiliated-list .affiliated-img {display: none;}
.affiliated-list .affiliated-inner {display: flex;gap: 36px;width: 100%;}
.affiliated-list .affiliated-company {flex: 0 0 350px;display: flex;flex-direction: column;gap: 15px;}
.affiliated-list .affiliated-company h4 {font-size: 24px;font-weight: 700;color: #232324;margin: 0;line-height: 1.3;}
.affiliated-list .affiliated-link {display: inline-flex !important;align-items: center;gap: 8px;color: #00A19A;font-size: 18px;text-decoration: none;margin-left: 0 !important;padding-right: 0;background: none !important;transition: color 0.3s;}
.affiliated-list .affiliated-link:after {content: "";display: inline-block;width: 16px;height: 16px;background: url('/images/common/external-link.png') no-repeat center center;background-size: contain;}
.affiliated-list .affiliated-link:hover {color: #00A19A;}
.affiliated-list .affiliated-content {flex: 1;}
.affiliated-list .affiliated-subtitle {font-size: 22px;font-weight: 600;color: #232324;margin: 0 0 16px 0;line-height: 1.4;}
.affiliated-list .affiliated-desc {font-size: 18px;line-height: 1.6;color: #464A4D;margin: 0;text-align: left;}
.affiliated-list .affiliated-address {font-size: 18px;line-height: 1.6;color: #464A4D;margin-top: 15px;}

/* 반응형 - 1300px 이하 (큰 데스크톱) */
@media (max-width: 1300px) {
    .affiliated-title {font-size: 30px;margin-bottom: 70px;}
    .affiliated-list li {gap: 40px;margin-bottom: 70px;padding-bottom: 70px;}
    .affiliated-list .affiliated-inner {gap: 40px;}
    .affiliated-list .affiliated-company {flex: 0 0 240px;}
    .affiliated-list .affiliated-company h4 {font-size: 22px;}
    .affiliated-list .affiliated-subtitle {font-size: 17px;}
    .affiliated-list .affiliated-desc {font-size: 15px;}
}
.sinmungo-intro {padding: 20px 0px;margin-bottom: 20px;}
.sinmungo-intro p {font-size: 15px;text-align: left;}
.sinmungo-section {margin-bottom: 50px;}
.sinmungo-title {font-size: 22px;margin-bottom: 25px;}
.sinmungo-notice-list li {font-size: 15px;}
.sinmungo-notice-list li:before {font-size: 14px;}
.sinmungo-privacy-intro {font-size: 16px;margin-bottom: 25px;}
.sinmungo-privacy-table {margin: 20px 0;font-size: 14px;}
.sinmungo-privacy-table th {font-size: 14px;padding: 10px 8px;}
.sinmungo-privacy-table td {font-size: 14px;padding: 10px 8px;}
.sinmungo-privacy-notice p {font-size: 14px;}
.sinmungo-privacy-checkbox {padding: 15px;}
.sinmungo-privacy-checkbox input[type="checkbox"] {width: 18px;height: 18px;}
.sinmungo-privacy-checkbox label {font-size: 14px;}
.sinmungo-submit-btn {padding: 14px 30px;font-size: 16px;min-width: 100%;}
 /* 제보하기 폼 - 모바일 */
.form-wrap {max-width: 100%;}
.form-row {margin-bottom: 20px;}
.form-row label {font-size: 15px;}
.form-row-inline {flex-direction: row;gap: 8px;align-items: center;flex-wrap: nowrap;}
.form-row-inline .inp.w100 {width: calc(32.333% - 16px);min-width: 80px;flex: 1 1 auto;height: 40px;}
.form-row-inline .inp.inp-flex {flex: 1 1 auto;min-width: 0;height: 40px;}
.form-row-inline .inp.w180 {width: 140px;min-width: 120px;flex-shrink: 0;height: 40px;}
.form-row-inline .inline-sep {flex-shrink: 0;padding: 0 2px;}
.inp {height: 40px;line-height: 1;}
.inp.w240, .inp.w-full {width: 100%;flex: none;}
.textarea {min-height: 150px;font-size: 14px;}
.radio-group {flex-direction: column;gap: 12px;}
.submitForm {gap: 10px;width: 30%;}
.btn {width: 100%;min-width: auto;padding: 14px 20px;font-size: 15px;text-align: center;}
.required-note {text-align: right;margin-top: 20px;}
.sinmungo-type-table thead th {width: 100%;font-size: 16px;padding: 10px 20px;border-bottom: 1px solid #00A19A;}
.sinmungo-type-table tbody td {width: 100%;padding: 20px;border-right: none;border-bottom: 1px solid #e0e0e0;padding-bottom: 12px;}
.type-list li {font-size: 14px;text-align: left;}
.type-list li:before {font-size: 14px;}
.sinmungo-process {flex-direction: column;gap: 15px;}
.process-circle {width: 80px;height: 80px;}
.process-number {font-size: 24px;}
.process-label {font-size: 15px;}
.process-detail {font-size: 12px;}
.process-arrow {transform: rotate(90deg);font-size: 24px;}
.sinmungo-protection-list {padding: 0;}
.sinmungo-protection-list li {font-size: 15px;padding-left: 20px;margin-bottom: 4px;}
.sinmungo-protection-list li:before {font-size: 18px;}

/* ===== 고객지원 - Contact (customer01) ===== */

/* 설명 텍스트 */
.customer01Desc {font-size: 18px;color: #232324;line-height: 1.6;margin-bottom: 40px;width: 780px;}

/* 필터 버튼 영역 */
.subIconsWrap {display: flex;flex-wrap: wrap;gap: 10px;justify-content: flex-start;margin-bottom: 40px;width: 700px;margin-top: 60px;}
.subIconsWrap br {display: none; /* br 태그 숨김 */}
.selTypeBtn {background: #eee;border: 1px solid #eee;color: #232324;font-size: 16px;font-weight: 500;border-radius: 10px;cursor: pointer;transition: all 0.3s ease;white-space: nowrap;}
.selTypeBtn:hover,
.selTypeBtn.active {background: #00A19A;border-color: #00A19A;color: #fff;cursor: pointer;}
/* 테이블 영역 */
.subTableWrap {width: 100%;}
.subTableWrap table {width: 100%;border-collapse: collapse;text-align: center;}
.subTableWrap table.show {width: 1200px;}
.subTableWrap table:last-child {margin-bottom: 0;}
.subTable th {padding: 14px 10px;font-size: 16px;font-weight: 600;color: #232324;border-top: 2px solid #000;border-bottom: 1px solid #ddd;}
.subTable tr:first-child th:first-child {border-top-left-radius: 10px;}
.subTable tr:first-child th:last-child {border-top-right-radius: 10px;}
.subTable td {padding: 8px 10px;font-size: 16px;color: #232324;border-bottom: 1px solid #ddd;}
.subTable td.email {color: #232324;font-weight: 400;}
.subTable .btn {padding: 8px 20px;background: #fff;border: none;color: #00A19A;font-size: 16px;font-weight: 500;cursor: pointer;}
/* ===== 고객지원 - 찾아오시는 길 (customer03) ===== */

/* 지도 영역 */
.mapInfo {width: 100%;overflow: hidden;}
.mapInfo #page,
.mapInfo .map {width: 100% !important;height: 100% !important;}
.mapInfo .root_daum_roughmap {width: 100% !important;}
/* 연락처 정보 섹션 */
.contact-info-wrap {width: 100%;}
.contact-info-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.contact-info-item {display: flex;flex-direction: column;gap: 8px;align-items: flex-start;}
.contact-info-title {font-size: 20px;font-weight: 700;color: #232324;margin-bottom: 8px;}
.contact-info-content {font-size: 16px;color: #232324;line-height: 1.6;margin: 0;font-weight: 500;}
.contact-info-note {font-size: 16px;color: #00a19a;margin: 4px 0px 0px 0px;line-height: 1.2;font-weight:500;}
.contact-info-btn {display: block;width: fit-content;padding: 4px 18px;background: #00a19a;color: #fff;font-size: 16px;font-weight: 500;border-radius: 10px;text-decoration: none;transition: all 0.3s ease;white-space: nowrap;text-align: center;position: absolute;left: 30px;}
.contact-info-btn:hover {background: #0d3d4a;}

/* ===== 연혁 페이지 스타일 (history.aspx) ===== */

/* 기본 레이아웃 */
.about02List {*zoom: 1;display: flex;gap: 60px;flex-direction: column;}
.about02List:after {content: '';display: block;clear: both;}
.about02List .leftBox {float: left;width: 100%;}
.about02List .rightBox {display: block;width: 100%;max-width: 900px;margin: 0 auto;}

/* 타이틀 영역 */
.subTitleWrap {text-align: center;margin-bottom: 60px;}
.subTitle {font-size: 2.5em;font-weight: 700;color: #232324;margin-bottom: 15px;}
.subTxt {font-size: 18px;color: #232324;}

/* 연혁 타이틀 섹션 */
.about02List .leftBox .historyTitle {padding-left: 0;width: 100%;max-width: 1200px;display: flex;margin: 0 auto;justify-content: center;gap: 60px;align-items: flex-end;}
.historyTitle .i {margin: 0;border-radius: 8px;overflow: hidden;flex: 0 0 550px;}
.historyTitle .i img {width: 100%;height: auto;display: block;}
.history_desc {display: flex;flex-direction: column;gap: 6px;flex: 1;min-width: 400px;}
.historyTitle .t {font-size: 22px;color: #232324;font-weight: 700;margin-bottom: 6px;}
.historyTitle h4 {font-size: 20px;font-weight: 500;color: rgb(35 35 36 / 80%);margin: 0;}
.historyTitle h4 span {display: block;font-size: 18px;color: #232324;font-weight: 400;}
/* 연혁 리스트 */
.about02List .rightBox {display: flex;width: 100%;max-width: 900px;margin: 0 auto;justify-content: space-around;}
.historyList {position: relative;padding-left: 40px;}
.historyList::before {content: '';position: absolute;left: 0;top: 15px;bottom: 60px;width: 1px;background: #E8EEF2;}
.historyList ul {list-style: none;padding: 0;margin: 0;}
.historyList li {position: relative;padding: 0px 0 50px 160px;margin-bottom: 0;}
.historyList li::before {content: '';position: absolute;left: -43px;top: 8px;width: 6px;height: 6px;background: #00A19A;border-radius: 50%;border: 1px solid #fff;z-index: 1;}
.historyList h5 {position: absolute;left: 0;top: 0;font-size: 30px;font-weight: 700;color: #232324;margin: 0;}
.historyList li strong {display: inline-block;min-width: 50px;font-weight: 600;color: #232324;margin-right: 15px;}
.historyList li p {font-size: 16px;color: rgb(35 35 36 / 80%);line-height: 1.8;margin-bottom: 12px;}
.historyList li p:last-child {margin-bottom: 0;}
.historyList .end {display: block;position: absolute;left: -9px;bottom: -6px;width: 20px;height: 20px;background: url(/images/sub/history_end.png) no-repeat center;background-size: contain;}
.requirements-table tbody .field-requirements{font-size: 14px;}
.requirements-table tbody .field-name{font-size: 14px;}
.requirements-table thead th{font-size: 16px;}
/* 반응형 - 1024px 이하 (데스크톱) */
@media (max-width: 1024px) {
    /* 공통 */
    .divTable .div .td-w02 .i{margin-left:0; display: block}
    /* 기업정보 */
    .intro-company-info-wrapper {display: flex !important;flex-direction: column;gap: 30px;}
    .intro-company-image-wrapper {height: 200px !important;object-fit: contain;}
    /* 연혁 */
    .about02List {flex-direction: column;gap: 40px;}
    .about02List .leftBox {flex: none;position: relative;top: 0;width: 100%;}
    .about02List .leftBox .historyTitle {flex-direction: column;gap: 40px;align-items: center;}
    .historyTitle .i {flex: none;width: 100%;flex: 0 0 480px;}
    .history_desc {min-width: auto;width: 100%;text-align: center;min-width: 350px;}
    .historyList li {padding: 0px 0 45px 140px;padding: 0px 0 45px 150px;}
    .historyList h5 {font-size: 26px;}
    /* 관계사 */
    .affiliated-title {font-size: 28px;margin-bottom: 60px;}
    .affiliated-list li {gap: 35px;margin-bottom: 60px;padding-bottom: 60px;}
    .affiliated-list .affiliated-inner {gap: 35px;}
    .affiliated-list .affiliated-company {flex: 0 0 220px;}
    .affiliated-list .affiliated-company h4 {font-size: 20px;}
    /* CEO 인사말 */
    .ceo-content-wrap {flex-direction: column-reverse;gap: 40px;}
    .ceo-image-wrap {width: 100%;max-width: 500px;margin: 0 auto;}
    .ceo-greeting-wrap .affiliated-title {font-size: 28px;margin-bottom: 60px;}
    /* 기업문화 페이지 - 태블릿 */
    .recruit02 .contents-block .culture-title {width: 300px;}
    .sinmungo-process-wrapper{width: 100%;}
    .flow-list {display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;gap: 10px;}
    .introTitle {font-size: 1.8em;font-weight: 600;text-align: left;margin-bottom: 20px;}
    /* 고객지원 - 설명 텍스트 */
    .customer01Desc {width: 100%;word-break: keep-all;word-wrap: break-word;overflow-wrap: break-word;}
    /* 탭 섹션 - 태블릿 */
    .tab-section:not(.tab-style-2) > a{height:60px;line-height: 60px;font-size: 1em;}
    .tab-section:not(.tab-style-2) > a.active{border-color: #232324; border-bottom: none; border-width: 2px; z-index: 2; background: transparent; color:#333333; font-weight: bold;line-height: 60px;}
    .tab-style-2 a{padding: 8px 50px;font-size: 15px;}
    .tab-style-2 a.active{color: #1f2937;background: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
    /* Placeholder - 태블릿 */
    .inp::-webkit-input-placeholder {color: #666 !important;opacity: 1;}
    .inp::-moz-placeholder {color: #666 !important;opacity: 1;}
    .inp:-ms-input-placeholder {color: #666 !important;opacity: 1;}
    .inp::placeholder {color: #666 !important;opacity: 1;}
    /* 인증서 */
    .certifications-grid {gap: 30px;margin-top: 50px;max-width: 900px;}
    .certification-info p:first-child {font-size: 16px;}
    .certification-info p:last-child {font-size: 18px;}
    /* 태블릿 (801px~1024px만 적용) */
    @media (min-width: 801px) and (max-width: 1024px) {
        .recruit01Con ul{width: 100%;max-width: 100%;padding: 0 20px;box-sizing: border-box;display: flex;}
        .esg-env-policy {display: block;gap: 0;grid-template-columns: none;}
        .esg-section-title {font-size: 28px;font-weight: 700;color: #232324;margin: 0 0 25px 0;position: static;line-height: 1.4;}
        .esg-section-title-small {font-size: 22px;font-weight: 700;color: #232324;margin: 0 0 25px 0;position: static;line-height: 1.4;}
        .esg-policy-content {max-width: 100%;padding-right: 0;}
        .esg-diagram-section {margin: 40px 0;max-width: 800px;margin-left: auto;}
    }
    /* 제품 (product01) - 태블릿 */
    .catalogBtn {position: static;display: inline-block;margin-top: 10px;}
    /* 연혁 - 900px */
    .subTitle {font-size: 2.2em;}
    .subTxt {font-size: 16px;}
    .historyTitle .t {font-size: 20px;}
    .historyTitle h4 {font-size: 18px;}
    .historyTitle h4 span {font-size: 16px;}
    .historyList li {padding: 0px 0 40px 130px;}
    .historyList h5 {font-size: 24px;}
    .welfare-grid{grid-template-columns: repeat(3, 1fr);}
    .welfare-main-title{margin-top: 0;}
    .culture-title{font-size: 20px;}
    .selTypeBtn{font-size: 14px;}
    .contact-info-note{text-align: left!important;}
    /* 고객지원 - 찾아오시는 길 태블릿 */
    .contact-info-btn {position: static !important;width: 120px !important;font-size: 14px !important;padding: 8px 16px !important;text-align: center !important;display: block !important;}
}


/* ===== R&D 페이지 스타일 ===== */
.rnd-wrap {width: 100%;max-width: 1200px;background: #fff;padding: 0 0 80px;border-bottom: 1px solid #dadada;margin: 0 auto;}
.rnd-intro {max-width: 1200px;margin: 80px auto 120px;text-align: center;}
.rnd-intro p {font-size: 18px;line-height: 1.8;color: #232324;width: 700px;text-align: justify;}
.rnd-container {max-width: 1200px;margin: 0 auto 100px;display: flex;gap: 200px;}
.rnd-sidebar {flex: 0 0 200px;position: sticky;top: 100px;height: fit-content;}
.rnd-sidebar h3 {font-size: 24px;font-weight: 700;color: #232324;margin-bottom: 30px;}
.rnd-sidebar ul {list-style: none;padding: 0;margin: 0;}
.rnd-sidebar a {display: block;font-size: 18px;color: #232324;text-decoration: none;transition: color 0.3s;padding: 6px 0;}
.rnd-sidebar a:hover, .rnd-sidebar a.active {color: #00A19A;font-weight: 500;}
.rnd-content {flex: 1;}
.rnd-section {margin-bottom: 100px;}
.rnd-section:last-child {margin-bottom: 0;}
.section-number {display: inline-block;font-size: 20px;font-weight: 600;color: #00a19a;margin-bottom: 15px;margin-right: 52px;line-height: 1.2;}
.section-title {font-size: 24px;font-weight: 700;color: #232324;margin-bottom: 16px;margin-left: 80px;}
.section-title-2 {font-size: 24px;font-weight: 700;color: #232324;margin-bottom: 16px;}
.section-image {width: 100%;border-radius: 8px;overflow: hidden;margin-bottom: 25px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);}
.section-image img {width: 100%;height: auto;display: block;}
.section-desc {font-size: 18px;line-height: 1.8;color: rgb(35 35 36 / 80%);word-break: keep-all;margin-left: 80px;}
.section-box-wrap {display: flex;}
.section-box-1 {padding: 30px 10px;}
.section-box {background: #F7F7F7;border-radius: 8px;padding: 40px;margin-bottom: 30px;}
.section-box-desc {margin-bottom: 20px;}
.section-box:last-child {margin-bottom: 0;width: 100%;}
.section-box h4 {font-size: 18px;font-weight: 600;color: #232324;margin-bottom: 8px;}
.section-box ul {list-style: none;padding: 0;margin: 0;}
.section-box li {position: relative;margin-bottom: 12px !important;font-size: 16px;line-height: 1.6;color: rgb(35 35 36 / 80%);}
.section-box li:last-child {margin-bottom: 0;}
.year-data {margin-bottom: 15px;}
.year-data:last-child {margin-bottom: 0;}
.year-data strong {flex: 0 0 80px;color: #232324;font-weight: 700;margin-right: 20px;}
.year-data span {flex: 1;color: rgb(35 35 36 / 80%);}

/* ===== 고객지원 - 문의하기 (customer02) ===== */
.customer02Con {border-top: none;position: relative;}
.customer02Con::before {content: "*필수항목";position: absolute;top: 0;right: 0;font-size: 13px;color: #999;}
.divTable .customer02-div {margin-bottom: 30px;}
.customer02-row-2col {display: flex;gap: 20px;flex-wrap: wrap;}
.customer02-field-col {flex: 1 1 calc(50% - 10px);min-width: 280px;}
.customer02-field-col .customer02-th-w {display: block;font-weight: 600;font-size: 16px;color: #232324;margin: 0 0 10px 0;line-height: 1.4;}
.customer02-field-col .customer02-th-w .customer02-ap {color: #00A19A;margin-left: 3px;}
.divTable .customer02-div .customer02-th-w {border-bottom: none;text-align: left;}
.customer02-input-full, .customer02-select-full, .customer02-textarea-full {width: 100%;box-sizing: border-box;font-size: 15px;border: 1px solid #ddd;border-radius: 5px;background: #fff;}
.customer02-input-full, .customer02-select-full {padding: 12px 15px;height: 50px;}
.customer02-input-full:focus, .customer02-select-full:focus, .customer02-textarea-full:focus {outline: none;border-color: #00A19A;}
.customer02-select-full {cursor: pointer;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 15px center;padding-right: 40px;border-radius: 10px;line-height: 1.2;}
.customer02-textarea-full {min-height: 160px;padding: 15px;line-height: 1.6;resize: vertical;font-family: inherit;}
.customer02-email-row {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}
.customer02-email-row .customer02-input-email {flex: 1;min-width: 0;padding: 12px 15px;height: 48px;box-sizing: border-box;font-size: 15px;border: 1px solid #ddd;border-radius: 5px;background: #fff;}
.customer02-email-row .customer02-input-email:focus {outline: none;border-color: #00A19A;}
.customer02-email-row .customer02-at {color: #232324;font-size: 16px;font-weight: 500;flex-shrink: 0;}
.customer02-email-row .customer02-select-email {flex: 0 0 140px;height: 48px;padding: 12px 15px;font-size: 15px;box-sizing: border-box;border: 1px solid #ddd;border-radius: 5px;background: #fff;cursor: pointer;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;padding-right: 35px;line-height: 1.2;}
.customer02-email-row .customer02-select-email:focus {outline: none;border-color: #00A19A;}
.customer02-char-counter {display: block;margin: 8px 0 0 0;color: #999;font-size: 13px;text-align: right;}
.customer02-btnWrap {display: flex;justify-content: center;gap: 10px;margin-top: 50px;}
.customer02-btnWrap .customer02-btnB {background: #fff;border: 1px solid #ddd;color: #555;font-size: 16px;font-weight: 500;border-radius: 5px;text-decoration: none;transition: all 0.3s ease;padding: 12px 30px;}
.customer02-btnWrap .customer02-btnA {background: #00A19A;border: none;color: #fff;font-size: 16px;font-weight: 500;border-radius: 5px;text-decoration: none;transition: all 0.3s ease;padding: 12px 30px;}

@media all and (max-width: 1080px) {
    .customer02-row-2col {gap: 15px;}
    .customer02-field-col {flex: 1 1 calc(50% - 7.5px);}
    .customer02-input-full {font-size: 14px;padding: 10px 12px;height: 44px;}
    .customer02-select-full {font-size: 14px;padding: 10px 12px;padding-right: 35px;height: 44px;background-position: right 12px center;}
    .customer02-textarea-full {font-size: 14px;min-height: 140px;}
    .customer02-email-row .customer02-input-email {font-size: 14px;padding: 10px 12px;height: 44px;}
    .customer02-email-row .customer02-select-email {font-size: 14px;padding: 10px 12px;padding-right: 30px;height: 44px;background-position: right 10px center;}
    .customer02-btnWrap .customer02-btnB, .customer02-btnWrap .customer02-btnA {font-size: 15px;padding: 10px 25px;}
}

/* ===== 제품 (product01) ===== */
.productTitle {position: relative;margin-top: 70px;}
.catalogBtn {font-size: 1.125em;position: absolute;right: 0;top: 0;height: 50px;line-height: 50px;border: 1px solid #232324;border-radius: 40px;padding: 0 50px;}
.catalogBtn:hover {border: 1px solid #ccc;}
.productTabButtons {display: flex;gap: 20px;margin-bottom: 30px;justify-content: center;margin-top: 80px;}
.categoryFilter {display: flex;flex-wrap: wrap;gap: 12px;margin: 30px 0;justify-content: start;}
.categoryFilter button {padding: 6px 20px;font-size: 16px;background: #fff;border: 1px solid #ddd;border-radius: 50px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}
.categoryFilter button.active {color: #fff;background: rgba(0, 0, 0, 0.5);font-weight: 300;box-shadow: none;}
.tabBtn {transition: all 0.3s ease !important;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);}
.tabBtn:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);border-color: #999;}
.tabBtn:active {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.productGrid {display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 30px;margin-bottom: 120px;opacity: 1;transform: translateY(0);transition: opacity 0.3s ease, transform 0.3s ease;margin-top: 50px;}
@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}
@keyframes slideIn {from {opacity: 0;transform: translateX(-20px);}to {opacity: 1;transform: translateX(0);}}
.productCard {background: #fff;border-radius: 8px;overflow: hidden;transition: box-shadow 0.3s ease, border-color 0.3s ease;cursor: pointer;justify-content: start;box-shadow: 0 2px 8px rgba(0,0,0,0.08);opacity: 0;animation: fadeInCard 0.5s ease-in-out forwards;border: 1px solid transparent;}
.productCard:nth-child(1) {animation-delay: 0.05s;}
.productCard:nth-child(2) {animation-delay: 0.1s;}
.productCard:nth-child(3) {animation-delay: 0.15s;}
.productCard:nth-child(4) {animation-delay: 0.2s;}
.productCard:nth-child(5) {animation-delay: 0.25s;}
.productCard:nth-child(6) {animation-delay: 0.3s;}
.productCard:nth-child(7) {animation-delay: 0.35s;}
.productCard:nth-child(8) {animation-delay: 0.4s;}
.productCard:nth-child(9) {animation-delay: 0.45s;}
.productCard:nth-child(10) {animation-delay: 0.5s;}
.productCard:nth-child(11) {animation-delay: 0.55s;}
.productCard:nth-child(12) {animation-delay: 0.6s;}
.productCard:nth-child(13) {animation-delay: 0.65s;}
.productCard:nth-child(14) {animation-delay: 0.7s;}
@keyframes fadeInCard {from {opacity: 0;}to {opacity: 1;}}
.productCard:hover {box-shadow: 0 8px 24px rgba(0,0,0,0.15);border-color: #e0e0e0;}
.productCard .imgBox {width: 100%;height: 200px;overflow: hidden;background: #f5f5f5;}
.productCard .imgBox img {width: 100%;height: 100%;object-fit: cover;}
.productCard .textBox {padding: 20px;}
.productCard h4 {font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.productCard p {font-size: 15px;color: rgb(35 35 36 / 80%);line-height: 1.5;height: 63px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.productTable {margin-top: 70px;}
.productTable h6 {font-size: 1.5em;font-weight: 700;margin-bottom: 20px;}
.table-wrap {border-top: solid 2px #111;clear: both;overflow-x: auto;}
.table-wrap table {width: 100%;min-width: 900px;border-collapse: collapse;}
.table-wrap table th {height: 61px;padding: 2px;background: #f4f4f4;border-bottom: 1px solid #ccc;font-size: 1.125em;line-height: 1.6em;border-right: 1px solid #ccc;}
.table-wrap table td {height: 61px;padding: 2px 10px 2px 20px;border-bottom: 1px solid #ccc;color: #555;line-height: 1.6em;border-right: 1px solid #ccc;}
.table-wrap table th:last-child, .table-wrap table td:last-child {border-right: none;}
.infoT {font-size: 14px;color: #777;margin-top: 20px;}
.w-only {display: block;}
.pagination {display: flex;justify-content: center;align-items: center;gap: 10px;margin: 50px 0;opacity: 1;transition: opacity 0.3s ease;}
.pagination button {min-width: 40px;height: 40px;border: 1px solid #ddd;background: #fff;color: #232324;cursor: pointer;border-radius: 4px;font-size: 16px;transition: all 0.3s ease;transform: scale(1);}
.pagination button:hover:not(:disabled) {background: #f5f5f5;border-color: #002F2D;transform: scale(1.1);}
.pagination button:active:not(:disabled) {transform: scale(0.95);}
.pagination button.active {background: #002F2D;color: #fff;border-color: #002F2D;font-weight: 600;}
.pagination button:disabled {opacity: 0.3;cursor: not-allowed;}
.pagination .pageNum {padding: 0 15px;}

/* 반응형 - 768px 이하 */
@media (max-width: 768px) {
    /* 연혁 */
    .subTitle {font-size: 1.8em;}
    .introTitle {font-size: 22px;}
    .subTxt {font-size: 15px;}
    .about02List {gap: 30px;}
    .about02List .leftBox .historyTitle {gap: 25px;padding: 0 15px;}
    .historyTitle .i {max-width: 100%;}
    .historyTitle .t {font-size: 17px;}
    .historyTitle h4 {font-size: 15px;}
    .historyTitle h4 span {font-size: 14px;}
    .historyList {padding-left: 25px;}
    .historyList li {padding: 0px 0 30px 90px;}
    .historyList h5 {font-size: 20px;}
    .historyList li strong {display: block;margin-bottom: 5px;font-size: 14px;}
    .historyList li p {font-size: 14px;line-height: 1.6;}
    /* R&D */
    .rnd-wrap {width: 100%;max-width: 100%;box-sizing: border-box;padding-left: 15px;padding-right: 15px;padding-bottom: 50px;overflow-x: hidden;}
    .rnd-intro {width: 100%;max-width: 100%;box-sizing: border-box;margin: 30px auto 50px;}
    .rnd-container {width: 100%;max-width: 100%;box-sizing: border-box;gap: 25px;margin-bottom: 50px;}
    .rnd-content {width: 100%;max-width: 100%;box-sizing: border-box;}
    .rnd-sidebar {margin-bottom: 35px;}
    .rnd-sidebar h3 {font-size: 17px;}
    .rnd-sidebar ul {gap: 8px;}
    .rnd-sidebar a {padding: 8px 14px;font-size: 12px;}
    .section-box-wrap {width: 100%;max-width: 100%;box-sizing: border-box;}
    .section-number {font-size: 14px;margin-bottom: 8px;}
    .section-title, .section-title-2 {font-size: 16px;margin-top: 8px;}
    .section-desc {width: 100%;max-width: 100%;box-sizing: border-box;font-size: 13px;line-height: 1.7;}
    .section-image {width: 100%;max-width: 100%;box-sizing: border-box;margin-bottom: 18px;}
    .section-box {width: 100%;max-width: 100%;box-sizing: border-box;padding: 20px 15px;}
    .section-box-1 {width: 100%;max-width: 100%;box-sizing: border-box;}
    .section-number-list {width: 100%;max-width: 100%;box-sizing: border-box;}
    .section-box h4 {font-size: 15px;margin-bottom: 8px;}
    .section-box li {font-size: 13px;line-height: 1.6;margin-bottom: 8px !important;}
    .section-box-1 {padding: 15px 5px;}
    .year-data {margin-bottom: 15px;gap: 5px;}
    .year-data strong {font-size: 14px;margin-bottom: 3px;}
    .year-data span {font-size: 13px;line-height: 1.6;}
    .rnd-section {margin-bottom: 50px;}
      /* 고객지원 - 찾아오시는 길 (customer03) */
      .mapInfo {height: 280px !important;margin-top: 20px;}
      .adressInfo li {float: none;width: 100%;min-height: auto;border-right: none;margin-bottom: 0;}
      .adressInfo li:last-child {border-bottom: none;}
      .contact-info-grid {grid-template-columns: 1fr;gap: 30px;}
      .contact-info-item:last-child {grid-column: auto;}
      .contact-info-title {font-size: 17px;}
      .contact-info-content {font-size: 14px;}
      .contact-info-note {text-align: center !important;}
      .contact-info-btn {width: 120px !important;font-size: 14px !important;padding: 8px 16px !important;text-align: center !important;display: block !important;}
      /* ESG 환경 - 모바일 (768px 이하) */
      .esg-env-section {margin-bottom: 45px;}
      .esg-env-policy {display: block;gap: 0;}
      .esg-section-title {font-size: 22px;font-weight: 700;color: #232324;margin: 0 0 22px 0;position: static;line-height: 1.4;}
      .esg-policy-content {max-width: 100%;padding-right: 0;}
      .esg-policy-intro {font-size: 15px;line-height: 1.7;color: #232324;margin-bottom: 32px;font-weight: 500;text-align: justify;}
      .esg-policy-subtitle {font-size: 19px;font-weight: 700;color: #232324;margin: 28px 0 14px 0;line-height: 1.4;}
      .esg-section-title-small {font-size: 19px;font-weight: 700;color: #232324;margin: 0 0 22px 0;position: static;line-height: 1.4;}
      .esg-policy-desc {font-size: 14px;line-height: 1.7;color: #555;margin-bottom: 16px;}
      .esg-policy-list {margin-top: 20px;}
      .esg-policy-list li {font-size: 14px;line-height: 1.7;color: #555;padding-left: 38px;margin-bottom: 10px;}
      .esg-policy-list li .policy-number {font-size: 15px;font-weight: 700;color: #00A19A;}
      .esg-policy-list li strong {font-size: 16px;font-weight: 700;color: #555;}
      .esg-diagram-section {margin: 60px 0 50px 0;max-width: 100%;margin-left: 0;}
      .esg-pps-icons {flex-direction: column;align-items: center;gap: 25px;}
      .esg-pps-item {width: 100%;max-width: 160px;margin: 0 auto;}
      .esg-icon-box {width: 110px;height: 110px;margin: 0 auto 15px;}
      .esg-icon-box img {max-width: 55px;}
      .esg-item-label {font-size: 18px;text-align: center;}
      .esg-flow-icons {flex-direction: column;align-items: flex-end;gap: 25px;}
      .esg-flow-box {width: 110px;height: 110px;margin-bottom: 15px;}
      .esg-flow-box .flow-number {font-size: 26px;}
      .esg-flow-label {font-size: 16px;}
      .esg-flow-arrow {display: none;}
      .esg-diagram-centered {text-align: center;max-width: 100%;margin-left: auto;margin-right: auto;padding: 0 15px;}
      .esg-diagram-title {font-size: 22px;font-weight: 700;color: #232324;margin: 0 0 18px 0;line-height: 1.4;}
      .esg-diagram-desc {font-size: 15px;line-height: 1.7;color: #555;margin-bottom: 38px;font-weight: 400;}
      .esg-governance-diagram {padding: 25px 0;}
      .esg-governance-diagram img {max-width: 100%;height: auto;display: block;margin: 0 auto;}
      /* R&D - 모바일 (820px 이하) */
      .rnd-wrap {width: 100%;max-width: 100%;box-sizing: border-box;padding-left: 20px;padding-right: 20px;padding-bottom: 60px;overflow-x: hidden;}
      .rnd-intro {width: 100%;max-width: 100%;box-sizing: border-box;margin: 40px auto 60px!important;}
      .rnd-container {width: 100%;max-width: 100%;box-sizing: border-box;display: flex;flex-direction: column;gap: 0!important;margin-bottom: 60px;}
      .rnd-content {width: 100%;max-width: 100%;box-sizing: border-box;}
      .rnd-sidebar {flex: none!important;position: relative;top: auto;margin-bottom: 40px;width: 100%;max-width: 100%;box-sizing: border-box;}
      .rnd-sidebar h3 {font-size: 19px;margin-bottom: 30px;text-align: center;}
      .rnd-sidebar ul {display: flex;flex-wrap: nowrap;overflow-x: auto;gap: 8px;padding-bottom: 10px;-webkit-overflow-scrolling: touch;scrollbar-width: thin;}
      .rnd-sidebar ul::-webkit-scrollbar {height: 4px;}
      .rnd-sidebar ul::-webkit-scrollbar-thumb {background: #00A19A;border-radius: 2px;}
      .rnd-sidebar ul::-webkit-scrollbar-track {background: #f0f0f0;}
      .rnd-sidebar li {flex-shrink: 0;}
      .rnd-sidebar a {padding: 5px 16px !important;font-size: 14px !important;white-space: nowrap;border: 1px solid #ddd;border-radius: 20px;background: #fff;transition: all 0.3s;}
      .section-box-wrap {width: 100%;max-width: 100%;box-sizing: border-box;}
      .section-number {font-size: 16px;margin-right: 30px!important;margin-bottom: 10px;display: block;}
      .section-title {font-size: 18px;margin-left: 0;margin-top: 15px;}
      .section-title-2 {font-size: 18px;margin-left: 0;}
      .section-desc {width: 100%;max-width: 100%;box-sizing: border-box;font-size: 16px!important;margin-left: 0;line-height: 1.7;}
      .section-image {width: 100%;max-width: 100%;box-sizing: border-box;margin-bottom: 22px;}
      .section-box {width: 100%;max-width: 100%;box-sizing: border-box;padding: 25px 20px;}
      .section-box h4 {font-size: 16px;margin-bottom: 10px;}
      .section-box li {font-size: 14px;line-height: 1.6;}
      .section-box-1 {width: 100%;max-width: 100%;box-sizing: border-box;padding: 20px 10px;}
      .section-number-list {width: 100%;max-width: 100%;box-sizing: border-box;}
      .year-data {flex-direction: column;gap: 8px;margin-bottom: 20px;align-items: flex-start;}
      .year-data strong {flex: none;margin-bottom: 5px;font-size: 16px;}
      .year-data span {flex: none;font-size: 16px;}
      .rnd-section {margin-bottom: 60px;}
      .section-number-list{font-size: 16px;}
  
   .ceo-message p{ margin-bottom: 18px;font-size: 14px;}
   .subTitleWrap {margin-bottom: 20px;} 
   .subTitle {font-size: 2em;}   
   .introTitle {font-size: 26px;}
   .certifications-grid {grid-template-columns: 1fr;gap: 40px;margin-top: 40px;padding: 0 20px;max-width: 100%;}
.certification-image {margin-bottom: 15px;}
.certification-info p:first-child {font-size: 15px;}
.certification-info p:last-child {font-size: 17px;}
   
   /* CEO 인사말 */
   .ceo-greeting-wrap {padding: 60px 20px;}
   .ceo-greeting-wrap .affiliated-title {font-size: 22px;margin-bottom: 40px;}
   .ceo-content-wrap {margin-top: 0px;}
   .ceo-message {font-size: 15px;line-height: 1.8;}
   .ceo-signature {text-align: left;font-size: 14px;}
   .ceo-signature strong{ margin-left: 10px;font-size: 16px;}
   .about02List .leftBox .historyTitle {gap: 30px;padding: 0 20px;}  
   .historyTitle .t {font-size: 18px;}
   .historyTitle h4 {font-size: 16px;}  
   .historyTitle h4 span {font-size: 15px;}   
   .historyList {padding-left: 30px;}
   .historyList li {padding: 0px 0 35px 110px;}  
   .historyList h5 {font-size: 22px;}
   .historyList li::before {left: -35px;}
   .historyList .end {left: -40px;}
   .historyList li strong {min-width: 45px;margin-right: 10px;}
   .historyList li p {font-size: 15px;}
   /* R&D - 768px 이하 */
   .rnd-wrap {width: 100%;max-width: 100%;box-sizing: border-box;padding-bottom: 55px;overflow-x: hidden;}
   .rnd-intro {width: 100%;max-width: 100%;box-sizing: border-box;margin: 35px auto 55px;}
   .rnd-intro p {max-width: 100%;font-size: 16px;line-height: 1.7;box-sizing: border-box;}
   .rnd-sidebar h3 {font-size: 18px;}
   .rnd-sidebar a {padding: 8px 16px;font-size: 13px;}
   .section-box-wrap {width: 100%;max-width: 100%;box-sizing: border-box;flex-direction: column;align-items: flex-start;}
   .section-number {font-size: 15px;margin-right: 0;margin-bottom: 10px;display: block;}
   .section-title, .section-title-2 {font-size: 17px;margin-left: 0;margin-top: 10px;}
   .section-desc {width: 100%;max-width: 100%;box-sizing: border-box;font-size: 13px;margin-left: 0;line-height: 1.7;}
   .section-image {width: 100%;max-width: 100%;box-sizing: border-box;margin-bottom: 20px;}
   .section-box {width: 100%;max-width: 100%;box-sizing: border-box;padding: 22px 18px;}
   .section-box-1 {width: 100%;max-width: 100%;box-sizing: border-box;}
   .section-number-list {width: 100%;max-width: 100%;box-sizing: border-box;}
   .section-box h4 {font-size: 15px;margin-bottom: 10px;}
   .section-box li {font-size: 13px;line-height: 1.6;margin-bottom: 10px !important;}
   .section-box-1 {padding: 18px 8px;}
   .year-data {gap: 6px;margin-bottom: 18px;}
   .year-data strong {font-size: 14px;margin-bottom: 4px;}
   .year-data span {font-size: 13px;line-height: 1.6;}
   .rnd-section {margin-bottom: 55px;}
   .welfare-main-title{margin-top: 0;}
   .recruit02 .contents-block{display: grid;}
   .welfare-grid{grid-template-columns: repeat(2, 1fr); }
   .submitForm {gap: 10px;width: 70%;}
   .adressInfo .item p{margin-bottom: 10px;font-size: 14px;}
   /* 고객지원 - 찾아오시는 길 모바일 */
   .contact-info-note {text-align: center !important;}
   .contact-info-btn {position: static !important;width: 120px !important;font-size: 14px !important;padding: 8px 16px !important;text-align: center !important;display: block !important;}
   /* 고객지원 - 제품 담당자 찾기 (customer01) - 모바일 */
   .customer01Desc {font-size: 16px !important;margin-bottom: 30px !important;width: 100% !important;word-break: keep-all;word-wrap: break-word;overflow-wrap: break-word;}
   .subIconsWrap {display: flex !important;flex-wrap: wrap !important;gap: 6px !important;margin-bottom: 20px !important;width: 100% !important;}
   .subTableWrap {overflow-x: auto;}
   .subTable thead {display: table-header-group;}
   .subTable tbody {display: table-row-group;}
   .subTable tr {display: table-row;}
   .subTable .btn {padding: 5px 12px;font-size: 14px;white-space: nowrap;}
   /* 관계사 페이지 - 모바일 */
   .affiliated-title {font-size: 1.2em;margin-bottom: 40px;line-height: 1.4;}
   .affiliated-list li {gap: 20px;margin-bottom: 40px;padding-bottom: 40px;}
   .affiliated-list .affiliated-inner {gap: 20px;display: block;}
   .affiliated-list .affiliated-company {gap: 12px;}
   .affiliated-list .affiliated-company h4 {font-size: 17px;}
   .affiliated-list .affiliated-link {font-size: 13px;}
   .affiliated-list .affiliated-subtitle {font-size: 15px;margin: 10px 0;}
   .affiliated-list .affiliated-desc {font-size: 14px;line-height: 1.7;}
   .affiliated-list .affiliated-address {font-size: 13px;}
   /* 일반 페이지 스타일 */
   .sub-contents-inner {min-height: auto;}
   .divTable .div .th-w{display: block;width:100%;box-sizing: border-box;border-bottom: none;padding:0;height:40px;line-height:50px;vertical-align: middle;text-align: left;font-size: 1.125em}
   .divTable .div .td-w, .divTable .div .td-w02 {display: block;width:100%;box-sizing: border-box;border-bottom: none;padding:5px 0;height:auto;line-height:auto;vertical-align: middle;}
   .fileWrap{width:auto}
   .personalInfor {padding: 40px 15px;}
   .personalInfor .box{padding:15px}
   /* 기업소개 - 반응형 */
   .intro-company-vison{width: 100%;}
   .intro-company-info-grid {grid-template-columns: 1fr;grid-template-rows: auto;}
   .intro-info-card.wide {grid-column: span 1;}
   .intro-info-card:nth-child(1), .intro-info-card:nth-child(2), .intro-info-card:nth-child(3), .intro-info-card.business, .intro-info-card.address {grid-column: span 1;}
   .intro-info-card {padding: 12px 25px;}
   .intro-info-card strong{font-size: 16px;margin-bottom: 6px;}
   .intro-info-card p{font-size: 16px;}
   .intro-company-info-wrapper{margin-top: 20px;}
   .about01List > p {font-size: 14px;margin-bottom: 10px;}
   .about01List li{width:100%;height: 50px;padding: 5px 0;}
   .about01List li:nth-child(2){border-top:none}
   .about01List li:nth-child(even), .about01List li:nth-child(odd) {margin-left: 0;margin-right:0}
   .about01List li strong{padding:0;width:80px}
   .about01List li strong::before{border-left:none}
   .aboutBanList li{width:100%;height: 120px;}
   .aboutBanList .ban02{margin-top:10px}
   .subBanList .btns{margin-top: 15px;}
   .about03Con {padding: 0;text-align: justify;}
   .about03Con .img{display: none}
   .about03Con .about03 h4 {line-height:1.3em;margin-bottom:20px;font-size: 1.3em;}
   .about03Con .about03 h4 p{line-height:1.3em;display: inline;margin-left:5px}
   .about03Con .about03 .sign img{margin-left:15px;width: 100px;}
   .about03Con .about03 .sign strong{margin-left:0;display: block}
   .about03Con .about03 .sign{margin-top:30px}
   .historyTitle .i{max-width: 100%;flex: 0 0 200px;}
   /* 노루웨이 */
   .noroowayWrap{margin: 60px auto 60px auto;}
   .norooway01 {text-align: center;}
   .norooway01 .significance_box{width: calc(100% - 30px);padding: 0 0 20px;}
   .norooway01 .significance_box h3 {margin: 0 auto 30px;}
   .norooway01 .significance_box ul{margin:10px auto}
   .norooway01 .significance_box ul li{float: none;width: 100% !important;text-align: center;}
   .norooway01 .significance_box ul li.tit {margin-bottom: 15px;font-size: 1.4em;}
   .norooway01 .significance_box ul li.tit br {display: none;}
   .norooway01 .significance_box .point_text {font-size: 2em;line-height: 1.2em;}
   .norooway01 > ul{margin: 20px auto 80px;}
   .norooway01 > ul li{float:none;width:100%;height: auto;}
   .norooway01 > ul li p.tit {margin: 20px 0 15px;font-weight: 700;}
   .norooway02 > div .visual_box {width: 100%;height: 0;padding-top: calc(62.5%);background-repeat: no-repeat;background-position: center;background-size: cover;}
   .norooway02 > div .cont_wrap {width: calc(100% - 30px);max-width: 768px;margin: -30px auto 0;padding: 50px 0 40px;position: relative;z-index: 1;background: #fff;}
   .norooway02 .bus_wrap .cont_wrap p {width: calc(100% - 30px);margin: 10px auto 0;}
   .norooway02 > div .cont_wrap .point_text {font-size: 2em;text-align: center;line-height: 1.2em;}
   .norooway02 > div .cont_wrap h3 {margin: 0 auto 30px;text-align: center;}
   .norooway02 .man_wrap .cont_wrap > ul {margin: 10px auto;}
   .norooway02 .man_wrap .cont_wrap > ul li {padding: 15px 0;float:none;width:100%}
   .norooway02 .man_wrap .cont_wrap > ul li span {display: inline-block;background: #f7f7f7;width: 100px;height: 100px;border-radius: 100%;text-align: center;line-height: 100px;vertical-align: middle;}
   .norooway02 .man_wrap .cont_wrap > ul li p {width: calc(100% - 110px);display: inline-block;color: #555;text-align: left;vertical-align: middle;box-sizing: border-box;padding-left: 10px;word-break: keep-all;margin-left:0}
   .norooway02 > div .cont_wrap .text_list li{float:none;width:100%;margin-bottom: 30px;}
   .norooway02 > div .cont_wrap .text_list li p.tit {margin-bottom: 15px;}
   .norooway02 .work_wrap .cont_wrap .img_list {max-width: 384px;margin: 0 auto;}
   .norooway02 .work_wrap .cont_wrap .img_list li {box-sizing: border-box;width: 23.5%;margin-right: 2%;text-align: center;padding: 0;}
   .norooway02 .work_wrap .cont_wrap .img_list li img {width: 100%;max-width: 84px;}
   .norooway02 .work_wrap .cont_wrap .img_list li p {font-size:0.95em;color: #373737;text-align: center;margin: 9px auto 0;padding: 0;display: block;}
   .norooway02 .work_wrap .cont_wrap .img_list li span {display: inline-block;width: 0;height: 0;border-right: 4px solid transparent;border-left: 4px solid transparent;border-bottom: 6px solid #2cb693;}
   .norooway02 .work_wrap .cont_wrap .img_list li:last-child {margin-right: 0;}
   .norooway02 .work_wrap .cont_wrap > div {width: 100%;padding: 15px 0 18px;line-height: 20px;margin: 20px auto 0;font-size:1.125em}
   .norooway02 > div .cont_wrap .text_list li p br {display: none;}
   .norooway02 .work_wrap .cont_wrap {padding: 50px 0 10px;}
   .about06List li{padding:40px 0;display: block}
   .about06List li:last-child{border-bottom: none;padding-bottom:0}
   .about06List .inner{padding:0;border-right:none}
   .about06List .img {display: block;width: auto;text-align: right;margin-top:20px}
   .about06List .img img{width:120px}
   .about06List .inner h5{margin-bottom:10px}
   .tab-section:not(.tab-style-2) > a{width:50%;border-bottom: 2px solid #232324;height:45px;line-height: 45px;border:1px solid #232324;margin-top:-1px;font-size: 0.95em;}
   .tab-section:not(.tab-style-2) > a.active{border-color: #232324;border-bottom: none;border-width: 2px;z-index: 2;line-height: 45px;background: transparent;color:#333333;font-weight: bold;}
   .tab-style-2 a{padding: 8px 40px;font-size: 14px;}
   .tab-style-2 a.active{color: #1f2937;background: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
   /* Placeholder - 모바일 */
   .inp::-webkit-input-placeholder {color: #666 !important;opacity: 1;}
   .inp::-moz-placeholder {color: #666 !important;opacity: 1;}
   .inp:-ms-input-placeholder {color: #666 !important;opacity: 1;}
   .inp::placeholder {color: #666 !important;opacity: 1;}
   input::-webkit-input-placeholder {color: #666 !important;opacity: 1;}
   input::-moz-placeholder {color: #666 !important;opacity: 1;}
   input:-ms-input-placeholder {color: #666 !important;opacity: 1;}
   input::placeholder {color: #666 !important;opacity: 1;}
   textarea::-webkit-input-placeholder {color: #666 !important;opacity: 1;}
   textarea::-moz-placeholder {color: #666 !important;opacity: 1;}
   textarea:-ms-input-placeholder {color: #666 !important;opacity: 1;}
   textarea::placeholder {color: #666 !important;opacity: 1;}
   .catalogBtn{position: relative;display: block;margin-bottom: 80px;}
   /* 제품소개 */
   .productTitle .title{height:auto;line-height: normal;}
   .contents-block + .productImg {padding-top:0}
   .contents-block + .productTable{padding-top:20px}
   .contents-block + .productImgE {padding-top:0}
   .contents-block + .productTitle {padding-top:0}
   .productImgE .img{padding:0 0 20px;margin:0 -15px}
   .productBanList ul {flex-direction: column;gap: 10px;}
   .productBanList li{flex: 1 1 100%;height: 120px;}
   .productBanList .ban02{margin-top:0}
   .productEtc .item {padding:0 7px}
   .productEtc .item p{width:auto;height:auto;display: block;text-align: center;margin-top: 15px;}
   .productEtc .img{padding:30px 8px}
   .productEtc .img li {width: 50%;}
   .productEtc .img li p{width:auto;height:auto;display: block;text-align: center;margin-top: 15px;}
   .productImg .img .txt{padding:0;width:auto;display: block;position: relative;left:0;margin:0;height:75px;}
   .productImg .img .txt p{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width:100%;text-align: center;}
   .productUlImg li .txt{padding:0;width:auto;display: block;position: relative;left:0;margin:0;height:75px;}
   .productUlImg li .txt p{padding:0 15px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);box-sizing: border-box;width:100%;text-align: center;}
   .productUlImg02 li .txt{padding:0;width:auto;display: block;position: relative;left:0;margin:0;height:75px;}
   .productUlImg02 li .txt p{padding:0 15px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);box-sizing: border-box;width:100%;text-align: center;}
   .product05Etc .img li{float: left;width:50%;margin:0;padding:0 7px;box-sizing: border-box;}
   .product05Etc .img ul {display: block;margin: 0;}
   .productImgSlide .item{box-sizing: border-box;padding: 0 1px;}
   .productImgSlide .txt{padding:0;width:auto;display: block;position: relative;left:0;margin:0;height:75px;}
   .productImgSlide .txt p{padding:0 15px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);box-sizing: border-box;width:100%;text-align: center;}
   .productUlImg li {box-sizing: border-box;padding: 0 1px;}
   .productUlImg02 li {box-sizing: border-box;padding: 0 1px;}
   .product06Img{padding-bottom: 75px;}
   .product06Img .txt {width: 100%;left: 0;margin-left: 0;}
   /* 채용정보 (구 스타일) */
   .recruit02Con li{float:none;width:100%;margin:0;padding:30px 0;height:auto}
   .recruit02Con li p br{display:none}
   .recruit02Con li.bg{background: #fff}
   .recruit02Con li h4{margin-bottom: 20px}
   .recruit02Con li p {margin-top: 20px;}
   .recruit02Con li p span{display: block}
   .recruit02Con li.noLine{border-bottom: 1px solid #ccc;}
   .recruit02Con li:last-child{border-bottom:none}
   .recruit03Con .inner{padding:40px 0}
   .recruit03Con li{margin:0}
   .recruit03Con ul li .arrow{display: none}
   .recruit03Con .list.marT30{margin-top:0}
   .recruitBtn{display: block;}
   .recruit03Con li div {width: 200px;height: 200px;}
   /* 게시판 */
   .board-view-box .title-box {padding: 15px 80px 15px 0;}
   .board-view-box .title-box .date {right: 0;}
   .board-view-box .contents-box .contents{line-height: 1.6em;padding: 30px 0;}
   .other-board li {padding: 12px 0 12px 100px;}
   .other-board li > span {left: 0;}
   .other-board li > span:after{right: -30px;}
   /* 고객지원 (구 스타일) */
   .customer01Con li{float:none;width:100%;}
   .customer01Con li div{margin:0 0 20px 0;padding: 30px 10px 30px 30px;height:auto}
   .customerTab{*zoom:1;}
   .customerTab:after{content:'';display:block;clear:both}
   .customerTab li{float:left;width:50%}
   .customerTab li a{min-width:140px;height: 50px;line-height: 50px;font-size: 1.125em;}
   .customerTab li.active a{font-weight: 600}
   .design-block{margin-bottom: 20px;}
   .subTableWrap table.show{width: 600px;}
   .subTableWrap table.show th,
   .subTableWrap table.show td {font-size: 14px;padding: 0;}
   .subTable .btn {font-size: 14px;}
   /* 카탈로그 - 모바일 */
   .catalogWrap .inner {padding:20px 0;background: transparent !important;position: static !important;top: 0 !important;}
   .catalogWrap .inner:first-of-type {padding-top:0;}
   .catalogWrap .inner:last-of-type {padding-bottom:0;}
   .catalogWrap .inner ul{display: flex;flex-direction: column;gap: 30px;padding: 0;margin: 0;}
   .catalogWrap .inner li{float:none !important;width:100% !important;margin:0 !important;padding:0 !important;display: block !important;background: #fff;border-radius: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);overflow: hidden;}
   .catalogWrap .inner li:last-child{margin-bottom:0}
   .catalogWrap .inner li .textbox{height:auto !important;width:100% !important;border:none !important;padding:0 !important;display:block !important;position:relative !important;background: none !important;transform: none !important;margin:0 !important;}
   .catalogWrap .inner li .textbox.active{background: none;border: none}
   .catalogWrap .inner li.catalog01 .textbox{background: none !important}
   .catalogWrap .inner li.catalog02 .textbox{background: none !important}
   .catalogWrap .inner li.catalog03 .textbox{background: none !important}
   .catalogWrap .inner li.catalog04 .textbox{background: none !important}
   .catalogWrap .inner li .textbox img{width:100% !important;display:block !important;height:auto !important;margin:0 !important;padding:0 !important;border-radius: 0;}
   .catalogWrap .inner li .textbox .overBg{display: none !important;}
   .catalogWrap .inner li .textbox .btns{display: flex !important;position: absolute !important;bottom: 15px !important;left:50% !important;transform: translateX(-50%) !important;gap: 10px !important;opacity: 1 !important;height: auto !important;margin: 0 !important;z-index: 10 !important;}
   .catalogWrap .inner li .textbox .btns a{background: rgba(0,161,154,0.95) !important;color: #fff !important;padding: 10px 20px !important;border-radius: 25px !important;text-decoration: none !important;font-size: 14px !important;font-weight: 600 !important;display: inline-block !important;border: none !important;box-shadow: 0 2px 8px rgba(0,0,0,0.2);white-space: nowrap;transition: all 0.3s ease;}
   .catalogWrap .inner li .textbox .btns a:hover{background: rgba(0,161,154,1) !important;transform: translateY(-2px);}
   .catalogWrap .inner li .textbox .btns a span{display: inline-block;}
   .catalogWrap .inner li h3{padding:20px 20px 15px 20px !important;margin:0 !important;font-size: 16px !important;font-weight: 600 !important;color: #232324 !important;line-height: 1.5 !important;display: flex !important;align-items: center !important;justify-content: center !important;flex-wrap: wrap !important;gap: 10px !important;text-align: center !important;}
   .catalogWrap .inner li h3 .pdfBtn{display: inline-flex !important;align-items: center !important;justify-content: center !important;width: auto !important;height: 38px !important;line-height: 38px !important;padding: 0 20px !important;margin: 0 !important;font-size: 13px !important;background: #00a19a !important;border: none !important;color: #fff !important;border-radius: 20px !important;text-decoration: none !important;vertical-align: middle !important;}
   .catalogWrap .inner li h3 .pdfBtn em{margin-left: 6px !important;width: 16px !important;height: 16px !important;}
   .catalogWrap .inner li h3 .pdfBtn:hover{background: #008c86 !important;opacity: 0.9;}
   .catalogWrap .inner li h3 .pdfBtn em{display: none;}
   /* 채용정보 (신규) */
   .recruit01Con li{float:none;width:100%;margin:0}
   .recruit01Con ul{width: 100%;display: block;}
   .recruit01Con li:first-child{margin-bottom:20px}
   .recruit-process-wrap {margin-top: 20px;}
   .recruit-process-wrap .process-desc {font-size: 14px;padding: 0;line-height: 1.6em;text-align: left;}
   .process-flow {padding: 20px 0;background: transparent;margin-top: 20px;}
   .flow-list {display: block!important;counter-reset: step-counter;}
   .flow-item {display: block;margin-bottom: 15px;position: relative;min-height: auto;}
   .flow-item:last-child {margin-bottom: 0;}
   .flow-item:before {display: none;}
   .flow-item.final:before {background: #00A19A;}
   .flow-arrow {display: none;}
   .flow-circle {width: 100%;height: auto;border-radius: 8px;background: #fff;border: 1px solid #e0e0e0;padding: 15px 0px;margin: 0;}
   .flow-circle .flow-number {font-size: 1.125em;font-weight: 600;color: #232324!important;text-align: center;line-height: 1.5em;padding: 0;}
   .flow-item.final .flow-circle {border-color: #00A19A;background: #f0fffe;}
   .documents-list {padding: 0px 15px;}
   .documents-list li {font-size: 15px;padding: 8px 0px 0px 18px;}
   .documents-list li:before {top: 16px;width: 5px;height: 5px;}
   .recruit01Con li img{width: 100%;border-radius: 10px;height: 420px;object-fit: none;}
   .requirements-table th, .requirements-table td {padding: 12px 8px;font-size: 14px;}
   .requirements-table tbody .common-requirements {padding: 15px 10px;}
   .requirements-table tbody .common-requirements ol li {font-size: 14px;padding-left: 20px;margin-bottom: 8px;}
   /* 기업문화 - 모바일 */
   .recruit02 .contents-block {gap: 15px;}
   .recruit02 .contents-block .culture-section {max-width: 100%;}
   .culture-image {display: none;}
   .culture-desc {font-size: 1em;line-height: 1.6em;}
   .culture-tags {gap: 8px;}
   .culture-tags .tag {font-size: 0.9em;padding: 2px 10px;font-weight: 400;}
   .welfare-main-title {font-size: 1.3em;margin-bottom: 30px;}
   .welfare-grid {grid-template-columns: repeat(2, 1fr);gap: 15px;}
   .welfare-categories {gap: 8px;}
   .welfare-category {font-size: 13px;padding: 6px 16px;}
   .welfare-image {height: 130px;}
   .welfare-title {font-size: 1em;}
   /* customer02 + product01 */
   .customer02Con::before {font-size: 12px;color: #00A19A;}
   .customer02-row-2col {flex-direction: column;gap: 20px;}
   .customer02-field-col {flex: 1 1 100%;min-width: 100%;}
   .customer02-field-col .customer02-th-w {font-size: 15px;}
   .customer02-input-full, .customer02-select-full {font-size: 14px;}
   .customer02-email-row {flex-wrap: wrap;}
   .customer02-email-row .customer02-input-email {flex: 1 1 45%;}
   .customer02-email-row .customer02-select-email {flex: 1 1 100%;}
   .customer02-btnWrap {gap: 10px;margin-top: 0;}
   .customer02-btnWrap .customer02-btnB, .customer02-btnWrap .customer02-btnA {width: 100%;text-align: center;font-size: 15px;padding: 12px 25px;}
   /* 제품 (product01) - 모바일 */
   .productTabButtons {margin-top: 20px!important;}
   .categoryFilter button {padding:3px 16px !important;font-size: 14px !important;}
   .productGrid {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: 15px;}
   .table-wrap {position: relative;}
   .table-wrap table {min-width: 728px;}
   .m-only {display: block;}
   .pagination {gap: 5px;margin: 30px 0;}
   .pagination button {min-width: 35px;height: 35px;font-size: 13px;}
   .pagination .pageNum {padding: 0 10px;}
   .contact-info-note{text-align: left!important;}
   .adressInfo ul{flex-direction: column;}
}

/* 반응형 - 480px 이하 */
@media (max-width: 480px) {
    .certifications-grid {gap: 30px;margin-top: 30px;padding: 0 15px;}
    .certification-image {margin-bottom: 12px;}
    .certification-image img {border-radius: 6px;}
    .certification-image::after {font-size: 14px;padding: 8px 16px;}
    .certification-info p:first-child {font-size: 14px;margin-bottom: 6px;}
    .certification-info p:last-child {font-size: 16px;line-height: 1.4;}

   .subTitle {font-size: 1.6em;margin-bottom: 10px;}
   .introTitle {font-size: 20px;}
   .subTxt {font-size: 14px;}
   .about02List .leftBox .historyTitle {gap: 20px;padding: 0;width: 100%;}
   .historyTitle .t {font-size: 16px;}
   .historyTitle h4 {font-size: 14px;}
   .historyTitle h4 span {font-size: 13px;}
   .historyList {padding-left: 20px;}
   .historyList li {padding: 0px 0 25px 70px;}
   .historyList h5 {font-size: 18px;}
   .historyList li::before {left: -25px;width: 5px;height: 5px;}
   .historyList .end {left: -30px;width: 16px;height: 16px;}
   .historyList li strong {font-size: 13px;}
   .historyList li p {font-size: 13px;}
   /* CEO 인사말 */
   .ceo-greeting-wrap {padding: 0;text-align: left;}
   .ceo-greeting-wrap .affiliated-title {font-size: 20px;margin-bottom: 30px;}
   .ceo-message {font-size: 14px;}
   /* R&D - 480px 이하 */
   .rnd-wrap {width: 100%;max-width: 100%;box-sizing: border-box;padding-left: 12px;padding-right: 12px;padding-bottom: 45px;overflow-x: hidden;border-bottom: none;}
   .rnd-intro {width: 100%;max-width: 100%;box-sizing: border-box;margin:25px auto 35px!important;}
   .rnd-intro p {max-width: 100%;font-size: 16px;line-height: 1.7;box-sizing: border-box;}
   .rnd-container {width: 100%;max-width: 100%;box-sizing: border-box;gap: 20px;margin-bottom: 45px;}
   .rnd-content {width: 100%;max-width: 100%;box-sizing: border-box;}
   .rnd-sidebar {margin-bottom: 30px;}
   .rnd-sidebar h3 {font-size: 18px;margin-bottom: 15px;text-align: left;}
   .rnd-sidebar ul {gap: 6px;}
   .rnd-sidebar a {padding: 7px 12px;font-size: 11px;}
   .section-box-wrap {width: 100%;max-width: 100%;box-sizing: border-box;}
   .section-number {font-size: 13px;margin-bottom: 8px;}
   .section-title, .section-title-2 {font-size: 18px;margin-top: 8px;margin-bottom: 6px;}
   .section-desc {width: 100%;max-width: 100%;box-sizing: border-box;font-size: 12px;line-height: 1.7;}
   .section-image {width: 100%;max-width: 100%;box-sizing: border-box;margin-bottom: 16px;}
   .section-box {width: 100%;max-width: 100%;box-sizing: border-box;padding: 18px 12px;}
   .section-box h4 {font-size: 16px;margin-bottom: 8px;}
   .section-box li {font-size: 15px;line-height: 1.6;margin-bottom: 8px !important;}
   .section-box-1 {width: 100%;max-width: 100%;box-sizing: border-box;padding: 12px 5px;}
   .section-number-list {width: 100%;max-width: 100%;box-sizing: border-box;}
   .year-data {margin-bottom: 12px;gap: 4px;}
   .year-data strong {font-size: 16px;margin-bottom: 3px;}
   .year-data span {font-size: 15px;line-height: 1.6;}
   .rnd-section {margin-bottom: 45px;}
   .submitForm {gap: 10px;width: 70%;}
}

/* ===== 제품 상세 (productDetail.aspx) ===== */

/* 제품 상세 스타일 */
.product-detail-wrap {margin-top: 50px;}

/* 카테고리 배지 - 기본 */
.category-badge {display: inline-block;padding: 0px 12px;border-radius: 20px;font-size: 14px;font-weight: 500;margin-bottom: 20px;}

/* 사업별 색상 */
.badge-ship {background: #FFE5E5;color: #D32F2F;}
.badge-auto {background: #F3E5F5;color: #7B1FA2;}
.badge-packaging {background: #E8F5E9;color: #2E7D32;}
.badge-industrial {background: #FFF3E0;color: #E65100;}
.badge-textile {background: #E1F5FE;color: #0277BD;}
.badge-powder {background: #FCE4EC;color: #C2185B;}
.badge-adhesive {background: #F1F8E9;color: #558B2F;}
.badge-functional {background: #E0F2F1;color: #00695C;}
.badge-hydrogen {background: #E3F2FD;color: #1565C0;}
.badge-default {background: #F5F5F5;color: #616161;}

/* 제품명 */
.product-name {font-size: 2.5em;font-weight: 700;color: #232324;margin-bottom: 20px;}

/* 제품 설명 */
.product-description {font-size: 16px;color: #232324;line-height: 1.6;margin-bottom: 40px;}

/* 메인 컨텐츠 영역 */
.product-main-content {display: flex;gap: 40px;margin-bottom: 80px;align-items: stretch;}

/* 제품 이미지 */
.product-image-wrap {flex: 1;display: flex;align-items: center;}
.product-image {width: 100%;height: 100%;object-fit: cover;border-radius: 12px;/* box-shadow: 0 4px 20px rgba(0,0,0,0.1); */}

/* 제품 정보 박스 */
.product-info-wrap {width: 40%;display: flex;flex-direction: column;gap: 15px;justify-content: flex-end;}
.info-box {background: #fff;border: 1px solid #E0E0E0;border-radius: 8px;padding: 40px;}
.info-box h3 {font-size: 20px;font-weight: 600;color: #232324;margin-bottom: 10px;line-height: 1.2;}
.info-box p {font-size: 18px;color: #232324;line-height: 1.2;}

.contact-link {display: inline-flex;align-items: center;gap: 8px;color: rgb(35 35 36 / 80%);text-decoration: none;font-size: 16px;margin-top: 10px;font-weight: 500;}
.contact-link:hover {text-decoration: underline;}

/* TDS 다운로드 버튼 */
.tds-download-btn {display: flex;align-items: center;justify-content: center;gap: 10px;padding: 12px 30px;background: #fff;border: 1px solid #002F2D;border-radius: 8px;color: #002F2D;font-size: 16px;font-weight: 500;cursor: pointer;width: 100%;}

/* 특징 섹션 */
.features-section {margin-bottom: 80px;}
.features-section h2 {font-size: 2em;font-weight: 700;margin-bottom: 40px;}
.features-grid {display: grid;grid-template-columns: repeat(6, 150px);gap: 30px;justify-content: start;}
.feature-item {text-align: center;background: #F0F5FC;border-radius: 50%;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;padding: 10px;}
.feature-item p {font-size: 16px;color: #232324;line-height: 1.5;font-weight: 500;}

/* 버전별 특징 스타일 */
.feature-version-group {margin-bottom: 40px;}
.feature-version-title {font-size: 18px;font-weight: 600;color: #232324;margin-bottom: 20px;}
.feature-version-grid {display: grid;grid-template-columns: repeat(3, 150px);gap: 30px;justify-content: start;}
.feature-version-item {text-align: center;background: #F0F5FC;border-radius: 50%;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;padding: 10px;}
.feature-version-item p {font-size: 16px;color: #232324;line-height: 1.5;font-weight: 500;margin: 0;}

/* 제품용도 섹션 */
.usage-section {margin-bottom: 80px;}
.usage-section h2 {font-size: 2em;font-weight: 700;margin-bottom: 40px;}
.usage-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;max-width: 1200px;}
.usage-item {overflow: hidden;border-radius: 8px;max-width: 400px;display: flex;flex-direction: column;}
.usage-item-image {width: 100%;overflow: hidden;border-radius: 8px 8px 0 0;}
.usage-item img {width: 100%;height: 100%;object-fit: cover;}
.usage-item h4 {font-size: 18px;font-weight: 600;color: #232324;margin: 12px 0 0;text-align: center;}

/* 연관제품 섹션 */
.related-products-section {margin-bottom: 80px;}
.related-products-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;}
.related-products-section h2 {font-size: 2em;font-weight: 700;margin-bottom: 0;}
.view-all-link {display: inline-flex;align-items: center;gap: 5px;color: #666;font-size: 16px;text-decoration: none;}
.view-all-link:hover {color: #002F2D;}
.related-products-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.related-product-card {background: #fff;border: 1px solid #E0E0E0;border-radius: 8px;overflow: hidden;transition: all 0.3s;cursor: pointer;}
.related-product-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.related-product-card .imgBox {width: 100%;height: 180px;background: #F5F5F5;overflow: hidden;}
.related-product-card .imgBox img {width: 100%;height: 100%;object-fit: cover;}
.related-product-card .textBox {padding: 20px;}
.related-product-card h4 {font-size: 16px;font-weight: 600;margin-bottom: 8px;}
.related-product-card p {font-size: 14px;color: #666;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 반응형 - 제품 상세 */

/* 태블릿 (1024px 이하) */
@media (max-width: 1024px) {
    .area-box {width: 100%;padding: 0 20px;}
    .product-main-content {gap: 30px;}
    .product-info-wrap {width: 38%;}
    .features-grid {grid-template-columns: repeat(4, 130px);gap: 20px;}
    .feature-version-grid {grid-template-columns: repeat(4, 130px);gap: 20px;}
    .related-products-grid {grid-template-columns: repeat(2, 1fr);}
}

/* 모바일 가로/작은 태블릿 (768px 이하) */
@media (max-width: 768px) {
    .product-detail-wrap {margin-top: 30px;}
    .category-badge {font-size: 13px;padding: 0px 15px;margin-bottom: 15px;}
    .product-name {font-size: 2em;margin-bottom: 15px;}
    .product-description {font-size: 15px;margin-bottom: 30px;}
    .product-main-content {flex-direction: column;gap: 20px;margin-bottom: 60px;}
    .product-image-wrap {width: 100%;}
    .product-info-wrap {width: 100%;}
    .info-box {padding: 20px;}
    .info-box h3 {font-size: 16px;}
    .info-box p {font-size: 15px;}
    .features-section,
    .usage-section,
    .related-products-section {margin-bottom: 60px;}
    .features-section h2,
    .usage-section h2,
    .related-products-section h2 {font-size: 1.6em;}
    .related-products-header {margin-bottom: 25px;}
    .features-grid {grid-template-columns: repeat(4, 110px);gap: 15px;}
    .feature-version-grid {grid-template-columns: repeat(3, 110px);gap: 15px;}
    .feature-item p {font-size: 13px;}
    .feature-version-item p {font-size: 13px;}
    .usage-grid {grid-template-columns: 1fr;gap: 20px;}
    .usage-item h4 {font-size: 16px;}
    .related-products-grid {grid-template-columns: repeat(2, 1fr);gap: 15px;}
    .related-product-card .imgBox {height: 150px;}
    .related-product-card .textBox {padding: 15px;}
    .related-product-card h4 {font-size: 15px;}
    .related-product-card p {font-size: 13px;}
}

/* 모바일 세로 (480px 이하) */
@media (max-width: 480px) {
    .product-detail-wrap {margin-top: 20px;}
    .category-badge {font-size: 12px;padding: 0px 12px;}
    .product-name {font-size: 1.5em;}
    .product-description {font-size: 14px;margin-bottom: 25px;}
    .product-main-content {margin-bottom: 40px;}
    .info-box {padding: 18px;}
    .info-box h3 {font-size: 15px;margin-bottom: 12px;}
    .info-box p {font-size: 14px;}
    .contact-link {font-size: 14px;}
    .tds-download-btn {width: 100%;justify-content: center;padding: 12px 20px;font-size: 15px;}
    .features-section,
    .usage-section,
    .related-products-section {margin-bottom: 40px;}
    .features-section h2,
    .usage-section h2,
    .related-products-section h2 {font-size: 1.4em;}
    .related-products-header {margin-bottom: 20px;}
    .features-grid {grid-template-columns: repeat(3, 90px);gap: 12px;}
    .feature-version-grid {grid-template-columns: repeat(3, 90px);gap: 12px;}
    .feature-item {padding: 15px;}
    .feature-version-item {padding: 15px;}
    .feature-item p {font-size: 12px;line-height: 1.3;}
    .feature-version-item p {font-size: 11px;line-height: 1.3;}
    .feature-version-title {font-size: 15px;}
    .usage-grid {gap: 15px;}
    .usage-item h4 {font-size: 15px;}
    .related-products-grid {grid-template-columns: 1fr;}
    .related-product-card .imgBox {height: 200px;}
    .related-product-card .textBox {padding: 18px;}
    .related-product-card h4 {font-size: 16px;margin-bottom: 10px;}
    .related-product-card p {font-size: 14px;-webkit-line-clamp: 3;}
}