@charset "utf-8";

html { overflow-y:scroll;}
body{margin:0;padding:0;font-family:'나눔고딕',NanumGothic,ng}
img{border: 0;}

.s_round3{ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; behavior: url(./layouts/stonic_02/js/PIE.php);}
.s_round5{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; behavior: url(./layouts/stonic_02/js/PIE.php);}

/*상단*/
.s_body{position:relative; width: 100%;}
.s_top_bg{position:relative; width: 100%; border-bottom:1px solid #eee;}
.s_top{position:relative; width: 980px; margin: 0 auto; height: 33px;}
.s_top{content:"";display:block;clear:both}
/*상단메뉴*/
.s_top_area{position:relative; height:100px;z-index: 10;width: 980px; background:url(./layouts/stonic_02/img/main_top_bg_2.jpg) no-repeat center; margin: 0 auto;}
.s_top_area .first_menu{position: absolute;top:10px; right:0;z-index: 11;}
.s_top_area .first_menu li{float:left;list-style:none;position:relative;white-space:nowrap;padding:10px 20px;color:#666;}
.s_top_area .first_menu li.first{padding:0;background:none}
.s_top_area .first_menu li a{float:left;color:#333; white-space:nowrap;text-decoration:none; font-size:12px;}
.s_top_area .first_menu li a:hover,
.s_top_area .first_menu li a:active,
.s_top_area .first_menu li a:focus{ color:#000;}
.s_top_area .first_menu li.active a{font-weight:bold;color:#666;}

.top_logo{ position:absolute; top:16px; left:0px; z-index: 1000;}
.top_sns{ position:absolute; top:16px; left:840px; z-index: 1000;}

/*전광판*/
.info1{position:relative;float: left;background-color: #333; padding:4px 15px; height: 14px;color: #fff; text-align: center; font-size:11px;  margin-top:5px; }
.info{float: left;padding:2px 0 0;  margin-top:3px; }

/*상단메뉴*/
.top_menu{ position:absolute; right:0px; top: 3px;background-color: #25b0d7; padding:3px 4px; height: 20px;}
.top_menu ul{list-style:none;margin:0;zoom:1; float:left;}
.top_menu ul:after{content:"";display:block;clear:both}
.top_menu li{float:left;list-style:none;position:relative;white-space:nowrap;padding:4px 5px;color:#666;font-size:11px;}
.top_menu li.first{padding:0;background:none}
.top_menu li a{float:left;color:#fff; white-space:nowrap;text-decoration:none; font-size:11px;}
.top_menu li a:hover,
.top_menu li a:active,
.top_menu li a:focus{ color:#fff;}
.top_menu li.active a{font-weight:bold;color:#666;}

/*상단로그인*/
.top_menu .login_menu{position:relative; float:left;background-color: #fff; padding:0; height: 20px;}
.top_menu .login_menu ul{position:relative; list-style:none;margin:0;zoom:1; float:left; padding:3px 0;}
.top_menu .login_menu ul:after{content:"";display:block;clear:both}
.top_menu .login_menu li{float:left;list-style:none;position:relative;white-space:nowrap;padding:4px 5px;color:#666;font-size:11px;}
.top_menu .login_menu li.first{padding:0;background:none}
.top_menu .login_menu li a{float:left;color:#888; white-space:nowrap;text-decoration:none; font-size:11px;}
.top_menu .login_menu li a:hover,
.top_menu .login_menu li a:active,
.top_menu .login_menu li a:focus{ color:#000;}
.top_menu .login_menu li.active a{font-weight:bold;color:#666;}

/*상단언어팝업*/
.lang_text{padding: 0 10px;} 
.langList { display:none; position:absolute; margin:0; padding:0; z-index:999; top:30px; right:0; width:100px;background:#fff; border:1px solid #eee;}
.langList ul{position:relative; list-style:none;margin:0;zoom:1; padding:0; }
.langList li{ list-style:none; height: 18px; }
.langList li a{ font-size:11px; display:block; padding:3px 5px;color:#333; text-decoration:none; width:80px;}
.langList li a:hover{ color:#333; background:#eee;}
.langList .lang_select{ font-weight:bold;border-bottom:1px solid #eee; color:#25b0d7; width:80px; padding:8px 10px 0;}

/*메인메뉴*/
.gnb_bg{background:#25b0d7; z-index: 100;border-top:2px solid #333; border-bottom:0px solid #eee;}
.gnb{position:relative; margin:0 auto; padding:0; white-space:nowrap;padding:0;width: 980px;  height: 40px;z-index: 91;background:#25b0d7;}

/*검색바*/
.s_search{position:absolute; top:4px; right:5px; width:160px; height:28px; background-color:#fff; padding-left:5px;  padding-top: 4px; }
.s_search .iText{position:relative; border:0px;height:23px;width:125px; color: #333;float:left; background:none !important;}
.s_search .submit{position:absolute;height:28px;width:30px; right:3px; top:2px; border:0px;}


/*본문*/
.content_slider{position:relative; z-index: 1;*z-index: -1; padding: 0;border-bottom:3px solid #333;}
.content_image{position:relative; z-index: 1;*z-index: -1; padding: 0;border-bottom:3px solid #333;}
.s_content{position:relative; width: 100%;z-index: 99;}
.s_body_area{position: relative; width: 980px; margin: 0 auto; padding:0;}
/*중앙바*/
.s_center_bar{position: relative; width: 980px; margin: 0 auto;background:#25b0d7;font-size: 0px;}
.content2{position:relative; margin: 0 auto; width: 980px;overflow:hidden; padding:10px 0; }
.content2:after{content:"";display:block;clear:both;}

/*왼쪽+본문*/
.content_side_left{position:relative; float:left; width:190px; padding:0; *z-index:-1;border:1px solid #333;}
.content_side_left h3{ font-size:13px; color: #333; font-weight:bold; padding-bottom: 10px;}
.center_content{position:relative; float:right; min-height:200px; width:760px; padding: 6px 0px 10px 0px;*z-index:-1;}
.center_content:after{content:"";display:block;clear:both}

.content_side_banner_left{position:relative; float:left; width:150px; padding:10px 20px 20px; *z-index:-1;clear:left; border:1px solid #ddd; margin-top: 10px;}
.content_side_banner_left h3{ font-size:13px; color: #333; font-weight:bold; border-bottom:1px solid #d7d7d7;padding-bottom: 10px;}

/* 현재위치 */
.sub_title2{position:relative; float:right; width:760px; color:#333; font-size: 18px; font-weight:bold; padding:10px 0 15px; margin: 0;}
.sub_location { position:relative; float:right; width:750px; padding: 5px;*z-index:-1; background-color: #eee; margin: 0; margin-bottom: 10px; border:1px solid #ddd; }
.sub_location ul {margin:0; padding:0; list-style:none; overflow:hidden; display: block;}
.sub_location li { float:left; padding:0px;color:#999; font-size: 10px;}
.sub_location li:last-child {background:none;  }
.sub_location a { color:#999; text-decoration:none; padding:5px 6px; font-size: 11px; }
.sub_location a:hover { color:#999;}

/*세로형 2차메뉴*/
.content_side_left span a{display:block;font-size: 14px; font-weight:bold; text-decoration:none;color:#fff; padding:15px; background-color: #333;}
.locNav {padding:0;width:100%;margin:0;list-style:none;padding-bottom: 10px;}
.locNav li{padding:0;vertical-align:top; display:inline;}
.locNav li a{padding:10px 15px;display: inline-block;border-top:1px dotted #e8e8e8;color:#3e3e3e;position:relative;z-index:80;text-decoration:none;width:160px;}
.locNav li span{color:#ddd; font-size: 11px;position: absolute; right:10px;}
.locNav li a:hover,
.locNav li.active a{color:#25b0d7; font-weight: bold;}
.locNav li.active a span{color:#25b0d7;}
.locNav li .patch{padding-bottom: 0;}
.locNav li ul{position:relative;width:100%;padding:0;margin:0;overflow:hidden;color:#818181; background-color:#f6f6f6; }
.locNav li li{position:relative;top:-1px;width:100%;display:block;padding:0 5px; }
.locNav li li a{color: #818181 !important;border:none;background:none !important;}
.locNav li li a:hover{background:#FF372C; color:#000 !important;}
.locNav li.active li.active a{color: #333333 !important;font-weight:bold !important; background:#CCCCCC;}

/*4차메뉴*/
.locNav3 {position:relative; width:760px; border-bottom:1px solid #25b0d7; margin:0 0 20px;padding:0;}
.locNav3:after{content:"";display:block;clear:both}
.locNav3 li{position:relative; padding:8px 0; *padding:0; list-style:none; float: left;  margin-right: 3px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; behavior: url(./layouts/stonic_02/js/PIE.php);}
.locNav3 li a{color:#3e3e3e;position:relative;z-index:80;text-decoration:none;padding:8px 20px; background-color: #333; color: #fff;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; behavior: url(./layouts/stonic_02/js/PIE.php);}
.locNav3 li.active a{color:#fff; background-color:#25b0d7;}

/*하단*/
.bottom_info{padding:0 0 10px; position:relative; width: 980px; margin: 0 auto; }
.bottom_info:after{content:"";display:block;clear:both;}
.bottom_info .foot_menu{position:relative; height: 33px;border-top:2px solid #000; border-bottom:1px solid #d8d8d8; padding-left:10px; }
.bottom_info .foot_menu ul{list-style:none;margin:0;zoom:1; padding:10px 0 0;}
.bottom_info .foot_menu ul:after{content:"";display:block;clear:both}
.bottom_info .foot_menu li{float:left;list-style:none;position:relative;white-space:nowrap}
.bottom_info .foot_menu li.first{padding:0;background:none}
.bottom_info .foot_menu li a{float:left;padding:0 10px 5px 0; color:#888; white-space:nowrap;text-decoration:none;font-size:11px;}
.bottom_info .foot_menu li a:hover,
.bottom_info .foot_menu li a:active,
.bottom_info .foot_menu li a:focus{ color:#666666;}
.bottom_info .foot_menu li.active a{font-weight:bold;color:#666;}
.bottom_info .foot_menu .goto{position: absolute; top:5px; right:0;background-color: #333; padding:5px 10px; height: 12px;color: #fff; }
.bottom_info .foot_menu .goto a{float:left;color:#fff; white-space:nowrap;text-decoration:none;font-size:10px;}
.bottom_info .copyright{position:relative; padding:15px 10px 10px; color:#888; white-space:nowrap;text-decoration:none;font-size:11px;}
.bottom_info .copyright .foot_logo{position: absolute; top:10px; right:10px;}
.bottom_info .copyright .foot_logo a{ color:#999999; text-decoration:none; font-weight:bold; font-size:14px;}