@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumGothic.eot'); 
  src: local('?'), url('../fonts/NanumGothic.woff') format('woff'), url('../fonts/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/NanumGothicBold.eot');  
  src: local('?'), url('../fonts/NanumGothicBold.woff') format('woff'), url('../fonts/NanumGothicBold.ttf') format('truetype'); 
}

/***************************************/
/* RESET FILES */
/***************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 13px;
	font-family: NanumGothic, Arial, Helvetica, sans-serif;
	color: #555;
}

a { text-decoration: none;}
ol,ul {	list-style: none;}
table {	border-collapse: separate;	border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */

body {
	min-height: 100%;
	width: 100%;
	background: #fff;
	color:#555;
	
}

html, body {width:100%; height:100%;}

#right_bg {
	background: #fff url('../images/sub/sub_bg.jpg') right top no-repeat;
	position: fixed;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	z-index: -10;
}

h3 {
	font-family: nanumgothic;
	font-size: 15px;
	font-weight: bold;
	color: #ff6600;
	margin-bottom: 15px;
	background:url('../images/title_icon02.png') left center no-repeat;
	padding-left: 10px;
	text-align:left;
}
h3 span {
	font-family: nanumgothic;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	margin-left: 10px;
}

.wrap{ margin:0 auto;}

#main_containner {
	height: 590px;
	border: 0px solid red;
	margin: 30px auto;
	position:relative;
	float:left;
}

#main_txt {
	display: inline-block;
	margin-top: 30px;
	margin-left: 30px;
}

#main_fla {
	position: absolute;
	top:-10px;
	z-index:1;
	left:10px;
}


#main_btn {
	display: inline-block;
	position: absolute;
	bottom: 60px;
	left:0px;
}

#gallery {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#gallery h2 {
	margin-bottom: 10px;
}


#gallery iframe {
	background: transparent;
}

#gallery iframe html {
    background: transparent;
}

#gallery iframe html body {
    background: red;
}

.photo_scroll {
	background: transparent;
}

#footer {
	clear:both;
	display: none;
	position: relative;
	margin: 0 auto;
	margin-top:30px;
}


#footer_inner {
	clear:both;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.70;
    -moz-opacity: 0.70;
    opacity: 0.70;
	color:#b0b0b0;
	font-size: 11px;
	font-family: 'dotum';
	padding: 10px 0px;
	position: relative;
	height: 67px;
	margin-bottom: 10px;
	display: inline-block;
}

#footer_inner ul {
    /*width: 100%;*/
    display: inline-block;
	float:left;
	width: 775px;
}

#footer_inner ul li {
    float: left;
    margin: 0 10px 0 0px;
	font-size: 11px;
	font-family: 'dotum';
	color:#EBEBEB;
	font-weight: bold;
}

#footer_inner ul li a {
	font-size: 11px;
	font-family: 'dotum';
	color:#EBEBEB;
	text-decoration: none;
	font-weight: bold;
}

#footer_inner p {
	float:left;
}

#footer_inner p, #footer_inner p a {
	font-size: 11px;
	font-family: 'dotum';
	color:#b0b0b0;
	text-decoration: none;
	margin-top: 5px;
	line-height: 12px;
}

#footer .bottom_logo {
	float: left;
	margin-left: 30px;
	margin-top: 5px;
	margin-right: 40px;
}

/***************************************/
/* header */
/***************************************/

#header_menu {
	position: fixed;
	top: 0;
	bottom: 0px;
	left:0px;
}

#header {
	margin: 0 auto;
	display:inline-block;
	float:left;
	background: #262523 url(../images/top/bottom_bg.jpg) right bottom no-repeat;
	left:0px;
	top:0;
	bottom:0;
	position:absolute;
	width:185px;
	text-align:center;
}
#header .topmenu_containner {
	width: 100%;
	float: left;
	margin:5px 0px;

}
#header .topmenu {
    float: right;
}

#header .topmenu li {
    float: left;
	color:#a1a1a1;
}

#header .topmenu li a {
    color:#a1a1a1;
	font-size:10px;
	font-family:verdana;
	padding: 0 5px;
}

#header .logo {
	float: left;
	padding:30px 0px;
	background: url(../images/top/lefttop_bg.jpg) center top no-repeat;
	position: relative;
	z-index: 99;
	width:100%;
	text-align:center;
}

#header .logo a {
	display: inline-block;
}

ul#menu, ul#menu ul {
	list-style-type:none;
	margin: 0px 10px;
	padding: 0;
	position: relative;
	z-index: 9;
	left: 0px;
	top: 0px;
	display: inline-block;
	border-top: 1px solid #000;
	border-bottom: 1px solid #3c3b39;
}

