@charset "utf-8";


.doc{font-size: 16px;}
.box1{ width:1280px;max-width: 96%; margin:0 auto; position:relative } 
.box2{ width:1100px;max-width: 96%; margin:0 auto; position:relative } 
.mobile_only{display:none;}

#wrapper{padding-bottom:10em;}

.main_sec .wrap_idx{overflow:visible !important}


/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; background:rgba(0,0,0,.7)}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo .a_ver{display:none;}
#header #logo img{display:block;}
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 30px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:400; color:#fff; position: relative;}
#header .gnb_wrap .gnb .depth1 > ul{background:rgba(0,0,0,.7); min-width: 160px; border: 1px solid #111; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#fff; border-top: 1px dotted #333; font-weight:400; padding: 15px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background:rgba(0,0,0,.7);}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:500px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:20px;}
#header .hd_login > li a{color:#fff; margin-left:15px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{width:30px; height: 30px; position: relative; z-index: 10000; margin-left:25px;}
#header .btn_gnb .a_rd{width:10px; height: 10px; background-color: #fff; border-radius: 50%;}
#header .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0; transition:.3s;}
#header .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:var(--mainColor)!important; transition:.3s;}
#header .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0; transition:.3s; }
#header .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0; transition:.3s; }

#header .btn_gnb:hover .a_rd.a1,
#header .btn_gnb:hover .a_rd.a4{display:none;}
#header .btn_gnb:hover .a_rd.a2,
#header .btn_gnb:hover .a_rd.a3{width:100%; border-radius: 50px;}

#header .btn_gnb.on .a_rd.a1,
#header .btn_gnb.on .a_rd.a4{display:none;}
#header .btn_gnb.on .a_rd.a2{width:100%; border-radius: 50px;}
#header .btn_gnb.on .a_rd.a3{width:100%; border-radius: 50px; background-color: #666;}

/*스크롤 header*/
.scroll #header{background-color:rgba(0,0,0,.7);}
/*.scroll #header{background-color:#fff; border-bottom:1px solid #ddd;}
.scroll #header #logo .a_ver{display:block;}
.scroll #header #logo .b_ver{display:none;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.scroll #header .hd_sch_btn{color:#555;}
.scroll #header .hd_sch_wr #hd_sch{border-color:#ccc;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
.scroll #header .hd_login > li a{color:#555;}
.scroll #header .btn_gnb .a_rd{background-color:#666;}
*/

