@charset "utf-8";

html { overflow-y:scroll;}
/* Default Skin - Start */
body{margin:0;padding:0;}
.selectLang{margin:0;padding:0;}
/* Site Layout - Body Wrap */
body,input,textarea,select,button,table{font-family:'나눔고딕',NanumGothic,ng}
img{border: 0;}
.skipToContent{*position:relative;margin:0 auto;background:#6a6a6a;width:100%;text-align:center; z-index: 9999;}
.skipToContent a{position:absolute;width:1px;height:1px;left:0;top:0;overflow:hidden;color:#fff;text-decoration:none;display:block;padding:5px 0;white-space:nowrap}
.skipToContent a:hover,
.skipToContent a:active,
.skipToContent a:focus{position:relative;height:auto;width:auto}

.sn_top_bar{background:url(../images/topbar/topbg.png) repeat-x top; height:105px; width:100%;position:relative; z-index:9999; min-width:980px;}
.sn{width:980px;margin:0 auto; position:relative;}
/* Site Layout - Header */

.s_top_widget { position:absolute; right:10px; top:0px; z-index:10000;}
.s_top_widget .login_widget { position:relative; float:left; padding:0;}
.s_top_widget .login_widget a{ text-decoration: none;}
.s_top_widget .language_widget {float:left;  position:relative;}
.s_header{position:absolute; height:97px; z-index:1; left:0px; margin-top:3px;}
.s_header h1{margin:0;position:absolute;top:18px;left:10px; width:500px;}
.s_header h1 a{color:#000;text-decoration:none}

.sub_BG{background:url(../images/sub_bg.gif) repeat-y;z-index:2; }
.s_title {position:relative;width:980px; z-index:2; clear:both; }
.s_banner {position:relative;width:980px;margin-top:-3px; padding:3px 0px 0px 3px; height:181px;}
/* 1.9 */
.s_banner ul{margin:0; padding:0; list-style:none; overflow:hidden;}
.s_banner li{list-style: none; float:left;width: 243px; height:181px;}
/* 1.9 */
.marginTop{margin-top:-9px;}
.s_content{position:relative;width:920px; padding:30px 30px 5px;}
.s_content:after{content:"";display:block;clear:both}

.s_sub_title {position:relative;width:974px;z-index:2; clear:both; min-height:30px; z-index:-1; margin-left:3px;}
/*검색*/
.s_sub_menu{position:relative;width:980px;height:44px;margin-top:-3px;*margin-top:-6px;}
.s_sub_menu .search{position:absolute; right:20px; top:10px; background:url(../images/searchx.png) no-repeat; width:185px; height:27px;}
.s_sub_menu .search .iText{line-height:27px; border:0px; background:transparent; height:27px; padding-left:10px; width:145px;}
.s_sub_menu .search .submit{height:27px; float:right; width:25px; padding:0px; border:0px;}

/*2차메뉴 가로형메뉴*/
.sub_gnb{margin:0; height:41px; padding:3px 0px 0px 10px;}
.sub_gnb ul {margin:0; padding:0; list-style:none; overflow:hidden;}
.sub_gnb li {list-style: none; display: inline;}
.sub_gnb li a {color:#fff; text-decoration:none; padding:16px 20px 0px 20px; font-size:12px; display:block; float:left; height:25px;}
.sub_gnb li a:hover, .sub_gnb li.active a{}
/*3차메뉴 가로형메뉴*/
.sub_gnb2{position:absolute; margin:0; height:41px; padding:3px 0px 0px 10px; z-index:100;}
.sub_gnb2 ul {margin:0; padding:0; list-style:none; overflow:hidden;}
.sub_gnb2 li {list-style: none; display: inline;}
.sub_gnb2 li a {color:#fff; text-decoration:none; padding:16px 20px 0px 20px; font-size:12px; display:block; float:left; height:25px;}
.sub_gnb2 li a:hover, .sub_gnb2 li.active a{}
.sub_gnb2 .ul3{position:absolute; left:30px; top:15px;font-size:0; border-bottom:1px solid #CBCCC7; width:914px; border-left:1px solid #d8d8d8; background:none;}
.sub_gnb2 .ul3 li{position:relative;}
.sub_gnb2 .ul3 li a{position:relative; color:#999; background:none !important; padding:10px 20px; height:15px; text-align:center; border:1px solid #d8d8d8; border-bottom:0;border-left:0;}
.sub_gnb2 .ul3 li a:hover{ background: #CCCCCC !important; color:#FFF;border:1px solid #d8d8d8; border-bottom:0;border-left:0;}
.sub_gnb2 .ul3 li.active a { background:#CCCCCC !important; color:#FFF;border:0; border-top:1px solid #d8d8d8;}
/* top형 현재위치 */
.top_nav {padding:10px 0; margin:0;}
.top_nav ul { margin:0; padding:0 0 0 20px; list-style:none; overflow:hidden;}
.top_nav li { float:left; padding:7px 0 10px 0;}
.top_nav li:last-child {background:none;  }
.top_nav a {text-decoration:none; padding:5px 6px;}
.top_nav a:hover { color:#fff;}
/* 서브본문형 top형 현재위치 */
.top_nav2 { position:absolute; padding:5px 0; margin:0;z-index:100; right:30px;}
.top_nav2 ul { margin:0; padding:0 0 0 20px; list-style:none; overflow:hidden;color:#999;}
.top_nav2 li { float:left; padding:7px 0 10px 0;}
.top_nav2 li:last-child {background:none;  }
.top_nav2 a {text-decoration:none; padding:5px 6px;color:#999;}
.top_nav2 a:hover { color:#ccc;}
.top_nav3 { position:relative; padding:0;}

/* left,right형 현재위치 */
.sub_title1{position:relative;display:block; height:30px; font-size:20px; color:#333; font-weight:bold; border-bottom:1px solid #EBEBEB; width:100%; margin-bottom:5px;}
.sub_top { position:absolute; color:#999; height:20px; right:15px; top:10px; }
.sub_top ul { float:right; margin:0; padding:0; list-style:none; overflow:hidden;}
.sub_top li { float:left; padding:0px;}
.sub_top li:last-child {background:none;  }
.sub_top a { color:#999; text-decoration:none; padding:5px 6px; }
.sub_top a:hover { color:#999; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.sub_top_sub_typeC{ position:absolute; color:#999; height:20px; right:0px; top:10px; }
.sub_top_sub_typeB{ position:absolute; color:#999; height:20px; right:15px; top:10px; }
/* 본문 */
.s_sub_content{position:relative; z-index:1; width:920px;background:url(../images/cronos_sub_bg2.png) no-repeat top left; padding:30px; min-height:350px; clear:both;}
.s_sub_content:after{content:"";display:block;clear:both;}
.s_sub_content .sub_leftsub_typeB{position:relative; float:left;width:700px; border-right:1px solid #ebebeb; padding-right:20px; min-height:350px;  overflow:hidden;}
.s_sub_content .sub_rightsub_typeB{ float:right;width:180px; overflow:hidden;}
.s_sub_content .sub_rightsub_typeB h3{ font-size:13px; color: #666666; font-weight:bold; border-bottom:1px solid #d7d7d7; padding-bottom:5px;}

.s_sub_content .sub_leftsub_typeC{position:relative; float:right; width:700px; border-left:1px solid #ebebeb; padding-left:20px; min-height:350px;  overflow:hidden;}
.s_sub_content .sub_rightsub_typeC{ float:left; width:180px; overflow:hidden;}
.s_sub_content .sub_rightsub_typeC h3{ font-size:13px; color: #666666; font-weight:bold; border-bottom:1px solid #d7d7d7; padding-bottom:5px;}

/*2차,3차메뉴가로형메뉴*/
.lnb{ margin-bottom:20px;}
.lnb h2{margin:0}
.lnb h2 a{display:block;padding:0 0 10px 0;text-decoration:none;color:#333; *font-size:18px;}
.locNav {border-top:1px solid #ddd;padding:0;width:180px;margin:0;list-style:none;}
.locNav li{padding:0;vertical-align:top; display:inline; }
.locNav li a{padding:6px 5px 6px 13px;display: inline-block;border-bottom:1px solid #e8e8e8;color:#3e3e3e;position:relative;z-index:99;text-decoration:none;width:162px;}
.locNav li a:hover,
.locNav li.active a{color:#fff;border-bottom:1px solid #e8e8e8;}
.locNav li ul{position:relative;width:180px;padding:0;margin:0;border-top:1px solid #fff;overflow:hidden;color:#818181;}
.locNav li li{border-bottom:1px solid #f2f2f2;position:relative;top:-1px;width:180px;display: inline-block;}
.locNav li li a{color: #818181 !important; width:160px;border:none;background:none !important;border:none !important}
.locNav li li a:hover{color:#818181; background:#818181 !important; color:#FFFFFF !important;}
.locNav li.active li.active a{color: #333333 !important;font-weight:bold !important;}
/*하단*/
.s_footer {position:relative;width:974px; border-top:1px solid #d8d8d8;margin-left:3px;}
.s_footer:after{content:"";display:block;clear:both}
.s_footer_bg {position:relative;width:974px; background-color: #fff;padding:15px 0;}
.s_footer_bg:after{content:"";display:block;clear:both}
.s_footer .info{clear:both;}
.s_footer .info .logo{float:left;display:inline;}
.s_footer .info .logo a{ color:#999999; text-decoration:none; font-weight:bold; font-size:15px; padding-left:20px;}
.s_footer .info .copyright{float:left;color:#999999; font-size:11px; padding:0 0 0 50px; line-height:15px; _margin:-10px;}
.s_footer .info .copyright ul{list-style:none;margin:0;zoom:1; float:left; padding:5px 0;}
.s_footer .info .copyright ul:after{content:"";display:block;clear:both}
.s_footer .info .copyright li{float:left;list-style:none;padding-left:2px;position:relative;white-space:nowrap}
.s_footer .info .copyright li.first{padding:0;background:none}
.s_footer .info .copyright li a{float:left;padding:0 10px 0 0; color:#888; white-space:nowrap;text-decoration:none;font-weight:bold;}
.s_footer .info .copyright li a:hover,
.s_footer .info .copyright li a:active,
.s_footer .info .copyright li a:focus{ color:#666666;}
.s_footer .info .copyright li.active a{font-weight:bold;color:#666;}
.s_footer .info .copyright .address{clear: both;}


/* popup */
#sn_popup { position:absolute; z-index:10000; top:0px; left:0px;}
#sn_popup .loginLayer{ position:absolute; padding:20px; border:2px solid #737373; margin:0; background:#fff; padding-bottom:10px;}
#sn_popup .loginLayer a{ text-decoration:none; color:#666666;}
#sn_popup .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/buttonCloseX.gif) no-repeat center center;}
#sn_popup .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; overflow:hidden; visibility:hidden;}
#sn_popup .loginLayer a b{font-size:11px; float:right; margin-top:3px;}

.FamilySite{top:20px; right:10px; border:1px solid #CCC;  position:absolute;}
.FamilySite select{border:0px; color:#666;}