@charset "UTF-8";
#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 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: block; 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 .sub_img_box_half { width: 62rem; display: inline-block; overflow: hidden; line-height: 1; } 
#sub .paragraph .sub_img_box_half img { width: 100%; } 

.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;}

@media (max-width:768px){
 #sub .chkList { padding-left: 4.8rem; } 
 #sub .chkList::before { background-size: 80%; left: -5px; } 
}

/* 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; } 
#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.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; } 

.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; } 

.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 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: 280px; 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: 90%; overflow: hidden; position: relative; } 
#sub .top_box .prd_imgbox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto;} 

#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; } 

/* 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 */
.h_130 { height: 13rem; /* border: 1px solid red; */ } 
.bf_04,
.bf_06 { padding: 1rem 0; } 
.bf_05 { padding: 2.5rem 0; } 
.sub5_3 tr td { padding: 4rem 2rem; } 
.sub5_3 tr td p { line-height: 3rem; } 

.bf_04::before { content: ""; background: url(../images/sub5_3_i_01.png) no-repeat 0 0; background-size: cover; width: 8.6rem; height: 9.0rem; text-align: center; float: left; vertical-align: middle; margin-right: 3rem; } 
.bf_05::before { content: ""; background: url(../images/sub5_3_i_02.png) no-repeat 0 0; background-size: cover; width: 9.1rem; height: 9.1rem; text-align: center; float: left; margin-right: 3rem; } 
.bf_06::before { content: ""; background: url(../images/sub5_3_i_03.png) no-repeat 0 0; background-size: cover; width: 9.2rem; height: 9.1rem; 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; } 
/* 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: 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; } 

.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 */


#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; } 


.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 { 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; } 
 .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; } 

 /* 서브메뉴 슬라이딩 */
 .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: 200px; border-bottom: 1px solid #ddd; } 


 .m_sub_menu ul::-webkit-scrollbar { width: 10px; background-color: transparent; border: transparent; display: none; } 
 .m_sub_menu ul::-webkit-scrollbar-thumb { width: 10px; background-color: #666; border-radius: 10px; background-clip: content-box; border: 6px solid transparent; } 
 .m_sub_menu ul::-webkit-scrollbar-track { width: 10px; background-color: transparent; } 



 /* 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: 79.9rem; } 
 #sub .paragraph .w610 { width: 100%; } 
 #sub .paragraph .half_box { top: 42rem; transform: none; } 
 #sub .ctr_box.sub3_1_2 { height: 76rem; } 

 #sub .ctr_box,
 #sub .ctr_box.sub3_1_2 { height: auto; } 
 #sub .ctr_box .sub_img_box { /* 360/600 */ padding-bottom: 60%; } 
 #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 hr { display:none; } 

 #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; } 
 
 #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%; } 

 #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 .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: 20%; display: inline-block; margin-bottom: 0; } 
 #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: 70.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 .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; } 
 /* 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_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 */
}
/* max-width:768px */



@media all and (max-width:640px){
 #sub .price_list li.kcc { margin-right: 2.6rem; } 
 #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%; } 
 /* 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:575px){
 #sub .subtab { line-height: 100px; } 
 #sub .subtab li { line-height: 50px; } 
 #sub .subtab li:hover a,
 #sub .subtab li.active a { line-height: 49px; } 

 #sub1_2 .img_list { width: 95%; } 

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

 /* S : sub5_3 ksy */
 .bf_04,
 .bf_06 { padding: 2.5rem 0; } 
 .bf_05>h4 { padding-top: 2rem; } 
 .bf_06 { margin-top: 0 !important; } 
 /* E : sub5_3 ksy */
}
/* 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 */}
/* 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; } 
 }
/* 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%); } 
.marketing_txt { line-height: 1.8; } 
.marketing_txt span { position: relative; } 
.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; } 
.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: 1.9rem; padding: 0 10px 0 10px } 
.inp_box::placeholder { position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding-left: 10px; font-size: 18px; font-weight: 400; font-family: 'SCDT'; color: #d5d5d5; } 
.sel_box { height: 56px; border: 1px solid #d5d5d5; color: #d5d5d5; font-weight: 400; font-size: 18px; padding-left: 20px; background: url(../images/select_arrow.png) 90% 50% no-repeat; background-size: 15px; } 
.marketing_box select { appearance: none; -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; } 


@media (max-width:800px){
 .marketing_box { padding: 40px 0; } 
 .marketing_txt span { margin-left: 20px; } 
 .marketing_txt span::after { width: 15px; height: 15px; } 
 .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_txt span { margin-left: 20px; } 
 .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: 9em; padding: 0 45px; /* transition: all 200ms linear; */ 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; /* transition: opacity 200ms linear, max-height 200ms linear; */ will-change: opacity, max-height; text-align: left; } 
