@charset"utf-8";
  
  /* ------------------------------------------------------------
 * Name		: layout.css
 * Desc		:
 * Created	: 2013-09-05 by Suga
 * Updated	:
 ------------------------------------------------------------ */

/* No background, just iOS:*/
-webkit-tap-highlight-color: transparent;
/* No background iOS + Android:  */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,nav,menu,section,article,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,div,a,span,img{margin:0;padding:0;-webkit-text-size-adjust:none;}
*{margin:0;padding:0;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button{font-size:14px;line-height:1.5;font-family:"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif;}
img{border:0; vertical-align:top}

textarea,input,select, button {vertical-align: middle; }
img,fieldset{border: none;}
ul,ol, menu, li{list-style:none;}
a{color:#000; text-decoration:none;}
em,address{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}

/* reset */

/* skip */ 
legend, .skip{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;text-indent:-9999px;}

/* IE 정의 */
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,
eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,
progress,section,time,video{display:block}

input.ed { height:30px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:30px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }

/* layout */
#wraper {
	background-color:#ffffff;
	position:relative;
	width:100%;
}

section{width:100%;}

#headers{
    position:relative; top:0;left:0;
	width:100%;
	min-height:45px;
    border:0px solid red;
	background-color:#ffffff;
}


#headers h1{
	height:45px;
	text-align:center;
   
}

#headers #topmenus{
	position:absolute;
    top:29px;
    right:5px;
}
#headers #topmenus li{
	 float: left;	
	 padding: 0 2px 0 2px;
}

/*index 페이지*/


/*subpage*/
#sub_headers{
    position:relative; top:0;left:0;
	width:100%;
	min-height:75px;
    border:0px solid red;
	background-color:#ffffff;
}


#sub_headers h1{
	height:45px;
	text-align:center;
}

#hohomenu1{
	position:absolute;
    top:22px;
    left:15px;
}

#hohomenu2{
	position:absolute;
    top:16px;
    right:15px;
}


#submenuss
{
	padding: 0px 0 0 0;
}

 
 .subgnbs 
    {
    display:table;
    text-align:center;
	width:100%;
	/*box-shadow: 0 10px 10px rgba(0,0,0,0.5);*/
    }

  .subgnbs li
    {
    height:34px;
    display:table-cell;
	/*box-shadow: 0 10px 10px rgba(0,0,0,0.5);*/
	background:url(/images/inc/menu_bg.jpg) repeat-x left top;
	background-size:1px 34px;
    }

	.subgnbs li 
    {	
		width:20%;
		line-height:32px;
		color:#ffffff;
		border-right:1px solid #ffffff;
    }
	.subgnbs li a
    {	
		display: block;
		color:#ffffff;
    }




/*subpage*/


/*메인슬라이드*/
			
   .container{
    position:relative;
    background-color:#000000;
   
   }

   #main_img{
	position:relative;
   }

    .slidesjs-pagination 
    { 
	  
      position:absolute;
	  width:90px; 
      bottom:10px;
      list-style: none;
      z-index:120;
      margin-left: 41%;
	  border:0px solid red;
	  text-align:center;
    }

   

    .slidesjs-pagination li a {
      display: block;
      width:22px; 
      height:16px;
      background: url(/images/main/dot_paging.png) no-repeat right top;
      background-size: 44px 16px;
      float: left;
      overflow: hidden;
      text-indent:-9999px;
    
    }
   
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: left top;
    }

    .slidesjs-pagination li a:hover {
      background-position: left top;
    }


/*
	  .slidesjs-previous
	  {
		width:28px; height: 44px;
		border:0;
		display:block;
		margin-top:-30px;
		position: absolute; top:50%;
		background: url(/img_m/arrow_top.png) no-repeat left top;
		background-size: 120px 44px;
		text-indent: 0%;
		white-space: nowrap;
		overflow: hidden;
		color:transparent; 
		outline:none;
		left:23px;
		z-index:10;
	  }
	  
	  .slidesjs-next
	  {
		width:28px; height: 44px;
		border:0;
		display:block;
		margin-top:-30px;
		position: absolute; top:50%;
		background: url(/img_m/arrow_top.png) no-repeat left top;
		background-size: 120px 44px;
		text-indent: 0%;
		white-space: nowrap;
		overflow: hidden;
		color:transparent; 
		outline:none;
		right:23px;
		background-position: right top;
		z-index:100;
	  } 

 */

	 .slidesjs-previous
	  {
		display:none;
	  }
	  
	  .slidesjs-next
	  {
		display:none;
	  } 
  
  .smo
	{
		width:100%;
		height:50px;
		position:absolute;
		bottom:0;
		left:0;
		z-index:110;
		border:0px solid red;
		background-color:#000000;
		filter:alpha(opacity=82); 
	    -moz-opacity:0.9;
	    opacity: 0.6; 
	}
	
	
	#slidesjs-log
	{
	  position:absolute;
      bottom:22px;
      left:0;
      width:100%;
      z-index:120;
      margin: 0 0 0 0px;
      text-align:center;
	}
	#slidesjs-log .slidesjs-slide-number
	{
	  color:#ffffff;
	}
