/* HEADER */


section, nav, article, aside, hgroup, header, footer { display:block }

#wrap_head {
 background:url(../images/bg_top_gnb.png) repeat-x;
 }
h1.main_logo {
 display:inline-block;
 width:250px;height:75px;margin:0 auto;}
#logo {
 color:#FFFFFF;
 margin:7px 0 ;
 display:block;
 height:75px;width:250px;margin:0 auto; } 
 

@media screen and (-webkit-device-pixel-ratio: 2) {
 .search_icon { background: url("../images/btn_searchx2.png");
   -webkit-background-size:15px 15px; }
}
/* 숨겨진 검색창 */
#content {
 display:none;
 height:42px;
 background:#cf0808;
 width:100%;
 padding-top:10px; }
#content fieldset { margin:0 10px; }
#content .bg_search {
 position:relative;
 padding-right:36px; }
#content .wrapBox {
 height:32px;
 background-color:#fff; }


@media screen and (-webkit-device-pixel-ratio: 2) {
 .search_left { background: url("../images/bg_search_leftx2.png"); 
  -webkit-background-size: 6px 32px;}
}

#content .wrapBox input.type_text {
 width:90%;
 height:20px;
 color:#444;
 border:0 none;
 margin:5px 0 0 10px; }
#content input.type_btn {
 position:absolute;
 top:0px;
 right:0px;
 display:block;
 width:36px;
 height:32px;
 -webkit-background-size: 36px 32px;
 background:url(../images/btn_down_search.png) no-repeat;
 border:0;
 text-indent:-500em; }
@media screen and (-webkit-device-pixel-ratio: 2) {
#content input.type_btn { background: url("../images/btn_down_searchx2.png");
-webkit-background-size: 36px 32px; }
}
/* 대메뉴 */
.main_menu {
    width:100%;
   
    border-top:1px solid #0CF;
    background:#09F;
    text-align:center;
    overflow:hidden; }
.main_menu li {
    float:left;
    width:25%;
    height:31px; }
.main_menu li a {
    display:block;
    border:none;
    height:25px;
    color:#FFF;
    padding-top:6px;
    font-size:12px; letter-spacing:-1px;}
.main_menu li a.tab_m { border-right:1px solid #0CF; }
.main_menu li a.on { color:#cd0000; }


/* nav */
#k_nav {width:100%;
overflow:hidden;
border-bottom:1px solid #36F;border-top:1px solid #36F;
background:#003060;
}
#k_nav > div > a{
float:left;
padding:5px 10px;
font-weight:bold;letter-spzcing:-1px;
height:35px;
line-height:35px;
text-align:center;
color:white;
}

/* nav */


/* 2depth menu 추가 */
.sub_menu {
   border-bottom:1px solid #dddddd;
   height:35px;
   overflow:hidden;
   padding-left:10px; }
.sub_menu li {
   float:left;
   height:35px;
   padding-right:20px; }
.sub_menu li a {
   display:block;
   border:none;
   height:30px;
   color:#999999;
   padding-top:12px;
   font-size:11px; font-weight:bold;}
.sub_menu li a.on {
   color:#0057AE;
   font-weight:bold;
   letter-spacing:-1px; }


/* 메인 컨텐츠 */
#main { clear:both; line-height:24px;}
#main>.sub_title>h1{font-size:30px; color:#333;font-weight:bold;margin:15px 0}
.m_01{margin:10px 0 35px 0}
.m_02{padding-left:8px;margin-bottom:15px;}
.m_02>h5{padding-left:15px;font-size:15px; color:#F60;font-weight:bold;background:url('../images/pppp.jpg') no-repeat 0% 6px;}
.m_02>ul>li{ margin-left:10px;padding-left:15px;background:url('../images/p.jpg') no-repeat 0% 10px;}
.m_01>h4{font-size:18px; color:#09F;font-weight:bold;margin:5px 0 15px 0}
.m_01>ul>li{ margin-left:10px;padding-left:15px;background:url('../images/p.jpg') no-repeat 0% 10px;}
.m_01>h4{margin-top:15px;padding-left:15px;background:url('../images/pp.jpg') no-repeat 0% 5px;}
hr{width:100%;height: 1px; color:#CCC}
/* sub1_1의 내용 콘텐츠 */
#main{padding:15px 10px 20px;}
#main h2{font-family:Arial, Helvetica, sans-serif;
       font-size:1.6em; margin-bottom:10px;}
#main h3{font-size:1em; margin-bottom:15px;}
#main .img1{float:left; margin-right:10px;}
#main p{font-size:.95em; text-align:justify; line-height:1.5em; margin-bottom:10px;}

/* 본문 */
#s_header {padding:15px;}
#s_article {padding:10px;}
section{margin:20px 10px;}


.01_aa{padding:10px}
hr{clear:both;margin:20px 0}
h2{margin-left:10px;margin-top:23px;margin-bottom:10px;color:#06F;}
.aaaa{color:#F63;margin-top:23px;margin-bottom:10px;}
.aaaaa>li{margin-left:10px;padding-left:15px;background:url('img/sub/p.jpg') no-repeat 0% 10px;}
.aaaaaa{color:#328B1F;}

.s_con_01{width:100%;height:40px;}
.s_con_01>.hin_menu_01{float:left;}
.s_con_01>.hin_menu_01>li{width:160px;float:left;border:1px solid #FFF;letter-spacing:-1px;padding:2px 3px;text-align:center}
.s_con_01>.hin_menu_01>li.on>a{font-weight:bold; background:#F63; color:#FFFFFF;}
.s_con_01>.hin_menu_01>li>a{ background:#CCC; display:block;}
.s_con_01>.hin_menu_01>li>a:hover{background:#F63; color:#FFFFFF; font-weight:bold;}
.blue{color:#06F}
.green{color:#390}
.red{color:#F00}

	/* footer */
#footer {
    border-top:1px solid #aeaeae;
    background-color:#dcdcdc;
    text-align:center;
    font-size:15px;
    margin-top:5px; 
    padding-bottom:20px;
    border-top:1px solid #e2e2e2; 
    clear:both; }

#footer ul li {
    display:inline-block;
    height:16px;
    margin-top:15px;
    text-align:left;
    letter-spacing:-1px; }
#footer ul li a {
    height:16px;
    padding:0 10px 0 5px;
    font-size:15px;
    color:#555;
    background:url(../images/bg_bar.png) no-repeat right; }
#footer ul li.end a { background:none; }
#footer input {
    height:26px;
    padding:0px 8px 0 8px;
    border:1px solid #aaaaaa;
    font-size:.8em;
    color:#222;
    letter-spacing:-1px;
    text-align:center;
    box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5)); /*Safari*/
    background: -webkit-linear-gradient(top, #fff, #e5e5e5); /*WebKit nightly*/
    background: -moz-linear-gradient(top, #fff, #e5e5e5); /* Modzilla Firefox */ }
#footer p.privacy {
    width:100%;
    margin:12px 0 0 0;
    height:10px;
    font-size:12px;
    letter-spacing:-1px; }
#footer p.privacy a { color:#787878; }
#footer p.privacy span.bar {
    padding:0 8px 0 8px;
    font-size:11px;
    color:#d1d1d1; }

.end_bar {
    height:55px;
    background:#424242;
    color:#CCCCCC;
    font-size:0.7em; padding-top:10px;padding-left:20px;}
.end_bar p.copyrights {
    padding-top:4px;
    float:left; }
.end_bar img {
    float:right;
    margin:5px 10px 0 0; }