@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
div,ul,li,dl,dd,dt,span { margin:0; padding:0; }

/* 오픈 풍선 */
#open_flash { position:absolute; width:1000px; height:800px; left:0; top:0; z-index:100;}

#bg {background:url(/img/main/m_bg.gif) repeat-x; }
#wrap { position: relative; width:1000px; z-index:1; margin:0 auto; }
#m_header { position: relative; width:1000px; height: 500px; z-index:20;}
#m_container { position: relative; width:1000px; height:240px; z-index:30; background:url(/img/main/ctn_bg.gif) repeat-x;}
.snb { display:inline; float:left; position: relative; width:181px; z-index:30; margin-left:30px; margin-top:-68px; vertical-align:top; }

#content { float:left; position: relative; width:623px; z-index:30; padding-bottom:60px; text-align:left;}

/* Header */
#m_logo { position:absolute; left:0; top:0; width:457px; height:28px; background:url(/img/common/logo_bg.gif) no-repeat; padding:30px 0 0 65px; }
#banner_down { position:absolute; left:369px; top:23px; width:217px; height:36px; }
#m_utillity { position:absolute; left:721px; top:30px; width:240px; height:17px; background:url(/img/common/utill_bullet.gif) no-repeat; padding-left:25px; }
#m_utillity li { float:left; }
#m_navi { position:absolute; left:10px; top:58px; width:980px; height:60px; z-index:20;}
#m_visual { position:relative; left:0; top:96px; width:1000px; height:404px; z-index:5;}

#live_center { position:absolute; left:108px; top:478px; /*top:358px; */ width:784px; height:146px; z-index:25; margin:0 auto; }
.live_tl { position:relative; text-align:center; height:26px;}

.live_ctn { position:relative; width:712px; height:94px; background:url(/img/main/live_box_bg.gif) no-repeat; padding:22px 36px 0 36px;}
.live_dokdo { position:relative; float:left; width:199px; height:74px; margin-right:35px; }
.live_dokdo dl dd { margin-top:14px; }
.dokdo_img {position:absolute; left:94px; top:0 }
.live_ulleungdo { position:relative; float:left; width:226px; height:74px; margin-right:35px;}
.live_ulleungdo dl dd { margin-top:14px; }
.ulleungdo_img {position:absolute; left:121px; top:0 }

.water_height { position:relative; float:left; width:205px; height:74px; }

.water_height dl dd { width:125px; height:27px; background:url(/img/main/water_bg.gif) no-repeat 0 0; margin-top:10px;}
.water_info { position:absolute; left:2px; top:55px;_top:57px; height:10px; vertical-align:top; }
.water_more {position:absolute; left:90px; top:6px;}
.water_info_num { position:absolute; left:157px; top:0; width:53px; }
.water_info_num img { padding:0; margin:0; vertical-align:top;}

#notice { position:absolute; top:34px; left:30px; width:334px; }
#notice ul { margin-top:15px;}
#notice ul li { background:url(/img/main/notice_bullet.gif) no-repeat 0 6px; padding-left:10px; padding-bottom:4px; _padding-bottom:6px;  }
#notice ul li a { text-decoration:none; color:#666666; }
#notice ul li a:hover { text-decoration:none; color:#000000; }
#notice ul li span { position:absolute; left:278px; font-family:Tohoma; font-size:11px; color:#818181; letter-spacing:1px; margin-top:-2px; width:150px; }
.more { position:absolute; left:268px; top:-2px; }

#m_reservation { position:absolute; left:415px; top:-19px; height:156px; width:300px; z-index:40; }
#m_reservation dl { position:relative; margin-top:55px; }
#m_reservation dl dt { position:relative; margin-bottom:8px; _margin-bottom:6px; }
.m_reservation_btn { margin-top:17px; _margin-top:10px; }
#m_reservation_img { position:absolute; left:415px; top:-19px; height:156px; width:300px;  z-index:30;}

#guide { position:absolute; left:733px; top:-9px; width:247px; height:147px; z-index:40; }
#guide dl { position:relative; margin-top:44px; }
#guide dl dt { margin-bottom:19px; _margin-bottom:16px; }
#guide dl dd { margin-bottom:3px; _margin-bottom:0; }
#guide p { position:absolute; left:133px; top:132px; _top:130px; }
#guide_img { position:absolute; left:733px; top:-9px; width:247px; height:147px; z-index:30;}

#m_info { position:absolute; left:30px; top:171px; width:766px;}
#m_info ul li { position:relative; float:left; margin-right:30px; }

#tour { position:absolute; width:190px; height:86px; left:796px; top:166px; background:url(/img/main/tour_bg.jpg) no-repeat; }
#tour dl { position:relative; margin-top:14px; }
#tour dl dt { margin-bottom:13px; _margin-bottom:11px; width:72px; height:29px;}
#tour dl dd { width:40px; height:9px;}

#m_banner { position:absolute; top:190px; left:30px; width:960px; height:30px; } 
#m_banner p { display:inline; position:relative; float:left; margin-top:6px; }
#m_banner ul { position:relative; float: left; margin-left:20px; } 
#m_banner ul li {  display:inline; position:relative; float: left; border:1px solid #d9d9d9; margin-left:20px; } 
#m_banner ul li img { _margin-bottom:-3px; } 

/* footer */
#footer { position: relative; width:940px; z-index:10; margin-left:30px; height:130px; background:url(/img/common/copyr_dot_line.gif) repeat-x; }
#copyr_left { position:absolute; left:0; top:25px; width:206px; }
.copyr_img { position:absolute; left:187px; top:0; }
#copyr_right { position:absolute; left:285px; top:25px; }
#copyr_right ul li { position:relative; float:left; padding-right:8px;} 
address { clear:both; font-style:normal; padding-top:4px; line-height:1.6em; font-size:11px; }