@charset "euc-kr";

/*
°øÅë
*/
/* Çì´õ */
#header {position:relative; width:100%; height:53px; border-top:2px solid #295e84; border-bottom:1px solid #e4e4e4;}
#header h1{padding:10px 0 0 0; text-align:center; line-height:0px; margin:0;}
#header h1 img{height:35px;}
#header .allmenu{position:absolute; top:0px; left:0px;}
#header .home{position:absolute; top:0; right:0;}
#header .allmenu img,
#header .home img{height:53px;}


/* ǪÅÍ */
#footer{clear:both; width:100%; padding:0.5em 0 1.5em 0; background:#8c8e91;}
#footer .foot{overflow:hidden; width:100%;}
#footer .foot .pc{float:right; width:20%; max-width:90px;}
#footer .foot .pc a{display:block; width:80%; padding:2px 0; text-align:center; font-size:80%; color:#646464; background:#fff; border:1px solid #d7d7d7; border-radius:3px; letter-spacing:0px;}
#footer .foot address{float:left; width:78%; padding:0 0 0 2%; font:bold 80% "Nanum Gothic"; font-style:normal; color:#cdcdcd; text-transform:uppercase;}

/*
¸ÞÀÎ
*/
#mainContent{width:100%; background:#fff; max-width:640px; margin:0 auto 1em;}

/* ¸ÞÀθ޴º */
#mainmenu,#mainmenu2{overflow:hidden; width:100%;}
#mainmenu li{float:left; width:33.32%;}
#mainmenu li.start{width:33.36%;}
#mainmenu2 li{float:left; width:20%; margin:0 2.5%; text-align:center;}
#mainmenu2 li span{display:block; padding:5px 0; font:bold 130% "Nanum Gothic"; color:#000;}

/* °øÁö»çÇ× */
#board{position:relative; float:left; width:100%; height:130px;}
#board ul{float:left; width:100%;}
#board ul li{float:left; width:50%; text-align:center; font:bold 130%/35px "Nanum Gothic";}
#board li a{float:left; width:100%; text-decoration:none; color:#5e5e5e; background:#e4e6ea;}
#board li a.on{color:#295e84; padding:0 0 7px 0; background:url(/m/korean/images/main/bg_tab_on.gif) no-repeat 50% 97%; background-size:8%;}
#board li a span{display:block; width:100%;}
#board li a.on span{background:#a9d9fb;}
#board ul ul{position:absolute; top:50px; left:3%; width:95%; border-bottom:none; background:#fff;}
#board ul ul li{overflow:hidden; width:100%; height:20px; text-align:left; font:normal 90%/20px "NanumGothic"; border-bottom:1px solid #ddd;}
#board ul ul li a{float:left; width:70%; padding:0 0 0 8px; background:url(/m/korean/images/main/bg_arrow.gif) no-repeat 0 6px;}
#board ul ul li span{float:right; width:23%; padding:0 2% 0 0; text-align:right;}
#board ul ul li.more a{float:none; position:absolute; top:-42px; right:0; width:24px; background:none; padding:0;}
#board ul ul li.more a img{width:80%;}
#board ul ul li.none{width:97%; padding:20px 0; text-align:center; border:1px solid #ccc;}

/*
¼­ºê
*/
#subContent{position:relative; overflow:hidden; width:100%; background:#fff;}

/*ÆäÀÌÁöŸÀÌƲ */
#pageTitle{height:25px; padding:10px 0 10px 0; background:#295e84; text-align:center;}
#pageTitle h2{line-height:25px; font:bold 180%/130% "Nanum Gothic"; color:#fff;}

/* ¼­ºê¸Þ´º */
#sub_menu{width:100%; padding:23px 0 50px 0; background:url(/m/korean/images/common/bg_category.gif) repeat-x left top;}
#sub_menu ul{width:94%; margin:0 auto; border:2px solid #c1c1c1; border-radius:10px;}
#sub_menu li{background:url(/m/korean/images/common/bg_category.gif) repeat-x left top}
#sub_menu li.first-child{border-radius:10px 10px 0 0; }
#sub_menu li.last-child{border-radius:0 0 10px 10px;}
#sub_menu li a{display:block; padding:1.1em 1.3em; font:bold 135% "Nanum Gothic"; color:#000; border-bottom:1px solid #c3c3c3; background:url(/m/korean/images/common/bullet/ico_arrow.gif) no-repeat 97% center;}
#sub_menu li.last-child a{border:none}
#sub_menu li a:hover{color:#5882d0;}

/* Àüü¸Þ´º */
#slidemenu{position:absolute; top:55px; left:0px; width:100%; padding:10px 0; display:none; background:#fff; border-bottom:2px solid #000; z-index:99;}
#slidemenu .category{position:relative; overflow:hidden; padding:10px;}
#slidemenu .category li{clear:both; width:100%; border-bottom:1px solid #ccc; margin:0 0 10px 0;}
#slidemenu .category li a{display:block; padding:2px 17px; font-weight:bold; font-family:"Nanum Gothic"; background:url(/m/korean/images/common/bullet/bul_arrowWhite.gif) no-repeat 0 3px;}

#slidemenu .category_sub{clear:both; float:left; width:95%; padding:5px 10px 10px 10px;}
#slidemenu .category_sub li{clear:both; width:100%; border:none; margin:0}
#slidemenu .category_sub li a{display:block; padding:2px 10px; font-weight:normal; font-family:"NanumGothic"; background:url(/m/korean/images/common/bullet/ico_dotGray.gif) no-repeat 0.2em 0.8em;}

/* ÅǸ޴º */
#tabmenu{overflow:hidden; width:100%; height:48px; background:url(/m/korean/images/common/tabmenu/bg_tit.png) repeat-x left top; background-size:contain;}
#tabmenu li{float:left; text-align:center; height:48px; background:url(/m/korean/images/common/tabmenu/bg_bar.png) no-repeat left top; background-size:contain;}
#tabmenu li a{display:block; color:#5e5e5e; height:21px; padding:10px 0 17px 0; font:bold 135%/21px "Nanum Gothic";}
#tabmenu .current_on{background:url(/m/korean/images/common/tabmenu/bg_tit_on.png) repeat-x left top; background-size:contain;}
#tabmenu .current_on a{color:#295e84; background:url(/m/korean/images/common/tabmenu/bg_on.png) no-repeat center bottom;}
.tab2 li{width:50%;}
.tab3 li{width:33.3%;}
.tab4 li{width:25%;}

/* ¼­ºê±âº» */
#sub_default{width:100%;overflow:hidden; background:#fff;}


@media screen and (max-width:400px) {

#header h1 img{height:30px;}
#board ul li{font-size:110%;}

#mainmenu2 li span{font-size:110%;}

#pageTitle h2{font-size:160%;}
}