@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

/*layout---------------------------------------------------------------*/
*:focus {outline: none;}
*:focus-visible {outline: none;}
.layout{width:1180px;margin:0 auto;padding:0 50px;}
.layout840{width:840px;margin:0 auto}
.layout600{width:600px;margin:0 auto;border-top:3px solid #2d5b79;border-bottom:1px solid #e5e5e5;padding:42px 0 50px 0;text-align:center}
.util_area .btn_sitemap {
    width: 30px;
    height: 30px;
    background-size: 400px 400px;
    background-position: -220px -90px;
    vertical-align: middle;
    margin-top: 25px;
}
/*common---------------------------------------------------------------*/
.pc_br{display: block;}
.m_br{display: none;}
.sp_com{display:inline-block;overflow:hidden;background:url(/img/sp_com.png) no-repeat 0 0;line-height:999px;vertical-align:top}
.sp_bar{display:inline-block;overflow:hidden;background:url(/img/sp_bar.png) no-repeat 0 0;line-height:999px;vertical-align:top}
.sp_bi{display:inline-block;overflow:hidden;background:url(/img/product/new_sp_bi.png) no-repeat 0 0;line-height:999px;vertical-align:top}
.ellip_line1{display:block;overflow:hidden;max-width:100%;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.pd0 {padding: 0 !important;}
.pl0{padding-left:0 !important}
.pl10{padding-left:10px !important}
.pl50{padding-left: 50px !important;}
.pl60{padding-left: 60px !important;}
.m50 {margin: 50px 0 !important;}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt80{margin-top:80px !important}
.mb0 {margin-bottom:0px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:30px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb80{margin-bottom:80px !important}
.mr20{margin-right:20px !important}
.wrap_img{text-align:center}
.wrap_img img{display:inline-block; /* width: 100%; */}
.bg_lgray{background-color:#f4f4f4}
.bg_gray{background-color:#f2f0ed}
.bg_gray.full{margin-top:80px;padding:40px 0 50px}
.bg_gray.full02{padding:30px 0}
.bg_blue{background-color:#2d5b79}
.bg_grid{background:url(/img/bg_grid.jpg) 0 0}
.bor_gray{border:1px solid #dcdcdc}
.fc_green{color:#10ab5c}
.fc_gray{color:#929292}
.bor_r{position:relative;display:inline-block;width:30px}
.bor_r:after{display:inline-block;content:'';width:1px;height:10px;background-color:#dcdcdc;position:absolute;top:50%;margin-top:-5px;right:14px}
.ta_l{text-align:left !important}
.ta_r{text-align:right !important}
.ta_c{text-align:center !important}
.clear {zoom : 1}
.clear:after {clear: both; content: ''; display: block}


/*button*/
.btn_area{margin-top:50px;text-align:center}
.btn{display:inline-block;height:43px;line-height:43px;width:158px;color:#fff;text-align:center;vertical-align:middle}
.btn02{width:auto;padding:0 25px}
a:hover.btn,a:active.btn,a:focus.btn{text-decoration:none;color:#fff}
.btn+.btn{margin-left:10px}
.btn.lblue{border:1px solid #007dc4;background-color:#007dc4}
.btn.dblue{border:1px solid #2d5b79;background-color:#2d5b79}
.btn.lgray{border:1px solid #acacac;background-color:#acacac}
.btn.gray{border:1px solid #777777;background-color:#777777}
.btn.dgray{border:1px solid #4c4b4b;background-color:#4c4b4b}
.btn.white{border:1px solid #2d5b79;color:#2d5b79; background-color: #fff;}
a:hover.btn.white,a:active.btn.white,a:focus.btn.white{color:#2d5b79}

/*input text file password select*/
input[type=text],input[type=password]{padding:0 5px;height:43px;line-height:43px;border:1px solid #acacac;outline:none;vertical-align:middle}
input[type=text]::-ms-clear{display:none}  
input.inp_txt.full{box-sizing:border-box;width:100%}
input[type=password]::-ms-clear{display:none} 
textarea{border:1px solid #a3a3a3}
input.radio, input.check,fieldset{border:0;background:none}
.selectbox{display:inline-block;position:relative;background-color:#ffffff;z-index:1;height:45px;background-color:#f2f0ed}   
.selectbox:before{content:"";position:absolute;top:50%;right:15px;width:0;height:0;margin-top:-2px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #000}
.selectbox label{position:absolute;padding:0 35px 0 15px;height:44px;line-height:44px;z-index:-1}
.selectbox select{padding:0 35px 0 15px;height:100%;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{overflow-y:scroll;width:100%;padding:5px 5px 0 5px;border:1px solid #a3a3a3;box-sizing:border-box;-webkit-box-sizing:border-box;resize:none}
input[readonly]{background-color:#efefef;color:#818181}

/*checkbox & radio*/
.inp_radio_list{display:inline-block;position:relative;margin-left:50px}
.inp_radio_list:first-child{margin-left:0}
.inp_radio_list label{position:relative;padding-left:20px;cursor:pointer;z-index:1}
.inp_radio_list .check {position:absolute;width:11px;height:11px;top:6px;left:0;border:2px solid #acacac;border-radius:50%;cursor:pointer;background:#fff;z-index:0}
.inp_radio_list .check:before{content:""}
.inp_radio_list input[type="radio"] {position:absolute;visibility:hidden}
.inp_radio_list input[type="radio"]:checked ~ .check:before {position:absolute;width:16px;height:16px;top:-2px;left:-2px;background:url(/img/sp_com.png) no-repeat -624px -60px}
.inp_radio_list + input[type="text"]{margin-left:7px}

.inp_check_list{display:inline-block;position:relative;margin-left:40px;vertical-align:middle}
.inp_check_list:first-child{margin-left:0}
.inp_check_list label{position:relative;padding-left:25px;cursor:pointer;z-index:1}
.inp_check_list .check {position:absolute;width:14px;height:14px;top:4px;left:0;border:2px solid #acacac;cursor:pointer;background:#fff;z-index:0}
.inp_check_list .check:before{content:""}
.inp_check_list input[type="checkbox"] {position:absolute;visibility:hidden}
.inp_check_list input[type="checkbox"]:checked ~ .check:before {position:absolute;width:18px;height:18px;top:-2px;left:-2px;background:url(/img/sp_com.png) no-repeat -624px -90px}

/*section*/
.wrap_sec02{zoom:1;width:100%;box-sizing:border-box}
.wrap_sec02:after{display:block;clear:both;content:''}
.wrap_sec02 li,.wrap_sec02 .col{float:right}
.wrap_sec02 .col:first-child,.wrap_sec02 li:first-child{float:left}
.wrap_sec02 .col750{width:750px}
.wrap_sec02 .col580{width:580px}
.wrap_sec02 .col575{width:575px}
.wrap_sec02 .col545{width:545px}
.wrap_sec02 .col560{width:560px}
.wrap_sec02 .col405{width:405px}
.wrap_sec02 .col280{width:280px}
.wrap_sec02 .col370{width:370px}
.wrap_sec02 .col330{width:330px}

.wrap_sec03{zoom:1;width:100%;box-sizing:border-box}
.wrap_sec03:after{display:block;clear:both;content:''}
.wrap_sec03 .col{float:left;margin-left:30px}
.wrap_sec03 .col:first-child{margin-left:0}
.wrap_sec03 .col373{width:373px}
.wrap_sec03 .col30{width:30%}

/*display:table*/
.dp_tbl{display:table;width:100%}
.dp_tbl_row{display:table-row}
.dp_tbl_cell{display:table-cell;vertical-align:top}
.dp_tbl_cell.cell50{width:50%}

/*tab_area*/
.tab_area{border:1px solid #e5e5e5;overflow:hidden}
.tab{zoom:1;margin-right:-1px;margin-bottom:-1px}
.tab:after{display:block;clear:both;content:''}
.tab li{float:left;overflow:hidden;height:40px}
.tab.t7 li{width:14.28%}
.tab.t6 li{width:16.66%}
.tab.t9 li,.tab.t10 li{width:25%}
.tab.t5 li {width: 20%;}
.tab.t4 li,.tab.t8 li{width:25%}
.tab.t3 li{width:33.333%}
.tab.t2 li{width:50%}
.tab li a{display:block;text-align:center;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;height:39px;line-height:39px;text-decoration:none}
.tab li a:hover,.tab li a:active,.tab li a:focus,.tab li.active a{background-color:#2d5b79;color:#fff;font-weight:500;border-color:#2d5b79}

/*table*/
.tbl{width:100%;border-top:3px solid #2d5b79}
.tbl th, .tbl td{padding:9px 30px;height:45px;border-bottom:1px solid #e5e5e5;text-align:center;}
.class_red {color:red;}
.tbl.tbl_light td{padding:8px;height:auto}
.tbl th, tfoot td{font-weight:500}
.tbl th.bor_l, .tbl td.bor_l{border-left:1px solid #e5e5e5}
.tbl.left th,.tbl.left td,.tbl th.left,.tbl td.left{text-align:left;padding-right:8px}
.tbl .bl_r{position:relative}
.tbl .bl_r:after{display:inline-block;content:'';width:1px;height:10px;background-color:#dcdcdc;position:absolute;top:50%;margin-top:-5px;right:-1px}
.tbl .fixed_top{background-color:#f2f0ed}
.tbl_cap{margin-top:-35px;margin-bottom:10px;text-align:right;font-size:14px;font-weight:500;color:#10ab5c}
.tbl_cap3{margin-top:5px;text-align:right;font-size:14px}
.tbl tr.short th,.tbl tr.short td{height:auto}


/*table_form*/
.wrap_table_form{border-top:3px solid #2d5b79; word-break: break-all;}
.table_form{display:table;width:100%}
.table_form .cell{display:table-cell;height:45px;padding:10px 30px 10px 10px;border-bottom:1px solid #e5e5e5;vertical-align:middle}
.wrap_table_form.center .cell{text-align:center}
.table_form .cell.full{padding:10px 30px}
.table_form .cell.label{width:15%;padding-left:30px;font-weight:500}
.table_form .cell.label2{width:30%;padding-left:30px;font-weight:500}
span.bl_r{position:relative;padding-right:20px}
span.bl_r:after{display:inline-block;content:'';width:1px;height:10px;background-color:#dcdcdc;position:absolute;top:50%;margin-top:-5px;right:9px}
.show_Y{color:#2d5b79;margin-right:5px}
.show_N{color:#929292;margin-right:5px}


/*tbl_style_box*/
.tbl_style_box{border-top:3px solid #2d5b79;display:table;width:100%}
.cell{display:table-cell;height:45px;padding:10px 30px;border-bottom:1px solid #e5e5e5;vertical-align:middle}

/*header---------------------------------------------------------------*/

#header{position:relative;width:100%;height:80px;text-align:center;overflow:hidden;z-index: 1000;
	/* -webkit-transition:height .3s ease-in-out,background .25s ease-in-out,border-bottom .25s ease-in-out;
    -o-transition:height .3s ease-in-out,background .25s ease-in-out,border-bottom .25s ease-in-out;
    -moz-transition:height .3s ease-in-out,background .25s ease-in-out,border-bottom .25s ease-in-out;
    transition:height .3s ease-in-out,background .25s ease-in-out,border-bottom .25s ease-in-out */}
h1.h1_logo{position:absolute;left:50px;top:50%;transform:translateY(-50%); width:114px;height:53px;}
h1.h1_logo .sp_com{width:140px;height:55px; background: url(/img/sp_com.png) no-repeat;}

/*gnb*/
.gnb_pc .gnb_dp1_list{position:relative;display:inline-block;margin-top:22px;zoom:1;z-index:100}
.gnb_pc .gnb_dp1_list:after{display:block;clear:both;content:''}
.gnb_pc .gnb_dp1_list li.gnb_dp1{float:left}
.gnb_pc .gnb_dp1_list li.gnb_dp1>a{display:block;font-size:18px;margin:0 35px;height:37px;line-height:36px;text-decoration:none}
.gnb_pc .gnb_dp1_list li.gnb_dp1.active>a,.gnb_pc .gnb_dp1_list li.gnb_dp1>a:hover, .gnb_pc .gnb_dp1_list li.gnb_dp1>a:active,.gnb_pc .gnb_dp1_list li.gnb_dp1>a:focus{color:#2d5b79;border-bottom:1px solid #2d5b79;font-weight:500;height:36px}
.gnb_pc .gnb_dp2_list{margin-top:45px}
.gnb_pc .gnb_dp2_list li.gnb_dp2>a{color:#fff;line-height:29px}

.util_area{position:absolute;right:30px;top:0;zoom:1}
.util_area:after{display:block;clear:both;content:''}
.util_area li{position:relative;float:left;padding-left:20px}
.util_area li:before{content:'';position:absolute;left:10px;top:38px;width:1px;height:7px;background-color:#cccccc}
.util_area li:first-child:before{display:none}
.util_area li a{display:block;height:80px;line-height:80px;font-size:14px;font-weight: 500;}

.bg_gnb{/*display:none;*/position:absolute;width:100%;height:100%;top:80px;/*background-color:#000000cc*/ display: none;}
.bg_gnb .inn_bg{height:250px;background-color:rgba(45, 91, 121, 0.9)}

/*sitemap ------------------------------------------------------------*/
.sitemap>.layout { width: 1350px; }
.wrap_sitemap { display:none; position:absolute; top:0; left:0; width:100%; background-color:#fff; color:#000; z-index:200; padding-bottom:200px; padding-top:80px; border-bottom:1px solid #ccc;}
.wrap_sitemap.on { display:block; }
.sitemap { position:relative; }
.sitemap .btn_close { position:absolute; width:36px; height:36px; top:25px; right:50px; background-position:-513px -193px; }
.sitemap a {color:#000; line-height:1; text-decoration:none; }
.sitemap .sitemap_pd1_list { zoom:1 }
.sitemap .sitemap_pd1_list:first-child {margin-top:0; }
.sitemap .sitemap_pd1_list:after { content:''; display:block; clear:both; }
.sitemap .sec_left { float:left; width:160px; margin-top:50px; }
.sitemap .sec_right { float:left; width:1190px; }
.sitemap_pd1 { height:35px; width:110px; border-bottom:3px solid #000; line-height:1; font-size:25px; font-weight:500; }
.sitemap_pd2_list { zoom:1; }
.sitemap_pd2_list:after { content:''; display:block; clear:both; }
.sitemap_pd2_list>li { float:left; margin-left:30px; margin-top:50px; }
.sitemap_pd2{ display:block; width:140px; height:35px; border-bottom:1px solid #000; line-height:25px; font-size:18px; font-weight:500; }
.sitemap_pd3 { display:block; width:140px; margin-top:16px; }

/*main_container ------------------------------------------------------------*/
#container{padding-top:80px !important;}

/* @media screen and (max-width:640px) {
    #container{padding-top:50px !important;}
} */

/*wrap_visual_main*/
.wrap_main {position: relative;}
.wrap_visual_main{position:relative;margin:0 auto;padding:0px;min-width:100%;}
.wrap_visual_main .bx-wrapper {height: 85vh !important;}
.wrap_visual_main .bx-wrapper .bx-viewport {height: 100% !important;}
.main_visual_list {height: 100%;}
.main_visual_list li{width: 100% !important; height:100%;background-size:cover;background-position:50% 50%}
.main_visual_list li.main_visual00{background-image:url(/img/main/bg_main00.jpg)}
.main_visual_list li.main_visual01{background-image:url(/img/main/bg_main01.jpg)}
.main_visual_list li.main_visual01{background-image:url(/img/main/bg_main01.jpg)}
.main_visual_list li.main_visual02{background-image:url(/img/main/bg_main02.jpg)}
.main_visual_list li.main_visual03{background-image:url(/img/main/bg_main03.jpg)}
.main_visual_list li.main_visual04{background-image:url(/img/main/bg_main04.jpg)}
.main_visual_list li.main_visual05{background-image:url(/img/main/bg_main05.jpg)}

.main_visual_list li.main_visual0801 {background: url(/img/main/main_visual_02.jpg); background-size: cover;}
.main_visual_list li.main_visual0802 {background-image: url(/img/main/bg_main0802.jpg); background-position: 50% 100%;}
.main_visual_list li.main_visual0803 {background-image: url(/img/main/main_visual_03.jpg);}
.main_visual_list li.main_visual0804 {background-image: url(/img/main/bg_main0804.jpg); background-position: 50% 100%;}
.main_visual_list li.main_visual0805 {background-image: url(/img/main/bg_main0805.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual0806 {background-image: url(/img/main/main_visual_01.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual0807 {background-image: url(/img/main/main_visual_04.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual0808 {background-image: url(/img/main/main_visual_05.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual09 {background-image: url(/img/main/main_visual_06.jpg); background-position: -80px 0px;}
.main_visual_list li.main_visual010 {background-image: url(/img/main/main_visual_010.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual011 {background-image: url(/img/main/main_visual_011.jpg); background-position: 0px 0px; background-size: contain; background-repeat: no-repeat; background-color: #bbc9c9;}
.main_visual_list li.main_visual012 {background-image: url(/img/main/main_visual_012.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual013 {background-image: url(/img/main/main_visual_013.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual014 {background-image: url(/img/main/main_visual_014_v2.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual015 {background-image: url(/img/main/main_visual_015.jpg); background-position: -117px 0px;}
.main_visual_list li.main_visual016 {background-image: url(/img/main/main_visual_016.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual017 {background-image: url(/img/main/main_visual_017.jpg?v=3); background-position: 0px 0px;}
.main_visual_list li.main_visual018 {background-image: url(/img/main/main_visual_018.jpg); background-position: 0px 0px;}
.main_visual_list li.main_visual019 {background-image: url(/img/main/main_visual_019.jpg); background-position: 0px 0px;}

/* 250529 메인배너 해상도 크기 조절 */
@media screen and (max-width: 1440px) {
    .main_visual_list li.main_visual011 {background-position: 50% -82px; background-size: cover;}
}

.main_visual_list li a {display: block; width: 100%; height: 100%; text-decoration:none;text-align:center;color:#fff; font-size: 0; pointer-events: auto !important;}

.main_visual_list li.main_visual0801 a{background: url(/img/main/main_visual_txt_02.png) no-repeat; background-position: 0 35px;}
.main_visual_list li.main_visual0803 a{background: url(/img/main/main_visual_txt_03.png) no-repeat; background-position: 0 35px;}
.main_visual_list li.main_visual0807 a{background: url(/img/main/main_visual_txt_04.png) no-repeat; background-position: 0 38px;}
.main_visual_list li.main_visual0808 a{background: url(/img/main/main_visual_txt_05.png) no-repeat; background-position: 2px 0px}
.main_visual_list li.main_visual09 a {position: relative; padding: 164px 0 0 134px; font-size: 27px; line-height: 1.3; text-align: left; box-sizing: border-box;}
.main_visual_list li.main_visual09 a:before {content: ''; display: block; margin-bottom: 20px; width: 365px; height: 95px; background: url(/img/main/main_visual_06_logo.png) no-repeat; background-size: cover;}
.main_visual_list li.main_visual010 a {background: url(/img/main/main_visual_txt_010.png) no-repeat; background-position: 4px 7px}
.main_visual_list li.main_visual011 a {background: url(/img/main/main_visual_txt_011.png) no-repeat; background-position: 4px 7px}
.main_visual_list li.main_visual012 a {width: unset; background: url(/img/main/main_visual_txt_012.png) no-repeat; background-position: 160px 185px; background-size: unset;}
.main_visual_list li.main_visual013 a {width: unset; background: url(/img/main/main_visual_txt_013.png) no-repeat; background-position: 130px 180px; background-size: unset;}
.main_visual_list li.main_visual014 a {width: unset; background: url(/img/main/main_visual_txt_014.png) no-repeat; background-position: 145px 185px; background-size: unset;}
.main_visual_list li.main_visual015 a {width: unset; background: url(/img/main/main_visual_txt_015.png) no-repeat; background-position: 145px 185px; background-size: unset;}
.main_visual_list li.main_visual016 a {width: unset; background: url(/img/main/main_visual_txt_016.png) no-repeat; background-position: 170px 165px; background-size: unset;}
.main_visual_list li.main_visual017 a {width: unset; background: url(/img/main/main_visual_txt_017.png) no-repeat; background-position: 180px 210px; background-size: unset;}
.main_visual_list li.main_visual018 a {width: unset; background: url(/img/main/main_visual_txt_018.png) no-repeat; background-position: 180px 210px; background-size: unset;}
.main_visual_list li.main_visual019 a {width: unset; background: url(/img/main/main_visual_txt_019.png) no-repeat; background-position: 160px 175px; background-size: unset;}

.main_visual_list li a span.sp_com{margin:235px 0 4px;width:124px;height:110px}
.main_visual_list li.main_visual01 a span.sp_com{background-position:-504px -252px;width:186px;margin:0 33px 0 0 }
.main_visual_list li.main_visual02 a span.sp_com{background-position:0 -252px}
.main_visual_list li.main_visual03 a span.sp_com{background-position:-126px -252px}
.main_visual_list li.main_visual04 a span.sp_com{background-position:-252px -252px}
.main_visual_list li.main_visual05 a span.sp_com{background-position:-378px -252px}
.main_visual_list li a p.tit{font-size:26px}
.main_visual_list li.main_visual00 a p.tit {margin-top: 330px;}
.main_visual_list li.main_visual01 a .wrap_tit{margin:165px 0 0 600px;text-align:left}
.main_visual_list li.main_visual01 a p.tit{display:inline-block;font-size:22px}
.main_visual_list li a p.tit .str{font-weight:500;font-size:30px}
.main_visual_list li.main_visual00 a p.tit .str {font-size: 45px; font-weight: 300;}
.main_visual_list li.main_visual01 a p.tit .str{display:inline-block;font-size:34px;line-height:46px;margin-bottom:14px}
.bx-has-controls-auto{position:absolute;width:1180px;bottom:50px;left:50%;margin-left:-590px;text-align:center;z-index:60}
.wrap_visual_main .bx-has-controls-auto {bottom: 170px;}
.bx-default-pager, .bx-controls-auto{display:inline-block}
.bx-default-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item{display:inline-block;margin:0 3px;overflow:hidden;vertical-align:middle}
.bx-default-pager .bx-pager-item a{display:block;width:50px;height:5px;vertical-align:middle;font-size:0;text-indent:-9999px;background-color:#fff;opacity:.5; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s}
.bx-default-pager .bx-pager-item a.active{opacity:1}
.bx-controls-auto{margin-left:20px}
.bx-controls-auto .bx-controls-auto-item a{display:block;width:21px;height:21px;vertical-align:middle;font-size:0;text-indent:-9999px;opacity:.5; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s}
.bx-controls-auto .bx-controls-auto-item a.bx-start{height: 13px; background:url(/img/sp_com.png) -108px -72px}
.bx-controls-auto .bx-controls-auto-item a.bx-stop{height: 12px; background:url(/img/sp_com.png) -108px -61px}
.bx-controls-auto .bx-controls-auto-item a.active{opacity:1}
.box_btn_move_control button{position:absolute;top:50%;margin-top:-30px;display:block;width:30px;height:48px;font-size:0;text-indent:-9999px;z-index:60}
.box_btn_move_control button.btn_slide_prev{left:80px;background:url(/img/sp_com.png) -126px -60px}
.box_btn_move_control button.btn_slide_next{right:80px;background:url(/img/sp_com.png) -156px -60px}

/*wrap_prd_list*/
.wrap_prd_list{text-align:center}
.main_prd_list{display:inline-block;width:1050px;margin:21px 0 40px;zoom:1;vertical-align:top}
.main_prd_list:after{display:block;clear:both;content:''}
.main_prd_list li{/* float:left; */display: inline-block;margin-right: 10px;width:calc((100% - 80px) / 9); vertical-align: middle;}
.main_prd_list li:nth-of-type(7){display: none;} /* 20240628 벽면재 메뉴 삭제*/
.main_prd_list li:nth-of-type(8){display: none;} /* 20220923 몰딩재 메뉴 삭제*/
.main_prd_list li:nth-of-type(9){display: none;} /* 20240628 바닥재 메뉴 삭제*/
/* .main_prd_list li:first-child {width: 130px} */
.main_prd_list li:last-child {margin-right: 0;}
.main_prd_list li a{display:block;/* height:100px; */text-decoration:none; position: relative;}
.main_prd_list li a .sp_com{margin-bottom:14px;width:70px;height:64px}
.main_prd_list li a .sp_com.prd01{background-position:0 -112px}
.main_prd_list li a .sp_com.prd02{background-position:-72px -112px}
.main_prd_list li a .sp_com.prd03{background-position:-144px -112px}
.main_prd_list li a .sp_com.prd04{background-position:-216px -112px}
.main_prd_list li a .sp_com.prd05{background-position:-288px -112px}
.main_prd_list li a .sp_com.prd06{background-position:-360px -112px}
.main_prd_list li a:hover .sp_com.prd01{background-position:0 -178px}
.main_prd_list li a:hover .sp_com.prd02{background-position:-72px -178px}
.main_prd_list li a:hover .sp_com.prd03{background-position:-144px -178px}
.main_prd_list li a:hover .sp_com.prd04{background-position:-216px -178px}
.main_prd_list li a:hover .sp_com.prd05{background-position:-288px -178px}
.main_prd_list li a:hover .sp_com.prd06{background-position:-360px -178px}
.main_prd_list li a p {font-size: 18px; height: 65px; line-height: 60px;}
/* .main_prd_list li:nth-of-type(2) a p{line-height: 28px;} */
/* .main_prd_list li a p:after {content: ''; display: block; margin-top: 10px; width: 100%; height: 5px; background-color: #dfd9d1;} */
.main_prd_list li a p:after {content: ''; position: absolute;  width: 100%; height: 5px; background-color: #dfd9d1; bottom: 0px; left: 0px;}
.main_prd_list li a:hover p{font-weight:500;color:#2d5b79}
.main_prd_list li a:hover p:after {background-color: #2d5b79;}

/*wrap_prd_gallery*/
.wrap_prd_gallery{display: none !important; padding:40px 0;background-color:#f2f0ed;text-align:center}
.wrap_prd_gallery>.layout {width: 100%; padding: 0}
.wrap_prd_gallery .h2_tit{font-size:30px;font-weight:600}
.wrap_prd_gallery .stit{margin:3px 0 38px}
.prd_gallery{position:relative;margin:0 auto;overflow:hidden}
.prd_gallery .bx-wrapper{margin:0 auto;width:1280px !important;height:480px}
.prd_gallery .bx-viewport{overflow:visible !important}
.prd_gallery_list li{zoom:1;background-color:#fff;height:430px;width:1180px !important;margin:0 50px; overflow-y: hidden;}
.prd_gallery_list li:after{display:block;clear:both;content:''}
.prd_gallery_list li .sec_l{float:left;width:800px;height: 100%;}
.prd_gallery_list li .sec_l>a {display: inline-block; width: 100%; height: auto;}
.prd_gallery_list li .sec_l>a>img {width: 100%; height: 100%}
.prd_gallery_list li .sec_r{float:right;width:380px}
.thum_prd_list{padding:20px;text-align:left}
.thum_prd_list .thum_prd{display:block;position:relative;margin-top:20px;padding-left:100px;height:82px}
.thum_prd_list .thum_prd:first-child{margin-top:0}
.thum_prd_list .thum_prd .thumimg_prd{position:absolute;left:0;top:0;width:82px;height:82px;overflow:hidden}
.thum_prd_list .thum_prd .info_prd{padding-top:16px}
.thum_prd_list .thum_prd .info_prd .prd_navi{margin-bottom:4px}
.thum_prd_list .thum_prd .info_prd .prd_navi>.navi{display:inline-block;padding-left:16px;background: url(/img/sp_bar.png) no-repeat 5px -266px;font-weight:500;font-size:14px}
.thum_prd_list .thum_prd .info_prd .prd_navi>.navi:first-child{background:none;padding-left:0}
.prd_gallery_list li .txt {display: none}

.prd_gallery .bx-has-controls-auto{bottom:0px}
.prd_gallery .box_btn_move_control button.btn_slide_prev{left:49%;margin-left:-642px; background: url(/img/sp_com.png) -129px -60px}
.prd_gallery .box_btn_move_control button.btn_slide_next{right:49%;margin-right:-642px;background: url(/img/sp_com.png) -160px -60px}

/*wrap_key_link*/
.wrap_key_link {padding: 16px 0; background-color: #212121; border-bottom: 2px solid #4d4d4d; box-sizing: border-box;}
.wrap_key_link .layout {position: relative;}
.wrap_key_link .layout:after {clear: both; content: ''; display: block}

.wrap_key_link .find {float: left; display: inline-block; margin-right: 20px; width: 280px; height: 280px; background: url(/img/main/bg_key_link05.jpg) no-repeat 0 0;background-size:cover; background-position: center;}
/* .wrap_key_link .find:hover{background: url(/img/main/bg_key_link03_hover.jpg) no-repeat 0 0;background-size:cover} */
.wrap_key_link .find .tit {padding-top:153px;font-size:18px;font-weight:500;text-align: center;color: #fff}
.wrap_key_link .find .stit{display:none;margin-top:12px;text-align: center;color: #fff}
.wrap_key_link .find:hover {text-decoration: none}
.wrap_key_link .find:hover .stit{display:block;}
.wrap_key_link .search_box{float: right; padding:0 20px;background:#fff;color:#000;height:280px}
.wrap_key_link .search_box .tit{text-align: center; color: #2d5b79; font-size: 25px; font-weight: 500; height: 65px; line-height: 65px;}
.wrap_key_link .selectbox{margin-top:10px;display:block;border:0 none;background-color:#f2f0ed}
.wrap_key_link .selectbox select{width:100%}
.wrap_key_link .inp_txt{margin-top:10px;display:block;width:200px;padding:0 20px;border:0 none;height:45px;line-height:45px;background-color: #f2f0ed}
.wrap_key_link button{display:block;margin-top:30px;background-color:#2d5b79;color:#fff;height:45px;line-height:45px;text-align:center;width:100%}

.wrap_key_link .m_board_area .wrap_board{position:relative;}
.wrap_key_link .m_board_area .wrap_board.notice, .wrap_key_link .m_board_area .wrap_board.news {display: flex; align-items: center;}
.wrap_key_link .m_board_area .wrap_board .h2_tit{flex-shrink: 0; width: 60px; font-size: 18px; font-weight: bold; color: #fff;}
.m_board_area .noti_list{width: calc(100% - 143px);}
.m_board_area .noti_list li a{display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 18px; color: #fff; text-decoration: none;}
.m_board_area .noti_list .tit{padding: 0 20px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m_board_area .noti_list .tit:hover {text-decoration: underline;}
.m_board_area .noti_list .date{flex-shrink: 0; margin-right: 20px; width: 100px;}
.wrap_key_link .m_board_area .wrap_board .btn_more{color: #fff; border-bottom: 1px solid #fff; text-decoration: none;}
/*.m_board_area .news_list li{padding:0 30px;border-top:1px solid #fff}
.m_board_area .news_list a{display:block;zoom:1;width:100%}
.m_board_area .news_list a:hover span{text-decoration:underline}
.m_board_area .news_list a:after{display:block;clear:both;content:''}
.m_board_area .news_list a span{float:left;height:60px;line-height:60px}
.m_board_area .news_list a span.tit{width:80%}
.m_board_area .news_list a span.date{float:right;color:#929292;width:20%;text-align:right;font-size:14px}*/

/*wrap_business_area*/
.wrap_business_area{padding:55px 0;background: url(/img/main/bg_main_business.jpg) no-repeat 50% 50%;background-size:cover}
.wrap_business_area .business_list{zoom:1}
.wrap_business_area .business_list:after{display:block;clear:both;content:''}
.wrap_business_area .business_list li{margin-left:20px;float:left}
.wrap_business_area .business_list li:first-child{margin-left:0}
.wrap_business_area .business_list li.link01{background: url(/img/main/bg_business_link01.jpg) no-repeat 0 0;background-size:cover;}
.wrap_business_area .business_list li.link02{background: url(/img/main/bg_business_link02.jpg) no-repeat 0 0;background-size:cover;}
.wrap_business_area .business_list li.link03{background: url(/img/main/bg_business_link03.jpg) no-repeat 0 0;background-size:cover;}
.wrap_business_area .business_list li.link04{background: url(/img/main/bg_business_link04.jpg) no-repeat 0 0;background-size:cover;}
.wrap_business_area .business_list li a{display:block;width:280px;height:390px;text-decoration:none;text-align:center}
.wrap_business_area .business_list .tit{padding-top:295px;font-size:25px;font-weight:500}


/*19.10.28 메인 수정*----------------------/

/*wrap_blog*/
.wrap_blog {position: relative; padding: 100px 0 90px; text-align: center}
/* .wrap_blog:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 140px; background-color: #f2f0ed;} */
.wrap_blog .layout {position: relative}
.wrap_blog .bx-wrapper {max-width: 1280px !important}
.wrap_blog .bx-viewport {height: auto !important}
.wrap_blog .h2_tit {font-size: 30px; font-weight: 600}
.wrap_blog .stit {margin: 3px 0 66px; text-align: center;}
/* .wrap_blog .blog_list {margin-top: 40px} */
.wrap_blog .link {position: absolute; right: 50px; top: 66px;}
.wrap_blog .link:after {content: ''; display: inline-block; margin-top: -7px; width: 18px; height: 10px; background: url(/img/sp_com.png) no-repeat -60px -80px; transform: rotate(-90deg); vertical-align: middle;}
.wrap_blog .blog_list>li {margin-right: 20px; height: 553px; background-color: #fff;}
.wrap_blog .blog_list>li>a {display: inline-block; width: 100%; height: 100%; cursor: pointer}
.wrap_blog .blog_list>li .thum {width: 100%; height: 280px; }
.wrap_blog .blog_list>li .txt {box-sizing: border-box; padding: 10px 28px 24px;}
.wrap_blog .blog_list>li .txt>p {word-break: keep-all; text-align: left; letter-spacing: -2px}
.wrap_blog .blog_list>li .txt .tit {margin-bottom: 10px; font-size: 18px; font-weight: 600; letter-spacing: 0;}
.wrap_blog .blog_list>li .txt .cont {position: relative; padding-left: 67px; margin-bottom: 5px; box-sizing: border-box; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; letter-spacing: -1px;}
.wrap_blog .blog_list>li .txt .cont:last-child {margin-bottom: 0;}
.wrap_blog .blog_list>li .txt .cont.tel {overflow: visible; text-overflow: inherit; white-space: normal}
.wrap_blog .blog_list>li .txt .cont>span {position: absolute; left: 0; top: 0; font-size: 14px; font-weight: 500}

.wrap_blog .bx-controls {position: absolute; bottom: -43px; left: 0; width: 100%}
.wrap_blog .box_btn_move_control button {margin-top: -24px}
.wrap_blog .bx-controls-direction a {position: absolute; top: -318px; display: block; width: 30px; height: 48px; font-size: 0; text-indent: -9999px; z-index: 60;}
.wrap_blog .bx-prev {left: 49%;  margin-left: -642px; background: url(/img/sp_com.png) -710px -233px;}
.wrap_blog .bx-next {right: 49%; margin-right: -642px; background: url(/img/sp_com.png) -741px -233px;}

/* 25-03 블로그-시공갤러리로 변경 */
.wrap_blog .gallery_board_list>li .wrap_thumb_img {margin-bottom: 25px; overflow: visible;}
.wrap_blog .gallery_board_list.gallery_type2>li .wrap_thumb_img .thumb_img {width: 100%;}
.wrap_blog .gallery_board_list>li .wrap_thumb_img:after {content: ''; position: absolute; left: 0; bottom: -25px; width: 100%; height: 0px; border-bottom: 1px dashed #ddd;}
.wrap_blog .gallery_board_list>li .tit {display: flex; display: flex; align-items: center; gap: 30px; padding: 16px 20px 0; height: auto;}
.wrap_blog .gallery_board_list>li .tit .thum {flex-shrink: 0; width: 80px; height: 80px; background-color: #ddd; border-radius: 50%; overflow: hidden;}
.wrap_blog .gallery_board_list>li .tit .thum > img {width: 100%; height: 100%;}  
.wrap_blog .gallery_board_list>li .tit > p > a {font-size: 16px; text-align: left;}
.wrap_blog .gallery_board_list>li .tit > p > a > span {font-weight: 600;}
.wrap_blog .box_btn_move_control {display: none;}

/*wrap_youtube*/
.wrap_youtube {padding: 40px 0 100px}
.wrap_youtube .layout {position: relative}
.wrap_youtube .bx-wrapper {max-width: 1280px !important}
.wrap_youtube .h2_tit {font-size: 30px; font-weight: 600; text-align: center}
.wrap_youtube .stit {margin: 3px 0 38px; text-align: center;}
.wrap_youtube .bx-viewport {height: auto !important}
/* .wrap_youtube .youtube_list {margin-top: 40px} */
.wrap_youtube .youtube_list>li {margin-right: 20px;}
.wrap_youtube .youtube_list>li>a {display: inline-block; width: 100%; height: 100%}
.wrap_youtube .youtube_list>li .thum {width: 100%; height: 160px;}
.wrap_youtube .youtube_list>li .tit {padding: 0 15px; margin-top: 16px; box-sizing: border-box; width: 100%; text-align: center; font-size: 18px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em;}

.wrap_youtube .bx-controls {position: absolute; bottom: -54px; left: 0px; width: 100%; text-align: center}
.wrap_youtube .box_btn_move_control button {margin-top: -16px}

.wrap_blog .bx-default-pager .bx-pager-item a, .wrap_youtube .bx-default-pager .bx-pager-item a {background-color: #bbc0bf}
.wrap_blog .bx-default-pager .bx-pager-item a.active, .wrap_youtube .bx-default-pager .bx-pager-item a.active {background-color: #2d5b79}
.wrap_blog .box_btn_move_control button.btn_slide_prev, .wrap_youtube .box_btn_move_control button.btn_slide_prev {left: -25px; background: url(/img/sp_com.png) -318px -542px}
.wrap_blog .box_btn_move_control button.btn_slide_next, .wrap_youtube .box_btn_move_control button.btn_slide_next {right: -25px; background: url(/img/sp_com.png) -351px -542px}

/* 25.02 메인 수정전체 적용 후 삭제(pc/mo) */
.wrap_blog .box_btn_move_control.temp button.btn_slide_prev, .wrap_youtube .box_btn_move_control.temp button.btn_slide_prev {display: none;}

/* 25.04 한솔홈데코 소식 추가 */
.main_container .wrap_sns {padding: 100px 0 150px;} 
.main_container .wrap_sns .h2_tit {font-size: 30px; font-weight: 600; text-align: center;}
.main_container .wrap_sns .stit {margin: 3px 0 20px; font-size: 18px; font-weight: 400; text-align: center; color: #545859; letter-spacing: -0.5px;}
.main_container .wrap_sns .filter {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 50px;} 
.main_container .wrap_sns .filter li button {padding: 0 10px; height: 30px; border-radius: 15px; background-color: #ddd; }
.main_container .wrap_sns .filter li:hover button, .main_container .wrap_sns li.active button, .main_container .wrap_sns li:active button, .main_container .wrap_sns li:focus button {color: #fff; background-color: #2d5b79;}
.main_container .wrap_sns .list {display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 40px auto 0;}
.main_container .wrap_sns .list li {width: calc((100% - 60px) / 4); height: 350px; cursor: pointer;}
.main_container .wrap_sns .list li a {display: block; position: relative; height: 100%;}
.main_container .wrap_sns .list li a img {display: block; width: 100% !important; height: 100% !important; background-color: #ddd; object-fit: cover;}
.main_container .wrap_sns .list li a .tit {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; padding: 0 15px; width: 100%; height: 100%; font-size: 18px; color: #fff; opacity: 0; transition: all .3s; text-align: center; box-sizing: border-box;}
/* .main_container .wrap_sns .list li:hover a .tit {opacity: 1; background-color: rgba(0,0,0,.7);} */


/*sub_container ------------------------------------------------------------*/
.sub #container{padding-bottom:150px}
.sub #container.main_container,#container.history{padding-bottom:0}

/*navi_area*/
.navi_area{display:none !important;position:relative;height:48px;border-bottom:1px solid #e5e5e5;}
.navi_area .layout{position:relative}
.navi_area>.layout{height:48px}
.navi_area .btn_home{width:50px;height:48px;background-position:0 -60px}
.navi_dp1_list{display:inline-block;zoom:1;font-size:14px}
.navi_dp1_list:after{display:block;clear:both;content:''}
.navi_dp1_list>.navi_dp1{float:left;position:relative}
.navi_dp1_list>.navi_dp1>a{position:relative;display:block;padding:0 20px;width:115px;height:48px;line-height:48px;border-right:1px solid #e5e5e5;text-decoration:none}
.navi_dp1_list>li:last-child>a {width: 180px;}
.navi_dp1_list>.navi_dp1:first-child>a{border-left:1px solid #e5e5e5}
.navi_dp1_list>.navi_dp1>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000000}
.navi_dp1_list>.navi_dp1.active>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000000;border-top:none}
.navi_dp2_list{display:none;position:absolute;top:100%;left:-1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10}
.navi_dp1_list>.navi_dp1:first-child .navi_dp2_list{left:0}
/*.navi_dp1_list>.navi_dp1:hover .navi_dp2_list{display:block}*/
.navi_dp2_list>.navi_dp2>a{display:block;padding:5px 20px;width:115px;text-decoration:none}
.navi_dp1_list>li:last-child .navi_dp2_list>.navi_dp2>a {width: 160px;}
.navi_dp2_list>.navi_dp2>a:hover, .navi_dp2_list>.navi_dp2>a:active, .navi_dp2_list>.navi_dp2>a:focus,.navi_dp2_list>.navi_dp2.active>a{background-color:#f4f4f4}

/*btn_all_prd*/
.btn_all_prd{position:absolute;top:0;right:0}
.btn_all_prd button{display:block;width:234px;height:48px;line-height:48px;background-color:#f4f4f4;text-align:center;font-weight:500;color:#2d5b79;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.btn_all_prd button .sp_com{margin-left:15px;width:14px;height:48px;background-position:-60px -60px}
.btn_all_prd button.open .sp_com{background-position:-83px -60px}
.wrap_all_prd{width:100%;height:200px;position:absolute;left:0;top:100%;background-color:#f4f4f4}
.bg_all_prd{position:absolute;padding:50px 0;width:100%;background-color:#f4f4f4;border-top:1px solid #e5e5e5;border-bottom:1px solid #dcdcdc;z-index:20}
.bg_all_prd .h2_prdTit{margin-bottom:25px;text-align:center;font-size:25px;font-weight:500;color:#2d5b79}
.prd_list.dp1{zoom:1;width:100%;text-align:center}
.prd_list.dp1:after{display:block;clear:both;content:''}
.prd_list.dp1>li{float:left;width:14.285%;padding:0 5px;box-sizing:border-box}
.prd_list.dp1>li>a{display:block;background-color:#fff;height:38px;line-height:38px;font-weight:500}
.prd_list .dp2{margin-top:4px}
.prd_list .dp2>li>a{display:block;padding:4px 0;height:22px;width:100%}
.prd_list.dp1>li>a.btn_find{background-color:#f4f4f4;border:1px solid #2d5b79;color:#2d5b79}
.bg_all_prd .btn_close{position:absolute;bottom:-40px;left:50%;margin-left:-13px;width:40px;height:26px;background-position:-572px -182px}


/*sub_content ------------------------------------------------------------*/
.h3_tit{font-size:25px;color:#2d5b79}
.h3_tit2{margin-bottom:50px;font-size:34px;font-weight:500;color:#2d5b79;text-align:center}
.h4_tit{font-weight:500;font-size:18px;color:#2d5b79}
.h5_tit{font-weight:500}
.h5_tit_bl{position:relative;margin-bottom:10px;padding-left:10px;font-weight:500}
.h5_tit_bl:before{position:absolute;content:'';width:4px;height:4px;background-color:#bca78a;left:0;top:10px}
.list_style01 li{padding-left:9px;position:relative}
.list_style01 li:before{display:inline-block;content:'';width:5px;height:1px;background-color:#000;position:absolute;top:50%;margin-top:0;left:1px}

.prd_navi{display:inline-block;zoom:1}
.prd_navi:after{display:block;clear:both;content:''}
.prd_navi li{float:left;padding-left:22px;background: url(/img/sp_bar.png) no-repeat 10px -264px}
.prd_navi li:first-child{background:none;padding-left:0}

/* search_area */
.search_area{position:relative;padding:53px 40px;background-color:#f4f4f4;font-size:14px}
.search_area .selectbox{border:1px solid #e5e5e5;margin:0 5px;background-color:#fff}
.search_area .selectbox select{width:200px}
.board_search{position:relative;display:inline-block;padding:0 10px;margin:0 5px;border:1px solid #2d5b79;background-color:#fff;width:420px}
.board_search input{border:0 none;height:44px;line-height:44px;width:377px}
.board_search .sp_com{position:absolute;right:15px;top:0;width:24px;height:44px;background-position:-235px -60px}
.search_area .sp_com.btn_agency_search{position:absolute;top:0;right:0;width:46px;height:45px;background-color:#2d5b79;background-position:-662px -182px;}


/* 2502_시공갤러리 수정 */
.search_area.const_gallery {display: flex; justify-content: center; padding: 20px; background-color: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center;}
.search_area.const_gallery .menu li {display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: 200px; height: 40px; font-size: 18px; box-sizing: border-box;}
.search_area.const_gallery .menu li.active, .search_area.const_gallery .menu li:active {background-color: #f0f0f0;}
.search_area.const_gallery .menu li > a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 18px; box-sizing: border-box;}
.search_area.const_gallery .menu li div {padding: 0; z-index: 100; box-sizing: border-box;}
.search_area.const_gallery .menu li div ul li {display: flex; margin: 0; width: 100%; font-size: 14px; box-sizing: border-box;}

.board_info_area.const {margin: 30px 0 20px;}
.board_info_area.const .board_search {margin-bottom: 20px;}

.wrap_board_list.const ul li .wrap_thumb_img {margin-bottom: 25px; overflow: visible;} 
.wrap_board_list.const ul li .wrap_thumb_img:after {content: ''; position: absolute; left: 0; bottom: -25px; width: 100%; height: 0px; border-bottom: 1px dashed #ddd;}
.wrap_board_list.const .tit {display: flex; align-items: center; gap: 30px; padding: 16px 20px 0; height: auto;}
.wrap_board_list.const .tit .thum {width: 80px; height: 80px; background-color: #ddd; border-radius: 50%; overflow: hidden;}
.wrap_board_list.const .tit .thum > img {width: 100%; height: 100%;}
.wrap_board_list.const .tit > p > a {font-size: 16px; text-align: left;}
.wrap_board_list.const .tit > p > a > span {font-weight: 600;}
.board_view_area.const .info_board {display: none;}
.board_view_area.const .slide_img .view_img_area {height: auto;}
.board_view_area.const .wrap_table_form .table_form .view_img_area > div {margin-bottom: 20px;}

/* 20260108 시공 갤러리 제품 중복 선택 추가 */
.wrap_board_list.const .gallery_board_list.gallery_type2 {display: flex; flex-wrap: wrap; float: none; margin-left: -20px;}
.wrap_board_list.const .gallery_board_list.gallery_type2 > li {float: none;}

/*page_tit_area*/
.page_tit_area{margin:45px;text-align:center}
.page_tit_area .h2_tit{margin-bottom:12px;font-size:34px;font-weight:500;color:#2d5b79}

/*intro_prd_level1*/
.wrap_intro_prd_level1{padding:0 50px;min-width:1180px;margin-top:50px}
.intro_prd_level1{height:700px;color:#fff;text-align:center;max-width:1820px;margin:0 auto;margin-bottom:60px}
.intro_prd_level1.prd01{background:url(/img/product/bg_prd01_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd02{background:url(/img/product/bg_prd02_level1.png) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd03{background:url(/img/product/bg_prd03_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd04{background:url(/img/product/bg_prd04_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd05{background:url(/img/product/bg_prd05_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd06{background:url(/img/product/bg_prd06_level1_new.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd07{background:url(/img/product/bg_prd06_level3.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd08{background:url(/img/product/bg_prd06_level4.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1 .layout{padding:150px 0 0;height:auto}
.intro_prd_level1 .sp_com{width:110px;height:100px;margin-bottom:19px}
.intro_prd_level1.prd01 .sp_com{background-position:0 -372px}
.intro_prd_level1.prd02 .sp_com{background-position:-112px -372px}
.intro_prd_level1.prd03 .sp_com{background-position:-224px -372px}
.intro_prd_level1.prd04 .sp_com{background-position:-336px -372px}
.intro_prd_level1.prd05 .sp_com{background-position:-448px -372px}
.intro_prd_level1.prd06 .sp_com{background-position:-560px -372px}
.intro_prd_level1.prd07 .sp_com{background-position:-677px -372px}
.intro_prd_level1 .stit{margin-bottom:9px;line-height:26px;font-size:20px}  
.intro_prd_level1 .h2_prd_dp1{font-size:36px;letter-spacing:-3px}
.intro_prd_level1 .prd_list{zoom:1;display:inline-block;margin-top:47px}
.intro_prd_level1 .prd_list:after{display:block;clear:both;content:''}
.intro_prd_level1 .prd_list li{float:left;margin-left:10px}
.intro_prd_level1 .prd_list li:first-child{margin-left:0}
.intro_prd_level1 .prd_list li a{display:flex;color:#fff;text-align:center;width:120px;height:158px;border:1px solid #fff;font-size:19px;text-decoration:none;transition:.5s; padding: 48px 0px; box-sizing: border-box; align-items: center; justify-content: center;}
.intro_prd_level1 .prd_list li a:hover{border:1px solid #2d5b79;background-color:#2d5b79}

/*add_info_area*/
.add_info_box{border-bottom:2px solid #2d5b79}
.add_info_box:first-child{border-top:2px solid #2d5b79}
.add_info_box h3.h3_tab_tit{display:block;margin-top:12px;height:50px;line-height:50px;text-align:center;font-size:25px;text-decoration:none}
.add_info_box.open h3.h3_tab_tit{color:#2d5b79}
/* .add_info_box.open{border-bottom:2px solid #dcdcdc} */
.add_info_box .wrap_cont_box{display:block;margin:40px 0 70px}
.add_info_box.open .wrap_cont_box{display:block}
.add_info_box .btn_open_close{display:block;width:100%;height:48px;/* background-position:50% -100px */ background-position: 50% -148px;}
.add_info_box.open .btn_open_close{background-position:50% -100px}

/*add_info_area level1*/
.add_info_box .tit_cont_area{margin-bottom:50px;height:200px;text-align:center;background-size:cover}
.add_info_box .cont_box.level1 .tit_cont_area{position:relative;margin-bottom:50px;height:200px;text-align:center;background:url(/img/product/bg_prd01_level1_add.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.level1 .tit_cont_area.prd06{background:url(/img/product/bg_prd06_level1_add.jpg) no-repeat 50% 50%}
.add_info_box .cont_box.level1 .tit_cont_area img{position:absolute;top:50%;margin-top:-54px;left:50%;margin-left:-307px}
.add_info_box .cont_box.level1 .tit_cont_area.prd06 img{margin-top:-54px;margin-left:-307px}
/* .add_info_box .cont_box.level1 h4.h4_tit{margin-bottom:10px} */
.add_info_box .cont_box.level1 .bg_gray{padding:30px 0}
.add_info_box .cont_box .dp_tbl_cell.right{padding:15px 0 0 15px}
.add_info_box .cont_box.level1 .list_prd06 li{position:relative;padding-left:105px}
.add_info_box .cont_box.level1 .list_prd06 li strong{position:absolute;left:0;top:0}

/*add_info_area level2*/
.add_info_box .cont_box.level2 .tit_cont_area{height:370px}
.add_info_box .cont_box.level2 .tit_cont_area.short {padding: 65px 0 0; height: 300px; box-sizing: border-box;}
.add_info_box .cont_box.level2 .tit_cont_area.short .logo_brand + p {margin-top: 20px; font-size: 18px;}
.add_info_box .cont_box.prd01_level2 .tit_cont_area{background:url(/img/product/bg_prd01_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.prd01_level2 .tit_cont_area.gang {background:url(/img/product/bg_prd01_level2_gang.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.prd02_level2 .tit_cont_area{background:url(/img/product/bg_prd02_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.prd03_level2 .tit_cont_area{background:url(/img/product/bg_prd03_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.prd04_level2 .tit_cont_area{background:url(/img/product/bg_prd04_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.prd05_level2 .tit_cont_area{background:url(/img/product/bg_prd05_level2.jpg) no-repeat 50% 50%;background-size:cover;height:290px}
.add_info_box .cont_box.prd05_level2 .tit_cont_area.long {height: 370px;}
.add_info_box .cont_box.prd06_level2 .tit_cont_area{background:url(/img/product/bg_prd06_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .prd_navi{margin-top:65px}
.add_info_box .logo_brand{height:85px;line-height:85px;font-size:40px}
.add_info_box .logo_brand b{font-weight:700}
.add_info_box .logo_brand .sp_bi{height:85px;}
.add_info_box .logo_brand .sp_bi.prd01_01{width:115px;background-position:-743px -605px;}
.add_info_box .logo_brand .sp_bi.prd01_01_02{width:225px;background-position:-190px 0}
.add_info_box .logo_brand .sp_bi.prd01_01_03{width:160px;background-position:-880px -605px;}
.add_info_box .logo_brand .sp_bi.prd01_01_04{width:223px;background-position:-646px 0}
.add_info_box .logo_brand .sp_bi.prd01_02{width:170px;background-position:0 -668px}
.add_info_box .logo_brand .sp_bi.prd01_02_01{width:205px; height: 50px; background:url(/img/product/prd0102_bi_ultra.png) no-repeat 0 0; background-size: contain;}
.add_info_box .logo_brand .catch_txt {margin-bottom: 20px; font-size: 20px; font-weight: 600;}
.add_info_box .logo_brand .sp_bi.prd01_02_02{width:369px;background:url(/img/product/prd0102_bi_ultralight.png) no-repeat 0 0;}
.add_info_box .logo_brand .sp_bi.prd01_03_01{width:250px;background-position:0 -170px; font-weight: bold; line-height: 75px; background: none;}
.add_info_box .logo_brand .sp_bi.prd01_03_02{width:312px;background-position:-260px -170px}
.add_info_box .logo_brand .sp_bi.prd01_03_03{width:238px;background-position:-580px -170px; font-weight: bold; line-height: 75px; background: none;}
.add_info_box .logo_brand .sp_bi.prd01_03_04{width:238px;background-position:-580px -170px; font-weight: bold; line-height: 75px; background: none;}
.add_info_box .logo_brand .sp_bi.prd01_04_01{width:282px;background-position:0 -425px}
.add_info_box .logo_brand .sp_bi.prd01_04_02{width:280px;background-position:-290px -425px}
.add_info_box .logo_brand .sp_bi.prd02_01{width:543px;background-position:0 -255px}
.add_info_box .logo_brand .sp_bi.prd02_03{width:227px;background-position: -534px -528px;}
/* .add_info_box .logo_brand .sp_bi.prd05_01{width:228px;background-position:-198px -608px} */
.add_info_box .logo_brand .sp_bi.prd05_01 {width: 274px; background-position: -185px -608px;}
.add_info_box .logo_brand .sp_bi.prd06_02_01{width:750px;background-position:0 -340px}
.add_info_box .cont_box.level2 h5.h5_tit{margin-bottom:10px}
.add_info_box .cont_box .small_txt{font-size:14px;margin-left:50px}
.add_info_box .cont_box.prd05_level2 .tit_cont_area strong.point {display: block; color: #2d5b79;}
.add_info_box .cont_box.prd05_level2 .tit_cont_area strong.point:before {content: '!'; display: inline-block; margin: -2px 3px 0 0; width: 16px; height: 16px; border-radius: 50%; background-color: #2d5b79; color: #fff; font-weight: 600; text-align: center; vertical-align: middle; font-size: 11px;}

.add_info_box .character_list{margin-top:27px;zoom:1}
.add_info_box .character_list:after{display:block;clear:both;content:''}
.add_info_box .character_list li{display:inline-block;margin:0 5px;padding:26px 0;width:160px;height:27px;background-color:#fff;font-weight:500;font-size:18px;color:#2d5b79;vertical-align:top}
.add_info_box .character_list li.row2{height:54px;padding:13px 0;vertical-align:top}
.cont_box .bg_blue{margin: 60px 0 20px;color:#fff;padding:11px}
.cont_box .bg_blue:first-child{margin-top:0}
.cont_box .bg_blue h4.h4_tit{display:inline-block;color:#fff}
.cont_box .bg_blue .sp_bar{width:25px;height:27px;background-position:0 -316px}
.txt_par{position: relative; margin: 10px 0 20px 0;}
.txt_cap{margin-bottom:16px;text-align:center}
ul.bl_sytle01{margin-bottom:20px}
ul.bl_sytle01 li{position:relative;padding-left:10px;}
ul.bl_sytle01 li:before{position:absolute;content:'';width:4px;height:4px;background-color:#bca78a;left:0;top:10px}

/* add_info_area level3 */
.add_info_box .cont_box.prd05_level3 .tit_cont_area{background:url(/img/product/bg_prd05_level3.jpg) no-repeat 50% 50%;background-size:cover;height:295px}
.tbl_interiorFilm tr th{text-align: center !important;}
.add_info_box .prd05_level3 .logo_brand{height: auto;}
.tbl_interiorFilm .tbl_icon::after{content: ''; clear: both; display: block;}
.tbl_interiorFilm .tbl_icon p{position: relative; font-size: 16px; letter-spacing: -0.07em; float: left; padding: 0 35px 0px 30px;}
.tbl_interiorFilm .tbl_icon p::before{content: ''; width: 36px; height: 36px; position: absolute; vertical-align: middle; left: -10px; top: -6px;}
.tbl_interiorFilm .tbl_icon p:nth-of-type(1)::before{background: url(/img/product/icon_tbl_interiorFilm_01.png);}
.tbl_interiorFilm .tbl_icon p:nth-of-type(2)::before{background: url(/img/product/icon_tbl_interiorFilm_02.png);}
.tbl_interiorFilm .tbl_icon p:nth-of-type(3)::before{background: url(/img/product/icon_tbl_interiorFilm_03.png);}
.tbl_interiorFilm .tbl_icon p:nth-of-type(4)::before{background: url(/img/product/icon_tbl_interiorFilm_04.png);}


/* add_info_area level4 */
.add_info_box .cont_box.prd05_level4 .tit_cont_area{background:url(/img/product/bg_prd05_level3.jpg) no-repeat 50% 50%;background-size:cover;height:295px}
.tbl_sheetBonding .tbl_icon{}
.tbl_sheetBonding .tbl_icon::after{content: ''; clear: both; display: block;}
.tbl_sheetBonding .tbl_icon p{position: relative; font-size: 16px; letter-spacing: -0.07em; float: left; padding: 0 35px 0px 30px;}
.tbl_sheetBonding .tbl_icon p::before{content: ''; width: 36px; height: 36px; position: absolute; vertical-align: middle; left: -10px; top: -6px;}
.tbl_sheetBonding .tbl_icon p:nth-of-type(1)::before{background: url(/img/product/icon_tbl_interiorFilm_01.png);}
.tbl_sheetBonding .tbl_icon p:nth-of-type(2)::before{background: url(/img/product/icon_tbl_sheetBonding_02.png);}
.tbl_sheetBonding .tbl_icon p:nth-of-type(3)::before{background: url(/img/product/icon_tbl_sheetBonding_03.png);}
.tbl_sheetBonding .tbl_icon p:nth-of-type(4)::before{background: url(/img/product/icon_tbl_sheetBonding_04.png);}
.tbl_sheetBonding .certification_download{margin: 10px 0px 0 0;}


/*prd0101*/
.cont_box .col3_list{zoom:1}
.cont_box .col3_list:after{display:block;clear:both;content:''}
.cont_box .col3_list li{float:left;margin-left:10px;width:260px;text-align:center}
.cont_box .col3_list li.fir{position:relative;margin-left:0;padding-right:40px}
.cont_box .col3_list li.fir:after{display:inline-block;content:'';width:17px;height:20px;background-image:url(/img/sp_com.png);background-position:-576px -60px;position:absolute;bottom:122px;right:6px}
.cont_box .col3_list li img{margin-bottom:9px}
/*prd0106*/
.add_info_box .prd01_level2 .wrap_img.prd_pvc img{margin-left:46px;margin-top:10px}
.add_info_box .prd01_level2 .wrap_img.prd_pvc img:first-child{margin-left:0}
.add_info_box .prd01_level2 ul.list_style02 li{position:relative;line-height:30px;padding-left:10px}
.add_info_box .prd01_level2 ul.list_style02 li:before{content:'-';position:absolute;left:0;top:0}
/*prd0201*/
.wrap_prd0201{position:relative}
.wrap_prd0201>.wrap_img{position:absolute;right:0;top:0}
.wrap_prd0201>.wrap_tbl{width:405px;min-height:404px;border-bottom:1px solid #e5e5e5}
.wrap_prd0201>.wrap_tbl .style1 th, .wrap_prd0201>.wrap_tbl .style1 td{height:auto}
.wrap_prd0201>.wrap_tbl .style2 th, .wrap_prd0201>.wrap_tbl .style2 td{height:auto;padding:1px 30px}
.wrap_prd0201 .inn_wrap{padding:16px 30px 0 30px}
.wrap_prd0201 strong{display:block;margin-bottom:8px}
.wrap_prd0201 .stxt{font-size:14px;color:#949494}
/*prd0202*/
.add_info_box .prd02_level2 table.prd02 th{padding:20px;vertical-align:top;text-align:center}
.add_info_box .prd02_level2 table.prd02 td{padding:20px}
.add_info_box .prd02_level2 table.prd02 ul li{margin-bottom:10px}
.add_info_box .prd02_level2 dl.dl_prd02 dd{padding-left:9px;margin-bottom:10px}
.add_info_box .prd02_level2 ul.ul_prd02{text-align:center;border: 1px solid #dcdcdc;padding:20px 0}
.add_info_box .prd02_level2 ul.ul_prd02 li{display:inline-block;margin:10px 30px}
.add_info_box .prd02_level2 ul.ul_prd02 li p{margin-top:17px;font-size:14px;font-weight:bold}
.add_info_box .prd02_level2 .sp_prd02{display:inline-block;overflow:hidden;background:url(/img/product/sp_prd0202.png) no-repeat 0 0;line-height:999px;vertical-align:top;width:50px;height:47px}
.add_info_box .prd02_level2 .sp_prd02.ico2{background-position:-50px 0;}
.add_info_box .prd02_level2 .sp_prd02.ico3{background-position:-100px 0;}
.add_info_box .prd02_level2 .sp_prd02.ico4{background-position:-150px 0;}
.add_info_box .prd02_level2 .sp_prd02.ico5{background-position:-200px 0;}
.add_info_box .prd02_level2 .sp_prd02.ico6{background-position:-250px 0;}
.add_info_box .prd02_level2 .sp_prd02.ico7{background-position:-300px 0;}
.add_info_box .prd02_level2 ul.ul_img_wrap{zoom:1;width:100%}
.add_info_box .prd02_level2 ul.ul_img_wrap:after{display:block;clear:both;content:''}
.add_info_box .prd02_level2 ul.ul_img_wrap li{float:left;width:50%}
.add_info_box .prd02_level2 ul.ul_img_wrap li img{width:100%;height:auto}

/* prd0203 */
dl[class^="sample"] {float: left; position: relative; margin: 0 7px 7px 0; width: calc((100% - 21px)/4); box-sizing: border-box;}
dl[class^="sample"]:nth-child(4n+4) {margin-right: 0;}
dl[class^="sample"] dt {width: 100%; height: 392px;}
dl[class^="sample"] dt img {width: 100%; height: 100%;}
dl[class^="sample"] dd {padding: 15px 10px; width: 100%; height: 150px; background-color: #f2f0ed; box-sizing: border-box; font-size: 16px; word-break: break-all;}
dl[class^="sample"] dd p:first-child {margin-bottom: 7px; color: #2d5b79; font-weight: 600; line-height: 1;}
/* dl.sample01 {background: url(../img/product/welston01.png) no-repeat; background-size: cover;}
dl.sample02 {background: url(../img/product/welston02.png) no-repeat; background-size: cover;}
dl.sample03 {background: url(../img/product/welston03.png) no-repeat; background-size: cover;}
dl.sample04 {background: url(../img/product/welston04.png) no-repeat; background-size: cover;}
dl.sample05 {background: url(../img/product/welston05.png) no-repeat; background-size: cover;}
dl.sample06 {background: url(../img/product/welston06.png) no-repeat; background-size: cover;}
dl.sample07 {background: url(../img/product/welston07.png) no-repeat; background-size: cover;}
dl.sample08 {background: url(../img/product/welston08.png) no-repeat; background-size: cover;} */

/* prd0205 */
.wrap_dl.prd0205 {zoom: 1}
.wrap_dl.prd0205:after {clear: both; content: ''; display: block;}
.wrap_dl.prd0205 dl {float: left; position: relative; padding-left: 100px; margin-bottom: 60px; width: 50%; box-sizing: border-box; height: 100px;}
.wrap_dl.prd0205 dl:before {content: ''; display: block; position: absolute; left: 0; top: 0; margin-right: 20px; width: 80px; height: 80px;}
.wrap_dl.prd0205 .dl01:before{background: url(/img/product/icn_quasi.png);}
.wrap_dl.prd0205 .dl02:before{background: url(/img/product/icn_sun.png);}
.wrap_dl.prd0205 .dl03:before{background: url(/img/product/icn_eco_b.png);}
.wrap_dl.prd0205 .dl04:before{background: url(/img/product/icn_change.png);}
.wrap_dl.prd0205 .dl05:before{background: url(/img/product/icn_moisture.png);}
.wrap_dl.prd0205 .dl06:before{background: url(/img/product/icn_economy.png);}
.wrap_dl.prd0205 dl dt {margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #5488b4;} 
.wrap_dl.prd0205 dl dd {font-size: 16px;}


/* 20220809 - prd0206 콜렉트월 추가 S*/
.prd0206_features {display: flex; flex-wrap: wrap; gap: 30px 0;}
.prd0206_features dl {display: flex; align-items: center; gap: 20px; width: 50%; box-sizing: border-box;}
.prd0206_features dl::before {content: ''; display: block; flex-shrink: 0; width: 60px; aspect-ratio: 61 / 60;}
.prd0206_features .dl01::before{background: url(/fileUpload/ckEditor/images/prd0206_dl01_img.png) no-repeat center/contain;}
.prd0206_features .dl02::before{background: url(/fileUpload/ckEditor/images/prd0206_dl02_img.png) no-repeat center/contain;}
.prd0206_features .dl03::before{background: url(/fileUpload/ckEditor/images/prd0206_dl03_img.png) no-repeat center/contain;}
.prd0206_features .dl04::before{background: url(/fileUpload/ckEditor/images/prd0206_dl04_img.png) no-repeat center/contain;}
.prd0206_features .dl05::before{background: url(/fileUpload/ckEditor/images/prd0206_dl05_img.png) no-repeat center/contain;}
.prd0206_features .dl06::before{background: url(/fileUpload/ckEditor/images/prd0206_dl06_img.png) no-repeat center/contain;}

.prd0206_features dl div {display: flex; flex-direction: column; gap: 5px;}
.prd0206_features dl dt, .prd0206_structure b  {font-size: 18px; font-weight: 700; color: #56585b;}
.prd0206_features dl dd {font-size: 16px;}
.prd0206_features dl:nth-child(odd) dd {padding-right: 15px;}

.prd0206_structure b {display: block; margin-bottom: 5px;}
.prd0206_structure img, .prd0206_construction img {display: block; margin: 20px auto; max-width: 100%;}

.prd0206_construction .brown {color: #8b766b; font-weight: 500;}
.prd0206_construction b {font-weight: 700;}

.add_info_box .cont_box.prd01_level2 .collect .tit_cont_area{width: 100%; height: 480px; background: url(/img//product/bg_collect.jpg); background-size: cover; padding: 40px; box-sizing: border-box; }
.add_info_box .collect .tit_cont_area{text-align: left;}
.add_info_box .collect .tit_cont_area b{display: block; padding-bottom: 30px;}
.prd0206_structure::after{content: ''; clear: both; display: block;}
.prd0206_structure div{width: 50%; float: left;}
.prd0206_structure div img{margin-top: 15px;}
.tbl_prd0206>div::after{content: ''; clear: both; display: block;}
.tbl_prd0206>div{padding: 15px 0 30px 0;}
.tbl_prd0206 table.tbl{width: 280px; float: left;}
.tbl_prd0206 img{float: right;}
.tbl_prd0206 .tbl th, .tbl td{ padding: 9px 13px;}
.tbl_prd0206 .tbl th{ padding: 9px 39px;}
.report_prd0206::after{content: ''; clear: both; display: block;}
.report_prd0206 li{float: left; margin: 0 30px 0px 0;}
.report_prd0206 li:nth-of-type(3n){margin-right: 0px;}
.report_prd0206 li:nth-of-type(4),
.report_prd0206 li:nth-of-type(5),
.report_prd0206 li:nth-of-type(6){margin-top: 30px;}
.report_prd0206 li p{ margin-top: 10px;}
.youtube_box{
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 56.25%
}

.youtube_box iframe{
    position: absolute;
    width: 100%;
    height: 100%;
}

@media screen and (max-width:640px){
    .prd0206_features dl:nth-child(odd) dd {padding-right: 0;}
}
/* 20220809 - prd0206 콜렉트월 추가 E*/

/* law_10 */
.law_10{padding: 30px 15px 30px 20px; font-size: 16px; box-sizing: border-box; position: relative;}
.law_10 b{padding: 0 0px 10px 0; display: block;}
.law_10 li{line-height: 180%; letter-spacing: -0.07em; padding-left: 20px;}
.law_10 li:first-of-type::before{content: '①'; position: absolute; left: 20px;}
.law_10 li:nth-of-type(2):before{content: '②'; position: absolute; left: 20px;}
.law_10 li:nth-of-type(3):before{content: '③'; position: absolute; left: 20px;}
.law_10 li:nth-of-type(4):before{content: '④'; position: absolute; left: 20px;}
.law_10 li:nth-of-type(5):before{content: '⑤'; position: absolute; left: 20px;}
.law_10 li:nth-of-type(6):before{content: '⑥'; position: absolute; left: 20px;}
.law_10 li:nth-of-type(7):before{content: '⑦'; position: absolute; left: 20px;}

.mb40 img{margin-right: 10px;}
.mb40 img:last-of-type{margin-right: 0px;}
.txt_par{letter-spacing: -0.07em;}

/* work_num */
.work_num .bg_gray{width: 410px; text-align: left; padding: 10px 15px; font-weight: bold; letter-spacing: -0.05em; box-sizing: border-box;} 
.work_num ul::after{
    content: '';
    clear: both;
    display: block;
}
.work_num ul li{width: 410px; float: left; margin: 0px 20px 20px 0px; text-align: left; line-height: 150%; display: block !important;}
.work_num ul li:nth-of-type(2n){margin: 0px;}
.work_num ul li p{height: 90px; margin-top: 15px;}
.work_num ul li p span{font-size: 14px; letter-spacing: -0.07em;}

/* pattern */
/* .pattern::after{
    content: '';
    clear: both;
    display: block;
}
.pattern li{position: relative; float: left; margin: 0 16px 55px 0; width: 195px; height: 195px;}
.pattern li:nth-of-type(4n){margin: 0px;}
.pattern_img{border: 1px solid #e5e5e5; box-sizing: border-box;}
.pattern_img a{width: 193px; height: 195px; display: block;}
.pattern_img img{width: 100%; height: 100%;}
.pattern .basic::after{ content: 'BASIC'; width: 50px; height: 25px; position: absolute; top: 0px; right: 0px; background-color: #ad7e66; text-align: center; color: white; letter-spacing: -0.07em;}
.pattern .stone::after{ content: 'STONE'; width: 50px; height: 25px; position: absolute; top: 0px; right: 0px; background-color: #ad7e66; text-align: center; color: white; letter-spacing: -0.07em;}
.pattern .metal::after{ content: 'METAL'; width: 50px; height: 25px; position: absolute; top: 0px; right: 0px; background-color: #ad7e66; text-align: center; color: white; letter-spacing: -0.07em;}
.pattern .wood::after{ content: 'WOOD'; width: 50px; height: 25px; position: absolute; top: 0px; right: 0px; background-color: #ad7e66; text-align: center; color: white; letter-spacing: -0.07em;} */

/* 20240731 수정 S */
.pattern_tit{display: flex; justify-content: space-between; border-bottom: 1px solid #000; padding: 0 0 15px 0; box-sizing: border-box; margin: 0 0 30px 0;}

.pattern{display: flex; flex-wrap: wrap; gap: 30px 15px;}
.pattern li{display: flex; flex-direction: column; gap: 5px 0;}
.pattern01{margin: 0 0 70px 0;}
.pattern01.pattern li{width: calc(100% / 3 - 10px);}


.pattern .tit{display: flex; justify-content: space-between;}

.pattern .basic::after,
.pattern .stone::after,
.pattern .metal::after,
.pattern .wood::after{display: none;}

.pattern_img{height: 200px; overflow: hidden;}
.pattern_img img{width: 100%; }

@media screen and (max-width:640px){
   .cont_box.level2.prd01_level2 .work_num ul li img.work_num_img{width: auto; height: auto;}
   .pattern01{margin: 0;}
   .pattern_tit{width: 95%; margin: 0 auto 30px auto;}
   .pattern01.pattern li{width: 95%}
}
/* 20240731 수정 E */

/* prd0204 */
/* .add_info_box .logo_brand .sp_bi.prd02_04{width:232px; height: 50px; background-position: -600px -448px;} */
.add_info_box .logo_brand .sp_bi.prd02_04{width:187px; height: 50px; background-position: -507px -607px;}
.add_info_box .logo_brand .sp_bi.cover_basic{width:236px; height: 50px; background-position: -599px -447px;}

.wrap_dl.prd0204 {zoom: 1}
.wrap_dl.prd0204:after {clear: both; content: ''; display: block;}
.wrap_dl.prd0204 dl {float: left; position: relative; padding-left: 100px; margin-bottom: 60px; width: 50%; box-sizing: border-box;}
.wrap_dl.prd0204 dl:before {content: ''; display: block; position: absolute; left: 0; top: 0; margin-right: 20px; width: 80px; height: 80px;}
.wrap_dl.prd0204 .dl01:before {background: url(/img/product/icn_ks.png) no-repeat;}
.wrap_dl.prd0204 .dl02:before {background: url(/img/product/icn_high.png) no-repeat;}
.wrap_dl.prd0204 .dl03:before {background: url(/img/product/icn_eco.png) no-repeat;}
.wrap_dl.prd0204 .dl04:before {background: url(/img/product/icn_safe.png) no-repeat;}
.wrap_dl.prd0204 dl dt {margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #5488b4;} 
.wrap_dl.prd0204 dl dd {font-size: 16px;}
strong.cl_b {display: block; font-size: 16px; color: #5488b4;}
em.stxt {margin-top: 10px; font-size: 14px;}
.part_list {zoom: 1}
.part_list:after {content: ''; display: block; clear: both;}
.part_list li {float: left; margin: 0 30px 40px 0; width: calc((100% - 30px) / 2); font-size: 16px; font-weight: 600; text-align: center;}
.part_list li:first-child {width: 100%;}
.part_list li:nth-child(odd) {margin-right: 0;}
.part_list li img {margin-top: 20px; width: 100%; border: 1px solid #dcdcdc;}


/*prd0304*/
.cont_box .col3_list li.fir:after{bottom:80px}

/*board ------------------------------------------------------------*/
/*board_list_area*/
.board_list_area {margin:15px 0 120px}
.board_info_area{position:relative;min-height:46px;margin-bottom:15px;font-size:14px}
.board_info_area .l_sec{position:absolute;left:0;bottom:0}
.board_info_area .board_sort{position:relative;padding-left:11px;margin-left:9px;color:#a3a3a3}
.board_info_area .board_sort:after{position:absolute;left:0;top:50%;margin-top:-4px;content:'';height:8px;width:1px;background-color:#cccccc}
.board_info_area .board_sort:first-child:after{display:none}
.board_info_area .board_sort.on{color:#2d5b79;font-weight:500}
.board_info_area .r_sec{position:absolute;right:0;bottom:0;z-index:10}
.board_info_area .board_search{width:258px;margin:0;vertical-align:top}
.board_info_area .board_search.type2, .board_info_area .board_search.type3{width:auto;padding-right:38px}
.board_info_area .board_search .selectbox{position:relative;border:0 none;margin-right:15px;padding-right:5px;background-color:#fff}
.board_info_area .board_search .selectbox:after{position:absolute;right:0;top:50%;margin-top:-4px;content:'';height:8px;width:1px;background-color:#cccccc}
.board_info_area .board_search input{width:200px}
.board_list .recruit_status{width:13%}

.board_list{margin-bottom:60px}
.board_list .tbl .being{font-weight:500;color:#10ab5c}
.board_list .tbl .before{font-weight:500;color:#acacac}
.board_list .tbl .end{font-weight:500}

/*pagination_area*/
.pagination_area{margin-top:10px;text-align:center}
.pagination{display:inline-block;vertical-align:top;zoom:1}
.pagination:after{display:block;clear:both;content:''}
.pagination li{float:left;margin-left:5px}
.pagination li:first-child{margin-left:0}
.pagination li a{display:inline-block;width:38px;height:38px;line-height:38px ;text-align:center;text-decoration:none;border:1px solid #e5e5e5}
.pagination li.active a{background:#e5e5e5;font-weight:500;color:#2d5b79}
.pagination li.btn_move .sp_com{width:38px;height:38px}
.pagination li.first_page .sp_com{background-position:-316px -60px}
.pagination li.prev_page .sp_com{background-position:-356px -60px}
.pagination li.prev_page{margin-right:35px}
.pagination li.next_page .sp_com{background-position:-435px -60px}
.pagination li.next_page{margin-left:35px}
.pagination li.last_page .sp_com{background-position:-396px -60px}

/*gallery_board_list*/
.gallery_board_list{zoom:1;margin-left:-20px}
.gallery_board_list:after{display:block;clear:both;content:''}
.gallery_board_list>li{position:relative;float:left;margin-left:20px;margin-bottom:50px;width:280px}
.gallery_board_list.gallery_type2>li{width:380px}
.gallery_board_list>li{display:block;text-align:center}
.gallery_board_list>li .wrap_thumb_img{position:relative;overflow:hidden;border:1px solid #e5e5e5}
.gallery_board_list>li .wrap_thumb_img .thumb_img{display:block;width:280px;height:280px;background:#eee}
.gallery_board_list.gallery_type2>li .wrap_thumb_img .thumb_img{width:380px;height:380px; overflow: hidden;}
.gallery_board_list>li .wrap_thumb_img .thumb_img img{width:100%;}
.gallery_board_list>li .tit{padding-top:16px;height:24px}
.gallery_board_list>li .tit .prd_navi {display: none;}
.gallery_board_list>li .tit .prd_navi>li{font-size:14px;font-weight:500}
.gallery_board_list>li.new .n_mark, .gallery_board_list li.best .b_mark, .gallery_board_list li.pick .p_mark, .gallery_board_list>li.pick2 .k_mark {display:block}
.gallery_board_list>li .mark{position:absolute;display:none;width:60px;height:30px;background-color:#bca78a;color:#fff;left:50%;top:1px;transform:translateX(-50%);border-bottom-left-radius:30px;border-bottom-right-radius:30px;font-size:14px;font-weight:400;z-index:1}
.gallery_board_list>li .b_mark{background-color:#2d5b79}
.gallery_board_list>li .p_mark{width: 120px; padding: 0 10px;}
.gallery_board_list>li.pick2 .k_mark {width: 140px; padding: 0 10px;}
.gallery_board_list>li .wrap_thumb_img .btn_detail{position:absolute;bottom:20px;right:20px;background-color:#fff;width:30px;height:30px;border-radius:50%;border:1px solid #dcdcdc;background-position:-276px -60px}
.gallery_board_list>li .prd_detail{display:none}
/*
.gallery_board_list>li .prd_detail{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);z-index:999}
.gallery_board_list>li .prd_detail .inn_prd_detail{position:relative;margin:150px auto 0 auto;background:#fff;width:650px;height:730px}
.gallery_board_list>li .prd_detail .prd_name{height:80px;line-height:80px;color:#2d5b79;font-size:25px;padding:0 30px;text-align:left}
.gallery_board_list>li .prd_detail img{width:650px;height:650px}
.gallery_board_list>li .prd_detail button.ico_close{position:absolute;top:20px;right:20px;width:40px;height:40px;background-position:-582px -112px}
*/


/*prd_view_area*/
.prd_navi{display:inline-block;zoom:1}
.prd_navi:after{display:block;clear:both;content:''}
.prd_info_area{margin-bottom:120px}
.slide_img{position:relative}
.slide_img>.btn_move>button{position:absolute;border:1px solid #e5e5e5;width:40px;height:40px;top:30%;z-index:99}
.slide_img>.btn_move>.btn_prev{left:250px;background-position:-356px -60px}
.slide_img>.btn_move>.btn_next{right:250px;background-position:-436px -60px}
.slide_img .view_img_area{position:relative}
.slide_img .view_img_area .view_img{width:578px;height:578px;border:1px solid #e5e5e5}
.slide_img .view_img_area .btn_detail{display:none;position:absolute;bottom:40px;right:40px;background-color:#fff;width:30px;height:30px;border-radius:50%;border:1px solid #dcdcdc;background-position:-277px -61px}

.slide_img .thumb_img_area{position:relative;margin-top:30px;text-align:center}
.slide_img .thumb_img_area .bx-viewport{display:inline-block;width:480px !important}
.slide_img .thumb_img_area .btn_move button{position:absolute;border:1px solid #e5e5e5;width:40px;height:40px;top:35px}
.slide_img .thumb_img_area .bx-wrapper{max-width:600px !important}
.slide_img .thumb_img_area .btn_move .btn_prev{left:0;background-position:-356px -60px}
.slide_img .thumb_img_area .btn_move .btn_next{right:0;background-position:-436px -60px}
.slide_img .thumb_img_area .thumb_img_list{display:inline-block;zoom:1;vertical-align:top}
.slide_img .thumb_img_area .thumb_img_list:after{display:block;clear:both;content:''}
.slide_img .thumb_img_area .thumb_img_list li{float:left;margin:0 5px}
.slide_img .thumb_img_area .thumb_img_list li a{display:block;width:104px;height:104px;background-color:#e5e5e5;border:3px solid #fff;overflow:hidden;}
.slide_img .thumb_img_area .thumb_img_list li a img{width:auto;height:auto}
.slide_img .thumb_img_area .thumb_img_list li a.active{border:3px solid #2d5b79}

.prd_info_area .tbl th,.prd_info_area .tbl td{padding:15px 13px;height:47px}
.prd_info_area .txt_note{margin:5px 0 0 13px;font-size:14px;color:#a3a3a3}
.prd_info_area .btn_area{margin-top:55px;text-align:right; display: flex; justify-content: flex-end;}
.prd_info_area .btn_area .btn{margin-left:10px;width:150px;height:60px; line-height: 23px; display: flex; justify-content: center; align-items: center;}
.prd_info_area .btn_area .btn.btn_num{line-height: 23px; padding: 5px 10px 0; box-sizing: border-box;}
.prd_info_area .btn_area .btn:first-child{margin-left:0; line-height: 20px;}
.prd_view_area .bg_gray{margin-bottom:60px;margin-top:0}
.prd_view_area .h4_tit{margin-bottom:28px}
.prd_view_area .wrap_board_list{position:relative}
.prd_view_area .wrap_board_list .gallery_board_list li{margin-bottom:0;width:280px !important}
.prd_view_area .wrap_board_list .btn_move{position:absolute;top:-60px;right:0}
.prd_view_area .wrap_board_list .btn_move button{border:1px solid #e5e5e5;width:40px;height:40px;background-color:#fff}
.prd_view_area .wrap_board_list .btn_move .btn_prev{background-position:-356px -60px}
.prd_view_area .wrap_board_list .btn_move .btn_next{margin-left:2px;background-position:-436px -60px}

@media screen and (max-width:640px){
    .prd_info_area .check_btn_wrap {}
    .prd_info_area .check_btn_wrap div {padding:0.8vw 2.2vw; font-size:2.7vw;}
}

/*board_write_area*/
.board_write_area{position:relative}
.board_write_area .tbl_cap2{margin-top:10px;font-size:14px;font-weight:500;color:#10ab5c}
.table_form .hyphen{margin:0 10px}
.table_form span.sub_txt{margin-left:20px;font-size:14px;color:#10ab5c}
.table_form .btn_calendar{position:relative;width:45px;height:45px;background-color:#acacac}
.table_form .btn_calendar>.sp_com{position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;width:16px;height:16px;background-position:-628px -196px;}
.table_form p.sub_txt{font-size:14px;color:#10ab5c; word-break: keep-all;}
.table_form em{margin-left:5px}
.table_form .add_prd_area .col{float:left;width:780px;min-height:45px;line-height:45px}
.table_form .add_prd_area .col:first-child{width:180px}
.wrap_prd_name .prd_name{display:inline-block;padding:0 10px;background-color:#f4f4f4;font-size:14px;line-height:24px;height:24px;margin:5px}
.table_form .btn_delete{margin-left:10px;width:21px;height:21px;background-position:-651px -60px; vertical-align: middle;}
.table_form .add_file_area{position:relative;padding:10px 0;border-top:1px solid #e5e5e5;height:100px;word-break:normal}
.table_form .add_file_area:first-child{border-top:none}
.table_form .add_file_area .add_file_img{position:absolute;top:10px;left:0;background-image: url(/img/sub/bg_addfile_img.jpg);width:100px;height:100px; overflow: hidden;}
.table_form .add_file_area .add_file_img>img{width:100%;height:auto}
.table_form .add_file_area .add_file_info{padding-left:110px}
.table_form .add_file_area .add_file_info input[type="file"]{display:block;margin-bottom:15px}

/*board_view_area*/
.board_view_area .tit_board{font-size:25px;color:#2d5b79;word-break: break-all;}
.board_view_area .info_board{margin:10px 0;font-size:14px;color:#929292}
.board_view_area .info_board>span{padding-left:20px;position:relative}
.board_view_area .info_board>span:first-child{padding-left:0}
.board_view_area .info_board>span:after{position:absolute;left:10px;top:6px;width:1px;height:8px;background-color:#cccccc;content:''}
.board_view_area .info_board>span:first-child:after{display:none}
.board_view_area .info_board>span.category{color:#10ab5c}
.board_view_area .info_board .prd_navi li{color:#000;font-weight:500;background-position:10px -266px}
.board_view_area .table_form .cell .board_cont{padding:15px 0 80px 0}
.used_prd_area .thum_prd_list{margin-top:8px;padding:0}
.used_prd_area .thum_prd_list .thum_prd{display:inline-block;margin-top:20px;width:291px}
.board_view_area .cell.slide_img{padding:10px 0}
.board_view_area .cell.slide_img .bx-wrapper{margin:0 auto}
.board_view_area .slide_img .view_img_area{display:inline-block;width:700px;height:700px}
.board_view_area .slide_img .view_img_area img{min-width: 500px; max-width: 700px;}
.board_view_area .slide_img .thumb_img_area{padding:19px 0 9px 0;border-top:1px solid #e5e5e5}
.board_view_area .slide_img .thumb_img_area .bx-wrapper{max-width:1032px !important}
.board_view_area .slide_img .thumb_img_area .bx-viewport{width:1032px !important}
.board_view_area .slide_img .thumb_img_area .thumb_img_list li{width:196px !important;}
.board_view_area .slide_img .thumb_img_area .thumb_img_list li a{width:190px;height:190px}
.board_view_area .slide_img .thumb_img_area .thumb_img_list li a img{width:190px !important;height:190px}
.board_view_area .slide_img .thumb_img_area .btn_move button{top:88px}
.board_view_area .slide_img .source{margin-top:20px;text-align:center}
.board_view_area .slide_img .source strong{margin-right:5px;}
.board_view_area .btn {display: block; margin: 0 auto;}

/* 20221114 라솔라 앱 공지 추가 */
.board_view_area .table_form .cell .board_cont>div div{margin: 300px 0 0 0;}
.board_view_area .table_form .cell .board_cont>div div:first-of-type{margin-top: 0px;}
.board_view_area .table_form .cell .board_cont>div div span{display: block; margin:auto; width: 220px; border: 2px solid #4bb29d; color: #4bb29d; text-align: center; padding: 6px 0; box-sizing: border-box; font-size: 32px; font-weight: 500; border-radius: 50px;}
.board_view_area .table_form .cell .board_cont .board_cont_h2{font-size: 60px; margin: 40px 0 10px 0; font-weight: 700; letter-spacing: -0.05em;}
.board_view_area .table_form .cell .board_cont .board_cont_sub{font-size: 35px; line-height: 130%; letter-spacing: -0.05em;}

.board_view_area .app_download{margin: auto;}
.board_view_area .app_download h2{font-size: 60px; font-weight: 700; text-align: center; margin: 0px auto 10px auto;}
.board_view_area .app_download>p{font-size: 35px; text-align: center;}
.board_view_area .app_download ul::after{content: ''; clear: both; display: block;}
.board_view_area .app_download ul{width: 750px; margin: 70px auto 100px auto;}
.board_view_area .app_download ul li{float: left; width: 50%;}
.board_view_area .app_download ul li img{display: block; margin: auto;}
.board_view_area .app_download ul li p{text-align: center; margin: 5px 0 13px 0;}
.board_view_area .app_download ul li a{display: block; width: 220px; margin: auto; padding: 10px 20px; box-sizing: border-box; background-color: #4bb29d; color: white; font-size: 20px; text-align: center;}

.board_view_area .app_download li::after{content: ''; display: inline-block; width: 1px;}

/*customer*/
.inquire_num{margin-bottom:-150px}
.inquire_num .h4_tit{margin-bottom:25px}
.inquire_num .main_num, .inquire_num .sub_num{position:relative;background:#fff;height:110px;padding:0 30px}
.main_num .num_tit{position:absolute;left:30px;top:44px;font-weight:500}
.main_num .ico_phone{margin-right:10px;width:30px;height:22px;background-position:-440px -112px}
.main_num .num{font-size:25px;color:#2d5b79;text-align:right;line-height:110px}
.inquire_num .sub_num .wrap_sec02{margin-top:10px}
.sub_num_list{position:relative}
.sub_num_list p{height:30px;line-height:30px}
.sub_num_list .num{position:absolute;right:0;top:0;font-size:18px}
.sub_num_list strong{margin-right:7px}
.sub_num_list.bo_r:after{display:inline-block;content:'';width:1px;height:10px;background-color:#dcdcdc;position:absolute;top:50%;margin-top:-5px;right:-26px}
.agree_area{padding:30px;text-align:center}
.agree_area .info_box{margin:25px 0 15px 0;padding:20px;height:148px;overflow-y:scroll;text-align:left;background:#fff;border:1px solid #e7e7e7}
.agree_area .info_box p{margin-bottom:7px}
.layout600 .btn_area{margin-top:37px}
.layout600 .bor30_box{margin-top:37px;padding:20px;border:30px solid #f4f4f4;text-align:left}
.inp_box{position:relative;padding-left:140px}
.inp_box .label{position:absolute;left:0;top:10px}
.agency_api{height:515px;background-color:#89abc1}

.agency .agency_list{position:relative;display:block;padding:26px 30px;height:auto}
.agency .name_agency{display: inline-block; font-size:18px;line-height:26px; position: relative; z-index: 0;}
.agency .name_agency > a {position: relative; font-weight: 600;}

.agency .ico_pin{display: inline-block; margin: -4px 8px 0 0;width:15px;height:26px;background: url(/img/sp_com_v2.png) no-repeat 0 0;background-position:-490px -109px; cursor: pointer; vertical-align: middle;}
.agency .name_agency > a:hover .ico_pin,.agency .name_agency > a:focus .ico_pin,.agency .name_agency > a:active .ico_pin {background-position:-516px -109px}
.agency .field_list{margin:13px 0 8px;zoom:1}
.agency .field_list:after{display:block;clear:both;content:''}
.agency .field_list>li{position:relative;float:left;margin:0 0 0 20px;color:#929292;font-size:14px}
.agency .field_list>li:before{display:inline-block;content:'';width:1px;height:8px;background-color:#cccccc;position:absolute;top:50%;margin-top:-4px;left:-11px}
.agency .field_list>li:first-child{margin-left:0}
.agency .field_list>li:first-child:before{display:none}
.agency .agency_list .clear p {position: relative; padding-left: 15px;}
.agency .address:before{position: absolute; left: 0; top: 0; content:'A';font-weight:500;margin-right:12px}
.agency .phone:before{position: absolute; left: 0; top: 0;  content:'T';font-weight:500;margin-right:12px}
.agency .btn_agency{position:absolute;padding:5px 10px;top:26px;right:30px;text-align:center;vertical-align:middle;border: 1px solid #2d5b79;color:#2d5b79;font-size:14px;}
.agency .btn_agency:hover,.btn_agency:active,.btn_agency:focus{text-decoration:none;background-color:#2d5b79;color:#fff}
.agency .ico_sns{display:inline-block;overflow:hidden;background:url(/img/sp_com_v6.png) no-repeat 0 0;line-height:999px;vertical-align:top;width:26px;height:26px;margin-left:7px; position: relative; z-index: 5;}
.agency .ico_sns.blog{background-position: -174px -675px; width: 30px;}
.agency .ico_sns.youtube{background-position:-36px -674px}
.agency .ico_sns.facebook{background-position:-72px -674px}
.agency .ico_sns.insta{background-position: -210px -675px;}
.agency .ico_sns.homepage{background-position: -240px -675px; width: 27px;}

.faq .board_search{width:400px}
.faq .board_search input{width:300px}
.faq .search_area .stxt{position:relative;display:inline-block;margin-left:80px}
.faq .search_area .stxt:before{display:inline-block;content:'';width:1px;height:10px;background-color:#2d5b79;position:absolute;top:50%;margin-top:-5px;left:-40px}
.faq .search_area .btn{position:absolute;right:40px;top:53px}
.faq .table_form .cell.label{text-align:center}
.faq .table_form .faq_question{position:relative;display:block;padding-right:40px}
.faq .table_form .faq_question:after{display:inline-block;position:absolute;content:'';width:18px;height:10px;background:url(/img/sp_com.png) no-repeat -60px -80px;right:0;top:50%;margin-top:-3px}
.faq .table_form .faq_question.open:after{background:url(/img/sp_com.png) no-repeat -82px -80px}
.faq .table_form.faq_replay{background-color:#f2f0ed;display:none}
.faq .table_form.faq_replay.open{display:block}
.faq .table_form.faq_replay .cont_replay{margin:10px 0 0 180px}
.faq .table_form.faq_replay .btn_area{margin:30px 0 20px}


/* 250515 대리점 검색 수정 */
.search_area.cus02 .wrap_selectBox {margin-bottom: 20px;}
.search_area.cus02 .wrap_selectBox:last-child {margin-bottom: 0px;}
.search_area.cus02 .wrap_selectBox > span {display: inline-block; margin-right: 50px; font-weight: 600;}
.search_area.cus02 .wrap_selectBox .ckbox {display: none !important; display: inline-flex; gap: 10px;}
.search_area.cus02 .wrap_selectBox .ckbox button {padding: 0 15px; height: 30px; background-color: #fff;  border: 1px solid #2d5b79; border-radius: 30px; box-sizing: border-box;}
.search_area.cus02 .wrap_selectBox .ckbox button:hover, .search_area.cus02 .wrap_selectBox .ckbox button.active {background-color: #2d5b79; color: #fff;}

.search_area.cus02 .wrap_selectBox .board_search {width: 395px;}
.search_area.cus02 .wrap_selectBox .btn_submit {margin-left: 20px; width: 200px; height: 44px; background-color: #368932; color: #fff;}
/* .wrap_sec02.cus02 .tbl tr th {background-color: #f4f4f4;}
.wrap_sec02.cus02 .tbl td {word-break: break-all;}
.wrap_sec02.cus02 .tbl tr td:nth-of-type(2) {word-break: keep-all;} */
.wrap_sec02.cus02 .board_list .clear>div {float: left; width: 400px;}
/* .wrap_sec02.cus02 .board_list .clear>div:first-child {margin-right: 100px;} */
.wrap_sec02.cus02 .board_list .clear>div:last-child {margin-top: 20px;}
/* .wrap_sec02.cus02 .board_list .clear>div:last-child p {padding-left: 0;} */

.board_info_area .l_sec.agency {display: flex; gap: 10px; align-items: center;}
.board_info_area .l_sec.agency p {display: flex; gap: 3px; align-items: center; font-size: 14px; font-weight: 500;}
.board_info_area .l_sec.agency p span {display: block; padding: 0 5px 0 4px; margin-top: -1px; background:#2d5b79; color:#fff; font-size:12px; border-radius:4px; text-align: center;}

.table_form.agency.body_tag .agency_list .name_agency a:after {content: 'B'; display:inline-block; margin: -2px 0 0 5px; background:#2d5b79; color:#fff; font-size:12px; padding:0px 5px 0 4px; border-radius:4px; vertical-align:middle; line-height: 1.5; font-weight: 400;}
.table_form.agency .agency_list .name_agency > button {content: ''; position: absolute; right: -20px; top: 3px; width: 11px; height: 20px; font-size: 0; vertical-align: middle; border-radius: 50%; background: url(/img/sp_com_v2.png) no-repeat 0 0; background-position: -450px -70px;}
.agency_list .info > p {cursor: pointer;}



/*company*/
.value_list dt{margin-top:25px;font-size:22px;font-weight:500;padding:30px 0 20px 10px}
.value_list dt.value01{color:#007dc4;background: url(/img/sub/bg01_comp0101.png) no-repeat 0 0}
.value_list dt.value02{color:#10ab5c;background: url(/img/sub/bg02_comp0101.png) no-repeat 0 0}
.intro_prd_level1.homdeco{background:url(/img/sub/bg_comp0101.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.homdeco .layout{padding:180px 0 0}
.intro_prd_level1.homdeco .wrap_img{margin-top:70px}
.wrap_cont_ceo{position:relative}
.wrap_cont_ceo .txt_area{margin-top:47px;font-size:18px}
.wrap_cont_ceo .txt_area strong{color:#2d5b79}
.wrap_cont_ceo .txt_area + p {text-align: left}
.wrap_cont_ceo .name_coe{margin:0 10px;font-family:'Nanum Myeongjo', serif;font-size:27px}
.wrap_cont_ceo .img_signature{display:inline-block;margin-top:-7px}
.wrap_cont_ceo .img_signature.mobile {display: none}
.ci .bg_grid{padding:60px 0}
.business .wrap_sec02{background-color:#f4f4f4;padding:30px}
.business .wrap_sec02 strong{margin-right:10px}
.txt_c18{margin-bottom:50px;text-align:center;font-size:18px;font-weight:500}
.company .bg_gray.full{margin-top:80px;padding:80px 0 100px}
.company .h3_tit2{margin-bottom:25px}

.culture_list li{padding:20px;margin-top:30px;background:#fff;text-align:center}
.culture_list li:first-child{margin-top:0}
.culture_list li.cul01{background: url(/img/sub/comp0301_bg01.png) #fff no-repeat 7% 100%}
.culture_list li.cul02{background: url(/img/sub/comp0301_bg02.png) #fff no-repeat 7% 100%}
.culture_list li.cul03{background: url(/img/sub/comp0301_bg03.png) #fff no-repeat 7% 100%}
.culture_list li.cul04{background: url(/img/sub/comp0301_bg04.png) #fff no-repeat 7% 100%}
.culture_list li .tit{margin-bottom:10px;font-weight:500;font-size:22px}
.culture_list li.cul01 .tit{color:#2d5b79}
.culture_list li.cul02 .tit{color:#007dc4}
.culture_list li.cul03 .tit{color:#169fab}
.culture_list li.cul04 .tit{color:#10ab5c}
.pers_sys_list{zoom:1}
.pers_sys_list:after{display:block;clear:both;content:''}
.pers_sys_list li{float:left;width:373px;margin-left:30px;background:#f4f4f4}
.pers_sys_list li:first-child,.pers_sys_list.list02 li:nth-child(4){margin-left:0}
.pers_sys_list li .inner{padding:20px}
.pers_sys_list.list02 li{position:relative;background:#fff;height:140px;margin-bottom:30px}
.pers_sys_list.list02 li .tit{font-weight:500}
.pers_sys_list.list02 li .sp_com{position:absolute;left:40px;top:50%;margin-top:-30px;width:60px;height:60px}
.pers_sys_list.list02 li .sp_com.ico1{background-position:0 -542px}
.pers_sys_list.list02 li .sp_com.ico2{background-position:-62px -542px}
.pers_sys_list.list02 li .sp_com.ico3{background-position:-124px -542px}
.pers_sys_list.list02 li .sp_com.ico4{background-position:-186px -542px}
.pers_sys_list.list02 li .sp_com.ico5{background-position:-248px -542px}
.pers_sys_list.list02 li .sp_com.ico6{background-position:0 -604px}
.pers_sys_list.list02 li .sp_com.ico7{background-position:-62px -604px}
.pers_sys_list.list02 li .sp_com.ico8{background-position:-124px -604px}
.pers_sys_list.list02 li .sp_com.ico9{background-position:-186px -604px}
.pers_sys_list.list02 li .sp_com.ico10{background-position:-248px -604px}
.pers_sys_list.list02 li .inner{padding:30px 20px 30px 140px}

.wrap_history{position:relative;background: url(/img/sub/bg_history.png) repeat-y 0 0;padding-top:40px;font-size:18px}
.wrap_history:before{position:absolute;left:0;top:0;content:'';width:114px;height:40px;background: url(/img/sub/bg_history02.png) no-repeat 0 0}
.wrap_history.his01:after{width:653px;height:200px;content:'';position:absolute;right:0;bottom:0;background: url(/img/sub/bg01_comp0103.png) no-repeat 100% 100%}
.wrap_history.his02:after{width:653px;height:200px;content:'';position:absolute;right:0;bottom:0;background: url(/img/sub/bg02_comp0103.png) no-repeat 100% 100%}
.wrap_history.his03:after{width:653px;height:200px;content:'';position:absolute;right:0;bottom:0;background: url(/img/sub/bg03_comp0103.png) no-repeat 100% 100%}
.year_box{margin-bottom:40px;position:relative;padding-left:145px;padding-top:5px}
.txt_year{position:absolute;left:0;top:0;width:145px;color:#2d5b79;font-size:33px;font-style:italic;line-height:1}
.txt_year:after{content:'';position:absolute;right:27px;top:11px;width:12px;height:12px;background: url(/img/sub/bg_history03.png) no-repeat 0 0}
.his_cont_box .inn{position:relative;padding-left:50px;margin-bottom:5px}
.his_cont_box .txt_month{font-weight:500;position:absolute;left:0;top:0}

.wrap_history .col575.right{position:relative}
.wrap_history .col575.right .wrap_img{margin-bottom:50px}
.wrap_history .col575.right .wrap_img:last-child{margin-bottom:150px}

.tit_network_img{height:200px;background: url(/img/sub/comp04_bg01.jpg) no-repeat 0 0}
.tit_network_img .wrap_img img{margin-top:50px}
.wrap_network_list{border-top:3px solid #2d5b79}
.network_list{padding:30px;border-bottom:1px solid #e5e5e5}
.network_list .network_api{width:100%;height:220px;background-color:#b9b9b9}
.network_list .network_api.newzealand{width:100%;height:220px;background: url(/img/sub/comp04_img03.png) no-repeat 50% 0;background-size:cover}
.network_list .network_api.hochiminh{width:100%;height:220px;background: url(/img/sub/comp04_img04.png) no-repeat 50% 0;background-size:cover}
.network_list .network_api.vietnam{width:100%;height:220px;background: url(/img/sub/comp04_img05.png) no-repeat 50% 0;background-size:cover}
.network_list .txt_area{margin-top:30px}
.network_list .name_network{margin-bottom:10px;font-size:18px}
.network_list .ico_pin{margin-right:8px;width:15px;height:26px;background-position:-516px -109px}
.network_list .address:before{content:'A';font-weight:500;margin-right:12px}
.network_list .phone:before{content:'T';font-weight:500;margin-right:12px}
.network_list .fax:before{content:'F';font-weight:500;margin-right:12px}

/*business*/
.intro_prd_level1.business{background:url(/img/sub/bg_busi01.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.business .sp_com{background-position:-560px -474px}
.intro_prd_level1.business .wrap_img{margin-top:60px}
.features_list{zoom:1;padding:30px}
.features_list:after{display:block;clear:both;content:''}
.features_list li{float:left;background-color:#f4f4f4;margin-left:30px;height:80px;line-height:80px;font-weight:500;width:239px;text-align:center}
.features_list li:first-child{margin-left:0}
.features_list li .sp_com{margin:13px 28px 0 0; width:54px;height:54px}
.features_list li .sp_com.ico_feat01{background-position:-320px -482px}
.features_list li .sp_com.ico_feat02{background-position:-376px -482px}
.features_list li .sp_com.ico_feat03{background-position:-432px -482px}
.interior .bg_gray{padding:30px 0}
.interior .dp_tbl_cell.right{padding:15px 0 0 15px}
.interior h4.h4_tit{margin-bottom:10px}
.tit_box_business{padding:170px 0}
.tit_box_business.busi03t1{background:url(/img/sub/bg_busi03t1.jpg) no-repeat;background-size:cover}
.tit_box_business.busi03t2{background:url(/img/sub/bg_busi03t2.jpg) no-repeat;background-size:cover}
.tit_box_business.busi03t3{background:url(/img/sub/bg_busi03t3.jpg) no-repeat;background-size:cover}
.tit_box_business.busi03t4{background:url(/img/sub/bg_busi03t4.jpg) no-repeat;background-size:cover}

/*privacy*/
.privacy h3.h3_tit{margin-bottom:27px;margin-top:65px}
.privacy p.txt{margin-top:20px}
.privacy dt,.privacy ul,.privacy dd{margin-top:20px}
.privacy dd{padding-left:10px}
.privacy ul li{position:relative;line-height:30px;padding-left:10px}
.privacy ul li:before{content:'-';position:absolute;left:0;top:0}
.privacy p.stxt{font-size:14px;text-align:right;color:#10ab5c}

/*floating ------------------------------------------------------------------*/
.floating{position:fixed;top:85px;right:50%;margin-right: -740px; z-index: 100;}
.floating ul{border:1px solid #e5e5e5;background-color:#fff}
.floating ul li a{display:flex;align-items: center; justify-content: center; width:90px;height:85px;text-align:center}
.floating ul li a:hover{text-decoration:none}
.floating ul li a .sp_com{margin-top:14px;width:50px;height:50px;background-position:0 -482px}
.floating ul li a .sp_com.ico02{background-position:-52px -482px}
.floating ul li a .sp_com.ico03{background-position:-104px -482px}
.floating ul li a .sp_com.ico04{background-position:-156px -482px}
.floating ul li a .sp_com.ico05{background-position:-208px -482px}
.floating ul li a .sp_com.ico06{background-position:-260px -482px}
/* .floating ul li a p {height: 100%; line-height: 98px; } */
/* .floating ul li a p {height: 100%; line-height: 150%; padding: 36px 0px; box-sizing: border-box;}
.floating ul li:nth-of-type(1) a p {padding: 22px 0;} */

/*etc*/
ul.board_222{zoom:1;width:100%}
ul.board_222:after{display:block;clear:both;content:''}
/* ul.board_222 li{float:left;width:33.33%;text-align:center;;margin-bottom:50px} */
ul.board_222 li p{font-weight:500;margin-bottom:15px}
ul.board_222 li img{border:1px solid #e5e5e5;margin-bottom:15px}



/*footer ------------------------------------------------------------*/
#footer{position: relative; background-color:#212121;color:#999;font-size:14px}
#footer .layout{position:relative; display: flex;}
#footer .box:nth-of-type(2) .dpnone span {position: relative; margin-left: 20px;}
#footer .box:nth-of-type(2) .dpnone span:before {content: ''; position: absolute; left: -10px; top: 3px; width: 1px; height: 10px; background-color: #999;}
#footer ul.link_list{display:inline-block;zoom:1;vertical-align:top}
#footer ul.link_list:after{display:block;clear:both;content:''}
#footer ul.link_list li{position: relative; padding-left:20px;float:left;}
#footer ul.link_list li:before {content: ''; position: absolute; left: 10px; top: 5px; width: 1px; height: 10px; background-color: #999;}
#footer ul.link_list li:first-child{padding-left:0;}
#footer ul.link_list li:first-child:before {display: none;}
#footer ul.link_list li a{display:block; color:#999}
#footer ul.link_list li a strong{color:#dfd9d1}
.right_area{position:absolute;top:0;right:50px;padding-top:13px}
.counseling span{display: block; margin-bottom: 5px; font-size: 18px; color: #fff;}
.counseling .num{display: block; font-size:33px;font-weight: 600;}
.family_site{display:inline-block;position:relative;}
.family_site .btn_select{display:inline-block;padding:0 20px;width:160px;height:45px;line-height:45px;background-color:#fff;text-decoration:none}
.family_site .btn_select:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000000}
.family_site.open .btn_select:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000000;border-top:none}
.family_site .selec_link{display:none;position:absolute;bottom:100%;left:0;width:100%;background-color:#f4f4f4;z-index: 1}
.family_site.open .selec_link{display:block}
.family_site .selec_link a{display:block;padding:5px 20px;text-decoration:none}
.family_site .selec_link a:hover{background-color:#cedae2}

#footer .layout .box {padding: 40px 0 35px; border-right: 1px solid #4d4d4d;}
#footer .layout .box:nth-of-type(1) {padding-right: 60px;}
#footer .layout .box:nth-of-type(2) {width: 645px; padding: 40px 60px 35px; box-sizing: border-box;}
#footer .layout .box:last-child {padding-left: 60px; border-right: none;}
#footer .footer_logo{margin-bottom:40px;width:130px;height:50px;background-position:-150px 0}
#footer p .bl{margin:0 10px;width:1px;height:27px;background-position:-10px -205px}
#footer p, #footer a {letter-spacing: -0.5px;}
#footer .layout .box:nth-of-type(2) p {margin-bottom: 20px;}
#footer .wrap_sns {display: flex; align-items: center; gap: 20px; margin-bottom: 75px; width: 130px;}
#footer .wrap_sns a {width: 31px; height: 32px; font-size: 0; background: url(/img/sp_com.png) no-repeat;}
#footer .wrap_sns .yout {background-position: -320px -638px;}
#footer .wrap_sns .insta {background-position: -350px -638px;}
/* #footer .wrap_sns .maru {background-position: -381px -638px;} */




/*popup------------------------------------------------------------*/
body.popup{min-width:auto}
.wrap_popup{padding:23px 30px 30px}

body.popup_main{position:relative;margin:0;min-width:auto;}
body.popup_main .close_txt_area{height:40px;line-height:40px;padding-left:20px}
body.popup_main .close_txt_area input[type=checkbox]{margin-left:10px}

/*popup_prd------------------------------------------------------------*/
.wrap_popup_prd{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);z-index:999}
.popup_prd{position:relative;background:#fff;width:650px;height:730px}
.popup_prd .prd_name{height:80px;line-height:80px;color:#2d5b79;font-size:25px;padding:0 30px;text-align:left;background-color:#f2f0ed}
.popup_prd img{width:650px;height:650px}
.popup_prd button.ico_close{position:absolute;top:20px;right:20px;width:40px;height:40px;background-position:-582px -112px}

.pc_none{display:none}


/*popup_매장정보------------------------------------------------------------*/
.popup_overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,.5); z-index: 10000;}
.popup_overlay.active {display: flex; align-items: center; justify-content: center;}
.popup_overlay .popup {position: relative; width: 460px; min-height: 600px; background: white; z-index: 1000; box-sizing: border-box;}
.popup_overlay .popup .btn_close {position: absolute; top: 30px; right: 20px; width: 21px; height: 21px; font-size: 0; background: url(/img/sp_com_v2.png) no-repeat; background-position: -592px -121px;}
.popup_overlay .popup .top {padding: 30px 20px; border-bottom: 1px solid #e5e5e5;}
.popup_overlay .popup .top .name h3 {font-size: 18px; font-weight: bold;}
.popup_overlay .popup .top .sort {display: flex; flex-wrap: wrap; align-content: center; gap: 2px 10px; margin-top: 20px;}
.popup_overlay .popup .top .sort li {position: relative; margin-bottom: 0; font-size: 14px; color: #929292;}
.popup_overlay .popup .top .sort li:after {content: ''; position: absolute; right: -6px; top: 6px; width: 1px; height: 8px; background-color: #ccc;}
.popup_overlay .popup .top .sort li:last-child:after {display: none;}
.popup_overlay .popup .top .info {display: flex; flex-direction: column; gap: 10px; margin-top: 20px;}
.popup_overlay .popup .top .info li {float: none; position: relative; padding-left: 30px; margin-bottom: 0;}
.popup_overlay .popup .top .info li:before {content: ''; position: absolute; left: 0; top: 1px;}
.popup_overlay .popup .top .info .addr:before {width: 17px; height: 22px; background: url(/img/sp_com_v2.png) no-repeat; background-position: -490px -146px;}
.popup_overlay .popup .top .info .phone:before {width: 22px; height: 23px; background: url(/img/sp_com_v2.png) no-repeat; background-position: -440px -146px;}

.popup_overlay .popup .bottom {padding: 30px 20px;}
.popup_overlay .popup .bottom dl {margin-bottom: 30px; font-size: 16px;}
.popup_overlay .popup .bottom dl:last-child {margin-bottom: 0;}
.popup_overlay .popup .bottom dl dt {margin-bottom: 10px; font-size: 16px; font-weight: bold;}
.popup_overlay .popup .bottom dl dd {font-size: 14px;}
.popup_overlay .popup .bottom dl dd .sns {display: flex; align-items: center; gap: 5px; margin-bottom: 10px;}
.popup_overlay .popup .bottom dl dd .sns:last-child {margin-bottom: 0;}
.popup_overlay .popup .bottom dl dd .ico_sns {display:inline-block;overflow:hidden;background:url(/img/sp_com_v6.png) no-repeat 0 0;line-height:999px;vertical-align:top;width:26px;height:26px;margin-left:7px; position: relative; z-index: 5; flex-shrink: 0;}
.popup_overlay .popup .bottom dl dd .ico_sns.blog{background-position: -174px -675px; width: 30px;}
.popup_overlay .popup .bottom dl dd .ico_sns.youtube{background-position:-36px -674px}
.popup_overlay .popup .bottom dl dd .ico_sns.facebook{background-position:-72px -674px}
.popup_overlay .popup .bottom dl dd .ico_sns.insta{background-position: -210px -675px;}
.popup_overlay .popup .bottom dl dd .ico_sns.homepage{background-position: -240px -675px; width: 27px;}


@media screen and (max-width:640px){
    .popup_overlay {z-index: 1000000000}
    .popup_overlay .popup {width: calc(100% - 30px); height: auto; min-height: auto;}
    .popup_overlay .popup .btn_close {top: 15px;}
    .popup_overlay .popup .top {padding: 15px;}
    .popup_overlay .popup .bottom {padding: 15px; max-height: 320px; overflow-y: scroll;}
    .popup_overlay .popup .bottom dl {margin-bottom: 20px;}

}


/*200520 원목마루 추가------------------------------*/
.add_info_box .logo_brand .sp_bi.prd01_03 {width: 190px; background-position: 0 -510px}

div[class^='txt_box'] {position: relative; padding: 15px 25px 15px 110px; margin-bottom: 30px; width: 100%; background-color: #f4f4f4; box-sizing: border-box}
.txt_box01 {margin-top: 50px}
div[class^='txt_box'] p {font-size: 16px; letter-spacing: -1.5px; word-break: break-all}
div[class^='txt_box'] .tit {margin-bottom: 2px; font-weight: 600}
div[class^='txt_box']:before {content: ''; display: block; position: absolute; left: 25px}
.txt_box01:before {top: 12px; width: 56px; height: 56px; background: url(/img/product/prd0103_icon01.png) no-repeat}
.txt_box02:before {top: 13px; width: 56px; height: 56px; background: url(/img/product/prd0103_icon02.png) no-repeat}
.txt_box03:before {top: 14px; width: 56px; height: 56px; background: url(/img/product/prd0103_icon03.png) no-repeat}
.txt_box04:before {top: 10px; width: 56px; height: 58px; background: url(/img/product/prd0103_icon04.png) no-repeat}
.wrap_img.img {margin-top: 50px} 



/* 231121 팝업 추가 */
.popUp {position: fixed; left: 50%; top: 50%; margin-left: -250px; margin-top: -320px; width: 500px; height: 624px; z-index: 100;}
.popUp::before {content: ''; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1}
.popUp a{display: block;}
.popUp .txt a:hover, .popUp .txt a:active, .popUp .txt a:focus {text-decoration: none;}

.popUp .footer {position: relative;}
.popUp .footer {margin-top: 10px;}
.popUp .footer input {vertical-align: baseline; cursor: pointer;}
.popUp .footer label {color: #fff; cursor: pointer;}
.popUp .footer button {position: absolute; right: 10px; bottom: 0px; color: #fff;}
.popUp .footer .btn_close{display: flex; gap: 0 10px; align-items: center;}
.popUp .footer .btn_close img{width: 15px; height: 15px; position: relative; top: 1px;}
.popUp .footer .btn_close p{font-size: 16px;}


/* 200619 sb마루(스톤) 추가 */
.add_info_box .logo_brand .sp_bi.prd01_04 {width: 182px; background-position: -202px -510px}
.add_info_box .character_list.small li {font-size: 16px}
.layout840 .youtube {position: relative; margin-top: 50px; width: 100%}
.youtube:before { content: ""; display: block; padding-top: 56%}
.youtube .content {position: absolute; top: 0px; right: 0; bottom: 0; left: 0; display: inline-block; width: 100%; height: 100%}
.youtube .content img, .youtube .content iframe {width: 100%; height: 100%;}

.prd04 .txt_par {position: relative; padding-left: 55px;}
.txt_par.line-1 {line-height: 40px;}
.prd04 i[class^='prd04'] {position: absolute; left: 0; top: 3px; width: 40px; height: 40px;}
.prd04 .prd04_icon01  {background: url(/img/product/prd0104_icon01.png) no-repeat;}
.prd04 .prd04_icon02 {background: url(/img/product/prd0104_icon02.png) no-repeat;}
.prd04 .prd04_icon03 {background: url(/img/product/prd0104_icon03.png) no-repeat;}
.prd04 .prd04_icon04 {background: url(/img/product/prd0104_icon04.png) no-repeat;}
.prd04 .prd04_icon05 {background: url(/img/product/prd0104_icon05.png) no-repeat;}
.prd04 .prd04_icon06 {background: url(/img/product/prd0104_icon06.png) no-repeat;}
.prd04 .prd04_icon07 {background: url(/img/product/prd0104_icon07.png) no-repeat;}


/* 201214 지속가능경영 추가 */
/* 환경경영 */
.tab_areas [id^="tab_cont"] {display: none}
.tab_areas [id^="tab_content"].active {display: block}

.intro_prd_level1.enviroment {background: url(/img/sub/env01_img01.png);}
.intro_prd_level1.enviroment h2 {margin: 140px 0 5px; font-size: 36px; font-weight: 500;}
.intro_prd_level1.enviroment p {font-size: 20px;}

.envi dl.clear {margin-bottom: 100px;}
.envi dl.clear dt {float: left; width: 170px; font-size: 18px; color: #2d5b79; font-weight: 500;}
.envi dl.clear dt>span {display: inline-block;}
.envi dl.clear:nth-child(2) dt>span {margin-top: 65px;}
.envi dl.clear:nth-child(3) dt>span {margin-top: 70px;}
.envi dl.clear dd {float: left; width: calc(100% - 170px);}
.envi dl.clear:nth-child(1) dd p {font-size: 32px; line-height: 1; font-weight: 500;}
.envi dl.clear:nth-child(2) dd ul li {float: left; position: relative; padding: 50px 25px 50px 92px; width: 336px; height: 153px; box-sizing: border-box;font-size: 18px; z-index: 1; letter-spacing: -1.5px; word-break: break-all;}
.envi dl.clear:nth-child(2) dd ul .li01 {background: url(/img/sub/env01_img0201.png) no-repeat; color: #007dc4; background-size: contain;}
.envi dl.clear:nth-child(2) dd ul .li02 {background: url(/img/sub/env01_img0202.png) no-repeat; color: #169fab; background-size: contain;}
.envi dl.clear:nth-child(2) dd ul .li03 {background: url(/img/sub/env01_img0203.png) no-repeat; color: #10ab5c; background-size: contain;}
.envi dl.clear .sub_tit {padding: 20px 0; margin-bottom: 20px; width: 100%; height: 72px; border: 2px solid #2d5b79; font-size: 22px; text-align: center; border-radius: 50px; font-weight: 500; box-sizing: border-box; color: #2d5b79; line-height: 1.2;}
.envi dl.clear:nth-child(3) dd ul li {float: left; padding: 35px 0; margin-right: 25px; width: calc((100% - 50px)/3); height: 180px; background-color: #f4f4f4; box-sizing: border-box; text-align: center; font-weight: 500;}
.envi dl.clear:nth-child(3) dd ul li:last-child {margin-right: 0;}
.envi dl.clear:nth-child(3) dd ul li span {display: block; margin-bottom: 30px; font-size: 22px; color: #2d5b79; line-height: 1; text-align: center;}
.envi dl.clear:nth-child(3) dd ul li:last-child span {margin-bottom: 18px;}

.tab_areas.envi #tab_content2 .layout840 {padding: 20px 0; }
.tab_areas.envi #tab_content2 .layout840 .wrap_img {display: flex; justify-content: center; gap: 30px;}
.tab_areas.envi #tab_content2 .layout840 .wrap_img dl {width: calc(100% - 30px);}
.tab_areas.envi #tab_content2 .layout840 .wrap_img dl dt {margin-top: 15px; font-size: 16px; font-weight: 500;}
.tab_areas.envi #tab_content2 .layout840 .wrap_img dl dd img {width: 100%;}

.tab_areas.envi #tab_content3 {zoom: 1}
.tab_areas.envi #tab_content3:after {clear: both; content: ''; display: block;}
.tab_areas.envi #tab_content3 dl {float: left; margin: 0 30px 40px 0; width: calc((100% - 30px)/2); }
.tab_areas.envi #tab_content3 dl:nth-child(even) {margin-right: 0;}
.tab_areas.envi #tab_content3 dl>dt, .tab_areas.envi #tab_content4 dl>dt {margin-bottom: 25px; color: #2d5b79; font-size: 22px;font-weight: 500; line-height: 1;}
.tab_areas.envi #tab_content3 dl>dd .wrap_img {padding: 25px 0; margin-bottom: 20px; background-color: #f4f4f4;}
.tab_areas.envi #tab_content3 dl>dd p {margin-bottom: 5px;}

/* 20250624 탭4 추가 */
.tab_areas.envi #tab_content4 .bg_blue + p {font-size: 20px; width: fit-content; margin: 20px auto 50px auto;}
.tab_areas.envi #tab_content4 table {width: 100%; margin-bottom: 60px; box-sizing: border-box; border: 1px solid #e5e5e5;}
.tab_areas.envi #tab_content4 table tr {border: 1px solid transparent;}
.tab_areas.envi #tab_content4 table td {padding: 5px 10px;}
.tab_areas.envi #tab_content4 table td.ta-center {text-align: center;}
.tab_areas.envi #tab_content4 table thead td {color: #fff; font-size: 18px; text-align: center; background-color: #2d5b79;}
.tab_areas.envi #tab_content4 table thead td:not(:last-child) {border-right: 1px solid #fff;}
.tab_areas.envi #tab_content4 table tbody td {border: 1px solid #e5e5e5;}
.tab_areas.envi #tab_content4 table tbody td ol li {list-style: decimal; margin-inline-start: 15px;}

/* 20230628  지속가능경영 환경경영 추가*/
.wrap_img.enseem img {width: 35.3%;}

/* 윤리경영 */
.intro_prd_level1.ethics {background: url(/img/sub/env02_img01.png);}
.intro_prd_level1.ethics h2 {margin: 100px 0 5px; font-size: 36px; font-weight: 500;}
.intro_prd_level1.ethics p {font-size: 20px;}

.bg_gray.ptb30 {padding: 30px 0; }
.dp_tbl.ethics .dp_tbl_cell.right {padding: 13px 20px 20px; box-sizing: border-box;}
.dp_tbl.ethics .dp_tbl_cell.right .guide_tit {margin-bottom: 15px; font-size: 22px; color: #2d5b79; font-weight: 500;}
.dp_tbl.ethics .dp_tbl_cell.right ul {margin-bottom: 25px;}
.dp_tbl.ethics .dp_tbl_cell.right ul>li {position: relative; padding-left: 13px; font-size: 18px;}
.dp_tbl.ethics .dp_tbl_cell.right ul>li:before {content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -1.5px; width: 3px; height: 3px; background-color: #bca78a;}
.dp_tbl.ethics .dp_tbl_cell.right a {display: inline-block; width: 188px; height: 45px; font-size: 16px; text-align: center; line-height: 45px; color: #fff; background-color: #2d5b79; text-decoration: none;}
.ethics.ptb30 {padding: 30px 0;}


/* 사회공헌 */
.intro_prd_level1.social {background: url(../img/sub/env03_img01.png); background-size: cover;}
.intro_prd_level1.social h2 {margin: 100px 0 10px; font-size: 36px; font-weight: 500;}
.intro_prd_level1.social p {font-size: 20px;}
.h4_tit.social {margin-bottom: 10px;}
.wrap_social {margin: 20px 0 40px;}
.wrap_social:after {clear: both; content: ''; display: block;}
.wrap_social dl {float: left;}
.wrap_social dl:first-child {margin-right: 30px;}
.wrap_social dl:last-child {margin-top: 15px; width: 100%;}
.wrap_social dl dt {position: relative; padding-left: 15px; margin-bottom: 15px; font-size: 16px; font-weight: 500;}
.wrap_social dl dt:before {content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #bca78a;}
.wrap_social dl dd {text-align: left;}
.wrap_social dl dd img {display: inline-block; margin-left: -1.5px;}
.h4_tit.social + .wrap_img img:last-child {width: 235px; height: 226px;}


/* 210715 지속가능경영보고서 추가 */
.report .bg_gray {padding: 30px 0;}
.report .bg_gray .dp_tbl_cell {position: relative; width: 50%;}
.report .bg_gray .dp_tbl_cell .wrap_img {width: calc(100% - 15px); height: 260px; background-color: #fff;}
.report .bg_gray .dp_tbl_cell .wrap_img img {display: block; margin: 0 auto; height: 100%;}
.report .bg_gray .dp_tbl_cell.right {padding-left: 15px;}
.report .bg_gray .dp_tbl_cell.right p {margin-top: 15px; font-size: 22px; font-weight: 500; color: #2d5b79;}
.report .bg_gray .dp_tbl_cell.right .wrap_btn {/* position: absolute; bottom: 20px; left: 15px; */ margin-top: 10px; width: 100%;}


/* 210910 펫마루 추가 */
.add_info_box .logo_brand .sp_bi.prd01_08{width:170px;background-position:0px -620px}

.ck_list {margin-bottom: 15px; zoom: 1;}
.ck_list::after {clear: both; content: ''; display: block;}
.ck_list li {float: left; padding: 10px 15px; margin-right: 15px; width: 270px; height: 45px; background-color: #f4f4f4; box-sizing: border-box; font-size: 16px; color: #2d5b79; font-weight: 500;}
.ck_list li:last-child {margin-right: 0;}
.ck_list li:before {content: ''; display: inline-block; margin: -3px 10px 0 0; width: 27px; height: 20px; background: url(../img/product/icon_ck.png) no-repeat; vertical-align: middle;}
.ck_list + strong {font-size: 16px;}
.ck_list + strong em {color: #2d5b79;}

.pet {margin-top: 50px; zoom: 1}
.pet:after {content: ''; display: block; clear: both;}
.pet li {float: left; margin-right: 15px; width: 155px; word-break: break-all;}
.pet li:last-child {margin-right: 0;}
.pet li img {margin-bottom: 15px; width: 100;}
.pet li strong {display: block; margin-bottom: 10px; font-size: 16px; color: #5488b4;}
.pet li p {padding-right: 15px; font-size: 16px;}

div[class^='pet_exp'] {padding: 35px 45px 30px; margin: 40px 0 30px; width: 100%; border: 1px solid #dcdcdc; box-sizing: border-box;}
div[class^='pet_exp'] strong {font-size: 20px; color: #218049; line-height: 1;}
.pet_exp01 dl {margin-top: 15px; zoom: 1}
.pet_exp01 dl:after {content: ''; display: block; clear: both;}
.pet_exp01 dl dt {float: left; width: 385px; vertical-align: top;}
.pet_exp01 dl dt p {margin-top: 15px; font-size: 16px;}
div[class^='pet_exp'] em {color: #218049;}
.pet_exp01 dl dd {float: right;}
.pet_exp02 strong {margin-bottom: 0;}
.pet_exp02 img {display: block; margin: 35px auto 40px;}
.pet_exp02 table caption {display: table-caption; position: relative; left: auto; top: auto; margin-bottom: 15px; width: auto; height: auto; overflow: auto; font-size: 16px; text-align: left; line-height: 1.5; white-space: inherit;}
.pet_exp02 table caption em {font-weight: 500;}
.pet_exp02 table {border-top: 3px solid #2d5b79;}
.pet_exp02 table th {letter-spacing: -2px;}
.pet_exp02 table tr.cl_g td { color: #218049; font-weight: 500;}
.pet_exp02 .small {margin-top: 10px; text-align: right; font-size: 14px;}

.greyBox li {padding: 10px 20px; margin-bottom: 20px; width: 100%; font-size: 16px; font-weight: 500; background-color: #f4f4f4; box-sizing: border-box;} 
.greyBox li:last-child {margin-bottom: 0;}

.wrap_pet {padding: 30px; width: 100%; height: 410px; border: 1px solid #dcdcdc; box-sizing: border-box; zoom: 1}
.wrap_pet:after {content: ''; display: block; clear: both;}
.wrap_pet img {display: block; float: left; width: 335px;}
.wrap_pet .cont {float: right; width: 400px;}
.wrap_pet .cont p {font-size: 16px;}
.wrap_pet .cont .exp {position: relative; font-size: 14px; color: #5488b4;}
.wrap_pet .cont .exp:nth-of-type(3) {padding-left: 80px; box-sizing: border-box; width: 100%;}
.wrap_pet .cont .exp:nth-of-type(3) span {position: absolute; left: 0; top: 4px; width: 70px; height: 35px; background-color: #5488b4; color: #fff; text-align: center; line-height: 35px; font-weight: 600;}

.float_grid {zoom: 1}
.float_grid:after {content: ''; display: block; clear: both;}
.float_grid .float_l {float: left; width: 50%;}
.float_grid .float_r {float: right;}


/* 210929_메인 슬라이드 추가 */
/* .main_visual_list li.main_visual06 {background-image:url(/img/main/bg_main06.jpg)}  */
.main_visual_list li.main_visual06 .mobile {display: none;}
.main_visual_list li.main_visual06 .wrap_tit {position: absolute; left: 50%; margin-left: -481.5px; top: 204px; width: 963px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.main_visual_list li.main_visual06 .wrap_tit .top {width: 100%; height: 40px; background-color: #2d5b79; color: #fff; text-align: center; font-size: 20px; line-height: 40px;}
.main_visual_list li.main_visual06 .wrap_tit .box {zoom: 1}
.main_visual_list li.main_visual06 .wrap_tit .box:after {content: ''; display: block; clear: both;}
.main_visual_list li.main_visual06 .wrap_tit .box a {float: left; position: relative; display: block; width: 33.3%; height: 230px; background: rgba(0,0,0,.5); text-align: center; box-sizing: border-box;}
.main_visual_list li.main_visual06 .wrap_tit .box>a p {margin-top: 25px; font-size: 20px; color: #fff;}
.main_visual_list li.main_visual06 .wrap_tit .box>a p br {display: none;}
.main_visual_list li.main_visual06 .wrap_tit .box>a strong {display: block; margin-top: 5px; font-weight: 500; font-size: 36px; color: #fff;}
.main_visual_list li.main_visual06 .wrap_tit .box>a strong:after {content: ''; display: block; margin: 10px auto 0; width: 40px; height: 4px; background-color: #fff;}
.main_visual_list li.main_visual06 .wrap_tit .box>a i {position: absolute; bottom: -61px; left: 50%; margin-left: -61px; width: 122px; height: 122px; border-radius: 50%;}
.main_visual_list li.main_visual06 .wrap_tit .box01 i {background:url(/img/main/visual06_icon01.png) #bca78a no-repeat 50%}
.main_visual_list li.main_visual06 .wrap_tit .box02 i {background:url(/img/main/visual06_icon02.png) #bca78a no-repeat 50%}
.main_visual_list li.main_visual06 .wrap_tit .box03 i {background:url(/img/main/visual06_icon03.png) #bca78a no-repeat 50%}


/* 220105- sb리얼텍스처 추가 */
.add_info_box .logo_brand .sp_bi.prd01_05 {margin-top: 20px; width: 278px; background-position: -185px -618px;}
.prd05 .txt_par {position: relative; padding-left: 55px;}
.prd05 i[class^='prd05'] {position: absolute; left: 0; top: 3px; width: 40px; height: 40px;}
.prd05 .prd05_icon01 {background: url(/img/product/prd0105_icon01.png) no-repeat;}
.prd05 .prd05_icon02 {background: url(/img/product/prd0105_icon02.png) no-repeat;}
.prd05 .prd05_icon03 {background: url(/img/product/prd0105_icon03.png) no-repeat;}
.prd05 .prd05_icon04  {background: url(/img/product/prd0104_icon01.png) no-repeat;}
.prd05 .prd05_icon05 {background: url(/img/product/prd0104_icon02.png) no-repeat;}
.prd05 .prd05_icon06 {background: url(/img/product/prd0105_icon06.png) no-repeat;}
.prd05 .prd05_icon07 {background: url(/img/product/prd0104_icon04.png) no-repeat;}
.prd05 .prd05_icon08 {background: url(/img/product/prd0104_icon05.png) no-repeat;}
.prd05 .prd05_icon09 {background: url(/img/product/prd0104_icon07.png) no-repeat;}


/* 220217 라솔라 & 리빙페어 추가 */
.main_visual07 .mobile {display: none;}
.main_visual07 .mobile a:first-child img {height: 165px;}
.main_visual07 .mobile a:last-child img {margin-top: -1px; height: 206px;}

.comp_05 {padding: 65px 0 0;}
.comp_05 .page_tit {padding-bottom: 35px; margin: 0 auto; width: 354px; font-size: 50px; font-weight: 300; border-bottom: 1px solid #493826; text-align: center; letter-spacing: -4.5px;}
.comp_05 .page_tit span {display: block; font-size: 20px; font-weight: 500; letter-spacing: -1.5px;}
.comp_05 .exp {margin-top: 40px; font-size: 17px; font-weight: 500; line-height: 1.8; text-align: center;}
.comp_05 .exp span {display: inline-block; width: 124px; height: 23px; background: url(/img/sub/lasola.png) no-repeat; background-size: cover; font-size: 0; vertical-align: text-top;}
.comp_05 .lasola_bg {display: block; margin: 45px auto 60px;}
.comp_05 .h3_tit {margin-bottom: 50px; font-size: 26px; font-weight: 500; line-height: 1; color: #000;}
.comp_05 .p_exp {margin: -20px auto  40px; font-size: 17px; font-weight: 500; line-height: 1.8; text-align: center;}
.comp_05 .philosophy {display: flex; margin: 0 auto 50px; width: 660px;}
.comp_05 .philosophy img:first-child {margin-right: 40px;}
.comp_05 .philosophy + p {margin: 0 auto 150px; width: 725px; font-size: 18px; font-weight: 500; letter-spacing: -1.5px; word-break: keep-all; line-height: 1.7;}
.comp_05 .philosophy + .txt span {display: inline-block; width: 117px; height: 21px; background: url(/img/sub/lasola.png) no-repeat; background-size: cover; font-size: 0; vertical-align: text-top;}  
.comp_05 .b_txt {margin: -30px 0 50px; font-size: 18px; font-weight: 500; letter-spacing: -1.5px; word-break: keep-all; line-height: 1.7;}
.comp_05 .b_txt span {display: inline-block; width: 117px; height: 21px; background: url(/img/sub/lasola.png) no-repeat; background-size: cover; font-size: 0; vertical-align: text-top;}
.comp_05 img.brand {display: block; margin: 0 auto 115px;}
.comp_05 img.brand ~ .txt {font-size: 18px; font-weight: 500;}
.comp_05 img.brand + .txt span {display: inline-block; margin: -6px 5px 0 0; width: 63px; height: 20px; background: url(/img/sub/lasola.png) no-repeat; background-size: cover; vertical-align: middle; font-size: 0;}
.comp_05 .bottom_logo {display: block; margin: 0 auto 25px;}
div[class^='comp_05'] .video {position: relative; margin: 50px auto 0; width: 690px;}
div[class^='comp_05'] .video:after {content: ''; display: block; padding-top: 58%;}
div[class^='comp_05'] .video iframe {position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%;}


.comp_05_02 {padding: 65px 0 0;}
.comp_05_02 .page_tit {font-size: 50px; font-weight: 300; text-align: center;}
.comp_05_02 .page_tit span {display: block; font-size: 24.51px; font-weight: 500;}


.comp_05_02 .fair_intro {position: relative; padding: 140px 0 40px; margin-top: 130px; width: 100%; text-align: center; background-color: #7ebeb7; }
.comp_05_02 .fair_intro:before {content: ''; display: block; position: absolute; top: -90px; left: 50%; transform: translateX(-50%); width: 184px; height: 185px; background: url(/img/sub/fair.png) no-repeat; background-size: cover;}
.comp_05_02 .fair_intro .tit {margin-bottom: 30px; font-size: 42px;}
.comp_05_02 .fair_intro .tit span {display: block; margin: 0 auto 10px; width: 183px; height: 80px; background: url(/img/sub/detail_logo_L.png) no-repeat; background-size: cover; font-size: 0;}
.comp_05_02 .fair_intro .tit span.lasola_txt{display: inline-block; width: 148px; height: 48px; background: url(/img/sub/lasola_txt.png) no-repeat;}


.comp_05_02 .fair_intro .tit em {font-weight: 400;}
.comp_05_02 .fair_intro .tit i {position: relative; font-style: normal;}
.comp_05_02 .fair_intro .tit i:before {content: ''; display: inline-block; margin: -6px 10px 0 0; width: 4px; height: 29px; background-color: #000; vertical-align: middle;}
.comp_05_02 .fair_intro .tit i:after {content: ''; display: inline-block; margin: -6px 0 0 10px; width: 4px; height: 29px; background-color: #000; vertical-align: middle;}
.comp_05_02 .fair_intro .txt {font-size: 20px; font-weight: 500; line-height: 1.7;}
.comp_05_02 .fair_intro .txt b {font-weight: 700;}

.comp_05_02 .info {display: flex; width: 100%; background-color: #000; justify-content: center;}
.comp_05_02 .info li {position: relative; padding: 33px 0 33px 60px; width: calc((100% - 40px) / 2);}
.comp_05_02 .info li:first-child {text-align: center;}
.comp_05_02 .info li:first-child:after {content: ''; position: absolute; right: 0px; top: 37px; width: 1px; height: 43px; background-color: #fff;}
.comp_05_02 .info li p {position: relative; display: inline-block; color: #fff; font-size: 20px; padding-left: 85px;}
.comp_05_02 .info li p span {position: absolute; left: 0; top: 0px; font-weight: 500;}

.comp_05_02 .graphics {position: relative; padding: 55px 0 50px 0; width: 100%; background-color: #d3c49b; box-sizing: border-box;}
.comp_05_02 .graphics::before {content: ''; position: absolute; left: 75px; top: 50%; transform: translateY(-50%) rotate(180deg); width: 29px; height: 152px; background: url(/img/sub/graphics02.png) no-repeat; background-size: cover;}
.comp_05_02 .graphics::after {content: ''; position: absolute; right: 75px; top: 50%; width: 29px; height: 152px; background: url(/img/sub/graphics02.png) no-repeat; background-size: cover; transform:translateY(-50%);}
.comp_05_02 .graphics p {width: 440px; font-size: 16px; line-height: 1.7; font-weight: 500; text-align: left; margin: auto;}
.comp_05_02 .graphics strong {display: block; font-weight: 700; width: 440px; margin: 30px auto 0px auto;}

.comp_05_02 .list {margin-top: -1px; display: flex;}
.comp_05_02 .list img {width: 50%;}

.comp_05_02 .lineUp {display: flex; position: relative; padding: 225px 70px 80px; margin: 0 auto; width: 825px;}
.comp_05_02 .lineUp::before {content: ''; position: absolute; left: 0; top: 100px; width: 510px; height: 80px; background: url(/img/sub/lineup.png) no-repeat; background-size: cover;}
.comp_05_02 .lineUp li {margin-right: 52px; width: 240px; box-sizing: border-box;}
.comp_05_02 .lineUp li:last-child {margin-right: 0;}
.comp_05_02 .lineUp li span {display: block; margin-bottom: 15px; font-size: 20px; font-weight: 700; line-height: 1;}
.comp_05_02 .lineUp li p {font-size: 16px; word-break: keep-all; line-height: 1.7; font-weight: 500; text-align: left; letter-spacing: -1.5px;}
.comp_05_02 .lineUp li .exp {margin-top: 29px;}

.comp_05_02 .product {padding: 0 70px; margin: 0 auto; width: 825px;}
.comp_05_02 .product .exp {margin-bottom: 50px; width: 100%; font-size: 16px; text-align: right;}
.comp_05_02 .product .clear {width: 100%; border-left: 1px solid #000; border-right: 1px solid #000;}
.comp_05_02 .product .left {float: left; width: 537px; box-sizing: border-box;}
.comp_05_02 .product .right {float: left; width: 288px; border-left: 1px solid #000; box-sizing: border-box;}
.comp_05_02 .product .items {padding: 0 35px; box-sizing: border-box;}
.comp_05_02 .product .left .items:nth-of-type(1):after, .comp_05_02 .product .right .items:nth-of-type(1):after, .comp_05_02 .product .right .items:nth-of-type(2):after {content: ''; display: block; margin: 35px auto 40px; width: calc(100%- 70px); height: 1px; background-color: #000;}
.comp_05_02 .product .items strong {display: block; margin-bottom: 60px; font-size: 20px; font-weight: 700; line-height: 1;}
.comp_05_02 .product .items .item__box {display: inline-block; margin-bottom: 20px;}
.comp_05_02 .product .left .items .item__box {width: calc((100% - 40px) / 2); vertical-align: top;}
.comp_05_02 .product .left .items .item__box:nth-child(odd) {margin-left: 37px;}
.comp_05_02 .product .left .items .item__box:hover, .comp_05_02 .product .left .items .item__box:focus, .comp_05_02 .product .left .items .item__box:active {text-decoration: none;}
.comp_05_02 .product .items .item__box p {font-size: 10px; font-weight: 500; line-height: 1;}
.comp_05_02 .product .items .item__box p span {display: inline-block; margin-right: 5px; font-family: 'gothambold1'; font-size: 17.5px; vertical-align: text-bottom; font-weight: 700;}
.comp_05_02 .product .items .item__box p span.row_2 {margin-top: -25px; line-height: 1.2;}
.comp_05_02 .product .items .item__box img {margin-top: 15px; width: 100%;}



#container.lasola {position: relative; padding: 70px; margin: 0 auto; width: 966px; height: 100%; box-sizing: border-box;}
#container.lasola:before {content: ''; display: block; position: absolute; left: -580px; top: 0; width: 1000px; height: 100%; background-color: #f9f9f9; z-index: -1;}
#container.lasola .h1_tit {position: absolute; top: 70px; left: 70px; width: 127px; height: 55px; background: url(/img/sub/detail_logo.png) no-repeat; background-size: cover; font-size: 0;}
#container.lasola .logo.sp_com {position: absolute; right: 70px; top: 70px; width: 114px; height: 53px; background-position: -300px 0;}

#container.lasola .h2_tit {margin: 85px 0 25px; font-size: 24px; font-weight: 700;}

#container.lasola .cont_right {float: right; margin-top: -67px; width: 428px;}
#container.lasola .cont_right .tit {font-family: 'gothambold1'; font-weight: 500; font-size: 20px;}
#container.lasola .cont_right span {margin-right: 15px; font-size: 35px; font-weight: 900;}
#container.lasola .cont_right .tit.row-2 span {line-height: 1;}
#container.lasola ul {display: flex; flex-wrap: wrap; margin-top: 15px;}
#container.lasola ul li {margin-right: 0.5px; width: 47px; font-size: 9px; font-weight: 500; text-align: center;}
#container.lasola ul.m_row2 li {margin-bottom: 5px;}
#container.lasola ul li:before {content: ''; display: block; margin: 0 auto 5px; width: 40px; height: 40px;}
#container.lasola ul .eco:before {background: url(/img/sub/comp05_ft01.png) no-repeat; background-size: cover;}
#container.lasola ul .moisture:before{background: url(/img/sub/comp05_ft02.png) no-repeat; background-size: cover;}
#container.lasola ul .construction:before {background: url(/img/sub/comp05_ft03.png) no-repeat; background-size: cover;}
#container.lasola ul .texture:before {background: url(/img/sub/comp05_ft04.png) no-repeat; background-size: cover;}
#container.lasola ul .dyeing:before {background: url(/img/sub/comp05_ft05.png) no-repeat; background-size: cover;}
#container.lasola ul .shock:before {background: url(/img/sub/comp05_ft06.png) no-repeat; background-size: cover;}
#container.lasola ul .heat:before {background: url(/img/sub/comp05_ft07.png) no-repeat; background-size: cover;}
#container.lasola ul .convenient:before {background: url(/img/sub/comp05_ft08.png) no-repeat; background-size: cover;}
#container.lasola ul .simple:before {background: url(/img/sub/comp05_ft09.png) no-repeat; background-size: cover;}
#container.lasola ul .sb:before {background: url(/img/sub/comp05_ft010.png) no-repeat; background-size: cover;}
#container.lasola ul .embo:before {background: url(/img/sub/comp05_ft011.png) no-repeat; background-size: cover;}
#container.lasola ul .wide:before {background: url(/img/sub/comp05_ft012.png) no-repeat; background-size: cover;}
#container.lasola ul .design:before {background: url(/img/sub/comp05_ft013.png) no-repeat; background-size: cover;}
#container.lasola ul .easy:before {background: url(/img/sub/comp05_ft014.png) no-repeat; background-size: cover;}
#container.lasola ul .color:before {background: url(/img/sub/comp05_ft015.png) no-repeat; background-size: cover;}
#container.lasola ul .effect:before {background: url(/img/sub/comp05_ft016.png) no-repeat; background-size: cover;}
#container.lasola ul .simple2:before {background: url(/img/sub/comp05_ft017.png) no-repeat; background-size: cover;}
#container.lasola ul .slip::before {background: url(/img/sub/comp05_ft018.png) no-repeat; background-size: cover;}
#container.lasola ul .clean::before {background: url(/img/sub/comp05_ft019.png) no-repeat; background-size: cover;}
#container.lasola ul .repair::before {background: url(/img/sub/comp05_ft020.png) no-repeat; background-size: cover;}
#container.lasola ul .eco02::before {background: url(/img/sub/comp05_ft021.png) no-repeat; background-size: cover;}
#container.lasola ul .various::before {background: url(/img/sub/comp05_ft022.png) no-repeat; background-size: cover;}
#container.lasola ul .deflation::before {background: url(/img/sub/comp05_ft023.png) no-repeat; background-size: cover;}
#container.lasola ul .dimension::before {background: url(/img/sub/comp05_ft024.png) no-repeat; background-size: cover;}
#container.lasola ul .construction::before {background: url(/img/sub/comp05_ft025.png) no-repeat; background-size: cover;}
#container.lasola ul .petbord::before {background: url(/img/sub/comp05_ft026.png) no-repeat; background-size: cover;}
#container.lasola ul .eo::before {background: url(/img/sub/comp05_ft027.png) no-repeat; background-size: cover;}
#container.lasola ul .adhesion::before {background: url(/img/sub/comp05_ft028.png) no-repeat; background-size: cover;}
#container.lasola ul .onestop::before {background: url(/img/sub/comp05_ft029.png) no-repeat; background-size: cover;}


#container.lasola .wrap_img {display: flex; margin: 30px 0 20px; width: 100%;}
#container.lasola .wrap_img img {width: 50%;}
#container.lasola .txt {font-size: 16px; font-weight: 500; word-break: keep-all; line-height: 1.8; text-align: left;}
#container.lasola .cont_right .size {display: flex;}
#container.lasola .cont_right .size span {width: 50%; font-size: 15px; font-weight: 500; line-height: 1.8;}
#container.lasola .cont_right .size span:last-child {padding-left: 20px;}

#container.lasola .cont_left {float: left; width: 290px;}
#container.lasola .cont_left .mobile {display: none;}
#container.lasola .cont_left .txt {margin-top: 30px; font-size: 16px; font-weight: 500; line-height: 1.8; text-align: left;}
#container.lasola .cont_left .txt:nth-of-type(1) {margin-top: 0;}
#container.lasola .cont_left .point {margin-top: 20px;}
#container.lasola .cont_left .size {margin-top: 100px; font-size: 12px; font-weight: 500; letter-spacing: -0.5px;}

br.mobile {display: none;}

#container.lasola .cont_right .tit.limeStone{font-size: 17px;}
#container.lasola .cont_right .tit.limeStone span{font-size: 31px;}
#container.lasola .cont_right .tit.plaster{font-size: 17px;}
#container.lasola .cont_right .tit.plaster span{font-size: 31px;}


/* 220422 메인 홈데코제품 추가 */
.wrap_product {padding: 40px 0; width: 100%;}
.wrap_product .h2_tit {font-size: 30px; font-weight: 600; text-align: center;}
.wrap_product .stit {margin: 3px 0 38px; text-align: center;}
.wrap_product a {display: inline-block; position: relative; padding-top: 340px; margin-right: 16px; width: 380px; height: 456px; vertical-align: top; text-decoration: none; box-sizing: border-box; overflow: hidden;}
.wrap_product a:last-child {margin-right: 0;} 
.wrap_product a img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.wrap_product a .hover {position: absolute; bottom: 0; display: flex; flex-direction: column; justify-content: end; width: 100%; height: 100%; opacity: 0; transition: all .5s;}
.wrap_product a .hover .title {position: relative; padding: 0 30px; margin-bottom: 30px; font-size: 30px; font-weight: 500; color: #fff;  text-shadow: 0 0 5px rgba(0,0,0,.5); line-height: 1.2;}
.wrap_product a .hover .title span {display: block; font-size: 0;}
.wrap_product a:nth-of-type(1) .hover .title span {width: 75px; height: 20px; background: url(/img/main/bi_product01.png) no-repeat;}
.wrap_product a:nth-of-type(2) .hover .title span {width: 205px; height: 20px; background: url(/img/main/bi_product02.png) no-repeat;}
.wrap_product a:nth-of-type(3) .hover .title span {width: 119px; height: 20px; background: url(/img/main/bi_product03.png) no-repeat;}
.wrap_product a .hover .exp {padding: 0 30px; margin-bottom: 30px; font-size: 16px; color: #fff; z-index: 1; text-shadow: 0 0 5px rgba(0,0,0,.5);}
.wrap_product a:hover .hover {background-color: #000; opacity: 1;}


/* 220516 데코레이션 시트 - 제품 구조 및 기능 추가 */
.tbl_rescue{border-collapse: collapse; letter-spacing: -0.03em; line-height: 160%; table-layout: unset;}
.tbl_rescue tbody tr:first-of-type p{text-align: center; padding: 5px 0px 15px 0;}
.tbl_rescue tbody tr:first-of-type img{margin: auto; display: block;}
.tbl_rescue tbody tr th{padding: 0px; text-align: center;}
.tbl_rescue tbody tr td{padding: 10px 5px; text-align: left;  box-sizing: border-box}
.tbl_rescue tbody tr td:first-of-type{width: 130px; font-weight: bold;  text-align: center;}

.tbl_cont_pvc{width: 230px; vertical-align: top; position: relative; margin-bottom: 20px;}
.tbl_cont_pp{width: 220px; vertical-align: top; }
.tbl_cont_pet{width: 248px; vertical-align: top; }
.tbl_cont_pp_img{vertical-align: middle;}
.tbl_pet_standard{display: block;}

.tbl_cont_pvc::after, div[class ^= "tbl_icon_"]::after{content: ''; clear: both; display: block;}
div[class ^= "tbl_icon_"]{padding: 15px 0 10px 0px;}
div[class ^= "tbl_icon_"] p{font-size: 11px; letter-spacing: -0.07em; float: left; width: 49%; height: 40px; line-height: 150%; padding: 5px 0px 0 35px; box-sizing: border-box; position: relative;}
div[class ^= "tbl_icon_"] p::before{content: ''; width: 36px; height: 36px;  vertical-align: middle; position: absolute; left: -4px; top: -5px;}
div[class ^= "tbl_icon_"] .tbl_icon_pvc_03{margin-top: -6px;}
div[class ^= "tbl_icon_"] .tbl_icon_pvc_03::before{top: 1px;}

.tbl_icon_pvc p:nth-of-type(1)::before{background: url(/img/product/icon_pvc_01.png);}
.tbl_icon_pvc p:nth-of-type(2)::before{background: url(/img/product/icon_pvc_02.png);}
.tbl_icon_pvc p:nth-of-type(3)::before{background: url(/img/product/icon_pvc_03.png);}
.tbl_icon_pvc p:nth-of-type(4)::before{background: url(/img/product/icon_pvc_04.png);}

.tbl_icon_pp p:nth-of-type(1)::before{background: url(/img/product/icon_pvc_01.png);}
.tbl_icon_pp p:nth-of-type(2)::before{background: url(/img/product/icon_pp_02.png);}
.tbl_icon_pp p:nth-of-type(3)::before{background: url(/img/product/icon_pp_03.png);}
.tbl_icon_pp p:nth-of-type(4)::before{background: url(/img/product/icon_pp_04.png);}

.tbl_icon_pet p:nth-of-type(1)::before{background: url(/img/product/icon_pvc_01.png);}
.tbl_icon_pet p:nth-of-type(2)::before{background: url(/img/product/icon_pet_02.png);}
.tbl_icon_pet p:nth-of-type(3)::before{background: url(/img/product/icon_pp_03.png);}
.tbl_icon_pet p:nth-of-type(4)::before{background: url(/img/product/icon_pet_04.png);}
.tbl_icon_pet p:nth-of-type(5)::before{background: url(/img/product/icon_pp_04.png);}
.tbl_icon_pet p:nth-of-type(6)::before{background: url(/img/product/icon_pet_06.png);}

/* 220517 trend 추가 */
.trend{padding: 10px 0 20px 0;}
.trend::after{content: ''; clear: both; display: block;}
.trend li{width: 270px; float: left; font-size: 16px; letter-spacing: -0.07em; line-height: 160%; margin-right: 15px;}
.trend li:last-of-type{margin-right: 0px;}
.trend .trend_num{color: #2d5b79; font-size: 40px; padding: 0 0 20px 0;}
.trend li b{padding: 10px 0; display: block; letter-spacing: -0.03em;}
.trend_cont{height: 75px;}
.trend_hastag{font-size: 14px; letter-spacing: -0.07em;}

/* 220517 제품별 특징 추가*/
.tbl_light .ta_l li{list-style-type: decimal;}
.certification_download{background-color: #2d5b79; color: white; font-size: 16px; letter-spacing: -0.03em; font-weight: bold; width: 118px; display: block; padding: 7px 0px; text-align: center; margin: auto;}
.certification_download:hover,.certification_download:active, .certification_download:focus{color: white; text-decoration: none;}


/* 220526 메인 영상 슬라이드 추가 */
#videoSlide {position: relative; padding: 30px 40px 50px; margin: 0 auto; width: 1180px; box-sizing: border-box;}
#videoSlide .h2_tit {margin-bottom: 25px; font-size: 30px; font-weight: 600; text-align: center;}
#videoSlide .bx-viewport {height: auto !important;}
#videoSlide .video_list li video {width: 100%;}
#videoSlide .box_btn_move_control button {margin-top: -5px;}


/* 220628-가구재 스토리보드 추가 */
.prd06_level2 .txt_par {position: relative;}
.prd06_level2 i[class^='prd06'] {position: absolute; left: 0; top: 3px; width: 40px; height: 40px;}
.prd06_level2 .prd06_icon01 {background: url(/img/product/prd06_icon01.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_icon02 {background: url(/img/product/prd06_icon02.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_icon03 {background: url(/img/product/prd06_icon03.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_icon04 {background: url(/img/product/prd06_icon04.png) no-repeat; background-size: contain;}

/* 221114 가구재 스토리바디 추가 */
.prd06_level2 .prd06_icon05{padding-left: 60px;}
.prd06_level2 .prd06_icon05::before {content: ''; width: 40px; height: 40px; position: absolute; top: 3px; left: 0px; background: url(/img/product/prd06_icon05.png) no-repeat; background-size: contain;}
.prd06_level2 .bor_gray img{width: 100%;}
.prd06_level2 .prd06_dl{margin-top: 20px;}
.prd06_level2 .prd06_dl::after{content: ''; clear: both; display: block;}
.prd06_level2 .prd06_dl dl{float: left; position: relative;  padding-left: 100px; margin-bottom: 20px; width: 50%; height: 100px; box-sizing: border-box; ;}
.prd06_level2 .prd06_dl.pl0 dl {padding-left: 0;}
.prd06_level2 .prd06_dl dl::before{content: ''; width: 80px; height: 80px; position: absolute; top: 0px; left: 0px; margin-right: 20px;}
.prd06_level2 .prd06_dl dl:first-of-type::before{background: url(/img/product/prd06_icon06.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl dl:nth-of-type(2):before{background: url(/img/product/prd06_icon07.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl dl:nth-of-type(3):before{background: url(/img/product/prd06_icon08.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl dl:nth-of-type(4):before{background: url(/img/product/prd06_icon09.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl dl:nth-of-type(5):before{background: url(/img/product/prd06_icon10.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl dl:nth-of-type(6):before{background: url(/img/product/prd06_icon11.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl dt{color: #5488b4; margin: 3px 0;}
.prd06_level2 .prd06_dl dd {padding-right: 10px;}

/* 221114 가구재 스토리도어 추가 */
.prd06_level2 .prd06_icon12{position: relative;}
.prd06_level2 .prd06_icon12::before{content: ''; width: 40px; height: 40px; position: absolute; top: 3px; left: 0px; background-size: contain; background: url(/img/product/prd06_icon12.png) no-repeat;}
.prd06_level2 .prd06_icon13::before{content: ''; width: 40px; height: 40px; position: absolute; top: 3px; left: 0px; background-size: contain; background: url(/img/product/prd06_icon13.png) no-repeat;}
.prd06_level2 .prd06_icon14::before{content: ''; width: 40px; height: 40px; position: absolute; top: 3px; left: 0px; background-size: contain; background: url(/img/product/prd06_icon14.png) no-repeat;}
.txt_par_span{color: #5488b4; display: block;}
.prd06_level2 .prd06_dl02 dl{height: 120px;}
.prd06_level2 .prd06_dl02 dl:before {display: none;}
.prd06_level2 .prd06_dl02 dl:first-of-type::before{background: url(/img/product/prd06_icon15.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl02 dl:nth-of-type(2):before{background: url(/img/product/prd06_icon16.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl02 dl:nth-of-type(3):before{background: url(/img/product/prd06_icon17.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl02 dl:nth-of-type(4):before{background: url(/img/product/prd06_icon18.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl02 dl:nth-of-type(5):before{background: url(/img/product/prd06_icon19.png) no-repeat; background-size: contain;}
.prd06_level2 .prd06_dl02 dt{color: #5488b4; margin: 0;}

/* 20221115 이지클린HPL보드 추가 */
.prd06_level2 .h4_tit .fw_lighter{font-weight:lighter;}

/* 221129 카달로그 검색창 추가 */
.catalog_r_sec{position: relative; min-height: 60px;}
.catalog_r_sec .r_sec{position: absolute; right: 0px; bottom: 13px; z-index: 10; font-size: 14px;}
.catalog_r_sec .selectbox{background-color: white;}
.catalog_r_sec .board_search input{width: 290px;}
.catalog_r_sec a.board_sort{display: inline-block; margin-top: 25px;}
.catalog_r_sec .board_search{width: auto;}

/* 221229 한솔 펫마루 상세페이지 추가*/
.add_info_box .cont_box.level2_pet .tit_cont_area{width: 100%; padding: 35px; box-sizing: border-box; background: none;  background-color: #002f87;}
.add_info_box .cont_box.level2_pet .tit_cont_area>div{width: 100%; height: 100%; background-color: white; border-radius: 30px 0px; margin: auto; padding: 40px 0px; box-sizing: border-box;}

.add_info_box .cont_box.level2_pet .logo_brand{font-weight: bold;}
.add_info_box .cont_box.level2_pet .character_list{margin-top: 40px;}
.add_info_box .cont_box.level2_pet .character_list li{position: relative; height: 65px; padding: 0px; color: #333;}
.add_info_box .cont_box.level2_pet .character_list li:first-of-type{width: 230px; padding-left: 50px; box-sizing: border-box;}
.add_info_box .cont_box.level2_pet .character_list li:nth-of-type(2){width: 110px; padding-left: 40px;}
.add_info_box .cont_box.level2_pet .character_list li:nth-of-type(3){width: 165px; padding-left: 25px;}
.add_info_box .cont_box.level2_pet .character_list li:nth-of-type(4){padding-left: 20px; line-height: 65px;}
.add_info_box .cont_box.level2_pet .character_list li:last-of-type{width: 155px; padding-left: 25px;}
.add_info_box .cont_box.level2_pet .character_list li::before{content: ''; width: 58px; height: 58px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; background: url(/img/product/leve12_pet_icon.png) no-repeat; background-position: 0px 0px;}
.add_info_box .cont_box.level2_pet .character_list li:nth-of-type(2)::before{background-position: 0px -65px;}
.add_info_box .cont_box.level2_pet .character_list li:nth-of-type(3)::before{background-position: 0px -131px;}
.add_info_box .cont_box.level2_pet .character_list li:nth-of-type(4)::before{background-position: 0px -196px;}
.add_info_box .cont_box.level2_pet .character_list li:nth-of-type(5)::before{background-position: 0px -261px;}

.add_info_box .cont_box.level2_pet .h4_tit{color: #333; font-size: 24px; font-weight: 300;}
.add_info_box .cont_box.level2_pet .h4_tit b{font-weight: bold;}
.add_info_box .cont_box.level2_pet .ck_list{margin: 50px 0;}
.add_info_box .cont_box.level2_pet .ck_list li{float: none; background: none; color: #333; font-weight: bold; width: 100%; padding: 10px 0;}
.add_info_box .cont_box.level2_pet .ck_list li::before{width: 30px; height: 33px; background: url(/img/product/leve12_pet_icon.png) no-repeat; background-position: -57px -50px; position: relative; top: -7px; background-size: 100px;}

.add_info_box .cont_box.level2_pet .ck_list + strong{font-size: 20px;}
.add_info_box .cont_box.level2_pet .ck_list + strong em{color: #333; font-weight: bold;}
.add_info_box .cont_box.level2_pet .layout840 .youtube{margin: 10px 0 50px 0;}
.add_info_box .cont_box.level2_pet .blue_box{background-color: #002f87; padding: 70px 0 180px 0;}
.add_info_box .cont_box.level2_pet .blue_box h2{color: white; font-weight: bold; font-size: 40px; text-align: center;}

.add_info_box .cont_box.level2_pet .gray_box{position: relative;}
.add_info_box .cont_box.level2_pet .gray_box::before{content: ''; width: 100%; height: 153px; position: absolute; top: -129px; left: 50%; transform: translateX(-51%); background: url(/img/product/leve12_pet_topbg.png) no-repeat; background-size: contain;}
.add_info_box .cont_box.level2_pet .gray_box p[class^="point0"]{width: 110px; height: 35px; font-size: 0px; background: url(/img/product/leve12_pet_point_txt.png) no-repeat; position: absolute; top: -75px; left: 50%; transform: translateX(-50%); padding: 0;}
.add_info_box .cont_box.level2_pet .gray_box h3{text-align: center; font-size: 40px; letter-spacing: -0.07em; padding-top: 80px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point01 h3::after{content: '※ 특허번호 제 10-2473458 호'; display: block; font-size: 18px; font-weight: bold; margin-left: 360px;  letter-spacing: -0.05em;}
.add_info_box .cont_box.level2_pet .gray_box p{font-size: 22px; text-align: center; line-height: 35px; padding:70px 70px 0 70px;}
.add_info_box .cont_box.level2_pet .gray_box img{max-width: 100%;}
.add_info_box .cont_box.level2_pet .gray_box img.leve12_pet_img01{margin-top: 50px;}
.add_info_box .cont_box.level2_pet .gray_box img.leve12_pet_img02{margin-top: 20px; padding-bottom: 30px;}
.add_info_box .cont_box.level2_pet .blue_box.blue_box_point02{padding: 50px 25px 170px 25px; box-sizing: border-box;}
.add_info_box .cont_box.level2_pet .blue_box.blue_box_point02>div{width: 100%; height: 100%; background-color: white; text-align: center; padding: 0 200px 20px 200px; box-sizing: border-box; margin-bottom: 40px;}
.add_info_box .cont_box.level2_pet .blue_box.blue_box_point02 p{ border-bottom: 2px solid #002f87; box-sizing: border-box; padding: 15px 0; font-size: 20px;}
.add_info_box .cont_box.level2_pet .blue_box.blue_box_point02 p::before{content: ''; width: 32px; height: 33px; display: inline-block; background: url(/img/product/leve12_pet_icon.png); background-position: -62px -8px; background-size: 110px; position: relative; top: 11px; left: -5px;}
.add_info_box .cont_box.level2_pet .blue_box.blue_box_point02 ul{margin-top: 12px;}
.add_info_box .cont_box.level2_pet .blue_box.blue_box_point02 ul li{color: #666; font-size: 22px; padding: 4px 0; font-weight: 500;}
.add_info_box .cont_box.level2_pet .blue_box.blue_box_point02 ul li span{color: #002f87;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point02 h3{font-weight: bold; padding-top: 40px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point02 h3::after{display: none;}
.add_info_box .cont_box.level2_pet .gray_box p.point02{background-position: 0px -35px; width: 118px; height: 37px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point02 .leve12_pet_img03{margin-top: 60px; position: relative; z-index: 2;}

.add_info_box .cont_box.level2_pet .gray_box.gray_box_point03{padding-bottom: 100px; margin-bottom: 80px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point03 h3{font-weight: bold; padding-top: 40px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point03 h3 span{font-weight: 300;}
.add_info_box .cont_box.level2_pet .gray_box p.point03{background-position: 0px -72px; width: 118px; height: 37px;}

.add_info_box .cont_box.level2_pet .txt_gray{color: #595959; font-weight: bold;}
.add_info_box .cont_box.level2_pet .txt_green{color: #6aa38b; font-weight: bold;}
.add_info_box .cont_box.level2_pet .leve12_pet_img04{max-width: 100%; margin: auto; display: block;}

.add_info_box .cont_box.level2_pet .gray_box.gray_box_point04{margin-top: 200px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point04::after{content: ''; width: 100%; height: 300px; background-color: #002f87; position: absolute; bottom: 0px; left: 0px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point04 .leve12_pet_img05{margin: 50px auto 0 auto; display: block; position: relative; z-index: 2;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point04 p.point04{background-position: -131px 0px; width: 122px; height: 37px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point04 h3{font-weight: 300;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point04 h3 span{font-weight: bold;}


.add_info_box .cont_box.level2_pet .gray_box.gray_box_point02::after{content: ''; width: 100%; height: 200px; background-color: #002f87; position: absolute; bottom: 0px; left: 0px;}

.add_info_box .cont_box.level2_pet .gray_box.gray_box_point05{padding-bottom: 100px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point05 p.point05{background-position: -131px -34px; width: 122px; height: 37px;}
.add_info_box .cont_box.level2_pet .gray_box.gray_box_point05 h3{font-weight: bold; padding-top: 40px;}

.add_info_box .cont_box.level2_pet .pet_review{margin-top: 100px; padding: 0 96px; box-sizing: border-box; margin-bottom: 150px;}
.add_info_box .cont_box.level2_pet .pet_review h3{color: #1c7f44; text-align: center; font-weight: bold; font-size: 40px;}
.add_info_box .cont_box.level2_pet .pet_review ul{margin-top: 50px;}
.add_info_box .cont_box.level2_pet .pet_review ul li:first-of-type{border-bottom: 1px solid #1c7f44; box-sizing: border-box; color: #1c7f44; font-size: 20px; padding: 0px 0 10px 70px; margin-bottom: 20px;}
.add_info_box .cont_box.level2_pet .pet_review ul li:first-of-type b{margin-left: -60px;}
.add_info_box .cont_box.level2_pet .pet_review ul li:first-of-type b::before{content: ''; width: 61px; height: 52px; display: inline-block; background: url(/img/product/leve12_pet_icon.png); background-position: -192px -125px; position: relative; top: 31px; left: -5px; background-size: 130px;}
.add_info_box .cont_box.level2_pet .pet_review ul li.pet_review_gray{background-color: #e7e8e8; padding: 20px 0; box-sizing: border-box; text-align: center; font-size: 18px; margin-top: 20px; position: relative;}
.add_info_box .cont_box.level2_pet .pet_review ul li.pet_review_gray::before{content: ''; width: 47px; height: 38px; position: absolute; top: 10px; left: 10px; background: url(/img/product/leve12_pet_img10.jpg); transform: rotate(180deg);}
.add_info_box .cont_box.level2_pet .pet_review ul li.pet_review_gray::after{content: ''; width: 47px; height: 38px; position: absolute; bottom: 10px; right: 10px; background: url(/img/product/leve12_pet_img10.jpg);}
.add_info_box .cont_box.level2_pet .pet_review ul li.pet_review_gray span{color: #1c7f44;}
.add_info_box .cont_box.level2_pet .pet_review img{display: block; margin: auto; max-width: 100%;}
.add_info_box .cont_box.level2_pet .pet_review ul li b{font-size: 22px;}

.add_info_box .cont_box.level2_pet .pet_review ul:nth-of-type(2) li{padding-bottom: 20px;}
.add_info_box .cont_box.level2_pet .pet_review ul:nth-of-type(2) li b::before{top: 15px; left: -6px;}
.add_info_box .cont_box.level2_pet .pet_review ul:nth-of-type(3) li:last-of-type::after{content: '시공제품 : 한솔펫마루_베이크오크'; display: block;}
.add_info_box .cont_box.level2_pet .pet_review ul:nth-of-type(4) li:last-of-type::after{content: '시공제품 : 한솔펫마루_쏠티쥬메라,헤이즐넛티크'; display: block;}

.add_info_box .cont_box.level2_pet .structure{padding: 30px; box-sizing: border-box;}
.add_info_box .cont_box.level2_pet .structure>div{width: 100%; height: 100%; background-color: white; padding: 40px 250px; box-sizing: border-box;}
.add_info_box .cont_box.level2_pet .structure h3{text-align: center; font-size: 40px; padding-bottom: 40px; font-weight: bold;}
.add_info_box .cont_box.level2_pet .structure table{border-top: 2px solid #002f87; margin: auto; width: 100%; text-align: center;}
.add_info_box .cont_box.level2_pet .structure table tr{border-bottom: 1px solid #ccc; box-sizing: border-box;}

.add_info_box .cont_box.level2_pet .structure table tr td:first-of-type{font-weight: bold; padding: 15px 0;}


/* 230111 우리의 사명 텍스트 추가 */
.value_txt{width: 100%;}
.value_txt ul{margin-top: 70px;}
.value_txt ul li::after{content: ''; clear: both; display: block;}
.value_txt ul li{margin-bottom: 70px;}
.value_txt ul li:last-of-type{margin-bottom: 0px;}
.value_txt h5{float: left; width: 15%; font-size: 22px; font-weight: bold;}
.value_txt div{float: right; width: 85%;}
.value_txt div b{display: block; margin-bottom: 10px; font-size: 18px;}
.value_txt div p{font-size: 16px;}


/* 230202 웰스톤 수정 */
.add_info_box .cont_box.level2_wall .tit_cont_area {width: 100%; padding: 35px; box-sizing: border-box; background: none; background-color: #002f87;}
.add_info_box .cont_box.level2_wall .tit_cont_area>div {width: 100%; height: 100%; background-color: white; border-radius: 30px 0px; margin: auto; padding: 40px 0px; box-sizing: border-box;}
.add_info_box .cont_box.level2_wall .logo_brand {font-weight: bold;}
.add_info_box .cont_box.level2_wall .character_list{padding: 0 80px; margin-top: 40px; text-align: center;}
.add_info_box .cont_box.level2_wall .character_list li{position: relative; padding-left: 75px; margin: 0 60px 0 0; width: auto; height: 60px; color: #333; text-align: left;}
.add_info_box .cont_box.level2_wall .character_list li:last-child {margin-right: 0;}
.add_info_box .cont_box.level2_wall .character_list li::before{content: '';width: 58px;height: 58px;position: absolute;top: 50%;transform: translateY(-75%);left: 0px;background: url(/img/product/leve12_wall_icon.png) no-repeat;background-position: 0px 0px;}
.add_info_box .cont_box.level2_wall .character_list li:nth-of-type(2)::before{background-position: 0px -65px;}
.add_info_box .cont_box.level2_wall .character_list li:nth-of-type(3)::before{background-position: 0px -131px;}
.add_info_box .cont_box.level2_wall .character_list li:nth-of-type(4)::before{background-position: 0px -196px;}

.add_info_box .cont_box.level2_wall .exp {margin: 40px 0 90px 75px;}
.add_info_box .cont_box.level2_wall .exp li {display: inline-block; margin-right: 50px; vertical-align: middle; font-size: 16px;}
.add_info_box .cont_box.level2_wall .exp li span {display: inline-block; font-weight: bold;}
.add_info_box .cont_box.level2_wall .exp li span:after {content: '';  display: inline-block; margin: 0 3px 0 5px; width: 2px; height: 11px; background-color: #000;}

.add_info_box .cont_box.level2_wall .blue_box{background-color: #002f87; padding: 70px 0 180px 0;}
.add_info_box .cont_box.level2_wall .blue_box h2{color: white; font-weight: bold; font-size: 40px; text-align: center;}
.add_info_box .cont_box.level2_wall .gray_box{position: relative;}
.add_info_box .cont_box.level2_wall .gray_box p[class^="point0"]{width: 110px; height: 35px; font-size: 0px; background: url(/img/product/leve12_pet_point_txt.png) no-repeat; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); padding: 0;}

.add_info_box .cont_box.level2_wall .gray_box h3 {text-align: center; font-size: 40px; letter-spacing: -0.07em; padding-top: 80px; font-weight: bold;}
.add_info_box .cont_box.level2_wall .gray_box h3 b {font-weight: bold;}
.add_info_box .cont_box.level2_wall .gray_box > p {font-size: 22px; text-align: center; line-height: 35px; padding: 40px 70px 80px 70px;}
.add_info_box .cont_box.level2_wall .wrap_img {position: relative; margin: 0 auto; width: 980px; z-index: 5;}
.add_info_box .cont_box.level2_wall .wrap_img img {margin-bottom: 30px;}
.add_info_box .cont_box.level2_wall .wrap_img img:last-child {margin-bottom: 0;}

.add_info_box .cont_box.level2_wall .gray_box_point01 {position: relative; background-color: #f5f3f5;}
.add_info_box .cont_box.level2_wall .gray_box_point01:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background-color: #fff;}
.add_info_box .cont_box.level2_wall .gray_box_point01:before{content: ''; width: 100%; height: 153px; position: absolute; top: -129px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve12_wall_topbg.png) no-repeat; background-size: contain;}

.add_info_box .cont_box.level2_wall .gray_box_point02 {margin: 150px 0 180px;}
.add_info_box .cont_box.level2_wall .gray_box p.point02 {background-position: 0px -35px; width: 118px; height: 37px;}

.add_info_box .cont_box.level2_wall .gray_box_point03 {padding-bottom: 200px; background-color: #f5f3f5;}
.add_info_box .cont_box.level2_wall .gray_box_point03:before{content: ''; width: 100%; height: 153px; position: absolute; top: -129px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve12_wall_topbg.png) no-repeat; background-size: contain;}
.add_info_box .cont_box.level2_wall .gray_box p.point03{background-position: 0px -72px; width: 118px; height: 37px;}

.add_info_box .cont_box.level2_wall .gray_box_point04 {padding-bottom: 250px; background-color: #f5f3f5;}
.add_info_box .cont_box.level2_wall .gray_box_point04:before{content: ''; width: 100%; height: 153px; position: absolute; top: -129px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve12_pet_topbg.png) no-repeat; background-size: contain;}
.add_info_box .cont_box.level2_wall .gray_box_point04:after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 440px; background-color: #fff;}
.add_info_box .cont_box.level2_wall .gray_box.gray_box_point04 p.point04{background-position: -131px 0px; width: 122px; height: 37px; top: 0;}
.add_info_box .cont_box.level2_wall .gray_box.gray_box_point04 h3, .add_info_box .cont_box.level2_wall .gray_box.gray_box_point04 p,
.add_info_box .cont_box.level2_wall .gray_box.gray_box_point04 .wrap_img {position: relative; z-index: 5;}
.gray_box.gray_box_point01 .wrap_img{flex-wrap: wrap;}
.add_info_box .cont_box.level2_wall .gray_box_point04 .wrap_img{flex-wrap: wrap;}

.add_info_box .cont_box.level2_wall .gray_box_point05 {padding: 55px; margin-top: 100px; background-color: #f5f3f5;}
.add_info_box .cont_box.level2_wall .gray_box_point05:before{content: ''; width: 100%; height: 153px; position: absolute; top: -206px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve12_pet_topbg.png) no-repeat; background-size: contain;}
.add_info_box .cont_box.level2_wall .gray_box p.point05 {top: -115px;  background-position: 17px -114px; width: 181px; height: 60px;}
.add_info_box .cont_box.level2_wall .gray_box_point05 .sample {text-align: center;}
.add_info_box .cont_box.level2_wall .gray_box_point05 .sample li {display: inline-block; margin: 30px 35px 0 0; width: 340px; height: 665px; background-color: #fff; text-align: left; vertical-align: top;}
.add_info_box .cont_box.level2_wall .gray_box_point05 .sample li:nth-child(even) {margin-right: 0;}
.add_info_box .cont_box.level2_wall .gray_box_point05 .sample li:nth-of-type(1), .add_info_box .cont_box.level2_wall .gray_box_point05 .sample li:nth-of-type(2) {margin-top: 0;} 
.add_info_box .cont_box.level2_wall .gray_box_point05 .sample li img {width: 100%; margin-bottom: 25px;}
.add_info_box .cont_box.level2_wall .gray_box_point05 .sample li b {padding: 25px 25px 0; font-size: 18px;}
.add_info_box .cont_box.level2_wall .gray_box_point05 .sample li p {padding: 15px 25px 0;}

.add_info_box .cont_box.level2_wall .structure{padding: 30px; box-sizing: border-box;}
.add_info_box .cont_box.level2_wall .structure>div{width: 100%; height: 100%; background-color: white; padding: 40px 250px; box-sizing: border-box;}
.add_info_box .cont_box.level2_wall .structure h3{text-align: center; font-size: 40px; padding-bottom: 40px; font-weight: bold;}
.add_info_box .cont_box.level2_wall .structure .wrap_img {margin-bottom: 50px; width: 650px;}
.add_info_box .cont_box.level2_wall .structure table {border-top: 2px solid #002f87; margin: auto; width: 100%; text-align: center;}
.add_info_box .cont_box.level2_wall .structure table tr{border-bottom: 1px solid #ccc; box-sizing: border-box;}
.add_info_box .cont_box.level2_wall .structure table tr th {padding: 15px 0;}
.add_info_box .cont_box.level2_wall .structure table tbody th {font-weight: bold;}
.add_info_box .cont_box.level2_wall .structure table tr td {padding: 15px 0;}
.add_info_box .cont_box.level2_wall .structure .ta_r {margin: 10px 0 0px; color: #666;}
.cont_box.level2.prd01_level2.level2_wall .wrap_img{margin: 0 auto;}

/* 20230410 가구재 비디오 추가 */
.prd06_level2_video{display: flex; justify-content: space-between;}

/* 20230417 인권경영 메뉴 추가 */
.envi .wrap_sec02{background-color: #f4f4f4; padding: 30px; font-size: 18px; color: #2d5b79; text-align: center; margin-top: 40px;}
.envi .wrap_sec02 b{margin-bottom: 15px; display: block;}
.envi .btn.dblue{display: block; margin: auto;}
.envi .env05_img01{display: block; margin: auto;}

/*20230515 sb마루 오리지널 추가------------------------------*/
.add_info_box .logo_brand .sp_bi.prd01_06{width: 270px; background-position: -815px -515px;}

/* 20230920 sb마루 강마루 추가 */
.add_info_box .cont_box.level5{font-family: 'Pretendard Variable';}
.add_info_box .cont_box.level5 .white_box{background-color: #fff;}
.add_info_box .cont_box.level5{width: 1180px; margin: auto; text-align: center;}
/* .add_info_box .cont_box.level5 .leve15_img01{width: 800px; height: 800px; background: url(/img/product/prd01_level501.jpg) no-repeat; margin: auto; position: relative;} */
/* .add_info_box .cont_box.level5 .leve15_img01::before{content: ''; width: 200px; height: 200px; position: absolute; top: 50px; left: 220px; background-color: #002f87; z-index: -1;}
.add_info_box .cont_box.level5 .leve15_img01::after{content: ''; width: 200px; height: 200px; position: absolute; bottom: 50px; right: 220px; background-color: #fff; z-index: -1;} */
.add_info_box .cont_box.level5 .leve15_img01{position: relative; z-index: 5;}

.add_info_box .cont_box.level5 .tit_cont_area{width: 100%; height: auto; padding: 35px; margin-bottom: 0; box-sizing: border-box; background-color: #002f87;}
.add_info_box .cont_box.level5 .tit_cont_area>div{width: 100%; height: 100%; background-color: #fff; border-radius: 30px 0; margin: auto; padding: 40px 0; box-sizing: border-box;}
.add_info_box .cont_box.level5 .logo_brand{height: auto; line-height: 50px;}
.add_info_box .cont_box.level5 .logo_brand span{font-weight: bold;}
.add_info_box .cont_box.level5 .character_list{max-width: 600px; margin: 30px auto 0 auto;}
.add_info_box .cont_box.level5 .character_list li{width: 100%; height: auto; text-align: left; color: #333; font-weight: 200; position: relative; padding: 20px 0 20px 80px; margin: 0; background-color: unset; border-bottom: 1px dotted #ccc; box-sizing: border-box;}
.add_info_box .cont_box.level5 .character_list li:first-of-type{border-top: 1px dotted #ccc;}
.add_info_box .cont_box.level5 .character_list li::before{content: ''; width: 58px; height: 58px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); background: url(/img/product/leve15_icon.png) no-repeat;}
.add_info_box .cont_box.level5 .character_list li:nth-of-type(1):before{background-position: 0px 0px;}
.add_info_box .cont_box.level5 .character_list li:nth-of-type(2):before{background-position: 0px -60px;}
.add_info_box .cont_box.level5 .character_list li:nth-of-type(3):before{background-position: 0px -123px;}
.add_info_box .cont_box.level5 .character_list li:nth-of-type(4):before{background-position: 0px -185px;}
.add_info_box .cont_box.level5 .character_list li b{display: block;}

.add_info_box .cont_box.level5 .blue_box{background-color: #002f87; padding: 70px 0 180px 0; position: relative;}
.add_info_box .cont_box.level5 .blue_box::after{content: ''; width: 592px; height: 132px; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve15_point_bg03.png) no-repeat;}
.add_info_box .cont_box.level5 .blue_box h2{color: #fff; font-size: 40px; font-weight: 100;}
.add_info_box .cont_box.level5 .blue_box h2 b{font-weight: 500;}
.add_info_box .cont_box.level5 .gray_box{position: relative;}

.add_info_box .cont_box.level5 p.sub_tit{font-size: 22px;}
.add_info_box .cont_box.level5 p[class^="point0"]{width: 121px; height: 35px; font-size: 0; position: absolute; top: -75px; left: 50%; transform: translateX(-50%); padding: 0px; background: url(/img/product/leve15_point_txt.png) no-repeat;}
.add_info_box .cont_box.level5 h3.main_tit{font-size: 40px; letter-spacing: -0.07em; padding-top: 60px; padding-bottom: 20px;}

.add_info_box .cont_box.level5 .leve15_img04{position: relative; padding: 50px; box-sizing: border-box; width: 800px; margin: auto;}
/* .add_info_box .cont_box.level5 .leve15_img04::before{content: ''; width: 500px; height: 300px; position: absolute; top: -50px; right: 0px; background-color: #002f87; z-index: -1;} */

.add_info_box .cont_box.level5 .gray_box_point01{width: 100%; height: 100%; background: url(/img/product/leve15_img05.png) no-repeat; background-size: cover; padding-bottom: 200px;}
.add_info_box .cont_box.level5 .gray_box_point01 .gray_box_img01{margin: 100px 0 0 0;}
.add_info_box .cont_box.level5 .gray_box_point01 .gray_box_img01 p{margin: 30px 0 0 0; font-size: 22px;}
.add_info_box .cont_box.level5 .gray_box_point01 .gray_box_img01 .leve15_img07{margin-top: 100px;}

.add_info_box .cont_box.level5 .white_box{position: relative;}
.add_info_box .cont_box.level5 .white_box.white_box_point02{padding-bottom: 180px;}
.add_info_box .cont_box.level5 .white_box.white_box_point02::before{content: ''; width: 100%; height: 153px; position: absolute; top: -130px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve15_point_bg02.png) no-repeat;}
.add_info_box .cont_box.level5 .white_box_point02 p.point02{background-position: 0px -36px;}

.add_info_box .cont_box.level5 .white_box_point01::after{content: ''; width: 592px; height: 132px; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve15_point_bg02.png) no-repeat;}
.add_info_box .cont_box.level5 .white_box_point02 p.point02{background-position: 0px -36px;}
.add_info_box .cont_box.level5 .white_box .leve15_img08{margin-top: 50px;}
.add_info_box .cont_box.level5 .white_box .leve15_img09{margin-top: 30px;}

.add_info_box .cont_box.level5 .white_box_point02::after{content: ''; width: 592px; height: 132px; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve15_point_bg01.png) no-repeat;}
.add_info_box .cont_box.level5 .gray_box_point03{background-color: #f5f3f5; padding-bottom: 280px; position: relative;}
.add_info_box .cont_box.level5 .gray_box_point03::after{content: ''; width: 787px; height: 529px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve15_img11.png) no-repeat;}
.add_info_box .cont_box.level5 .gray_box_point03 p.point03{background-position: 0px -74px;}
.add_info_box .cont_box.level5 .leve15_img10{margin-top: 100px; position: relative; z-index: 1;}

.add_info_box .cont_box.level5 .white_box_point04::before{content: ''; width: 100%; height: 153px; position: absolute; top: -140px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve15_point_bg02.png) no-repeat;}
.add_info_box .cont_box.level5 .white_box_point04 p.point04{background-position: 0px -113px;}
.add_info_box .cont_box.level5 .leve15_img12{margin-top: 40px;}

.add_info_box .cont_box.level5 .gray_box_point05{background-color: #f5f3f5; padding-bottom: 50px;}
.add_info_box .cont_box.level5 .gray_box_point05::before{content: ''; width: 592px; height: 132px; position: absolute; top: -131px; left: 50%; transform: translateX(-50%); background: url(/img/product/leve15_point_bg01.png) no-repeat;}
.add_info_box .cont_box.level5 .gray_box_point05 p.point05{background-position: 0px -150px;}
.add_info_box .cont_box.level5 .gray_box_point05 .leve15_img13{margin: 100px 0 30px 0;}
.add_info_box .cont_box.level5 .gray_box_point05 .leve15_img14{width: 720px; margin: auto; background-color: #fff; padding: 0 50px 50px 50px; box-sizing: border-box;}
.add_info_box .cont_box.level5 .gray_box_point05 .leve15_img14 .txt_cap{text-align: right; color: #666666; margin-bottom: 5px ;}

/* 20231005 이지셀프 */
*{margin: 0px;}
li{list-style: none;}
.add_info_box .cont_box.leve17{width: 100%; max-width: 600px; margin: auto;  font-family: 'Pretendard Variable';}
.add_info_box .cont_box.leve17 .leve17_box01{width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box01 img{width: 100%; vertical-align: bottom;}

.add_info_box .cont_box.leve17 .leve17_box02{background-color: #f9f4e9; border-bottom: 1px solid #3e3d3b; padding: 40px 50px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box02>p.box02_num{font-size: 20px; background-color: #653509; width: 50px; height: 50px; border-radius: 50px; margin: auto; color: #fff; line-height: 50px; margin-bottom: 20px;}
.add_info_box .cont_box.leve17 .leve17_box02>p{font-size: 30px; text-align: center; color: #333333; margin: 0;}
.add_info_box .cont_box.leve17 .leve17_box02>p span{font-weight: bold; color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box02 ul{padding: 30px; display: flex; justify-content: space-between; background-color: #fff; border: 1px solid #444444; box-sizing: border-box; border-radius: 40px 40px 0 0; margin-top: 20px;}
.add_info_box .cont_box.leve17 .leve17_box02 ul li{text-align: center; font-size: 20px; color: #29231e; position: relative;}
.add_info_box .cont_box.leve17 .leve17_box02 ul li:first-of-type::after{content: '+'; width: 45px; height: 45px; background-color: #653509; border-radius: 45px; color: #fff; font-weight: 100; font-size: 45px; position: absolute; top: 50%; right: -93px; transform: translateY(-140%); line-height: 38px;}
.add_info_box .cont_box.leve17 .leve17_box02 ul li img{margin-bottom: 25px; width: 80%;}
.add_info_box .cont_box.leve17 .leve17_box02 ul li b{letter-spacing: -0.02em; display: block; font-weight: bold; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box02 ul li b span{color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box02 ul li p{font-size: 11px; color: #666666; letter-spacing: -0.02em; margin: 10px 0 0 0;}

.add_info_box .cont_box.leve17 .leve17_box03{background-color: #e7e4df; border-bottom: 1px solid #3e3d3b; padding: 40px 50px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box03>p.box02_num{font-size: 20px; background-color: #653509; width: 50px; height: 50px; border-radius: 50px; margin: auto; color: #fff; line-height: 50px; margin-bottom: 20px; text-align: center;}
.add_info_box .cont_box.leve17 .leve17_box03>p{font-size: 30px; text-align: center; color: #333333; margin: 0;}
.add_info_box .cont_box.leve17 .leve17_box03>p span{font-weight: bold; color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box03>ul{padding: 60px 0px 0px 0px; display: flex; flex-wrap: wrap; background-color: #fff; border: 1px solid #444444; box-sizing: border-box; border-radius: 40px 40px 0 0; margin-top: 20px;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li{width: 100%; display: flex; justify-content: space-around; align-items: center; font-size: 18px; letter-spacing: -0.02em; position: relative; padding: 0 30px; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li:first-of-type::after{content: '+'; width: 30px; height: 30px; background-color: #653509; border-radius: 30px; color: #fff; font-weight: 100; font-size: 30px; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); line-height: 26px; text-align: center;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li:last-of-type{text-align: right; margin-top: 40px; padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li img{margin: 0; width: 150px;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li b{color: #29231e;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li span b{color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li span p{font-size: 15px; color: #666666; margin: 10px 0 0 0; }
.add_info_box .cont_box.leve17 .leve17_box03>ul>li ul{width: 100%; background-color: #f6f4f2; padding: 20px 0; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li ul li{text-align: center; font-size: 16px; letter-spacing: -0.02em; color: #333; margin: 0 0 10px 0;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li ul li b{color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box03>ul>li ul li span{padding: 4px 10px; background-color: #653509; border-radius: 40px; color: #fff; display: inline-block; margin-top: 3px; font-size: 14px;}

.add_info_box .cont_box.leve17 .leve17_box04{background-color: #f9f4e9; border-bottom: 1px solid #3e3d3b; padding: 40px 50px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box04>p.box02_num{font-size: 20px; background-color: #653509; width: 50px; height: 50px; border-radius: 50px; margin: auto; color: #fff; line-height: 50px; margin-bottom: 20px; text-align: center;}
.add_info_box .cont_box.leve17 .leve17_box04>p{font-size: 30px; text-align: center; color: #333333; margin: 0;}
.add_info_box .cont_box.leve17 .leve17_box04>p span{font-weight: bold; color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box04>ul{padding: 20px 0px 0px 0px; background-color: #fff; border: 1px solid #444444; box-sizing: border-box; border-radius: 40px 40px 0 0; margin-top: 20px;}
.add_info_box .cont_box.leve17 .leve17_box04>ul li{text-align: center; font-size: 18px; color: #29231e; letter-spacing: -0.02em;}
.add_info_box .cont_box.leve17 .leve17_box04>ul li b span{color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box04>ul li img{width: 60%; display: block; margin: 20px auto 0;}
.add_info_box .cont_box.leve17 .leve17_box04>ul>li:last-of-type{background-color: #f8f7f6; display: flex; justify-content: space-evenly; padding: 20px 0; margin-top: 30px; align-items: center;}
.add_info_box .cont_box.leve17 .leve17_box04>ul li ul{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box04>ul li ul li{text-align: left; font-size: 16px; margin-top: 7px;}
.add_info_box .cont_box.leve17 .leve17_box04>ul li ul li:first-of-type{margin-top: 0;}
.add_info_box .cont_box.leve17 .leve17_box04>ul li ul li::before{content: ''; width: 6px; height: 6px; display: inline-block; background-color: #653509; border-radius: 6px; position: relative; top: -10px; left: -10px;}
.add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice{background-color: unset; border: none; border-radius: 0; padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li{font-size: 12px; color: #666666; text-align: left; letter-spacing: -0.04em;}
.add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li:last-of-type{background-color: unset; display: block; padding: 0; margin: 0;}
.add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li::before{content: '※'; display: inline-block; margin-right: 5px;}
.add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li span{font-size: 12px; margin: 3px 0 0 12px; display: block;}
.add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li:first-of-type span:first-of-type{margin: 3px 0 0 12px;}
.add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li:first-of-type span:last-of-type{margin: 3px 0 15px 12px;}
.add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li:last-of-type{margin-top: 5px;}

.add_info_box .cont_box.leve17 .leve17_box05{background-color: #fff4de; padding: 60px 30px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box05 .icon_star{display: flex; justify-content: center;}
.add_info_box .cont_box.leve17 .leve17_box05 .icon_star img{margin: 0 2px; width: 20px;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_review_txt{font-size: 30px; color: #193768; letter-spacing: -0.04em; text-align: center; margin: 10px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_tit{text-align: center; margin-top: 30px;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_tit b{font-size: 34px; color: #653509; letter-spacing: -0.04em; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_tit p{font-size: 34px; color: #333; margin: 0; letter-spacing: -0.04em;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox{padding: 20px; border: 1px solid #444444; border-radius: 40px; box-sizing: border-box; background-color: #fff; margin: 30px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li{display: flex; flex-wrap: wrap; align-items: center;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li div{width: 100%; display: flex; justify-content: space-between;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li div img{width: 48%;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li ul{width: 100%; display: flex; justify-content: space-between; padding: 30px 15px; border-bottom: 1px solid #777777;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li ul li{font-size: 24px; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li ul li img{padding: 0 1px; width: auto; height: 18px;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li p{width: 100%; font-size: 18px; letter-spacing: -0.02em; word-break: keep-all; line-height: 140%; margin: 0; padding: 30px 15px 20px 15px;}
.add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li p span{background-color: #fffacc;}

.add_info_box .cont_box.leve17 .leve17_box06{background-color: #eeebe8; margin: 0; padding-bottom: 50px;}
.add_info_box .cont_box.leve17 .leve17_box06>ul{padding: 10px 40px; margin: 0 0 40px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #4d4a45;}
.add_info_box .cont_box.leve17 .leve17_box06>ul li{font-size: 14px;}
.add_info_box .cont_box.leve17 .leve17_box06>ul li img{width: 70px;}
.add_info_box .cont_box.leve17 .leve17_box06 p.box06_tit{text-align: center; font-size: 34px; letter-spacing: -0.04em; margin: 0 0 10px 0;}
.add_info_box .cont_box.leve17 .leve17_box06 p.box06_tit b{font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box06 p.box06_sub{text-align: center; font-size: 20px; letter-spacing: -0.04em; margin: 35px 0; line-height: 140%; color: #29231e;}
.add_info_box .cont_box.leve17 .leve17_box06 p.box06_sub b{font-size: 23px; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box06 .logo02{width: 200px; margin: auto; display: block;}
.add_info_box .cont_box.leve17 .leve17_box06 .box05_img01{width: 90%; margin: auto; display: block;}
.add_info_box .cont_box.leve17 .leve17_box06 .box05_img02{width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box06 .box06_cont01{padding: 0 30px; box-sizing: border-box; margin-top: 20px; position: relative;}

.add_info_box .cont_box.leve17 .leve17_box07{background-color: #f9f5f3;}
.add_info_box .cont_box.leve17 .leve17_box07>ul{padding: 10px 40px; margin: 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #4d4a45;}
.add_info_box .cont_box.leve17 .leve17_box07>ul li{font-size: 14px;}
.add_info_box .cont_box.leve17 .leve17_box07>ul li img{width: 70px;}
.add_info_box .cont_box.leve17 .leve17_box07 .box07_tit{font-size: 34px; text-align: center; letter-spacing: -0.04em; margin: 30px 0; font-weight: 300; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box07 .box07_tit b{color: #653509; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box07 .box07_txt{font-size: 20px; text-align: center; letter-spacing: -0.04em; background: url(/img/product/box06_img01.jpg) no-repeat; background-position: center; color: #fff; margin: 20px 0; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box07 .box07_sub{font-size: 30px; text-align: center; letter-spacing: -0.07em; color: #29231e; margin: 40px 0; font-weight: 300; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box07 .box07_sub b{font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box07 .box06_img02{width: 100%;}

.add_info_box .cont_box.leve17 .leve17_box08{padding: 50px 0 20px 0;}
.add_info_box .cont_box.leve17 .leve17_box08 .box08_tit{font-size: 34px; text-align: center; letter-spacing: -0.02em; margin: 0; color: #29231e; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box08 .box08_tit b{color: #653509; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box08 .box08_sub{font-size: 22px; text-align: center; margin: 15px 0 30px 0; color: #29231e; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box08 .box08_sub b{font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox{display: flex; flex-wrap: wrap; justify-content: space-between;}
.add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox img{margin: 13px 0; width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox img:nth-of-type(3),.add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox img:nth-of-type(4),
.add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox img:nth-of-type(5),.add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox img:nth-of-type(6){width: 48%;}

.add_info_box .cont_box.leve17 .leve17_box09{background-color: #fffbf7; padding: 30px 0 20px 0;}
.add_info_box .cont_box.leve17 .leve17_box09 .box09_txt{font-size: 20px; text-align: center; letter-spacing: -0.04em; background: url(/img/product/box07_img01.png) no-repeat; background-position: center; color: #fff; margin: 20px 0; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box09 .box09_sub{font-size: 20px; text-align: center; letter-spacing: -0.04em; margin: 40px 0 10px 0;}
.add_info_box .cont_box.leve17 .leve17_box09 .box09_tit{font-size: 30px; text-align: center; letter-spacing: -0.04em; display: block; font-weight: bold; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box09 .box09_tit span{color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box09 ul{display: flex;justify-content:center; padding: 0 70px; margin: 40px 0;}
.add_info_box .cont_box.leve17 .leve17_box09 ul li{width: 100%; font-size: 20px; text-align: center; border-right: 1px solid #e2d7ce; line-height: 120%; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box09 ul li:last-of-type{border-right: none;}
.add_info_box .cont_box.leve17 .leve17_box09 ul li span{font-size: 0; display: block; width: 70px; height: 65px; background: url(/img/product/box07_icon01.png) no-repeat; margin: auto auto 15px auto; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box09 ul li:nth-of-type(2) span{width: 80px; background-position: -72px 0;}
.add_info_box .cont_box.leve17 .leve17_box09 ul li:nth-of-type(3) span{background-position: -152px 0;}
.add_info_box .cont_box.leve17 .leve17_box09 ul li b{color: #653509; font-weight: bold;}

.add_info_box .cont_box.leve17 .leve17_box10>ul{background-color: #f5f3ee; border-bottom: 1px solid #222; box-sizing: border-box; display: flex; justify-content: right; padding: 10px 40px; align-items: center;}
.add_info_box .cont_box.leve17 .leve17_box10>ul li:first-of-type{font-size: 14px; color: #653509; font-weight: 100; border-right: 1px solid #cfccc7; margin-right: 20px; padding-right: 20px;}
.add_info_box .cont_box.leve17 .leve17_box10>ul li:last-of-type{font-size: 16px; color: #653509; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_tit{font-size: 34px;  color: #29231e; text-align: center; letter-spacing: -0.02em; margin: 30px 0 5px 0; font-weight: 300;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_tit b,
.add_info_box .cont_box.leve17 .leve17_box10 .box10_sub b{font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_sub{font-size: 18px; color: #29231e; text-align: center; letter-spacing: -0.04em; font-weight: bold;}

.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01 .box10_cont01_txt{padding: 0 20px; margin: 50px 0 20px 0; display: flex; justify-content: space-between; align-items: flex-end;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01 .box10_cont01_txt li:first-of-type{font-size: 30px; font-weight: bold; letter-spacing: -0.04em; color: #29231e;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01 .box10_cont01_txt li:last-of-type{font-size: 20px; color: #29231e;}

.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div{display: flex; justify-content: center;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul:first-of-type{background-color: #f7f7f7; color: #999;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li{width: 100%; letter-spacing: -0.04em; text-align: center; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li img{width: 100%; vertical-align: bottom;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li:last-of-type{padding: 0 38px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li b{font-size: 20px; display: block; height: 40px; background-color: #d9d9d9; color: #999; line-height: 50px; margin-bottom: 20px;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li span{font-size: 20px; display: block;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul:first-of-type li:last-of-type span{border-bottom: 1px solid #f0eeec}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li p{font-size: 16px; font-weight: 400; margin: 10px 0 20px 0;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul:last-of-type{background-color: #fff4de; color: #653509; border: 3px solid #653509; overflow: hidden; border-radius: 0 60px 0 0; box-sizing: border-box; box-shadow: 0px 5px 6px #c8c8c8; position: relative; top: -3px;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul:last-of-type li b{background-color: #ffe0a3; color: #29231e;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li:last-of-type span{padding: 13px 0; border-bottom: 1px solid #f8ebd4;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li:last-of-type span:first-of-type{margin-top: 25px;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li:last-of-type span:last-of-type{border: none;}
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li img.box07_img07_img03,
.add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li img.box07_img07_img05{width: 90%;}

.add_info_box .cont_box.leve17 .leve17_box11{padding: 60px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box11 .box11_tit{font-size: 34px; text-align: center;}
.add_info_box .cont_box.leve17 .leve17_box11 .box11_tit b{font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box11 .box07_img06{width: 50%; margin: 50px auto; display: block;}
.add_info_box .cont_box.leve17 .leve17_box11 .box11_sub{font-size: 18px; text-align: center; color: #666666; letter-spacing: -0.04em; margin-bottom: 40px; line-height: 140%;}
.add_info_box .cont_box.leve17 .leve17_box11 .box11_sub b{display: block; color: #111;}
.add_info_box .cont_box.leve17 .leve17_box11 .box11_sub:last-of-type{margin-bottom: 0;}
.add_info_box .cont_box.leve17 .leve17_box11 ul{display: flex; padding: 0; margin: 40px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box11 ul li img{width: 100%;}

.add_info_box .cont_box.leve17 .leve17_box12{background-color: #f9f4e9;}
.add_info_box .cont_box.leve17 .leve17_box12>ul:first-of-type{padding: 10px 40px; display: flex; justify-content: right; align-items: center; border-bottom: 1px solid #222; box-sizing: border-box; background-color: #fff;}
.add_info_box .cont_box.leve17 .leve17_box12>ul:first-of-type li{font-size: 14px; color: #653509; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box12>ul:first-of-type li:first-of-type{font-weight: 100; border-right: 1px solid #cfccc7; margin-right: 20px; padding-right: 20px;}
.add_info_box .cont_box.leve17 .leve17_box12>ul:first-of-type li:last-of-type{font-size: 16px;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_tit{font-size: 34px; letter-spacing: -0.02em; color: #29231e; text-align: center; margin: 40px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_tit b{font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_sub{font-size: 18px; letter-spacing: -0.04em; text-align: center; margin: 5px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box12 .icon_point{width: 100px; height: 101px; font-family: 'SUIT', sans-serif; font-size: 40px; text-align: center; line-height: 105px; letter-spacing: -0.04em; font-weight: bold; color: #29231e; background: url(/img/product/icon_point.png) no-repeat; display: block; margin: 40px auto 20px; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_txt{text-align: center; font-size: 30px; letter-spacing: -0.02em; color: #29231e; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_txt b{display: block; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01{display: flex; padding: 0; justify-content: center; margin: 60px 0 0 0; padding-bottom: 60px; text-align: center;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li{font-size: 20px; letter-spacing: -0.06em; color: #29231e; border-right: 1px solid #e2d7ce; padding: 0 30px; line-height: 130%;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li:last-of-type{border-right: none;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li span{width: 70px; height: 72px; display: block; background: url(/img/product/box08_icon01.png) no-repeat; display: block; margin: 0 auto 20px; font-size: 0; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li:nth-of-type(2) span{background-position: -85px 0px;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li:nth-of-type(3) span{background-position: -170px 0px;}
.add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li b{display: block; font-weight: bold;}

.add_info_box .cont_box.leve17 .leve17_box13{padding: 50px 0 80px 0;}
.add_info_box .cont_box.leve17 .leve17_box13 .icon_point{width: 100px; height: 101px; font-family: 'SUIT', sans-serif; font-size: 40px; text-align: center; line-height: 105px; letter-spacing: -0.04em; font-weight: bold; color: #29231e; background: url(/img/product/icon_point.png) no-repeat; display: block; margin: 0px auto 20px; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_tit{font-size: 34px; letter-spacing: -0.02em; color: #29231e; text-align: center; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_tit b{display: block; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01{display: flex; justify-content: center; margin: 50px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul{width: 90%; padding: 20px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:first-of-type{background-color: #f7f7f7;  border-radius: 40px 0px 0 40px;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:first-of-type li{color: #999;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:first-of-type li:last-of-type span:last-of-type{height: 147px; padding: 0px; display: flex; justify-content: center; align-items: center;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:last-of-type{background-color: #fff4de; border: 3px solid #653509; box-shadow: 0px 5px 6px #c8c8c8; border-radius: 0 40px 40px 0;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:last-of-type li:first-of-type{color: #29231e;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:last-of-type li:first-of-type span{color: #7b674a;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li{text-align: center; font-size: 18px; color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li:first-of-type{font-size: 21px; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li:first-of-type span{font-size: 16px; margin: 5px 0 10px 0;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li span{display: block; font-weight: 400;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li img{box-sizing: border-box; width: 90%;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li:last-of-type{padding: 0 38px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li:last-of-type span{padding: 40px 0; border-top: 1px solid #f0eeec;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:last-of-type li:last-of-type span{padding: 30px 0; border-top: 1px solid #f8ebd4;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li:last-of-type span:first-of-type{border: none; padding: 30px 0;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li.box13_cont01_mark{background-color: #d9d9d9; padding: 15px 0; margin: 30px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:last-of-type li.box13_cont01_mark{background-color: #ffe0a3;}

.add_info_box .cont_box.leve17 .leve17_box14{padding: 50px 0; background-color: #f2e7d3;}
.add_info_box .cont_box.leve17 .leve17_box14 .icon_point{width: 100px; height: 101px; font-family: 'SUIT', sans-serif; font-size: 40px; text-align: center; line-height: 105px; letter-spacing: -0.04em; font-weight: bold; color: #29231e; background: url(/img/product/icon_point.png) no-repeat; display: block; margin: 0px auto 20px; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_tit{font-size: 30px; text-align: center; color: #29231e; letter-spacing: -0.02em; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_tit b{display: block; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_sub{font-size: 18px; letter-spacing: -0.04em; color: #29231e; text-align: center; margin: 30px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01{padding: 0 30px; margin-top: 40px;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01 p{font-size: 16px; color: #666; display: flex; justify-content: flex-end; margin-bottom: 10px;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div{display: flex; justify-content: center;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul:first-of-type{border-radius: 30px 0 0 30px; background-color: #d9d9d9; overflow: hidden; border: 3px solid #a3a3a3; border-right: none;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul:last-of-type{border-radius: 0 30px 30px 0; background-color: #ffe0a3; overflow: hidden; border: 3px solid #653509;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul li:last-of-type{height: 40px; line-height: 40px; font-size: 18px; color: #838383; letter-spacing: -0.04em; text-align: center; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul:last-of-type li:last-of-type{font-size: 18px; color: #653509;}
.add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul img{width: 100%;}

.add_info_box .cont_box.leve17 .leve17_box15>ul{padding: 10px 40px; background-color: #f5f3ee; border-bottom: 1px solid #222; display: flex; justify-content: right; align-items: center;}
.add_info_box .cont_box.leve17 .leve17_box15>ul>li:first-of-type{font-weight: 100; border-right: 1px solid #cfccc7; margin-right: 20px; padding-right: 20px; font-size: 24px; color: #653509; font-size: 14px;}
.add_info_box .cont_box.leve17 .leve17_box15>ul>li:last-of-type{font-size: 16px; color: #653509; font-weight: bold;  letter-spacing: -0.02em;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_tit{font-size: 34px; letter-spacing: -0.04em; color: #29231e; text-align: center; margin: 40px 0 5px 0; font-weight: 300;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_tit b{font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_sub{font-size: 16px; letter-spacing: -0.04em; color: #29231e; text-align: center; margin: 0 0 30px 0;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01{display: block; padding: 0; background-color: #fff; border: none;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 li{margin: 0;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_txt{font-size: 30px; text-align: center; letter-spacing: -0.02em; color: #29231e; font-weight: 400; border-top: 1px solid #777777; padding: 20px 0; border-right: none; margin: 0;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_tit{font-size: 34px; text-align: center; letter-spacing: -0.02em; color: #29231e; font-weight: bold; border-top: 1px solid #777777; padding: 15px 0; margin-bottom: 0;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 img{width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub{padding: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap;} 
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li{width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li:first-of-type{font-size: 28px; color: #222; margin: 0 0 7px 0; position: relative; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li:first-of-type::after{content: ''; width: 25px; height: 21px; background: url(/img/product/box09_icon.png) no-repeat; display: inline-block; margin-left: 8px; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li:last-of-type{display: flex; justify-content: space-between; color: #333; font-size: 22px;}
.add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li:last-of-type span{font-size: 16px; color: #29231e; border: 1px solid #29231e; padding: 3px 15px; border-radius: 40px; box-sizing: border-box;}

.add_info_box .cont_box.leve17 .leve17_box16 .box16_tit{color: #fff; background-color: #525252; font-size: 34px; letter-spacing: -0.04em; text-align: center; padding: 45px 0; font-weight: 200; line-height: 130%;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul li img{vertical-align: bottom; width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub{width: 100%; height: 245px; background: url(/img/product/box10_img02.jpg) no-repeat; display: flex; flex-wrap: wrap; align-content: center; padding: 0 40px; box-sizing: border-box; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub::before{content: ''; width: 23px; height: 19px; background: url(/img/product/box09_icon.png) no-repeat; display: inline-block; margin-bottom: 10px; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub b{width: 100%; font-size: 20px; margin-bottom: 10px;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub b::before{content: ''; width: 51px; height: 26px; display: inline-block; background: url(/img/product/icon_num.png) no-repeat; position: relative; top: 7px; margin-right: 10px; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub p{width: 100%; font-size: 18px; letter-spacing: -0.02em; color: #29231e;}

.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(2) .box16_cont01_sub{width: 100%; height: 245px; background: url(/img/product/box10_img04.jpg) no-repeat; display: flex; flex-wrap: wrap; align-content: center; padding: 0 40px; box-sizing: border-box; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(2) .box16_cont01_sub b::before{content: ''; width: 51px; height: 26px; display: inline-block; background: url(/img/product/icon_num.png) no-repeat; position: relative; top: 7px; margin-right: 10px; background-position: 0px -32px; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(3) .box16_cont01_sub{width: 100%; height: 245px; background: url(/img/product/box10_img07.jpg) no-repeat; display: flex; flex-wrap: wrap; align-content: center; padding: 0 40px; box-sizing: border-box; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(3) .box16_cont01_sub b::before{content: ''; width: 51px; height: 29px; display: inline-block; background: url(/img/product/icon_num.png) no-repeat; position: relative; top: 7px; margin-right: 10px; background-position: 0px -60px; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(4) .box16_cont01_sub{width: 100%; height: 245px; background: url(/img/product/box10_img09.jpg) no-repeat; display: flex; flex-wrap: wrap; align-content: center; padding: 0 40px; box-sizing: border-box; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(4) .box16_cont01_sub b::before{content: ''; width: 51px; height: 29px; display: inline-block; background: url(/img/product/icon_num.png) no-repeat; position: relative; top: 7px; margin-right: 10px; background-position: 0px -94px; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(5) .box16_cont01_sub{width: 100%; height: 245px; background: url(/img/product/box10_img11.jpg) no-repeat; display: flex; flex-wrap: wrap; align-content: center; padding: 0 40px; box-sizing: border-box; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(5) .box16_cont01_sub b::before{content: ''; width: 51px; height: 29px; display: inline-block; background: url(/img/product/icon_num.png) no-repeat; position: relative; top: 7px; margin-right: 10px; background-position: 0px -127px; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(6) .box16_cont01_sub{width: 100%; height: 245px; background: url(/img/product/box10_img13.jpg) no-repeat; display: flex; flex-wrap: wrap; align-content: center; padding: 0 40px; box-sizing: border-box; background-size: contain;}
.add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(6) .box16_cont01_sub b::before{content: ''; width: 51px; height: 33px; display: inline-block; background: url(/img/product/icon_num.png) no-repeat; position: relative; top: 7px; margin-right: 10px; background-position: 0px -156px; background-size: cover;}

.add_info_box .cont_box.leve17 .leve17_box17>ul{padding: 10px 40px; border-bottom: 1px solid #222; display: flex; justify-content: right; align-items: center; background-color: #f5f3ee;}
.add_info_box .cont_box.leve17 .leve17_box17>ul>li:first-of-type{ font-size: 14px; color: #653509; font-weight: 100; border-right: 1px solid #cfccc7; margin-right: 20px; padding-right: 20px; letter-spacing: -0.02em;}
.add_info_box .cont_box.leve17 .leve17_box17>ul>li:last-of-type{font-size: 16px; color: #653509; font-weight: bold; letter-spacing: -0.02em;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_tit{font-size: 34px; color: #29231e; text-align: center; letter-spacing: -0.02em; margin: 40px 0 5px 0;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_tit b{font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_sub{font-size: 16px; letter-spacing: -0.04em; color: #29231e; text-align: center;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01{margin: 30px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul{padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li{font-size: 18px; letter-spacing: -0.02em; margin: 0 0 20px 0; width: 47%; line-height: 100%;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li div{position: relative;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li div::after{content: 'Step 1'; width: 60px; height: 28px; position: absolute; bottom: 0px; left: 0; background-color: #666666; text-align: center; line-height: 25px; color: #fff; font-size: 14px; letter-spacing: -0.02em;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(2) div::after{content: 'Step 2'; width: 60px; height: 28px;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(3) div::after{content: 'Step 3'; width: 60px; height: 28px;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(4) div::after{content: 'Step 4'; width: 60px; height: 28px;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(5) div::after{content: 'Step 5'; width: 60px; height: 28px;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(6) div::after{content: 'Step 6'; width: 60px; height: 28px;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li img{vertical-align: bottom; width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li p{margin: 20px 0 0 30px; position: relative; letter-spacing: -0.02em; line-height: 140%;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li p>span{position: absolute; top: 0px; left: -30px;}
.add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li span.box17_cont01_txt{font-size: 14px; letter-spacing: -0.02em; color: #666666; position: relative; left: 30px;}

.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01{background-color: #f9f4e9; padding: 0 0 7px 0; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 .box18_tit{font-size: 34px; text-align: center; display: block; letter-spacing: -0.02em; color: #29231e; padding: 50px 0 0 0; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 .box18_sub{font-size: 22px; text-align: center; letter-spacing: -0.02em; color: #29231e; padding: 0 0 35px 0; margin: 0; font-weight: 300;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 ul{padding: 0 20px 20px 20px; box-sizing: border-box; position: relative;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 ul li img{vertical-align: bottom; width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02{padding: 50px 0 25px 0; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 p.box18_tit{font-size: 34px; text-align: center; letter-spacing: -0.04em; color: #222; font-weight: 300; margin: 0 0 20px 0;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 p.box18_tit b{position: relative; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 p.box18_tit b:before{content: ''; width: 5px; height: 5px; border-radius: 8px; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background-color: #a7967c;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 ul{padding: 0 20px; box-sizing: border-box; position: relative; margin-bottom: 20px;}
.add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 ul:last-of-type{margin-bottom: 0;}
.add_info_box .cont_box.leve17 .leve17_box18 ul li.box18_img{position: relative; width: 100%; height: auto; padding-bottom: 56.25%;}
.add_info_box .cont_box.leve17 .leve17_box18 ul li.box18_img iframe{position: absolute; width: 100%; height: 100%;}

.add_info_box .cont_box.leve17 .leve17_box19{padding: 40px 0 0 0px; background-color: #f5f3ee;}
.add_info_box .cont_box.leve17 .leve17_box19 b.box19_tit{font-size: 34px; font-weight: bold; letter-spacing: -0.02em; letter-spacing: -0.02em; text-align: center; display: block; color: #29231e;}
.add_info_box .cont_box.leve17 .leve17_box19 p.box19_sub{font-size: 20px; color: #fff; text-align: center; padding: 10px 20px; background-color: #653509; margin: 30px auto 0 auto; width: 240px; border-radius: 50px;}
.add_info_box .cont_box.leve17 .leve17_box19 .box12_img05{margin: 40px 0 0 0; width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box19 p.box19_txt{font-size: 18px; font-weight: 300; letter-spacing: -0.02em; color: #653509; text-align: center; margin: 20px 0 0 0; padding: 0 0 20px 0;}
.add_info_box .cont_box.leve17 .leve17_box19 ul{background-color: #653509; padding: 30px 135px;}
.add_info_box .cont_box.leve17 .leve17_box19 ul li{font-size: 16px; letter-spacing: -0.02em; color: #fff; line-height: 160%; list-style: decimal; font-weight: 300;}
.add_info_box .cont_box.leve17 .leve17_box19 ul li span{font-size: 14px;}

.add_info_box .cont_box.leve17 .leve17_box20{background-color: #f5f3ee; padding: 60px 30px 40px 30px;}
.add_info_box .cont_box.leve17 .leve17_box20 b.box20_tit{font-size: 34px; letter-spacing: -0.02em; color: #29231e; text-align: center; display: block; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box20 .box20_cont01{margin: 40px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box20 .box20_cont01 img{width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box21{padding: 80px 0 120px 0;}
.add_info_box .cont_box.leve17 .leve17_box21 b.box21_tit{font-size: 34px; text-align: center; display: block; letter-spacing: -0.02em; color: #29231e; margin: 0 0 40px 0; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul{display: flex; justify-content: space-between; padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li{text-align: center; font-size: 14px; color: #666666;}
.add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li p{font-size: 16px; color: #29231e; font-weight: bold; margin: 0 0 10px 0;}
.add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li b{display: block;}
.add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li p.box21_cont01_tit{font-size: 14px; display: inline-flex; padding: 3px 10px; border-radius: 30px; letter-spacing: -0.04em; background-color: #29231e; text-align: center; color: #fff; margin: 0 0 20px 0;}
.add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li img{margin: 0 0 25px 0; height: 200px;}

.add_info_box .cont_box.leve17 .leve17_box22{padding: 60px 0 30px 0; background-color: #f5f3ee;}
.add_info_box .cont_box.leve17 .leve17_box22 p.box22_sub{text-align: center; font-size: 20px; color: #7a5f36; letter-spacing: -0.04em;}
.add_info_box .cont_box.leve17 .leve17_box22 b.box22_tit{font-size: 34px; letter-spacing: -0.02em; color: #29231e; text-align: center; display: block; margin: 5px 0 0 0; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box22 b.box22_tit::before{content: ''; width: 40px; height: 40px; display: inline-block; background: url(/img/product/icon_notice.png) no-repeat; position: relative; top: 7px; margin-right: 7px; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01{margin: 50px 0 0 0; padding: 0 40px;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li{border: 1px solid #7b674a; box-sizing: border-box; background-color: #fff; font-size: 16px; color: #7b674a; line-height: 140%; letter-spacing: -0.02em; margin-bottom: 20px; word-break: keep-all;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li:last-of-type{margin-bottom: 0;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li p{padding: 20px 40px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li span{color: #e80000; font-size: 14px; letter-spacing: -0.02em; display: block; margin: 10px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_tit{background-color: #7b674a; display: block; color: #fff; font-size: 18px; letter-spacing: -0.04em; padding: 7px 15px; font-weight: 600;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img{width: 90%; margin: auto; display: flex; justify-content: center;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img div{margin-right: 20px;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img div:last-of-type{margin-right: 0;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img img{width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img p{padding: 0px; text-align: center; margin: 10px 0 0 0;}

.add_info_box .cont_box.leve17 .leve17_box23{padding: 60px 0 0px 0;}
.add_info_box .cont_box.leve17 .leve17_box23 p.box23_sub{text-align: center; font-size: 20px; color: #7a5f36; letter-spacing: -0.04em;}
.add_info_box .cont_box.leve17 .leve17_box23 b.box23_tit{font-size: 34px; letter-spacing: -0.02em; color: #29231e; text-align: center; display: block; margin: 0; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box23 b.box23_tit::before{content: ''; width: 40px; height: 40px; display: inline-block; background: url(/img/product/icon_notice.png) no-repeat; position: relative; top: 7px; margin-right: 7px; background-size: cover; background-position: -45px 0;}
.add_info_box .cont_box.leve17 .leve17_box23 ul{padding: 50px 60px 50px 80px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box23 ul li{font-size: 16px; letter-spacing: -0.02em; word-break: keep-all; color: #666666; list-style: decimal; margin: 20px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box23 ul li:first-of-type{margin: 0;}

.add_info_box .cont_box.leve17 .leve17_box24{padding: 60px 0 50px 0; background-color: #f5f3ee;}
.add_info_box .cont_box.leve17 .leve17_box24 p.box24_sub{text-align: center; font-size: 20px; color: #7a5f36; letter-spacing: -0.04em;}
.add_info_box .cont_box.leve17 .leve17_box24 b.box24_tit{font-size: 34px; letter-spacing: -0.02em; color: #29231e; text-align: center; display: block; margin: 0; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box24 b.box24_tit::before{content: ''; width: 40px; height: 40px; display: inline-block; background: url(/img/product/icon_notice.png) no-repeat; position: relative; top: 7px; margin-right: 7px; background-size: cover; background-position: -45px 0;}
.add_info_box .cont_box.leve17 .leve17_box24 ul{padding: 40px 60px 30px 90px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box24 ul li{font-size: 16px; letter-spacing: -0.02em; word-break: keep-all; color: #666666; margin: 10px 0 0 0; list-style: decimal; background-color: #fff; padding: 10px 0px; position: relative; z-index: 1;}
.add_info_box .cont_box.leve17 .leve17_box24 ul li:first-of-type{margin: 0;}
.add_info_box .cont_box.leve17 .leve17_box24 ul li::before{content: ''; width: 40px; height: 100%; background-color: #fff; position: absolute; top: 0px; left: -35px; z-index: -1;}

.add_info_box .cont_box.leve17 .leve17_box25{background-color: #f3efe7;}
.add_info_box .cont_box.leve17 .leve17_box25>ul{display: flex; align-items: center; padding: 10px 40px; border-top: 1px solid #222; border-bottom: 1px solid #222; justify-content: right; background-color: #f5f3ee; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box25>ul li:first-of-type{font-size: 14px; color: #653509; font-weight: 100; border-right: 1px solid #cfccc7; margin-right: 20px; padding-right: 20px; letter-spacing: -0.02em;}
.add_info_box .cont_box.leve17 .leve17_box25>ul li:last-of-type{font-size: 16px; color: #653509; font-weight: bold; letter-spacing: -0.02em;}
.add_info_box .cont_box.leve17 .leve17_box25 p.box25_sub{text-align: center; font-size: 30px; letter-spacing: -0.04em; color: #29231e; margin: 40px 0 10px 0;}
.add_info_box .cont_box.leve17 .leve17_box25 .logo02{margin: auto; display: block; width: 200px;}
.add_info_box .cont_box.leve17 .leve17_box25 b.box25_tit{font-size: 34px; font-weight: bolder; letter-spacing: -0.02em; color: #29231e; text-align: center; display: block; margin: 50px 0 30px 0; font-weight: bold; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box25 b.box25_tit span{color: #653509; display: block;}
.add_info_box .cont_box.leve17 .leve17_box25 p.box25_txt{font-family: 'SUIT', sans-serif; font-size: 16px; letter-spacing: -0.04em; color: #29231e; text-align: center;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01{padding: 60px 0 50px 0; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img{padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li{width: 45%; overflow: hidden; border: 1px solid #fff; position: relative;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:first-of-type{border-radius: 110px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(2){border-radius: 0 110px 0 0;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(3){border-radius: 0 0 0 110px;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(4){border-radius: 0 0 110px 0;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:first-of-type::after{content: 'sb마루'; font-size: 16px; color: #29231e; position: absolute; bottom: 10px; right: 10px; border: 1px solid #fff; box-sizing: border-box; padding: 0px 20px; background-color: rgb(255 255 255 / 60%); border-radius: 20px;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(2)::after{content: '콜렉트월'; font-size: 16px; color: #29231e; position: absolute; bottom: 10px; left: 10px; border: 1px solid #fff; box-sizing: border-box; padding: 0px 20px; background-color: rgb(255 255 255 / 60%); border-radius: 20px;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(3)::after{content: '웰스톤'; font-size: 16px; color: #29231e; position: absolute; top: 10px; right: 10px; border: 1px solid #fff; box-sizing: border-box; padding: 0px 20px; background-color: rgb(255 255 255 / 60%); border-radius: 20px;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(4)::after{content: '스토리보드'; font-size: 16px; color: #29231e; position: absolute; top: 10px; left: 10px; border: 1px solid #fff; box-sizing: border-box; padding: 0px 20px; background-color: rgb(255 255 255 / 60%); border-radius: 20px;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li img{vertical-align: bottom; width: 100%;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 .box25_cont01_tit{width: 200px; background-color: #2d7e43; padding: 3px 0; text-align: center; border-radius: 40px; color: #fff; font-size: 20px; margin: 50px auto 0; display: block; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg{padding: 60px 20px 0 20px; display: flex;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li{text-align: center; margin: 0 20px 0 0;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li:last-of-type{margin-right: 0;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li{font-size: 18px; letter-spacing: -0.02em; color: #666; border-bottom: 2px solid #d8d5cf; box-sizing: border-box; margin: 5px 0; padding: 5px 0; word-break: keep-all; font-weight: bold; line-height: 120%;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li b{font-size: 30px; font-weight: bold; color: #29231e; letter-spacing: -0.02em; display: block; margin: 0 0 10px 0; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li b span{font-size: 14px;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li p{font-size: 12px;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li:last-of-type{font-size: 14px; color: #8c836f; border-bottom: none;}
.add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li:last-of-type span{display: block; font-weight: 600;}

.add_info_box .cont_box.leve17 .leve17_box26{padding: 60px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box26 b.box26_tit{font-size: 36px; text-align: center; display: block; letter-spacing: -0.1em; color: #29231e; font-weight: bold;}
.add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 li.box26_cont_tit{font-size: 32px; background-color: #efefef; padding: 10px 0 23px 0; text-align: center; color: #29231e; margin: 30px 0 0px 0; border-top: 1px solid #29231e; border-bottom: 1px solid #29231e; font-weight: bold; letter-spacing: -0.1em;}
.add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 li.box26_cont_tit::before{content: ''; width: 50px; height: 50px; display: inline-block; background: url(/img/product/icon_notice.png) no-repeat; background-position: -110px 0; margin-right: 15px; position: relative; top: 15px; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul{padding: 20px 0px; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li{font-size: 18px; letter-spacing: -0.05em; color: #333; margin: 5px 0; display: flex;}
.add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li b{margin-right: 10px;}
.add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li span{font-size: 16px; color: #666; margin: 0px 0 0 10px;}
.add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li span::before{content: ''; width: 3px; height: 3px; border-radius: 3px; display: inline-block; position: relative; background-color: #666; position: relative; top: -5px; left: -10px;}
.add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li.box26_cont_sub span{margin-top: 20px;}

.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>li.box27_cont_tit{font-size: 36px; background-color: #efefef; padding: 10px 0 23px 0; text-align: center; color: #29231e; margin: 0; border-top: 1px solid #29231e; border-bottom: 1px solid #29231e; font-weight: bold; letter-spacing: -0.1em;}
.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>li.box27_cont_tit::before{content: ''; width: 50px; height: 50px; display: inline-block; background: url(/img/product/icon_notice.png) no-repeat; background-position: -168px 0; margin-right: 15px; position: relative; top: 15px; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul{padding: 20px 0;}
.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul li{font-size: 18px; color: #666; letter-spacing: -0.1em; margin: 10px 0 0 20px; word-break: keep-all; line-height: 140%;}
.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul li::before{content: ''; width: 3px; height: 3px; border-radius: 3px; display: inline-block; position: relative; background-color: #666; position: relative; top: -5px; left: -10px;}
.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul ul{padding: 0; display: flex;align-items: flex-start; margin: 30px 0 0 0;}
.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul ul li:first-of-type{padding: 5px 20px; border-radius: 40px; background-color: #795119; color: #fff; font-size: 18px; font-weight: bold; margin: 0 20px 0 0;}
.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul ul li:last-of-type{font-size: 24px; color: #795119; font-weight: bold; letter-spacing: -0.05em; margin: 0;}
.add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul ul li::before{display: none;}

.add_info_box .cont_box.leve17 .leve17_box28 .box28_cont01{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>li.box28_cont_tit{font-size: 36px; background-color: #efefef; padding: 10px 0 23px 0; text-align: center; color: #29231e; margin: 30px 0 0px 0; border-top: 1px solid #29231e; border-bottom: 1px solid #29231e; font-weight: bold; letter-spacing: -0.03em;}
.add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>li.box28_cont_tit::before{content: ''; width: 50px; height: 50px; display: inline-block; background: url(/img/product/icon_notice.png) no-repeat; background-position: -224px 0; margin-right: 15px; position: relative; top: 15px; background-size: cover;}
.add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>ul{padding: 20px 0;}
.add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>ul li{font-size: 18px; color: #666; letter-spacing: -0.04em; margin: 10px 0 0 20px; word-break: keep-all; line-height: 140%;}
.add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>ul li::before{content: ''; width: 3px; height: 3px; border-radius: 3px; display: inline-block; position: relative; background-color: #666; position: relative; top: -5px; left: -10px;}

.add_info_box .cont_box.leve17 .leve17_box29 .box29_cont01{padding: 0;}
.add_info_box .cont_box.leve17 .leve17_box29 ul.box29_cont01>li.box29_cont_tit{font-size: 32px; background-color: #efefef; padding: 24px 0; text-align: center; color: #29231e; margin: 70px 0 0px 0; border-top: 1px solid #29231e; border-bottom: 1px solid #29231e; font-weight: bold; letter-spacing: -0.04em;}
.add_info_box .cont_box.leve17 .leve17_box29 ul li{text-align: center;}
.add_info_box .cont_box.leve17 .leve17_box29 ul ul{padding: 20px 0px; border-bottom: 1px solid #29231e; box-sizing: border-box;}
.add_info_box .cont_box.leve17 .leve17_box29 ul li{font-size: 16px; letter-spacing: -0.04em; color: #666;}
.add_info_box .cont_box.leve17 .leve17_box29 ul li b{font-size: 22px; letter-spacing: -0.05em; color: #333; display: block; margin-bottom: 5px; font-weight: 600;}

.add_info_box .cont_box.leve17 .leve17_box30{padding: 20px 0;}
.add_info_box .cont_box.leve17 .leve17_box30 p{font-size: 16px; letter-spacing: -0.04em; color: #666; text-align: center;}

/* 20231024 방염스토리보드 */
.cont_box.level1.prd06_level2 .level1_cont01{display: flex; margin: 30px 0 0 0;}
.cont_box.level1.prd06_level2 .level1_cont01 li{width: 100%; text-align: center;}
.cont_box.level1.prd06_level2 .level1_cont01 img{display: block; margin: auto;}
.cont_box.level1.prd06_level2 .level1_cont01 li b{display: block; margin: 10px 0 5px 0;}
.cont_box.level1.prd06_level2 .stxt{font-size: 13px;}
.cont_box.level1.prd06_level2 .bg_gray{padding: 30px 15px 30px 20px;}
.cont_box.level1.prd06_level2 ul{line-height: 160%; font-size: 16px;}
.prd06_level2 .prd06_icon20::before{content: ''; width: 41px; height: 41px; position: absolute; top: -10px; left: 0px; background: url(/img/product/prd06_icon20.png) no-repeat;}
.prd06_level2 .prd06_icon21::before{content: ''; width: 41px; height: 41px; position: absolute; top: -10px; left: 0px; background: url(/img/product/prd06_icon21.png) no-repeat;}
.prd06_level2 .prd06_icon22::before{content: ''; width: 41px; height: 41px; position: absolute; top: -10px; left: 0px; background: url(/img/product/prd06_icon22.png) no-repeat;}
.prd06_level2 .prd06_icon23::before{content: ''; width: 41px; height: 41px; position: absolute; top: 3px; left: 0px; background: url(/img/product/prd06_icon23.png) no-repeat;}
.prd06_level2 .prd06_icon24::before{content: ''; width: 41px; height: 41px; position: absolute; top: 3px; left: 0px; background: url(/img/product/prd06_icon24.png) no-repeat;}


/* 20240614 스토리필름 추가 */
.cont_box.leve18 img{width: 100%; max-width: 700px; margin: auto; display: block;}


/* 20250519 알루미늄 내장재 추가 */
.add_info_box .cont_box.prd01_level2.alu .tit_cont_area {height: 460px; background: url(/img/product/bg_prd01_level2_alu.png) no-repeat 50%; background-size: cover;}
.add_info_box .cont_box.prd01_level2.alu .logo_brand .sp_bi {width: 220px; height: 66px; background-position: -187px -685px;}
.add_info_box .cont_box.prd01_level2.alu .character_list {margin-bottom: 27px;}
.add_info_box .cont_box.prd01_level2.alu .wrap_img ul {gap: 40px;}
.add_info_box .cont_box.prd01_level2.alu .wrap_img ul li {width: calc((100% - 40px) / 2);}
.add_info_box .cont_box.prd01_level2.alu .wrap_img ul li img {margin: 0; border-radius: 10px;}
.add_info_box .cont_box.prd01_level2.alu .sort p {margin-bottom: 10px;}
.add_info_box .cont_box.prd01_level2.alu .sort img {width: 100%;}


/* 20231211  스킨마루 상세페이지*/
@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.add_info_box .cont_box.level5{font-family: 'GyeonggiBatang';}
.add_info_box .cont_box.level5 .img_231211{width: 600px; margin: auto; display: block;}
.add_info_box .cont_box.leve15 .img_600{width: 600px; margin: auto; display: block;}
.add_info_box .cont_box.leve15 [class ^= "leve15_box"] {width: 600px; margin: auto; display: block; position: relative;}

.add_info_box .cont_box.leve15 .leve15_point{width: 70px; height: 70px; margin: 50px auto 30px; background: url(/img/product/leve15_point.png)no-repeat; background-position: 0px 0px; background-size: cover; font-size: 0;}
.add_info_box .cont_box.leve15 .leve15_box03 .leve15_point{background-position: 0px -77px;}
.add_info_box .cont_box.leve15 .leve15_box04 .leve15_point{background-position: 0 -152px;}
.add_info_box .cont_box.leve15 .leve15_box05 .leve15_point{background-position: 0 -231px;}
.add_info_box .cont_box.leve15 .leve15_box06 .leve15_point{background-position: 0 -312px;}
.add_info_box .cont_box.leve15 .leve15_box07 .leve15_point{background-position: 0 -393px;}

.add_info_box .cont_box.leve15 .leve15_box01 img{width: 100%;}
.add_info_box .cont_box.leve15 .leve15_box0101{position: relative; background-color: #f2eae6; padding: 130px 0 50px 0; z-index: 0;}
.add_info_box .cont_box.leve15 .leve15_box0101::before{content: ''; width: 90%; height: 216px; background: url(/img/product/leve15_img0101.png) no-repeat; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 0; background-size: contain; background-position: top center; z-index: -1;}
.add_info_box .cont_box.leve15 .leve15_box0101 img{max-width: 400px; margin: 0 auto 15px; display: block;}

.add_info_box .cont_box.leve15 .leve15_box02 img{width: 100%;}

/* .add_info_box .cont_box.leve15 .leve15_box02{height: 1400px;}
.add_info_box .cont_box.leve15 .leve15_box02::before{content: ''; width: 100%; height: 1400px; background: url(/img/product/leve15_box02.jpg) no-repeat; position: absolute; top: 0px; left: 0px; z-index: -1; background-size: cover;}
.add_info_box .cont_box.leve15 .leve15_box02 .leve15_txt_box{position: relative; padding: 70px 0 0 0; box-sizing: border-box;}
.add_info_box .cont_box.leve15 .leve15_box02 .leve15_txt_box::before{content: ''; width: 100%; height: 400px; position: absolute; top: 0px; left: 0; background: url(/img/product/leve15_box0201.png) no-repeat; background-size: cover; background-position: top center;} */
.add_info_box .cont_box.leve15 .leve15_txt_box h3{font-family: 'GyeonggiBatang'; font-size: 34px; font-weight: 600; text-align: center; color: #846f44; letter-spacing: 0.02em; position: relative;}
.add_info_box .cont_box.leve15 .leve15_txt_box span{color: #846f44; font-size: 20px; font-weight: lighter; line-height: 25px; text-align: center; display: block; margin: 10px 0 0 0; font-family: 'Pretendard Variable';}
.add_info_box .cont_box.leve15 .leve15_txt_box p{font-size: 30px; text-align: center; color: #846f44; font-family: 'GyeonggiBatang';}
.add_info_box .cont_box.leve15 .leve15_txt_box p b{font-weight: bold;}
/* .add_info_box .cont_box.leve15 .leve15_box02 .leve15_img03 img{width: 250px; margin: 370px auto 0; display: block;}
.add_info_box .cont_box.leve15 .leve15_box02 .leve15_img03 p{text-align: center; font-size: 20px; color: #6c6d6d; font-family: 'Pretendard Variable';}
.add_info_box .cont_box.leve15 .leve15_box02 .leve15_img04{width: 75%; height: 100px; display: flex; justify-content: space-around; padding: 15px; box-sizing: border-box; background-color: white; margin: 20px auto; border-radius: 20px;}
.add_info_box .cont_box.leve15 .leve15_box02 .leve15_img04 b{font-family: 'Pretendard Variable'; font-size: 18px;}
.add_info_box .cont_box.leve15 .leve15_box02 .leve15_img04 p{font-family: 'Pretendard Variable'; font-size: 16px;} */


.add_info_box .cont_box.leve15 .leve15_box03 .leve15_box05{width: 85%; margin: 40px auto 0;}
.add_info_box .cont_box.leve15 .leve15_box04 .gif02, .add_info_box .cont_box.leve15 .leve15_box05 .gif01{width: 85%; margin: 40px auto 0; display: block;}

.add_info_box .cont_box.leve15 .leve15_box06{height: 300px; background: url(/img/product/leve15_img15.png) no-repeat; background-size: cover; margin: 40px auto 0; padding: 30px 0 70px ;}
.add_info_box .cont_box.leve15 .leve15_box07 .leve15_box06_img{width: 100%; margin: 40px 0 100px 0;}
.add_info_box .cont_box.leve15 .leve15_box07 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.add_info_box .cont_box.leve15 .leve15_box07 ul li{width: 48%; margin: 0 0 30px 0;}
.add_info_box .cont_box.leve15 .leve15_box07 ul li p{text-align: center; color: #846f44; border: 1px solid #d2d2d2; box-sizing: border-box; font-family: 'Pretendard Variable'; line-height: 25px; font-weight: bold; font-size: 24px; height: 60px; display: flex; justify-content: center; align-items: center;}
.add_info_box .cont_box.leve15 .leve15_box07 ul li p:last-of-type{font-size: 20px; height: 80px;}
.add_info_box .cont_box.leve15 .leve15_box07 ul li img{width: 100%;}
.add_info_box .cont_box.leve15 .leve15_box07 ul li img:first-of-type{margin: 0 0 5px 0;}

.add_info_box .cont_box.leve15 .leve15_box08{margin: 40px auto 0;}
.add_info_box .cont_box.leve15 .leve15_box08 .leve15_box13{width: 100%; border: 1px solid #d2d2d2; box-sizing: border-box; margin: 30px 0 0 0;}
.add_info_box .cont_box.leve15 .leve15_box08 table{width: 100%; border-top: 3px solid #705f3d; border-bottom: 1px solid #705f3d; box-sizing: border-box; margin: 20px 0 0 0; text-align: center; font-family: 'Pretendard Variable';}
.add_info_box .cont_box.leve15 .leve15_box08 table th{box-sizing: border-box; padding: 15px 0; font-size: 20px; font-weight: bold; color: #333;}
.add_info_box .cont_box.leve15 .leve15_box08 table td{border-top: 1px solid #705f3d; box-sizing: border-box; padding: 15px 0; font-size: 20px; color: #333;}

.add_info_box .cont_box.leve15 .leve15_box08.skinfloor {width: auto;}
.add_info_box .cont_box.leve15 .leve15_box08.skinfloor .leve15_txt_box > img {margin: 30px auto 0; width: 650px;}
.add_info_box .cont_box.leve15 .leve15_box08.skinfloor .leve15_txt_box table {margin: 20px auto 0; width: 650px;}
.add_info_box .cont_box.leve15 .leve15_box08.skinfloor .leve15_txt_box .wrap_img {margin: 0 auto; width: 762px;}


/* 20231227 탄소중립 추가 */
.highlight{background-color: #f4f4f4;}

.scope_list{display: flex; padding: 30px; border-radius: 50px; border: 2px solid #2e5b7a; box-sizing: border-box; justify-content: space-around;}
.scope_list li{position: relative; color: #2e5b7a;}
.scope_list li::after{content: ''; width: 12px; height: 18px; background: url(/img/product/scope_list_icon.png) no-repeat; display: inline-block; position: relative; top: 3px; margin: 0 0 0 40px;}
.scope_list li:last-of-type:after{display: none;}
.scope_list li:nth-of-type(3){font-weight: bold;}

img.env07_graph{width: 100%; margin: 40px auto;}
.scope3_tbl tr td:first-of-type{text-align: left;}

.ver_tbl{width: 100%; border-spacing: 10px; border-collapse: separate;}
.ver_tbl th{width: 70px; border: 1px solid #2d5b79; box-sizing: border-box; color: #2d5b79; padding: 10px 0;}
.ver_tbl td{background-color: #f4f4f4; padding: 20px 15px; position: relative;}
.ver_tbl td span{color: #2d5b79; font-weight: bold;}
.ver_tbl thead tr td::before{content: ''; width: 20px; height: 20px; background-color: #2d5b79; border-radius: 20px; display: inline-block; margin: 0 5px 0 0; position: relative; font-family: 'NotoSansKR', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif; font-size: 14px; font-weight: 500; text-align: center; color: #fff;}
.ver_tbl thead tr td::after{content: ''; width: 40px; height: 40px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
table.ver_tbl:first-of-type thead tr td:nth-of-type(1):before{content: '1';}
table.ver_tbl:first-of-type thead tr td:nth-of-type(1)::after{background: url(/img/product/icon_roadmap_01.png) no-repeat;}

table.ver_tbl:first-of-type thead tr td:nth-of-type(2):before{content: '2';}
table.ver_tbl:first-of-type thead tr td:nth-of-type(2):after{background: url(/img/product/icon_roadmap_02.png) no-repeat;}

table.ver_tbl:first-of-type thead tr td:nth-of-type(3):before{content: '3';}
table.ver_tbl:first-of-type thead tr td:nth-of-type(3):after{background: url(/img/product/icon_roadmap_03.png) no-repeat;}

table.ver_tbl:nth-of-type(2) thead tr td:nth-of-type(1):before{content: '4';}
table.ver_tbl:nth-of-type(2) thead tr td:nth-of-type(1):after{background: url(/img/product/icon_roadmap_04.png) no-repeat;}

table.ver_tbl:nth-of-type(2) thead tr td:nth-of-type(2):before{content: '5';}
table.ver_tbl:nth-of-type(2) thead tr td:nth-of-type(2):after{background: url(/img/product/icon_roadmap_05.png) no-repeat;}

table.ver_tbl:nth-of-type(2) thead tr td:nth-of-type(3):before{content: '6';}
table.ver_tbl:nth-of-type(2) thead tr td:nth-of-type(3):after{background: url(/img/product/icon_roadmap_06.png) no-repeat;}

.ver_tbl tbody tr td p::before{content: ''; width: 10px; height: 11px; display: inline-block; background: url(/img/product/icon_arrow.png) no-repeat; margin: 0 5px 0 0;}

.hor_tbl{width: 100%; border-spacing: 10px; border-collapse: separate; text-align: center;}
.hor_tbl th{background-color: #2d5b79; color: #fff; padding: 10px;}
.hor_tbl td{background-color: #f4f4f4; padding: 20px 15px;}
.hor_tbl tbody tr td:nth-of-type(2){text-align: left;}
.hor_tbl tbody tr:nth-of-type(3) td:nth-of-type(2),
.hor_tbl tbody tr:nth-of-type(4) td:nth-of-type(2){text-align: center;}
.hor_tbl tbody tr td:last-of-type::before{content: ''; width: 90px; height: 40px; display: block; margin: 0 auto 10px auto;}
.hor_tbl tbody tr:first-of-type td:last-of-type::before{background: url(/img/product/icon_scope01.png) no-repeat;}
.hor_tbl tbody tr:nth-of-type(2) td:last-of-type::before{background: url(/img/product/icon_scope02.png) no-repeat;}
.hor_tbl tbody tr:nth-of-type(3) td:last-of-type::before{background: url(/img/product/icon_scope03.png) no-repeat;}
.hor_tbl tbody tr:nth-of-type(4) td:last-of-type::before{background: url(/img/product/icon_scope04.png) no-repeat;}

/* 20240430 데코레이션 시트 추가 */
td.prd05_level2_tbl_icon{text-align: left;}
.prd05_level2_tbl_icon b{text-align: left; margin: 0 0 10px 0; display: block;}
.prd05_level2_tbl_icon b::before{content: ''; width: 36px; height: 36px; display: inline-block; position: relative; top: 12px; margin: 0 10px 0 0; background: url(/img/product/arteco_DecoSheet_icon.png);}
.prd05_level2_tbl_icon.prd05_level2_tbl_icon02 b::before{background-position: -46px 0px;}
.prd05_level2_tbl_icon.prd05_level2_tbl_icon03 b::before{background-position: -92px 0px}
.prd05_level2_tbl_icon.prd05_level2_tbl_icon04 b::before{background-position: -138px 0px}

.prd05_level2_tbl_icon.prd05_level2_tbl_icon05 b::before{background-position: 0px -52px}
.prd05_level2_tbl_icon.prd05_level2_tbl_icon06 b::before{background-position: -46px -52px}
.prd05_level2_tbl_icon.prd05_level2_tbl_icon07 b::before{background-position: -92px -52px}
.prd05_level2_tbl_icon.prd05_level2_tbl_icon08 b::before{background-position: -138px -52px}
.prd05_level2_tbl_icon.prd05_level2_tbl_icon09 b::before{background-position: -184px -52px}
.prd05_level2_tbl_icon.prd05_level2_tbl_icon10 b::before{background-position: -230px -52px}

.prd05_level2_tbl_txt_box01{background-color: #f5f5f5; font-size: 14px;}
.prd05_level2_tbl_txt_box01 td{text-align: left;}
.prd05_level2_tbl_txt_box01 b{display: block; margin: 0 0 5px 0;}
.prd05_level2_tbl_txt_box01 ul li{line-height: 200%;}


.trend li{width: 100%; float: none; margin: 0;}

.trend_box{display: flex; justify-content:  space-between; gap: 10px;}
.trend_box_top{display: flex;}
div.trend_box{margin: 0 0 10px 0;}
.trend_box img{width: 330px;}
.trend_box .trend_box_last{width: 157px;}
.trend_box li{display: flex; flex-direction: column; gap: 13px;}
.trend_box li img{width: 100%;}
.trend_box li>div{display: flex; align-items: center; justify-content: space-between;}
.trend_box li b{display: inline-block;}

/* 20240520 벽면재 > PF보드 추가 */
.cont_box.level2.prd01_level2 .wrap_img{display: flex; align-items: center; gap: 0 45px; margin: 0 0 35px 0;}
.cont_box.level2.prd01_level2 .wrap_img img{margin: 0 auto;}
.cont_box.level2.prd01_level2 .wrap_img01{display: flex; flex-wrap: wrap; align-items: center; gap: 0 45px;}
.cont_box.level2.prd01_level2 .wrap_img ul{display: flex; flex-wrap: wrap; gap: 40px 0;}
.cont_box.level2.prd01_level2 .wrap_img ul li{display: flex; gap: 0 12px; text-align: left;}
.cont_box.level2.prd01_level2 .wrap_img ul li .cl_b{color: #5488b4; font-weight: 400;}
.cont_box.level2.prd01_level2 .tbl_c01 tr:first-of-type{background-color: #f5f5f5;}
.cont_box.level2.prd01_level2 .tbl_c tr th{background-color: #f5f5f5;}
.cont_box.level2.prd01_level2 .flex_box{display: flex; gap: 0 20px;}
.cont_box.level2.prd01_level2 .flex_box img{margin: 0;}
.cont_box.level2.prd01_level2 .flex_box b{display: block; text-align: left;}
.cont_box.level2.prd01_level2 .flex_box01{display: flex; align-items: center; justify-content: space-between;}
.cont_box.level2.prd01_level2 .stxt{display: block; text-align: left; margin-top: 5px;}

/* 20240528 벽면재 > 스토리윌 추가 */
@font-face { font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal; }

.prd01_level3{font-family: 'Pretendard Variable'; }
.prd01_level3 img{vertical-align: middle;}
.prd01_level3 .prd02_level3_main{width: 100%;}
.prd01_level3 .bg_brown{background-color: #381e11; height: 220px; display: flex; align-items: center; justify-content: center;}
.prd01_level3 .bg_brown p, .prd01_level3 .bg_brown b{font-size: 28px; line-height: 140%; color: #fff; letter-spacing: -0.05em; display: block; text-align: center;}
.prd01_level3 .prd01_level3_box01, .prd01_level3 .prd01_level3_box0501, .prd01_level3 .prd01_level3_box06{position: relative; display: flex; align-items: flex-end;}
.prd01_level3 .prd01_level3_box01 .txt, .prd01_level3 .prd01_level3_box05 .txt, .prd01_level3 .prd01_level3_box06 .txt{position: absolute; color: #381e11; font-size: 39px; padding: 85px 50px; box-sizing: border-box;} 
.prd01_level3 .prd01_level3_box01 .txt span, .prd01_level3 .prd01_level3_box05 .txt span, .prd01_level3 .prd01_level3_box06 .txt span{position: relative; font-family: 'NotoSerifKR'; margin: 0 0 30px 0; display: block;}
.prd01_level3 .prd01_level3_box01 .txt span::after, .prd01_level3 .prd01_level3_box05 .txt span::after, .prd01_level3 .prd01_level3_box06 .txt span::after{content: ''; width: 40px; height: 3px; background-color: #381e11; display: block; margin: 25px 0 0 0;}
.prd01_level3 .prd01_level3_box01 .txt p, .prd01_level3 .prd01_level3_box01 .txt b, .prd01_level3 .prd01_level3_box05 .txt b, .prd01_level3 .prd01_level3_box06 .txt b{display: block; letter-spacing: -0.05em;}

.prd01_level3 .prd01_level3_box02{margin: 120px auto; padding: 0 30px; box-sizing: border-box;}
.prd01_level3 .prd01_level3_box02 ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 80px 30px; padding: 0;}
.prd01_level3 .prd01_level3_box02 ul li{width: calc(100% / 2 - 30px);}
.prd01_level3 .prd01_level3_box02 ul li img{width: 100%;}
.prd01_level3 .prd01_level3_box02 ul li .txt{padding: 20px 0 0 0; box-sizing: border-box;}
.prd01_level3 .prd01_level3_box02 ul li .txt b{color: #381e11; font-size: 28px; font-weight: 800; margin: 0 0 15px 0; display: block; letter-spacing: -0.05em;}
.prd01_level3 .prd01_level3_box02 ul li .txt p{color: #666666; font-size: 28px; position: relative; padding: 0 0 0 15px; box-sizing: border-box; margin: 0 0 8px 0; letter-spacing: -0.05em;}
.prd01_level3 .prd01_level3_box02 ul li .txt p:last-of-type{margin: 0;}
.prd01_level3 .prd01_level3_box02 ul li .txt p::before{content: ''; width: 3px; height: 28px; background-color: #666; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.prd01_level3 .prd01_level3_box02 p{color: #5b3725; font-size: 28px; margin: 60px 0 0 0;}

.prd01_level3 .prd02_level3_main{}
.prd01_level3 .prd01_level3_box03 img{margin: 120px auto 0; display: block;}

.prd01_level3 .prd01_level3_box04{background-color: #f4f1ea; padding: 140px 20px; box-sizing: border-box; margin: 120px auto 0;}
.prd01_level3 .prd01_level3_box04 img.prd02_level3_storyWallSbStone_15{width: 800px; margin: auto; display: block;}
.prd01_level3 .prd01_level3_box04 b{font-size: 25px; color: #381e11; margin: 0 0 30px 0; display: block;}
.prd01_level3 .prd01_level3_box04 .prd01_level3_box0401{border-top: 1px dashed #96877d; display: flex; margin: 60px auto 0; padding: 60px 0 0 0; box-sizing: border-box;}
.prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul{width: 50%; padding: 0;}
.prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul:first-of-type{margin: 0 80px 0 0; position: relative;}
.prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul:first-of-type::after{content: ''; width: 1px; height: 100px; background-color: #96877d; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul b{margin: 0 0 15px 0;}
.prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul li{font-size: 22px; color: #666; }
.prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul li p{margin: 0 0 8px 0;}
.prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul li p:last-of-type{margin: 0;}
.prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul li span{font-weight: 600; display: inline-block; width: 70px;}

.prd01_level3 .prd01_level3_box05{flex-wrap: wrap;}
.prd01_level3 .prd01_level3_box05 .prd01_level3_box0501{}

.prd01_level3_box05 .txt span, .prd01_level3_box05 .txt p, .prd01_level3_box05 .txt b{color: #fff;}
.prd01_level3 .prd01_level3_box05 .txt span::after{background-color: #fff;}
.prd01_level3_box05 .prd01_level3_box05_txt{color: #5b3725; font-size: 24px; padding: 30px; box-sizing: border-box;}

.prd01_level3 .prd01_level3_box06 .txt span, .prd01_level3 .prd01_level3_box06 .txt p, .prd01_level3 .prd01_level3_box06 .txt b{color: #fff;}
.prd01_level3 .prd01_level3_box06 .txt span::after{background-color: #fff;}

.prd01_level3 .prd01_level3_box07{display: flex; flex-direction: column; margin: 140px 0 0 0; padding: 0 30px; box-sizing: border-box;}
.prd01_level3 .prd01_level3_box07 span, .prd01_level3 .prd01_level3_box08 span, .prd01_level3 .prd01_level3_box09 span{font-size: 32px; font-weight: bold; position: relative; margin: 0 0 80px 0; display: block; color: #381e11;}
.prd01_level3 .prd01_level3_box07 span::before, .prd01_level3 .prd01_level3_box08 span::before, .prd01_level3 .prd01_level3_box09 span::before{content: ''; width: 180px; height: 3px; position: absolute; bottom: -40px; left: 0; background-color: #381e11;}
.prd01_level3 .prd01_level3_box07 span::after, .prd01_level3 .prd01_level3_box08 span::after, .prd01_level3 .prd01_level3_box09 span::after{content: ''; width: 100%; height: 1px; position: absolute; bottom: -40px; left: 0; background-color: #c3bbb7;}
.prd01_level3 .prd01_level3_box07 b, .prd01_level3 .prd01_level3_box08 b{font-size: 30px; color: #381e11;}
.prd01_level3 .prd01_level3_box07 img{width: 85%; margin: 0 auto 70px;}
.prd01_level3 .prd01_level3_box07 img:last-of-type{margin: 0 auto;}

.prd01_level3 .prd01_level3_box08{margin: 120px 0 0 0;}
.prd01_level3 .prd01_level3_box08 span::before{width: 210px;}
.prd01_level3 .prd01_level3_box08 table{margin: 20px 0 0 0; font-size: 20px;}
.prd01_level3 .prd01_level3_box08 .tbl th{font-weight: bold;}
.prd01_level3 .prd01_level3_box08 .tbl td{font-weight: 300;}
.prd01_level3 .prd01_level3_box08 .tbl th, .tbl td{border-bottom: 1px solid #381e11;}
.prd01_level3 .prd01_level3_box08 .tbl{border-top: 5px solid #381e11; box-sizing: border-box;}

.prd01_level3 .prd01_level3_box09 ul{display: flex; flex-wrap: wrap; gap: 100px 30px; padding: 0;}
.prd01_level3 .prd01_level3_box09 ul li{width: calc(100% / 2 - 30px)}
.prd01_level3 .prd01_level3_box09 ul li img{width: 100%; border: 1px solid #666; box-sizing: border-box;}
.prd01_level3 .prd01_level3_box09 ul li b{font-size: 28px; color: #5a5a5a; margin: 30px 0 10px 0; display: block;}
.prd01_level3 .prd01_level3_box09 ul li p{font-size: 24px; color: #666; word-break: keep-all; letter-spacing: -0.05em; line-height: 140%;}


/* 20240529 통합브랜드 추가  */
#container.cont_box{padding: 81px 0 0 0;}

/* 20240530 열차단 블라인드 추가 */
.cont_box.level6 .level6_cont01{display: flex; gap: 0 30px; justify-content: center;}
.cont_box.level6 .level6_cont01 li{display: flex; gap: 15px 0; flex-direction: column;}
.cont_box.level6 .level6_cont01 li img{margin: auto; width: 80px;}
.cont_box.level6 .level6_cont01 li b{display: flex; align-items: center; height: 48px; margin: auto; text-align: center;}

/* 20240618 */
.envi .tbl .tbl_bg{background-color: #f5f5f5;}

/* 20240620 주주제안 */
.wrap_cont_box .cont_box.comp02_04 .wrap_sec02{background-color: #f4f4f4; padding: 30px; font-size: 18px; color: #2d5b79; text-align: center; margin: 40px 0 0 0;}
.wrap_cont_box .cont_box.comp02_04 .wrap_sec02 b{margin: 0 0 15px 0; display: block; }
.wrap_cont_box .cont_box.comp02_04 .wrap_sec02 .btn.dblue{display: block; margin: auto;}


/* 20240724 header S */
.bg_gnb .inn_bg{display: none;}
.sub #container.main_container{padding: 0;}
/* #header{padding: 0 50px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard Variable', 'Noto Sans KR', sans-serif; position: fixed; background-color: #fff; top: 0; left: 0; border-bottom: 1px solid #ccc;} */
#header{padding: 0 30px 0 250px; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; font-family: 'Pretendard Variable', 'Noto Sans KR', sans-serif; position: fixed; background-color: #fff; top: 0; left: 0; border-bottom: 1px solid #ccc;}

#header .h1_logo{position: absolute; left: 50px;}
#header .pc_menu_wrap .one_depth{display: flex; gap: 0 45px;}
#header .pc_menu_wrap .one_depth li .btn_one_depth{font-size: 18px; height: 80px; font-family: 'Pretendard Variable' !important; font-weight: 500;}

#header .pc_menu_wrap .two_depth_wrap{position: fixed; top: 80px; left: 50%; transform: translateX(-50%); z-index: 1000; width: 100%; height: 400px; box-sizing: border-box; display: none;}
#header .pc_menu_wrap .two_depth_wrap>div{display: flex; height: 100%; position: relative; background-color: #fff;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_left{width: calc(100% / 2 - 320px); padding: 45px 70px; border-right: 1px solid #ccc; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; background-color: #406a85; position: relative; overflow: hidden;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_left::before{content: ''; width: 268px; height: 55px; background: url(/img/sp_com_v2.png) no-repeat;  position: absolute; bottom: -3px; right: 10px; background-position: 0 -718px;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_left p{font-size: 28px; color: #fff; display: block; margin: 0 0 10px 0; width: 250px; text-align: left; font-weight: 400;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_left span{font-size: 14px; color: #fff; width: 250px; text-align: left;}

#header .pc_menu_wrap .two_depth_wrap .two_depth_cont{width: 310px; border-right: 1px solid #ccc; padding: 15px 0; box-sizing: border-box; height: 100%; background-color: #fff;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li{width: 100%; padding: 0 25px; box-sizing: border-box;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth{width: 100%; padding: 10px 20px 10px 8px; box-sizing: border-box; font-size: 17px; text-align: left; display: block;}

#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth{width: 650px; height: 100%; position: absolute; top: 0; left: calc(100% / 2 - 10px); display: none; padding: 15px 20px; box-sizing: border-box; background-color: #fff;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul{display: flex; width: 380px; height: 100%; flex-flow: column wrap;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul li{font-size: 15px; width: calc(100% / 2); padding: 0; text-align: left; letter-spacing: -0.5px;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul li:hover a{color: #406a85;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul li a{display: block; padding: 10px 25px; box-sizing: border-box;}

#header .pc_menu_wrap .two_depth_wrap .btn_close{width: 100px; height: 35px; background-color: #406a85; color: #fff; font-size: 17px; position: absolute; bottom: 0px; left: calc(100% / 2 + 500px); display: flex; justify-content: center; align-items: center; gap: 0 8px;}
#header .pc_menu_wrap .two_depth_wrap .btn_close::after{content: ''; width: 16px; height: 16px; background: url(/img/sp_com_v2.png) no-repeat 0 0; background-position: -674px -64px;}

#header .pc_menu_wrap .one_depth>li.active .btn_one_depth{color: #000 !important; position: relative;}
#header .pc_menu_wrap .one_depth>li.active .btn_one_depth::after{content: ''; width: 100%; height: 2px; background-color: #000; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
#header .pc_menu_wrap .one_depth>li.active .two_depth_wrap{display: block;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li.active .btn_two_depth{background-color: #406a85; color: #fff; font-weight: 700;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li.active .icon_btn_two_depth{display: flex; align-items: center; justify-content: space-between;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li.active .icon_btn_two_depth::after{content: ''; background: url(/img/sp_com_v2.png) no-repeat 0 0; background-size: 400px 400px; background-position: -341px -44px; width: 12px; height: 18px;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li.active .three_depth{display: block;}

#header .pc_menu_wrap .two_depth_wrap::before{content: ''; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0px; left: 0px; z-index: -1;}

/* 20240724 공유하기 버튼 S */
.page_tit_area .h2_tit{margin: 0;}
.page_tit_area_box{display: flex; justify-content: center; align-items: center; gap: 0 10px; margin: 0 0 12px 0; position: relative;}
.btnShare{width: 24px; height: 24px; background: url(/img/sp_com_v2.png) no-repeat; background-position: -773px -3px;  font-size: 0;}

.btnShareWrap{position: relative;}
.btnSharePop{background-color: #fff; border: 1px solid #e5e5e5; padding: 20px; box-sizing: border-box; display: none; position: absolute; top: 50px; min-width: 150px; z-index: 999; left: 50%; transform: translateX(-50%);}
.btnSharePopTop{display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px 0;}
.btnSharePopTop p{font-size: 16px; font-weight: bold;}
.btnSharePopTop .btnClose{background: url(/img/sp_com_v2.png) no-repeat; background-position: -659px -3px; font-size: 0; width: 15px; height: 15px;}
.btnSharePopCont{display: flex; gap: 0 40px; justify-content: center;}
.btnSharePopCont [class ^="btn"]{display: flex; flex-direction: column; align-items: center; gap: 5px 0; font-size: 14px;}
.btnSharePopCont button{font-size: 0px; width: 38px; height: 38px; background: url(/img/sp_com_v2.png) no-repeat;}
.btnSharePopCont .btnKokoa{position: relative;}
.btnSharePopCont .btnKokoa button{background-position: -727px 1px;}
.btnSharePopCont .btnUrl button{background-position: -682px 1px;}
.btnSharePopCont .btnKokoa::after{content: ''; width: 1px; height: 100%; background-color: #e5e5e5; position: absolute; right: -20px;}
.btnSharePop.active{display: block;}


/* 20240724 공유하기 버튼 E */
@media screen and (max-width:1560px){
    /* #header{
        padding: 0 50px 0 200px;
        justify-content: flex-start;
    }
    #header .h1_logo{
        left: 20px;
    } */
    
    #header .pc_menu_wrap .one_depth{
        gap: 0 40px;
    }
}
/* 20240724 header E */


/* 20240801 메인 퀵메뉴 S */
.quickMenu {
    position: absolute; left: 0; bottom: 0;
    width: 100%;
    background-color: rgba(255,255,255,.7);
    box-sizing: border-box;
}
.quickMenu .h2_tit {
    margin-bottom: 35px;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}
.quickMenu .wrap_menu {
    display: flex;
    justify-content: center;
    gap: 100px;
}
.quickMenu .wrap_menu a {
    position: relative;
    padding: 29px 0;
    text-decoration: none;
    box-sizing: border-box;
}
.quickMenu .wrap_menu p{
    font-size: 15px; font-weight: bold;
    color: #333; text-align: center; letter-spacing: 0px;
}
.quickMenu .wrap_menu p::before{
    content: '';
    display: block; 
    margin-bottom: 13px;
    width: 50px; height: 50px;
}

.quickMenu .wrap_menu a:first-child p::before{
    background: url(../img/main/icon_quick01_black.png) no-repeat;
    background-size: contain;
}

.quickMenu .wrap_menu a:nth-of-type(2) p::before{
    background: url(../img/main/icon_quick02_catalogue.png) no-repeat; 
    background-size: contain;
}

.quickMenu .wrap_menu a:nth-of-type(3) p::before{
    background: url(../img/main/icon_quick03_black.png) no-repeat;
    background-size: contain;
}

@media screen and (max-width:640px){
    .quickMenu{
        padding: 15px;
    }

    .quickMenu .h2_tit {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .quickMenu .wrap_menu {
        justify-content: space-around;
        gap: 10px;
    }

    .quickMenu .wrap_menu a {
        padding: 0px;
        height: auto;
    }

    .quickMenu .wrap_menu p{
        font-size: 12px;
    }

    .quickMenu .wrap_menu p::before{
        margin: 0 auto 10px;
        width: 27px; height: 27px;
    }
}
/* 20240801 메인 퀵메뉴 E */

/* 20240821 올해의 녹색 상품 S */
.GreenPurchasing{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 40px;
    margin: 0 0 120px 0;
}
.GreenPurchasing img{
    width: 150px;
}
.GreenPurchasing p{
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
}
@media screen and (max-width:640px){
    .GreenPurchasing{
        flex-direction: column;
        gap: 0;
    }
    .GreenPurchasing p{
        text-align: center;
    }
}
/* 20240821 올해의 녹색 상품 E */

/* 20240923 바닥재 > SB마루 */
.cont_box.level2.prd01_level2 .wrap_sec02 img{
   margin: 0 auto;
}


@media screen and (max-width:1660px){
    #header {text-align: left;}
    .gnb_pc .gnb_dp1_list {margin-left: 200px;}
    .gnb_pc .gnb_dp1_list li.gnb_dp1>a {margin: 0 20px;}
}


@media screen and (max-width:1380px){
    .intro_prd_level1.prd03 .prd_list li a{width:144px;height:144px;line-height:144px}
    /*sitemap ------------------------------------------------------------*/
    .sitemap .btn_close{right:0}
    
}

@media screen and (max-width:640px){
    .pc_br{display: none;}
    .m_br{display: block;}

	body{min-width:100%}
	.layout{width:auto;padding:0 15px}    
	.layout840,.layout600{width:auto}
    .pc_none{display:block}    
	.dpnone, .btn_all_prd, .floating, .btn_home,.mobile_none,.agency_api, .gallery_board_list>li .wrap_thumb_img .btn_detail,.board_info_area .l_sec{display:none}
	.bor_gray{padding:1px}
    .mobile_40percent{width:40% !important}
	/*section*/
    .wrap_sec02>li,.wrap_sec02 .col,.wrap_sec02 .col:first-child,.wrap_sec02>li:first-child,.wrap_sec03 .col{float:none}
    .wrap_sec02 li,.wrap_sec02 .col,.wrap_sec02 .col405,.wrap_sec02 .col580,.wrap_sec02 .col575,.wrap_sec02 .col560,.wrap_sec02 .col545,.table_form .add_prd_area .col,.wrap_sec02 .col340,.wrap_sec02 .col810,.wrap_sec02 .col370,.wrap_sec02 .col330,.wrap_sec03 .col373{width:auto;display:block;margin-left:0;margin-bottom:20px}
    .tab.t9 li,.tab.t8 li,.tab.t7 li,.tab.t6 li, .tab.t5 li, .tab.t4 li, .tab.t3 li{width:50%}
	/*display:table*/
	.dp_tbl, .dp_tbl_cell{display:block}
	.dp_tbl_cell.cell50{width:100%}
    .tbl_xscroll{overflow-x:scroll}
    .tbl_xscroll>.tbl{width:840px}
	.tbl th, .tbl td,.prd_info_area .tbl th, .prd_info_area .tbl td{padding:8px 5px;height:32px;word-break: keep-all;}
    /*sp_com*/
    h1.h1_logo .sp_com,.btn_gnb,.box_btn_move_control button.btn_slide_prev,.box_btn_move_control button.btn_slide_next,.main_visual_list li a span.sp_com,.main_prd_list li a .sp_com{background-size:400px 400px}
    /*header*/
    #header{overflow:visible}
    #header .pc_menu_wrap{display:none;}
    h1.h1_logo{left:20px;width:70px;height:28px}
    h1.h1_logo .sp_com{width:70px;height:28px;background-position:0 0;}

    .btn_gnb{display:none;position:absolute;top:10px;right:15px;width:30px;height:30px}
    .btn_gnb.open{background-position:-220px -90px}
    .btn_gnb.close{background-position:-250px -90px}
    .wrap_btn_gnb.open .btn_gnb.open{display:block} 
    .wrap_btn_gnb.close .btn_gnb.close{display:block} 
    .gnb_mobile{display:none;position:absolute;top:50px;left:0;width:100%;border-top: 1px solid #e5e5e5;background-color:rgba(0, 0, 0, 0.8); z-index: 9999;}
    .util_area{background-color:#fff;position:relative;right:auto;top:auto}
    .util_area li a{height:40px;line-height:40px;font-size:14px}
    .util_area li:before{top:18px}
    .gnb_mobile a{font-size:14px;text-decoration:none}
    .gnb_dp1_list{background-color:#2d5b79;text-align:left;border-bottom:1px solid #2d5b79}
    .gnb_dp1_list>li{position:relative;border-top:1px solid #416b86}
    a.gnb_dp1{display:block;font-weight:500;font-size:15px;padding-left:20px;height:45px;line-height:45px;color:#fff}
    a.gnb_dp1:after{position:absolute;top:13px;right:20px;width:15px;height:20px;display:inline-block;overflow:hidden;background:url(/img/sp_com.png) no-repeat 0 0;background-position:-340px -43px;line-height:999px;vertical-align:top;content:'';background-size:400px 400px}
    .gnb_dp2_list{background-color:#fff}
    .gnb_dp2_list>li{position:relative;border-top:1px solid #e5e5e5;display:none}   
    a.gnb_dp2{display:block;font-weight:500;padding-left:45px;height:45px;line-height:45px} 
	a.gnb_dp2:after,a.gnb_dp2.child_Y:after{position:absolute;top:0;right:20px;width:15px;height:45px;display:inline-block;overflow:hidden;background:url(/img/sp_com.png) no-repeat 0 0;background-position:-370px -30px;line-height:999px;vertical-align:top;content:'';background-size:400px 400px} 
	a.gnb_dp2.child_N:after{display:none}
    .gnb_dp3_list{padding:0 25px}
    .gnb_dp3_list>li{border-top:1px solid #e5e5e5;display:none}
    .gnb_dp1_list>li:first-child,.gnb_dp2_list>li:first-child,.gnb_dp3_list>li:first-child{border-top:0}
    a.gnb_dp3{display:block;padding-left:30px;height:40px;line-height:40px}
    .gnb_dp2_list>li.open>a{border-bottom:1px solid #e5e5e5} 
    .gnb_dp1_list>li.open a.gnb_dp1:after{right:auto;left:20px;background-position:-355px -43px;}
    .gnb_dp1_list>li.open a.gnb_dp1.none_open:after{display:none}
    .gnb_dp1_list>li.open a.gnb_dp1{padding-left:45px}
    .gnb_dp2_list>li.open a.gnb_dp2:after{background-position:-385px -30px}
    
    
    /* #container{padding-top:51px}     */
	/*main*/    
    .wrap_visual_main{padding:0;min-width:auto;transform: translateY(0);}
    .wrap_visual_main .bx-wrapper {height: 370px !important;}
    /* .wrap_visual_main .bx-wrapper .bx-viewport {height: auto !important;} */
    .main_visual_list li{height:370px}
    .wrap_visual_main .bx-has-controls-auto {bottom: 95px;}
    .box_btn_move_control button{width:15px;height:24px;margin-top:-15px}
    .box_btn_move_control button.btn_slide_prev{background-position:-63px -30px;left:10px}
    .box_btn_move_control button.btn_slide_next{background-position:-78px -30px;right:10px}
    .main_visual_list li a span.sp_com{margin-top:130px;width:62px;height:55px}
    .main_visual_list li.main_visual01{background-image:url(/img/main/bg_main01_m.jpg)}
    .main_visual_list li.main_visual02 a span.sp_com{background-position:0 -126px}
    .main_visual_list li.main_visual03 a span.sp_com{background-position:-63px -126px}
    .main_visual_list li.main_visual04 a span.sp_com{background-position:-126px -126px}
    .main_visual_list li.main_visual05 a span.sp_com{background-position:-189px -126px}
    .main_visual_list li a p.tit{font-size:14px}
    .main_visual_list li a p.tit .str{font-size:17px}
    .main_visual_list li.main_visual01 a .wrap_tit{margin:128px 0 0;text-align:center}
    .main_visual_list li.main_visual01 a p.tit{margin-top:0;font-size:14px;text-align:center}
    .main_visual_list li.main_visual00 a p.tit {margin-top: 190px;}
    .main_visual_list li.main_visual01 a span.sp_com{display:none}
    .main_visual_list li.main_visual01 a p.tit .str{font-size:17px;line-height:1.5;margin-bottom:10px}
    .main_visual_list li.main_visual00 a p.tit .str {font-size: 17px;}
    .bx-controls-auto{margin-left:10px}
    .bx-has-controls-auto{bottom:20px;width:300px;margin-left:-150px}
    .bx-default-pager .bx-pager-item a{width:25px;height:5px}
    .main_prd_list{width:100%;margin:20px 0 15px}
    .main_prd_list li{display: block; float: left; width:calc((100% - 30px) / 3)}
    /* .main_prd_list li:nth-of-type(1) {width: calc((100% - 20px) / 2);} */
    /* .main_prd_list li:nth-of-type(2) {margin-right: 0; width: calc((100% - 20px) / 2);} */
    /* .main_prd_list li:nth-child(3n+3) {margin-right: 0;} */
    /* .main_prd_list li:nth-of-type(5),  .main_prd_list li:nth-of-type(8) {margin-right: 0;} */
    .main_prd_list li a{height:65px;font-size:14px}
    .main_prd_list li a .sp_com{width:35px;height:32px;margin-bottom:4px;margin-top:4px}
    .main_prd_list li a .sp_com.prd01{background-position:0 -56px}
    .main_prd_list li a .sp_com.prd02{background-position:-36px -56px}
    .main_prd_list li a .sp_com.prd03{background-position:-72px -56px}
    .main_prd_list li a .sp_com.prd04{background-position:-108px -56px}
    .main_prd_list li a .sp_com.prd05{background-position:-144px -56px}
    .main_prd_list li a .sp_com.prd06{background-position:-180px -56px}
    .main_prd_list li a:hover .sp_com.prd01{background-position:0 -89px}
    .main_prd_list li a:hover .sp_com.prd02{background-position:-36px -89px}
    .main_prd_list li a:hover .sp_com.prd03{background-position:-72px -89px}
    .main_prd_list li a:hover .sp_com.prd04{background-position:-108px -89px}
    .main_prd_list li a:hover .sp_com.prd05{background-position:-144px -89px}
    .main_prd_list li a:hover .sp_com.prd06{background-position:-180px -89px}
    .wrap_key_link{padding:30px 0; height: auto; background-size: cover}
    .key_link_list li{width:48%;height:auto;margin-left:3%;margin-bottom:3%}
    .key_link_list li:nth-child(odd){margin-left:0}
    .key_link_list li a{height:auto}
    .key_link_list li .tit,.key_link_list li.link04 .tit{padding:53% 0 36% 0;font-size:14px}
    .key_link_list li a:hover .tit{padding:53% 0 36% 0}
    .key_link_list li a:hover .stit{display:none}
    .key_link_list li.link04 a{background: url(/img/main/bg_key_link04.jpg) no-repeat 0 0;background-size:cover}
    .key_link_list li.link04 a:hover{background: url(/img/main/bg_key_link04_hover.jpg) no-repeat 0 0;background-size:cover}
    .m_board_area{margin-top:auto}
    .m_board_area .wrap_board{padding-left:75px;padding-right:15px;margin-bottom:10px;margin-left:0;float:none;width:auto}
    .m_board_area .wrap_board .h2_tit{position:absolute;left:15px;top:0;height:45px;line-height:45px;font-size:14px}
    .m_board_area .wrap_board p.tit{height:45px;line-height:45px;font-size:14px;white-space: nowrap}
	.m_board_area .wrap_board p.tit>a {display: inline-block; width: 100%; height: 100%; color: #fff;}
    .wrap_business_area{padding:20px 0}
    .wrap_business_area .business_list li{width:44.5%;height:auto;margin-left:3%;margin-bottom:3%;padding:2%}
    .wrap_business_area .business_list li:nth-child(odd){margin-left:0}
    .wrap_business_area .business_list li a{width:auto;height:auto;border:1px solid #fff}
    .wrap_business_area .business_list .tit{padding:41% 0 12%;font-size:14px}
    .wrap_business_area .business_list .stit{display:none}
    .wrap_business_area .business_list li.link01{background: url(/img/main/bg_business_link01_m.jpg) no-repeat 0 0;background-size:cover}
    .wrap_business_area .business_list li.link02{background: url(/img/main/bg_business_link02_m.jpg) no-repeat 0 0;background-size:cover}
    .wrap_business_area .business_list li.link03{background: url(/img/main/bg_business_link03_m.jpg) no-repeat 0 0;background-size:cover}
    .wrap_business_area .business_list li.link04{background: url(/img/main/bg_business_link04_m.jpg) no-repeat 0 0;background-size:cover}
	
	
	/*19.10.27 추가*/
	/*wrap_prd_gallery*/
	.wrap_prd_gallery {position: relative; padding: 25px 0 47px}
	.wrap_prd_gallery .h2_tit {margin-bottom: 18px; font-size: 17px; text-align: left; font-weight: 600}
	.wrap_prd_gallery .stit {display: none}
	.wrap_prd_gallery>.layout {width: auto; padding: 0 15px;}
	.prd_gallery {overflow: visible}
	.prd_gallery .bx-wrapper {width: 100% !important; height: auto;}
	/* .prd_gallery .bx-viewport {overflow: hidden !important; height: 100% !important;} */
	.prd_gallery .bx-viewport {overflow: hidden !important;}

    ul.prd_gallery_list{width: 300% !important;}
	.prd_gallery_list li{margin: 0;  height: auto;
        /* 슬라이드 4개 */
        /* width: calc(65%/4) !important; */

        /* 슬라이드 3개 */
        width: calc(100% / 3) !important;
    }
    
    .prd_gallery_list li .sec_l {/* width: 87.5%; */ width: 100%; height: 100%; background-color: #fff}
	/* .prd_gallery_list li .sec_l>a {display: inline-block; max-height: 185px; overflow-y: hidden;} */
	.prd_gallery_list li .sec_l>a {display: inline-block; overflow-y: hidden;}
	.prd_gallery_list li .sec_r {display: none}
	.bx-wrapper img {width: 100%; height: 100%}
	.prd_gallery_list li .txt {display: block; padding: 0 15px; box-sizing: border-box; width: 100%; height: 48px; line-height: 48px; background-color: #fff; text-align: center; font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	
	.prd_gallery .box_btn_move_control {position: absolute; right: 0; top: -44px}
	.prd_gallery .box_btn_move_control button {width: 30px; height: 30px; }
	.prd_gallery .box_btn_move_control button.btn_slide_prev {left: auto; right: 35px; margin: 0; background: url(/img/sp_com.png) #fff -360px -64px; }
	.prd_gallery .box_btn_move_control button.btn_slide_next {right: 0px; margin: 0; background: url(/img/sp_com.png) #fff -439px -64px; }
	.prd_gallery .bx-has-controls-auto {bottom: -30px}
	.prd_gallery .bx-default-pager .bx-pager-item a {background-color: #2d5b79}
	
	.prd_gallery .bx-controls-auto {display: none}
	
	
	/*wrap_blog*/
	.wrap_blog {position: relative; padding: 25px 0}
	.wrap_blog .h2_tit {margin-bottom: 18px; font-size: 17px; text-align: left}
	.wrap_blog .blog_list {margin-top: 17px;}
	.wrap_blog .blog_list>li {margin-right: 0.45%; height: auto; }
	.wrap_blog .blog_list>li .thum {height: 140px; background-size: cover}
	.wrap_blog .blog_list>li .txt {padding: 10px 15px;}
	.wrap_blog .blog_list>li .txt .tit {text-align: center; margin-bottom: 0; font-size: 15px}
	.wrap_blog .blog_list>li .txt .cont {display: none}
	.wrap_blog .bx-controls {bottom: -31px;}
	.wrap_blog .box_btn_move_control {position: absolute; right: 15px; top: 25px}
	.wrap_blog .box_btn_move_control button {width: 30px; height: 30px; }
	.wrap_blog .box_btn_move_control button.btn_slide_prev {left: auto; right: 35px; background: url(/img/sp_com.png) #fff -360px -64px;}
	.wrap_blog .box_btn_move_control button.btn_slide_next {right: 0px; background: url(/img/sp_com.png) #fff -439px -64px;}

    /* 25-03 블로그 -> 시공갤러리로 변경 */
    .wrap_blog .stit, .wrap_blog .link {display: none;}
    .wrap_blog .gallery_board_list.gallery_type2>li .wrap_thumb_img .thumb_img {height: 380px;}
    .wrap_blog .bx-controls {display: none;}
    .wrap_blog .box_btn_move_control {display: block;}

    /* 25.04 한솔홈데코 소식 추가 */
    .main_container .wrap_sns {padding-top: 0;}
    .main_container .wrap_sns .h2_tit {margin-bottom: 3px; font-size: 17px; text-align: center;}
    .main_container .wrap_sns .stit {margin-top: 0; font-size: 16px;}
    .main_container .wrap_sns .filter {margin-top: 0;}
    .main_container .wrap_sns .filter li button {height: 25px; font-size: 13px;}
    .main_container .wrap_sns .list {gap: 0;}
    .main_container .wrap_sns .list li {width: 50%; height: auto; border: 1px solid #ccc; box-sizing: border-box;}
    .main_container .wrap_sns .list li a:before {content: ''; display: block; padding-top: 100%;}
    .main_container .wrap_sns .list li a img {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%;}
    .main_container .wrap_sns .list li a .tit {display: none; font-size: 16px;opacity: 1; background-color: rgba(0,0,0,.7); transition: none; }
	
	/*wrap_youtube*/
	.wrap_youtube {padding: 25px 0 44px}
	.wrap_youtube .h2_tit {margin-bottom: 18px; font-size: 17px; text-align: left}
	.wrap_youtube .youtube_list {margin-top: 17px}
	.wrap_youtube .youtube_list>li {margin-right: 0.6%}
	.wrap_youtube .youtube_list>li .thum {height: auto; background-size: cover}
	.wrap_youtube .youtube_list>li .tit {font-size: 15px; margin-top: 10px}
	.wrap_youtube .bx-controls {bottom: -25px;}
	.wrap_youtube .box_btn_move_control {position: absolute; right: 15px; top: 15px}
	.wrap_youtube .box_btn_move_control button {width: 30px; height: 30px; }
	.wrap_youtube .box_btn_move_control button.btn_slide_prev {left: auto; right: 35px; background: url(/img/sp_com.png) #f2f0ed -360px -64px}
	.wrap_youtube .box_btn_move_control button.btn_slide_next {right: 0px; background: url(/img/sp_com.png) #f2f0ed -439px -64px;}
    .wrap_youtube .box_btn_move_control.temp, .wrap_blog .box_btn_move_control.temp {display: block;}
	
	/*wrap_key_link*/
	.wrap_key_link .find {width: 48%; height: auto; box-sizing: border-box; margin-right: 0}
	.wrap_key_link .find .tit {padding: 53% 0 29% 0}
	.wrap_key_link .find:hover .stit {display: none}
	.wrap_key_link .search_box {width: 48%; height: auto; box-sizing: border-box; background: url(/img/main/bg_key_link04.jpg) no-repeat 0 0; background-size: cover; padding: 0}
	.wrap_key_link .search_box .tit {font-size: 18px; padding: 53% 0 29% 0; font-weight: 500; text-align: center; color: #fff; height: auto; line-height: 1.5}
	
	.wrap_key_link .m_board_area {float: none; width: 100%; height: auto;}
	.wrap_key_link .m_board_area .wrap_board, .wrap_key_link .m_board_area .wrap_board {width: 100%; height: 45px; box-sizing: border-box; float: none}
	.wrap_key_link .m_board_area .wrap_board .h2_tit {font-size: 14px; height: 100%; line-height: 45px; font-weight: 600}
	.wrap_key_link .m_board_area .wrap_board:last-child {margin-bottom: 0}
	
	/*navi_area*/
    .navi_area{height:auto;padding:8px 15px}
    .navi_area>.prd_navi li:last-child{font-weight:500;color:#2d5b79;text-decoration:underline}
	#header{min-width:auto;height:50px;}
    /*table_form*/
    .table_form .cell,.table_form .cell.label{display:block;padding:10px;height:auto;width:auto}
    .table_form .cell.full{padding:10px}
    .table_form .cell.label{border-bottom:none;padding-bottom:0}
    .table_form .board_cont img {width: 100% !important; height: auto !important;}

    /* 220920_펫마루 유튜브 */
    .youtube_box_wrap{width: 100% !important; margin: auto;}

    /*btn*/
    .btn_area .btn,.btn_area .btn.white{display:block; width:auto}
    .btn+.btn{margin:10px 0 0 0}
	/* sub */
	.sub #container{width:auto}
	.page_tit_area{margin:20px 10px}
	/*search_area*/
	.search_area{padding:25px 15px}
	.search_area .selectbox,.board_search,.faq .board_search{display:block;width:auto;margin:5px 0}
	.search_area .selectbox select{width:100%}
	.board_search input,.faq .board_search input{width:80%}
    /*board*/
	.board_info_area .board_count{position:unset}
	.board_info_area .r_sec{position:unset;margin-top:10px}
	.board_info_area .board_search{display:block;width:auto}
    .board_info_area .board_search.type2,.board_info_area .board_search.type3{width:auto}
    .board_info_area .board_search .selectbox{display:none}
	.board_info_area .board_search input{width:85%}
	.wrap_board_list{text-align:center}
    .gallery_board_list{margin-left:auto}
    .gallery_board_list>li, .gallery_board_list.gallery_type2>li{float:none;margin-left:auto;width:auto}
    .gallery_board_list>li .wrap_thumb_img .thumb_img, .gallery_board_list.gallery_type2>li .wrap_thumb_img .thumb_img{width:100%;height:auto;min-height:260px}
	.board_list .recruit_status{width:80px}
	/*pagination*/
	.pagination li a{width:30px;height:30px;line-height:30px}
	.pagination li.btn_move .sp_com{width:30px;height:30px}
	.pagination li.prev_page{margin-right:inherit}
	.pagination li,.pagination li.next_page{margin-left:3px}
	.pagination li.first_page .sp_com{background-position: -320px -64px}
	.pagination li.prev_page .sp_com{background-position: -360px -64px}
	.pagination li.next_page .sp_com{background-position: -439px -64px}
	.pagination li.last_page .sp_com{background-position: -400px -64px}	
    .pagination li.last_page,.pagination li.first_page{display:none}
	/*prd_view_area*/
	.slide_img>.btn_move>button{background-color:#fff;top:35%}
	.slide_img>.btn_move>.btn_prev{left:0}
	.slide_img>.btn_move>.btn_next{right:0}
	.slide_img .view_img_area .view_img,.board_view_area .slide_img .view_img_area,.board_view_area .slide_img .view_img_area .view_img{width:100%;height:auto}
	.slide_img .thumb_img_area{margin-bottom:30px}
    .slide_img .thumb_img_area .bx-viewport,.board_view_area .slide_img .thumb_img_area .bx-viewport{width:200px !important}
	.slide_img .thumb_img_area .thumb_img_list li,.board_view_area .slide_img .thumb_img_area .thumb_img_list li{width:40px !important;height:40px}

	.slide_img .thumb_img_area .thumb_img_list li a,.board_view_area .slide_img .thumb_img_area .thumb_img_list li a img{width:auto !important;height:auto !important}
	.slide_img .thumb_img_area .btn_move button{top:0}
    .board_view_area .slide_img .thumb_img_area .btn_move button{top:19px}
	.prd_view_area .bg_gray{display:none}
	.prd_info_area .btn_area{text-align:center; flex-wrap: wrap;}
	/* .prd_info_area .btn_area .btn{width:100%;height:45px;line-height:45px;margin-left:0} */
	.prd_info_area .btn_area .btn{width:100%;height:45px;margin-left:0}
    .board_view_area .btn {margin: 0 auto;}
    /*board_write_area*/
    .wrap_prd_name{display:block;margin-left:0}

	.wrap_intro_prd_level1{padding:0;min-width:auto;margin-top:0}
	.intro_prd_level1{height:auto}
    .intro_prd_level1 .stit{font-size:16px}
	.intro_prd_level1 .layout{padding:50px 10px}
	.intro_prd_level1 .prd_list{max-width:306px}
	.intro_prd_level1 .prd_list li{margin:5px}
	.intro_prd_level1 .prd_list li:first-child{margin:5px}
	.intro_prd_level1 .prd_list li a,.intro_prd_level1.prd03 .prd_list li a{width:90px;height:90px;font-size:13px; padding: 24px 5px;}
	.add_info_box .cont_box.level1 .tit_cont_area{height:auto;padding:40px 20px}
    .add_info_box .cont_box.level1 .tit_cont_area img{position:static;top:auto;left:auto;margin: auto}
	.wrap_img img{max-width:100%}
    .wrap_img.enseem img{width: 100%;}
	.add_info_box .cont_box.level1 .bg_gray{background-color:initial}
	.add_info_box .cont_box.level1 .dp_tbl .wrap_img{margin-bottom:15px}
	.add_info_box .cont_box.level1 .dp_tbl_cell.right{padding:0}
    .add_info_box .cont_box.level2 .tit_cont_area{height:auto;padding:40px 10px}
    .add_info_box .wrap_cont_box p > img {width: 100% !important; height: auto !important;}
	.add_info_box .prd_navi{margin-top:0}
    /* .add_info_box .logo_brand .sp_bi.prd01_02_01{width:168px;height:43px;background-size:460px auto;background-position:-111px -42px;margin-top:15px} */
    /* .add_info_box .logo_brand .sp_bi.prd01_02_02{width:181px;height:43px;background-size:460px auto;background-position:-279px -42px;margin-top:15px} */
    .add_info_box .cont_box.level2 .tit_cont_area.short .logo_brand + p {margin-top: 0;}
	.add_info_box .logo_brand .sp_bi.prd02_01{width:220px;height:43px;background-size:460px auto;background-position:0px -101px;margin-top:15px}
	.add_info_box .logo_brand .sp_bi.prd05_01{/* width:159px;background-size:460px auto;background-position:-272px -127px; */margin-top:15px; height: 54px;}
	.add_info_box .logo_brand .sp_bi.prd06_02_01{width:250px;height:29px;background-size:306px auto;background-position:0px -113px;margin-top:25px}
    .add_info_box .cont_box.level2 .bg_blue .h4_stit{display:block}
	.add_info_box .character_list{width:auto}
	.add_info_box .character_list li{padding:16px 0;width:30%;height:21px;font-size:14px;margin:3px}
	.add_info_box .character_list li.row2{padding:5px 0;height:42px}
    .cont_box .col3_list li{float:none;margin-left:auto;width:auto;margin-bottom:20px}
	.add_info_box .character_list.small li {font-size: 12px}
    .cont_box .col3_list li.fir{padding:0 0 40px 0}
    .cont_box .col3_list li.fir:after{bottom:0;right:50%;width:21px;height:17px;margin-right:-20px;background-position:-594px -60px}
    .add_info_box .prd01_level2 .wrap_img.prd_pvc img{margin:10px 0}
	.add_info_box .cont_box .small_txt{margin-left:0;display:block}

    /* add_info_area level3 */
    .add_info_box .cont_box.level3 .tit_cont_area{padding: 40px 10px;}
    .add_info_box .logo_brand{line-height: 50px; padding: 0 0 30px 0; height: auto;}

    /* add_info_area level4 */
    .add_info_box .cont_box.level4 .tit_cont_area{padding: 40px 10px;}

    

    /*prd0201*/
    .wrap_prd0201>.wrap_img{position:static;margin-bottom:20px}
    .wrap_prd0201>.wrap_tbl{width:auto;min-height:auto;border-bottom:1px solid #e5e5e5}
    .wrap_prd0201>.wrap_tbl th, .wrap_prd0201>.wrap_tbl td,.wrap_prd0201>.wrap_tbl .style2 th, .wrap_prd0201>.wrap_tbl .style2 td{height:auto;padding:8px 5px}
    .wrap_prd0201 .inn_wrap{padding:8px 5px}
    .add_info_box .prd02_level2 ul.ul_prd02 li{margin:10px}
    .add_info_box .prd02_level2 ul.ul_img_wrap li{float:auto;width:100%}

    /* prd0203 - 2020 11 30 추가 */
    dl[class^="sample"] {width: calc((100% - 21px) / 2); height: auto; text-align: left;}
    dl[class^="sample"] dd {height: 170px;}

    /*inquire_num*/
    .inquire_num .main_num, .inquire_num .sub_num{padding:0 15px;height:auto}
    .main_num .num{font-size:22px}
    .inquire_num .sub_num{padding-bottom:15px;font-size:14px}
    .inquire_num .sub_num .wrap_sec02{margin-top:auto}
    .main_num .num_tit{left:auto}
    /* .sub_num_list .num,.sub_num_list.bo_r:after{display:none} */
    .sub_num_list.bo_r:after{display:none}
    .sub_num_list .num{font-size: 16px;}
    .faq .search_area .btn{position:static;width:100%}
    /*cus*/
    .inp_box{padding-left:0}
    .inp_box .label{position:static;display:block;margin-bottom:10px}
    .faq .search_area .stxt{margin:10px 0}
    .faq .search_area .stxt:before{display:none}
    .faq .table_form .cell.label{text-align:inherit}
    .faq .table_form.faq_replay .cont_replay{margin:0}

    /* 210622 수정 */
    .search_area.cus02 .wrap_selectBox .board_search {width: auto;}
    .search_area.cus02 .wrap_selectBox .btn_submit {margin-left: 0; width: 100%;}
    /* .wrap_sec02.cus02 .m_scroll {width: 100%; overflow-x: scroll;}
    .wrap_sec02.cus02 .m_scroll table {width: 800px;} */
    .wrap_sec02.cus02 .board_list .clear>div {float: none; width: 100%;}
    .wrap_sec02.cus02 .board_list .clear>div:first-child {margin: 0 0 20px 0}

    /* 25-05-15 대리점 검색 수정 */
    .search_area.cus02 .wrap_selectBox .ckbox {gap: 5px;}

    /* 2502 시공갤러리 수정 */
    .search_area.const_gallery {padding: 0 15px;}
    .search_area.const_gallery .menu > li {width: 50%; font-size: 15px;}
    .search_area.const_gallery .menu li > a {font-size: 15px;}
    .search_area.const_gallery .menu li div {width: 100%;}
    .search_area.const_gallery .menu li div ul li {width: 100%; }

    .search_area.const_gallery .menu li.active div {display: block;}

    .board_view_area.const .slide_img .view_img_area img {width: 100%; max-width: 100%; min-width: 100%;}
    .wrap_board_list.const .tit > p > a {font-size: 16px;}


    /*company*/
    .intro_prd_level1.homdeco .layout{padding:50px 20px}
    .intro_prd_level1.homdeco .wrap_img{display:none}
    .wrap_cont_ceo .txt_area{font-size:16px}
	.wrap_cont_ceo .img_signature.pc {display: none}
	.wrap_cont_ceo .img_signature.mobile {display: inline-block}
	
    .pers_sys_list li{margin-left:0;margin-bottom:20px;width:100%}
    .wrap_history{padding-top:0;padding-left:25px;padding-bottom:30px;background-position:-103px 0}
    .wrap_history:before{background-position:-103px 0}
    .txt_year:after{left:-21px}
    .wrap_history.his01:after,.wrap_history.his02:after,.wrap_history.his03:after{background:none}    
    .wrap_history .wrap_sec02 .col575.right{display:none}
    .year_box{padding-left:0;padding-top:50px}
    .network_list{padding:20px 10px}
    /*business*/
    .intro_prd_level1.business .wrap_img{display:none}
    .features_list{padding:15px}
    .features_list li{margin-left:0;margin-top:10px;width:100%}
    .features_list li:first-child{margin-top:0}
    .interior .bg_gray{background-color: initial}
    .interior .dp_tbl_cell.right{padding:0;margin-top:15px}
    .tit_box_business{padding:30px 0}
	/*agency*/
	.agency .btn_agency{position:static;display:block;margin-top:10px}

	/*footer*/
	#footer{min-width:auto;width:auto;height: auto;font-size:12px; text-align:center;}
    #footer .layout {flex-direction: column;}
    #footer .layout .box {padding: 0 20px !important;border-right: none;}
    #footer .layout .box:nth-of-type(2) {width: 100%;}
    #footer .layout .box p {word-break: keep-all;}
    #footer .layout .box:nth-of-type(2) p {margin-bottom: 0;}
	#footer ul.link_list {display: block; margin-top: 10px;}
    #footer ul.link_list li {position: relative; display: inline-block; padding: 0 10px; float: none;}
    #footer ul.link_list li:before {left: 0; top: 4px;}
	
	.right_area {position: relative; right: auto; padding-top: 15px}
	.counseling{display:block;margin-bottom:0px;width:100%;padding:0}
	.counseling:after {bottom: 3px; font-size: 10px}
    .counseling span, .counseling .num {display: inline-block; margin-right: 5px; font-size:12px;font-weight:300; vertical-align: middle;}
	.counseling .num {font-size: 16px; font-weight: 500; }
	.family_site {margin-top: 20px;}
    /* .family_site .btn_select{width:100px;height:40px;line-height:40px;padding:0 20px 0 0}*/
    #footer{padding:13px 0 26px; text-align: center; position: relative}
	#footer p {letter-spacing: -0.5px; line-height: 1.5}
	#footer .wrap_sns {margin: 20px auto 0;}
	#footer .portal {position: relative; display: inline-block; color: #fff; text-align: center; font-size: 12px; margin-top: 15px; margin-right: 15px}
	#footer .portal:last-child {margin-right: 0}
	#footer .portal:last-child:before {content: ''; display: block; position: absolute; width: 2px; height: 10px; left: -8px; top: 4px; background-color: #fff}
	
	
	/*etc*/
    ul.board_222 li{float:none;width:100%}
	
	
	/*200520 추가*/
    div[class^='txt_box'] {margin-bottom: 15px}
    

    /* 200605 팝업추가 */
    .popUp {margin-left: -150px; margin-top: -250px; width: 300px; height: auto;}
    .popUp .txt {padding: 10px; height: auto; border-width: 10px;}
    .popUp .txt .renewal {margin-top: 20px}
    .popUp .txt .tit {margin-top: 20px; font-size: 20px; line-height: 1.2;}
    .popUp .txt .tit .pc_hide {display: block}
    .popUp .txt .tit .sb {margin-right: 0; width: auto; height: auto; background: none; line-height: 1.2; vertical-align: top;}
    .popUp .txt a {margin: 20px auto;}
    .popUp img {width: 100%}
    area.pc {display: none;}
    area.mobile {display: block;}


    /* 201214 지속가능경영 추가 */
    /* 환경경영 */
    .intro_prd_level1.enviroment h2 {display: none;}
    .intro_prd_level1.enviroment p {display: none;}

    .envi dl.clear {margin-bottom: 50px;}
    .envi dl.clear dt {float: none; margin-bottom: 15px;}
    .envi dl.clear dd {float: none; width: 100%;}
    .envi dl.clear:nth-child(1) dd p {line-height: 1.2; text-align: center;}
    .envi dl.clear:nth-child(2) dt>span, .envi dl.clear:nth-child(3) dt>span {margin-top: 0;}
    .envi dl.clear:nth-child(2) dd ul li {float: none; padding: 45px 25px 0px 92px; margin: 0 auto 10px; width: 290px; height: 132px; font-size: 14px;}
    .envi dl.clear .sub_tit {padding: 20px 10px; height: auto; font-size: 18px;}
    .envi dl.clear:nth-child(3) dd ul li {float: none; padding: 25px; margin-bottom: 10px; width: 100%; height: 156px;}
    .envi dl.clear:nth-child(3) dd ul li span {margin-bottom: 15px;}
    .envi dl.clear:nth-child(3) dd ul li:last-child span {margin-bottom: 15px;}

    .tab_areas.envi #tab_content2 .bg_gray {background-color: initial;}
    .tab_areas.envi #tab_content2 .layout840 {padding: 30px 0;}
    .tab_areas.envi #tab_content2 .layout840 .wrap_img {display: block;}
    .tab_areas.envi #tab_content2 .layout840 .wrap_img dl {width: 100%;}
    .tab_areas.envi #tab_content2 .layout840 .wrap_img dl:first-child {margin-bottom: 15px;}

    .tab_areas.envi #tab_content3 dl {float: none; width: 100%;}
    .tab_areas.envi #tab_content3 dl>dt {margin-bottom: 15px; font-size: 18px;}
    .tab_areas.envi #tab_content3 dl>dd .wrap_img {margin-bottom: 15px;}
    .wrap_img.enseem img {width: 100%;}

    /* 윤리경영 */
    .intro_prd_level1.ethics h2, .intro_prd_level1.ethics p {display: none;}
    .dp_tbl.ethics .dp_tbl_cell.right .guide_tit {font-size: 18px;}
    .dp_tbl.ethics .dp_tbl_cell.right ul>li {font-size: 16px;}
    .dp_tbl.ethics .dp_tbl_cell.right a {width: 138px; font-size: 12px;}


    /* 사회공헌 */
    .wrap_social dl {float: none; margin-bottom: 15px;}
    .wrap_social dl:first-child {margin-right: 0;}
    .wrap_social dl:last-child {margin-bottom: 0;}
    .wrap_social dl dd img {/* max-width: 100%; */ width: 100%; height: 165px;}
    .wrap_social dl:last-child dd img:nth-of-type(2) {width: 187px;}
    .wrap_social dl:last-child dd img:last-child {margin-top: 2px; /* width: 73%;  min-width: 290px; */ height: auto;}
    .h4_tit.social + .wrap_img img:last-child {margin-top: 5px; width: auto; height: auto;}


    /* 210617 - prd0204 */
    .wrap_dl.prd0204 dl {float: none; margin-bottom: 40px; width: 100%; height: 70px;}


    /* 220516 - prd0205*/
    .wrap_dl.prd0205 dl{float: none; width: 100%;}
    .pattern li{width: 95%; height: auto; float: none; margin: 0 auto 25px auto; }
    .pattern_img{width: 100%; height: 100%; overflow: hidden;}
    .pattern_img a{width: auto; height: auto; display: block;}
    .pattern li:nth-of-type(4n){margin: 0 auto 40px auto; }
    .mb40 img{margin: 0 0 20px 0}
    .work_num{width: 90%; margin: auto;}
    .work_num ul li{width: 100%;}
    .work_num .bg_gray{width: 100%;}
    .work_num ul li img{width: 100%;}
    .work_num ul li p{height: auto; margin: 15px 0;}
    .wrap_dl.prd0205 dl dt{margin-bottom: 0px;}

    /* 210715 지속가능경영보고서 추가 */
    .layout.pd0 {padding: 0;}
    .report .bg_gray .dp_tbl_cell {width: 100%;}
    .report .bg_gray .dp_tbl_cell .wrap_img {margin: 0 auto; width: calc(100% - 20px); height: 215px;}
    .report .bg_gray .dp_tbl_cell.right {padding-left: 10px;}
    .report .bg_gray .dp_tbl_cell.right p {font-size: 16px;}
    .report .bg_gray .dp_tbl_cell.right .wrap_btn {position: relative; bottom: auto; left: auto; margin-top: 20px;}


    /* 200619 sb마루(스톤) 추가 */
    .txt_par.line-1 {line-height: 1.5;}

    /* 210910 펫마루 추가 */
    .ck_list li {float: none; margin-bottom: 20px; width: 100%;}

    .pet li {margin: 0 10px 10px 0; width: calc((100% - 10px) / 2);}
    .pet li:nth-child(even) {margin-right: 0;}
    div[class^='pet_exp'] {padding: 25px;}
    .pet_exp01 {padding: 15px;}
    div[class^='pet_exp'] strong {font-size: 18px;}
    .pet_exp01 dl dt {float: none; width: 100%;}
    .pet_exp01 dl dt img {width: 100%;}
    .pet_exp01 dl dd {float: none; width: 100%;}
    .pet_exp01 dl dd img {margin-top: 15px; width: 100%;}
    .pet_exp02 strong {margin-bottom: 10px;}
    .pet_exp02 img {width: 100%;}
    .pet_exp02 table tr td {font-size: 14px;}

    .greyBox li {padding: 10px;}
    .wrap_pet {padding: 10px; height: auto;}
    .wrap_pet img {float: none; width: 100%;}
    .wrap_pet .cont {float: none; margin-top: 20px; width: 100%;}
    .float_grid .float_l {width: 100%;}
    .float_grid .float_r {width: 100%;}

    .wrap_img.list img {margin-bottom: 20px;}


    /* 210929_메인 슬라이드 추가 */
    .main_visual_list li.main_visual06 {background-image:url(/img/main/bg_main06.jpg)} 
    .main_visual_list li.main_visual06 .pc {display: none;}
    .main_visual_list li.main_visual06 .wrap_tit {top: 90px; margin-left: -145px; width: 290px; border: none;}
    .main_visual_list li.main_visual06 .wrap_tit:before {content: ''; display: block; position: absolute; left: 0; top: -3px; width: 1000px; height: 3px; background-color: #fff;}
    .main_visual_list li.main_visual06 .wrap_tit:after {content: ''; display: block; position: absolute; right: 0; bottom: -3px; width: 1000px; height: 3px; background-color: #fff;}
    .main_visual_list li.main_visual06 .wrap_tit .top {height: 30px; line-height: 30px; font-size: 14px;}
    .main_visual_list li.main_visual06 .wrap_tit .box>a {height: 130px;}
    .main_visual_list li.main_visual06 .wrap_tit .box02 {padding-top: 8px;}
    .main_visual_list li.main_visual06 .wrap_tit .box>a p {margin-top: 5px; font-size: 13px;}
    .main_visual_list li.main_visual06 .wrap_tit .box>a p br {display: block;}
    .main_visual_list li.main_visual06 .wrap_tit .box>a strong {font-size: 14.5px;}
    .main_visual_list li.main_visual06 .wrap_tit .box .box02 strong  {margin-top: 15px;}
    .main_visual_list li.main_visual06 .wrap_tit .box>a strong:after {margin-top: 5px; width: 20px; height: 3px;}
    .main_visual_list li.main_visual06 .wrap_tit .box>a i {bottom: -32px; margin-left: -35px; width: 70px; height: 70px; z-index: 10;}
    .main_visual_list li.main_visual06 .wrap_tit .box01 i {background-size: cover;}
    .main_visual_list li.main_visual06 .wrap_tit .box02 i {background-size: cover;}
    .main_visual_list li.main_visual06 .wrap_tit .box03 i {background-size: cover;}


    /* 210105 리얼텍스처 추가 */
    .add_info_box .prd05 .character_list li {width: 45%;}


    /* 220217 라솔라 & 리빙페어 추가 */
    .main_visual07 .pc {display: none;}
    .main_visual07 .pc area {display: none;}
    .main_visual07 .mobile {display: block;}


    .comp_05 {padding: 60px 0 0;}
    .comp_05 .page_tit {padding-bottom: 15px; width: 250px; font-size: 34px;}
    .comp_05 .exp br {display: none;}
    .comp_05 .lasola_bg {margin: 25px 0 30px; width: 100%;}
    .comp_05 .h3_tit {margin-bottom: 25px; font-size: 22px;}
    .comp_05 .p_exp {margin-top: 0;}
    .comp_05 .p_exp br {display: none;}
    .comp_05 .philosophy {display: block; width: auto;}
    .comp_05 .philosophy img {display: block; margin: 0 auto 20px !important;}
    .comp_05 .philosophy + p {margin: 0 auto 75px; width: 100%; font-size: 17px; letter-spacing: -2px;}
    .comp_05 .b_txt {margin-top: -10px; font-size: 17px; letter-spacing: -2px;}
    .comp_05 img.brand {margin-bottom: 55px; width: 100%;}
    .comp_05 img.brand ~ .txt {font-size: 17px;}
    div[class^='comp_05'] .video {margin: 30px auto 0; width: 100%;}

    .comp_05_02 {padding: 60px 0 0;}
    .comp_05_02 .page_tit {font-size: 28px;}
    .comp_05_02 .page_tit span {font-size: 18px;}
    .comp_05_02 .fair_intro:before {width: 120px; height: 120px;}
    .comp_05_02 .fair_intro {padding: 70px 0 40px;}
    .comp_05_02 .fair_intro .tit {font-size: 16px;}
    .comp_05_02 .fair_intro .tit span {width: 142px; height: 61px;}
    .comp_05_02 .fair_intro .tit i:before {margin: -2px 5px 0 0;  width: 3px; height: 14px;}
    .comp_05_02 .fair_intro .tit i:after {margin: -2px 0 0 5px;  width: 3px; height: 14px;}
    .comp_05_02 .fair_intro .txt {padding: 0 15px; font-size: 16px;}
    .comp_05_02 .fair_intro .txt br {display: none;}

    .comp_05_02 .info {display: block; padding: 0 15px; box-sizing: border-box;}
    .comp_05_02 .info li {padding: 15px 0; width: 100%; text-align: center;}
    .comp_05_02 .info li:first-child {margin-right: 20px; text-align: center;}
    .comp_05_02 .info li:first-child:after {right: 50%; top: auto; bottom: 0; margin-right: -22px; width: 44px; height: 1px;}
    .comp_05_02 .info li p {padding-left: 0; font-size: 14px;}
    .comp_05_02 .info li p span {display: block; position: relative; margin-bottom: 10px;}

    .comp_05_02 .graphics {padding: 25px 60px;}
    .comp_05_02 .graphics p {width: auto; font-size: 14px;}
    .comp_05_02 .graphics::before {left: 20px; top: 50%; width: 22px; height: 111px;}
    .comp_05_02 .graphics::after {right: 20px; top: 50%; width: 22px; height: 111px;}

    .comp_05_02 .list {display: block;}
    .comp_05_02 .list img {width: 100%;}

    .comp_05_02 .lineUp {display: block; padding: 150px 15px 30px; width: auto;}
    .comp_05_02 .lineUp::before {top: 50px; width: 345px; height: 49px;}
    .comp_05_02 .lineUp li {margin: 0 0 30px 0; width: 100%;}
    .comp_05_02 .lineUp li span {font-size: 18px;}
    .comp_05_02 .lineUp li p {font-size: 14px;}
    .comp_05_02 .lineUp li p br {display: none;}
    .comp_05_02 .lineUp li .exp {margin-top: 20px;}

    .comp_05_02 .product {padding: 0; width: 100%;}
    .comp_05_02 .product .exp {margin-bottom: 30px; font-size: 14px;}
    .comp_05_02 .product .left {float: none; width: 100%;}
    .comp_05_02 .product .right {float: none; width: 100%;}
    .comp_05_02 .product .items {padding: 0 20px;}
    .comp_05_02 .product .items strong {margin-bottom: 30px; font-size: 18px;}
    .comp_05_02 .product .items .item__box {width: 100% !important;}
    .comp_05_02 .product .left .items .item__box:nth-child(odd) {margin-left: 0;}
    .comp_05_02 .product .items .item__box img {width: 100%;}
    .comp_05_02 .product .items .item__box p span.row_2 {margin-top: 0;}


    #container.lasola {padding: 40px; width: 100%;}
    #container.lasola:before {display: none;}
    #container.lasola .h1_tit {left: 40px; top: 65px; width: 99px; height: 44px; background: url(/img/sub/detail_logo_XL.png) no-repeat; background-size: cover;}
    #container.lasola .logo.sp_com {right: 40px;  top: 30px; width: 70px; background-position: 0 0; height: 28px; background-size: 400px 400px;}

    #container.lasola .cont_right {float: none; position: relative; margin-top: 0; width: 100%;}
    #container.lasola .cont_right .tit {font-size: 14px;}
    #container.lasola .cont_right .tit span {margin-right: 10px; font-size: 24px;}
    #container.lasola ul {position: absolute; bottom: -80px; left: -3px;}
    #container.lasola ul.m_row2 {bottom: -144px;} 
    #container.lasola .wrap_img {margin: 15px 0 10px;}
    #container.lasola .txt {margin-bottom: 75px; font-size: 14px; letter-spacing: -1.5px;}
    #container.lasola .cont_right .size span {font-size: 11px;}
    #container.lasola .cont_right .size span:last-child {padding-left: 0;}

    #container.lasola .cont_left {float: none; padding-bottom: 50px; margin-top: 125px; width: 100%;}
    #container.lasola .cont_left.mt_more {margin-top: 180px;}
    #container.lasola .cont_left.mt0 {margin-top: 0;}
    #container.lasola .cont_left .mobile {display: block; margin-bottom: 10px; font-size: 15px; font-weight: 500;}
    #container.lasola .cont_left .txt {margin: 20px 0 0; font-size: 14px;}
    #container.lasola .cont_left .point {margin-top: 15px; font-size: 14px;}
    #container.lasola .cont_left .size {margin-top: 50px}

    br.mobile {display: block;}
    #container.lasola .cont_right .tit.limeStone{font-size: 14px;}
    #container.lasola .cont_right .tit.limeStone span{font-size: 24px;}
    #container.lasola .cont_right .tit.plaster{font-size: 14px;}
    #container.lasola .cont_right .tit.plaster span{font-size: 24px;}


    /* 220311 메인 슬라이드 변경 */
    .main_visual_list li.main_visual0801 {background-size: cover; background-position: center left -150px;}
    .main_visual_list li.main_visual0802 {background: url(/img/main/m_bg_main0802.jpg) no-repeat 50% 50%; background-size: cover;}
    .main_visual_list li.main_visual0803 {background-size: cover; background-position: center left -65px;}
    .main_visual_list li.main_visual0804 {background: url(/img/main/m_bg_main0804.jpg) no-repeat 50% 50%; background-size: cover;}
    .main_visual_list li.main_visual0805 {background: url(/img/main/m_bg_main0805.jpg) no-repeat 50% 50%; background-size: cover;}
    .main_visual_list li.main_visual0806 {background-size: cover; background-position: center right -250px;}
    .main_visual_list li.main_visual0807 {background-size: cover; background-position: center right -200px;}
    .main_visual_list li.main_visual0808 {background-size: cover; background-position: center right -200px;}
    .main_visual_list li.main_visual011 {background-size: cover;}
    .main_visual_list li[class^='main_visual08'] a {display: block; width: 100%; height: 100%;}
    /* .main_visual_list li[class^='main_visual08'] a:after {content: ''; position: absolute; right: 0; top: 0; width: 40%; height: 100%; background-color: rgba(0,0,0,.5); z-index: -1;} */
    .main_visual_list li.main_visual0801 a:after {display: none;}
    .main_visual_list li[class^='main_visual08'] a p {position: absolute; right: 7px; bottom: 25px; /* font-size: 13px; */ font-size: 0; color: #fff; text-align: right; letter-spacing: 0; font-weight: 500;}
    .main_visual_list li[class^='main_visual08'] a p b {display: block; /* font-size: 22px; */ font-size: 0; line-height: 2;}
    .main_visual_list li[class^='main_visual08'] a span {position: absolute; bottom: 0; right: 0; padding: 0 5px; background-color: #000; /* font-size: 13px; */ font-size: 0; color: #fff; font-size: 500; letter-spacing: 0;}
    
    .main_visual_list li.main_visual0801 a{background-size: 100%; background-position: -30px 0;}
    .main_visual_list li.main_visual0803 a{background-size: 100%; background-position: -30px 0;}
    .main_visual_list li.main_visual0806 a{background-size: 100%; background-position: -30px 0;}
    .main_visual_list li.main_visual0807 a{background-size: 100%; background-position: -30px 0;}
    .main_visual_list li.main_visual0808 a{width: 90%; background-size: contain; background-position: -22px -5px;}
    .main_visual_list li.main_visual09 a {padding: 53px 0 0 7% ; font-size: 14px; line-height: 1.5;}
    .main_visual_list li.main_visual09 a:before {width: 181px; height: 47px;}
    .main_visual_list li.main_visual010 a {background-size: 100%; background-position: -30px -11px}
    .main_visual_list li.main_visual011 a {background-size: 100%; background-position: -30px -11px;}
    .main_visual_list li.main_visual012 a {width: 90%; background-size: contain; background-position: 70px 90px;}
    .main_visual_list li.main_visual013 a {width: 90%; background-size: contain; background-position: 45px 88px;}
    .main_visual_list li.main_visual014 a {width: 90%; background-size: contain; background-position: 45px 88px;}
    .main_visual_list li.main_visual015 {background-position: -160px 0px;}
    .main_visual_list li.main_visual015 a {width: 90%; background-size: contain; background-position: 45px 88px;}
    .main_visual_list li.main_visual016 {background-position: -45px 0px;}
    .main_visual_list li.main_visual016 a {width: 90%; background-size: contain; background-position: 70px 70px;}
    .main_visual_list li.main_visual017 {background-position: -45px 0px;}
    .main_visual_list li.main_visual017 a {width: 90%; background-size: 50%; background-position: 70px 100px;}
    .main_visual_list li.main_visual018 {background-position: -45px 0px;}
    .main_visual_list li.main_visual019 {background-position: -45px 0px;}
    .main_visual_list li.main_visual018 a {width: 90%; background-size: 100%; background-position: 70px 115px;}
    .main_visual_list li.main_visual019 a {width: 90%; background-size: 90%; background-position: 40px 85px;}

    /* 220422 메인 홈데코제품 추가 */
    .wrap_product {padding: 25px 0;}
    .wrap_product .h2_tit {margin-bottom: 18px; font-size: 17px}
    .wrap_product .stit {font-size: 16px;}
    .wrap_product a {padding-top: 56%; margin: 0 7px 7px 0; width: 100%; height: auto;}
    .wrap_product a img {width: 100%;}
    .wrap_product a .hover {opacity: 1;}
    .wrap_product a .hover:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);}
    .wrap_product a .hover .title {padding: 0 15px; margin-bottom: 15px; font-size: 18px;}
    .wrap_product a .hover .exp {padding: 0 15px; margin-bottom: 15px; font-size: 15px; text-shadow: 0 0 5px rgba(0,0,0,.7);}


    /* 220517 데코시트 - 트렌드 추가 */
    .trend li{margin: 10px 0px; width: 100%;}
    .trend li img{width: 100%;}
    .trend_cont{height: 50px;}
    .trend li:nth-of-type(3) .trend_cont{height: 75px;}


    /* 220526 메인 슬라이드(영상) 추가 */
    #videoSlide {padding: 0; width: calc(100% - 30px);}
    #videoSlide .h2_tit {margin-bottom: 15px; font-size: 18px;}

    /* 20220803 콜렉트월 추가 */
    .prd0206_features dl{width: 100%;}
    .prd0206_structure div{width: 100%; float: none;}
    .prd0206_structure div img{width: 100%;}
    .tbl_prd0206 table.tbl{width: 100%;}
    .tbl_prd0206 img{width: 100%; margin-top: 15px;}
    .report_prd0206 li{float: none; margin: 30px 0 0 0;}
    .report_prd0206 img{width: 100%;}

    /* 20221114 라솔라 앱 공지 추가 */
    .board_view_area .table_form .cell .board_cont>div div{margin: 100px 0 0 0;}
    .board_view_area .table_form .cell .board_cont>div div span{width: 110px; border: 1px solid #4bb29d; font-size: 16px; padding: 4px 0;}
    .board_view_area .table_form .cell .board_cont .board_cont_h2{font-size: 22px; margin: 20px 0 7px 0;}
    .board_view_area .table_form .cell .board_cont .board_cont_sub{font-size: 16px; line-height: 140%;}
    .board_view_area .app_download h2{font-size: 22px; margin: 20px 0 7px 0;}
    .board_view_area .app_download>p{font-size: 16px;}
    .board_view_area .app_download ul{width: 100%; margin: 40px auto 0px auto;}
    .board_view_area .app_download ul li{float: none; width: 100%;}
    .board_view_area .app_download ul li img{width: 55px !important;}
    .board_view_area .app_download ul li a{font-size: 16px; width: 165px; padding: 8px 12px;}

    /* 2022114 스토리보드바디 추가*/
    .prd06_level2 .prd06_dl dl{float: none; width: 100%;}
    .prd06_level2 .prd06_dl02 dl{height: auto;} 

    /* 221129 카다로그 검색창 추가 */
    .catalog_r_sec{min-height: 60px;}
    .catalog_r_sec .r_sec{width: 100px; bottom: 1px;}

    .catalog_r_sec .board_search input{width: 80%;}
    .catalog_r_sec a.board_sort{margin-top: 55px;}
    
    /* 221229 한솔펫마루 상세페이지 추가 */
    .add_info_box .cont_box.level2 .tit_cont_area{padding: 20px !important;}
    .add_info_box .cont_box.level2_pet .tit_cont_area>div{padding: 10px 0;}
    .add_info_box .cont_box.level2_pet .logo_brand{font-size: 24px; height: 45px !important; padding-bottom: 0px;}
    .add_info_box .cont_box.level2_pet .character_list{margin: 20px auto 0 auto; width: 90%;}
    .add_info_box .cont_box.level2_pet .character_list li{width: 70% !important; height: 50px !important; padding-left: 35px !important; box-sizing: border-box; font-size: 13px;}
    .add_info_box .cont_box.level2_pet .character_list li:nth-of-type(2n){margin-right: 0px;}
    .add_info_box .cont_box.level2_pet .character_list li::before{background-size: 100px; width: 45px; height: 45px; ;}
    .add_info_box .cont_box.level2_pet .character_list li:nth-of-type(2)::before{background-position: 0px -46px;}
    .add_info_box .cont_box.level2_pet .character_list li:nth-of-type(3)::before{background-position: 0px -94px;}
    .add_info_box .cont_box.level2_pet .character_list li:nth-of-type(4)::before{background-position: 0px -142px;}
    .add_info_box .cont_box.level2_pet .character_list li:nth-of-type(5)::before{background-position: 0px -189px;}
    .add_info_box .cont_box.level2_pet .character_list li:nth-of-type(4){line-height: 50px;}

    .add_info_box .cont_box.level2_pet .h4_tit b{display: block;}
    .add_info_box .cont_box.level2_pet .ck_list li{margin-bottom: 0px;}
    .add_info_box .cont_box.level2_pet .ck_list{margin: 25px 0 30px 0;}
    .add_info_box .cont_box.level2_pet .ck_list + strong{font-size: 15px;}

    .add_info_box .cont_box.level2_pet .blue_box{padding: 30px 0px 60px 0;}
    .add_info_box .cont_box.level2_pet .blue_box h2{font-size: 20px;}
    .add_info_box .cont_box.level2_pet .gray_box::before{background-size: cover; height: 40px; top: -38px;}

    .add_info_box .cont_box.level2_pet .gray_box p[class^="point0"]{width: 70px; height: 18px; top: -15px; background-size: 150px; background-position: 5px 0;}
    .add_info_box .cont_box.level2_pet .gray_box h3{font-size: 20px; padding-top: 40px;}
    .add_info_box .cont_box.level2_pet .gray_box.gray_box_point01 h3::after{margin-left: 0px; font-size: 13px;}

    .add_info_box .cont_box.level2_pet .gray_box p{font-size: 14px; line-height: 21px; padding: 30px 20px 0 20px; word-break: keep-all;}
    .add_info_box .cont_box.level2_pet .gray_box img.leve12_pet_img01{margin-top: 25px;}
    .add_info_box .cont_box.level2_pet .gray_box img.leve12_pet_img02{margin-top: 10px;}

    .add_info_box .cont_box.level2_pet .blue_box.blue_box_point02{padding: 25px 20px 100px 20px;}
    .add_info_box .cont_box.level2_pet .blue_box.blue_box_point02>div{margin-bottom: 0px;}
    .add_info_box .cont_box.level2_pet .blue_box.blue_box_point02>div{padding: 10px;}
    .add_info_box .cont_box.level2_pet .blue_box.blue_box_point02 p{font-size: 15px; padding: 0 0 15px 0;}
    .add_info_box .cont_box.level2_pet .blue_box.blue_box_point02 p::before{top: 9px;}
    .add_info_box .cont_box.level2_pet .blue_box.blue_box_point02 ul{margin-top: 3px;}
    .add_info_box .cont_box.level2_pet .blue_box.blue_box_point02 ul li{font-size: 16px;}

    .add_info_box .cont_box.level2_pet .gray_box p.point02{width: 65px; height: 20px; background-position: 0px -17px;}
    .add_info_box .cont_box.level2_pet .gray_box p.point03{width: 60px; height: 19px; background-position: 0px -36px}
    
    .add_info_box .cont_box.level2_pet .gray_box.gray_box_point03{margin-bottom: 40px; padding-bottom: 50px;}

    .add_info_box .cont_box.level2_pet .gray_box.gray_box_point04::after,
    .add_info_box .cont_box.level2_pet .gray_box.gray_box_point02::after{display: none;}

    .add_info_box .cont_box.level2_pet .gray_box.gray_box_point04{margin-top: 100px;}
    .add_info_box .cont_box.level2_pet .gray_box.gray_box_point04 p.point04{width: 73px; height: 24px; background-position: -61px 5px;}
    .add_info_box .cont_box.level2_pet .gray_box.gray_box_point05 p.point05{width: 73px; height: 24px; background-position: -60px -17px;}

    .add_info_box .cont_box.level2_pet .gray_box.gray_box_point05{padding-bottom: 50px;}
    .add_info_box .cont_box.level2_pet .pet_review{margin-top: 50px; padding: 0 25px; margin-bottom: 50px;}
    .add_info_box .cont_box.level2_pet .pet_review h3{font-size: 20px;}
    .add_info_box .cont_box.level2_pet .pet_review ul{margin-top: 25px;}
    .add_info_box .cont_box.level2_pet .pet_review ul li{font-size: 15px ;}
    .add_info_box .cont_box.level2_pet .pet_review ul li:first-of-type b::before{background-size: 100px; background-position: -245px -99px; width: 47px; height: 41px; left: -15px; top: 25px;}
    .add_info_box .cont_box.level2_pet .pet_review ul li b{font-size: 18px;}
    .add_info_box .cont_box.level2_pet .pet_review ul li:first-of-type b{margin-left: -50px;}
    .add_info_box .cont_box.level2_pet .pet_review ul li:first-of-type{font-size: 14px; word-break: keep-all; padding: 0 0 10px 60px;}

    .add_info_box .cont_box.level2_pet .pet_review ul:nth-of-type(2) li:first-of-type{padding: 0 0 15px 60px;}
    .add_info_box .cont_box.level2_pet .pet_review ul:nth-of-type(2) li b{margin-left: -55px;}
    .add_info_box .cont_box.level2_pet .pet_review ul:nth-of-type(2) li b::before{left: -8px; top: 15px;}


    .add_info_box .cont_box.level2_pet .pet_review img{width: 100%;}
    .add_info_box .cont_box.level2_pet .pet_review ul li.pet_review_gray{font-size: 14px; padding: 20px 10px;}
    .add_info_box .cont_box.level2_pet .pet_review ul li.pet_review_gray::before{background-size: 22px; width: 19px; height: 17px; top: 5px;}
    .add_info_box .cont_box.level2_pet .pet_review ul li.pet_review_gray::after{background-size: 22px; width: 19px; height: 17px;}

    .add_info_box .cont_box.level2_pet .blue_box.structure{padding: 15px;}
    .add_info_box .cont_box.level2_pet .structure>div{padding: 20px 10px;}
    .add_info_box .cont_box.level2_pet .structure h3{font-size: 20px; margin-bottom: 0px; padding-bottom: 20px;}
    .add_info_box .cont_box.level2_pet .structure table td{font-size: 15px;}
    .add_info_box .cont_box.level2_pet .pet_review ul:nth-of-type(3) li:last-of-type::after,
    .add_info_box .cont_box.level2_pet .pet_review ul:nth-of-type(4) li:last-of-type::after{font-size: 12px;}


    /* 20230111 우리의 사명 텍스트 추가 */
    .value_txt h5{float: none; width: 100%;}
    .value_txt div{float: none; width: 100%; margin-top: 10px;}


    /* 230202 웰스톤 수정 */
    .add_info_box .cont_box.level2_wall .tit_cont_area>div{padding: 10px;}
    .add_info_box .cont_box.level2_wall .logo_brand{font-size: 24px; height: 45px !important; padding-bottom: 0px;}
    .add_info_box .cont_box.level2_wall .character_list{padding: 0; margin: 20px auto 0 auto; width: 100%;}
    .add_info_box .cont_box.level2_wall .character_list li{display: block; padding: 0 0 0 60px; margin: 0 auto 10px; font-size: 13px;  width: 80px; height: auto; line-height: 45px;}
    .add_info_box .cont_box.level2_wall .character_list li:last-child {margin-right: auto;}
    .add_info_box .cont_box.level2_wall .character_list li::before{background-size: 100px; width: 45px; height: 45px; transform: none; margin-top: -23px;}
    .add_info_box .cont_box.level2_wall .character_list li:nth-of-type(2)::before{background-position: 0px -46px;}
    .add_info_box .cont_box.level2_wall .character_list li:nth-of-type(3)::before{background-position: 0px -94px;}
    .add_info_box .cont_box.level2_wall .character_list li:nth-of-type(4)::before{background-position: 0px -142px;}
    .add_info_box .cont_box.level2_wall .character_list li:nth-of-type(5)::before{background-position: 0px -189px;}
    .add_info_box .cont_box.level2_wall .character_list li:nth-of-type(4){line-height: 50px;}

    .add_info_box .cont_box.level2_wall .wrap_img {width: 100%;}
    .add_info_box .cont_box.level2_wall .exp {margin: 15px 10px; text-align: center;}
    .add_info_box .cont_box.level2_wall .exp li {margin-right: 5px; font-size: 14px;}
    .add_info_box .cont_box.level2_wall .exp li:last-child {margin-right: 0;}

    .add_info_box .cont_box.level2_wall .blue_box{padding: 30px 0px 60px 0;}
    .add_info_box .cont_box.level2_wall .blue_box h2{font-size: 20px;}
    .add_info_box .cont_box.level2_wall .gray_box::before{background-size: cover; height: 40px; top: -38px;}

    .add_info_box .cont_box.level2_wall .gray_box p[class^="point0"] {top: -15px; background-size: 150px 150px;}
    .add_info_box .cont_box.level2_wall .gray_box h3{font-size: 20px; padding-top: 40px;}
    .add_info_box .cont_box.level2_wall .gray_box p{font-size: 14px; line-height: 21px; padding: 30px 20px 0 20px; word-break: keep-all;}
    .add_info_box .cont_box.level2_wall .wrap_img {margin-top: 40px;}
    .add_info_box .cont_box.level2_wall .wrap_img img {margin-bottom: 10px;}

    .add_info_box .cont_box.level2_wall .gray_box.gray_box_point01 h3::after{margin-left: 0px; font-size: 13px;}
    .add_info_box .cont_box.level2_wall .gray_box p.point01 {width: 56px; height: 17px;}
    
    .add_info_box .cont_box.level2_wall .gray_box_point02 {margin: 75px 0 105px;}
    .add_info_box .cont_box.level2_wall .gray_box p.point02 {width: 59px; height: 19px; background-position: 0 -17px;}

    .add_info_box .cont_box.level2_wall .gray_box_point03 {padding-bottom: 100px;}
    .add_info_box .cont_box.level2_wall .gray_box p.point03 {width: 59px; height: 19px; background-position: 0 -36px;}

    .add_info_box .cont_box.level2_wall .gray_box_point04 {padding-bottom: 100px;}
    .add_info_box .cont_box.level2_wall .gray_box.gray_box_point04 p.point04 {width: 59px; height: 17px; background-position: -69px 0;}

    .add_info_box .cont_box.level2_wall .gray_box_point05 {padding: 20px 15px; margin-top: 50px;}
    .add_info_box .cont_box.level2_wall .gray_box_point05:before {top: -84px;}
    .add_info_box .cont_box.level2_wall .gray_box p.point05 {top: -54px; width: 90px; height: 33px; background-position: 0 -55px;}

    .add_info_box .cont_box.level2_wall .gray_box_point05 .sample li {display: block; margin: 0 0 20px 0; width: 100%; height: auto;}
    .add_info_box .cont_box.level2_wall .gray_box_point05 .sample li img {margin-bottom: 25px;}
    .add_info_box .cont_box.level2_wall .gray_box_point05 .sample li b {padding: 15px 15px 0; font-size: 16px;}
    .add_info_box .cont_box.level2_wall .gray_box_point05 .sample li p {padding: 15px;}

    .add_info_box .cont_box.level2_wall .blue_box.structure{padding: 15px;}
    .add_info_box .cont_box.level2_wall .structure>div{padding: 20px 10px;}
    .add_info_box .cont_box.level2_wall .structure h3{font-size: 20px; margin-bottom: 0px; padding-bottom: 20px;}
    .add_info_box .cont_box.level2_wall .structure .wrap_img {margin-bottom: 40px; width: 100%;}
    .add_info_box .cont_box.level2_wall .structure table td{font-size: 15px;}
    .add_info_box .cont_box.level2_wall .structure .ta_r {font-size: 13px;}
    .cont_box.level2.prd01_level2.level2_wall .wrap_img{margin: 40px auto 0;}
    
    /* 20230410 가구재 비디오 추가 */
    .prd06_level2_video{display: block;}
    .prd06_level2_video video{width: 100%;}

    /* 20230417 인권경영 추가 */
    .envi .env_over{overflow-x: scroll;}

    /* 20230920 강마루 추가 */
    .add_info_box .cont_box.level5 .tit_cont_area{padding: 20px;}
    .add_info_box .cont_box.level5 .blue_box{padding: 70px 0 100px 0;}
    .add_info_box .cont_box.level5 .blue_box h2{font-size: 24px;}
    .add_info_box .cont_box.level5 p[class^="point0"]{width: 70px; height: 20px; top: -20px; background-size: cover;}
    .add_info_box .cont_box.level5 h3.main_tit{font-size: 20px; padding-top: 40px;}
    .add_info_box .cont_box.level5 p.sub_tit{font-size: 14px;}

    .add_info_box .cont_box.level5{width: 100%;}
    .add_info_box .cont_box.level5 .logo_brand{font-size: 24px; padding-bottom: 0; line-height: 40px;}
    .add_info_box .cont_box.level5 .tit_cont_area>div{padding: 20px 30px;}
    .add_info_box .cont_box.level5 .character_list li{padding: 10px 0 10px 65px;}
    .add_info_box .cont_box.level5 .character_list li::before{width: 45px; height: 45px; background-size: cover;}
    .add_info_box .cont_box.level5 .character_list li:nth-of-type(2):before{background-position: 0px -47px;}
    .add_info_box .cont_box.level5 .character_list li:nth-of-type(3):before{background-position: 0px -96px;}
    .add_info_box .cont_box.level5 .character_list li:nth-of-type(4):before{background-position: 0px -144px;}

    .add_info_box .cont_box.level5 .leve15_img01{width: 100%; height: auto; padding: 50px 0;}
    .add_info_box .cont_box.level5 .leve15_img01::before{width: 40%; height: 40%; top: 0px; left: 0px;}
    .add_info_box .cont_box.level5 .leve15_img01::after{width: 40%; height: 40%; bottom: 0; right: 0;;}
    .add_info_box .cont_box.level5 .leve15_img01 img{width: 80%;}
    .leve15_img03{width: 100%;}
    .add_info_box .cont_box.level5 .leve15_img04{padding: 25px; width: 100%;}
    .add_info_box .cont_box.level5 .leve15_img04::before{width: 60%; height: 40%; top: 0;}
    
    .add_info_box .cont_box.level5 .leve15_img04>img{width: 90%;}
    .add_info_box .cont_box.level5 .gray_box_point01 .gray_box_img01{margin-top: 50px;}
    .add_info_box .cont_box.level5 .gray_box_point01 .gray_box_img01 .leve15_img06{width: 90%;}
    .add_info_box .cont_box.level5 .gray_box_point01 .gray_box_img01 p{font-size: 14px; margin: 15px 0 0 0;}
    .add_info_box .cont_box.level5 .gray_box_point01 .gray_box_img01 .leve15_img07{width: 90%; margin-top: 50px;}
    .add_info_box .cont_box.level5 .white_box .leve15_img08{width: 90%;}
    .add_info_box .cont_box.level5 .white_box .leve15_img09{width: 90%;}
    .add_info_box .cont_box.level5 .gray_box_point03{padding-bottom: 100px;}
    .add_info_box .cont_box.level5 .gray_box_point03::after{content: ''; width: 100%; height: 282px; background-size: contain; background-position: bottom;}
    .add_info_box .cont_box.level5 .leve15_img10{width: 90%; margin-top: 50px;}
    .add_info_box .cont_box.level5 .leve15_img12{width: 100%;}
    .add_info_box .cont_box.level5 .gray_box_point05 .leve15_img13{width: 90%; margin: 50px 0 30px 0;}
    .add_info_box .cont_box.level5 .gray_box_point05 .leve15_img14{width: 100%; padding: 0 25px 25px 25px;}
    .add_info_box .cont_box.level5 .gray_box_point05 .leve15_img14 img{width: 100%;}
    
    .add_info_box .cont_box.level5 .blue_box::after{width: 100%; height: 61px; bottom: 0px; background-size: cover;}
    .add_info_box .cont_box.level5 p.point01{top: -37px;}

    .add_info_box .cont_box.level5 .white_box_point04::before{width: 100%; height: 72px; top: -71px; background-position: top; background: url(/img/product/m_leve15_point_bg02.png) no-repeat; background-size: cover;}
    .add_info_box .cont_box.level5 .white_box_point04 p.point04{background-position: 0 -66px;}

    .add_info_box .cont_box.level5 .white_box_point02::after{top: unset; width: 100%; height: 61px; background-size: cover;}
    .add_info_box .cont_box.level5 .gray_box_point03 p.point03{background-position: 0 -43px;}

    .add_info_box .cont_box.level5 .gray_box_point05::before{width: 100%; height: 61px; top: -60px; background-size: cover;}
    .add_info_box .cont_box.level5 .gray_box_point05 p.point05{background-position: 0 -87px;}

    .add_info_box .cont_box.level5 .gray_box_point01{padding-bottom: 100px;}
    .add_info_box .cont_box.level5 .white_box.white_box_point02::before{width: 100%; height: 72px; top: -71px; background: url(/img/product/m_leve15_point_bg02.png) no-repeat; background-size: cover;}
    .add_info_box .cont_box.level5 .white_box_point02 p.point02{background-position: 0px -21px;}
    .add_info_box .cont_box.level5 .white_box.white_box_point02{padding-bottom: 100px;}

    .add_info_box .cont_box.level5 .gray_box_point05 .leve15_img14 .txt_cap{font-size: 12px;}

    /* 20230925 이지셀프 */
    /* .add_info_box .cont_box.leve17 img{width: 100%;} */

    /* 20231005 */
    .add_info_box .cont_box.leve17{width: 100%;}

    .add_info_box .cont_box.leve17 .leve17_box01 img{width: 100%;}

    .add_info_box .cont_box.leve17 .leve17_box02{padding: 30px 15px;}
    .add_info_box .cont_box.leve17 .leve17_box02>p.box02_num{width: 30px; height: 30px; font-size: 14px; border-radius: 30px; line-height: 30px; margin-bottom: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box02>p{font-size: 18px;}
    .add_info_box .cont_box.leve17 .leve17_box02 ul{padding: 20px; margin-top: 20px; flex-wrap: wrap; justify-content: center;}
    .add_info_box .cont_box.leve17 .leve17_box02 ul li{font-size: 14px; margin-bottom: 50px;}
    .add_info_box .cont_box.leve17 .leve17_box02 ul li:first-of-type::after{width: 25px; height: 25px; font-size: 25px; line-height: 25px; right: unset; left: 50%; transform: translateX(-50%); bottom: -35px; top: unset;}
    .add_info_box .cont_box.leve17 .leve17_box02 ul li:last-of-type{margin-bottom: 0;}
    .add_info_box .cont_box.leve17 .leve17_box02 ul li p{font-size: 12px; margin: 10px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box02 ul li img{width: 60%; margin-bottom: 10px;}

    .add_info_box .cont_box.leve17 .leve17_box03{padding:30px 15px;}
    .add_info_box .cont_box.leve17 .leve17_box03>p.box02_num{width: 30px; height: 30px; font-size: 14px; border-radius: 30px; line-height: 30px; margin-bottom: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box03>p{font-size: 18px;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul{padding: 15px 0 0 0; margin: 25px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li{flex-wrap: wrap; font-size: 18px; padding: 0; text-align: center; margin-bottom: 0px;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li img{max-width: 150px;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li span{margin-top: 20px; width: 100%;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li span p{font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li ul{padding: 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li:first-of-type::after{width: 25px; height: 25px; font-size: 25px; line-height: 25px; bottom: -50px;}
    
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li:nth-of-type(1){margin-bottom: 75px;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li:nth-of-type(2){display: flex; flex-direction:column-reverse;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li ul li{font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li ul li:last-of-type{margin-bottom: 0;}
    .add_info_box .cont_box.leve17 .leve17_box03>ul>li ul li span{width: auto; font-size: 12px; margin-top: 7px;}

    .add_info_box .cont_box.leve17 .leve17_box04{padding: 30px 15px;}
    .add_info_box .cont_box.leve17 .leve17_box04>p.box02_num{width: 30px; height: 30px; font-size: 14px; border-radius: 30px; line-height: 30px; margin-bottom: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box04>p{font-size: 18px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul{padding: 30px 0 0 0; margin: 25px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul li{font-size: 18px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul li img{max-width: 250px; margin-top: 20px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul>li:last-of-type{margin-top: 25px; padding: 20px 0; display: block;} 
    .add_info_box .cont_box.leve17 .leve17_box04>ul li ul{margin-top: 15px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul li ul li{font-size: 14px; text-align: center; margin-top: 3px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul li ul li::before{width: 4px; height: 4px; top: -5px; left: -8px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice{margin-top: 25px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li{font-size: 12px; word-break: keep-all; position: relative; margin: 15px 0 0 20px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li:last-of-type{margin: 15px 0 0 20px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li::before{position: absolute; top: 0px; left: -15px;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li span{font-size: 10px; margin: 5px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li:first-of-type span:first-of-type,
    .add_info_box .cont_box.leve17 .leve17_box04>ul.box4_notice li:first-of-type span:last-of-type{margin: 5px 0 0 0;}

    .add_info_box .cont_box.leve17 .leve17_box05{padding: 30px 15px;}
    .add_info_box .cont_box.leve17 .leve17_box05 .icon_star img{width: 15px; margin: 0;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_review_txt{font-size: 24px;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_tit{margin-top: 30px;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_tit b{font-size: 24px;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_tit p{font-size: 24px;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox{margin: 25px 0 0 0; padding: 15px; border-radius: 20px;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox div{justify-content: space-between;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox div img{width: 48%;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li ul{padding: 15px 5px; align-items: center}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li ul li{font-size: 13px;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li ul li img{width: 15px; height: 14px; padding: 0;}
    .add_info_box .cont_box.leve17 .leve17_box05 .box05_reviewBox li p{font-size: 16px; padding: 15px 7px 10px 7px;}

    .add_info_box .cont_box.leve17 .leve17_box06{padding: 0 0 25px 0;}
    .add_info_box .cont_box.leve17 .leve17_box06>ul{padding: 10px 20px; margin: 0 0 40px 0;}
    .add_info_box .cont_box.leve17 .leve17_box06>ul li{font-size: 15px;}
    .add_info_box .cont_box.leve17 .leve17_box06>ul li img{width: 65px;}
    .add_info_box .cont_box.leve17 .leve17_box06 p.box06_tit{font-size: 20px; margin: 0 0 10px 0;}
    .add_info_box .cont_box.leve17 .leve17_box06 img.logo02{width: 140px; margin: auto; display: block;}
    .add_info_box .cont_box.leve17 .leve17_box06 p.box06_sub{font-size: 14px; margin: 30px 0;}
    .add_info_box .cont_box.leve17 .leve17_box06 p.box06_sub b{font-size: 16px;}
    .add_info_box .cont_box.leve17 .leve17_box06 .box05_img01{width: 90%; margin: auto; display: block;}
    .add_info_box .cont_box.leve17 .leve17_box06 .box06_cont01{padding: 0 21px;}
    .add_info_box .cont_box.leve17 .leve17_box06 .box06_cont01>img{width: 100%;}
    /* .add_info_box .cont_box.leve17 .leve17_box06 .box06_cont01 ul{flex-wrap: wrap; width: 60%;}
    .add_info_box .cont_box.leve17 .leve17_box06 .box06_cont01 ul li{width: 50%; font-size: 18px; padding: 10px 0;}
    .add_info_box .cont_box.leve17 .leve17_box06 .box06_cont01 ul li::after{right: 0;} */

    /* 20231211  스킨마루 상세페이지*/
    .add_info_box .cont_box.level5 .img_231211{width: 100%;}


    .add_info_box .cont_box.leve17 .leve17_box07{}
    .add_info_box .cont_box.leve17 .leve17_box07>ul{padding: 10px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box07>ul li{font-size: 15px;}
    .add_info_box .cont_box.leve17 .leve17_box07>ul li img{width: 65px;}
    .add_info_box .cont_box.leve17 .leve17_box07 .box07_tit{margin: 25px 0 15px 0; font-size: 24px;}
    .add_info_box .cont_box.leve17 .leve17_box07 .box07_txt{margin: 0; background-size: contain; font-size: 14px; padding: 4px;}
    .add_info_box .cont_box.leve17 .leve17_box07 .box07_sub{font-size: 24px; margin: 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box07 .box06_img02{width: 100%;}
    
    .add_info_box .cont_box.leve17 .leve17_box08{padding: 30px 15px;}
    .add_info_box .cont_box.leve17 .leve17_box08 .box08_tit{font-size: 24px;}
    .add_info_box .cont_box.leve17 .leve17_box08 .box08_sub{font-size: 14px; margin: 15px 0 30px 0;}
    .add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox{justify-content: space-between;}
    .add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox img{width: 48%; margin: 5px 0;}
    .add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox img:nth-of-type(1),
    .add_info_box .cont_box.leve17 .leve17_box08 .box08_imgBox img:nth-of-type(2){width: 100%;}

    .add_info_box .cont_box.leve17 .leve17_box09{padding: 0 20px 30px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box09 .box09_txt{font-size: 14px; background-size: contain; margin: 0; padding: 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box09 .box09_sub{font-size: 16px; margin: 15px 0;}
    .add_info_box .cont_box.leve17 .leve17_box09 .box09_tit{font-size: 26px;}
    .add_info_box .cont_box.leve17 .leve17_box09 ul{margin: 40px 0 0 0; padding: 0;}
    .add_info_box .cont_box.leve17 .leve17_box09 ul li{font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box09 ul li:nth-of-type(3){margin-bottom: 0;}
    .add_info_box .cont_box.leve17 .leve17_box09 ul li span{width: 60px; height: 54px; background-size: cover;}
    .add_info_box .cont_box.leve17 .leve17_box09 ul li:nth-of-type(2) span{width: 70px; background-position: -58px 0;}
    .add_info_box .cont_box.leve17 .leve17_box09 ul li:nth-of-type(3) span{background-position: -126px 0;}

    .add_info_box .cont_box.leve17 .leve17_box10>ul{padding: 10px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box10>ul li:first-of-type{font-size: 12px; margin-right: 10px; padding-right: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box10>ul li:last-of-type{font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_tit{font-size: 22px; margin: 30px 0 0px 0;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_sub{font-size: 12px;}

    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01 .box10_cont01_txt{flex-wrap: wrap; margin: 20px 0 10px 0; padding: 0 20px;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01 .box10_cont01_txt li:first-of-type{font-size: 16px;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01 .box10_cont01_txt li:last-of-type{font-size: 14px; text-align: right; width: 100%;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div{padding: 0 0px 15px 0px; }
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul{width: 50%;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li img{width: 100%;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul:last-of-type{border: 1px solid #653509; border-radius: 0 30px 0 0; top: 0px;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li b{font-size: 18px; height: 45px; line-height: 45px; margin-bottom: 20px;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li span{font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li p{font-size: 13px; margin: 5px 0 15px 0;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li:last-of-type{padding: 0 10px;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li:last-of-type span{padding: 15px 0;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li:last-of-type span:first-of-type{margin-top: 15px;}
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li img.box07_img03,
    .add_info_box .cont_box.leve17 .leve17_box10 .box10_cont01>div ul li img.box07_img05{width: 90%;}

    .add_info_box .cont_box.leve17 .leve17_box11{padding: 40px 0 5px 0;}
    .add_info_box .cont_box.leve17 .leve17_box11 .box11_tit{font-size: 20px;}
    .add_info_box .cont_box.leve17 .leve17_box11 .box07_img06{width: 60%; margin: 25px auto;}
    .add_info_box .cont_box.leve17 .leve17_box11 .box11_sub{font-size: 14px; margin-bottom: 20px;}
    .add_info_box .cont_box.leve17 .leve17_box11 ul{flex-wrap: wrap; margin: 20px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box11 ul li:first-of-type{margin-bottom: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box11 ul li img{width: 100%; margin: auto; display: block;}

    .add_info_box .cont_box.leve17 .leve17_box12{padding: 0;}
    .add_info_box .cont_box.leve17 .leve17_box12>ul:first-of-type{padding: 10px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box12>ul:first-of-type li{font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box12>ul:first-of-type li:first-of-type{margin-right: 10px; padding-right: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box12 .box12_tit{font-size: 26px; margin: 30px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box12 .box12_sub{font-size: 14px; margin: 15px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box12 .icon_point{width: 70px; height: 71px; line-height: 71px; font-size: 30px; background-size: contain; margin: 25px auto 20px;}
    .add_info_box .cont_box.leve17 .leve17_box12 .box12_txt{font-size: 22px;}
    .add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01{margin: 40px 0 0 0; padding-bottom: 30px;}
    .add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li{width: 100%; font-size: 10px; margin-bottom: 30px; padding: 0;}
    .add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li span{width: 60px; height: 59px; background-size: cover; margin: auto auto 15px auto;}
    .add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li:nth-of-type(2) span{background-position: -70px -1px;}
    .add_info_box .cont_box.leve17 .leve17_box12 .box12_cont01 li:nth-of-type(3) span{background-position: -142px -1px;}

    .add_info_box .cont_box.leve17 .leve17_box13{padding: 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box13 .icon_point{width: 70px; height: 71px; line-height: 71px; font-size: 30px; background-size: contain; margin: 25px auto 20px;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_tit{font-size: 22px;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01{padding: 0 0px 15px 0px; margin: 25px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:first-of-type{width: 50%; border-radius: 20px 0 0 20px; padding: 20px 0 0 0px;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:last-of-type{width: 50%; border-radius: 0 20px 20px 0; padding: 20px 0 0 0px; border: 1px solid #653509; position: relative; top: -2px;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li img{width: 85%;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li:first-of-type{font-size: 18px;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li:first-of-type span{font-size: 12px; margin: 10px 0;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li.box13_cont01_mark{font-size: 12px; margin: 20px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li:last-of-type{padding: 0 10px; font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul li:last-of-type span:first-of-type{padding: 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:first-of-type li:last-of-type span:last-of-type{height: 63px;}
    .add_info_box .cont_box.leve17 .leve17_box13 .box13_cont01 ul:last-of-type li:last-of-type span{padding: 15px 0;}

    .add_info_box .cont_box.leve17 .leve17_box14{padding: 25px 0;}
    .add_info_box .cont_box.leve17 .leve17_box14 .icon_point{width: 70px; height: 71px; line-height: 71px; font-size: 30px; background-size: contain; margin: 5px auto 20px;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_tit{font-size: 22px;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_sub{font-size: 14px; margin: 20px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01{padding: 0 15px; margin-top: 30px;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01 p{font-size: 12px; margin-bottom: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div{flex-wrap: wrap;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul:first-of-type{border-radius: 20px 20px 0 0; border: 2px solid #a3a3a3; border-right: 2px solid #a3a3a3; border-bottom: none;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul li img{width: 100%;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul:last-of-type{border: 2px solid #653509; border-radius: 0 0 20px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul li:last-of-type{font-size: 14px; height: 40px; line-height: 40px;}
    .add_info_box .cont_box.leve17 .leve17_box14 .box14_cont01>div ul:last-of-type li:last-of-type{font-size: 18px; font-weight: bold;}

    .add_info_box .cont_box.leve17 .leve17_box15{}
    .add_info_box .cont_box.leve17 .leve17_box15>ul{padding: 10px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box15>ul>li:first-of-type{margin-right: 10px; padding-right: 10px; font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box15>ul>li:last-of-type{font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_tit{font-size: 24px; margin: 30px 0 0px 0;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_sub{font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_txt{font-size: 26px; font-weight: bold; padding: 15px 0;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_tit{font-size: 26px;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub{padding: 10px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 li{margin: 0 0 15px 0;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li:first-of-type{font-size: 20px; margin: 0;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li:first-of-type::after{width: 15px; height: 15px; margin-left: 7px; background-size: contain;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li:last-of-type{flex-wrap: wrap; font-size: 18px;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li:last-of-type p{width: 100%; margin-bottom: 10px; font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box15 .box15_cont01 .box15_cont01_sub li:last-of-type span{font-size: 13px; padding: 2px 12px;}

    .add_info_box .cont_box.leve17 .leve17_box16{}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_tit{font-size: 24px; padding: 30px 0;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul li img{width: 100%;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub{height: auto; background-size: cover; padding: 25px 20px; background-position: center;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub::before{width: 14px; height: 12px; background-size: contain; margin-bottom: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub b{font-size: 16px; margin-bottom: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub b::before{width: 27px; height: 12px; background-size: cover; top: 3px; margin-right: 2px;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 .box16_cont01_sub p{font-size: 14px;}

    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(2) .box16_cont01_sub{height: auto; background-size: cover; padding: 25px 20px; background-position: center;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(2) .box16_cont01_sub b::before{width: 27px; height: 12px; background-size: cover; top: 3px; margin-right: 2px; background-position: 0 -17px;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(3) .box16_cont01_sub{height: auto; background-size: cover; padding: 25px 20px; background-position: center;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(3) .box16_cont01_sub b::before{width: 27px; height: 15px; background-size: cover; top: 3px; margin-right: 2px; background-position: 0 -33px;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(4) .box16_cont01_sub{height: auto; background-size: cover; padding: 25px 20px; background-position: center;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(4) .box16_cont01_sub b::before{width: 27px; height: 14px; background-size: cover; top: 3px; margin-right: 2px; background-position: 0 -50px;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(5) .box16_cont01_sub{height: auto; background-size: cover; padding: 25px 20px; background-position: center;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(5) .box16_cont01_sub b::before{width: 27px; height: 15px; background-size: cover; top: 3px; margin-right: 2px; background-position: 0 -67px;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(6) .box16_cont01_sub{height: auto; background-size: cover; padding: 25px 20px; background-position: center;}
    .add_info_box .cont_box.leve17 .leve17_box16 .box16_cont01 ul:nth-of-type(6) .box16_cont01_sub b::before{width: 27px; height: 17px; background-size: cover; top: 3px; margin-right: 2px; background-position: 0 -83px;}

    .add_info_box .cont_box.leve17 .leve17_box17{}
    .add_info_box .cont_box.leve17 .leve17_box17>ul{padding: 10px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box17>ul li:first-of-type{font-size: 12px; margin-right: 10px; padding-right: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box17>ul li:last-of-type{font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_tit{font-size: 24px; margin: 30px 0 0px 0;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_sub{font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01{margin: 35px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul{flex-wrap: wrap;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li{margin: 0 auto 25px auto; font-size: 14px; width: 100%; word-break: keep-all;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li img{width: 100%;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li p{margin: 10px 0 0 20px;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li p>span{left: -15px;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li span.box17_cont01_txt{font-size: 12px; left: 20px;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li div::after{width: 70px; height: 30px; left: 0; font-size: 14px; line-height: 30px;}
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(2) div::after,
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(3) div::after,
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(4) div::after,
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(5) div::after,
    .add_info_box .cont_box.leve17 .leve17_box17 .box17_cont01>ul li:nth-of-type(6) div::after{width: 70px; height: 30px;}

    .add_info_box .cont_box.leve17 .leve17_box18{}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 .box18_tit{padding: 30px 0 0 0; font-size: 22px;}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 .box18_sub{font-size: 14px; padding: 0 0 25px 0;}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01{padding: 0;}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 ul li img{width: 100%;}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 ul li.box18_txt{left: unset; right: 14px; font-size: 20px; transform: translateY(-60%);}

    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02{padding: 40px 0 25px 0;}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 p.box18_tit{font-size: 18px; margin: 0 0 25px 0;}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 p.box18_tit b:before{width: 4px; height: 4px; top: -7px;}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 ul img{width: 100%;}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 ul li.box18_txt{left: unset; right: 34px; font-size: 20px; transform: translateY(-65%);}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 ul li.box18_txt::before,
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 ul li.box18_txt::before{width: 20px; height: 15px; background-size: cover;}
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont01 ul li.box18_txt::after,
    .add_info_box .cont_box.leve17 .leve17_box18 .box18_cont02 ul li.box18_txt::after{width: 20px; height: 15px; background-size: cover; left: 93px; top: -21px; background-position: -21px 0;}
    .add_info_box .cont_box.leve17 .leve17_box18 ul li.box18_youtube{font-size: 14px;}

    .add_info_box .cont_box.leve17 .leve17_box19{padding: 40px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box19 b.box19_tit{font-size: 22px;}
    .add_info_box .cont_box.leve17 .leve17_box19 p.box19_sub{font-size: 14px; width: 52%; margin: 25px auto 0 auto; padding: 5px 15px;}
    .add_info_box .cont_box.leve17 .leve17_box19 .box12_img05{width: 100%; margin: 30px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box19 p.box19_txt{font-size: 12px; margin: 15px 0 0 0; padding: 0 0 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box19 ul{padding: 20px 10px 20px 30px;}
    .add_info_box .cont_box.leve17 .leve17_box19 ul li{font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box19 ul li span{font-size: 10px;}

    .add_info_box .cont_box.leve17 .leve17_box20{padding: 40px 20px 20px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box20 b.box20_tit{font-size: 22px;}
    .add_info_box .cont_box.leve17 .leve17_box20 .box20_cont01{margin: 30px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box20 .box12_img06{width: 50%; height: 100%;}
    
    .add_info_box .cont_box.leve17 .leve17_box21{padding: 40px 0 60px 0;}
    .add_info_box .cont_box.leve17 .leve17_box21 b.box21_tit{font-size: 22px;}
    .add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul{flex-wrap: wrap; margin: 0; justify-content: center;}
    .add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li p.box21_cont01_tit{font-size: 14px; padding: 5px 10px; margin: 0 0 10px 0;}
    .add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li{font-size: 14px; margin: 0 0 40px 0;}
    .add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li:last-of-type{margin: 0;}
    .add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li img{width: 55%; height: auto; margin: auto; display: block;}
    .add_info_box .cont_box.leve17 .leve17_box21 .box21_cont01>ul li p{font-size: 16px; margin: 10px 0;}

    .add_info_box .cont_box.leve17 .leve17_box22{padding: 50px 0 25px 0;}
    .add_info_box .cont_box.leve17 .leve17_box22 p.box22_sub{font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box22 b.box22_tit{font-size: 24px; margin: 0;}
    .add_info_box .cont_box.leve17 .leve17_box22 b.box22_tit::before{width: 30px; height: 31px; background-size: cover; margin-right: 7px;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01{margin: 30px 0 0 0; padding: 0 20px;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_tit{font-size: 16px; padding: 7px 15px;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li{font-size: 14px; margin-bottom: 20px;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li p{padding: 15px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li:nth-of-type(3)>p{padding: 15px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li span{font-size: 12px; margin: 15px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img{flex-wrap: wrap;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img div{margin: 0 0 15px 0;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img div:last-of-type{margin: 0;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img img{width: 85%; margin: auto; display: block;}
    .add_info_box .cont_box.leve17 .leve17_box22 .box22_cont01 ul li .box22_cont01_img p{margin: 5px 0 0 0;}

    .add_info_box .cont_box.leve17 .leve17_box23{padding: 50px 0 0px 0;}
    .add_info_box .cont_box.leve17 .leve17_box23 p.box23_sub{font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box23 b.box23_tit{font-size: 24px; margin: 0;}
    .add_info_box .cont_box.leve17 .leve17_box23 b.box23_tit::before{width: 30px; height: 31px; background-size: cover; margin-right: 7px; background-position: -35px 0;}
    .add_info_box .cont_box.leve17 .leve17_box23 ul{padding: 30px 20px 50px 40px;}
    .add_info_box .cont_box.leve17 .leve17_box23 ul li{font-size: 14px; margin: 20px 0 0 0; line-height: 140%;}

    .add_info_box .cont_box.leve17 .leve17_box24{padding: 50px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box24 p.box24_sub{font-size: 14px;}
    .add_info_box .cont_box.leve17 .leve17_box24 b.box24_tit{font-size: 24px; margin: 0;}
    .add_info_box .cont_box.leve17 .leve17_box24 b.box24_tit::before{width: 30px; height: 31px; background-size: cover; margin-right: 7px; background-position: -35px 0;}
    .add_info_box .cont_box.leve17 .leve17_box24 ul{padding: 30px 20px 30px 40px;}
    .add_info_box .cont_box.leve17 .leve17_box24 ul li{font-size: 14px; margin: 10px 0 0 0; line-height: 140%;}
    .add_info_box .cont_box.leve17 .leve17_box24 ul li::before{width: 30px; left: -23px;}

    .add_info_box .cont_box.leve17 .leve17_box25>ul{padding: 10px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box25>ul li:first-of-type{font-size: 12px; margin-right: 10px; padding-right: 10px;}
    .add_info_box .cont_box.leve17 .leve17_box25>ul li:last-of-type{font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box25 p.box25_sub{margin: 30px 0 10px 0; font-size: 20px;}
    .add_info_box .cont_box.leve17 .leve17_box25 .logo02{width: 160px;}
    .add_info_box .cont_box.leve17 .leve17_box25 b.box25_tit{font-size: 24px; margin: 40px 0 30px 0;}
    .add_info_box .cont_box.leve17 .leve17_box25 p.box25_txt{font-size: 14px; padding: 0 40px; word-break: keep-all;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01{padding: 30px 0 50px 0;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li{width: 45%; height: auto; margin: 0;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:first-of-type{border-radius: 80px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(2){border-radius: 0 80px 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(3){border-radius: 0 0 0 80px;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(4){border-radius: 0 0 80px 0;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img{flex-wrap: wrap;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li img{width: 100%;}

    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:first-of-type::after{right: 10px; top: unset; font-size: 10px; bottom: 10px; background-color: rgb(255 255 255 / 70%); padding: 3px 10px; border-radius: 25px; border: 1px solid #fff;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(2)::after{left: 10px; font-size: 10px; bottom: 10px; top : unset; background-color: rgb(255 255 255 / 70%); padding: 3px 10px; border-radius: 25px; border: 1px solid #fff;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(3)::after{right: 10px; top: 10px; font-size: 10px; bottom: unset; background-color: rgb(255 255 255 / 70%); padding: 3px 10px; border-radius: 25px; border: 1px solid #fff;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_img li:nth-of-type(4)::after{left: 10px; font-size: 10px; top: 10px; bottom : unset; background-color: rgb(255 255 255 / 70%); padding: 3px 10px; border-radius: 25px; border: 1px solid #fff;}

    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 .box25_cont01_tit{width: 50%; font-size: 14px; margin: 30px auto 0; padding: 7px 0;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg{flex-wrap: wrap; justify-content: space-between; padding: 20px 20px 0 20px;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li{width: 48%; margin: 0 5px 0 0; padding: 5px 0;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li{font-size: 15px;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li b{font-size: 30px; margin: 10px 0;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li p{font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box25 .box25_cont01 ul.box25_cont01_esg>li ul li:last-of-type{font-size: 12px; margin-bottom: 0; padding-bottom: 0;}

    .add_info_box .cont_box.leve17 .leve17_box26{padding: 40px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box26 b.box26_tit{font-size: 24px;}
    .add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 li.box26_cont_tit{font-size: 22px; margin: 35px 0 0 0; padding: 13px 0 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 li.box26_cont_tit::before{width: 32px; height: 30px; margin-right: 10px; background-size: cover; background-position: -64px 0; top: 6px;}
    .add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul{padding: 25px 20px;}
    .add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li{font-size: 14px; margin: 10px 0; word-break: keep-all;}
    .add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li b{margin-right: 2px;}
    .add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li span{font-size: 12px; margin: 0 0 0 7px;}
    .add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li.box26_cont_sub span{margin: 20px 0 0 7px;}
    .add_info_box .cont_box.leve17 .leve17_box26 ul.box26_cont01 ul li span::before{width: 3px; height: 3px; top: -3px; left: -7px;}
    
    .add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>li.box27_cont_tit{font-size: 22px; margin: 0px; padding: 13px 0 20px 0; }
    .add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>li.box27_cont_tit::before{width: 32px; height: 30px; margin-right: 10px; background-size: cover; background-position: -100px 0; top: 6px;}
    .add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul{padding: 25px 20px 25px 26px;}
    .add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul li{font-size: 14px; margin: 10px 0;}
    .add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul li::before{width: 3px; height: 3px; top: -3px; left: -7px;}
    .add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul ul{margin: 30px 0 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul ul li:first-of-type{font-size: 12px; padding: 4px 13px; font-weight: 400; margin: 0 15px 0 0;}
    .add_info_box .cont_box.leve17 .leve17_box27 ul.box27_cont01>ul ul li:last-of-type{font-size: 12px;}

    .add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>li.box28_cont_tit{font-size: 22px; margin: 0px; padding: 13px 0 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>li.box28_cont_tit::before{width: 32px; height: 30px; margin-right: 10px; background-size: cover; background-position: -134px 0; top: 6px;}
    .add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>ul{padding: 25px 20px 25px 26px;}
    .add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>ul li{font-size: 14px; margin: 10px 0;}
    .add_info_box .cont_box.leve17 .leve17_box28 ul.box28_cont01>ul li::before{width: 3px; height: 3px; top: -3px; left: -7px;}

    .add_info_box .cont_box.leve17 .leve17_box29 ul.box29_cont01>li.box29_cont_tit{font-size: 22px; margin: 0px; padding: 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box29 ul ul{padding: 20px 0;}
    .add_info_box .cont_box.leve17 .leve17_box29 ul li{font-size: 12px;}
    .add_info_box .cont_box.leve17 .leve17_box29 ul li b{font-size: 18px; margin: 0 0 5px 0;}

    .add_info_box .cont_box.leve17 .leve17_box30{padding: 15px 0;}
    .add_info_box .cont_box.leve17 .leve17_box30 p{font-size: 12px;}


    /* 20231024 방염스토리보드 */
    .add_info_box .cont_box.level1 .tit_cont_area.prd06 img{margin: 0;}
    p.txt_par.prd06_icon20.pl60::before,
    p.txt_par.prd06_icon21.pl60::before,
    p.txt_par.prd06_icon22.pl60::before,
    p.txt_par.prd06_icon23.pl60::before,
    p.txt_par.prd06_icon24.pl60::before{top: 3px; left: 7px;}    
    .add_info_box .cont_box.level1 .bg_gray{background-color: #f2f0ed;}
    .cont_box.level1.prd06_level2 .level1_cont01{flex-wrap: wrap; margin: 0;}
    .cont_box.level1.prd06_level2 .level1_cont01 li{width: 50%; margin: 20px 0 0 0;}
    .cont_box.level1.prd06_level2 .level1_cont01 li b{margin: 5px 0;}
    .cont_box.level1.prd06_level2 .level1_cont01 li p{font-size: 14px;}

    /* 231110 추가 */
    #fwrite .btn_area .btn, .btn_area .btn.white{width: 100%;}
    .inquire_num .sub_num{padding-top: 15px;}
    .inquire_num .wrap_sec02 .col.col370, .inquire_num  .wrap_sec02 .col.col330{margin-bottom: 0;}
    #fwrite .inp_check_list{margin-left: 10px;}

    /* 20231212 스킨마루 */
    .add_info_box .cont_box.leve15 .img_600{width: 100%;}
    .add_info_box .cont_box.leve15 [class ^= "leve15_box"]{width: 100%;}
    .add_info_box .cont_box.leve15 .leve15_box03 .leve15_point{background-position: 0 -44px;}
    .add_info_box .cont_box.leve15 .leve15_box04 .leve15_point{background-position: 0 -87px;}
    .add_info_box .cont_box.leve15 .leve15_box05 .leve15_point{background-position: 0 -132px;}
    .add_info_box .cont_box.leve15 .leve15_box06 .leve15_point{background-position: 0 -178px;}
    .add_info_box .cont_box.leve15 .leve15_box07 .leve15_point{background-position: 0 -225px;}
    
    .add_info_box .cont_box.leve15 .leve15_box0101{padding: 60px 0 25px 0;}
    .add_info_box .cont_box.leve15 .leve15_box0101 img{max-width: 250px;}
    
    .add_info_box .cont_box.leve15 .leve15_box02{padding: 0;}
    .add_info_box .cont_box.leve15 .leve15_box02::before{background-size: contain;}
    .add_info_box .cont_box.leve15 .leve15_box02 .leve15_txt_box{padding: 70px 0 0 0;}
    .add_info_box .cont_box.leve15 .leve15_txt_box{padding: 0px 0 0 0;}
    .add_info_box .cont_box.leve15 .leve15_box02 .leve15_txt_box::before{height: 250px;}
    .add_info_box .cont_box.leve15 .leve15_box02 .leve15_txt_box::after{max-width: 300px; background-size: contain; top: 300px;}
    .add_info_box .cont_box.leve15 .leve15_txt_box h3{font-size: 22px;}
    .add_info_box .cont_box.leve15 .leve15_txt_box span{font-size: 14px; margin: 5px 0 0 0; line-height: 20px;}
    .add_info_box .cont_box.leve15 .leve15_point{width: 40px; height: 40px; margin: 30px auto 20px;}
    .add_info_box .cont_box.leve15 .leve15_txt_box p{font-size: 20px;}
    .add_info_box .cont_box.leve15 .leve15_box02 .leve15_img03 img{width: 150px; margin: 200px auto 0;}
    .add_info_box .cont_box.leve15 .leve15_box02 .leve15_img03 p{font-size: 14px;}
    .add_info_box .cont_box.leve15 .leve15_box02 .leve15_img04{width: 80%; }
    .add_info_box .cont_box.leve15 .leve15_box02 .leve15_img04 b{font-size: 14px;;}
    .add_info_box .cont_box.leve15 .leve15_box02 .leve15_img04 p{font-size: 10px;}

    .add_info_box .cont_box.leve15 .leve15_box06{height: 200px;}

    .add_info_box .cont_box.leve15 .leve15_box07 .leve15_box06_img{margin: 40px auto;}
    .add_info_box .cont_box.leve15 .leve15_box07 ul li p{font-size: 18px;}
    .add_info_box .cont_box.leve15 .leve15_box07 ul li p:last-of-type{font-size: 14px; height: 60px; line-height: 20px;}

    .add_info_box .cont_box.leve15 .leve15_box08 table th{font-size: 14px;}
    .add_info_box .cont_box.leve15 .leve15_box08 table td{font-size: 14px;}

    .add_info_box .cont_box.leve15 .leve15_box08.skinfloor .leve15_txt_box > img {margin: 30px 0 0; width: 100%;}
    .add_info_box .cont_box.leve15 .leve15_box08.skinfloor .leve15_txt_box table {width: 100%;}
    .add_info_box .cont_box.leve15 .leve15_box08.skinfloor .leve15_txt_box .wrap_img {width: 100%;}

    /* 20231227 탄소중립 추가 */
    .scope_list{flex-wrap: wrap; padding: 10px;}
    .scope_list li{width: 100%; text-align: center;}
    .scope_list li::after{margin: 7px 0; display: block; left: 50%; transform: translateX(-50%) rotate(90deg);}
    
    .ver_tbl,.hor_tbl{width: 840px;}


    /* 20240429 데코시트 추가 */
    .trend_box{flex-direction: column;}
    .trend_box .trend_box_last{width: 100%;}
    .trend_box_top{display: none;}
    .trend li b{margin: 0;}


    /* 20240520 PF보드 추가 */
    .cont_box.level2.prd01_level2 .wrap_img{gap: 30px 0; flex-wrap: wrap;}
    .cont_box.level2.prd01_level2 .wrap_img ul{gap: 20px 0;}
    .cont_box.level2.prd01_level2 .wrap_img ul li img{width: 70px; height: 70px; margin: 0;}

    .cont_box.level2.prd01_level2 .flex_box{flex-wrap: wrap;}
    .cont_box.level2.prd01_level2 .flex_box img{flex-wrap: wrap}
    .cont_box.level2.prd01_level2 .flex_box>div img{width: 100%;}

    .m_none{display: none;}

   /* 20240528 */
   .prd01_level3 .bg_brown{height: 100px;}
   .prd01_level3 .bg_brown p, .prd01_level3 .bg_brown b{font-size: 15px;}
   .prd01_level3 .prd01_level3_box01 .txt, .prd01_level3 .prd01_level3_box05 .txt, .prd01_level3 .prd01_level3_box06 .txt{font-size: 20px; padding: 30px 20px; line-height: 140%;}
   .prd01_level3 .prd01_level3_box01 .txt span, .prd01_level3 .prd01_level3_box05 .txt span, .prd01_level3 .prd01_level3_box06 .txt span{margin: 0 0 15px 0;}
   .prd01_level3 .prd01_level3_box01 .txt span::after, .prd01_level3 .prd01_level3_box05 .txt span::after, .prd01_level3 .prd01_level3_box06 .txt span::after{width: 16px; margin: 15px 0 0 0;}

   .prd01_level3 .prd01_level3_box02{margin: 60px auto;}
   .prd01_level3 .prd01_level3_box02 ul{gap: 40px 15px;}
   .prd01_level3 .prd01_level3_box02 ul li{width: calc(100% / 2 - 8px);}
   .prd01_level3 .prd01_level3_box02 ul li .txt b{font-size: 15px;}
   .prd01_level3 .prd01_level3_box02 ul li .txt p{font-size: 15px; padding: 0 0 0 8px; margin: 0 0 4px 0;}
   .prd01_level3 .prd01_level3_box02 ul li .txt p::before{height: 13px;}
   .prd01_level3 .prd01_level3_box02 p{font-size: 15px; margin: 30px 0 0 0;}

   .prd01_level3 .prd01_level3_box03 img{margin: 60px auto 0;}

   .prd01_level3 .prd01_level3_box04{margin: 60px auto 0; padding: 70px 20px;}
   .prd01_level3 .prd01_level3_box04 b{font-size: 15px; margin: 0 0 15px 0;}
   .prd01_level3 .prd01_level3_box04 img.prd02_level3_storyWallSbStone_15{width: 100%;}
   .prd01_level3 .prd01_level3_box04 .prd01_level3_box0401{margin: 30px auto 0; padding: 30px 0 0 0;}
   .prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul li{font-size: 14px;}
   .prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul li span{width: 40px;}
    .prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul:first-of-type{margin: 0;}
    .prd01_level3 .prd01_level3_box04 .prd01_level3_box0401 ul:first-of-type::after{display: none;}

   .prd01_level3_box05 .prd01_level3_box05_txt{font-size: 15px; padding: 10px 20px;}

   .prd01_level3 .prd01_level3_box07{margin: 70px 0 0 0; padding: 0 20px;}
   .prd01_level3 .prd01_level3_box07 span, .prd01_level3 .prd01_level3_box08 span, .prd01_leve1l3 .prd01_level3_box09 span{font-size: 20px; margin: 0 0 40px 0;}
   .prd01_level3 .prd01_level3_box07 span::before, .prd01_level3 .prd01_level3_box08 span::before, .prd01_level3 .prd01_level3_box09 span::before{width: 90px; bottom: -20px;}
   .prd01_level3 .prd01_level3_box07 span::after, .prd01_level3 .prd01_level3_box08 span::after, .prd01_level3 .prd01_level3_box09 span::after{bottom: -20px;}
   .prd01_level3 .prd01_level3_box07 b, .prd01_level3 .prd01_level3_box08 b{font-size: 18px;}
   .prd01_level3 .prd01_level3_box07 img{margin: 0 auto 35px;}

   .prd01_level3 .prd01_level3_box08{margin: 60px 0 0 0; padding: 0 20px;}
   .prd01_level3_box09{padding: 0 20px;}
   .prd01_level3 .prd01_level3_box07 span, .prd01_level3 .prd01_level3_box08 span, .prd01_level3 .prd01_level3_box09 span{font-size: 20px; margin: 0 0 40px 0;}
   .prd01_level3 .prd01_level3_box09 span::before{width: 80px;}
   .prd01_level3 .prd01_level3_box09 ul{gap: 50px 15px;}
   .prd01_level3 .prd01_level3_box09 ul li{width: calc(100% / 2 - 8px);}
   .prd01_level3 .prd01_level3_box09 ul li b{font-size: 15px;}
   .prd01_level3 .prd01_level3_box09 ul li p{font-size: 15px;}

    /* 20240529 통합브랜드 추가  */
    #container.cont_box{padding: 51px 15px 0 15px;}

    /* 20240530 열차단 블라인드 추가 */
    .cont_box.level6 .level6_cont01{flex-wrap: wrap; justify-content: center; gap: 0 15px;}
    .cont_box.level6 .level6_cont01 li{display: block;}
    .cont_box.level6 .level6_cont01 li img{width: 80px; display: block;}
    .cont_box.level6 .level6_cont01 li b{justify-content: center;}


    /* 20250519 알루미늄 내장재 추가 */
    .add_info_box .cont_box.prd01_level2.alu .tit_cont_area {height: auto;}
    .add_info_box .cont_box.prd01_level2.alu .wrap_img ul {gap: 20px;}
    .add_info_box .cont_box.prd01_level2.alu .wrap_img ul li {width: 100%;}


}

@media screen and (max-width:320px){
	.intro_prd_level1 .layout{padding:50px 5px}
	.prd_info_area .btn_area .btn{width:88px;height:45px;line-height:45px}
    .add_info_box .character_list li{width:47%}
    .add_info_box .character_list.small li{font-size: 14px}
 
    .family_site{display:none;margin-left:0}
    .family_site .btn_select{display:block;width:100%;padding:0}
}

/* 20250707 제품 목록에서 나오는 특징 삭제 */
.layout .add_info_area {display: none;}

/* 20250708 check_btn_wrap 버튼 스타일 추가 */
.prd_info_area .check_btn_wrap {display:flex;gap:10px;align-items:center;flex-wrap:nowrap; overflow-x: auto; overflow-y: hidden;}
.prd_info_area .check_btn_wrap div {display:none;align-items:center;justify-content: center; padding:8px 16px;border:1px solid #2d5b79;border-radius:25px;background-color:#fff;color:#2d5b79;font-size:14px;cursor:pointer;position:relative;margin:0 !important;pointer-events: none;box-sizing: border-box;text-align: center;}
.prd_info_area .check_btn_wrap div::before {content:'✓';margin-right:5px;color:#2d5b79;display: none;}
.prd_info_area .check_btn_wrap div.active::before {display: block;}
.prd_info_area .check_btn_wrap div.active {display:inline-flex;background-color:#2d5b79;color:#fff}
.prd_info_area .check_btn_wrap div.active::before {color:#fff}
.prd_info_area .check_btn_wrap div:nth-child(1),.prd_info_area .check_btn_wrap div:nth-child(2) {min-width:72px}
.prd_info_area .check_btn_wrap div:nth-child(3) {min-width:120px}

@media screen and (max-width:640px){
    .prd_info_area .check_btn_wrap {gap: 5px;}
    .prd_info_area .check_btn_wrap div {padding: 5px 14px; font-size: 12px;}
    .prd_info_area .check_btn_wrap div:nth-child(1),.prd_info_area .check_btn_wrap div:nth-child(2) {min-width:64px;}
    .prd_info_area .check_btn_wrap div:nth-child(3) {min-width:110px}
}

/* 2025.07.21 추가정보 영역 슬라이더 관련 스타일 */
#addInfoList li { margin-bottom: 0; width: 280px !important; cursor: pointer; }
#addInfoList li img { width: 100%; aspect-ratio: 2.5 / 3.5; object-fit: cover; }
#addInfoList .wrap_thumb_img img { width: 280px; height: auto; aspect-ratio: 2.5 / 3.5; cursor: pointer; }
.wrap_board_list:has(#addInfoList) .btn_move .btn_prev { background-position: -356px -60px; }
.wrap_board_list:has(#addInfoList) .btn_move .btn_next { margin-left: 2px; background-position: -436px -60px; }
.add_info_box:has(#addInfoList) .wrap_cont_box { overflow: visible; }

/* 추가정보 영역 슬라이더 버튼 스타일 */
.wrap_board_list:has(#addInfoList) { position: relative; }
.wrap_board_list:has(#addInfoList) .btn_move { position: absolute; top: -60px; right: 0; }
.wrap_board_list:has(#addInfoList) .btn_move button { border: 1px solid #e5e5e5; width: 40px; height: 40px; background-color: #fff; }

/* 추가정보 팝업 슬라이더 CSS */
.popup_slider { position: relative; width: 90vw; max-width: 800px; height: 80vh; max-height: 700px; background: transparent; border-radius: 8px; overflow: hidden; box-shadow: none; margin: 0 auto !important; }
.addinfo-popup-swiper { width: 100%; height: 100%; }
.addinfo-popup-swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 20px; box-sizing: border-box; }
.addinfo-popup-swiper .popup_item_title { font-size: 24px; font-weight: bold; margin-bottom: 30px; color: #2d5b79; }
.addinfo-popup-swiper .swiper-slide img { width: 100%; max-width: 400px; aspect-ratio: 2.5 / 3.5; object-fit: cover; border-radius: 4px; }
.addinfo-popup-swiper .swiper-button-next, .addinfo-popup-swiper .swiper-button-prev { color: white; background: transparent; width: 100px; height: 100px; border-radius: 50%; margin-top: -50px; box-shadow: none; transition: all 0.3s ease; }
.addinfo-popup-swiper .swiper-button-next:hover, .addinfo-popup-swiper .swiper-button-prev:hover { background: transparent; color: rgba(255, 255, 255, 0.7); }
.addinfo-popup-swiper .swiper-button-next:after, .addinfo-popup-swiper .swiper-button-prev:after { font-size: 40px; font-weight: bold; }
.wrap_popup_prd .addinfo-popup .ico_close { position: absolute; top: 20px; right: 20px; width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.3s; border: none; z-index: 10001; }
.wrap_popup_prd .addinfo-popup .ico_close:hover { background-color: rgba(0, 0, 0, 0.9); }
.wrap_popup_prd .addinfo-popup .ico_close:before { content: "×"; font-size: 18px; font-weight: bold; line-height: 1; }
.wrap_popup_prd { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 20px; box-sizing: border-box; }
.popup_prd.popup_slider .ico_close { position: absolute; top: 0px; right: 155px; width: 35px; height: 35px; z-index: 10; background: transparent; border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.3s; }
.popup_prd.popup_slider .ico_close:before { content: "×"; font-size: 60px; line-height: 1; }
/* 2025.07.21 end */

/* Brand page styles moved to brandpage.css */

/* 2025.11.10 OUR PRODUCT 추가 */
.wrap_our_product {padding: 150px 0 150px 0; width: 100%;}
.wrap_our_product .h2_tit {font-size: 30px; font-weight: 600; text-align: center;}
.wrap_our_product .stit {margin: 3px 0 38px; text-align: center;}
.wrap_our_product a {display: inline-block; position: relative; padding-top: 340px; margin-right: 16px; width: 380px; height: 456px; vertical-align: top; text-decoration: none; box-sizing: border-box; overflow: hidden;}
.wrap_our_product a:last-child {margin-right: 0;} 
.wrap_our_product a img {position: absolute; left: 0; top: 0; width: 100%; aspect-ratio: 380 / 456;}
.wrap_our_product a .hover {position: absolute; top: 0; width: 100%; height: 100%; opacity: 0; transition: all .5s;}
.wrap_our_product a .hover .title {position: absolute; top: 300px; padding: 0 30px; font-size: 30px; font-weight: 500; color: #fff;  text-shadow: 0 0 5px rgba(0,0,0,.5); line-height: 1.2;}
.wrap_our_product a .hover .title span {display: block; font-size: 0;}
.wrap_our_product a:nth-of-type(1) .hover .title span {width: 75px; height: 20px; background: url(/img/main/bi_product01.png) no-repeat;}
.wrap_our_product a:nth-of-type(2) .hover .title span {width: 205px; height: 20px; background: url(/img/main/bi_product02.png) no-repeat;}
.wrap_our_product a:nth-of-type(3) .hover .title span {width: 119px; height: 20px; background: url(/img/main/bi_product03.png) no-repeat;}
.wrap_our_product a .hover .exp {position: absolute; top: 360px; padding: 0 30px; font-size: 16px; color: #fff; z-index: 1; text-shadow: 0 0 5px rgba(0,0,0,.5);}
.wrap_our_product a:hover .hover {background-color: rgba(0, 0, 0, 0.7); opacity: 1;}

/* OUR PRODUCT 필터 */
.wrap_our_product .product_filter {margin-bottom: 40px; text-align: left;}
.wrap_our_product .lineup_select {position: relative; display: inline-block; width: 200px;}
.wrap_our_product .lineup_select .select_btn {width: 100%; padding: 12px 40px 12px 20px; border: none; border-bottom: 1px solid #ddd; background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23000" d="M6 8L0 0h12z"/></svg>') no-repeat right 15px center; background-size: 12px; font-size: 16px; font-weight: 500; text-align: left; cursor: pointer;}
.wrap_our_product .lineup_select.active .select_btn {border-bottom-color: #ddd; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23000" d="M6 0L12 8H0z"/></svg>');}
.wrap_our_product .lineup_select .select_list {display: none; position: absolute; top: 100%; left: 0; width: 100%; margin-top: 5px; border: 1px solid #ddd; background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.1); z-index: 100;}
.wrap_our_product .lineup_select.active .select_list {display: block;}
.wrap_our_product .lineup_select .select_list li {border-bottom: 1px solid #eee;}
.wrap_our_product .lineup_select .select_list li:last-child {border-bottom: none;}
.wrap_our_product .lineup_select .select_list button {width: 100%; padding: 12px 20px; background: none; border: none; font-size: 15px; text-align: left; cursor: pointer; transition: background-color 0.2s;}
.wrap_our_product .lineup_select .select_list button:hover {background-color: #f8f8f8;}
.wrap_our_product .product_area {display: block;}

/* OUR PRODUCT 모바일 */
@media screen and (max-width:640px){
	.wrap_our_product {padding: 50px 0;}
	.wrap_our_product .h2_tit {font-size: 24px;}
	.wrap_our_product .stit {margin: 10px 0 30px; font-size: 14px;}
	.wrap_our_product .product_filter {margin-bottom: 30px;}
	.wrap_our_product .lineup_select {width: 100%;}
	.wrap_our_product .lineup_select .select_btn {padding: 10px 35px 10px 15px; font-size: 14px; background-size: 10px;}
	.wrap_our_product .lineup_select .select_list {margin-top: 3px;}
	.wrap_our_product .lineup_select .select_list button {padding: 10px 15px; font-size: 14px;}
	.wrap_our_product a {display: block; width: 100%; margin-right: 0; margin-bottom: 15px; padding-top: 280px; height: fit-content; aspect-ratio: 380 / 456;}
	.wrap_our_product a:last-child {margin-bottom: 0;}
	.wrap_our_product a .hover {opacity: 1;}
	.wrap_our_product a .hover:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
	.wrap_our_product a img { height: unset; aspect-ratio: 380 / 456; }
    .wrap_our_product a .hover .title {position: absolute; top: 79%; padding: 0 15px; font-size: 28px; font-weight: 500; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,.5); line-height: 1.2;}
	.wrap_our_product a .hover .exp {position: absolute; top: 85%; padding: 0 15px; font-size: 18px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,.7); line-height: 1.5;}
	.wrap_our_product a:hover .hover {background-color: transparent;}
}

@media screen and (max-width:500px){
    .wrap_our_product a .hover .title {top: 77%; }
	.wrap_our_product a .hover .exp {top: 83%; }
}

@media screen and (max-width:450px){
    .wrap_our_product a .hover .title {top: 71%; }
	.wrap_our_product a .hover .exp {top: 79%; }
}

@media screen and (max-width:400px) {
    .wrap_our_product a .hover .title {top: 68%; }
	.wrap_our_product a .hover .exp {top: 76%; }
}

@media screen and (max-width:300px) {
    .wrap_our_product a .hover .title { font-size: 22px; top: 66%; }
	.wrap_our_product a .hover .exp { font-size: 14px; }
}

/* GNB 리뉴얼 - 모든 메뉴 항상 표시 */
#header .pc_menu_wrap .two_depth_wrap .two_depth_left { display: none !important;}
#header .pc_menu_wrap .two_depth_wrap {height: auto;}
/* #header .pc_menu_wrap .two_depth_wrap > div {flex-direction: row; justify-content: center; width: 100%; overflow: hidden;} */
#header .pc_menu_wrap .two_depth_wrap > div {flex-direction: row; justify-content: flex-start; width: 100%; overflow: hidden;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_left {width: 0; padding: 0; background-color: transparent; flex-direction: column; border-right: unset; display: flex; justify-content: flex-end; align-items: flex-end; gap: 9px; overflow: visible;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_left::before {display: none;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_left p {font-size: 16px; color: #000; font-weight: 600; margin: 0; text-align: left; width: auto; cursor: default; display: none !important;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_left p::after {content: ' >'; margin-left: 5px;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_left span {display: none;}
.special_offer_btn { position: absolute; bottom: 50px; left: 0; padding: 3px 30px 4px; border-radius: 16px; color: #000; background-color: #fff; z-index: 1; white-space: nowrap; font-weight: 400; border: 1px solid #000;}
#header .pc_menu_wrap .one_depth > li.special_offer_on .special_offer_btn {background-color: #000; color: #fff; }
/* #header .pc_menu_wrap .two_depth_wrap .two_depth_cont {width: 1180px; padding: 30px 0 15px 0; display: flex; flex-flow: row wrap; align-content: flex-start; gap: 30px; height: 450px; border-right: none; transform: translateX(265px);} */
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont {width: 1180px; padding: 30px 0 15px 0; display: flex; flex-flow: row wrap; align-content: flex-start; gap: 30px; height: 450px; border-right: none; transform: translateX(250px);}
/* #header .pc_menu_wrap .two_depth_wrap .two_depth_left:has(.special_offer_btn) ~ .two_depth_cont {padding-top: 72px;} */
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li {padding: 0; display: flex; flex-direction: column; margin-bottom: 0; flex: 0 0 calc((100% - 250px) / 2); max-width: calc((100% - 250px) / 2);}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul:not(:has(li)) {display: none;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth {padding: 0; font-size: 16px; font-weight: 700; color: #000; background-color: transparent; text-align: left; display: block; text-decoration: none;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth .two_depth_name {display: inline-flex; font-size: 16px; font-weight: 500; color: #000; text-align: left; padding: 7px; transform: translateX(-7px); letter-spacing: -0.3px; transition: background-color 0.2s, color 0.2s; align-items: center;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth .two_depth_name.hover_menu:hover {background-color: #333; color: #fff;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth .two_depth_name.hover_menu:hover::after {background-color: #fff;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth .two_depth_name::after {content: ''; width: 16px; height: 16px; margin-left: 5px; display: inline-block; transform: translateY(-1%);  background-color: #000; -webkit-mask: url('/img/main/category_arrow.svg') no-repeat center / contain; mask: url('/img/main/category_arrow.svg') no-repeat center / contain;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li.active .btn_two_depth {background-color: transparent;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li.active .icon_btn_two_depth::after {display: none;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth {position: static; width: 100%; height: auto; display: block; background-color: transparent; padding: 0;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul {max-width: 300px; min-width: 200px; height: auto; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 10px;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul li {width: 100%; padding: 0;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul li a {padding: 6px 0; font-size: 15px; color: #222; font-weight: 400; display: block; white-space: nowrap;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul li:hover a {color: #000;}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul.three_depth_special { border: unset;}
#header .pc_menu_wrap .two_depth_wrap .btn_close {background-color: #000;}

@media screen and (max-width:1560px){
    #header .pc_menu_wrap .two_depth_wrap .two_depth_left {width: 0;}
    /* #header .pc_menu_wrap .two_depth_wrap .two_depth_cont {width: 100%; transform: translateX(201px);} */
}

/* 2026.01.14 wrap_board notice 숨김 */
.wrap_key_link .m_board_area .wrap_board.notice {display: none !important;}

@media screen and (max-width:640px){
    #footer .wrap_sns {justify-content: center;}
}

/* 2026.02.19 모바일 GNB 노출 기준 1200px 이하로 수정 */
.util_area li a {color: #000;}

@media screen and (max-width:1200px){
    #container { overflow-x:hidden; padding-top: 50px !important;}
    #header {height: 50px; padding: 0 55px 0 0; justify-content: flex-end; max-height: 50px !important;}
    #header .pc_none { display: flex; white-space: nowrap; }
    #header .mobile_none { display:none !important; }
    #header h1.h1_logo .sp_com, .btn_gnb, .main_visual_list li a span.sp_com, .main_prd_list li a .sp_com { background-size:400px 400px; }
    #header { overflow:visible; }
    #header h1.h1_logo { left:20px; width:70px; height:28px; zoom: 1; }
    #header h1.h1_logo .sp_com { width:70px; height:28px; background-position:0 0; }
    .btn_gnb { display:none; position:absolute; top:10px; right:15px; width:30px; height:30px; }
    .btn_gnb.open { background-position:-220px -90px; }
    .btn_gnb.close { background-position:-250px -90px; }
    .wrap_btn_gnb.open .btn_gnb.open { display:block; }
    .wrap_btn_gnb.close .btn_gnb.close { display:block; }
    #header .gnb_mobile { display:none; position:absolute; top:50px; left:0; width:100%; border-top:1px solid #e5e5e5; background-color:rgba(0, 0, 0, 0.8); z-index:999; }
    .util_area.pc_none {position:relative; right: 0;}
    .util_area.pc_none li a { height:40px; line-height:40px; font-size:14px; color:#000;-webkit-text-size-adjust:100%; }
    .util_area.pc_none li:before { top:18px; }
    .gnb_mobile a { font-size:14px; text-decoration:none; }
    .gnb_dp1_list { background-color:#2d5b79; text-align:left; border-bottom:1px solid #2d5b79; }
    .gnb_dp1_list>li { position:relative; border-top:1px solid #416b86; }
    a.gnb_dp1 { display:block; font-weight:500; font-size:15px; padding-left:20px; height:45px; line-height:45px; color:#fff; }
    a.gnb_dp1:after { content:''; position:absolute; top:13px; right:20px; width:15px; height:20px; display:inline-block; overflow:hidden; background:url(/img/sp_com.png) no-repeat 0 0; background-position:-340px -43px; line-height:999px; vertical-align:top; background-size:400px 400px; }
    .gnb_dp2_list { background-color:#fff; }
    .gnb_dp2_list>li { position:relative; border-top:1px solid #e5e5e5; display:none; }
    a.gnb_dp2 { display:block; font-weight:500; padding-left:45px; height:45px; line-height:45px; }
    a.gnb_dp2:after,a.gnb_dp2.child_Y:after { content:''; position:absolute; top:0; right:20px; width:15px; height:45px; display:inline-block; overflow:hidden; background:url(/img/sp_com.png) no-repeat 0 0; background-position:-370px -30px; line-height:999px; vertical-align:top; background-size:400px 400px; }
    a.gnb_dp2.child_N:after { display:none; }
    .gnb_dp3_list { padding:0 25px; }
    .gnb_dp3_list>li { border-top:1px solid #e5e5e5; display:none; }
    .gnb_dp1_list>li:first-child,.gnb_dp2_list>li:first-child,.gnb_dp3_list>li:first-child { border-top:0; }
    a.gnb_dp3 { display:block; padding-left:30px; height:40px; line-height:40px; }
    .gnb_dp2_list>li.open>a { border-bottom:1px solid #e5e5e5; }
    .gnb_dp1_list>li.open a.gnb_dp1:after { right:auto; left:20px; background-position:-355px -43px; }
    .gnb_dp1_list>li.open a.gnb_dp1.none_open:after { display:none; }
    .gnb_dp1_list>li.open a.gnb_dp1 { padding-left:45px; }
    .gnb_dp2_list>li.open a.gnb_dp2:after { background-position:-385px -30px; }
    #container { padding-top:50px !important; }
}

@media screen and (max-width:640px){
    .util_area li:first-child {padding-left: 0;}
    .util_area.pc_none li a {font-size: 12px;}
}

/* 2026.04.09 브랜드 페이지 바로가기 버튼 */
#header .brand-bi-btns {display: flex; align-items: center; gap: 0 6px; margin-left: 70px; background-color: #f3f5f7; border-radius: 50px; padding: 6px 10px; position: relative;}
#header .brand-bi-btns::before {content: ''; display: block; width: 1px; height: 18px; background-color: #666; position: absolute; left: -35px; top: 50%; transform: translateY(-50%);}
#header .brand-bi-btns .brand-bi-btn {display: flex; align-items: center; padding: 4px 12px; border-radius: 50px; text-decoration: none;}
#header .brand-bi-btns .brand-bi-btn img {display: block; filter: brightness(0.15);}
#header .brand-bi-btns .brand-bi-btn.sb-collection img { aspect-ratio: 808 / 87; height: 15px; }
#header .brand-bi-btns .brand-bi-btn.storyboard img { aspect-ratio: 801 / 88; height: 12px; }

@media screen and (min-width:1561px) and (max-width:1700px){
    #header .brand-bi-btns { zoom: 0.85; }
    #header .pc_menu_wrap .one_depth { gap: 33px; }
    #header .pc_menu_wrap .one_depth li .btn_one_depth { font-size: 17px; }
}

@media screen and (max-width:1560px){
    h1.h1_logo { zoom: 0.7; }
    #header { padding: 0 50px 0 180px; }
    #header .pc_menu_wrap .one_depth { gap: 0 23px; }
    #header .pc_menu_wrap .two_depth_wrap .two_depth_cont { transform: translateX(220px); }
    #header .pc_menu_wrap .one_depth li .btn_one_depth { font-size: 16px; }
    #header .brand-bi-btns { margin-left: 40px; zoom: 0.7; }
    #header .brand-bi-btns::before { left: -20px; }
    #header .pc_menu_wrap .two_depth_wrap .two_depth_cont { transform: translateX(180px); }
}

@media screen and (min-width:1201px) and (max-width:1330px){
    #header {padding: 0 50px 0 160px;}
    h1.h1_logo {left: 40px;}
    #header .pc_menu_wrap .one_depth { gap: 20px; }
    #header .pc_menu_wrap .two_depth_wrap .two_depth_cont { transform: translateX(160px); }
}

/* ================================================
   GNB 헤더 리뉴얼 (2604-00571, 2026.04)
   ================================================ */

/* 패널 컨테이너 — 폭 가변, 위치는 JS(alignTwoDepthPanel) 가 인라인 margin 부여 */
#header .pc_menu_wrap .two_depth_wrap > div {
    width: max-content;
    max-width: calc(100vw - 60px);
    min-width: fit-content;
    margin: 0;
}

/* 2depth 컨테이너 — JS(applyLayoutByDepth2Count) 가 클래스 부여
   layout-horizontal: 5+ 가로형 / layout-vertical: 4- 세로형 / layout-2col: 2열 세로 정렬
   wrap-5: grid 5칸 강제 / wrap-natural: 1100px 안 자연 wrap */
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont {
    width: auto;
    height: auto;
    min-height: fit-content;
    transform: none;
    padding: 20px 20px 30px;
    display: flex;
    align-content: flex-start;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont.layout-horizontal {
    flex-flow: row nowrap;
    gap: 0 10px;
    align-items: flex-start;
    overflow-x: visible;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont.layout-horizontal.wrap-5 {
    display: grid;
    grid-template-columns: repeat(5, auto);
    gap: 30px 10px;
    width: auto;
    overflow-x: visible;
}
/* wrap-natural: 좌측 정렬 + JS(adjustWrapNaturalLastRow) 가 첫 row li 수 기준 padding 좌우 동적 부여 → li block 이 컨테이너 안 중앙 */
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont.layout-horizontal.wrap-natural {
    box-sizing: border-box;
    width: 1100px;
    max-width: calc(100vw - 60px);
    flex-flow: row wrap;
    gap: 30px;
    justify-content: flex-start;
    overflow-x: visible;
    padding-bottom: 60px;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont.layout-vertical {
    flex-flow: column nowrap;
    gap: 24px 0;
}
/* layout-2col: 2열 세로 정렬 (col-first). row 수는 JS 가 ceil(count/2) 로 인라인 부여 */
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont.layout-2col {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 150px;
    gap: 24px 30px;
}

/* 2depth li — 컬럼 폭 150px */
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li {
    flex: 0 0 auto;
    width: 150px;
    max-width: 150px;
    height: auto;
}

/* 카테고리명 — 화살표 제거 + 하단 언더바(::after, 70% 폭). depth3 미보유는 .no-three-depth 로 숨김 */
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth {
    padding: 0 0 12px;
    margin-bottom: 16px;
    text-align: center;
    position: relative;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 70%;
    height: 1px;
    background-color: #b5b5b5;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth.no-three-depth {
    padding-bottom: 0;
    margin-bottom: 0;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth.no-three-depth::after {
    display: none;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth .two_depth_name {
    padding: 0;
    transform: none;
    text-align: center;
    justify-content: center;
    width: 100%;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .btn_two_depth .two_depth_name::after {
    display: none;
}

/* 건설사 특판 버튼 — 우측 하단 / 활성 시 visible li 균등 분배 */
.special_offer_btn {
    left: auto;
    right: 30px;
    bottom: 15px;
}
#header .pc_menu_wrap .one_depth > li.special_offer_on .two_depth_cont {
    justify-content: space-evenly;
}

/* 3depth — 단일 컬럼 세로 적층 + 가운데 정렬 */
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: auto;
    height: auto;
    min-width: 0;
    max-width: none;
    grid-template-columns: none;
    gap: 0 14px;
    padding: 0;
    align-items: center;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul li {
    text-align: center;
    width: 100%;
}
#header .pc_menu_wrap .two_depth_wrap .two_depth_cont li .three_depth ul li a {
    text-align: center;
}

/* #header border-bottom 을 가상요소로 대체
   border 속성은 자식 z-index 와 별개 paint order 라 .btn_one_depth::after (활성 막대) 가 가려짐.
   ::after 로 대체해서 #header stacking context 안 z-index 비교 가능. */
#header {
    border-bottom: none;
}
#header::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 1001;
}
#header .pc_menu_wrap .one_depth > li.active .btn_one_depth::after {
    z-index: 1002;
}
@media screen and (max-width: 1200px){
    #header::after {
        bottom: -1px;
    }
}

#container.env04-sustainability-report-page .report .bg_gray .dp_tbl_cell.env04-report-cell {display: flex; top: 95px;}
#container.env04-sustainability-report-page .report .bg_gray .dp_tbl_cell .wrap_img.env04-report-img {height: unset;}
#container.env04-sustainability-report-page .report .bg_gray .dp_tbl_cell .wrap_img img.env04-report-cover {width: 300px; height: 400px;}
#container.env03-social-contribution-page .wrap_img img.env03-bigwalk-report-img {width: 630px; max-width: 100%; aspect-ratio: 317 / 448; height: auto;}