@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@font-face{
 font-family:'LotteMartHappy';
 font-style:normal;
 font-weight:400;
 src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff');
}

/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
body{
	 font-family: 'Noto Sans KR', sans-serif;
	color: #333;
	font-size:14px;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

::selection{background:#52c3d6; color:#fff;}
::-moz-selection{background:#52c3d6; color:#fff;}


.wrap{width:100%; height:100%;}

/* menu */
.nav{width:150px; height:100%; padding:25px; position:fixed; border-right:2px solid #ebf3f4; text-align:left; z-index:9999;}
.logo{margin-top:20px; text-align:center;}

.menu{position:absolute; top:20%; left:60px; width:80%;}
.menu ul li{padding:5px 0; letter-spacing:1px; cursor:pointer; font-size:17px;}
.menu ul li a{color:#333; font-size:17px;}

.menu .sub_menu{padding:10px 12px; display:none;}
.menu .sub_menu > ul > li {padding:1px 0; }
.menu .sub_menu > ul > li a{color:#666; font-size:14px; display:block;}
.menu .sub_menu > ul > li a:hover{color:#72cddc;}

.info{position:absolute; bottom:10%;}
.info .reser_btn{width:130px; height:30px; left:2px; display:block; border:3px solid #72cddc; color:#555; line-height:30px; font-size:15px; border-radius:20px; font-weight:bold; text-align:center; position:absolute; left:50%; margin-left:-70px; transition:.3s; top:-30px; overflow:hidden;}
.info .reser_btn:hover{color:#000;}
.info .tel{margin-top:15px; font-size:13px;}

/* main */
.contents{margin-left:200px;}
.section{padding:20px 25px;}
.m_txt{position:absolute; top:40%; left:50%; margin-left:-180px; text-align:center; z-index:99; color:#fff; text-shadow:#333 0px 0px 2px;}
.m_txt .m01{font-family: 'LotteMartHappy', serif; font-size:13px; margin-bottom:20px; text-transform:uppercase; letter-spacing:1px;}
.m_txt .m02{ font-family: 'LotteMartHappy', serif; font-size:45px; font-weight:bold;
}
.m_txt .m02 span{font-weight:bold;}
.m_txt .m03{font-size:14px; margin-top:40px; line-height:18px;}
.m_txt .m04{margin-top:80px;}

.m_txt2{position:absolute; top:40%; left:50%; margin-left:-64px; text-align:center; z-index:99; color:#fff; text-shadow:#555 0px 0px 2px;}
.m_txt2 .m01{font-family: 'Noto Sans KR', serif; font-size:35px;}
.m_txt2 .m02{width:30px; height:1px; background:#fff; margin:25px auto 20px;}
.m_txt2 .m03{font-size:20px;}

.m_special{overflow:hidden; padding:40px 110px 70px 110px; text-align:center;}
.m_special .ms01{font-family: 'Noto Sans KR', serif; font-size:30px;}
.m_special .ms01 span{font-size:35px; font-weight:bold;}
.m_special .ms02{width:40px; height:1px; background:#333; margin:30px auto 15px;}
.m_special .ms03{font-size:12px; margin-bottom:30px;}
.m_special .ms_select{text-align:center;}
.m_special .ms_select li{width:30%; height:270px; margin-right:10px; margin-bottom:10px; display:inline-block; border:1px solid #555; padding:7px; overflow:hidden;}
.m_special .ms_select li a > div{width:100%; height:100%; text-align:center; color:#fff;}
.m_special .ms_select li a > div .mss01{display:inline-block; background:#fff; padding:2px 10px; margin-top:150px;  font-weight:bold; color:#333;}
.m_special .ms_select li a > div .mss02{font-size:23px; text-shadow:#333 0px 0px 2px;}
.m_special .ms_select li a > div .mss03{width:40px; height:1px; margin:10px auto 5px; background:#fff;}
.m_special .ms_select li a > div .mss04{font-family: 'Great Vibes', cursive; font-size:16px;}
.m_special .ms_select li:hover{background:#d4e9eb; border:1px solid #d4e9eb;}

.m_room{padding:70px 0px; text-align:center; background:#ebf3f4;}
.m_room .mr01{font-family: 'Noto Sans KR', serif; font-size:30px;}
.m_room .mr01 span{font-size:35px; font-weight:bold;}
.m_room .mr02{width:40px; height:1px; background:#333; margin:30px auto 15px;}
.m_room .mr03{font-size:12px; margin-bottom:30px}
.m_room .mr_select{text-align:center; overflow:hidden;}
.m_room .mr_select li{width:23%; height:450px; margin:10px 7px; display:inline-block; border:1px solid #555; background:#fff;}
.m_room .mr_select li a{width:100%; height:100%; display:block; color:#333;}
.m_room .mr_select li a .mrs01{font-family: 'Noto Sans KR', serif; padding-top:25px;}
.m_room .mr_select li a .mrs02{width:35px; height:1px; background:#333; margin:10px auto;}
.m_room .mr_select li a .mrs03{font-family: 'Noto Sans KR', serif; font-size:25px; margin-bottom:20px;}
.m_room .mr_select li a .mrs03 span{font-size:18px;}
.m_room .mr_select li a .mrs04{width:98%; height:230px; margin:auto; position:relative;}
.m_room .mr_select li a .mrs04 .float_img{width:100%; height:100%; position:absolute; z-index:9; transition-duration:.5s; transition-delay:.2s;}
.m_room .mr_select li a:hover .mrs04 .float_img{opacity:0;}
.m_room .mr_select li a .mrs05{ color:#777; margin:20px 0 15px;}
.m_room .mr_select li a .mrs06{display:inline-block; background:#454545; padding:6px 25px; color:#fff; font-size:12px; letter-spacing:1px; transition:.3s;}
.m_room .mr_select li a:hover .mrs06{background:#52c3d6;}

.m_experience{padding:70px 0 100px; text-align:center;}
.m_experience .me01{font-family: 'Noto Sans KR', serif; font-size:30px;}
.m_experience .me01 span{font-size:35px; font-weight:bold;}
.m_experience .me02{width:40px; height:1px; background:#333; margin:30px auto 15px;}
.m_experience .me03{font-size:12px; margin-bottom:30px}
.m_experience .me_select{text-align:center;}
.m_experience .me_select li{display:inline-block; width:200px; height:200px; margin:7px; border:7px solid #fff; border-radius:150px; background:#ccc; transition:.5s;}
.m_experience .me_select li a{width:100%; height:100%; display:block; line-height:200px; font-size:16px; text-shadow:#333 0px 0px 2px; color:#fff;}
.m_experience .me_select li:hover{border:7px solid #d4e9eb;}


/* room_intro */
.r_title{text-align:center; padding:80px 0 50px;}
.r_title .r01{font-family: 'Noto Sans KR', serif; font-size:30px;}
.r_title .r01 span{font-weight:bold; font-size:35px;}
.r_title .r02{width:30px; height:1px; background:#333; margin:25px auto 20px;}
.r_title .r03{font-size:12px;}
.r_select{width:62%; height:100%; margin:50px auto; background:#fff;}
.r_select li{overflow:hidden; padding:10px; border-bottom:1px solid #ccc; position:relative;}
.r_select li:first-child{border-top:1px solid #ccc;}
.r_select li a{width:100%; height:100%; display:inline-block; color:#333;}
.r_select li a .r_img{float:left; width:45%; height:300px; position:relative;}
.r_select li a .r_img .up_img{position:absolute; z-index:5; width:100%; height:100%; transition-duration:.5s; transition-delay:.2s}
.r_select li a .r_txt{float:left; width:50%; margin-left:35px;}
.r_select li a .r_txt .r_name{font-family: 'Noto Sans KR', serif; font-size:30px; margin:30px 0 20px;}
.r_select li a .r_txt .r_name span{font-size:20px;}
.r_select li a .r_txt .r_info{}
.r_select li a .r_txt .r_type{color:#888; position:absolute; bottom:50px; left:49%;}
.r_select li a .r_txt .r_btn{position:absolute; bottom:40px; right:30px; letter-spacing:1px; display:inline-block; background:#454545; padding:7px 27px; color:#fff; font-size:13px; transition:.3s;}
.r_select li a:hover .r_img .up_img{opacity:0;}
.r_select li a:hover .r_txt .r_btn{background:#52c3d6;}

/* room */
.m_txt3{position:absolute; top:40%; left:50%; margin-left:-132px; text-align:center; z-index:99; color:#fff; text-shadow:#555 0px 0px 2px;}
.m_txt3 .m01{font-size:13px; margin-bottom:20px; text-transform:uppercase; letter-spacing:1px;}
.m_txt3 .m02{font-family: 'Noto Sans KR', serif; font-size:45px;}
.m_txt3 .m02 span{font-weight:bold;}
.m_txt3 .m03{font-size:14px; margin-top:40px; line-height:18px;}
.m_txt3 .m04{margin-top:80px;}

.m_txt4{position:absolute; top:40%; left:50%; margin-left:-165px; text-align:center; z-index:99; color:#fff; text-shadow:#555 0px 0px 2px;}
.m_txt4 .m01{font-size:13px; margin-bottom:20px; text-transform:uppercase; letter-spacing:1px;}
.m_txt4 .m02{font-family: 'Noto Sans KR', serif; font-size:45px;}
.m_txt4 .m02 span{font-weight:bold;}
.m_txt4 .m03{font-size:14px; margin-top:40px; line-height:18px;}
.m_txt4 .m04{margin-top:80px;}

.m_txt5{position:absolute; top:40%; left:50%; margin-left:-230px; text-align:center; z-index:99; color:#fff; text-shadow:#555 0px 0px 2px;}
.m_txt5 .m01{font-size:13px; margin-bottom:20px; text-transform:uppercase; letter-spacing:1px;}
.m_txt5 .m02{font-family: 'Noto Sans KR', serif; font-size:45px;}
.m_txt5 .m02 span{font-weight:bold;}
.m_txt5 .m03{font-size:14px; margin-top:40px; line-height:18px;}
.m_txt5 .m04{margin-top:80px;}

.m_txt6{position:absolute; top:40%; left:50%; margin-left:-200px; text-align:center; z-index:99; color:#fff; text-shadow:#555 0px 0px 2px;}
.m_txt6 .m01{font-size:13px; margin-bottom:20px; text-transform:uppercase; letter-spacing:1px;}
.m_txt6 .m02{font-family: 'Noto Sans KR', serif; font-size:45px;}
.m_txt6 .m02 span{font-weight:bold;}
.m_txt6 .m03{font-size:14px; margin-top:40px; line-height:18px;}
.m_txt6 .m04{margin-top:80px;}

.m_txt7{position:absolute; top:40%; left:50%; margin-left:-245px; text-align:center; z-index:99; color:#fff; text-shadow:#555 0px 0px 2px;}
.m_txt7 .m01{font-size:13px; margin-bottom:20px; text-transform:uppercase; letter-spacing:1px;}
.m_txt7 .m02{font-family: 'Noto Sans KR', serif; font-size:45px;}
.m_txt7 .m02 span{font-weight:bold;}
.m_txt7 .m03{font-size:14px; margin-top:40px; line-height:18px;}
.m_txt7 .m04{margin-top:80px;}

.select_bar{text-align:center; padding:15px 0; border-top:1px solid #ebf3f4;}
.select_bar a{color:#555; font-size:13px; padding:2px 10px; border:1px solid #555; background:#fff; border-radius:7px; margin:0 2px;}
.select_bar a.on{background:#555; color:#fff;}
.select_bar a:hover{background:#555; color:#fff;}

.r_price{width:100%; text-align:center; padding:35px 0 60px; background:#ebf3f4;}
.r_price .rp01{font-size:12px;}
.r_price .rp02{width:35px; height:1px; background:#333; margin:15px auto;}
.r_price .rp03{font-size:25px; font-family: 'Noto Sans KR', sans-serif;}
.r_price .rp03 span{font-weight:bold;}
.r_price .rp04{width:60%; margin:auto;}

.r_con{width:75%; height:800px; margin:90px auto 60px; position:relative; }
.r_con .rc_left{width:30%; height:580px; background:#ccc; position:absolute;}
.r_con .rc_right{width:25%; height:600px; background:#f00; right:0; top:20%; position:absolute;}
.r_con .rc_center{width:60%; height:500px; background:#daa; top:25%; left:50%; margin-left:-30%;  position:absolute; border:3px solid #fff;}
.r_con .rc_txt{width:60%; top:-3%; left:50%; margin-left:-27%; position:absolute; text-align:center;}
.r_con .rc_txt .rc01{font-family: 'Great Vibes', cursive; font-size:60px; opacity:0.6; color:#72cddc;}
.r_con .rc_txt .rc02{font-family: 'Abril Fatface', cursive; font-size:70px; letter-spacing:20px; line-height:5px; margin-bottom:30px; color:#2980b8;}
.r_con .rc_txt .rc03{letter-spacing:35px; font-weight:bold; font-size:18px; color:#2ba7bb;}
.r_con .rc_txt .rc04{margin-top:40px;}

.r_con1{width:70%; margin:auto; height:500px; position:relative;}
.r_con1 .rc11{width:47%; height:400px; background:#ccc; float:left;}
.r_con1 .rc12{width:35%; height:400px; background:#ddd; float:left; margin-left:50px;}
.r_con1 .rc13{position:absolute; right:9%; font-family: 'Abril Fatface', cursive; font-size:100px; opacity:0.8; color:#2980b8; text-align:right; line-height:90px;  z-index:-9;}
.r_con1 .rc13 span{font-size:70px; line-height:5px; opacity:0.5; }

/* special */
.special_con{width:80%; margin:0 auto 60px; overflow:hidden; background:#fff;}
.special_con .special_txt{width:30%; float:left; padding-left:3%; margin-right:3%;}
.special_con .special_txt .sp01{margin:12% 0 5%; font-size:16px; font-weight:bold; color:#454545; text-transform:uppercase;}
.special_con .special_txt .sp02{border-top:3px solid #86ccd8; font-family: 'Noto Sans KR', serif; font-size:30px; padding:15px 10px 0 10px; display:inline-block;}
.special_con .special_txt .sp03{border-bottom:3px solid #86ccd8; font-size:12px; padding:0 15px 10px 15px; margin-top:5px; display:inline-block; letter-spacing:1px;}
.special_con .special_txt .sp04{line-height:22px; margin-top:10%;}
.special_con .special_txt .sp05{margin-top:23%;}
.special_con .special_txt .sp05 p{color:#666; font-size:13px; margin-bottom:10px;}
.special_con .special_txt .sp05 li{display:inline-block; font-size:12px; text-align:center;}
.special_con .special_txt .sp05 li.spb1 a{position:relative; margin:10px; width:40px; height:40px; border-radius:20px; border:1px solid #999; background:#454545; display:block;}
.special_con .special_txt .sp05 li.spb1 a .spb01{position:absolute; z-index:9; width:40px; height:40px; border-radius:20px; transition:.3s;}
.special_con .special_txt .sp05 li:hover a .spb01{opacity:0;}
.special_con .special_slide{width:64%; height:650px; float:right;}


/* experience */
.ex_con{width:65%; overflow:hidden; margin:10px auto 80px;}
.ex_con .ex_left{width:47%; float:left; height:370px; background:#fff;}
.ex_con .ex_left * .bx-prev{display:none !important;}
.ex_con .ex_left * .bx-next{display:none !important;}
.ex_con .ex_left * .bx-pager{top:78% !important;}
.ex_con .ex_right{width:45%; float:left;  height:370px; margin-left:60px;}
.ex_con .ex_right .ex_title{padding:15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:18px; margin-top:50px}
.ex_con .ex_right .ex_txt{padding:50px; line-height:25px;}

.text01 {position:absolute; z-index:111111; width:407px; height:235px; top: 150px; left:50%; margin-left:-203px}

/* reservaton */
.reser_con{width:65%; margin:0 auto 30px; overflow:hidden; background:#fff; padding:40px 30px; border:1px solid #ddd;}
.reser_con .reser_left{float:left; width:20%; text-align:left;}
.reser_con .reser_left .re01{font-family: 'Noto Sans KR', serif; font-size:22px;}
.reser_con .reser_left .re01 span{font-weight:bold;}
.reser_con .reser_left .re02{width:25px; height:1px; background:#333; margin:15px 0 5px;}
.reser_con .reser_left .re03{font-size:12px;}
.reser_con .reser_right{float:left; width:80%; line-height:27px;}

/* tour */
.tour_con{width:72%; margin:60px auto; overflow:hidden;}
.tour_con .tour_left{float:left; width:45%; text-align:center;}
.tour_con .tour_left .tc01{font-size:20px; margin-top:20px;}
.tour_con .tour_left .tc02{color:#999;}
.tour_con .tour_left .tc03{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:35px 20px; margin-top:35px; line-height:25px;}
.tour_con .tour_right{float:left; margin-left:10%; width:45%; height:380px;}

/* location */
.map{width:80%; margin:auto; border:1px solid #ddd; background:#fff;}
.location_con{width:80%; margin:50px auto 80px; overflow:hidden;}
.location_con .car{float:left; width:42%; border:1px solid #ddd; padding:40px; background:#fff;}
.location_con .car:last-child{margin-left:50px;}
.location_con .car .car01{font-family: 'Noto Sans KR', serif; font-size:22px;}
.location_con .car .car01 span{font-weight:bold;}
.location_con .car .car02{width:25px; height:1px; background:#333; margin:15px 0 5px;}
.location_con .car .car03{font-size:12px;}
.location_con .car .car04{color:#666; line-height:25px; margin:40px 15px 20px;}

/* community */
.board{width:80%; margin:0 auto 100px; padding-top:60px;}

/* footer */
.footer{width:100%; overflow:hidden; border-top:1px solid #fff; text-align:center; padding:40px 0; background:#ebf3f4;}
.footer01{font-weight:bold;}
.footer02{margin:10px 0; font-size:13px;}
.footer03{font-size:13px;}
.footer03 a{color:#333; text-decoration:underline;}
.footer03 a:hover{color:#666;}