@charset "utf-8";

header { background: #fff;}
header h1 { float:none; display: inline-block; vertical-align: top; padding:1rem 0 1rem 0.6rem; width:260px; }
header h1 a {width:100% }
header .left { padding: 33px 0 0 14px;}
header .all { display: inline-block!important; position: relative; width:32px; height: 22px; border-top: 2px solid #000; border-bottom: 2px solid #000; color:transparent; transform: scale(0.8); margin-top:1.7rem; margin-left: 1rem;}
header .all:before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background: #000; margin-top: -1px;}
header .left > div { float:none; }
header > ul { padding: 33px 17px 0 0;}
header > ul li {display: none;}
header > ul li a {width: 70px;}

/* 모바일메뉴 */
header .close,
header .all,
header .left > div > div,
header h2 { display: block;}
header .nav {  position: absolute; left:-120%; top: 0; z-index: 991; transition: left 0.7s; padding: 15px 20px; width:260px;  height: 100%; background: #fff!important; color: #000; box-sizing: border-box;}
header .nav.on { left: 0;}
header .nav nav ul li a {color: #000!important;}
header .nav.on nav { padding: 0 0 24px; border-top: 1px solid #ed1c24;}
header .nav.on nav a { height:44px; line-height:44px;}
header .nav.on nav a:before { display: none;}
header .nav.on nav li { float: none; border-bottom:1px dotted #cdcdcd; }
header .nav.on div { display: flex; border:1px solid #eee; margin: 3rem 0 0;}
header .nav.on div a:first-child { border: none;}
header .nav.on div a { flex:1; height: 38px; border-left: 1px solid #eee; line-height: 38px; text-align: center; color:#666; font-size: 13px; font-weight: bold;}
header .nav.on .close { position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; color:transparent;}
header .nav.on .close:before { content: ""; position: absolute; left:50%; top: 0; width: 2px; height: 100%; background: #5a5a5a; transform: rotate(42.5deg);}
header .nav.on .close:after { content: ""; position: absolute; right:45%; top: 0; width: 2px; height: 100%; background: #5a5a5a; transform: rotate(-42.5deg);}
header h2 { margin: 10px 0 20px; width:180px; height: 26px; background: url("../img/logo2.png") no-repeat; background-size: 100%; color:transparent;}
.dim { display: none;position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
header .sch { display: none; position: absolute; top:70px; left: 0;  width: 100%; background:#ed1c24; margin: 0; z-index: 95; text-align: center;}
header .sch input {font-size: 0.75rem; padding: 0.5rem 2.5rem 0.5rem 0.2rem; margin: 1rem 0; width: 90%;}
header .sch button { position: absolute; right: 8%; top:1.5rem;}
header #btn-toggle { border: none; text-indent: -99999rem; background: url('/img/sch.png')no-repeat; background-size: 100%; width: 1.2rem; position: absolute; right: 1.8rem; top:1.8rem; cursor: pointer; z-index: 99;}
header .btn-toggle-on { background: url('/img/sch_close.png')no-repeat!important;}
header .mem_login { display: none; }

.main {background:#595959; }
.main_video { padding: 1.3rem 0 0 0; }
.main_video .play { width:100%; margin:0;overflow: hidden; position: relative; text-align: center;}
.main_video .play img { width: 100%; }
.main_video .play a {display: inline-block; width: 100%; height: 100%;}
.main_txt { text-align: center;}
.main_txt h2 { color: #fff; font-size: 1rem; padding: 0.5rem 0 1rem; width: 90%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.main_txt p, .main_txt .more { display: none; }




.weekly {}
.weekly h2 { font-size: 1.5rem; margin: 2rem 0 1rem;display: block; padding-left: 5%; width: 95%;  }
.weekly .big { padding: 0 5% 1.5rem; }
.weekly .big  .item-img { width: 100% }
.weekly .big  .item-img img { width: 100%; }
.weekly .big  .item-body p { 	overflow: hidden; text-overflow: ellipsis; white-space:nowrap;  }

.newslist  {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.newslist li {width:100%; margin: 0 5% 1rem;  padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.newslist11111 li:nth-child(2n+1) { margin-right: 2.5%!important; }
.newslist11111 li:nth-child(2n+2) { margin-left: 2.5%!important; }

.newslist li a {display: inline-block; width: 100%; }
.newslist .item-img11  { width: 100%; height: 150px; overflow: hidden; position: relative;}
.newslist .item-img  { width: 100%; overflow: hidden; position: relative;}
.newslist .item-img img { width: 100%; border:1px solid #ECECEC }



.flash {}
.flash h2 { font-size: 1.5rem; margin: 2rem 0 1rem;  display: block; padding-left: 5%; width: 95%;}
.flash .big { width: 90%;  }
.flash .big  .item-img { width: 100%; height: 180px; }
.flash .big  .item-img img { width: 100%; }
.flash .big  .item-body p { overflow: hidden; text-overflow: ellipsis; white-space:nowrap;  }
.flash ul li {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.flash ul li  a {width:100%; }
.flash .item-img  { width: 100%; overflow: hidden; }
.flash .newslist h3 {position: absolute; top:0; left: 0; width: 25px; height: 25px; line-height: 25px; font-size: 16px; font-weight: 700; color: #fff; display: inline-block; text-align: center; z-index: 989; background: #ed1c24;}



.list_tab { margin: 2rem 5% 2rem; width: 90%;}
.list_tab li a{display:block;text-decoration:none;text-align:center; color: #888; height: 50px; line-height: 50px;  font-size: 0.85rem;}


.item-body {
	display: inline-block;
	font-size:1rem;
	line-height: 1.3rem;
	height: 2.6rem;
	text-overflow: hidden;
    word-wrap: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0.2rem 0 0;
}



.item-body strong { font-weight: 400;}
.item-img  { width: 100%; overflow: hidden; position: relative;}
.icon-play { position: absolute; right: 1rem; bottom: 1rem; background: url(/img/play.png)no-repeat; width: 2rem; height: 2rem; display: inline-block; z-index: 989; background-size: 100%; }
.play-time { position: absolute; bottom: 0; left: 0; height: 25px; line-height: 25px; padding: 0 0.8rem; background: rgba(0,0,0,0.55); color: #fff; font-size: 0.7rem; font-weight: 500; letter-spacing: 0;}


.footer {margin-top:50px;padding: 20px 10px;border-top: 1px solid #e2e2e2;font-size: 12px;line-height: 20px;color: #808080;background-color: #fafafa;letter-spacing:-1px;clear: both;}
.footer_inner {position: relative;width: 100%;margin: 0 auto;}
.footer_inner  .info_copyright {margin-top:10px}
.footer_inner .txt_copyright {display: block;margin-top: 8px;font-size: 12px;letter-spacing:0;font-style: normal;color: #808080;}
.footer_inner .info_warn {font-weight: normal;}
.footer_inner .footer_link {margin-bottom:10px;font-size:13px}
.footer_inner .link_info {color: #808080;letter-spacing: -1px;font-size:14px;}
.footer_inner .link_info:hover {color:#111}
.footer_inner .txt_dot {padding: 0 2px 0 3px;margin-top: 1px;color: #d4d4d4;}
.footer_inner .info_txt {padding-right:15px}


.sub { padding: 0 0 ; background:#595959;background-size: cover; margin: 0 0 2rem; }
.sub > h2 { color: #fff; font-size: 1.5rem; text-align: center; margin: 0 0 -15px 0; padding: 0.8rem 0  0.3rem;  }

.content { border-top:10px solid #f4f4f4; padding: 0.5rem; }

.article_head {position: relative;padding:15px 15px 50px;}
.article_head .tit_view {overflow: hidden;margin-top: 4px;font-weight: normal;font-size: 23px;line-height: 29px; font-weight: 700;}
.article_head .info_view {position: relative;display: block;margin-top: 6px;line-height: 16px;color: #999;font-size:0.91em;}
.article_head .txt_info {padding-right: 10px;line-height:20px}
.article_head .txt_credit {display: block;height:25px;}
.article_head .txt_credit img {height:22px}

.article_head .rd_util {position:absolute;right:15px;bottom:0; width: 100%; text-align: right;}
.article_head .rd_util .btn_util {width:35px;height:35px;text-align:center;line-height:35px;font-size:16px;border-radius:20px;border:1px solid #ddd;color:#333; display: inline-block;}
.article_head .sticker_event {position:absolute;top:2px;right:110px;display:block;width:50px;line-height:0}
.article_head .sticker_event img {max-width:100%;}

.article_head .rd_util .btn_util.ico_kakaotalk,
.article_head .rd_util .btn_util.ico_facebook,
.article_head .rd_util .btn_util.ico_naver2 {border:0}

.article_head .rd_util .btn_util .btn_sns {display: block;overflow: hidden;width:35px;height:35px;margin: 0 auto;background-position: 0 0;background: url(../img/icon_share_circle.png) 0 0 no-repeat;-webkit-background-size: 252px 40px;background-size: 225px 35px;border:0}
.article_head .rd_util .btn_util .btn_kakaotalk {background-position: 0 0;}
.article_head .rd_util .btn_util .btn_kakao {background-position: -43px 0;}
.article_head .rd_util .btn_util .btn_facebook {background-position: -114px 0;}
.article_head .rd_util .btn_util .btn_twitter {background-position: -85px 0;}
.article_head .rd_util .btn_util .btn_band {background-position: -170px 0;}
.article_head .rd_util .btn_util .btn_naver {background-position: -190px 0;}

.article_head .rd_util .btn_share {background: url(/img/ico_share2.png) no-repeat 6px 5px;background-size: 22px 22px;}


.article_head .sec {font-size:18px;color:#ea444a}


.sns_wrap {display:none;position:absolute;top:45px;right:-10px;z-index:1;width:331px;border:1px solid #e5e5e5;background-color:#fff}
.sns_wrap.current {display:block;}
.sns_wrap ul {overflow:hidden;padding:10px 0 0 10px;}
.sns_wrap li {float:left;}
.sns_wrap li a  {display:block;width:70px;height:65px;font-size:12px;text-align:center}
.btn_sns {display:block;margin:0 auto;width:38px;height:38px;background:url(../img/ico_share.png) -40px 0 no-repeat;margin-bottom:3px;}
.btn_sns.btn_kakaotalk {background-position:-1px -2px}
.btn_sns.btn_kakao {background-position:-40px 0}
.btn_sns.btn_facebook {background-position: -122px -3px;}
.btn_sns.btn_twitter {background-position:-83px -2px}
.btn_sns.btn_band {background-position:-160px 0}
.btn_sns.btn_naver {background-position:-203px -2px}
.sns_wrap .ban a {display:block;line-height:0}
.btn_plus, .btn_minus {display: none!important;}


.article_view {position:relative;overflow:hidden;font-size:17px;line-height:1.6;padding-bottom:30px;word-break: break-all;word-wrap: break-word}
.article_view .summary_view {display: block;overflow: hidden;position: relative;padding-left: 12px;margin: 0 20px 29px;line-height: 1.625;font-weight: normal;letter-spacing: -0.02em; font-size: 0.9rem;}
.article_view .summary_view:before {content: '';position: absolute;top:6px;left: 0;bottom: -3px;margin-bottom:6px;width: 2px;background-color: #000;}
.article_view p {padding:1rem 0; line-height: 2.3rem; font-weight: 400; }
.article_view figcaption.figcaption {padding:10px 20px !important}
.article_view iframe {margin: 0 0;}
.article_view figure { margin: 2rem 0;}
.article_view figure .txc-image {width: 100%;}
.article_view .figcaption {margin: 0 auto;font-size: 15px;line-height: 18px;color: #919191;padding:10px 0 10px !important;text-align:left !important;max-width:500px;}



.article_view .article_body div,.article_view .article_body p {margin-top:10px;padding:5px 20px;letter-spacing:-0.02em;font-weight:400;word-break: break-all;word-wrap: break-word;}
.article_view .article_body p div {padding:0}
.article_view .article_body .txc-image,.article_view .article_body .tx-daum-image {max-width: 100%;}
.article_view .article_body .center-block {display: block;margin-left: auto;margin-right: auto;}
.article_view .article_body .link_figure {position:relative;display:table;margin:0 auto;padding:0}
.article_view .article_body .link_figure .ico_expand {position: absolute;top: 10px;right: 9px;display:block;width:35px;height:35px;background-color:rgba(0,0,0,0.7);color:#fff;font-size:20px;text-align:center;border-radius:35px}
.article_view .article_body .link_figure .ico_expand i {margin-top:8px}




.ad_wrap {margin-top:8px;text-align:center;background-color:#fff;}
.ad_wrap.cons {margin-top:0;}


.connection_lst li a {overflow: hidden;display:block;padding:15px 0; position: relative;}
.connection_lst li a .ico {display:block;float:left;width:70px;height:70px;margin-right:10px;border-radius:40px;background-color:#fff;text-indent:-99999px;-webkit-filter: grayscale(100%);filter: gray;}
.connection_lst li .cont {position:relative;display:block;}
.connection_lst li .cont .cat {color:#ea444a;padding-bottom:8px}
.connection_lst li .cont .tit {display:block;word-break: keep-all;font-size:15px;line-height:20px; color: #000;}
.connection_lst li a:hover .tit {text-decoration:underline}
.connection_lst img {display: block;
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    border-radius: 40px;
}
.connection_lst li a::after {content: ""; position: absolute; background: url('/img/play.png')no-repeat; top:0; left: 0; width: 70px; height: 95px; background-size: 30px; background-position: center;}



.rank_lst {margin-top:10px;}
.rank_lst li a {display:block;font-weight:400;font-size:15px;border-bottom:1px solid #f4f4f4;line-height:24px;height:40px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: keep-all;line-height:40px; color: #000;}
.rank_lst li a:hover {color:#ea444a;}
.rank_lst .num { display:inline-block;min-width:25px;text-align: center;font-weight: 700;font-style: italic;letter-spacing: 0;color: #222;margin-right:8px;}

.blind {
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0px;
    height: 0px;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
}
.ad_wrap {margin-top:70px; border-top: 1px solid #ddd; padding: 3rem 0 0;}
.row {margin: 2rem 0; border-top: 1px solid #ddd; padding: 2rem 0 0;}


.boardPageNav {}
.boardPageNav ul li a{display:block;float:left; box-sizing:border-box; font-weight:normal;  padding:8px!important; color:#aaa; font-size: 0.7rem;}
.boardPageNav ul li:last-child a {border: none;}
.boardPageNav ul li .on {background: none; color: #ed1c24; border-bottom: 2px solid #ed1c24; font-weight: 800; }



.search_form {  border-bottom: 1px solid #ddd; margin: 0 0 1rem;}
.search_form .keyword { padding: 2rem 2rem 0; height: 110px;  background: #fcfcfc;  border-top:1px solid #ddd; }
.search_form .keyword label { display: none; }
.search_form .keyword input { width: 80%; height: 45px; color: #000; font-weight: 700; border: 3px solid #ea444a; padding: 0.5rem; float: left; font-size: 0.9rem;}
.search_form .keyword button { background: #ea444a; color: #fff; border: none; border-radius: 0; width: 20%; margin: 0; padding: 0; text-align: center; height: 45px; float: right;}

.noresult_inner {padding:20px 0 21px 30px;zoom: 1;}
.noresult_inner p {padding-right: 20px;font-size: 17px;color: #333;line-height: 18px;word-wrap: break-word;word-break: break-all;}
.noresult_inner p em {color: #eb0c00;}
.noresult_inner ul {margin: 20px 0 0 0px;font-size: 14px;line-height: 20px;}
.noresult_inner li {margin-bottom: 2px;color: #666;}

.result_head {padding:1rem; border-bottom:1px solid #ddd; margin: 0 0 1rem;  font-size:1rem; }
.result_head em {color:#ea444a; font-style: normal;  font-weight: 700; padding: 0 0.2rem; }


.headline_lst {margin:0 20px 0 0}
.headline_lst li {padding: 15px 0;overflow: hidden;border-bottom: 1px solid #f4f4f4;}
.headline_lst li:first-child {padding-top:0}
.headline_lst li:last-child { border-bottom: none;}
.headline_lst li > a {display:block;}
.headline_lst li > a > .gd_a {float: left;position: relative;width:150px;display:block;}
.headline_lst li .desc {padding:0 0 5px 15px;overflow: hidden;}
.headline_lst li .desc .cat {font-size:1em;color:#ea444a;padding-bottom:5px}
.headline_lst li .desc strong {font-weight:400;letter-spacing:-1px;line-height:20px;font-size:1rem;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: keep-all; color: #000;}
.headline_lst li > a:hover .desc strong {text-decoration:underline;}
.headline_lst li .desc .info {padding-right:10px;font-size:15px;max-height:38px;margin-top:5px;line-height:1.3em;color:#777;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: keep-all;}
.headline_lst li .desc .date {margin-top:8px;font-weight:300;color:#999;font-size:13px}
.headline_lst li .desc .date span {margin-right:8px}


@media (max-width: 560px){
	.newslist .item-img { }
}




.login { padding: 0 0; background:#ed1c24; margin: 0 0 2rem; }
.login > h2 { color: #fff; background:url(/img/sub.jpg)no-repeat; font-size: 1.5rem; text-align: center; margin: 0 0 ; padding: 0.5rem;  }



.sns_tong { margin-top:20px }
.sns_tong > .btn_util {width:35px;height:35px;text-align:center;line-height:35px;font-size:16px;border-radius:20px;border:1px solid #ddd;color:#333; display: inline-block;margin:0 20px}


.youtubeWrap { position:relative;width:100%;padding-bottom:56.25%;margin:10px 0 20px 0; }
.youtubeWrap iframe { position:absolute;width:100%;height:100%; }
.youtubeWrap:after{content:"";display:block;clear:both;}


#side_wrap { margin:20px 5% }
#left_ad{}
#left_ad a { display:block }
#left_ad img { width:calc(100% - 40px);height:auto;margin:0 20px 10px;box-sizing:border-box }
#right_ad{ }
#right_ad img { width:calc(100% - 40px);height:auto;margin:0 20px 10px;box-sizing:border-box }