@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

html{-ms-overflow-style:scrollbar}
body{height:100%;padding:0;margin:0;font-family:'Noto Sans KR',sans-serif !important;font-size:14px;line-height:1.7;color:#444}
header{position:fixed;top:0;left:0;right:0;z-index:1010}
footer{background-color:#111;height:200px}
ol,ul{list-style:none;padding:0}
textarea:focus,input,select:focus{outline:none}
section{overflow:hidden}
.btn,.btn-lg,.btn-md,.btn-sm,.btn-xs{border-radius:0 !important}
.btn-simple{color:#fff;border-color:#69B708 !important;background-color:#69B708 !important;padding:10px 38px !important;font-size:15px !important}
.btn-simple:hover,.btn-simple:focus,.btn-simple:active{border-color:#5AB100 !important;background-color:#5AB100 !important}
.wrap-gnb{position:absolute;top:3px;right:15px}
.side-toggle{position:absolute;top:18px;left:15px;font-size:19px;color:#fff;cursor:pointer}
.logo{position:absolute;top:18px;width:120px;height:36px;background:url(/ko/images/common/logo.png) no-repeat;text-indent:-9999px;z-index:101}
.wrap-member{float:right;color:#fff;margin-right:15px}
.link-login{margin-top:25px}
.link-login a{font-family:'Roboto',sans-serif !important;font-weight:400;color:#fff;font-size:12px;text-decoration:underline}
.link-login a:hover{color:#fff;text-decoration:underline}
.dropdown{text-decoration:none;margin-top:22px}
.dropdown ul{border-radius:0 !important;min-width:120px !important;border:0 !important}
.dropdown li a{height:27px !important;font-family:'Noto Sans KR',sans-serif !important;font-size:14px !important;padding-top:4px !important}
.dropdown li a:hover{background-color:#E4EAE0 !important}
.instant-booking{float:right;width:172px;height:72px;background-color:#69B708;font-family:'Roboto',sans-serif !important;font-weight:500;font-size:13px;color:#fff;text-align:center;padding-top:26px}
.instant-booking:hover{background-color:#5AB100 !important;border-color:#5AB100 !important;color:#fff !important}
.wrap-lnb{position:fixed;width:100%;height:72px;background:rgba(0,0,0,0.5);transition:all 0.1s ease-in-out}
.wrap-lnb .lnb{float:right;height:72px;overflow:hidden;margin-right:20px}
.wrap-lnb .lnb li{display:inline-block;margin-right:5px;margin-left:5px;overflow:hidden}
.wrap-lnb .lnb .link{position:relative;display:block;height:72px;font-family:'Roboto',sans-serif !important;font-weight:500;font-size:13px;color:#fff;padding-top:26px;padding-left:8px;padding-right:8px;margin-left:4px;margin-right:4px}
.wrap-lnb .lnb .link:before{content:"";position:absolute;width:100%;height:2px;bottom:18px;left:0;background-color:#69B708;visibility: hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}
.wrap-lnb .lnb .link:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
.wrap-lnb.affix{background:rgba(0,0,0,0.7)}
.sub{display:none;position:absolute;top:72px;width:100%;left:0;height:200px;z-index:100;background-color:#fff;overflow:hidden;box-shadow:0 5px 9px 0 rgba(0, 0, 0, 0.3)}
.sub .col{float:left;width:380px;height:200px;background-color:#69B708;overflow:hidden;text-align:center;color:#fff}
.sub .col2{float:left;padding-left:20px}
.sub .tit-menu{width:580px;padding-bottom:10px;margin:30px 0 10px 10px;font-size:17px;font-weight:500;border-bottom:2px solid #B2B8AE}
.sub ul{width:620px;margin-top:20px;line-height:1.2}
.sub li{margin:0 5px !important}
.sub li a{display:block;padding:5px;font-size:15px;border-bottom:1px solid #fff;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.sub li a:hover{color:#5C991D}
.wrap-fnb{position:relative;height:50px;overflow:hidden}
.fnb{padding:0}
.fnb li{display:inline-block;margin-right:20px}
.fnb li a{height:48px;font-weight:bold;display:block;padding-top:15px;font-weight:400;color:#ddd}
.fnb li a:hover{color:#fff}
.btn-sns{position:absolute;top:0;right:0;border-right:1px solid #282828}
.btn-sns li{display:inline-block;width:50px;height:50px;border-left:1px solid #282828;text-align:center;font-size:21px;color:#fff;cursor:default}
.btn-sns li i{margin-top:10px;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5}
.btn-sns li:hover i{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}
.btn-sns li a{display:inline-block;width:50px;height:50px;color:#fff}
.btn-sns li:hover{background-color:#69B708}
.wrap-copyright{width:100%;border-top:1px solid #282828}
.copyright{font-size:13px;margin-top:30px;color:#888}
.copyright a{color:#888}
.copyright a:hover{color:#fff}
.copyright span{font-family:'Roboto Condensed' !important;font-weight:400}
.icons{font-family:'Roboto Condensed' !important;font-size:12px;color:#999;margin-left:5px}
.icons:hover{color:#999}
.wrap-booking{position:absolute;top:31%;width:100%;z-index:99}
.wrap-booking .txt{font-size:47px;color:#fff;text-align:center;font-weight:100}
.booking{margin-top:100px}
.wrap-top{margin:90px 0;overflow:hidden}
.wrap-top .tit-main{font-size:50px;margin-top:30px;margin-bottom:30px;line-height:1}
.wrap-top p{margin-bottom:40px;font-size:15px}
.wrap-top img{width:100%}
.wrap-top .img-col1{padding-right:1px;padding-left:30px}
.wrap-top .img-col1 img{height:404px}
.wrap-top .img-col2{overflow:hidden;padding:0;padding-right:1px}
.wrap-top .img-col2 img{height:134px}
.wrap-top .img-col3{padding-left:0}
.wrap-top .img-col3 img{height:202px}
.wrap-top .front-view{width:100%;margin-top:30px;display:none;text-align:center}
.wrap-top .front-view .img-bg{width:100%;height:500px;margin-bottom:10px;background:url(http://tm202.cdn3.cafe24.com/img1.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.wrap-top .front-view span{font-size:13px;font-weight:500}
.wrap-mdl{margin-top:80px;width:100%;height:420px;text-align:center;overflow:hidden}
#room-slider figure{position:relative;height:308px;overflow:hidden;text-align:left}
#room-slider figure img{width:500px;margin-left:-20px;-webkit-transition:.3s ease;transition:.3s ease}
#room-slider figure:hover img{margin-left:0}
#room-slider figure span{position:absolute;top:40px;left:40px;color:#fff;font-family:'Roboto Condensed',sans-serif !important;font-weight:400;font-size:14px}
#room-slider figure span h1{margin-top:8px;font-family:'Roboto',sans-serif !important;font-size:32px !important;font-weight:300 !important}
.wrap-bnr{background-color:#E9EEE6;padding:30px 0 50px}
.wrap-bnr a{display:block;width:100%;height:178px;background-color:#fff;margin-top:20px;text-align:center;padding-top:60px;-webkit-transition-duration:0.5s;transition-duration:0.5s}
.wrap-bnr .bnr1{background:url(http://tm202.cdn3.cafe24.com/bnr1.png)}
.wrap-bnr .bnr1:hover{background:#C6CCC2 url(http://tm202.cdn3.cafe24.com/bnr1-on.jpg)}
.wrap-bnr .bnr2{background:url(http://tm202.cdn3.cafe24.com/bnr2.png)}
.wrap-bnr .bnr2:hover{background:#C6CCC2 url(http://tm202.cdn3.cafe24.com/bnr2-on.jpg)}
.wrap-bnr span{padding:10px 25px;border:1px solid #fff;color:#fff;font-size:19px}
.wrap-bnr p{top:80px;color:#fff;font-size:12px;margin-top:20px}
.wrap-btm{margin:70px auto 80px;overflow:hidden}
.wrap-btm .tit-insta{font-size:15px;font-family:'Roboto Condensed',sans-serif !important;font-weight:700;margin-bottom:20px;text-align:center}
.wrap-btm .tit-insta a{position:relative;top:-2px;font-size:12px;font-weight:500;margin-left:5px;background-color:#444A40 !important}
.wrap-btm .tit-cs{font-size:15px;font-family:'Roboto Condensed',sans-serif !important;font-weight:700;margin-bottom:20px}
.wrap-cs{position:relative;height:330px;border:1px solid #C6CCC2;text-align:center;overflow:hidden}
.btn-cs{position:absolute;bottom:0;display:block;width:100%;padding:11px;border-top:1px dotted #C6CCC2;color:#444A40;font-weight:500;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.btn-cs:hover{background-color:#E9EEE6}
.wrap-map{padding-top:20px}
.tit-main{font-family:'Roboto',sans-serif !important;font-weight:100}
.wrap-sub{margin:60px 0;min-height:300px;overflow:hidden}
.wrap-snb{width:100%;height:55px;border-bottom:1px solid #dfdfdf}
.slt-snb{position:relative;float:left;width:220px;height:55px;background-color:#69B708}
.slt-snb .slt{display:block;height:55px;padding-top:16px;padding-left:20px;font-size:15px;color:#fff}
.slt-snb i{position:absolute;top:15px;right:7px;font-size:16px !important;color:#fff}
.snb{position:absolute;top:55px;width:220px;display:none;background-color:#fff;z-index:300}
.snb li a{display:block;padding:10px 17px;border:1px solid #dfdfdf;border-top:none;color:#5C991D}
.snb li a:hover{background-color:#E4EAE0;-webkit-transition:background-color 0.2s ease-out;-moz-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}
.snb .cur{display:none}
.locate{float:right;margin-top:18px;font-size:13px}
.locate .home{font-family:'Roboto',sans-serif !important;font-weight:500;text-decoration:underline}
.locate .on{font-weight:500}
.sub-tit{font-weight:500;margin-bottom:20px;font-size:30px}
.pg-tit{float:left;height:55px;text-align:center;font-family:'Roboto Condensed',sans-serif !important;font-weight:300;font-size:21px;letter-spacing:2px;border-left:1px solid #dfdfdf;padding:12px 40px 0}
.stit{margin:30px 0 15px;font-weight:500}
.sub-img{position:relative;width:100%;height:350px;overflow:hidden;text-align:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.sub-img figure{position:fixed;top:155px;left:0;right:0;font-weight:100;font-size:44px;color:#fff;font-family:'Roboto',sans-serif !important;line-height:1.6}
.sub-img span{display:block;font-size:15px;font-weight:400;letter-spacing:3px;font-family:'Roboto Condensed',sans-serif !important}
.sub-txt{position:absolute;top:44%;left:50%;width:600px;margin-left:-300px;text-align:center;color:#fff;z-index:100}
.sub-txt figure{font-weight:100;font-size:48px;color:#fff;font-family:'Roboto',sans-serif !important;line-height:1.7}
.sub-txt span{display:block;font-size:15px;font-weight:400;letter-spacing:3px;font-family:'Roboto Condensed',sans-serif !important}
.pg-overview{margin-bottom:50px;overflow:hidden}
.pg-overview .tit-main{margin-bottom:30px;font-size:50px;line-height:1}
.pg-overview .col-sm-5{padding-top:20px;padding-right:30px;line-height:1.9}
.pg-overview .col-sm-7 .img-bg{height:450px;background:url(http://tm202.cdn3.cafe24.com/about/hotel.jpg) center top no-repeat}
.hotel-img{border-top:1px solid #dfdfdf;padding-top:40px;margin-bottom:60px;text-align:center}
.hotel-img h2{font-weight:100;margin-bottom:30px;line-height:1.4}
.hotel-img .col-sm-4{margin-top:20px}
.hotel-img .col-sm-4 div{height:249px;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}
.lo-top{margin:30px 0 40px;padding-bottom:30px;border-bottom:1px solid #dfdfdf}
.lo-pub{margin:20px 0 30px}
.lo-pub .tit-bar{background-color:#949A90;color:#fff;padding:5px 0;text-align:center}
.lo-pub ul{margin-top:20px}
.lo-pub li{padding-left:10px;padding-bottom:5px;background:url(/ko/images/common/bu-dot.png) 0 10px no-repeat}
.lo-info li{padding-left:10px;padding-bottom:5px;background:url(/ko/images/common/bu-dot.png) 0 10px no-repeat}
.tbl{width:100%;border-top:2px solid #000}
.tbl td{border-bottom:1px solid #e4e4e4}
.tbl .tbl-tit{text-align:right;padding-right:15px;height:40px;font-weight:500}
.tbl .tbl-cnts{padding-left:15px;border-left:1px dotted #bbb;line-height:21px}
.tbl-spl{width:100%}
.tbl-spl th{text-align:center;height:30px;font-weight:500;font-size:13px;background-color:#E9EEE6}
.tbl-spl td{text-align:center;height:40px;border-bottom:1px solid #dfdfdf}
.room-info{overflow:hidden}
.room-info h4{font-family:'Roboto',sans-serif !important}
.rate-info{margin-top:20px;line-height:24px}
.aside-info{margin-left:40px !important}
.wrap-service{margin:30px 0 40px;text-align:center}
.wrap-service i{font-size:28px !important;color:#222}
.wrap-service span{display:block;font-size:13px;margin-top:5px}
.room-rate{border-top:2px solid #444A40;border-bottom:1px solid #dfdfdf;padding-top:10px}
.room-rate li{padding:3px 0;color:#5C991D}
.room-rate li div{float:right;display:inline-block;color:#333}
.box-top{border:1px solid #dfdfdf;padding:10px 18px;line-height:1.8}
.box-cnts{background-color:#E9EEE6;padding:15px 20px}
.tit-lo{font-size:16px;margin-bottom:10px}
.img-small{display:none !important}
.fac-info ul{margin-top:15px}
.fac-info li{padding-left:10px;padding-bottom:3px;background:url(/ko/images/common/bu-dot.png) 0 10px no-repeat}
.fac-info p{margin-bottom:20px}
.fac-info .box-cnts{padding:10px 20px 5px 20px!important}
.fac-info h5{color:#5C991D}
.fac-info .row{margin-bottom:60px}
.fac-info .row:last-child{margin-bottom:0}
.fac-img{position:relative;overflow:hidden}
.fac-img span{position:absolute;left:50px;top:60%;padding:20px 20px;background:rgba(0,0,0,0.5);font-size:27px;font-weight:300;font-family:'Roboto',sans-serif !important;color:#fff;z-index:100}
.fac-tit{margin-top:20px;margin-bottom:10px;font-size:20px;font-weight:500}
.sub-content{position:relative;background-color:#fff}
.rate-op{float:right;display:inline-block;font-size:13px;font-weight:400}
.rate-op span{display:inline-block;margin-left:10px;padding-top:7px}
.side-menu,.overlay{display:none}
.side-menu{width:300px;height:100%;background-color:#fff;position:fixed;left:-300px;top:0;z-index:1000;box-shadow:0 5px 9px 0 rgba(0, 0, 0, 0.3);overflow-y:auto}
.side-menu .menu{margin-top:15px}
.side-menu .menu li a{display:block;padding:8px 0;font-size:16px;font-weight:500;padding-left:20px}
.side-menu .menu-close{position:absolute;top:15px;right:15px;cursor:pointer;width:21px;height:21px;background:url(/ko/images/common/menu-close.png) no-repeat}
.side-menu .snb-top{height:130px;background-color:#69B708;padding:30px 20px;font-size:13px;color:#fff;overflow:hidden}
.side-menu .snb-top label{font-weight:500;display:block;margin-bottom:5px;font-size:17px}
.canvas-item{width:100%;border-top:1px solid #dfdfdf;margin-top:15px;padding-top:5px;margin-bottom:30px}
.canvas-item a{display:block;padding:8px 0 0 20px;font-family:'Roboto',sans-serif !important;font-weight:400;font-size:13px}
.canvas-item ul{margin-top:10px;padding-top:5px;padding-bottom:5px;background-color:#E4EAE0}
.canvas-item li i{font-size:15px}
.canvas-item li a{display:block;padding:5px 0 0 20px !important}
.overlay{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:102}
.separator{display:inline-block;width:12px;font-size:11px;color:#ccc;text-align:center}
.point{color:#5C991D !important}
.gray{color:#999}
.ls{letter-spacing:-1px}
.bold{font-weight:500 !important}
.uline{text-decoration:underline}
.pointer{cursor:pointer}
.red{color:red}
.blue{color:blue}

@media (max-width:1280px){
.side-toggle{display:none}
.wrap-lnb .lnb .link{padding-left:5px;padding-right:5px;margin-left:3px;margin-right:3px}
.wrap-booking .txt{font-size:40px;color:#fff;text-align:center;font-weight:100}
.booking{margin-top:50px}
}
@media (max-width:1119px){
.wrap-lnb .lnb{margin-right:10px}
.wrap-lnb .lnb .link{padding-left:3px;padding-right:3px;margin-left:1px;margin-right:1px}
.instant-booking{width:140px}
.wrap-top .img-col1{padding-left:15px}
}
@media (max-width:991px){
.lnb,.link-login,.instant-booking{display:none}
.logo{position:absolute;top:8px;left:50%;width:110px;height:33px;margin-left:-55px;background:url(/ko/images/common/logo.svg) no-repeat;background-size:cover}
.side-toggle{display:block;top:9px}
.wrap-lnb{position:fixed;height:49px;background-color:#111}
.wrap-lnb.affix{border:none;box-shadow:0 5px 9px 0 rgba(0,0,0,0.3)}
.wrap-top{margin:30px 0;overflow:hidden}
.wrap-top .tit-main{font-size:42px;margin-top:20px;margin-bottom:20px}
.wrap-top p{margin-bottom:20px;font-size:14px}
.wrap-top .col-md-8{margin-top:40px}
.wrap-mdl{margin-top:40px;height:380px}
#room-slider figure span h1{margin-top:3px;font-size:27px !important}
.wrap-bnr{padding:10px 0 30px}
.wrap-bnr .bnr{width:100%;height:178px;background-color:#fff}
.wrap-btm{margin-top:30px;margin-bottom:40px}
.wrap-btm .col-md-5{margin-top:20px}
.wrap-btm .col-md-4{margin-top:30px;border-top:1px solid #dfdfdf;padding-top:30px}
.wrap-map{padding-top:10px}
.sub-img,.sub-tit{display:none}
.wrap-snb{position:absolute;top:49px;height:44px;overflow:hidden;border-bottom:none;width:100%;background-color:#69B708;box-sizing:border-box}
.wrap-snb .container{display:none}
.snb{display:block;position:static;clear:both;margin-left:5px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;background-color:transparent;width:auto}
.snb li{display:inline}
.snb li a{padding:11px 12px;display:inline-block;height:44px;font-size:15px;font-weight:400;color:#fff;border:none}
.snb li a:hover{background-color:transparent}
.snb .cur{display:inline-block}
.wrap-sub{margin:110px 0 30px}
.pg-overview{margin-bottom:30px}
.pg-overview .tit-main{font-size:40px;margin-bottom:20px}
.pg-overview .col-sm-5{margin-bottom:20px;padding-right:15px}
.pg-overview .col-sm-7 .img-bg{height:400px}
.hotel-img{border-top:1px solid #dfdfdf;padding-top:20px;margin-bottom:30px;text-align:center}
.hotel-img h2{font-size:22px;font-weight:300;margin-bottom:10px;line-height:1.4}
.hotel-img img{margin-top:10px}
.lo-top{margin:30px 0;padding-bottom:20px}
.lo-pub{margin:20px 0}
.lo-info .stit{margin-top:15px}
.aside-info{background-color:#E9EEE6;padding:15px 20px;margin-top:30px;margin-left:0 !important}
.wrap-booking{position:static;margin:0;width:100%}
.wrap-booking .txt{display:none}
.booking{margin:0;height:auto;background-color:#fff}
.img-normal{display:block !important}
.img-small{display:none !important}
.wrap-fnb{height:48px}
.fnb{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.btn-sns{display:none}
.wrap-btm .tit-insta{margin-bottom:30px}
.copyright{margin-top:20px}
.room-info h4{margin-top:10px !important}
.fac-img span{position:absolute;left:30px;top:55%;padding:15px 20px;background:rgba(0,0,0,0.5);font-size:22px;font-weight:300;font-family:'Roboto',sans-serif !important;color:#fff;z-index:100}
.fac-info .row{margin-bottom:0}
.sub-content{position:static}
.wrap-member{display:none}
}
@media (max-width:767px){
.wrap-top .col-md-8{display:none}
.wrap-top .front-view{display:block}
.img-normal{display:none !important}
.img-small{display:block !important}
.fac-info .row:first-child{margin-bottom:0}
.fac-info .col-sm-6{margin-bottom:30px}
#popup_1{width:300px !important;height:277px !important;top:80px !important;left:50px !important}
#popup_1 .popup-cnts{height:247px !important}
#popup_1 img{width:300px}
}