@charset "euc-kr";

*{ margin:0; padding:0; border:0; }

/*all layout*/

body { font-family: "µ¸¿ò", Arial; color:#696969;  text-align:center;  width:100%; line-height:70%}
img { border:0; margin:0; padding:0;}	   
li { list-style-type:none;}
ul{width:100%}

.check {border:0;}

a { margin:0; padding:0; border:0; text-decoration: none;}
a:link {color:#58595b; text-decoration:none;}
a:visited {color:#58595b; text-decoration:none;}
a:hover {color:#F60; text-decoration:none;}

#wrap {width:100%; position:relative;}
#wrap ul li{ display:inline; float:left; }


/*main top*/
#main_top { width:100%; position:relative;  margin:0 auto; }

/*sub top*/
#sub_top  {width:100%;  margin:0 auto; position:relative;}
#sub_top ul {float:left; width:100%;}
#sub_top li { float:left; padding:0 0 0 7%;}
.gnb_bt  { width:10%; margin-top:4px;}
.s_logo  {width:37%; margin:0 8%;}

/*main*/
#main{ background-image:url(/m/images/main_bg.png); background-size:100% auto; background-repeat:no-repeat;  padding-top:150px;}

.m_btn  { width:99%; margin:0 auto; margin-left:1%;}
.m_btn .btn { width:33.3333%;}
.m_btn a{ border:0; margin:0; padding:0;}

/*footer*/
.foot{ background-color:#2c231e; color:#FFF; font-size:10px; line-height:120%; letter-spacing:-0.01em; position:relative; float:left; width:100%;}
.foot p { padding:10px;}
.f_btn  { width:100%; margin:0 auto;}
.f_btn .btn { width:50%;}
.banner  { width:100%; /*padding-top:50px; position:relative;*/ background:#000;}
.bannerbtn { width:50%;}

/*sub menu*/
#menu {position:relative; }
#menu img { width:100%;}

/*ÁöÁ¡º° menu*/
.submenu {width:90%;  position:relative; float:left; padding-left:3%; /*padding-left:15px;*/}
.submenu li{width:30%;}

.submenu06 {width:90%; position:relative; float:left; padding-left:3%;}
.submenu06 li {width:30%; float:right; position:relative; right:0;}


/*contents*/
#con{ background:#f8f8f8; float:left; width:100%; padding-bottom:30px;}
.gallery  {width:100%; background:#000; float:left; }


/*°Ô½ÃÆÇ*/
.board {width:95%; margin:0 auto; line-height:160%;  letter-spacing:-0.01em; font-size:14px; }
.board p{ padding:10px 0; }
.board ul{ letter-spacing:-0.01em; text-align:center; clear:both;}
.board ul li{ margin-bottom:5px; }


/*online*/
.b_no { width:14%; border-right:solid 1px #dcddde; }
.b_tit { width:50%; border-right:solid 1px #dcddde;}
.b_an { width:16%; border-right:solid 1px #dcddde;}
.b_name{ width:18%;}

/*online_write*/
.W_tit { width:20%; padding-top:10px; float:left;  font-weight:bold;}
.W_input { width:78%; padding-top:10px; float:left;}

/*view*/
.V_tit { width:18%; border-right:solid 1px #dcddde;}
.V_title { width:78%; padding-left:2%; text-align:left;  font-weight:bold;}
.V_n{ width:18%; border-right:solid 1px #dcddde;}
.V_name { width:78%; padding-left:2%; text-align:left;}


/*input*/
input{ border:solid 1px #dcddde;}
/*.btn_bt{ padding-bottom:10px;}*/
.pw_input{width:70%; margin:0 auto;}

/*story*/
.story { width:100%;  float:left; position:relative;}
.story p {padding:0px 0;}
.story ul { border-top:1px solid #dcdcdc;}
.story li {float:left; display:inline; margin-left:5px;}
.story .s_tit { color:#545454; font-family:"µ¸¿ò"; font-size:13px; font-weight:bold; line-height:100%; }
.story .s_date { color:#999999; font-family:"µ¸¿ò"; font-size:13px; line-height:100%; padding-top:5px;}
.story img {padding-top:5%; max-width:340px; min-height:120px;}  

/*after*/
.b_tit2 { width:64%; border-right:solid 1px #dcddde; padding-left:2%; text-align:left;}
.b_name{ width:18%;} 

/*bna*/
.bna { width:100%;  float:left; position:relative;}
.bna p {padding:0px 0;}
.bna ul { border-top:1px solid #dcdcdc;}
.bna li {float:left; display:inline; margin-left:5px;}
.bna .s_tit { color:#336FE9; font-family:"µ¸¿ò"; font-size:13px; font-weight:bold; line-height:100%; }
.bna .s_txt { color:#545454; font-family:"µ¸¿ò"; font-size:13px; line-height:120%; padding-top:5px; padding-bottom:10px;}
.bna img {padding-top:5%; max-width:340px;}  


.boder_text {width:100%; float:left; text-align:left;}
.boder_text img{width:100%;}