@charset "utf-8";
@import url('font.css');

/* Reset */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family:'Nanum Square', 'verdana', 'Malgun Gothic';font-weight:400}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Nanum Square', 'verdana', 'Malgun Gothic';}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none; color:#000;}
ul,li{list-style:none;padding:0;margin:0;}

.clear {clear:both}
section, footer { overflow: hidden; }

/*header*/
header{width:100%;}
header .hd{height:116px; width: 1160px; position:relative; margin:0 auto; overflow:hidden;}
header .hd h1{text-align:center;margin-top:25px;}
header nav{width:100%; heigth:58px; border-top:1px solid #089a3e; margin:0 auto; border-bottom:1px solid #dddddd;}  
header nav ul.clearfix{width:1160px; margin:0 auto; height:58px; } 
.menu li {width:230px; float:left; display:inline-block; position:relative; font-size:17px;}
.menu a {display:block; width:100%; line-height:58px; text-align:center; color:#565656; font-size:17px; font-weight:normal;  border-left:1px solid #dddddd; }
.menu li:hover > a, .menu .current-item > a {text-decoration:none;color:#be5b70;}
.menu li:last-child{border-right:1px solid #dddddd;}
.menu .arrow {font-size:11px;line-height:0%;}
/*----- Top Level -----*/
.menu > ul > li:hover > a, .menu > ul > .current-item > a {color:#209546;font-weight:bold;background:#fff;}
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {z-index:1;opacity:1;}
.sub-menu {height:57px;position:absolute;top:100%;left:0px;z-index:-1;opacity:0;transition:opacity linear 0.15s;background:#fff;}
.sub-menu li {width:230px;display:block;font-size:16px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#fff;}
.sub-menu li:first-child{border-top:1px solid #dddddd; display:block;}
.sub-menu li a:hover, .sub-menu .current-item a {color:#333;  font-weight:bold;}

/*mainvisual*/
.flickerplate{position:relative;width:100%;height:449px;background-color:#e6e6e6;overflow:hidden}
.flickerplate ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none}
.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.flickerplate ul.flicks>li .flick-inner{height:100%;color:#000;vertical-align:middle}
.flickerplate ul.flicks>li .flick-inner .flick-content{position:relative; width:1160px; margin:0 auto;}
.flickerplate ul.flicks>li .f_txt{font-size:60px;line-height:60px; position:absolute; left:0; top:110px; }
.flickerplate ul.flicks>li .f_txt span{color:#0a8b53; }
.flickerplate ul.flicks>li .s_txt{position:absolute; top:250px; font-size:18px; color:#000;}
.flickerplate ul.flicks>li f_txt span.flick-block-text,.flickerplate ul.flicks>li .s_txt span.flick-block-text{padding:12px 18px;background-color:rgba(0,0,0,0.6)}
.flickerplate .arrow-navigation{position:absolute;height:80%;width:10%;top:10%;z-index:100;overflow:hidden}
.flickerplate .arrow-navigation .arrow{display:block;height:100%;width:90%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover{cursor:pointer}
.flickerplate .arrow-navigation.left{left:0%}
.flickerplate .arrow-navigation.left .arrow{opacity:0;margin:0px 0px 0px 50%;background-image:url("../img/flickerplate/arrow-left-light.png");background-repeat:no-repeat;background-position:left}
.flickerplate .arrow-navigation.right{right:0%}
.flickerplate .arrow-navigation.right .arrow{opacity:0;margin:0px 0px 0px -50%;background-image:url("../img/flickerplate/arrow-right-light.png");background-repeat:no-repeat;background-position:right}
.flickerplate .arrow-navigation.left.hover .arrow{opacity:1;margin:0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0px 0px 0px -20%}
.flickerplate .dot-navigation{position:absolute;bottom:113px;width:1160px;left:50%; transform:translateX(-50%);z-index:100}
.flickerplate .dot-navigation ul{text-align:left;list-style:none;}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{width:14px;height:14px;margin:0px 6px;background-color:#666666;ltransition:background-color 0.2s ease-out; border-radius:20px;}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,0.6)}
.flickerplate .dot-navigation .dot.active{background-color:#0075c2; width:35px;}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow{background-image:url("../img/flickerplate/arrow-left-dark.png")}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow{background-image:url("../img/flickerplate/arrow-right-dark.png")}
.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,0.12)}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,0.6)}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner{color:rgba(0,0,0,0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .s_txt{color:rgba(0,0,0,0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content f_txt span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .s_txt span.flick-block-text{background-color:rgba(255,255,255,0.5)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner{color:rgba(0,0,0,0.9)}.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .s_txt{color:rgba(0,0,0,0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content f_txt span.flick-block-text,.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .s_txt span.flick-block-text{background-color:rgba(255,255,255,0.5)}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);
-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s}
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;transition:left 0.4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%}.flickerplate.animate-scroller-slide{padding-bottom:0px;overflow:auto}.flickerplate.animate-scroller-slide ul.flicks{position:auto}

/*·Î±×ÀÎ,ȸ¿ø°¡ÀÔ*/
.mmBox{background:#f5f5f5;width:100%; height:136px; border:1px solid #cfdadd;}
.mmBox article{float:left;}
.mmBox section{width:1160px; margin:0 auto; overflow:hidden;}
.mmBox .login{width:642px; position:relative; height:136px; float:left;} 
.mmBox .login div{width:499px; box-sizing:border-box;  padding:31px 0 0 24px;}
.mmBox .login div > input{display:block; float:left; width:222px; height:49px; line-height:49px; background:#fff; border-radius:3px; border:1px solid #cfdadd; text-indent:15px; font-size;14px; color:#999;}
.mmBox .login ul{clear:both; width:100%; padding-top:14px;}
.mmBox .login  li input{border:1px solid #999; background:#f5f5f5; margin:3px 5px 0 0; }
.mmBox .login  li{float:left; margin-right:20px;}
.mmBox .login .btn{background:#29a7e1;  display:block; float:right;width:143px; height:136px; overflow:hidden; text-align:center; right:0; top:0; position:absolute;}
.mmBox .login .btn img{margin-top:26px;}
.mmBox .login .btn span{font-size:21px; color:#fff; line-height:61px; font-weight:bold; display:block;}
.mmBox .join{width:518px; position:relative;}
.mmBox .join dl{text-align:center; float:left; width:375px; margin-top:30px;}
.mmBox .join dl dt{font-size:20px; color:#333;}
.mmBox .join dl dd{font-size:14px; color:#898989; margin-top:20px;}   
.mmBox .join .btn2{background:#099a3f ; display:block; float:right;width:143px; height:136px; overflow:hidden; text-align:center; right:0; top:0; position:absolute;}
.mmBox .join .btn2 img{margin-top:24px;}
.mmBox .join .btn2 span{font-size:21px; color:#fff;  line-height:61px; font-weight:bold; display:block;}

/*°øÁö»çÇ×*/
#contents_box{width:1160px; margin:40px auto; overflow:hidden;}
.notice{width:420px; height:451px; border:1px solid #d0dbde; position:relative; float:left;}
.notice .tit{width:372px; height:94px; border-bottom:1px solid #cfdadd; overflow:hidden; position:relative; line-height:93px; margin:0 23px; }
.notice .tit h3{font-size:22px; color:#333; font-weight:600; float:left; left:0px; position:absolute; }
.notice .tit h3 span{font-size:18px; color:#b3b3b3; padding-left: 7px;}
.notice .tit  a{position:absolute; right:0px;}
.notice ul{ margin:30px 23px;}
.notice ul li{height:44px; margin-top:18px;}
.notice li span{font-size:14px; color:#bdbdbd;}
.notice li a{display:block; font-size:16px; color:#4a4a4a; } 
.notice .notice_bottom{background:#f8f8f8; font-size:18px; color:#333333; height:65px; position:absolute; bottom:0; left:0; width:100%; padding:0 20px; box-sizing:border-box; line-height:67px; }
.notice .notice_bottom p {float:left;}
.notice .notice_bottom a{position:absolute; right:0; margin:0 23px 0 0;}

/*top_block*/

.block01{width:236px; height:236px;background:#6bc2cf; float:left; position:relative; margin-left: 10px;}
.block01 h4{font-size:20px; color:#fff; margin:20px; }
.block01 ul{margin:96px 0 0 20px; box-sizing:border-box;}
.block01 li{font-size:16px; height:27px;  letter-spacing:-1px; width:110px; margin-bottom:10px; border-bottom:1px solid #fff; color:#fff;}
.block01 span{position:absolute; right:14px; bottom:26px;}

.block02{width:236px; height:236px;background:#3baba9; float:left; position:relative; margin-left: 10px;}
.block02 h4{font-size:20px; color:#fff; margin:20px; }
.block02 ul{margin:96px 0 0 20px; box-sizing:border-box;}
.block02 li{font-size:16px; height:27px;  letter-spacing:-1px; width:81px; margin-bottom:10px; border-bottom:1px solid #fff; color:#fff;}
.block02 span{position:absolute; right:14px; bottom:26px;}

.block03{width:236px; height:236px;background:#8bc054; float:left;position:relative;  margin-left: 10px;}
.block03 h4{font-size:20px; color:#fff; margin:20px; }
.block03 ul{margin:58px 0 0 20px; box-sizing:border-box;}
.block03 li{font-size:16px; height:27px;  letter-spacing:-1px; width:62px; margin-bottom:10px; border-bottom:1px solid #fff; color:#fff;}
.block03 span{position:absolute; right:14px; bottom:26px;}

/*¹Ù·Î°¡±â*/
.box{float:left; margin:10px 0 0 10px;}
.linkbox{float:left; margin-right:10px;  background: url("img/app_icon.gif") no-repeat;}
.linkbox01{width:357px; height:204px; border:1px solid #cfdadd;}
.linkbox2{}
.linkbox2 h2{margin:20px;}
.linkbox2 h3{margin:30px 20px; color:#2c2d2e; font-size:20px; }
.linkbox2 p {border:2px solid #f46400; border-radius:30px; width:137px; height:39px; font-size:16px; line-height:37px; font-weight:600; margin-left:20px; text-indent:25px;} 
.linkbox2 p img{margin-left:10px;}
.linkbox2 p a{color:#f46400; }

.linkbox_right{float:left;  }
.linkbox03{width:357px; background:#fdfdfd; height:204px; border:1px solid #cfdadd;  }
.linkbox2{background:url("/img/app_icon.gif") no-repeat;}
.linkbox4 h2{margin:20px;}
.linkbox4 h3{margin:30px 20px; color:#2c2d2e; font-size:20px; }
.linkbox4 p {border:2px solid #39a80e; border-radius:30px; width:137px; height:39px; font-size:16px; line-height:37px; font-weight:600; margin-left:20px; text-indent:25px;} 
.linkbox4 p img{margin-left:10px;}
.linkbox4 p a{color:#39a80e; }
/*bottom_block*/

/*footer*/

#ft {width:100%;background:#f5f5f6; border-top:1px solid #cfdadd;}
#ft_copy {margin:0 auto;padding:20px 0;width:1160px;}
#ft_copy .logo{width:200px;float:left }
#ft_copy .text{width:900px;float:right }
#ft_copy .text span { margin-right:20px }
#ft_copy .text .link {font-size:15px;font-weight:bold;margin-bottom:10px}
#ft_copy .text .link span { margin-right:35px }
#ft_copy .text .address p{font-size:14px;line-height:20px}
#ft_copy:after{display:block;clear:both;content:''}


/*.bx{position:relative; width:100%;  height:350px;}
#bx-pager{position:absolute; bottom:53px; overflow:hidden; width:100%;margin-left:38%;} /*À§Ä¡*/ 
/*#bx-pager a{display:block; float:left; width:14px; height:14px; text-align:center; color:#555; cursor:pointer; transition:0.3s; border-radius:14px; text-indent:-999999px; background:#000; margin-left:15px;}   /*¹öÆ°µðÀÚÀÎ*/ 
 /*#bx-pager a:hover,   
 #bx-pager a.active{background: rgba(255,255,255,1); color:#000; text-decoration:none;}*/



/*»ó´Ü*/
header {
    height: 55px;
    border-bottom: 1px solid #c7adb5;
    box-sizing: border-box;
}

header h1 {
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #2e2e2e;
}

header h1 img { width: 160px; }

#sub_menu {border-bottom:1px solid #c7adb5;}

#sub_menu ul li {
    float: left;
    width: 20%;
    height: 40px;
    background: white;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #444444;
    line-height: 40px;
    
    box-sizing: border-box;
    position: relative;
}

#sub_menu ul li a { color: #444444; }
#sub_menu ul li.active a { color: #92002e; }
#sub_menu ul li.active:after {
    content: "";
    display: block;
    width: 50px;
    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#sub_menu:after {
    content: '';
    display: block;
    clear: both;
}


/*¸ÞÀÎ*/
.main_vis {
    position: relative;
    width: 100%;
}

.main_vis img {
    width: 100%;
}

/*bxslider*/
#bx-pager {
    position: absolute;
    width: 60px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 20px;
}

#bx-pager a {
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 0 5px;
    border-radius: 5px;
    border:1px solid #fff;
    text-indent: -9999px;
    transition: all 0.5s ease;
}

#bx-pager a.active {
    background-color: #fff;
}

#main .call{height:91px; background:#451f2b; margin-top:7px;}
#main .call ul{padding-top:15px;}
#main .call li{color:#fff; font-size:25px; text-align:center;line-height:30px;}

.contxt  img{width:100%;}

.main_img img{width:100%; margin-top:9px;}
.main_img img:nth-child(1){margin-top:0px;}
.main_img img:nth-child(4){margin-bottom:9px;}

/*footer*/
footer{background:#f3f3f3; padding:15px 0 15px 0;}
footer .info{padding:15px; box-sizing:border-box; color:#393939; text-align:center; font-size:13px;}


/*sub01*/
#cont{padding:10px;}

.subTitle{width:100%; background:url(../img/subVisual.jpg)no-repeat; background-size:cover; overflow:hidden; text-align:center; color:#fff; padding:30px 0;}
.subTitle h2{font-size:30px; font-weight:400; background:url(../img/stick.jpg)no-repeat center bottom; padding-bottom:10px;}
.subTitle p{font-size:1.0em; margin-top:10px;}
.room{width:100%; height:60px; border-bottom:1px solid #e2e2e2; position:relative;}
.room a{display:block; width:10px; position:absolute; top:20px; left:10px;}
.room .left{float:left;}
.room p{ text-align:center;.color:#333333; font-size:26px; line-height:55px;}
.cont2{padding:10px 10px; box-sizing:border-box;}
.tb{border-collapse: collapse;/*table-layout:fixed; border-spacing:0*/; width:100%;}
.tb .bdt{border-top:2px solid #d47072; background:#f9f9f9;}
.tb th{border-bottom:1px solid #ccc;border-left:1px solid #ccc; background:#f9f9f9;}
.left{border-left:0;}
.tb td{border-bottom:1px solid #ccc;border-left:1px solid #ccc; text-align:center; }
.room_intro{width:100%;box-sizing:border-box;}
.room_intro li{margin-right:2%; float:left; width:49%; margin-bottom:7px;}
.room_intro li img{width:100%;}
.room_intro li:nth-child(even){margin-right:0%;} 
.room_intro li p{height:44px; background:#fafafa; font-size:18px; text-align:center; line-height:43px; border:1px solid #e8e8e8;}

/*sub02*/

.reservation{background-color:#f9f9f9; border:1px solid #e5e5e5; }
.reservation ul{padding:10px;background:url(../img/bg01.gif)no-repeat 95% 82%; background-size:90px;}
.reservation li{background:url(../img/bullet.gif)no-repeat 0 7px; font-size:1em; color:#5d5d5d; line-height:20px; padding-left:10px;}
.reservation ul li span{font-weight:400; color:#333333;}

/*sub03*/

p.tour{background:#f7f7f7; border-top:1px solid #92002e; height:50px; font-size:20px; text-align:center; line-height:50px; font-weight:500;}
.sub03 img{width:100%;}
.sub03 p.tour02{font-size:1.0em; line-height:20px;padding-top:10px; padding-bottom:30px;}

/*sub04*/
p.map{height:100px; color:#333; font-size:1.1em; font-weight:600; text-align:center; background:#f6f6f6; border:1px solid #e5e5e5; line-height:24px; padding-top:24px; box-sizing:border-box; }
.location{margin-top:20px;}
.location li{font-size:18px; color:#333; line-height:24px; font-weight:600; }
.location li p{font-size:0.7em; font-weight:400; padding-top:10px; padding-bottom:20px;}
.location li img{padding-right:10px; width:40px;}
.location .go{width:100%; border:1px solid #cfcfcf; font-size:0.7em; text-align:center; margin-top:10px; padding:10px; box-sizing:border-box;}