@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: 14px;
	font-family: inherit;
	font-family: NanumGothic, Arial, Helvetica, sans-serif;
	color:#666;
	line-height:160%;
}
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 {border:none; /*background:#000;*/}



.location { border-top:1px solid #999; border-bottom:1px solid #999; padding:20px 0; margin-bottom:20px; width:300px; }

h3 {
	font-family: nanumgothic;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
	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: #000;
	display: inline-block;
	margin-left: 10px;
}

.map_title { font-size:18px;  font-weight:bold; display:block;  border-bottom:1px solid #999; margin:5px 20px 20px 0; padding:10px 0;}

.wrap{ width:1200px; margin:0 auto;}

#main_containner {
	height: 590px;
	border: 0px solid red;
	margin: 30px auto;
	position:relative;
}

#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;
	position: relative;
	margin: 0 auto;
}


#footer_inner {
	clear:both;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -khtml-opacity: 0.90;
    -moz-opacity: 0.90;
    opacity: 0.90;
	color:#d1d1d1;
	font-size: 11px;
	font-family: 'dotum';
	position: relative;
	margin-bottom: 10px;
	display: inline-block;
	line-height:160%;
	padding:30px;
}

#footer_inner ul {
    /*width: 100%;*/
    display: inline-block;
	float:left;
	width: 775px;
}

#footer_inner ul li {
    float: left;
    margin: 0 20px 0 0px;
	font-size: 11px;
	font-family: 'dotum';
	color:#EBEBEB;
}

#footer_inner ul li a {
	font-size: 11px;
	font-family: 'dotum';
	color:#EBEBEB;
	text-decoration: none;
}

#footer_inner p {
	float:left;
}

#footer_inner p, #footer_inner p a {
	font-size: 11px;
	font-family: 'dotum';
	color:#d1d1d1;
	text-decoration: none;
	margin-top: 20px;
	line-height: 16px;
}

#footer .bottom_logo {
	float: left;
	margin-left: 30px;
	margin-top: 5px;
	margin-right: 40px;
}


#footer_inner .qrcode {
    position: absolute;
	right: 10px;
	top: 10px;
}

#footer_inner .qrcode img {
    width: 90px;
}

/***************************************/
/* header */
/***************************************/

#header {
	width: 100%; 
	margin: 0 auto;
	background:#353535;
	height:120px;
	display:inline-block;
}
#header .topmenu_containner {
	width: 100%;
	float: left;
	margin:10px 0px;
	position:relative;
}
#header .topmenu {
    float: right;
	position:absolute;
	top:10px;
	right:0;
	z-index:999999;
	
}

#header .topmenu li {
    float: left;
	color:#808080;
	
}

#header .topmenu li a {
    color:#929292;
	font-size:10px;
	font-family:verdana;
	padding: 10px 5px 10px 20px;
	font-family:"verdana";
	display:inline-block;
}

#header .topmenu li a:hover {  }

#header .logo {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	
}

.logo img {

}

ul#menu {
	margin: 48px 0;
	padding: 0;
	float: right;
	list-style: none;
	position: relative;
	
	
}
ul#menu li {
	float: left;
	margin: 0; padding: 0;
}
ul#menu li a {
	padding: 10px 30px;
	display: block;
	color: #b6b5b5;
	text-decoration: none;
	height: 36px;
	font-size:16px;
	font-weight:bold;
}

ul#menu li:last-child a {padding: 10px 0 10px 30px;}
ul#menu li a:hover {color: #fff; }
ul#menu li span {
	float: left;
	padding: 12px 20px 12px 20px ;
	position: absolute;
	left: 0;
	top:44px;
	display: none;
	color: #fff;
	background:#fff;
	z-index:999;
	border:1px solid #333;
}

ul#menu li:hover span { display: block; }
ul#menu li span a { display: inline; font-family: 'NanumGothic'; font-style: normal; font-weight: bold; font-size:13px; padding: 10px 10px;}
ul#menu li span a:hover {text-decoration: none; color:#ff821d;}

ul#menu li span.submenu02 {
    left: 20px; width: 690px;
}
ul#menu li span.submenu03 {
    left: 400px;
}
ul#menu li span.submenu04 {
    left: 289px;
}
ul#menu li span.submenu05 {
   left:352px;
}



