@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


@media \0screen {
	body{overflow-y:scroll;}
}

/* png */
.png24 {tmp:expression(setPng24(this));}

/* common */
html, body {width:100%; margin:0 auto; height:100%; font:normal .75em/160% '나눔고딕', Nanum Gothic,"맑은고딕",NanumGothic,"돋음", Dotum, "굴림", Gulim, tahoma, AppleGothic, Sans-serif; color:#777; line-height:160%; overflow-x:hidden}
html {scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #b0b0b0; scrollbar-shadow-color: #7f7f7f;scrollbar-darkshadow-color: #F2F2F2; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #7f7f7f;}
body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0; -webkit-text-size-adjust:none;}
ol, ul, li { list-style:none; }
blockquote, q { quotes:none; }
body, input, textarea, select, button {color:#666; font-size:12px;; font-family:'나눔고딕', Nanum Gothic,"맑은고딕",NanumGothic,"돋음", Dotum, "굴림", Gulim, tahoma, AppleGothic, Sans-serif;}
header, footer, nav, aside, section, article {display:block;}
fieldset, img {border:0;}
em,address{font-style:normal}
.fl{float:left;} .fr{float:right;} .tc{text-align:center;} .cb{clear:both;} .first {margin-left:0 !important;}
.nc,hr{display:none !important}
img {-ms-interpolation-mode:bicubic !important;}
img,table,fieldset,button{ border:0}
a,img,input,span,button {outline: none;selector-dummy:expression(this.hideFocus=true);}
table {border-collapse:collapse;border-spacing:0; table-layout:fixed;}
legend, caption {position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
a:link, a:visited, a:hover, a,active, a:focus { text-decoration:none; cursor:pointer; color:#606060; }
.mj_r2 {margin-right:2px;}
.clear{width:100% !important;height:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;display:block !important;float:none !important;clear:both !important;overflow:hidden !important;}
.wn{text-overflow:ellipsis !important;*text-overflow:ellipsis !important;white-space:nowrap !important;*white-space:nowrap !important;display:block !important;*display:block !important;overflow:hidden !important;*overflow:hidden !important;}


/* form */
input.inbox{height:21px;line-height:21px; border:solid 1px #d9d9d9; text-align:left; padding:0 5px 0 5px}
input, textarea, select {vertical-align:middle;}
input.input_chk {margin-top:-1px; margin-right:7px;}
input.input_txt {height:20px; padding:2px 6px 0 6px; border-top:1px solid #c2c2c2; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #c2c2c2;}
input.input_file {height:24px; padding:0 6px; background:none; border-top:1px solid #c2c2c2\9; border-right:1px solid #e5e5e5\9; border-bottom:1px solid #e5e5e5\9; border-left:1px solid #c2c2c2\9;}
textarea { padding:6px; border-top:1px solid #c2c2c2; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #c2c2c2;}
textarea.hei_210 {height:196px;}
select {height:24px; *margin-top:4px; padding:0; line-height:14px; border:1px solid #d9d9d9;}



/* Layout */
#wrap {width:980px; margin:0 auto;}

/* header */
header {width:980px; height:90px; margin:30px 0 10px; background:#2ac4f4;}
.header_l {width:250px; height:80px; padding:5px 27px 5px 33px; float:left;}
.hleft_section1 {height:19px;}
.hleft_section2 {height:25px; margin-top:11px; margin-bottom:3px;}
.hleft_section3 {width:210px; height:37px; float:right;}
.hleft_section4 {width;210px; height:40px; clear:both; float:right;}
.bg_white {background:#fff; width:100%; height:27px; position:relative;}
.date {color:#fff; font-size:14px; font-weight:600;}
.q_menu {width:250px; height:25px; margin-top:0px; font-size:12px; font-weight:600;}
.q_menu li {float:left; margin:2px 2px; border-radius:3px; background:#76cbf2; padding:0 5px; color:#fff; box-shadow:1px 1px 3px 0px #025974; line-height:20px; height:20px;}
.q_menu .active {float:left; margin:2px 2px; border-radius:3px; background:#2a9cd1; padding:0 5px; color:#fff; box-shadow:1px 1px 3px 0px #025974; line-height:20px; height:20px;}
.q_menu li:hover {float:left; margin:2px 2px; border-radius:3px; background:#2a9cd1; padding:0 5px; color:#fff; box-shadow:1px 1px 3px 0px #025974; line-height:20px; height:20px;}
.q_menu li a { font-size:12px; font-weight:600; color:#fff; }
.q_menu li a img {margin-top:4px;}
.btn_box {width:67px; float:right !important;}
.btn_chg {padding-right:9px;}
.header_logo {width:400px; height:81px; float:left; margin-top:13px;}
.header_logo img {width:182px; height:81px; margin-left:85px;}
.header_r {width:210px; height:75px; padding:10px 31px 5px 29px; float:left;}
.search {width:161px; border-radius:5px; border:1px solid #ccc; padding:0px 5px; height:22px;}
.search_box {padding-top:12px; }
.search_txt {height:20px; font-size:15px; color:#fff !important; font-weight:600; margin-right:5px; vertical-align:middle;}

/* 0315수정 main */
main{width:99%; height:auto;clear:both;z-index:0;}
.m_section1 {width:914px; height:235px; padding:23px 33px; background:#f1f1f1; position:relative;}
.m_section2 {width:915px; height:1150px; padding:10px 32px 26px 33px; background:#f1f1f1; margin-top:27px; margin-bottom:30px; position:relative;}
.m_section3 {width:915px; padding:10px 32px 26px 33px; background:#f1f1f1; margin-top:5px; margin-bottom:30px; position:relative;}

.news_box1 {width:210px; height:235px; background:#fff; float:left; margin-right:22px; border-radius:10px; border:1px solid #8d8d8d; box-shadow:2px 2px 5px 0px #909090; position:relative;}
.news_img {border-radius:9px 9px 0px 0px;}
.box_last {margin-right:0 !important;}
.news_wrap {clear:both}
.news_box2 {width:165px; height:200px; background:#fff; float:left; margin-right:20px; border-radius:10px; border:1px solid #8d8d8d; box-shadow:1px 1px 4px 0px #909090; margin-bottom:25px; position:relative;}
.news_box3, .news_box4 {width:165px; height:270px; background:#fff; float:left; margin-right:20px; border-radius:10px; border:1px solid #8d8d8d; box-shadow:1px 1px 4px 0px #909090; margin-bottom:25px; position:relative;ov}
.news_box1 p {padding:3px 6px; letter-spacing:-1px;}
.news_box2 p, .news_box3 p, .news_box4 p {font-size:11px; margin-top:5px;}
.news_box1 span {margin-top:-5px; margin-left:3px;}
.n_txtbox {padding:10px 10px 10px 10px; border-bottom:1px solid #c8c7c7; width:145px; margin:0 auto; height:219px; overflow:hidden;}
.n_txtbox2 {padding:2px 10px 3px 10px; border-bottom:1px solid #c8c7c7; width:145px; height:119px; margin:0 auto; overflow:hidden; margin-top:-5px;}
.n_txtbox3 {padding:4px 0px 10px 0px; border-bottom:1px solid #c8c7c7; width:158px; margin:0 auto; height:61px; overflow:hidden;}
.n_title2 {line-height:20px; margin-top:3px;}
.news_box3 .n_title2, .news_box4 .n_title2  {font-size:14px; font-weight:600; color:#000; height:40px; overflow:hidden; text-overflow:ellipsis;line-height:160%}
.news_box4 .n_txtbox {padding:7px 10px 5px 10px; border-bottom:1px solid #c8c7c7; width:145px; height:227px; margin:0 auto;}
.news_icon {width:17px; vertical-align:middle; margin-right:2px;}
.news_icon02 {width:15px; vertical-align:middle; margin-right:2px;}
.ntitle_box {padding:8px 13px 8px 9px; vertical-align:middle; width:189px; height:14px; line-height:22px;}
.ntitle_box2 {padding:3px 12px 3px 10px; vertical-align:middle; width:144px; height:24px; line-height:22px;}
.news_box2 .n_title2 {font-size:14px; font-weight:600; color:#000; margin-top:7px;}
.news_box2 .n_txtbox {height:155px;}
.news_tit {font-size:13px; font-weight:600; color:#000; margin:0px 7px 0 5px; letter-spacing:-1px; float:left;}
.news_tit img {vertical-align:middle;}
.news_tit2 {font-size:12px; font-weight:600; color:#000; margin:0px 5px 0 0px; letter-spacing:-1.5px; float:left; width:73px;}
.news_tit2 img.news_icon {width:14px; vertical-align:middle; margin-right:1px;}
.news_tit2 img {width:auto; vertical-align:middle;}
.news_txt {letter-spacing:-1px; float:right; text-align:right;}
.news_txt2 {letter-spacing:-0.8px; float:right; text-align:right; font-size:10.5px;}
.n_txt {margin-top:4px !important; line-height:17px; height:74px; overflow:hidden; text-overflow:ellipsis;}
.news_box4 .n_txt {margin-top:4px !important; line-height:17px; height:172px; overflow:hidden; text-overflow:ellipsis;}

.topic {position:relative; top:-19px; margin:0 auto; width:410px; height:38px; background:url(../../images/topic.png) no-repeat;}
.topic img {vertical-align:middle; margin-right:3px;}
.topic_txt {min-width:128px; margin:0 auto; padding:8px 35px; text-align:center;}
.topic span {font-size:15px; font-weight:800; color:#000;}
.txt_bg {position:absolute; width:210px; height:75px; background:url(../../images/txt_bg.png) no-repeat; margin-top:130px;}
.txt_bg p {font-size:13px; color:#fff; font-weight:600; line-height:19px; padding:0 10px; margin-top:22px;}
.txt_bg2 {position:absolute; width:165px; height:55px; background:url(../../images/txt_bg2.png) no-repeat; margin-top:115px;}
.txt_bg2 p {font-size:12px; color:#fff; font-weight:600; line-height:16px; padding:0 9px; margin-top:13px;}

/* nav */

nav {width:980px; height:40px; margin:15px 0 5px; clear:both;}

.slider-wrap {
position: relative;
width: 980px;
height:50px;
}
.slider {
position: relative;
width: 920px !important;
height:auto;
margin: auto;
}
ul li span {
display: inline-block;
vertical-align: middle;
width: 100px;
height: 50px;
background: black;
}
.slider-arrow {
position: absolute;
top: 2px;
width: 0px;
height: 20px;
color: #000 !important;
text-align: center;
text-decoration: none;
font-size:20px; 
font-weight:200;
}
.sa-left {
left: 0px;
}
.sa-right {
right: 10px;
}

ul#topnav li {
	height:400px;
	float: left;
	padding: 0;
	position:relative;
	width:93.6px !important;
	margin-right:9px;
}
.biz_txt {letter-spacing:-2.5px !important;}
ul#topnav li a {
	height: 20px;
	display: block;
	color: #000;
	text-decoration: none;
	padding:3px 2px 3px 4px;
	font-size:14px; 
	font-weight:600;
	text-align:center;
	vertical-align:middle;
	width:84.6px;
}
/*width: auto !important;*/
ul#topnav li a img {width:18px; height:18px; float:left;}
.n_title {position:relative; text-align:center;}
ul#topnav li b.n_title img {text-align:center; height:16px; width:64px; margin-top:2px; margin-left:2px;}
ul#topnav li a.nav_1th {background:#dcdcdc;	border:1px solid #b4b4b4;}
ul#topnav li:hover {}
ul#topnav li span {
	width: 100%;
	height: 20px;
	float: left;
	padding: 7px 30px;
	display: block; 
	position: absolute;
	left: 0px; top:33px;
	display: none;
	background: #8d8d8d;
}
ul#topnav span.list a {font-size:14px; height:30px; font-weight:600; color:#fff; text-decoration:none; height:auto; display:block; text-decoration:none !important; width:93px !important; border-bottom:1px solid #b5b5b5; padding:5px 0;}
ul#topnav span.list {width:92.3px; height:auto; position:absolute; left:0;top:28px; z-index:10; padding:0; text-align:center;}
ul#topnav span.list a.list_last {border-bottom:none;}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}




	.sliderkit .sliderkit-btn{z-index:20;}
    .sliderkit .{z-index:21; position:absolute; overflow:hidden; color:#000; font-weight:200; font-size:12px; line-height:20px;}
    .sliderkit .-active{z-index:25;}
    .sliderkit .-old{z-index:24;}
	
	.sliderkit-panel {width:184px; height:20px; overflow:hidden;}
	.sliderkit-panel img{ float:left; line-height:20px; margin-top:3px;}
	.sliderkit-panel  b{width:140px; height:20px;display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    
    .txt_ad_wrap{position:relative; background:#c0e5f8; width:173px; padding:0 11px; line-height:20px; height:20px;}
	.txt_ad_wrap .rw_title{margin:10px 0;padding:0 3%;text-align:left;}
    .txt_ad_wrap .newslider-minimal{height:20px;line-height:20px;overflow:hidden;}
    .txt_ad_wrap .newslider-minimal .s{width:100%;float:left;}
    .txt_ad_wrap .newslider-minimal .{height:20px; background:#c0e5f8; font-size:13px; font-weight:200; line-height:20px; vertical-align:middle; cursor:pointer;}
    .txt_ad_wrap .newslider-minimal . img{vertical-align:middle; line-height:20px; margin-top:-2px;}
    .txt_ad_wrap .newslider-minimal . a{width:100%; padding:0 3%; text-decoration:none; display:block; float:left;}
    .txt_ad_wrap .newslider-minimal . a .ricon{margin:8px 78px 0 0;float:right;}
    .sliderkit img {vertical-align:text-top; line-height:20px;}
	
    .sp_pop{width:193px;height:274px;margin:-20px 0 0 0px; padding:1px;background-color:#c0e5f8; display:none; z-index:50; position:absolute;}
    .sp_pop ul{width:100%;margin:5px 0;position:relative; z-index:50;}
    .sp_pop li{height:30px;line-height:30px; text-decoration:none;}
    .sp_pop li img{vertical-align:middle;}
	.sp_pop li span { background:#c0e5f8; font-size:13px; margin-left:3px; color:#000; font-weight:400; height:20px; line-height:20px; width:132px; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
	.sp_pop li.sp_pop_tit {height:22px;}
	.sp_pop li.sp_pop_tit span {font-weight:600; margin:0 auto 10px; width:194px; text-align:center;}

    .sp_pop li a{width:168px; padding:0 13px; text-decoration:none;display:block; float:left;}
    .sp_pop li a .ricon{margin:10px 0px 0 0;float:right;}
	.txt_ad_wrap span {font-size:13px; margin-left:6px; color:#000; font-weight:400; height:20px; line-height:20px; margin-right:2px; width:102px; }
	
	
/* view */
.m_section4 {width:100%; height:auto; padding:10px 32px 26px 33px; background:#fff; /*margin-top:10px;*/ margin-bottom:30px; position:relative; color:#242424; /* border-top:2px solid #444444;*/ padding:20px 0;}
.newstitle {padding:0 30px; font-size:25px; line-height:140%;}
.newsdate {border-bottom:1px solid #ddd; margin-bottom:20px; padding:10px 30px;}
.viewarea {padding:0 30px 20px; font-size:16px; line-height:150%; border-bottom:1px solid #ddd; margin-bottom:20px;}
.viewarea img{margin:0 auto 30px;}
.footArea {padding:0 30px 20px; }
.imagebox {clear:both; max-width:600px; height: auto; margin: 0 auto !important; display:block;}

.realnews_wrap{width:100%;height:150px;position:relative;clear:both; padding-top:10px;}
            .realnews_wrap .rw_title{margin:0px 0 5px;padding:0;text-align:left;}
            .realnews_wrap ul{width:100%;margin:0;padding:0 0 20px 0; list-style:none;position:relative;}
            .realnews_wrap li{width:49%;height:30px;padding:0;text-align:left;line-height:30px;float:left;border:0;}
			.realnews_wrap li span {background:#fff; display:inherit; font-size:14px; font-weight:600; color:#333; margin-left:3px;}
            .realnews_wrap li .ricon{margin-top:8px;float:right; /*margin-right:195px;*/}
            .realnews_wrap li img{vertical-align:middle;}
            .realnews_wrap li a{text-decoration:none;}
			
			
			
			
.news_content{margin:0 0 20px;border:1px solid #ddd; position:relative; margin-top:20px;}
.news_content .news_left{width:33%; border-right:1px solid #ddd;float:left;}
.news_content .news_right{width:33.5%; float:right;}

.news_content .news_title{height:30px;border-bottom:1px solid #ddd;color:#0092b8;line-height:30px;position:relative; background:#f5f4f4; padding:2px 15px; font-size:14px; color:#333; font-weight:600;}
.news_content .news_title span{font-size:11px;color:#999;float:right;}
.news_content .news_title span a{color:#999;}

.news_content .news_list{margin:0;padding:5px 15px;}
.news_content .news_list li{height:20px;padding:2px 0 2px 7px;background:url(../../images/bullet_01.gif) no-repeat 0 50%;font-size:13px;line-height:20px; }
	
	
.sub_title {position:absolute; top:0px; left:33px; width:159px; background:#fcfcfc; height:22px; text-align:center; font-size:17px; font-weight:600; padding:4px; border-radius:0 0 5px 5px; color:#2c2c2c;}	


.list_wrap {overflow-y:scroll; max-height:450px; width:105px;}


.topic_wrap { width:340px;}
.topic_wrap li {float:left;}
.prev, .next, .prev a, .next a{width:67px; font-size:16px; color:#4e4e4e; font-weight:600;}
.next span, .next a span{font-size:16px; color:#4e4e4e; font-weight:600; display:inline-block; margin-left:3px;}
.prev span, .prev a span{font-size:16px; color:#4e4e4e; font-weight:600; display:inline-block; margin-right:3px;}
.topic_wrap span {background:none; width:auto; height:auto;  font-weight:600; font-size:15px; margin-top:-2px;}
.p_tipic {width:179px;}


.topic_wrap02 { width:340px;}
.topic_wrap02 li {float:left;}
.topic_wrap02 .prev, .topic_wrap02 .next, .topic_wrap02 .prev a, .topic_wrap02 .next a{width:25px; font-size:16px; color:#4e4e4e; font-weight:600;}
.topic_wrap02 .next span, .topic_wrap02 .next a span{font-size:16px; color:#4e4e4e; font-weight:600; display:inline-block; margin-left:3px;}
.topic_wrap02 .prev span, .topic_wrap02 .prev a span{font-size:16px; color:#4e4e4e; font-weight:600; display:inline-block; margin-right:3px;}
.topic_wrap02 span {background:none; width:auto; height:auto;  font-weight:600; font-size:15px; margin-top:-2px;}
.topic_wrap02 .p_tipic {width:267px; overflow:hidden;}






/************************************************
*		SPONSOR									*
************************************************/
.sponsor_wrap{width:100%;max-width:550px;margin:30px auto 15px;padding:30px 20px 15px;border:2px solid #ddd;border-radius:10px;position:relative;}
.sponsor_wrap .sw_tit{margin:0 0 10px;text-align:center;font-size:17px;font-weight:600;color:#555;}
.sponsor_wrap .sw_tit .green{color:#0a9d80;}
.sponsor_wrap .sw_case{width:89%;margin:0 7% 0 4%;padding:0;position:relative;float:left;}
.sponsor_wrap .sw_case li{width:21%;margin:0 0 0 4%;padding:15px 0;text-align:center;float:left;display:block;}

.sponsor_wrap .sw_case li span{
	width:100%;
	padding:15px 0;
	background-color:#f5f6fa;
	border:1px solid #dcdcdc;
	border-radius:8px;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	font-size:15px;
	font-weight:600;
	color:#555;
	line-height:26px;
	letter-spacing:-1px;
	display:inline-block;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	-moz-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.sponsor_wrap .sw_case li span:hover,
.sponsor_wrap .sw_case li span:focus,
.sponsor_wrap .sw_case li span:active,
.sponsor_wrap .sw_case li span.on{
	background-color:#0dac8c;
	border:1px solid #0a9d80;
	color:#fff;
}
.sponsor_wrap .sw_case li span input{width:80%;margin:0 auto;border:1px solid #ddd;}
.spon_txt{margin:0 0 20px;text-align:center;font-size:14px;font-weight:600;color:#555;}
.spon_btn{width:135px;height:45px;margin:0 auto 20px;position:relative;;}
.spon_btn a{width:100%;height:45px;background-color:#0dac8c;border:1px solid #0a9d80;border-radius:5px;text-align:center;font-size:16px;font-weight:500;color:#fff;line-height:45px !important;display:block;}





.a_quick{width:120px;height:600px;position:absolute;left:-135px;top:0;z-index:100;}
.b_quick{width:160px;height:600px;position:absolute;right:-175px;top:0;z-index:100;}

.v_cbn{margin:15px 0;text-align:center;position:relative;}





