@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { margin:0px; padding:0px; border:0px; text-decoration:none; list-style:none; }
html, body { height:100%;width:100%;  font-family:"Nanum Gothic", "³ª´®°íµñ","NanumGothicWeb", Dotum, sans-serif;}
a { color:#505050; }
a:hover { color:#0080c0; font-weight:600; }

.top_contain { width:100%; height:48px; border-bottom:2px solid #CCCCCC; position:absolute; top:0px; background:white;  z-index:9; transition:0.5s; overflow:hidden; }
.top_contain:hover { height:179px;opacity:0.95; }
.top_content { width:960px; margin:0 auto; }
.top_logo {width:310px; height:50px; float:left; }
.top_navi { font-size:18px; font-weight:600; float:left; }
.top_navi li { width:130px; text-align:left; line-height:50px; height:50px; float:left; }
.top_navi .top_sub_navi { font-size:0.75em;font-weight:400; float:left; display:none; margin-top:0px; border-left:1px solid gray; padding-left:2px; }
.top_navi .top_sub_navi li { line-height:24px; height:24px; }
.top_navi:hover .top_sub_navi { display:block; }

.main_contain  { width:100%; min-height:480px; position:absolute; top:50px; z-index:1; }
.index_silde { width:100%; height:400px; }

.sub_contain { width:960px; margin:0px auto; }
.sub_nav { width:170px; float:left; margin-right:10px;}
.sub_nav_title { line-height:50px; height:50px; margin-top:10px; font-size:28px; color:#0080c0;  font-weight:600;}
.sub_nav ul li { padding:5px; font-weight:400; font-size:12px; line-height:20px;}
.sub_nav ul a .active { background:#0080c0; color:white; font-weight:600; }

.sub_content { width:750px; float:left; padding:10px; min-height:600px;}
.sub_conti { width:730px; height:100px; }
.sub_title  { font-weight:400; font-size:48px; line-height:100px; width:730px; font-weight:600; }
.content_nav { width:250px; float:right; text-align:right; font-weight:400; font-size:12px; }

.sub_content p { line-height:25px; font-weight:400; font-size:14px; }

.index_sub { width:960px; height:200px; margin:20px auto; }
.index_sub li { float:left; width:25%; height:100px; }

.main_list { width:460px; float:left; padding-top:20px; padding-bottom:20px; padding-right:20px; }
.main_list .title { font-size:28px; font-weight:bold; height:50px; line-height:50px; }
.main_list li { color:#0080ff; width:100%; line-height:35px; height:35px; text-indent:10px; }
.main_list li a { font-size:14px; color:gray; }

.bot_contain { width:100%; height:100px; line-height:20px; background: #e1e1e1;border-top:1px solid #CCCCCC; clear:both; }	
.bot_content { width:960px; margin:0px auto; font-size:0.8em; padding-top:20px; padding-bottom:20px; }
.bot_logo { width:210px;height:60px; float:left; }

.table { width:700px; margin:0 auto; font-size:12px; margin-top:20px; }
.top_table { width:700px; height:39px; line-height:39px;  text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.bot_table { width:700px; height:39px; line-height:39px;  text-align:center; border-bottom:1px solid #ccc; }
.b_table { width:700px; height:39px; line-height:39px;  text-align:center; border-top:1px solid #ccc; }
.low { width:700px; height:39px; line-height:40px; text-align:center; border-bottom:1px dotted #ccc; }
.top_table li,.bot_table li,.low li { float:left; }

.no { width:50px; }
.title{ width:450px; }
.writer { width:100px; }
.date { width:100px; }

#b_menu { padding: 25px; }
#b_menu li { display: inline; }
#b_menu li a { background: #d9d9d9; margin:0px 3px -1px 3px; padding: 10px 20px 10px 20px; float:left; border: 1px solid #606060; color: #000; font-weight: bold; font-size:12px;}
#b_menu li.active a { background: white; border-bottom: 1px solid white;}
.b_con { background: white; width: 750px; z-index:1; padding:10px; overflow:hidden; }

.media { clear:both; width:100%; padding:10px;height:150px; }
.media a { width:250px; float:left; }
.media a img { width:250px; }
.media .media-body { width: 460px; float:left; padding:10px;}


/* Business */
.sub_susiness { width:700px; }
.sub_susiness>p { padding-top:10px; font-size:14px; font-weight:bold; }
.sub_susiness>img { padding-top:30px; }