@charset "utf-8";

/*///////////////////// 메인서브공통 //////////////////////*/
#wrap{position:relative}
body{font-family: 'Noto Sans KR', sans-serif; min-width:320px; font-size:14px; color:#000; font-weight:300}
address{font-style:normal}
img{vertical-align:top; /*min-width:100%;*/ max-width:100%; height:auto}
.clear:after{display:block; content:""; clear:both}
.group:after{display:block; content:""; clear:both}

/*헤더*/
#header {height:50px; background:#b2111b;}
#header h1 img {width:100%;}
#header h1 a {vertical-align:top;display:inline-block;width:50%;}
#header h1 {text-align:center;  padding-top:12px;}
#header .full_menu{ position:absolute; top:15px; left:15px; background:url(/layout/images/www_mobile/main/ico_fullmenu.png) no-repeat; background-size:22px 20px;}
#header .go_search{position:absolute;top:13px;right: 3.5%;background:url(/layout/images/www_mobile/main/search.png) no-repeat;background-size:23px 22px;}
#header .full_menu span , #header .go_search span {display:block;width: 23px;text-indent:-9999px;}

/*sns연결*/
.sns_link {height:35px; border-top:1px solid #147be2; border-bottom:1px solid #147be2; text-align:center; width:100%;}
.sns_link ul{ display:inline-block;  overflow:hidden; }
.sns_link li{float:left; padding:0 10px; margin-top:6px; background:url(/layout/images/www_mobile/common/sns_gubun.gif) right 8px no-repeat;}
.sns_link li:last-child{ background:none;}
.sns_link > ul > li a{display:block; letter-spacing:-1px;}
.sns_link > ul > li:nth-child(1) a { background:url(/layout/images/www_mobile/common/ico_twitter.gif) left top no-repeat; height:23px; padding:4px 5px 0 24px }
.sns_link > ul > li:nth-child(2) a { background:url(/layout/images/www_mobile/common/ico_facebook.gif) left top no-repeat; height:23px;  padding:4px 5px 0 23px}
.sns_link > ul > li:nth-child(3) a { background:url(/layout/images/www_mobile/common/ico_blog.gif) left top no-repeat; height:23px; padding:4px 5px 0 20px }

/*footer*/

#footer {padding-bottom:30px; background-color:#f4f4f4}
#footer .inner{position:relative;}
#footer .family_site{position:relative}
#footer .family_site > a{display:block; height:47px; line-height:47px; background:#181818; font-size:12px; color:#e5e5e5; padding:0 14px}
#footer .family_site > a span{float:right; border-left:1px solid #39332d; padding-left:15px;  background:url("/layout/images/www/main/main_sprite.png") -553px -31px; text-indent:-9999px; width:20px;}
#footer .family_site > ul{display:none; position:absolute; width:100%; bottom:47px; }
#footer .family_site > ul li a{display:block; height:40px; line-height:40px; background:#666; color:#fff; padding-left:14px; }
#footer .links{margin-top: 28px;padding: 0 14px;}
#footer .links li{float:left;width: 32%;background: url("/layout/images/www_mobile/main/bar_l.gif") no-repeat 1px 6px;}
#footer .links li a{margin-left:30px; color:#878787; text-align:center;}

#footer p {margin-top: 5px;padding:0 14px;font-size:12px;}
#footer .inner .go_top a{position:absolute;top: 67px;right:15px;background:#d0d0d0;border-radius:700px;width:20px;height:30px;padding:1px 8px;font-size:11px;line-height:28px;}




/*전체메뉴*/
.menu_box{width:100%;height:auto;background: #323232;display:none;}
.menu_box h3 {background:none;padding:0; margin:0;}
.btn_close_menu{
 position:absolute;
 top:0;
 left: 0;
 display:block;
 width:48px;
 height:52px;
 background: #323232 url(/layout/images/www_mobile/common/ico_menu_close.png) 12px 15px no-repeat;
 text-indent:-9999px;
 border-left:1px solid #373f46;
 }
 
 .menu_wrap{background:#4a565f; width:100%; position:relative; overflow:hidden;border-top:1px solid #373f46; background:url(/layout/images/www_mobile/common/menu_line.gif) 50% top repeat-y; }
 .menu_wrap > .left_1th{ float:left; width:50%; padding:30px 0;}
 .menu_wrap > .right_1th{ float:left; width:50%; padding:30px 0;}

.menu_wrap h3 {font-size:18px;color: #9fd0ff;display:block;margin-left:16px !important;padding-bottom:20px !important;}
.menu_wrap ul { margin-left:18px;}

 /*2차메뉴*/
 .menu_wrap ul > li > a{ color:#FFF; font-size:13px; background:url(/layout/images/www_mobile/common/ico_menu_list.png) left 8px no-repeat; padding-left:10px; display:inline-block; margin-right:10px; letter-spacing:-1px; line-height:20px}
 /*3차메뉴*/.menu_wrap ul li ul { margin:5px 10px 10px 15px;}
 /*3차메뉴*/.menu_wrap ul li ul li a{ font-size:12px; color:#CCC; background:none !important; padding-left:0; }
 /*4차메뉴*/.menu_wrap ul li ul li ul li a{ font-size:12px; color:#CCC; line-height:16px; padding-left:0; border:none;}
 
 .menu_footer{ height:40px;border-top:1px solid #373f46; overflow:hidden;}
 .menu_footer a{ display:block; float:right; color:#a1acb4; font-size:14px; background:url(/layout/images/www_mobile/common/btn_menu_close_footer.png) left top  no-repeat; padding-left:20px; font-weight:bold; margin:10px 10px 0 0;}