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

@import url("/css/mystyle.css");


.bgno{background:none !important;}

.mtno{margin-top:0px !important;}
.mlno{margin-left:0px !important;}
.mbno{margin-bottom:0px !important;}


body{background:url(/images/mainBg.jpg) repeat-x top center #fffff;}

#wrap{position:relative; width:100%; height:auto; margin:0 auto; background:url(/mob/images/mainBg1.gif) repeat-x left top;}
#canvas{position:relative; width:320px; height:auto; margin:0 auto;}
#header{position:relative; width:300px; height:52px; margin:0 auto; z-index:1000; }
#header h1{position:absolute; top:9px; left:0px; width:100%; text-align:center; z-index:1;}

#header .top_menu{position:relative; width:100%; padding:0px 0 0 0; float:right; z-index:100; }
#header .top_menu li{float:right;}

#header .top_home{position:absolute; top:5px; left:0px;}
#header .top_sitemap{position:absolute; top:5px; right:0px;}


/*사이트맵 레이어*/
.sitemap{position:absolute; top:50px; left:-260px; width:300px; margin:0 auto; z-index:1000; background:#2e2c34;}
.sitemap .sitemap_cc{width:290px; margin:0 auto; background:#ececec; z-index:1000; overflow:hidden;}
.sitemap .stitle{padding:5px 0 0 20px;}
.sitemap .scolse{position:absolute; top:1px; right:9px;}
.sitemap .scolse a{display:block; padding:10px;}
.sitemap .stop{height:38px; background:url(/img/sitemap_top.png) no-repeat;}
.sitemap .sbot{height:5px; background:url(/img/sitemap_bot.png) no-repeat;}
.sitemap ul{width:260px; margin:10px 0 0 15px; float:left; overflow:hidden;}
.sitemap ul li{float:left; margin:0; padding:11px 4px 3px 4px; background:url(/img/sitemap_line.jpg) repeat-x bottom left;}
.sitemap ul li p{float:left; width:110px;}
.sitemap ul li ul{float:left; width:135px; margin:0; }
.sitemap ul li ul li{width:100%; padding:0 0 8px 0; background:none;}


.top_roll{position:relative; width:300px; height:264px; margin:0 auto;}
.top_roll ul{z-index:10; position:absolute; top:0px; left:0px;}
.top_roll li{}
.top_roll .btns{position:absolute; top:0px; left:0px; z-index:100; width:100%;}
.top_roll .btns .next{position:absolute; top:113px; right:10px;}
.top_roll .btns .prev{position:absolute; top:113px; left:10px;}


/*컨텐츠*/
#content{position:relative; width:300px; margin:0 auto; padding:0 0 20px 0;; overflow:hidden; clear:both;}
#content .menu{position:relative; float:left; list-style:none; margin:-1px 0 0 0px;}
#content .menu li{float:left; margin:1px 0 0 0;}
#content .menu li ul li{width:74px; margin:0px 1px -4px 0;}
#content .menu .all_center{width:225px; height:224px;}
 

/*아이콘*/
#content .icons{position:relative; width:304px; height:auto; margin:2px auto;}
#content .icons ul{position:relative; width:auto; margin:0 auto; padding:0; oveb rflow:hidden;}
#content .icons ul li{margin:1px; float:left;}



/*퀵*/
.conf_box{width:100%; float:left; margin:0;  padding:0 0 0 11px; background:#3d3c41;}
.conf_box ul{width:320px; margin:1px auto; padding:10px; overflow:hidden;}
.conf_box ul li{float:left; margin:0 0 0 10px;}

/*풋터*/
#footer{position:relative; width:100%; height:auto; margin:0 auto; padding:12px 0 15px 0; clear:both; background:#616065;}
#footer #foot{position:relative; width:300px; height:auto; margin:0px auto; padding:0; overflow:hidden;}
#footer #foot address{float:left;}
#footer #foot p{position:absolute; right:0px; top:0px;}