ul#menu ul {
	border:none;
	padding-bottom: 15px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
	border-top: 1px solid #3c3b39;
	border-bottom: 1px solid #000;
	text-align: left;
}

ul#menu li a {
  color: #fff;	
  font-family:nanumgothic;
  font-size:14px;
  line-height: 40px;
  font-weight: bold;
  padding: 0 10px;
}

ul#menu li a:hover {
	
}

ul#menu li ul li {
	border:none;
}

ul#menu li ul li a {
	color: #747474;
	padding-left: 10px;
	font-size: 13px;
	font-weight:bold;
	line-height: 25px;
}

ul#menu li ul li a:hover,ul#menu li ul .current a {
  
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

#header .call {
	display: inline-block;
	margin: 0 auto;
	margin-top: 30px;
}
#header .call02 {
	display: inline-block;
	margin: 0 auto;
	margin-top: 10px;
}



#left_contents {
	width: 260px;
	background: #4f6726 url(../images/top/lefttop_bg02.jpg) center top no-repeat;
	position: absolute;
	left: 185px;
	top: 0;
	bottom: 0px;
}


#features {
	margin: 0 22px;
	margin-top: 50px;
	padding-bottom:25px;
	border-bottom: 1px solid #61763c;
	float:left;
	/*min-height:120px;*/
}

#preview {
	margin: 0 22px;
	margin-top: 20px;
	padding-bottom:20px;
	border-bottom: 1px solid #61763c;
	float:left;
	min-height:170px;
}
/* Slider */
#features .slider {position: relative;
height: 100px;
margin-top: 10px;
overflow: hidden;
}

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }


#preview .slick-slider img {height: 133px;}

#preview .content {height:143px;}
#preview .slider {position: relative;
margin: 10px 0px;
height: 133px;
}
#features .slider_nav {z-index:999;text-align:center;height: 8px;}
#features .slider_nav a {
display: inline-block;
text-indent: -1000em;
width: 17px;
height: 8px;
background: url(../images/top/nav_off.gif) 0 0 no-repeat;
margin: 0 3px;
}
#features .slider_nav a.activeSlide {
display: inline-block;
text-indent: -1000em;
width: 17px;
height: 8px;
background: url(../images/top/nav_on.gif) 0 0 no-repeat;
margin: 0 3px;
}
/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; display: none !important;}
/*.slick-prev:before { content: "\2190"; }*/

.slick-next { right: -25px; display: none !important;}
/*.slick-next:before { content: "\2192"; }*/


/* Arrows .banner */
.banner .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.banner .slick-prev:focus, .slick-next:focus { outline: none; }
.banner .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.banner .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.banner .slick-prev {z-index:99999 !important;left: -10px; display: block !important; background:url(../images/top/prev.png) left top no-repeat;width: 21px; height: 21px;}
/*.banner .slick-prev:before { content: "\2190"; }*/

.banner .slick-next {z-index:99999 !important; right: -10px; display: block !important; background:url(../images/top/next.png) left top no-repeat;width: 21px; height: 21px;}
/*.banner .slick-next:before { content: "\2192"; }*/

.banner .slick-dots { display:none !important;}

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots {
	position: relative;
	bottom: -15px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	/* left: 20px; */
	width: 100%;
	height: 7px;
	z-index: 999;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0px 3px;
	padding: 0px;
	cursor: pointer;
	/* float: left; */
	width: 17px;
}
.slick-dots li a {
	border: 0;
	background: #3f521e;
	display: inline-block;
	height: 3px;
	width: 17px;
	outline: none;
	font-size: 0;
	color: transparent;
	cursor: pointer;
	outline: none;
	bottom: 0;
	position: absolute;
	left: 0px;
}
.slick-dots li.slick-active a { background:red; display: inline-block; height: 7px;}



