@charset "utf-8";

/************************************************************************************
                                    Media Query
*************************************************************************************/


@media (max-width: 750px) {

	h2 {font-size:9.1vw;letter-spacing:0}
	h3 {font-size:14.5vw;letter-spacing:0}
	h4 {font-size:5.5vw;}
	h5 {font-size:3.6vw;}

	/*button, icon*/
	.btn {display:inline-block;width:fit-content;padding:0 3.6vw;min-width:25.5vw;height:7.3vw;line-height:7.3vw;font-size:3.3vw;color:#fff;font-weight:500;text-align:center;border-radius:1.1vw;background-color:#2E2E2E}
	.btn.type2 {min-width:54.5vw;height:10.9vw;line-height:10.9vw;color:#000;border:0.4vw solid #000;font-weight:600;border-radius:10.9vw;background-color:#fff;transition:all 0.5s;}
	.btn.type2:hover {color:#fff;background-color:#000;transition:all 0.5s;}
	.btn.type3 {min-width:58.2vw;height:11.8vw;line-height:11.8vw;font-size:4.0vw;font-weight:600;border-radius:0 5.5vw 0 0;background-color:#0A351B;transition:all 0.5s;}
	.btn.type4 {min-width:66.4vw;height:11.8vw;line-height:11.8vw;font-size:4.9vw;font-weight:300;border-radius:0 5.5vw 0 0;background-color:#008A36;transition:all 0.5s;font-family: 'Didot','Pretendard',Sans-serif;}
	.btn.type5 {min-width:33.6vw;height:7.3vw;line-height:7.3vw;font-size:3.3vw;font-weight:600;border-radius:10.9vw;background-color:#008A36;transition:all 0.5s;font-family: 'Didot','Pretendard',Sans-serif;}
	.btn.type3:hover,
	.btn.type4:hover {border-radius:10.9vw;transition:all 0.5s;}
	.btn.type5:hover {transform:scale(1.5);transform-origin:0 0;transition:all 0.5s;}
	i.required {position:relative;padding-left:1.8vw}
	i.required.right {padding-left:1.8vw}
	i.required:before {content:'';display:block;position:absolute;top:50%;left:0;width:0.7vw;height:0.7vw;background-color:#008A36;border-radius:50%;transform:translateY(-50%)}
	i.required.right:before {left:auto;right:0}

	input[type=checkbox] {-webkit-appearance: none;width:4.0vw;height:3.8vw;margin:0;background:url(../img/ico/ico_check_off.svg) no-repeat 0 0;background-size:100%;cursor:pointer}
	input[type=checkbox]:checked {background-image:url(../img/ico/ico_check_on.svg)}
	input[type=checkbox].check2:checked {background-image:url(../img/ico/ico_check_on_2.svg)}

	#header .weatherBox {display:none}
	#header {position:fixed;top:0;width:100%;height:auto;padding:0 8.2vw;z-index:100;background-color:transparent;-webkit-transform: translateY(0);-webkit-overflow-scrolling: touch;transition: height 1s ease,background-color 0.5s ease;}
	#header > .inner {display:flex;width:100%;height:21.8vw;margin:0 auto;justify-content: center;align-items: center;border-bottom:0.2vw solid #fff}
	#header .logoBox h1 {padding:0 7.3vw;border-left:rgba(255,255,255,0.82) 0.2vw solid;border-right:rgba(255,255,255,0.82) 0.2vw solid;}
	#header .logoBox h1 a {display:block}
	#header .logoBox h1 a img {width:14.5vw;height:10.5vw}
	#header .topBox {display: flex;height: 100%;align-items: center;}
	#header .reservBox {position:absolute;right:8.2vw}
	#header .reservBox img {width:5.5vw;height:5.5vw}
	#header .navBox {position:absolute;left:8.2vw;display: flex;align-items: center;}
	#gnb > .inner {max-width:100%;flex-direction: column;padding-left: 12.7vw;}
	#gnb > .inner .gnbWrap {width: max-content;}
	#gnb > .inner .contactBox {align-items: flex-start;}
	#gnb > .inner .snsBox {display: flex;align-items: center;margin-top: 10.9vw;}
	#gnb > .inner .snsBox li + li {margin-left:3.6vw}
	#gnb > .inner .snsBox dd ul li:first-child img {width:2.9vw;height:5.5vw}
	#gnb > .inner .snsBox dd ul li:nth-child(2) img {width:4.5vw;height:4.5vw}
	#gnb > .inner .gnb ul {display: flex;flex-direction: column;flex-wrap: wrap;height: 100%;}
	#gnb > .inner .gnb li {position:relative;width: 100%;}
	#gnb > .inner .gnb li + li {margin-top:1.8vw}
	#gnb > .inner .gnb li:before {content:'';display:block;position:absolute;width:2.5vw;height:2.5vw;top:50%;left:-6.4vw;border:0.2vw solid #fff;transform:translateY(-50%) rotate(-45deg);opacity:0;transition: all 0.5s ease}
	#gnb > .inner .gnb li:hover:before {content:'';display:block;position:absolute;width:2.5vw;height:2.5vw;top:50%;left:-6.4vw;border:0.2vw solid #fff;transform:translateY(-50%) rotate(45deg);opacity:1;transition: all 0.5s ease,opacity 0.2s ease;}
	#gnb > .inner .gnb li a {font-size: 6.9vw;font-weight:300;font-family:'Didot',Sans-serif;color:transparent;-webkit-text-stroke-width:0.2vw;-webkit-text-stroke-color:#CBCBCB;transition: all 0.5s ease;}
	#gnb .contactBox dt {visibility: hidden;height:0}
	#gnb .contactBox dd {display:none}
	#gnb .contactBox dd:last-child {display:block}

	#menuBtn {position:absolute;width:8.2vw;height:3.6vw}
	#menuBtn span {display:inline-block;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;box-sizing:border-box;}
	#menuBtn span {
		position: absolute;
		left: 0;
	width: 8.2vw;
		height: 0.4vw;
		background-color: #fff;
		border-radius: 0.3vw;}
	#header.up #menuBtn span,
	#header.subheader #menuBtn span {background-color: #000;}
	#menuBtn.active {width:7.3vw;height:7.3vw;z-index:99999}
	#menuBtn.active span {background-color: #fff !important}
	#menuBtn span.mid1 {top:0.2vw}
	#menuBtn span.mid2 {top:1.6vw}
	#menuBtn span.mid3 {bottom:0.2vw;width:5.5vw}
	#menuBtn span.mid1 {-webkit-animation:design .75s forwards;animation:design .75s forwards;}
	@-webkit-keyframes design {
		0% {-webkit-transform:translateY(3.6vw) rotate(45deg);}
		50% {-webkit-transform:translateY(3.6vw) rotate(0);}
		100% {-webkit-transform:translateY(0) rotate(0);}
	}
	@keyframes design {
		0% {transform:translateY(3.6vw) rotate(45deg);}
		50% {transform:translateY(3.6vw) rotate(0);}
		100% {transform:translateY(0) rotate(0);}
	}
	#menuBtn span.mid2 {transition:all .25s .25s;opacity:1;}
	#menuBtn span.mid3 {-webkit-animation:design2 .75s forwards;animation:design2 .75s forwards;}
	@-webkit-keyframes design2 {
		0% {-webkit-transform:translateY(-3.6vw) rotate(-45deg);}
		50% {-webkit-transform:translateY(-3.6vw) rotate(0);}
		100% {-webkit-transform:translateY(0) rotate(0);}
	}
	@keyframes design2 {0% {
			transform:translateY(-3.6vw) rotate(-45deg);}
		50% {transform:translateY(-3.6vw) rotate(0);}
		100% {transform:translateY(0) rotate(0);}
	}
	#menuBtn.active span.mid1 {top:0;-webkit-animation:active-design .75s forwards;animation:active-design .75s forwards;}
	@-webkit-keyframes active-design {
		0% {-webkit-transform:translateY(0) rotate(0);}
		50% {-webkit-transform:translateY(3.6vw) rotate(0);}
		100% {-webkit-transform:translateY(3.6vw) rotate(45deg);}
	}
	@keyframes active-design {
		0% {transform:translateY(0) rotate(0);}
		50% {transform:translateY(3.6vw) rotate(0);}
		100% {transform:translateY(3.6vw) rotate(45deg);}
	}
	#menuBtn.active span.mid2 {opacity:0;}
	#menuBtn.active span.mid3 {bottom:-0.4vw;width:8.2vw;-webkit-animation:active-design2 .75s forwards;animation:active-design2 .75s forwards;}
	@-webkit-keyframes active-design2 {
		0% {-webkit-transform:translateY(0) rotate(0);}
		50% {-webkit-transform:translateY(-3.6vw) rotate(0);}
		100% {-webkit-transform:translateY(-3.6vw) rotate(-45deg);}
	}
	@keyframes active-design2 {
		0% {transform:translateY(0) rotate(0);}
		50% {transform:translateY(-3.6vw) rotate(0);}
		100% {transform:translateY(-3.6vw) rotate(-45deg);}
	}

	#contents > .inner {padding: 36.4vw 0 25.5vw;width:100%;max-width:218.2vw;margin:0 auto}
	#contents .titleBox .tit {font-size: 11.8vw;font-weight: 500;}
	#contents .titleBox .desc {margin-top: 7.3vw;font-size:3.6vw;text-align: center;padding: 0 6.4vw;line-height: 1.7;}
	.topVisual {margin-top: 14.5vw;}
	.topVisual .inner {display:flex;height:100vh;min-height:100vh;justify-content: center;align-items: center;}
	.topVisual .inner .infoBox .tit {font-size: 9.1vw;color:#fff;font-weight:300;font-family:'Didot';letter-spacing:-0.2vw;text-align: center;line-height: 1.1;}
	.topVisual .inner .infoBox .desc {margin-top:5.5vw;font-size:3.6vw;color:#fff;font-weight:300;letter-spacing:-0.2vw}
	#contents .btxt {bottom: -7.3vw;}
	#contents .btxt strong {font-size: 13.6vw;}
	.viewList {position:relative;z-index:1}
	.viewList .inner {padding:54.5vw 0;margin:0 auto;width:100%;max-width:254.5vw}
	.viewList .listBox li {display:flex;align-items: center;}
	.viewList .listBox li + li {margin-top:41.8vw}
	.viewList .listBox li .txtBox {margin-left:15.5vw;width:calc(100% - 148.2vw);position:relative}
	.viewList .listBox li .txtBox .tit {margin-left:-12.7vw;color:#fff;font-weight:300}
	.viewList .listBox li .txtBox .desc {display:inline-block;margin-top:1.8vw;font-size:3.6vw;color:#B8B8B8;font-weight:300;max-width:77.3vw;min-height:22.7vw}
	#contents.accommodations .viewList .listBox li .txtBox .moreView {margin-top:0;}
	.viewList .listBox li .imgBox {width:148.4vw;height:100.9vw;position:relative;overflow:hidden}
	.viewList .listBox li .imgBox img {position:absolute;width:100%;height:100%;object-fit:cover}
	.viewList .bgBox:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0A351B;opacity:0.95;}
	#contents.dining.v2 .viewList .bgBox:before {background-color:#fff;}
	#contents.dining .viewList .inner {padding: 25.5vw 0;}
	.viewList .listBox.type2 ul {margin:0 -9.1vw;display: flex;flex-wrap: wrap;flex-direction: column;align-content: flex-start;}
	.viewList .listBox.type2 li {display:flex;align-items: center;flex-direction: column;width:calc(100%/3 - 18.2vw);margin:0 9.1vw;cursor:pointer}
	.viewList .listBox.type2 li + li {margin-top:0;}
	.viewList .listBox.type2 ul li:nth-child(2) {margin-top:40.0vw}
	.viewList .listBox.type2 ul li:nth-child(3n + 2) {margin-top:40.0vw}
	.viewList .listBox.type2 li .txtBox {margin: 4.5vw 0 0;padding-left:3.6vw;width:100%;height:auto}
	.viewList .listBox.type2 li .txtBox .tit {margin-left:0;color:#fff;font-size:9.1vw;transition:all 0.5s ease}
	.viewList .listBox.type2 li .txtBox .desc {margin-top:1.8vw;font-size:2.9vw;font-weight:300;max-width:100%;min-height:11.8vw}
	.viewList .listBox.type2 li .imgBox {width:100%;height:0;padding-bottom:100%;transition:all 0.5s ease}
	.viewList .listBox.type2 li .imgBox img {transform:scale(1);transition:all 0.5s ease}
	#contents.dining .viewList .listBox.type2 li .txtBox .moreView {margin-top:0;opacity:0;transition:opacity 0.5s ease}
	.viewList .listBox.type2 li:hover .txtBox .tit {color:#ED9724;transition:all 0.5s ease}
	.viewList .listBox.type2 li:hover .imgBox {border-radius:0 27.3vw 0 0;transition:all 0.5s ease}
	.viewList .listBox.type2 li:hover .imgBox img {transform:scale(1.1);transition:all 0.5s ease}
	#contents.dining .viewList .listBox.type2 li:hover .txtBox .moreView {opacity:1;transition:opacity 0.5s ease}
	.viewList.type2 .inner {padding:18.2vw 0 0}
	.viewList .listBox.type3 ul {margin:0 -9.1vw;display: flex;flex-wrap: wrap;}
	.viewList .listBox.type3 li {display:flex;align-items: center;flex-direction: column;width:calc(100%/2 - 18.2vw);margin:0 9.1vw;}
	.viewList .listBox.type3 li:nth-child(2n) {margin-top:18.2vw}
	.viewList .listBox.type3 li .txtBox {margin:7.3vw 0 0;padding:0 7.3vw;width:100%;height:auto}
	.viewList .listBox.type3 li .txtBox .tit {margin-left:0;color:#0A351B;font-size:5.5vw;font-weight:600;font-family:'Pretendard';}
	.viewList .listBox.type3 li .txtBox .desc {margin-top:5.5vw;font-size:3.1vw;font-weight:300;max-width:100%;color:#666;min-height:10.9vw}
	.viewList .listBox.type3 li .imgBox {width:100%;height:0;padding-bottom:100%}
	.viewList .listBox.type3 li .imgBox img {transform:scale(1)}
	#contents.dining.v2 .topVisual {mix-blend-mode:difference;}
	#contents.dining.v2 .viewList .inner {max-width:303.6vw}
	#contents.dining.v2 .viewList .listBox.type2 ul {margin: 0;justify-content: center;}
	#contents.dining.v2 .viewList .listBox.type2 ul li {width: 100%;margin: 0;align-items: flex-start;padding-right:10vw}
	#contents.dining.v2 .viewList .listBox.type2 ul li a {display:block;width: 100%;}
	#contents.dining.v2 .viewList .listBox.type2 ul li .imgBox {width:100%;height:0;padding-bottom:100%}
	#contents.dining.v2 .viewList .listBox.type2 ul li .txtBox {width: 100%;padding-left:10.0vw}
	#contents.dining.v2 .viewList .listBox.type2 li .txtBox .tit {color:#0A351B;font-size: 9.1vw;letter-spacing:0;font-weight:400}
	#contents.dining.v2 .viewList .listBox.type2 li .txtBox .desc {font-size:3.6vw;color:#666}
	#contents.dining.v2 .viewList .listBox.type2 ul li.type2 .imgBox {width:100%;height:0;padding-bottom:100%}
	#contents.dining.v2 .viewList .listBox.type2 ul li.type2 .txtBox {width:100%}
	#contents.dining.v2 .viewList .listBox.type2 ul li:first-child {margin-top:0}
	#contents.dining.v2 .viewList .listBox.type2 ul li:nth-child(2n) {align-items: flex-start;padding:0 0 0 10vw}
	#contents.dining.v2 .viewList .listBox.type2 ul li:nth-child(2n) .txtBox {padding-left:0}
	#contents.dining.v2 .viewList .listBox.type2 ul li + li {margin-top: 10.9vw !important}
	.newsLetter > .inner {padding: 32.7vw 0;}
	.newsLetter .newsLetterBox {padding:0 5.5vw}
	.newsLetter .titleBox {position:relative;height:100%}
	.newsLetter .titleBox h2 {text-align:center;font-size: 7.3vw;font-weight: 400;}
	.newsLetter .titleBox .desc {margin-top: 4.4vw;font-size:3.6vw;color:#fff;text-align:center;letter-spacing: -0.2vw;}
	.newsLetter .letterBox {width:100%;max-width:203.6vw;margin: 10.9vw auto 0;padding: 8.2vw 5.5vw;border:0.2vw solid #fff}
	.newsLetter .letterBox .letterSearch {position:relative;padding-bottom:3.6vw;border-bottom:0.2vw solid #fff}
	.newsLetter .letterBox .letterSearch input {width:100%;border:none;font-size:3.6vw;font-weight:500;font-family: 'PlayfairDisplay';color:rgba(255,255,255,1);background-color: transparent;}
	.newsLetter .letterBox .letterSearch .buttonBox {position:absolute;bottom:3.6vw;right:0}
	.newsLetter .letterBox .letterSearch .buttonBox button {font-size:4.0vw;font-weight:600;font-family: 'PlayfairDisplay';color:#fff}
	.newsLetter .letterBox .agreeBox {margin-top:3.6vw}
	.newsLetter .letterBox .agreeBox label {color:#fff;margin-left:2.7vw;font-size: 3.3vw;}
	.footer {position:relative}
	.footer > .inner {padding: 9.1vw 0;}
	.footer .footerBox {padding: 10.9vw 0 14.5vw;margin: 0 5.5vw;border-top:0.2vw solid #fff;border-bottom:0.2vw solid #fff}
	.footer .footerBox .logoBox {text-align:center}
	.footer .footerBox .logoBox img {width:19vw;height:13.6vw}
	.footer .footerBox .address {position:relative;display:flex;justify-content: space-around;width:100%;max-width:254.5vw;margin:10.0vw auto 0;flex-direction: column;}
	.footer .footerBox .address > div {margin-top:9vw;}
	.footer .footerBox .address .linkBox {margin-top:0;font-size:6.5vw;color:#fff;font-weight:600;font-family:'Didot';letter-spacing:-0.2vw}
	.footer .footerBox .address .linkBox li {line-height:1.1}
	.footer .footerBox .address .linkBox li a {font-size: 4.9vw;color:#fff;font-weight:600;font-family:'Didot';letter-spacing:-0.2vw}
	.footer .footerBox .address .snsBox {position: absolute;bottom:23vw;right: 4.5vw;margin-top:0}
	.footer .footerBox .address .snsBox dt {font-size:3.3vw;}
	.footer .footerBox .address .snsBox dd {margin-top: 2.7vw;}
	.footer .footerBox .address .snsBox dd ul li:first-child img {width:2.9vw;height:5.5vw}
	.footer .footerBox .address .snsBox dd ul li:nth-child(2) img {width:4.5vw;height:4.5vw}
	.footer .footerBox .address .snsBox dd ul li + li {margin-left:3.6vw}
	.contactBox {width:72.7vw;}
	.contactBox dt {font-size:3.3vw;color:#fff;letter-spacing:-0.1vw;}
	.contactBox dd {margin-top:3.6vw;font-size:3.1vw;color:#fff;font-weight:300;font-family:'Barlow';letter-spacing:-0.1vw;font-weight:400}
	.contactBox .copyright {margin-top:4.5vw;font-size:2.5vw;}
	.contactBox .tel {margin-top:1.8vw;font-size:6.4vw;font-weight:500}

	.bannerBox .slideBox .txtBox {width: 100%;}
	.bannerBox .slideBox .txtBox .tit {font-size: 10.0vw;color:#fff;font-weight: 400;line-height:1;font-family:'Didot';letter-spacing: 0;}
	.bannerBox .slideBox .txtBox .desc {display:block;margin-top: 5.5vw;font-size:3.6vw;color:#fff;font-weight:300;letter-spacing:-0.2vw;width: 80%;margin: 5.5vw auto 0;}
	.bannerBox .slideBox .txtBox .btnBox {margin-top:21.8vw}
	.bannerBox .slideBox .txtBox .btnBox .moreBtn2 {display:flex;width:21.8vw;height:21.8vw;font-size:4.7vw;color:#fff;font-weight:500;font-family:'BarlowCondensed';border:0.2vw solid #E8E8E8;border-radius:50%;justify-content: center;align-items: center;}
	.slideNav {position:absolute;top: 23.6vw;right: 5.5vw;transform: none;}
	.slideNav li {position:relative;opacity:1;margin:1.8vw 0;height:1.8vw}
	.slideNav li:before {content:'';position:absolute;display:block;top:50%;right:2.7vw;width:1.8vw;height:1.8vw;border-radius:50%;background-color:#fff;transform: translateY(-50%);}
	.slideNav li.on {width:6.5vw;height:6.5vw;margin:0}
	.slideNav li.on:after {content:'';display:block;position:absolute;top:50%;right:0;width:6.5vw;height:6.5vw;border:0.4vw dotted #fff;border-radius:50%;transform: translateY(-50%);transition:all 0.5s ease}

	.detailTop {display:flex;align-items: center;justify-content: center;position:fixed;top:0;left:0;width:100%;height:21.8vw;background-color:#fff;z-index:999;padding:0 8.2vw}
	.detailTop .backBtn {position:absolute;left:5.5vw;}
	.detailTop .backBtn a {padding-left:6vw;display:block;font-size:5vw;color:#000;font-family:'Didot';}
	.detailTop .backBtn:before {content:'';display:block;position:absolute;top:50%;left:0;width:5vw;height:3.5vw;background:url(../img/ico/ico_arrow_back.svg) no-repeat 0 0;background-size:100%;transform: translateY(-50%);}
	.detailTop h2 {display:flex;align-items: center;padding:0 3vw;height:10.9vw;font-size:5vw;color:#0A351B;font-family:'Didot';border-left:#D1D1D1 0.2vw solid;border-right:#D1D1D1 0.2vw solid;}
	.detailTop .reservBox {position:absolute;right:5.5vw;}
	.detailTop .reservBox img {width:5.5vw;height:5.5vw}
	.detailBox > .inner {max-width:218.2vw;padding: 16.4vw 5.5vw 0;}
	.detailslider {position:relative;margin-top: 14.5vw;}
	.detailslider .swiper-slide {height:0;padding-bottom:68%;transform: scale(0.8);}
	.detailslider .swiper-slide img {width:100%;object-fit:cover;height: 100%;position: absolute;}
	.detailslider .swiper-slide-active {transform: scale(1.1);}
	.detailslider .swiper-button-next {width: 1.8vw;height: 2.9vw;left: auto;right: calc(50% - 18.2vw);top: auto;bottom: 6.4vw;background:url(../img/ico/ico_arrow_next.png) no-repeat 0 0;background-size:100%;}
	.detailslider .swiper-button-prev {width: 1.8vw;height: 2.9vw;right: auto;left: calc(50% - 18.2vw);top: auto;bottom: 6.4vw;background:url(../img/ico/ico_arrow_next.png) no-repeat 0 0;background-size:100%;transform:rotate(-180deg)}
	.detailslider .swiper-pagination {position:absolute;left: 50%;bottom: 3.6vw;transform: translateX(-50%);}
	.detailslider .swiper-pagination .swiper-pagination-bullet {position:relative;opacity:1;margin:0 1.8vw;width:1.8vw;height:6.5vw;background:transparent}
	.detailslider .swiper-pagination .swiper-pagination-bullet:before {content:'';position:absolute;display:block;top:50%;right:auto;width:1.8vw;height:1.8vw;border-radius:50%;background-color:#fff;transform: translateY(-50%);}
	.detailslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {margin:0 2.4vw}
	.detailslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {background-color:#ED9724;transition:all 0.5s ease}
	.detailslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {content:'';display:block;position:absolute;top:50%;left:50%;width:6.5vw;height:6.5vw;border:0.4vw dotted #fff;border-radius:50%;transform: translate(-50%,-50%);transition:all 0.5s ease}
	#contents.detail .detailBox > .inner .titleBox .tit {font-size:9.1vw;color:#000;font-weight: 400;line-height:1;font-family:'Didot';}
	#contents.detail .detailBox > .inner .titleBox.type2 .tit {font-size:7.3vw;font-weight:600;letter-spacing:-0.2vw;font-family:'Pretendard';}
	#contents.detail .detailBox > .inner .titleBox + div {margin-top:11.8vw}
	#contents.detail .detailBox > .inner .refer {margin-top:3.6vw}
	#contents.detail .detailBox > .inner .refer li {position:relative;padding-left:3.6vw;font-size:3.6vw;color:#666;font-weight:300}
	#contents.detail .detailBox > .inner .refer li:before {content:'※';display:block;position:absolute;left:0;top:0;}
	#contents.detail .detailBox > .inner .infoBox .conBox .dlBox {position:relative;display:flex;justify-content: space-around;padding:12.7vw 0;border-top:0.4vw solid #000;border-bottom:0.4vw solid #000;flex-direction: column;}
	#contents.detail .detailBox > .inner .infoBox .conBox .dlBox:before {content:'';display:block;position:absolute;top:-2.4vw;left:50%;width:3.6vw;height:3.6vw;border:0.4vw solid #000;background-color:#fff;transform:translateX(-50%) rotate(45deg)}
	#contents.detail .detailBox > .inner .infoBox .conBox .dlBox > dl + dl {margin-top:9.1vw}
	#contents.detail .detailBox > .inner .infoBox .conBox .dlBox > dl > dt {font-size:3.6vw;color:#000;font-weight:600}
	#contents.detail .detailBox > .inner .infoBox .conBox .dlBox > dl > dd {margin-top:3.6vw;font-size:3.6vw;color:#666;font-weight:300}
	#contents.detail .detailBox > .inner .infoBox .conBox .dlBox > dl > dd dt {color:#666;font-weight:300}
	#contents.detail .detailBox > .inner .infoBox .conBox .checkTxt {margin-top:5.5vw;text-align:left;padding:0 8vw}
	#contents.detail .detailBox > .inner .infoBox .conBox .checkTxt span {position:relative;display:inline-block;font-size:3.6vw;color:#666;font-weight:300;padding-left:7.3vw}
	#contents.detail .detailBox > .inner .infoBox .conBox .checkTxt span:before {content:'';display:block;position:absolute;width:5.5vw;height:5.8vw;top:0;left:0;background:url(../img/ico/ico_info.svg) no-repeat 0 0;background-size:100%}
	#contents.detail .detailBox > .inner .chargeBox {margin-top: 23.6vw;}
	#contents.detail .detailBox > .inner .chargeBox .conBox {position:relative;padding: 12.7vw 5.5vw;border-radius: 0;overflow:hidden;margin: 9.1vw -5.5vw 0;}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox {display:flex;justify-content: space-around;padding: 16.4vw 2.7vw 13vw;width:100%;height:100%;background-color:#fff;border-radius:10.9vw}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dl {display:flex;flex-direction: column;align-items: center}
	#contents.detail .detailBox > .inner .chargeBox.type2 .conBox .dlBox {padding:16.4vw 12.7vw}
	#contents.detail .detailBox > .inner .chargeBox.type2 .conBox .dlBox dl {width:50%;margin:0 -3.6vw}
	#contents.detail .detailBox > .inner .chargeBox.type3 .conBox .dlBox dl {width:calc(100%/3)}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dt {position:relative;display:inline-block;font-size:3.6vw;font-family:'Pretendard';color:#000;font-weight:600;padding-bottom: 4.5vw;}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dt:before {content:'';display:block;position:absolute;bottom:0;left:50%;width:100%;min-width:20.0vw;height:0.4vw;background-color:#000;transform:translateX(-50%)}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd {padding-top: 3.6vw;}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd span {display:block;line-height:3;font-size:3.6vw;color:#666;text-align:center}
	#contents.detail .detailBox > .inner .chargeBox.type2 .conBox .dlBox dl dt {padding-bottom:2.7vw}
	#contents.detail .detailBox > .inner .chargeBox.type2 .conBox .dlBox dl dd {margin:0 3.6vw;padding-top:0}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd ul {display:flex;flex-wrap: wrap;margin-top:9.1vw;word-break:keep-all;justify-content: center;}
	#contents.detail .detailBox > .inner .chargeBox.type2 .conBox .dlBox dd ul {margin-top:5vw;}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd ul li {position:relative;font-size:3.3vw;color:#666;line-height:1.8}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd ul li + li {margin-left: 0;}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox dd ul li + li:before {content:'|';display: none;position:absolute;left:-1.8vw}
	#contents.detail .detailBox > .inner .chargeBox .conBox .dlBox .bgBox:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.15}
	#contents.detail .detailBox > .inner .chargeBox .refer {padding-left: 0;}
	#contents.detail .detailBox > .inner .chargeBox .refer li {color:#fff;font-size:3.3vw;font-weight:600}
	#contents.detail .detailBox > .inner .detailList {margin: 23.6vw auto 0;width:100%;max-width:200.0vw}
	#contents.detail .detailBox > .inner .detailList .titleBox {align-items: flex-start;}
	#contents.detail .detailBox > .inner .detailList .titleBox .tit {font-size:6.2vw;color:#000;font-weight:600;font-family:'Pretendard';}
	#contents.detail .detailBox > .inner .detailList .listBox {display:flex;border-top:0.4vw solid #000;margin-top: 9.1vw;}
	#contents.detail .detailBox > .inner .detailList .listBox > ul > li {display:flex;padding:5.5vw 0;border-bottom:0.2vw solid #D1D1D1;flex-direction: column;}
	#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .tit {display:block;width:36.4vw;font-size:3.6vw;color:#000;font-family:'Pretendard';line-height:1.2}
	#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc {width:100%;}
	#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc em {display:flex;flex-direction: column;margin-top:2.7vw}
	#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc em span {display:block;font-size:3.6vw;color:#666;font-weight:300;line-height:2;font-family:'Pretendard';}
	#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc em .txt {width:57.3vw;line-height: 1.3;font-weight: 400;color: #000;position: relative;padding-left: 2.5vw;}
	#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc em .txt:before {content:'-';display:block;position:absolute;left:0;}
	#contents.detail .detailBox > .inner .detailList .listBox > ul > li > .desc em .txt2 {line-height: 1.3;margin-top:1.1vw}
	#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul {display:flex;width:100%;border-bottom:0.2vw solid #D1D1D1;flex-wrap: wrap;padding: 4.5vw 0;}
	#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul > li {display:flex;padding: 4.5vw 0;border-bottom:none;flex-direction: column;width: calc(100%/4);justify-content: center;align-items: center;align-content: space-around;}
	#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul > li .icoBox {height:9.1vw}
	#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul > li .icoBox img {width:auto;height:100%;object-fit:cover}
	#contents.detail .detailBox > .inner .detailList.type2 .listBox > ul > li .name {display:inline-block;margin-top:4.5vw;font-size:3.6vw;color:#666;text-align:center;font-weight:300;font-family:'Pretendard';}
	#contents.detail .detailBox > .inner .detailList .listBox > .tableBox {margin:-0.4vw -5.5vw 0 0;overflow-x:auto;border-top:0.4vw solid #000;}
	#contents.detail .detailBox > .inner .detailList .listBox > .tableBox > table {min-width:200vw}
	#contents.detail .detailBox > .inner .detailList .listBox > .tableBox > .board01 thead th {padding:3.6vw 0;color:#000;font-size:3.6vw;border-bottom:0.4vw solid #000;text-align:center}
	#contents.detail .detailBox > .inner .detailList .listBox > .tableBox > .board01 tbody th {padding:5.5vw 0;color:#000;font-size:3.6vw;border-bottom:0.2vw solid #D1D1D1;text-align:center}
	#contents.detail .detailBox > .inner .detailList .listBox > .tableBox > .board01 tbody td {padding:5.5vw 0;color:#666;font-size:3.6vw;border-bottom:0.2vw solid #D1D1D1;text-align:center}
	#contents.detail .detailBox > .inner .detailList .listBox > .tableBox > .board01 tbody td.type2 {color:#000}
	#contents.detail .detailBox > .inner .detailList.type3 .listBox > ul {padding:7.3vw 0;border-bottom:0.2vw solid #D1D1D1;width:100%}
	#contents.detail .detailBox > .inner .detailList.type3 .listBox > ul > li {display:flex;position:relative;padding:0 0 0 3.6vw;border-bottom:none;width:100%;font-size:3.6vw;color:#666;line-height: 1.3;}
	#contents.detail .detailBox > .inner .detailList.type3 .listBox > ul > li + li {margin-top: 2.9vw;}
	#contents.detail .detailBox > .inner .detailList.type3 .listBox > ul > li:before {content:'-';display:block;position:absolute;top:0;left:0;}

	.relationsBox {position:relative}
	.relationsBox > .inner {width:100%}
	.relationsBox > .inner ul {display:flex}
	.relationsBox > .inner ul li {width:50%;height:70vw;position:relative}
	.relationsBox > .inner ul li:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.29);z-index:1;transition:all 0.5s ease}
	.relationsBox > .inner ul li:hover:after {content:'';display:block;position:absolute;top:4.5vw;left:4.5vw;width:calc(100% - 9.1vw);height:calc(100% - 9.1vw);border-top:0.2vw solid #D1D1D1;border-bottom:0.2vw solid #D1D1D1;transition:all 0.5s ease;z-index:1}
	.relationsBox > .inner ul li:hover:before {background-color:rgba(0,0,0,0.47);transition:all 0.5s ease}
	.relationsBox > .inner ul li .imgBox {position:absolute;top:0;left:0;width:100%;height:100%}
	.relationsBox > .inner ul li .imgBox img {width:100%;height:100%;object-fit:cover}
	.relationsBox > .inner ul li .txtBox {position:relative;display:flex;width:100%;height:100%;justify-content: center;flex-direction: column;align-items: center;z-index:2}
	.relationsBox > .inner ul li .txtBox strong {font-size:8.2vw;color:#fff;font-weight:300;font-family:'Didot';}
	.relationsBox > .inner ul li .txtBox em {margin-top:0.9vw;font-size:2.7vw;color:#fff;}
	.relationsBox > .inner ul li .txtBox .btnBox {position:relative;opacity:0;transform:scale(0);max-height:0;transition:all 0.5s ease}
	.relationsBox > .inner ul li:hover .txtBox .btnBox {opacity:1;transform:scale(1);max-height:13.6vw;transition:all 0.5s ease}
	.relationsBox > .inner ul li .txtBox .btnBox a {margin-top:9.1vw;display:flex;align-items: center;justify-content: center;width:13.6vw;height:13.6vw;border:0.2vw solid #fff;border-radius:50%}
	.relationsBox > .inner ul li .txtBox .btnBox a span {font-size:2.7vw;color:#fff;font-weight:500;font-family:'BarlowCondensed';}

	#contents .btnBox {display:flex;justify-content: center;flex-wrap: wrap;margin-top:16.4vw}



	/* fixed icon */
	.scrollBox {position:fixed;right:6.4vw;bottom:16.4vw;z-index:10;transition:all 0.5s ease}
	.scrollBox .scrollArrow {position:relative;width:29.1vw;height:29.1vw;display:flex;flex-wrap: wrap;justify-content: center;}
	.scrollBox .scrollArrow:before {content:'';display:block;position:absolute;width:29.1vw;height:29.1vw;top:0;left:0;background:url(../img/ico/ico_cursor_circle.svg) no-repeat 0 0;background-size:100%;animation: rotating 10s linear infinite;}

	/* Privacy 팝업 */
	.Privacy.popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);z-index:999}
	.Privacy .PrivacyBox {padding:9.1vw;background-color:#fff;}
	.Privacy .PrivacyBox h1 {font-size:6.5vw;color:#000;padding-bottom:5.5vw;margin-bottom:5.5vw;border-bottom:0.4vw solid #000}
	.Privacy .popCon {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: fit-content;}
	.Privacy .inner {width:100%;max-width:109.1vw;height:72.7vw;padding-right:2.7vw;overflow-y:scroll}
	.Privacy .inner p {font-size:3.3vw;font-weight:400}
	.Privacy .inner p + p {margin-top:3.6vw;}
	.Privacy .popClose {top:10.0vw;right:10.0vw;position:absolute;font-size:0;width:5.1vw;height:5.1vw;background:url(../img/common/btn_close.svg) no-repeat 0 0;background-size:100%;}
	.Privacy .inner::-webkit-scrollbar{width: 0.7vw;}
	.Privacy .inner::-webkit-scrollbar-thumb{height: 19.1vw;background-color: #000;}
	.Privacy .inner::-webkit-scrollbar-track{background-color: #fff;}




}

@media (min-width: 751px) {

}