.fa_detail { line-height: 30px; } 
.detail_open_box .FAQ_btn[aria-expanded=true] .ico_com { transform: rotate(-180deg); } 

@media (max-width:700px){
 .detail_open_box .FAQ_btn[aria-expanded=true]+.detail_box { max-height: unset; height: auto; min-height: 100px; } 
 }
/* 자주묻는 질문 스크립트 관련 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); } 

@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%); } 

 .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: 2.4rem; height: 2.4rem; border: 1px solid #505050; border-radius: 50%; line-height: 2.2rem; text-align: center; vertical-align: middle;}

.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: inline-flex; justify-content: space-between; margin-bottom: 4rem; max-height: 10rem; width: 100% !important; } 
.price_box .devide3 label { display: inline-block; border: 1px solid #ddd; width: calc(100% / 3 - 10px); font-size: 2rem; text-align: center; cursor: pointer; outline-color: #ff4b17; } 
.price_box .img_box03 { width: 90%; max-height: 50px; margin: 0 auto; } 
.price_box .img_box03 img { width: 100%; } 
.price_box .devide3 label:nth-of-type(1) img { width: 85%; } 
.price_box .devide3 label:nth-of-type(2) img { width: auto; max-height: 45px; } 
@media (max-width:768px){
 .price_box .devide3 label { width: calc(100% / 3 - 5px); border-width: 2px !important; } 
 .price_box .devide3 label:nth-of-type(2) img { width: auto; max-height: 20px; } 
 }
/* 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: space-between; align-items: center; max-height: 60px; overflow: hidden; transition: all 0.3s ease; } 
.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; } 
.tab-menu-link:nth-of-type(1) { border-left: none; } 
.tab-menu-link.is-active:nth-of-type(1) { background-color: #0f7c38; 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: #bd2c2a; 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; } 
/* E : 창호 위치, 종류, 브랜드에 따른 비교 - jsj */

/* B2C 공통 */
.b2c_mt10 {margin-top: 10px !important;}
.b2c_mt15 {margin-top: 15px !important;}
.b2c_mt25 {margin-top: 25px !important;}
.b2c_mt50 {margin-top: 5rem !important;}
.b2c_ml5 {margin-left: 5px !important;}
.b2c_ml10 {margin-left: 10px !important;}
.b2c_ml25 {margin-left: 25px !important;}
.b2c_ml35 {margin-left: 35px !important;}
.b2c_mr25 {margin-right: 25px !important;}
.b2c_mb15 {margin-bottom: 15px !important;}

.b2c_pl10 {padding-left: 10px !important;}

.b2c_wd300 {width: 300px !important;}