/***************************************/
/* 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:0; 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 {
	
	
}

#sub_containner_inner {
	width:1200px;
	background:blue;
	float: left;
	min-height:640px;
	background: #000;
	display:inline-block;
	padding-bottom: 30px;
    background: url('../images/common/sub_bg.png') left top repeat;

	margin: 40px 0;
		


}


#sm {
	float: left;
	width:180px;
	margin-left:30px;

}

#sm ul li {
	line-height: 30px;
	height: 40px;
	
	
}

#sm .smtitle {
	padding: 36px 0px;
	height:120px;

}

#sm ul li a {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: bold;
	padding-left:0px;	
	font-size: 13px;
	height: 30px;
	width: 162px;
	display: inline-block;
	font-size:15px;
	padding:6px 6px 6px 15px;
	
}

#sm .sm_on {
	background: url('../images/pension/sm_onbg00.png') left top repeat;
	background:#565656;
	color: #fff;
	
}

#sm .sm_off {
	color: #333;
}

#sub_containner .sub_contants {
	float: left;
	margin-left:30px;
	width:900px;
	padding-right: 20px;
	padding-left:33px;
	color:#353535;
	position: relative;
	background: url('../images/common/cont_b.png') left top repeat-y;
}

#sub_containner .sub_contants a {

}


#sub_title {
	display: inline-block;
	margin-top:40px;
	width: 100%;
	position: relative;
	background:url('../images/common/stitle.png') left 45px no-repeat;
	height: 61px;
	margin-bottom: 50px;
}
#sub_title h2 {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: bold;
	font-size: 27px;
}

#sub_title ul.navi {
	position: absolute;
	top: 0px;
	right: 0px;
}

#sub_title .navi span {
    color: #959595;
    font-size: 11px;
    font-family: 'dotum';

}




/***************************************/
/* 게시판 */
/***************************************/

.t1 .title {
	font-family: nanumgothic;
    font-weight: bold;
    background: #d1d1d1;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.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: #d1d1d1;
	padding:4px 0;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}


.t5 td {
	padding: 6px 0px;
	border-bottom: 1px solid #999;
}

.border_none td { border:none; }

.search_box {
	margin: 0 auto;
}


.button01 {
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#333;
	font-size:11px;
	text-decoration:none;
	font-family: 'dotum';
	text-align: center;
	border:1px solid #999;
	padding: 6px 8px;
	border-radius:2px;
}


.button01_new {
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	font-family: 'dotum';
	text-align: center;
	border:1px solid #999;
	padding: 6px 8px;
	border-radius:2px;
}






.fieldname {
	color:#ffffff;
	font-size:13px;
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: bold;
}

.fieldname2{
	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: #d1d1d1;
}

.reservation_info td {
	padding: 0px 5px;
}

.reservation_02 h3 {
	font-family: nanumgothic;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
.reservation_02 h3 span {
	font-weight: normal;
	display: inline-block;
	margin-left: 10px;
}

#sub_containner .sub_contants .reservation_tab_containner {
}
#sub_containner .sub_contants .reservation_tab a {
    background:#fff;
    padding: 10px 5px;
    display: inline-block;
    font-family: nanumgothic;
    font-size: 14px;
	color:#333;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	margin:0 2px 20px 2px; 
	min-width:112px;
	text-align:center;
	font-weight:bold;
}

#sub_containner .sub_contants .reservation_tab a.on {
    background: #666;
	color:#fff;
	font-weight:bold;
}

.reservation_03 {margin-bottom:20px; border-top: 1px solid #d1d1d1;}

.reservation_03 th {
    background: #fffdea;
    padding: 6px 0px;
    text-align: center;
    font-family: nanumgothic;
	border-right: 1px solid #d1d1d1;
	
	border-bottom: 1px solid #d1d1d1;
}
.reservation_03 td {
    background: #fff;
    padding: 10px 0px;
    text-align: center;
	border-bottom: 1px solid #d1d1d1;
}
.reservation_03 th.title02 {
    background: #fffdea;

}

.reservation_03 th span {
	font-size: 10px;
	display: inline-block;
	font-family: tahoma;
}


.reservation_inner {
	margin-bottom: 20px;
}

.reservation_inner td {

	padding: 10px 0;

}

.reservation_inner td strong {
	font-weight:bold;
	
}

#sub_containner .sub_contants .reservation_04 td, #sub_containner .sub_contants .reservation_04 td table td a {
	color: #d1d1d1;
}

#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 {
}

