/*test page template*/
html {
height: 100%;
}
* {
margin: 0;
padding: 0;
}
body {

}

img {
border: 0;
}

a,
a:hover {
outline: none;
text-decoration: underline;

}
a:hover {
text-decoration: none;
}



.header{position:fixed;width:100%;z-index:999999999;background:#0a0a0a;overflow:hidden;box-shadow:0 0 0.2604vw #0a0a0a;top:0;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 1% 2%;}
.header_bg{background:url('../img/header_top.png') no-repeat center 0;background-size:cover;width:100%;height:0.9896vw;}
.quick{position:fixed;top:6.3688vw;right:0%;width:5.9375vw;z-index:99999;}
.quick ul{width:100%;display: flex;flex-direction: column;}
.quick ul li{width:100%;}

.gnb{display: inline-block;}
.gnb ul{overflow:hidden;margin: 0;}
.gnb ul li{float:left;font-size:0.9375vw;font-family:'NanumSquare';color:#fff;padding:0 2.0833vw;cursor:pointer;font-weight:900;}
.gnb ul li:last-child{color: #d3a670;}

.main_slide_section{position: relative;margin-top: 2vw;}
.main_slide{width: 100%;height: auto;aspect-ratio: 16 / 8;}
.main_slide.slick-dotted.slick-slider{margin-bottom: 0;}
.main_slide .slick-dots{bottom: 10px;}
.main_slide .slick-dots li button:before{color: #fff;opacity: 0.5!important}
.main_slide .slick-dots li.slick-active button:before{color: #fff;opacity: 1!important;}
.main_slide .slick-list,.main_slide .slick-track{width: 100%;height: 100%;}
.scroll_top{position:fixed;left:1.5625vw;bottom:1.5625vw;cursor:pointer;z-index:99999;}
.logo{float:left;margin-left: 1.0938vw;width: 12.6042vw;}
.logo img{display:block;width: 100%;}
.tel{float:right;margin-top: 1.6667vw;margin-right: 2.1354vw;}
.tel img{display:block;}
.cont_line{background:url('../img/cont_line.png') no-repeat center 0;background-size:cover;width:100%;height:0.7292vw;}
.main_slide .section_1{width:100%;background:url('../img/section1_bg.jpg') no-repeat center 0;background-size:cover;}
.main_slide .section_1_1{width:100%;background:url('../img/section1_1_bg.jpg') no-repeat center 0;background-size:cover;height:100%;}
.main_slide .section_1_2{width:100%;background:url('../img/section1_2_bg.jpg') no-repeat center 0;background-size:cover;height:100%;}
.sec1_2_txt_area{text-align: center;display: inline-block;}
.sec1_2_txt1{margin: 0 auto;width: 42vw;position: absolute;top: 11vw;left: 11vw;z-index: 2}
.sec1_2_txt2{padding-top: 7%;margin: 0;width: 22.5521vw;position: absolute;top: 7vw;right: 8vw;z-index: 2}
.main_slide .sec1_2_txt1 img{margin: 0;display: inline-block;}
.section_wrap{max-width:68.8542vw;width:100%;margin:auto;text-align:center;position:relative;}
.section_1 .section_wrap,.section_1_1 .section_wrap,.section_1_2 .section_wrap{height:100%;position:relative;display: flex;align-items: center;max-width: 79vw;}
.section_1 .section_wrap, .section_1_1{justify-content: center;}
.section_1_2 .section_wrap{text-align: left;max-width: unset;}
.sec1_2_img1,.sec1_2_img2{position: absolute;}
.sec1_2_img1{width: 20vw;bottom: 7vw;left: 8.7292vw;z-index: 2;}
.sec1_2_img2{width: 20vw;bottom: 7vw;left: 33vw;z-index: 1;}
.place_area{display: flex;flex-direction: column;position: absolute;right: 7.5vw;top: 18.2vw;width: 15vw;}
.place_area a{text-align: center;text-decoration: none;}
.place{
    font-family: 'Gmarket Sans';
    color: #8b0002;
    font-weight: 700;
    font-size: 2.3958vw;
    background: #d3a670;
    border-radius: 0.5208vw;
    padding: 4% 0 2% 0;
    margin-bottom: 2%;
    white-space: nowrap;

    animation: slowFlash 1s ease-in-out infinite;
}

@keyframes slowFlash {
    /* 붉은색 유지 */
    0%,
    45% {
        background: #d3a670;
    }

    /* 흰색으로 전환 */
    60% {
        background: #ffffff;
    }

    /* 흰색 유지 */
    70% {
        background: #ffffff;
    }

    /* 붉은색 복귀 */
    100% {
        background: #d3a670;
    }
}


.intro{width:100%;background:url('../img/intro_bg.jpg') no-repeat center 0;background-size:cover;}
.intro .section_wrap{padding: 6% 0 36% 0;display: flex;flex-direction: column;align-items: center;position: relative;}
.intro_cont1{width: 49.1146vw}
.intro_cont2{width: 21.7188vw;margin-top: 4.6875vw;}
.intro_cont3{width: 25.4167vw;margin-top: 4.6875vw;}
.intro_img{position: absolute;bottom: 5.4292vw;left: 13.5208vw;width: 40.5208vw;}

.hover_ul{width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.hover_li{width: 33.3333%;height: 45.2083vw;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 14% 0;transition: 0.3s ease-in-out;position: relative;}
.hover_li::before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(185,144,94,0.7);z-index: 1;opacity: 0;transition: 0.3s ease-in-out;}
.hover_li:hover{width: 45%;}
.hover_li:hover::before{opacity: 1;}
.hover_li:nth-child(1){background: url(../img/hoverbg1.jpg) no-repeat center 0;background-size: cover;}
.hover_li:nth-child(2){background: url(../img/hoverbg2.jpg) no-repeat center 0;background-size: cover;}
.hover_li:nth-child(3){background: url(../img/hoverbg3.jpg) no-repeat center 0;background-size: cover;}
.hover_tit{width: 14.3229vw;position: relative;z-index: 2;}
.hover_txt{width: 23.1250vw;margin-top: 5%;opacity: 0;position: relative;z-index: 2;}
.hover_li:hover .hover_txt{transition: 0.5s ease-in-out;opacity: 1;}

.bar{width: 100%;background:url(../img/bar.jpg) no-repeat center 0;background-size: cover;}
.bar .section_wrap{text-align: right;padding: 5% 0;}
.bar_txt{width:53.1250vw;display: inline-block;}

.menu_slide_section{width: 100%;padding: 14% 0 15% 0;}
.menusection_tit{width: 72.1875vw;margin: auto;}
.menu_slide{width: 100%;overflow: hidden;}
.menu_slide .slick-list{overflow: visible;padding: 0 !important;box-sizing: border-box;}
.menu_slide .slick-track{min-height: 27.3958vw;transition: all 0.3s ease;}
.menu_slide *:focus{outline: none;}
.menu_slide_li{text-align: center;opacity: 0.5;height: unset!important;transition: 0.3s ease-in-out;overflow: visible;position: relative;}
.menu_img{width:30.5729vw;margin: 0 auto;transition: 0.3s ease-in-out;}
.menu_tit{width:18.0208vw;margin: 0 auto;margin-top:3%;}
.menu_txt{width:32.9167vw;margin: 0 auto;margin-top:3%;opacity: 0;transition: 0.3s ease-in-out;position: absolute;bottom: -4.5313vw;left: 50%;transform: translateX(-50%);} 
.hot_menu .menu_txt{bottom: -7.2917vw;} 
.side_menu{width: 88.0208vw;margin: auto;}


.slick-center{}
.slick-center .menu_img{}
.slick-center .menu_txt{opacity: 1;}
.slick-center.menu_slide_li{opacity: 1;}

  /* slide when not active/center*/
.menu_slide .slick-slide,
.menu_slide .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transform: scale(0.6, 0.6);
  transition: transform 0.3s;
}
/* slide when active/center */
.menu_slide .slick-center,
.menu_slide .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transform: scale(1, 1);
}

ul.tabs {
    width: 60%;
    margin: 0 auto;
    margin-top: 3%;
    padding: 0.5208vw 0 1.0417vw 0;
    list-style: none;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.tabs li {
 
 width: 32%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-align:center;
    opacity: 1;
    transition: 0.3s ease-in-out;
    background: #dcdcdc;
    border-radius: 3.1250vw;

}
ul.tabs li a {
 text-decoration: none;
 color: #3c3c3c;
 display: block;
 font-size: 1.4063vw;
 padding: 0.5208vw 0.0000vw 0.3125vw 0.0000vw;
 outline: none;
font-weight: 500;
font-family: 'PuradakGentleGothicR';
}
ul.tabs li a span{font-weight: 400;}
ul.tabs li.active a, html ul.tabs li:hover a{color: #ca9f6b;}
ul.tabs li.active, html ul.tabs li:hover{
 background: #000000;
} 

ul.tabs img{display:inline-block;}

.tab_container {
 clear: both;
 width: 100%;
 -moz-border-radius-bottomright: 0.2604vw;
 -khtml-border-radius-bottomright: 0.2604vw;
 -webkit-border-bottom-right-radius: 0.2604vw;
 -moz-border-radius-bottomleft: 0.2604vw;
 -khtml-border-radius-bottomleft: 0.2604vw;
 -webkit-border-bottom-left-radius: 0.2604vw;
margin-bottom: 0.5208vw;
margin-top:4%;
}
.tab_content {
 font-size: 1.2em;
position: relative;
}
.tab_content h2 {
 font-weight: normal;
 padding-bottom: 0.5208vw;

 font-size: 1.8em;
}
.tab_content h3 a{
 color: #254588;
}
.tab_content img {

}
.tab_content p{

}

         
@media screen and (max-width:992px){
    ul.tabs{width: 90%;margin-top: 5%;margin-bottom: 5%;}
    ul.tabs li{width:33%;margin-bottom: 0;border: 0px;border-radius: 0;background: transparent;}
    ul.tabs li.active{border-bottom: 2px solid #000;}
    ul.tabs li.active, html ul.tabs li:hover{background: transparent;}
    html ul.tabs li:hover a{color: unset;}
    html ul.tabs li.active a{color: #ca9f6b;}
    

    .tab_content p{padding:10px;} 
    
.warn{text-align:center;font-size:11px;}
.tab_container{margin-top:0;padding-top:0;}
ul.tabs li a{font-size:1.7em;padding: 1% 0 0% 0;}
ul.tabs li{padding: 0;}
}

.shopinfo_section{width: 100%;background: #f2ede2;}
.shopinfo_section .section_wrap{padding: 7% 0;}
.shopinfo_tit{width: 12.8646vw;margin: auto;margin-bottom: 5%;}
.shopinfo_ul{width: 100%;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.shopinfo{width: 48.3%;display: flex;flex-direction: column;margin-bottom: 5%;}
.shop_pic_slide{width: 100%;text-align: right;}
.shop_pic_slide .slick-dots{width: unset;bottom: 2%;right: 2%;}
.shop_pic_slide .slick-dots li button:before{font-size: 0.7813vw;color: #fff;opacity: 0.5;}
.shop_pic_slide .slick-dots li.slick-active button:before{color: #fff;opacity: 1;}


#pager{width:100%;position:absolute;top:49%;overflow:hidden;}
.prev{float:left;margin-left:2%;cursor:pointer;}
.next{float:right;margin-right:2%;cursor:pointer;}
.prev_i{float:left;margin-left:10%;cursor:pointer;}
.next_i{float:right;margin-right:10%;cursor:pointer;}


#pager2{width:40%;position:absolute;top:49%;left: 50%;transform: translateX(-50%);overflow:hidden;z-index: 2}
.prev2{float:left;margin-left:2%;cursor:pointer;}
.next2{float:right;margin-right:2%;cursor:pointer;}

.prev3{float:left;margin-left:2%;cursor:pointer;}
.next3{float:right;margin-right:2%;cursor:pointer;}



.sec1_txt_area{}
.sec1_txt1{width:48.4375vw;}
.sec1_txt1 img{width: 100%;}
.sec1_txt2{position:absolute;bottom:5.2083vw;right: -4.6354vw;transition: 0.3s ease-in-out;cursor: pointer;width: 20.0521vw;}
.sec1_txt2 img{width: 100%;}
.scroll{position:absolute;bottom:4%;}
.sec1_cont_left{position:absolute;top:2%;left:-13%;}
.sec1_cont_right{position:absolute;top:7%;right:-20%;}

.section_2{width:100%;background:url(../img/section_2_bg.png) no-repeat center bottom;background-size: cover;}
.section_2 .section_wrap{text-align:left;}
.sec2_txt_area1{position:relative;padding:10% 0;text-align: center;}
.sec2_ul{overflow: hidden;display:flex;flex-direction: row;justify-content: space-between;margin: auto;width: 100%;}
.sec2_ul li{width: 24%;}
.sec2_ul li .counter_box{font-size:2.0833vw;font-family:'PuradakGentleGothicR';color:#fff;width: 100%;display: inline-block;font-weight: 400;}
.sec2_ul li .counter_box span{font-size: 3.9063vw;color: #d3a670;}
.counter_txt{font-size:1.0417vw;color:#fff;line-height: 1.4;margin-top: 15%;position: relative;}
.counter_txt::before{content: '';display: inline-block;width: 1.8229vw;height: 0.0521vw;background: #fff;position: absolute;top: -1.3021vw;left: 50%;transform: translateX(-50%);}
.counter_tit{width:36.9271vw;margin: auto;margin-bottom: 5%;}

.section_3{width:100%;background:#fff;}
.section_3 .section_wrap{text-align:center;padding:7% 0;}
.sec3_tit{width: 15.0000vw;margin: auto;}
.sec3_cont{margin-top: 10%;width: 100%;}

.section_4{width:100%;background:#f2ede2;}
.section_4 .section_wrap{text-align:center;padding:7% 0;}
.sec4_tit{width: 31.5625vw;margin: auto;}
.sec4_cont{margin-top: 6%;width: 100%;}

.center_section{width:100%;background:#01483c;}
.center_section .section_wrap{padding:6% 0;}
.center_sec_txt2{margin-top: 6%;}


.section_5{width:100%;background:url(../img/section_5_bg.png) no-repeat center top;background-size: cover;margin-top: -2%;}
.section_5 .section_wrap{text-align:center;padding:10% 0;max-width: 76.8229vw;}
.sec5_tit{width: 11.9792vw;margin: auto;}
.sec5_ul{width: 100%;display: flex;flex-direction: row;justify-content: space-between;margin-top: 5%;}
.sec5_li{width: 76.8229vw;margin: auto;}


.section_6{width:100%;background:#f2ede2;}
.section_6 .section_wrap{text-align:center;padding:7% 0;}
.sec6_tit{width: 44.8438vw;margin: auto;}
.sec6_cont{margin-top: 6%;width: 100%;}

.section_7{width:100%;background:url(../img/section_7_bg.jpg) no-repeat center top;background-size: cover;}
.section_7 .section_wrap{text-align:center;padding:7% 0;}
.sec7_tit{width: 44.8438vw;margin: auto;}
.sec7_cont{margin-top: 6%;width: 100%;position: relative;}
.sec7_cont2{margin-top: 3%;width: 100%;position: relative;}
.sec7_cont2_tit{width: 33.8542vw;margin: auto;margin-top: 6%;margin-bottom: 3%;}
.sec7_cont_blink{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.section_8{width:100%;background:#fff;}
.section_8 .section_wrap{text-align:center;padding:7% 0;}
.sec8_tit{width: 12.9688vw;margin: auto;}
.sec8_cont{margin-top: 6%;width: 100%;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sec8_cont img{width: 24.65%;}
.sec8_cont img:nth-child(n+5){margin-top: 0.7%;}

.section_9{width:100%;background:url(../img/section_9_bg.jpg) no-repeat center top;background-size: cover;}
.section_9 .section_wrap{text-align:center;padding:7% 0;}
.sec9_tit{width: 46.4063vw;margin: auto;}


.section_10{width:100%;background:url(../img/section_10_bg.jpg) no-repeat center top;background-size: cover;}
.section_10 .section_wrap{padding: 7% 0;}
.db_ul{width:100%;display: flex;flex-direction: row;justify-content: space-between;}
.db_ul>li{width:47.95%;box-sizing: border-box;}
.db_ul>li:nth-child(2){background: #fff;padding: 2%;border-radius: 15px;width:48%;}


.privacy_box_pop_bg{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;z-index: 999999;display: none;}
.privacy_box_pop{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.privacy_close{font-size: 1.5625vw;font-weight: 900;color: #000;position: absolute;right:0.7813vw;top: 0.0000vw;cursor: pointer;}

.privacy_view{font-size: 0.8vw;font-weight: 900;color: #000;cursor: pointer;margin-top: -0.5vw;}

.privacy_box_pop{
    border: 0.0521vw solid #d5d5d5;
    background: #fafafa;
    padding: 1.0417vw 1.5625vw;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 0.5208vw;
    text-align: left
}

.privacy_box_pop .title {
    font-size: 0.7292vw;
    line-height: 1.0417vw;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 1.3021vw;
}

.privacy_box_pop .conarea {
    font-size: 0.6771vw;
    line-height: 1.0938vw;
    letter-spacing: -0.025em;
    color: #888;
}

.tbl_wrap th label{color: #000;font-size:0.8333vw;font-family: 'PuradakGentleGothicR';font-weight: 400;}
.tbl_wrap th label.required{padding-right:0.7292vw;}
#bo_w .tbl_frm01 td{padding: 0 0 0.6250vw 0;}
#btn_submit{   width: 100%;
    background: #c1a379 ;
    border: none;
    border-radius: 3.1250vw;
    margin-top: -1.5625vw;
    font-size: 1.0417vw !important;
    color: #c30101;
    padding: 0.5208vw;
    text-decoration: none;
    font-weight: 900;
      
    margin:auto;}
.btn_confirm{margin-top: 0%;}

.quick_db{width: 100%;background:url(../img/quick_db_bg.jpg) no-repeat center 0;background-size: cover;position: fixed;left: 0;bottom: 0;z-index: 99999;}
.quick_db .section_wrap{max-width: 77.3438vw;margin: auto;padding: 1.1% 0;display: flex;flex-direction: row;justify-content: space-between;}
.quick_db .tbl_wrap th label{color: #fff;word-break: keep-all;margin-bottom: 0;}
.quick_db .privacy_view{color: #fff;font-size: 0.7292vw;color: #b9905e;}
.quick_db .qna_privacy .qna_privacy_agree input.agree_ck[type="checkbox"] + label{color: #fff;font-size: 0.8854vw;word-break: keep-all;line-height: 1.2;}
.quick_db .tbl_frm01{margin: 0;}
.quick_db .tbl_wrap .table{margin-bottom: 0;}
.quick_db .tbl_wrap th{width: unset;}
.quick_db .tbl_wrap .table tr{flex-direction: row;align-items: center;margin-right:1%;width: 20%;display: flex;justify-content: space-around;}
.quick_db .tbl_wrap .table tr td{}
.quick_db .tbl_wrap .table tr:nth-child(2){width: 35%;}
.quick_db .tbl_wrap .table tr:last-child{margin-right: 0;}
.quick_db #fwrite{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.quick_db .tbl_wrap .table tbody{display: flex;flex-direction: row;}
.quick_db #bo_w .tbl_frm01 td{padding: 0;}
.quick_db .qna_privacy .qna_privacy_agree label{color: #fff;font-size: 0.8854vw;}
.quick_db .qna_privacy .qna_privacy_agree{display: flex;flex-direction: row;margin: 0;}
.quick_db .tbl_wrap td .form-control{height: 1.8229vw;}
.quick_db .tbl_wrap td .form-control-phone{height: 1.8229vw;}
.quick_db_tit{width: 11.1458vw;}
.quick_db_cont{width:  81%;}
.quick_db .tbl_wrap th label{font-size: 0.7813vw;margin-right: 1%;}

.quick_db .qna_privacy{margin: 0;margin-right: 1%;}
.quick_db .qna_privacy .qna_privacy_agree input.agree_ck[type="checkbox"]{margin: 0;margin-right: 1%;}
.quick_db #btn_submit{font-size: 0.8333vw!important;background: #c30101;color: #fff;}

.quick_popup_btn{width: 15%;position: absolute;top: -8vw;left: 50%;transform: translateX(-50%);}

.footer{background:#fff;}
.footer .section_wrap{text-align:left;}
.foot_info{color:#000;font-size:0.9375vw;line-height:1.4;padding:5% 0 10% 0;}
.foot_info b{font-size: 1.0417vw;}
.foot_logo{position:absolute;right:0;top:2.7708vw;width: 13.9583vw;}



@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

/*
.main_slide .sec1_2_txt1 {
    transform:translateX(0);
    opacity:0;
}

.main_slide .slick-active .sec1_2_txt1{
    animation-name:fadeInDown;
    animation-duration:1.5s;
    animation-fill-mode: forwards;
    animation-delay:0.3s;
}

.main_slide .slick-active .sec1_2_txt2{
    animation-name:fadeIn;
    animation-duration:2s;
    animation-fill-mode: forwards;
    animation-delay:0.5s;
}

.main_slide .slick-active .sec1_2_img1{
    animation-name:fadeInRight;
    animation-duration:1.5s;
    animation-fill-mode: forwards;
    animation-delay:0.7s;
}

.main_slide .slick-active .sec1_2_img2{
    animation-name:fadeInRight;
    animation-duration:1.5s;
    animation-fill-mode: forwards;
    animation-delay:0.9s;
}

.main_slide .slick-active .sec1_txt1{
    animation-name:fadeInDown;
    animation-duration:1.5s;
    animation-fill-mode: forwards;
    animation-delay:0.3s;
}
*/
@keyframes fadeInLeft {
    0% {
        transform:translateX(-5px);
        opacity:0;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}

.blinking{ -webkit-animation:blink 0.5s ease-in-out infinite alternate; -moz-animation:blink 0.5s ease-in-out infinite alternate; animation:blink 0.5s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0.3;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0.3;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0.3;} 100% {opacity:1;} }

@keyframes blink2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.blinking-text {
  animation: blink2 1.2s infinite; /* 1초 간격으로 무한 반복 */
}

@keyframes blink3 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.blinking-text2 {
  animation: blink3 1.3s infinite; /* 1초 간격으로 무한 반복 */
}

#pc{}
#mb{display: none;}

@media screen and (max-width:1000px){
#pc{display: none!important;}
#mb{display: block;}
    .quick{width: 45%;top: unset;bottom: 3%;right: 3vw;}
    .quick ul{flex-direction: row;justify-content: space-between;margin: 0;}
    .quick ul li:first-child{width: 25%;}
    .quick ul li:last-child{width: 70%;}
    
    .main_slide_section{margin-top: 17vw;}
    .main_slide .section_1_2{background: url(../img/section1_2_bg_m.jpg) no-repeat center 0;
    background-size: cover;padding: 10% 0;}
    .place_area{position: unset;flex-direction: row;justify-content: space-between;margin-bottom: 2%;}
    .place_area a{width: 49%;}
    .place{width: 100%;font-size: 7vw;border-radius: 5px;}
    
    .tab_content{overflow: hidden;}
    .section_wrap{max-width: 92vw;}
    .gnb{display: none;}
    .header{padding: 3% 0;overflow: visible;}
    .logo{float: unset;width: 35%;margin: auto}
    .main_slide{height: unset; aspect-ratio:unset;}
    .section_1 .section_wrap, .section_1_1 .section_wrap, .section_1_2 .section_wrap{max-width: 95%;justify-content: center;}
    .sec1_2_txt_area{display: block;}
    .sec1_2_txt1{width: 100%;position: unset;}
    .sec1_2_txt2{width: 100%;position: unset;}
    .section_1_2 .section_wrap{text-align: center;flex-direction: column;}
    .place_area{width: 100%;}
    .sec1_txt1{width: 90vw;}
    .prev,.next{width: 7%;}
    .prev img,.next img{width: 100%;}
    .sec1_2_img1{width: 100%;position: unset;margin: 3% 0;}
    .sec1_2_img2{width: 30vw;bottom: 7vw;right: 10vw;}
    #pager{top: 50%;transform: translateY(-50%);}
    .intro_cont1{width: 80vw;margin-bottom: 3%;}
    .intro_cont2{width: 40vw;}
    .intro_cont3{width: 70vw;}
    .intro .section_wrap{padding-bottom: 76%;}
    .intro_img{bottom: 11.4292vw;left: 4.4792vw;width: 80.5208vw;}
    .hover_ul{flex-direction: column;}
    .hover_li{width: 100%;height: unset;}
    .hover_li::before{opacity: 1;}
    .hover_txt{opacity: 1;width: 73vw;}
    .hover_li:hover{width: inherit;}
    .hover_tit{width: 35vw;}
    .bar_txt{width: 73vw;}
    .menusection_tit{width: 100vw;}
    .menu_img{width: 80%;}
    .side_menu{width: 88.0208vw;}
    .slick-active .menu_img{width: 60vw;}
    .menu_tit{width:  100%;}
    .menu_txt{display: none;}
    .hot_menu .menu_txt{bottom: -19vw;}
    .cold_menu .menu_txt{bottom: -10vw;}
    .menu_slide_section{padding: 10% 0 20% 0;}
    #pager2{position: unset;margin: auto;margin-top: 5%;transform: none;width: 30%;display: none!important;}
    .prev2,.next2{width: 40%;}
    .prev2 img,.next2 img{width: 100%;}
    .prev3,.next3{width: 40%;}
    .prev3 img,.next3 img{width: 100%;}
    .menu_slide .slick-list,.menu_slide .slick-track{min-height: 36vh;}
    .menu_slide{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
    .menu_slide_li{width: 49%;opacity: 1;}
    .menu_slide_li:nth-child(n+3){margin-top: 5%;}
    .menu_slide .slick-slide{transform: scale(1, 1);opacity: 1;}
    .hot_menu .slick-active .menu_txt{opacity: 1;}
    .cold_menu .slick-active .menu_txt{opacity: 1;}
    .mobile_menu{width: 100%;background: #fff;padding: 7% 0;max-width: 95vw;margin: auto;}
    .mobile_menu_tit{width: 100%;margin-bottom: 5%;}
    .shopinfo_tit{width: 100%;}
    .shopinfo_section .section_wrap{padding: 14% 0;}
    .shopinfo_ul{flex-direction: column;}
    .shopinfo{width: 100%;margin-bottom: 10%;}
    .shop_pic_slide .slick-dots li button:before{font-size: 3vw;}
    .sec2_txt_area1{padding: 14% 0;}
    .counter_tit{width: 93%;}
    .sec2_ul{flex-wrap: wrap;}
    .sec2_ul li{width: 49%;}
    .sec2_ul li:nth-child(n+3){margin-top: 5%;}
    .sec2_ul li .counter_box{font-size: 2em;}
    .sec2_ul li .counter_box span{font-size: 1.5em;}
    .counter_txt{font-size: 1em;word-break: keep-all;margin-top: 2%;}
    .counter_txt::before{width: 20%;top: -1.3021vw;}
    .sec3_tit{width: 95%;}
    .section_4 .section_wrap{max-width: 100%;padding: 14% 0;}
    .sec4_cont{margin-top: 0;}
    .sec4_tit{width: 60vw;}
    .section_5 .section_wrap{padding: 14% 0;}
    .sec5_tit{width: 27vw;}
    .sec5_ul{flex-direction: column;width: 100%;margin: auto;margin-top: 10%;}
    .sec5_li{margin-bottom: 7%;width: 100%;}
    .section_6 .section_wrap{max-width: 100%;padding: 14% 0;}
    .sec6_cont{margin-top: 0;}
    .sec6_tit{width: 70vw;}
    .section_7 .section_wrap{max-width: 100%;}
    .sec7_cont2_tit{width: 64vw;}
    .sec7_cont{margin-top: 7%;}
    .mo_martop{margin-top: 14%;}
    .sec8_cont img{width: 49%;}
    .sec8_cont img:nth-child(n+5){margin-top: unset}
    .sec8_cont img:nth-child(n+3){margin-top: 2%}
    .section_8 .section_wrap{padding: 14% 0;}
    .sec8_tit{width: 28vw;}
    .section_9 .section_wrap{padding: 14% 0;}
    .sec9_tit{width: 90vw;}
    .section_10{width:100%;background:url(../img/section_10_bg_m.jpg) no-repeat center top;background-size: cover;}
    .section_10 .section_wrap{padding: 14% 0;}
    .db_ul{flex-direction: column;}
    .db_ul>li{width: 100%;margin-bottom: 7%;}
    .db_ul>li:nth-child(2){width: 100%;padding: 5%;}
    .qna_privacy{flex-direction: column;}
    #btn_submit{font-size: 1.5em!important;}
    .db_ul .tbl_wrap th{font-size: 1.3em;}
    .db_ul .tbl_wrap th label{font-size: 1em;}
    .db_ul .tbl_wrap th label.required{padding-right: 7%;}
    .tbl_wrap td .form-control-phone{text-align: center;}
    .foot_logo{position: unset;width: 40%;margin: auto;}
    .foot_info{text-align: left;font-size: 1em;}
    .foot_info b{font-size: 1.2em;}
    .footer .section_wrap{display: flex;flex-direction: column-reverse;padding: 7% 0 16% 0}
    .tbl_wrap .table tr{margin-top: 3%;}
    .quick_db{bottom: -80.9983vw}
    .quick_db .section_wrap{flex-direction: column;}
    .quick_db_tit{width: 55vw;margin: auto;margin-bottom: 5%;}
    .quick_db .tbl_wrap .table tbody{flex-direction: column;}
    .quick_db .tbl_frm01{width: 100%;}
    .quick_db .tbl_wrap th{font-size: 1.2em;}
    .quick_db .tbl_wrap th label{font-size: 1em;}
    .quick_db .tbl_wrap .table tr{width: 100%;justify-content: flex-start;}
    .quick_db .tbl_wrap .table tr:nth-child(2){width: 100%;}
    .quick_db #fwrite{flex-direction: column;}
    .quick_db #fwrite .tbl_wrap th{width: 30%;}
    .quick_db #bo_w .tbl_frm01 td{width: 69%;}
    .quick_db .tbl_wrap td .form-control{height: 10vw;}
    .quick_db .tbl_wrap td .form-control-phone{height: 10vw;}
    .quick_db .tbl_wrap .table tbody{width: 100%;}
    .quick_db_cont{width: 100%;}
    .quick_db .qna_privacy{width: 100%;margin-top: 5%;}
    .quick_db .qna_privacy .qna_privacy_agree input.agree_ck[type="checkbox"] + label{font-size: 1.2em;display: flex;}
    .quick_db .privacy_view{font-size: 1.0em;margin-left: 1%;}
    .quick_db .btn_confirm{width: 100%}
    .quick_db #btn_submit{font-size: 1.5em!important;width: 100%;margin-top: 3%;}
    .quick_db .qna_privacy .qna_privacy_agree{text-align: center;}
    .quick_db .section_wrap{max-width: 90vw;padding: 7% 0;}
    
    .privacy_box_pop{width: 90%;line-height: 1.4;padding: 5%;}
    .privacy_box_pop .conarea{font-size: 0.8em;line-height: 1.4;}
    .privacy_box_pop .title{font-size:  1em;}
    .privacy_close{font-size: 1.5em;}
/*
    * {scroll-behavior: smooth;}
*/
}
/*모바일메뉴*/

/* Menu code starts here */

#menuToggle
{
  display: block;
  /* You can also use relative/absolute here if you want to stay on the top */
  position: absolute;
  top: 28px;
  right: 30px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
 display: block;
    width: 100%;
    
    text-decoration: none;
  color: #232323;
 
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  /*
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
    */
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  max-width: 400px;
  width: 100vw;
  max-height: 100vh;
    height: 100vh;
  margin: -55px 0px 0 -297px;
  padding: 50px;
  padding-top: 125px;
  box-sizing: border-box;
  overflow-y: auto;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(105%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 1em;
    border-bottom: 1px solid #dcdcdc;
}

#menu li label
{
    display: block;
  cursor: pointer;
    margin: 0;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

.anchor{
  display: block;
  height: 9.6vh; /*same height as header*/
  margin-top: -9.6vh; /*same height as header*/
  visibility: hidden;
}