@charset "utf-8";
*{margin:0;padding:0;font-family:Tahoma,Dotum;-webkit-text-size-adjust:none}

html, body { margin: 0;padding: 0; width:100%; height:100%;}
body{line-height:1.25em;word-wrap:break-word;word-break:break-all;}
p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5{margin:0; padding:0; list-style:none;}
body,input,select,textarea{font-size:14px}
textarea{border:1px solid #bcbcbc}
li{list-style:none}
table{border-collapse:collapse}
img,fieldset{border:none}
a{color:#000;text-decoration:none;cursor:pointer}
label{cursor:pointer}
strong{font-weight:normal}
em,address{font-style:normal}
.hc{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0}
.u_hc,.u_skip{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0}
.u_vc{position:absolute;font-size:1px;line-height:1px;color:transparent;}
hr{display:none}

.ww{white-space:nowrap}
.clear_bh{clear:both;}
.f_lt{ float:left}
.f_rt{ float:right}


#wrap{width:100%;}

/* header */
#header{width:100%;height:41px;}
.tit_logo{border-bottom:3px solid #d92120;}
.tit_logo h1{ width:106px; margin:0 auto; padding-top:10px}

/* section_banner */
.main_banner{width:100%;}
.bn_img{width:100%;}
.banner_01{background:#fff;width:100%;height:auto;}
/*@media screen and (max-width:320px) {
.banner_01{height:124px;}
}*/
.bnbg_01{width:100%; margin:0 auto;max-width:360px}


.newsrank{width:100%;background:#f1f1f1;background-size:100% 38px;-webkit-background-size:100% 38px; min-height:38px;}
.newsrank:after {content:""; clear:both; display:block;}
.newsline{padding:11px 6px 7px 12px;border-bottom: 1px solid #e5e5e5}
.news_tit{float:left; width:96px;height:18px;background:url(../images/bgar_news.png) no-repeat 80px 0;background-size:14px 18px;-webkit-background-size:14px 18px; }
.hf_img{width:80%;height:auto;}
.news_list{float:left;width:auto;}
.news_list li{white-space:nowrap;text-overflow:ellipsis; overflow:hidden; width:100%;line-height:1.0em}
.news_num_{width:17px;height:17px;background:url(../images/bg_news_num.png) no-repeat 0 0;background-size:162px 17px;-webkit-background-size:162px 17px;vertical-align:text-bottom; margin:0 4px 0 0; font-size:0.8em;text-indent:-9999px}
.news_num { width:17px;height:17px;background:url(../images/bg_news_num.png) no-repeat; background-size:162px 17px; -webkit-background-size:162px 17px; vertical-align:text-bottom; margin:0 4px 0 0; font-size:1em; }
.num1{background-position:0 0}
.num2{background-position:-18px 0 }
.num3{background-position:-36px 0 }
.num4{background-position:-54px 0 }
.num5{background-position:-72px 0 }
.num6{background-position:-90px 0 }
.num7{background-position:-108px 0 }
.news_arrow{display:inline-block;width:14px;height:18px;background:url(../images/btn_news_arrow_on.png) no-repeat 0 0;background-size:14px 18px;-webkit-background-size:14px 18px;}
.aron{background:url(../images/btn_news_arrow.png) no-repeat 0 0;}
.program_icon img{width:76px;height:60px;}






.main_banner {  }
.main_banner div.slider_container { margin:0 auto; position:relative; top:0px; left:0px; }
.main_banner div.slider_container div.loading { position:absolute; top:0px; left:0px; }
.main_banner div.slider_container div.slides { position:absolute; overflow:hidden; top:0px; left:0px; }
.main_banner div.swiper-container { border: 1px solid #ccc; width: 100%; height: 119px; }
.main_banner div.swiper-slide { background: none; width: 100%; height: 150px; /*color: #fff;*/ }
.main_banner div.content-slide { padding:0; }

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { position:absolute; display:block; background:url("../images/btn_bnbg_arrow.png") 0 0 no-repeat; overflow:hidden; cursor:pointer; width:16px; height:24px;background-size:33px 49px;-webkit-background-size:33px 49px;}
.jssora05l { background-position:0 0px; z-index:10;}
.jssora05r { background-position:-17px 0; z-index:10;}
.jssora05l:hover { background-position:0 -25px; }
.jssora05r:hover { background-position:-17px -25px; }
.jssora05ldn { background-position:-250px -40px; }
.jssora05rdn { background-position:-310px -40px; }

.click { cursor:pointer; cursor:hand; }

div.quick_menu { padding:10px 0 4px 0; background:#fff; clear:both; }
div.quick_menu ul.icon { list-style:none; *zoom:1; overflow:auto; }
div.quick_menu ul.icon li { float:left; _display:inline; width:25%; text-align:center; height:65px }
div.quick_menu ul.icon li span.txt { display:block; }
div.quick_menu img{width:76px;height:60px;}

div.favor_news {position: relative;}
div.favor_news ul.item { float:left;width:85%;}
div.favor_news ul.item li { padding-left:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; line-height:1.4em }
div.favor_news ul.item li span { display:inline-block; }
div.favor_news div.spread { position: absolute;top: 0px; right: 0; width:20px;height:18px;background:url(../images/bgar_news.png) no-repeat 0 0;background-size:14px 18px;-webkit-background-size:14px 18px; padding:0 0 0 16px  }


div.tab_news { clear:both; padding:7px 10px; background:#f1f1f1;border-top: 1px solid #e5e5e5;min-width:320px}
div.tab_news ul.list { margin:0 0 0 0; background:#fff;}
div.tab_news ul.list li { line-height:39px; border-bottom:1px solid #e5e5e5; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; }
div.tab_news dl.item { text-indent:20px; }
div.tab_news dl.item dt { float:left; _display:inline; margin-right:10px;border-top: 1px solid #e5e5e5; }
div.tab_news dl.item dd { line-height:30px; padding:10px 0 0 10px; }

div.tab_news div.tabs { margin: 0 auto; width: 100%; }
div.tab_news div.tabs a {
	float:left; _display:inline;
	width:31%;
	color:#333;
	text-align:center;
	border-radius: 4px 4px 0 0;
	border-top: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;
	background: #fff;
	line-height: 40px;
	font-size: 0.9em;letter-spacing:-1px;
	text-decoration: none;
	background: #f3f3f3;
}
div.tab_news div.tabs a.active {
	background: #fff; font-weight:bold;font-size: 1.1em; color: #353535;
	border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;
}
div.tab_news div.tabs a.active span { border-bottom:3px solid #d92120;}

div.tab_news div.swiper-container { border: 1px solid #ccc; width:100%; height:119px; }
div.tab_news div.swiper-slide { background:white; }
div.tab_news div.content-slide { padding:0; text-indent:13px; }


div.recommend { clear:both; margin:0 0; background:#f1f1f1;}
div.recommend fieldset.box { border-top:solid 1px #cacaca; }
div.recommend fieldset.box legend { margin:0 5px; text-align:center; }
div.recommend fieldset.box legend img { width:89px; height:13px; }

div.recommend h4.title { padding:5px; text-align:center; background:url("../images/bar_pro.png") 0 -5px repeat-x;}
div.recommend h4.title img{width:89px;height:13px;}
div.recommend div.slides div.box { text-align:center; }
div.recommend div.slides div.box img.img {  }
div.recommend div.slides div.box span.txt { line-height:20px; }

div.recommend div.slider_container { margin:0 auto; position:relative; top:0px; left:0px; }
div.recommend div.swiper-container { width:100%; height:60px; border-top:0;background:#f1f1f1; }
div.recommend div.swiper-slide { background:none; color:black; width:100%; height:100px;}
div.recommend div.swiper-slide div.box { /*text-align:center;*/ padding:0;margin:0 0 0 28px;}
div.recommend div.swiper-slide div.box img.img { width:65px; height:45px; }
div.recommend div.swiper-slide div.box span.txt { line-height:19px; }
div.recommend div.swiper-slide dl.form { margin:0; }
div.recommend div.swiper-slide dl.form dt { float:left; _display:inline; margin-right:5px; }
div.recommend div.swiper-slide dl.form dd { font-size:12px; line-height:14px; }
div.recommend div.swiper-slide dl.form dd span.txt { display:block; font-weight:bold; }


.footer {background:#3b3d44; text-align:center; color:white; padding:6px; border: 1px solid #24252a; }
.footer ul.list { list-style:none; margin:0 auto; width:170px; }
.footer ul.list img{width:52px;height:25px;} 
.footer ul.list li { float:left; _display:inline; padding:0 1px; line-height:20px; }
.footer ul.list li.line { border-style:solid; border-width:0 1px 0 0; }
.footer div.desc { clear:both; font-size:0.7em; }

/*youtube 영상비율유지*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }