@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
 
 
@font-face {
  font-family: 'ng700';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'ng800';
  font-style: normal;
 
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
 

/* Common */ 

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{padding:0; margin:0;} 
body {margin:0; padding:0; overflow-x:hidden; *overflow-Y;}
html {margin:0; padding:0} 
* {font:13px/1.5 '³ª´®°íµñ', NanumGothic, 'Nanum Gothic', 'simsun'; color:#282828; line-height:150%} 
img,fieldset,button {border:0; vertical-align:middle} 
hr, button img{display:none}
ol,ul,li {list-style:none; border:0}  
em,address{font-style:normal} 
a{text-decoration:none} 
a:hover,a:active,a:focus{text-decoration:none} 
option {padding-right:6px} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0} /* For Screen Reader */
table {border:0 none ; border-spacing: 0; border-collapse: collapse} 
textarea {overflow:auto} 
q:before , q:after , blockquote:after , blockquote:before {content : " "}
blockquote. q{quotes: "" ""}  
input {height:20px; font-size:11px; color:#000000; padding:2px 2px 0px 2px; _margin-top:-1px; vertical-align:middle}  
select {vertical-align:middle} 





/* Layout */  
#wrap {width:100%; height:100%;}  

	#header {width:100%; height:109px;} 
		#gnb {width:100%; background:url("/html/images/comm/bg_gnb.png") top center repeat; height:32px;}
			.gnb_util {width:1000px; margin:0 auto;}
				.gnb_state {float:left; text-align:right; width:860px; padding:5px 10px 0 0; color:#fff; font-size:12px}
				.gnb_sitemap {float:left; width:110px; padding:5px 0 0 20px;}
				.gnb_sitemap a {color:#fff; font-size:12px}
				
		#lnb {width:1000px; margin:0 auto; height:77px;}
			h1 {float:left; width:240px; padding:18px 0 0 0; margin:0;} 
			.lnb {float:left; width:760px;} 

			  
	#mainSpot {width:100%; background:url("/html/images/main/bg_mainSpot.png") top center repeat; height:443px} 
		.mainSpot {width:1000px; margin:0 auto; background:url("/html/images/main/mainSpot04.png") top center repeat; height:443px; position:relative;}
			.mainSpot01 {position:absolute; top:124px; left:13px;}
			.mainSpot02 {position:absolute; top:53px; left:220px;}
			.mainSpot03 {position:absolute; top:172px; left:514px;}

			.mainSpot_txt01 {position:absolute; top:110px; left:678px; color:#013d74; font-size:28px;  font-family:'ng800';}
			.mainSpot_txt02 {position:absolute; top:156px; left:678px; color:#111111; font-size:15px;  font-family:'ng700'}

			.btn {position:absolute; bottom:5px; right:0}

		.box_login {position:absolute; bottom:0; left:0; width:1000px; height:55px; background:url("/html/images/comm/bg_login.png") bottom left no-repeat;} 
			#slick-login {width:950px; margin:13px 0 0 35px}
			label {color:#fff; font-size:14px; font-family:'ng800'; background:url("/html/images/main/arr_blue.png") left 7px no-repeat; padding-left:10px;}
		
			.placeholder {color:#444; margin-right:2px;}
			.w110 {width:110px;}
			.w40 {width:40px;} 

			#slick-login input[type="text"] {height: 28px; font-size: 14px; text-align:center} 
			#slick-login input[type="password"] {height: 28px; font-size: 14px; text-align:center}
			#slick-login input[type="submit"] {height: 30px; color: #fff; font-size: 14px; cursor: pointer; outline: none; border:none; font-family:'ng800';  margin-right:2px;}
			#slick-login input[type="submit"].login {width:110px; background-color:#009fd9; }
			#slick-login input[type="submit"].join {width:110px; background-color:#284776;}
			#slick-login input[type="submit"].srchpw {width:150px; background-color:#284776;}



	#container {width:100%; height:100%}		  
		.main_birth {width:1000px; margin:0 auto; background-color:#f0f0e2; height:30px; padding-top:10px;}
		.main_birth .txt_birth {float:left; width:820px; text-align:center; font-family:'ng800'; margin:0 30px 0 20px}
		.main_birth .txt_birth img {margin-bottom:2px;}
		.main_birth .btn_song {float:right; width:180px;} 
		.main_birth .btn_song a {color:#565656;}
		.sub_contents .contents .joinButton {background-color:#284776;}
		.sub_contents .contents .joinButton input {color:#fff; height:15px; font-size:14px; font-family:'ng800';}

		#main_contents {width:1000px; margin:0 auto;  padding:15px 0 0 0;}


			.main01 {float:left; width:1000px; height:200px;  border-bottom:1px solid #ddd;}


			/* °øÁö»çÇ× */   
			.main_notice {float:left; width:350px; height:185px; border-right:1px solid #e0e0e0} 
				#noticeWrap {float:left; position:relative; width:345px; margin:0; padding:0;}
				#noticeWrap h3  { margin:0; padding:0;}
				#noticeWrap h3 a {float:left; padding:0 0 7px 0; font-size:16px; font-family: 'ng800';  margin:0; }
				#noticeWrap .more a {position:absolute; top:2px; right:15px; color:#1881bd; font-size:13px; font-family: 'ng800'; text-decoration:underline}
				#noticeWrap ul {clear:both; margin:0; padding:0 }
				#noticeWrap ul li {float:left;  padding:0 0 6px 8px; width:260px; display: inline-block; margin:0; background:url('/html/images/main/arr_gray02.png') left 10px no-repeat;}
				#noticeWrap ul li a {color:#565656; font-size:13px;}
				#noticeWrap ul li span.date {text-align:right; display: inline-block; zoom:1; *display: inline; margin:0; padding:0; position:absolute; right:15px}
				#noticeWrap ul li span.date a {color:#7c7c7c; font-size:12px; font-family:'tahoma';} 


			/* SM PARK */   
			.main_park {float:left; width:360px; height:185px; border-right:1px solid #e0e0e0} 
				#parkWrap {float:right; position:relative; width:345px; margin:0; padding:0;}
				#parkWrap h3{ margin:0; padding:0;}
				#parkWrap h3 a {float:left; padding:0 0 7px 0; font-size:16px; font-family: 'ng800';  margin:0; }
				#parkWrap .more a {position:absolute; top:2px; right:15px; color:#1881bd; font-size:13px; font-family: 'ng800'; text-decoration:underline}
				#parkWrap ul {clear:both; margin:0; padding:0 }
				#parkWrap ul li {float:left;  padding:0 0 6px 8px; width:260px; display: inline-block; margin:0; background:url('/html/images/main/arr_gray02.png') left 10px no-repeat}
				#parkWrap ul li a {color:#565656; font-size:13px;}
				#parkWrap ul li span.date {text-align:right; display: inline-block; zoom:1; *display: inline; margin:0; padding:0; position:absolute; right:15px} 
				#parkWrap ul li span.date a {color:#7c7c7c; font-size:12px; font-family:'tahoma';} 


			/* ´Þ·Â */   
			.main_cal {float:left; width:288px; height:185pxnn;}  
				#calWrap {float:left; width:260px; border:0; margin-left:20px;}
				#calWrap h3 {padding:0 0 7px 0; font-size:14px; font-family: 'ng800'; margin:0;  }
				#calWrap th {border-top:2px solid #000000; border-bottom:1px solid #cecece; font-family:'ng800'; height:28px}
				#calWrap td {text-align:center; font-size:11px; height:19px}
				#calWrap td.today {background-color:#ffa84b}
				#calWrap td a {text-align:center; font-size:11px;}
				#calWrap th.red, td.red {color:#ff0000}
				#calWrap th.red a, td.red a {color:#ff0000}
				#calWrap th.blue, td.blue {color:blue}
				#calWrap th.blue a, td.blue a {color:blue}
 
  


			/* ÃÖ±Ù°¡ÀÔȸ¿ø/Ãâ¼®ºÎ */   
			.main_member {float:left; width:340px; height:130px; margin-top:20px;} 
				#tab_member {width:340px;}
				#tab_member ul.tab {overflow:hidden;}
				#tab_member ul.tab li {float:left; width:150px; background-color:#cdcdcd; padding:10px;}
				#tab_member ul.tab li h3 {font-size:14px; font-family: 'ng800'; margin:0; padding:0;}
				#tab_member ul.tab li h3.recentM {color:#730044} 
				#tab_member ul.tab li h3.inM {color:#186800} 

				#tab_member ul.tab li.on,
				#tab_member ul.tab li:hover {background-color:#ebebeb}
				#tab_member ul.tab li a {display:block;text-align:center;}
				#tab_member > div{}

				#con1 {background-color:#ebebeb; height:115px;}
				#con2 {background-color:#ebebeb; height:115px;} 

				 
				#memberWrap {float:left; position:relative; width:340px; padding:10px 0 0 0;height:100px; overflow-y:scroll;  overflow-x:hidden} 
				#memberWrap ul.memberWrap {clear:both; margin:0 0 0 20px; padding:0;}
				#memberWrap ul.memberWrap li {float:left;  padding:0 0 6px 8px; width:180px; display: inline-block; margin:0; background:url('/html/images/main/arr_gray02.png') left 10px no-repeat; color:#72094c; font-size:13px; font-family:'ng700';}
				#memberWrap ul.memberWrap li span.date {text-align:right; display: inline-block; zoom:1; *display: inline; margin:0; padding:0; position:absolute; right:15px; color:#72094c; font-size:12px; font-family:'tahoma'; font-family:'ng700';}
				

				
				#memberWrap ul.memberWrap2 {clear:both; margin:0 0 0 20px; padding:0;}
				/* #memberWrap ul.memberWrap2 li {float:left;  padding:0 0 6px 8px; width:180px; display: inline-block; margin:0; background:url('/html/images/main/arr_gray02.png') left 10px no-repeat; color:#186800; font-size:13px; font-family:'ng700';} */
				#memberWrap ul.memberWrap2 li {float:left;  padding:0 0 6px 8px; width:100%; display: inline-block; margin-left:130px; background:url('/html/images/main/arr_gray02.png') 4px 10px no-repeat; color:#186800; font-size:13px; font-family:'ng700';}
				#memberWrap ul.memberWrap2 li span.date {text-align:right; display: inline-block; zoom:1; *display: inline; margin:0; padding:0; position:absolute; right:15px; color:#186800; font-size:12px; font-family:'tahoma'; font-family:'ng700';} 





			/* ÂùÁ¶±Ý ³³ºÎÇöȲ/ȸºñ ³³ºÎÇöȲ */  
			.main_fee {float:left; width:356px; height:130px; margin-top:20px;} 
				#tab_fee {width:356px;}
				#tab_fee ul.tab {overflow:hidden;}
				#tab_fee ul.tab li {float:left; width:158px; background-color:#9ecad6; padding:10px;}
				#tab_fee ul.tab li h3  {font-size:14px; font-family: 'ng800'; margin:0; padding:0;}


				#tab_fee ul.tab li h3.donS {color:#0a3698} 
				#tab_fee ul.tab li h3.feeS {color:#6c4f00} 

				#tab_fee ul.tab li.on,
				#tab_fee ul.tab li:hover{background-color:#d6e8ed}
				#tab_fee ul.tab li a {display:block;text-align:center;}
				#tab_fee > div{}

				#con3 {background-color:#d6e8ed; height:115px;}
				#con4 {background-color:#d6e8ed; height:115px;} 

				 
				#feeWrap {float:left; position:relative; width:356px; padding:10px 0 0 0;;height:100px; overflow-y:scroll; overflow-x:hidden} 
				#feeWrap ul.feeWrap {clear:both; margin:0 0 0 10px; padding:0}
				#feeWrap ul.feeWrap li {float:left;  padding:0 0 6px 10px; width:100%; display: inline-block; margin:0; background:url('/html/images/main/arr_gray02.png') 4px 10px no-repeat; color:#0a3698; font-size:13px; font-family:'ng700';}
				#feeWrap ul.feeWrap li span.date {text-align:right; display: inline-block; zoom:1; *display: inline; margin:0; padding:0; position:absolute; right:15px;  color:#0a3698; font-size:12px; font-family:'tahoma'; font-family:'ng700';} 

				
				#feeWrap ul.feeWrap2 {clear:both; margin:0 0 0 10px; padding:0}
				/* #feeWrap ul.feeWrap2 li {float:left;  padding:0 0 6px 10px; width:100%; display: inline-block; margin:0; background:url('/html/images/main/arr_gray02.png') 4px 10px no-repeat; color:#6c4f00; font-size:13px; font-family:'ng700';} */
				#feeWrap ul.feeWrap2 li {float:left;  padding:0 0 6px 10px; width:100%; display: inline-block; margin-left:165px; background:url('/html/images/main/arr_gray02.png') 4px 10px no-repeat; color:#6c4f00; font-size:13px; font-family:'ng700';}
				#feeWrap ul.feeWrap2 li span.date {text-align:right; display: inline-block; zoom:1; *display: inline; margin:0; padding:0; position:absolute; right:15px;  color:#6c4f00; font-size:12px; font-family:'tahoma'; font-family:'ng700';} 




			/* Á÷°Å·¡ ÀåÅ͹æ */   
			.main_market {float:left; width:304px; height:156px; background-color:#5fcc90; margin-top:20px;} 
				#marketWrap {float:right; position:relative; width:270px; padding:10px 10px 0 0;height:100px;}
				#marketWrap h3  {padding:0; margin:0}
				#marketWrap h3 a {float:left; padding:0 0 7px 0; font-size:16px; font-family: 'ng800'; color:#027234; margin:0}
				#marketWrap .more a {position:absolute; top:10px; right:20px; color:#027234; font-size:13px; font-family: 'ng800'; text-decoration:underline}

				#marketWrap ul {clear:both; margin:0; padding:8px 0 0 0; height:100px; overflow-y:scroll;  overflow-x:hidden}
				#marketWrap ul li {float:left;  padding:0 0 6px 8px; width:170px; display: inline-block; margin:0; background:url('/html/images/comm/arr_gray.png') left 10px no-repeat}
				#marketWrap ul li a {color:#fff; font-size:13px;}
				#marketWrap ul li span.date {text-align:right; display: inline-block; zoom:1; *display: inline; margin:0; padding:0; position:absolute; right:30px} 
				#marketWrap ul li span.date a {color:#fff; font-size:12px; font-family:'tahoma';} 


			/* ȸºñ¾È³» */   
			.main_bank {float:left; width:1000px;  height:38px; background-color:#f0f0e2; margin-top:10px;  padding-bottom:5px} 
				#bankWrap {float:left; position:relative; width:1000px; padding:10px 0 0 0; text-align:center  }
				#bankWrap .h33  {padding:0; margin:0 0 0 0;  font-size:14px; font-family: 'ng800';  }
				#bankWrap .txt_t1 { padding:0; font-size:14px;  font-family: 'ng800'; }
				#bankWrap .txt_t2 {padding:0 0 5px 0; font-size:14px; font-family: 'ng800'; }

				#bankWrap .btn_chat {position:absolute; top:105px; left:5px;}

			#galleryWrap {float:left; width:820px; height:128px; background:url("/html/images/main/bg_gallery.png") top left no-repeat; margin-top:10px; padding:16px 0 0 200px;}   

				dl.main_gallery {float:left; width:103px; height:90px; padding:0 16px 0 0; margin:0 16px 0 0; border-right:1px solid #ddd }
				dl.main_gallery dt {float:left; width:103px; position:relative; margin:0; padding:0;}   
				dl.main_gallery dd {float:left; width:103px;  text-align:center; padding:5px 0 20px 0;}  
				dl.main_gallery dd a { font-size:12px; color:#292929} 


		#bannerWrap {float:left; width:100%; height:87px; background:url("/html/images/main/bg_footer.png") top left repeat-x;}
			.banner {width:1000px; margin:0 auto; padding:20px 0 0 0; position:relative;  } 
					.banner .btn_gostop {position:absolute;  top:35px; right:0;}
					.banner .btn_go {position:absolute;  top:10px; right:0;}
					.banner .btn_gostop a {}
			 
				.scroller_roll {width:1000px; padding:0px; margin:0px; overflow:hidden; display: inline-block;}
				.scroller_roll ul.banner_in {padding:0px; margin:0px; float:left;}
				.scroller_roll ul.banner_in li {padding:0px; margin:0px; list-style: none; float:left; text-align:center; display:inline; overflow: hidden;}  


	#footerWrap {clear:both; width:100%; float:left; border-top:1px solid #d0d0d0;}
		#footer {width:1000px; margin:0 auto}   

			#footer .footer_logo {float:left; width:250px; text-align:center; padding:30px 0 0 0;}
			#footer p.address {float:left; width:750px; padding:20px 0 10px 0; font-size:12px; line-height:14px;}   
			#footer p.address a {font-size:12px;}   
			#footer p.address em{font-family:tahoma; font-size:11px; color:#efefef}