/*
이 CSS코드는 아이폰,아이팟 외 스마트폰환경에서 적절하게 사용할수있도록 게시된 소스입니다.
강좌를 보며 W-RN이 제작했습니다.
*/

 
a:link, a:visited, a:active { text-decoration:none; color:#000000; }
a:hover { text-decoration:none; }


 p
 {
  margin:1px;
  width:100%;
  font-size:10px;
  font-family:arial,"san serif";
 }


  #img_size
 {
  width:320px;
 }

  #top_menu_size
 {
  width:60px;
 }

  #map_size
 {
  width:100%;
  padding: 5px; 
  border-style: solid; 
  border-width:1px; 
  border-color:#cccccc;
 }


 #tail
 {
  max-width:100%;
 }

 .logo_img_x
{
 position:absolute; 
 width:100%; 
 z-index:1; 
 border:0px; 
 visibility:visible; 
 left:0; 
 top:0; 
 text-align:center;
}


*
{
    margin:0;
    padding:0;
}


/* ========  메인 롤링 스타일  ======== */ 
#wrap_main_lolling
{
    height: 160px;
    margin: 0px auto;
    overflow: hidden;        
    width: 320px;
}    


#wrap_main_lolling ul 
{
    height: 160px;
    margin: 0px;
    overflow: hidden;        
	width:960px;
}

#wrap_main_lolling ul li 
{
    list-style-type:none;
    float:left;
	width:320px;
}

#wrap_main_lolling ul li a
{
    display:block;
}


/* ========  메인 메뉴 스타일  ======== */


#wrap_app_menu
{
    height: 314px;
    margin: 0px auto;
    overflow: hidden;        
    width: 320px;
}    

#wrap_app_menu ul 
{
    height: 160px;
    margin: 0px;
    overflow: hidden;        
}

#wrap_app_menu ul li 
{
    list-style-type:none;
    float:left;
	width:320px;
}

#wrap_app_menu ul li a
{
    display:block;
}


/* ========  컨텐츠1  스타일  ======== */


#wrap_contents_1
{
    height: 100px;
    margin: 0px auto;
    overflow: hidden;        
    width: 320px;
}    

#wrap_contents_1 ul 
{
    height: 100px;
    margin: 0px;
    overflow: hidden;        
	width: 960px;
}

#wrap_contents_1 ul li 
{
    list-style-type:none;
    float:left;
	width:320px;
}

#wrap_contents_1 ul li a
{
    display:block;
}


/* ========  컨텐츠2  스타일  ======== */


#wrap_contents_2
{
    height: 100px;
    margin: 0px auto;
    overflow: hidden;        
    width: 320px;
}    

#wrap_contents_2 ul 
{
    height: 100px;
    margin: 0px;
    overflow: hidden;        
	width:960px;
}

#wrap_contents_2 ul li 
{
    list-style-type:none;
    float:left;
	width:320px;
}

#wrap_contents_2 ul li a
{
    display:block;
}


/* ========  컨텐츠3  스타일  ======== */


#wrap_contents_3
{
    height: 100px;
    margin: 0px auto;
    overflow: hidden;        
    width: 320px;
}    

#wrap_contents_3 ul 
{
    height: 100px;
    margin: 0px;
    overflow: hidden;        
	width:960px;
}

#wrap_contents_3 ul li 
{
    list-style-type:none;
    float:left;
	width:320px;
}

#wrap_contents_3 ul li a
{
    display:block;
}


/* ========  컨텐츠4  스타일  ======== */


#wrap_contents_4
{
    height: 100px;
    margin: 0px auto;
    overflow: hidden;        
    width: 320px;
}    

#wrap_contents_4 ul 
{
    height: 100px;
    margin: 0px;
    overflow: hidden;        
	width:960px;
}

#wrap_contents_4 ul li 
{
    list-style-type:none;
    float:left;
	width:320px;
}

#wrap_contents_4 ul li a
{
    display:block;
}


 /*사용하지 않는 Style */

/* 필요시 사용하세요 


 #wrap
 {
  overflow:auto;
  width:320px;
 }

  #menu_text_size
 {
  font-size:9pt;
 }


 .map_size
 {
  background-color:#f9f9f9;
  width:1270px;
  height:220px;
 }

  #wrap_sub
 {
  width:320px;
 }


.ic {width:70px; height:81px; float:left;text-align:left; margin:0 3 3px 0}

#tophead
 {
  height:18px;
  text-align:right;
 }

 #header
 {
  height:160px;
 }

 #header_sub
 {
  background:url(../img/sub_menu_bg.png);
  background-color:#000000;
  background-repeat:no-repeat;
  width:320px;
  height:30px;
  text-align:center;
  padding-top:8px;
  font-size:12px;
 }
 

 #header_sub_font
 {
  font-size:11px;
 }


#sub_head
  {
  height:72px;
  }

 #headimg
 {
  background-color:#f9f9f9;
  background-repeat:no-repeat;
  height:50px;
 }

 #menu
 {
  background:url("http://m.w-rn.com/images/menu.jpg");
  background-repeat:no-repeat;
  margin-top:-2px;
  margin-left:-2px;
  margin-right:-8px;
  margin-bottom:-2px;
  height:23px;
 }

#menu p
{
color:#CCFFFF;
font-size:9px;
width:320px;
}

#menu a
{
color:#CCFFFF;
font-size:9px;
width:320px;
}

 #header2
 {
  background:url(http://m.w-rn.com/images/head2.jpg);
  background-repeat:no-repeat;
  height:44px;
 }

 #content
 {
  margin-top:0px;
 }

*/