@charset "UTF-8";


/* sub visual */
.area_subVisual{height:360px; margin-bottom:40px}
.area_subVisual .wrap {width:1120px; margin:0 auto}
.area_subVisual > div{position:relative; top:50%; transform:translateY(-50%); padding-left:210px;}
.area_subVisual > div *{color:#fff;}
.area_subVisual > div h2{ font-weight:600; font-size:45px;}
.area_subVisual > div h3{/*margin-top:11px;*/ font-weight:300; font-size:45px; letter-spacing:7px; text-align:center}


.mt80 {margin-top:80px !important}
.w850 {width:850px; margin:0 auto}

/* 인사말 */
.area_greetings{margin-bottom:100px;}
.area_greetings > div{margin-top:-61px; }
.area_greetings > div img:not(.sign){margin-bottom:46px; }
.area_greetings > div em{display: inline-block;margin-top:50px;font-size:30px;letter-spacing:7px;}
.area_greetings > div em i{display:block; font-size:17px; letter-spacing:0;}
.area_greetings > div em + img{display:inline-block; position:relative; left:-20px; z-index:-1; margin-top:27px;}
.area_greetings p{font-size:18px; color:#666}

.brandstory .content .inner{width:1120px; margin:0 auto;}
.brandstory .section1{margin-bottom:100px;}
.brandstory .section1 .inner{padding-bottom:30px; border-bottom:1px solid #ccc;}
.brandstory .section1 img{margin-bottom:50px;}
.brandstory .section1 h3{font-size:20px;text-align:center;}
.brandstory .section1 h3 strong{display:inline-block; padding:16px 0 30px; font-size:40px; font-weight:bold;}
.brandstory .section1 p{text-align:center;}
.brandstory .section2 , .brandstory .section3{margin-bottom:100px;}
.brandstory .section2 .inner , .brandstory .section3 .inner{overflow:hidden;}
.brandstory  h4{float:left; width:285px; font-size:20px; color:#a57432;}
.brandstory .txt_box{float:left; width:835px;}
.brandstory .txt_box p{line-height:160%; font-size:18px; color:#666;}
.brandstory .txt_box .txt_1{margin-bottom:40px;}
.brandstory .full_bg{height:404px; margin-bottom:100px; background:url(../images/sub/brandstory_img_02.jpg) center 0 no-repeat; background-size:cover;}
.brandstory .full_bg h3{position:relative; top:50%; transform:translateY(-50%); padding-left:210px; /*margin-top:11px;*/ font-weight:300; font-size:45px; letter-spacing:7px; text-align:center; color:#fff}

.brandstory .section4 h3{margin-bottom:100px; text-align:center;}
.brandstory .section4 ul{overflow:hidden; margin-bottom:50px;}
.brandstory .section4 ul li{float:left; width:268px; margin-left:16px;}
.brandstory .section4 ul li .img_area{display:block; width:268px; height:168px; margin-bottom:30px; border:1px solid #ccc; box-sizing:border-box;}
.brandstory .section4 ul li.on .img_area{border:2px solid #a57432;}
.brandstory .section4 ul li .img_area img{width:266px; height:100%;}
.brandstory .section4 ul li.on .img_area img{width:100%;}
.brandstory .section4 ul li:first-child{margin-left:0;}
.brandstory .section4 ul li a{display:block; line-height:160%; color:#666; text-align:center;}
.brandstory .section4 ul li.on a{color:#a57432;}
.brandstory .section4 .swiper-slide img{width:100%;}
.brandstory .section4 .swiper-container{}
.brandstory .section4 .paging_area{position:absolute; left:50%; top:50%; width:1120px; height:70px; margin:-35px 0 0 -560px;}
.brandstory .section4 .paging_area button{overflow:hidden; position:absolute; top:0; width:70px; height:70px; margin-top:0; z-index:10; text-indent:-99999px; outline:none;}
.brandstory .section4 .paging_area .swiper-button-prev{left:0; background:url(/resource/images/accommodations/btn_slide_prev.png) 0 0 no-repeat;}
.brandstory .section4 .paging_area .swiper-button-next{right:0; background:url(/resource/images/accommodations/btn_slide_next.png) 0 0 no-repeat;}
.brandstory .section4 .swiper-pagination{bottom:30px; width:100%;}
.brandstory .section4 .swiper-pagination span{width:7px; height:7px; margin:0 7px; background:none; border:2px solid #fff;}
.brandstory .section4 .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;}





/*sub_layout*/
.sub_container {width: 100%; padding: 80px 0; padding-left: 210px; box-sizing: border-box;}
.sub_container#menu_container {background: url(/images/sub/sub01_01_bg.jpg) no-repeat center; background-size: cover;}
.sub_container#liquor_container {background: url(/resource/images/sub/liquor_bg.png) repeat top left;}
.sub_container#room_intro_container {background: url(/resource/images/sub/room_intro_bg.jpg) no-repeat right bottom; background-size: cover;}
.sub_container#room_intro_container .tab_contents_wrap .tab_content {text-align: center;}

#sub_contents {} 
#sub_contents p.menu_notice {color:#322008; padding-top: 90px; font-size: 14px; text-align: center;}

.sub_title { margin-bottom: 50px;}
.sub_title h2 {font-size: 51px; color: #222; font-family: 'MSun'; margin-bottom: 15px; text-align: center;}
.sub_title p {text-align: center;}


/*탭메뉴*/
ul.menu-tabs {width: 100%; text-align: center;}
ul.menu-tabs li {width:230px; height: 65px; border:2px solid #313236; box-sizing: border-box; text-align: center; line-height:63px; font-size:21px; font-family: 'MSun'; color:#313236; display: inline-block; margin: 0 10px; cursor: pointer;}
ul.menu-tabs li a {color:#313236}
ul.menu-tabs li.active {background: #313236; color:#fff;}
ul.menu-tabs li.active a {color:#fff; display: block; width: 100%; height: 100%;}


ul.sub-tabs {width: 100%; text-align: center;}
ul.sub-tabs li {width:230px; height: 65px; border:2px solid #313236; box-sizing: border-box;  display: inline-block; margin: 0 10px;}
ul.sub-tabs li a {display: block; width: 100%; height: 100%; text-align: center; line-height:63px; font-size:21px; font-family: 'MSun'; color:#313236;}
ul.sub-tabs li.active {background: #313236;}
ul.sub-tabs li.active a {color:#fff;}




.tab_contents_wrap {width:100%; margin-top: 40px; text-align: center;}
.tab_contents_wrap .tab_content { overflow: hidden;}


/*=====메뉴안내=====*/
ul.menu_list {width: 100%; text-align: center; font-size: 0;}
ul.menu_list li {width:190px; height: 560px; overflow: hidden; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 15px; display: inline-block; cursor: pointer;}
ul.menu_list li .text_wrap {display: table; width: 100%; height: 100%;}
ul.menu_list li .text_wrap .text {display:table-cell; vertical-align: middle; width: 100%; height: 100%; color:#fff; font-size: 25px; font-family: 'MSun'; text-shadow: 0 0 5px rgba(0,0,0,0.3); text-align: center; }
ul.menu_list li .text_wrap .text p {writing-mode:vertical-lr; -moz-writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; -ms-writing-mode:tb-rl; white-space:nowrap; display: block; /*width: 100%;*/ padding: 0 80px;}

ul.menu_list li#menu01_01 {background-image: url(/images/sub/menu01_pic01.jpg);}
ul.menu_list li#menu01_02 {background-image: url(/images/sub/menu01_pic02.jpg);}
ul.menu_list li#menu01_03 {background-image: url(/images/sub/menu01_pic03.jpg);}
ul.menu_list li#menu01_04 {background-image: url(/images/sub/menu01_pic05.jpg);}
ul.menu_list li#menu01_05 {background-image: url(/images/sub/menu01_pic04.jpg);}
ul.menu_list li#menu01_06 {background-image: url(/images/sub/menu01_pic06.jpg);}
ul.menu_list li#menu02_01 {background-image: url(/images/sub/menu02_pic01.jpg);}
ul.menu_list li#menu02_02 {background-image: url(/images/sub/menu02_pic02.jpg);}
ul.menu_list li#menu03_01 {background-image: url(/images/sub/menu03_pic01.jpg);}
ul.menu_list li#menu03_02 {background-image: url(/images/sub/menu03_pic02.jpg);}
ul.menu_list li#menu03_03 {background-image: url(/images/sub/menu03_pic03.jpg);}
ul.menu_list li#menu03_04 {background-image: url(/images/sub/menu03_pic04.jpg);}
ul.menu_list li#menu03_05 {background-image: url(/images/sub/menu03_pic05.jpg);}


/*전통주*/
.liquor_wrap {width: 1300px; margin: 0 auto;overflow: hidden;}
.liquorBox {width:33.3%; float: left; margin-bottom: 70px;}
.liquorBox .pics {width:100%; text-align: center;}
.liquorBox .pics img {width: 300px;}
.liquorBox dl {width:100%; margin-top: 20px;}
.liquorBox dl dt, .liquorBox dl dd {font-family: 'MSun'; text-align: center;}
.liquorBox dl dt {font-size: 25px; color:#111;}
.liquorBox dl dd {font-size: 16px;  margin-top: 5px;}


/*=====룸안내=====*/

#room1 .room_maps {width:1080px; height:627px; margin: 0 auto;}



/*=====행사안내=====*/
#event_intro_container {background: url(/resource/images/sub/event_bg.jpg) no-repeat right top; background-size:cover;}
#event_intro_container .contents_wrap {width:1220px; overflow: hidden; height: 500px; margin: 70px auto 0 auto;}

.left-section {position:relative; float:left; width:380px;  height:100%; box-sizing:border-box; z-index:5}
.left-section .cont {position:relative; height:100%;}
.left-section>p {font-size:15px; color:#333; line-height:1.6; text-align: center; margin:20px 0;}

.left-section .btns {text-align: center; width: 100%;}
.left-section .btns a {font-size:17px; font-weight:500; width:85px;; height:85px; text-align:center; line-height:85px; border-radius: 100%; color:#fff; transition: .3s; border-top: 0; display: inline-block; margin: 0 10px; background: #7c685e;}
.left-section .btns a:hover {background: #313236; color:#fff;}

.left-section .main_section-title {margin:0; padding-top: 100px;}
.left-section .main_section-title p {text-align:left; color:#f0884c;}
.left-section .main_section-title h3 {text-align:center; font-family: 'MSun'; font-size: 43px; }
.left-section .main_section-title h3::before, #main_section02 .main_section-title h3::after {display:none;}
.left-section .gallery-thumbs {position:absolute !important; bottom:0; left:0; width:440px; box-sizing:border-box;}
.left-section .gallery-thumbs .swiper-slide {position: relative; height:100px; box-sizing:border-box; overflow: hidden; cursor:pointer;}
.left-section .gallery-thumbs .swiper-slide img {position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}

.left-section .gallery-thumbs .swiper-slide-thumb-active {border:5px solid #313236;}
.left-section .gallery_slider_controller_wrap {width: 100%; overflow: hidden; margin-bottom: 15px;}
.left-section .gallery-pagination {float: left; width:auto !important; padding: 0 20px; font-size:13px; }
.left-section .gallery_button {background-size:100%; width:15px; height:15px; background-position:center; background-repeat:no-repeat; text-indent: -99999px; cursor: pointer; float: left; margin-top: 2px}
.left-section .gallery_button.gallery_button-next {background-image: url(/resource/images/sub/bold-arrow2-next-b.png);}
.left-section .gallery_button.gallery_button-prev {background-image: url(/resource/images/sub/bold-arrow2-prev-b.png);}


.right-section {position: relative; float:right; width:840px; height: 100%;}
.right-section .gallery-top {width:100%; height:100%;}


/*=====예약안내=====*/
#reservation_container {background: url(/resource/images/sub/reserv_bg.jpg) no-repeat right top; background-size:cover;}
#reservation_container .contents_wrap {width:1220px; overflow: hidden; margin: 70px auto 0 auto;}

table.reservation_table {width:100%; table-layout: fixed;}
table.reservation_table tr {}
table.reservation_table tr th, table.reservation_table tr td {font-size:18px; color:#111; text-align: center; border-bottom: 1px solid #ddd; padding: 20px 0;}
table.reservation_table tr th {background:#f1f1f1;}
table.reservation_table tr td {background: #fff;}
table.reservation_table tr td span {font-size: 14px; }
table.reservation_table thead tr th {background: #313236 !important; color:#fff; font-family: 'MSun'; font-size: 21px; font-weight: 400; }



/*FAQ*/
ul.faq_list {width: 100%; overflow: hidden; box-sizing: border-box; background: #fff;}
ul.faq_list > li {position: relative; width: 100%; box-sizing: border-box; border-bottom: 1px solid #ededed;}
ul.faq_list li .acc_head {position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding: 25px; cursor: pointer; background: url(/_img/utility/arrow-down.png) no-repeat top 30px right 25px; background-size: 15px; padding-left:65px; }
ul.faq_list li .acc_head p {font-size: 15px; color: #212121;}
ul.faq_list li .acc_head span {position: absolute; top: 20px; left: 15px; display: block;  color: #fff; width:35px; height:35px; border-radius: 100%; background: #313236; text-align: center; font-size: 17px; font-weight: 800; box-sizing: border-box; line-height: 31px;}
ul.faq_list li .acc_content {position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding: 10px; padding-top: 0; background: #fff;}
ul.faq_list li .acc_content p {width: 100%; background: #f8f8f8; box-sizing: border-box; padding: 25px; font-size: 15px; color: #333; overflow: hidden;}

ul.faq_list li.acc_active .acc_head {background: url(/_img/utility/bar.png) no-repeat top 30px right 25px; background-size: 15px;}
ul.faq_list li.acc_active .acc_head p {font-weight: 600;}


h4.faq_title {position: relative; font-size: 23px; font-family: 'MSun'; color:#222; line-height: 1.3; margin: 60px 0 20px 0; padding-left:70px; padding-top:14px;}
h4.faq_title::after {position:absolute; top: 0; left: 0; width:60px; height: 70px; background: url(/images/common/flower.png) no-repeat center; background-size:100%; content: ''; transform: scaleX(-1)}


/*오시는길*/
ul.locations {width:1220px; padding: 15px; background: #c0a693; box-sizing: border-box; text-align: center;}
ul.locations li {display:inline-block; color:#fff; font-size: 17px; padding: 0 50px; position: relative; }
ul.locations li img  {padding-right:5px; width:20px; vertical-align: text-bottom;}
ul.locations li::after {position:absolute; top: 5px; left: 0; width:1px; height: 14px; background:rgba(255,255,255,0.5); content: '';}
ul.locations li:first-of-type::after {display: none;}

table.location_table {float:left; width: 50%;}
table.location_table tr th {background: #c0a693; text-align: center; font-size: 13px; color: #fff; border-top: 1px solid #fff;  padding: 20px 0; font-weight: 400}
table.location_table tr th img {display: block; width: 40px; padding-bottom: 5px; margin: 0 auto;}
table.location_table tr td {color: #333; font-size: 16px; text-align: left; background: #fff; line-height: 1.7; border-top: 1px solid #ddd; padding: 20px; box-sizing: border-box;}
table.location_table tr td strong {font-weight: 600}
table.location_table tr td dl {margin: 10px 0;}
table.location_table tr td dl dt {font-weight: 600;}
table.location_table tr td dl dd {}
table.location_table tr td dl dd span {position: relative; padding-right: 20px;}
table.location_table tr td dl dd span::after {position:absolute; top: 3px; right: 5px; content: '▶'; font-size: 1px; color: #a1a1a1;}


/*이벤트*/
.event_box {float: left; width: 345px; margin: 20px 30px;}
.event_box .thumb {width:100%; height: 200px; overflow: hidden; position: relative;}
.event_box .thumb img  {position: absolute; top: 0; left: 0;  object-fit: cover; width: 100%;height:100%; transition: .3s;}

.event_box .event_info {width:100%; position: relative; padding: 15px; box-sizing: border-box; background: #fff}
.event_box .event_info p {font-size:17px; font-weight: 600; color:#111;}
.event_box .event_info p.date {font-size: 13px; position: absolute; top: 15px; font-weight: 400; right: 15px;}







/*======================================================================================= popup ========================================================================================================*/
.comm_modalPops {position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 73; width:100%; height: 100%; }
.comm_modalPops .modal-container {position:absolute; top: 50%; left: 50%; box-sizing: border-box;}
.comm_modalPops .modal-container .modal-contents {width: auto; overflow: hidden; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); box-sizing: border-box;}
.comm_modalPops .modal-container .close {width:195px; height: 50px; border:1px solid #fff; box-sizing: border-box; text-align: center; line-height: 48px; color:#fff; margin: 40px auto; cursor: pointer; transition:.3s;}
.comm_modalPops .modal-container .close:hover {background: #fff; color:#333;}


/*메뉴안내*/
.menu_infos {width:813px; margin-left: -406px; margin-top: -425px;}
.menu_infos .modal-contents {height: 780px; width:100%; background: url(/resource/images/sub/menu_pop_bg.jpg) no-repeat center top; padding: 50px 15px; overflow-y:scroll !important;}
.menu_infos .menu_name {position: relative; width:100%;} 
.menu_infos .menu_name h3 {font-family: 'MSun'; font-size:29px; text-align: center; color:#333; line-height: 1.2;}
.menu_infos .menu_name p {text-align: center; font-size: 15px;}
.menu_infos .menu_name .price {text-align: center; padding-top: 10px;}
.menu_infos .menu_name .price p {color: #643836; display: inline-block;}
.menu_infos .menu_name .price p em {text-decoration: line-through;}
.menu_infos .menu_name .price p strong {font-size: 18px; font-weight: 600; padding: 0 5px;}
.menu_infos .menu_name .price p span {color: #ce2b2b;}

.menu_detail {width:100%; box-sizing: border-box; padding: 0 20px;}
.menu_detail dl {width:100%; overflow: hidden; position: relative; box-sizing: border; padding-left: 100px;}
.menu_detail dl dt {position: absolute; top: 0; left: 0; font-size:16px; font-weight: 700; color:#000}
.menu_detail dl dd {}
.menu_detail dl dd ul {}
.menu_detail dl dd ul li {width:43%; float: left; margin: 1px 0 ; font-size: 14px;}

.menu_pics {width:100%; box-sizing: border-box; overflow: hidden; margin: 20px 0 25px 0;}

.menu_pics-top {height:410px; width:605px; float: left;}
.menu_pics-top .swiper-slide img {width:100%;}
.menu_pics-top .menu_pics_button {width:35px; height: 35px; position: absolute; top: 50%; margin-top: -17px; background-size:100%; background-position: center; background-repeat: no-repeat; text-indent: -99999px; z-index: 11; cursor: pointer;}
.menu_pics-top .menu_pics_button-next {background-image: url(/resource/images/sub/swipe_btn_next.png); right: 0;}
.menu_pics-top .menu_pics_button-prev {background-image: url(/resource/images/sub/swipe_btn_prev.png);left: 0;}


.menu_pics-thumbs {width:150px; height: 410px;  overflow: hidden; float: right;}
.menu_pics-thumbs .swiper-slide {overflow: hidden; cursor: pointer; background: #000; }
.menu_pics-thumbs .swiper-slide img {opacity: .3; width: 100%;}
.menu_pics-thumbs .swiper-slide-thumb-active img {opacity: 1;}
                     

/*룸안내*/
#room_information-pop {}
#room_information-pop .room_info {width:1150px; height: 550px; margin-left:-575px; margin-top:-275px;}
#room_information-pop .room_info .room_pics {float: left; width: 790px;}
#room_information-pop .room_info .room_info_detail {position:relative; float:left; width:360px; height: 550px; box-sizing: border-box; padding:50px 30px;}
#room_information-pop .room_info .room_info_detail .room_type {width:100%; box-sizing: border-box; padding: 0 30px; overflow: hidden; position:absolute; bottom: 50px; left: 0;}
#room_information-pop .room_info .room_info_detail .room_type span {display: block; float: left; width:31%; margin-left:3.5%; height:45px; border-radius: 5px; background: #f1f1f1; color:#c1c1c1; text-align: center; line-height: 45px;}
#room_information-pop .room_info .room_info_detail .room_type span:first-of-type {margin-left: 0;}
#room_information-pop .room_info .room_info_detail .room_type span.on {color:#fff; background: #836058}
#room_information-pop .room_info .room_info_detail dl {}
#room_information-pop .room_info .room_info_detail dl dt {font-size:19px; font-weight: 700; color:#000; margin-bottom:14px;}
#room_information-pop .room_info .room_info_detail dl dd {font-size:15px; position: relative; margin: 7px 0; padding-left: 10px; letter-spacing: -0.7px;}
#room_information-pop .room_info .room_info_detail dl dd::after {position:absolute; top:10px;; left: 0; width: 5px; height: 1px; background: #555; content: '';}



.bebe_pop {width: 760px; height: 500px; margin-left: -125px; margin-top: -116px;}
.bebe_pop .modal-contents {background: url(/resource/images/sub/menu_pop_bg.jpg) no-repeat center top; background-size: cover; height: 100%; padding: 40px;}
.bebe_pop h3 {color: #111; text-decoration: underline; font-size: 25px; font-weight: 700px;}
.bebe_pop dl {margin: 30px 0;}
.bebe_pop dl dt {font-size:19px; color: #7c685e; margin-bottom: 10px;}
.bebe_pop dl dd {width: 100%; background: #f1f1f1; font-size: 15px; color: #333; line-height: 1.5; box-sizing: border-box; padding: 20px; border-radius: 5px;}
.bebe_pop ul {}
.bebe_pop ul li {position: relative; font-size: 15px; color: #333; margin: 10px 0; box-sizing: border-box; padding-left: 10px;}
.bebe_pop ul li::after {position: absolute; top: 8px;; left: 0; width: 5px; height: 5px; background: #7c685e; border-radius: 100%;  content: '';}
.bebe_pop .recomd {position: relative; line-height: 30px; border-top: 1px solid #ddd; padding-top: 25px; margin-top: 25px;}
.bebe_pop .recomd span {border-radius: 50px; height: 30px; width: 100px; text-align: center; line-height: 30px; color: #fff; font-size: 14px; display: block; background: #7c685e; float: left; margin-right: 10px;}
.bebe_pop .close {width: 60px !important; height: 60px !important; line-height: 60px !important; font-size: 40px; position: absolute; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; left: 50%; margin-left: 380px !important; top: 50%; margin-top: -250px !important; font-weight: 300}

*:focus {outline:none !important}





#around_chungdam {position: relative; width: 1200px; overflow: hidden; margin: 0 auto;}
#around_chungdam .menu_pics-top {width: 1035px; height: 690px;}
#around_chungdam .menu_pics-thumbs {height: 690px;}




.new-liquor_wrap {margin: 80px auto 30px auto; position: relative; width: 1100px; background: #fff; box-sizing: border-box; padding: 60px 30px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.new-liquor_wrap::after {position: absolute; bottom: -140px; right: 10px; background: url(/images/common/flower.png) no-repeat center; background-size: 100%; width: 270px; height: 510px; content: ''; transform: scaleX(-1);}
.new-liquor_wrap ul {width: 50%; float: left; box-sizing: border-box; padding: 0 70px 0 50px; border-right: 1px solid #ddd;}
.new-liquor_wrap ul:last-of-type {border-right: 0;}
.new-liquor_wrap ul li {width: 100%; margin: 25px 0; font-size: 25px; color: #111; font-family: 'MSun'; display: flex; justify-content: space-between;}
.new-liquor_wrap ul li span {}