:root { 
    --color-brand: #AE4695; 
    --color-sub-brand: #941369; 
    --mv-height-min: 560px;
    --mv-height-max: 980px;
    --mv-overlay: rgba(0,0,0,.15);
    --mv-text-color: #fff;
} 

br.mo{display: none;}


.empty_list{display: flex; width: 100% !important; min-height: 320px; align-items: center; justify-content: center; font-size: 16px;}

.zoom_item {display: none; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); z-index: 9999; justify-content: center; align-items: center;}
.zoom_item.active {display: flex;}
.zoom_item .zoom_img_box {position: relative; max-width: 90vw; max-height: 90vh;}
.zoom_item img {max-width: 90vw; max-height: 90vh;}

@media (max-width:600px) {
    .zoom_item img { max-width: 98vw; max-height: 60vh; }
}


.sub_wrap{width: 100%; box-sizing: border-box;}
.sub_top{position: relative; width: 100%; max-height: 680px; aspect-ratio: 16 / 9; background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_top .inner{position: relative; display: flex; justify-content: center; align-items: center; width: 1600px; height: 100%; margin: 0 auto;}
.sub_top .inner .tit_wrap{display: flex; justify-content: center;}
.sub_top .inner .tit_wrap .tit{display: flex; flex-direction: column; align-items: center; justify-content: center; width: fit-content; height: fit-content;}
.sub_top .inner .tit_wrap .tit span.eyebrow{font-size: 16px; font-weight: 400; color: #fff;}
.sub_top .inner .tit_wrap .tit p{margin-top: 15px; font-size: 60px; font-weight: bold; color: #fff;}
.drop_wrap{position: relative; z-index: 800; width: 100%; height: 60px; border-bottom: 1px solid #DDDDDD;}
.drop_wrap .inner{width: 1600px; height: 100%; margin: 0 auto;}
.drop_wrap .inner ul.drop_nav{display: flex; width: fit-content; height: 100%;}
.drop_wrap .inner ul.drop_nav>li{display: flex; justify-content: space-between; align-items: center; min-width: 220px; height: 100%; border-left: 1px solid #ddd; box-sizing: border-box;}
.drop_wrap .inner ul.drop_nav>li>a{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.drop_wrap .inner ul.drop_nav>li>a>img{width: 18px;}
.drop_wrap .inner ul.drop_nav>li:last-child{border-right: 1px solid #ddd;}
.drop_wrap .inner ul.drop_nav>li.home{justify-content: center; width: 60px; min-width: auto;}
.drop_wrap .inner ul.drop_nav>li.nav_list{position: relative; padding: 0 20px;}
.drop_wrap .inner ul.drop_nav>li.nav_list span{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; font-size: 16px; color: #666; font-weight: 400; cursor: pointer;}
.drop_wrap .inner ul.drop_nav>li.nav_list span img{width: 12px;}
.drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2{ position: absolute; top: calc(100%); left: 0; width: 100%; border: 1px solid #e7e7e7; border-top: 0; max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.35s ease;}
.drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2.active{ max-height: 600px; opacity: 1; visibility: visible;}
.drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2>li{ width: 100%; height: 56px;}
.drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2>li:hover a{background-color: #F7EEF5;}
.drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2>li>a{display: flex; align-items: center; width: 100%; height: 100%; font-size: 16px; background-color: #fff; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #e7e7e7;}
.drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2>li:last-child>a{border-bottom: 0;}
.drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2>li.on>a{background-color: var(--color-brand); color: #fff; font-weight: bold;}


/* 서브 상단 배경 */
.sub_wrap.aboutus .sub_top{background-image: url(../img/hanmicable/sub/aboutus_bg.png);}
.sub_wrap.products .sub_top{background-image: url(../img/hanmicable/sub/products_bg.png);}
.sub_wrap.sustainable .sub_top{background-image: url(../img/hanmicable/sub/sustainable_bg.png);}
.sub_wrap.newsroom .sub_top{background-image: url(../img/hanmicable/sub/newsroom_bg.png);}
.sub_wrap.cscenter .sub_top{background-image: url(../img/hanmicable/sub/cscenter_bg.png);}


.s_container{width: 100%; padding: 136px 0 156px; box-sizing: border-box;}
.s_container .inner{width: 1600px; margin: 0 auto;}
.s_container .inner.w1400{width: 1400px;}
.s_container .inner.w1784{width: 1784px;}
.s_container .inner.w100{width: 100%;}
.s_container .inner .s_page_tit{display: flex; flex-direction: column; gap: 24px; justify-content: center; align-items: center; width: 100%; text-align: center;}
.s_container .inner .s_page_tit span.eyebrow{font-size: 16px; font-weight: bold;}
.s_container .inner .s_page_tit p{font-size: 32px; font-weight: bold;}

/* 페이지네이션 */
.pg_wrap{display: flex; justify-content: center; margin-top: 72px; width: 100%;}
.pg_wrap .pg{display: flex; gap: 8px;}
.pg_wrap .pg .board_page{display: flex; gap: 12px;}
.pg_wrap .pg_page{display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; width: 32px; height: 32px; background: transparent; color: #c1c1c1; border-radius: 0; font-size: 16px; border: 0;}
.pg_wrap .pg_start{background: url(../img/hanmicable/sub/page_start.png) no-repeat 50% 50%;}
.pg_wrap .pg_prev{background: url(../img/hanmicable/sub/page_prev.png) no-repeat 50% 50%;}
.pg_wrap .pg_next{background: url(../img/hanmicable/sub/page_next.png) no-repeat 50% 50%;}
.pg_wrap .pg_end{background: url(../img/hanmicable/sub/page_end.png) no-repeat 50% 50%;}
.pg_wrap .pg_current{display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; width: 32px; height: 32px; background: transparent; color: #111111; border-radius: 0; font-size: 16px; border: 0; border-bottom: 2px solid #111;}

/* 검색 */
.search_wrap{display: flex; justify-content: center; align-items: center; margin-top: 96px; padding: 54px 0; box-sizing: border-box; background-color: #F5F5F5; border-radius: 10px;}
.search_right {position: relative; display:flex; height: 52px;}
.search_right select {width:fit-content; min-width: 210px; height:100%; padding:0 16px; border-radius: 10px; border: 0; outline: 0; background:url('../img/hanmicable/sub/search_down_arrow.png') no-repeat right 14px center #fff; background-size: 24px; color:#111; font-family: "Pretendard Variable"; font-size:17px; font-weight:500; text-align:left;  -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor: pointer;}
.search_right input[type="text"] {width:fit-content; min-width: 586px; height:100%; margin-left:10px; padding:0 62px 0 16px; border-radius: 10px; border:0; background:#fff; color:#111; font-family: "Pretendard Variable"; font-size:17px; font-weight:500; overflow: hidden;}
.search_right input[type="text"]::placeholder{color:#111; font-family: "Pretendard Variable"; font-size:17px; font-weight:500;}
.search_right .btn_search{position:absolute; top:1px; right:1px; display: flex; justify-content: center; align-items: center; width:62px; height:100%; margin:0; padding:0; border:none; background-color: var(--color-brand);  border-radius: 0 10px 10px 0;}
.search_right .btn_search img{width: 24px;}
.search_result {display: flex; align-items: flex-end;}
.search_result:after {content:''; display:block; clear:both;}
.search_result_txt {float:left; position:relative; height:26px; color:#000; font-size:17px; line-height:26px; font-weight:500;}
.search_result_txt strong {color: var(--color-brand); font-size:30px; font-weight:600;}

/* CEO 인사말 */
.s_container.ceo .inner>.img_box{position: relative; width: 100%; margin-top: 96px; border-radius: 30px; overflow: hidden;}
.s_container.ceo .inner>.img_box>img{width: 100%; object-fit: cover; display: block; clip-path: inset(0 40% 0 40% round 30px);}
.s_container.ceo .inner>.text_cont{display: flex; justify-content: space-between; width: 1600px; margin: 92px auto 0;}
.s_container.ceo .inner>.text_cont .left{display: flex; flex-direction: column; gap: 16px;}
.s_container.ceo .inner>.text_cont .left span{font-size: 64px; line-height: 88px; font-weight: bold; color: #e6e6e6;}
.s_container.ceo .inner>.text_cont .left span b.s_br{color: var(--color-sub-brand);}
.s_container.ceo .inner>.text_cont .left span b.br{color: var(--color-brand);}
.s_container.ceo .inner>.text_cont .left p{font-size: 24px; line-height: 42px; font-weight: 500;}
.s_container.ceo .inner>.text_cont .right{display: flex; flex-direction: column; width: 856px;}
.s_container.ceo .inner>.text_cont .right p{margin-top: 24px; font-size: 20px; line-height: 42px; color: #686868;}
.s_container.ceo .inner>.text_cont .right p b{color: var(--color-brand);}
.s_container.ceo .inner>.text_cont .right p:first-child{margin-top: 0;}
.s_container.ceo .inner>.text_cont .right .sign{display: flex; justify-content: flex-end; margin-top: 42px;}
.s_container.ceo .inner>.text_cont .right .sign span{display: flex; gap: 10px; font-size: 20px; color: #333;}
.s_container.ceo .inner>.text_cont .right .sign span b{color: var(--color-brand);}


/* 연혁 */
.s_container.hist .inner>.img_box{position: relative; width: 100%; margin-top: 96px; border-radius: 30px; overflow: hidden;}
.s_container.hist .inner>.img_box .text_wrap{position: absolute; left: 112px; bottom: 72px; z-index: 90;}
.s_container.hist .inner>.img_box .text_wrap span{font-size: 64px; font-weight: bold; color: #fff; letter-spacing: 4px;}
.s_container.hist .inner>.img_box .text_wrap p{margin-top: 12px; font-size: 18px; font-weight: 500; color: #fff;}
.s_container.hist .inner .hist_cont{position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 1560px; margin: 0 auto;}
.s_container.hist .inner .hist_cont .img_cont{position: sticky; top: 196px; margin-top: 196px;}
.s_container.hist .inner .hist_cont .img_cont .img_list{width: 100%; height: fit-content;}
.s_container.hist .inner .hist_cont .img_cont .img_list ul{width: 100%;}
.s_container.hist .inner .hist_cont .img_cont .img_list ul>li{opacity: 0; height: 0;}
.s_container.hist .inner .hist_cont .img_cont .img_list ul>li.active{opacity: 1; height: fit-content;}
.s_container.hist .inner .hist_cont .img_cont .img_list ul>li span.eyebrow{font-size: 20px; font-weight: 500; color: var(--color-brand);}
.s_container.hist .inner .hist_cont .img_cont .img_list ul>li p{margin-top: 12px; font-size: 64px; font-weight: bold;}
.s_container.hist .inner .hist_cont .img_cont .img_list ul>li .img_box{position: relative; overflow: hidden; margin-top: 36px; border-radius: 30px; width: 680px; height: 348px;}
.s_container.hist .inner .hist_cont .img_cont .img_list ul>li .img_box img{width: 100%; object-fit: cover;}
.s_container.hist .inner .hist_cont .text_cont{position: relative; width: 50%; padding:116px 0 96px 80px;}
.s_container.hist .inner .hist_cont .text_cont .bar_bg{position: absolute; top: 0; left: 0; width: 1px; background-color: #DDDDDD; height: 100%}
.s_container.hist .inner .hist_cont .text_cont .hist_list{width: 100%;}
.s_container.hist .inner .hist_cont .text_cont .hist_list>ul{display: flex; flex-direction: column; gap: 96px; width: 100%;}
.s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li{display: flex; flex-direction: column; gap: 42px;}
.s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl{display: flex; flex-direction: column;}
.s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dt{font-size: 24px; font-weight: bold;}
.s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dd{margin-top: 10px; font-size: 18px; font-weight: 400; color: #868686;}
.s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dd:first-child{margin-top: 15px;}
.s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dd b{color: var(--color-brand);}

/* 주요 고객사 */
.s_container.clie .clients_cont{position: relative; width: 100%; margin-top: 96px;}
.s_container.clie .clients_cont .img_bg{position: absolute; left: 0; bottom: 0; z-index: -1;}
.s_container.clie .clients_cont ul.cont_box{display: flex; flex-direction: column; gap: 56px; width: 100%;}
.s_container.clie .clients_cont ul.cont_box>li{display: flex; justify-content: space-between; width: 100%;}
.s_container.clie .clients_cont ul.cont_box>li span{position: relative; display: flex; height: fit-content; font-size: 24px; font-weight: bold; padding-left: 14px;}
.s_container.clie .clients_cont ul.cont_box>li span::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 4px; height: 16px; background-color: var(--color-brand);}
.s_container.clie .clients_cont ul.cont_box>li>ul.clients_list{display: flex; flex-wrap: wrap; gap: 16px; width:1088px; padding: 0 16px; box-sizing: border-box;}
.s_container.clie .clients_cont ul.cont_box>li>ul.clients_list>li{overflow: hidden; width: calc((100% - 48px)/4); height: 82px; border-radius: 10px; box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.04); border: 1px solid #F5F5F5;}
.s_container.clie .clients_cont ul.cont_box>li>ul.clients_list>li img{width: 100%;}
.s_container.clie .link_cont{overflow: hidden; position: relative; width: 100%; height: 500px; padding: 125px 106px; box-sizing: border-box; margin-top: 156px; border-radius: 20px;}
.s_container.clie .link_cont .img_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.s_container.clie .link_cont .img_bg img{width: 100%; height: 100%; object-fit: cover;}
.s_container.clie .text_wrap{width: 100%;}
.s_container.clie .text_wrap span{font-size: 36px; line-height: 140%; font-weight: bold; color: #fff;}
.s_container.clie .text_wrap p{margin-top: 16px; font-size: 20px; line-height: 140%; font-weight: 400; color: #fff;}
.s_container.clie .text_wrap .link_btn{display: flex; margin-top: 72px;}
.s_container.clie .text_wrap .link_btn a{display: flex; justify-content: center; align-items: center; gap: 4px; padding: 16px 36px; box-sizing: border-box; border-radius: 500px; font-size: 17px; font-weight: bold; background: var(--color-brand); color: #fff;}
.s_container.clie .text_wrap .link_btn a img{width: 24px;}




/* 사업장 소개 */
.s_container.loca .map_wrap{display: flex; flex-direction: column; gap: 72px;}
.s_container.loca .map_wrap ul.map_tab{display: flex; width: 100%; height: 62px; margin-top: 56px;}
.s_container.loca .map_wrap ul.map_tab>li{width: calc(100%/3); height: 100%; border-bottom: 1px solid #DDDDDD; cursor: pointer;}
.s_container.loca .map_wrap ul.map_tab>li.active{border-bottom: 2px solid #AE4695;}
.s_container.loca .map_wrap ul.map_tab>li span{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 18px; font-weight: 500; color: #999;}
.s_container.loca .map_wrap ul.map_tab>li.active span{color: #111;}
.s_container.loca .map_wrap .map_cont {width: 100%;}
.s_container.loca .map_wrap .map_cont>div{width: 100%;}
.s_container.loca .map_wrap .map_cont .map{width: 100%; height: 460px; border: 1px solid #ddd;}
.s_container.loca .map_wrap .map_cont .map .wrap_controllers{display: none;}
.s_container.loca .map_wrap .map_cont .map .root_daum_roughmap .map_border{display: none !important; border: 0 !important;}
.s_container.loca .map_wrap .map_cont .map .kakao-label { background-color:#fff; border:1px solid #ddd; box-shadow:none!important; color:var(--color-brand); font-size:15px; font-weight:bold; padding:8px 16px; white-space:nowrap; text-align:center; border-radius:10px; }
.s_container.loca .map_wrap .map_cont ul.map_info{display: flex; gap: 96px; width: 100%; height: fit-content; margin-top: 60px;}
.s_container.loca .map_wrap .map_cont ul.map_info>li{display: flex; align-items: center; gap: 18px;}
.s_container.loca .map_wrap .map_cont ul.map_info>li .icon{display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; background-color: #EFEFEF; overflow: hidden; border-radius: 10px;}
.s_container.loca .map_wrap .map_cont ul.map_info>li .icon img{width: 30px; height: 30px;}
.s_container.loca .map_wrap .map_cont ul.map_info>li .text{display: flex; flex-direction: column; gap: 8px;}
.s_container.loca .map_wrap .map_cont ul.map_info>li .text span{font-size: 20px; font-weight: bold;}
.s_container.loca .map_wrap .map_cont ul.map_info>li .text p{font-size: 16px; font-weight: 500; color: #999;}

/* 인증서 */
.s_container.cert .inner #bo_cate{margin: 96px auto 0;}
.s_container.cert .inner #bo_cate ul#bo_cate_ul{display: flex; gap: 24px; height: 62px; margin: 0 auto; width: fit-content;}
.s_container.cert .inner #bo_cate ul#bo_cate_ul>li{width: 200px; height: 100%; padding: 0;}
.s_container.cert .inner #bo_cate ul#bo_cate_ul>li>a{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 17px; font-weight: 500; background-color: #F4F4F4; color: #b2b2b2; box-shadow: none; outline: 0; border: 0;}
.s_container.cert .inner #bo_cate ul#bo_cate_ul>li>a#bo_cate_on{background-color: var(--color-brand); color: #fff; font-weight: bold;}
.s_container.cert .inner #bo_cate ul#bo_cate_ul>li:first-child{display: none;}
.s_container.cert .inner #bo_cate ul#bo_cate_ul:after{content: none;}
.s_container.cert #gall_ul{display: flex; flex-wrap: wrap; gap: 72px 24px; margin-top: 72px;}
.s_container.cert #gall_ul li{width: calc((100% - 72px)/4);}
.s_container.cert #gall_ul li .gall_img{position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border: 2px solid #F5F5F5; border-radius: 4px; box-sizing: border-box; transition: all 0.3s ease;}
.s_container.cert #gall_ul li .gall_img::before{content: ""; position: absolute; inset: 0; border-radius: 4px; padding: 2px; background: linear-gradient(90deg, #A64C8F 0%, #E083B6 30%, #941369 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.3s ease;}
.s_container.cert #gall_ul li:hover .gall_img::before{opacity: 1;}
.s_container.cert #gall_ul li .gall_img img{position: relative; z-index: 1; border-radius: 2px;}
.s_container.cert #gall_ul li .gall_text_href{display: flex; justify-content: center; margin-top: 32px;}
.s_container.cert #gall_ul li .gall_text_href span{font-size: 18px; font-weight: 500; color: #777777; text-align: center; line-height: 22px; transition: all 0.3s ease;}
.s_container.cert #gall_ul li .gall_text_href .bo_tit{font-size: 18px; font-weight: 500; line-height: 22px; text-align: center;}
.s_container.cert #gall_ul li:hover .gall_text_href span{color: #111; font-weight: bold;}
.s_container.cert #gall_ul li .zoom_wrap{width: 283px; height: 400px;}
.s_container.cert #gall_ul li .zoom_wrap img{width: 100%; height: 100%;}




/* 제품소개 */
.s_container.prod .inner .prod_top{position: relative; width: 100%;}
.s_container.prod .inner .prod_top::before{position: absolute; right: 0; top: -14px; content: ""; background-image: url(../img/hanmicable/sub/pro_top_bg.png); background-size: cover; background-repeat: no-repeat; width: 424px; height: 300px; z-index: -1;}
.s_container.prod .inner .prod_top .s_page_tit{text-align: left; align-items: flex-start;}
.s_container.prod .inner .prod_top .s_page_tit p.sub{font-size: 18px; font-weight: 500; line-height: 26px;}
.s_container.prod .inner .prod_top .pro_link_wrap{position: relative; display: flex; flex-direction: column; width: 100%; margin-top: 56px;} 
.s_container.prod .inner .prod_top .pro_link_wrap .bar{margin-top: 16px; width: 100%; height: 1px; background-color: #DEE6E9;}
.s_container.prod .inner .prod_top .pro_link_wrap ul.pro_link_list{display: flex; gap: 36px;}
.s_container.prod .inner .prod_top .pro_link_wrap ul.pro_link_list>li{font-size: 20px; font-weight: 500; color: #9a9a9a;}
.s_container.prod .inner .prod_top .pro_link_wrap ul.pro_link_list>li.on{font-weight: bold; color: var(--color-brand);}
.s_container.prod .inner .prod_top .pro_link_wrap #bo_cate{margin: 0;}
.s_container.prod .inner .prod_top .pro_link_wrap #bo_cate #bo_cate_ul{display: flex; flex-wrap: wrap; gap: 12px; padding-top: 16px; background-color: #fff;}
.s_container.prod .inner .prod_top .pro_link_wrap #bo_cate #bo_cate_ul>li{padding: 0;}
.s_container.prod .inner .prod_top .pro_link_wrap #bo_cate #bo_cate_ul>li a{padding: 12px 24px; box-sizing: border-box; background-color: #f7f7f7; color: #9a9a9a; font-size: 16px; font-weight: 500; border: 0; box-shadow: none; border-radius: 500px; line-height: 1;}
.s_container.prod .inner .prod_top .pro_link_wrap #bo_cate #bo_cate_ul>li a#bo_cate_on{background-color: var(--color-brand); color: #fff; font-weight: bold;}


.s_container.prod .all_input_wrap{display: flex; flex-direction: column; gap: 56px; width: 100%; margin-top: 36px;}
.s_container.prod .all_input_wrap .input_wrap{display: flex; flex-direction: column; gap: 32px; width: 100%;}
.s_container.prod .all_input_wrap .input_wrap.one{gap: 24px;}
.s_container.prod .all_input_wrap .input_wrap .input_box .input_item .privacy_inquiry{overflow-y: scroll; padding: 16px;box-sizing: border-box; width: 100%; height: 200px; font-size: 15px; color: #666; line-height: 24px; background-color: #f5f5f5; border: 1px solid #eee; border-radius: 8px; word-break: normal;}
.s_container.prod .all_input_wrap .input_wrap .input_box .input_item .check{display: flex; gap: 4px; align-items: center; justify-content: flex-end;}
.s_container.prod .all_input_wrap .input_wrap .input_box .input_item .check input[type=checkbox]{width: 16px; height: 16px;}
.s_container.prod .all_input_wrap .input_wrap .input_box .input_item .check label{font-size: 16px; font-weight: 400; cursor: pointer;}
.s_container.prod .all_input_wrap .input_wrap .input_box .input_item .check label .line{text-decoration: underline;}
.s_container.prod .all_input_wrap .input_wrap>span{display: flex; align-items: center; width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; font-size: 22px; font-weight: bold;}
.s_container.prod .all_input_wrap .input_wrap .input_box{display: flex; flex-wrap: wrap; gap: 25px; width: 100%;}
.s_container.prod .all_input_wrap .input_wrap.one .input_box .input_item{display: flex; flex-direction: column; gap: 24px; width: 100%;}
.s_container.prod .all_input_wrap .input_wrap.two .input_box .input_item{display: flex; flex-direction: column; width: calc((100% - 50px)/3); gap: 8px;}
.s_container.prod .all_input_wrap .input_wrap.three .input_box .input_item{display: flex; flex-direction: column; gap: 6px; width: 100%;}
.s_container.prod .all_input_wrap .input_wrap .input_box .input_item label{display: flex; gap: 2px; font-size: 18px; font-weight: bold;}
.s_container.prod .all_input_wrap .input_wrap .input_box .input_item label span{color: #ef5350;}
.s_container.prod .all_input_wrap .input_wrap .input_box .input_item input{width: 100%; height: 48px; border-radius: 8px; background-color: #f5f5f5; border: 1px solid #eee; padding-left: 16px; font-size: 14px;}
.s_container.prod .all_input_wrap .input_wrap .input_box .input_item textarea{ height: 156px; padding: 16px; resize: none; /* 변경 불가능 */ border-radius: 8px; background-color: #F5F5F5; border: 1px solid #eee; font-size: 16px;}
.s_container.prod .all_input_wrap .input_wrap.three .input_box .input_item textarea{width: 100%; height: 280px; resize: none; padding: 16px; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #eee; border-radius: 8px; box-shadow: none;}
.s_container.prod .all_input_wrap .input_wrap.four{gap: 8px;}
.s_container.prod .all_input_wrap .input_wrap.four .input_box{width: 100%;}
.s_container.prod .all_input_wrap .input_wrap.four span{height: auto; border-bottom: 0;}
.s_container.prod .all_input_wrap .input_wrap.four .input_box .input_item{display: flex; gap: 16px; width: 100%; color: #fff; height: 48px;}
.s_container.prod .all_input_wrap .input_wrap.four .input_box .input_item .file_name{display: flex; align-items: center; padding-left: 16px; box-sizing: border-box; width: 100%; background-color: #F5F5F5; border: 1px solid #eee; border-radius: 8px; color: #111; font-size: 16px; font-weight: 400; height: 100%;}
.s_container.prod .all_input_wrap .input_wrap.four .input_box .input_item .file_name span{color: #111; font-size: 16px; font-weight: 400;}
.s_container.prod .all_input_wrap .input_wrap.four .input_box .input_item input{display: none; width: 186px; background-color: #000;}
.s_container.prod .all_input_wrap .input_wrap.four .input_box .input_item label{display: flex; justify-content: center; align-items: center; width: 186px; background-color: #000; font-size: 16px; font-weight: 400; color: #fff; height: 100%; border-radius: 8px; cursor: pointer; }
.s_container.prod .all_input_wrap .input_wrap.five .input_box .input_item{display: flex; flex-direction: column; width: calc((100% - 50px)/3); gap: 6px;}
.s_container.prod .all_input_wrap .file_cancel_btn {display: none; background-color: transparent; border: 0; outline: 0; box-shadow: unset; width: 48px; height: 100%; }
.s_container.prod .all_input_wrap .file_cancel_btn img {width: 12px;}
.s_container.prod .input_wrap .input_box .sound_only{display: none !important;}
.s_container.prod .btn_confirm{margin-top: 56px; text-align: center;}
.s_container.prod .btn_confirm button{padding: 15px 32px !important; min-width: 160px; height: 56px; box-sizing: border-box; background-color: var(--color-brand); font-size: 18px !important; font-weight: bold; color: #fff; border-radius: 500px; box-shadow: unset; outline: 0; font-family: 'Pretendard'; border: 0; line-height: unset;}
.s_container.prod #bo_w .bo_w_select{display: flex; flex-direction: column; gap: 32px; margin-top: 56px; background-color: #fff; padding-top: 56px; border-top: 1px solid #DEE6E9;}
.s_container.prod #bo_w .bo_w_select span{display: flex; align-items: center; width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; font-size: 22px; font-weight: bold;}
.s_container.prod #bo_w .write_div{display: flex; gap: 16px; margin: 0; width: fit-content; margin-top: 56px; height: 56px;}
.s_container.prod #bo_w .write_div .btn_cancel{display: flex; justify-content: center; align-items: center; padding: 15px 32px; min-width: 160px; border-radius: 500px; height: 100%; line-height: unset; font-size: 18px;}
.s_container.prod .all_input_wrap .input_wrap.four>p{font-size: 14px; padding-left: 4px; margin-top: 4px;}
.s_container.prod #bo_w .bo_w_select select option:last-child{ display: none;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus {
    -webkit-box-shadow: 0 0 5px #9ed4ff;
    -moz-box-shadow: 0 0 5px #9ed4ff;
    box-shadow: 0 0 5px #9ed4ff;
    border: 1px solid #558ab7 !important;
}

.s_container.prod .product_list{display:flex; flex-direction:column; gap:32px; margin-top:76px;}
.s_container.prod .product_item{position:relative; display:flex; align-items:center; gap:96px; padding-bottom:84px; border-bottom:1px solid #D3D3D3;}
.s_container.prod .product_item:last-child{border-bottom:0;}
.s_container.prod .product_item .product_chk{position:absolute; left:16px; top:16px; z-index: 999;}
.s_container.prod .product_item .product_chk input{width: 16px; height: 16px;}
.s_container.prod .product_thumb{position:relative; max-width:534px; display:block;}
.s_container.prod .product_thumb img{width:100%; height:auto; display:block; object-fit:cover;}

/* PC 썸네일 래퍼 */
.s_container.prod .thumb_pc{position:relative; border-radius:16px; overflow:hidden; width:100%;}

/* 기본 이미지 */
.s_container.prod .thumb_pc .img_main{position:relative; z-index:1; display:block; width:100%; height:auto; opacity:1; transition:opacity .4s ease;}

/* hover 이미지 */
.s_container.prod .thumb_pc .img_hover{width:100%; height:auto; opacity:0; transition: opacity 1s ease-in-out;}

/* ★ 두 번째 이미지 있을 때만(has-hover) hover 전환 */
.s_container.prod .thumb_pc.has-hover .img_main{position:absolute; left:0; top:0;}
.s_container.prod .thumb_pc.has-hover:hover .img_main{opacity:0;}
.s_container.prod .thumb_pc.has-hover:hover .img_hover{opacity:1;}

.s_container.prod .product_thumb .no_img{display:flex; justify-content:center; align-items:center; height:200px; background:#f5f5f5; font-size:13px; color:#999;}
.s_container.prod .thumb_mo{display:none;}
.s_container.prod .product_info{display:flex; flex-direction:column; justify-content:center; gap:36px; width:100%;}
.s_container.prod .product_head{display:flex; align-items:center; justify-content:space-between; padding-right:96px;}
.s_container.prod .product_title{display:flex; align-items:center;}
.s_container.prod .product_title span{font-size:36px; font-weight:500;}
.s_container.prod .product_title a{font-size: 36px; font-weight: 500; color:#111;}
.s_container.prod .pdf_download{display:flex; padding:12px 24px; box-sizing:border-box; border-radius:10px; background-color:#fdfdfd; border:1px solid #dedede; transition: 0.3s;}
.s_container.prod .pdf_download a.btn_catalog{display:flex; justify-content:center; align-items:center; gap:8px; width:100%; height:100%; font-size:15px; font-weight:500; color:#9A9A9A;}
.s_container.prod .pdf_download:has(a.btn_catalog:hover){border-color: var(--color-sub-brand);}
.s_container.prod .pdf_download a.btn_catalog:hover{font-weight: 600; color: var(--color-brand); transition: 0.3s;}
.s_container.prod .btn_catalog[disabled]{background:#f5f5f5; color:#aaa; border-color:#eee; cursor:default;}
.s_container.prod .pdf_download .btn_catalog .icon{width:20px;height:20px;display:inline-block;background-image:url('../img/hanmicable/sub/download_icon.png');background-size:contain;background-repeat:no-repeat;margin-right:6px;vertical-align:middle;transition:0.3s;}
.s_container.prod .pdf_download .btn_catalog:hover .icon{background-image:url('../img/hanmicable/sub/download_icon_color.png');}


.s_container.prod .product_specs{display:flex; flex-direction:column; gap:20px;}
.s_container.prod .product_specs .spec_row{display:flex;}
.s_container.prod .product_specs dt{width:136px; font-size:20px; font-weight:500;}
.s_container.prod .product_specs.eng dt{width:196px; font-size:20px; font-weight:500;}
.s_container.prod .product_specs dd{width: calc(100% - 136px); font-size:18px; font-weight:400; color:#999;}
.s_container.prod .product_specs.eng dd{width: calc(100% - 196px); font-size:18px; font-weight:400; color:#999;}
.s_container.prod .product_specs dd ul.spec_list{display: flex; flex-direction: column; gap: 10px;}
.s_container.prod .product_specs dd ul.spec_list>li{line-height: 20px;}
.s_container.prod .empty_list{padding:80px 0; text-align:center; font-size:14px; color:#777;}





/* 품질환경 */
.s_container.qual .inner{width: 100%;}
.s_container.qual .inner .text_cont{margin-top: 56px; width: 100%; text-align: center;}
.s_container.qual .inner .text_cont span{display: block; font-size: 40px; font-weight: 300; line-height: 120%;}
.s_container.qual .inner .text_cont span b{font-size: 40px; font-weight: bold; color: var(--color-brand);}
.s_container.qual .inner .text_cont p{margin-top: 24px; font-size: 24px; font-weight: 500; line-height: 36px;}
.s_container.qual .inner .info_cont{margin-top: 72px; width: 100%;}
.s_container.qual .inner .info_cont .graphic_wrap{position: relative; width: 100%;}
.s_container.qual .inner .info_cont .graphic_wrap .img_box{width: 100%;}
.s_container.qual .inner .info_cont .graphic_wrap .img_box img{width: 100%;}
.s_container.qual .inner .info_cont .graphic{position: relative; bottom: 150px; display: flex; width: fit-content; margin: 0 auto;}
.s_container.qual .inner .info_cont .graphic .circle{position: relative; display: flex; justify-content: center; align-items: center; width: 300px; height: 300px; border: 6px solid #F2F2F2; border-radius: 500px; background-color: #fff;}
.s_container.qual .inner .info_cont .graphic .circle::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 100%; height: 1px; background-color: #F4F4F4;}
.s_container.qual .inner .info_cont .graphic .circle.two{left: -6px;}
.s_container.qual .inner .info_cont .graphic .circle .circle_item{display: flex; flex-direction: column; align-items: center; width: fit-content; gap: 60px;}
.s_container.qual .inner .info_cont .graphic .circle .circle_item .qual_icon{width: 64px;}
.s_container.qual .inner .info_cont .graphic .circle .circle_item .qual_icon img{width: 100%;}
.s_container.qual .inner .info_cont .graphic .circle .circle_item .dot{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; background-color: #fff; border-radius: 500px; border: 1px solid var(--color-brand);}
.s_container.qual .inner .info_cont .graphic .circle .circle_item .dot::after{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content: ""; width: 4px; height: 4px; background-color: var(--color-brand); border-radius: 500px;}
.s_container.qual .inner .info_cont .graphic .circle .circle_item .text_box{width: fit-content; text-align: center;}
.s_container.qual .inner .info_cont .graphic .circle .circle_item .text_box span{font-size: 24px; font-weight: bold;}
.s_container.qual .inner .info_cont .graphic .circle .circle_item .text_box p{margin-top: 14px; font-size: 16px; line-height: 23px; color: #595959; font-weight: 500;}
.s_container.qual .inner .info_cont .info_text_cont{width: 100%; margin-top: -24px;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual{width: 100%; border-top: 1px solid #DDDDDD;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual:last-child{border-bottom: 1px solid #DDDDDD;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner{display: flex; justify-content: space-between; width: 1400px; margin: 0 auto; padding: 42px 0; box-sizing: border-box;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left{display: flex; flex-direction: column; width: 50%;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left .info_tit{position: relative; padding-left: 16px; font-size: 24px; font-weight: bold;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left .info_tit::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 6px; height: 6px; background-color: var(--color-brand); border-radius: 500px; }
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left .info_tit small{font-size: 16px; font-weight: 400; color: #666;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left p.info_s_txt{margin-top: 16px; font-size: 17px; line-height: 28px;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right{width: 50%; padding-left: 48px; box-sizing: border-box;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list{display: flex; flex-direction: column; gap: 24px; width: 100%;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li{display: flex; gap: 30px;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .info_icon{display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; background-color: #F4F4F4; border-radius: 10px; overflow: hidden;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .info_icon img{width: 24px;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt{display: flex; flex-direction: column; justify-content: center; gap: 8px;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt span{font-size: 18px; font-weight: bold;}
.s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt p{font-size: 16px; font-weight: 400; color: #666;}
.s_container.qual .inner .total_cont{position: relative; width: 1400px; margin: 0 auto; padding-top: 140px; box-sizing: border-box;}
.s_container.qual .inner .total_cont .big_arrow{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: fit-content; z-index: -1;}
.s_container.qual .inner .total_cont .total_item{overflow: hidden; width: 100%; padding: 120px 0; box-sizing: border-box; border-radius: 30px; background: url(../img/hanmicable/sub/qual_img_04.png); background-size: cover; background-repeat: no-repeat;}
.s_container.qual .inner .total_cont .total_item .total_txt{width: fit-content; margin: 0 auto; text-align: center;}
.s_container.qual .inner .total_cont .total_item .total_txt span{font-size: 36px; font-weight: 400; line-height: 140%; color: #fff;}
.s_container.qual .inner .total_cont .total_item .total_txt span b{font-weight: bold; font-size: 36px; line-height: 140%; color: #fff;}
.s_container.qual .inner .total_cont .total_item .total_txt p{margin-top: 20px; font-size: 20px; font-weight: 400; line-height: 140%; color: #fff;}
.s_container.qual .inner .total_cont .total_item .total_txt p b{font-size: 20px; font-weight: bold; line-height: 140%; color: #fff;}


/* R&D 공통 */
.s_container.rnd .inner ul.link_btn{display: flex; gap: 24px; width: fit-content; height: 60px; margin: 96px auto 0;}
.s_container.rnd .inner ul.link_btn>li{width: 200px; height: 100%;}
.s_container.rnd .inner ul.link_btn>li a{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; border-radius: 500px; background-color: #F4F4F4; font-size: 17px; font-weight: 500; color: #B2B2B2;}
.s_container.rnd .inner ul.link_btn>li a.on{background-color: var(--color-brand); font-weight: bold; color: #fff;}
.s_container.rnd .inner>.img_box{position: relative; overflow: hidden; width: 100%; margin-top: 96px; border-radius: 30px;}
.s_container.rnd .inner>.img_box img{width: 100%;}
.s_container.rnd .inner>.img_box .text_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;}
.s_container.rnd .inner>.img_box .text_wrap span{font-size: 64px; font-weight: bold; color: var(--color-sub-brand); line-height: 72px; font-style: italic;}
.s_container.rnd .inner>.img_box .text_wrap span p{font-size: 64px; font-weight: bold; color: var(--color-brand); line-height: 72px; font-style: italic;}
.s_container.rnd .inner .rnd_cont{margin-top: 116px; width: 100%;}

/* R&D - 시험설비 */
.s_container.rnd .inner .rnd_cont.one{width: 1204px; margin: 0 auto;}
.s_container.rnd .inner .rnd_cont.one .inner{width: 100%;}
.s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap{display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 116px auto 0;}
.s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box{display: flex; flex-direction: column; width: 480px;}
.s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box .type{display: flex; flex-direction: column; width: fit-content; margin: 0 auto; text-align: center;}
.s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box .type span{font-size: 15px; font-weight: 400;}
.s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box .type p{font-size: 36px; font-weight: bold; margin-top: 12px;}
.s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box>span{display: flex; justify-content: center; align-items: center; margin-top: 36px; padding: 0 24px; min-height: 162px; box-sizing: border-box; font-size: 18px; line-height: 26px; font-weight: 400; text-align: center; border: 2px solid #E8E8E8; border-radius: 10px;}
.s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .plus_img{width: 52px;position: relative;bottom: -46px;}
.s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .plus_img img{width: 100%;}
.s_container.rnd .inner .rnd_cont.one .inner .total_cont{position: relative; width: 100%; margin: 280px auto 0; }
.s_container.rnd .inner .rnd_cont.one .inner .total_cont .big_arrow{position: absolute; top: -162px; left: 50%; transform: translateX(-50%); width: fit-content;}
.s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item{width: 100%; padding: 46px 0; box-sizing: border-box; border: 1px solid #DAB3D0; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); border-radius: 30px; text-align: center;}
.s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item span{font-size: 24px; font-weight: 400; line-height: 36px; text-align: center;}
.s_container.rnd .facilities_list{width: 100%; height: fit-content; margin-top: 106px;}
.s_container.rnd .facilities_list .faci_img {margin:0 12px; cursor:pointer; overflow: hidden; border-radius:10px;}
.s_container.rnd .facilities_list .faci_img img {width:100%; height:420px; object-fit:cover; border-radius:10px; transition: transform 1s ease;}
.s_container.rnd .facilities_list .faci_img img:hover {transform: scale(1.1) translateX(5px);}
.s_container.rnd .facilities_list .slick-dots {display:flex !important; justify-content:flex-start; align-items:center; gap:8px; margin:96px auto 0; width:fit-content; bottom:unset; position:relative;}
.s_container.rnd .facilities_list .slick-dots li {width:auto; height:auto; margin:0;}
.s_container.rnd .facilities_list .slick-dots li button {padding:0; width:10px; height:10px; border-radius:50%; background:#dddddd; border:none; font-size:0; cursor:pointer; transition: all 0.35s ease;   /* ← 애니메이션 핵심 */}
.s_container.rnd .facilities_list .slick-dots li button:before {display:none;}
.s_container.rnd .facilities_list .slick-dots li.slick-active button {width:60px; height:10px; border-radius:999px; background:var(--color-brand); transition: width 0.45s ease-out;}




/* R&D - 환경친화 */
.s_container.rnd .inner .info_text_cont{width: 100%; margin-top: 116px;}
.s_container.rnd .inner .info_text_cont .info_rnd{width: 100%;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner{display: flex; justify-content: space-between; align-items: center; width: 1400px; margin: 0 auto; padding: 42px 0; box-sizing: border-box;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left{display: flex; flex-direction: column; width: 50%;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap .info_tit{position: relative; padding-left: 16px; font-size: 24px; font-weight: bold;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap .info_tit::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 6px; height: 6px; background-color: var(--color-brand); border-radius: 500px; }
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap .info_tit small{font-size: 16px; font-weight: 400; color: #666;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap p.info_s_txt{margin-top: 16px; font-size: 17px; line-height: 28px;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list{display: flex; flex-direction: column; gap: 24px; width: 100%; margin-top: 56px;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li{display: flex; gap: 30px;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .info_icon{display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; background-color: #F4F4F4; border-radius: 10px; overflow: hidden;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .info_icon img{width: 24px;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt{display: flex; flex-direction: column; justify-content: center; gap: 8px;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt span{font-size: 18px; font-weight: bold;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt p{font-size: 16px; font-weight: 400; color: #666;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .right{width: 50%;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .right .img_box{width: 100%;}
.s_container.rnd .inner .info_text_cont .info_rnd .inner .right .img_box img{width: 100%;}

/* 해외전시 */
.s_container.over #fboardlist{margin-top:46px;}
.s_container.over .expo_list{display:flex;flex-wrap:wrap;gap:60px 40px;margin-top:76px;}
.s_container.over .expo_item{position:relative;width:calc((100% - 80px)/3);}
.s_container.over .expo_card{display:flex;flex-direction:column;height:100%;}
.s_container.over .expo_thumb{position:relative;width:100%;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#f5f5f5;border:1px solid #EDEDED;}
.s_container.over .expo_thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover; transition: transform .4s ease;}
.s_container.over .expo_thumb:hover img{transform: scale(1.08);}
.s_container.over .expo_info{margin-top:20px;padding:0 8px;box-sizing:border-box;}
.s_container.over .expo_title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-size:18px;font-weight:500;line-height:22px;}
.s_container.over .expo_chk{position:absolute;left:10px;top:10px;z-index:90;}
.s_container.over .expo_chk input{width:16px;height:16px;}

.s_container.over .all_input_wrap{display: flex; flex-direction: column; gap: 56px; width: 100%; margin-top: 36px;}
.s_container.over .all_input_wrap .input_wrap{display: flex; flex-direction: column; gap: 32px; width: 100%;}
.s_container.over .all_input_wrap .input_wrap.one{gap: 24px;}
.s_container.over .all_input_wrap .input_wrap>span{display: flex; align-items: center; width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; font-size: 22px; font-weight: bold;}
.s_container.over .all_input_wrap .input_wrap .input_box{display: flex; flex-wrap: wrap; gap: 8px; width: 100%;}
.s_container.over .all_input_wrap .input_wrap.one .input_box .input_item{display: flex; flex-direction: column; gap: 24px; width: 100%;}
.s_container.over .all_input_wrap .input_wrap.two .input_box .input_item{display: flex; flex-direction: column; width: 100%; gap: 8px;}
.s_container.over .all_input_wrap .input_wrap.three .input_box .input_item{display: flex; flex-direction: column; gap: 6px; width: 100%;}
.s_container.over .all_input_wrap .input_wrap .input_box .input_item label{display: flex; gap: 2px; font-size: 18px; font-weight: bold;}
.s_container.over .all_input_wrap .input_wrap .input_box .input_item label span{color: #ef5350;}
.s_container.over .all_input_wrap .input_wrap .input_box .input_item input{width: 100%; height: 48px; border-radius: 8px; background-color: #f5f5f5; border: 1px solid #eee; padding-left: 16px; font-size: 14px;}
.s_container.over .all_input_wrap .input_wrap .input_box .input_item>p{font-size: 14px; padding-left: 4px; margin-top: 4px;}
.s_container.over .all_input_wrap .input_wrap .input_box .input_item textarea{ height: 156px; padding: 16px; resize: none; border-radius: 8px; background-color: #F5F5F5; border: 1px solid #eee; font-size: 16px;}
.s_container.over .all_input_wrap .input_wrap.three .input_box .input_item textarea{width: 100%; height: 280px; resize: none; padding: 16px; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #eee; border-radius: 8px; box-shadow: none;}
.s_container.over .all_input_wrap .input_wrap.four{gap: 8px;}
.s_container.over .all_input_wrap .input_wrap.four .input_box{width: 50%;}
.s_container.over .all_input_wrap .input_wrap.four .input_box>p{font-size: 14px; padding-left: 4px; margin-top: 4px;}
.s_container.over .all_input_wrap .input_wrap.four span{height: auto; border-bottom: 0;}
.s_container.over .all_input_wrap .input_wrap.four .input_box .input_item{display: flex; gap: 32px; width: 100%; color: #fff; height: 48px;}
.s_container.over .all_input_wrap .input_wrap.four .input_box .input_item .file_name{display: flex; align-items: center; padding-left: 16px; box-sizing: border-box; width: 100%; background-color: #F5F5F5; border: 1px solid #eee; border-radius: 8px; color: #111; font-size: 16px; font-weight: 400; height: 100%;}
.s_container.over .all_input_wrap .input_wrap.four .input_box .input_item .file_name span{color: #111; font-size: 16px; font-weight: 400;}
.s_container.over .all_input_wrap .input_wrap.four .input_box .input_item input{display: none; width: 186px; background-color: #000;}
.s_container.over .all_input_wrap .input_wrap.four .input_box .input_item label{display: flex; justify-content: center; align-items: center; width: 186px; background-color: #000; font-size: 16px; font-weight: 400; color: #fff; height: 100%; border-radius: 8px; cursor: pointer;}
.s_container.over .all_input_wrap .input_wrap.five .input_box .input_item{display: flex; flex-direction: column; width: calc((100% - 50px)/3); gap: 6px;}
.s_container.over .all_input_wrap .file_cancel_btn {display: none; background-color: transparent; border: 0; outline: 0; box-shadow: unset; width: 48px; height: 100%; }
.s_container.over .all_input_wrap .file_cancel_btn img {width: 12px;}
.s_container.over .input_wrap .input_box .sound_only{display: none !important;}
.s_container.over .btn_confirm{display: flex; gap: 16px; margin: 56px 0 0 !important; text-align: center; height: 56px;}
.s_container.over .btn_confirm button{padding: 15px 32px !important; min-width: 160px; height: 56px; box-sizing: border-box; background-color: var(--color-brand); font-size: 18px !important; font-weight: bold; color: #fff; border-radius: 500px; box-shadow: unset; outline: 0; font-family: 'Pretendard'; border: 0; line-height: unset;}
.s_container.over #bo_w .bo_w_select{display: flex; flex-direction: column; gap: 32px; margin-top: 56px; background-color: #fff; padding-top: 56px; border-top: 1px solid #DEE6E9;}
.s_container.over #bo_w .bo_w_select span{display: flex; align-items: center; width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; font-size: 22px; font-weight: bold;}
.s_container.over #bo_w .write_div .btn_cancel{display: flex; justify-content: center; align-items: center; padding: 15px 32px; min-width: 160px; border-radius: 500px; height: 100%; line-height: unset; font-size: 18px; height: 100%;}

/* 홍보영상 */
.s_container.vide ul#gall_ul{display: flex; flex-wrap: wrap; gap: 60px 40px; width: 100%; margin-top: 46px;}
.s_container.vide ul#gall_ul>li{display: flex; width: calc((100% - 80px)/3)}
.s_container.vide ul#gall_ul>li .gall_box{width: 100%;}

.s_container.vide .top_video { position: relative; width: 100%; margin-top: 96px; overflow: hidden; border: 1px solid #ddd; border-radius: 10px; }
.s_container.vide .top_video::before { content: ""; display: block; padding-top: 56.25%; }
.s_container.vide .top_video .video_overlay, .s_container.vide .top_video .top_visual_video { position: absolute; inset: 0; width: 100%; height: 100%; }
.s_container.vide .top_video .video_overlay .thumb_img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; }
.s_container.vide .top_video .video_overlay:hover .thumb_img {transform: scale(1.1) rotate(2deg) translateX(5px);}
.s_container.vide .top_video .video_overlay { background: #000; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 10; transition: opacity 0.4s ease; }
.s_container.vide .top_video .video_overlay.hide { opacity: 0; pointer-events: none; }
.s_container.vide .top_video .top_visual_video { object-fit: cover; cursor: pointer; z-index: 1; }
.s_container.vide .top_video .play_btn_wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 142px; height: 142px; }
.s_container.vide .top_video .play_btn_wrap .emblem-svg { width: 160px; height: 160px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: spinZ 20s linear infinite; }
.s_container.vide .top_video .play_btn_wrap .circle-text { font-size: 19px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; fill: #fff; }
.s_container.vide .top_video .play_btn_wrap .play_btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.s_container.vide .top_video .play_btn_wrap .play_btn img { width: 10px; }

.s_container.vide .all_input_wrap{display: flex; flex-direction: column; gap: 56px; width: 100%; margin-top: 36px;}
.s_container.vide .all_input_wrap .input_wrap{display: flex; flex-direction: column; gap: 32px; width: 100%;}
.s_container.vide .all_input_wrap .input_wrap.one{gap: 24px;}
.s_container.vide .all_input_wrap .input_wrap>span{display: flex; align-items: center; width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; font-size: 22px; font-weight: bold;}
.s_container.vide .all_input_wrap .input_wrap .input_box{display: flex; flex-wrap: wrap; gap: 8px; width: 100%;}
.s_container.vide .all_input_wrap .input_wrap.one .input_box .input_item{display: flex; flex-direction: column; gap: 24px; width: 100%;}
.s_container.vide .all_input_wrap .input_wrap.two .input_box .input_item{display: flex; flex-direction: column; width: 100%; gap: 8px;}
.s_container.vide .all_input_wrap .input_wrap.three .input_box .input_item{display: flex; flex-direction: column; gap: 6px; width: 100%;}
.s_container.vide .all_input_wrap .input_wrap .input_box .input_item label{display: flex; gap: 2px; font-size: 18px; font-weight: bold;}
.s_container.vide .all_input_wrap .input_wrap .input_box .input_item label span{color: #ef5350;}
.s_container.vide .all_input_wrap .input_wrap .input_box .input_item input{width: 100%; height: 48px; border-radius: 8px; background-color: #f5f5f5; border: 1px solid #eee; padding-left: 16px; font-size: 14px;}
.s_container.vide .all_input_wrap .input_wrap .input_box .input_item>p{font-size: 14px; padding-left: 4px; margin-top: 4px;}
.s_container.vide .all_input_wrap .input_wrap .input_box .input_item textarea{ height: 156px; padding: 16px; resize: none; border-radius: 8px; background-color: #F5F5F5; border: 1px solid #eee; font-size: 16px;}
.s_container.vide .all_input_wrap .input_wrap.three .input_box .input_item textarea{width: 100%; height: 280px; resize: none; padding: 16px; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #eee; border-radius: 8px; box-shadow: none;}
.s_container.vide .all_input_wrap .input_wrap.four{gap: 8px;}
.s_container.vide .all_input_wrap .input_wrap.four .input_box{width: 50%;}
.s_container.vide .all_input_wrap .input_wrap.four .input_box>p{font-size: 14px; padding-left: 4px; margin-top: 4px;}
.s_container.vide .all_input_wrap .input_wrap.four span{height: auto; border-bottom: 0;}
.s_container.vide .all_input_wrap .input_wrap.four .input_box .input_item{display: flex; gap: 32px; width: 100%; color: #fff; height: 48px;}
.s_container.vide .all_input_wrap .input_wrap.four .input_box .input_item .file_name{display: flex; align-items: center; padding-left: 16px; box-sizing: border-box; width: 100%; background-color: #F5F5F5; border: 1px solid #eee; border-radius: 8px; color: #111; font-size: 16px; font-weight: 400; height: 100%;}
.s_container.vide .all_input_wrap .input_wrap.four .input_box .input_item .file_name span{color: #111; font-size: 16px; font-weight: 400;}
.s_container.vide .all_input_wrap .input_wrap.four .input_box .input_item input{display: none; width: 186px; background-color: #000;}
.s_container.vide .all_input_wrap .input_wrap.four .input_box .input_item label{display: flex; justify-content: center; align-items: center; width: 186px; background-color: #000; font-size: 16px; font-weight: 400; color: #fff; height: 100%; border-radius: 8px; cursor: pointer;}
.s_container.vide .all_input_wrap .input_wrap.five .input_box .input_item{display: flex; flex-direction: column; width: calc((100% - 50px)/3); gap: 6px;}
.s_container.vide .all_input_wrap .file_cancel_btn {display: none; background-color: transparent; border: 0; outline: 0; box-shadow: unset; width: 48px; height: 100%; }
.s_container.vide .all_input_wrap .file_cancel_btn img {width: 12px;}
.s_container.vide .input_wrap .input_box .sound_only{display: none !important;}
.s_container.vide .btn_confirm{margin-top: 56px; text-align: center;}
.s_container.vide .btn_confirm button{padding: 15px 32px !important; min-width: 160px; height: 56px; box-sizing: border-box; background-color: var(--color-brand); font-size: 18px !important; font-weight: bold; color: #fff; border-radius: 500px; box-shadow: unset; outline: 0; font-family: 'Pretendard'; border: 0; line-height: unset;}
.s_container.vide #bo_w .bo_w_select{display: flex; flex-direction: column; gap: 32px; margin-top: 56px; background-color: #fff; padding-top: 56px; border-top: 1px solid #DEE6E9;}
.s_container.vide #bo_w .bo_w_select span{display: flex; align-items: center; width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; font-size: 22px; font-weight: bold;}
.s_container.vide #bo_w .write_div{display: flex; gap: 16px; margin: 0; width: fit-content; margin-top: 56px; height: 56px;}
.s_container.vide #bo_w .write_div .btn_cancel{display: flex; justify-content: center; align-items: center; padding: 15px 32px; min-width: 160px; border-radius: 500px; height: 100%; line-height: unset; font-size: 18px;}


/* 원형 텍스트 회전 */
@keyframes spinZ {
    0%   { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.s_container.vide .search_wrap{margin-top: 56px;}
.s_container.vide #fboardlist{margin-top: 46px;}
.s_container.vide ul#gall_ul>li .gall_box .gall_img {position: relative; overflow: hidden; border-radius: 10px;}
.s_container.vide ul#gall_ul>li .gall_box .gall_img a.video_item{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.s_container.vide ul#gall_ul>li .gall_box .gall_img a.video_item:after{position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 5;}
.s_container.vide ul#gall_ul>li .gall_box .gall_img a.video_item.is_default_thumb:after {background-color: rgba(0, 0, 0, 0.2);}
.s_container.vide ul#gall_ul>li .gall_box .gall_img a.video_item>img{ width: 100%; height: 100%; object-fit: cover;}
.s_container.vide ul#gall_ul>li .gall_box .bo_tit{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; padding:0 8px; box-sizing:border-box; margin-top:20px; font-size:18px; font-weight:500; line-height:22px;}
.s_container.vide ul#gall_ul>li .gall_box .gall_img .play_icon{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; justify-content:center; align-items:center; width:56px; height:56px; border-radius:50%; border:1px solid #fff; z-index:10; }
.s_container.vide ul#gall_ul>li .gall_box .gall_img .play_icon img{width:7px; }
.s_container.vide .video_modal{display:none; position:fixed; inset:0; z-index:9999; }
.s_container.vide .video_modal.open{display:block; }
.s_container.vide .video_modal .video_dim{position:absolute; inset:0; background:rgba(0,0,0,0.65); }
.s_container.vide .video_modal_inner{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:90vw; max-width:1100px; aspect-ratio:16/9; background:rgba(255,255,255,0); box-sizing:border-box; z-index:1002; box-shadow:2px 5px 10px rgba(0,0,0,0.35); }
.s_container.vide .video_modal_inner .video_area{width:100%; height:100%; }
.s_container.vide .video_modal .video_area iframe, .s_container.vide .video_modal .video_area video{width:100%; height:100%; display:block; }
.s_container.vide .video_close{position:absolute; right:-36px; top:-36px; background:transparent; border:0; outline:0; }


/* 공지사항 */
.s_container.noti #fboardlist{margin-top: 46px;}

.s_container.noti table thead tr{font-size: 18px;}
.s_container.noti table thead tr th.num{width: 160px;}
.s_container.noti table thead tr th.date{width: 160px;}
.s_container.noti table tbody .empty_table{font-size: 16px;}
.s_container.noti table tbody tr td{font-size: 16px;}
.s_container.noti table tbody tr td .bo_tit{font-weight: 300;}
.s_container.noti table tbody tr td .bo_tit .mo_date{display: none;}
.s_container.noti #bo_list tbody .even td{background-color: #fff;}
.s_container.noti #bo_list tbody .even:hover td{background-color: #fafafa;}
.s_container.noti #bo_v_share{display: none;}
.s_container.noti .cmt_btn{display: none;}
.s_container.noti #bo_vc{display: none;}
.s_container.noti #bo_vc_w{display: none;}
.s_container.noti .bo_v_nb li{padding: 36px 0; font-size: 16px;}
.s_container.noti .bo_v_nb li i{font-size: 16px; margin-right: 8px;}
.s_container.noti #bo_v_title .bo_v_tit{margin-top: 0; font-size: 38px;}
.s_container.noti #bo_v_title p{font-size: 17px; margin-top: 20px; color: #666; font-weight: 300;}
.s_container.noti header{padding: 36px 30px 26px; border-top: 3px solid #222; border-bottom: 1px solid #ddd;}
.s_container.noti #bo_v_con{margin: 0; padding: 36px 30px; box-sizing: border-box; font-size: 18px; border-bottom: 1px solid #ddd;}
.s_container.noti .list_back{display: flex; justify-content: center; width: 100%; height: 56px; margin-top: 56px;}
.s_container.noti .list_back a{display: flex; justify-content: center; align-items: center; min-width: 160px; height: 100%; box-sizing: border-box; background-color: var(--color-brand); font-size: 18px; font-weight: bold; color: #fff; border-radius: 500px; box-shadow: unset; outline: 0; font-family: 'Pretendard'; border: 0;}
.s_container.noti #bo_list tbody tr:hover{border-left: 2px solid var(--color-sub-brand);}
.s_container.noti #bo_v{margin-top: 96px;}
.s_container.noti #bo_v_con *{line-height: normal;}
.s_container.noti .bo_notice .notice_icon{color: var(--color-brand);}
.s_container.noti .bo_notice td{background-color: #fff !important;}


/* 온라인 문의 */
.s_container.inqu .all_input_wrap{display: flex; flex-direction: column; gap: 56px; width: 100%; margin-top: 96px;}
.s_container.inqu .all_input_wrap .input_wrap{display: flex; flex-direction: column; gap: 32px; width: 100%;}
.s_container.inqu .all_input_wrap .input_wrap.one{gap: 24px;}
.s_container.inqu .all_input_wrap .input_wrap .input_box .input_item .privacy_inquiry{overflow-y: scroll; padding: 16px;box-sizing: border-box; width: 100%; height: 200px; font-size: 15px; color: #666; line-height: 24px; background-color: #f5f5f5; border: 1px solid #eee; border-radius: 8px; word-break: normal;}
.s_container.inqu .all_input_wrap .input_wrap .input_box .input_item .check{display: flex; gap: 4px; align-items: center; justify-content: flex-end;}
.s_container.inqu .all_input_wrap .input_wrap .input_box .input_item .check input[type=checkbox]{width: 16px; height: 16px; cursor: pointer;}
.s_container.inqu .all_input_wrap .input_wrap .input_box .input_item .check label{font-size: 16px; font-weight: 400; cursor: pointer;}
.s_container.inqu .all_input_wrap .input_wrap .input_box .input_item .check label .line{text-decoration: underline;}
.s_container.inqu .all_input_wrap .input_wrap>span{display: flex; align-items: center; width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; font-size: 22px; font-weight: bold;}
.s_container.inqu .all_input_wrap .input_wrap .input_box{display: flex; flex-wrap: wrap; gap: 25px; width: 100%;}
.s_container.inqu .all_input_wrap .input_wrap.one .input_box .input_item{display: flex; flex-direction: column; gap: 24px; width: 100%;}
.s_container.inqu .all_input_wrap .input_wrap.two .input_box .input_item{display: flex; flex-direction: column; width: calc((100% - 50px)/3); gap: 8px;}
.s_container.inqu .all_input_wrap .input_wrap.three .input_box .input_item{display: flex; flex-direction: column; gap: 6px; width: 100%;}
.s_container.inqu .all_input_wrap .input_wrap .input_box .input_item label{display: flex; gap: 2px; font-size: 18px; font-weight: bold;}
.s_container.inqu .all_input_wrap .input_wrap .input_box .input_item label span{color: #ef5350;}
.s_container.inqu .all_input_wrap .input_wrap .input_box .input_item input{width: 100%; height: 48px; border-radius: 8px; background-color: #f5f5f5; border: 1px solid #eee; padding-left: 16px; font-size: 14px; outline: 0;}
.s_container.inqu .all_input_wrap .input_wrap.three .input_box .input_item textarea{width: 100%; height: 280px; resize: none; padding: 16px; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #eee; border-radius: 8px; box-shadow: none;}
.s_container.inqu .all_input_wrap .input_wrap.three .input_box .input_item textarea:focus{-webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow: 0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff;}
.s_container.inqu .all_input_wrap .input_wrap.four{gap: 6px;}
.s_container.inqu .all_input_wrap .input_wrap.four span{height: auto; border-bottom: 0;}
.s_container.inqu .all_input_wrap .input_wrap.four .input_box .input_item{display: flex; gap: 32px; width: 100%; color: #fff; height: 48px;}
.s_container.inqu .all_input_wrap .input_wrap.four .input_box .input_item .file_name{display: flex; align-items: center; padding-left: 16px; box-sizing: border-box; width: 100%; background-color: #F5F5F5; border: 1px solid #eee; border-radius: 8px; color: #111; font-size: 16px; font-weight: 400; height: 100%;}
.s_container.inqu .all_input_wrap .input_wrap.four .input_box .input_item .file_name span{color: #111; font-size: 16px; font-weight: 400;}
.s_container.inqu .all_input_wrap .input_wrap.four .input_box .input_item input{display: none; width: 186px; background-color: #000;}
.s_container.inqu .all_input_wrap .input_wrap.four .input_box .input_item label{display: flex; justify-content: center; align-items: center; width: 186px; background-color: #000; font-size: 16px; font-weight: 400; color: #fff; height: 100%; border-radius: 8px; cursor: pointer;}
.s_container.inqu .all_input_wrap .input_wrap.five .input_box .input_item{display: flex; flex-direction: column; width: calc((100% - 50px)/3); gap: 6px;}
.s_container.inqu .all_input_wrap .file_cancel_btn { display: none; background-color: transparent; border: 0; outline: 0; box-shadow: unset; width: 48px; height: 100%; }
.s_container.inqu .input_wrap .input_box .sound_only{display: none !important;}
.s_container.inqu .btn_confirm{margin-top: 56px; text-align: center;}
.s_container.inqu .btn_confirm button{padding: 15px 32px; min-width: 160px; box-sizing: border-box; background-color: var(--color-brand); font-size: 18px; font-weight: bold; color: #fff; border-radius: 500px; box-shadow: unset; outline: 0; font-family: 'Pretendard'; border: 0;}
.s_container.inqu .captcha{margin: 16px 0 0;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus {
    -webkit-box-shadow: 0 0 5px #9ed4ff;
    -moz-box-shadow: 0 0 5px #9ed4ff;
    box-shadow: 0 0 5px #9ed4ff;
    border: 1px solid #558ab7 !important;
}
.s_container.inqu .inquiry_list_conf{display: flex; justify-content: flex-end; margin-top: 36px;}
.s_container.inqu .btn_inquiry_list {
    display:inline-block;
    padding:10px 16px;
    background:#333;
    color:#fff;
    border-radius:6px;
    font-size:15px;
    text-decoration:none;
}

.s_container.inqu .btn_inquiry_list:hover {
    background:#555;
}

.inquiry_info_box {
    margin: 40px 0;
    padding: 0;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    background: #ffffff;
}

/* 상단 타이틀 바 */
.inquiry_info_title {
    padding: 18px 24px;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, var(--color-brand), var(--color-sub-brand));
    color: #ffffff;
}

/* 리스트(테이블 전체 느낌) */
.inquiry_info_list {
    display: flex;
    flex-direction: column;
}

/* 한 줄(행) */
.inquiry_info_list .info_row {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    min-height: 52px;
    border-top: 1px solid #f0f0f0;
}

/* 왼쪽 라벨 셀 */
.inquiry_info_list .info_row dt {
    display: flex;
    align-items: center;
    padding: 0 24px;
    font-weight: bold;
    font-size: 16px;
    background: #f9fafb;
    color: #111;
    letter-spacing: -0.01em;
}

/* 오른쪽 값 셀 */
.inquiry_info_list .info_row dd {
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin: 0;
    font-size: 16px;
    color: #111827;
    background: #ffffff;
    word-break: keep-all;
}

/* 내용 강조용 (회사명, 담당자명 등에 사용 가능) */
.inquiry_info_list .info_row dd.strong {
    font-weight: 600;
}

/* 반응형 */
@media (max-width: 768px) {
    .inquiry_info_box {
        margin: 28px 0;
        border-radius: 10px;
    }

    .inquiry_info_title {
        padding: 14px 18px;
        font-size: 16px;
    }

    .inquiry_info_list .info_row {
        grid-template-columns: 120px minmax(0, 1fr);
        min-height: 46px;
    }

    .inquiry_info_list .info_row dt {
        padding: 0 12px;
        font-size: 13px;
    }

    .inquiry_info_list .info_row dd {
        padding: 0 14px;
        font-size: 13px;
    }
}


/* 카탈로그 */
.s_container.cata #fboardlist{margin-top: 46px;}
.s_container.cata #fboardlist .bo_admin_bar{display:flex; align-items: center;justify-content: space-between; margin-bottom: 24px;}
.s_container.cata .catalog_list{display:flex;flex-wrap:wrap; gap: 24px; width: 100%;}
.s_container.cata .catalog_list .catalog_item{display: flex; justify-content: space-between; align-items: center; width: calc((100% - 24px)/2); border: 1px solid #DDDDDD; padding: 26px 42px; box-sizing: border-box;}
.s_container.cata .catalog_list .catalog_item .catalog_left{width: fit-content;}
.s_container.cata .catalog_list .catalog_item .catalog_left .catalog_text{font-size: 18px; font-weight: 400;}
.s_container.cata .catalog_list .catalog_item .catalog_right{position: relative; display: flex; justify-content: space-between; align-items: center; width: fit-content;}
.s_container.cata .catalog_list .catalog_item .catalog_right>span{font-size: 18px; font-weight: 400; color: #999;}
.s_container.cata .catalog_list .catalog_item .catalog_right a.catalog_down{position: relative; display: flex; justify-content: center; align-items: center; gap: 6px; margin-left: 60px; font-size: 18px; font-weight: 400; color: #999; transition: 0.3s;}
.s_container.cata .catalog_list .catalog_item .catalog_right a::before{position: absolute; content: ""; top: 50%; left: -30px; transform: translateY(-50%); width: 1px; height: 12px; background-color: #999;}
.s_container.cata .catalog_list .catalog_item .catalog_right a.catalog_down:hover{color: var(--color-sub-brand); font-weight: 500;}
.s_container.cata .catalog_list .catalog_item .catalog_right a.catalog_down .icon{width:20px;height:20px;display:inline-block;background-image:url('../img/hanmicable/sub/download_icon.png');background-size:contain;background-repeat:no-repeat;margin-right:6px;transition:0.3s;}
.s_container.cata .catalog_list .catalog_item .catalog_right a.catalog_down:hover .icon{background-image:url('../img/hanmicable/sub/download_icon_color.png');}

.s_container.cata .all_input_wrap{display: flex; flex-direction: column; gap: 56px; width: 100%; margin-top: 36px;}
.s_container.cata .all_input_wrap .input_wrap{display: flex; flex-direction: column; gap: 32px; width: 100%;}
.s_container.cata .all_input_wrap .input_wrap.one{gap: 24px;}
.s_container.cata .all_input_wrap .input_wrap>span{display: flex; align-items: center; width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; font-size: 22px; font-weight: bold;}
.s_container.cata .all_input_wrap .input_wrap .input_box{display: flex; flex-wrap: wrap; gap: 8px; width: 100%;}

.s_container.cata .all_input_wrap .input_wrap.four{gap: 8px;}
.s_container.cata .all_input_wrap .input_wrap.four .input_box{width: 50%;}
.s_container.cata .all_input_wrap .input_wrap.four .input_box>p{font-size: 14px; padding-left: 4px; margin-top: 4px;}
.s_container.cata .all_input_wrap .input_wrap.four span{height: auto; border-bottom: 0;}
.s_container.cata .all_input_wrap .input_wrap.four .input_box .input_item{display: flex; gap: 32px; width: 100%; color: #fff; height: 48px;}
.s_container.cata .all_input_wrap .input_wrap.four .input_box .input_item .file_name{display: flex; align-items: center; padding-left: 16px; box-sizing: border-box; width: 100%; background-color: #F5F5F5; border: 1px solid #eee; border-radius: 8px; color: #111; font-size: 16px; font-weight: 400; height: 100%;}
.s_container.cata .all_input_wrap .input_wrap.four .input_box .input_item .file_name span{color: #111; font-size: 16px; font-weight: 400;}
.s_container.cata .all_input_wrap .input_wrap.four .input_box .input_item input{display: none; width: 186px; background-color: #000;}
.s_container.cata .all_input_wrap .input_wrap.four .input_box .input_item label{display: flex; justify-content: center; align-items: center; width: 186px; background-color: #000; font-size: 16px; font-weight: 400; color: #fff; height: 100%; border-radius: 8px; cursor: pointer;}
.s_container.cata .all_input_wrap .input_wrap.five .input_box .input_item{display: flex; flex-direction: column; width: calc((100% - 50px)/3); gap: 6px;}
.s_container.cata .all_input_wrap .file_cancel_btn {display: none; background-color: transparent; border: 0; outline: 0; box-shadow: unset; width: 48px; height: 100%; }
.s_container.cata .all_input_wrap .file_cancel_btn img {width: 12px;}
.s_container.cata .input_wrap .input_box .sound_only{display: none !important;}
.s_container.cata .btn_confirm button{padding: 15px 32px !important; min-width: 160px; height: 56px; box-sizing: border-box; background-color: var(--color-brand); font-size: 18px !important; font-weight: bold; color: #fff; border-radius: 500px; box-shadow: unset; outline: 0; font-family: 'Pretendard'; border: 0; line-height: unset;}
.s_container.cata #bo_w .bo_w_select{display: flex; flex-direction: column; gap: 32px; margin-top: 56px; background-color: #fff; padding-top: 56px; border-top: 1px solid #DEE6E9;}
.s_container.cata #bo_w .bo_w_select span{display: flex; align-items: center; width: 100%; height: 56px; border-bottom: 1px solid #e5e5e5; font-size: 22px; font-weight: bold;}
.s_container.cata #bo_w .btn_confirm{display: flex; gap: 16px; margin: 0; width: fit-content; margin-top: 56px; height: 56px;}
.s_container.cata #bo_w .btn_confirm .btn_cancel{display: flex; justify-content: center; align-items: center; padding: 15px 32px; min-width: 160px; border-radius: 500px; height: 100%; line-height: unset; font-size: 18px;}


@media screen and (max-width:1800px) {
    .sub_top .inner{width: 100%;}
    .s_container {padding: 96px 3.211vw 126px;}
    .s_container .inner{width: 100%;}
    .s_container .inner.w1784{width: 100%;}
    .all-menu-inner{width: 100%;}
    .drop_wrap .inner{width: 100%;}

    /* 주요고객사 */
    .s_container.clie .link_cont {height: fit-content; padding: 6.51vw 5.52vw;}

    /* 지속가능경영 */
    .s_container.qual{padding: 96px 0 126px;}
}

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

    .s_container .inner{width: 100%; margin: 0 auto;}
    .s_container .inner.w1400{width: 100%;}
    .s_container .inner.w100{width: 100%;}

    .search_right select{font-size: 15px; min-width: 180px;}
    .search_right input[type="text"]{font-size: 15px; min-width: 500px;}
    .search_right input[type="text"]::placeholder{font-size: 15px;}

    /* ceo인사말 */
    .sub_top .inner .tit_wrap .tit span.eyebrow{font-size: 15px;}
    .sub_top .inner .tit_wrap .tit p{font-size: 42px;}
    .s_container.ceo .inner>.text_cont{width: 100%; gap: 116px;}
    .s_container.ceo .inner>.text_cont .left span{font-size: 42px; line-height: 52px;}
    .s_container.ceo .inner>.text_cont .left span b{font-size: 42px; line-height: 52px;}
    .s_container.ceo .inner>.text_cont .left p{font-size: 22px; line-height: 32px;}
    .s_container.ceo .inner>.text_cont .right p{font-size: 16px; line-height: 28px;}
    .s_container.ceo .inner>.text_cont .right .sign{margin-top: 24px;}
    .s_container.ceo .inner>.text_cont .right .sign span{font-size: 16px;}

    /* 연혁 */
    .s_container.hist .inner .hist_cont{width: 100%;}
    .s_container.hist .inner>.img_box img{width: 100%;}
    .s_container.hist .inner>.img_box .text_wrap{left: 4%; bottom: 10%;}
    .s_container.hist .inner>.img_box .text_wrap span{font-size: 42px;}
    .s_container.hist .inner>.img_box .text_wrap p{font-size: 15px;}
    .s_container.hist .inner .hist_cont .img_cont{width: 50%;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li .img_box{width: 80%; height: auto;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li span.eyebrow{font-size: 15px;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li p{font-size: 42px;}

    /* 주요고객사 */
    .s_container.clie .clients_cont ul.cont_box>li{flex-wrap: wrap;}
    .s_container.clie .clients_cont ul.cont_box>li span{font-size: 20px;}
    .s_container.clie .clients_cont ul.cont_box>li>ul.clients_list{width: 70%;}
    .s_container.clie .clients_cont ul.cont_box>li>ul.clients_list>li{height: fit-content;}
    .s_container.clie .text_wrap span{font-size: 28px;}
    .s_container.clie .text_wrap p{font-size: 18px; margin-top: 12px;}
    .s_container.clie .text_wrap .link_btn{margin-top: 64px;}

    /* 사업장소개 */
    .s_container.loca .map_wrap ul.map_tab>li span{font-size: 16px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .text span{font-size: 18px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .text p{font-size: 15px;}
    .s_container.loca .map_wrap .map_cont ul.map_info{gap: 84px;}

    /* 인증서 */
    .s_container.cert .inner #bo_cate{margin-top: 56px;}
    .s_container.cert .inner #bo_cate ul#bo_cate_ul{height: 56px; gap: 16px;}
    .s_container.cert .inner #bo_cate ul#bo_cate_ul>li{width: 164px;}
    .s_container.cert .inner #bo_cate ul#bo_cate_ul>li>a{font-size: 15px;}
    .s_container.cert #gall_ul{gap: 64px 16px; margin-top: 36px;}
    .s_container.cert #gall_ul li{width: calc((100% - 48px)/4);}
    .s_container.cert #gall_ul li .gall_img{height: fit-content !important; max-height: none !important;}
    .s_container.cert #gall_ul li .zoom_wrap{width: 100%; height: fit-content;}
    .s_container.cert #gall_ul li .gall_text_href{margin-top: 16px;}
    .s_container.cert #gall_ul li .gall_text_href span{font-size: 16px;}
    .s_container.cert #gall_ul li:hover .zoom_wrap img{border: 1px solid var(--color-brand);}

    /* 제품소개 */
    .s_container .inner .s_page_tit{gap: 16px;}
    .s_container .inner .s_page_tit span.eyebrow{font-size: 15px;}
    .s_container .inner .s_page_tit p{font-size: 26px;}
    .s_container.prod .inner .prod_top .s_page_tit p.sub{font-size: 16px; line-height: 22px;}
    .s_container.prod .inner .prod_top .pro_link_wrap{margin-top: 42px;}
    .s_container.prod .inner .prod_top .pro_link_wrap ul.pro_link_list>li{font-size: 17px;}
    .s_container.prod .inner .prod_top::before{width: 356px; height: 246px;}
    .s_container.prod .inner .prod_top .pro_link_wrap #bo_cate #bo_cate_ul>li a{font-size: 14px;}
    .s_container.prod .product_list{margin-top: 64px;}
    .s_container.prod .product_item{gap: 48px;}
    .s_container.prod .product_title span{font-size: 27px;}
    .s_container.prod .product_title a{font-size: 27px;}
    .s_container.prod .product_specs dt{font-size: 17px;}
    .s_container.prod .product_specs.eng dt{font-size: 17px;}
    .s_container.prod .product_specs dd{font-size: 16px;}
    .s_container.prod .product_specs.eng dd{font-size: 16px;}
    .s_container.prod .pdf_download a.btn_catalog{font-size: 14px;}

    /* 해외전시 */
    .s_container.over .expo_list{gap: 48px 24px;}
    .s_container.over .expo_item{width: calc((100% - 48px)/3);}
    .s_container.over .expo_title{font-size: 16px; line-height: 20px;}

    /* 홍보영상 */
    .s_container.vide ul#gall_ul{gap: 48px 24px;}
    .s_container.vide ul#gall_ul>li{width: calc((100% - 48px)/3);}
    .s_container.vide ul#gall_ul>li .gall_box .bo_tit{font-size: 16px; line-height: 20px;}

    /* 지속가능영경 품질환경 */
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner{width: 100%; padding: 42px 3.211vw;}
    .s_container.qual .inner .text_cont span{font-size: 32px;}
    .s_container.qual .inner .text_cont span b{font-size: 32px;}
    .s_container.qual .inner .text_cont p{font-size: 18px; line-height: 24px;}
    .s_container.qual .inner .total_cont{width: 100%; padding: 116px 3.211vw 0;}
    .s_container.qual .inner .total_cont .total_item .total_txt span{font-size: 28px;}
    .s_container.qual .inner .total_cont .total_item .total_txt span b{font-size: 28px;}
    .s_container.qual .inner .total_cont .total_item .total_txt p{font-size: 18px; margin-top: 12px;}
    .s_container.qual .inner .total_cont .total_item .total_txt p b{font-size: 18px;}

    /* R&D 시험설비 */
    .s_container.rnd .inner ul.link_btn{margin-top: 56px; height: 56px; gap: 16px;}
    .s_container.rnd .inner ul.link_btn>li{width: 164px;}
    .s_container.rnd .inner ul.link_btn>li a{font-size: 15px;}
    .s_container.rnd .inner>.img_box{margin-top: 36px;}
    .s_container.rnd .inner>.img_box .text_wrap span{font-size: 42px; line-height: 22px;}
    .s_container.rnd .inner>.img_box .text_wrap span p{font-size: 42px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap{margin-top: 56px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box .type span{font-size: 13px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box .type p{font-size: 28px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box>span{font-size: 16px; line-height: 22px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .plus_img{width: 32px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont{margin-top: 172px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .big_arrow{top: -120px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item span{font-size: 20px; line-height: 28px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item{border-radius: 20px;}
    .s_container.rnd .facilities_list{margin-top: 56px;}

    /* R&D 환경친화 */
    .s_container.rnd .inner .info_text_cont .info_rnd .inner{width: 100%;}
}

@media screen and (max-width:1400px) {
    /* R&D 시험설비 */
    .s_container.rnd .inner .rnd_cont.one{width: 100%;}
}

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

    .search_right input[type="text"]{font-size: 15px; min-width: 440px;}
    
     /* ceo인사말 */
     .s_container.ceo .inner>.text_cont{width: 100%; flex-wrap: wrap; gap: 0;}
     .s_container.ceo .inner>.text_cont .right{margin-top: 32px;}
    
    /* 연혁 */
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li .img_box{width: 90%; height: auto;}
    .s_container.hist .inner .hist_cont .text_cont{padding: 96px 0  42px 56px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dt{font-size: 17px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dd{font-size: 16px;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li .img_box{border-radius: 20px;}

    /* 주요고객사 */
    .s_container.cert #gall_ul{gap: 64px 16px; margin-top: 36px;}
    .s_container.cert #gall_ul li{width: calc((100% - 32px)/3);}
    .s_container.cert #gall_ul li .gall_img{height: fit-content !important; max-height: none !important;}
    .s_container.cert #gall_ul li .zoom_wrap{width: 100%; height: fit-content;}
    .s_container.cert #gall_ul li .gall_text_href{margin-top: 8px;}
    .s_container.cert #gall_ul li .gall_text_href span{font-size: 13px; line-height: 18px;}
    .s_container.cert #gall_ul li .gall_text_href span br{display: none;}
    .s_container.cert #gall_ul li:hover .zoom_wrap img{border: 1px solid var(--color-brand);}


    /* 제품소개 */
    .s_container.prod .product_thumb{width: 100%;}
    .s_container.prod .product_list{margin-top: 24px; flex-direction: row; flex-wrap: wrap;}
    .s_container.prod .product_item{flex-direction: column; align-items: flex-start; width: calc((100% - 32px)/2); gap: 16px; padding-bottom: 16px; border-bottom: 0;}
    .s_container.prod .product_head{width: 100%; padding-right: 0;}
    .s_container.prod .pdf_download{padding: 12px;}
    .s_container.prod .pdf_download a.btn_catalog{font-size: 13px;gap: 0;}
    .s_container.prod .pdf_download a.btn_catalog .icon{margin: 0;}
    .s_container.prod .pdf_download a.btn_catalog p{display: none;}
    .s_container.prod .thumb_mo{border-radius: 10px;}
    .s_container.prod .product_info{gap: 16px;}
    .s_container.prod .product_title span{font-size: 26px;}
    .s_container.prod .product_title a{font-size: 26px;}
    .s_container.prod .product_specs{gap: 8px;}
    .s_container.prod .product_specs dt{font-size: 14px; width: fit-content; min-width: 64px;}
    .s_container.prod .product_specs.eng dt{font-size: 14px; width: fit-content; min-width: 64px;}
    .s_container.prod .product_specs dd{font-size: 14px;}
    .s_container.prod .product_specs.eng dd{font-size: 14px;}
    .s_container.prod .thumb_pc{display: none;}
    .s_container.prod .thumb_mo{display: block;}
    .s_container.prod .thumb_mo .swiper-pagination{text-align: left; padding-left: 16px; bottom: 16px;} 
    .s_container.prod .thumb_mo .swiper-pagination-bullet{height: 4px; width: 16px; border-radius: 10px;}
    .s_container.prod .thumb_mo .swiper-pagination .swiper-pagination-bullet-active{width: 42px; height: 4px; border-radius: 10px; background-color: var(--color-brand);}
    
    /* 해외전시 */
    .s_container.over .expo_list{gap: 36px 16px;}
    .s_container.over .expo_item{width: calc((100% - 16px)/2);}

    /* 홍보영상 */
    .s_container.vide ul#gall_ul{gap: 36px 16px;}
    .s_container.vide ul#gall_ul>li{width: calc((100% - 16px)/2);}

    /* 지속가능경영 품질환경 */
    .s_container.qual .inner .total_cont .total_item{border-radius: 20px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left{width: fit-content;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left .info_tit{font-size: 22px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left .info_tit small{font-size: 14px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left p.info_s_txt{font-size: 16px; line-height: 24px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right{padding-left: 0;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt span{font-size: 16px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt p{font-size: 14px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .info_icon{min-width: 56px;}
    .s_container.rnd .inner>.img_box img{aspect-ratio: 16 / 6;}

    /* R&D 환경친화 */
    .s_container.rnd .inner .info_text_cont{margin-top: 56px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner{flex-direction: column-reverse; padding: 0; gap: 72px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left{width: 100%;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap .info_tit{font-size: 22PX;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap p.info_s_txt{font-size: 16px; line-height: 24px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list{flex-wrap: wrap; flex-direction: row;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li{width: calc((100% - 24px)/2);}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt span{font-size: 16px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt p{font-size: 14px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .info_icon{min-height: 56px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .right{display: flex; justify-content: center; width: 100%;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .right .img_box{width: 50%;}

    /* 게시판본문 */
    .s_container.noti #bo_v_title .bo_v_tit{font-size: 28px; line-height: 36px;}
}

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

    .sub_top{aspect-ratio: 16 / 16; display: flex; }
    .sub_top .inner{ flex-shrink: 0;}
    .sub_top .inner .tit_wrap .tit span.eyebrow{font-size: 12px;}
    .sub_top .inner .tit_wrap .tit p{font-size: 32px;}
    .drop_wrap{height: 50px;}
    .drop_wrap .inner{width: 100%;}
    .drop_wrap .inner ul.drop_nav{width: 100%;}
    .drop_wrap .inner ul.drop_nav>li{min-width: auto; width: calc((100% - 50px)/2);}
    .drop_wrap .inner ul.drop_nav>li.home{width: 50px;}
    .drop_wrap .inner ul.drop_nav>li>a>img{width: 14px;}
    .drop_wrap .inner ul.drop_nav>li.nav_list span{font-size: 13px;}
    .drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2>li{height: 42px;}
    .drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2>li>a{font-size: 13px;}

    .s_container{width: 100%; padding: 48px 3.211vw 64px; box-sizing: border-box;}
    .s_container .inner{width: 100%; margin: 0 auto;}
    .s_container .inner.w1400{width: 100%;}
    .s_container .inner.w1784{width: 100%;}
    .s_container .inner.w100{width: 100%;}
    .s_container .inner .s_page_tit{gap: 12px;}
    .s_container .inner .s_page_tit span.eyebrow{font-size: 12px; font-weight: 400;}
    .s_container .inner .s_page_tit p{font-size: 24px; font-weight: bold;}

    /* 검색 */
    .search_wrap{margin-top: 56px; padding: 0; background-color: transparent;}
    .search_right{width: 100%; height: 110px;}
    .search_right form{display: flex; flex-direction: column; width: 100%; height: 100%; gap: 6px;}
    .search_right select{min-width: 100%; height: 100%; font-size: 13px; background-size: 18px; background-color: #f5f5f5; border: 1px solid #ddd;}
    .search_right input[type="text"]{min-width: auto; width: 100%; font-size: 13px; margin-left: 0; background-color: #f5f5f5; border: 1px solid #ddd;}
    .search_right input[type="text"]::placeholder{font-size: 13px;}
    .search_right .btn_search{width: 52px; height: 52px; top: 58px;}
    .search_right .btn_search img{width: 20px;}
    
    
    /* 게시판 공통 */
    .s_container.noti #bo_v_title .bo_v_tit{font-size: 20px; line-height: 24px;}
    .s_container.noti #bo_v_title p{font-size: 13px;}
    .s_container.noti .bo_v_nb li{display: flex; flex-direction: column; padding: 24px;}
    .s_container.noti .bo_v_nb li .nb_tit{display: flex; align-items: center;}
    .s_container.noti .bo_v_nb li>a{margin-top: 24px; line-height: 130%;}
    .s_container.noti .bo_v_nb li i{font-size: 12px;}
    .bo_v_nb li .nb_date{margin-top: 8px;}
    .s_container.noti header{padding: 24px 16px;}
    .s_container.noti #bo_v_con{padding: 26px 16px;}
    .s_container.noti .list_back{height: 52px;}
    .s_container.noti .list_back a{font-size: 14px;}
    .s_container.noti table thead tr th.date{display: none;}
    .s_container.noti table tbody tr td .bo_tit .mo_date{display: block; font-size: 12px; margin-top: 6px;}
    .s_container.noti table tbody tr .td_datetime{display: none;}
    .s_container.noti table tbody tr .td_subject{padding-left: 10px !important;}
    .s_container.noti table tbody tr td .bo_tit a{font-size: 13px; font-weight: bold;}
    .s_container.noti table thead tr th{font-size: 13px;}
    .s_container.noti table thead tr th.num{width: 16%;}
    .s_container.noti #bo_list tbody td{font-size: 13px;}
    .s_container.noti .tbl_head01 thead th{padding: 10px 0;}
    .s_container.noti .tbl_head01 td{padding: 16px 0;}



    /* ceo인사말 */
    .s_container.ceo .inner>.img_box{border-radius: 10px; aspect-ratio: 16 / 9; margin-top: 36px;}
    .s_container.ceo .inner>.img_box>img{height: 100%;}
    .s_container.ceo .inner>.text_cont{width: 100%; flex-direction: column; margin-top: 42px;}
    .s_container.ceo .inner>.text_cont .left span{font-size: 26px; line-height: 36px;}
    .s_container.ceo .inner>.text_cont .left span b{font-size: 26px; line-height: 36px;}
    .s_container.ceo .inner>.text_cont .left p{font-size: 16px; line-height: 24px;}
    /* .s_container.ceo .inner>.text_cont .left p br{display: none;} */
    .s_container.ceo .inner>.text_cont .right{width: 100%; margin-top: 32px;}
    .s_container.ceo .inner>.text_cont .right p{font-size: 14px; line-height: 24px;}
    .s_container.ceo .inner>.text_cont .right p br{display: none;}
    .s_container.ceo .inner>.text_cont .right p br.mo{display: block;}
    .s_container.ceo .inner>.text_cont .right .sign{margin-top: 24px;}
    .s_container.ceo .inner>.text_cont .right .sign span{gap: 6px; font-size: 14px;}

    /* 연혁 */
    .s_container.hist .inner>.img_box{border-radius: 10px; aspect-ratio: 16 / 9; margin-top: 36px;}
    .s_container.hist .inner>.img_box>img{width: 100%; object-fit: cover; height: 100%;}
    .s_container.hist .inner>.img_box .text_wrap{top: 50%; left: 50%; bottom: unset; transform: translate(-50%,-50%); text-align: center;}
    .s_container.hist .inner>.img_box .text_wrap span{font-size: 16px;}
    .s_container.hist .inner>.img_box .text_wrap p{font-size: 12px; line-height: 17px;}
    .s_container.hist .inner .hist_cont{flex-direction: column; width: 100%;}
    .s_container.hist .inner .hist_cont .img_cont{width: 100%; margin-top: 0px; padding-top: 24px; top: 70px; background-color: #fff; z-index: 10;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li span.eyebrow{font-size: 12px;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li p{font-size: 26px;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li .img_box{width: 100%; height: auto; border-radius: 10px; margin-top: 16px;}
    .s_container.hist .inner .hist_cont .text_cont{width: 100%; padding: 48px 0 48px 24px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li{gap: 20px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl{gap: 8px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dt{font-size: 14px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dd{font-size: 12px; margin-top: 0;}

    /* 주요고객사 */
    .s_container.clie{overflow: hidden;}
    .s_container.clie .clients_cont{margin-top: 36px;}
    .s_container.clie .clients_cont ul.cont_box>li{flex-direction: column; gap: 16px;}
    .s_container.clie .clients_cont ul.cont_box>li span{font-size: 16px;}
    .s_container.clie .clients_cont ul.cont_box>li span::before{height: 10px;}
    .s_container.clie .clients_cont ul.cont_box>li>ul.clients_list{width: 100%; padding: 0; gap: 8px;}
    .s_container.clie .clients_cont ul.cont_box>li>ul.clients_list>li{width: calc((100% - 32px)/3); height: fit-content; border-radius: 8px;}
    .s_container.clie .link_cont{margin-top: 56px; height: fit-content; padding: 36px 24px 96px; border-radius: 10px;}
    .s_container.clie .link_cont .img_bg img{height: 100%;}
    .s_container.clie .text_wrap span{font-size: 22px;}
    .s_container.clie .text_wrap p{font-size: 14px;}
    .s_container.clie .text_wrap .link_btn{margin-top: 24px;}
    .s_container.clie .text_wrap .link_btn a{padding: 10px 20px; font-size: 14px;}

    /* 사업장소개 */
    .s_container.loca .map_wrap{gap: 24px;}
    .s_container.loca .map_wrap ul.map_tab{margin-top: 36px; height: 50px;}
    .s_container.loca .map_wrap ul.map_tab>li span{font-size: 14px;}
    .s_container.loca .map_wrap .map_cont .map{height: 280px;}
    .s_container.loca .map_wrap .map_cont ul.map_info{flex-direction: column; margin-top: 24px; gap: 12px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .icon{width: 56px; height: 56px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .icon img{width: 24px; height: 24px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .text{gap: 4px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .text span{font-size: 15px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .text p{font-size: 13px;}

    /* 인증서 */
    .s_container.cert .inner #bo_cate{margin-top: 36px;}
    .s_container.cert .inner #bo_cate ul#bo_cate_ul{gap: 8px; width: 100%; height: 42px;}
    .s_container.cert .inner #bo_cate ul#bo_cate_ul>li{width: calc((100% - 8px)/2);}
    .s_container.cert .inner #bo_cate ul#bo_cate_ul>li>a{font-size: 14px;}
    .s_container.cert #gall_ul{gap: 36px 8px; margin-top: 36px;}
    .s_container.cert #gall_ul li{width: calc((100% - 8px)/2);}
    .s_container.cert #gall_ul li .gall_img{height: fit-content !important;}
    .s_container.cert #gall_ul li .zoom_wrap{width: 100%; height: fit-content;}
    .s_container.cert #gall_ul li .gall_text_href{margin-top: 8px;}
    .s_container.cert #gall_ul li .gall_text_href span{font-size: 13px; line-height: 18px;}
    .s_container.cert #gall_ul li .gall_text_href span br{display: none;}
    .s_container.cert #gall_ul li:hover .zoom_wrap img{border: 1px solid var(--color-brand);}

    /* 제품소개 */
    .sub_wrap.products .sub_top{background-position: center; background-image: url(../img/hanmicable/sub/products_bg_m03.png);}    
    .s_container.prod .inner .prod_top .s_page_tit p.sub{font-size: 16px; font-weight: 400; line-height: 22px;}
    .s_container.prod .inner .prod_top .s_page_tit p.sub br{display: none;}
    .s_container.prod .inner .prod_top::before{width: 244px; height: 158px;}
    .s_container.prod .inner .prod_top .pro_link_wrap{margin-top: 36px;}
    .s_container.prod .inner .prod_top .pro_link_wrap ul.pro_link_list{gap: 8px;}
    .s_container.prod .inner .prod_top .pro_link_wrap ul.pro_link_list>li{font-size: 14px;}
    .s_container.prod .inner .prod_top .pro_link_wrap #bo_cate #bo_cate_ul{gap: 6px;}
    .s_container.prod .inner .prod_top .pro_link_wrap #bo_cate #bo_cate_ul>li a{font-size: 14px; padding: 12px 16px;}
    .s_container.prod .product_thumb{width: 100%;}
    .s_container.prod .product_list{margin-top: 24px;}
    .s_container.prod .product_item{flex-direction: column; width: 100%; gap: 16px; padding-bottom: 16px; border-bottom: 0;}
    .s_container.prod .product_head{width: 100%; padding-right: 0;}
    .s_container.prod .pdf_download{padding: 12px;}
    .s_container.prod .pdf_download a.btn_catalog{font-size: 13px;gap: 0;}
    .s_container.prod .pdf_download a.btn_catalog .icon{margin: 0;}
    .s_container.prod .pdf_download a.btn_catalog p{display: none;}
    .s_container.prod .thumb_mo{border-radius: 10px;}
    .s_container.prod .product_info{gap: 16px;}
    .s_container.prod .product_title span{font-size: 26px;}
    .s_container.prod .product_title a{font-size: 26px;}
    .s_container.prod .product_specs{gap: 8px;}
    .s_container.prod .product_specs.eng .spec_row{flex-direction: column; gap: 4px;}
    .s_container.prod .product_specs.eng dd ul.spec_list{gap: 4px;}
    .s_container.prod .product_specs dt{font-size: 14px; width: fit-content; min-width: 64px;}
    .s_container.prod .product_specs.eng dt{font-size: 14px; width: fit-content; min-width: auto; width: 100%;}
    
    .s_container.prod .product_specs dd{font-size: 14px;}
    .s_container.prod .product_specs.eng dd{font-size: 14px; width: 100%;}
    .s_container.prod .thumb_pc{display: none;}
    .s_container.prod .thumb_mo{display: block;}
    .s_container.prod .thumb_mo .swiper-pagination{text-align: left; padding-left: 16px; bottom: 16px;} 
    .s_container.prod .thumb_mo .swiper-pagination-bullet{height: 4px; width: 16px; border-radius: 10px;}
    .s_container.prod .thumb_mo .swiper-pagination .swiper-pagination-bullet-active{width: 42px; height: 4px; border-radius: 10px; background-color: var(--color-brand);}
    
    /* 품질환경 */
    .s_container.qual{padding: 48px 0 64px;}
    .s_container.qual .inner .text_cont span{font-size: 26px;}
    .s_container.qual .inner .text_cont span b{font-size: 26px;}
    .s_container.qual .inner .text_cont p{font-size: 16px; line-height: 22px;}
    .s_container.qual .inner .info_cont .graphic_wrap .img_box img{aspect-ratio: 16 / 9;}
    .s_container.qual .inner .info_cont .graphic{display: flex; justify-content: center; width: 100%; bottom: 90px;}
    .s_container.qual .inner .info_cont .graphic .circle{width: 36%; height: auto; aspect-ratio: 1 / 1; /* 정사각형 유지 */ left: 3px;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item{gap: 16px;}
    .s_container.qual .inner .info_cont .graphic .circle.two{left: 0;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item .qual_icon{width: 36px;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item .text_box span{font-size: 16px;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item .text_box p{font-size: 12px; line-height: 16px; margin-top: 4px;}
    .s_container.qual .inner .info_cont .info_text_cont{margin-top: -56px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual{border-top: 1px solid #f5f5f5;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual:last-child{border-bottom: 1px solid #f5f5f5;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner{flex-direction: column; width: 100%; padding: 42px 3.211vw;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left{width: 100%;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left .info_tit{font-size: 20px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left .info_tit small{font-size: 12px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left p.info_s_txt{font-size: 14px; line-height: 20px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right{width: 100%; padding-left: 0; margin-top: 24px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li{gap: 8px; justify-content: space-between;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .info_icon{width: 48px; height: 48px; min-width: 48px; border-radius: 8px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .info_icon img{width: 20px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt{width: calc(100% - (56px + 8px)); gap: 6px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt span{font-size: 15px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt p{font-size: 14px;}
    .s_container.qual .inner .total_cont{width: 100%; padding: 56px 3.211vw 0;}
    .s_container.qual .inner .total_cont .big_arrow{width: 100%;}
    .s_container.qual .inner .total_cont .big_arrow img{width: 100%;}
    .s_container.qual .inner .total_cont .total_item{padding: 64px 24px 64px; border-radius: 10px;}
    .s_container.qual .inner .total_cont .total_item .total_txt span{font-size: 22px;}
    .s_container.qual .inner .total_cont .total_item .total_txt span b{font-size: 22px;}
    .s_container.qual .inner .total_cont .total_item .total_txt p{font-size: 14px;}
    .s_container.qual .inner .total_cont .total_item .total_txt p b{font-size: 14px;}
    .s_container.qual .inner .total_cont .total_item .total_txt p br{display: none;}
    .s_container.qual .inner .info_cont .graphic .circle::before{content: none;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item .dot{display: none;}

    /* R&D */
    .s_container.rnd .inner ul.link_btn{margin-top: 36px; height: 42px; width: 100%; gap: 8px;}
    .s_container.rnd .inner ul.link_btn>li{width: 50%;}
    .s_container.rnd .inner ul.link_btn>li a{font-size: 14px;}
    .s_container.rnd .inner>.img_box{margin-top: 36px; border-radius: 10px;}
    .s_container.rnd .inner>.img_box img{aspect-ratio: 16 / 6;}

    /* R&D 시험설비 */
    .s_container.rnd .inner .rnd_cont.one{width: 100%;}
    .s_container.rnd .inner>.img_box .text_wrap{width: 100%;}
    .s_container.rnd .inner>.img_box .text_wrap span{font-size: 26px; line-height: 30px;}
    .s_container.rnd .inner>.img_box .text_wrap span p{font-size: 26px; line-height: 30px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap{position: relative; margin-top: 36px; gap: 16px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box{width: 50%;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .plus_img{position: absolute; top: 60%; bottom: unset; left: 50%; transform: translate(-50%,-50%); width: 20px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box .type span{font-size: 12px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box .type p{font-size: 20px; margin-top: 8px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box>span{margin-top: 20px; padding: 16px 16px; min-height: auto; font-size: 14px; line-height: 20px; min-height: 180px; border-radius: 10px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box>span br{display: none;} 
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont{margin-top: 116px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .big_arrow{width: 100%; top: -56px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .big_arrow img{width: 100%;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item{border-radius: 10px; padding: 24px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item span{font-size: 14px; line-height: 20px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item span br{display: none;}
    .s_container.rnd .facilities_list{margin: 56px 0 0;}
    .s_container.rnd .facilities_list .slick-dots{margin-top: 16px;}
    .s_container.rnd .facilities_list .slick-dots li button{height: 4px; width: 16px; border-radius: 10px;}
    .s_container.rnd .facilities_list .slick-dots li.slick-active button{width: 42px; height: 4px;}
    .s_container.rnd .facilities_list .faci_img img:hover{transform: none;}
    /* R&D 환경친화 */
    .s_container.rnd .inner .info_text_cont{margin-top: 36px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner{flex-wrap: wrap; width: 100%; padding: 0; flex-direction: column-reverse; gap: 56px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left{width: 100%;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap .info_tit{font-size: 20px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap p.info_s_txt{font-size: 14px; line-height: 20px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap p.info_s_txt br{display: none;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list{flex-direction: column; margin-top: 24px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li{width: 100%; gap: 8px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt{gap: 6px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt span{font-size: 15px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt p{font-size: 14px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .info_icon{width: 48px; height: 48px; min-width: 48px; min-height: 48px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .info_icon img{width: 20px; height: 20px;}

    .s_container.rnd .inner .info_text_cont .info_rnd .inner .right{display: flex; justify-content: center; width: 100%;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .right .img_box{width: 80%}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .right .img_box img{width: 100%}


    /* 해외전시 */
    .s_container.over .expo_list{gap: 36px 8px; margin-top: 36px;}
    .s_container.over .expo_item{width: calc((100% - 8px)/2);}
    .s_container.over .expo_info{margin-top: 8px;}
    .s_container.over .expo_title{font-size: 13px; line-height: 18px;}

    /* 홍보영상 */
    .s_container.vide .top_video{margin-top: 36px;}
    .s_container.vide .search_wrap{margin-top: 24px;}
    .s_container.vide #fboardlist{margin-top: 24px;}
    .s_container.vide ul#gall_ul{margin-top: 0px; gap: 36px 8px;}
    .s_container.vide ul#gall_ul>li{width: calc((100% - 8px)/2);}
    .s_container.vide ul#gall_ul>li .gall_box .bo_tit{margin-top: 8px; font-size: 13px;}
    .s_container.vide ul#gall_ul>li .gall_box .gall_img{height: auto !important;}
    .s_container.vide .top_video .play_btn_wrap{width: 96px; height: 96px;}
    .s_container.vide .top_video .play_btn_wrap .emblem-svg{width: 120px; height: 120px;}
    .s_container.vide .top_video .play_btn_wrap .play_btn{width: 56px; height: 56px;}

    /* 온라인 문의 */
    .s_container.inqu .all_input_wrap{margin-top: 36px; gap: 36px;}
    .s_container.inqu .all_input_wrap .input_wrap>span{font-size: 16px; height: 42px;}
    .s_container.inqu .all_input_wrap .input_wrap.one{gap: 16px;}
    .s_container.inqu .all_input_wrap .input_wrap.one .input_box .input_item{gap: 16px;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box .input_item .privacy_inquiry{font-size: 14px; line-height: 18px; border-radius: 4px;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box .input_item .check label{font-size: 14px;}
    .s_container.inqu .all_input_wrap .input_wrap{gap: 16px;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box .input_item label{font-size: 14px;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box{gap: 12px;}
    .s_container.inqu .all_input_wrap .input_wrap.two .input_box .input_item{width: 100%;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box .input_item input{height: 42px; border-radius: 4px; padding-left: 10px;}
    .s_container.inqu .all_input_wrap .input_wrap.five .input_box .input_item{width: 100%;}
    .s_container.inqu .all_input_wrap .input_wrap.three .input_box .input_item textarea{height: 160px !important; border-radius: 8px;}
    .s_container.inqu .btn_confirm{height: 52px;}
    .s_container.inqu .btn_confirm button{height: 100%; font-size: 14px; }
    


    /* 카탈로그 */
    .s_container.cata #fboardlist{margin-top: 24px;}
    .s_container.cata .catalog_list{gap: 8px;}
    .s_container.cata .catalog_list .catalog_item{width: 100%; padding: 24px 16px;}
    .s_container.cata .catalog_list .catalog_item .catalog_left .catalog_text{font-size: 14px;}
    .s_container.cata .catalog_list .catalog_item .catalog_right>span{font-size: 13px;}
    .s_container.cata .catalog_list .catalog_item .catalog_right a.catalog_down{font-size: 13px; margin-left: 36px;}
    .s_container.cata .catalog_list .catalog_item .catalog_right a::before{left: -16px;}
    .s_container.cata .catalog_list .catalog_item .catalog_right a.catalog_down .icon{width: 16px; height: 16px;}

    .s_container.cata .all_input_wrap .input_wrap.four .input_box{width: 100%;}
    .s_container.cata .all_input_wrap .input_wrap.four .input_box .input_item{flex-direction: column; height: fit-content; gap: 8px;}
    .s_container.cata .all_input_wrap .input_wrap.four span{font-size: 14px;}
    .s_container.cata .all_input_wrap .input_wrap.four .input_box .input_item .file_name{height: 42px; padding-left: 10px;}
    .s_container.cata .all_input_wrap .input_wrap.four .input_box .input_item .file_name span{display: flex; height: 100%; display: flex; align-items: center; font-size: 12px;}
    .s_container.cata .all_input_wrap .input_wrap.four .input_box .input_item label{width: 100%; height: 42px; font-size: 14px;}
    .s_container.cata #bo_w .btn_confirm{gap: 8px; height: 42px; margin-top: 24px; width: 100%;}
    .s_container.cata #bo_w .btn_confirm .btn_cancel{border-radius: 10px; font-size: 14px; width: 100%;}
    .s_container.cata .btn_confirm button{font-size: 14px !important; height: 100%; border-radius: 10px; width: 100%;}

    .s_container.vide .all_input_wrap .input_wrap.four .input_box{width: 100%;}
    .s_container.vide .all_input_wrap .input_wrap.four .input_box .input_item{flex-direction: column; height: fit-content; gap: 8px;}
    .s_container.vide .all_input_wrap .input_wrap.four span{font-size: 14px;}
    .s_container.vide .all_input_wrap .input_wrap.four .input_box .input_item .file_name{height: 42px; padding-left: 10px;}
    .s_container.vide .all_input_wrap .input_wrap.four .input_box .input_item .file_name span{display: flex; height: 100%; display: flex; align-items: center; font-size: 12px;}
    .s_container.vide .all_input_wrap .input_wrap.four .input_box .input_item label{width: 100%; height: 42px; font-size: 14px;}
    .s_container.vide #bo_w .btn_confirm{gap: 8px; height: 42px; margin-top: 24px; width: 100%;}
    .s_container.vide #bo_w .btn_confirm .btn_cancel{border-radius: 10px; font-size: 14px; width: 100%;}
    .s_container.vide .btn_confirm button{font-size: 14px !important; height: 100%; border-radius: 10px; width: 100%;}
    .s_container.vide .all_input_wrap .input_wrap .input_box .input_item>p{font-size: 12px; line-height: 16px; color: #999;}
    .s_container.vide .all_input_wrap .input_wrap>span{font-size: 14px; height: auto; border-bottom: 0;}
    .s_container.vide .all_input_wrap{gap: 24px;}
    .s_container.vide .all_input_wrap .input_wrap.one{gap: 6px;}
    .s_container.vide .all_input_wrap .input_wrap{gap: 8px;}
    .s_container.vide .all_input_wrap .input_wrap .input_box .input_item input{font-size: 12px;}
    .s_container.vide .all_input_wrap .input_wrap.four .input_box>p{font-size: 12px; color: #999;}

    .s_container.over .all_input_wrap .input_wrap.four .input_box{width: 100%;}
    .s_container.over .all_input_wrap .input_wrap.four .input_box .input_item{flex-direction: column; height: fit-content; gap: 8px;}
    .s_container.over .all_input_wrap .input_wrap.four span{font-size: 14px;}
    .s_container.over .all_input_wrap .input_wrap.four .input_box .input_item .file_name{height: 42px; padding-left: 10px;}
    .s_container.over .all_input_wrap .input_wrap.four .input_box .input_item .file_name span{display: flex; height: 100%; display: flex; align-items: center; font-size: 12px;}
    .s_container.over .all_input_wrap .input_wrap.four .input_box .input_item label{width: 100%; height: 42px; font-size: 14px;}
    .s_container.over #bo_w .btn_confirm{gap: 8px; height: 42px; margin-top: 24px; width: 100%;}
    .s_container.over #bo_w .btn_confirm .btn_cancel{border-radius: 10px; font-size: 14px; width: 100%;}
    .s_container.over .btn_confirm button{font-size: 14px !important; height: 100%; border-radius: 10px; width: 100%;}
    .s_container.over .all_input_wrap .input_wrap .input_box .input_item>p{font-size: 12px; line-height: 16px; color: #999;}
    .s_container.over .all_input_wrap .input_wrap>span{font-size: 14px; height: auto; border-bottom: 0;}
    .s_container.over .all_input_wrap{gap: 24px;}
    .s_container.over .all_input_wrap .input_wrap.one{gap: 6px;}
    .s_container.over .all_input_wrap .input_wrap{gap: 8px;}
    .s_container.over .all_input_wrap .input_wrap .input_box .input_item input{font-size: 12px;}
    .s_container.over .all_input_wrap .input_wrap.four .input_box>p{font-size: 12px; color: #999;}

    .s_container.prod .all_input_wrap .input_wrap.four .input_box{width: 100%;}
    .s_container.prod .all_input_wrap .input_wrap.four .input_box .input_item{flex-direction: column; height: fit-content; gap: 8px;}
    .s_container.prod .all_input_wrap .input_wrap.four span{font-size: 14px;}
    .s_container.prod .all_input_wrap .input_wrap.four .input_box .input_item .file_name{height: 42px; padding-left: 10px;}
    .s_container.prod .all_input_wrap .input_wrap.four .input_box .input_item .file_name span{display: flex; height: 100%; display: flex; align-items: center; font-size: 12px;}
    .s_container.prod .all_input_wrap .input_wrap.four .input_box .input_item label{width: 100%; height: 42px; font-size: 14px;}
    .s_container.prod #bo_w .btn_confirm{gap: 8px; height: 42px; margin-top: 24px; width: 100%;}
    .s_container.prod #bo_w .btn_confirm .btn_cancel{border-radius: 10px; font-size: 14px; width: 100%;}
    .s_container.prod .btn_confirm button{font-size: 14px !important; height: 100%; border-radius: 10px; width: 100%;}
    .s_container.prod .all_input_wrap .input_wrap .input_box .input_item>p{font-size: 12px; line-height: 16px; color: #999;}
    .s_container.prod .all_input_wrap .input_wrap>span{font-size: 16px; height: auto; border-bottom: 0;}
    .s_container.prod .all_input_wrap{gap: 24px;}
    .s_container.prod .all_input_wrap .input_wrap.one{gap: 6px;}
    .s_container.prod .all_input_wrap .input_wrap{gap: 8px;}
    .s_container.prod .all_input_wrap .input_wrap .input_box .input_item input{font-size: 12px;}
    .s_container.prod .all_input_wrap .input_wrap.four .input_box>p{font-size: 12px; color: #999;}
    .s_container.prod #bo_w .bo_w_select{gap: 8px;}
    .s_container.prod #bo_w .bo_w_select span{font-size: 16px; height: auto; border-bottom: 0;}
    .s_container.prod .all_input_wrap .input_wrap.two .input_box .input_item{width: 100%;}
    .s_container.prod .all_input_wrap .input_wrap .input_box .input_item textarea{height: 42px; padding: 9px 0 0 10px;}
    .s_container.prod .all_input_wrap .input_wrap .input_box .input_item label{font-size: 14px;}
    .s_container.prod .all_input_wrap .input_wrap .input_box{gap: 8px;}
    
    #bo_w .write_div:after{display: none;}

    #smart_editor2{width: 100%; min-width: auto;}

    .pg_wrap{margin-top: 32px;}
    .pg_wrap .pg{gap: 4px;}
    .pg_wrap .pg_page{font-size: 14px; width: 24px; height: 24px; min-width: auto;}
    .pg_wrap .pg_current{font-size: 14px; width: 24px; height: 24px; min-width: auto;}
    .pg_wrap .pg_end{background-size: 60%;}
}

@media screen and (max-width:475px) {
    #captcha.m_captcha audio{display: none;}
   

    .sub_top{aspect-ratio: 16 / 16; display: flex; }
    .sub_top .inner{ flex-shrink: 0;}
    .sub_top .inner .tit_wrap .tit span.eyebrow{font-size: 12px;}
    .sub_top .inner .tit_wrap .tit p{font-size: 32px;}
    .drop_wrap{height: 50px;}
    .drop_wrap .inner{width: 100%;}
    .drop_wrap .inner ul.drop_nav{width: 100%;}
    .drop_wrap .inner ul.drop_nav>li{min-width: auto; width: calc((100% - 50px)/2);}
    .drop_wrap .inner ul.drop_nav>li.home{width: 50px;}
    .drop_wrap .inner ul.drop_nav>li>a>img{width: 14px;}
    .drop_wrap .inner ul.drop_nav>li.nav_list span{font-size: 13px;}
    .drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2>li{height: 42px;}
    .drop_wrap .inner ul.drop_nav>li.nav_list>ul.dep2>li>a{font-size: 13px;}

    .s_container{width: 100%; padding: 48px 3.211vw 64px; box-sizing: border-box;}
    .s_container .inner{width: 100%; margin: 0 auto;}
    .s_container .inner.w1400{width: 100%;}
    .s_container .inner.w1784{width: 100%;}
    .s_container .inner.w100{width: 100%;}
    .s_container .inner .s_page_tit{gap: 12px;}
    .s_container .inner .s_page_tit span.eyebrow{font-size: 12px; font-weight: 400;}
    .s_container .inner .s_page_tit p{font-size: 24px; font-weight: bold;}

    /* 검색 */
    .search_wrap{margin-top: 56px; padding: 0; background-color: transparent;}
    .search_right{width: 100%; height: 90px;}
    .search_right form{display: flex; flex-direction: column; width: 100%; height: 100%; gap: 6px;}
    .search_right select{min-width: 100%; height: 100%; font-size: 13px; background-size: 16px; background-color: #f5f5f5; border: 1px solid #ddd; color: #999;}
    .search_right input[type="text"]{min-width: auto; width: 100%; font-size: 13px; margin-left: 0; background-color: #f5f5f5; border: 1px solid #ddd;}
    .search_right input[type="text"]::placeholder{font-size: 13px; color: #999;}
    .search_right .btn_search{width: 42px; height: 42px; top: 48px;}
    .search_right .btn_search img{width: 16px;}
    
    
    /* 게시판 공통 */
    .s_container.noti #bo_v_title .bo_v_tit{font-size: 18px; line-height: 24px;}
    .s_container.noti #bo_v_title p{font-size: 13px;}
    .s_container.noti .bo_v_nb li{display: flex; flex-direction: column; padding: 24px;}
    .s_container.noti .bo_v_nb li .nb_tit{display: flex; align-items: center;}
    .s_container.noti .bo_v_nb li>a{margin-top: 24px; line-height: 130%;}
    .s_container.noti .bo_v_nb li i{font-size: 12px;}
    .bo_v_nb li .nb_date{margin-top: 8px;}
    .s_container.noti header{padding: 36px 16px 26px;}
    .s_container.noti #bo_v_con{padding: 26px 16px;}
    .s_container.noti .list_back{height: 52px;}
    .s_container.noti .list_back a{font-size: 14px;}
    .s_container.noti table thead tr th.date{display: none;}
    .s_container.noti table tbody tr td .bo_tit .mo_date{display: block; font-size: 12px; margin-top: 6px;}
    .s_container.noti table tbody tr .td_datetime{display: none;}
    .s_container.noti table tbody tr .td_subject{padding-left: 10px !important;}
    .s_container.noti table tbody tr td .bo_tit a{font-size: 13px; font-weight: bold;}
    .s_container.noti table thead tr th{font-size: 13px;}
    .s_container.noti table thead tr th.num{width: 16%;}
    .s_container.noti #bo_list tbody td{font-size: 13px;}
    .s_container.noti .tbl_head01 thead th{padding: 10px 0;}
    .s_container.noti .tbl_head01 td{padding: 16px 0;}



    /* ceo인사말 */
    .s_container.ceo .inner>.img_box{border-radius: 10px; aspect-ratio: 16 / 9; margin-top: 36px;}
    .s_container.ceo .inner>.img_box>img{height: 100%;}
    .s_container.ceo .inner>.text_cont{width: 100%; flex-direction: column; margin-top: 42px;}
    .s_container.ceo .inner>.text_cont .left span{font-size: 26px; line-height: 36px;}
    .s_container.ceo .inner>.text_cont .left span b{font-size: 26px; line-height: 36px;}
    .s_container.ceo .inner>.text_cont .left p{font-size: 16px; line-height: 24px;}
    /* .s_container.ceo .inner>.text_cont .left p br{display: none;} */
    .s_container.ceo .inner>.text_cont .right{width: 100%; margin-top: 32px;}
    .s_container.ceo .inner>.text_cont .right p{font-size: 14px; line-height: 24px;}
    .s_container.ceo .inner>.text_cont .right p br{display: none;}
    .s_container.ceo .inner>.text_cont .right p br.mo{display: block;}
    .s_container.ceo .inner>.text_cont .right .sign{margin-top: 24px;}
    .s_container.ceo .inner>.text_cont .right .sign span{gap: 6px; font-size: 14px;}

    /* 연혁 */
    .s_container.hist .inner>.img_box{border-radius: 10px; aspect-ratio: 16 / 9; margin-top: 36px;}
    .s_container.hist .inner>.img_box>img{width: 100%; object-fit: cover; height: 100%;}
    .s_container.hist .inner>.img_box .text_wrap{top: 50%; left: 50%; bottom: unset; transform: translate(-50%,-50%); text-align: center;}
    .s_container.hist .inner>.img_box .text_wrap span{font-size: 16px;}
    .s_container.hist .inner>.img_box .text_wrap p{font-size: 12px; line-height: 17px;}
    .s_container.hist .inner .hist_cont{flex-direction: column; width: 100%;}
    .s_container.hist .inner .hist_cont .img_cont{width: 100%; margin-top: 0px; padding-top: 24px; top: 70px; background-color: #fff; z-index: 10;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li span.eyebrow{font-size: 12px;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li p{font-size: 26px;}
    .s_container.hist .inner .hist_cont .img_cont .img_list ul>li .img_box{width: 100%; height: auto; border-radius: 10px; margin-top: 16px;}
    .s_container.hist .inner .hist_cont .text_cont{width: 100%; padding: 48px 0 48px 24px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li{gap: 20px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl{gap: 8px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dt{font-size: 14px;}
    .s_container.hist .inner .hist_cont .text_cont .hist_list>ul>li>dl>dd{font-size: 12px; margin-top: 0;}

    /* 주요고객사 */
    .s_container.clie{overflow: hidden;}
    .s_container.clie .clients_cont{margin-top: 36px;}
    .s_container.clie .clients_cont ul.cont_box>li{flex-direction: column; gap: 16px;}
    .s_container.clie .clients_cont ul.cont_box>li span{font-size: 16px;}
    .s_container.clie .clients_cont ul.cont_box>li span::before{height: 10px;}
    .s_container.clie .clients_cont ul.cont_box>li>ul.clients_list{width: 100%; padding: 0; gap: 8px;}
    .s_container.clie .clients_cont ul.cont_box>li>ul.clients_list>li{width: calc((100% - 32px)/3); height: fit-content; border-radius: 8px;}
    .s_container.clie .link_cont{margin-top: 56px; height: fit-content; padding: 36px 24px 96px; border-radius: 10px;}
    .s_container.clie .link_cont .img_bg img{height: 100%;}
    .s_container.clie .text_wrap span{font-size: 22px;}
    .s_container.clie .text_wrap p{font-size: 14px;}
    .s_container.clie .text_wrap .link_btn{margin-top: 24px;}
    .s_container.clie .text_wrap .link_btn a{padding: 10px 20px; font-size: 14px;}

    /* 사업장소개 */
    .s_container.loca .map_wrap{gap: 24px;}
    .s_container.loca .map_wrap ul.map_tab{margin-top: 36px; height: 50px;}
    .s_container.loca .map_wrap ul.map_tab>li span{font-size: 14px;}
    .s_container.loca .map_wrap .map_cont .map{height: 280px;}
    .s_container.loca .map_wrap .map_cont ul.map_info{flex-direction: column; margin-top: 24px; gap: 12px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li{gap: 12px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .icon{width: 42px; height: 42px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .icon img{width: 16px; height: 16px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .text{gap: 4px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .text span{font-size: 15px;}
    .s_container.loca .map_wrap .map_cont ul.map_info>li .text p{font-size: 13px;}

    /* 인증서 */
    .s_container.cert .inner #bo_cate{margin-top: 36px;}
    .s_container.cert .inner #bo_cate ul#bo_cate_ul{gap: 8px; width: 100%; height: 42px;}
    .s_container.cert .inner #bo_cate ul#bo_cate_ul>li{width: calc((100% - 8px)/2);}
    .s_container.cert .inner #bo_cate ul#bo_cate_ul>li>a{font-size: 14px;}
    .s_container.cert #gall_ul{gap: 36px 8px; margin-top: 36px;}
    .s_container.cert #gall_ul li{width: calc((100% - 8px)/2);}
    .s_container.cert #gall_ul li .gall_img{height: fit-content !important;}
    .s_container.cert #gall_ul li .zoom_wrap{width: 100%; height: fit-content;}
    .s_container.cert #gall_ul li .gall_text_href{margin-top: 8px;}
    .s_container.cert #gall_ul li .gall_text_href span{font-size: 13px; line-height: 18px;}
    .s_container.cert #gall_ul li .gall_text_href span br{display: none;}
    .s_container.cert #gall_ul li:hover .zoom_wrap img{border: 1px solid var(--color-brand);}

    /* 제품소개 */
    .sub_wrap.products .sub_top{background-position: center;}    
    .s_container.prod .inner .prod_top .s_page_tit p.sub{font-size: 14px; font-weight: 400; line-height: 22px;}
    .s_container.prod .inner .prod_top .s_page_tit p.sub br{display: none;}
    .s_container.prod .inner .prod_top::before{width: 244px; height: 158px;}
    .s_container.prod .inner .prod_top .pro_link_wrap{margin-top: 36px;}
    .s_container.prod .inner .prod_top .pro_link_wrap ul.pro_link_list{gap: 12px; flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; scrollbar-width: none;}
    .s_container.prod .inner .prod_top .pro_link_wrap ul.pro_link_list>li{font-size: 14px;}
    .s_container.prod .inner .prod_top .pro_link_wrap #bo_cate #bo_cate_ul{gap: 6px; flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; scrollbar-width: none;}
    .s_container.prod .inner .prod_top .pro_link_wrap #bo_cate #bo_cate_ul>li a{font-size: 14px; padding: 12px 16px;}
    .s_container.prod .product_thumb{width: 100%;}
    .s_container.prod .product_list{margin-top: 24px;}
    .s_container.prod .product_item{flex-direction: column; width: 100%; gap: 16px; padding-bottom: 16px; border-bottom: 0;}
    .s_container.prod .product_head{width: 100%; padding-right: 0;}
    .s_container.prod .pdf_download{padding: 12px;}
    .s_container.prod .pdf_download a.btn_catalog{font-size: 13px;gap: 0;}
    .s_container.prod .pdf_download a.btn_catalog .icon{margin: 0;}
    .s_container.prod .pdf_download a.btn_catalog p{display: none;}
    .s_container.prod .thumb_mo{border-radius: 10px;}
    .s_container.prod .product_info{gap: 6px;}
    .s_container.prod .product_title span{font-size: 26px; font-weight: bold;}
    .s_container.prod .product_title a{font-size: 26px; font-weight: bold;}
    .s_container.prod .product_specs{gap: 8px;}
    .s_container.prod .product_specs dt{font-size: 14px; width: fit-content; min-width: 64px;}
    .s_container.prod .product_specs.eng dt{font-size: 14px; width: fit-content; min-width: 136px;}
    .s_container.prod .product_specs dd{font-size: 14px;}
    .s_container.prod .product_specs.eng dd{font-size: 14px;}
    .s_container.prod .thumb_pc{display: none;}
    .s_container.prod .thumb_mo{display: block;}
    .s_container.prod .thumb_mo .swiper-pagination{text-align: left; padding-left: 16px; bottom: 16px;} 
    .s_container.prod .thumb_mo .swiper-pagination-bullet{height: 4px; width: 16px; border-radius: 10px;}
    .s_container.prod .thumb_mo .swiper-pagination .swiper-pagination-bullet-active{width: 42px; height: 4px; border-radius: 10px; background-color: var(--color-brand);}
    
    /* 품질환경 */
    .s_container.qual{padding: 48px 0 64px;}
    .s_container.qual .inner .text_cont{padding: 0 3.211vw;}
    .s_container.qual .inner .text_cont span{font-size: 26px;}
    .s_container.qual .inner .text_cont span b{font-size: 26px;}
    .s_container.qual .inner .text_cont p{font-size: 16px; line-height: 22px;}
    .s_container.qual .inner .info_cont .graphic_wrap .img_box img{aspect-ratio: 16 / 7;}
    .s_container.qual .inner .info_cont .graphic{display: flex; justify-content: center; width: 100%; bottom: 90px;}
    .s_container.qual .inner .info_cont .graphic .circle{width: 42%; height: auto; aspect-ratio: 1 / 1; /* 정사각형 유지 */ left: 3px;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item{gap: 16px;}
    .s_container.qual .inner .info_cont .graphic .circle.two{left: 0;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item .qual_icon{width: 36px;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item .text_box span{font-size: 16px;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item .text_box p{font-size: 12px; line-height: 16px; margin-top: 4px;}
    .s_container.qual .inner .info_cont .info_text_cont{margin-top: -56px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual{border-top: 1px solid #f5f5f5;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual:last-child{border-bottom: 1px solid #f5f5f5;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner{flex-direction: column; width: 100%; padding: 64px 3.211vw;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left{width: 100%;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left .info_tit{font-size: 20px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left .info_tit small{font-size: 12px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .left p.info_s_txt{font-size: 14px; line-height: 24px; margin-top: 12px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right{width: 100%; padding-left: 0; margin-top: 32px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li{gap: 8px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt{width: calc(100% - (56px + 8px)); gap: 6px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt span{font-size: 15px;}
    .s_container.qual .inner .info_cont .info_text_cont .info_qual .inner .right ul.info_list>li .list_txt p{font-size: 14px; line-height: 20px;}
    .s_container.qual .inner .total_cont{width: 100%; padding: 56px 3.211vw 0;}
    .s_container.qual .inner .total_cont .big_arrow{width: 100%;}
    .s_container.qual .inner .total_cont .big_arrow img{width: 100%;}
    .s_container.qual .inner .total_cont .total_item{padding: 64px 24px 64px; border-radius: 10px;}
    .s_container.qual .inner .total_cont .total_item .total_txt span{font-size: 22px;}
    .s_container.qual .inner .total_cont .total_item .total_txt span b{font-size: 22px;}
    .s_container.qual .inner .total_cont .total_item .total_txt span br{display: none;}
    .s_container.qual .inner .total_cont .total_item .total_txt p{font-size: 14px;}
    .s_container.qual .inner .total_cont .total_item .total_txt p b{font-size: 14px;}
    .s_container.qual .inner .total_cont .total_item .total_txt p br{display: none;}
    .s_container.qual .inner .info_cont .graphic .circle::before{content: none;}
    .s_container.qual .inner .info_cont .graphic .circle .circle_item .dot{display: none;}

    /* R&D */
    .s_container.rnd .inner ul.link_btn{margin-top: 36px; height: 42px; width: 100%; gap: 8px;}
    .s_container.rnd .inner ul.link_btn>li a{font-size: 14px;}
    .s_container.rnd .inner>.img_box{margin-top: 36px; border-radius: 10px;}
    .s_container.rnd .inner>.img_box img{aspect-ratio: 16 / 9;}

    /* R&D 시험설비 */
    .s_container.rnd .inner .rnd_cont.one{width: 100%;}
    .s_container.rnd .inner>.img_box .text_wrap{width: 100%;}
    .s_container.rnd .inner>.img_box .text_wrap span{font-size: 26px; line-height: 30px;}
    .s_container.rnd .inner>.img_box .text_wrap span p{font-size: 26px; line-height: 30px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap{position: relative; flex-wrap: wrap; margin-top: 36px; gap: 32px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box{width: 100%;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .plus_img{position: absolute; top: 60%; bottom: unset; left: 50%; transform: translate(-50%,-50%); width: 20px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box .type span{font-size: 12px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box .type p{font-size: 20px; margin-top: 8px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box>span{margin-top: 20px; padding: 16px 56px; min-height: auto; font-size: 14px; line-height: 20px; min-height: 100px; border-radius: 10px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .item_box>span br{display: none;} 
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont{margin-top: 116px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .big_arrow{width: 100%; top: -56px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .big_arrow img{width: 100%;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item{border-radius: 10px; padding: 24px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item span{font-size: 14px; line-height: 20px;}
    .s_container.rnd .inner .rnd_cont.one .inner .total_cont .total_item span br{display: none;}
    .s_container.rnd .facilities_list{margin: 56px 0 0;}
    .s_container.rnd .facilities_list .faci_img{margin: 0;}
    .s_container.rnd .facilities_list .slick-dots{margin-top: 16px;}
    .s_container.rnd .facilities_list .slick-dots li button{height: 4px; width: 16px; border-radius: 10px;}
    .s_container.rnd .facilities_list .slick-dots li.slick-active button{width: 42px; height: 4px;}
    .s_container.rnd .inner .rnd_cont.one .inner .facilities_wrap .plus_img img{display: none;}

    /* R&D 환경친화 */
    .s_container.rnd .inner .info_text_cont{margin-top: 36px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner{flex-wrap: wrap; width: 100%; padding: 0; flex-direction: column-reverse; gap: 56px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left{width: 100%;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap .info_tit{font-size: 20px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap p.info_s_txt{font-size: 14px; line-height: 24px; margin-top: 12px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left .info_tit_wrap p.info_s_txt br{display: none;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list{margin-top: 32px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li{gap: 8px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt{gap: 6px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt span{font-size: 15px;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .left ul.info_list>li .list_txt p{font-size: 14px;}

    .s_container.rnd .inner .info_text_cont .info_rnd .inner .right{display: flex; justify-content: center; width: 100%;}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .right .img_box{width: 80%}
    .s_container.rnd .inner .info_text_cont .info_rnd .inner .right .img_box img{width: 100%}


    /* 해외전시 */
    .s_container.over .expo_list{gap: 36px 8px; margin-top: 36px;}
    .s_container.over .expo_item{width: calc((100% - 8px)/2);}
    .s_container.over .expo_info{margin-top: 8px;}
    .s_container.over .expo_title{font-size: 13px; line-height: 18px;}

    /* 홍보영상 */
    .s_container.vide .top_video{margin-top: 36px;}
    .s_container.vide .search_wrap{margin-top: 24px;}
    .s_container.vide #fboardlist{margin-top: 24px;}
    .s_container.vide ul#gall_ul{margin-top: 0px; gap: 36px 8px;}
    .s_container.vide ul#gall_ul>li{width: calc((100% - 8px)/2);}
    .s_container.vide ul#gall_ul>li .gall_box .bo_tit{margin-top: 8px; font-size: 13px;}
    .s_container.vide ul#gall_ul>li .gall_box .gall_img{height: auto !important;}
    .s_container.vide .top_video .play_btn_wrap{width: 96px; height: 96px;}
    .s_container.vide .top_video .play_btn_wrap .emblem-svg{width: 96px; height: 96px;}
    .s_container.vide .top_video .play_btn_wrap .play_btn{width: 56px; height: 56px;}
    .s_container.vide .video_close{display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; border-radius: 500px; background-color: var(--color-sub-brand); right: 50%; top: unset; bottom: -72px; transform: translateX(50%);}
    .s_container.vide .video_close img{width: 16px; height: 16px;}

    /* 온라인 문의 */
    .s_container.inqu .all_input_wrap{margin-top: 36px; gap: 36px;}
    .s_container.inqu .all_input_wrap .input_wrap>span{font-size: 16px; height: 42px;}
    .s_container.inqu .all_input_wrap .input_wrap.one{gap: 16px;}
    .s_container.inqu .all_input_wrap .input_wrap.one .input_box .input_item{gap: 16px;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box .input_item .privacy_inquiry{font-size: 14px; line-height: 18px; border-radius: 4px;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box .input_item .check label{font-size: 12px;}
    .s_container.inqu .all_input_wrap .input_wrap{gap: 16px;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box .input_item label{font-size: 14px;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box{gap: 12px;}
    .s_container.inqu .all_input_wrap .input_wrap.two .input_box .input_item{width: 100%;}
    .s_container.inqu .all_input_wrap .input_wrap .input_box .input_item input{height: 42px; border-radius: 4px;}
    .s_container.inqu .all_input_wrap .input_wrap.five .input_box .input_item{width: 100%;}
    .s_container.inqu .all_input_wrap .input_wrap.three .input_box .input_item textarea{height: 160px !important; border-radius: 8px;}
    .s_container.inqu .btn_confirm{height: 52px;}
    .s_container.inqu .btn_confirm button{height: 100%; font-size: 14px; }



    /* 카탈로그 */
    .s_container.cata #fboardlist{margin-top: 24px;}
    .s_container.cata .catalog_list{gap: 8px;}
    .s_container.cata .catalog_list .catalog_item{width: 100%; padding: 24px 16px;}
    .s_container.cata .catalog_list .catalog_item .catalog_left .catalog_text{font-size: 14px;}
    .s_container.cata .catalog_list .catalog_item .catalog_right>span{font-size: 13px;}
    .s_container.cata .catalog_list .catalog_item .catalog_right a.catalog_down{font-size: 13px; margin-left: 36px;}
    .s_container.cata .catalog_list .catalog_item .catalog_right a::before{left: -16px;}
    .s_container.cata .catalog_list .catalog_item .catalog_right a.catalog_down .icon{width: 16px; height: 16px;}
    
}