#disqus_thread{margin-top:20px;}
*{-moz-box-sizing:border-box;box-sizing:border-box;}
.button{background:#3498db;color:#fff;display:block;font-size:16px;margin:20px auto;padding:20px;text-align:center;text-decoration:none;width:48%;}
.buttons{padding:0 20px 20px; margin-bottom: 10px;}
.buttons .button{background:#FFF;color:#3498db;float:left;margin:5px;}
.center .slick-center h3{-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);color:#e67e22;opacity:1;transform:scale(1.08);}
.center h3{opacity:0.8;transition:all 300ms ease;}
.content{margin:auto;padding:0px;width:216px; }
.content:after,.buttons::after{clear:both;content:"";display:table;}
.destroy{font-weight:400;margin-top:40px;}
.features{display:block;list-style-type:none;margin-top:30px;padding:0;text-align:center;}
.features li{margin:20px 0;}
.filter .button{background:#FFF;color:#3498db; margin-bottom: 40px;}
.fixed-header{background:#FFF;box-shadow:2px 0 5px rgba(0,0,0,0.5);display:none;padding:10px;position:fixed;top:0;width:100%;z-index:10000;}
.fixed-header .header-content{margin:auto;width:600px;}
.fixed-header .subheading{display:none;}
.fixed-header h1.title{float:left;font-size:24px;margin:0;}
.fixed-header ul.nav{float:right;margin:0;padding:5px;}
.fixed-header ul.nav li{margin:0 0 0 10px;}
.header{padding:20px 0;}
.margin-40{margin-bottom:40px;}
.more,.button.first{margin-top:40px;}
.red{background:#e74c3c;color:#fff;}
.slick-slide .image{padding:10px;}
.slick-slide img{border:0; display:block;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{margin: 10px 0px;}
.subheading{color:#555;font-size:12px;font-style:italic;font-weight:400;margin:10px auto;text-align:center;}
.white{background:#fff;color:#3498db;}
.white pre,.white hr{background:#3498db;}

#preview .slick-slider{margin: 10px 0px;height:133px;}

#left_contents .banner02 {
	display: inline-block;
	margin: 20px auto;
	width: 100%;
	text-align: center;
}

#left_contents .banner02 ul li {
	margin: 5px 0px;
}

#left_contents .banner02 ul li a {
	display: inline-block;
}

#news_cast { 
	clear: both;
	margin: 0px 22px;
	padding: 20px 0px;
	display: block;
	border-bottom:1px solid #61763c;
}

#news_cast ul {
	margin-top: 20px;
	height: 40px;
	overflow: hidden;
}

#news_cast li{	
	width: 93% !important;
	font-size: 12px;
	font-weight: bold;
	color: #b6cd90;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#news_cast li a {
	color: #b6cd90;
	font-size: 12px;
	font-family: nanumgothic;
}

#news_cast .prev.nav_news{background-position: left top; margin-top: -43px;}
#news_cast .next.nav_news{ background-position: left bottom;margin-top: -22px;}
#news_cast .nav_news {
	position: absolute;
	height: 20px;
	width: 20px;
	right: 10px;
	margin-top: -7px;
	background: transparent url('../images/main/photo_arrows.png') no-repeat;
	right: 22px;
}


#header .footer {
    position: absolute;
	left:0px;
    bottom: 15px;
	color:#838383;
	text-align:left;
	margin:0px 15px;

}
#header .footer ul {
    margin: 0px 17px;
	display: inline-block;
	width:151px;
}
#header .footer ul li {
    float: left;
	display: inline-block;
}

#header .footer a{
    color:#838383;
	font-size:11px;
	font-family:nanumgothic;
	padding:0px 2px;
	line-height:15px;
	/*font-weight:bold;*/
	letter-spacing: -1px;
}

#header .footer ul li a.line {
	border-right:1px solid #838383;
}

#left_contents .footer {
	display: inline-block;
	float: left;
	position: absolute;
	left:0px;
	bottom: 15px;
	margin: 0 20px;
	font-size: 11px;
	letter-spacing:-1px;
	font-family: nanumgothic;
	font-weight: bold;
	line-height:16px;
	color:#9EB477;
	width: 216px;
}

#left_contents .footer .copyright {
	font-size: 9px;
	font-family: tahoma;
	font-weight: normal;
	color: #9EB477;
}

/***************************************/
/* skdslider */
/***************************************/

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; /*background:url('images/progress.gif') no-repeat center center;*/}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:443px; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url('images/progress.gif') no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

/* Controls Bar
----------------------------*/
#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:-500px; left:0; z-index:4; position:relative; }
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }

#navigation { float:right; margin:0px 20px 0 0; }
#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('images/bg-hover.png') repeat-x 0 44px; }
#play-button:hover{ background-position:0 1px; cursor:pointer; }

#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
#prevslide{ left:10px; background:url('images/back.png'); }
#nextslide{ right:10px; background:url('images/forward.png'); }
#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }

ul#slide-list{ padding:15px 0; float:left; position:absolute; left:48%; }
ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
ul#slide-list li a{ display:block; width:12px; height:12px; background:url('images/nav-dot.png') no-repeat 0 -24px; }
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }

#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url('images/bg-hover.png') repeat-x 0 44px; }
#tray-button:hover{ background-position:0 1px; cursor:pointer; }


/* Progress Bar
----------------------------*/
#progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url('images/progress-back.png') repeat-x; }
#progress-bar{ position:relative; height:8px; width:100%; background:url('images/progress-bar.png') repeat-x; }


