@charset "utf-8";

/*공통*/
#wrap { position:relative; width:100%; background:url(/img/common/top_bg.gif) repeat-x; margin:0 auto; }
#header { position:relative; width:1000px; height:144px; margin:0 auto; z-index:10;}
#sitemap { position:absolute; left:-750px; top:0; width:960px; height:251px; z-index:100; background:url(/img/common/sitemap_box.gif) no-repeat; visibility: hidden;}
.site_01 { position:relative; float:left; width:128px; height:126px; margin:34px 98px 0 64px; }
.site_02 { position:relative; float:left; width:95px; height:106px; margin:34px 97px 0 0;}
.site_03 { position:relative; float:left; width:84px; height:86px; margin:34px 89px 0 0;}
.site_04 { position:relative; float:left; width:84px; height:86px; margin:34px 89px 0 0;}
.site_05 { position:relative; float:left; width:84px; height:146px; margin:34px 0 0 0;}
.site_01 dd, .site_02 dd, .site_03 dd, .site_04 dd, .site_05 dd { margin-top:12px; }
#btn_close { position:absolute; left:445px; top:214px; }

.logo { position:absolute; left:20px; top:43px; width:177px; height:47px;}
.utillity { position:absolute; left:770px; top:0; width:211px; height:30px; z-index:20;} 
.utillity li { float:left; }
.navi { position:absolute; left:300px; top:60px; width:700px; height:60px; z-index:10; }

/* 메인 LAYOUT */
#m_container { position:relative; width:100%; height:520px; text-align:center; }
#m_footer { position:relative; width:100%; height:147px; border-top:1px solid #e3e3e3; overflow:hidden;}
#m_copy { position:relative; width:1000px; height:147px; margin:0 auto; overflow:hidden;}
.m_copyr_logo { position:absolute; left:20px; top:22px; }
.m_copyr_text { position:absolute; left:88px; top:45px; }
.m_copyr_add { position:absolute; left:88px; top:29px; }

/* 서브 LAYOUT */

#container { position:relative; width:1000px; margin:0 auto; }

#left_wrap { position:relative; width:210px; height:100%; float:left; margin-left:40px; display:inline;}
.left { margin-top:35px; }
.left dt { margin-left:22px; }
.left dd { margin-top:28px; }
.left dd ul li { margin-bottom:9px; }

.q_reservation {width:93px; margin:50px 0 20px 20px;}
.q_reservation p{ margin-bottom:10px;}

#ctn_wrap { position:relative; width:710px; float:left; background:url(/img/common/dot_line.gif) repeat-y;margin:0; }
.path { position:relative; float:right; width:330px; text-align:right; margin:29px 0 0 0; letter-spacing:-0.5px; color:#888;}
.path span { font-family:Verdana; font-size:11px; }
.path span.path_text { color:#222; font-size:12px; font-weight:bold;}
.ctn_tl { width:160px; padding:28px 0 50px 50px; float:left;}
.ctn { clear:both; margin:0 0 30px 50px; }

#footer { position:relative; width:1000px; height:147px; margin:50px auto 0 auto; background:url(/img/common/copyr_line.gif) repeat-x; overflow:hidden;}
.copyr_logo { position:absolute; left:20px; top:37px; }
.copyr_text { position:absolute; left:800px; top:30px; }
.copyr_add { position:absolute; left:88px; top:44px; }

.form_st1 { font-size:11px; color:#d3692c; width:115px;}
.form_st2 { font-size:11px; color:#d3692c; width:137px;}

#scrollB { position:absolute; left:950px; top:20px; height:30px; width:30px; z-index:100;}
#scrollB img { margin-bottom:-4px; }