@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:100px;}
#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{position:relative; overflow:hidden; width:97%; max-width:620px; margin:0 auto;}

#member,
#mainmenu2 li.start{float:left; width:56%; margin:0 1% 1% 0;}

/* ¸ÞÀθ޴º */
#mainmenu,
#mainmenu2 li.end{float:left; width:42%;}
#mainmenu li{margin:0 0 3% 0;}
#mainmenu2{clear:both; width:100%;}

#sns{position:absolute; top:30%; left:5%; max-width:200px;}
#sns li{float:left; width:31%; margin:0 2% 0 0;}


/* °Ô½ÃÆÇ */
#board{position:relative; overflow:hidden; width:99%; height:130px;}
#board h3{width:98%; padding:3px 0 3px 2%; font:bold 115%/130% "Nanum Gothic"; color:#295e84; background:#bce3ff;}
#board ul{background:none; position:absolute; top:35px; left:0; width:100%;}
#board ul li{overflow:hidden; width:97%; margin:0; padding:0 0 3px 9px; background:url(/m/korean/images/common/bullet/ico_dot.gif) no-repeat 3px 6px;}
#board ul li a{float:left; width:77%;}
#board ul li span{float:right; padding:0 3px 0 0;}
#board .more{display:block; position:absolute; top:3px; right:0; padding:0 5px 0 0; letter-spacing:-1px; font:bold 95%/150% "Nanum Gothic";}
#board ul li.none{width:99.5%; padding:20px 0; text-align:center; border:1px solid #ccc; background:none;}
/*
¼­ºê
*/
#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:54px; 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{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:1px 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/member/images/common/tabmenu/bg_tit_on.png) repeat-x left top; background-size:contain;}
#tabmenu .current_on a{color:#fff; background:url(/m/member/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;}
#sns li{width:20%;}

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