/*---------------------------------------------------------- COMMON -------------------------------------------------------*/
/*:root {
   --vh: 100%;
}

html,
body {
    height: 100vh;
    height: var(--vh);
}*/
:root {

--point_color1:#C836FB;
--point_color2:#af988c;

--point_bg1 : #B558D5;
--point_bg2 : #F6DCFF;
--point_bg3 : #FBF1FF;
--point_bg4 : #EEE;

}

.point_color1{color:var(--point_color1);}
.point_color2{color:var(--point_color2);}

body{line-height:1;font-size:18px;color:#181818;font-family: "Pretendard Variable", sans-serif;font-weight:400; overflow-x:hidden;}
body *{box-sizing:border-box;letter-spacing:-0.04em;}
#wrap{width:100%;overflow:hidden;}
#main_con{color:#000;}
/* #wrap_inner{margin-top:-100px;overflow:hidden;}  */

.row_con2{width:1200px;margin:0 auto;position:relative;}
/*.con1200:after{content:'';clear:both;display:block;}*/
.flex_box{display:flex;}
.flex_box.center{justify-content:center;}
.flex_box.between{justify-content:space-between;}
/*.flex_box{display:flex;align-items:center;}*/
.only_m{display:none;}
.only_pc{display:block;}
.only_m1{display:none;}
.only_pc1{display:inline-block;}
.only_tablet{display:none;}
.view_1200{display:none !important;}
.hide_1200{display:block !important;}

.color1{color:#b7977a;}
.color2{color:#ecdfba;}
.color3{color:#c8b096;}
.white *{color:#fff;}

.bg1{background-color:#f5eee8;}
.bg2{background-color:#f6f6f6;}
.bg3{background:#F9F9F9;}
.bg4{background:#F2F2F2;}

.slick-slide,.slick-arrow,.slick-dots li{cursor:pointer;outline:none;}

.noto-serif{font-family: 'Noto Serif KR', serif;}
/* .en{font-family: 'Montserrat', sans-serif;}
b{font-family: 'notokr-bold'} */
/*---------------------------------------------------------- HEADER -------------------------------------------------------*/
header{position:sticky;top:0px;left:0;right:0;z-index:99999;}
/* header.on{top:0;} */
header.on .header_con{background-color:rgba(255,255,255,.8);color:#71665f;}
.header_con{color:#fff;background-color:rgba(0,0,0,.2);position:fixed;left:0;right:0;height:100px;}

header .header_con .h_off{display:inline-block;}
header .header_con .h_on{display:none;}
header.on .header_con .h_off{display:none;}
header.on .header_con .h_on{display:inline-block;}

.m_icon{display:none;}


.logo{text-align:center;padding:27px 0;margin-right:90px;}
.gnb_box{height:100px;display:flex;align-items: center;justify-content: center;}
.gnb{position:relative;display:flex;flex-direction:row-reverse;}
.gnb .dep1{display:inline-block;width: 1300px;}
.gnb .dep1 > li{float:left;text-align:center;font-weight:400;padding:0 20px;font-size:20px;position:relative;line-height:100px;}
.gnb .dep1 > li:first-child{padding-left:56px;}
.gnb .dep1 > li:last-child{padding-right:0;}
.gnb .dep1 > li > a{font-family: "Pretendard Variable", sans-serif; font-size:20px; font-weight:400; letter-spacing:-0.03em;display:block;}
.gnb .dep2{display:block;opacity:0;visibility:hidden;left: 50%;transform: translateX(-50%);position:absolute;background:rgba(242,241,240,.8);width:204px;padding:35px 0;overflow:hidden;}
.gnb .dep2 li{text-align:center;line-height:1.5em;margin-bottom:1.5em;}
.gnb .dep2 li:last-child{margin-right:0;border-bottom:none;margin-bottom:0;}
.gnb .dep2 li a{position:relative;color:#716d6e;font-size:20px;line-height: 22px;letter-spacing: -0.03em;}
.gnb .dep2 li a:hover{font-size:22px;color:#71665f;font-weight:500;}
.gnb .dep2 li a::after{content:attr(title);display: block;font-family: 'notokr-bold';height: 0px;visibility: hidden;}


.gnb .dep2:after{content:'';display:block;clear:both;}
/* .gnb .dep1 > li .dep2:before{content:'';display:block;clear:both;transition:all .5s;width:100%;max-width:0;height:4px;background-color:var(--point_color2);position:absolute;top:0;left:50%;transform:translateX(-50%);} */


@media (hover: hover) {
	/*.gnb .dep1 > li:hover > a{color:var(--point_color1);}*/
	.gnb .dep1 > li:hover .dep2 {opacity:1;visibility:visible}
	.gnb .dep1 > li:hover .dep2:before{max-width:100%;}
	/*.gnb .dep2 li a:hover{color:#a97d52;}*/
	
	/* .gnb .dep2 li a:hover{font-family: 'notokr-bold';} */
}

.site_list{margin-left:0;display:inline-block;line-height: 100px;}
.site_list a{position:relative;font-size:15px;}
.site_list a:first-child:after{content:'';display:inline-block;clear:both;width:1px;height:12px;margin: 0 20px;background-color:#fff;}
header.on .header_con .site_list a:first-child:after{background-color:#71665f;}
.site_list img{display:inline-block; padding-right:10px;}

.global_area{margin-left: 25px;position: relative;}
.global_area .img_box{cursor: pointer;}
.global_area .glabal_list{display:none;position: absolute;top: 44px;left: 50%;transform: translateX(-50%);background: rgba(242, 241, 240, .8); width: 97px;padding: 15px;}
.global_area .glabal_list li{text-align: center;padding: 5px 0;font-family: "Pretendard Variable", sans-serif;color:#716d6e;}

.mobile_event_btn{display:none;}

.menu_btn,.gnb_top,.tel_btn,.head_logo,.mobile_btn_box{display:none;}


.main_banner{background:url('/common/images/main/main_banner_bg_240531.jpg?v=2') no-repeat center/cover;height:87px;position:sticky;top:0;left:0;right:0;z-index:120;}
.main_banner > a{position:absolute;top:0;left:0;right:0;bottom:0;}
.main_banner a{display:block;width:100%;height:100%;}
.main_banner .banner_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:553px;}
.main_banner .banner_wrap ul{display:flex;gap:14px;height: 100%;align-items: center;position: relative; top: -2px;justify-content:end;}
.main_banner .banner_wrap ul li{width:140px;height:34px;}
.main_banner .banner_wrap ul li.kakao_box{background:url('/common/images/main/kakao_icon.png?v=2') no-repeat center/cover;}
.main_banner .banner_wrap ul li.naver_box{background:url('/common/images/main/naver_icon.png?v=2') no-repeat center/cover;}

@media (hover: hover) {
.main_banner .banner_wrap ul li.kakao_box:hover{background:url('/common/images/main/kakao_icon_on.png?v=2') no-repeat center/cover;}
.main_banner .banner_wrap ul li.naver_box:hover{background:url('/common/images/main/naver_icon_on.png?v=2') no-repeat center/cover;}
}


/* 퀵바 */
/* .quick{z-index:99;position:fixed;bottom:5%;right:2%;display:block;} */

/*---------------------------------------------------------- MAIN -------------------------------------------------------*/
.main_title{text-align:center;}
.main_title h2{font-family: 'Montserrat', sans-serif;font-size:40px;letter-spacing:0;font-weight:700;margin-bottom:20px;}
.main_title p{font-family: 'notokr-demilight';margin-bottom:35px;}


/* 첫번째슬라이드 */
.main1_con{padding:130px 0;background:url('/common/images/main/bg_2.jpg') no-repeat center;background-size:cover;}
.slide_area_01{display:flex;}
.slide_wrap_01{width: 1190px;}
.slide_area_01 .common_txt_area{margin-right: 140px;}
.common_txt_area p{font-family: 'Derivia', sans-serif;color: #71665f;letter-spacing: 0.1em;font-size: 18px;}
.common_txt_area h2{margin-top: 15px;font-family: 'Derivia', sans-serif;color: #50453e;letter-spacing: 0em;font-size: 50px;line-height: 60px;}
.common_txt_area .desc{display: block;margin-top: 45px;color: #181818;font-size: 20px;line-height: 30px;letter-spacing: -0.06em;}
.slide_area_01 .common_txt_area .view_more{margin-top:150px;border: 1px solid #50453e;color: #50453e;}
.slide_area_01 .common_txt_area .view_more:hover{color:#fff; background:#50453e;}

.slide_box_01 .slick-slide{margin-right: 20px;width: 386px;}
.slide_box_01 a .txt_box{margin-top: 20px;}
.slide_box_01 a .txt_box .desc{font-family: "Pretendard Variable", sans-serif; color: #71665f; font-size: 18px;line-height: 28px;letter-spacing: -0.06em;font-weight: 500;overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;display : block;}
.slide_box_01 a .txt_box h3{font-family: "Pretendard Variable", sans-serif; color: #50453e; font-size: 22px;line-height: 30px;letter-spacing: -0.06em;font-weight: 700;overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;display : block;}
.slide_box_01 a .cost_area{margin-top: 35px;font-family: "Pretendard Variable", sans-serif;}
.slide_box_01 a .cost_area .cost_percent{width: 62px;display: inline-block; background:#50453e; border-radius: 25px; color: #fff; font-size: 18px;line-height: 26px;letter-spacing: -0.06em;text-align: center;}
.slide_box_01 a .cost_area .cost_after{display:inline-block; margin-left:15px; font-size: 18px;line-height: 28px;font-weight: 700;color:#50453e;}
.slide_box_01 a .cost_area .big{font-size: 28px;line-height: 28px;font-weight: 700;}
.slide_box_01 a .cost_area .cost_before{display:inline-block; margin-left:8px; font-size: 18px;line-height: 28px;color:#71665f;text-decoration: line-through;}

.main1_con .slider_01_control_box{display: flex; margin-top: 20px;}

.main1_con .dots {width: 240px; margin-top: 55px;}
.main1_con .dots .slick-dots {width: 100%;display: flex; padding: 0;margin: 0;}
.main1_con .dots .slick-dots li {flex: 1 1 0;list-style: none;}
.main1_con .dots .slick-dots button.dot {display: block;width: 100%;height: 4px;background: #fff;border: none;border-radius: 0;opacity:0.6; cursor: pointer;}
.main1_con .dots .slick-dots .slick-active button.dot {background: #635d4c;opacity:1;}



/* 두번째슬라이드 */
.main2_con{padding:130px 0 160px;background:url('/common/images/main/bg_3.jpg') no-repeat center;background-size:cover;position: relative;}
.main2_con .common_txt_area h2{color: #fff;}
.slide_area_02{display:flex;justify-content: end;}
.slide_wrap_02{width: 1335px;position: absolute; right: 366px;justify-content: end;}
.slide_area_02 .common_txt_area{text-align: right;}
.slide_area_02 .common_txt_area p{color:#e1dbcc;}
.slide_area_02 .common_txt_area h2:after{content:''; display:block; margin:25px 0 0 auto ;width:48px; height:3px; background:#a79e93;}
.slide_area_02 .common_txt_area .desc{color: #fff;}
.slide_area_02 .common_txt_area .view_more{margin-top: 100px;margin-left: auto;}

.main2_con .slick-slide {transition: transform 0.5s ease-in-out;opacity: 0.6;margin:0 10px;}
.main2_con .slick-slide .img_box{width:321px; height:430px;overflow: hidden;}
.main2_con .slick-slide .img_box img{width:100%;}
.main2_con .slide_up {transform: translateY(-120px);transition: transform 0.5s ease-in-out;opacity: 1;}
.main2_con .slick-list{padding-top: 120px;}
.main2_con .slider_02_control_box{display: flex;margin-top: 22px; justify-content: flex-end;}

.dimmed{position: fixed; background: rgba(0, 0, 0, .7); top: 0; left: 0; right: 0; bottom: 0; z-index: 99999;display: none;}
.dimmed.on{display: block;}
.dimmed .shorts_area{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.dimmed .shorts_close{position: absolute;top: 0; right: -56px;width: 50px; height: 50px;cursor: pointer;}

.shorts_area iframe{height:800px; width:450px;}





/* 리셋티비 */
.main3_con{padding:130px 0 130px;background-color:#fff;}
.main3_con .common_txt_area{display:flex;margin-bottom:70px;}
.main3_con .common_txt_area .desc {margin-top: 51px;margin-left: 75px;}
.main3_con .main3_wrap{display:flex;}
.main3_con .left_box{width:771px;height:436px;background-color:#fff;margin-right:20px;}
.main3_con .left_box iframe{width:100%;height:100%;}
.main3_con .right_box{width: 417px;}
.main3_con .right_box .img_box{display:flex;background:#f5f4f4; color:#3d3128;font-family: 'Noto Serif KR', serif;}
.main3_con .right_box .img_box .tv_txt{display: block; display: -webkit-box;max-width: 100%; height: 88px; margin: 0 auto; font-size: 18px;line-height: 28px;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;
  text-overflow: ellipsis;margin: 15px 19px;word-break: keep-all;}
.main3_con .right_box .img_box:not(:first-child){margin-top:20px;}

.main3_con .dots3 .slick-dots {display: flex;justify-content: flex-end;padding: 0; margin: 87px 0 0 0; list-style: none;}
.main3_con .dots3 .slick-dots li {padding: 0 5px;}
.main3_con .dots3 .slick-dots button.dot {display: block;width:10px; height:10px;border-radius: 50%;padding: 0;background: #e1dbcc;border: none;opacity:1;cursor: pointer;}
.main3_con .dots3 .slick-dots .slick-active button.dot {background: #8b8079;opacity:1;}

.main3_con .view_more{margin: 20px auto 0;background: #f6f5f3;color: #181818;}
.main3_con .slick-slide img {width: 178px;}



/* 시그니처 */
.main4_con{padding:130px 0;background:url('/common/images/main/bg_5.jpg') no-repeat center;background-size:cover;position: relative;}
.main4_con .common_txt_area{text-align: center;}
.main4_con .common_txt_area .desc{margin-top: 15px;}
.signature_area{display: flex;margin-top: 75px;gap:14px;flex-wrap: wrap;}
.signature_area a{position: relative;}
.signature_area a h3{position: absolute;bottom: 50px; left: 50%; transform: translateX(-50%);font-size: 24px;font-weight: 700;letter-spacing: -0.06em;color:#f9f3e5;width: 100%;text-align: center;}


/* 의료진소개 */
.main5_con{padding:130px 0;background:url('/common/images/main/bg_6.jpg') no-repeat center;background-size:cover;position: relative;}
.doc_area{display:flex;justify-content: space-between;}
.main5_con .common_txt_area p{}
.main5_con .common_txt_area h2{font-size: 30px;line-height: 40px;letter-spacing: -0.08em;color: #181818;font-family: 'Noto Serif KR', serif;}
.main5_con .common_txt_area .desc{}
.main5_con .common_txt_area .desc:before{content:''; display:block; margin:0 auto 35px 0 ;width:2px; height:108px; background:#e7daba;}
.main5_con .common_txt_area .name{display:inline-block;margin-top: 35px;font-family: "Pretendard Variable", sans-serif; color: #fff; font-size: 30px;line-height: 34px;letter-spacing: -0.06em;font-weight: 700;background:#50453e;border-radius: 50px;
    padding: 8px 15px;}
.main5_con .common_txt_area .counter{font-family: 'Noto Serif KR', serif;font-size: 40px;line-height: 70px;letter-spacing: -0.08em;color:#3d3128;}
.main5_con .common_txt_area .counter b{font-family: 'Noto Serif KR', serif;font-size: 60px;font-weight:700;}



/* 리얼 셀피 */
.main6_con{padding:130px 0;background:url('/common/images/main/bg_7.jpg') no-repeat center;background-size:cover;position: relative;}
.main6_con .common_txt_area{text-align: center;}
.main6_con .common_txt_area .desc{margin-top: 10px;}
.main6_con .selfie_area {margin-top:75px;display: flex;flex-wrap: wrap;gap: 16px;}
.main6_con .selfie_area a img{transition: 0.9s;}
.main6_con .selfie_area a:hover img{transform:scale(1.1);}
.main6_con .selfie_area a{position: relative;display: inline-block;overflow: hidden;border-radius: 13px;}
.main6_con .selfie_area a .txt_box{position: absolute;opacity:0;width: 100%;height: 100%;background:rgba(181,176,162, 0.7);top: 0;transition: 0.9s;}
.main6_con .selfie_area a:hover .txt_box{opacity:1;}
.main6_con .selfie_area a .txt_box p{position: absolute;width: 100%;top: 40%;text-align:center;opacity:0;color: #efede8; font-size: 17px; font-weight: 700;letter-spacing: 0em;line-height: 25px;text-align: center;transition: 0.9s;transform:scale(0.5);}
.main6_con .selfie_area a:hover .txt_box p{opacity:1;transform:scale(1);}

/* 배너 */
.main7_con{padding:180px 0;background:url('/common/images/main/bg_8.jpg') no-repeat center;background-size:cover;position: relative;}
.banner_area{font-family: 'Noto Serif KR', serif;letter-spacing: -0.06em;font-size: 20px;font-weight:600;color:#fff;width: 930px;margin: 0 auto;}
.banner_area p{margin-bottom:30px;}


/* 비포애프터 */
.main8_con{padding:130px 0;background:url('/common/images/main/bg_9.jpg') no-repeat center;background-size:cover;position: relative;}
.main8_con .common_txt_area{text-align: center;}
.main8_con .common_txt_area .desc {margin-top: 25px;}
.main8_con .big_wrap{width: 663px;}
.main8_con .small_wrap{width: 541px;}
.main8_con .small_wrap > div{display: flex;flex-wrap:wrap;gap: 10px;margin-left: 24px;cursor: pointer;}
.main8_con .view_more{margin: 0 0 75px auto;background: #f6f5f3; color: #181818;}
.bna_area{display: flex; justify-content: space-between;margin-top: 80px;}
.bna_area .twentytwenty-container {max-width: 100%;height: auto;overflow: hidden;}
.bna_area .twentytwenty-container img {width: 100%;height: auto;display: block;}
.bna_area .twentytwenty-handle{border-radius: 50%;height: 45px;width: 70px;background: rgba(0, 0, 0, 0.3);margin-left: -34px;margin-top: -22px;border: 1px solid white;}
.bna_area .twentytwenty-horizontal .twentytwenty-handle:before, .bna_area .twentytwenty-horizontal .twentytwenty-handle:after {width: 1px;}
.bna_area .twentytwenty-horizontal .twentytwenty-handle:after {margin-top: 26px;}
.bna_area .twentytwenty-horizontal .twentytwenty-handle:before {margin-bottom: 25px;}
.bna_area .twentytwenty-left-arrow {margin-left: -28px;margin-top: -13px;border-right: none;background:url('/common/images/main/bna_prev.png') no-repeat center;background-size:cover;width: 11px;height: 13px;}
.bna_area .twentytwenty-right-arrow {margin-right: -28px;margin-top: -13px;border-left: none;background:url('/common/images/main/bna_next.png') no-repeat center;background-size:cover;width: 11px;height: 13px;}
.bna_area .login_before{filter: blur(5px);}

/*약속 */
.main9_con{padding:130px 0;background:url('/common/images/main/bg_10.jpg') no-repeat center;background-size:cover;position: relative;}
.main9_con .pro_area{display: flex;justify-content: space-between;position: relative;z-index: 1;}
.main9_con .common_txt_area{margin-top: 134px;}
.main9_con .common_txt_area p{color:#fff9eb;}
.main9_con .common_txt_area h2{color:#fff;}
.main9_con .common_txt_area .desc{margin-top:20px;color:#fff;}
.main9_con .slider_09_control_box{display: flex; margin-top: 175px;}
.main9_con .dots9 {margin-top: 55px;}
.main9_con .dots9 .slick-dots {display: flex;justify-content: center;padding: 0; margin: 0; list-style: none; width: 100%;}
.main9_con .dots9 .slick-dots li {padding: 0;}
.main9_con .dots9 .slick-dots button.dot {display: block;width: 60px;height: 4px;background: #fff;border: none;border-radius: 0;opacity:0.6; cursor: pointer;}
.main9_con .dots9 .slick-dots .slick-active button.dot {background: #fff;opacity:1;}
.main9_con .deco{position: absolute; bottom: -51px; right: -274px; font-size: 328px; font-family: 'Derivia', sans-serif;opacity: 0.5; color: #fff;}



.main9_con .pro_wrap{width: 782px;}
.main9_con .pro_wrap li{}
.main9_con .pro_wrap li .img_box{}
.main9_con .pro_wrap li .txt_box {margin-top: 45px;color:#fff;}
.main9_con .pro_wrap li .txt_box .tit{font-family: 'notokr-bold';font-size: 22px;line-height: 32px; letter-spacing: -0.06em; font-weight: 700;}
.main9_con .pro_wrap li .txt_box .desc{display:block;margin-top: 15px;font-family: "Pretendard Variable", sans-serif;font-size: 20px;line-height: 30px; letter-spacing: -0.06em; }

.main10_con{background:url('/common/images/main/main10_bg.png') no-repeat center;background-size:cover; padding:270px 0;font-family: 'Noto Serif KR', serif;}
.main10_con .sub_txt{display:block; color:#766253; font-size:40px;font-weight:600;}
.main10_con .main_txt{margin-top:20px;color:#766253; font-size:70px;line-height:90px;font-weight:700;}
.main10_con .main_txt span{background-image: url('/common/images/main/main10_1.png');background-size: cover;background-position: center; -webkit-background-clip: text; background-clip: text; color: rgba(118, 98, 83, 0.6);}


/* 하단 contact */
.bottom_contact{padding:130px 0;background:#fafafa;}
.bottom_contact .common_txt_area{text-align:center;}
.contact_box{display: flex;margin-top: 70px;}
.contact_box h2{font-size:50px;line-height:60px;font-weight:700;color:#50453e;letter-spacing:0em;}
.info_box{margin-left:15px;}
.info_box .common_box{width:590px;padding:25px 75px;margin-bottom:15px;border:1px solid #a6987e;}
.info_box .tit{font-family: "Pretendard Variable", sans-serif;padding-bottom:20px;padding-left: 20px;margin-bottom:20px;font-size:30px;font-weight:700;color:#a6987e;letter-spacing:-0.03em;border-bottom:1px solid #d0c9bc;}

.address_box p{font-family: "Pretendard Variable", sans-serif;padding-left: 20px;font-size:20px;line-height:35px;font-weight:300;color:#181818;letter-spacing:0em;}

.info_box .reserve_box{border:1px solid #a6987e;background:#a6987e;}
.info_box .reserve_box .tit{color:#fff; border-bottom:1px solid #fff;margin-bottom: 37px;}
.info_box .reserve_box .sub_box{padding: 0 20px;display: flex;justify-content: space-between;}
.info_box .reserve_box .sub_box a{text-align:center;}
.info_box .reserve_box .sub_box span{display: block;margin-top: 18px;font-size:20px;line-height:35px;font-weight:300;color:#fff;letter-spacing:-0.03em;}



.contact_box .info_box .time_table .item{text-align:left;display:flex;margin-bottom:15px;padding-left:20px;}
.contact_box .info_box .time_table p{color:#181818;display:block;font-size:20px;font-weight:500;}

.contact_box .info_box .time_table .hour{text-transform:uppercase;letter-spacing:0;font-weight:500;}
.contact_box .info_box .time_table .day{margin-right:80px;}
.contact_box .info_box .time_table .day .w3{letter-spacing:1.5em;}
.contact_box .info_box .time_table .day .w4{letter-spacing:0.19em;}
.contact_box .info_box .etc p{font-family: "Pretendard Variable", sans-serif;color:#da3232;font-size:16px;line-height:26px;padding-left:20px;}

.contact_box .contact_loca p{line-height:60px;}
.contact_box .map_box .root_daum_roughmap{width:100% !important;height:100% !important;}
.contact_box .map_box .wrap_map{height:100% !important;}
.contact_box .map_box #map{height:685px;}



.contact_box .info_box .time_table .hour .ls{letter-spacing: 0.15em;}
.contact_box .info_box .time_table .hour .ls2{letter-spacing: 0.18em;}
.contact_box .info_box .time_table .hour .ls3{letter-spacing: 0.05em;}


/*---------------------------------------------------------- FOOTER -------------------------------------------------------*/
footer{background:#50453e;padding:85px 0 100px;color:#fff;text-align:center;position: relative; z-index: 2;}
.foot_info{font-size:16px;text-align:center;}
.foot_info .txt{line-height:26px;font-weight:300;margin:50px 0;}
footer .terms_box{justify-content:center;}
footer .terms_box li{width:186px;height:42px;line-height:40px;border:1px solid #fff;color:#fff;font-size:16px;font-weight:300;}
footer .terms_box li:not(:last-child){border-right:none;}
footer .terms_box li a{display:block;width:100%;height:100%;}



/*---------------------------------------------------------- 애니메이션_공통 -------------------------------------------------------*/
.ani_box .ani_item{opacity:0;transition:all .3s;}
/*.ani_box.ani_start .ani_item{opacity:1;}*/


/*---------------------------------------------------------- media 1920~1700 -------------------------------------------------------*/

@media all and (max-width:1920px){

.site_list {margin-left:0;}

}


@media all and (max-width:1750px){
.logo{margin-right:0;}

}

@media all and (max-width:1700px){
.row_con{width:1400px;margin:0 auto;position:relative;}
.gnb .dep1 {width: auto;}
.gnb .dep1 > li{padding:0 14px;font-size:18px;}
.gnb .dep1 > li:first-child{padding-left:14px;}
.gnb .dep1 > li:last-child{padding-right:14px;}
.gnb .dep1 > li > a{font-size:18px;}
}


/*---------------------------------------------------------- media 1400 -------------------------------------------------------*/

@media all and (max-width:1400px){

/* #wrap_inner{margin-top:-110px;} */
.row_con{width:800px}

.view_1200{display:block !important;}
.hide_1200{display:none !important;}
.only_tablet{display:block !important;}
.only_m1{display:block !important;}
.only_pc1{display:none !important;}

.main_banner{background-position:22% 50%;}
.main_banner .banner_wrap ul{display:none;}

.logo{float:none;text-align:center;padding-right:0;display:inline-block;padding: 20px 0;grid-area:1 / 2;margin-right:0;}
.header_con{height:110px;}
.menu_btn,.tel_btn,.head_logo{display:block;}

header .gnb_box{width:100%;height:110px;display: grid;grid-template-columns: 110px 1fr 110px;grid-template-rows: 110px calc(100vh - 110px);}

.gnb{position:sticky;background:#fff;width:100%;border-top:0;overflow-y:auto;height: calc(100vh - 110px);max-height:0;right:0;left:0;top:0;color:#181818;z-index:99;transition:all .3s;
displaY: block;grid-area: 2 / 1 / 3 / 4;align-self: start;}
header.close nav.gnb{max-height: 150vh;right: 0;}

.gnb_con{width:95%;margin:0 auto;height:110px;position:relative;}
.gnb .dep1{padding:0;width:100%;height:auto;position:relative;z-index:2;}
.gnb .dep1 li{float:none;width:100%;border-bottom:1px solid #e5e5e5;font-size:16px;background:#fff;padding:0;line-height:0;}
.gnb li a{display:block;text-align:left;line-height:45px;padding:0 20px;text-align:left;}
.gnb li a br{display:none;}
.gnb .dep1 > li > a{line-height:55px;border-right:none;position:relative;font-family: 'notokr-bold';}
.gnb .dep1 > li > a:after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(-90deg);transition:transform .3s;background:url('/common/images/main/gnb_arrow.png') no-repeat center;background-size:contain;width:3vw;height:1vw;}
.gnb .dep1 > li.on > a:after{transform:translateY(-50%) rotate(0);}
.gnb .dep1 > li.on > a{border-bottom:1px solid var(--point_bg4);/* background:var(--point_bg1); */color:#000;}
.gnb .dep1 > li:hover .dep2:before{display:none;}

.gnb .dep2{position:relative;padding:0;/* border-top:1px solid #e5e5e5; */z-index:10;top:0;width:auto;background:#fff;opacity:1;visibility:visible;height:0;transition:none;overflow:auto;}
.gnb .dep2 li{margin-bottom:0;}
/* .gnb .dep2_list{transform:translateX(0px) !important;} */
.gnb .dep2_list li{background:#c3b9a6;line-height:0;}
.gnb .dep2 li a::after{displaY:none;}
.gnb .dep2 li a{position:relative;color:#716d6e;font-size:16px;line-height: 45px;letter-spacing: -0.03em;}
.gnb .dep2 li a:hover{font-size:16px;color:#71665f;font-weight:500;}



.global_area .glabal_list{z-index:100;}

.head_logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.head_logo img{width:23vw;}

.site_list{margin-left:0;text-align:center;displaY:flex;}
.site_list a{width:50%;background-color:var(--point_bg4);margin-right:0;border:1px solid #fff;font-family: 'notokr-bold';color:#000;}
.site_list a:first-child:after{display:none;}

.mobile_event_btn{display:block;}
.mobile_event_btn ul{display:flex;align-items:center;}
.mobile_event_btn ul li{width:33.33%;background-color:#000;color:#fff;text-align:center;font-size:20px;}
.mobile_event_btn ul li:nth-child(2){background-color:#FFC700;}
.mobile_event_btn ul li:nth-child(3){background-color:#1DD200;}
.mobile_event_btn ul li a{text-align:center;padding:0;displaY:flex;align-items:center;justify-content:center;line-height:0;height:60px;}
.mobile_event_btn ul li a img{display:inline-block;margin-right:8px;}


.dep1 li .arrow{margin-left:20px;transition:transform 330ms ease-out;position:absolute;right:20px;top:50%;transform:translateY(-50%);line-height:1;}
.dep1 li.on .arrow{transform: rotate(180deg) translateY(20%);}

/* 모바일 메뉴 전화아이콘 */
.m_icon{display:block;}
.toggle_btn.mobile span{background-color:#fff;}
.toggle_btn{position:relative;display:block;height:18px;width:25px;}
.toggle_btn span{display:block;width:18px;height:2px;background-color:#fff;position:relative;lefT:0;top:0;transition:all .2s;}
.toggle_btn span:nth-child(1){}
.toggle_btn span:nth-child(2){top:5px;width:25px;}
.toggle_btn span:nth-child(3){top:11px;}
.toggle_btn.mobile{display:block;position:absolute;left:5%;top: 50%;z-index: 10;transform: translateY(-50%);}
header.on .toggle_btn span{transition:all .2s;background-color:#71665f;}
header.close .toggle_btn span:nth-child(1){width:25px;top:9px;left:-4px;transform:rotate(45deg);}
header.close .toggle_btn span:nth-child(2){display:none;}
header.close .toggle_btn span:nth-child(3){transform-origin:left bottom;width:25px;top:16px;transform:rotate(-45deg);}
.tel_btn{display:block;position:absolute;left:5%;top: 50%;z-index: 10;transform: translateY(-50%);}
.tel_btn img{width:2vw;}


.contact_box {display: flex;margin-top: 70px;flex-direction: column;}
.info_box {margin-left: 0;margin-top: 25px;}
.info_box .common_box {width: 100%;}







}/*1400*/


/* ------------------------------- media 1200px ---------------------------------- */

@media all and (max-width:1200px){
.row_con2{width:800px}

.global_area .glabal_list {left: 14%;}

.slide_wrap_02 {width: 1000px;}


.signature_area {justify-content: center;}

.main3_con .main3_wrap {flex-direction: column;}
.main3_con .left_box {width: 100%; margin-right: 0;}
.main3_con .right_box {margin: 40px auto;width:100%;}
.main3_con .dots3 .slick-dots { margin: 20px 0 0 0;}

.main5_con .common_txt_area .desc:before {display:none;}
.main5_con .img_box{margin-top:50px;}
.doc_area {flex-direction: column;text-align: center;}

.banner_area {width: 100%;}
.banner_area img{width: 100%;}
.banner_area p {word-break: keep-all;}


.main8_con .small_wrap > div {gap: 5px; margin-left: 10px;}
.main8_con .view_more {margin: 0 0 27px auto;}
.bna_area .big_wrap{width:441px;}
.main8_con .small_wrap {width: 360px;}
.bna_area .img_box{width:32%;}
.bna_area .img_box img{width:100%;}
/* .bna_area .beer-slider .beer-reveal img{width:441px !important;} */



.main9_con .pro_wrap {width: 439px;}
.main9_con .pro_wrap .slick-slide img {width: 100%;}
.main9_con .deco {right: -84px;font-size: 174px;}











}

/*---------------------------------------------------------- media 800 -------------------------------------------------------*/
@media all and (max-width:800px){
body{font-size:3vw;}
.row_con{width:95%;}
.con1200{width:95%;}
.only_m{display:block !important;}
.only_pc{display:none !important;}
.only_tablet{display:none !important;}

/* #wrap_inner{margin-top:-12vw;} */

.header_con{height:12vw;}
.gnb_box{height:12vw;width:90%;}
header .gnb_box{height:12vw;grid-template-columns: 12vw 1fr 12vw;grid-template-rows: 12vw calc(100vh - 12vw);}

.global_area {width: 6vw;margin-left: 0;position: absolute;right: 5%;top: 50%;z-index: 10;transform: translateY(-50%);}
.global_area .img_box img{width:100%;}

.gnb{height: calc(100vh - 12vw);}
.gnb_con .close{margin-left:1rem;}
.logo{padding: 0;/* position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); */}
.gnb li a{padding:0 4vw;line-height:12vw;}
.gnb .dep1 li{font-size:3.5vw;}
.gnb .dep1 > li:first-child{padding-left:0;}
.gnb .dep1 > li:last-child{padding-right:0;}
.gnb .dep2 li a{font-size:3.2vw;}
.gnb .dep2 li a:hover{font-size:3.2vw;}
.gnb .dep1 > li > a{line-height:13vw;}

.header_con .logo img{width:15vw;}
.foot_con h1 img{width:22vw;}

.toggle_btn{height:3vw;width:4vw;}
.toggle_btn span{width:5vw;}
.toggle_btn span:nth-child(2){top:1vw;width:6vw;}
.toggle_btn span:nth-child(3){top:2vw;}
header.close .toggle_btn span:nth-child(1){width:6vw;top:1.3vw;left:-1vw;}
header.close .toggle_btn span:nth-child(3){width:6vw;top:3vw;}
.tel_btn img{width:4vw;}

.global_area .glabal_list {top: 9vw; width: 19vw; padding: 1vw;}

.site_list{line-height:12vw;}
.site_list a{font-size:3vw;}

.mobile_event_btn ul li{font-size:3vw;}
.mobile_event_btn ul li:nth-child(2) a img{width:4vw;}
.mobile_event_btn ul li a{height:10vw;}
.mobile_event_btn ul li a img{margin-right:1vw;width:4vw;}

/* MAIN */
.row_con2{width:95%;}

.common_txt_area p {font-size: 3vw;}
.common_txt_area h2 {margin-top: 2vw;font-size: 7vw;line-height: 8vw;}
.common_txt_area .desc {margin-top: 6vw;font-size: 3.5vw;line-height: 5vw;}

.main1_con {padding: 15vw 0;}
.slide_wrap_01 {width: 90%;margin:0 auto;}
.slide_area_01 {flex-direction: column;}
.slide_area_01 .common_txt_area {text-align: center;margin-right: 0;}
.slide_area_01 .common_txt_area .view_more {margin: 3vw auto 0;}

.main1_con .slider_01_control_box {margin-top: 3vw;justify-content: center;}
.main1_con .slider_01_control_box img{width:7vw;}
.main1_con .dots {width: 59vw;margin: 7vw auto;}
.main1_con .dots .slick-dots button.dot {background: #ccc;}

.slide_box_01 .slick-slide {margin-right: 0;width:auto;}
.slide_box_01 .slick-slide img {width:100%;}

.slide_box_01 a .txt_box {margin-top: 4vw;}
.slide_box_01 a .txt_box .desc {font-size: 3vw;line-height: 5vw;}
.slide_box_01 a .txt_box h3 {line-height: 5vw;font-size: 4vw;}
.slide_box_01 a .cost_area {margin-top: 5vw;}
.slide_box_01 a .cost_area .cost_percent {width: 10vw;font-size: 3vw;line-height: 5vw;}
.slide_box_01 a .cost_area .cost_after {margin-left: 2vw;font-size: 3vw;line-height: 4vw;}
.slide_box_01 a .cost_area .cost_before {margin-left: 1vw;font-size: 4vw;line-height: 4vw;}
.slide_box_01 a .cost_area .big {font-size: 5vw;line-height: 5vw;}


.main2_con {padding: 15vw 0;}
.slide_area_02 {justify-content: center;flex-direction: column-reverse;}
.slide_wrap_02 {position: relative;width: 100%;right: auto;}
.main2_con .slick-slide .img_box{width:100%;height: 130vw;}
.slide_wrap_02 .img_box img{width:100%;}
.slide_area_02 .common_txt_area {text-align: center;}
.slide_area_02 .common_txt_area h2:after {margin: 6vw auto;width: 6vw;height: 3px;}
.slide_area_02 .common_txt_area .view_more {margin: 6vw auto;}
.main2_con .slider_02_control_box {margin-top: 3vw;justify-content: center;}
.main2_con .slider_02_control_box img{width:7vw;}



.main3_con{padding:14vw 0 18vw;}
.main3_con .left_box{width:100%;height:52.5vw;margin-right:0;}
.main3_con .common_txt_area {flex-direction: column;align-items: center;margin-bottom: 9vw;text-align: center;}
.main3_con .common_txt_area .desc {margin-top: 7vw;margin-left: 0;}
.main3_con .right_box {margin: 6vw auto 0;width: 100%;}
.main3_con .right_box .img_box img{width:30vw;}
.main3_con .view_more {margin: 4vw auto 0;}
.main2_con .slick-slide {opacity: 1; margin: 0;}
.main2_con .slick-list {padding-top: 13vw;}
.main3_con .right_box .img_box .tv_txt {height: 13vw; font-size: 3vw; line-height: 4.5vw; margin: 3vw;}
.shorts_area iframe{height: 139vw;width: 78vw;}
.dimmed .shorts_close {width: 6vw;height: 6vw;right: -6vw;}
.dimmed .shorts_close img{width:100%;}


.main4_con {padding: 15vw 0;}
.main4_con .common_txt_area .desc {margin-top: 3vw;}
.signature_area {margin-top: 9vw; gap: 2vw;}
.signature_area a {width: 40vw;}
.signature_area a img{width: 100%;}
.signature_area a h3 {bottom: 7vw;font-size: 4vw;}


.main5_con {padding: 15vw 0;}
.main5_con .common_txt_area h2 {font-size: 5vw;line-height: 6vw;}
.main5_con .common_txt_area .counter {font-size: 6vw;line-height: 12vw;}
.main5_con .common_txt_area .counter b {font-size: 8vw;}
.main5_con .common_txt_area .name {margin-top: 5vw;font-size: 5vw;line-height: 6vw;padding: 2vw 3vw;}
.main5_con .img_box {margin-top: 7vw;}
.main5_con .img_box img{width:100%;}


.main6_con {padding: 15vw 0;}
.main6_con .common_txt_area .desc {margin-top: 2vw;justify-content: center;}
.main6_con .selfie_area {margin-top: 9vw;gap: 2vw;justify-content: center;}
.main6_con .selfie_area a {width:30%;}
.main6_con .selfie_area a img{width:100%;}
.main6_con .selfie_area a .txt_box p {font-size: 3vw;line-height: 5vw;}

.main7_con {padding: 20vw 0;}
.banner_area p {margin-bottom: 5vw;font-size: 2.5vw;}

.main8_con {padding: 15vw 0;}
.main8_con .common_txt_area .desc {margin-top: 3vw;}
.main8_con .view_more {margin: 6vw auto;}
.main8_con .small_wrap {width: 100%;}
.main8_con .small_wrap > div {gap: 1vw;margin-left: 0;justify-content: center;}
.bna_area {margin-top: 10vw; flex-direction: column;}
.bna_area .big_wrap {width: 100%;}
.bna_area .beer-reveal>img {height: 100% !important;}
/* .bna_area .beer-handle {height: 11vw;width: 23vw;} */


.main9_con {padding: 15vw 0;}
.main9_con .pro_area {flex-direction: column;}
.main9_con .common_txt_area {margin-top: 0;text-align: center;}
.main9_con .common_txt_area .desc {margin-top: 4vw;}
.main9_con .slider_09_control_box {margin-top: 4vw;justify-content: center;}
.main9_con .slider_09_control_box img{width:7vw;}
.main9_con .dots9 {margin: 7vw;}
.main9_con .dots9 .slick-dots button.dot {width: 7vw;}
.main9_con .pro_wrap {width: 100%;}
.main9_con .pro_wrap li .txt_box {margin-top: 6vw;}
.main9_con .pro_wrap li .txt_box .tit {font-size: 4vw;line-height: 5vw;}
.main9_con .pro_wrap li .txt_box .desc {margin-top: 2vw;font-size: 3.2vw;line-height: 5vw;}
.main9_con .deco {right: 5vw;font-size: 23vw;bottom: -11vw;}




/* 하단 contact */
.bottom_contact{padding: 15vw 0;}
.contact_box {margin-top: 9vw;}
.contact_box .map_box #map {height: 85vw;}
.info_box {margin-top: 4vw;}
.info_box .common_box {padding: 5vw 7vw;margin-bottom: 2vw;}
.info_box .tit {padding-bottom: 4vw;padding-left: 4vw;margin-bottom: 4vw;font-size: 5vw;}
.address_box p {padding-left: 4vw;font-size: 4vw;line-height: 5vw;}
.contact_box .info_box .time_table .item {margin-bottom: 3vw;padding-left: 4vw;}
.contact_box .info_box .time_table .day {margin-right: 6vw;}
.contact_box .info_box .time_table p {font-size: 4vw;}
.contact_box .info_box .etc p {font-size: 3vw;line-height: 4vw;padding-left: 4vw;}

.info_box .reserve_box .tit {margin-bottom: 5vw;}
.info_box .reserve_box .sub_box {padding: 0;align-items: center;}
.info_box .reserve_box .sub_box img{width: 10vw;}
.info_box .reserve_box .sub_box span {margin-top: 2vw;font-size: 3vw;line-height: 5vw;}

.main10_con {padding: 25vw 0;}
.main10_con .sub_txt {font-size: 5vw;}
.main10_con .main_txt {margin-top: 2vw; font-size: 10vw; line-height: 13vw;}




footer{padding:11vw 0 10vw;}
.foot_info{font-size:3vw;}
.foot_info .txt{line-height:4vw;margin:6vw 0 4vw;letter-spacing: -0.03em;}
footer .terms_box li{width:27vw;height:8vw;line-height:7.5vw;font-size:3vw;}

footer .login_btn{margin-bottom:4vw;}







}/*800*/

@media all and (max-width:480px){

.toggle_btn{height:4vw;}

.main6_con .main6_roll .item .txt a{border:1px solid #fff;}


}