@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap'); 

/* 공통 css */
ul,ol,li{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_fix{width:1250px}
.container_fix2{width:1850px; max-width:100%; margin:0 auto; padding:0 15px}

/* 헤더 */
.pc_header{position:absolute; left:0; top:0; padding:0; z-index:5}
.pc_header.sub {position:static;}
.pc_header.fixed{position:fixed; background:#ffffff}
.pc_header .container_fix2{height:100px; display:flex; align-items:center}
.pc_header .logo_box{flex-grow:1}

.pc_header .all_menu{margin-top:5px}
.pc_header .all_menu > a{display:block;}
.pc_header .all_menu > a > span{display:block; width:30px; height:1px; background:#665242}
.pc_header .all_menu > a > span + span{margin-top:6px}

.at-menu{border-top:0; border-bottom:0}

@media (max-width:991px) {
	.at-menu .m-menu {background:transparent; box-shadow:none; padding:15px; position:absolute; left:0; top:0; width:100%;}
	.at-menu .m-menu.sub {position:static;}
	.mob_menu {display:flex; align-items:center; justify-content:space-between;}
	.mob_menu .logo_box img {height:18px;}
	.mob_menu .all_menu > a{display:block;}
	.mob_menu .all_menu > a > span{display:block; width:30px; height:1px; background:#665242}
	.mob_menu .all_menu > a > span + span{margin-top:6px}
}

/* 전체메뉴 */
.all_box{display:none; width:240px; max-width:100%; padding:35px 50px 45px; position:absolute; right:0; top:0; background:rgba(102,82,66,0.9); z-index:10;}
.all_box.fixed{position:fixed}

.all_menu .container_fix {padding:0; display:flex; justify-content:flex-end; flex-direction:column;}

.all_menu .btn_close {position:relative; margin-left:auto; width:25px; height:25px; cursor:pointer;}
.all_menu .btn_close:before, .all_box .btn_close:after {content:""; display:block; width:1px; height:30px; background:#fbfafa; position:absolute; left:12px;}
.all_menu .btn_close:before {transform:rotate(45deg);}
.all_menu .btn_close:after {transform:rotate(135deg);}

.all_menu .all_ul{text-align:right}
.all_menu .all_ul .all_li{padding:17px 0}
.all_menu .all_ul .all_li:nth-of-type(1) {padding-top:65px;}
.all_menu .all_ul .all_a{font-size:17px; color:#ffffff; font-weight:400;}
.all_menu .all_ul .all_sub_li {padding-top:16px;}
.all_menu .all_ul .all_sub_a{display:block; font-size:15px; color:#e8d8cb; font-weight:400; padding-top:0;}
.all_menu .all_ul .all_sub_a.m01_sub {padding-top:17px;}

@media (max-width:991px) {
	.all_box {width:100vw; height:100vh; background:rgb(109, 91, 76); padding:17px 15px;}

	.all_menu .btn_close {width:21px; height:21px;}
	.all_menu .btn_close:before, .all_box .btn_close:after {height:24px; left:9px;}

	.all_menu .all_ul {padding-right:50px;}
	.all_menu .all_ul .all_li {padding:26px 0;}
	.all_menu .all_ul .all_li:nth-of-type(1) {padding-top:95px;}
	.all_menu .all_ul .all_a {font-size:23px;}
	.all_menu .all_ul .all_sub_li {padding-top:25px;}
	.all_menu .all_ul .all_sub_a {font-size:16px;}
}

/* index01 */
.index01{position:relative}
.index01 .youtube_wrap{/*max-height:950px;*/ max-height:100%; overflow:hidden; position:relative}
.index01 .youtube_wrap .youtube_box{width:100% !important; /*padding-bottom:56.3% !important;*/ position:relative !important}
.index01 .youtube_wrap .youtube_box > iframe{position: absolute; top:-55px; left:0%; width:100%; height:100%}
.index01 .bg_box{width:100%; height:100%; background:transparent; position:absolute; left:0; top:0}

@media (max-width:991px) {
	.index01 .visual_wrap {background:url('/img/mvisual.jpg') no-repeat 100% 100%; background-size:cover; padding-bottom:178%;}
}

/* index02 */
.index02{padding:129px 0 132px; background:url('/img/index02_bg.jpg') no-repeat center/cover}

.index02 .section01{margin-bottom:135px}
.index02 .index02_box{float:left; width:48.771%}
.index02 .index02_box + div{margin-left:2.458%}
.index02 .index02_box .title h3{font-size:18px; color:#333333; font-weight:500; margin-top:19px; letter-spacing:-0.1px}

.index02 .section02{padding-left:83px}
.index02 .story{display:flex; align-items:center}
.index02 .story > .left_banner{width:45.12%; position:relative}
.index02 .story > .left_banner .point_txt{display:block; position:absolute; right:45px; top:53.5%; transform:translateY(-50%); font-size:16px; color:#665242; font-weight:400; writing-mode:vertical-lr; text-orientation:upright; letter-spacing:8px}
.index02 .story > .right_txt{width:calc(100% - 45.12%); padding-left:98px; padding-bottom:25px;}
.index02 .story > .right_txt p{font-size:16px; color:#665242; font-weight:300; letter-spacing:5.8px}
.index02 .story > .right_txt p > span{font-size:20px; font-weight:700; margin-right:12px}
.index02 .story > .right_txt h4{margin:17px 0 47px; font-size:16px; color:#333333; font-weight:500}
.index02 .story > .right_txt h3{font-size:16px; color:#666666; font-weight:400; line-height:26px; margin-bottom:30px}
.index02 .story > .right_txt h5{font-family: 'Cormorant Garamond', serif; font-size:16px; color:#827469; font-weight:400; line-height:26px}

@media (max-width:991px) {
	.index02 {padding:75px 0 70px; background:url('/img/mindex02_bg.jpg') no-repeat center; background-size:contain;}

	.index02 .section01 {margin-bottom:75px;}
	.index02 .index02_box {float:none; width:100%; margin-bottom:50px;}
	.index02 .index02_box:last-child {margin-bottom:0;}
	.index02 .index02_box + div {margin-left:0;}
	.index02 .index02_box .title h3 {font-size:14px; margin-top:15px;}

	.index02 .section02 {padding-left:0;}
	.index02 .story {flex-direction:column;}
	.index02 .story > .left_banner {width:100%;}
	.index02 .story > .left_banner .point_txt {position:static; writing-mode:unset; text-align:center; transform:none; margin-top:15px; letter-spacing:13px; font-size:13px;}
	.index02 .story > .right_txt {padding-bottom:0;}
	.index02 .story > .right_txt {width:100%; padding-left:0; margin-top:50px;}
	.index02 .story > .right_txt p {font-size:13px;}
	.index02 .story > .right_txt p > span {font-size:17px;}
	.index02 .story > .right_txt h4 {font-size:14px; margin:15px 0 30px;}
	.index02 .story > .right_txt h3 {font-size:13px; line-height:22px; margin-bottom:25px;}
	.index02 .story > .right_txt h5 {font-size:14px; line-height:22px;}
}

/* index03 */
.index03{margin-bottom:158px;}
.index03 .container_fix{position:relative}
.index03 .title{position:absolute; left:15px; bottom:-7px;}
.index03 .title h3{font-size:18px; color:#333333; font-weight:500; letter-spacing:-0.1px}
.collection_wrap .swiper_collection{overflow:hidden}
.collection_wrap .post-image > a{display:block; width:100%; height:100%; position:relative}
.collection_wrap .post-image .post_content{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(68,56,46,0.7); align-items:center; flex-direction:column; justify-content:center;}
.collection_wrap .post-image .post_content h2{font-size:18px; color:#ffffff; font-weight:500;}
.collection_wrap .post-image .post_content span{margin-top:10px; font-size:16px; color:#ffffff; font-weight:500}
.collection_wrap .post-image > a:hover .post_content{display:flex}
.collection_wrap .swiper_collection .gallery_scrollbar{float:right; margin-top:30px; position:relative !important; left:unset; width:40.984%; height:2px; bottom:0; background:#e6e6e6; border-radius:0}
.collection_wrap .swiper_collection .swiper-scrollbar-drag{background:#665242; border-radius:0}

@media (max-width:991px) {
	.index03 {margin-bottom:85px;}
	.index03 .title {bottom:-7px;}
	.index03 .title h3 {font-size:15px;}
	.collection_wrap .swiper_collection .gallery_scrollbar {width:45.45454%; margin-top:25px; height:1px;}
}

/* index04 */
.index04{margin-bottom:150px}

@media (max-width:991px) {
	.index04{margin-bottom:90px;}
	.index04 .banner_box .banner_img img {width:85.45454%;}
}

/* index05 */
.index05 .container_fix{display:flex; align-items:center}
.index05 .left_txt{width:calc(100% - 32.788%); padding-left:25%}
.index05 .left_txt h2{font-size:18px; color:#333333; font-weight:500; letter-spacing:7px}
.index05 .left_txt .store_tab{margin-top:30px;}
.index05 .left_txt .store_tab > li{display:inline-block}
.index05 .left_txt .store_tab > li + li{position:relative; padding-left:12px; margin-left:6px;}
.index05 .left_txt .store_tab > li + li::after{content:""; display:block; width:1px; height:10px; background:#695e4f; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.index05 .left_txt .store_tab > li > a{font-size:13px; color:#665242; font-weight:500}
.index05 .right_img{width:32.788%}

@media (max-width:991px) {
	.index05 .container_fix {flex-direction:column;}
	.index05 .left_txt {width:100%; padding-left:0; text-align:center; margin-bottom:90px;}
	.index05 .left_txt h2 {font-size:15px;}
	.index05 .left_txt .store_tab {margin-top:20px;}
	.index05 .left_txt .store_tab > li + li {padding-left:10px; margin-left:8px;}
	.index05 .left_txt .store_tab > li > a {font-size:13px;}
	.index05 .right_img {width:100%;}
	.index05 .right_img img {width:58.33333%; float:right;}
}

/* 푸터 */
.fix_footer{margin-top:100px}
.fix_footer .fix_infos_box{padding:0}
.fix_footer .container_fix{width:1570px; border-top:1px solid rgba(177,168,154,0.2); padding:50px 15px 60px;}
.ft_info{float:none; width:100%; text-align:center}
.fix_footer .fix_infos_box .info_ul > li{font-family: 'SUIT'; font-size:15px; color:#665242; letter-spacing:0;}
.fix_footer .fix_infos_box .info_ul > li + li:after {height:13px; margin-top:-6px; background-color:#aba19a;}
.fix_footer .fix_infos_box .info_ul > li a {font-size:15px; color:#665242;}
.fix_footer .fix_infos_box h4{font-size:12px; color:#99938e; font-weight:400; margin-top:27px;}

@media (max-width:991px) {
	.fix_footer{margin-top:75px;}
	.fix_footer .container_fix {padding:35px 0 40px;}
	.fix_footer .fix_infos_box {margin:0 15px;}
	.fix_footer .fix_infos_box .info_ul {margin-bottom:10px;}
	.fix_footer .fix_infos_box .info_ul > li {display:inline-block; font-size:13px;}
	.fix_footer .fix_infos_box .info_ul > li + li {margin-top:10px; margin-left:5px; padding-left:9px;}
	.fix_footer .fix_infos_box .info_ul > li + li:after {display:block; height:10px; margin-top:-5px;}
	.fix_footer .fix_infos_box .info_ul > li a {font-size:12px;}
	.fix_footer .fix_infos_box h4 {font-size:11px; margin-top:20px;}
	
	.fix_footer .fix_infos_box .info_ul > li.block {display:block;}
	.fix_footer .fix_infos_box .info_ul > li.block:after {display:none;}
	.fix_footer .fix_infos_box .info_ul > li.block + li:after {display:none;}
}

/* 탑버튼 */
.at-go .go-btn{width:50px; bottom:30px; right:50px;}
.at-go .go-btn span{width:50px; height:50px; border-radius:0; background:rgba(102, 82, 66, 0.8); margin:0; line-height:50px}

@media (max-width:991px) {
	.at-go .go-btn {width:40px; bottom:40px; right:15px;}
	.at-go .go-btn span {width:40px; height:40px; line-height:31px !important;}
	.at-go .go-btn span img {height:16px;}
}

/* jyj  01.27.미팅 수정내용 */
.index02_box .banner_img  img {
    width: 100%;
}


/* 230207 kmj 유지보수 */
@media(max-width:991px){
	.index02 .story > .right_txt{margin-top:0;}
	.index04 .banner_box .banner_img img{width:100%;}
	.index05 .left_txt{margin-bottom:25px;}
	.index05 .container_fix .right_img.store_box{display:none;}
	#seoul .img_box .item img,
	#daegu .img_box .item img{width:100%; height:100vw; object-fit:contain;}
}
@media(max-width:480px){
	#seoul .img_box .item img{height:90vw;}
	#daegu .img_box .item img{height:90vw;}
}


/* 230208 jyj 유지보수 */
@media(max-width:991px){
    .index02 .story > .right_txt p {font-size:3vw;}
	.index02 .story > .right_txt p > span {font-size:5vw;}
	.index02 .story > .right_txt h4 {font-size:2.2vw; margin:15px 0 30px;}
	.index02 .story > .right_txt h3 {font-size:2vw; line-height:2; margin-bottom:25px;}
	.index02 .story > .right_txt h5 {font-size:2.2vw; line-height:1.4;}
}
@media (max-width:480px) {
	.index02 {padding:75px 0 70px; background:url('/img/mindex02_bg.jpg') no-repeat center; background-size:contain;}

	.index02 .section01 {margin-bottom:75px;}
	.index02 .index02_box {float:none; width:100%; margin-bottom:50px;}
	.index02 .index02_box:last-child {margin-bottom:0;}
	.index02 .index02_box + div {margin-left:0;}
	.index02 .index02_box .title h3 {font-size:14px; margin-top:15px;}

	.index02 .section02 {padding-left:0;}
	.index02 .story {flex-direction:column;}
	.index02 .story > .left_banner {width:100%;}
	.index02 .story > .left_banner .point_txt {position:static; writing-mode:unset; text-align:center; transform:none; margin-top:15px; letter-spacing:13px; font-size:13px;}
	.index02 .story > .right_txt {padding-bottom:0;}
	.index02 .story > .right_txt {width:100%; padding-left:0; margin-top:50px;}
	.index02 .story > .right_txt p {font-size:13px;}
	.index02 .story > .right_txt p > span {font-size:17px;}
	.index02 .story > .right_txt h4 {font-size:14px; margin:15px 0 30px;}
	.index02 .story > .right_txt h3 {font-size:13px; line-height:22px; margin-bottom:25px;}
	.index02 .story > .right_txt h5 {font-size:14px; line-height:22px;}
}

.maintenance{position:fixed; background:#fff; display:flex; align-items:center; justify-content:center; width:100%; height:100vh; z-index:999;}
.maintenance p{font-size:21px;}