/*--- common ----*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, figure, hgroup,span {
margin: 0;
padding: 0;
-webkit-text-size-adjust: none;
list-style: none;
}
header, section, footer, article, nav, aside {
display: block;
margin: 0;
padding: 0;
}


body,ul,li {
padding: 0;
margin: 0;
border: 0;
}

body {
position: relative;
font-family:"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",Dotum,"돋움",sans-serif;
}
img, fieldset {
border: 0;
vertical-align: middle;
margin: 0;
padding: 0;
}
ul, ol {
list-style: none
}
a {
color: #121212;
text-decoration: none;
cursor: pointer
}
em, address {
font-style: normal
}
.normal {
font-weight: normal;
}
img, object, embed, video, audio {
max-width: 100%;
height: auto;
}
/*--- layout ---*/
#wrap {
position: relative;
width: 100%;
background: #f4f4f4;
}
#cont {
clear: both;
width: 100%;
padding-bottom: 30px;
}

header {
font-size: 12px; background:#fff;
}
/*--- header ---*/
.hh_w {
width: 100%;
position: relative;
padding: 12px 0 0 0;
height:28px;
}
.hh_w h1 {
width: 100%;
text-align: center;
font-size: 12px;
}
.btn_side {
overflow: hidden;
position: absolute;
top: -2px;
left: 10px;
width: 35px;
height: 46px;
font-size: 0;
line-height: 0;
text-indent: -9999px;
}
.btn_side .ico_side {
display: block;
position: absolute;
top: 16px;
width: 25px;
height: 2px;
background-color: #000;
}
.ico_side:before, .ico_side:after {
display: block;
position: absolute;
width: 25px;
height: 2px;
background-color: #000;
content: "";
}
.ico_side:before {
top: 6px;
}
.ico_side:after {
top: 12px;
}
.hh_w .logo img {
width: 129px;
height: 21px;
}
.hh_w .pr {
position: absolute;
right: 10px;
top: 13px;
color: #555;
display: block;
}
.hh_w .pr img {
padding-bottom: 3px;
}
/*--- gnb ----*/
.t_menu {
overflow: hidden;
width:100%;
height:42px;
background:#fff;
z-index:10;


}
.nv1 {

width: auto;
height: 30px;
margin-top:8px;
}
.nv1:after {
clear:both;
display:block;
content:"";
zoom:1;
}
.nv1 li {
width: 16.6%;
position: relative;
text-align: center;
float: left;
}
.nv1 li a {
font-size: 17px;
height:38px;
line-height: 38px;
color: #111;
display: block;
text-align: center;
width: 100%;
}
.nv1 .red a{color:#f72d79;}
.nv1 .on {
border-bottom:5px solid #2769f3;
padding-bottom:4px;
}

.s_menu {
overflow: hidden;
height: 30px;
border-bottom: 1px solid #d4d4d4;
}
.nv2 {
background:#293855;
/* padding: 0 0 0 10px; */
height:40px;
width:100%;
}
.nv2:after {
clear:both;
display:block;
content:"";
zoom:1;
}

.nv2 .swiper-slide-thumb-active span {
border-bottom:4px solid #fff;
padding: 0 6px;
height:36px;
}

.nv2 .img{margin-top:-3px;}
.nv2 .img img{width:40px;}
.nv2 li .select {
color: #4161d1;
font-weight: bold;
}
.nv2 .m2 {
width: 20%;
text-align: center;
font-size: 1.2em;
color: #2777ca;
}
.fixed {
position: fixed;
top: 0;
margin: 0 auto;
z-index: 9999;

}

#swiper-container-menu {
width: 100%;
height: 40px;
}

.swiper-container {
width: 100%;
height: 100%;
}
.post-thumb02{text-align: center;}

