@charset "utf-8";
/*CSS Document*/
/* reset css */
body{margin:0; padding:0; background-color:#fff;}
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div{font-family: 'Nanum Gothic', sans-serif; font-size:12px; color:#333333; line-height:1.6;}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}
img, fieldset{border:0 none;}
img{vertical-align:baseline;}
ol, ul, li{list-style:none;}
table{border-spacing:0; border-collapse:collapse; border:0 none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
a:link{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:visited{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:hover{color:#5899d4; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:active{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}



/* 헤더
------------------------------------------------------------------------------------------------------------*/
#Header{width:100%; height:75px; background:url(../img/header/bg.png) top center no-repeat #303030;}
#Header .inner{position:relative; width:1000px; height:75px; margin:0 auto;}

#Header h1{position:absolute; left:50%; margin-left:-75px; top:15px;}
#Header h1 a, #Header h1 img{display:block;}

#Header .lang{position:absolute; right:0; top:15px; overflow:hidden;}
#Header .lang li{float:left; padding-left:21px; background:url(../img/header/gnb_l.gif) 10px 3px no-repeat;}
#Header .lang li.first{padding-left:0; background:none;}
#Header .lang li a{display:block; line-height:1.2; color:#cbae65; font-family: 'Nanum Gothic', sans-serif;font-size:10px;}
#Header .lang li a:hover{text-decoration:none; color:#f9f1de;}

#Header .tel{position:absolute; right:0; top:42px; color:#cbae65; line-height:1.2; font-size:11px; font-family: 'Nanum Gothic', sans-serif;}
#Header .tel b{display:inline-block; padding-right:5px;}



/* 네비게이션
------------------------------------------------------------------------------------------------------------*/
#navi{width:100%; background:#5e5745;}
#navi .inner{width:1000px; height:70px; margin:0 auto; display:block;}
#navi .inner li{position:relative; float:left;}
#navi .inner li:hover a, #navi .inner li a:hover{position:relative; z-index:700;}
#navi .inner li a, #navi .inner li img{display:block;}

/**/
#main #navi .category{display:none!important;}
#main #navi .background{display:none!important;}

/**/
#navi .category{position:absolute; left:0; top:70px; padding-top:13px; overflow:hidden; display:none;}
#navi .category li{float:left; padding-left:28px; background:url(../img/header/l.gif) 14px 2px no-repeat;}
#navi .category li.first{padding-left:0; background:none;}
#navi .category li.first1{padding-left:30px; background:none;}
#navi .category li a{display:block; font-family:Verdana; color:#808080; line-height:1.2; font-size:14px;}
#navi .category li a:hover, #navi .category li.on a{text-decoration:none; color:#222222;}
#navi li:hover .category, #navi li.on .category{display:block;}

#navi .background{background:#e9e9ea; width:100%; height:41px;}

#col_1{width:200px;}
#col_2{width:470px;}
#col_3{width:200px;}
#col_4{width:200px;}
#col_5{width:200px;}



/* 푸터
------------------------------------------------------------------------------------------------------------*/
#F_icon{width:100%; background:#8f9194;}
#F_icon ul{width:1000px; height:80px; margin:0 auto; overflow:hidden;}
#F_icon ul li{float:left;}
#F_icon ul li a, #F_icon .inner li img{display:block;}

#F_mn{width:1000px; margin:0 auto; overflow:hidden; padding:23px 0;}
#F_mn .mn{float:left; overflow:hidden;}
#F_mn .mn li{float:left; padding-left:28px; background:url(../img/footer/l.gif) 14px 2px no-repeat;}
#F_mn .mn li.first{padding-left:0; background:none;}
#F_mn .mn li a, #F_mn .mn li img{display:block;}

#F_mn .lang{float:right; overflow:hidden;}
#F_mn .lang li{float:left; margin-left:18px;}
#F_mn .lang li a, #F_mn .lang li img{display:block;}

#Footer{width:1000px; margin:0 auto; padding:25px 0 30px 0;}
#Footer .copyright { text-align:center; }
#Footer span { padding:0 10px; background:url(../img/comm/line_g.gif) no-repeat center 3px; color:#999}



/* 메인
------------------------------------------------------------------------------------------------------------*/
#m_container{width:1000px; margin:45px auto; overflow:hidden;}
#m_container .accommodation{float:left; width:280px; padding-top:35px; background:url(../img/main/tit_accommodation.gif) left top no-repeat;}
#m_container .event{float:left; width:325px; margin-left:57px; padding-top:35px; background:url(../img/main/tit_event.gif) left top no-repeat;}
#m_container .gallery{float:right; width:281px; padding-top:35px; background:url(../img/main/tit_gallery.gif) left top no-repeat;}
#m_container .accommodation, #m_container .event, #m_container .gallery{overflow:hidden;}
#m_container .accommodation a, #m_container .event a, #m_container .gallery a{float:left; display:block; margin-left:5px;}
#m_container .accommodation a.first, #m_container .event a.first, #m_container .gallery a.first{margin-left:0px;}
#m_container .accommodation img, #m_container .event img, #m_container .gallery img{display:block;}




/* 서브
------------------------------------------------------------------------------------------------------------*/
#s_container{width:1000px; margin:35px auto 50px auto; overflow:hidden;}
#p_tit{height:45px; overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:30px;}
#p_tit h2{float:left; font-size:24px; font-family: 'NanumSquare', sans-serif !important;}
#p_tit ul{float:right; overflow:hidden; margin-top:10px;}
#p_tit ul li{float:left; color:#555555; padding-left:25px; background:url(../img/sub/arrow.gif) 10px 3px no-repeat; line-height:1.2; font-size:14px; font-family: 'Nanum Gothic', sans-serif; font-weight:normal;}
#p_tit ul li.home{padding-left:17px; background:url(../img/sub/home.gif) left 2px no-repeat;}

#contents{}

.gtgt {background:url('../img/sub/gtbg.jpg')no-repeat; padding:180px 470px 0 20px; font-size:16px; line-height:180%; letter-spacing:-0.2px;}




/* 마진 -------------------------------------------------------------------*/
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.right25{margin-right:25px;}
.right30{margin-right:30px;}
.right40{margin-right:40px;}
.right50{margin-right:50px;}
.right60{margin-right:60px;}
.right70{margin-right:70px;}
.right80{margin-right:80px;}
.right90{margin-right:90px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.size30 { font-size:30px; }
.size40 { font-size:40px; }
.size50 { font-size:50px; }


/*메인베너*/
#m_container1{width:100%; background-color:#ececec; padding:40px 0;}
.main_bn_wrap {width:1000px; margin:0 auto; overflow:hidden;}

/*메인 박스이미지*/
.snip1579 { font-family: 'NanumSquare', sans-serif !important; position: relative; display: inline-block; overflow: hidden; margin-right:17px; min-width:319px; max-width: 319px;
  width: 100%; background-color: #000000; color: #ffffff; text-align: left; font-size: 16px; /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/}
.snip1579 * { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-box-sizing: border-box; box-sizing: border-box;}
.snip1579 img { max-width: 100%; vertical-align: top;}
.snip1579 figcaption { position: absolute; height: 75px; left: 15px; right: 15px; bottom: 15px; overflow: hidden; padding: 15px; background-color: rgba(0, 0, 0, 0.75);}
.snip1579 h3 { font-family: 'NanumSquare', sans-serif !important; text-transform: uppercase; font-size: 20px; font-weight: 400; line-height: 40px;  margin: 3px 0;}
.snip1579 h5 { font-weight: 400; margin: 0; text-transform: uppercase; color: #fff; letter-spacing: 1px; font-size:17px;}
.snip1579 blockquote { padding-top: 20px; margin: 0; font-size: 1em; line-height: 180%; font-size:17px; font-weight:400;}
.snip1579 a { position: absolute; top: 0; bottom: 0; left: 0;  right: 0;}
.snip1579:hover figcaption,
.snip1579.hover figcaption { height: calc(85%);}

/*right*/
.snip15791 { font-family: 'NanumSquare', sans-serif !important; position: relative; display: inline-block; overflow: hidden; min-width:319px; max-width: 319px;
  width: 100%; background-color: #000000; color: #ffffff; text-align: left; font-size: 16px; /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/}
.snip15791 * { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-box-sizing: border-box; box-sizing: border-box;}
.snip15791 img { max-width: 100%; vertical-align: top;}
.snip15791 figcaption { position: absolute; height: 75px; left: 15px; right: 15px; bottom: 15px; overflow: hidden; padding: 15px; background-color: rgba(0, 0, 0, 0.75);}
.snip15791 h3 { font-family: 'NanumSquare', sans-serif !important; text-transform: uppercase; font-size: 20px; font-weight: 400; line-height: 40px;  margin: 3px 0;}
.snip15791 h5 { font-weight: 400; margin: 0; text-transform: uppercase; color: #fff; letter-spacing: 1px; font-size:17px;}
.snip15791 blockquote { padding-top: 20px; margin: 0; font-size: 1em; line-height: 180%; font-size:17px; font-weight:400;}
.snip15791 a { position: absolute; top: 0; bottom: 0; left: 0;  right: 0;}
.snip15791:hover figcaption,
.snip15791.hover figcaption { height: calc(85%);}