.sub_visual{background:url(/images/pc/sub4/visual.png) no-repeat 50%;}

.sub_contents{position:relative;overflow:hidden}
.sub_contents>span{position:absolute; display:block;}
.sub_contents>span.bg_img{left: -131px;top: -132px;width:625px;height:626px;background:url(/images/pc/sub4/con1_bg1.png) no-repeat 50%;}
.sub_contents>span.bg_img2{right: -109px;top: -52px;width:653px;height:416px;background:url(/images/pc/sub4/con1_bg2.png) no-repeat 50%;}


.comp .sub_contents{padding-bottom:0;}

.section{}
.section h5{text-align:center;font-weight:500;font-size:60px;color:#231815;line-height:1.5em;margin-bottom: 50px;}
.section h5 strong{color:#b48e64}
 
 .video{
    overflow: hidden;
}
 
.knowhow{padding-top: 185px;overflow:hidden;background: url(/images/pc/sub4/con1_icon.png) no-repeat 50% 100px;}
.knowhow .video{position:relative;width:930px;height: 523px;margin:0 auto;background-color:#000;}
.knowhow .video iframe{position:absolute;top: -21%;left: -0%;width: 100%;height: 142%;}
.knowhow h5{margin:60px 0;}

.knowhow .kh_list{position:relative;margin:0 auto;width:958px;height:590px;padding-top: 50px;background:url(/images/pc/sub4/con1_1.png) no-repeat 50% 0;z-index: 1;}
.kh_list ul{position:relative;width:858px; margin:0 auto; height:540px;}
.kh_list li{
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    text-align:center;
    color:#fff;
    font-size:40px;
    font-weight:500;
    padding-top: 50px;
    line-height: 1.1em;
    font-family:'Pretendard',sans-serif;
    opacity:0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    }
.kh1,.kh3{background-color:#453d3b}
.kh2,.kh4{background-color:#b48e64}

  .kh1{ animation-duration: 0.4s;   animation-delay: 1.7s;   }
 .kh2{animation-duration: 0.4s;  animation-delay: 2.5s;  }
 .kh3{animation-duration: 0.4s;  animation-delay: 3.4s;  }
 .kh4{animation-duration: 0.4s; animation-delay: 4.2s;  }

.start li{    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;}

.kh1{left:-95px; bottom:150px;}
.kh2{left: 90px;top: -35px;}
.kh3{right: 90px;top: -35px;}
.kh4{right:-95px; bottom:150px;}


.knowhow .kh_list .circle{position:absolute;top: 50px;left: 47px;z-index: -1;transform: rotate(0deg);}



.item{ }
.item h5{padding: 100px 0 129px;text-align:center;background:url(/images/pc/sub4/item_bg.png) no-repeat 50%;}
.item h5 span{position:relative; display:inline-block; padding:15px 70px;color:#fff; font-size:55px; line-height:1.3em;  font-weight:300}
.item h5 span strong{font-weight:bold;}
.item h5 span::before,.item span::after{position:absolute; display:block; width:35px; height:31px; content:''; }
.item h5 span::before{top:0; left:0;  background:url(/images/pc/mark1.png) no-repeat}
.item h5 span::after{bottom:0; right:0;  background:url(/images/pc/mark2.png) no-repeat}
.item .inbox{padding:60px 0 0; margin-top:-40px;}

.item_list2{padding-bottom:160px;background: url(/images/pc/sub4/item_bg2.png) no-repeat 50% 10px;margin-top: 70px;}


.item_list li{font-size:0;background-color:#fff;margin-bottom:50px;width: 1200px;} 
.item_list li img,.item_list li div{display:inline-block; vertical-align:middle;} 
.item_list li div{padding:0 50px; width:50%;}
.item_list li h6{font-size:45px; color:#b48e64; }
.item_list li p{color:#231815;font-size:22px;font-family:'Pretendard',sans-serif;line-height:1.4em;word-break: keep-all;}
.item_list li p span{display:block;line-height:1.6em;font-family:'MaruBuri',sans-serif;font-size:30px;color:#453d3b;margin: 30px 0 20px;}
.item_list li p span strong{display:block; color:#453d3b; font-weight:bold;}

.noodle_box{padding:100px 0}

.keyword {padding:130px 0 0;}
.keyword .keyword_graph{position:relative;width:100%;margin-top: 80px;text-align:center;}
.keyword_graph>div{position:relative;z-index:1;display:inline-block;margin: 0 60px;}
.keyword_graph>div span{display:block;color: #231815;font-size:30px;margin-bottom:30px;font-family: 'MaruBuri',sans-serif;}
.keyword_graph>div p{font-size:30px;font-family:'Pretendard',sans-serif;text-align:center;color: #231815;margin: 20px 0;}
.keyword_graph>div p strong{font-weight:bold;font-size:75px;min-width: 255px;min-height:85px;display: inline-block;}

.case1{}
.case2{}

.keyword_graph>span{position:absolute; top:0; left:0; width:0%; height:100%; background:url(/images/pc/sub4/con1_graph.png) no-repeat 0 100%;  }


.loop_slide{overflow: hidden;display: flex;}
.loop_slide span{height:265px;width:2800px; -webkit-animation: loop 40s infinite linear 1s both;animation: loop 40s infinite linear 1s both;display: inline-block;}



.store{padding:145px 0 120px; background:url(/images/pc/sub4/con1_bg4.png) no-repeat 50%;}
.store h5{color:#fff; font-weight:bold; margin-bottom:19px}
.store .inbox>p{color:#fff; font-size:45px; text-align:center;}
.store .inbox>p strong{font-weight:bold; color:#c49a6c; }

.store .inbox>p span{position:relative;color:#453d3b;display:inline-block;z-index:1;font-weight: 300; -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}

.store .inbox>p span::after{position: absolute;left: -2%;top: -10%;width: 106%;height: 120%;background-color:#453d3b;content: '';z-index: -1;transform-origin: 0 50%; transform:scaleX(0);}
.store .inbox>p span.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:0.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both}



.store .why{margin-top:120px; padding-left:670px }
.store .why p{color:#fff; font-weight:300; line-height:1.5em;}
.store .why strong{position:relative; display:inline-block;z-index:1;font-weight: bold; -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards; color:#262323; font-size:32px; font-family:'MaruBuri',sans-serif; line-height:1.5em}
 

.store .why strong::after{position: absolute;left: 0;top: 88%;width: 101%;height: 1px;background-color:#453d3b;content: '';z-index: -1;transform-origin: 0 50%;transform:scaleX(0);}


.store .why strong.anim1.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 1.3s;animation-delay:1s; -webkit-animation-fill-mode:both;animation-fill-mode:both}
.store .why strong.anim2.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:2.3s; -webkit-animation-fill-mode:both;animation-fill-mode:both}


.step_list{padding:140px 0;}
.step_list h5{font-size:40px; text-align:center; line-height:1.3em; margin-bottom:65px}
.step_list ul{margin:0 -19px;}
.step_list li{float:left; width:270px; border:1px solid #b6a797; margin:0 19px 38px;}
 
 
.cost_table{padding:140px 0; border-bottom:1px solid #453d3b}

.cost_table h5{font-size:40px; text-align:center; line-height:1.3em; margin-bottom:65px}
.cost_table p{text-align:right; color:#231815; font-weight:300; font-size:20px; font-family:'Pretendard',sans-serif; margin-bottom:20px;}
.cost_table table{width:100%;}
.cost_table th,.cost_table td{font-size:20px;  height:80px; font-family:'Pretendard',sans-serif}
.cost_table th{color:#fff;  font-weight:500; text-align:center; background-color:#453d3b}
.cost_table td{color:#231815;  text-align:center; font-family:'Pretendard',sans-serif; border-bottom:1px solid #b6a797; line-height:1.3em}

.cost_table .total td{color:#fff; background-color:#9d764a}
.cost_table .total_cost{font-size:25px}


.inquiry{padding:150px 0}
.inquiry .inbox>p{font-family:'MaruBuri',sans-serif; font-weight:500; margin-bottom:15px}
.inquiry h5{font-size:50px;}

.form_box{width:1000px; margin:60px auto 0}
.form_box *{font-family:'Pretendard',sans-serif;}
.form_box i{font-family: "Font Awesome 5 Free";}
.policy{position:relative;border: 1px solid #b48e64;background-color: #fff;padding: 25px 30px;margin-bottom: 45px;} 
 
  .selec_chk {width:18px;height:18px;margin-top: -5px;left: 0;position: absolute;top: 50%;opacity: 0;}
.chk_box2 {}
.chk_box2 input[type="checkbox"] + label {position:relative; }

.chk_box2 input[type="checkbox"] + label span {width: 40px;height: 40px;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: -4px;background-color: #b6a797;line-height: 39px;text-align: center;margin-right: 30px;}
.chk_box2 input[type="checkbox"] + label span i{display:none;color: #fff;font-size: 24px;vertical-align: middle;}

.write_div .chk_box2 input[type="checkbox"] + label, .bo_vc_w .chk_box2 input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box2 input[type="checkbox"] + label span, .bo_vc_w .chk_box2 input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box2 input[type="checkbox"]:checked + label {}
.chk_box2 input[type="checkbox"]:checked + label span i {display:inline-block}
.all_chk.chk_box2 input[type="checkbox"] + label span {top:0;left:0}


.agree_chk2 {}
.agree_chk2 input{/* display:none; */}
.agree_chk2 label{display:inline-block;height: 40px;line-height: 40px;color: #3a3532;cursor:pointer;vertical-align: middle;font-size: 20px;font-weight: 300;}
.agree_chk2 .agree_icon{display:inline-block; width:18px; height:18px; background:url(/images/frachise/chk_off.png) no-repeat; vertical-align:top; margin-right:10px;}
.agree_chk2 input[type="checkbox"]:checked + label .agree_icon{background:url(/images/frachise/chk_on.png) no-repeat;}
.agree_chk2 a{display:block;position:absolute;top: 50%;right: 30px;height: 40px;line-height: 40px;color:#fff;text-align:center;background-color: #b6a797;font-size: 18px;width: 100px;margin-top: -20px;font-weight: bold;}



.inquiry_form{}
.require{display:inline-block;margin-right: 6px;color: #c49a6c;vertical-align:middle;font-size: 16px;}
.inquiry_form h5{color: #3a3532;font-size: 30px;font-weight: 400;margin-bottom: 30px;}
.inquiry_form h5 p{display:inline-block;color: #3a3532;font-size: 16px;margin-left: 10px;font-weight: 300;}

.inquiry_form {}
.inquiry_form table{width:100%;border-collapse: collapse;}
.inquiry_form th,.inquiry_form td{text-align:left;padding: 5px 0;}
.inquiry_form th{color: #3a3532;font-weight:500;vertical-align: middle;font-size: 20px;font-weight: 400;padding: 10px 0;}
.inquiry_form td{font-weight:400;}
.inquiry_form .phone>span{color: #3a3532;margin: 0px 5px;}
.inquiry_form .phone {position:relative;}
.inquiry_form .phone select{display:block !important; opacity:0; z-index:-1; position:absolute; left:0; top:0;}

.inquiry_form td div{position:relative;float:left;width: calc(25% + 1px);margin-left: -1px;}
.inquiry_form table select,.inquiry_form table input{border:1px solid #000; background-color:#fff;}
.inquiry_form table select,.inquiry_form table input[type="text"],.inquiry_form table input[type="number"]{}
.inquiry_form td .current{color:#1b1b1b;}

.inquiry_form table .nice-select, .inquiry_form table input, .inquiry_form table textarea{border: 1px solid #b48e64;background-color:#fff;}
.inquiry_form table .nice-select,.inquiry_form table input[type="text"]{padding: 0 5px;height: 60px;font-size: 20px;color: #3a3532;}
.inquiry_form table .nice-select{position:relative;width: 250px;display: inline-block;vertical-align: middle;}
.inquiry_form .phone input{width: 230px;}
.inquiry_form table .nice-select span{height: 60px;line-height: 60px;}

.store_chk  span {display:block;height:60px;line-height:60px;border: 1px solid #b48e64;text-align:center;font-size:20px;color:#3a3532;background-color:#fff;cursor:pointer;}
.store_chk input[type="radio"]:checked + label span {border: 1px solid #b48e64;background-color: #b48e64;color:#fff;}

.inquiry_form td textarea{width:100%;height:200px;padding: 1%;}
.inquiry_form .submit{width:250px;height:80px;text-align:center;color:#fff;background-color: #b48e64;font-size:30px;border:0;display:block;margin:50px auto 0;font-family: 'MaruBuri';}

.bo_w_flie {width:100% !important; border:1px solid #b48e64; background-color:#fff}
.inquiry_form .bo_w_flie .lb_icon {position:absolute;top: 5px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2;}
.inquiry_form .bo_w_flie .frm_file {padding-left:50px;margin-top: 4px;border:0;}
.inquiry_form .bo_w_flie .file_wr {position:relative;/* border:1px solid #ccc; */background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:47px;margin:0;width: 100^;}
.inquiry_form .bo_w_flie .frm_input {margin:10px 0 0}
.inquiry_form .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
.inquiry_form .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}


.board_wrap{padding:0 !important;}



/***/
.yt_box{padding:100px 0}
.yt_box h5{margin-bottom: 10px;}
.yt_box .line{position:relative;z-index: 1;}
.yt_box .line::after{position: absolute;left: -1%;top: 0%;width: 102%;height: 100%;background-color:#453d3b;content: '';z-index: -1;transform-origin: 0 50%;transform:scaleX(0);}
.yt_box .line.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:0.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both}

.thumb{
    margin-top: 50px;
}

.thumb li{width:870px; margin:0 auto 50px;}
.thumb li a{display:block;}
.thumb li h6{color:#231815;font-weight:600;font-size: 50px;margin-bottom:3px;text-align:center;margin: 20px 0;}
.thumb li p{text-align:center;}
.thumb li p span{display:inline-block;color:#fff;font-size: 35px;font-weight:300;background-color:#61421e;padding:3px;}


.banner{position: relative;margin-top: -107px;height:376px;background:url(/images/pc/sub4/banner_bg.png) no-repeat 50%;padding-top:155px;z-index: 1;}
.banner p{text-align:center; font-size:50px; font-weight:900; color:#fff; line-height:1.4em}
.banner p strong{color:#edd162;}
.banner p span{position:relative; z-index:1;}
.banner p span::after{position: absolute;left: -1%;top: 0%;width: 102%;height: 100%; content: '';z-index: -1;transform-origin: 0 50%;transform:scaleX(0);}
.banner p span.line1::after{background-color:#1d2850; animation-duration: 0.7s;animation-delay:0.5s;}
.banner p span.line2::after{background-color:#372824; animation-duration:1s;animation-delay:0.8s;}
.banner p span.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;    -webkit-animation-fill-mode:both;animation-fill-mode:both}



.item_list p em{position:relative; z-index:1; font-style:normal}
.item_list p em::after{position: absolute;left: -1%;top: 0%;width: 102%;height: 100%; content: '';z-index: -1;transform-origin: 0 50%;transform:scaleX(0);background-color:#b48e64;}
.item_list p em.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;    -webkit-animation-fill-mode:both;animation-fill-mode:both;animation-duration: 0.7s;animation-delay:0.5s;}



.sns{background:url(/images/pc/sub4/sns_bg.png) no-repeat 50% 0;padding: 140px 0;}
.sns h5{margin-bottom: 20px;}
.sns p{text-align:center; color:#231815; font-size:30px; font-weight:300}
.sns .sns_list{margin: 40px  -20px 0;}
.sns .sns_list .phone{position:relative;float:left;width:347px;margin: 0 20px;height: 675px;overflow: hidden;padding: 60px 7px 70px;}
.sns .sns_list .phone .bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
.sns .sns_list .phone .bg span{display:block;}
.sns .sns_list .phone.blog .bg{background:url(/images/pc/sub4/phone_blog.png) no-repeat 50%;}
.sns .sns_list .phone.yt .bg{background:url(/images/pc/sub4/phone_yt.png) no-repeat 50%;}
.sns .sns_list .phone.insta .bg{background:url(/images/pc/sub4/phone_insta.png) no-repeat 50%;}

.sns .sns_list .img_wrap{overflow:hidden; height:100%;}

.sns .phone span{animation: loopY 100s infinite linear 1s both; display:block; -webkit-animation: loopY 100s infinite linear 1s both;}



 
.sales h5{margin-bottom:20px;} 
.sales>div{position: relative;width:100%;background-color:#fff;left: 50%;margin-left: -670px;}
.sales .inbox{width:1290px; margin:0; padding:150px 0 100px}
.sales h5,.sales .inbox>p{padding-left:90px}
.sales .text{color:#231815; font-size:22px; font-weight:300; line-height:1.3em;font-family: 'Pretendard',sans-serif; text-align:center;}
.sales .graph{padding-left:70px; margin-top:60px;}
.sales .graph>div{float:left;} 

.sales .chart{position:relative; text-align:center; width:755px;} 
.sales .chart .down{position:absolute; top:0 ;left:70px;} 
.sales .price {position:absolute;top:220px;left: 216px;width:310px;font-size:30px;font-weight:500;line-height: 1.5em;} 
.sales .price span{font-size:50px; font-weight:bold} 

.sales_table{display:block; margin-top:10px; width:450px;} 
 
.sales_table th{color:#fff; font-size:22px; font-weight:bold; text-align:center; background-color:#231815; height:80px; font-family: 'Pretendard',sans-serif;} 
.sales_table td{color:#231815; border-bottom:1px solid #a0a0a0; font-size:20px; font-weight:300; height:60px;  text-align:center;font-family: 'Pretendard',sans-serif;} 
.sales_table .total td{color:#fff; background-color:#dc390d; border-bottom:0; height:80px}   
.sales_table p{color:#231815; font-size:18px; line-height:1.3em;font-family: 'Pretendard',sans-serif; margin-top:10px;}

.result{margin-top:50px;color:#231815;font-size:45px;text-align:center;font-weight:500;line-height: 1.4em;}
.result strong{ color:#b48e64;}



.qna{background-color:#453d3b; padding:140px 0;}
.qna h5{margin-bottom:45px; color:#fff;}
.qna_list{margin:0 -20px;}
.qna_list>div{float:left; width:580px; margin:0 20px}

.qna_list li{margin-bottom:30px}
.qna_list .que{position:relative;display:table;width:100%;height:80px;padding-left:45px;background-color:#ffe5c7;padding-right: 70px;word-break: keep-all; current:pointer;}
.qna_list .que h6{display:table-cell;vertical-align:middle;color:#231815;font-size:22px;font-weight:500;line-height:1.2em;font-family: 'Pretendard',sans-serif;}
.qna_list .que.cate1{background-color:#e8b276}
.qna_list .que span{position:absolute;top:50%;margin-top:10px;font-weight:bold;font-sizE:22px;left:20px;display:block;line-height:1.2em;margin-top: -12px;}
.qna_list .que i{position:absolute;top:50%;color:#231815;font-size: 30px;margin-top: -15px;right:30px;display:block;line-height:1.2em}

.qna_list .ans{position:relative; padding:25px 20px 25px 45px; background-color:#fff; display:none}
.qna_list .ans span{position:absolute;left:20px;top:25px;line-height: 1.5em;font-weight: bold;font-family: 'Pretendard',sans-serif;font-size: 22px;}
.qna_list .ans p{line-height: 1.5em;color:#231815;font-size:22px;font-weight:300;font-family: 'Pretendard',sans-serif;word-break: keep-all;}

.tab_box{font-size:0;text-align:center;margin-bottom: 70px;}
.tab_box span{display:inline-block;width:200px;height: 70px;font-size:20px;cursor:pointer;line-height: 70px;/* border: 1px solid #453d3b; */margin: 0 -1px;background: #453d3b;font-family: 'Pretendard',sans-serif;color: #b6a797;}
.tab_box span.on{background-color: #c49a6c;color:#fff;font-weight: bold;}