/* Thumbnail Navigation
----------------------------*/
#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }


/* Thumbnail Tray
----------------------------*/
#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url(images/bg-black.png); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }

#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
#thumb-back{ left:0; background: url('images/thumb-back.png') no-repeat center center;}
#thumb-forward{ right:0; background:url('images/thumb-forward.png') no-repeat center center;}
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }


ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }



/***************************************/
/* sub */
/***************************************/

#sub_containner {
	margin-left: 445px;
	height: 100%;
	width: 720px;
	background: #fff;
}

#sub_containner_inner {
	width: 720px;
	float: left;
	position:relative;
	background: #fff;
	min-height: 100%;
}


#sm {
	float: left;
	width:230px;
}

#sm ul li {
	line-height: 30px;
	height: 30px;
}

#sm .smtitle {
	padding: 30px 20px;
	height: 54px;

}

#sm ul li a {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: bold;
	padding-left: 20px;	
	font-size: 13px;
	height: 30px;
	width: 210px;
	display: inline-block;
}

#sm .sm_on {
	background: url('../images/pension/sm_onbg.png') left top repeat;
	color: #000;
	
}

#sm .sm_off {
	color: #fff;
}

#sub_containner .sub_contants {
	float: left;
	position: relative;
	margin: 0px 20px;
	padding-bottom: 60px;
	width: 680px;
}

#sub_containner .sub_contants a {
	
}


#sub_title {
	display: inline-block;
	margin: 30px 20px;
	position: relative;
	width: 680px;
	float:left;
	height: 36px;
}
#sub_title h2 {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: bold;
	font-size: 27px;
	padding-bottom: 5px;
	border-bottom: 0px solid #4f6726;
	display: inline-block;
}

#sub_title h2 span {
	font-size: 18px;
	font-weight: normal;
	font-family: verdana;
	color: #bbb;
	margin-left: 10px;
	display: inline-block;
	position: relative;
	bottom: -4px;
}


#sub_title ul.navi {
	position: absolute;
	top: 0px;
	right: 0px;
	display: inline-block;
}

#sub_title .navi span {
    color: #959595;
    font-size: 11px;
    font-family: 'dotum';
	display: inline-block;

}




/***************************************/
/* 게시판 */
/***************************************/

.t1 .title {
	font-family: nanumgothic;
    font-weight: bold;
    background: #eee;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
	color:#444;
	padding: 5px 0px;
	font-size: 14px;
}

.title02 {
    font-family: nanumgothic;
    font-weight: normal;
}

table.t2 {
    
}


table.t3 {
    padding:10px;
	background: url(../images/bbs/borad_bg.png) left top repeat;
	margin-bottom: 10px;
	margin-top:5px;
}

.t3 td, .t3 td p {
	color: #000;
}

#sub_containner .sub_contants .t3 td p a {
	color: #000;
}

.t4_list .title {
    font-family: nanumgothic;
    font-weight: bold;
    background: #eee;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
	color: #444;
}

.t5 td {
	padding: 3px 0px;
	border-bottom: 1px solid #999;
}

.border_none td { border:none; /*border-bottom: 1px solid #aaa; padding: 5px 0px;*/}

.search_box {
	margin: 0 auto;
}


#sub_containner .sub_contants .button01 {
	background-color: #333;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: normal;
	width: 80px;
	text-align: center;
	border: 1px solid #2a2a2a;
	padding: 5px 0px;
	margin:1px;
}
#sub_containner .sub_contants .button01:hover {
	background-color:#222;
}
#sub_containner .sub_contants .button01:active {
	position:relative;
	top:1px;
}

.fieldname {
	color:#ffffff;
	font-size:13px;
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: bold;
}

.fieldname2{
	color:#555;
	font-size:13px;
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: bold;
}

.reservation_01 {
	border-bottom: 1px solid #E74756;
}

.reservation_title {
	border-top: 2px solid #E74756;
	border-bottom: 1px solid #333;
	padding: 5px 0px;
	background: #444;
}

.reservation_info td {
	padding: 0px 5px;
}

.reservation_02 h3 {
	font-family: nanumgothic;
	font-size: 18px;
	font-weight: bold;
	color: #00645e;
	margin-bottom: 15px;
	background:url(../images/reservation/stitle_icon01.png) left center no-repeat;
	line-height:25px;
	padding-left:40px;
}

.reservation_02 h4 {
	font-family: nanumgothic;
	font-size: 18px;
	font-weight: bold;
	color: #00645e;
	margin-bottom: 15px;
	background:url(../images/reservation/stitle_icon02.png) left center no-repeat;
	line-height:25px;
	padding-left:45px;
}

