@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#wrap.sky { height: 100%; background: url("../images/sky/invitation/bg.jpg") no-repeat center; background-size: cover; }
#wrap.yaya { height: 100%; background: url("../images/sky/yaya/bg.jpg") no-repeat center; background-size: cover; }
#header { z-index: 1000; position: fixed; width: 100%; left: 0; top: 0; }
#header.sub { height: 110px; background-color: #fff; }
#header.sub01 { height: 110px; background-color: #fff; }
#container { overflow: hidden; height: 100%; margin: 0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#footer { position: relative; }
#footer.v1 { position: fixed; width: 100%; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); }
#footer.sub { background-color: #8c7264; }


/* INTRO */
#intro { overflow: hidden; height: 100%; background: url("../images/landing.jpg?20220118") no-repeat center; background-size: cover; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#intro .outer { display: table; width: 960px; height: 100%; margin: 110px auto 0; }
#intro .outer .inner { display: table-cell; vertical-align: top; }
#intro .outer .inner ul { margin: 0; padding: 0; }
#intro .outer .inner li { position: relative; list-style: none; float: left; width: 50%; cursor: pointer; }
#intro .outer .inner h2 { margin: 0; padding: 0; text-align: center; line-height: 0; }
#intro .outer .inner h2 img { height: 91px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#intro .outer .inner p { margin: 18px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 14.5px; line-height: 20px; color: #ffffff; letter-spacing: 0; text-align: center; }
#intro .outer .inner .btn_go { width: 134px; height: 40px; margin: 50px auto 0; background-color: #fabe00; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#intro .outer .inner .btn_go a,
#intro .outer .inner .btn_go a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 12.5px; line-height: 40px; color: #ffffff; letter-spacing: 0; text-align: center; }
#intro .outer .inner .mark { margin: 90px auto 0; text-align: center; line-height: 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#intro .outer .inner:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* HEADER */
#header > .outer { position: relative; width: 1160px; margin: 0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer h1 { cursor: pointer; width: 340px; height: 79px; margin: 0; padding: 36px 0 0; line-height: 0; background: url("../images/sky/inc/logo.png") no-repeat 0 36px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header > .outer h1 img { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }

#header.sub > .outer h1 { background: url("../images/sky/inc/logo_sub.png") no-repeat 0 36px; }
#header.sub01 > .outer h1 { background: url("../images/sky/inc/logo_sub.png") no-repeat 0 36px; }


/* HEADER - GNB */
#header > .outer .gnb { position: absolute; right: 102px; top: 56px; }
#header > .outer .gnb ul { margin: 0; padding: 0; }
#header > .outer .gnb li { position: relative; list-style: none; float: left; margin: 0 0 0 35px; }
#header > .outer .gnb a,
#header > .outer .gnb a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 14.5px; line-height: 16px; color: #fffffe; letter-spacing: 0.25px; text-align: left; }
#header > .outer .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header.sub > .outer { height: 110px; }
#header.sub > .outer .gnb a,
#header.sub > .outer .gnb a:hover { color: #b0ac9b; }
#header.sub > .outer:after { content: ""; position: absolute; height: 1px; left: -140px; right: -140px; bottom: 0; background-color: #dfded7; }

#header.sub01 > .outer { height: 110px; }
#header.sub01 > .outer .gnb a,
#header.sub01 > .outer .gnb a:hover { color: #976144; }
#header.sub01 > .outer:after { content: ""; position: absolute; height: 1px; left: -140px; right: -140px; bottom: 0; background-color: #dfded7; }

/* HEADER - GO */
#header > .outer .btn_go { cursor: pointer; position:absolute; width: 67px; height: 67px; right: 0; top: 32px; background: url("../images/sky/inc/btn_go.png") no-repeat; line-height: 0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#header.sub > .outer .btn_go { background: url("../images/sky/inc/btn_go_sub.png") no-repeat; }
#header.sub01 > .outer .btn_go { background: url("../images/sky/inc/btn_go_sub01.png") no-repeat; }






/* 모바일버튼 */
#header > .outer .gnb_btn { position:absolute; padding: 7px 5px 6px; top:34px; right:0; background-color: #3e4156; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .outer .gnb_btn .btn_nav { position:relative; width:24px; height:20px; cursor:pointer; }
#header > .outer .gnb_btn .btn_nav span { display:block; position:absolute; width:100%; height:3px; left:0; background:#fff; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header > .outer .gnb_btn .btn_nav span.ico1 { top:0px; }
#header > .outer .gnb_btn .btn_nav span.ico2,
#header > .outer .gnb_btn .btn_nav span.ico3 { top:8px; }
#header > .outer .gnb_btn .btn_nav span.ico4 { top:16px; }
#header > .outer .gnb_btn .btn_nav.open span.ico1 { width:0%; left:50%; top:18px; }
#header > .outer .gnb_btn .btn_nav.open span.ico2 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .outer .gnb_btn .btn_nav.open span.ico3 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }
#header > .outer .gnb_btn .btn_nav.open span.ico4 { width:0%; top:18px; left:50%;}