.b2c_f_ri {float: right;}
.b2c_bg00 {background-color: #f4f4f5 !important;}
.b2c_bg01 {background-color: #0044a8 !important;}

.b2c_col {color: #fff;}
.b2c_sim {display: inline-block; line-height: 56px;}
.b2c_fs16 {font-size: 16px !important;}
/* B2C 공통 */

/* S : B2C header - jsj */
.b2c_hd {display: inline-block; position: static; padding: 0 15px; background-color: #fff; border-bottom: 1px solid #ddd; overflow: hidden; text-align: left;}
.b2c_hd::after {content: ''; display: block; clear: both; } 
.log_box {display: inline-block; float: right; height: 100%; max-height: 60px; line-height: 60px;}
.log_box [class*="m_"] {display: inline-block; width: 40px; height: 40px; vertical-align: middle; border: 1px solid #ddd;}
.b2c_logo {display: inline-block;}
.b2c_logo_a {display: inline-block; padding: 5px 0;}
.b2c_logo_a img {max-width: 100px;}
/* E : B2C header - jsj */

/* S : B2C 메인 - jsj */
.b2c_box {min-width: 1300px; padding-top: 10rem;}
.b2c_title_box {min-width: 1300px; width: 1300px !important; margin: 0 auto; background-image: url(../images/b2c_bg.png); background-repeat: no-repeat; background-position: 94% 50%; background-size: 40%;}
.b2c_title {margin: 2.5rem 0; font-size: 5rem;}
.membership_btn, .login_btn {display: inline-block; border: 1px solid #ddd; padding: 1rem 4rem; font-size: 18px; color: #808080; transition: all 0.2s;}
.login_btn {margin-left: 1rem;}
.membership_btn:hover, .login_btn:hover {border: 1px solid #ff6b00; color: #ff6b00; font-weight: 500;}

.b2c_inner {width: 1300px; margin: 0 auto;  padding: 10rem 0;}
.b2c_inner [class*="b2c_con"] {margin-top: 5rem;}
.b2c_con01 {width: 100%; display: flex; gap: 0 4.6rem; justify-content: center;}

/* 0914 수정 */
.b2c_con01 [class*="b2c_item"] {width: calc(100% / 3) !important; text-align: center; padding: 19rem 0 3rem; background-color: #fff; border: 2px solid #ccc; position: relative;}
.b2c_con01 [class*="b2c_item"]>p>img {position: absolute; top: 15%; left: 50%; transform: translateX(-50%);}
.b2c_item_3 {margin-left: 60px; position: relative;}
.b2c_item_3::before {content: ''; position: absolute; top: 50%; left: -80px; transform: translateY(-50%); width: 50px; height: 50px; background: url(../b2cimages/b2c_arrow.png) no-repeat center; background-size: 100%;}

.b2c_con03 {display: flex; gap: 0 2.5rem;}
.b2c_con03 [class*="b2c_inner03"] {width: 50%;}
.b2c_item03 {padding: 25px; border: 2px solid #ccc; width: 100%; background-color: #fff;}
.b2c_item03 p {text-align: left; line-height: normal;}
.b2c_inner03_1 .b2c_item03:nth-of-type(2) {margin-top: 2.5rem;}
.b2c_inner03_2 .b2c_item03 {height: 100%; background-color: #48474a; text-align: center;}
.b2c_inner03_2 .b2c_item03 p {color: #fff;}

.link_ex {width: 100%; border: 5px solid #54ae5f; padding: 10px 0; font-size: 2rem;}
.item_tip {font-size: 1.8rem;}

.b2c_sns_box {margin-top: 25px; width: 100%;}
.b2c_sns_box p {display: flex; width: 60%; margin: 0 auto; text-align: center;}
.b2c_sns_box p img {width: calc(100% / 3);}

.b2c_banner_box {display: flex; justify-content: center; gap: 0 15px;}
.b2c_banner_box p {display: inline-block; line-height: 150px; max-height: 150px; border: 1px solid #ddd; padding: 0 15px;}
.b2c_banner_box p img {width: 100%; vertical-align: middle;}
.b2c_banner_box p:nth-of-type(1) {width: 50%;}

@media screen and (max-width:768px) {
    .b2c_box {min-width: unset !important; width: 100%; padding-top: 2.5rem;}
    .b2c_title_box {min-width: unset !important; width: 100% !important; height: 30vh; background-position: 95% 20%; background-size: 40%; margin-bottom: 0 !important; padding: 0 10px;}
    .b2c_title {width: 100%; font-size: 4rem; padding: 0 10px;}
    .b2c_inner {width: 100%; padding: 5rem 10px;}
    .b2c_inner h2 {font-size: 3.6rem !important;}
    .b2c_con01 {flex-wrap: wrap; gap: unset;}
    .b2c_con01 [class*="b2c_item"] {width: calc(50% - 2rem) !important; margin-bottom: 1.5rem; padding: 18rem 0 4rem;}
    .b2c_con01 [class*="b2c_item"]:nth-of-type(2) {margin-left: 10px;}
    .b2c_con01 [class*="b2c_item"]:nth-of-type(3) {width: calc(100% - 2rem) !important; padding: 24rem 0 4rem;}
    .b2c_con01 [class*="b2c_item"] p img {width: 80%;}
    .b2c_con01 [class*="b2c_item"]:nth-of-type(3) p img {width: 60%;}
    .b2c_con02 img {width: 100%;}
    .b2c_con03 {flex-direction: column; gap: 2.5rem 0;}
    .b2c_con03 [class*="b2c_inner03"] {width: 100%;}
    .membership_btn, .login_btn {margin-top: 10px; font-size: 16px;}
    .membership_btn {margin-left: 10px;}

    /* 0914 수정 */
    .b2c_item_3 {margin-left: 0px !important;}
    .b2c_item_3::before {display: none;}
}

@media screen and (max-width:640px) {
    .b2c_item01 {padding: 14rem 0 4rem;}
    .b2c_item01:nth-of-type(3) {padding: 19rem 0 4rem;}
}


/* E : B2C 메인 - jsj */

/* S : B2C_login - jsj */
.b2c_box02 {height: calc(100vh - 200px); display: inline-block; width: 100%; margin-bottom: 5rem;}
.B2C_login_box {border: 1px solid #ccc; border-top: 2px solid #505050; min-width: 500px; width: 500px; margin: 0 auto; padding: 5rem;}
.b2c_login_logo {width: 100%; text-align: center; margin: 25px 0; }
.b2c_login_logo a {display: inline-block;}

.B2C_login_inner li:nth-of-type(2) {margin-top: 25px;}
.B2C_login_inner label {font-size: 2rem; text-align: left; display: inline-block; width: 100%; margin-bottom: 5px;}

.login_a_box {margin-top: 15px; white-space: nowrap;}
.login_a {position: relative; display: inline-block; padding: 1rem 4rem; font-size: 1.8rem; font-weight: 400; transition: all 0.3s ease-in-out;}
.login_a:hover {text-decoration: underline; color: #004098; font-weight: 500;}
.login_a::after {content: '|'; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.login_a:last-of-type::after {display: none;}

@media screen and (max-width:768px) {
    .b2c_box02 {padding: 0 10px;}
    .B2C_login_box {width: 100% !important; min-width: unset;}
}
/* E : B2C_login - jsj */

/* S : B2C_개인정보수집동의 - jsj */
.b2c_box03 {width: 1000px; min-width: 1000px; margin: 0 auto; margin-bottom: 10rem;}
.b2c_sub_title {width: 100%; text-align: center;}
.b2c_check [type="checkbox"],
.b2c_check [type="radio"] { display: none !important; margin:10px; } 

.b2c_check [type="radio"] + label,
.b2c_check [type="checkbox"] + label {position: relative; display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; font-weight: 400; font-size: 1.8rem;} 

.b2c_check input[type="radio"] + label::after,
.b2c_check input[type="checkbox"] + label::after {content: '';width: 15px; height: 15px; position: absolute; top: 50%; right: -25px; transform: translateY(-50%); border: 2px solid #bdbdbd;} 

.b2c_check input[type="radio"]:checked + label::after,
.b2c_check input[type="checkbox"]:checked + label::after {border: 3px solid #ff4b17; background-image: url(../images/check_icon02.png); background-position: center; background-repeat: no-repeat; background-size: 15px; } 
.essential {font-weight: 400; font-size: 20px;}
.b2c_info {border: 1px solid #ddd; background-color: #f5f5f5; padding: 20px; overflow-y: auto; max-height: 300px; font-size: 1.6rem; font-weight: 400;}
.b2c_btn_box {width: 100%; text-align: center;}

.b2c_cancle, .b2c_ok {width: 150px; height: 6rem; line-height: 6rem; display: inline-block; font-size: 2.5rem;}
.b2c_cancle {background-color: #ddd;}
.b2c_ok {background-color: #ff4b17; color: #fff;}

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

}
/* E : B2C_개인정보수집동의 - jsj */

/* S : B2C_인증번호 - jsj */
.B2C_certification_inner li {text-align: left;}
.B2C_certification_inner li [class*="certification"] {display: inline-block; vertical-align: middle; margin-bottom: 4px; height: 5.6rem; width: 30%; margin-left: 2%; background-color: #505050; color: #fff; font-size: 1.8rem; white-space: nowrap;}
.certification_ok {background-color: #ff4b17 !important;}
.B2C_certification_inner label {font-size: 2rem; text-align: left; display: inline-block; width: 100%;}
.B2C_certification_inner input {width: 67%; margin-top: 10px; padding-left: 10px !important;}

@media screen and (max-width:768px) {
    .B2C_certification_inner li [class*="certification"] { max-height: 35px;}
}
/* E : B2C_인증번호 - jsj */

/* S : 회원가입 */
.b2c_tbox {width: 1300px;}
.table03 { 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; } 
.table03 th, .table03 td { height: 60px; border: 1px solid #ccc; line-height: 2rem; padding: 1rem 0; font-size: 1.8rem !important; } 
.table03 th { text-align: center !important; background-color: #f5f5f5 !important; color: #444 !important; font-weight: 500 !important; text-align: center !important; } 
.table03 td { text-align: left; font-weight: 400; color: #444 !important; background-color: #fff; } 
.table03 td img { object-fit: cover; } 
.table03 td .wp50 {width: 50% !important; font-size: 2rem; padding-left: 5px; color: #666; padding-left: 10px;}
.table03 td .wp80 {width: 70% !important; font-size: 2rem; padding-left: 5px; color: #666; padding-left: 10px;}
.table_btn {background-color: #ddd; height: 55px; width: 150px; font-size: 1.8rem; vertical-align: middle;}
.password_tip {font-size: 1.8rem; margin-left: 10px; color: #D21312;}

.b2c_phone { display: flex; gap: 0 10px;}
.b2c_phone select, .b2c_phone input {width: 20%; height: 56px; text-align: left; padding-left: 10px; background-image: unset !important; appearance: auto !important; color: #666 !important; border: 1px solid #d5d5d5; font-size: 1.9rem;}
.b2c_phone input::placeholder {color: #666; text-align: left; font-size: 1.9rem !important;}

.b2c_mail { display: flex; gap: 0 10px;}
.b2c_mail select, .b2c_mail input {width: 20%; height: 56px; text-align: left; padding-left: 10px; background-image: unset !important; appearance: auto !important; color: #666 !important; border: 1px solid #d5d5d5; font-size: 1.9rem;}
.b2c_mail input::placeholder {color: #666; text-align: left; font-size: 1.9rem !important;}

@media screen and (max-width:768px) {
    .b2c_box03 {width: 100% !important; min-width: unset; padding: 0 10px;}
    .b2c_tbox  { width: 100% !important;}
    .password_tip {width: 100%; display: block; margin-left: unset; margin-top: 10px;}
    .table03 td .inp_box {width: 95% !important;}
    .b2c_phone select, .b2c_phone input {width: 30%; height: auto; min-height: 35px;}
    .b2c_mail {flex-wrap: wrap;}
    .b2c_mail select, .b2c_mail input {width: 42% !important; height: auto !important; min-height: 35px;}
    .b2c_mail input:last-child {width: 94% !important; margin-top: 10px;}

    .table_btn {width: 30%; height: auto; min-height: 35px;}
    .table03_1 tr:nth-of-type(1) .inp_box {width: 65% !important;}
    .table03_1 tr:nth-of-type(2) .inp_box {width: 65% !important;}
    .table03_2 tr:nth-of-type(4) .inp_box  {width: 65% !important;}
    .b2c_btn_box a {width: 45% !important; font-size: 2rem;}
    .b2c_sim {line-height: 35px;}
}
/* E : 회원가입 */

/* S : b2c My_page */
.b2c_box04 {width: 1300px; margin: 0 auto; padding-bottom: 100px;}
.b2c_mypage_title {position: relative; width: 100%; margin-top: 50px !important; padding-bottom: 20px; border-bottom: 2px solid #666;}
.b2c_mypage_title h2 {display: inline-block;}
.b2c_mypage_title_logo {float: right; text-align: right; vertical-align: bottom; margin-top: 10px;}
.b2c_mypage_title_logo img {width: 80%;}
/* .b2c_mypage_title::after {content: ''; width: 120px; height: 100%; position: absolute; top: 25%; right: 0; background-image: url(../images/logo.png); background-size: 100%;  background-repeat: no-repeat;} */
.mypage_per_info {display: inline-block; width: 100%; padding: 20px; text-align: center; background-color: #f9f9f9; border: 1px solid #ccc;}
.per_info_inner01 {display: inline-block; text-align: left; vertical-align: middle;}
.per_info_inner01 span, .per_info_inner02 span {display: inline-block; font-size: 18px;}
.per_info_name { font-size: 25px; font-weight: 400; color: #303030;}
.per_info_con {width: 100%;}
.per_info_btn_box {margin-top: 10px;}
.per_info_btn_box button {padding: 10px 20px; font-weight: 500; color: #fff;;}
.logout_btn {background-color: #666; }
.info_change_btn {background-color: #088395;}
.only_link {margin-top: 25px; position: relative;}
.only_link_inp {display: inline-block; position: relative; border: 4px solid #ddd; background-color: #fff; padding: 10px 20px; font-weight: 500; font-size: 20px; width: 47%; text-align: left;} 
.only_link_btn {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate( 213px, -50%);}
.copy_btn {padding: 5px 10px; background-color: #666; color: #fff;}
.banner_down {padding: 10px 20px; background-color: #666; color: #fff;}

.per_info_inner02 {display: inline-block; vertical-align: middle; border-radius: 20px; border: 1px solid #ddd; padding: 10px; background-color: #fff;}
.per_info_inner02 span {width: 100%;}
.mypage_date {text-align: center; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-weight: 400;}
.mypage_money {width: 100%; text-align: center; font-size: 30px !important;  line-height: 70px;}
.management_num {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; width: 100%;}

.table03 td .banner_box {display: inline-block; width: 100%;} 
.table03 td .banner_box img {max-width: 600px;}


@media screen and (max-width:768px) {
    .b2c_mypage_title {font-size: 25px; margin-top: 20px !important; border-bottom: unset;  padding-bottom: unset !important;}
    .b2c_mypage_title::after {display: none;}
    .b2c_tbox {width: 100%; overflow-x: auto;}
    .b2c_tbox .table03 {width: 1000px}
    .b2c_box04 {width: 100%; padding-left: 15px; padding-right: 15px;}
    .mypage_per_info {margin-top: 10px !important;}
    .per_info_inner01 {width: 100%; margin-left: unset !important; margin-top: 20px; text-align: center;}
    .per_info_con span {width: 100%; margin-left: unset !important;}
    .only_link {width: 100%; margin-top: 20px;}
    .only_link_inp {width: 100%;}
    .m_only_link_btn {margin-top: 10px;}
    .copy_btn {padding: 10px 20px; width: 100%;}
    .table03 td img {height: 80%; width: auto;}
    .table03 td .banner_box {display: inline-block; width: 100%;} 
    .table03 td .banner_box img {max-width: 200px;}
}
/* E : b2c My_page */