#sub { width: 100%; min-width: 130rem; display: inline-block; } 
#sub p { font-weight: 400; } 

/*subtop, snb*/
#sub #subtop { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; height: 53rem; position: relative; } 
#sub #subtop.bg1 { background-image: url(../images/subtop_01.jpg); } 
#sub #subtop.bg2 { background-image: url(../images/subtop_02.jpg); } 
#sub #subtop.bg3 { background-image: url(../images/subtop_03.jpg); } 
#sub #subtop.bg4 { background-image: url(../images/subtop_04.jpg); } 
#sub #subtop.bg5 { background-image: url(../images/subtop_05.jpg); } 
#sub #subtop.bg7 { background-image: url(../images/subtop_07.jpg); } 
#sub #subtop.bg_solar { background-image: url(/images/solar/bg_solar.jpg); }

#sub #subtop h4 { color: #fff; text-align: center; padding-top: 20rem; font-weight: 300; letter-spacing: 1.6rem; } 
#sub #subtop h1 { color: #fff; text-align: center; padding-top: 1rem; font-size: 6rem; font-weight: 600; } 
#sub #subtop .an_h { color: #fff; text-align: center; padding-top: 23rem; font-size: 6rem; font-weight: 600; } 


#sub #subtop ul.snb { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; border-bottom: 1px solid #d5d5d5; } 
#sub #subtop ul.snb li { float: left; flex: 1; } 
#sub #subtop ul.snb li a { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; padding: 2rem 0rem; background-color: #fff; text-align: center; font-size: 2.4rem; transition: all 0.2s; border-right: 1px solid #d5d5d5; } 
#sub #subtop ul.snb li:last-child a { border-right: none; } 
#sub #subtop ul.snb li a:hover,
#sub #subtop ul.snb li a.on,
#sub #subtop ul.snb li a.active { color: #fff; font-weight: 600; background-color: #ff4b17; } 
#sub #subtop ul.snb.t1 li { width: 100%; } 
#sub #subtop ul.snb.t2 li { width: 50%; } 
#sub #subtop ul.snb.t3 li { width: 33.333%; } 
#sub #subtop ul.snb.t4 li { width: 25%; } 
#sub #subtop ul.snb.t5 li { width: 20%; } 
#sub #subtop ul.snb.t8 li { width: 12.5%; } 


#sub .contents { min-height: 60rem; padding-top: 11rem; } 
#sub .contents.price { padding-top: 24rem; } 
#sub .contents h2.sub_tit { text-align: center; color: #303030; font-weight: 500; font-size: 6rem; position: relative; margin-bottom: 11rem; } 
#sub .contents h2.sub_tit::after { content: ''; position: absolute; left: 50%; bottom: -100%; width: .3rem; height: 3.5rem; background-color: #ff4b17; } 
#sub .contents h2.sub_tit.a_none { margin-bottom: 3rem; } 
#sub .contents h2.sub_tit.a_none::after { display: none; } 
#sub .contents .sub_txt { font-weight: 400; text-align: center; margin-bottom: 5rem; } 
#sub .contents p.sub_txt { margin-bottom: 3rem; } 

#sub .contents .paragraph { width: 130rem; position: relative; margin: 0 auto 12rem; } 
#sub .contents .paragraph.ready { min-height: 50rem; background-color: #f4f4f4; } 
#sub .contents .paragraph.ready p { font-size: 3.2rem; font-weight: 300; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 
#sub .contents .last { margin-bottom: 0; } 

#sub .paragraph .sub_img_box { line-height: 1; overflow: hidden; width: 100%; } 
#sub .paragraph .sub_img_box img { width: 100%; } 
#sub .paragraph [class*="sub_img_box_half"] { width: 62rem; display: inline-block; overflow: hidden; line-height: 1; } 
#sub .paragraph .sub_img_box_half img { width: 100%; } 
#sub .paragraph .sub_img_box_half2 { width: 62rem; display: inline-block; overflow: hidden; line-height: 1; text-align: center;} 
#sub .paragraph .sub_img_box_half2 img { width: auto; }

.mr40 { margin-right: 4rem; } 

#sub .paragraph .l_box { width: 62rem; display: inline-block; } 
.paragraph .r_txt_box { width: 62rem; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } 
.paragraph .r_txt_box p:nth-of-type(1) { margin-top: 2rem; } 

#sub .paragraph h2.highlight { font-weight: 500; color: #303030; position: relative; display: inline-block; margin-bottom: 0; } 
#sub .paragraph .high_under { margin-top: 0.6rem; font-weight: 500; color: #303030; text-transform: uppercase; } 

