button{background-color: transparent; border: none;}
.only_pc{display: block !important;}
.only_mo{display: none !important;}
span, p, div{word-break: break-all;}

#wrap{max-width: 1920px; width: 100%;margin: 0 auto;background: #000; color:#fff;}
/*  esamanru font  */
.esamanru_l{font-family: 'GongGothicLight';word-break:keep-all;}
.esamanru_m{font-family: 'GongGothicMedium';word-break:keep-all;}
.esamanru_b{font-family: 'GongGothicBold';word-break:keep-all;}



#header{width: 100%;position: fixed; top: 0; left: 0; width: 100%; transition: 0.3s all;z-index: 999;}

.head{position: relative; height: 100px;max-width:160rem;width: 100%;margin: 0 auto;display: flex; align-items: center; justify-content: space-between;}
.head .h_logo {position: absolute;top:50%; left: 50%; transform: translate(-50%, -50%);}
.head .h_logo a{display: block;}
.head .h_logo a img{height:6.8rem; transition: height .23s;}
.head .all_menu_btn{width: 11.5rem;}
.head .all_menu_btn button{border: none; background: none;}
.head .all_menu_btn button img{width: 2.5rem;height: 2.5rem;}

.head .gnb {display: flex;align-items: center;}
.head .gnb ul{display: flex;justify-content: center;align-items: center;}
.head .gnb ul li {position: relative;}
.head .gnb ul li + li{margin-left: 10rem;}
.head .gnb ul li:nth-child(3){margin-left: 52rem;}