.reservation_02 h3 span {
	font-family: nanumgothic;
	font-size: 11px;
	font-weight: normal;
	color: #888;
	display: inline-block;
	margin-left: 10px;
}


.res_chk {
	background:url('../images/reservation/res_chk_bg.png') left top no-repeat;
	height:228px;
}

#sub_containner .sub_contants .reservation_tab_containner {
	border-bottom:0px solid #666;
}
#sub_containner .sub_contants .reservation_tab a {
    background: #444;
    padding: 10px 25px;
    display: inline-block;
    font-family: nanumgothic;
    font-size: 12px;
	color:#eee;
}

#sub_containner .sub_contants .reservation_tab a.on {
    background: #A70000;
	color:#fff;
	font-weight:bold;
}

.reservation_03 {margin-bottom:20px; border-top:2px solid #333;}

.reservation_03 th {
    background: #eee;
    padding: 5px 0px;
    text-align: center;
    font-family: nanumgothic;
    font-size: 13px;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	color: #444;
	font-weight: bold;
}
.reservation_03 td {
    background: #fff;
    padding: 5px 0px;
    text-align: center;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	color:#555;
}
.reservation_03 th.title02 {
    background: #f5f5f5;

}

.reservation_03 th span {
	font-size: 10px;
	display: inline-block;
	font-family: tahoma;
}

.reservation_03 td.line_none {
	border-right: none;
}

.reservation_03 th.line_none {
	border-right: none;
}


.reservation_inner {
	margin-bottom: 20px;
}

.reservation_inner td {
	font-size: 12px;
	padding: 0px 5px;
	color: #555;
	line-height: 22px;
	font-weight: bold;
}

.reservation_inner td strong {
	font-weight: bold;
	font-size: 13px;
	color: #FF5C00;
}
.reservation_inner td .size16{font-size:18px; color:#FF5C00;    line-height: 24px; }

.reservation_inner02 {
	margin-bottom: 20px;
	margin-top:20px;
}

.reservation_inner02 td {
	font-size:13px; 
	padding: 0px 5px;
	color:#555;
	line-height: 22px;
}

.reservation_inner02 td span.color01 {
	color:red;
	font-size:13px;
	font-weight:bold;
}

.reservation_inner02 td span.color02 {
	color:blue;
	font-size:13px;
	font-weight:bold;
}

.reservation_inner02 td strong {
	font-weight: normal;
	font-size: 11px;
	color: #ff0000;
}

.today_txt {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
}


#sub_containner .sub_contants .reservation_04 td, #sub_containner .sub_contants .reservation_04 td table td a {
	color: #444;
}

#sub_containner .sub_contants .reservation_04 td {
    border-right: 1px solid #9eb874;
    border-bottom: 1px solid #9eb874;
}

#sub_containner .sub_contants .reservation_04 td table td a {
	font-size: 11px;
}

#sub_containner .sub_contants .reservation_04 td table td {
	border:none;
	text-align: center;
	font-size: 11px;
	padding: 5px 0px;
}
.month {
	margin-bottom: 10px;
}
.month td {
	font-family: nanumgothic;
	font-weight: bold;
	font-size: 20px;
	color: #000;
	vertical-align: middle;
}

.month td .month_btn {
	margin: 0 10px;
}
.reservation_05 {margin-bottom:20px; border-top:2px solid #333; border-left:1px solid #cacaca;}

.reservation_05 th {
    background: #eee;
    padding: 5px 0px;
    text-align: center;
    font-family: nanumgothic;
    font-size: 13px;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	color: #444;
	font-weight: bold;
}
.reservation_05 td {
    background: #fff;
	padding: 3px;
	text-align: center;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	color: #555;
	font-weight: normal;
}
#sub_containner .sub_contants .reservation_05 a { 
	color:#888;
	font-size:11px;
	line-height: 18px;
}

#sub_containner .sub_contants .reservation_05 a:hover { 
	color:#444;
	font-size:11px;
}


#sub_containner .sub_contants .reservation_05 font {
	font-size: 11px;
}

.reservation_05 th.title02 {
    background: #f5f5f5;

}

.reservation_05 th span {
	font-size: 10px;
	display: inline-block;
	font-family: tahoma;
}

.reservation_05 td table td {
	border: none;
}



.reservation_06 {margin-bottom:20px; border-top:2px solid #333; border-left:1px solid #cacaca;}

.reservation_06 th {
	background: #eee;
    padding: 5px 20px;
    text-align: center;
    font-family: nanumgothic;
    font-size: 13px;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	color: #444;
	font-weight: bold;
}
.reservation_06 td {
    background: #fff;
	padding: 5px 5px;
	text-align: left;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	color: #555;
	font-weight: bold;
}
.reservation_06 th.title02 {
    background: #f5f5f5;

}

.reservation_06 th span {
	font-size: 10px;
	display: inline-block;
	font-family: tahoma;
}




/***************************************/
/* 서브페이지 */
/***************************************/
#pre01 h3 span {
	color: #5C9200;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 13px;
	margin-right: 5px;
	margin-left: 0;
}