/*메인슬라이드*/

#main_img1{}


/* ///////////////////////// 목록01 */
#list01 {margin:0 auto;table-layout:fixed; font-size:13px;}
#list01 h2 {display:none}
#list01 label {display:none}
#list01 .tr_notice td {border-bottom:1px solid #e4e4e4 !important;background:#ffeef7}
#list01 .tr_notice td a {color:#db4d99;font-weight:bold}
#list01 .tr_notice td div a span {color:#555;font-weight:normal}
#list01 th {height:33px;border-bottom:1px solid #ddd; background:#f2f5f9;font-weight:bold;text-align:center}
#list01 th span{color:#888888; font-weight:bold; float: right;padding:0 3px 0 0;}
#list01 th.thtop {border-top:1px solid #bbb;}
#list01 #th_num {width:50px}
#list01 #th_chk {width:30px}
#list01 #th_title {}
#list01 #th_name {width:110px;}
#list01 #th_date {width:50px}
#list01 #th_hit {width:50px}
#list01 #th_good {width:70px}
#list01 #th_nogood {width:40px}
#list01 td {padding:3px;height:29px;border-bottom:1px solid #e4e4e4;}
#list01 .td_num {color:#818385;text-align:center}
#list01 .td_num_current {background:#ffedf3;color:#ff3061;font-weight:bold;text-align:center}
#list01 .td_chk {text-align:center}
#list01 .td_title {padding-right:5px 5px 5px 2px;line-height:1.5em;word-break:break-all}
#list01 .td_title .td_title_cate {display:inline-block;margin-right:4px;color:#666;font-weight:bold}
#list01 .td_title .td_title_singo {color:#ccc;text-decoration:line-through}
#list01 .td_title .td_title_singo .td_title_cmt {color:#999}
#list01 .td_title .td_title_cmt {display:inline-block;margin:0 3px;color:#ff3061;font-size:14px;}
#list01 .td_title .td_title_cmt span {display:block;position:absolute;height:0;overflow:hidden}
#list01 .td_title .choice_succeed {font-size:13px;}
#list01 .td_title .choice_ing {font-size:13px;}
#list01 .td_title .choice_failed {font-size:13px;}
#list01 .td_name {text-align:center}
#list01 .td_name div {position:relative;}
#list01 .td_name div #sideview {z-index:10;top:23px;left:23px;background:#fff}
#list01 .td_name div #sideview a {color:#555;font-weight:normal}
#list01 .td_name div #sideview a:focus, #list01 td.td_name div #sideview a:hover {color:#fff}
#list01 .td_date {color:#818385;text-align:center}
#list01 .td_hit {text-align:center}
#list01 .td_good {color:#ddd;text-align:center}
#list01 .td_good span {display:inline-block;width:25px}
#list01 .td_good .td_good_p {color:#ff5e86;text-align:right}
#list01 .td_good .td_good_p0 {color:#ddd;text-align:right}
#list01 .td_good .td_good_n {color:#3cb3ff;text-align:left}
#list01 .td_good .td_good_n0 {color:#ddd;text-align:left}
#list01 .nodata {height:300px;color:#999;text-align:center}
#list01_btn {padding:10px 5px 0 5px;height:24px;}
#list01_btn #list_btn_admin {float:left}

#list01 {margin:0 auto;table-layout:fixed; font-size:13px;}
#list01 h3{height:33px;border-bottom:1px solid #ddd; background:#f2f5f9;font-weight:bold;text-align:center; border-top:1px solid #bbb; font-size:13px;   line-height:33px;}