.head .gnb ul li > a{display: block;color:#fff;font-style: normal;font-weight: 800;font-size: 2rem;line-height: 10rem;}
.head .gnb ul li:hover > a{color: #FF1B28;}
.pb_newinfo{display: inline-block; min-width: 11.5rem; padding: 0 2.6rem;background: #D70B17;border-radius: 30px;height:4.7rem;}
.pb_newinfo a{display: block;font-weight: 700;font-size: 1.8rem;line-height:4.7rem ;color: #fff;}

.head .gnb ul li dl{position: absolute; top: 99%; left: 50%;transform: translateX(-50%); background: #000;padding: 2rem 0;width: 15.5rem;opacity: 0; visibility: hidden;}
.head .gnb ul li:hover dl{opacity: 1; visibility: visible;}

.head .gnb ul li dl dd + dd{margin-top: 1.6rem;}
.head .gnb ul li dl dd a{display: block;font-weight: 700;font-size: 1.6rem;line-height: 1.9rem;text-align: center;color: #fff;}
.head .gnb ul li dl dd:hover a{color:#FF1B28; text-decoration: underline;}

/* #header.on */
#header.on {background: #000;}

#header.on .head{height: 10rem;}
/* #header.on .head .h_logo {position: absolute;top:1.6rem; left: 50%; transform: translateX(-50%);} */
#header.on .head .h_logo a{display: block;}
#header.on .head .h_logo a img{height:6.5rem;}

#header.fixed {background: #000;}

#header.fixed .head{height: 10rem;}
/* #header.on .head .h_logo {position: absolute;top:1.6rem; left: 50%; transform: translateX(-50%);} */
#header.fixed .head .h_logo a{display: block;}
#header.fixed .head .h_logo a img{height:6.5rem;}
/* nav */
#nav_wrap{position: fixed;bottom: 5.8rem;right: 8rem;z-index: 999999;}
#nav_wrap ul{display: flex; justify-content: center; gap: 1rem;flex-direction: column;}
#nav_wrap ul li{position: relative; flex-shrink: 0;}
#nav_wrap ul li a{display: block;}
#nav_wrap ul li a .icon{display: block;width: 8rem;height: 8rem;border-radius: 50%;background: url(../images/#nav_wrap_i01.svg) center / 100% no-repeat;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); background-color: #D70B17;}
#nav_wrap ul li a .icon01{background-image: url(../images/nav_i01.svg); background-size: 3.5rem;}
#nav_wrap ul li a .icon02{background-image: url(../images/nav_i02.svg);}
#nav_wrap ul li a .icon03{background-image: url(../images/nav_i03.svg);}
#nav_wrap ul li a .icon04{background-image: url(../images/nav_i04.svg);}
#nav_wrap ul li a span{position: absolute;top:0;right: 0;width: 22rem;padding-left: 3.6rem;line-height: 8rem;background: #D70B17;border-radius: 8rem;font-weight: 800;font-size: 2rem;z-index: -1;color: #fff;opacity: 0;visibility: hidden;transition: 0.5s all;}
#nav_wrap ul li:hover a span{opacity: 1;visibility: visible;}
.top_btn{width: 8rem;height: 8rem;border-radius: 50%;background:#2C2C2C url(../images/top_btn.svg) 0 / 100% no-repeat;}

/* all_menu_wrap */
html.active #header{z-index: 9999;}
html.active {overflow: hidden; height: 100%;}
html.active body{overflow: hidden; height: 100%;}
.all_menu_wrap.active{display: block;}
.all_menu_wrap{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, .9); z-index: 9999;}
.all_menu_wrap .all_menu_tit{margin-top: 12.6rem; font-size: 5rem; font-weight: 800; color: #fff;}
.all_menu_wrap .inner{position: relative; max-width: 160rem; margin: 0 auto; padding: 3.2rem 3rem 0;}
.all_menu_wrap .btn_menu_close{position: relative; z-index: 2; display: block; width: 3.5rem; height: 3.5rem; background: url(../images/ico_menu_close.png) 0 / 100% no-repeat;}
.all_menu_wrap .all_menu_list{display: flex; margin-top: 10.3rem; }
.all_menu_wrap .all_menu_list > li{flex: 1;}
.all_menu_wrap .all_menu_list > li button:before{content: ''; position: absolute; display: block; width: 1.5rem; height: 1.5rem; border-radius: 100%; background-color: transparent; top: -2.3rem; left: 0; transition: background-color .23s;}
.all_menu_wrap .all_menu_list > li:hover button:before{background-color: #D70B17;}
.all_menu_wrap .all_menu_list > li button{position: relative; display: block; font-size: 3.3rem; font-weight: 900; pointer-events: none; color: #fff;}
.all_menu_wrap .all_menu_list .sub_menu_list{margin-top: 4.2rem;}
.all_menu_wrap .all_menu_list .sub_menu_list li + li{margin-top: 1rem;}
.all_menu_wrap .all_menu_list .sub_menu_list a{font-size: 2rem; font-weight: 600; color: #fff; transition: color .23s;}
.all_menu_wrap .all_menu_list .sub_menu_list a:hover{color: #FF1B28; text-decoration: underline;}


/* --------------- visual --------------- */
#visual{position: relative;z-index: 1;}
.vis_slider_wrap .slick-list{height: 100%;}
.vis_bg{width: 100%;height: 100vh;position: relative;z-index: 1}
.vis_bg p{width: 100%;height: 100%; object-fit: cover; transition:5s all;background-size: cover;background-position: center;background-repeat: no-repeat;}
.vis_bg p.bg01{background-image:url(../images/main_brand/vis_new_img1.jpg)}
.vis_bg p.bg02{background-image:url(../images/main_brand/vis_new_img2.jpg)}
.vis_bg p.bg03{background-image:url(../images/main_brand/visual_03.jpg)}
#visual .slick-animation p{animation: fadezoom 5s 0s forwards;}
@keyframes fadezoom {
  0% {transform: scale(1);}
  100% { transform: scale(1.1);}
}

#visual .slider2{position: absolute; top: 0;left: 0;right: 0; max-width: 160rem; margin: 0 auto; bottom: 0;}
.vis_txt_wrap{}
.vis_txt_inner{width:100%; padding-top:27rem;display: flex; justify-content: right; outline:0; border:0;}
.vis_txt_wrap img{width: 356.92px;height: 323.7px;margin-right:5.2rem}
.vis_txt_wrap .txt_box {display: flex;gap: 1.4rem;}
.vis_txt_wrap .txt_box p{display: block;text-align: center;
font-style: normal;
font-weight: 600;
font-size: 3rem;
line-height: 3rem;}
.slick-counter{        display: inline-block;
    position: absolute;
    bottom: 8.1rem;
    left: 0rem;
    width: 5rem;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 5rem;
}

.vis_rolling_menu {position: absolute;
    left: 50%;
    bottom: 7.6rem;
    width: 100%;
    max-width: 160rem;
    transform: translateX(-50%);}

/* visual circle */
#visual .circle-line{position:absolute; bottom:.5rem; left:0; width:5rem; height:5rem; z-index: 999;}
    #visual .circle-line:before{ content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; box-sizing:border-box; border:3px solid rgba(255,255,255,0.3);border-radius:50%;}
    #halfclip {overflow:hidden; width:2.5rem; height:5rem; position:absolute; right:0px; transform-origin: left center; }
    #visual .active2.circle-line #halfclip {animation: cliprotate 8s 1; transform:rotate(180deg);} 
    @keyframes cliprotate {
        0% {transform:rotate(0deg);}
        50% {transform:rotate(0deg);}
        50.01% {transform:rotate(180deg);}
        100% {transform:rotate(180deg);}
    }
    @-webkit-keyframes cliprotate {
        0% {transform:rotate(0deg);}
        50% {transform:rotate(0deg);}
        50.01% {transform:rotate(180deg);}
        100% {transform:rotate(180deg);}
    }
    #visual .halfcircle {height:100%; position:absolute; right:0; visibility:hidden; border: solid 3px transparent; border-top-color: #fff; border-left-color: #fff; border-radius:50%; }
    #clipped {width:200%; transform: rotate(135deg); }
    #visual .active2 .halfcircle{visibility:visible;}
    #visual .active2 #clipped{animation: rotate 4s linear 2;}
    #visual .active2 #circle-fixed{animation: showfixed 8s 1;}
    @keyframes rotate {
        0% {transform: rotate(-45deg);}
        100% {transform: rotate(135deg);}
    }
    #circle-fixed {
        width:5rem;
        transform: rotate(135deg);  
        opacity: 1;
    }
    @keyframes showfixed {
    0% {opacity: 0;}
    49.99% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 1;}
    }

    #visual  .halfcircle.clear{border-color:transparent;}
    /* arrow */
    #visual .vis_arrow {position:absolute; bottom:5px; width:2rem; height:5rem; line-height: 5rem; text-align: center; cursor:pointer; border:0; background: none;font-size:0; cursor:pointer; z-index:999;}

    #visual .vis_prev {left: 8rem; opacity: 0.7;}
    #visual .vis_prev img{width: 100%;height: auto;}
    #visual .vis_next {left: 14rem;}
    .vis_rolling_menu .slide-paging {font-size:2.5rem; width:5rem; height:5rem; line-height:5rem; font-weight: 500; display:block; text-align:center;}
    .vis_dot .pause, .vis_dot .play{position:absolute; width:2.4rem; height:5rem; left:20rem; bottom:.5rem; }
    .vis_dot .pause a, .vis_dot .play a{width: 100%; height: 5rem; display: flex; align-items: center;}

    .vis_dot .play{display:none;}
    .vis_dot.active .play {display:block;}
    .vis_dot.active .pause {display:none;}


/* --------------- container --------------- */
.container.main{background-color: #000;}
.container.main .swiper-button-prev,
.container.main .swiper-button-next{position: static; display: inline-block; margin: 0; background: url(../images/main_brand/ico_swiper_arr.svg) center / 2.1rem 1.6rem no-repeat; vertical-align: top; border: none;}
.container.main .swiper-button-next{transform: rotate(180deg);}
.container.main .swiper-pagination-fraction{position: static; display: inline-block; width: auto; vertical-align: top;; font-size: 2.5rem; color: #9A9A9A;}
.container.main .swiper-pagination-fraction .swiper-pagination-current{font-weight: 700; color: #fff;}
.container .inner{max-width: 160rem; margin: 0 auto;}
.container.main .inner{padding-top: 0; padding-bottom: 0;}

.container .tit_wrap .sub_tit{display: block; margin-bottom: .5rem; font-weight: 800; font-size: 2rem; line-height: 3rem; color: #FF1B28;}
.container .tit_wrap .tit{font-size: 6rem; color: #fff;}
.container .tit_wrap .btn_arr_link{display: inline-block; font-size: 2rem; font-weight: 700; border-bottom: 1px solid #fff; color: #fff; vertical-align: top;}
.container .tit_wrap .btn_arr_link:after{content: ''; display: inline-block; width: 2.9rem; height: 2.3rem; margin-left: .5rem; background: url(../images/main_brand/ic_btn_arr.svg) 0 / 100% no-repeat; vertical-align: top;}
.container .tit_wrap .desc{margin-top: .7rem; font-size: 2.5rem; color: #fff;}
.container .tit_wrap.center{text-align: center;}
.container .tit_wrap.flex{display: flex; align-items: flex-end;}
.container .tit_wrap.flex .right{margin-left: auto;}

/* 메뉴소개 */
.section_box.menu{padding-top: 11.5rem;}
.section_box.menu .tit_wrap {padding-right: calc((100% - 90rem) / 2);}
.section_box.menu .menu_thumb_slide_wrap{position: relative; margin-top: 5rem;}
.section_box.menu .menu_thumb_slide_wrap:after{content: ''; display: block; position: absolute; top: 0; right: 0; width: calc((100% - 95rem)/2); height: 100%; background-color: #000; z-index: 2;}
.section_box.menu .menu_thumb_slide_wrap .swiper-container{margin: 0 -2.5rem;}
.section_box.menu .menu_thumb_slide_wrap .swiper-slide{width: 95rem;}
.section_box.menu .menu_thumb_slide_wrap .swiper-slide.swiper-slide-next:after{content: ''; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #000; z-index: 2;}
.section_box.menu .menu_thumb_slide_wrap .swiper-slide .img-box{position: relative; width: 100%; padding: 0 2.5rem; box-sizing: border-box;}
.section_box.menu .menu_thumb_slide_wrap .swiper-slide .more{opacity: 0; width: 0; height: 0; transition: opacity .23s;}
.section_box.menu .menu_thumb_slide_wrap .swiper-slide .img-box .more{position: absolute; top: 0; left: 2.5rem; right: 2.5rem; bottom: 0; opacity: 1; display: block; width: calc(100% - 5rem); height: 100%; border: 5px solid transparent; transition: border-color .23s; z-index: 2; font-size: 0;}
.section_box.menu .menu_thumb_slide_wrap .swiper-slide .img-box .more:before{content: 'VIEW'; position: absolute; top: 50%; left: 50%; opacity: 1; display: block; width: 13rem; height: 13rem; background-color: transparent; border-radius: 100%; color: transparent; line-height: 13rem; font-size: 2rem; font-weight: 700; transform: translate(-50%, -50%); text-align: center; z-index: 2; transition: color .23s, background-color .23s;}
.section_box.menu .menu_thumb_slide_wrap .swiper-slide .img-box:hover .more{border-color: #D70B17;}
.section_box.menu .menu_thumb_slide_wrap .swiper-slide .img-box:hover .more:before{color: #fff; background-color: #D70B17;}
.section_box.menu .menu_thumb_slide_wrap .swiper_control_box{position: absolute; bottom: 0; left: 50%; display: flex; align-items: center; justify-content: center; width: 25rem; height: 8rem; margin-left: 32.5rem; background-color: rgba(48, 47, 47, .9); transform: translateX(-50%); text-align: right; z-index: 3; text-align: center;}
.section_box.menu .menu_thumb_slide_wrap .swiper_control_box .swiper-button-prev,
.section_box.menu .menu_thumb_slide_wrap .swiper_control_box .swiper-button-next{width: 3rem; height: 3rem;}
.section_box.menu .menu_thumb_slide_wrap .swiper_control_box .swiper-pagination-fraction{margin: 0 4rem;}
.section_box.menu .menu_slide_wrap{position: relative;}
.section_box.menu .menu_slide_wrap .menu_name_slide_wrap{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 160rem; height: 0; background-color: #000; z-index: 3; text-align: right;}
.section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li{width: 100%; display: none;}
.section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li.active{display: block;}
.section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li .vertical-text{position: absolute; right: 0; top: 0;font-size: 0;}
.section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li .vertical-text dt{position: relative;}
.section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li .vertical-text dt:after{content: ''; position: absolute; bottom: -6rem; right: -2rem; display: block; width: 4.2rem; height: 4.1rem; margin-top: 1.9rem; background: url(../images//main_brand/main_menu_simbol.svg) 0 / 100% no-repeat;}
.section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li dt{display: inline-block; vertical-align: top; margin-right: 3.2rem; writing-mode: vertical-rl; font-size: 5rem;}
.section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li dd{display: inline-block; vertical-align: top; writing-mode: vertical-rl; font-size: 3rem; text-align: initial;}



/* 브랜드소개 */
.section_box.brand{padding: 14.9rem 0 20.4rem;}
.section_box.brand .brand_info{margin-top: 6.2rem; text-align: center;}
.section_box.brand .brand_info .info_tit{font-size: 4.5rem; color: #fff;}
.section_box.brand .brand_info .info_desc{font-size: 2rem; line-height: 3rem; margin-top: 1.1rem;}
.section_box.brand .brand_info_detail{display: flex; align-items: stretch; margin-top: 6rem}
.section_box.brand .brand_info_detail .box{position: relative; padding-left: 14rem; margin-right: 3rem;}
.section_box.brand .brand_info_detail .box:before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 10rem; height: 10rem; transition: background-image .23s;}
.section_box.brand .brand_info_detail .box.info01:before{background: url(../images/main_brand/main_brand_info01.png) 0 / 100% no-repeat;}
.section_box.brand .brand_info_detail .box.info02:before{background: url(../images/main_brand/main_brand_info02.png) 0 / 100% no-repeat;}
.section_box.brand .brand_info_detail .box.info03:before{background: url(../images/main_brand/main_brand_info03.png) 0 / 100% no-repeat;}
.section_box.brand .brand_info_detail .box.info04:before{background: url(../images/main_brand/main_brand_info04.png) 0 / 100% no-repeat;}
.section_box.brand .brand_info_detail .box.info01:hover:before{background-image: url(../images/main_brand/main_brand_info01_active.png);}
.section_box.brand .brand_info_detail .box.info02:hover:before{background-image: url(../images/main_brand/main_brand_info02_active.png);}
.section_box.brand .brand_info_detail .box.info03:hover:before{background-image: url(../images/main_brand/main_brand_info03_active.png);}
.section_box.brand .brand_info_detail .box.info04:hover:before{background-image: url(../images/main_brand/main_brand_info04_active.png);}
.section_box.brand .brand_info_detail .tit{font-size: 4rem; font-weight: 900; color: #fff;}
.section_box.brand .brand_info_detail .sub_tit{margin-top: .6rem; font-size: 2rem; font-weight: 600; color: #FF1B28;}
.section_box.brand .brand_info_detail .desc{margin-top: 3rem; font-size: 2rem; line-height: 3rem; color: #fff; word-break: keep-all;}
.section_box.brand .brand_info_detail .box + .box{margin-top: 9rem;}
.section_box.brand .brand_info_detail .img_box{flex-shrink: 0; position: relative; width: 42.5%; height: 100%; margin-left: auto;}
.section_box.brand .brand_info_detail .img_box:after{content: ''; position: absolute; top: calc(100% - 47rem); right: -5.4rem; width: 40rem; height: 52rem; background-color: #D70B17;}
.section_box.brand .brand_info_detail .img_box img{position: relative; width: 100%; z-index: 2;}


/* 매출액 */
.section_box.sales{padding: 14.3rem 0 13rem; background: url(../images/main_brand/main_bg_sales.png) top center / cover no-repeat;}
.section_box.sales .sub_tit{color: #fff;}
.section_box.sales .tit{color: #fff;}
.section_box.sales .tit .spot{color: #FFE601; text-decoration: underline;}
.section_box.sales .sales_group{display: flex; margin-top: 5.5rem;}
.section_box.sales .sales_group .box{flex: 1; overflow: hidden;}
.section_box.sales .sales_group .box + .box{margin-left: 4.9rem;}
.section_box.sales .main_tab_wrap .tab_list{display: none;}
.section_box.sales .main_tab_wrap .tab_cont{display: block;}
.section_box.sales .sales_group .count{display: block; margin-bottom: 1.7rem; font-size: 2rem; color: #FFE601;}
.section_box.sales .sales_group .badge{display: flex; flex-direction: column; justify-content: center; width: 17rem; height: 17rem; background-color: #fff; border-radius: 100%; text-align: center; color: #D70B17;}
.section_box.sales .sales_group .badge .val{font-size: 3rem; font-weight: 500;}
.section_box.sales .sales_group .badge .val .spot{display: block; font-weight: 700; font-size: 5.5rem;}
.section_box.sales .sales_group .badge.has_time .val .spot{display: inline-block; vertical-align: middle;}
.section_box.sales .sales_group .badge.has_time .time{display: block; font-size: 2.3rem; font-weight: 600; margin-top: .3rem;}
.section_box.sales .sales_group .box_head{position: relative; display: flex; z-index: 2;}
.section_box.sales .sales_group .box_head .right{margin-left: auto; margin-top: 3.6rem}
.section_box.sales .sales_group .box_head .tit{font-size: 3rem; font-weight: 300;}
.section_box.sales .sales_group .box_head .esamanru_b{display: block; font-size: 3.5rem; font-weight: 700;}
.section_box.sales .sales_group .sales_swiper{margin-top: 3.5rem;}
.section_box.sales .sales_group .sales_swiper .swiper-slide img{width: 100%;}
.section_box.sales .sales_group .sales_swiper .swiper_control{margin-top: 3rem; text-align: center;}
.section_box.sales .sales_group .sales_swiper .swiper_control .swiper-button-prev,
.section_box.sales .sales_group .sales_swiper .swiper_control .swiper-button-next{display: inline-block; width: 7rem; height: 7rem; border: 1px solid #fff; border-radius: 100%; vertical-align: top;}
.section_box.sales .sales_group .sales_swiper .swiper_control .swiper-button-next{margin-left: 1rem;}


/* 인테리어 */
.section_box.interior{padding: 14.2rem 0 14.7rem;}
.section_box.interior .interior_tit{margin-top: 5.6rem; font-size: 3.5rem; text-align: center; color: #fff;}
.section_box.interior .interior_desc{margin-top: .6rem; font-size: 2rem; text-align: center; color: #fff;}
.section_box.interior .interior_swiper .swiper-slide{width: auto;}
.section_box.interior .interior_swiper .swiper-slide{width: auto;}
.section_box.interior .interior_swiper .swiper-slide .img_box{width: 114rem; padding: 0 2rem;}
.section_box.interior .interior_swiper .swiper-slide.swiper-slide-prev .img_box:after,
.section_box.interior .interior_swiper .swiper-slide.swiper-slide-next .img_box:after{content: ''; position: absolute; top: 0; left: 2rem; width: calc(100% - 4rem); height: 100%; background-color: rgba(0,0, 0, .5);}
.section_box.interior .interior_swiper .swiper_control{position: absolute; top: 50%; left: 50%; display: flex; margin-top: -4rem; justify-content: space-between; width: 118rem; height: 0; transform: translate(-50%, -50%); z-index: 2;}
.section_box.interior .interior_swiper .swiper-button-prev,
.section_box.interior .interior_swiper .swiper-button-next{ width: 8rem; height: 8rem; border-radius: 100%; background-color: #fff; background-image: url(../images/main_brand/ico_swiper_arr_black.png);}
.main_tab_wrap{margin-top: 4rem;}
.main_tab_wrap .tab_list{display: flex; max-width: 160rem; margin: 0 auto; margin-bottom: 4rem;}
.main_tab_wrap .tab_list li{flex: 1; height: 8rem; background-color: transparent; border: 1px solid #eaeaea;}
.main_tab_wrap .tab_list li button{display: block; width: 100%; height: 100%; font-size: 2.5rem; color: #fff;}
.main_tab_wrap .tab_list li.active{background-color: #D70B17; border-color: #D70B17}
.main_tab_wrap .tab_list li + li{margin-left: 2rem;}
.main_tab_wrap .tab_cont{display: none;}
.main_tab_wrap .tab_cont.active{display: block;}

/* 배달 */
.section_box.delivery{position: relative; background: url(../images/main_brand/main_delivery_bg.png) top center / cover no-repeat;}
.section_box.delivery:after{content: ''; position: absolute; top: 0; left: 50%; width: 50%; background-color: rgba(201, 7, 18, .9); height: 100%;}
.section_box.delivery .inner{position: relative; padding: 26rem 0 30rem 50%; z-index: 2;}
.section_box.delivery .zoom_img_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35rem;}
.section_box.delivery .thumb_img_box{padding-left: 26.3rem }
.section_box.delivery .sub_tit{color: #fff;}
.section_box.delivery .tit{margin-top: 1.4rem; font-weight: 300; font-size: 4.5rem;}
.section_box.delivery .desc{margin-top: 2rem; font-size: 2rem;}
.section_box.delivery .delivery_thumb{margin-top: 4rem;}
.section_box.delivery .delivery_thumb .swiper-slide{width: calc((100% - 9rem) / 4);}
.section_box.delivery .delivery_thumb .swiper-slide + .swiper-slide{margin-left: 3rem;}
.section_box.delivery .delivery_thumb .swiper-slide button{display: block; width: 100%;}

/* 매장안내 */
.section_box.loc{padding: 13.2rem 0 14.2rem;}
.section_box.loc .tit_wrap .tit{position: relative; display: inline-block; vertical-align: top;}
.section_box.loc .tit_wrap .tit:after{content: ''; display: block; width: 10.5rem; height: 10.4rem; position: absolute; top: -.3rem; right: -14.3rem; background: url(../images/main_brand/main_lc_tit.png) 0 / 100% no-repeat;}
.section_box.loc .search_box{display: flex; justify-content: center; overflow: hidden; margin-top: 4.9rem;}
.section_box.loc .search_box input{display: block; flex: 1; width: 100%; max-width: 60rem; height: 9rem; padding: 0 5rem; border: 1px solid #fff; border-radius: 10rem; font-size: 2.5rem; font-weight: 300; background: transparent; color: #CDCDCD;}
.section_box.loc .search_box a{flex-shrink: 0; display: block; margin-left: 1.1rem; padding: 0 6rem; height: 9rem; background-color: #D70B17; border-radius: 10rem; font-size: 2.5rem; line-height: 9rem; font-weight: 700; color: #fff; text-align: center;}

/* 텍스트 애니메이션 */
.move_text_box .text{font-size: 8rem; font-weight: 700; color: #fff; display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; justify-content: flex-end; transition: 0.3s;}
.move_text_box .text.type02{color: #000; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
.move_text_box .text.type01 p{animation: textAnimation 40s linear infinite reverse; padding-right: 2rem;}
.move_text_box .text.type02 p{animation: textAnimation 40s linear infinite; padding-right: 2rem;}

@keyframes textAnimation {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

/* 언론 속 팔당냉면 */
.section_box.news{padding: 11rem 0 14.2rem;}
.section_box.news .tit_wrap{padding-right: 25.5rem;}
.section_box.news .news_swiper_wrap{position: relative;}
.section_box.news .swiper_control_box{position: absolute; top: -10.5rem; right: 0; display: flex; align-items: center;}
.section_box.news .swiper_control_box .swiper-button-prev,
.section_box.news .swiper_control_box .swiper-button-next{width: 6rem; height: 6rem; border: 1px solid #fff; border-radius: 100%;}
.section_box.news .swiper_control_box .swiper-button-next{margin-left: 1rem; background-color: #D70B17; border-color: #D70B17;}
.section_box.news .swiper_control_box .swiper-pagination-fraction{font-size: 0; margin-left: 4rem;}
.section_box.news .swiper_control_box .swiper-pagination-fraction .swiper-pagination-total:before{content: ''; display: inline-block; width: 3rem; height: 1px; margin: 0 1.5rem; background-color: #fff; vertical-align: middle;}
.section_box.news .swiper_control_box .swiper-pagination-fraction .swiper-pagination-current,
.section_box.news .swiper_control_box .swiper-pagination-fraction .swiper-pagination-total{font-size: 2.2rem;}
.section_box.news .news_swiper{overflow: visible; margin-top: 4.5rem}
.section_box.news .news_swiper .swiper-slide{display: flex; align-items: center; width: 50%;  }
.section_box.news .news_swiper .swiper-slide a {color:#fff;display: flex; align-items: center; justify-content:space-between; width:100%;}
.section_box.news .news_swiper .img_box{flex-shrink: 0; width: 39.27%; margin-right: 5rem; position:relative; }
.section_box.news .news_swiper .img_box span{display:block; padding-top:100%;background:#fff;}
.section_box.news .news_swiper .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; }
.section_box.news .news_swiper .news_detail{flex: 1; padding-right: 5rem; width:55%;}
.section_box.news .news_swiper .news_detail .news_tit{font-size: 3rem; font-weight: 800;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section_box.news .news_swiper .news_detail .news_desc{margin-top: 2.8rem; font-size: 2rem; font-weight: 300;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}


/* --------------- footer --------------- */
/* 창업문의 */
.apply_box{opacity: 0; z-index: -1; position: fixed; bottom: 0; width: 100%; background-color: #D70B17; transform: translateY(0); transition: opacity .5s ease, transform .23s ease;}
.apply_box.active{opacity: 1; z-index: 999;}
.apply_box.fixed{position: static;}
.apply_box.hide{transform: translateY(100%);}
.apply_box .inner{position: relative; max-width: 160rem; margin: 0 auto; display: flex; align-items: center; padding: 2rem 0; color: #fff}
.apply_box .fix_apply_txt{font-size: 2.6rem;}
.apply_box .fix_apply_txt span, .apply_box .fix_apply_txt a{ vertical-align: middle;}
.apply_box .fix_apply_txt a{font-size: 4.5rem; font-weight: 800; color: #fff;}
.apply_box .fix_apply_input_wrap{display: flex; margin-left: 4.6rem;}
.apply_box .fix_apply_input_wrap input::placeholder{color: #fff;}
.apply_box .fix_apply_input_wrap input:-ms-input-placeholder {color:#fff;}
.apply_box .fix_apply_input_wrap input::-webkit-input-placeholder {color:#fff;}
.apply_box .fix_apply_input_wrap input,
.apply_box .fix_apply_input_wrap select{flex: 1;font-size: 2rem;color: #fff;background: #AF000A;max-width: 21rem;width: 100%;height: 5rem;border: none;color: #fff;padding: 0 1.9rem;}
.apply_box .fix_apply_input_wrap input + input,
.apply_box .fix_apply_input_wrap input + select{margin-left: 2rem;}
.apply_box .fix_apply_input_wrap select{padding-right: 3.7rem; background: #AF000A url(../images/ic_dropdown_apply.svg) right 1.7rem center / 2rem no-repeat;}
.apply_box .fix_chk_wrap{position: relative; margin-left: 3rem; display: inline-flex; align-items: center; min-height: 2.4rem; vertical-align: middle;}
.apply_box .fix_chk_wrap input{overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
.apply_box .fix_chk_wrap input + label{position: relative; display: inline-block; padding-left: 3.4rem; font-size: 1.8rem; line-height: 3.4rem; vertical-align: top; word-break: keep-all; color: #fff;}
.apply_box .fix_chk_wrap input + label strong{text-decoration: underline;}
.apply_box .fix_chk_wrap input + label:before{content: ''; position: absolute; top: 50%; left: 0; display: block; width: 2.5rem; height: 2.5rem; background: url(../images/ico_ip_chk.svg) 0 / 100% no-repeat; transition: background-image .23s; transform: translateY(-50%);}
.apply_box .fix_chk_wrap input:checked + label:before{background-image: url(../images/ico_ip_chk_active.svg);}

.apply_box .form_wrap{display: flex; flex: 1;}
.apply_box .fix_submit_btn{margin-left: auto; display: inline-block; height: 5rem; width: 15rem; padding: 0 1rem; background-color: #000; vertical-align: top; color: #fff; font-size: 1.8rem;}
.apply_box .fix_submit_btn .only_pc{display: inline !important;}
.apply_box .btn_close_apply{position: absolute; top: -5.4rem; right: 0; display: block; width: 7rem; height: 5.5rem; background: url(../images/btn_close_apply.svg) 0 / 100% no-repeat;}
.apply_box.hide .btn_close_apply{background-image: url(../images/btn_open_apply.svg);}
.apply_box.fixed.hide{transform: translateY(0);}
.apply_box.fixed.hide .inner{padding: 0;}
.apply_box.fixed.hide .fix_apply_txt, .apply_box.fixed.hide .form_wrap{display: none;}



/* 푸터 */
.footer{height: 28rem;}
.footer .inner{display: flex; align-items: center; justify-content: flex-start; max-width: 160rem; margin: 0 auto; padding: 6.4rem 0  8rem;}

.f_logo{}
.ft_cont_wrap{display: flex; align-items: flex-start; justify-content: space-between; flex: 1; margin-left: 6.9rem;}
.ft_cont_wrap .ft_cont_left{}
.ft_cont_wrap .ft_cont_left .ft_menu_list{display: flex; align-items: center;}
.ft_cont_wrap .ft_cont_left .ft_menu_list .ft_menu_item + .ft_menu_item{margin-left: 1.5rem}
.ft_cont_wrap .ft_cont_left .ft_menu_list .ft_menu_item a{font-size: 1.8rem; line-height: 2.2rem; color: #fff;}
.ft_cont_wrap .ft_cont_left .ft_menu_list .ft_menu_item.privacy a{font-weight: 700;}
.ft_cont_wrap .ft_cont_left .ft_info_box{margin-top: 3.1rem;}
.ft_cont_wrap .ft_cont_left .ft_info_box .ft_info_list{display: flex; align-items: center; justify-content: flex-start; margin-top: 0.5rem; flex-wrap: wrap;}
.ft_cont_wrap .ft_cont_left .ft_info_box .ft_info_list .ft_info_item{margin-right: 2rem;}
.ft_cont_wrap .ft_cont_left .ft_info_box .ft_info_list .ft_info_item:last-child{margin-right: 0;}
.ft_info_title, .ft_info_text{font-size: 1.8rem; color: #fff; word-break:keep-all;}
.ft_info_title{font-weight: 700;}
.ft_info_text{margin-left: 0.5rem;}
.ft_cont_wrap .ft_cont_left .copy{margin-top: 18px; font-size: 1.6rem; color: #fff;}

.ft_cont_wrap .ft_cont_right{}
.ft_cont_wrap .ft_cont_right .ft_sns{display: flex; align-items: center; justify-content: flex-end;}
.ft_cont_wrap .ft_cont_right .ft_sns span{display: inline-block;}
.ft_cont_wrap .ft_cont_right .ft_sns span + span {margin-left: 2.5rem;}
.ft_cont_wrap .ft_cont_right .ft_sns a{display: block; width: 100%; height: 100%;}

.ft_cont_wrap .ft_cont_right .ft_sns .kakao_ic{width: 2.5rem; height: 2.3rem;}
.ft_cont_wrap .ft_cont_right .ft_sns .facebook_ic{width: 1.1rem; height: 2rem;}
.ft_cont_wrap .ft_cont_right .ft_sns .insta_ic{width: 2rem; height: 2rem;}
.ft_cont_wrap .ft_cont_right .ft_sns .blog_ic{width: 1.6rem; height: 2rem;}
.ft_cont_wrap .ft_cont_right .ft_sns .youtube_ic{width: 2rem; height: 1.4rem;}

.ft_cont_wrap .ft_cont_right .ft_sns .kakao_ic a{background: url(../images/sns_i01.svg) center / 100% no-repeat;}
.ft_cont_wrap .ft_cont_right .ft_sns .facebook_ic a{background: url(../images/sns_i02.svg) center / 100% no-repeat;}
.ft_cont_wrap .ft_cont_right .ft_sns .insta_ic a{background: url(../images/sns_i03.svg) center / 100% no-repeat;}
.ft_cont_wrap .ft_cont_right .ft_sns .blog_ic a{background: url(../images/sns_i04.svg) center / 100% no-repeat;}
.ft_cont_wrap .ft_cont_right .ft_sns .youtube_ic a{background: url(../images/sns_i05.svg) center / 100% no-repeat;}
.ft_cont_wrap .ft_cont_right .ft_call{margin-top: 3rem; text-align: right;}
.ft_cont_wrap .ft_cont_right .ft_call .call_text{font-size: 2rem; color: #fff; }
.ft_cont_wrap .ft_cont_right .ft_call .call_num{margin-top: 0.5rem; font-size: 3.5rem; font-weight: 700; color: #fff;}







/*  Media Query */
/* tablet */
@media only screen and (max-width:768px) {
	html{font-size:62.5%;}
    .only_pc{display: none !important;}
    .only_mo{display: block !important;}
    
    .head{height: 11rem;padding: 0 3rem}
    .head .gnb{display: none;}

    #nav_wrap {opacity: 0; z-index: -1;right: 1.5rem;bottom: 16.8rem; transform: translateY(0); transition: opacity .5s ease, transform .23s ease;}
	#nav_wrap.active {opacity: 1; z-index: 999999;}
    #nav_wrap ul li a .icon{width: 6rem; height: 6rem;}
    #nav_wrap ul li a .icon01{background-size: 3rem;}
	#nav_wrap ul li a span{line-height: 7rem;}
    .top_btn{width: 6rem; height: 6rem;}


    .container .tit_wrap .sub_tit{font-size: 2.2rem;}
    .container .tit_wrap .tit{font-size: 5rem;}
    .container .tit_wrap .desc{margin-top: 2.6rem;}
    .container .tit_wrap .btn_arr_link{font-size: 2.5rem;}

    .container .section_box:not(.delivery) .inner, .vis_rolling_menu,
    .main_tab_wrap .tab_list{padding: 0 1.5rem;}

    .pb_newinfo{height: 4.5rem;min-width: auto;padding: 0px 1.5rem;}
    .pb_newinfo a{line-height: 4.5rem;font-size: 2rem;}
    
    /* 전체메뉴 */
    .all_menu_wrap{height: 100%; overflow-y: auto;}
    .all_menu_wrap .inner{padding: 3.4rem 1.5rem;}
    .all_menu_wrap .all_menu_logo{margin-bottom: 7rem; margin-top: -2.5rem; text-align: center;}
    .all_menu_wrap .all_menu_logo img{width: 14rem; height: 14.5rem;}
    .all_menu_wrap .all_menu_list .sub_menu_wrap{display: none; border-top: 1px solid #fff;}
    .all_menu_wrap .all_menu_list .sub_menu_list{padding: 0 2rem; margin-top: 2.8rem; padding-bottom: 5.2rem;}
    .all_menu_wrap .all_menu_list .sub_menu_list a{font-size: 2.8rem;}
    .all_menu_wrap .all_menu_list .sub_menu_list li + li {margin-top: 3.5rem;}
    .all_menu_wrap .all_menu_list{display: block; border-bottom: 1px solid #fff;}
    .all_menu_wrap .all_menu_list > li{border-top: 1px solid #fff;}
    .all_menu_wrap .all_menu_list > li button{pointer-events: auto; width: 100%; padding: 2.6rem 2rem; font-size: 4rem; text-align: left;}
    .all_menu_wrap .all_menu_list > li button:before{content: none}
    .all_menu_wrap .all_menu_list > li button:after{content: ''; position: absolute; right: 1.7rem; top: 50%; transform: translateY(-50%); display: block; width: 3.3rem; height: 3.3rem; background: url(../images/ic_allmenu_arr.svg) 0 / 100% no-repeat; transition: transform .23s;}
    .all_menu_wrap .all_menu_list > li button.active:after{transform: translateY(-50%) rotateZ(180deg);}
    
    /* visual */
    .vis_slider_wrap .vis_txt_inner{padding-left: 7.8rem;padding-right: 7.8rem;align-items: flex-start;padding-top: 21rem;}
    .vis_txt_wrap img{width: 18rem;height: auto;}
    .vis_bg{max-height: 95rem;}
    .slick-counter{left: 1.5rem;}
    #visual .circle-line{left: 1.5rem;}
    #visual .vis_prev{left: 11rem}
    #visual .vis_next{left: 17rem}
    .vis_dot .pause, .vis_dot .play{left: 23rem}
    .vis_bg p.bg01{background-image:url(../images/main_brand/vis_new_img1_mo.jpg)}
    .vis_bg p.bg02{background-image:url(../images/main_brand/vis_new_img2_mo.jpg)}
    .vis_bg p.bg03{background-image:url(../images/main_brand/visual_03_mo.jpg)}

    /* 메뉴소개 */
    .section_box.menu .menu_slide_wrap{margin: 0 1.5rem;}
    .section_box.menu .menu_thumb_slide_wrap .swiper-slide{width: 100%;}
    .section_box.menu .menu_thumb_slide_wrap .swiper_control_box{left: -1px;right: auto;transform: none;height: 7rem;margin: 0;}
    .section_box.menu .menu_slide_wrap .menu_name_slide_wrap{position: static; transform: none; margin-top: 2.5rem; height: auto; text-align: left;}
    .section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li .vertical-text dt:after{display:none;/* position: static; display: inline-block; margin: 0 0 0 1.7rem; vertical-align: top; */}
    .section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li .vertical-text{position: static;}
    .section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li dt{writing-mode: initial; font-size: 3.5rem; margin: 0;}
    .section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li dd{display: none;}

    /* 브랜드소개 */
    .section_box.brand .brand_info_detail{display: block;}
    .section_box.brand .brand_info_detail .img_box{width: 100%; margin-top: 10rem;}
    .section_box.brand .brand_info{margin-top: 4.7rem;}
    .section_box.brand .brand_info .info_tit{font-size: 3.5rem;}
    .section_box.brand .brand_info .info_desc{margin-top: 3.2rem;font-size: 2.6rem;/* line-height: 3rem; */}
    .section_box.brand .brand_info_detail .box{margin-right: 0; padding-left: 12rem;}
    .section_box.brand .brand_info_detail .box:before{width: 9rem;height: 9rem;}
    .section_box.brand .brand_info_detail .tit{font-size: 3.5rem;}
    .section_box.brand .brand_info_detail .desc{font-size: 2.6rem;}

    /* 평균매출액 */
    .section_box.sales .sales_group .badge{width: 14rem; height: 14rem;}
    .section_box.sales .sales_group .badge .val{font-size: 2rem;}
    .section_box.sales .sales_group .badge .val .spot{font-size: 3.5rem;}
    .section_box.sales .sales_group .box + .box{margin-left: 0;}
    .section_box.sales .sales_group .box_head{padding-top: .2rem} 
    .section_box.sales .sales_group .box_head .left{white-space: nowrap;}
    .section_box.sales .sales_group .box_head .right{position: absolute; margin: 0; top: 0; right: 0;}
    .section_box.sales .sales_group .count{margin: 0;}
    .section_box.sales .sales_group .count, .section_box.sales .sales_group .tit{display: inline-block; vertical-align: bottom;}
    .section_box.sales .sales_group .box_head .esamanru_b{display: inline;}
    .section_box.sales .sales_group .sales_swiper{margin-top: 3.3rem;}
	.main_tab_wrap .tab_list li {height:6rem;}

    /* 팔당냉면 인테리어 */
    .section_box.interior .interior_swiper .swiper_control{width: calc(100% - 2rem);}
    .section_box.interior .interior_swiper .swiper-slide{width: calc(100% - 6rem);}
    .section_box.interior .interior_swiper .swiper-slide .img_box{width: 100%; padding: 0 1rem;}
    .section_box.interior .interior_swiper .swiper-slide.swiper-slide-prev .img_box:after, 
    .section_box.interior .interior_swiper .swiper-slide.swiper-slide-next .img_box:after{width: calc(100% - 2rem); left: 1rem}
    .section_box.interior .interior_tit, .section_box.interior .interior_desc{padding: 0 .3rem}
    .section_box.interior .interior_desc{font-size: 2.5rem; margin-top: 1rem;}

    /* 배달 */
    .section_box.delivery{background: none;}
    .section_box.delivery:after{content: none;}
    .section_box.delivery .tit_wrap .sub_tit{font-size: 2rem;}
    .section_box.delivery .tit_wrap .tit{font-size: 4rem;}
    .section_box.delivery .tit_wrap .desc{font-size: 2.5rem;}
    .section_box.delivery .inner{padding: 0;}
    .section_box.delivery .zoom_img_box{position: static; width: 100%; padding: 6.6rem 1.5rem 0; transform: none; background: url(../images/main_brand/main_delivery_bg_mo01.png) top center / cover no-repeat;}
    .section_box.delivery .zoom_img_box .delivery_gallery{ width: 52.08%; margin: 0 auto -10rem; }
    .section_box.delivery .zoom_img_box .delivery_gallery .img-box{ width: 100%; }
    .section_box.delivery .zoom_img_box .delivery_gallery .img-box img{ width: 100%; }
    .section_box.delivery .thumb_img_box{position: relative; padding: 35.6rem 1.5rem 13.2rem; text-align: center; background: url(../images/main_brand/main_delivery_bg_mo02.png) top center / cover no-repeat;}
    .section_box.delivery .delivery_thumb{position: absolute; top: 17.2rem; left: 1.5rem; width: calc(100% - 3rem); margin-top: 0;}
    .section_box.delivery .delivery_thumb{}
    .section_box.delivery .delivery_thumb .swiper-wrapper{justify-content: center;}

    /* 매장안내 */
    .section_box.loc{padding: 9.3rem 0 8.2rem; text-align: center;}
    .section_box.loc .tit_wrap{display: inline-block; padding-right: 14.5rem; position: relative; vertical-align: top;}
    .section_box.loc .tit_wrap:before{content: ''; position: absolute; bottom: .5rem; right: 0; display: block; width: 10.5rem; height: 10.4rem; background: url(../images/main_brand/main_lc_tit_mo.svg) 0 / 100% no-repeat;}
    .section_box.loc .tit_wrap .tit:after{content :none;}
    .section_box.loc .search_box input{max-width: 49rem;}

    /* 언론 속 팔당냉면 */
    .section_box.news{padding: 10.5rem 0 12.9rem;}
    .section_box.news .tit_wrap{padding: 0; text-align: center;}
    .section_box.news .news_swiper{overflow: hidden;}
    .section_box.news .swiper_control_box{position: static; margin-top: 5rem; justify-content: center;}
    .section_box.news .news_swiper .swiper-slide{width: 100%;}
   /* .section_box.news .news_swiper .img_box{width: calc((100% - 4rem) / 2); height: auto;}*/
    .section_box.news .news_swiper .img_box img{width: 100%;}
    .section_box.news .news_swiper .news_detail{padding-right: 0; width:40%;}
    .section_box.news .news_swiper .news_detail .news_desc{font-size: 2.5rem;}

    /* 창업문의 */
    .apply_box .inner{position: relative;flex-wrap: wrap;padding: 2.3rem 1.5rem 2.3rem;}
    .apply_box .fix_apply_txt{width: 100%;font-size: 2.0rem;margin-bottom: 1rem;}
    .apply_box .fix_apply_txt a{font-size: 3.2rem;}
    .apply_box .fix_apply_input_wrap{margin-left: 0; flex: 1;}
    .apply_box .fix_chk_wrap{position: absolute;top: 2.3rem;right: 1.3rem;}
    .apply_box .fix_apply_input_wrap input + input, .apply_box .fix_apply_input_wrap input + select{margin-left: 0.3rem;padding: 0 1rem;}
    .apply_box .fix_submit_btn{max-width: 12rem; margin-left:1rem;}
    .apply_box .btn_close_apply{width: 7rem; height: 5.5rem;}
    .apply_box .fix_submit_btn .only_pc{display: none !important;}


    /* 푸터 */
    .footer{height: auto;}
    .footer .inner{display: block; padding: 7rem 0 8rem;}
    .footer .f_logo{text-align: center;}
    .footer .f_logo img{width: 13.5rem; height: 14rem;}
    .footer .ft_cont_wrap{display: block; text-align: center; margin: 0; padding: 0 1.5rem;}
    .ft_cont_wrap .ft_cont_left .ft_menu_list{margin-top: 5rem; justify-content: center;}
    .ft_cont_wrap .ft_cont_left .ft_menu_list .ft_menu_item a{font-size: 2.5rem;}
    .ft_cont_wrap .ft_cont_left .ft_info_box .ft_info_list{display: block;}
    .ft_cont_wrap .ft_cont_left .ft_info_box .ft_info_list li{display: inline-block; margin-top: .5rem; vertical-align: top;}
    .ft_info_title, .ft_info_text{font-size: 2.5rem;}
    .ft_cont_wrap .ft_cont_left .copy{font-size: 2.2rem;}
    .ft_cont_wrap .ft_cont_right{display: flex; flex-direction: column; margin-top: 3.4rem;}
    .ft_cont_wrap .ft_cont_right .ft_sns{justify-content: center;  order: 2; margin-top: 5rem;}
    .ft_cont_wrap .ft_cont_right .ft_call{text-align: center;  order: 1; margin-top: 0;}
    .ft_cont_wrap .ft_cont_right .ft_call .call_text{display: inline-block; font-size: 2.5rem; vertical-align: bottom;}
    .ft_cont_wrap .ft_cont_right .ft_call .call_num{display: inline-block; margin-top: 0; font-size: 4rem; vertical-align: bottom;}

    .ft_cont_wrap .ft_cont_right .ft_sns .kakao_ic{width: 4.6rem; height: 4.3rem;}
    .ft_cont_wrap .ft_cont_right .ft_sns .facebook_ic{width: 2rem; height: 3.8rem;}
    .ft_cont_wrap .ft_cont_right .ft_sns .insta_ic{width: 3.7rem; height: 3.8rem;}
    .ft_cont_wrap .ft_cont_right .ft_sns .blog_ic{width: 2.9rem; height: 3.8rem;}
    .ft_cont_wrap .ft_cont_right .ft_sns .youtube_ic{width: 3.7rem; height: 3.8rem;}
}

/* Phone */
@media only screen and (max-width:600px) {
	html{font-size:40%} 
	.none_600 {display:none;}
    #header .head .h_logo a img{/*height:2.5rem;*/}
    #header.on .head .h_logo a img{/*height:2.3rem;*/}
    #header.fixed .head .h_logo a img{/*height:2.3rem;*/}
	.head .all_menu_btn button img{width: 2rem;height: 2rem;}

    .pb_newinfo{height: 4rem;}
    .pb_newinfo a{line-height: 4rem;font-size: 2.0rem;}

    .vis_slider_wrap .vis_txt_inner{padding-top: 18rem;padding-left: 5rem;padding-right: 5rem;align-items: flex-start;}

    .container .tit_wrap.flex{display: block;}
    .container .tit_wrap.flex .right{margin-top: 3rem;}
    
    .section_box.loc .tit_wrap{padding-right: 0;}
    .section_box.loc .tit_wrap:before{position: static; margin: 0 auto 3rem;}

    .section_box.loc{padding: 9.3rem 0 8.2rem;}
    .section_box.loc .tit_wrap{padding-right: 0;}
    .section_box.loc .tit_wrap:before{position: static; margin: 0 auto 3rem;}
	.section_box.loc .search_box{margin-top: 4.9rem;}
    .section_box.loc .search_box input{max-width: 49rem;height: 7rem;padding: 0 3rem;}
	.section_box.loc .search_box a{margin-left: 1.1rem;padding: 0 4rem;height: 7rem;border-radius: 10rem;font-size: 2.5rem;line-height: 7rem;}

    .section_box.news .news_swiper .swiper-slide{display: block;}
  /*  .section_box.news .news_swiper .img_box{margin: 0 auto;}*/
    .section_box.news .news_swiper .news_detail{padding-right: 0;margin-top: 3rem;}

    .apply_box .form_wrap{/* flex-wrap: wrap; */}
    .apply_box .fix_apply_input_wrap{width: 80%;flex: none;}
    .apply_box .fix_apply_input_wrap input, .apply_box .fix_apply_input_wrap select{flex: 1;max-width: none;padding: 0 1rem;font-size: 1.7rem;}
    .apply_box .fix_submit_btn{width: 100%;max-width: none;font-size: 1.7rem;margin-left: 0.3rem;/* margin: 1rem 0 0; */}

    .section_box.interior .interior_swiper .swiper_control{margin-top: -3rem}
    .section_box.interior .interior_swiper .swiper-button-prev, .section_box.interior .interior_swiper .swiper-button-next{width: 6rem; height: 6rem; }


} 



/* pc */
@media only screen and (max-width:1440px) and (min-width:769px) {
	html{font-size:48%;} 
    .head {padding: 0 3rem;}

    .head .gnb ul li + li{margin-left: 7rem;}
  /*  .head .gnb ul li:nth-child(3){margin-left: 35rem;}*/

    .container .section_box:not(.delivery) .inner, .vis_rolling_menu,
    .main_tab_wrap .tab_list{padding: 0 3rem;}
    .vis_slider_wrap .vis_txt_inner, .all_menu_wrap .inner{padding-left: 3rem; padding-right: 3rem}

    .section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li .vertical-text{padding-right: 3rem;}

    .section_box.menu .menu_thumb_slide_wrap .swiper-slide{width: 49.48%;}
    .section_box.menu .menu_thumb_slide_wrap .swiper_control_box{width: 47.99%; background: transparent; margin: 0;}
    .section_box.menu .menu_thumb_slide_wrap .swiper_control_box .control_inner{display: flex; align-items: center; justify-content: center; width: 25rem; height: 100%; margin-left: auto; background-color: rgba(48, 47, 47, .9);}
    .section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li dt{font-size: 4rem; margin-right: 2rem; line-height: 4.1rem;}
    .section_box.menu .menu_slide_wrap .menu_name_slide_wrap ul li dd{font-size: 2rem;}

    .sub_menu_wrap{display: block !important;}

    .footer .inner, .apply_box .inner{padding-right: 3rem; padding-left: 3rem; flex-wrap: wrap;}
    .apply_box .fix_apply_txt{width: 100%; margin-bottom: 3rem;}
    .apply_box .fix_apply_input_wrap{margin-left: 0; flex: 1;}
    .apply_box .fix_apply_input_wrap input, .apply_box .fix_apply_input_wrap select{max-width: none;}
    .apply_box .fix_chk_wrap{margin-right: 3rem;}

    .section_box.delivery .inner{padding-right: 3rem;}
}

@media only screen and (max-width:1440px) and (min-width:901px) {
	.head .gnb ul li:nth-child(3){margin-left: 35rem;}
}
@media only screen and (max-width:900px) and (min-width:769px) {
	.head .gnb ul li:nth-child(3){margin-left: 25rem;}
}

/* pc default */
@media only screen and (min-width:1441px) {
    html{font-size:62.5%;} /* 임의 조정 */
    
    .sub_menu_wrap{display: block !important;}
}

/* 예외 */
@media only screen and (max-width:1440px) {
    .section_box.sales .main_tab_wrap .tab_list{display: flex;}
    .section_box.sales .main_tab_wrap .tab_list{margin-bottom: 6rem; padding: 0; border-left: 1px solid #fff;}
    .section_box.sales .main_tab_wrap .tab_list li{border-left: none; transition: background-color .23s;}
    .section_box.sales .main_tab_wrap .tab_list li button{transition: color .23s;}
    .section_box.sales .main_tab_wrap .tab_list li.active{background: #fff; border-color: #fff;}
    .section_box.sales .main_tab_wrap .tab_list li.active button{color: #D70B17;}
    .section_box.sales .main_tab_wrap .tab_list li + li{margin: 0;}

    .section_box.sales .main_tab_wrap .tab_cont{display: none;}
    .section_box.sales .main_tab_wrap .tab_cont.active{display: block;}
	.section_box.sales .sales_group .box + .box{margin-left:0;}
}

/* 예외 */
@media only screen and (min-width:1600px) {
    .section_box.delivery .inner{padding-left: 80rem;}
}