#pre01 h3 {
	font-family: nanumgothic;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	margin-bottom: 15px;
	background: none;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#pre01 h4 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #444;
	margin-left: 5px;
	float: left;
}

#pre01 h4 span.ff6600 {
	color: #ff6600;
}

.gv_galleryWrap {
	float: left;
}


#special .special_box {
	width: 100%;
	display: inline-block;
	float: left;
	margin-bottom: 60px;
}

#special h3 span {
	color: #5C9200;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 13px;
	margin-right: 5px;
	margin-left: 0;
}

#special h3 {
	font-family: nanumgothic;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	margin-bottom: 15px;
	background: none;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}


#special div.special_box p {
	float: left;
	display: inline-block;
}

#special div.special_box p.text {
	width: 360px;
	float: right;
	font-size: 12px;
	line-height: 18px;
}

div.tabs {
	margin-top: 50px;
}

.tabs ul {
	width: 100%;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
	border-bottom:1px solid #666;
}


.tabs ul li {
	float: left;
	text-align: center;
	background: #ddd;
	border: 1px solid #666;
	border-right: 0px;
	border-bottom: 0px;
}

.tabs ul li a {
	font-weight:bold;
	font-size: 11px;
	padding: 10px 26px;
	display: inline-block;
}

.tabs ul li.last {
	border-right: 1px solid #666;
}

.tabs ul li.on {
	background: #A70000;
}

.tabs ul li.on a {
	color:#fff;
}

#pre01 .reservation_03 {
	margin-top: 0px;
}

#pre01 .reservation_03 th span {
	color:#eee;
}

#pre02 .tabs ul li {
	float: left;
	text-align: center;
	background: #ddd;
	border: 1px solid #666;
	border-right: 0px;
	border-bottom: 0px;
	width:auto;
}

#pre02 .tabs ul li a {
	font-size:11px;
	padding: 10px 13px;
}

#pre02 .tabs ul li.last {
	border-right: 1px solid #666;
}

#pre02 .tabs ul li.on {
	background: #A70000;
}

#pre03 > div.map_fla {
	margin-bottom: 30px;
}

.preview_01 h3 {
	font-family: nanumgothic;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
}
.preview_main {margin:0 auto;}
.preview_main td {text-align:center;}

.preview_main td.bot01 {
	text-align: right;
}

.preview_main td.bot02 {
	text-align: left;
}
.preview_main a {width:206px; height:206px; display:inline-block; margin: 10px;}

.preview_main a.bon {background:url('../images/preview/previewmain_img01.png') left center no-repeat;}
.preview_main a.bon:hover {background:url('../images/preview/previewmain_img01_on.png') left center no-repeat;}

.preview_main a.byul {background:url('../images/preview/previewmain_img02.png') left center no-repeat;}
.preview_main a.byul:hover {background:url('../images/preview/previewmain_img02_on.png') left center no-repeat;}

.preview_main a.byul_02 {background:url('../images/preview/previewmain_img03.png') left center no-repeat;}
.preview_main a.byul_02:hover {background:url('../images/preview/previewmain_img03_on.png') left center no-repeat;}

.preview_main a.exterior {background:url('../images/preview/previewmain_img04.png') left center no-repeat; margin-top:30px;}
.preview_main a.exterior:hover {background:url('../images/preview/previewmain_img04_on.png') left center no-repeat;}

.preview_main a.outside {background:url('../images/preview/previewmain_img05.png') left center no-repeat; margin-top:30px;}
.preview_main a.outside:hover {background:url('../images/preview/previewmain_img05_on.png') left center no-repeat;}

.exterior_tab {
	margin-right: 12px;
}


#sub_containner .sub_contants .button02 {
	background-color: #C73225;
	border: 1px solid #A01313;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:dotum;
	font-size:11px;
	padding:3px 5px;
	text-decoration:none;
}
#sub_containner .sub_contants .button02:hover {
	background-color:#C73225;
}
#sub_containner .sub_contants .button02:active {
	position:relative;
	top:1px;
}



#sub_containner .sub_contants .button03 {
	background-color: #9B9B9B;
	border: 1px solid #969696;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: dotum;
	font-size: 11px;
	padding: 3px 5px;
	text-decoration: none;
}
#sub_containner .sub_contants .button03:hover {
	background-color: #9B9B9B;
}
#sub_containner .sub_contants .button03:active {
	position:relative;
	top:1px;
}



