@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@400;500;700&display=swap'); */
/*main*/
.mainSlide{position:relative;}
.mainSlideSwiper{width:100%;height:100%; max-height: 850px;}
.mainSlide .swiper-slide{overflow:hidden;}
.mainSlide_item{position:relative;height:850px;}
.mainSlide_item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.15);z-index:1;}
.mainSlide_item img{display:block;width:100%;height:100%;object-fit:cover;}
.mainSlide_content{position:absolute; top:30%; left:50%; transform:translate(-50%,-50%); width:1400px; max-width:calc(100% - 120px); z-index:2;}
.mainSlide .swiper-pagination{bottom:50px !important;}
.mainSlide .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:0.5;}
.mainSlide .swiper-pagination-bullet-active{background:#13294b;opacity:1;}
.mainSlide .swiper-button-prev, .mainSlide .swiper-button-next{display: none;}


.mainSlide > div > .mainSlide_content{visibility: hidden; position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:1400px;max-width:calc(100% - 120px);z-index:2;text-align:left;display:flex;flex-direction:column;align-items:flex-start; pointer-events: none;}
.mainSlide > div > .mainSlide_content > .slideBadge{display:inline-block;padding:5px 20px;margin-bottom:15px;border-radius:50px;background:rgba(205,130,74,.4);color:#fff; font-family:'Nanum Pen Script' !important;font-size:25px;font-weight:500;box-shadow:0 4px 10px rgba(0,0,0,.1);}
.mainSlide > div > .mainSlide_content > .slideTit{display:flex;align-items:center;gap:15px;margin:0; font-family:'Nanum Pen Script' !important;font-size:85px;font-weight:400;letter-spacing:2px;color:#ffcba4;text-shadow:2px 2px 10px rgba(0,0,0,.3);}
.mainSlide > div > .mainSlide_content > .slideTit > .titleAccent{font-size:90px;font-weight:400;}
.mainSlide > div > .mainSlide_content > .slideTit > .divider{margin:0 10px;font-family:'Noto Sans KR',sans-serif;font-size:65px;font-weight:300;opacity:.8;}
.mainSlide > div > .mainSlide_content > .slideTxt{margin-top:15px;font-family:'Noto Sans KR',sans-serif;font-size:22px;font-weight:400;line-height:1.5;color:#fff;text-shadow:1px 1px 6px rgba(0,0,0,.5);}

.fonts-loaded .mainSlide > div > .mainSlide_content {
  visibility: visible; 
}


/* intro */
.con03{position:relative; width: 100%; margin: 150px auto; }
.con03 > div{display:flex; position:relative; width:1400px; margin:0 auto; text-align:center;}
.con03 ul{width:64%; padding-left:60px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.con03 ul > li{position:relative; width:calc(50% - 15px);}
.con03 ul > li:nth-child(-n + 2){margin-bottom:30px;}
.con03 ul > li:nth-child(4){display:none;}
.con03 ul > li > a{display:block; cursor: default;}
.con03 ul > li > a > .img{width:100%; height:370px;}
.con03 ul > li > a > .img > img{width:100%; height:100%; object-fit:cover;}
.con03 ul > li > a > p{position:absolute; bottom:20px; right:30px; color:#fff; font-weight:700; font-size:20px; text-shadow:0 0 5px rgba(0,0,0,.1); z-index:-1;}
.con03 .tit{position:relative; width:36%; /*background:#ffdcc3;*/ text-align:center;}
.con03 .lineTit{text-align:center; padding-top:0; }
.con03 .lineTit > h2{margin-bottom:16px; font-size:50px; font-family:'Playfair Display'; letter-spacing:0; text-shadow:5px 5px 2px rgba(0,0,0,.10);}
.con03 .lineTit > h2 > span{display:block; font-family:'Playfair Display'; letter-spacing:0;}
.con03 .lineTit > p{font-size:20px; opacity:.6;}
.con03 .lineTit > h3{width:86%; margin:30px auto 0; font-size:18px; line-height:1.8; word-break:keep-all; font-weight:400;}
.con03 .lineTit > h3 > span{display:block;}
.con03 .lineTit > a{display:block; width:fit-content; background:#B68C5A; padding:10px 36px; margin:20px auto 0; color:#fff; font-size:16px; }
.con03 .lineTit > div{font-size:12px; position:absolute; right:0; top:0;  transform:rotate(270deg); transform-origin:right; color:#B68C5A;}
.con03 .lineTit > div::after{content:""; display:inline-block; width:280px; height:1px; background:#B68C5A; vertical-align:middle; margin-left:5px; }
.con03 .lineTit > span{font-family:'Courgette'; font-size:60px; opacity:.25; color:#B68C5A; position:absolute; right:20px; bottom:30px; transform:rotate(-15deg); text-align:right;}


/* youtube */
@font-face {
    font-family: 'OngleIpSeaBreeze';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2510-1@1.0/Ownglyph_the_sea_breeze-Rg.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}


.youtube { width: 100%; max-width: 1400px; margin: 170px auto; box-sizing: border-box;  }

.youtube > .yt-header { text-align: center; margin-bottom: 45px; position: relative; }
.youtube > .yt-header > h2 { font-size: 2.8rem; font-weight: 800; color: #23190d; margin: 0 0 6px 0; letter-spacing: 3px; font-family: 'Montserrat', sans-serif; }
.youtube > .yt-header > p { font-size: 1.1rem; color: #555; margin: 0; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.5px; }

.youtube > .yt-header > .header-actions {position: absolute; right: 0; bottom: 5px; display: flex; gap: 15px; align-items: center;}
.youtube > .yt-header > .header-actions > a{height: 45px;}
.youtube > .yt-header > .header-actions > a > img {width: 100%; height: 100%; object-fit: contain;}

.youtube > .yt-header > .yt-link-btn > .yt-icon { position: absolute; top: 8px; left: 16px; border-left: 10px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; display: block; width: 0; height: 0; }

.youtube > .yt-content-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: stretch; }

.youtube > .yt-content-grid > .yt-main-video { width: 100%; display: flex; align-items: center; }
.youtube > .yt-content-grid > .yt-main-video > .iframe-wrapper { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 30px rgba(0,0,0,0.06); }
.youtube > .yt-content-grid > .yt-main-video > .iframe-wrapper > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block; }

.youtube > .yt-content-grid > .yt-side-content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 5px 0; box-sizing: border-box; background-image: url('/images/main/ytBg.png'); background-repeat: no-repeat; background-position: right -50px; background-size: contain; }

.youtube > .yt-content-grid > .yt-side-content > .yt-text-box { text-align: left; width: 100%; margin-bottom: 20px; }
.youtube > .yt-content-grid > .yt-side-content > .yt-text-box > h3 { font-size: 2.5rem; font-weight: 500; color: #1e3d6b; margin: 0 0 15px 0; letter-spacing: -0.5px; font-family: 'OngleIpSeaBreeze', cursive; }
.youtube > .yt-content-grid > .yt-side-content > .yt-text-box > h3 > span { color: #8cbbf2; font-size: 2.2rem; vertical-align: middle; font-family: Georgia, serif; margin: 0 5px; }
.youtube > .yt-content-grid > .yt-side-content > .yt-text-box > p { font-size: 1.05rem; color: #666; line-height: 1.7; margin: 0; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.5px; }

.youtube > .yt-content-grid > .yt-side-content > .yt-sub-videos { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; width: 100%; }
.youtube > .yt-content-grid > .yt-side-content > .yt-sub-videos > .yt-sub-item { width: 100%; }
.youtube > .yt-content-grid > .yt-side-content > .yt-sub-videos > .yt-sub-item > .iframe-wrapper { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.06); }
.youtube > .yt-content-grid > .yt-side-content > .yt-sub-videos > .yt-sub-item > .iframe-wrapper > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block; }


/* gallery */
.gallery_wrap { width:100%; max-width:1400px; margin:150px auto; box-sizing:border-box; }

.gallery_tit { text-align:center; margin-bottom:35px; }

.gallery_tit h2 { font-size: 2.8rem; font-weight: 800; color: #23190d; margin: 0 0 6px 0; letter-spacing: 3px; font-family: 'Montserrat', sans-serif;}
.gallery_tit p { font-size: 1.1rem; color: #555; margin: 0; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.5px; }

.gallery_list { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }

.gallery_list li { aspect-ratio:1.55/1; background:#d9d9d9; border-radius:8px; overflow: hidden;}
.gallery_list li > img{width: 100%;}

.gallery_btn { text-align:center; margin-top:30px; display: flex; justify-content: center; align-items: center;}

.gallery_btn button {display: block; padding: 10px 30px;border:none; border-radius:30px; background:#B68C5A; color:#fff; font-size:18px; cursor:pointer; }


/* review */
.review_wrap {width:100%; max-width:1400px; margin:150px auto; box-sizing:border-box;}
.review_top {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; margin-bottom:35px;}
.review_top h2 {margin:0 0 6px; font-size:2.8rem; font-weight:800; color:#23190d; letter-spacing:3px; font-family:'Montserrat',sans-serif;}
.review_top p {margin:0; font-size:1.1rem; font-weight:500; color:#555; letter-spacing:-0.5px; font-family:'Noto Sans KR',sans-serif;}
.review_more {position:absolute; right:0; top:20px;}
.review_more a {display:block; padding:12px 34px; background:#B68C5A; color:#fff; font-size:18px; text-decoration:none; transition:.3s;}
/* .review_more a:hover {background:#0f6fc8;} */
.review_list {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none;}
.review_list li {background:#fff; border:1px solid #ddd; box-shadow:2px 2px 8px rgba(0,0,0,.12); overflow:hidden; transition:.3s;}
.review_list li:hover {transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,.15);}
.review_list li a {display:block; color:#333; text-decoration:none;}
.review_img{
    width:100%;
    height:220px;
    overflow:hidden;
}
.review_img img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.review_list li:hover .review_img img {transform:scale(1.08);}
.review_txt {padding:12px; height: 100px; box-sizing:border-box;}
.review_txt h3 {margin:0 0 8px; font-size:18px; font-weight:500; color:#333; line-height:1.4; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.review_txt p {margin:0; font-size:14px; color:#777; line-height:1.6; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.review_wrap > .review_m{display: none;}

/* contact */
.contact_wrap {
    padding: 90px 20px;
    background: #d7c8b5;
    font-family: 'Pretendard', sans-serif;
    box-sizing: border-box;
}
.contact_wrap * {
    box-sizing: border-box;
}
.contact_title {
    text-align: center;
    margin-bottom: 45px;
}
.contact_title h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 800;
    color: #332c26;
    letter-spacing: 2px;
}
.contact_title p {
    margin: 10px 0 0 0;
    font-size: 22px;
    color: #7a6a58;
    font-weight: 600;
}
.contact_info {
    max-width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    border: 2px solid #332c26;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(51, 44, 38, 0.08);
}
.contact_top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.contact_item {
    padding: 60px 30px;
    text-align: center;
    border-right: 2px solid #332c26;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 240px;
	    background: #f4f0e6;
}
.contact_item:last-child {
    border-right: none;
}
.contact_item i {
    font-size: 26px;
    color: #7a6a58;
    margin-bottom: 16px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact_item .tit {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #7a6a58;
}
.contact_item strong {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: #332c26;
    line-height: 1.3;
}
.contact_item em {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    color: #665c54;
    font-style: normal;
    font-weight: 600;
}
.contact_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 40px;
    background: #332c26;
    border-top: 2px solid #332c26;
}
.contact_mail {
    display: flex;
    align-items: center;
    gap: 15px;
}
.contact_mail span {
    font-size: 12px;
    font-weight: 800;
    color: #332c26;
    background: #f4f0e6;
    padding: 5px 12px;
    border-radius: 4px;
    letter-spacing: 1px;
}
.contact_mail strong {
    font-size: 16px;
    color: #f4f0e6;
    font-weight: 600;
}
.contact_text {
    font-size: 16px;
    font-weight: 700;
    color: #f4f0e6;
}
/* @media (max-width: 991px) {
    .contact_top {
        grid-template-columns: 1fr;
    }
    .contact_item {
        border-right: none;
        border-bottom: 2px solid #332c26;
        min-height: auto;
        padding: 45px 20px;
    }
    .contact_bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
        padding: 25px 20px;
    }
    .contact_mail {
        flex-direction: column;
        gap: 8px;
    }
} */


@media (max-width:1200px) {
	.main{overflow:hidden;}
	
	/* mainslide */
	.mainSlideSwiper { max-height: 250px; }
	.mainSlide_item { height: 250px; }
	.mainSlide_subtitle { font-size: 11px; padding: 5px 12px; margin-bottom: 12px; letter-spacing: 1px; }
	.mainSlide_title { font-size: 24px; letter-spacing: -1px; }
	.mainSlide_title:before { left: -15px; top: 3px; width: 2px; height: 50px; }
	.mainSlide_title:after { right: -8px; bottom: 3px; width: 6px; height: 6px; }
	.mainSlide .swiper-pagination { bottom: 15px !important; }
	.mainSlide .swiper-pagination-bullet { width: 6px; height: 6px; }
	
	.mainSlide > div > .mainSlide_content { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); width: 90% !important; align-items: center !important; text-align: center !important; }
    .mainSlide > div > .mainSlide_content > .slideBadge { font-size: 16px !important; padding: 4px 15px !important; margin-bottom: 0;}
    .mainSlide > div > .mainSlide_content > .slideTit {/* justify-content: center !important; */ font-size: 30px !important; /* gap: 5px !important; */  white-space: nowrap;}
    /* .mainSlide > div > .mainSlide_content > .slideTit > .titleAccent { display: none !important; } */
    .mainSlide > div > .mainSlide_content > .slideTit > .divider {margin: 0; font-size: 25px;}
    .mainSlide > div > .mainSlide_content > .slideTxt { font-size: 14px !important; word-break: keep-all !important; margin-top: 0;}


	
	.con03 { margin: 30px auto; padding: 0 10px; }
	.con03 > div { width: 100%; flex-direction: column; }
	.con03 .lineTit > div{display: none;}
	.con03 .tit { width: 100%; margin-bottom: 20px; }
	.con03 ul { width: 100%; padding-left: 0; gap: 10px; }
	.con03 ul > li { width: calc(50% - 5px); }
	.con03 ul > li > a > .img { height: auto; aspect-ratio: 1 / 1; }
	.con03 .lineTit > h2 { font-size: 26px; }
	.con03 .lineTit > h3 { font-size: 14px; width: 100%; line-height: 1.6; }

	.youtube { margin: 0px auto; padding: 0 10px; }
	.youtube > .yt-content-grid { grid-template-columns: 1fr; gap: 15px; }
	.youtube > .yt-header {margin-bottom: 20px;}
	.youtube > .yt-header > h2 { font-size: 26px; }
	.youtube > .yt-header > p { font-size: 13px; }
	.youtube > .yt-header > .header-actions { position: static; justify-content: center; margin-top: 10px; }
	.youtube > .yt-header > .header-actions > a {height: 30px;}
	.youtube > .yt-side-content {padding: 0; background: none;}
	.youtube > .yt-content-grid > .yt-side-content > .yt-text-box {/* text-align: center; */  display: none;}
	/* .youtube > .yt-content-grid > .yt-side-content > .yt-text-box > h3 { font-size: 25px; }
	.youtube > .yt-content-grid > .yt-side-content > .yt-text-box > p { font-size: 13px; } */
	.youtube > .yt-content-grid > .yt-side-content > .yt-sub-videos { grid-template-columns: repeat(2,1fr); gap: 8px; }



	.gallery_wrap { margin: 50px auto; padding: 0 10px; }
	.gallery_tit h2 { font-size: 26px; }
	.gallery_tit p { font-size: 13px; }
	.gallery_list { grid-template-columns: repeat(2, 1fr); gap: 6px; }
	.gallery_list li:nth-child(n+13) { display: none; }
	.gallery_btn button {display: block; padding: 8px 16px; border-radius: 30px;font-size: 15px;}
	

	.review_wrap { margin: 50px auto; padding: 0 10px; position: relative;}
	.review_top h2 { font-size: 26px; }
	.review_top p { font-size: 13px; }

	.review_list { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	
	.review_more{display: none;}
	
	.review_img { height: 140px; }
	.review_txt { padding: 10px; height: 70px;}
	.review_txt h3 {margin: 0 0 5px; font-size: 15px;}
	.review_txt p {margin: 0; font-size: 10px; line-height: 1.2;display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	.contact_wrap { margin: 50px auto; padding: 60px 10px; }
	.contact_title h2 { font-size: 22px; }
	.contact_title p { font-size: 13px; }
	.contact_top { grid-template-columns: 1fr; }
	.contact_item { padding: 35px 15px; min-height: auto; }
	.contact_bottom { flex-direction: column; gap: 10px; padding: 20px 10px; }
	.contact_mail { flex-direction: column; gap: 5px; }
}