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



body{font-family: 'Noto Sans KR', sans-serif; font-weight:400;}

img{width:100%; height:auto;}

.inner{width:100%; max-width:1320px; margin:0 auto; padding:0 20px;}
.sound_only{display:none;}

@media all and (max-width:767px){
	.inner{padding:0 10px;}
}



/* dropdown */

.dropdown{display:inline-block; vertical-align:middle; height:24px; position:relative; font-size:1.2rem; line-height:24px; 	text-align:left; cursor:pointer; z-index:10;}
.dropdown .cover{width:100%; height:100%; padding:0 32px 0 10px; overflow:hidden; position:relative;}
.dropdown.on .cover, .dropdown:hover .cover{}
.dropdown .cover p{line-height:24px; word-break:keep-all;}
.dropdown .cover span{position:absolute; font-size:14px; top:0; right:8px; transition:all 0.3s;}
.dropdown.on .cover i{transform:scaleY(-1);}
.dropdown .option{display:none; width:100%; line-height:24px; background:#333; color:#fff; position:absolute; top:24px; left:0; z-index:20;}
.dropdown .option p{padding: 0 10px;}
.dropdown .option p:hover{background:#404d86;}
.dropdown .option p a{font-size:1.2rem; display:block; width:100%; height:100%: }


/* header */

#header{width:100%; height:150px; position:fixed; top:0; left:0; font-size:0; line-height:0; z-index:50; transition:all 0.3s; background:rgba(0,0,0,0.7);}
#header.light{background:#111;}
#header.min{background:#111; top:-80px;}
#header h1{height:90px; position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
#header h1 img{width:auto; height:100%;}
#header h1 .logo-min, #header h1 .logo-mo{display:none;}
#header.min h1{height:40px; bottom:15px;}
#header.min h1 .logo{display:none;}
#header.min h1 .logo-min{display:inline;}
#header .all_btn{display:none; width:40px; height:40px; border:0; color:#fff; text-align:right; font-size:2.4rem; position:fixed; top:15px; right:20px;}
#header.light .all_btn{}
#header .all_btn .xi-close{display:none; color:#fff;}
#header .link{height:40px; font-size:0; line-height:0; text-align:right;}
#header .link li{display:inline-block; font-size:1.2rem; line-height:40px; margin-left:20px; color:rgba(255,255,255,0.7); transition:all 0.3s;}
#header .link li:first-child{margin:0;}
#header .link li:hover{color:#fff;}
#header.light .link li{}
#header.light .link li:hover{}

#header nav{width:100%; text-align:center; font-size:0; line-height:0;}
#header nav .gnb{display:inline-block; width:50%; color:#fff; text-align:center; padding:50px 0 0;}
#header.min nav .gnb{padding:55px 0 0;}
#header nav .gnb.left{text-align:right; padding-right:100px;}
#header nav .gnb.right{text-align:left; padding-left:100px;}
#header nav .gnb > li{display:inline-block; vertical-align:bottom; position:relative;}

#header nav .dep1{margin:0 10px;}
#header nav .dep1:after{content:""; display:block; width:0; height:4px; background:#cda566; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.3s;}
#header nav .dep1:hover:after{width:100%;}
#header nav .dep1.sns img{height: 20px;margin-top: -5px;width:auto}
#header nav .dep1.sns:hover::after{width:0;}
#header nav .dep1 > a{font-size:1.6rem; line-height:40px;}
#header nav .gnb .star{float:left; height:40px; padding:10px 0;}
#header nav .gnb .star img{width:auto; height:100%;}
#header nav .gnb .rsv{float:right;}
#header nav .rsv a{display:inline-block; width:120px; height:40px; text-align:center; font-size:1.4rem; line-height:40px; background:#cda566; color:#fff; transition:all 0.3s;}
#header nav .rsv:hover a{color:#fff; background:#cda566;}
#header.light nav .rsv{}
#header.light nav .rsv:hover{}
#header nav .dep2{width:100vw; height:0; overflow:hidden; background:rgba(0,0,0,0.7); position:fixed; top:150px; left:0; transition:all 0.3s; text-align:left;}
#header.min nav .dep2{top:70px;}
#header.light nav .dep2{background:#111;}
#header nav .dep2_inner{width:100%; max-width:1320px; margin:0 auto; padding:20px;}
#header nav .dep1:hover .dep2{height:300px;}
#header.light nav .dep1:hover .dep2{}
#header nav .dep2 ul{display:inline-block; margin-right:40px; vertical-align:top;}
#header nav .dep2 li{font-size:1.4rem; line-height:1em; margin:0 0 16px; color:#c8ccd2; transition:all 0.1s;}
#header.light nav .dep2 li{}
#header nav .dep2 li:hover{color:#fff;}
#header.light nav .dep2 li:hover{}
#header nav .dep2 .label{font-size:1.6rem; line-height:1em; margin:0 0 24px; color:#cda566!important;}
#header nav .dep2 .label:hover{color:#cda566!important;}
#header nav .dep2_img{width:320px; height:200px; margin-top:40px; float:left; margin-right:40px;}
#header nav .dep2 li small{font-size: 1.1rem}


@media all and (max-width:1319px){
	#header{width:100%; height:100vh; background:#333; padding:0; left:auto; right:-100%; transition:all 0.3s;}
	#header.on{right:0;}
	#header.min{top:0;}
	#header:hover{background:#111;}
	#header .inner{padding:0;}
	#header .all_btn{display:block; z-index:10;}
	#header.min .all_btn{top:0;}
	#header.on .all_btn .xi-close{display:block;}
	#header.on .all_btn .xi-bars{display:none;}
	#header .link{position:static; margin:70px 0 0; top:auto; right:auto; width:100%; text-align:left; border-top:1px solid #555; border-bottom:1px solid #555;}
	#header .link li{width:25%; height:38px; line-height:38px; margin:0; color:#ddd; text-align:center; border-left:1px solid #555;}
	#header .link li:first-child{border:0;}
	#header nav .gnb .star{position:fixed; top:15px; left:20px; padding:14px 0;}
	#header.min nav .gnb .star{top:0;}

	#header h1{position:fixed; top:0; left:0; transform:none; width:100%; height:70px; padding:10px 0; line-height:1em; text-align:center; background:rgba(0,0,0,0.5);}
	#header.min h1{}
	#header h1 a{display:inline;}
	#header h1 .logo-min{display:none;}
	#header h1 .logo-mo{}
	#header.min h1{background:#111;}
	#header.min h1 .logo-min{}


	#header nav{margin:0; height:calc(100vh - 110px); overflow:auto;}
	#header nav .gnb{color:#fff; width:100%; padding:0; float:none;}
	#header nav .gnb.left{padding-right:0;}
	#header nav .gnb.right{padding:0;}
  #header nav .gnb > li{display:block; margin:0;}
	#header nav .dep1{margin:0; border-bottom:1px solid #555; padding:0 20px; text-align:left;}
	#header nav .dep1 > a{display:block; width:100%; line-height:40px;}
	#header nav .dep2{display:none; width:100%; height:auto; background:none; position:static; top:auto; left:auto;}
	#header nav .dep1:hover .dep2{height:auto;}
	#header nav .dep1:hover:after{display:none;}
	#header nav .dep2{padding-bottom:20px; transition:none;}
	#header nav .dep2_inner{padding:0;}
	#header nav .dep2 ul{display:block; width:100%; margin:0;}
	#header nav .dep2 li{margin:0; line-height:32px; color:#fff; padding-left:10px; position:relative;}
	#header nav .dep2 li:after{content:"-"; display:block; position:absolute; top:0; left:0;}
	#header nav .dep2 .label{font-size:1.2rem; line-height:32px; margin:0; padding:0;}
	#header nav .dep2 .label:after{display:none;}
	#header nav .dep2_img{display:none;}
	#header .dropdown{color:#ddd; height:40px; width:100%;}
	.dropdown .cover p{line-height:40px;}
	.dropdown .cover span{line-height:40px;}
	#header .dropdown .option{background:#111; color:#ddd; top:41px;}
	#header .dropdown .option p{line-height:32px;}
	#header nav .gnb .rsv{display:block; width:calc(100% - 40px); float:none; margin:20px auto; text-align:center; background:#cda566; color:#fff; position:static; border:0;}
}


@media all and (max-width:767px){
	#header h1{height:50px; padding:5px 10px;}
	#header.min h1{height:50px; padding:10px;}
	#header .all_btn{top:5px; right:10px;}
	#header.min .all_btn{top:5px;}
	#header .link{margin-top:50px;}
	#header.min nav .gnb{padding:0;}
	#header nav .gnb .star{top:5px; left:10px;}
	#header.min nav .gnb .star {top:5px;}
}







/* footer */
#footer{width:100%; padding:40px; background:#000; margin:120px 0 0;}
.fp-tableCell #footer{margin:0;}
#footer ul{font-size:0; line-height:0; margin:0 0 20px;}
#footer li{display:inline-block; margin:0 0 10px 10px; padding-left:10px; border-left:1px solid #bbb; color:#fff; font-size:1.2rem; line-height:1.5em;}
#footer li:first-child{margin:0; padding:0; border:0;}
#footer .f_logo{height:40px; width:auto; margin:0 0 10px;}
#footer p{color:#bbb; font-size:1.2rem; line-height:2em;}
#footer p span{display:inline-block; margin-right:10px;}

#tel{display:inline-block; padding:16px; border-radius:5px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); background:#fff; border:2px solid #efefef; color:#cda566; position:fixed; bottom:40px; right:50%; margin-right:-820px; text-align:right; overflow:hidden;}
/*#tel:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0;}*/
#tel p{font-size:1.8rem; letter-spacing:-0.01em; line-height:1em; font-weight:600; position:relative; z-index:1;}
#tel span{display:block; font-size:1.4rem; line-height:1em; margin:0 0 10px;}
#main #tel, #tel.flat{background:none; box-shadow:none; right:40px; margin:0; border:0; color:#fff;}
#main #tel:after, #tel.flat:after{background:none;}
#main #tel p, #tel.flat p{font-size:2.8rem;}
#main #tel p span, #tel.flat p span{font-weight:300;}

#tel-mo{display:none; position:fixed; bottom:10px; right:10px; z-index:10;}
#tel-mo{width:40px; height:40px; border-radius:50%; background:#cda566; color:#fff; line-height:40px; text-align:center; font-size:2.4rem; }


@media all and (max-width:1319px){
	#tel{display:none;}
	#tel-mo{display:block;}
	#main #tel-mo{display:none;}
}




/* main */

#main{}
#main .main{width:100%; height:100vh; overflow:hidden;}

#main .more_btn{display:inline-block; height:40px; margin:80px 0 0; padding:0 30px; font-size:1.4rem; line-height:38px; border:1px solid #cda566; color:#cda566; transition:all 0.3s;}
#main .more_btn:hover{background:#cda566; color:#fff;}

#main h2{font-weight:700; font-size:7.2rem; text-align:center; color:#fff;}
#main h3{font-weight:700; font-size:5.6rem; line-height:1em; text-align:center; margin-bottom:60px;}

#main .main01{position:relative;}
/*.main01 h2{width:100%; position:absolute; top:40%; left:0;}*/
.main01 .rsv-wrap{width:100%; position:absolute; bottom:40px; left:0; font-size:0; line-height:0; color:#fff; z-index:10; transform:translate3d(0,0,1px);background: rgba(255,255,255,0.15);padding: 20px 0}
.main01 .rsv-wrap h5{display:inline-block; width:230px; font-size:2rem; line-height:60px;width:14%}
.main01 .rsv-wrap .inner > div{display:inline-block; padding:0 20px}
.main01 .rsv-wrap label{display:block; font-size:1.4rem; line-height:1em; margin:0 0 8px; font-weight:300; color:#fff;margin-bottom: 15px}
.main01 .rsv-wrap input, .main01  .rsv-wrap select{border:0; font-size:1.5rem; font-weight:normal; color:#fff;background: rgba(255,255,255,0.2);border: 1px solid white;width:100%;display: block;height: 35px;line-height: 35px;padding: 0 10px;box-sizing: border-box}
.main01 .rsv-wrap select{text-align:center; text-align-last:center; padding:0; width:100%;}
.main01 .rsv-wrap select option{color:#111; text-align:center; text-align-last:center;}
.main01 .rsv-wrap .input01{width:15%;}
.main01 .rsv-wrap .input02{width:15%; border-right:1px solid #bbb;}
.main01 .rsv-wrap .input03{width:10%}
.main01 .rsv-wrap .input03 label, .main01 .rsv-wrap .input04 label, .main01 .rsv-wrap .input05 label{text-align:center;}
.main01 .rsv-wrap .input04{width:10%;}
.main01 .rsv-wrap .input05{width:10%;}
.main01 .rsv-wrap .input06{width:16%;vertical-align: top;padding: 0;margin-top: 15px}
.main01 .rsv-wrap .input06 a{display:block; width:100%; height:50px; border:1px solid #fff; line-height:48px; text-align:center; font-size:1.6rem;}

.main01 .img-slide{width:100%; height:100vh; overflow:hidden;}
.main01 .img-slide .img_con{width:100%; height:100vh; position:relative; overflow:hidden;}

.main01 .slick-arrow{position: absolute;z-index: 999;top:50%;width:60px;height: 60px;background-size: 100%;background-position: center;left: 0;margin-top: -30px;background-image: url('../img/visual_prev.png');border: none;text-indent: -9999px}
.main01 .slick-arrow.slick-next{right: 0;background-image: url('../img/visual_next.png');left: auto}

.main01 .slick-arrow i{display: none}
.main01 .slick-dots{position: absolute;left: 100px;text-align: center;bottom:160px}
.main01 .slick-dots li{display: inline-block;margin: 0 5px}
.main01 .slick-dots li button{border: none;color: #aaa;font-size: 19px;font-weight: normal;line-height: 1.8em;padding: 0 8px}
.main01 .slick-dots li.slick-active button{color: white;font-weight: bold;border-bottom: 1px solid white;}
.main01 .rsv-wrap .input06 a:hover{background:#fff; color:#111;}

.main02{text-align:center;}
.main02 .inner{margin-top:70px;}
.main02 ul{font-size:0; line-height:0;}
.main02 li a{text-align:left;}
.main02 .pic_lt li .lt_img img{transition: 0.45s;
  transform-origin: 50% 50%;}
.main02 .pic_lt li .lt_img:hover img{transform: scale(1.06);}

.main02 h3{bottom: -50px;position: relative;opacity: 0;}
.main02 h3.ani{bottom: 0;transition-duration: .8s;opacity: 1;}
.main02 .pic_lt{opacity: 0;bottom: -50px;position: relative;transition-duration: .8s;transition-delay: .2s}
.main02 .pic_lt.ani{opacity: 1;bottom:0;}
.main02 .more_btn{opacity: 0;transition-duration: .8s;transition-delay: .8s}
.main02 .more_btn.ani{opacity: 1;}

.main03{font-size:0; line-height:0;}
.main03 .left, .main03 .right{display:inline-block; width:50%; height:100%; position:relative;}
.main03 .left{background:url(../img/bg_main_03.jpg) no-repeat center/cover; transition:all 0.3s;}
.main03 .left:hover{background:url(../img/bg_main_03_on.jpg) no-repeat center/cover;}
.main03 .right{background:url(../img/bg_main_02.jpg) no-repeat center/cover; transition:all 0.3s;}
.main03 .right:hover{background:url(../img/bg_main_02_on.jpg) no-repeat center/cover;}
.main03 > div .txt-wrap{width:100%; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%); color:#fff;}
.main03 > div .txt-wrap p{font-size:1.8rem; line-height:1.6em; margin:20px 0 60px;opacity: 0;}
#main .main03 > div .txt-wrap .more_btn{color:#fff; border:1px solid #fff; transition:all 0.3s;;opacity: 0}
#main .main03 > div .txt-wrap .more_btn:hover{background:#fff; color:#111;}

.main03 h3{opacity: 0;position: relative;bottom: -50px}
.main03 h3.ani{opacity: 1;transition-duration: .8s;bottom: 0;}
.main03 > div .txt-wrap p.ani{opacity: 1}
#main .main03 > div .txt-wrap .more_btn.ani{opacity: 1;}

.main04 ul{width:100%; height:100vh; overflow:hidden;}
.main04 li{width:100%; height:100vh;}
.main04 li > div{width:100%; height:50%;}
.main04 li .txt-wrap{text-align:center; position:relative;}
.main04 li .txt-wrap > div{width:100%; padding:0 20px; position:absolute; top:50%; left:0; transform:translateY(-50%); margin-top:50px;}
.main04 li .txt-wrap p{margin:20px 0 0; line-height:1.6em;}
.main04 li .img-wrap{overflow:hidden; position:relative;}
.main04 .slick-arrow{display:block; width:40px; height:40px; border:1px solid #cda566; color:#cda566; position:absolute; top:50%; margin:-60px 0 0; transition:all 0.3s; z-index:5;-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(5px);}
.main04 .slick-arrow:hover{background:#cda566; color:#fff;}
.main04 .slick-prev{left:40px;}
.main04 .slick-next{right:40px;}
.main04 h3{opacity: 0;bottom: -50px;transition-duration: .8s;position: relative}
.main04 h3.ani{opacity: 1;bottom: 0;}
.main04 p{opacity: 0;bottom: -50px;position: relative;transition-duration: .8s;transition-delay: .3s;}
.main04 p.ani{opacity: 1;bottom: 0;}
.main04 a{opacity: 0;bottom:-30px;position: relative;transition-duration: .8s;transition-delay: .5s}
.main04 a.ani{opacity: 1;bottom: 0;}
.main04 .img-wrap{opacity: 0;transition-duration: .8s;transition-delay: .8s}
.main04 .img-wrap.ani{opacity: 1;}

.main05 .txt-box{width:100%; height:40%; margin:0; position:relative;}
.main05 .txt-box h3{width:100%; position:absolute; left:0; top:50%;opacity: 0;transition-duration: .8s}
.main05 .map-box{width:100%; height:60%; position:relative; overflow:hidden;opacity: 0;transition-duration: .8s;transition-delay: .3s}
.main05 .map-box img{width:auto; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main05 .wrap_controllers{display:none;}
.main05 .info-box{padding:40px; background:#cda566; color:#fff; line-height:1.6em; position:absolute; bottom:150px; right:150px; z-index:1;}
.main05 .info-box a{display:inline-block; height:32px; margin:10px 0 0; border:1px solid #fff; font-size:1.4rem; line-height:30px; padding:0 20px;}
.main05 .txt-box h3.ani{opacity: 1}
.main05 .map-box.ani{opacity: 1;}

#main .main06 .fp-tableCell{overflow: auto; -webkit-overflow-scrolling: touch;}
.main06 iframe{width:100%; height:100%;position: relative;bottom: -80px;opacity: 0;transition-duration: .8s;}
.main06 iframe.ani{opacity: 1;bottom: 0;}

@supports (-webkit-touch-callout: none) { 
		#main .main{height: -webkit-fill-available!important;}
		.main01 .img-slide, .main01 .img-slide .img_con,.main04 ul,.main04 li{height: -webkit-fill-available!important;}
	}



@media all and (max-width:1319px){
	.main01 h2{}
	.main01 .img-slide li img{height:100%; width:auto;}

	.main01 .rsv-wrap{display:block;}
    .main01 .rsv-wrap .inner > div{padding: 0}
	.main01 .rsv-wrap h5{line-height:1em; margin:0 0 20px; width:100%;}
	.main01 .rsv-wrap .inner .input01{margin:0 0 10px; width:49%;}
	.main01 .rsv-wrap .inner .input02{border:0; width:49%; margin:0 0 0 2%;}
	.main01 .rsv-wrap .inner .input03{margin:0; width:23.5%;}
	.main01 .rsv-wrap .inner .input04, .main01 .rsv-wrap .inner .input05{width:23.5%; margin:0 0 0 2%;}
	.main01 .rsv-wrap .inner .input06{width:23.5%; margin:0 0 0 2%; vertical-align:bottom;}
	.main01 .rsv-wrap .inner .input06 a{height:45px; line-height:43px; background:#cda566; color:#fff; border:1px solid #cda566;}
	.main01 .rsv-wrap label{margin-bottom: 10px}
	.main01 .rsv-wrap .input03 label, .main01 .rsv-wrap .input04 label, .main01 .rsv-wrap .input05 label{text-align:left;}
	.main01 .rsv-wrap input, .main01 .rsv-wrap select{border:1px solid #ddd; height:32px; width:100%; font-size:1.6rem;}
	.main01 .rsv-wrap input{padding:0 8px;}
    .main01 .slick-dots{bottom:250px;left: 50px}


	#main h3{margin:0 0 30px;}
	.main02 .more_btn{margin-top:30px;}

	.main03 .left, .main03 .right{width:100%; height:50%;}
	.main03 > div .txt-wrap{padding:0 10px;}

	.main04 li .txt-wrap{padding:0 10px;}
	.main04 li .txt-wrap > div{margin:20px 0 0;}
	.main04 .slick-arrow{margin:-20px 0 0; background:rgba(255,255,255,0.5);}



	.main05 .info-box{padding:20px; bottom:50px; right:50px;}

}

@media all and (max-width:767px){
	.main01 h2{top:30%;}
    .main01 .rsv-wrap h5{margin-bottom: 15px;font-size: 1.7rem}
	.main01 .rsv-wrap{bottom:10px;padding: 15px 0}
    .main01 .rsv-wrap input, .main01 .rsv-wrap select{height: 30px;line-height: 28px}
	.main02 .inner{margin-top:50px;}
    #main h3{font-size:3.2rem; margin:0 0 20px;}
	#main .more_btn{margin-top:30px;}
	#main .main03 h3{margin:0;}
	.main03 > div .txt-wrap p{display:none;}

	.main05 .info-box{display:none;}
    
    .main01 .video_con{position: relative;height: 100vw;width:100%}
    .main01 video{top: 50%;left: 50%; width: 100%; height: 100% !important;object-fit: cover !important;transform: translate(-50%, -50%);position: absolute}
    .main01 .slick-dots{display: none !important;}
    .main01 .slick-arrow{width:30px;height: 30px;margin-top: -15px}
}




/* sub page */

#section{min-height:100vh;}
#section .cover{width:100%; height:500px; position:relative;}
#section .cover h3{color:#fff; text-align:center; width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); margin:0;}
#section .cover h3 span{display:block; margin:20px 0 0; color:#fff;}
#section .sub-nav{/*position:sticky; top:110px; left:0; z-index:20;*/ background:#fff; width:100%; height:60px; padding:0 40px; border-bottom:1px solid #efefef; font-size:0; line-height:0;}
#section .sub-nav li{display:inline-block; font-size:1.4rem; line-height:59px; color:#cda566; margin-right:20px;}
#section .sub-nav li b{margin-right:20px;}
#section .sub-nav li a{font-size:1.6rem; color:#9da3aa; transition:all 0.3s;}
#section .sub-nav li a:hover{color:#cda566;}
#section .sub-nav li.on a{color:#cda566;}
#section h3{margin:80px 0 60px; font-size:3.2rem; line-height:1.3em; color:#111; }
#section h3 span{display:block; font-size:1.6rem; line-height:1.6em; margin:0 0 8px;color:#cda566;}
#section .row{margin:0 0 80px;}


@media all and (max-width:767px){
	#section .cover{height:320px;}
	#section .sub-nav{display:none;}
	#section h3{margin:40px 0; font-size:2.4rem; line-height:1.5em;}
}



/* intro */
.intro .row1{padding:0 0 80px; border-bottom:1px solid #efefef;}
.intro .row1 img{margin:0 0 30px;}
.intro .row1 p{font-size:1.6rem; line-height:1.5em; padding:0 10px;}
.intro .row1 p big{display:block; font-size:2.4rem; line-height:1.6em; margin:0 0 10px;}
.intro .row2{font-size:0; line-height:0;}
.intro .row2 .main, .intro .row2 .new{display:inline-block; width:620px; font-size:1.6rem; line-height:1.4em; vertical-align: top;}
.intro .row2 .main{margin-left:40px;}
.intro .row2 .main p, .intro .row2 .new p{padding:0 10px; margin:30px 0 0; font-size:1.6rem; line-height:1.6em;}
.intro .row2 .main p b, .intro .row2 .new p b{display:block; margin:0 0 20px; font-size:1.8rem; line-height:1.6em;}


@media all and (max-width:1319px){
	.root_daum_roughmap_landing{width:100%!important;}
}

@media all and (max-width:767px){
.intro .row2 .main, .intro .row2 .new{width:100%; margin:0 0 20px;}

}


/* location */
.location .row1 .navi {position: absolute;right: 0;bottom:10px}
.location .row1 .navi a{display:inline-block; height:40px; padding:0 20px; border:1px solid #cda566; color:#cda566; line-height:38px; transition:all 0.3s;}
.location .row1 .navi a:hover{background:#cda566; color:#fff;text-decoration: none}
.location .row1 .info{margin:20px 0 0; font-size:1.4rem; line-height:1.4em;}
.location .row1 .info p:first-child{float:left;}
.location .row1 .info p:last-child{float:right;}
.location .row1 .info p a{display:inline-block; height:40px; padding:0 20px; border:1px solid #cda566; color:#cda566; line-height:38px; transition:all 0.3s;}
.location .row1 .info p a:hover{background:#cda566; color:#fff;}
.location .row2{text-align:center;}
.location .row2 img{max-width:720px;}
.location .row2 .path-wrap{text-align:left;}
.location .row2 .path-wrap .button-wrap{height:48px; line-height:48px; border-bottom:1px solid #efefef; margin:0 0 20px;}
.location .row2 .path-wrap .button-wrap button{border:0; padding:0 10px; height:48px; color:#9da3aa;}
.location .row2 .path-wrap .button-wrap button.on{border-bottom:2px solid #cda566; color:#cda566;}
.location .row2 .path-wrap .path{display:none;}
.location .row2 .path-wrap .path.on{display:block;}
.location .row2 .path-wrap .path p{margin:0 0 40px; font-size:0;}
.location .row2 .path-wrap .path p label{display:inline-block; width:80px; color:#58595b; font-size:1.4rem; line-height:1.6em;}
.location .row2 .path-wrap .path p span{display:inline-block; width:calc(100% - 80px); font-size:1.4rem; line-height:1.6em; vertical-align:top;}
.location .row2 .path-wrap .path p span b{display:block;}
.location .row3 h4{font-size:2rem; line-height:1em; margin-bottom:30px;}
.location .slick-arrow{border:0; width:40px; height:40px; font-size:2.4rem; color:#fff; position:absolute; top:50%; margin-top:-20px; z-index:1;}
.location .slick-prev{left:20px;}
.location .slick-next{right:20px;}


@media all and (max-width:767px){
	.location .row1 .info p:first-child{float:none; margin:0 0 20px;}
	.location .row1 .info p:last-child{float:none;}
	.location .root_daum_roughmap .wrap_map{height:300px!important;}
    .location .root_daum_roughmap .cont{padding-bottom:30px}
    .location .row1 .navi{left: 0;bottom: 0;}
}


/* rooms */
.room .inner{margin:80px auto 0;}
.room h5{font-size:1.6rem; font-weight:bold; line-height:1em; margin:0 0 20px;}
.room .row1{padding:0 0 80px; border-bottom:1px solid #efefef;}
.room .row1 .button-wrap{margin:40px 0 20px; font-size:0;}
.room .row1 .button-wrap a{display:inline-block; vertical-align:top; width:calc((100% - 40px)/5); margin-left:10px; height:40px; border:1px solid #cda566; color:#cda566; text-align:center; font-size:1.4rem;line-height:38px; transition:all 0.3s; overflow:hidden;}
.room.main .row1 .button-wrap a{width:calc((100% - 50px)/6); }
.room .row1 .button-wrap a:first-child{margin:0;}
.room .row1 .button-wrap a:hover{background:#cda566; color:#fff;}
.room .row1 .button-wrap a.on{background:#cda566; color:#fff;}
.room .row1 .img-slide li{width:100%;}
.room .row1 .img-slide .slick-arrow{position:absolute; top:50%; z-index:1; width:40px; height:40px; margin-top:-20px; border:1px solid #fff; color:#fff; transition:all 0.2s;}
.room .row1 .img-slide .slick-arrow:hover{background:#cda566; color:#fff; border:0;}
.room .row1 .img-slide .slick-prev{left:20px;}
.room .row1 .img-slide .slick-next{right:20px;}
#section .img-slide .slick-dots{position: absolute;left: 0;bottom:10px;width:100%;text-align: center}
#section .img-slide .slick-dots li{display: inline-block;width:auto;margin: 0 8px}
#section .img-slide .slick-dots li.slick-active button{opacity: 1;border-bottom: 1px solid white;}
#section .img-slide .slick-dots button{border: none;opacity: .5;color: white;}

.room .row1 .title{margin:30px 0 0;}
.room .row1 .title a{float:right; display:inline-block; width:160px; height:40px; line-height:38px; text-align:center; border:1px solid #cda566; color:#cda566; transition:all 0.2s;}
.room .row1 .title a:hover{background:#cda566; color:#fff;}
.room .row1 .title p{float:right; width:calc(100% - 160px); padding-right:40px; font-size:1.6rem; line-height:1.6em;}
.room .row1 .title p big{display:block; font-size:2.4rem; line-height:1em; margin:0 0 10px;}
.room .row2{padding:0 0 80px; border-bottom:1px solid #efefef; font-size:0; line-height:0;}
.room .row2 .info{display:inline-block; vertical-align:top; width:50%; font-size:1.4rem; line-height:1.5em; padding:0 20px; margin:0 0 60px;}
.room .row2 .info:nth-last-child(n+1):nth-last-child(-n+2){margin:0;}
.room .row2 .info p{margin:0 0 4px; padding:0 10px;}
.room .row2 .info.full p{margin:0 0 20px;}
.room .row2 .info p label{display:inline-block; vertical-align:top; width:100px;}
.room .row2 .info.full p label{display:block; width:100%;}
.room .row2 .info p span{display:inline-block;}
.room .row2 .info.full p span{display:block; padding:0 20px; position:relative;}
.room .row2 .info.full p span:after{content:"·"; display:block; position:absolute; top:0; left:10px;}
.room .row3{font-size:0; line-height:0; padding:0 0 80px; border-bottom:1px solid #efefef;}
.room .row3 .info{display:inline-block; width:33.333%; padding:0 10px; vertical-align:top; font-size:1.4rem; line-height:1.5em;}
.room .row3 .info label{display:block; margin:0 0 10px;}
.room .row3 .info span{display:block; padding:0 10px;}
.room .row4 h5{margin:0 0 30px;}
.room .room_noti{font-size: 15px;margin-top: 10px;line-height: 1.4em;color: #333;}
.room .room_corner{margin-top: 10px;display: block}

@media all and (max-width:767px){
	#section .cover h3{padding:0 10px; word-break:keep-all;}
	.room .row1 .button-wrap a{margin:0; width:20%; border-left:0; height:3.9em; position:relative;}
    .room.main .row1 .button-wrap a{width:calc(100% / 6)}
	.room .row1 .button-wrap a:first-child{border-left:1px solid #cda566;}
	.room .row1 .button-wrap a span{display:block; line-height:1.3em; width:100%; padding:0 5px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
	.room .row1 .title a{float:none; margin:0 0 20px; width:100%;}
	.room .row1 .title p{float:none; width:100%;}
	.room .row2 .info{width:100%; padding:0; margin:0 0 30px;}
	.room .row3 .info{width:100%; padding:0; margin:0 0 30px;}
    .room .room_noti{font-size: 13px;}
}





/* facilities */

.factilities .cover{position:relative;}
.facilities .cover:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0;}
.facilities .row1{padding:0 0 80px; border-bottom:1px solid #efefef;}
.facilities .row1 .img-slide li{width:100%;}
.facilities .row1 .title{margin:30px 0 0;}
.facilities .row1 .title p{font-size:1.4rem; line-height:1.6em;}
.facilities .row1 .title p big{display:block; font-size:2.4rem; line-height:1em; margin:0 0 10px;}
.facilities .row1 .img-slide .slick-arrow{position:absolute; top:50%; z-index:1; width:40px; height:40px; margin-top:-20px; border:1px solid #fff; color:#fff; transition:all 0.2s;}
.facilities .row1 .img-slide .slick-arrow:hover{background:#cda566; color:#fff; border:0;}
.facilities .row1 .img-slide .slick-prev{left:20px;}
.facilities .row1 .img-slide .slick-next{right:20px;}
.facilities .row2 ul{font-size:0; line-height:0;}
.facilities .row2 ul li{display:inline-block; vertical-align:top; width:calc((100% - 80px)/3); font-size:1.4rem; line-height:1.6em; margin-left:40px;}
.facilities .row2 ul li:first-child{margin:0;}
.facilities .row2 ul li label{display:block; color:#cda566; margin:0 0 10px;}
.facilities .row2 ul li p span{display:block;padding-left:10px; position:relative;}
.facilities .row2 ul li p span:after{content:"-"; display:block; position:absolute; top:0; left:0;}
.facilities .row3 .warn{border:1px solid #efefef;}
.facilities .row3 h4{width:100%; padding:20px; background:#fbfbfb; color:#cda566; }
.facilities .row3 h4 i{font-size:1.6rem; vertical-align:middle;}
.facilities .row3 ul{padding:20px; color:#58595b;}
.facilities .row3 li{padding-left:10px; position:relative;}
.facilities .row3 li:after{content:"·"; display:block; position:absolute; top:0; left:0;}


@media all and (max-width:767px){
	.facilities .row1 .img-slide .slick-arrow{width:30px; height:30px;}
	.facilities .row1 .img-slide .slick-prev{left:0;}
	.facilities .row1 .img-slide .slick-next{right:0;}
	.facilities .row2 ul li{width:100%; margin:30px 0 0;}
}


/* tour */

.tour .button-wrap{margin:40px 0; font-size:0;}
.tour .button-wrap a{display:inline-block; vertical-align:top; width:calc((100% - 30px)/4); margin-left:10px; height:40px; border:1px solid #cda566; color:#cda566; text-align:center; font-size:1.4rem;line-height:38px; transition:all 0.3s; overflow:hidden;}
.tour .button-wrap a:first-child{margin:0;}
.tour .button-wrap a:hover{background:#cda566; color:#fff;}
.tour .button-wrap a.on{background:#cda566; color:#fff;}


@media all and (max-width:767px){
	.tour .button-wrap a{margin:0; width:25%; border-left:0; height:3.9em; position:relative;}
	.tour .button-wrap a:first-child{border-left:1px solid #cda566;}
	.tour .button-wrap a span{display:block; line-height:1.3em; width:100%; padding:0 5px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
}

/* reserve */

.reserve iframe{width:100%; border:0;}



/* promo */

#section .board-phr .row{padding:0 0 40px; margin:40px 0 0;	border:0; word-break:keep-all;}
#section .board-phr h4{margin:40px 0; color:#2b3a79;font-size:2.4rem;line-height:1.4em;padding-bottom:40px;border-bottom:1px solid #efefef;}
#section .board-phr h4 span{display:block;	font-size:1.6rem;	margin:10px 0 0; line-height:1.4em;}
.board-phr img{	width:auto;	max-width:100%;	margin:0 auto;	height:auto;}

#section .board-phr .row1{text-align:center;}
.board-phr p{font-size:1.6rem;  line-height:1.8em;}
.board-phr .promo-info li{font-size:0;}
.board-phr .promo-info li span{display:inline-block; vertical-align:top; width:10%; padding:20px 30px 20px 0; font-size:1.5rem; line-height:1.8em; font-weight:500; color:#2b3a79;}
.board-phr .promo-info li p{display:inline-block; vertical-align:top; width:80%; padding:20px 0 20px 30px; border-left:2px solid #979665;}
#section .board-phr .red{color:#984245;}
#section .board-phr .blue{color:#315b7c;}

@media all and (max-width:767px){
	.board-phr .promo-info li span{width:100%; padding:0; font-size:1.8rem; line-height:1.5em;}
  .board-phr .promo-info li p{width:100%; padding:0; margin:0 0 20px; border:0; font-size:1.8rem; line-height:1.5em;}
}

/* popup */

.hd_pops{position:absolute; z-index:1000;}
.hd_pops img{width:100%!important; height:auto!important;}
.hd_pops_footer{width:100%; background:rgba(0,0,0,0.5); position:relative; z-index:1; padding:10px 0;}
.hd_pops_footer:after{content:"";display:block; clear:both;}
.hd_pops_footer button{color:#fff; border:0;}
.hd_pops_footer .hd_pops_reject{float:left; padding:0 10px;}
.hd_pops_footer .hd_pops_close{float:right; padding:0 10px;}

@media all and (max-width:1239px){
	.hd_pops{top:50%!important; left:50%!important; transform:translate(-50%, -50%);}
	
}

@media all and (max-width:767px){
	.hd_pops{width:100%; padding:0 40px;}
	.hd_pops_con{width:100%!important; height:auto!important;}

	.hd_pops.short{width:auto;}
	.hd_pops.short .hd_pops_con{height:calc(100% - 38px)!important;}
	.hd_pops.short .hd_pops_con p{height:100%;}
	.hd_pops.short .hd_pops_con img{width:auto!important; height:100%!important;}
}