@charset "euc-kr";

/*
°øÅë
*/
body{background:#717171;}

/* Çì´õ */
#header {position:relative; width:100%; height:50px; 
	background: rgb(61,61,61); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(61,61,61,1) 0%, rgba(61,61,61,1) 50%, rgba(15,15,15,1) 51%, rgba(15,15,15,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(61,61,61,1) 50%,rgba(15,15,15,1) 51%,rgba(15,15,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(61,61,61,1) 0%,rgba(61,61,61,1) 50%,rgba(15,15,15,1) 51%,rgba(15,15,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */
}
#header h1{padding:11px 0 0 0; text-align:center; line-height:0px; margin:0;}
#header h1 img{height:29px;}
#header .home {display:block; position:absolute; top:10px; left:7px;}
#header .home img{height:27px;}
#header .allmenu {display:block; position:absolute; top:12px; right:7px; padding:0.35em 5px; background:#737373; color:#fff; border:1px solid #e2e2e2; font-size:90%; font-weight:bold;}

/* ǪÅÍ */
#footer{overflow:hidden; width:100%; background:#717171;}
#footer .link {overflow:hidden; width:100%; border-bottom:3px solid #bebebe;
	background: rgb(98,68,185); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(98,68,185,1) 0%, rgba(77,43,176,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(98,68,185,1) 0%,rgba(77,43,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(98,68,185,1) 0%,rgba(77,43,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6244b9', endColorstr='#4d2bb0',GradientType=0 ); /* IE6-9 */
}
#footer .link li{float:left; width:33.3%;}
#footer .link li a{display:block; width:100%; padding:1em 0; color:#fff; font-weight:bold; text-align:center; background:url(/m/images/korean/common/bg_list.gif) no-repeat 100% 50%;}
#footer .link li.end a{background:none;}
#footer .link2 {padding:1em 0 5px 0; text-align:center;}
#footer .link2 * {display:inline-block;}
#footer .link2 li a{padding:3px 10px; border:2px solid #e5e5e5; color:#fff; font-size:90%; font-weight:bold;}
#footer address,
#footer cite{display:block; clear:both; width:100%; font-style:normal; text-transform:uppercase; text-align:center; font-size:80%; color:#fff;}

/*
¸ÞÀÎ
*/
#mainContent{width:100%; background:#fff;}

#visual {position:relative; overflow:hidden; width:100%;}
#visual li img{width:100%;}

/* ¸ÞÀθ޴º */
#mainmenu{overflow:hidden; width:100%; padding:1em 0 0.8em;
	background: rgb(160,208,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(160,208,247,1) 0%, rgba(42,149,237,1) 10%, rgba(42,149,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(160,208,247,1) 0%,rgba(42,149,237,1) 10%,rgba(42,149,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(160,208,247,1) 0%,rgba(42,149,237,1) 10%,rgba(42,149,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d0f7', endColorstr='#2a95ed',GradientType=0 ); /* IE6-9 */
}
#mainmenu li{float:left; width:33.33%; text-align:center;}
#mainmenu li a{display:block; margin:4% 7%;}

/*
¼­ºê
*/
#subContent{clear:both; overflow:hidden; width:100%; padding:0 0 2em 0; background:#fff; line-height:145%;}

/*ÆäÀÌÁöŸÀÌƲ */
#pageTitle{overflow:hidden; width:96%; margin:10px auto; letter-spacing:-1px;}
#pageTitle h2{float:left; line-height:25px; font-size:160%;}
#pageTitle .pageNavi{float:right; padding:5px 3px 0 0; font-size:90%;}

/* ¼­ºê¸Þ´º */
#sub_menu{overflow:hidden; width:100%;}
#sub_menu li {
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(241,241,241,1) 70%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(241,241,241,1) 70%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(241,241,241,1) 70%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
#sub_menu li a{display:block; padding:14px 18px 13px 15px; font:bold 130% "Nanum Gothic"; color:#000; border-bottom:1px solid #c3c3c3; background:url(/m/images/common/bullet/ico_arrow.gif) no-repeat 97% 50%;}
#sub_menu li a:hover{color:#5882d0;}

/* Àüü¸Þ´º */
#slidemenu{position:absolute; top:50px; left:0px; width:100%; display:none; border-bottom:2px solid #000; z-index:99;}
#slidemenu .category{overflow:hidden; width:96%; padding:15px 2% 5px 2%; background:#fff;}
#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; background:url(/m/images/common/bullet/bul_arrowWhite.gif) no-repeat 0 0.3em;}

#slidemenu .category_sub{float:left; width:97%; padding:5px 10px 10px 10px;}
#slidemenu .category_sub li{display:inline-block; width:32%; border:none; margin:0}
#slidemenu .category_sub li a{display:block; width:95%; padding:2px 10px; font-weight:normal; background:url(/m/images/common/bullet/bul_dotGray.gif) no-repeat 2px 8px;}

/* ÅǸ޴º */
#tabmenu{clear:both; overflow:hidden; width:100%; padding:3px 0 5px 0;}
#tabmenu li{float:left; line-height:0; border:1px solid #ddd; border-right:none; letter-spacing:-1px;}
#tabmenu li.first-child{border-left:none;}
#tabmenu li a{display:block; padding:9px 0 9px 0; text-align:center; color:#494949; border-top:3px solid #d8d8d8; background:#f6f6f6; font:bold 120%/110% "Nanum Gothic"; text-decoration:none;}
#tabmenu .current_on a{color:#3d65bf; border-top:3px solid #3d65bf; background:#fff;}

.tab2 li{width:49.5%;}
.tab3 li{width:33%;}
.tab4 li{width:24.7%;}
.tab5 li{width:19.7%;}
.tab6 li{width:49.5%; margin:0 0 5px 0;}


@media screen and (max-width:400px) {
#footer cite{font-size:70%;}
}