.paragraph h2.dot40 { font-size: 4rem; font-weight: 500; color: #303030; text-align: center; position: relative; left: 50%; transform: translateX(-50%); display: inline-block; padding-left: 2rem; } 
.paragraph h2.dot40::before { position: absolute; content: ''; width: 7px; height: 7px; background-color: #f36b27; top: 50%; transform: translateY(-50%); left: 0; } 

#sub .paragraph .lil_h4 { color: #303030; font-weight: 500; margin-bottom: 1.5rem; margin-top: 4rem; } 

.round_list { width: 100%; display: inline-block; } 
.round_list li { font-size: 2rem; color: #505050; font-weight: 400; border: 1px solid #d5d5d5; margin-right: 2rem; width: 31rem; float: left; padding: 1.5rem 2.5rem 1.5rem 3.2rem; border-radius: 1.2rem; position: relative; } 
.round_list li:last-child { margin-right: 0; } 

#sub .contents h3.h3_tit { color: #303030; font-weight: 500; font-size: 3.6rem; margin-bottom: 3rem; } 

#sub .bg_box { width: 100%; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 12rem; } 
#sub .bg_box.pd80 { padding: 8rem 0; } 
#sub .bg_box.bgc_gray { background-color: #f7f7f7; padding: 10rem 0; } 
#sub .bg_box.bgc_lemon { background-color: #fffbf1; padding: 10rem 0; } 
#sub .bg_box.bgc_gray > .inner,
#sub .bg_box.bgc_lemon > .inner { height: auto; } 

#sub .contents div h4 { font-weight: 400; } 
#sub .bg_box .inner h2,
#sub .paragraph h2 { font-weight: 500; color: #303030; margin-bottom: 3rem; } 

#sub .bg_box .inner>h4,
#sub .paragraph>h4 { margin-bottom: 3rem; } 

#sub .chkList { position: relative; padding-left: 6.8rem; display: inline-block;} 
#sub .chkList::before { content: ''; position: absolute; background: url(../images/icon_chkList.png) no-repeat center; background-size: 100%; width: 4.8rem; height: 5.7rem; left: 0; } 

#sub .swiper-wrapper { height: auto; } 

/* Control Nav */
.oneday.flexslider {width: 760px; margin: 0 auto; position: relative;}
.oneday .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center; }
#sub .oneday .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; display: inline;}
#sub .oneday .flex-control-paging li a::before, .oneday .flex-control-paging li a::after { display: none; }
#sub .oneday .flex-control-paging li a {width: 2.1rem; height: 2.1rem; display: block; background: #e5e5e5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} /* 여기수정 (width, height) */
#sub .oneday .flex-control-paging li a:hover { background: #d5d5d5;}
#sub .oneday .flex-control-paging li a.flex-active { background: #ff693e; background: rgba(255,120,0,1); cursor: default; }

/* Direction Nav */
#sub .flex-direction-nav {height: 0; position: absolute; width: 100%; bottom: -4px;}
#sub .flex-direction-nav a  { text-decoration:none; display: block; width: 60px; height: 60px; line-height:60px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: #cfcfcf; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;font-size:0 }
#sub .oneday .flex-direction-nav a  { width: 2.2rem; height: 2.2rem; line-height:2.2rem; margin: 0px; }
#sub .flex-direction-nav .flex-prev { left: 50%; transform: translate(-9.5rem); background: url(./prev_gray.png) no-repeat center; background-size: cover;}
#sub .flex-direction-nav .flex-next { right: 50%; transform: translate(9.5rem); text-align: right; background: url(./next_gray.png) no-repeat center; background-size: cover;}
.flex-direction-nav a:before, .flex-direction-nav a:after {display: none;}


@media (max-width:768px){
 #sub .chkList { padding-left: 0; white-space: nowrap;} /* 0720수정요청 */
 #sub .chkList::before { display: none;} /* 0720수정요청 */
 }

/* S : sub1 */
/* #sub #sub1_1 p.sub_img_box_half:nth-of-type(1) { margin-top: 4rem; margin-right: 4rem; } */
#sub .bg_box.sub1_1_3 { background: url(../images/sub1_1_3bg.jpg) center no-repeat; background-size: cover; height: 48.3rem; padding: 15rem 0; } 
#sub h3.good_window { position: relative; display: inline-block; } 
#sub h3.good_window:before { content: ''; width: 4.2rem; height: 3.5rem; background: url(../images/double_q.png) center no-repeat; position: absolute; top: -5rem; left: -8rem; transform: translate(50%, 50%); } 

#sub1_2 .img_list { width: 100rem; margin: auto; } 
#sub1_2 .img_list li { border: 1px solid #ccc; width: 100%; overflow: hidden; margin-top: 3rem; } 
#sub1_2 .img_list li img { float: left; height: 100%; } 
#sub1_2 .img_list li .t_box { display: inline-block; padding: 3rem 0 2rem 6rem; } 
.img_list .t_box .num { font-family: 'GMKS'; color: #ff4b17; font-style: italic; margin-bottom: 1rem; font-size: 3.3rem; } 
.img_list .t_box h3 { margin-top: 1rem; font-size: 3rem; font-weight: 500; } 


/* S : sub1_3 연혁 */
#sub .paragraph.history { background: url(../images/history_bg.png) right 12rem no-repeat; padding: 0 10rem; } 
#sub .paragraph .year { font-style: italic; font-weight: 200; color: #808080; } 
#sub .paragraph .historybox { padding-bottom: 2rem; position: relative; top: -40px } 
#sub .paragraph .historybox>div { margin-top: 5px; display: inline-block; width: 100%; padding-left: 15%; } 
#sub .paragraph .historybox>div>* { float: left; line-height: 30px; } 
#sub .paragraph .historybox span { width: 10%; font-size: 2em; color: #f36b27; font-weight: bold; text-align: right; padding-right: 2rem; } 
#sub .paragraph .historybox p { width: 90%; line-height: 2; border-bottom: 1px #d0d0d0 dotted; padding-bottom: 5px } 


/* S : sub1_5 인증/등록현황 */
#sub .bg_box.sub1_5_2 { padding: 10rem 0; } 
#sub ul.certificate_list { margin-top: 4rem; text-align: left; } 
#sub ul.certificate_list li { overflow: hidden; border: 1px solid #ccc; width: calc((100% - 13rem) / 4); display: inline-block; padding-bottom: 30.5%; position: relative; background-color: #fff; } 
#sub ul.certificate_list li { margin-right: 4rem; } 
#sub ul.certificate_list li:nth-of-type(4n) { margin-right: 0; } 
#sub ul.certificate_list li:nth-of-type(n+5) { margin-top: 4rem; } 
#sub ul.certificate_list li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } 
#sub .contents.sub1>div:nth-of-type(n+2) { padding-top: 12rem; } 
/* E : sub1 */


#sub .bg_box.sub3_1_1 { background: url(../images/sub3_1_1bg.jpg) center no-repeat; background-size: cover; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 56.3rem; } 
#sub .bg_box>.inner { height: 100%; } 

#sub .half_box { width: 50%; position: absolute; top: 50%; transform: translateY(-50%); } 
#sub .half_box.right { right: 0; } 
#sub .half_box.left { left: 0; } 
#sub .half_box.pl40 { padding-left: 4rem; } 
#sub .half_box.pr40 { padding-right: 4rem; text-align: right; } 

#sub .bg_box .half_box h2 { line-height: 1.3; } 
#sub .bg_box .half_box h4 { font-size: 2.2rem; } 

#sub .paragraph .w620 { width: 62rem; display: inline-block; } 
#sub .paragraph .w610 { width: 61rem; display: inline-block; } 

#sub .bg_box .txt_r { text-align: right; } 

#sub .half_box.ctr_line h2 { font-weight: 500; color: #303030; margin-bottom: 6rem; } 
#sub .half_box.ctr_line h4 { font-size: 2.2rem; } 
#sub .half_box.ctr_line hr { width: 23rem; display: inline-block; position: absolute; top: 45%; } 
#sub .half_box.ctr_line hr.t32 { top: 32%; } 
#sub .half_box.ctr_line hr.t42 { top: 42%; } 
#sub .half_box.ctr_line hr.t50 { top: 50%; } 
#sub .half_box.ctr_line hr.t60 { top: 60%; } 
#sub .half_box.ctr_line hr.mg_l { left: 0%; transform: translateX(-11.5rem); } 
#sub .half_box.ctr_line hr.mg_r { right: 0; transform: translateX(11.5rem); } 

#sub .ctr_box { height: 72rem; position: relative; } 
#sub .ctr_box.short_h { height: 41rem; } 
#sub .ctr_box.short_h2 { height: 38rem; } 
#sub .ctr_box.short_h .sub_img_box, #sub .ctr_box.short_h2 .sub_img_box{ padding-bottom: 32%; } 

.ctr_box .sub_img_box { position: relative; /* 720/1300 */ padding-bottom: 55.384%; } 
.ctr_box .sub_img_box.fl_r { float: right; } 
.ctr_box .sub_img_box img { position: absolute; } 

#sub .round_logo { margin: auto; height: 27rem; } 
#sub .round_logo li { display: inline-block; border-radius: 50%; width: 27rem; height: 27rem; background-color: #fff; position: relative; margin-right: 4rem; border: solid 4px; } 
#sub .round_logo li:last-child { margin-right: 0; } 
#sub .round_logo li:nth-of-type(1) { border-color: #168e3c; } 
#sub .round_logo li:nth-of-type(2) { border-color: #004098; } 
#sub .round_logo li:nth-of-type(3) { border-color: #ab2d2a; } 
#sub .round_logo li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#sub .reason_list li { border-radius: 50%; display: inline-block; color: #fff; margin-right: 6rem; position: relative; vertical-align: middle; } 
#sub .reason_list li div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#sub .reason_list li p { line-height: 1; } 
#sub .reason_list li:last-child { margin-right: 0rem; } 
#sub .reason_list li.first { background-color: #ff4b17; width: 34rem; height: 34rem; } 
#sub .reason_list li.second { background-color: #fd8832; width: 26rem; height: 26rem; } 
#sub .reason_list li.first .round_box { color: #ff4b17; } 
#sub .reason_list li.second .round_box { color: #fd8832; } 
#sub .reason_list li.etc { background-color: #fff; border: 1px solid #ccc; color: #808080; width: 23rem; height: 23rem; } 
#sub .reason_list li .round_box { background-color: #fff; border-radius: 2rem; font-size: 2rem; font-weight: 600; display: inline-block; padding: 0.5rem 2.4rem; margin-bottom: 1rem; } 
#sub .reason_list li.etc .round_box { background-color: #808080; color: #fff; font-weight: 400; } 
#sub .reason_list li .num { font-size: 5.4rem; color: #fff; font-family: 'GMKS'; font-weight: bold; font-style: italic; margin: 1.6rem 0; } 
#sub .reason_list li.etc .num { color: #808080; } 

#sub .bg_box.sub3_1_7 { background: url(../images/sub3_1_7bg.jpg) center no-repeat; background-size: cover; height: 53.8rem; } 
#sub .bg_box.sub3_2_1 { background: url(../images/sub3_2_1bg.jpg) center no-repeat; height: 52.1rem; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; } 

/* 230504 수정 */
#sub .contents .paragraph .or_box { background-color: #ff693e; color:#fff; display: inline-block; padding: 33px; border-radius: 12px; position: relative; } 
#sub .contents .paragraph .or_box::after { position: absolute; content: ''; z-index: -1; bottom: -23px; left: 50%; transform: translateX(-50%); background: url(../images/talk_btm.gif) no-repeat center; width: 30px; height: 24px; background-size: cover; } 
#sub .contents .paragraph .or_box.gradi_or { background: url(../images/or_gradi_box.jpg) no-repeat center; background-size: cover; width: 100%; border-radius: 0; } 

#sub .contents .paragraph .h_box.rail { height: 420px; } 
/* 230504 수정 */

.bg_box.sub3_2_1 .how_many { position: absolute; left: 30rem; transform: translateX(-50%); bottom: 4.5rem; text-align: right; text-shadow: 2px 2px 5px #2d5575; text-align: center; } 

.how_many h3,
.how_many h5 { color: #fff; } 

.how_many h5 { font-size: 3.2rem; } 
.how_many h3 { font-size: 4.2rem; } 

#sub .bg_box.sub3_2_3 { background: url(../images/sub3_2_3bg.jpg) center no-repeat; background-size: cover; height: 55.6rem; color: #fff; } 
#sub .bg_box.sub3_2_3 h2 { color: #fff; } 
#sub .bg_box.sub3_2_3 .m_sub3_2_3_bg { display: none; } 

#sub .subtab { width: 100%; border-top: 1px #d0d0d0 solid; border-bottom: 1px #d0d0d0 solid; line-height: 70px; display: inline-block; margin-bottom: 6rem; } 
#sub .subtab ul { float: right; position: relative; left: -50%; } 
#sub .subtab li { float: left; position: relative; left: 50%; text-align: center; font-size: 2.2rem; margin: 0 1.5rem } 
#sub .subtab li a { display: block; color: #808080 } 
#sub .subtab li:hover a { line-height: 69px; border-bottom: #ff4b17 solid 1px; color: #ff4b17; font-weight: 500; } 
#sub .subtab li.active a { color: #ff4b17; line-height: 69px; border-bottom: #ff4b17 solid 1px; } 


#sub .sj_box .row { height: 40rem; margin-bottom: 8rem; overflow: hidden; } 
#sub .sj_box .row .w610 { background-color: #eee; } 
#sub .sj_box .row .w610 img { width: 100%; vertical-align: bottom; } 
#sub .sj_box .row .ment_box { position: relative; width: 68.5rem; float: right; border-bottom: 1px solid #d5d5d5; height: calc(100% - 2px); text-align: left; padding: 11rem 7rem; } 
#sub .sj_box .row .ment_box::before,
#sub .sj_box .row .ment_box::after { content: ''; position: absolute; } 
#sub .sj_box .row .ment_box::before { top: 0; left: 0; height: 0.5rem; width: 100%; background: linear-gradient(to right, #fa5c35, #f87f29); border: none; } 
#sub .sj_box .ment_box h4 { font-size: 2.4rem; } 
#sub .sj_box .ment_box .c_main { font-weight: 600; position: relative; } 
#sub .sj_box .row .c_main::before { content: ''; position: absolute; background: url(../images/sj_double_q.png)no-repeat center; background-size: cover; width: 5.8rem; height: 4.2rem; top: -6.5rem; left: 0rem; } 
#sub .sj_box .ment_box .name { font-weight: 600; margin: 2rem 0 3rem; } 

#sub .finish_list { padding: 0 6rem; } 
#sub .finish_list.c_2 li { margin-bottom: 0; } 
#sub .finish_list li { width: 51rem; margin-bottom: 6rem; text-align: center; padding-bottom: 2.4rem; position: relative; display: inline-block; vertical-align: top; } 
#sub .finish_list li:nth-of-type(n+4) { margin-bottom: 0rem; } 
#sub .finish_list li h2 { margin-top: 2.4rem; margin-bottom: 1rem; } 
#sub .finish_list li:nth-child(2n-1)::after { content: ''; position: absolute; background-image: url(../images/finish_arrow.png); background-size: cover; width: 2.3rem; height: 3.9rem; top: 30%; right: -9rem; } 
#sub .finish_list li:nth-child(2n-1) { margin-right: 15.8rem; } 

#sub .visit_para { background: url(../images/visit_bg.jpg) center no-repeat; background-size: cover; background-color: #fbf6ea; height: 49rem; } 
#sub .visit_para.visit_bg_c { background: url(../images/visit_bg_c.jpg) center no-repeat; background-size: cover; background-color: #fbf6ea; } 
#sub .visit_para .half_box { padding-left: 8rem; } 
.visit_para .comment_btn { width: 36rem; position: relative; text-indent: -2.5rem; } 

.arrow_icon::after { content: ''; position: absolute; background-image: url(../images/arrow_icon.png); background-size: cover; width: 2.3rem; height: 2.3rem; top: 50%; transform: translateY(-50%); margin-left: 1rem; } 




/* S : 제품 페이지 sub2 */
#sub .bg_box.sub2_1_1 { background: url(../images/sub2_1_1bg.jpg) center no-repeat; background-size: cover; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 56.3rem; } 
#sub .bg_box.sub2_2_1 { background: url(../images/sub2_2_1bg.jpg) center no-repeat; background-size: cover; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 56.3rem; } 
#sub .bg_box.sub2_3_1 { background: url(../images/sub2_3_1bg.png) center no-repeat; background-size: cover; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 56.3rem; } 
#sub .bg_box.sub2_4_1 { background: url(../images/sub2_4_1bg.jpg) center no-repeat; background-size: cover; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 56.3rem; } 
#sub .bg_box.sub2_5_1 { background: url(../images/sub2_5_1bg.png) center no-repeat; background-size: cover; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 56.3rem; } 
#sub .bg_box.sub2_6_1 { background: url(../images/sub2_6_1bg.jpg) center no-repeat; background-size: cover; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 56.3rem; } 
#sub .bg_box.sub2_7_1 { background: url(../images/sub2_7_1bg.jpg) center no-repeat; background-size: cover; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 56.3rem; } 
#sub .bg_box.hanssem { background: url(/images/product/8_hanssem/sub_back.jpg) center no-repeat; background-size: cover; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 56.3rem; } 

#sub h2.lg_bracket { position: relative; margin-bottom: 2rem; font-size: 4rem; font-weight: 600; padding: 0 4rem; } 
#sub .lg_bracket::before,
#sub .lg_bracket::after { position: absolute; color: #e9e9e9; font-size: 11rem; font-weight: 600; top: -10%; } 
#sub h2.lg_bracket.only::before, #sub h2.lg_bracket.only::after { top: -70%; } 
#sub .lg_bracket::before { content: '['; left: 20rem } 
#sub .lg_bracket::after { content: ']'; right: 20rem; } 
#sub h2.lg_bracket+h4.sub_txt { padding: 0 4rem; } 


#sub .prd_cont { margin-bottom: 10rem; } 
#sub .prd_cont .mid_tit { color: #505050; font-weight: 600; margin-bottom: 1rem; } 

#sub .prd_cont .top_box { height: 300px; clear: both; margin-bottom: 2rem; } 
#sub .prd_cont .top_box>div { float: left; } 
#sub .top_box .prd_txtbox { width: 60%; padding: 6rem 3rem; position: relative; } 
#sub .top_box .prd_txtbox::before { position: absolute; content: ''; top: 0; left: 0; height: 0.7rem; width: 100%; background: linear-gradient(to right, #fa5c35, #f87f29); border: none; } 
#sub .top_box h3.prd_tit { font-size: 3.6rem; color: #303030; font-weight: 500; margin-bottom: 4rem; } 
#sub .top_box h3.prd_tit .prd_en { color: #aaa; font-weight: 400; } 
#sub .top_box .prd_imgbox { width: 40%; height: 100%; overflow: hidden; position: relative; } 
#sub .top_box .prd_imgbox img { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); height: 90%; width: auto; } 
#sub .top_box .prd_imgbox .imgbox_txt{position: absolute; display: block;width: 100%;bottom: 0; text-align: center; font-size: 1.6rem; color:#a5a5a5; font-weight: 400;}

#sub .top_box.w50 { height: 362px; } 
#sub .top_box.w50 .prd_txtbox { width: 50%; } 
#sub .top_box.w50 .prd_imgbox { width: 50%; } 

#sub .prd_cont .detail_box { background-color: #f7f7f7; width: 100%; padding: 3rem 4rem; } 
#sub .prd_cont .detail_box li { margin-bottom: 2rem; } 
#sub .prd_cont .detail_box li:last-child { margin-bottom: 0; } 
#sub .prd_cont .detail_box .detail_tit { color: #505050; font-weight: 600; margin-bottom: 2rem; } 
#sub .prd_cont .detail_box .detail_tit:nth-child(n+2) { margin-top: 6rem; } 

#sub .ex_img_box { width: 90rem; overflow: hidden; line-height: 1; margin: auto; padding-bottom: 47.615%; position: relative; /* border: 1px solid salmon; */ } 
#sub .ex_img_box>img { width: 100%; position: absolute; top: 0; left: 0; } 
#sub .img_tip { position: relative; padding-left: 15px; margin: 1rem auto 0; text-align: center; } 
.img_tip_txt { position: relative; white-space: nowrap; }
.img_tip_txt::before { content: '※'; position: absolute; top: 52%; left: -15px; transform: translate(-50%, -50%); } 

#sub .prd_feature .row { margin-bottom: 12rem; } 
#sub .prd_feature .fea_tit { font-weight: 500; color: #303030; margin-bottom: 1rem; position: relative; padding-left: 2rem; } 
#sub .prd_feature .fea_tit::before { content:''; position: absolute; width: 0.6rem; height: 0.6rem; background-color: #a8a8a8; top: 50%; left:0; transform: translateY(-50%); } 
#sub .prd_feature .fea_txt { margin-bottom: 2rem; } 
#sub .prd_feature .row .sub_img_box_half:nth-child(2n) { float: right; } 
#sub .prd_feature .caption,#sub .prd_cont .caption { width: 100%; display:inline-block; margin-top:1.2rem; text-align: center; font-size: 1.8rem; } 

#sub .prd_feature .row .sub_img_box.devide3 { width: 30%; display: inline-block; vertical-align: top; margin-right: 4.5%; } 
#sub .prd_feature .row .sub_img_box.devide3.last { margin-right: 0%; } 
#sub .prd_feature .row .sub_img_box.devide3.bd_r { border-right: 1px solid #d5d5d5; } 

#sub .prd_feature .sm_tit { font-weight: 500; color: #303030; margin-bottom: 1rem; } 

.c_gd { color: #ee3249 !important; } 
.pl23 { padding-left: 2.3rem; } 
.gd_icon { position: relative; padding-left: 5rem; } 
.gd_icon::before { position: absolute; left:0; content:''; background: url(../images/good_d_icon.jpg) no-repeat center; background-size: cover; width: 4rem; height: 3.64rem; } 

/* S : 240318 C_1 A타입 */
.title_flex span:nth-of-type(2)::after {content: '*'; color: #ee3249; padding-left: 1rem;}
.select_box {width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1.5rem; padding: 1rem 0;}
.select_box input[type="radio"] + label {width: 45%; min-height: 10rem; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; font-size: 1.8rem; cursor: pointer;}
.select_box input[type="radio"]:checked + label {color: #ff4b17;}

.free_visit {width: 100%; margin: 8rem 0; padding: 3rem 0 8rem 0; text-align: center; border-radius: 1.5rem; background: url(../images/C1-typeA_bg.png) no-repeat; background-size: 100% auto; background-position: 50% 120%; box-shadow: 1px 0 2rem rgba(0, 0, 0, 0.01), -1px 0 2rem rgba(0, 0, 0, 0.1);}
.free_visit .free_visit_tit {font-size: 2.4rem !important; font-weight: 500 !important; color: #303030; text-align: center; line-height: normal; margin-bottom: 1.8rem;}
.free_visit .free_visit_txt {font-size: 1.8rem !important; color: #303030; text-align: center; line-height: normal; margin-bottom: 3.5rem;}
.free_visit .free_visit_btn {display: inline-block; padding: 1rem 1.5rem; font-size: 1.8rem; color: #fff; border-radius: 1rem; background-color: #ff6b00;} /* 240318 수정 */

@media screen and (max-width:768px) {
    span.step {display: block;}
}
/* E : 240318 C_1 A타입 */

/* E : 제품 페이지 sub2 */




/* S : sub5_2 ksy */
.l_sub_img_box { text-align: left; position: relative; line-height: 0; } 
.r_sub_img_box { text-align: right; position: relative; line-height: 0; } 
.paragraph .l_txt_box { width: 62rem; position: absolute; top: 50%; transform: translateY(-50%); left: 0; text-align: left; margin-left: 60px; } 
.lil_box { width: 100%; display: inline-block; } 
.lil_txt_box { width: 50%; } 

.h_190 { height: 190px; } 
.h_110 { height: 110px; } 

.bf_01::before { content: ""; background: url(../images/sub5_2_i_01.png) no-repeat 0 0; background-size:cover; width: 8.6rem; height: 10rem; text-align: center; float: left; vertical-align: middle; margin-bottom: 1rem; margin-right: 3rem; } 
.bf_02::before { content: ""; background: url(../images/sub5_2_i_02.png) no-repeat 0 0; background-size:cover; width: 8.6rem; height: 7.9rem; text-align: center; float: left; margin-bottom: 8rem; margin-right: 3rem; } 
.bf_03::before { content: ""; background: url(../images/sub5_2_i_03.png) no-repeat 0 0; background-size:cover; width: 8.6rem; height: 8.6rem; text-align: center; float: left; margin-bottom: 2rem; margin-right: 3rem; } 
.bf_01>p,.bf_02>p,.bf_03>p { padding-left: 11.6rem; } 
.bf_call::before { content: ""; background: url(../images/sub5_2_i_04.png) 0 0 no-repeat; width: 28px; height: 21px; display: inline-block; margin-right: 1rem; } 



.bor_gr01 { border: 1px solid #ccc; } 
.line_x { line-height: 0 !important; } 
.th_w20 { width: 20% !important; } 
.txt_l { text-align: left !important; position: relative; left: 37%; } 
/* E : sub5_2 ksy */


/* S : sub5_3 ksy */
.con_box10 { width: 100%; } 
.con_box10 [class*="con_box10_item"] { width: 49%; display: inline-block; line-height: 100px; min-height: 100px; vertical-align: top; text-align: center; } 
.con_box10 [class*="con_box10_item"] .lil_h4 { display: inline-block; vertical-align: middle; padding-left: 70px; } 

.con_box10_item02 { margin-left: 24px; } 
.con_box10_item03 { padding-right: 70px; } 

.h_130 { height: 13rem; /* border: 1px solid red; */ } 
.bf_04, .bf_05, .bf_06 { position: relative; } 

.bf_04::before { content: ""; position: absolute; top: 40%; left: 0; transform: translateY(-50%); background: url(../images/sub5_3_i_01.png) no-repeat 0 0; width: 60px; height: 60px; background-size: 100%; text-align: center; float: left; vertical-align: middle; margin-right: 3rem; } 
.bf_05::before { content: ""; position: absolute; top: 40%; left: 0; transform: translateY(-50%); background: url(../images/sub5_3_i_02.png) no-repeat 0 0; width: 60px; height: 60px; background-size: 100%; text-align: center; float: left; margin-right: 3rem; } 
.bf_06::before { content: ""; position: absolute; top: 40%; left: 0; transform: translateY(-50%); background: url(../images/sub5_3_i_03.png) no-repeat 0 0; width: 60px; height: 60px; background-size: 100%; text-align: center; float: left; margin-right: 3rem; } 

.t_bor_l_gr { border: 1px #e5e5e5 solid; } 
.t_bg_gr { background-color: #f5f5f5;; } 
.t_bg_wh { background-color: #fff; } 
.paragraph .l_txt_box_sub5_3 { width: 62rem; position: absolute; top: 50%; transform: translateY(-50%); left: 0; text-align: left; } 

@media (max-width:768px){
 .con_box10 [class*="con_box10_item"] { width: 100%; display: inline-block; line-height: 100px; min-height: 100px; vertical-align: top; text-align: left; } 
 .con_box10 [class*="con_box10_item"] .lil_h4 { display: inline-block; vertical-align: middle; padding-left: 60px; } 

 .con_box10_item02 { margin-left: 0 !important; } 
 .con_box10_item03 { padding-right: 0 !important; margin-top: unset !important; } 
 }
/* E : sub5_3 ksy */


/* S : sub7_6 ksy */
.mapbox { background-color: #f5f5f5; width: 100%; height: 50rem; border: 1px solid #d5d5d5; } 
.add_box { width: 100%; border: 1px solid #d5d5d5; padding: 3rem 4rem; } 
.add_box p { font-size: 2rem; font-weight: 400; color: #505050; padding: 1rem 0; } 
.bold { font-size: 2.2rem; font-weight: 500; } 

#sub .inner .h_80 { height: 8rem; } 
#sub .a_btn_01 { font-size: 0; } 
#sub .a_btn_01 .lil_h4 { color: #fff; margin-top: 0; margin-bottom: 0; display: inline-block; line-height: 3; } 
#sub .a_btn_01>a { width: 50%; } 

#sub .btn_l { background-color: #00c73c; position: relative; } 
#sub .btn_l::before { content: ""; background: url(../images/sub7_5_i_01.png) no-repeat 0 0; background-size: cover; width: 3.4rem; height: 4.1rem; display: inline-block; position: absolute; top: 50%; left: 30%; transform: translate(-50%, -50%); margin-right: 1rem; } 
#sub .btn_r { background-color: #0475f4; position: relative; } 
#sub .btn_r::before { content: ""; background: url(../images/sub7_5_i_02.png) no-repeat 0 0; width: 4.8rem; height: 4.1rem; background-size: cover; display: inline-block; position: absolute; top: 50%; left: 28%; transform: translate(-50%, -50%); margin-right: 1rem; } 

@media (max-width:768px){
 #sub .btn_l::before, #sub .btn_r::before { display: none; } 
 #sub .img_tip { width:100% } 
 }
/* E : sub7_6 ksy */


/* S : sub3_4 jsj */
.search_box select { appearance: none; -webkit-appearance: none; font-weight: 400; font-size: 1.8rem; border: none; margin-right: 1rem; } 
.btn_blind { font-size: 0; } 
.search_box { width: 100%; display: inline-block; background: linear-gradient(to right, #fa5c35, #f87f29); text-align: center; padding: 5rem 0; } 
.search_con { display: flex; justify-content: center; align-items: center; }
.search_con select.form { display: inline-block; width: 200px; min-height: 70px; color: #b2b2b2; padding-left: 2rem; background: #fff url(../images/sub3_4/select_down.png) no-repeat center right 20px; background-size: 15px; }
.search_con select.aptForm { display: inline-block; width: 350px; min-height: 70px; color: #b2b2b2; padding-left: 2rem; background: #fff url(../images/sub3_4/select_down.png) no-repeat center right 20px; background-size: 15px; }
.search_btn { width: 70px; min-height: 70px; background-color: #FFF; background-image: url(../images/sub3_4/search_icon.png); background-repeat: no-repeat; background-position: center; background-size: 3.5rem; transition: 0.3s; }

.comment_btn { width: 546px; min-height: 6rem; line-height: 6rem; text-align: center; font-size: 2.5rem; color: #fff; background-color: #ff4b17; background-position: 1% 50%; background-size: 200% auto; transition: all 0.3s ease-out; } 

.sigong_table th,
.sigong_table td { padding: 2.6rem !important; font-size: 1.8rem; line-height: 1.2; font-weight: 400; } 

.bg_01 { background-color: #f5f5f5; } 
.txt_le { text-align: left; } 
.txt_cen { text-align: center; } 
.txt_hidden { display: inline-block; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.naver_blog_btn { position: relative; width: 546px; min-height: 6rem; line-height: 6rem; text-align: center; font-size: 2.5rem; color: #fff; background-color: #ff4b17; background-position: 1% 50%; background-size: 200% auto; transition: all 0.3s ease-out; } 
.naver_blog_btn span { display: inline-block; position: relative; padding-left: 35px; } 
.naver_blog_btn span::after { content: ''; position: absolute; top: 51%; left: 0; transform: translateY(-50%); width: 30px; height: 30px; background: url(../images/naver_bolg_icon.png) no-repeat center; background-size: 100%; } 
/* E : sub3_4 jsj */


/* S : sub4_1 ksy */
.paragraph .r_txt_box_02 { width: 62rem; position: absolute; top: 8%; right: 0; } 

.gal_box li .txt_box { padding: 2rem; } 
.gal_box li { border: 1px solid #ccc; } 

.paragraph .gal_box li { border: 1px solid #ccc; } 
.paragraph .gal_box li .txt_box { padding: 20px; } 

.paragraph .swiper-button-prev,
.paragraph .swiper-button-next { top: -20px; z-index: 99; width: 14px; height: 21px; } 

.sub4_1 .paragraph .swiper-button-prev { right: 40px; left: auto; } 
.sub4_1 .paragraph .swiper-button-next { right: 0; left: auto; } 
.home_box { height: 89rem; } 
.home_box li { display: inline-block; width: 48.5%; border: 1px solid #acacac; background-color: #fff; text-align: left; padding: 5rem; height: 20rem; } 
.home_box .num { display: inline-block; font-family: 'GMKS'; color: #ff4b17; font-style: italic; margin-bottom: 1rem; font-size: 3.3rem; margin-right: 1rem; } 
.home_box h3 { display: inline-block; margin-top: 1rem; font-size: 3rem; font-weight: 500; } 
.home_box h5 { color: #808080; } 
/* E : sub4_1 ksy */

.gal_box .swiper-slide a { width: 100%; height: 100%; display: inline-block; } 
.gal_box .swiper-slide .img_box { overflow: hidden; width: 100%; position: relative; background-color: #f5f5f5; } 
.gal_box .swiper-slide .img_box img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; } 

.sub4_1 .gal_box .swiper-slide .img_box { padding-bottom: 79.9%; } 


#sub .price h2.cap { position: relative; margin-bottom: 3rem; } 
#sub .price h2.cap::before { content: ''; position: absolute; left: 50%; top: -3rem; transform: translateX(-50%); width: 3.5rem; height: 0.7rem; background: linear-gradient(to right, #fa5c35, #f87f29); } 
#sub .price h2.cap::after { display: none; } 

#sub .price_list li { border: 1px solid #ccc; display: inline-block; width: calc(50% - 1.6rem); text-align: center; } 
#sub .price_list li.hugreen { margin-bottom: 3rem; width: 100%; } 
#sub .price_list li.kcc { margin-right: 3rem; } 
#sub .price_list li dd.first { height: 10rem; } 
#sub .price_list li dd.first p { display: none; } 
#sub .price_list li.hugreen dd.first { background: url(../images/hugreen_w.png) no-repeat center; background-color: #0f7c38; } 
#sub .price_list li.kcc dd.first { background: url(../images/kcc_w.png) no-repeat center; background-color: #0044a8; } 
#sub .price_list li.lx dd.first { background: url(../images/lx_w.png) no-repeat center; background-color: #bd2c2a; } 
#sub .price_list li dd h3 { font-size: 4.2rem; margin-bottom: .6rem; color: #303030; } 
#sub .price_list li dd:last-child { padding: 4rem 0; } 

#sub .price_list.favor_result li { width: 100%; margin: 0 auto; position: relative; } 
#sub .price_list.favor_result li::before { content: '선호하시는 브랜드'; color: #fff; font-size: 2rem; position: absolute; background: url(../images/favor_tag.png) no-repeat; background-size: cover; width: 22.2rem; height: 5rem; line-height: 5rem; text-indent: -1.3rem; top: -1.3rem; left: 4rem; } 

#sub .bg_box.price1_1 { background: url(../images/price1_1bg.jpg) center no-repeat; background-size: cover; height: 55.7rem; } 
#sub .bg_box.price1_1 .img_box { width: 51.5rem; display: inline-block; } 
#sub .mid_line::before { content: ''; position: absolute; width: .3rem; height: 5rem; background-color: #ff5a00; left: 50%; transform: translateX(-50%); top: -2.5rem; z-index: 1; } 
#sub .mid_line02::before { content: ''; position: absolute; width: .3rem; height: 5rem; background-color: #ff5a00; left: 50%; transform: translateX(-50%); bottom: -2.5rem; z-index: 1; } 
#sub .sj_slide li { padding: 0rem 11rem; /* border: 1px solid yellow; */ } 
#sub .sj_slide li>div { float: left; } 


#sub .sj_slide li .sj_round_box { width: 24rem; height: 24rem; border-radius: 50%; margin-right: 6rem; background-color: #fff; background-size: 130%; background-position: bottom center; background-repeat: no-repeat; box-shadow: 1px 1px 3px #d5d5d5; overflow: hidden; } 
#sub .sj_slide li .bg_bsw { background-image: url(../images/sj_bsw.png); } 
#sub .sj_slide li .bg_bys { background-image: url(../images/sj_bys.png); } 
#sub .sj_slide li .bg_gkh { background-image: url(../images/sj_gkh.png); } 
#sub .sj_slide li .bg_jhn { background-image: url(../images/sj_jhn.png); } 
#sub .sj_slide li .bg_jyb { background-image: url(../images/sj_jyb.png); } 
#sub .sj_slide li .bg_kch { background-image: url(../images/sj_kch.png); } 
#sub .sj_slide li .bg_knh { background-image: url(../images/sj_knh.png); } 
#sub .sj_slide li .bg_kyr { background-image: url(../images/sj_kyr.png); } 
#sub .sj_slide li .bg_ljh { background-image: url(../images/sj_ljh.png); } 
#sub .sj_slide li .bg_ljy { background-image: url(../images/sj_ljy.png); } 

#sub .sj_slide li .txt_box { /* 680/980 */ width: 69.387%; margin-top: 4.5rem; } 
#sub .sj_slide li .txt_box h2 { font-weight: 600; font-size: 4rem; } 
#sub .sj_slide li .txt_box p { background-color: #fff; box-shadow: 1px 1px 3px #d5d5d5; border-radius: 1.4rem; padding: 1.3rem 1.4rem; } 

#sub .price_box { width: 100%; border: 1px solid #d5d5d5; border-top: 3px solid #505050; padding: 4rem 0; } 
#sub .price_box .price_tit { position: relative; } 
#sub .price_box .must_txt { position: absolute; left: 50%; transform: translateX(24rem); top: 42%; } 
#sub .price_box .price_form { width: 64rem; margin: 0 auto; } 
#sub .price_box .price_form input,
#sub .price_box .price_form select,
#sub .price_box .price_form option { width: 100%; display: inline-block; line-height: normal !important; appearance: auto !important; background-color: #fff; background-image: unset !important; } 
#sub .price_box .price_form .devide3 { width: 30%; margin-right: 2.6%; } 

#sub .price_box .price_form input[type="radio"] { width: auto; display: inline-block; width: 3%; } 
#sub .price_box .price_form .radio_css .w93 { display: inline-block; } 
#sub .price_box .price_form .radio_css .w93 { width: 93%; float: right; border: 1px solid #d5d5d5; } 
#sub .price_box .price_form h4 { margin-bottom: 1rem; font-weight: 500; } 
#sub .price_box .price_form h4.must { position: relative; } 
#sub .price_box .price_form h4.must::after { position: absolute; content: '*'; color: #ff491d; font-size: 2.2rem; padding-left: 1rem; } 

#sub .price_box .price_form input,
#sub .price_box .price_form select,
#sub .price_box .price_form .radio_css h4 { margin-bottom: 4rem; border: thick double rgba(0, 0, 0, 0.2); height: 5rem; line-height: 5rem; font-weight: 400; outline-color: #ff491d; padding: 0 1rem; font-size: 2rem; } 

#sub .price_box .price_form input::placeholder,
#sub .price_box .price_form .select_css,
#sub .price_box .price_form .radio_css { font-family: 'SCDT', sans-serif;; font-size: 1.9rem; color: #999; }

/* ▼ 240313 수정 */
#sub .price_box .num_p_box {position: relative; padding: 2rem; border: 1px solid #ccc; box-shadow: 1px 0 2rem rgba(0, 0, 0, 0.09), -1px 0 2rem rgba(0, 0, 0, 0.09);}

#sub .price_box .price_form input.c_input {margin-bottom: 0;}
#sub .price_box .price_form .c_input_tip {position: relative; display: block; padding-left: 2rem; margin-top: 1rem; font-size: 1.8rem; font-weight: 400; color: #505050;}
#sub .price_box .price_form .c_input_tip::after {content: '※'; position: absolute; top: 0; left: 0; font-size: 1.8rem;}
#sub .price_box .ex_talk_box {width: 100%; margin-top: 5rem;}
#sub .price_box .ex_talk_box .type_c_eximg {width: 100%;}
#sub .price_box .ex_talk_box .type_c_eximg img {width: 100%; height: auto;}

#sub .price_box .prefer_brand {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 4rem 0 2rem 0;}
#sub .price_box .prefer_brand h4 {width: 100%; text-align: center; }
/* #sub .price_box .prefer_brand .pb_box {width: calc(100% / 2 - 1rem); margin-bottom: 1rem;} 한샘 제거 후 버튼 일렬로 변경*/
#sub .price_box .prefer_brand .pb_box {width: 100%; margin-bottom: 2rem;}

#sub .price_box .prefer_brand .pb_box .brand_tip {text-align: center; font-size: 2rem; color: #121212; font-weight: 500; margin-top: 1rem;}
#sub .price_box .prefer_brand [class*="pb_0"] {width: 100%; min-height: 11rem; padding: 1.6rem 1rem; border: 1px solid #ccc; text-align: center;}
#sub .price_box .prefer_brand [class*="pb_0"] .brand_img {width: 90%; margin: 0 auto; max-height: 50px;}
#sub .price_box .prefer_brand [class*="pb_0"] .brand_img img {height: auto; max-height: 3.5rem; }
#sub .price_box .prefer_brand .pb_02 .brand_img img {max-height: 3.5rem; width: auto;}
#sub .price_box .prefer_brand [class*="pb_0"] .lo_txt {font-size: 2rem;}

@media screen and (max-width:768px) {
    #sub .price_box .prefer_brand [class*="pb_0"] {min-height: auto; max-width: 100%;}
    #sub .price_box .prefer_brand [class*="pb_0"] .brand_img img {height: auto; max-height: none; width: 85%; }
    #sub .price_box .prefer_brand [class*="pb_0"] .brand_img.Lx img{width: 60%;}
    #sub .price_box .prefer_brand [class*="pb_0"] .brand_img.Kcc img {width: auto; max-height: 3rem;}
    #sub .price_box .prefer_brand [class*="pb_0"] .brand_img.Hugreen img {width: 52%;}
}
@media all and (max-width:480px){
    #sub .price_box .prefer_brand [class*="pb_0"] .brand_img.Kcc img { max-height: 2.6rem;}
}

.d_none { display: none; } 

/* 모바일 시작 */
@media all and (max-width:768px){
 #sub .price_box .price_form input,
 #sub .price_box .price_form select,
 #sub .price_box .price_form .radio_css h4 { border: 2px solid rgba(0, 0, 0, 0.2) !important; } 

 #sub .price_box .price_form select { padding-left: unset; } 

 #sub { min-width: auto; } 
 #sub #subtop.bg5 { background-position: 56% center; } 
 #sub #subtop ul.snb.double { transform: translate(-50%, -100%); } 
 #sub #subtop ul.snb li a {display: block; font-size: 2rem; display: flex; justify-content: center; align-items: center; } 
 #sub .contents .paragraph { width: calc(100% - 40px); } 
 #sub .paragraph .l_box { width: 100%; } 
 .paragraph .r_txt_box { width: 94%; margin-left: 3%; position: relative; transform: translateX(0); margin-top: 2rem; text-align: center; } 
 .round_list li { width: calc((100% - 2rem)/2); margin-top: 1rem; } 
 .round_list li:nth-of-type(2n) { margin-right: 0; } 
 .m_img_box { overflow: hidden; width: 100%; line-height: 1; text-align: center !important; } 
 .m_img_box img { width: 100%; } 
 #sub .bg_box>h5 { max-width: calc(100% - 4rem); margin: auto; } 
 #sub .contents h2.sub_tit { font-size: 5rem; } 
 #sub .contents h2.product_sub_tit { margin-bottom: 3rem !important; } 
 #sub .contents h2.product_sub_tit::after { height: 22px; z-index: 10; bottom: -110%; } 
 #sub .contents h3.h3_tit { font-size: 3.4rem; } 

/* 0720 서브메뉴 슬라이딩 */
.m_sub_menu ul { overflow: hidden; overflow-x: auto !important; white-space: nowrap; width: unset; margin-bottom: -18px; border-bottom: unset !important; } 
.m_sub_menu ul li { width: unset !important; min-width: 150px; border-bottom: 1px solid #ddd; } 
.m_sub_menu ul::-webkit-scrollbar { width: 3px; height: 3px;} /* ← 0720수정요청 */
.m_sub_menu ul::-webkit-scrollbar-thumb { background: #666; border-radius: 10px;} /* ← 0720수정요청 */

 /* S : sub1 */
 #sub #sub1_1 p.sub_img_box_half:nth-of-type(1) { margin-right: 0; margin-bottom: 2rem; } 
 #sub1_2 .img_list { width: 49rem; } 
 #sub1_2 .img_list li .t_box { text-align: center; width: 100%; } 
 #sub1_2 .img_list li .t_box { padding: 2rem 0 3rem; } 
 #sub1_2 .img_list li img { width: 100%; } 
 #sub .paragraph.history { padding: 0 2rem; background-position: center; background-size: contain; } 
 #sub .paragraph .year { font-size: 3.2rem; } 
 #sub .paragraph .historybox>div { padding-left: 26%; } 
 #sub ul.certificate_list li { margin-right: 2rem; width: calc((100% - 3rem) / 2); /* 457/728 */ padding-bottom: 62.774%; } 
 #sub ul.certificate_list li:nth-of-type(2n) { margin-right: 0; } 
 #sub ul.certificate_list li:nth-of-type(n+3) { margin-top: 4rem; } 
 /* E : sub1 */

 .over_x_scroll { overflow-x: scroll; } 

 #sub .half_box { width: 100%; } 
 #sub .bg_box .half_box { top: 6rem; transform: translateY(0); } 
 #sub .half_box.m_center { text-align: center; } 
 #sub .bg_box.sub3_1_1 { background: url(../images/m/sub3_1_1bg.jpg) center no-repeat; background-size: cover; height: 76.9rem; } 
 #sub .bg_box.sub3_1_7 { background: url(../images/m/sub3_1_7bg.jpg) center no-repeat; background-size: cover; height: 95rem; } /* ← 여기수정 */ 
 #sub .paragraph .w610 { width: 100%; } 
 #sub .paragraph .half_box { top: 42rem; transform: none; } 

 #sub .ctr_box,
 #sub .ctr_box.sub3_1_2,
 #sub .ctr_box.short_h, 
 #sub .ctr_box.short_h2 { height: auto; } 
 #sub .ctr_box .sub_img_box { /* 360/600 */ padding-bottom: 62.5%; } 
 #sub .ctr_box .sub_img_box.fl_r { float: none; } 
 #sub .ctr_box .half_box.pl40, #sub .ctr_box .half_box.pr40 { position:static; padding: 0 !important; margin-top: 4rem; } 
 #sub .half_box.ctr_line h2 { margin-bottom: 2.6rem; } 
 #sub .half_box.ctr_line h2.sm_font { font-size: 2.8rem; margin-bottom: 1rem; } 
 #sub .half_box.ctr_line hr { display:none; } 

 #sub .ctr_box.short_h .sub_img_box { padding-bottom: 67%; } 
 #sub .ctr_box.short_h2 .sub_img_box{ padding-bottom: 61%; } 

 #sub .round_logo { height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
 #sub .round_logo li { width: 21rem; height: 21rem; margin: 0 0 3rem 0 !important; } 
 #sub .round_logo li img { zoom: 0.8; } 
 #sub .half_box.ctr_line hr.mg_l { transform: translateX(0); } 
 #sub .half_box.ctr_line hr.mg_r { transform: translateX(0); } 
 #sub .paragraph p.sub_img_box_half { float: none; } 
 .m_mb3 { margin-bottom: 3rem; } 
 .m_mb6 { margin-bottom: 6rem !important;} 
 
 #sub .reason_list li { margin: 0 1rem; vertical-align: middle; } 
 #sub .reason_list li.first { width: 30rem; height: 30rem; } 
 #sub .reason_list li.second { width: 21rem; height: 21rem; } 
 #sub .reason_list li.etc { width: 18rem; height: 18rem; } 
 #sub .reason_list li .round_box { margin-bottom: 0; } 
 #sub .reason_list li .num { font-size: 5rem; margin: 1.5rem 0 1rem; } 


 #sub .bg_box.price1_1 .img_box { width: 67%; } 

 .oneday.flexslider {width: 100%;}
 .oneday .flex-control-nav {display: block;}


 #sub .bg_box.sub3_2_1 { background: url(../images/m/sub3_2_1bg.jpg) center no-repeat; background-size: cover; /* height: 77rem; */ height: 90rem; } 
 #sub .bg_box.sub3_2_3 { display: inline-block !important; background-color: #353535 !important; background: unset; height: auto !important; } 
 #sub .bg_box.sub3_2_3 .half_box { position: static !important; padding: 8rem 0; } 
 #sub .bg_box.sub3_2_3 .m_sub3_2_3_bg { display: block; margin-top: 6rem; } 
 #sub .bg_box.sub3_2_3 .m_sub3_2_3_bg img { width: 80%; } 


 .bg_box.sub3_2_1 .how_many { bottom: 2rem; left: 50%; } 
 #sub .sj_box { height: auto; } 
 #sub .sj_box .row { height: auto; margin-bottom: 8rem !important; } 
 #sub .sj_box .row .ment_box { width: 100%; height: 35rem; border-bottom: none; background-color: #fff; float: none; display: inline-block; padding: 10rem 3rem 0rem 3rem !important; } 
 #sub .sj_box .row .ment_box::after { zoom: 0.8; } 
 #sub .subtab ul { width: 60rem; } 
 #sub .bg_box.price1_1 { background: url(../images/m/price1_1bg.jpg) center no-repeat; background-size: cover; } 
 #sub .sj_box .ment_box .name { margin: 1rem 0 2rem 0; } 

 #sub .sj_slide li { padding: 0 6rem; } 
 #sub .sj_slide li>div { float: none; } 
 #sub .sj_slide li .sj_round_box { width: 30rem; height: 30rem; margin: 0 auto; } 
 #sub .sj_slide li .txt_box { text-align: center; width: 100%; } 
 #sub .sj_slide li .txt_box p { padding: 2.3rem 1.8rem; } 
 #sub .paragraph .sub_img_box_half { width: 100%; } 
 #sub .paragraph .sub_img_box_half2 { width: 100%; } 
 #sub .finish_list li { width: 100%; } 
 #sub .finish_list li:nth-child(2n-1) { margin-right: 0; } 
 #sub .finish_list li:nth-of-type(n+4) { margin-bottom: 6rem; } 
 #sub .finish_list li:last-child { margin-bottom: 0rem; } 
 #sub .finish_list li:nth-child(2n-1)::after { display: none; } 
 #sub .finish_list.c_2 li:nth-of-type(1) { margin-bottom: 6rem; } 
 #sub .visit_para .half_box { padding-left: 0; } 
 #sub .visit_para { background: url(../images/m/visit_bg.jpg) center no-repeat; background-size: cover; background-color: #fbf6ea; height: 79.8rem; } 
 #sub .visit_para.visit_bg_c { background: url(../images/m/visit_bg_c.jpg) center no-repeat; background-size: cover; background-color: #fbf6ea; } 
 #sub .price_list.favor_result li::before { content: '선호 브랜드'; left: 2rem; background-position: center right; width: 15rem; } 
 #sub .price_box .must_txt { left: 50%; top: 115%; transform: translateX(-50%); } 
 #sub .price_box .price_form { width: 90%; } 
 #sub .round_logo .img_ch:nth-child(1) img { width: 75%; } 


 /* S : 제품페이지 */
 #sub .bg_box h2.logo_box { width: 40%; display: inline-block; margin-bottom: 0; } 
 #sub .bg_box h2.logo_box.kcc { width: 70% !important; display: inline-block; margin-bottom: 0;} /* 240404 수정 */
 #sub .bg_box h2.logo_box img { width: 100%; } 
 #sub .ex_img_box { width: 100%; padding-bottom: 67.994%; } 
 #sub .bg_box.sub2_1_1 { background: url(../images/m/sub2_1_1bg.jpg) center no-repeat; background-size: cover; height: 70.2rem; border-top: none; } 
 #sub .bg_box.sub2_2_1 { background: url(../images/m/sub2_2_1bg.png) center no-repeat; background-size: cover; height: 82.2rem; border-top: none; } 
 #sub .bg_box.sub2_3_1 { background: url(../images/m/sub2_3_1bg.png) center no-repeat; background-size: cover; height: 70.2rem; border-top: none; } 
 #sub .bg_box.sub2_4_1 { background: url(../images/m/sub2_4_1bg.jpg) center no-repeat; background-size: cover; height: 79.2rem; border-top: none; } 
 #sub .bg_box.sub2_5_1 { background: url(../images/m/sub2_5_1bg.png) center no-repeat; background-size: cover; height: 70.2rem; border-top: none; } 
 #sub .bg_box.sub2_6_1 { background: url(../images/m/sub2_6_1bg.jpg) center no-repeat; background-size: cover; height: 70.2rem; border-top: none; } 
 #sub .bg_box.sub2_7_1 { background: url(../images/m/sub2_7_1bg.jpg) center no-repeat; background-size: cover; height: 70.2rem; border-top: none; }
 #sub .bg_box.hanssem { background: url(/images/m/sub_hanssem_back.jpg) center no-repeat; background-size: cover; height: 90rem; border-top: none; } 
 #sub .lg_bracket::before { content: '['; left: 0rem } 
 #sub .lg_bracket::after { content: ']'; right: 0rem; } 

 #sub .prd_cont .top_box { height: auto; } 
 #sub .prd_cont .top_box>div { float: none; padding-bottom: 2rem; } 
 #sub .prd_cont .top_box.w50>div { padding-bottom: 7rem; } 

 #sub .top_box .prd_txtbox { width: 100%; /* border: 1px solid red; */ } 
 #sub .top_box .prd_imgbox { width: 60%; /* border: 1px solid #ddd; */ height: 34.2rem; width: 100%; } 
 #sub .top_box.w50 .prd_imgbox { width: 60%; /* border: 1px solid #ddd; */ height: 36.2rem; width: 100%; } 
 #sub .top_box .prd_imgbox img { height: 90%; } 
 #sub .top_box.w50 .prd_imgbox img { height: 100%; width: auto; } 
 #sub .prd_feature .row .sub_img_box_half:nth-child(2n) { float: none; margin-top: 3rem; } 
 #sub .prd_feature .row .sub_img_box.devide3 { width: 100%; margin-bottom: 3rem; } 
 #sub .prd_feature .row .sub_img_box.devide3.color { width: 45%; } 
 #sub .prd_feature .row .sub_img_box.devide3.last { margin-bottom: 0rem; } 
 #sub .prd_feature .row .sub_img_box.devide3.bd_r { border-right: none; border-bottom: 1px solid #d5d5d5; } 
 #sub .top_box.w50 .prd_txtbox { width: 100%; } 
 #sub .top_box.w50 .prd_imgbox { width: 100%; } 
 /* E : 제품페이지 */

 /* S : 중문 */
 #sub .prd_feature .fea_tit { padding-left: 0 !important; } 
 #sub .prd_feature .fea_tit::before { display: none !important; } 
 /* E : 중문 */

 /* S : sub5_2 ksy */
 #sub .contents h2.loca_5_2::after { bottom: -50%; } 
 .lil_txt_box { width: 100%; } 
 .i_txt_box { height: 150px; } 
 .line_b { display: block; } 
 #sub .box_pbt40 { padding: 3rem 0; } 
 .lil_mt_30 { margin-top: 30px; } 
 .paragraph .l_txt_box { width: 94%; margin-left: 3%; position: relative; transform: translateX(0); margin-top: 2rem; text-align: center; text-align: center; } 
 .paragraph h2.dot40_02 { font-size: 4rem; font-weight: 500; color: #303030; text-align: center; position: relative; left: 50%; transform: translateX(-50%); display: inline-block; padding-left: 2rem; } 
 .paragraph h2.dot40_02::before { position: absolute; content: ''; width: 7px; height: 7px; background-color: #f36b27; top: 23%; transform: translateY(-50%); left: 0; } 
 /* E : sub5_2 ksy*/


 /* S : sub5_3 ksy */
 .sub5_3 .i_txt_box { height: 120px; } 
 .m_br { display: block; } 
 /* .bf_05>h4 { padding-top: 1rem; } */
 .bf_06 { margin-top: 0 !important; } 
 .paragraph .l_txt_box_sub5_3 { width: 94%; margin-left: 3%; position: relative; transform: translateX(0); margin-top: 2rem; } 
 .m_scroll { width: auto; overflow-x: scroll; /* 가로 스크롤 */ white-space: nowrap; padding-bottom: 2rem; } 

 .comment_btn { width: 100%; } 
 /* E : sub5_3 ksy */


 /* S : sub7_6 ksy*/
 .a_btn_01 .lil_h4>span { display: none; } 
 .txt_ml30 { margin-left: 3rem; } 
 .txt_ml40 { margin-left: 4rem; } 
 .btn_l::before { left: 25%; } 
 .btn_r::before { left: 20%; } 
 /* E : sub7_6 ksy*/


 /* S : sub3_4 jsj */
 .search_box { padding: 1.5rem 0 0 0; } 
 .search_con { flex-direction: column; text-align: center; } 
 .search_con select.form { width: calc(100% - 20px); margin-right: 0; margin-top: 15px; } 
 .search_con select.form { min-height: 5rem; background-size: 10px; width: 80%; }
 .search_con select.aptForm { width: calc(100% - 20px); margin-right: 0; margin-top: 15px; }
 .search_con select.aptForm { min-height: 5rem; background-size: 10px; width: 80%; }
 .search_btn { margin: 3rem 0; width: 80%; min-height: 50px; background-position: 30% 50%; background-image: none; background-color: #222; } 
 .search_btn span { display: block; font-size: 2.2rem; font-weight: 500; color: #fff;; } 
 .naver_blog_btn { width: 100%; } 
 .naver_blog_btn span { padding-left: 30px; } 
 .naver_blog_btn span::after { background-size: 80%; } 
 .sigong_table th,
 .sigong_table td { padding: 15px 5px !important; font-size: 1.8rem; line-height: 1.2; } 
 .paging_wrap .btn_page_first,
 .paging_wrap .btn_page_last { display: none; } 
 /* E : sub3_4 jsj */


 /* S : sub4_1 ksy */
 .paragraph .r_txt_box_02 { width: 94%; margin-left: 3%; position: relative; transform: translateX(0); margin-top: 2rem; text-align: center; } 
 p.img_box { line-height: 1; } 
 .img_box { overflow: hidden; } 
 .img_box img { width: 100%; } 
 .paragraph .img_box { overflow: hidden; } 
 .paragraph .img_box img { width: 100%; } 

 .paragraph .swiper-container { /* 413/600 */ width: 68%; } 
 .paragraph .swiper-slide>a { display: block; } 
 .paragraph .swiper-slide .txt_box { background-color: #fff; } 
 .sub4_1 .paragraph .swiper-button-prev { right: auto; /* left: 4rem; */ top: 55%; } 
 .paragraph .swiper-button-next { right: 4rem; top: 55%; } 
 .home_box { height: auto; } 
 .home_box li { width: 100%; height: auto; float: none; padding: 4rem 2rem !important; } 
 .m_mt30 { margin-top: 3rem; } 
 /* E : sub4_1 ksy */

 /* 230504 추가 */
 #sub .m_left { text-align: left !important; } 
 #sub .contents .paragraph .or_box { padding: 15px 10px; } 
 #sub .contents .paragraph .or_box::after { bottom: -14px; width: 20px; height: 14px; } 
 #sub .contents .paragraph .or_box.gradi_or { width: 100%; } 
 #sub .contents .paragraph .h_box.rail { height: auto; } 
/* 230504 추가 */
}
/* max-width:768px */



@media all and (max-width:640px){
#sub .price_list {overflow: hidden;}
#sub .price_list li {float: left;} 
#sub .price_list li.kcc { margin-right: 3rem; }
#sub .price_list li.kcc p span, #sub .price_list li.lx p span {display: inline-block; width: 100%; text-align: center;} /* ← 0720수정요청 (추가) */
#sub .price_list li.hugreen dd.first,
#sub .price_list li.kcc dd.first { background-size: 25%;} 
#sub .price_list li.lx dd.first { background-size: 60%;}
/* #sub .price_list li dd:nth-of-type(2) {max-height: 134.28px;} */ /* ← 삭제 0720수정요청 */
/* S : 제품페이지 */
#sub .bg_box h2.logo_box { width: 50%; } 
#sub .bg_box h2.logo_box.kcc { width: 26%; } 
/* E : 제품페이지 */}
/* max-width:640px */



@media all and (max-width:768px) {.bf_04, .bf_05, .bf_06 { position: relative; padding: 10px 0 10px 60px;; margin: 15px 0; } 
.bf_04::before { background-size: 70%; top: 60%; } 
.bf_05::before { background-size: 70%; top: 60%; } 
.bf_06::before { background-size: 70%; top: 60%; } 
 }
/* E : max-width:575px */



@media all and (max-width:480px){
 #sub h3.good_window:before { top: -6rem; left: 50%; transform: translateX(-50%); background-size: contain; } 
 .m_zoom80 { zoom: 80%; } 
 /* S : sub7_5 */
 #sub .contents h2.loca_m_5_2::after { content: ''; bottom: -230%; background-color: #ff4b17; } 
 /* E : sub7_5 */ 
 #sub .flex-direction-nav {bottom: -1rem;}
} 
/* E : max-width :480px */



@media (max-width:425px){
 #sub .round_logo li img { zoom: 0.6; } 
 #sub .subtab { line-height: 80px; } 
 #sub .subtab li { line-height: 40px; } 
 #sub .subtab li:hover a,
 #sub .subtab li.active a { line-height: 39px; } 
 .round_list li { width: 80%; } 
 }
/* E : max-width:480px */



@media (max-width:375px){
 #sub .round_logo li img { zoom: 0.46; } 
 #sub .flex-direction-nav {bottom: -1.6rem;}
 }
/* E : max-width:480px */



/* 20230314 마케팅제휴사 신청하기 시작 - jsj */
.marketing { padding-top: 5rem !important; } 
.marketing_logo { text-align: center; } 
.marketing_logo img { object-fit: cover; } 
.marketing_sub_tit { margin-bottom: 3rem !important; margin-top: 6rem; } 
.marketing_sub_tit::after { content: ''; /* width: 3.5rem !important; height: 0.3rem !important; bottom: unset; top: -50%; transform: translateX(-50%); */ display: none; } 
.marketing_txt { line-height: 1.8; } 
.marketing_txt p {width: 100%; margin-bottom: 0.5rem;} 
.marketing_txt span {display: inline-block; position: relative; line-height: normal !important;} 
.marketing_txt span::after { content: ''; position: absolute; top: 50%; left: 0; transform: translate(-120%, -50%); width: 20px; height: 20px; background: url(../images/check_icon.png) no-repeat center; background-size: 100%; } 
.marketing_box { border: 1px solid #d5d5d5; border-top: 4px solid #505050; padding: 50px 0; } 
.marketing_h3_tip { position: relative; display: inline-block; } 
.marketing_h3_tip::after { content: '* 필수사항'; font-size: 18px; color: #ff491d; position: absolute; bottom: 0; right: -200px; } 

.personal_info_box { width: 100%; max-width: 640px; margin: 0 auto; } 
.personal_info_box li { width: 100%; margin-bottom: 40px; line-height: normal; overflow: hidden;} 
.personal_info_box li>* { line-height: 56px; vertical-align: top; } 
.personal_info_box li label { display: inline-block; width: 100%; text-align: left; font-size: 24px; } 

.inp_box { display: inline-block; position: relative; width: 100%; height: 56px; border: 1px solid #d5d5d5; font-size: 2rem; color: #505050; padding-left: 10px; font-weight: 500;} 
.inp_box::placeholder { position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding-left: 10px; font-weight: 400; font-family: 'SCDT'; font-size: 1.8rem; color: #777777;} 
.sel_box { height: 56px; border: 1px solid #d5d5d5; color: #777777; font-family: 'SCDT'; font-weight: 400; font-size: 18px; padding-left: 10px; background: url(../images/select_arrow.png) 90% 50% no-repeat; background-size: 15px; } 
.marketing_box select { appearance: auto !important; -webkit-appearance: none; } 
.request_btn { width: 100%; max-width: 300px; min-height: 6rem; line-height: 6rem; text-align: center; font-size: 2.5rem; color: #fff; background: linear-gradient(300deg, #fa5c35 0%, #f87f29 25%, #fa5c35 51%, #f87f29 100%); background-position: 1% 50%; background-size: 200% auto; transition: all 0.3s ease-out; } 
.personal_info_box li:last-child .inp_box { text-align: center; } 
.b2b_textarea {width: 100%; font-family: 'SCDT'; border: 1px solid #d5d5d5; height: 25rem; padding: 1rem; font-weight: 400; font-size: 2rem; color: #505050; line-height: normal !important; resize: none;}


@media (max-width:768px){
 .marketing_box { padding: 40px 0; }
 .marketing_txt {text-align: left;} 
 .marketing_txt p {padding-left: 15px;} 
 .marketing_txt span::after { width: 15px; height: 15px; top: 1.5rem;} 
 .marketing_h3_tip::after { right: -70%; font-size: 14px; } 
 .personal_info_box li { width: 80%; margin: 0 auto; margin-bottom: 15px;} 
 .personal_info_box li>* { line-height: 34px; vertical-align: top; } 
 .personal_info_box li label { font-size: 14px; } 
 .inp_box, .sel_box { height: 35px; } 
 .personal_info_box li:last-child .inp_box,
 .personal_info_box li:last-child .sel_box { width: calc(100% / 3 - 5px) !important; } 
 .inp_box::placeholder { font-size: 14px; padding-left: 10px; } 
 .sel_box { font-size: 14px; background-size: 10px; } 
 .re_ml10 { margin-left: 5px !important; } 
 .request_btn { width: 80%; height: 35px; margin-top: 15px; } 
 .marketing_txt span { font-size: 2.3rem !important; } 
 }

@media (max-width:600px){
 .la_im { margin-left: 5px; }
 .marketing_h3_tip::after { right: -100%; font-size: 12px; } 
 .marketing_txt span::after { width: 10px; height: 10px; } 
 .personal_info_box li:last-child .inp_box,
 .personal_info_box li:last-child .sel_box { width: calc(100% / 3 - 5px) !important; } 
 }
/* 20230314 마케팅제휴사 신청하기 끝 - jsj */


/* 자주묻는 질문 스크립트 관련 css - jsj */
.detail_open_box .FAQ_btn[aria-expanded=true]+.detail_box { opacity: 1; max-height: 100%; padding: 30px 20px 30px 50px; will-change: opacity, max-height; background-color: #fafafa; border-top: 1px solid #ddd; } 
.detail_open_box .detail_box { opacity: 0; max-height: 0; padding: 0; overflow: hidden; will-change: opacity, max-height; text-align: left; } 
.fa_detail { line-height: 1.6; } 
.detail_open_box .FAQ_btn[aria-expanded=true] .ico_com { transform: rotate(-180deg); } 

@media (max-width:768px){
 .detail_open_box .FAQ_btn[aria-expanded=true]+.detail_box { max-height: unset; height: auto; padding: 0 20px; } 
 }
/* 자주묻는 질문 스크립트 관련 css - jsj */


/* 230323 중문 하단 이어서 작업 - jsj */
.table02 { width: 100%; table-layout: fixed; border-collapse: collapse; line-height: 2rem; font-size: 2rem; padding: 10px; border: 1px solid #ccc; border-top: 2px solid #505050 !important; } 
.table02 th, .table02 td { height: 30px; border: 1px solid #ccc; line-height: 2rem; padding: 2rem 0; font-size: 1.8rem; } 
.table02 th { text-align: center !important; background-color: #dbdbdb !important; color: #444 !important; font-weight: 500 !important; text-align: center !important; } 
.table02 td { text-align: center; font-size: 2rem; font-weight: 400; color: #444 !important; background-color: #fff; } 
.table02 td img { object-fit: cover; width: unset !important; } /* width: unset; 추가 */
.tum { display: inline-block; margin-top: 10px; } 
.clear_bor { border: unset!important; } 
.con_img_box { display: inline-block; } 
.con_img_box img { width: 100%; } 
.img_tip00 { width: 100%; display: flex; justify-content: center; align-items: center; } 
.img_tip00 span { display: inline-block; position: relative; min-width: 100px; text-align: center; } 
.img_tip00 span::after { content: ''; min-width: 100px; height: 10px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); } 
.tip_col01::after { background-color: #bfb38a; } 
.tip_col02::after { background-color: #964d35; } 
.tip_col03::after { background-color: #898989; } 

.part_02 { display: flex; justify-content: space-between; } 
.part_02 table { width: calc(50% - 10px); } 


.row [class*="color_box"] { display: inline-block; min-height: 210px; margin-right: 20px; padding: 10px; } 
.color_box01 { width: 26%; } 
.color_box02 { width: 35%; } 
.color_box03 { width: 34%; } 
.row [class*="middle_door"] { width: 100%; text-align: center; } 
.row [class*="middle_door"] th { font-size: 1.8rem; font-weight: 500; padding: 0 5px 10px 5px; } 
.row [class*="middle_door"] td { position: relative; font-size: 1.8rem; font-weight: 400; padding: 0 5px; } 
.row [class*="middle_door"] td img { width: 100%; } 
.middle_door_tip { position: absolute; bottom: 0; right: 0; transform: translateY(100%); } 


@media (max-width:768px){
 .table02 td img { width: 100% !important; } 
 .con_img_box { width: 100% !important; } 
 .img_tip00 { flex-direction: column; } 
 .img_tip00 span { margin-right: 0 !important; margin-left: 10rem; } 
 .img_tip00 span::after { top: 50%; left: -50%; transform: translate(-30%, -50%); } 

 .row [class*="color_box"] { min-height: unset !important; margin-bottom: 20px; } 
 .row [class*="middle_door"] th { font-size: 2.4rem; } 
 .color_box01 { width: 100%; } 
 .color_box02 { width: 100%; } 
 .color_box03 { width: 100%; } 

 .part_02 { flex-direction: column; } 
 .part_02 table { width: 100%; } 
 }
/* 230323 중문 하단 이어서 작업 - jsj */

.after_tip00 { line-height: 0.8; } 
.after_tip00_sub { font-size: 3rem; } 
.after_tip00::after { bottom: -85% !important; } 

/* 230324 폴딩도어 시작 - jsj */
.h3_tit_re { line-height: 1.15 !important; } 
.mid_tit02 { display: inline-block; color: #888; font-weight: 400; } 

.door_explan_box { width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } 
.door_explan { width: calc(100% / 3 - 20px); margin-bottom: 1rem; } 
.explan_img { line-height: 1; } 
.explan_img, .explan_img img { width: 100%; } 
.explan_tit { display: inline-block; width: 100%; text-align: center; font-size: 2rem; font-weight: 500; margin-top: 1.5rem; } 
.explan_info { display: inline-block; width: 100%; text-align: center; font-size: 2rem; font-weight: 400; margin-bottom: 3rem; } 
.only02::after, .only02::before { top: -70% !important; } 
.ab_none::after, .ab_none::before { display: none !important; } 

@media (max-width:700px){
 .line_re { line-height: 1.15; } 
 .door_explan { width: 100%; margin: 0 !important; } 
 .only02::after, .only02::before { top: -15% !important; } 
 }
/* 230324 폴딩도어 끝 */

/* 230328 견적퍼널 수정 - jsj */
#sub .price_list li.normal { width: auto; } 
#sub .price_list li.normal dd:last-child { padding: 4rem; } 
#sub .price_list li.normal dd.first p { display: block; text-align: center; line-height: 10rem; font-weight: 400; font-size: 4.2rem; color: #505050; background-color: #ddd; } 
.con_box01 { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; } 
.con_box_s { position: relative; width: calc(50% - 1.4rem); border: 1px solid #ddd; padding: 10px; } 
.con_box01_p { text-align: center; font-weight: 500 !important; margin-top: 10px; } 
.re_h { margin-bottom: 0 !important; font-size: 4.5rem; } 
.tip_box { border: 1px solid #ddd; margin-top: 3rem; padding: 1.6rem 3rem; text-align: left; } 

@media (max-width:768px){
 #sub .price_list li.normal { width: 100% } 
 #sub .price_list li.normal dd:last-child { padding: 4rem 2rem; } 
 .re_h { font-size: 3.6rem; } 
 .con_box_s:nth-child(1) { margin: 0 !important; } 
 }
/* 230328 견적퍼널 수정 - jsj */

/* 230328 sub1_2 - jsj */
#cont2 .tab_box { display: flex; flex-wrap: wrap; justify-content: center; } 
#cont2 ul .tab { width: 35%; height: 28rem; border-radius: 30px; position: relative; overflow: hidden; cursor: pointer; border: 1px solid #ddd; } 
#cont2 ul .tab .imb_con { display: inline-block; width: 100%; height: 100%; } 
#cont2 ul .tab .imb_con img { object-fit: cover; width: 100%; height: 100%; transition: all 0.1s; } 
#cont2 ul .tab .blur { display: none; background-color: rgba(255,255,255,0.8); width: 100%; height: 100%; position: absolute; top:0; z-index: 0; } 
#cont2 ul .tab .sub_title { position: absolute; top: 15%; left: 36px; font-size: 2rem; font-weight: 600; color: #ff4b17; transition: all 0.1s; } 
#cont2 ul .tab .title { position: absolute; top: 28%; left: 35px; font-size: 2.4rem; font-weight: 600; color: #333; letter-spacing: -0.5px; transition: all 0.1s; } 
#cont2 ul .tab .text { display: none; width: 85%; position: absolute; top: 25%; left: 35px; font-size: 1.8rem; font-weight: 400; line-height: 1.8em; } 

#cont2 ul .tab .more { display: inline-block; color: #505050; font-size: 0; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #999999; text-align: center; transition: all 0.1s; position: absolute; top: 45%; left: 36px; z-index: 100; background-image: url(../images/plus_icon.png); background-repeat: no-repeat; background-size: 12px; background-position: center; } 
/* --- ↓ 20230420 추가요청 수정 */
#cont2 ul .tab .close { display: none; font-size: 0; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ff6b00; text-align: center; transition: all 0.1s; position: absolute; top: 80%; right: 36px; z-index: 100; background-image: url(../images/cancle_icon.png); background-repeat: no-repeat; background-size: 10px; background-position: center; } 

#cont2 ul .tab.on img { filter:blur(7px); -o-filter:blur(7px); -ms-filter:blur(7px); -moz-filter:blur(7px); -webkit-filter:blur(7px); } 
#cont2 ul .tab.on .blur { display: block; } 
#cont2 ul .tab.on .sub_title { display: none; } 
#cont2 ul .tab.on .title { top: 10%; } 
#cont2 ul .tab.on .more { display: none; } 
#cont2 ul .tab.on .close { display: block; } /* ← 여기 */
#cont2 ul .tab.on .text { display: block; font-weight: 400;; line-height: 2.7rem; } /* ← 여기 */ 
#cont2 ul .wh.on .title { color: #333; } 
/* --- ↑ 20230420 추가요청 수정 */
.ex_icon { display: inline-block; width: 2rem; height: 2rem; border: 1px solid #505050; border-radius: 50%; line-height: 1.8rem; text-align: center; vertical-align: middle; margin-bottom: 4px; padding-right: 1px; /* font-size: 2rem !important; */} 

.re_t_box { line-height: normal; color: #303030; background-color:rgba(255, 255, 255, 0.9); display: inline-block; vertical-align: bottom; padding: 1.5rem 1.5rem; } 
@media (max-width:768px){
 #cont2 .tab_box { flex-direction: column; } 
 #cont2 ul .tab { width: 100%; height: 30rem; margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 3rem; } 
 #cont2 ul .tab .imb_con img { object-fit: cover; width: 100%; height: 100%; } 
 #cont2 ul .tab .title { top: 25%; } 
 #cont2 ul .tab .sub_title { top: 12%; } 
 #cont2 ul .tab .more { top: 40%; } 
 #cont2 ul .tab .close { top: 82%; } 
 #cont2 ul .tab.on .title { top: 12%; } 
 #cont2 ul .tab .text { top: 27%; } 
 }

/* 230328 sub1_3 - jsj */

/* 230328 자주 묻는 질문 추가 - jsj */
.sub_txt_box { padding: 50px 0; border: 1px solid #ddd; } 
.sub_txt_box h2 { margin: 10px 0 !important; } 
.sub_txt_box h2 a span { font-weight: bold; } 
.sub_txt_box h2 a:nth-of-type(1) span { color: #ff4b17; } 
.sub_txt_box h2 a:nth-of-type(2) span { color: rgb(252, 124, 32); } 
.sub_bold { font-weight: 600; } 
/* 230328 자주 묻는 질문 추가 - jsj */

/* 230329 조직도 이미지 설정 - jsj */
.org_ch img { width: 70%; } 
@media (max-width:768px){
 .org_ch img { width: 100%; } 
 }
/* 230329 조직도 이미지 설정 - jsj */

/* 230330 케스코 인테리어 슬라이드 수정 - jsj */
.sld_box { overflow: hidden; } 

@media (max-width:768px){
 .sld_box .swiper-container { overflow: unset !important; } 
 .sld_box .swiper-button-prev, .sld_box .swiper-button-next { display: none; } 
 .sld_box .swiper-slide { border: none !important; } 
 .sld_box .swiper-slide a { border: 1px solid #ddd; margin: 0 10px; } 
 }


/* sub3_1 레일캡 추가 수정 시작 - jsj */
.img_box02 { display: flex; justify-content: center; } 
.img_box02 p { position: relative; display: inline-block; overflow: hidden; text-align: center; } 
.img_box02 p img { height: 100%; } 
.img_box02 p::after { content: ''; width: 120px; height: 120px; position: absolute; bottom: 10px; right: 10px; background-position: center; background-size: 80%; background-repeat: no-repeat; background-color: #fff; border: 3px solid #505050; border-radius: 50%; } 
.img_box02 p:nth-of-type(1):after { background-image: url(../images/sub3_1_p1.png); } 
.img_box02 p:nth-of-type(2):after { background-image: url(../images/sub3_1_p2.png); } 
@media (max-width:768px){
 .img_box02 { margin-bottom: 6rem; } 
 .img_box02 p { overflow: unset; } 
 .img_box02 p img { height: auto; width: 100%; } 
 .img_box02 p:nth-of-type(1):after, .img_box02 p:nth-of-type(2):after { width: 90px; height: 90px; bottom: 0; right: 0%; transform: translate(0, 60%); } 
 .txt_le_box { padding-left: 0 !important; } 
 }
/* sub3_1 레일캡 추가 수정 끝 - jsj */

/* S : 인사말 추가- jsj */
.txt_le_box { max-width: 1000px; width: 100%; padding-left: 30px; margin: 0 auto; } 
/* E : 인사말 추가 - jsj */


/* S : 선호 브랜드 수정- jsj */
.price_box .devide3 { display: flex; justify-content: space-between; margin-bottom: 4rem; width: 100% !important; max-height: 24rem; flex-wrap: wrap; gap: 2rem;} /* max-height: 10rem;*/
/* .price_box .devide3 label { display: inline-block; border: 1px solid #ddd; width: calc((100% / 2) - 1.1rem); font-size: 2rem; text-align: center; cursor: pointer; outline-color: #ff4b17; }  */
.price_box .devide3 label { display: inline-block; border: 1px solid #ddd; width: 100%; font-size: 2rem; text-align: center; cursor: pointer; outline-color: #ff4b17; }
.price_box .img_box03 { width: 90%; max-height: 60px; margin: 0 auto 0.5rem; height: 36px;} 
.price_box .img_box03 img { height: 100%;} 
.price_box .devide3 label.kcc img { width: auto; max-height: 45px; } 
@media (max-width:768px){
    .price_box .devide3 label { border-width: 2px !important; } 
    .price_box .img_box03{height: 26px;}
    .price_box .img_box03 img{height: auto;  }
    .price_box .devide3 label.LX img{width: 80%; max-width: 120px;}
    .price_box .devide3 label.kcc img { width: auto; max-height: 30px; } 
    .price_box .devide3 label.hanssem img{width: 100%; max-width: 200px;}
    .price_box .devide3 label.hugreen img{width: 65%; max-width: 110px;}
 }
/* E : 선호 브랜드 수정 - jsj */

/* S : 교체창틀 사이즈 입력 수정 - jsj */
.window_box { width: 100%; } 
.window_box [class*="window_box_con"] { display: inline-block; white-space: nowrap; } 
.window_box [class*="window_box_con"] select, .window_box [class*="window_box_con"] input { display: inline-block; width: 26% !important; height: 5rem; vertical-align: middle; margin-bottom: 2rem !important; margin-right: 1rem; } 
.window_btn_box { display: inline-block !important; vertical-align: top; white-space: nowrap; } 
.window_btn_p, .window_btn_m, .window_btn_re { display: inline-block; width: 5rem; height: 5rem; font-size: 3rem; line-height: 3rem; color: #fff; vertical-align: middle; } 
.window_btn_p { background-color: #3E54AC; } 
.window_btn_m { background-color: #b51313; margin-left: 0.5rem; } 

@media (max-width:768px){
 .window_box [class*="window_box_con"] select, .window_box [class*="window_box_con"] input { width: 25% !important; margin-right: 0 !important; font-size: 1.6rem !important; } 
 .window_box [class*="window_box_con"] input::placeholder { font-size: 1.6rem !important; } 
 .window_btn_m, .window_btn_re { margin-left: 0 !important; } 
 }
/* E : 교체창틀 사이즈 입력 수정 - jsj */

/* S : 창호 위치, 종류, 브랜드에 따른 비교 - jsj */
.tab { width: 100%; height: auto; } 
.tab-menu { display: flex; justify-content: center; align-items: stretch;  overflow: hidden; transition: all 0.3s ease; }
.tab-menu li{display: flex; justify-content: center; align-items: center;} 
.tab-menu-link { width: calc(100% / 3); height: auto; padding: 1.5rem 0; color: #fff; font-weight: 600; transition: all 0.3s ease-in-out; overflow: hidden; background-color: #ddd; color: #222; border-left: 1px solid #ccc; cursor: pointer; } 
.tab-menu-link:nth-of-type(1) { border-left: none; } 
.tab-menu-link.is-active:nth-of-type(1) { background-color: #bd2c2a; color: #fff;  } 
.tab-menu-link.is-active:nth-of-type(2) { background-color: #0044a8; color: #fff; border: unset; } 
.tab-menu-link.is-active:nth-of-type(3) { background-color: #5a9dff; color: #fff;}
.tab-menu-link.is-active:nth-of-type(4) { background-color: #f2821f; color: #fff;}
.tab-menu-link.is-active:nth-of-type(5) { background-color: #0f7c38; color: #fff;}

.tab-bar { overflow: hidden; background: #ffffff; } 
.tab-bar-content { display: none; width: 100%; min-height: 10rem; transition: all 0.3s ease; } 
.tab-bar-content.is-active { display: block; } 
.tab-bar table { border-top: unset !important; } 
.tab-bar table th { line-height: 3rem; width: calc(100% / 3) !important; } 
.tab-bar table td { line-height: 3rem; width: calc(100% / 3) !important; } 
.green_table th { background-color: #CBEDD5 !important; } 
.blue_table th { background-color: #BFEAF5 !important; } 
.red_table th { background-color: #FBC5C5 !important; } 
.orange_table th { background-color: #fff6ed !important; } 
/* E : 창호 위치, 종류, 브랜드에 따른 비교 - jsj */

/* S : error */
.error_box { position: relative; min-width: 1300px; max-width: 1300px; margin: 0 auto; height: 100vh; } 
.error_box_inner { position: relative; top: 65%; left: 50%; transform: translate(-50%, -50%); text-align: center; display: inline-block; } 
.error_box_inner::after { content: ''; position: absolute; top: -350px; left: 50%; transform: translateX(-50%); width: 350px; height: 350px; background: url(../images/error_bg.png) no-repeat; background-size: 100%; background-position: center; } 
.er_sorry { text-align: center; font-size: 40px; font-weight: 500; color: #ff6b00; margin-bottom: 15px; } 
.er_txt01 { text-align: center; background-color: #f8f8f8; min-width: 500px; padding: 20px; } 
.er_txt01 span { display: block; font-weight: 400; line-height: 24px; } 
.er_home { display: inline-block; padding: 1rem 4rem; font-size: 1.8rem; font-weight: 500; transition: all 0.3s ease-in-out; border: 1px solid #ddd; margin-top: 20px; } 
.er_home:hover { border: 1px solid #ff6b00; color: #ff6b00; } 

@media (max-width:768px){
 .error_box { position: relative; min-width: unset; max-width: unset; width: 100%; height: 100vh; } 
 .error_box_inner { width: 100% !important; } 
 .error_box_inner::after { background-size: 70%; top: -300px !important; width: 100% !important; width: 100%; } 
 .er_txt01 { min-width: unset; } 
 .er_txt01 span { line-height: 18px; } 
 }
/* E : error */


/* S : 시공후기 상세페이지 추가 수정 - jsj */
.eval_box { width: 100%; border: 1px solid #ddd; padding: 20px; margin-bottom: 4rem; } 
.eval_box_title { margin-bottom: 10px; font-size: 2.4rem !important; } 
.eval_box_star { display: inline-block; width: 100%; margin-bottom: 20px; } 
.eval_box_star [class*="star0"] { display: inline-block; width: 49%; } 
.eval_box_star [class*="star0"]>span { display: inline-block; margin-right: 10px; } 
.star_box { display: inline-block; } 

.eval_box_txt { display: inline-block; width: 100%; background-color: #f1f1f1; padding: 20px; } 
.eval_box_txt_con { display: inline-block; width: 49%; } 
.eval_box_txt_con span { display: inline-block; vertical-align: top; margin-right: 10px; padding: 10px 0; } 
.eval_box_txt_con span:nth-of-type(2) { font-weight: 500; } 

/* 만족도 별 디자인 */
.star_box { display: inline-block; height: 2.5rem; width: 20%; vertical-align: bottom; } 
.star_box [class*="st_con"] { height: 100%; } 
.star_box [class*="st_con"] img { height: 100%; } 

.st_con00 { background: url(../images/star/star00.png) no-repeat center; background-size: auto 100%; } 
.st_con05 { background: url(../images/star/star0.5.png) no-repeat center; background-size: auto 100%; } 
.st_con10 { background: url(../images/star/star1.0.png) no-repeat center; background-size: auto 100%; } 
.st_con15 { background: url(../images/star/star1.5.png) no-repeat center; background-size: auto 100%; } 
.st_con20 { background: url(../images/star/star2.0.png) no-repeat center; background-size: auto 100%; } 
.st_con25 { background: url(../images/star/star2.5.png) no-repeat center; background-size: auto 100%; } 
.st_con30 { background: url(../images/star/star3.0.png) no-repeat center; background-size: auto 100%; } 
.st_con35 { background: url(../images/star/star3.5.png) no-repeat center; background-size: auto 100%; } 
.st_con40 { background: url(../images/star/star4.0.png) no-repeat center; background-size: auto 100%; } 
.st_con45 { background: url(../images/star/star4.5.png) no-repeat center; background-size: auto 100%; } 
.st_con50 { background: url(../images/star/star5.0.png) no-repeat center; background-size: auto 100%; } 

@media (max-width:768px){
 .star_box { vertical-align: top !important; width: 30%; margin-top: 2.5px; } 
 .eval_box_title { margin-bottom: 5px; } 
 .eval_box_star { margin-bottom: 10px; } 
 .eval_box_star [class*="star0"] { width: 100%; white-space: nowrap; line-height: normal; } 
 .eval_box_txt { padding: 10px 10px; } 
 .eval_box_txt_con { width: 100%; padding: unset !important; white-space: nowrap; line-height: normal; } 
 .eval_box_txt_con span { margin-right: 5px; padding: 5px 0; } 
 .eval_box_txt_con span:nth-of-type(2) { max-width: 150px; } 
 }

/* E : 시공후기 상세페이지 추가 수정 - jsj */


/* 이벤트 탭 버전 시작 - jsj */
.event_box { width: 100%; line-height: normal; } 
.event_ul { width: 100%; } 
.event_li { width: 100%; margin-bottom: 8rem; } 
.event_con { display: inline-block; width: 100%; text-align: center; } 
.event_con_item { display: inline-block; width: calc(100% - 80px); }
@media screen and (min-width:769px){
.event_con_item_img { width: 100%; height: 350px; overflow: hidden; }
}
.event_con_item_img img { width: 100%; height: 100%; } 
.event_con_item_txt { width: 100%; text-align: left; display: inline-block; white-space: nowrap; } 
.event_con_item_txt [class*="e_tip"] { float: left; padding: 10px;} 
.event_con_item_txt [class*="e_tip"] em {font-style: normal; font-size: 2rem; font-weight: 400;}
.e_tip01 { display: inline-block; width: 20%; text-align: center; background-color: #ff4b17; color: #fff; } 
.e_tip01_1 { display: inline-block; width: 20%; text-align: center; background-color: #505050; color: #fff; } 
.e_tip02 { display: inline-block; width: 80%; font-weight: 500; background-color: #f8f8f8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 

@media screen and (max-width:768px){
 .event_con_item { width: 100% !important; } 
 .event_con_item_img { width: 100%; /* 또는 원하는 너비로 */
                         aspect-ratio: 610 / 305;
                         overflow: hidden; /* 필요 시 */}
 .event_con_item_img img { object-fit: fill; }
 .e_tip01, .e_tip01_1 { width: 30%; } 
 .e_tip02 { width: 70%; } 
 }
/* 이벤트 탭 버전 끝 - jsj */

/* 프로필 css 시작 */
.center_box {width: 100%; height: 100vh; min-height: 600px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.profile_box {width: calc(100% - 40px); max-width: 400px; min-height: 500px; background-color: #ff9538; border-radius: 20px; padding: 20px 20px 0 20px; margin: 0 20px;}
.profile_inner {display: inline-block; position: relative; width: 100%; background-color: #fff; padding: 0 15px; margin-top: 14rem; z-index: 2; text-align: center;}
.profile_inner::after {content: ''; position: absolute; top: -11.8rem; left: 0; width: 100%; height: 12rem; background: url(../images/m/profile_hd.png) no-repeat bottom; background-size: 100%;}
.profile_inner::before {content: 'k-esco.co.kr'; position: absolute; top: -6rem; right: 0; transform: rotate(13deg); font-size: 2.4rem; color: #fff; }
.profile_logo { display: inline-block; width: 100%; text-align: left; position: relative; z-index: 10; margin-top: -5rem;}
.profile_logo img {width: 18rem;}
.profile_img {max-width: 200px; height: 220px; margin: 30px auto 15px; overflow: hidden;}
.k_belong {font-size: 2.4rem; letter-spacing: 0.2rem; font-weight: 400;}
.k_name {font-size: 3.4rem; font-weight: 500; letter-spacing: 1rem; text-align: center; margin-bottom: 10px;}
.profile_tip02 {color: #fff; text-align: center; font-size: 3rem; margin: 1rem 0;}

.profile_info {width: 100%; text-align: left; border-bottom: 1px solid #ddd; position: relative; z-index: 10; top: -50px; padding-bottom: 10px;}
.profile_info [class*="pf_con"] { text-align: left;}
.pf_con01 {font-weight: 500; color: #303030;}
.pf_con02 {margin-bottom: 5px; font-weight: 400;}
.profile_info [class*="pf_con"] span {display: inline-block; width: 100%;}

.profile_call {position: relative; z-index: 10; top: -50px;}
.profile_call_p {margin: 10px 0; font-weight: 400;}
.profile_call span {display: inline-block; width: 100%; font-size: 2.4rem; color: #ff7c4e; font-weight: 500;}
.call_btn {display: inline-block; width: 70px; height: 70px; border-radius: 50%; background-color: #009944; margin-top: 10px; background-image: url(../images/m/m_call_icon.png); background-repeat: no-repeat; background-position: center; background-size: 65%;}
.pf_ok {margin-top: 15px; padding: 10px 30px; border-radius: 10px; background-color: #009944;}
.pf_ok span {color: #fff;}
/* 프로필 css 끝 */

/* 240326 뉴 그린리모델링, BRP 서브텍스트 수정 */
.impect_box {padding: 2.8rem 0; background-color: #f9f9f9; font-size: 2.4rem; font-weight: 400; text-align: center; line-height: 1.4;}
.impect_box .impect_wrod {font-size: 4.5rem; font-weight: 500; color: #bd2c2a;}
.impect_box .impect_wrod02 {font-size: 3rem; font-weight: 500; color: #0e7235;}
[class*="infomation_box"] {display: flex; justify-content: center; align-items: center; gap: 0 10rem;}
[class*="infomation_box"] .info_flex01 {font-size: 2.2rem; padding: 1.5rem 2rem; font-weight: 500 !important; border: 1px solid #f5f5f5; border-radius: 1.8rem; box-shadow: 1px 0 2rem rgba(0, 0, 0, 0.01), -1px 0 2rem rgba(0, 0, 0, 0.1);}
[class*="infomation_box"] .info_flex02 {width: 30%;}
[class*="infomation_box"] .info_flex02 .info_flex02_img {width: 100%; padding: 1rem; border: 1px solid #ccc; border-radius: 2rem; overflow: hidden;}
[class*="infomation_box"] .info_flex02 .info_flex02_img img {width: 100%; height: auto;}


@media screen and (max-width:768px) {
    .impect_box .impect_wrod {font-size: 3rem !important;}
    .infomation_box01 {flex-direction: column; gap: 1.5rem 0;}
    .infomation_box01 .info_flex01 {min-width: 70%;}

    .infomation_box02 {gap: 0 1rem;}
    .infomation_box02 .info_flex02 {width: 45%;}
}
/* 240326 뉴 그린리모델링, BRP 서브텍스트 수정 */

/* 제품군-LX하우시스 추가 css */
[class*="lx_pd"] {width: 100%; overflow: hidden;}
[class*="lx_pd"] [class*="lx_pd_img"] img {width: 100%;}
.lx_pd_img01 {float: left;}
.lx_pd_img02 {float: right;}
.lx_pd_img03 {float: right;}
[class*="lx_pd"] [class*="lx_pd_txt"] {display: flex; flex-direction: column;  justify-content: center; width: calc(100% - 610px); height: 490px; overflow: hidden;}
.lx_pd_txt01 {padding-left: 7rem; align-items: flex-start;}
.lx_pd_txt02 {padding-right: 7rem; align-items: flex-end; text-align: right;}
.lx_pd_txt03 {padding-left: 12rem; align-items: flex-start; text-align: left; float: left; } /* 231204 수정 */

.img_100 {width: 100%; margin-top: 3rem;}
.img_100 img {display: block; width: 80%; margin: 0 auto; }
.f_box {margin-top: 3rem; display: flex; justify-content: space-between;}
[class*="table_box"] {width: calc(50% - 10px);}
[class*="table_box"] table {width: 100%; border-collapse:separate; border-spacing: 0px;}
[class*="table_box"] table th {border: 1px solid #ddd; padding: 1.5rem; background-color: #f1f1f1;}
[class*="table_box"] table td {border: 1px solid #ddd; border-width: 0 0 1px 1px; padding: 1rem;}
[class*="table_box"] table td:last-of-type {border-width: 0 1px 1px 1px;}
[class*="table_box"] table td p {font-size: 1.8rem;}
.table_box03 {width: 100%; margin-top:5rem;}
/* .table_box03 table td:nth-of-type(1), .table_box03 table td:nth-of-type(3) {background-color: #f1f1f1;} */ /* 240404 수정 */

.lx_info {width: 100%; display: flex; justify-content: space-between;}
.lx_info [class*="lx_info_con"] {width: calc(33% - 5px); border: 1px solid #ddd; padding-top: 15rem;}
.lx_con_tit {font-size: 2.5rem !important; font-weight: 500 !important;}
.lx_con_txt { margin: 1rem 0 3rem 0;  padding: 0 1rem;}
.lx_info_con01 {background: url(../images/product/3_lx/sub2_3_icon01.png) no-repeat; background-position: 50% 10%; background-size: 100px;}
.lx_info_con02 {background: url(../images/product/3_lx/sub2_3_icon02.png) no-repeat; background-position: 50% 10%; background-size: 100px;}
.lx_info_con03 {background: url(../images/product/3_lx/sub2_3_icon03.png) no-repeat; background-position: 50% 10%; background-size: 100px;}
.table_box02 .adjust_img img {margin: 1.75rem 0;} /* ← 240201 수정 (추가) */

@media screen and (max-width:768px) {
    [class*="lx_pd"] [class*="lx_pd_img"] {float: none !important;}
    .lx_pd02 {margin-top: 10rem;}
    [class*="lx_pd"] [class*="lx_pd_txt"] {width: 100% !important; height: auto; }
    [class*="lx_pd"] [class*="lx_pd_txt"] h2 {font-size: 3.5rem;}
    .lx_pd_txt01 {padding-left: 0;}
    .lx_pd_txt02 {padding-right: 0; align-items: flex-start !important; text-align: left;}
    .img_100 img {width: 100% !important;}
    .f_box {flex-direction: column;}
    .f_box [class*="table_box"] {width: 100%;}
    .f_box [class*="table_box"]:nth-of-type(2) {margin-top: 2rem;}
    .table_box02 img { width: 100%;}
    .table_box03 .cimg_box img { width: 100%;}
    .lx_info {flex-direction: column;}
    .lx_info [class*="lx_info_con"] {width: 100%; border: 1px solid #ddd; padding-top: 15rem;}
    .lx_info [class*="lx_info_con"]:nth-of-type(2) {margin-top: 2rem;}
    .lx_info [class*="lx_info_con"]:nth-of-type(3) {margin-top: 2rem;}
    .lx_pd_txt03 {padding-left: 0;} /* ← 231204 수정 */
}

/* S : 240326 sub1_6 css 추가 */
.sub1_6_btn_box {width: 100%; margin-top: 5rem;}
.sub1_6_btn_box a {display: block; padding: 1.5rem 0; background-color: #ff6b00; max-width: 80%; margin: 0 auto; text-align: center; font-size: 2rem; color: #fff; transition: 0.3s;}
.sub1_6_btn_box a:hover {background-color: #ff4b17;}
/* E : 240326 sub1_6 css 추가 */


/* S : kcc 제품, lx 제품 추가 css */
/* .kcc_plus_box {width: 100%; display: flex; justify-content: center; align-items: center; border: 1px solid #ddd;} */
.kcc_plusmark_box{width: 50%; border: 1px solid #ddd;margin: auto; padding: 3rem 0;}
.kcc_plusmark_box p{background-color: #f5f5f5; padding: 5rem 0;}
.kcc_plusmark_box img{width: 70%;}
.kcc_platinum_box .img_box{border: 1px solid #ddd;}
.kcc_platinum_box .txt_box{border: 1px solid #ddd; padding: 3rem 1rem; font-size: 2.4rem; margin-top: -1px;}

.lx_preview_box {max-width: 90rem; display: flex; flex-wrap: wrap; justify-content: flex-start; align-self: center; gap: 2rem; margin: 0 auto;}
.lx_precon {width: 44rem;}
.lx_precon_img {width: 100%; position: relative;}
.lx_precon_img img {width: 100%;}
.precon_num {position: absolute; padding: 1rem 2rem; background-color: #ff6b00; color: #fff;}
.lx_precon_info {text-align: center; padding-bottom: 1rem;}

.lx_preview_eximg {width: 90rem; margin: 0 auto;}
.lx_preview_eximg img {width: 100%;}
.outline_box {border: 1px solid #ddd; border-width: 1px 1px 0 1px; margin: 0 auto; max-width: 90rem;}
.lx_preview_tip01 {max-width: 90rem; font-size: 2.4rem; font-weight: 500 !important;}
.lx_preview_tip02 {max-width: 90rem; width: 100%; margin: 0 auto; font-size: 1.8rem; display: inline-block; text-align: left !important; color: #808080;}

@media screen and (max-width:768px) {
    .kcc_plusmark_box{width: 100%;}
    .kcc_plusmark_box{padding: 1.5rem 0;}
    .kcc_plusmark_box p{padding: 3rem 0;}
    
    .lx_preview_box {width: 100%;}
    .lx_precon, .lx_preview_eximg {width: 100%;}
} 
/* E : kcc 제품, lx 제품 추가 css */