#sub_containner .sub_contants .button04 {
	background-color: #C73225;
	border: 1px solid #A01313;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:dotum;
	font-size:11px;
	padding:3px 0px;
	width:60px;
	text-decoration:none;
	text-align:center;
}
#sub_containner .sub_contants .button04:hover {
	background-color:#C73225;
}
#sub_containner .sub_contants .button04:active {
	position:relative;
	top:1px;
}

#sub_containner .sub_contants .button05 {
	background-color: #2573C7;
	border: 1px solid #1357A0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:dotum;
	font-size:11px;
	padding:3px 0px;
	width:60px;
	text-decoration:none;
	text-align:center;
}
#sub_containner .sub_contants .button05:hover {
	background-color:#2573C7;
}
#sub_containner .sub_contants .button05:active {
	position:relative;
	top:1px;
}

.join_table01 td {
	border-bottom:1px solid #2f2f2f;
	padding: 3px 0;
	padding-left: 10px;
	font-size:11px;
	background: #333;
	
}

.join_table01 .title02 {
	background: #222;
	padding-left: 10px;
}


.map_box {
	padding: 10px;
	background: #444;
	border: 1px solid #333;
	font-size: 11px;
	line-height: 16px;
	margin: 5px;
	color:#aaa;
	text-align:left;
}

.map_api {
	border: 2px solid #666;
}

.sitemap_link {
	margin-left: 5px;
}

.sitemap_link a {
	font-size:11px;
}


.site_map h3 {
	font-family: nanumgothic;
	font-size: 15px;
	font-weight: bold;
	color: #ffff00;
	margin-top: 10px;
	margin-bottom: 5px;
	background:url('../images/title_icon02.png') left center no-repeat;
	padding-left: 10px;
	text-align:left;
}
.site_map h3 span {
	font-family: nanumgothic;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	margin-left: 10px;
}

/***************************************/
/* 로그인 */
/***************************************/

.membership {
	margin: 0 auto;
	display: inline-block;
}

.membership #agree_check_container label { width:auto; font-weight:normal}
#member_login_page b{ font-weight:bold;}
#agree_form, #setupform{margin: 20px 20px 60px 20px;}
/*
#membership_signup label{ width:115px}
.membership .membership_signup #setupform label { width: 115px; text-align: right;  margin: 0;   padding: 10px;   background-color: #f5f5f5;    border-right: 1px solid #ddd;}
.membership .membership_signup #setupform p {border: 1px solid #DDD; border-bottom: none; text-align: left; clear:both; float: left; width: 100%;}
.membership .membership_signup #setupform input{border: 1px solid #BBB;padding: 2px 6px; width:110px; margin-left:10px}
*/
.membership #setupform span.error { color:red }
.membership #setupform p.submit { border:none; padding-top:20px}
.membership #setupform p.submit input{ margin: 0 5px; cursor:pointer; background-color: #65A7CE; border: 2px solid #6195B3; font-weight:bold; border:1px solid #ddd; display:inline-block; padding: 10px 0px; text-align:center; width:90px; color:#fff}
.membership #setupform p.submit input:hover{ background-color: #65A7CE; color:#fff; }

#registration_result{ width:560px; border:3px solid #D7E9BD;; padding:20px; text-align:center; margin:20px auto; background-color:#F0FDDC}
#registration_result h2 { padding-bottom:10px}
#registration_result strong{ font-weight:bold;}