.lst_wd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:100%;}
.lst_wd li{padding:3px;height:36px;border-bottom:1px solid #e4e4e4; padding-right:5px 5px 5px 2px;line-height:1.5em;word-break:break-all; position:relative;}
.lst_ad{display:block;overflow:hidden;padding:.35em 2px;white-space:nowrap; text-overflow:ellipsis; width:100%;}

.lst_wd li span.datess{position:absolute;top:11px; right:2px;}
.lst_wd li span.num{position:absolute;top:11px; left:2px;}



.lst_w{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:100%;}
.lst_a{display:block;overflow:hidden;padding:.65em 2px;white-space:nowrap; text-overflow:ellipsis;}	



/* ///////////////////////////////////////////// 페이징 */
#pg {clear:both;margin:10px 5px 0 5px;text-align:center}
/* ///////////////////////// 페이징01 */
#pg #pg_wrap01 {display:inline-block;margin:0 0 20px;padding:0;height:30px;border:1px  solid #ddd;background:url('/img_m/default.png') 0 -610px}
#pg #pg_wrap01 a {display:inline-block;vertical-align:top}
#pg #pg_wrap01 span.pg_num,
#pg #pg_wrap01 strong.pg_curpage {display:inline-block;padding:0 10px;height:30px;font-size:0.95em;line-height:2.5em !important;line-height:2.5em;cursor:pointer}
#pg #pg_wrap01 a:hover span.pg_num,
#pg #pg_wrap01 a:hover span.pg_curpage {color:#fff;background:#777}
#pg #pg_wrap01 strong.pg_curpage {background:url('/img_m/default.png') #555 0 -710px;color:#fff}
#pg #pg_wrap01 .st_pg_img {display:inline-block;position:relative;padding:0;width:20px;height:30px;background:url('/img_m/default.png');overflow:hidden;cursor:pointer}
#pg #pg_wrap01 .st_pg_start {border-right:1px solid #ddd;background-position:-190px -480px}
#pg #pg_wrap01 .st_pg_prev {border-right:1px solid #ddd;background-position:-220px -480px}
#pg #pg_wrap01 .st_pg_next {border-left:1px solid #ddd;background-position:-250px -480px}
#pg #pg_wrap01 .st_pg_end {border-left:1px solid #ddd;background-position:-280px -480px}


/* ///////////////////////////////////////////// 버튼 */
/* ######################### _weak : 약한색, _normal : 기본색, _strong : 강조색, _skin : 스킨용 */
/* ///////////////////////// 버튼01 */
.btn01_weak {display:inline-block;padding:0 9px;height:22px;border:1px solid #ddd;background:url('/img_m/button.png') #fff 0 0;color:#666;font-size:0.85em;text-align:center;letter-spacing:-0.1em;line-height:2.0em !important;line-height:1.9em;cursor:pointer}
.btn01_weak:hover, .btn01_weak:focus {color:#666}
.btn01_normal {display:inline-block;padding:0 9px;height:22px;border:1px solid #555;background:url('/img_m/button.png') #555 0 -30px;color:#eee;font-size:0.85em;text-align:center;letter-spacing:-0.1em;line-height:2.0em !important;line-height:1.9em;cursor:pointer}
.btn01_normal:hover, .btn01_normal:focus {color:#ccc}
.btn01_strong {display:inline-block;padding:0 9px;height:22px;border:1px solid #f0d6de;background:url('/img_m/button.png') #fff 0 -60px;color:#ff618d;font-size:0.85em;text-align:center;letter-spacing:-0.1em;line-height:2.0em !important;line-height:1.9em;cursor:pointer}
.btn01_strong:hover, .btn01_strong:focus {color:#fd3e73}
.btn01_skin {display:inline-block;padding:0 9px;height:22px;border:1px solid #ddd;background:url('/img_m/button.png') #fff 0 -90px;color:#777;font-size:0.85em;text-align:center;letter-spacing:-0.1em;line-height:2.0em !important;line-height:1.9em;cursor:pointer}
.btn01_skin:hover, .btn01_skin:focus {color:#888}
/* ///////////////////////// 버튼02 */
.btn02_weak {display:inline-block;padding:0 12px;height:30px;border:1px solid #ddd;background:url('/img_m/button.png') #fff 0 -120px;color:#666;font-size:0.85em;text-align:center;letter-spacing:-0.1em;line-height:2.8em !important;line-height:2.5em;cursor:pointer}
.btn02_weak:hover, .btn02_weak:focus {color:#666}
.btn02_normal {display:inline-block;padding:0 12px;height:30px;border:1px solid #555;background:url('/img_m/button.png') #555 0 -160px;color:#eee;font-size:0.85em;text-align:center;letter-spacing:-0.1em;line-height:2.8em !important;line-height:2.5em;cursor:pointer}
.btn02_normal:hover, .btn02_normal:focus {color:#ccc}
.btn02_strong {display:inline-block;padding:0 12px;height:30px;border:1px solid #f0d6de;background:url('/img_m/button.png') #fff 0 -200px;color:#fd3e73;font-size:0.85em;text-align:center;letter-spacing:-0.1em;line-height:2.8em !important;line-height:2.5em;cursor:pointer}
.btn02_strong:hover, .btn02_strong:focus {color:#fd3e73}
.btn02_skin {display:inline-block;padding:0 12px;height:30px;border:1px solid #ddd;background:url('/img_m/button.png') #fff 0 -240px;color:#888;font-size:0.85em;text-align:center;letter-spacing:-0.1em;line-height:2.8em !important;line-height:2.5em;cursor:pointer}
.btn02_skin:hover, .btn02_skin:focus {color:#888}
/* ///////////////////////// 버튼03 */
.btn03_weak {display:inline-block;padding:0 15px;height:38px;border:1px solid #ddd;background:url('/img_m/button.png') #fff 0 -280px;color:#666;font-size:1.2em;text-align:center;letter-spacing:-0.1em;line-height:2.8em !important;line-height:2.5em;cursor:pointer}
.btn03_weak:hover, .btn03_weak:focus {color:#666}
.btn03_normal {display:inline-block;padding:0 15px;height:38px;border:1px solid #555;background:url('/img_m/button.png') #555 0 -330px;color:#eee;font-size:1.2em;text-align:center;letter-spacing:-0.1em;line-height:2.8em !important;line-height:2.5em;cursor:pointer}
.btn03_normal:hover, .btn03_normal:focus {color:#ccc}
.btn03_strong {display:inline-block;padding:0 15px;height:38px;border:1px solid #f0d6de;background:url('/img_m/button.png') #fff 0 -380px;color:#fd3e73;font-size:1.2em;text-align:center;letter-spacing:-0.1em;line-height:2.8em !important;line-height:2.5em;cursor:pointer}
.btn03_strong:hover, .btn03_strong:focus {color:#fd3e73}
.btn03_skin {display:inline-block;padding:0 15px;height:38px;border:1px solid #ddd;background:url('/img_m/button.png') #fff 0 -430px;color:#888;font-size:1.2em;text-align:center;letter-spacing:-0.1em;line-height:2.8em !important;line-height:2.5em;cursor:pointer}
.btn03_skin:hover, .btn03_skin:focus {color:#888}

#btn_center{margin: 0 auto; text-align:center;}


/* ///////////////////////////////////////////// 아이콘 */
/* ///////////////////////// 아이콘01 */
.st_icon {display:inline-block;margin-right:3px;vertical-align:middle}
.st_icon01_new {width:10px;height:15px;;background:url('./img/icon.png') 0 0}
.st_icon01_file {width:13px;height:15px;;background:url('./img/icon.png') -20px 0}
.st_icon01_link {width:13px;height:15px;;background:url('./img/icon.png') -40px 0}
.st_icon01_hot {width:11px;height:15px;;background:url('./img/icon.png') -60px 0}
.st_icon01_secret {width:11px;height:15px;;background:url('./img/icon.png') -80px 0}
.st_icon01_reply {width:15px;height:15px;background:url('./img/icon.png') -100px 0}
.st_icon01_reply_1 {width:15px;height:15px;background:url('./img/icon.png') -100px 0}
.st_icon01_reply_2 {width:15px;height:15px;background:url('./img/icon.png') -100px -20px}
.st_icon01_reply_3 {width:15px;height:15px;background:url('./img/icon.png') -120px -20px}
.st_icon01_reply_4 {width:15px;height:15px;background:url('./img/icon.png') -140px -20px}
.st_icon01_reply_5 {width:15px;height:15px;background:url('./img/icon.png') -160px -20px}
.st_icon01_mobile {margin-right:4px;width:15px;height:15px;;background:url('./img/icon.png') -120px 0}
.st_icon01_poll {margin-right:4px;width:15px;height:15px;;background:url('./img/icon.png') #333 -140px 0}
.st_icon01_singo {width:15px;height:15px;background:url('./img/icon.png') -160px 0}
.st_icon01_arwhead_right {width:15px;height:15px;background:url('./img/icon.png') -180px 0}
.st_icon01_info {width:15px;height:15px;background:url('./img/icon.png') -200px 0}
.st_icon01_image {width:13px;height:13px;;background:url('./img/icon.png') #666 -221px -1px}
.st_icon01_good {width:15px;height:15px;background:url('./img/icon.png') -320px 0}
.st_icon01_good span {display:block;width:0;height:0;overflow:hidden}
.st_icon01_nogood {width:15px;height:15px;background:url('./img/icon.png') -340px 0}
.st_icon01_nogood span {display:block;width:0;height:0;overflow:hidden}
.st_icon01_video {width:13px;height:15px;;background:url('./img/icon.png') 0 -20px}
.st_icon01_audio {width:13px;height:15px;;background:url('./img/icon.png') -60px -20px;}
/* 회원이미지, 아이콘 대체용 */
.st_mb_img {display:inline-block;width:58px;height:58px;background:url('./img/icon.png');background-position:-440px 0;vertical-align:middle}
.st_mb_icon {display:inline-block;width:22px;height:22px;background:url('./img/icon.png');background-position:-410px 0;vertical-align:middle}


.s_link:link {color: #374273; text-decoration: none;}
.s_link:visited {color: #669900; text-decoration: none;}
.s_link:active {color: #555555; text-decoration: none;}
.s_link:hover {color: #000000; text-decoration: underline;}
.s_link2 {color: #669900; text-decoration: none;}
.s_link2:link {color: #669900; text-decoration: none;}
.s_link2:visited {color: #669900; text-decoration: none;}
.s_link2:active {color: #669900; text-decoration: none;}






#submenu
 {  
    padding:10px 10px 20px 10px;
    margin:0 0 0 0; 
	position:relative;
 }

#submenu #subgnb 
    {
	width:68%;
	display:none;
	/*box-shadow: 0 10px 10px rgba(0,0,0,0.5);*/
    }

 
 #submenu .subgnb 
    {
    display:table;
    text-align:center;
	float:left;
	/*box-shadow: 0 10px 10px rgba(0,0,0,0.5);*/
    }

  #submenu .subgnb  li
    {
    display:table-cell;
	/*box-shadow: 0 10px 10px rgba(0,0,0,0.5);*/
	/*border:1px solid #505050;*/
	
    }

	.subgnb1{
		width:34.94%;
	}
	.subgnb2{
		width:32.53%;
	}
	#submenu .subgnbb{

	}


	.main_img2{
		padding:0px 0 10px 0;
		
	}




#footers{
	width:100%;
	height:90px;
    border:0px solid blue;
	background-color:#2C2825;
	clear:both;
	position:relative;
}


#footers #address{
    color:#ffffff;
	font-size:12px;
	text-align:center;
	padding:12px 0 0px 0;
}

#footers #copyright{
    color:#ffffff;
	font-size:12px;
	text-align:center;
}

#footers #admin_bt{
	padding:10px 0 0px 0;
	text-align:center;
}


/*중간내용*/


#box{padding:0px 0 20px 0px; width:100%; min-height:400px; position:relative;}
#contents{padding:0px 10px 0 10px;}

/*  */

#box h2{font-size:16px;  height:33px; font-weight:bold;  line-height:33px;  padding:10px 0 10px 10px; color:#484848; }
#box h3{font-size:14px;  padding:10px 0 5px 15px; background:url(/img_m/dot.png) no-repeat left 15px;}
#box h4{font-size:14px;  padding:10px 0 5px 15px; background:url(/img_m/bar.png) no-repeat left 15px;}
#box #linksns{position:absolute; top:17px;; right:10px;}
#box #linksns li{float: left; padding: 0 0 0 5px;}

#box table.tables{
	width:100%;
	margin:5px 0 5px 0;
}

#box table.tables th{
	border:1px solid #ddd;
	padding:5px;
	background-color:#F5F5F5;
}

#box table.tables td{
	border:1px solid #ddd;
	padding:5px;
}



#maps{
text-align:center;
}
#mapscont{
  padding: 0px 10px 0 10px;
}


#subbannertop{
	margin:0 auto; position:relative;
	text-align:center;
}

#subbanner{
 padding: 20px 10px 10px 10px;
}
#subbanner li{
 width:24.4%;
 display:table-cell;
 padding:0 2px 0 2px; 
}

#subbanner li.leftss{
	
}

#subbanner1{
padding:0px 10px 20px 10px;
}

.map_title{
	background-color:#EEEEEE; 
	border-top:1px #000000; 
	border-bottom:1px #000000; 
	line-height:30px; 
	margin-bottom:10px; 
	margin-top:10px; 
	padding:0 0 0 10px;
}

.main_title{background-color:#EEEEEE; border-top:1px #000000; border-bottom:1px #000000; height:30px; line-height:30px; margin-bottom:10px; text-align:center;}