#sub_containner .sub_contants .reservation_04 td table td {
	border:none;
	text-align: center;
	padding: 5px 0px;
}

.reservation_05 {margin-bottom:20px}

.reservation_05 th {
    background: #818181;
    padding: 3px 0px;
    text-align: center;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color:#fff;
	font-weight:bold;
}
.reservation_05 td {
    background: #fff	 ;
    padding: 5px 0px;
    text-align: center;
	border-bottom: 1px solid #d1d1d1;
	color:#000;
font-size: 14px;
}
#sub_containner .sub_contants .reservation_05 a { color:#000; font-size:13px;}
#sub_containner .sub_contants .reservation_05 font {
	font-size: 13px;
}

.reservation_05 th.title02 {
    background: #d1d1d1;

}

.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: 1px solid #d1d1d1;}

.reservation_06 th {
    background: #fffdea;
    padding: 8px 0px;
    text-align: center;
    font-family: nanumgothic;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #000;
}
.reservation_06 td {
    background: #fff;
    padding: 10px 0 10px 10px;
    text-align: left;
	border-bottom: 1px solid #d1d1d1;
	color: #000;
}
.reservation_06 th.title02 {
    background: #d1d1d1;

}

.reservation_06 th span {
	font-size: 10px;
	display: inline-block;
	font-family: tahoma;
}




/***************************************/
/* 서브페이지 */
/***************************************/

#pension {
	height: 555px;
	line-height: 20px;
	display: inline-block;
	width: 900px;
	float:left;
}

#pension img {
	margin: 0px 0px 30px 0px;
}

#pension img.sign {
	margin-top: 20px;
}

span.color72c8ff {
	color: #72c8ff;
}


span.color88cf2c {
	color: #88cf2c;
}


span.colorffa800 {
	color: #ffa800;
}

span.color00f6ff {
	color: #00f6ff;
}

.special_inner {
}


.special_inner td {
	padding: 10px 5px 10px 0px;
	text-align: left;
}


.thema {
	margin-bottom: 30px;
}

.thema .thema_title {
    padding-bottom: 10px;
}

.thema .thema_title strong {
  font-weight:bold; 
  font-size:16px; 
  color:#000
}
.thema .thema_inner {
	padding-left:20px;
	vertical-align: top;
}
.thema .thema_inner span, #sub_containner .sub_contants .thema .thema_inner span a {
    font-size: 11px;
    color: #bbb;
	display: inline-block;
	padding-top: 5px;
}



.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;
}


.button02 {
	background-color: #C73225;
	border: 1px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:dotum;
	font-size:11px;
	padding:3px 5px;
	text-decoration:none;
	display:inline-block;
}
.button02:hover {
	background-color:#C73225;
}
.button02:active {
	position:relative;
	top:1px;
}



.button03 {
	background-color: #2573C7;
	border: 1px solid #1357A0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:dotum;
	font-size:11px;
	padding:3px 5px;
	text-decoration:none;
}
.button03:hover {
	background-color:#2573C7;
}
.button03:active {
	position:relative;
	top:1px;
}



.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;
}
.button04:hover {
	background-color:#C73225;
}
.button04:active {
	position:relative;
	top:1px;
}

.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;
}
.button05:hover {
	background-color:#2573C7;
}
.button05:active {
	position:relative;
	top:1px;
}

.join_table01  {
border-top:1px solid #2f2f2f; }

.join_table01 td {
	border-bottom:1px solid #e0e0e0;
	padding: 10px;
	background: #fff;
	
}

.join_table01 .title02 {
	background: #fbfbeb;
	padding-left: 10px;
}


.map_box {
	padding: 10px;
	background: #fff;
	border: 1px solid #d1d1d1;
	font-size: 11px;
	line-height: 16px;
	margin: 5px;
	color:#666;
	text-align:left;
}

.map_api {
	border: 0px solid #666;
}

.sitemap_link {
	margin-left: 5px;
}

.sitemap_link a {
	font-size:11px;
	color:#333
}
.sitemap a:link {
	color:#333
}

.site_map h3 {
	font-family: nanumgothic;
	font-size: 15px;
	font-weight: bold;
	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-weight: normal;
	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 p{ font-weight:bold; color:#000}
#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;  }

#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 #d1d1d1;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: #d1d1d1;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;
}


.re_search { border-top:1px solid #333;
	font-size:14px; 
	border-bottom:1px solid #333;
	padding:20px 0;
	background:#fff;
	}