/* MEMBERSHIP */
#header_user_welcome, #header_user_welcome span { color:#333}
.membership #content_container { width: 740px; float: right; margin-bottom:0}
.membership #sm_title {padding: 20px 30px 0 30px;color: #777;font-size: 15px;font-weight: bold;}
.membership p{ margin-bottom:0; line-height: normal; text-align: left;}
.membership #subtitle, .membership #subtitle span{ font-size:40px; font-weight:bold; text-align:center;font-family: helvetica;}
.membership #subtitle{color: #D5D5D5;padding-top: 20px;}
.membership #subtitle span{ color:#999}
.membership #login_form_container {padding: 20px 30px 20px 310px;border: 1px solid #444;margin: 20px auto;background: #333 url('../images/assign/member_login_bg.png') no-repeat 20px 5px scroll;float: left;width:348px;min-height: 130px;}
.membership  #loginform{ /* border-top:1px dashed #ddd ;*/ border-bottom:1px dashed #ddd; padding: 10px 0;margin-bottom: 10px;float: left;width: 100%;margin-top: 20px;}
.membership  #loginform fieldset{ float:left}
.membership label {width: 100px;display: inline-block;font-weight:bold;color:#fff; font-family:nanumgothic;}
.membership .forgetmenot label{ font-weight:normal;}
.membership #login_mini_title {padding: 20px 0px 0px 0px;font-weight: bold;font-size: 16px;color: #65A7CE;}
.membership .login_side_action p{ float:left;}
.membership .login_side_action a { float:right;}
.membership .login_side_action a { display: inline-block;float: right;text-align: center;background-color: #999;color: white;font-size: 11px;font-weight: normal;padding: 0 10px;width: 80px;height: 20px;line-height: 20px; border:none;}
.membership .login_side_action a:hover { background-color: #666;}
.membership .login_side_action { float: left; width: 100%}
.membership .login_side_action p {  padding-bottom: 6px; color: #888; font-size: 11px;height: 20px;line-height: 20px;width:245px;text-align: left;}
.membership #member_login_page p {color: #eee;text-align:center;vertical-align:middle; }
.membership #loginform p{ margin-bottom:4px}
.membership #user_login, .membership #user_pass  {background-color: #f5f5f5;border: 1px solid #CCC;padding: 5px 10px;font-weight: bold;color: #444;width:130px;}
.membership .login_side_action{ clear:both}
.membership #wp-submit {padding: 20px 0;-webkit-appearance: none;background-color: #65A7CE;border: 2px solid #6195B3;font-weight: bold;color: white;width: 80px;margin-left: 10px; cursor:pointer; font-family:nanumgothic;}
/*.membership .membership_signup #setupform p#user_address_container label {height: 66px;float: left;}
.membership .membership_signup #setupform p#user_freeword_container label {height: 60px;float: left;}
.membership .membership_signup #setupform p#user_freeword_container textarea { margin: 6px 14px; width:380px; border: 1px solid #BBB;padding: 2px 6px; height: 60px;}
.membership .membership_signup #setupform input#zip {width: 43px; margin:4px 14px 2px 14px}
.membership .membership_signup #setupform input#address { width:200px; margin:2px 14px}
.membership .membership_signup #setupform input#address_more { width:200px; margin:2px 14px 4px 14px}
*/

/*LOST ID PASSWORD*/
#lostpasswordform{ margin-top:10px; border:1px solid #ccc; position:relative; padding:20px 0; margin: 30px 60px;}
.membership #lostpasswordform #user_email_container{ text-align:center}
.membership #lostpasswordform label{width: 190px;}
.membership #lostpasswordform #wp-submit {padding: 5px 0;width: 100px; cursor:pointer}

.membership p.sbumit {
    float: right;
}

#login_form_container > form > fieldset {
    display: inline-block;
    float: left;
    width: 256px;
}

#login_form_container > form {
    margin-bottom: 20px;
}


p.user_login_container span, p.user_pass_container span {
	width: 60px;
	display: inline-block;
	font-weight: bold;
	color: #fff;
	font-family: nanumgothic;
}


#uploding {
	display:none;
	position: absolute;
	z-index: 100;
	top: 260px;
	width: 180px;
	height: 45px;
	text-align: center;
	background-color: #222;
	padding-top: 15px;
	color: #B1B1B1;
	font-size: 12px;
	margin-left:-90px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}
#uploding img {
    vertical-align: middle;
    margin-right: 7px;
}

#intro img.txt_img {
	margin-top: 30px;
}

#intro p {
	line-height: 22px;
	margin-top: 30px;
	font-weight:bold;
}

#intro p .ceo {
	float: right;
	margin-top: 50px;
}

.map_01 {
	width: 100%;
	margin-top: 50px;
	padding:0;
	border-top:2px solid #4f6726;
}

.map_01 th {
	width: 25%;
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
	background: #eee;
	font-weight:bold;
}

.map_01 td {
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
	padding-left:15px;
}
td.intro_map {
    line-height: 25px;
}

.map {
	width: 100%;
	float: left;
	padding-top: 30px;
}
.map_title {
	padding-bottom: 20px;
}
.map_con {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 30px;
}
.map_stitle {
	padding-bottom: 10px;
}
#special .special_text {
text-align: center;
padding-bottom: 20px;
}
#preview_stxt {
clear: both;
width: 100%;
float: left;
margin-top: 20px;
}
#preview_stxt h3 {
font-family: nanumgothic;
font-size: 16px;
font-weight: bold;
color: #555;
margin-bottom: 15px;
background: none;
text-align: left;
padding: 0px;
margin: 0px;
margin-bottom: 20px;
}
#preview_stxt h3 span {
color: #5C9200;
font-family: Helvetica;
font-weight: bold;
font-size: 13px;
margin-right: 5px;
margin-left: 0;
}
.escrow_banner {padding-top:30px; text-align:center;}