/*탑버튼*/
.qk_list{position:fixed; bottom:150px; right:15px; z-index: 800;}
.qk_list > li a{display:block; width:50px; height: 50px; line-height: 50px; border-radius: 50%; font-size:1.25em; text-align: center; margin-top:3px; transition: .3s;}
.qk_list > li a:hover{box-shadow: 3px 3px 7px rgba(0,0,0,0.15)}
.qk_list > li.top_btn a{background-color:#333; color:#fff;}
.qk_list > li.kakao_btn a{background-color:#fae100; color:#3c1e1e;}
.qk_list > li.blog_btn a{background-color:#03c75a; color:#fff;}
.qk_list > li.facebook_btn a{background-color:#375396; color:#fff;}
.qk_list > li.youtube_btn a{background-color:#f70000; color:#fff;}
.qk_list > li.insta_btn a{color:#fff; background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);}


/*가맹문의*/
#header .tel{font-size: 1.125em; font-weight:600; }
#header .tel .xi{width: 46px; height: 46px; line-height: 46px; font-size: 1.25em; color: #fff; text-align: center; background: var(--mainColor); border-radius: 50%; margin-right: 10px;}
#header .tel span{font-size: 1.357em; font-weight:800; color: #eee; line-height: 1;}
#header .tel p{font-size:14px; vertical-align:top; font-weight:500; color:#eee;}



/*footer*/
#footer{background-color:#111; padding:45px 0 140px;}
#footer .f_menu{margin-bottom:20px;}
#footer .f_menu > li a{color:#fff; opacity: .7; margin-right:30px;}
#footer .f_menu > li a:hover{opacity: .9;}
#footer .f_menu > li:last-child a{margin-right:0px;}
#footer .f_info > li{color:#fff; opacity: .6; font-weight: 300; margin-right:30px; font-size:.938em;}
#footer .f_copy{font-size:.875em; color:#fff; opacity: .4; margin-top:20px; letter-spacing: 1px; font-weight: 200;}


/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:460px; position: relative; overflow: hidden;}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s;}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.250em; color:#fff; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s; display:none}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}

/*snb*/
#snb { position: absolute; bottom:4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%;}
#snb .snb_list .sdp1 a{display:block; width:55px; height: 55px; line-height: 55px; border-radius: 50%; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#fff; font-size:1.125em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}

/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/

/*컨텐츠 타이틀*/
/*
.container_title{font-weight: 200; font-size: 2.125em; padding-top: 35px; margin: 55px 0; text-align: center; position: relative;}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 
*/
.container_title { font-size:2.8em; line-height:1; font-weight:700; margin:1em 0 55px 0; text-align:center; position:relative; padding-top:20px }
.container_title:before { content:""; width:46px; height:3px; background:#222; position:absolute; top:0; left:50%; margin-left:-23px }
.container_title{font-weight:400; padding-top:25px;}
.container_title:before{width:24px; background:#ff0a0a; transform: translateX(-50%) rotate(-40deg); margin-left:0;}





/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}


/*=================================================================main============================================================*/

/*메인 비주얼*/
.mainSlider{position:relative;}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1,1.1); transition-delay:1s}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -60%); color:#fff;}
.mainSlider .slogan .t1{ font-size:3.875em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.2; letter-spacing:-3.5px;}
.mainSlider .slogan .t2{ font-size:1.75em; font-weight: 500; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:40px;}
.mainSlider .slogan .t3{ font-size:1.25em; font-weight: 300; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:30px;}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:.8; transition:1s; transition-delay:1.5s}

.mainSlider .mainSlider-pagination{ position: absolute; left:50%; bottom:15em; transform: translateX(-50%); z-index: 100; display:none}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:120px; height:auto; margin: 0 20px 0 0; border-radius: 0; opacity: .4; background:transparent; color:#fff; border-bottom:2px solid #fff; padding-bottom:5px;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{opacity: 1;}
.scroll_wrap{position: absolute; bottom: 0; left:0;width:100%; z-index: 10; display:none;}
.scroll_wrap .mainSlide_scroll{ color: #fff; font-size: 0.85em; text-align: center; letter-spacing: 4px; font-weight: 200;}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 35px; background: #fff; margin: 5px auto 0; position: relative;}
.scroll_wrap .scroll_bar {width:5px; height: 5px; background: #fff; animation: box-ani 2s linear infinite backwards; margin-left:-5px; border-radius: 50%;}

@keyframes box-ani { 
0% {transform: translate(50%, 0);} 
100% {transform: translate(50%, 53px);}
}


/*메인 샘플용 css*/
.main_section{padding:7em 0;}
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 30px;}
.main_tit .in_en{ font-size:1.375em; margin-bottom: 10px;}
.main_tit .in_tt{ font-size:2.437em; color:#111; line-height: 1.3;}
.main_tit .in_tx{font-size:1.250em; margin:.5em 0 2em 0;}
.main_more{text-align:center;}
.main_more a{display: inline-block; padding:13px 50px; border:1px solid #ccc; transition: .3s; color:#888; font-size:1.125em; border-radius: 50px; margin-top: 40px;}.main_more a:hover{border-color:var(--maincolor); background-color:var(--mainColor); color:#fff;}
.map_box .in_map{width:calc(100% - 370px);}
.map_box .in_map .wrap_map{border-bottom:1px solid #ddd;}
.map_box .in_map .root_daum_roughmap .wrap_controllers{display:none;}
.map_box .in_info{width:370px; padding-left:25px;}
.map_box .in_info .info_box{border:1px solid #ddd; padding:50px 40px; height: 100%;}
.map_box .in_info .info_box .icon{font-size:3em; color:#ddd; line-height: 1;}
.map_box .in_info .info_box .tt{font-size:1.5em; font-weight: 600; color:#222; margin-top:5px;}
.map_box .in_info .info_box .line{width:30px; height: 1px; background-color:var(--mainColor); margin:30px 0; }
.map_box .in_info .info_box .info_list > li{margin-bottom:13px; line-height: 1.5; color: #444; font-size:1.068em;}
.map_box .in_info .info_box .info_list > li:last-child{margin-bottom:0px;}


/**/
.tab_idx{ margin:-1em 0 3em -1em;}
/*.tab_idx > li{flex:1 20%;}*/
.tab_idx > li{width:25%}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

/**/
.nm_page_tt{font-size:1.5em; text-align: center; margin:80px auto 30px;}
.nm_page_tt .nmb{width:50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--mainColor); display: inline-block; color:#fff; margin-right:5px;}
.page_tt{font-size:1.825em; font-weight: 600;}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1.125em; font-weight: 300;}
.page_stx{font-size:1em; font-weight: 300;}



/*=========================================
메인컨텐츠
===========================================*/
h2 { font-size: 50px; vertical-align: top;}
h3 { font-size: 32px; vertical-align: top;}
h4 { font-size: 30px; }
h5 { font-size: 18px; font-weight: 300; }
h6 { font-size: 16px; font-weight: 400; }
h6 > p{font-size:1.250em; line-height:1.6}

.oblique{font-style:oblique}

/* 서브 비주얼 이미지 */
#sub_visual.sub10 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub20 { background-image:url(../img/sub02_top.png) }
#sub_visual.sub30 { background-image:url(../img/sub03_top.png) }
#sub_visual.sub40 { background-image:url(../img/sub04_top.png) }
#sub_visual.sub50 { background-image:url(../img/sub05_top.png) }
#sub_visual.sub60 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub70 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub80 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub90 { background-image:url(../img/sub01_top.png) }


#content01_h2{ font-size: 2.750em; font-weight:700 }
#content02_h2 { width: 270px; margin: auto; }
#content03_h2 { width: 340px; margin: auto; }
#content04_h2 { width: 310px; margin: auto; }
#content05_h2 { width: 340px; margin: auto; }
#content06_h2 { width: 190px; margin: auto; }


.main_product { padding:120px 0 120px 0; text-align:center;}
.main_product h2 { text-align:center; line-height:1; font-size:34px; font-weight:700; text-transform:uppercase; letter-spacing:-1px; margin:0 0 30px }
.main_product .tab_menu { text-align:center }
.main_product .tab_con { margin-top:40px }
.main_product .lt_more { display:none }
.main_product .prd_slider > div { width:calc(100%/4) !important }
.main_product .tab_menu p { padding: 5px 25px; font-size: .9rem; border-left:1px solid #ccc; border-right:1px solid #ccc; display: inline-block}
.main_product .ts-controls button { background:url(../img/slide_left_b.png); }
.main_product .ts-controls button.ts-next { background:url(../img/slide_right_b.png) }
.main_product .pic_lt { margin-bottom:0; }

/*공통*/
.main_sec{padding:6em 0;}
.main_sec .t1{font-size:2em}
.main_sec .t2{font-size:1.250em}
.titW{margin-bottom:3em; text-align:center;}
.titW > em{font-size:.938em; color:var(--mainColor); margin-bottom:20px; text-transform:uppercase; letter-spacing:.3em; font-weight:800; display:none;}
.titW > span{font-size:1.250em; display:block;}
.db{display:block}

#content01 { background: url("../img/main/bg_img1.jpg") center top no-repeat; background-size:cover; text-align:center;}
#content01 .t2{margin-top:1em;}
#content01 .img{margin-top:5em;}

.tt1{background:var(--mainColor); color:#fff; display:inline-block; padding:0 10px; margin-top:3px;}
.c1{color:var(--mainColor) !important;}

/*듀록설명*/
#content2{background:url("../img/main/bg_img3.jpg") center top no-repeat; padding:5em 0; position:relative;}
#content2 .in{padding-left:3em}
#content2 .t1{color:#fff; font-size:2.250em; padding:.5em 0 1em 0;}
#content2 .t2{color:#fff; font-size:1.063em;}
#content2 .img{position:absolute; right:0; top:-12em;}

/*메뉴소개*/
/*#content02.main_sec{padding-bottom:0;}
#content02{background:url("../img/main/sec_bg01.png") bottom center no-repeat; background-color:#f9f9f9}
#content02 .titW span, 
#content02 .titW h3{color:#111}
#content02 .prod_wrap{margin-bottom:8em;}
.product_cont .tab_idx{width:60%; margin: 0 auto 40px;}
.product_cont .tab_idx > li .va_wrap{border:1px solid #ddd; border-radius: 50px; height:55px; font-size:1.125em; margin:0 5px; background:var(--white);}
.product_cont .tab_idx > li.on .va_wrap{border-color:var(--mainColor); background:var(--mainColor); color:var(--white);}
.product_cont .product_slide{margin-right:-25px;}
.product_cont .product_slide .in_box{margin-right:25px; text-align: center;}
.product_cont .product_slide .in_box .in_img{border-radius:20px; overflow: hidden; display: block;}
.product_cont .product_slide .in_box .in_txt{margin-top:10px; font-size:1.375em; color:#111; padding:1em 0;}
.product_cont .prod_pagen{margin-top:20px;}
.product_cont .b_pagen{margin:0 30px;}
.product_cont .b_pagen .slick-dots ul{display:flex; flex-wrap:wrap;}
.product_cont .b_pagen .slick-dots ul button{border:0; width:12px; height: 12px; border-radius: 50%; background-color: #ddd; text-indent: -9999px; margin:0 3px;}
.product_cont .b_pagen .slick-dots ul button{border:0; width:12px; height: 12px; border-radius: 50%; background-color: #ddd; text-indent: -9999px; margin:0 3px;}
.product_cont .b_pagen .slick-dots ul .slick-active button{width:40px; border-radius: 50px; background-color: var(--mainColor);}
.product_cont .slick-arrow{width:50px; height: 50px; line-height: 50px; text-align: center; color:#666; border:1px solid #ddd; border-radius: 50%; cursor: pointer; transition: .3s;}
.product_cont .slick-arrow:hover{border-color:var(--mainColor); color:var(--mainColor);}*/
/*메뉴소개*/
#content02.main_sec{padding-bottom:0;}
#content02{background:url("../img/main/sec_bg01.png") bottom center no-repeat; background-color:#f9f9f9}
#content02 .titW span, 
#content02 .titW h3{color:#111}
#content02 .prod_wrap{margin-bottom:5em;}
.product_cont .tab_idx{width:60%; margin: 0 auto 40px;}
.product_cont .tab_idx > li .va_wrap{border:1px solid #ddd; border-radius: 50px; height:55px; font-size:1.125em; margin:0 5px; background:var(--white);}
.product_cont .tab_idx > li.on .va_wrap{border-color:var(--mainColor); background:var(--mainColor); color:var(--white);}
.product_cont .product_slide{margin-right:-25px;position: relative;}
.product_cont .product_slide .in_box{margin-right:25px; text-align: center;}
.product_cont .product_slide .in_box .in_img{border-radius:20px; overflow: hidden; display: block;}
.product_cont .product_slide .in_box .in_txt{margin-top:10px; font-size:1.375em; color:#111; padding:1em 0;}
.product_cont .prod_pagen{margin-top:20px;}
.product_cont .b_pagen{margin:0 30px;}
.product_cont .b_pagen .slick-dots ul{display:flex; flex-wrap:wrap;}
.product_cont .b_pagen .slick-dots ul button{border:0; width:12px; height: 12px; border-radius: 50%; background-color: #ddd; text-indent: -9999px; margin:0 3px;}
.product_cont .b_pagen .slick-dots ul button{border:0; width:12px; height: 12px; border-radius: 50%; background-color: #ddd; text-indent: -9999px; margin:0 3px;}
.product_cont .b_pagen .slick-dots ul .slick-active button{width:40px; border-radius: 50px; background-color: var(--mainColor);}
/*.product_cont .slick-arrow{width:50px; height: 50px; line-height: 50px; text-align: center; color:#666; border:1px solid #ddd; border-radius: 50%; cursor: pointer; transition: .3s;}
.product_cont .slick-arrow:hover{border-color:var(--mainColor); color:var(--mainColor);}
*/

/* 슬라이드 전체 컨테이너 */
.product_cont {
  position: relative;
}

/* 하단 페이지네이션 영역 */
.product_cont .prod_pagen {
  position: absolute;
  width: 100%;
  /* margin-top: 40px; */
  display: flex;
  align-items: center;
  justify-content: center;
  top: 35%;
  /* transform: translateY(-80px); */
}

/* 화살표 기본 스타일 */
.product_cont .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: .3s;
  z-index: 5;
}

/* 왼쪽 / 오른쪽 끝으로 고정 */
.product_cont .b_prev {
  left: -2em;
}

.product_cont .b_next {
  right: -2em;
}

/* hover 시 효과 */
.product_cont .slick-arrow:hover {
  border-color: var(--mainColor);
  color: var(--mainColor);
  background: #f9f9f9;
}

/* 점(dot) 네비게이션 가운데 정렬 */
.product_cont .b_pagen {
  display: flex;
  justify-content: center;
  align-items: center;
display:none !important;
}

/* dot 버튼 스타일 */
.product_cont .b_pagen .slick-dots ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.product_cont .b_pagen .slick-dots ul button {
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
  text-indent: -9999px;
  margin: 0 3px;
}

.product_cont .b_pagen .slick-dots ul .slick-active button {
  width: 40px;
  border-radius: 50px;
  background-color: var(--mainColor);
}

/*샐러드바*/
.sel_wrap{/* margin-top:3em; */margin: 5em 0;}
.sel_wrap .box0{padding: 0 5em;}
.sel_con .wrapIn{ position:relative; overflow:hidden; border-radius:1em; padding:5em 0 7em 0; color:#fff}
.sel_con .wrapBg{ position:absolute; left:0; top:0; width:100%; height:100%; background-attachment:fixed}
.sel_con .wrapCon .conIn{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2em; text-align:center}
.sel_con .wrapCon .t1{ font-weight:700; font-size:2em}
.sel_con .wrapCon .t2{ font-size:1.125em; line-height:1.6}
.sel_con .wrapCon .benefit{ display:flex; gap:1em; width: 100%;}
.sel_con .wrapCon .benefit > li{ flex:1 1 0%;}
.sel_con .wrapCon .benefit > li .in{ display:flex; flex-direction:column; height:5em; backdrop-filter:blur(.5em); background:rgba(255,255,255,.2); padding:1.5em; border-radius:1em; align-items:center; justify-content:center}
.sel_con .wrapCon .benefit > li .in .tt1{ word-break:keep-all; font-size:1.063em}
.sel_con .wrapTit{ position:absolute; left:0; bottom:-.5em; width:100%; overflow:hidden; line-height:1}
.sel_con .wrapTit > i{ font-size:4.5em; text-transform:uppercase; font-weight:900; opacity:.3; mix-blend-mode:overlay; white-space:nowrap}
.sel_con .circle{background:#024f17; color:#fff; border-radius:50%; width:20em; height:20em;}
.sel_con .circle .tx{font-size: 1.250em;color:#fff;line-height:1.2;padding: 1em;line-height: 1.6;}






/*매장안내*/
#content03 {background: url("/img/content03_img01.jpg"); width: 100%; position: relative; padding-top: 100px; padding-bottom: 120px;  background-color:#f0e4df}
#content03 h6 { width: 550px; height: 550px; position: absolute; margin: auto; right: -500px; top: -200px; overflow: hidden; }
#content03 ul { margin: 20px auto 0 auto; flex-wrap:wrap; gap:1em; justify-content: center}
#content03 ul li { width:calc(33.33% - 1em); text-align: left; vertical-align: top; background-color: #fff; }
#content03 ul li .in{padding:1em;}
#content03 ul li .in .xi{border-radius:50%; width:28px; height:28px; line-height:28px; text-align: center; background:#ad9a8e; color:#fff; font-size:1rem; display:inline-block; margin-right:5px;}
#content03 ul li h5 { width: 100%; height: 50px; margin:0; text-align: center; font-size: 20px; line-height: 50px; font-weight: 600; background-color:#ad9a8e; color:var(--white)}
#content03 ul li p { padding-left: 20px; font-size: 18px; margin-top: 8px;}
#content03 ul li p img { margin-right: 10px; }
#content03 h6 { width: 335px; height: 582px; position: absolute; margin: auto; right: 0;top: -80px;}
#content03 h6 img { width: 100%; }

#content03 .moreBtn{margin-top:3em;}
#content03 .moreBtn .st{height:4em;display:flex;align-items:center;gap:.5em;border: 3px solid #5f3114;padding:0 4em;border-radius:4em;transition:.3s;background: #5f3114;color: #fff;}
#content03 .moreBtn .st .t1{ font-weight:500; font-size:1.25em}
#content03 .moreBtn .st .arrow{ transition:.3s}
#content03 .moreBtn .st:hover .arrow{ transform:translateX(1em)}
#content03 .moreBtn .st:hover{background:#fff; color:#5f3114}
#content03 .moreBtn .ico{font-size:1.375em;}

/*창업안내*/
/*.wrap { margin:0 auto; position:relative }*/
#content04 { background: url("../img/main/bg_img2.jpg") center 0 no-repeat; padding-top: 100px; padding-bottom: 120px; }
#content04_box { background-color: #fff; margin-top: 220px; }
#content04 .titW{padding-top:3em;}
#content04_box h3 img { margin-top: 60px; }
#content04_box h4 { font-weight: 700; }
#content04_box ul {/*width: 1200px; */margin: auto;margin-top: 100px;padding:0 3%;gap: 2em; justify-content: flex-start}
#content04_box ul li {/* flex: 1 0 100%; */border: 1px solid #ddd;display: inline-block;vertical-align: top;padding:2em;/* margin: 20px; */position:relative;text-align:center;width: calc(33.33% - 2em);}

#content04_box ul li img { width: 50px; height: 50px; margin-top: -66px; }
#content04_box ul li h4 { color:var(--mainColor); font-size:1.570em;}
#content04_box ul li p { font-size: 18px; margin-top: 10px; word-break: break-all; text-align:left;}
#content04_box ul li p span { font-weight: 600;}
#content04 .num{width:2.5em; color:#fff; font-weight:700; line-height:2.5em; text-align:center; border-radius:50%; position:absolute; top:-30px; left:50%; position:absolute; background:var(--mainColor); transform:translateX(-50%); font-size:1.25em;}



/*가맹오픈절차*/
/*#content05 { background: url("/img/content05_img01.jpg") center 0 no-repeat; height: 710px; }*/
#content05 { background: url("../img/main/sec_bg02.png") center center no-repeat; padding-top: 100px; padding-bottom: 120px; background-color:#f9f9f9}
.sub_process_wrap{ position:relative; /*padding-right:5%;*/ margin-top:4em; padding:0 2%}
.sub_process_wrap .line{ position:absolute; background:#f1f1f1}
.sub_process_wrap .line1{width:87.5%;height: 10px;left: 7.5%;top: 6.5em;}
.sub_process_wrap .line:after{ content:""; position:absolute; background:var(--mainColor)}
.sub_process_wrap .line1:after{ width:0; height:100%; left:0; top:0; transition:2s; transition-delay:1s}
.load .sub_process_wrap .line1:after{ width:100%}

.circleAni{ position:absolute; width:100%; height:100%; border:1px solid #999; left:-1px; top:-1px; opacity:0; border-radius:100%; animation-duration: 3s; animation-iteration-count: infinite}
.circleAni.c1{ animation-name: circleAni}
.circleAni.c2{ animation-name: circleAni; animation-delay: 1s}
.circleAni.c3{ animation-name: circleAni; animation-delay: 3s}

@keyframes circleAni{
0% {opacity:.7}
100% {opacity:0;transform:scale(1.8,1.8)}
}

.downAni{ animation-name: downAni; animation-duration: 4s; animation-iteration-count: infinite}
@keyframes downAni{
30% { bottom:1em}
70% { bottom:2em}
}


.sub_process{ position:relative; margin:0 0 -4em -4em }
.sub_process > li{ width:25%;}
.scroll .sub_process > li{ visibility:visible; opacity:1}
.sub_process > li .in{ margin: 0 0 4em 4em}
.sub_process > li .in .icon{ display:block; margin:0 auto; width:220px; height:220px; line-height:220px; text-align:center; border:1px solid #ddd; background:#fff; font-size:1em; color:#adadad; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.1); position:relative}
.sub_process > li .in .icon .xi{ font-size:3.5em}
.sub_process > li .in .con{ margin-top:1em; text-align:center}
.sub_process > li .in .con .t1{ color:var(--mainColor); font-size:1.25em; text-transform:uppercase; font-weight:800;}
.sub_process > li .in .con .t2{ color:#313232; font-weight:600; font-size:1.570em; margin:.25em 0; }
.sub_process > li .in .con .t3{ color:#5c5e5e; font-size:.875em; min-height:3em}
.sub_process > li:nth-child(5){order:4}
.sub_process > li:nth-child(6){order:3}
.sub_process > li:nth-child(7){order:2}
.sub_process > li:nth-child(8){order:1}



/*창립비용*/
/*#content06 { background: url("/img/content06_img01.jpg"); height: 1100px; width: 100%; position: relative; }*/
#content06 .titW{color:#fff}
#content06 { background: url("/img/content06_img01.jpg"); background:#000; padding-top:200px; padding-bottom:10em; width: 100%; position: relative; }
#content06 .t1{font-size:2.570em; letter-spacing:-1.5px}
/*
#content06_table { width:1200px; margin: auto; }
#content06_table table { font-size:18px; margin-top: 50px; border-collapse: collapse; }
#content06_table table th { color: #fff; padding:1em 0; background-color:#333; width: 50%; }
#content06_table table td { padding:1em 0; line-height: 20px; border: 1px solid #333; color: #fff; border-left: none; background-color:#000; text-align:center}
#content06_table table td span { font-size: 16px;}
#content06_table table td:nth-child(1) {  }
#content06_table table td:nth-last-child(1) { border-right: none;}
#content06_table table tr:nth-last-child(1) th { border-right: none; background-color:var(--mainColor); color:#fff; }
#content06_table table tr:nth-last-child(1) th:nth-last-child(1) { padding:1.3em 0;}
#content06_table p { text-align: right; margin-top: 20px; color: #fff; }
*/
#content06_txt { width:1200px; background-color:#111; padding:2em 3em; text-align: left; color: #fff; margin: auto; margin-top: 40px; }
#content06_txt h4{font-size:1.25em; margin-bottom:10px;}
#content06_txt{margin-bottom:10px;}
#content06_txt p{line-height:1.8;}
#content06 .img_animate3 { width: 400px; height: 700px; position: absolute; margin: auto; left: -20px; top: -180px; }
#content06 .img_animate4 { width: 400px; height: 410px; position: absolute; margin: auto; right: -80px; top: 500px; }
#content06_table .priceA{font-weight:600; font-size:1.125em}
#content06_table .priceB{font-size:1.357em; font-weight:700;}



/*창업비용*/
.price_wrap em{text-align:right; display:block;}
.table_st{table-layout:fixed; margin-bottom:10px; border:4px solid #33201c;}
.table_st th,
.table_st td{ padding:.85em 1em; border:1px solid #ddd}
.table_st th{ font-size:1.125em;}
.table_st td{ font-size:1.125em; color:#444; background-color: #fff; position: relative;}
.table_st .bg_01{ background-color:#111; color:#fff;}
.table_st .bg_02{ background-color:var(--mainColor); color:#fff; border-top:4px solid #33201c;}
.table_st .tbl_stk{ position: absolute; top: 0; right: -4em; color: #c72125; border: 3px solid #c72125; background: #fff; height: 58px; line-height: 58px; width:165px; font-size: 1.068em; font-weight: 600; transform: rotate(-5deg);}
.table_st .c_red{vertical-align:inherit!important;}
.table_st .priceB{font-size:1.357em;}
.tbl_info{display:none;}
.price_info{background:#f5f5f5; padding:2em; margin-top:3em;}
.price_info .tt{font-size:1.375em; padding-bottom:1em;}
.price_info .tx{line-height:1.8}


/*메인창업비용*/
.main_sec .table_st{border:0;}
.main_sec .table_st th,
.main_sec .table_st td{border-right:1px solid #111; border-bottom:1px solid #111; color:#fff; border-left:0; border-top:0;}
.main_sec .table_st td:last-child{border-right:0}
.main_sec .table_st td{background:none;}
.main_sec .price_info{background:#111; color:#999;}
.main_sec .price_wrap em{color:#666}
.main_sec .table_st .bg_02{border:0}
#content06 #content01_h2{margin-bottom:1em;}

/*인사말*/
.about_02_02 .intro_wrap{}
.about_02_02 .intro_wrap .intro_img{width:53%; padding-right:30px;}
.about_02_02 .intro_wrap .intro_img .bgimg{ border-radius: 28px; padding:7em 2em; height: 100%; position: relative;}
.about_02_02 .intro_wrap .intro_img .bgimg .icon01{/* width:80px; *//* height:80px; */border-radius: 0 0 0 20px;position: absolute;top: 0;right: 0;background-color: #fff;}
.about_02_02 .intro_wrap .intro_img .bgimg .icon01:before{content: '';width: 25px;height: 25px;background-image: url(../img/sub/bor_r.svg);position: absolute;top: -1px;left: -24px;transform: rotate(0deg);}
.about_02_02 .intro_wrap .intro_img .bgimg .icon01:after{content: '';width: 25px;height: 25px;background-image: url(../img/sub/bor_r.svg);position: absolute;bottom: -24px;right: -1px;transform: rotate(0deg);}
.about_02_02 .intro_wrap .intro_img .bgimg .icon02{/* width:80px; *//* height:80px; */border-radius: 0 20px 0 0;position: absolute;bottom: 0;left: 0;/* background-color: #fff; */}
.about_02_02 .intro_wrap .intro_img .bgimg .icon02:before{content: ''; width: 25px; height: 25px; background-image: url(../img/sub/bor_r.svg); position: absolute; top: -24px; left: -1px; transform: rotate(180deg);}
.about_02_02 .intro_wrap .intro_img .bgimg .icon02:after{content: ''; width: 25px; height: 25px; background-image: url(../img/sub/bor_r.svg); position: absolute; bottom: -1px; right: -24px; transform: rotate(180deg);}
.about_02_02 .intro_wrap .intro_img .bgimg .page_tt{ margin-top:-5px; font-size:3.125em; font-weight: 700; line-height: 1.2; color:#fff;}
.about_02_02 .intro_wrap .intro_txt{width: 47%; box-sizing: border-box;  padding: 7em 0 7em 3em;}
.about_02_02 .intro_wrap .intro_txt .strong{color:#111;}
.about_02_02 .intro_wrap .intro_txt .page_tt{margin-bottom: 35px; }
.about_02_02 .intro_wrap .intro_txt .page_tx{font-size:1.2em; margin-top:20px; line-height: 1.5;}
.about_02_02 .intro_wrap .intro_txt .page_tx.ceo_name{text-align:right; margin-top:40px;}
.about_02_02 .intro_wrap .intro_txt .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_02_02 .intro_wrap .intro_txt .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_01);}


@media screen and (max-width:1280px) {
.about_02_02 .intro_wrap .intro_txt{padding:5em 0 5em 2em;}
}
@media screen and (max-width:1024px) {
.about_02_02 .intro_wrap .intro_img{width:100%; padding-right:0;}
.about_02_02 .intro_wrap .intro_txt{width:100%; padding:2em 0 0 0;}
.about_02_02 .intro_wrap .intro_txt .page_tt{margin-bottom:20px;}
.about_02_02 .intro_wrap .intro_txt .page_tx{font-size:1.068em; margin-top:10px;}
.about_02_02 .intro_wrap .intro_img .bgimg .icon01,
.about_02_02 .intro_wrap .intro_img .bgimg .icon02{width:55px; height: 55px;}
}	

@media screen and (max-width:768px) {		
.about_02_02 .intro_wrap .intro_img .bgimg{padding:4em 1em;}
.about_02_02 .intro_wrap .intro_img .bgimg .page_tt{font-size:2em;}
.about_02_02 .intro_wrap .intro_txt .page_tx{font-slize:1em;}	
}	
	
@media screen and (max-width:500px) {	
.about_02_02 .intro_wrap .intro_img .bgimg .icon01,
.about_02_02 .intro_wrap .intro_img .bgimg .icon02{display:none;}
}	



/*가맹점현황*/
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin-top:10px; margin-right:-20px}
#bo_gall #gall_ul .tt{font-size:1.125em; margin-bottom:10px}
#bo_gall #gall_ul .in_t1{font-size:.938em; font-weight:400; margin-bottom:5px}
#bo_gall #gall_ul .in_t2{font-size:.938em; font-weight:400}
#bo_gall .gall_li{  margin-bottom:20px;}
#bo_gall .gall_li .gall_box { position: relative; margin-right:20px; transition: .3s; height: 100%;}
#bo_gall .gall_li .gall_box:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
#bo_gall .gall_li .gall_box .gall_chk {position:absolute; top:5px; left:5px; padding:5px; z-index:1}
#bo_gall .gall_li .gall_box .gall_con {position:relative; overflow: hidden;}
#bo_gall .gall_li .gall_img {text-align:center; overflow:hidden;}
#bo_gall .gall_li .gall_img a{height:100%;}
#bo_gall .gall_li .gall_img img,
#bo_gall .gall_li .gall_img video {max-width:100%;}
#bo_gall .gall_li .no_image{font-size:1.25em; color:#ccc; font-weight: 600; width:100%; height:100%; background-color: #f9f9f9;}
#bo_gall .gall_li .no_image .xi{font-size:2.5em; display: block; line-height: 1;}
#bo_gall .gall_li .gall_hover{padding:10px 15px; position:absolute; width:calc(100% + 2px); height:calc(100% + 2px); background:rgba(0,0,0,.7); left:-1px; bottom:-101%; transition:all .4s; text-align: center; color:#fff;}
#bo_gall .gall_li .gall_hover .bo_cate_link{color:#fff!important; background:var(--mainColor); border-radius:20em; margin-bottom: 5px; padding:5px 18px; margin-top:1em;}
#bo_gall .gall_li .gall_hover .bo_cate_link > span{font-size:.938em;}
#bo_gall .gall_li .gall_hover .bo_tit{font-weight:500; font-size: 1.375em;}
#bo_gall .gall_li .gall_hover .bo_cnt{color:#666; font-size:.938em; margin-top:5px; line-height: 1.4;}
#bo_gall .gall_li .gall_hover .bo_cnt br{display:none;}
#bo_gall .gall_li .gall_hover .gall_info{margin-top:10px;}
#bo_gall .gall_li .gall_hover .gall_info > li{font-size:.875em; margin-right:7px; color:rgba(255,255,255,.5);}
#bo_gall .gall_li .gall_hover .gall_info > li .xi{vertical-align: middle;}
#bo_gall .gall_li .gall_box .gall_con:hover .gall_hover{bottom:0;}
#bo_gall .gall_li .gall_text_href{padding:1.5em;}
.gall_row .col-gn-0,
.gall_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:calc(100% / 2);}
.gall_row .col-gn-3 {width:calc(100% / 3);}
.gall_row .col-gn-4 {width:calc(100% / 4);}
.gall_row .col-gn-5 {width:calc(100% / 5);}
.gall_row .col-gn-6 {width:calc(100% / 6);}
.gall_row .col-gn-7 {width:calc(100% / 7);}
.gall_row .col-gn-8 {width:calc(100% / 8);}
.gall_row .col-gn-9 {width:calc(100% / 9);}
.gall_row .col-gn-10 {width:calc(100% / 10);}
.gall_row .box_clear {clear:both}


#bo_gall .bo_cate_link:before,
#bo_gall .bo_cate_link:after{display:none !important;}


/*메뉴리스트*/
.menuList .in{gap:2em; flex-wrap: wrap; justify-content: flex-start;}
.menuList .in > div{width:calc(33.33% - 2em);}
.menuList .in_box .in_img{border-radius:20px; overflow: hidden; display: block; font-size:0}
.menuList .in_box .in_txt{font-size:1.375em; color:#111; padding:1em 0; text-align: center;}
.menuList .infoW{border-radius:30px; background:#004528; position:relative; text-align:center; padding:3em 0; margin-bottom:2em;}
.menuList .infoW:after{content:""; background:#ddd; position:relative; right:5px; bottom:5px;}
.menuList .infoW .tt{color:#fff; font-size:1.570em;}

/*창업절차*/
.sub_process_wrap.stA{margin-top:5em;}


/*브랜드경쟁력*/
.brand_info .control_page{width: 96%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;}
.brand_info .control_page .xi{font-size: 2.5em; color: #fff; opacity: .9; cursor: pointer; transition: .3s;}
.brand_info .control_page .xi:hover{opacity: 1;}

.brand_info .main_tit{margin-bottom:5em}

.brand_info .info_box ul li { width: 100%}
.brand_info .info_box ul li .in{margin-bottom: 4em;}
.brand_info .info_box ul li .in .info_slide{width: 50%; padding-left: 2em; position:relative;}
.brand_info .info_box ul li .in .info_slide .img_z{height: 450px; border-radius:20px}
.brand_info .info_box ul li .in .img_box{width: 50%; padding-right: 2em;} 
.brand_info .info_box ul li .in .txt_z{width: 50%;  padding-right: 2em;}
.brand_info .info_box ul li .in .txt_z{display: inline-block;}
.brand_info .info_box ul li .num{font-size: 1.5em; font-weight: 800; color: #fff; text-align: center; align-content: center; width: 50px; height: 50px; background: var(--mainColor); border-radius: 50%;  margin-bottom: 10px}
.brand_info .info_box ul li .txt_z{padding-left: 2em; padding-right: 0;}
.brand_info .info_box ul li .img_box .img_z{height: 450px; border-radius:20px} 

.brand_info .info_box ul li .in.rev .txt_z{padding-left: 2em; padding-right: 0;}
.brand_info .info_box ul li .in.rev .img_box .img_z{height: 450px; border-radius:20px} 
.brand_info .info_box ul li h4 {font-size: 1.75em; color:#111; font-weight:700}
.brand_info .info_box ul li p { font-size: 1.25em; margin-top: 10px; }
@media all and (min-width:0px) {
.brand_info .info_box { width: 100%; }
.brand_info .info_box h3 img { margin-top: 30px; }
} 
@media all and (min-width:1200px) { 
.brand_info .info_box { width: 100%; }
.brand_info .info_box h3 img { margin-top: 60px; }
}
@media all and (min-width:1500px) { 
.brand_info .info_box { width: 1280px; }
.brand_info .info_box h3 img { margin-top: 60px; }
}


/**/
.no_data{width:100%; padding:5em 0; text-align:center; background:#fff;}
.no_data .xi{font-size:5em; color:#d6d6d6; display:block;}
.no_data > p{font-size:1.125em; color:#666}


/*문의폼*/

.btm_qk{position:fixed; bottom:0; left:0; background:rgba(0,0,0,.7); z-index:10000; padding:17px 0; width:100%;}
.btm_qk .in .xi.call{color:#fff; border-radius:50%; margin-right:5px; font-size:2.570em; display:inline-block;}
.btm_qk .in .xi.write{ font-size:1.875em;}
.btm_qk .in .t1{ font-weight:600; color:#fff; font-size:1em; padding-right:5px; display:inline-block; line-height:1.3}
.btm_qk .in .t2{font-size:2.570em; color:#fff; font-weight:800; margin-right:10px; letter-spacing:-2px;}
#btm_qk .write_div{margin-top:0;}
.submitBtn{margin-top:0; margin-left:10px;}
.submitBtn .btn_submit{background:var(--mainColor); font-family:var(--font); font-size:1.570em; height:50px; line-height:50px; padding:0 1.5em; border-radius:10px;}
.wrtBox_in{gap:0 10px}
#btm_qk .agree_st .label_st:not(.cssbrowser) input ~ span{color:#eee}
.moreBtn2{display:block; color:#666 !important; line-height:1;}
.btm_input{width:12em}
.btm_agree{padding:0 2px; font-size:.938em; color:#fff !important;}
.btm_agree .label_st:not(.cssbrowser) input ~ span{color:#eee !important}


.wrapTit{position:absolute;left:0; top:0;width:100%;overflow:hidden;line-height:1;padding: 1em 0;background:var(--mainColor);/* margin-top: 2em; */}
.wrapTit > i{font-size: 1.570em;text-transform:uppercase;font-weight: 700;/* opacity: .5; *//*mix-blend-mode:overlay;*/white-space:nowrap;color:#fff;border-top: 2px solid #fff;border-bottom: 2px solid #fff;padding: .5em 0;}

.textAniW{display:flex;line-height:1;overflow:hidden;}
.textAni{ animation: textAni 10s linear infinite; white-space:nowrap}
.textAni:before{ content:"·"; padding:0 .25em}
@keyframes textAni {
0% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
100% {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}