/*
font-family: "Noto Sans KR", sans-serif;
font-family: "Stylish", serif;
font-family: "Montserrat", sans-serif;
*/

@charset "utf-8";

/********** 초기화 **********/
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight:400;
	color:white;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=text],input[type=password], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	}

html { overflow-y:scroll; width:100%; height:100%; }
body { width:100%; height:100%; background:#064606; }

a { text-decoration:none; }

/********** 레이아웃 **********/
.bottomContactInfo {
	position:fixed;
	left:0;
	bottom:0;
	padding:10px 0;
	width:100%;
	background:rgba(0,0,0,0.7);
	text-align:center;
	z-index:100;
}
@media screen and (max-width:1000px) { .bottomContactInfo { display:none; } }
.bottomContactInfo a {
	font-family: "Montserrat", sans-serif;
	font-weight:700;
}

.commFooter {
	position:relative;
	padding:50px 0 200px 0;
	background:#333;
	text-align:center;
	color:#999;
	font-family: "Montserrat", sans-serif;
	z-index:1;
}
.commFooter span {
	color:white;
	font-family: "Montserrat", sans-serif;
	font-weight:700;
}

/********** 고정위치 버튼 **********/
.fixedNav {
	position:fixed;
	left:50%;
	bottom:80px;
	transform: translate(-50%, 0);
	width:100%;
	text-align:center;
	z-index:10;
	animation:fixedNav 2s;
	animation-timing-function:ease-in-out;
}
@keyframes fixedNav {
    from { opacity:0; bottom:0; }
	50% { opacity:0; bottom:0; }
    to { opacity:1; bottom:80px; }
}
@media screen and (max-width:1000px) { .fixedNav { display:none; } }
.fixedNavBtn {
	display:inline-block;
	position:relative;
	margin:0 5px;
	padding:20px 0;
	min-width:180px;
	line-height:50px;
	background:rgb(6, 70, 6, 0.8);
	border:7px solid white;
	border-radius:50px;
	box-shadow:0 5px 5px 5px rgba(0,0,0,0.1);
	text-align:center;
	font-size:1.2em;
	font-weight:700;
	letter-spacing:-1px;
	text-shadow:-3px 0 5px rgba(0,0,0,0.4), 0 3px 5px rgba(0,0,0,0.4), 3px 0 5px rgba(0,0,0,0.4), 0 -3px 5px rgba(0,0,0,0.4);
}
.fNB_home { width:110px; min-width:auto; }
.fixedNavBtn:hover {
	top:-5px;
	background:#222;
	border:7px solid orange;
	color:orange;
	text-shadow:none;
	transition-duration:0.3s;
}

.fixedNavBtn svg {
	position:relative;
	top:0;
	width:35px;
	height:35px;
	vertical-align:middle;
}
.fixedNavBtn path,
.fixedNavBtn polygon,
.fixedNavBtn rect,
.fixedNavBtn circle { fill:white; }
.fixedNavBtn:hover svg {
	position:relative;
	top:0;
	width:35px;
	height:35px;
	vertical-align:middle;
}
.fixedNavBtn:hover path,
.fixedNavBtn:hover polygon,
.fixedNavBtn:hover rect,
.fixedNavBtn:hover circle { fill:orange; }

/********** 공통 **********/
.tpgIdXSection {
	position:relative;
	min-height:100vh;
	overflow:hidden;
	background:#064606;
}
.tISOddBgColor { background:white; }
.tISOddBgColor div { color:#444; }
.tISCalendarBgColor { background:#444; color:white; }

.tIS_tit {
	padding:60px 0 10px 0;
	text-align:center;
	font-size:3em;
	font-weight:900;
	letter-spacing:-2px;
	color:white;
}
@media screen and (max-width:1000px) { .tIS_tit { font-size:2.5em; } }
.tISOddBgColor .tIS_tit { color:#555; }
.tISCalendarBgColor .tIS_tit { color:white; }
.tIS_subtit { margin-bottom:50px; padding:20px; text-align:center; font-size:0.9em; word-break:keep-all; }

.commInput {
	line-height:60px;
	background:white;
	border:1px solid #aaa;
	color:#444;
}
.commBtn {
	display:inline-block;
	padding:0 20px;
	line-height:60px;
	border-radius:60px;
	font-weight:700;
}
.commBtn:hover {
	background:#222;
	transition-duration:0.3s;
}
.cBtn_orange {
	background:orangered;
	color:white;
}

.btnHistoryBack {
	position:fixed;
	left:50px;
	top:50px;
	animation:btnHistoryBack 1s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
@keyframes btnHistoryBack {
    from { left:50px; }
    to { left:40px; }
}
@media screen and (max-width:1000px) {
	.btnHistoryBack {
		left:25px;
		top:25px;
		animation:btnHistoryBackMob 1s;
		animation-timing-function:ease-in-out;
		animation-iteration-count:infinite;
		animation-direction:alternate;
	}
	@keyframes btnHistoryBackMob {
		from { left:25px; }
		to { left:20px; }
	}
}

.btnHistoryBack svg {
	position:relative;
	top:0;
	width:40px;
	height:40px;
	vertical-align:middle;
}
.btnHistoryBack path,
.btnHistoryBack polygon,
.btnHistoryBack rect,
.btnHistoryBack circle { fill:white; }

/********** 웰컴 **********/
.idxWelcome {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	text-align:center;
}

.idxWelcome_txtIntro {
	display:inline-block;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	width:100%;
	text-align:center;
	font-family: "Stylish", serif;
	font-size:5em;
	letter-spacing:-4px;
	opacity:0;
	animation:idxWelcome_txtIntro 4s;
	animation-timing-function:ease-in-out;
}
@keyframes idxWelcome_txtIntro {
    from { opacity:0; }
	20% { opacity:0; }
	40% { opacity:1; }
	80% { opacity:1; }
    to { opacity:0; }
}
@media screen and (max-width:1000px) {
	.idxWelcome_txtIntro {
		transform: translate(-50%, -80%);
		padding:0 20px;
		font-size:3em;
		word-break:keep-all;
	}
}

.idxWelcome img.idxWelcome_logo {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -75%);
	width:45%;
	animation:idxWelcome_logo 7s;
	animation-timing-function:ease-in-out;
}
@keyframes idxWelcome_logo {
    from { opacity:0; }
	50% { opacity:0; }
    to { opacity:1; }
}
@media screen and (max-width:1000px) { .idxWelcome img.idxWelcome_logo { transform: translate(-50%, -125%); width:80%; } }

.idxWelcome_txt {
	display:inline-block;
	position:absolute;
	top:50%;
	width:400px;
	font-family: "Stylish", serif;
	font-size:3em;
	letter-spacing:-1px;
}
@media screen and (max-width:1000px) { .idxWelcome_txt { font-size:2.5em; } }
.iWT_left {
	left:50%;
	transform: translate(-170%, -200%);
	animation:iWT_left 6s;
	animation-timing-function:ease-in-out;
}
@keyframes iWT_left {
    from { opacity:0; }
	50% { opacity:0; }
    to { opacity:1; }
}
@media screen and (max-width:1000px) { .iWT_left { transform: translate(-50%, -430%); } }
.iWT_right {
	left:50%;
	transform: translate(70%, -200%);
	animation:iWT_right 6s;
	animation-timing-function:ease-in-out;
}
@keyframes iWT_right {
    from { opacity:0; }
	60% { opacity:0; }
    to { opacity:1; }
}
@media screen and (max-width:1000px) { .iWT_right { transform: translate(-50%, -40%); } }

.idxWelcome img.idxWelcome_deco {
	display:block;
	position:absolute;
	left:50%;
	bottom:0;
	transform: translate(-50%, 0);
	width:30%;
	animation:idxWelcome_deco 3s;
	animation-timing-function:ease-in-out;
}
@keyframes idxWelcome_deco {
    from { opacity:0; bottom:-50px; }
	50% { opacity:0; bottom:-50px; }
    to { opacity:1; bottom:0; }
}
@media screen and (max-width:1000px) { .idxWelcome img.idxWelcome_deco { width:100%; } }

.icoScrollDown {
	position:absolute;
	right:50px;
	bottom:80px;
	/* transform: translate(-50%, 0); */
	background:#064606;
	font-size:1.2em;
	font-weight:700;
	letter-spacing:-2px;
	animation:icoScrollDown 3s;
	animation-timing-function:ease-in-out;
}
@keyframes icoScrollDown {
	from { opacity:0; }
	to { opacity:1; }
}
@media screen and (max-width:1000px) {
	.icoScrollDown {
		right:50%;
		bottom:60px;
		transform: translate(50%, 0);
		padding:20px 0;
		width:100%;
		background:rgb(6, 70, 6, 0.6);
		text-align:center;
		font-size:1em;
	}
}
.icoScrollDown img {
	position:relative;
	top:0;
	margin-right:10px;
	width:40px;
	vertical-align:middle;
	animation:icoScrollDownImg 1s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
@keyframes icoScrollDownImg {
	from { top:-5px; }
	to { top:5px; }
}
@media screen and (max-width:1000px) { .icoScrollDown img { width:25px; } }

/********** 소개 **********/
.welcomeTxt1 {
    margin-top:30px;
    padding:0 20px;
    text-align:center;
    font-family: "Stylish", serif;
    font-size:3em;
    letter-spacing:-2px;
	word-break:keep-all;
}
@media screen and (max-width:1000px) { .welcomeTxt1 { font-size:2em; } }
.welcomeTxt2 {
    margin-bottom:50px;
    padding:0 20px;
    text-align:center;
    font-weight:700;
    font-size:1em;
    letter-spacing:-2px;
	word-break:keep-all;
}
@media screen and (max-width:1000px) { .welcomeTxt2 { margin:10px auto 50px auto; } }
.welcomeTxt2 span {
    font-size:1em;
    font-weight:700;
    color:orangered;
}

.welcomeWeare {
    display:table;
    margin:0 auto;
    width:95%;
    max-width:1500px;
}
.welcomeWeareItem {
    display:table-cell;
    padding:30px;
    width:33.333%;
    vertical-align:top;
}
@media screen and (max-width:1000px) {
	.welcomeWeare { display:block; }
	.welcomeWeareItem { display:block; padding:50px 20px;  width:100%; }
}

.wWI_img { text-align:center; }
.wWI_img img { width:80%; }
@media screen and (max-width:1000px) { .wWI_img img { width:70%; } }
.wWI_tit {
    margin-bottom:30px;
    font-size:1.8em;
    font-weight:700;
    letter-spacing:-3px;
	word-break:keep-all;
}
@media screen and (max-width:1000px) { .wWI_tit { font-size:1.3em; } }
.wWI_tit span {
    font-size:1em;
    font-weight:700;
    color:orangered;
}
.wWI_detail {
    line-height:1.5em;
    word-break:keep-all;
}
@media screen and (max-width:1000px) { .wWI_detail { font-size:0.9em; } }

.welcomePhoto {
    margin:30px auto;
    width:95%;
    max-width:1200px;
    text-align:center;
}
.welcomePhotoItem {
    display:inline-block;
    margin:15px;
    width:150px;
    height:150px;
}
@media screen and (max-width:1000px) { .welcomePhotoItem { margin:5px; width:140px; height:140px; } }
.welcomePhotoItem img { width:100%; }

/********** 대관안내 **********/
.rentInfo {
	margin:30px auto;
	width:60%;
	line-height:1.6em;
	font-size:1.2em;
	letter-spacing:-0.5px;
}
@media screen and (max-width:1000px) { .rentInfo { width:85%; font-size:1em; } }
.rentInfo span {
	color:yellow;
	font-size:1em;
	font-weight:700;
}

.rentInquiry { margin-bottom:20px; text-align:center; }
.btnRentInquiry {
	display:inline-block;
	margin:10px;
	padding:0 40px;
	line-height:100px;
	background:steelblue;
	border:5px solid white;
	border-radius:100px;
	text-align:center;
	color:white;
	font-size:1.2em;
	font-weight:700;
	letter-spacing:-1px;
}
@media screen and (max-width:1000px) {
	.btnRentInquiry {
		display:block;
		margin:0 auto 10px auto;
		padding:0 10px;
		width:80%;
		border-radius:15px;
		font-size:1em;
	}
}
.btnRentInquiry:hover {
	background:#222;
	transition-duration:0.3s;
}
.btnRentInquiry img { display:inline-block; margin-right:10px; width:200px !important; vertical-align:middle; }
@media screen and (max-width:1000px) { .btnRentInquiry img { display:none; } }

.priceInfo {
	margin:30px auto;
	max-width:1400px;
	text-align:center;
}
@media screen and (max-width:1000px) { .priceInfo { margin:90px auto 30px auto; } }
.priceInfoTit {
	text-align:left;
	font-size:2.5em;
	font-weight:700;
	letter-spacing:-2px;
	word-break:keep-all;
}
.priceInfoSubtit {
	margin-bottom:30px;
	text-align:left;
	font-size:0.9em;
	letter-spacing:-1px;
	word-break:keep-all;
}
@media screen and (max-width:1000px) {
	.priceInfoTit { padding:0 15px; font-size:2em; }
	.priceInfoSubtit { padding:0 15px; font-size:0.75em; }
}

.priceInfo img { width:100%; }

/********** 위치 **********/
.addInfo {
	margin-bottom:20px;
	text-align:center;
	font-size:1.5em;
	font-weight:700;
	letter-spacing:-2px;
}
.addMap {
	display:table;
	margin:0 auto;
	width:80%;
}
.addMapItem {
	display:table-cell;
	width:50%;
	text-align:center;
	vertical-align:top;
}
@media screen and (max-width:1000px) {
	.addMap { display:block; }
	.addMapItem { display:block; width:100%; }
	.addMapItem:last-child { display:none; }
}
.root_daum_roughmap_landing { margin:0 auto !important; }

.addParking {
	margin:30px auto;
	padding:20px;
	width:80%;
	background:#333;
	border-radius:15px;
	color:white !important;
	text-align:center;
}
.addParking svg {
	display:block;
	position:relative;
	margin:0 auto 15px auto;
	width:70px;
	height:70px;
	vertical-align:middle;
}
.addParking path,
.addParking polygon,
.addParking rect,
.addParking circle { fill:white; }
.addParkingBtn {
	display:inline-block;
	margin:5px 0;
	padding:5px 10px;
	background:#064606;
	border:3px solid #333;
	border-radius:5px;
}
.addParkingBtn:hover {
	background:#333;
	border:3px solid orange;
}

/********** 문의 **********/
.contactInfo {
    display:table;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
    margin:0 auto;
    width:80%;
}
.contactInfoItem {
    display:table-cell;
    width:25%;
}
@media screen and (max-width:1000px) {
	.contactInfo {
		display:block;
		position:relative;
		left:auto;
		top:auto;
		transform: translate(0, 0);
	}
	.contactInfoItem { display:block; margin-bottom:50px; width:100%; }
}
.contactInfoItem div { text-align:center; }

.cII_icon svg {
	position:relative;
	top:0;
	margin-bottom:10px;
	width:70px;
	height:70px;
	vertical-align:middle;
}
.cII_icon path,
.cII_icon polygon,
.cII_icon rect,
.cII_icon circle { fill:white; }

.cII_txt { margin-bottom:40px; font-family: "Montserrat", sans-serif; font-size:0.8em; }
@media screen and (max-width:1000px) { .cII_txt { margin-bottom:20px; } }

.cII_btn {
	display:block;
	margin:0 auto;
	width:80%;
	line-height:70px;
	background:orangered;
	border-radius:100px;
	text-align:center;
	font-weight:700;
	font-size:1.1em;
	letter-spacing:-1px;
}
.cII_btn:hover {
	background:#222;
	transition-duration:0.3s;
}

/********** 대관현황 **********/
.idxStudioSchedule {
	text-align:center;
}
.idxStudioSchedule iframe { width:80%; }

.tISCalendarShare { margin:20px auto; text-align:center; }
.tISCalendarShare input { width:50%; }
.tISCalendarShare svg {
	position:relative;
	top:0;
	margin-right:15px;
	width:30px;
	height:30px;
	vertical-align:middle;
}
.tISCalendarShare path,
.tISCalendarShare polygon,
.tISCalendarShare rect,
.tISCalendarShare circle { fill:white; }