.gallery-thumbs .swiper-slide {
text-align: center;
font-size: 16px;
background:#293855;
height: 40px;
line-height: 40px;
white-space: nowrap;
color: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.gallery-top .swiper-slide {
background: #f4f4f4;
text-align: left;
font-size: 18px;

/* Center slide text vertically */

-webkit-box-pack: left;
-ms-flex-pack: left;
-webkit-justify-content: left;
justify-content: left;
-webkit-box-align: left;
-ms-flex-align: left;
-webkit-align-items: left;
align-items: left;
}
/*--- advertisement ---*/
.ad {
clear: both;
margin-top: 0;
}
.ad1 {
clear: both;
width:auto;
margin: 10px 10px 0 10px;
padding:0;
background: #fff;
border: 1px solid #ddd;
height: 75px;
overflow: hidden;
}

.ad_top {
clear: both;
width:auto;
margin:10px;
padding:0;
border: 1px solid #ddd;
height: 100px;
overflow: hidden;
}
/*--- main list ---*/
.ct {
width: 100%;
letter-spacing: -1px;
text-align: left;
clear: both;

}
.welcome-post{
height:250px;
overflow:hidden;
clear:both;
display:block;
width: 100%;
position: relative;

}

.welcome-post .post-content {
width:100%;
height:130px;
text-align:left;
background: -webkit-gradient(linear, left 10%, left 90%, from(transparent), to(#000));
position: absolute;
left: 0;
bottom: 0;

}

.welcome-post .post-title {
color: #fff;
display:block;
margin:0 15px;
overflow:hidden;
font-size: 25px;
font-weight: 700;

position: absolute;
bottom:10px;
left: 0;
line-height: 34px;
}


.welcome-slide-area .post-title br{display: none;}

.ct .lable {
color: #DC3548;
}

.adBox{
width: 100%;
padding-top: 15px;
	margin: auto;
	text-align: center;
}
.adBox:after{
display:block;
clear:both;
content:"";
zoom:1;
}

.box_list01{
background:#fff;
width: 100%;
padding: 20px 0 10px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;

}
.box_list01:after{
display:block;
clear:both;
content:"";
zoom:1;
}
.box_list01 .list_tx{
text-align: left;

}
.box_list01 .list_thum{
margin-bottom: 10px;
}
.box_list01 .list_thum:After{display: block; clear: both; content: "";}
.post-catagory{display: none;}
#myTab{display: none;}
.post-date{display: none}
.post-by{display: none}
.tab-content{margin:0 15px 20px 15px;}
.sports-section .single-blog-post.style-3 .post-data .post-title h6{font-size:20px; line-height: 30px; text-align: left; display: block; margin: 10px 0; }
.sports-section .single-blog-post.small-featured-post .post-data .post-title h6{font-size:16px; color: #333; display: block;  text-align: left; font-weight: normal;}
.sports-section .single-blog-post.small-featured-post{height:40px; overflow: hidden;  line-height: 40px; border-bottom: 1px solid #eee; white-space:nowrap}
.sports-section .single-blog-post.small-featured-post:last-child{ border-bottom: none;}
.sports-section .single-blog-post.small-featured-post .post-thumb{display: none;}
.sports-section .single-blog-post{}
.sports-section .post-data{}
.list_tx li {
width: auto;
clear:both;
border-top: 1px solid #ededed;
white-space: normal;
height:45px;
margin: 0 15px;
font-size: 16px;
white-space: nowrap;

}
.list_tx li:first-child {
border-top: none;
}
.list_tx li a {
display:block;
color: #333;
line-height:45px;
overflow: hidden;


}
.list_tx .line {
border-top: 1px solid #eee;
}

.top_3l {
display: none;
}
.ffm {
width: auto;
padding: 0 10px 30px 10px;
}
.ffm h2 {
font-size: 0.75em;
text-align: left;
}
.pt1 {
width: 100%;
overflow:hidden;
text-align: center;
margin: 0;
clear: both;
}
.pt1:after {
content: "";
display: block;
clear: both;
}
.et_box{clear:both; width:100%;}
.et_box:after {
content: "";
display: block;
clear: both;
}

.fet {
width: auto;
overflow: hidden;
margin: 10px 10px 0 10px;
letter-spacing: -1px;
clear: both;
}
.fet h2 {
border-bottom: 2px solid #2a4dcb;
width: 100%;
margin-bottom: 10px;
font-weight:normal;
font-size:17px;
color: #2a4dcb;
}
.ap_box{clear:both; width:100%;}
.ap {
width: auto;
margin:10px;
background:#fff;
border:1px solid #ddd;
padding:10px;
}
.ap:after {
content: "";
display: block;
clear: both;
}
.ap a {
display: block;
width: 100%;
}

.ap .img {
display:inline-block;
float:left;
}
.ap .text {
display:inline-block;
float:left;
margin-left:10px;
}
.ap .text span{display:block; margin:0; padding:0; line-height:15px;}
.ap .text .tit{ font-size:16px; line-height:20px;}
.ap .text .txt{font-size:13px; color:#666;}
.ap .text .user{height:15px; line-height:15px; background:#555; color:#fff; border-radius:7px; font-size:10px; padding:0 6px;}
.ap .text .tip{font-size:13px; color:#ec6941;}

.ap .img img{width:64px;}
.ap .btn {
float:right;
width:30%;
margin-top:15px;
}
.ap .btn span{display:inline-block; color:#1449b7; font-weight:bold; border:1px solid #1449b7; padding:0 10px; line-height:20px; font-size:13px; vertical-align:middle;}
.ap .ap_left{width:70%; float:left;}
.many_v {
width: 100%;
clear: both;
margin-top: 10px;
background: #fff;
border-top:1px solid #eee;

}
.many_v h2{font-weight:600; margin:14px 10px 10px 15px;font-size:17px;}
.m_list{  border-top:1px solid #ddd; background:#fff; clear:both; }
.m_list02{  border-top:1px solid #ddd;border-bottom:1px solid #ddd; background:#fff; }
.m_list03{  border-top:1px solid #ddd; background:#fff; }
.many_v h3{ background:#fff; background:#f2f2f2; text-align:center; line-height:45px;  font-weight:normal; text-decoration: overline; border-bottom:1px solid #e0e2e8;  color:#1449b7;}
.t_tab {

width: 100%;
height:44px;
line-height:45px;
border-bottom: 1px solid #ddd;
}
.t_tab:after {
content: "";
display: block;
clear: both;
}
.t_tab ul {
width: 100%;
}
.t_tab li {
width: 33.3%;
font-size: 18px;
float: left;
text-align: center;
height:40px;


}

.t_tab .on{
border-bottom: 4px solid #1754d4;
padding:0 6px 10px 6px;
color:#1754d4;
}

#v_list {
clear: both;

}
#v_list a{width: 100%; display: block;	border-bottom:1px solid #eeeeee; overflow: hidden;}
#v_list li{


line-height:45px;
overflow:hidden;
font-size: 16px;
white-space: nowrap;
margin: 0 10px;
}

#v_list li em{

font-family: helveticaneue-ultralight, sans-serif-light;
color:#0c43b5;
display:inline-block;
padding:0 6px 0 0;
font-size:25px;
}
#v_list .bul_num {
font-family: helveticaneue-ultralight, sans-serif-light;
color:#0c43b5;
display:block;
float:left;
padding:0 6px 0 0;
font-size:25px;
line-height:25px;
margin-top:12px;
margin-left:4px;

}
#v_list .bul_cycle {
font-family: helveticaneue-ultralight, sans-serif-light;
color:#0c43b5;
display:inline-block;
margin:0 12px 0 8px;
width:8px;
height:8px;
border:1px solid #345abc;
border-radius:8px;
}

.rank_list {
clear: both;

}
.rank_list a{width: 100%; display: block;	border-bottom:1px solid #eeeeee; overflow: hidden;}
.rank_list li{

text-overflow: ellipsis;
line-height:45px;
overflow:hidden;
font-size: 16px;
white-space: nowrap;
margin: 0 10px;
}

.rank_list li em{

font-family: helveticaneue-ultralight, sans-serif-light;
color:#0c43b5;
display:inline-block;
padding:0 6px 0 0;
font-size:25px;
}
.rank_list .bul_num {
font-family: helveticaneue-ultralight, sans-serif-light;
color:#0c43b5;
display:block;
float:left;
padding:0 6px 0 0;
font-size:25px;
line-height:25px;
margin-top:12px;
margin-left:4px;

}
.rank_list .bul_cycle {
font-family: helveticaneue-ultralight, sans-serif-light;
color:#0c43b5;
display:inline-block;
margin:0 12px 0 8px;
width:8px;
height:8px;
border:1px solid #345abc;
border-radius:8px;
}

.p_box{
clear:both;
margin:10px;
position:relative;

}
.p_box .title03{ width:100%; height:30px; overflow:hidden;}
.p_box .title03:after{display:block; content:""; display:block;}
.p_box .title03 h2{ float:left;  font-weight:normal; font-size:17px;}
.p_box .title03 ul{float:right;}
.p_box .title03 li{float:left; margin-left:4px; margin-top:6px;}
.p_box .title03 li em{display:block; width:10px; height:10px; border-radius:5px; background:#b4b4b4;}
.p_box .title03 li .on{ background:#000}
.p_box .swiper-slide{ width:100%; height:240px; overflow:hidden; background:#000; position:relative;}
.p_box .swiper-slide img{width:auto; height:240px;}
.p_box .swiper-slide .tit{ position:absolute; bottom:0; display:block;left:0; width:100%; background:#000; opacity:0.7; z-index:3;}
.p_box .swiper-slide .text{ opacity:1; z-index:4;position:absolute; bottom:0; left:0;color:#fff; padding:10px; font-size:17px; background:#000; width:100%; opacity:0.7; text-align:left; }
.p_box .swiper-slide .text em{display:block;  color:#177fff; text-align:left; opacity:1; font-size:14px; }
.p_box .swiper-slide span{ display:block;}

.games_box{ clear:both; width:100%;}
.game_r{background:#fff; border:1px solid #ddd; margin:10px; padding:10px 10px 0 10px; position:relative;}
.game_r:after{display:block; clear:both; content:"";}
.game_r h3{ letter-spacing:0;float:left;border-right:1px solid #eee; width:20%; font-size:13px; color:#666; font-weight:normal; line-height:18px; height:30px;color:#0c43b5;  }
.game_r .games{ float:left; width:75%;  }
.game_r .games li{width:100%; text-align:center; line-height:40px; letter-spacing:0; height:40px; overflow:hidden; font-size:14px; margin-bottom:10px;}
.game_r .games span{display:inline-block; vertical-align:middle;}
.game_r .games .tit{ width:40%; color:#666; text-align:right;}
.game_r .games .result{ color:#0c43b5; font-size:14px; font-weight:bold; padding:3px 0 0 0; line-height:20px;}
.game_r .games .tit img, .game_r .games .tit02 img{width:20px;}
.game_r .games .tit02{ width:35%; color:#666; text-align:left;}
.game_r .games .vs{color:#5d8ef6; font-size:11px; width:55px; line-height:11px; text-align:center;}
.game_r .btn{ position:absolute; right:10px; top:15px; width:10px; text-align:right;line-height:20px; margin-top:10px;}
.game_r .btn_on{background:url('../images/bul_arrow.png') 0 0 no-repeat; background-size:14px 8px; display:block; float:right; width:14px; height:14px; margin:0; }
.game_r .btn_off{ background:url('../images/bul_arrow01.png') 0 0 no-repeat;background-size:14px 8px;display:block; width:14px;float:right; height:14px;margin:0;}


/*--- sublist --*/
.sublist {
width: 100%;
margin: 0 auto;
clear: both;
margin-bottom:20px;
background:#fff;
}
.list_title {
border-bottom: 2px solid #000;
padding: 10px 10px 5px 10px;
}
.list_title1 {
border-bottom: 2px solid #93a4db;
padding: 25px 10px 5px 10px;
}
.list_title h2, .list_title1 h2 {
color: #121212;
font-size: 18px;
font-weight: normal;
}
.sublist li {
border-bottom: 1px solid #eeeeee;
padding:10px 10px 0 10px;
color:#444;


}
.sublist li:after{display:block; clear:both; content:"";}
.sublist li span{display: block;}
.sublist li .img{  width:100px; height:80px; overflow:hidden; float:right;}
.sublist li .img img{width:100px;}
.sublist li .tit{font-size:17px; width:68%; float:left;  height:70px;line-height:24px;}
.sublist li .tit em{display: table-cell; vertical-align:middle; height:70px;}
.sublist .more {
margin: 0 auto;
display: block;
width:99%;
text-align:center;
height: 40px;
line-height: 40px;
font-weight: bold;
letter-spacing: -1px;
font-size:15px;
font-weight:normal;
border:1px solid #ddd;
background:#f4f4f4;
margin-top:-1px;
color:#555;


}
.sublist p {
color: #2a40a3;
font-size: 0.75em;
padding: 10px 0 0 10px;
font-size: 13px;
color: #333;
border-top: 1px solid #aaa;
border-bottom: 1px solid #ddd;
background: #f4f4f4;
text-align: center;
}

.news_list{ width:100%; margin:0; border-bottom:1px solid #ddd;  }
.news_list h2{font-size:18px; font-weight:bold; border-bottom:1px solid #eee; line-height:16px; padding-bottom:8px; color:#000;}
.news_list h2 span{font-weight:normal; font-size:14px; padding-left:6px; color:#555;}
.title_s{font-size:18px; font-weight:bold; line-height:16px; padding-bottom:8px; color:#000;width:auto; margin:0 10px;}
.title_s span{font-weight:normal; font-size:14px; padding-left:6px; color:#555;}
.news_list li{ clear:both; border-bottom:1px solid #eee; padding:20px 0; width:100%; position:relative;}
.news_list li:last-child{ border-bottom:none;}
.news_list li:after{clear:both; content:""; display:block;}
.news_list dl{height:75px; overflow-y:hidden; margin-right:10px;}
.m_number{
font-family: helveticaneue-ultralight, sans-serif-light;
color:#0c43b5;
display:block;
float:left;
padding:0 6px;
font-size:25px;
line-height:50px;
margin-top:12px;



}
.news_list .img{ width:120px; height:90px; float:left; margin:0 0 0 6px;}
.news_list .img02{ width:120px; height:90px; float:left; margin:0 0 0 0;}
.news_list .img img, .news_list .img02 img{width:110px;}
.news_list .tit{ font-size:17px; }
.news_list .tit a{color:#000; line-height:20px; display:block; margin-bottom:4px;}
.news_list dd{color:#666; font-size:14px;line-height:16px; }
.news_list dd a{color:#666;}
.nothum{margin-left:40px;}
.many_tit{clear:both;  clear:both; width:100%;}
.many_tit h2{ color:#000; line-height:18px;font-size:18px; padding:15px 10px;}
.photolist{	width: 100%;
margin: 0 auto;
clear: both;
margin-bottom:20px;
background:#fff;}
.photolist li{  padding:15px 10px; border-bottom:1px solid #eee;}
.photolist li:after{display:block; clear:both; content:"";}
.photolist li span{display: block;}
.photolist li .img{  width:100%; }
.photolist li .tit{font-size:18px; width:100%;line-height:24px; text-align:center; margin-top:8px;}

/*--- article ---*/
.atl {
width: 100%;
margin: 0 auto;
clear: both;
font-weight: normal;
background:#fff;
}
.atl .tit {
border-bottom:1px solid #eee;
margin:10px 15px;
padding:20px 0 10px 0;
}
.atl .tit h2 {
font-weight: normal;
font-size: 24px;
line-height: 32px;
}
.atl .tit .date {
font-size:12px;
color: #999;
padding: 5px 0;
}
.atl .ac_cont {
font: 18px/1.7 'Noto Sans KR', 'Malgun Gothic', 'Malgun Gothic', sans-serif;
line-height: 1.6em;
padding: 10px 15px;
text-align: left;
color: #121212;
background:#fff;
}
.atl .pt {
clear: both;
text-align: center;
width: 100%;
}
.atl .ph {
display: inline-block;
position: relative;
float: none;
margin: 0px auto 0.4em;
}
.atl .ph img {
vertical-align: top;
}
.atl .bt {
position: absolute;
display: inline-block;
cursor: pointer;
bottom: 0;
right: 0px;
}
.m_atl {
width: 100%;
clear: both;
}
.m_atl li {
height: 35px;
line-height:35px;
overflow: hidden;
margin: 0;
padding: 0;
text-decoration: none;
margin-bottom: 10px;
}
.m_atl span, .m_atl2 span {
display: block;
width: 4px;
height: 4px;
background: #222;
margin: 14px 8px 0 0;
float: left;
border-radius: 2px;
line-height: 35px;
}
.m_atl p {
display: block;
width:100%;
line-height:35px;
overflow: hidden;
margin: 0;
padding: 0;
text-decoration: none;
margin-bottom: 15px;
font-size: 14px;
}
.m_atl2 {
width: 100%;
clear: both;
margin-top: 30px;
}
.m_atl2 li {
height: 35px;
line-height:35px;
overflow: hidden;
margin: 0;
padding: 0;
text-decoration: none;
margin-bottom: 10px;
}
.m_atl2 p {
display: block;
width: 100%;
line-height:35px;
overflow: hidden;
margin: 0;
padding: 0;
text-decoration: none;
margin-bottom: 15px;
font-size: 14px;
}
.sclink {
clear: both;
margin: 0 10px;
padding: 30px 0;
}
.sclink li {
white-space: nowrap;
font: 18px/1.7 'Malgun Gothic', sans-serif;
margin-bottom: 20px;
line-height: 20px;
}
.sclink span {
display: block;
width: 4px;
height: 4px;
background: #222;
margin: 8px 6px 0 0;
float: left;
border-radius: 2px;
line-height: 20px;
}
.sclink a {
display: block;
width: auto;
}
.adbox2014 {
clear: both;
margin: 0 10px;
width: 100%;
padding-bottom: 20px;
}

}
.adbox2018 {
clear: both;
margin: 0 10px;
width: 100%;
padding-bottom: 20px;
}

.sns1{width:100%; text-align:center;}
.sns1 li{ display:inline-block;text-align:center; margin-right:5px; width:40px; height:40px; border-radius:40px; line-height:40px; overflow:hidden;}
.sns1 img{width:28px; height:28px;}
.sns1 li.f{  background:#395298; border:1px solid #092a85;  }
.sns1 li.t{ background:#00a9e5; border:1px solid #0187b7; }
.sns1 li.c{ background:#fff318; border:1px solid #e5d900;}
.sns1 li.l{ background:#00c300; border:1px solid #009e00; }
.sns1 li.g{  background:#efeeee; border:1px solid #c1c0c0;}
/*--- f_fum ---*/

.ffum_v {
width: auto;
margin: 0 auto;
clear: both;
margin: 30px 10px;
}
.ffum_v .tit {
border-bottom: 1px solid #e0e1db;
width: 100%;
}
.ffum_v .tit h2 {
font-size: 14px;
line-height: 1.8em;
float: left;
}
.ffum_v .tit span {
font-size: 11px;
float: right;
padding: 8px 0 0 0;
display: block;
color: #555555;
}
.ffum_v .info {
clear: both;
text-align: right;
font-size: 11px;
color: #555555;
letter-spacing: 0;
width: 100%;
padding: 6px 0 0 0;
}
.ffum_v .f_pt {
clear: both;
text-align: center;
padding-top: 20px;
margin: 0 auto;
}
.ffum_v .f_txt {
clear: both;
text-align: left;
font-size: 12px;
color: #333;
padding-top: 20px;
}
/*--- cartoon ---*/

.cartoon_v {
width: auto;
margin: 0 auto;
clear: both;
margin: 30px 10px;
}
.cartoon_v .tit {
border-bottom: 2px solid #2a4dcb;
width: 100%;
margin-bottom: 10px;
}
.cartoon_v .tit:after {
content: "";
display: block;
clear: both;
}
.cartoon_v .tit h2 {
font-size: 14px;
line-height: 2.0em;
float: left;
margin-top: 6px;
}
.cartoon_v .tit p {
font-size: 11px;
float: right;
padding: 8px 0 4px 0;
display: block;
color: #555555;
}
.cartoon_v .tit span {
margin-left: 8px;
background-color: #f4f4f4;
color: #666;
font-size: 1.0em;
border: 1px solid #ccc;
padding: 5px 8px;
}
.cartoon_v .info {
clear: both;
text-align: right;
font-size: 11px;
color: #555555;
letter-spacing: 0;
width: 100%;
padding: 6px 0 0 0;
}
.cartoon_v .f_pt {
clear: both;
text-align: center;
padding-top: 20px;
margin: 0 auto;
width: 100%;
}
.cartoon_v .f_pt img {
max-width: 100%;
height: auto;
}
.cartoon_v .f_txt {
clear: both;
text-align: left;
font-size: 12px;
color: #333;
padding-top: 20px;
}
.cart_box{background:#fff;
width: 100%;padding:20px 0; margin-bottom:20px;}


.c_tab{  margin:0 0 0 0; clear:both;border-top:1px solid #ddd;}
.c_tab:after {
content: "";
display: block;
clear: both;
}
.c_tab li{width:50%; display:inline-block;line-height:40px; color:#666;border-bottom:1px solid #ddd; background:#eeeeee; font-size:18px; text-align:center; float:left;}
.c_tab li a{display:block;}
.c_tab .on{ background:#fff; color:#1754d4; font-weight:bold;border-bottom:1px solid #fff;border-right:1px solid #ddd; margin-left:-1px;}
.c_tab .on02{ background:#fff; color:#1754d4; font-weight:bold;border-bottom:1px solid #fff;border-left:1px solid #ddd; margin-right:-1px;}

.cart_m {

clear: both;
margin:0 15px 20px 15px;

}
.cart_m hgroup{margin:0; padding:0;}
.cart_m:after {
content: "";
display: block;
clear: both;
}


.cart_m h3 {
border-bottom: 2px solid #121212;
width: 100%;
font-size:18px;
line-height:25px;
color: #121212;
font-weight:bold;
font-weight:normal;
}
.cart_m ul {
width: auto;
}
.cart_m li {
width: auto;
border-bottom: 1px solid #eee;
padding: 10px 0;
clear: both;
}
.cart_m li:after {
content: "";
display: block;
clear: both;
}
.cart_m li img {

width: 120px;
height: auto;
}
.cart_m li .img {
float: left;
width: 130px;
height:90px;
overflow:hidden;
}
.cart_m li dl {
float: left;
text-align: left;
margin-top:15px;
width:60%;
}
.cart_m li dt {
clear: both;
font-weight: bold;
margin-top: -10px;
line-height:20px;
}
.cart_m li dt a {
color: #333;
font-size:17px;
}
.cart_m li dd {
clear: both;
margin-top: -5px;
}
.cart_m li dd a {
color: #666;
font-size: 15px;
}
.cart_w {
width: auto;
margin: 0 auto;
clear: both;
margin: 20px 10px;
}
.cart_w:after {
content: "";
display: block;
clear: both;
}
.cart_w ul {
padding: 5px 0 15px 0;
text-align: left;
}
.cart_w li {
float: left;
width: 25%;
padding-top: 10px;
white-space: nowrap;
}
.cart_w li img {
border: 1px solid #ccc;
width: 48px;
height: 30px;
}
.cart_w a {
color: #333;
font-size: 0.50em;
display: block;
clear: both;
text-align: center;
margin-bottom: 4px;
letter-spacing: -1px;
}
.cart_w .bn {
background: #72b8ee;
width: auto;
}
.cart_w .bn img {
width: 300px;
height: 32px;
}
.cart_m .bn1 {
background: #584e97;
width: 100%;
text-align: center;
}
.cart_m .bn1 img {
width: 300px;
height: 32px;
}
.cart_l {
width: auto;
margin: 0 auto;
clear: both;
margin: 20px 10px;
}
.cart_l dl {
border-bottom: 2px solid #2a4dcb;
padding-bottom: 4px;
}
.cart_l dl:after {
content: "";
display: block;
clear: both;
}
.cart_l dt {
color: #333;
font-size: 0.80em;
font-weight: bold;
float: left;
padding-right: 20px;
}
.cart_l dd {
color: #555;
font-size: 0.55em;
float: left;
padding-top: 6px;
}
.cart_l ul {
clear: both;
padding: 5px 0;
}
.cart_l li {
padding: 15px 0;
border-bottom: 1px solid #eee;
clear: both;
}
.cart_l li:after {
content: "";
display: block;
clear: both;
}
.cart_l li a {
display: block;
font-size: 0.62em;
}
.cart_l li img {
display: block;
float: left;
width: 100px;
height: 65px;
margin-right: 10px;
border: 1px solid #333;
}
.cart_l .tit {
font-weight: bold;
color: #121212;
margin-top: 10px;
}
.cart_l .day {
color: #555;
}
.cart_nw {
clear:both;
width:100%;
margin-bottom:10px;
}
.cart_nw:after {
content: "";
display: block;
clear: both;
}
.cart_nw h3 {
margin:20px 0 6px 10px;
font-size:17px;
font-weight:normal;
color: #121212;
}
.cart_nw ul {
text-align: center;
width: 100%;
background:#fff;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.cart_nw ul:after {
content: "";
display: block;
clear: both;
}
.cart_nw li {
float:left;
width: 33.3%;
text-align:center;
padding:15px 0 0 0;
}
.cart_nw li a{display:block; width:86px; height:115px; overflow:hidden; text-align:center; margin:0 auto;}
.cart_nw li img {
display:block;
width: 86px;
height:auto;
}
.cart_nw a {
color: #333;
font-size: 0.65em;
display: block;
clear: both;
font-weight: bold;
text-align: center;
margin-bottom: 4px;
}
.cart_dp {
width: auto;
margin: 0 auto;
clear: both;
margin: 20px 10px;
}
.cart_dp:after {
content: "";
display: block;
clear: both;
}
.cart_dp h3 {
border-bottom: 2px solid #2a4dcb;
width: 100%;
margin-bottom: 10px;
font-size: 0.75em;
color: #2a4dcb;
}
#diva_nav {
width: auto;
clear: both;
margin: 0 auto;
padding-top: 10px;
}
#diva_nav:after {
display: block;
clear: both;
content: "";
}
#dv_indicator .dv_indibox {
width: 32px;
margin: 0 auto;
text-align: center;
}
.dv_indibox > li {
display: block;
float: left;
list-style: none;
padding: 0;
margin: 0;
}
#dv_indicator {
width: 40%;
margin: 14px 0 0 0;
text-align: center;
float: left;
}
.dv_indibox > li {
text-indent: -9999em;
width: 8px;
height: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #b0b4c7;
overflow: hidden;
margin-right: 4px;
}
.dv_indibox > li.active {
background: #4c5fb4;
}
.dv_indibox > li:last-child {
margin: 0;
}
#dv_prev, #dv_next {
font-weight: bold;
font-size: 14px;
padding: 5px 0;
width: 30%;
}
#dv_prev {
float: left;
text-align: right;
}
#dv_next {
float: right;
text-align: left;
}
#dv_scroller {
width: 100%;
height: 100%;
float: left;
}
#dv_scroller ul {
text-align: center;
width: 100%;
}
#dv_scroller li {
float: left;
width: 50%;
}
#dv_scroller li a {
display: block;
clear: both;
margin: 0 5px;
}
/*--- cartton detail ---*/
.content_cen {
width: auto;
background:#fff;
margin-bottom:20px;
}
.c_list3_cen {
width: auto;
padding: 10px;
}
.c_list3_cen:after {
content: "";
display: block;
clear: both;
}
.c_list3_cen .img {
width: 140px;
height:90px;
display: block;
float: left;
}
.c_list3_cen .img img {
width: 130px;
display: block;
}
.c_list3_cen dl {
float: left;
width:60%;
}
.c_list3_cen dt {
font-size: 17px;
font-weight: bold;
margin-bottom: 4px;
}
.c_list3_cen dd {
font-size:13px;
color: #444;
font-weight: normal;
margin-bottom: 2px;
}
.c_list3_cen .btn {
margin-top: 2px;
}
.c_list3_cen .btn a {
color: #345abc;
font-size: 12px;
text-decoration: underline;
}
.c_list3_top {
background: #f4f4f4;
border-top: #121212 2px solid;
border-bottom: #ddd 1px solid;
padding: 6px 0 10px 0;
}
.c_list3_top:after {
content: "";
display: block;
clear: both;
}
.c_list3_top h4 {
font-size: 16px;
font-weight: bold;
float: left;
margin-left: 10px;
width: 20%;
margin-top: 6px;
}
.c_list3_top .mc_btn {
float: left;
text-align: center;
width: 50%;
}
.c_list3_top span {
margin-left: 3px;
background-color: #fff;
font-size: 14px;
border: 1px solid #aaa;
padding: 4px 10px;
font-weight:bold;
color:#121212;
}
.c_list3_top span a {
color: #121212;
}
.c_list3_top .date {
float: right;
font-size: 11px;
color: #888;
width: 22%;
text-align: right;
margin-right: 10px;
line-height: 14px;
margin-top: 3px;
}
.cartoon {
margin: 20px 0;
text-align: center;
}
.cartoon img {
margin: 0 auto;
text-align: center;
}
/*--- 상세페이지 테이블 정의---*/
.cartoon table {
border: none;
clear: both;
}
.cartoon tbody {
margin: 0;
padding: 0px;
}
.cartoon table h3 {
font-size: 18px;
margin-bottom: 12px;
margin-left: 10px;
}
.cartoon table img {
display: block;
margin: 10px 0;
}
.cartoon table p {
line-height: 18px;
color: #555;
font-size: 12px;
}
/*--- 서브 리스트 전체---*/
.c_list {
clear: both;
width: 100%;
}
.c_list table {
width: 100%;
border: 0;
}
.c_list th {
border-top: #121212 2px solid;
border-bottom: #ddd 1px solid;
padding: 10px 0;
text-align: center;
font-size: 16px;
background:#f4f4f4;
font-weight:normal;
}
.c_list td {
height: auto;
border-bottom: #ddd 1px solid;
padding: 10px;
font-size: 16px;
text-align: center;
color:#444;
}
.c_list a:visited {
color: #999;
}
/*---서브 게시판 nav---*/
.pageN {
width: 100%;
text-align: center;
margin-top: 15px;
padding-bottom: 20px;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pageN span a {
color: #666666;

}
.pageN span{padding:0 8px;}
.pageN em {
color: #ccc;
font-weight: normal;
display: none;
padding:8px 6px;
}
.pageN .num {
color: #666666;
border: 1px solid #eee;
display:inline-block;
line-height:30px;
padding:0 10px;
}
.pageN .num a {
color: #666;
}
.pageN .select {
font-weight: bolder;
border: 1px solid #d0d9fa;
color: #2a4dcb;
}
.pageN .select a {
color: #2a4dcb;
font-size: 16px;
}
.pageN .right {
border: 1px solid #eee;
color: #666;
font-weight: normal;
display:inline-block;
line-height:30px;
padding:0 10px;
}
/*--- event ---*/
.event {
width: 100%;
margin: 0 auto;
clear: both;
text-align: center;
}
.event img, .event a {
margin: 0;
padding: 0;
display: block;
}
.tab {
padding: 10px;
background-color: #eee;
height: 22px;
border-bottom: 1px solid #ccc;
}
.tab a {
float: left;
font-size: 0.60em;
text-align: center;
padding: 6px 0;
width: 49.8%;
background-color: #eee;
font-weight: bold;
display: block;
}
.tab .on {
border: 1px solid #ccc;
border-bottom: 1px solid #fff;
background-color: #fff;
color: #a80c00;
}
.event .e_box {
padding: 10px;
}
.e_box .bn {
text-align: center;
background: url(/images/0406_banner_bg.png) repeat-x;
width: 100%
}
.e_img {
margin: 10px auto;
text-align: center;
}
.e_box .bn1 {
text-align: center;
width: 100%;
}
.e_box .bn2 {
text-align: center;
width: 100%;
margin: 20px 0;
}
.e_box .bn3 {
text-align: center;
width: 100%;
background: url(../images/event/bg.png) 0 0 repeat-x;
margin: 10px 0 10px 0;
}
.e_box h3 {
font-size: 0.80em;
color: #444;
padding-top: 15px;
padding-bottom: 5px;
border-bottom: 2px solid #a80c00;
clear: both;
}
.e_box .txt1 {
font-size: 0.60em;
line-height: 20px;
color: #333;
}
.e_box .txt2 {
padding: 10px 0;
border-bottom: 1px solid #dedede;
clear: both;
float: left;
}
.e_box .txt2 img {
display: block;
float: left;
margin-right: 10px;
}
.e_box .txt2 dt {
font-size: 0.70em;
font-weight: bold;
color: #a80c00;
letter-spacing: -1px;
}
.e_box .txt2 dd {
font-size: 0.60em;
color: #555;
padding-top: 5px;
line-height: 20px;
letter-spacing: -1px;
}
.e_box .txt2 dd img {
width: 76px;
height: auto;
}
.e_box .btn {
padding: 15px 0;
font-weight: bold;
}
.e_box .btn a {
display: block;
text-align: center;
margin-bottom: 10px;
font-weight: bold;
font-size: 0.70em;
font-weight: bold;
padding: 10px 15px;
letter-spacing: -1px;
background-color: #154067;
color: #ffffff;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border: 1px solid #0a2b4b
}
.dwb {
padding: 5px;
background-color: #b10101;
border-bottom-left-radius: 2px 2px;
border-bottom-right-radius: 2px 2px;
border-top-left-radius: 2px 2px;
border-top-right-radius: 2px 2px;
border: 1px solid #080808
}
.dwb1 {
padding: 5px 10px;
background-color: #b10101;
margin-left: 10px;
border-bottom-left-radius: 2px 2px;
border-bottom-right-radius: 2px 2px;
border-top-left-radius: 2px 2px;
border-top-right-radius: 2px 2px;
border: 1px solid #080808;
}
.txt3 {
color: #fcc30f;
}
.txt4 {
color: #b10101;
font-weight: bold;
}
.txt8 {
padding: 10px 0;
color: #cc0030;
clear: both;
float: left;
font-size: 0.60em;
clear: both;
width: 100%
}
.etxt {
padding: 10px 0 15px 0;
}
.etxt li {
font-size: 0.60em;
}
.ctevt {
text-align: center;
border: 1px solid #ccc;
padding: 15px 0;
margin-top: 15px;
}
.txt5 {
color: #00386f;
font-weight: bold;
}
.e_box .txt6 {
padding: 10px 0;
border-bottom: 1px solid #dedede;
clear: both;
}
.e_box .txt6 dt {
font-size: 0.70em;
font-weight: bold;
color: #008f1b;
letter-spacing: -1px;
}
.e_box .txt6 dd {
font-size: 0.60em;
color: #555;
padding-top: 5px;
line-height: 20px;
letter-spacing: -1px;
}
.e_box .txt7 {
font-size: 0.60em;
line-height: 20px;
padding-top: 10px;
color: #00386f;
font-weight: bold;
}
.e_box .txt8 {
color: #101010;
}
.tw_b {
display: block;
text-align: center;
margin: 10px 0;
font-size: 0.80em;
font-weight: bold;
letter-spacing: -1px;
padding: 5px 10px;
background-color: #b10101;
color: #ffffff;
border-bottom-left-radius: 2px 2px;
border-bottom-right-radius: 2px 2px;
border-top-left-radius: 2px 2px;
border-top-right-radius: 2px 2px;
border: 1px solid #7a0202
}
.appBtn {
width: auto;
margin: 20px 10px 10px 10px;
text-align: center;
}
.appBtn .btn1 {
float: left;
width: 33%;
display: block;
}
.event6 {
width: 300px;
margin: 0 auto;
clear: both;
padding-top: 20px;
text-align: center;
margin-left: 10px;
}
.event6 img {
display: block;
width: 300px;
text-align: center;
margin: 0 auto;
}
.event6 p {
font-size: 0.80em;
font-weight: bold;
padding-bottom: 6px;
text-align: left;
}
.card {
width: 100%;
clear: both;
margin-top: 10px;
}
.card:after {
clear: both;
display: block;
content: "";
}
.card li {
float: left;
width: 48%;
}
.card li img {
display: block;
}
/*--- pagenation ---*/
.page {
clear: both;
overflow: hidden;
height: 43px;
padding-top: 20px;
width: 220px;
text-align: center;
font-size: 0.70em;
color: #555;
position: relative;
margin: 0 auto;
font-weight: normal;
}
.page .pre {
background: url('../images/btn_pre.gif') 0 0 no-repeat;
width: 43px;
height: 29px;
margin-right: 30px;
text-indent: -1000em;
position: absolute;
}
.page .next {
background: url('../images/btn_next.gif') 0 0 no-repeat;
width: 43px;
height: 29px;
margin-left: 30px;
text-indent: -1000em;
position: absolute;
}
.page strong {
color: #12589d;
font-weight: bold;
}
.page span {
color: #cccccc;
}
.page1 {
clear: both;
width: 100%;
padding: 0;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
margin:10px 0;
background:#fff;
}
.page1 span{
display:inline-block;
width:50%;
font-size:16px;
color:#555;
text-align:center;
line-height:40px;
height:40px;
}
.page1 span em{display:block; border-right:1px solid #eee;}

.page2 {
clear: both;
width: auto;
padding: 30px 10px 0 10px;
}
.page2 .pbox {
background: url('../images/p_bg.gif') 0 0 repeat-x;
border: 1px solid #bcbcbc;
vertical-align: middle;
text-align: center;
height: 33px;
}
.page2 .nx {
background: url('../images/btn_nx.gif') right 4px no-repeat;
padding: 0 8px 0 0;
}
.page2 .pr {
background: url('../images/btn_pv.gif') 0 4px no-repeat;
padding: 0 0 0 8px;
}
.page2 .list {
background: url('../images/btn_list.gif') 0px 4px no-repeat;
padding: 0 0 0 14px;
}
.page2 li {
float: left;
width: 33%;
height: 33px;
}
.page2 li a {
display: block;
text-align: center;
font-size: 0.60em;
width: 100%;
text-align: center;
padding-top: 6px;
color: #777777;
font-weight: bold;
}
.page2 .line {
border-right: 1px solid #bcbcbc;
}
.page3 {
clear: both;
width: auto;
}
.page3 .pbox {
background: url('../images/p_bg.gif') 0 0 repeat-x;
border: 1px solid #bcbcbc;
vertical-align: middle;
text-align: center;
height: 33px;
}
.page3 .nx {
background: url('../images/btn_nx.gif') right 4px no-repeat;
padding: 0 8px 0 0;
}
.page3 .pr {
background: url('../images/btn_pv.gif') 0 4px no-repeat;
padding: 0 0 0 8px;
}
.page3 .list {
background: url('../images/btn_list.gif') 0px 4px no-repeat;
padding: 0 0 0 14px;
}
.page3 li {
float: left;
width: 33%;
height: 33px;
}
.page3 li a {
display: block;
text-align: center;
font-size: 12px;
width: 100%;
text-align: center;
padding-top: 6px;
color: #777777;
font-weight: bold;
}
.page3 .line {
border-right: 1px solid #bcbcbc;
}

/* #scroller li a{display:block; width:97px; font-size:12px; text-decoration:none; color:#333; line-height:16px; margin-top:3px;} */
#nav {
width: 100%;
clear: both;
position: relative;
background: #000;
z-index: 2;
}
.scroller_thum {
position: relative;
margin:10px 10px 0 10px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
background:#fff;


}

.welcome-posts { overflow: hidden;}
.style-2{
width:100%;
height:78px;
overflow:hidden;
border-bottom:1px solid #ddd;
clear:both;
text-align:left;
position:relative;
background: #fff;
padding:10px 0;

}

.style-2:after{
clear:both;
display:block;
content:"";

}
.style-2 .post-thumb02 {
display:block;
position:absolute;
top:10px;
right:15px;
width: 120px;
height: 78px;
overflow: hidden;
z-index: 10;

}
.style-2 .post-content{
font-size:16px;

}
.style-2 .post-title{ font-size:16px; line-height:24px; margin:24px 140px 0 15px; font-weight: normal;  display:block; text-align:left; color: #333; vertical-align: middle; top:0;}
.style-2 .post-content{background: #fff;margin-right:130px; top:0; }
.scroller_thum02 {
margin: 0 0 0 15px;

}
.scroller_thum02 li dl .title{display:block; position:absolute; top:0; left:0; background:#1754d4; opacity:0.8; padding:0 6px; font-size:14px; color:#fff; line-height:20px;}
.scroller_thum02 li dl .title02{ color:#0c43b5; padding-right:6px;}

.scroller_thum02 li{ float:left; width:50%; }
.scroller_thum02 li:after{
clear:both;
display:block;
content:"";
}

.scroller_thum02 dl {
margin:0 15px 0 0;
clear:both;
background:#fff;
text-align:left;
position:relative;
overflow:hidden;


}

.scroller_thum02 li dt {
display:block;
height:100px;
overflow:hidden;
width:100%;

}
.scroller_thum02 li dt img{
display:block;
width:100%;
height: auto;

}
.scroller_thum02 li a {
font-size:16px;

}
.scroller_thum02 li .tit{ font-size:15px; display:block; text-align:left; margin:5px 0 0 0; height:42px; overflow:hidden; line-height:18px;}
.scroller_thum02 li .text{ display:none;}

.scroller_thum03 {
padding-bottom:10px;
margin:10px 0;
border-top:1px solid #eee;
}

.scroller_thum03 li dl .title{display:block; position:absolute; top:0; left:0; background:#1754d4; opacity:0.8; padding:0 6px; font-size:14px; color:#fff; line-height:20px;}
.scroller_thum03 li dl .title02{ color:#2234b7; padding-right:6px;}

.scroller_thum03 ul{
margin: 0 10px;
/*background:#d6e5e7;*/
}


.scroller_thum03 dl {

clear:both;
text-align:left;
position:relative;

}
.scroller_thum03 li{padding:10px 0; border-top:1px solid #eee;}
.scroller_thum03 li:first-child{border-top:none;}

.scroller_thum03 li .img{float:left; width:30px; height:30px; border-radius:30px; overflow:hidden; margin-right:6px; margin-top: 4px;}
.scroller_thum03 li img {
display:block;
overflow:hidden;
width:30px;
height:30px;

}
.scroller_thum03 li a {
font-size:16px;
color:#484e4f;

}
.scroller_thum03 li .tit{ font-size:15px; display:block; text-align:left; margin:2px 4px 4px 4px; height:42px; overflow:hidden; line-height:20px;}
.scroller_thum03 li .text{ display:none;}

.scroller_thum04 {

margin:0 10px;
clear:both;
background:#fff;
text-align:left;
}
.scroller_thum04 li{border-bottom:1px solid #eee; margin:0 10px; height:90px; clear:both; position:relative; overflow:hidden;}


.scroller_thum04 li:after{
clear:both;
display:block;
content:"";
}
.scroller_thum04 .img {
display:block;
position:absolute;
top:10px;
right:0;
width: 120px;
height: 70px;
overflow:hidden;

}
.scroller_thum04 li a {
font-size:16px;

}
.scroller_thum04  span{display:block;}
.scroller_thum04 .tit{ font-size:16px; display:block; text-align:left; padding-right:130px; line-height:24px; margin-top:10px; color:#333;  }
.scroller_thum04 .text{font-size:15px;  color:#999; display:block; line-height:18px;padding-right:130px; height:20px; overflow:hidden; display:none;}
.col-md-3{

width: 50%; float: left;

}
.video-post-area{margin:10px 0; background: #fff; border-top: 1px solid #eee;}
.video-post-area .container{background: #fff; padding: 20px 0 15px 15px; border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
.video-post-area .container:after{display: block; clear: both; content: "";}
.video-post-area h2{font-weight:600;    
font-size:17px; margin:14px 10px 10px 15px; display:block; line-height:17px;}
.single-video-post{  position: relative;
z-index: 1;
overflow: hidden; margin-right: 15px;}
.single-video-post img {
display: block;
-webkit-transition-duration: 2000ms;
transition-duration: 2000ms;
width: auto;
margin-right: 10px;
}
.single-video-post .videobtn {
position: absolute;
width: auto;
height: auto;
top: 40px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.single-video-post .videobtn a {
display: block;
width: 60px;
height: 35px;
border-radius: 5px;
background-color:#ee002d;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 16px; }
.single-video-post .videobtn a:hover, .single-video-post .videobtn a:focus {
background-color: #152535;
color: #fff; }
.single-video-post:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2); }
.single-video-post p{font-size:16px; color: #333; padding: 10px 0;}
.fa{
display: inline-block;
font: normal normal normal 14px/1 arial;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.fa-play:before{ content:"▷"; }
.health{ margin:10px 0 ; background:#fff;  border-bottom: 1px solid #eee;border-top: 1px solid #eee; }
.health h2{font-weight
font-size:17px; margin:14px 15px 10px 15px; display:block; line-height:17px;}
.health:after{
display:block;
clear:both;
content:""
zoom:1;
}
.news_box{clear:both; width:100%;}
.et_sports{
clear: both;
margin:10px 0;
background: #fff;
border-top:1px solid #eee;

}
.et_sports:after{
display:block;
clear:both;
content:""
zoom:1;
}
.et_sports h2 {

line-height:17px;
font-weight:600;
font-size:17px;
margin:0 10px;
padding:14px 0 10px 5px;
}

.et_sports .tab-pane{

position:relative;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #fff;
}

.et_sports .tab-pane:after {
content: "";
display: block;
clear: both;
}


.et_sports .style-3{

width:100%;
height:90px;
overflow:hidden;
position: relative;

}
.et_sports  .style-3:after{
display:block;
content:"";
clear:both;
}
.et_sports .style-3 .post-thumb02 {
position: absolute;
width: 110px;
height: 80px;
top: 10px;
right: 15px;
overflow:hidden;
display:block;
}
.et_sports .style-3 .post-thumb02 img {
width: 120px;
height:auto;
}
.et_sports .style-3 .post-title h6{
font-weight: normal;
font-size: 16px;
height:60px;
vertical-align:middle;
margin: 20px 130px 0 15px;
}
.et_sports .style-3 .post-data a{line-height:24px;  vertical-align: middle;}
.et_sports .small-featured-post {
margin:0 15px;
}
.et_sports .small-featured-post .post-data {
width: 100%;
height: 42px;
line-height:42px;
text-overflow: ellipsis;
overflow: hidden;
border-top:1px solid #eee;
}

.et_sports .small-featured-post .post-data h6 {
display:block;
line-height:42px;
font-weight: normal;
font-size: 15px;


}
.et_sports .small-featured-post .post-thumb{display: none;}
.et_sports .small-featured-post .post-date{display: none;}
.diva_cont{margin:10px 0; width: 100%; }
.diva_cont h2{font-weight:600;
font-size:17px; margin:0 10px 4px 10px; display:block; line-height:17px;}
.diva_cont .photo_box{background:#fff; border-bottom: 1px solid #eee;border-top: 1px solid #eee;}
.diva_cont .photo_box .img{height: 150px; overflow: hidden;}
.diva_cont .photo_box .img img{width: 100%;}
.diva_cont .photo_box p{text-align: center; margin: 10px 0 20px 0; font-size: 16px;}
.text-area{ margin: 10px 0;background: #fff;}
.text-area .container{background: #fff; width: 100%;}
.text_Box div {
width: auto;
clear:both;
border-top: 1px solid #ededed;
white-space: normal;
height:45px;
margin: 0 15px;
font-size: 16px;
}
.text_Box div:first-child {
border-top: none;
}
.text_Box h6 {
display:block;
color: #333;
line-height:45px;
font-size: 16px;
font-weight: normal;
white-space: nowrap;
height: 45px;
overflow: hidden;
text-overflow: ellipsis;

}
.text_Box span{display: none;}

/*--- footer ---*/
footer {

text-align: center;
}
address {
clear: both;
text-align: center;
font-size: 11px;
color: #909090;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 8px;
}
footer .btn {
border: 1px solid #121212;
background: #fff;
font-size: 14px;
clear: both;
padding:5px 10px;
}

.pcBox{margin: 10px;  background: #1d2a56; }
.pc_list{padding: 10px ; height: 270px; overflow: hidden; background: #fff; border: 3px solid #2bcc68;border-top:none;}
.pc_tit{margin: 0 auto; text-align: center; width: 100%;}
.pc_list .list_box{ width: 100%;}
.pc_list .list_box li {float: left;width: 50%;}
.pc_list .list_box dl { margin: 10px 10px 0 10px;clear: both; background: #fff; text-align: left; position: relative;overflow: hidden;}
.pc_list .list_box .img { display: block; height:80px;overflow: hidden; width: 100%;}
.pc_list .list_box .tit { font-size: 15px; display: block;text-align: left;margin: 4px 0 0 0;height:42px;overflow: hidden; line-height: 20px;}
.pc_list .list_box  dd{display: none;}
.pc_list #scroller { width: 100%; background:#fff;}
.pc_list #scroller after{content:""; display:block; clear:both;}
.pc_list #scroller  li {float: left;width: 50%; margin: 0; padding: 0;}
.pc_list #scroller dt{  display: block; height:80px;overflow: hidden; width: 100%; text-align: left; line-height: 20px;}
.pc_list #scroller dl { margin: 10px 10px 0 10px;clear: both; background: #fff; text-align: left; position: relative;overflow: hidden;}
.pc_list #scroller .tit { font-size: 15px; display: block;text-align: left;margin: 4px 0 0 0;height:42px;overflow: hidden; line-height: 20px; color: #121212}
.pc_list #scroller  dd{display: none;}
.pc_list #scroller li a{color: #121212; text-align: left; line-height: 20px;}


/*--- icone_19금_20171207 웹소설쪽 추가 ---*/
.certify{border-radius: 100px;background: #e23123;margin-left:2px;font-size: 11px;padding: 2px 3px;font-weight:normal;color: #fff; line-height:0px;}


/*** loader
#loader {
position: absolute;
border: 16px solid #fff;
border-radius: 50%;
border-top: 16px solid #3498db;
left: 25%;
top: 25%;
z-index: 1;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; 
animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
 ***/