/* 모바일 메뉴영역 */
.gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999999; display:none; }
.gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#1153a1; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .head { height:55px; background-color:#fff; }

.gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
.gnb_m .head .gnb_btn_close img { width:100%; }

.gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .list ul { margin:0; padding:0; }
.gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #2068bc; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; font-size:12px; line-height:42px; font-weight:500; letter-spacing:1px; }

.gnb_m .list li.select { background-color:#2068bc; }
.gnb_m .list li.select .list_title { color:#fff; }
.gnb_m .list li.select .list_title span { color:#20aae3; }

.gnb_m .list .sub_list { background-color:#fff; display:none; }
.gnb_m .list .sub_list ul { margin:0; padding:0; }
.gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #ccc; border-bottom:none; font-family:'Noto Sans KR'; color:#666666; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
.gnb_m .list .sub_list a,
.gnb_m .list .sub_list a:hover { display: block; }
.gnb_m .list:after { content:""; clear:both; display:block; }


/* FOOTER */
#footer > .outer { overflow: hidden; position: relative; width: 1160px; margin: 0 auto; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }

#footer > .outer .logo { position: absolute; left: 0; top: 43px; line-height: 0; }

#footer > .outer .copyright { margin: 40px 0 30px 100px; padding: 0; }
#footer > .outer .copyright ul { margin: 0; padding: 0; }
#footer > .outer .copyright li { list-style: none; float: left; margin-right: 6px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 12.5px; line-height: 19px; color: #ffffff; letter-spacing: 0.25px; text-align: left; }
#footer > .outer .copyright li.v1 { display: block; clear: both; }
#footer > .outer .copyright li.v2 { display: block; clear: both; margin-top: 30px; }
#footer > .outer .copyright:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .outer .mark { position: absolute; right: 0; top: 35px; line-height: 0; }


/* INVITATION */
#invitation { display: table; position: relative; width: 100%; height: 100%; }
#invitation > .outer { display: table-cell; vertical-align: middle; }
#invitation > .outer h3 { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14.5px; line-height: 15px; color: #ffffff; letter-spacing: 0.25px; text-align: center; }
#invitation > .outer .slogan { margin: 26px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 37.5px; line-height: 54px; color: #ffffff; letter-spacing: 0.25px; text-align: center; }
#invitation > .outer .slogan i { display: block; }
#invitation > .outer p { margin: 40px 0 0; padding: 0 0 120px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14.5px; line-height: 21px; color: #ffffff; letter-spacing: 0.25px; text-align: center; }
#invitation > .outer p i { display: block; }


/* SUB LAYOUT */
.sub_title { margin: 127px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16.5px; line-height: 20px; color: #b0ac9b; letter-spacing: 0.25px; text-align: center; }
.sub_title strong { display: block; margin-top: 11px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 37.5px; line-height: 38px; color: #976144; letter-spacing: 0; text-align: center; }

.sub_spot { height: 500px; margin: 23px auto 0; background: url("../images/sky/design/spot.jpg") no-repeat center; background-size: cover; }
.sub_spot.reservation { background: url("../images/sky/reservation/spot.jpg") no-repeat center; background-size: cover; }


/* DESIGN */
#design { width: 1160px; margin: 0 auto 100px; }
#design h2 { margin: 40px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 24px; color: #b0ac9b; letter-spacing: 0.25px; text-align: left; }
#design h2 strong { margin-right: 10px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 24px; color: #bb9886; letter-spacing: 0.25px; text-align: left; }
#design h2 span { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 24px; line-height: 24px; color: #b0ac9b; letter-spacing: 0.25px; text-align: left; }

#design .head { margin: 35px 0 0; font-size: 0; }
#design .head .side_info { overflow: hidden; display: inline-block; vertical-align: text-top; width: 360px; height: 520px; background-color: #f7f7f7; }
#design .head .side_info h3 { position: relative; margin: 22px 0 0 19px; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 34px; line-height: 34px; color: #434343; letter-spacing: -1.5px; text-align: left; }
#design .head .side_info h3:after { content: ""; position: absolute; width: 82px; height: 1px; left: 0; bottom: -24px; background-color: #bb9886; }
#design .head .side_info .room_no { margin: 48px 0 0 19px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 34px; line-height: 34px; color: #b0ac9b; letter-spacing: 0; text-align: left; }
#design .head .side_info .room_info { margin: 70px 0 0 19px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 19px; line-height: 20px; color: #bf9e8c; letter-spacing: 0; text-align: left; }
#design .head .side_info .info_list { margin: 20px 0 0 19px; }
#design .head .side_info .info_list ul { margin: 0; padding: 0; }
#design .head .side_info .info_list li { position: relative; list-style: none; min-height: 24.5px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24.5px; color: #808080; letter-spacing: 0; text-align: left; }
#design .head .side_info .info_list .info_title { position: absolute; left: 0; top: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24.5px; color: #434343; letter-spacing: 0; text-align: left; }
#design .head .side_info .info_list .info_text { margin: 0 0 0 130px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24.5px; color: #808080; letter-spacing: 0; text-align: left; }
#design .head .side_info .info_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#design .head .thum { display: inline-block; vertical-align: text-top; width: 760px; height: 520px; margin: 0 0 0 40px; }
#design .head .thum ul { margin: 0; padding: 0; }
#design .head .thum li { list-style: none; float: left; line-height: 0; }
#design .head .thum:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#design .thum_list { margin: 50px 0 0; }
#design .thum_list ul { margin: 0; padding: 0; }
#design .thum_list li { list-style: none; float: left; width:360px; margin-left: 40px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#design .thum_list li img { width:100%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#design .thum_list li:first-child { margin-left: 0; }
#design .thum_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* YAYA */
#yaya { display: table; position: relative; width: 100%; height: 100%; }
#yaya > .outer { display: table-cell; vertical-align: middle; }
#yaya > .outer .yaya_slide { width: 1160px; margin: 0 auto; }
#yaya > .outer .yaya_slide ul { margin: 0; padding: 0; }
#yaya > .outer .yaya_slide li { list-style: none; }
#yaya > .outer .yaya_slide:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#yaya > .outer h3 { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14.5px; line-height: 15px; color: #ffffff; letter-spacing: 0.25px; text-align: center; }
#yaya > .outer .slogan { margin: 26px 0 0; padding: 0 0 120px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 37.5px; line-height: 54px; color: #ffffff; letter-spacing: 0.25px; text-align: center; }
#yaya > .outer .slogan i { display: block; }


/* RESERVATION */
#reservation { margin: 100px 3.5% 100px; }
#reservation h3 { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 37.5px; line-height: 54px; color: #976144; letter-spacing: 0.25px; text-align: center; }
#reservation p { margin: 25px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 14.5px; line-height: 21px; color: #b0ac9b; letter-spacing: 0.25px; text-align: center; }
#reservation .btn_go { width: 134px; height: 40px; margin: 50px auto 0; background-color: #fabe00; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#reservation .btn_go a,
#reservation .btn_go a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 12.5px; line-height: 40px; color: #ffffff; letter-spacing: 0; text-align: center; }


/* LOCATION */
#location { width: 1160px; margin: 23px auto 100px; }
#location .map { height: 500px; }
#location .info { }
#location .info ul { margin: 0; padding: 0; }
#location .info li { list-style: none; margin-top: 100px; }
#location .info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#location .info h3 { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 37.5px; line-height: 38px; color: #976144; letter-spacing: 0.25px; text-align: center; }
#location .info p { margin: 25px 0 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 14.5px; line-height: 21px; color: #b0ac9b; letter-spacing: 0.25px; text-align: center; }
#location .info p i { display: block; }








@media screen and (max-width:1160px) {

	/* INTRO */
	#intro .outer { display: table; width: 100%; }


	/* HEADER */
	#header > .outer { width: auto; margin: 0 3.5%; }

	/* HEADER - GNB */
	#header > .outer .gnb { display: none; }
	#header > .outer .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }

	/* HEADER - GO */
	#header > .outer .btn_go { position:absolute; width: 50px; height: 50px; right: 50px; top: 24px; background: url("../images/sky/inc/btn_go.png") no-repeat; background-size: cover; }
	#header.sub > .outer .btn_go { background: url("../images/sky/inc/btn_go_sub.png") no-repeat; background-size: cover; }
	#header.sub01 > .outer .btn_go { background: url("../images/sky/inc/btn_go_sub01.png") no-repeat; background-size: cover; }


	/* FOOTER */
	#footer > .outer { width: auto; margin: 0 3.5%; }


	/* DESIGN */
	#design { width: auto; margin: 0 3.5% 100px; }

	#design .head .side_info { display: block; position: relative; width: auto; height: auto; }
	#design .head .side_info h3 { margin: 30px 0 0 30px; }
	#design .head .side_info .room_no { position: absolute; right: 30px; top: 30px; margin: 0; }
	#design .head .side_info .room_info { margin: 50px 0 0 30px; }
	#design .head .side_info .info_list { margin: 20px 0 30px 30px; }

	#design .head .thum { display: block; width: auto; height: auto; margin: 30px 0 0 0; }
	#design .head .thum img { width: 100%; }

	#design .thum_list { margin: 30px 0 0; }
	#design .thum_list li { width: 32%; margin-left: 2%; }
	#design .thum_list img { width: 100%; }


	/* YAYA */
	#yaya > .outer .yaya_slide { width: auto; margin: 0 3.5%; }


	/* LOCATION */
	#location { width: auto; margin: 23px 3.5% 100px; }

}

@media screen and (max-width:900px) {


	/* INTRO */
	#intro .outer .inner h2 img { height: 70px; }

	/* FOOTER */
	#footer > .outer .logo { position: relative; margin-top: 30px; left: auto; top: auto; text-align: center; }

	#footer > .outer .copyright { margin: 30px 0 0 0; }
	#footer > .outer .copyright ul { font-size: 0; text-align: center; }
	#footer > .outer .copyright li { display: inline-block; vertical-align: middle; float: none; margin: 0 5px; text-align: center; }

	#footer > .outer .mark { position: relative; right: auto; top: auto; margin: 30px 0 30px; text-align: center; }
	#footer > .outer .mark img { height: 80px; }


	/* INVITATION */
	#invitation { display: block; width: auto; height: auto; margin: 200px 3.5% 0; }
	#invitation > .outer { display: block; }
	#invitation > .outer .slogan { margin: 26px 0 0; font-size: 28px; line-height: 50px; }


	/* YAYA */
	#yaya { display: block; width: auto; height: auto; margin: 200px 0 0; }
	#yaya > .outer { display: block; }
	#yaya > .outer .yaya_slide { width: auto; margin: 0 3.5%; }
	#yaya > .outer .yaya_slide li { padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


}


@media screen and (max-width:640px) {

	/* LAYOUT */
	#wrap { height: auto; }
	#wrap.sky { height: auto; }
	#wrap.yaya { height: auto; }
	#header.sub { height: 90px; }
	#header.sub01 { height: 90px; }
	#footer.v1 { position: relative; width: 100%; left: auto; bottom: auto; background-color: rgba(0, 0, 0, 0.5); }

	/* INTRO */
	#intro .outer .inner h2 img { height: 40px; }
	#intro .outer .inner .mark { margin: 50px auto 0; }
	#intro .outer .inner .mark img { height: 80px; }
	#intro .outer .inner .btn_go { width: 120px; height: 36px; }
	#intro .outer .inner .btn_go a,
	#intro .outer .inner .btn_go a:hover { line-height: 36px; }

	/* HEADER */
	#header.sub > .outer { height: 90px; }
	#header.sub01 > .outer { height: 90px; }

	#header > .outer h1 { width: 210px; height: 56px; padding: 30px 0 0; background: url("../images/sky/inc/logo.png") no-repeat 0 30px; background-size: contain; }
	#header.sub > .outer h1 { background: url("../images/sky/inc/logo_sub.png") no-repeat 0 30px; background-size: contain; }
	#header.sub01 > .outer h1 { background: url("../images/sky/inc/logo_sub.png") no-repeat 0 30px; background-size: contain; }



	/* HEADER - GO */
	#header > .outer .btn_go { top: 20px; }

	/* 모바일버튼 */
	#header > .outer .gnb_btn { top:28px; }


	/* INVITATION */
	#invitation { margin: 150px 5% 0; padding-bottom: 150px; }
	#invitation > .outer .slogan { font-size: 23px; line-height: 40px; }
	#invitation > .outer .slogan i { display: none; }
	#invitation > .outer p { padding: 0; }
	#invitation > .outer p i { display: none; }


	/* SUB LAYOUT */
	.sub_title strong { font-size: 30px; }

	.sub_spot { height: 200px; }


	/* DESIGN */
	#design h2 { line-height: 34px; }
	#design h2 strong { display: block; line-height: 34px; }
	#design h2 span { line-height: 34px; }

	#design .head { margin: 30px 0 0; }
	#design .head .side_info h3 { margin: 22px 0 0 20px; font-size: 30px; line-height: 30px; }
	#design .head .side_info .room_no { position: relative; margin: 48px 0 0 20px; right: auto; top: auto; font-size: 30px; line-height: 30px; }
	#design .head .side_info .room_info { margin: 30px 0 0 20px; }
	#design .head .side_info .info_list { margin: 20px 0 30px 20px; }


	/* YAYA */
	#yaya { margin: 150px 5% 0; padding-bottom: 150px; }
	#yaya > .outer .yaya_slide li { padding: 0 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#yaya > .outer .slogan { padding: 0; font-size: 23px; line-height: 40px; }
	#yaya > .outer .slogan i { display: none; }


	/* RESERVATION */
	#reservation { margin: 50px 3.5% 100px; }
	#reservation h3 { font-size: 30px; line-height: 46px; }


	/* LOCATION */
	#location .map { height: 300px; }
	#location .info li { margin-top: 60px; }
	#location .info h3 { font-size: 30px; line-height: 30px; }
	#location .info p i { display: none; }


}