@charset "utf-8";

/* 0728 추가 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

input, button {border-radius:0;outline:none;box-shadow:none;-webkit-appearance: none;} /* safari */

#page {background-color:#fff;}
#page nav{display:none;}

#header,
.header
{
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	position: relative;
	overflow: hidden;
}

#header {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); height: 44px;}
#logo {width:100%;height:40px; position:relative; text-align:center;  top:8px; /*left:45px;*/}
#category {height:40px;padding-right:35px;font-size:20px;font-weight:bold;color:#999;line-height:40px;position:absolute;top:0;left:160px;overflow:hidden;}
#category a{color:#999;}
.category {width:100px;height:40px;margin-left:5px;text-align:left;font-size:18px;font-weight:bold;color:#333;line-height:40px;overflow:hidden;}
.category a:hover{color:#333;}
.subHeader, .subFooter { 
	background-color:#233241;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 0 10px;
	position:relative;
	width: 100%;
 }
  
.subHeader i.i-small { position: absolute; left: 16px !important; top: 11px !important; margin: 0px; }
 
#header a.menu-main,
.header a.menu-main {
	background: url("http://www.newstomato.com/images/btn-menu-new.png") no-repeat;
	display: block;
	width: 54px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-size: 100%;
	overflow: hidden;
}

#header div.sb-toggle-left {
	background: url("http://www.newstomato.com/images/btn-menu-new.png") no-repeat;
	width: 45px;
	height: 40px;
	position: absolute;
	top: 1px;
	left: 0px;
	background-size: 100%;
	overflow: hidden;
	z-index:1;
}

#header a.btn-search {
	background: url("http://www.newstomato.com/images/btn-search.png") no-repeat;
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 11px;
	right: 14px;
	background-size: 100%;
}
#header .search-layer {
	width:54px;
	height:40px;
	display: none;
	background: url("http://www.newstomato.com/images/layer-search-new.png") right top no-repeat;
	background-size: 54px 38px;
	position: absolute;
	top:0;
	right:0;
}


#header a.right,
.header a.right {
	left: auto;
	right: 10px;
}
#content-list,
.content-list {
	padding:0;
}
#content-list a,
.content-list a { text-decoration: none; }

.list02 .txt-case a{font-weight:bold;font-size:16px; line-height:140%}

#content-list article,
.content-list article {
	background-color: #fff;
	/* height:15em; 
	padding:10px;*/
	cursor: pointer;
}

#content-list article.first,
#content-list article.video {
	min-height:23em;	
	display:inline-block;
}

/* #content-list article.first{margin-top:-20px;} */
#content-list article.video{margin-top:40px;position:relative;}

#content-list article.video .btn-play {
	width:98%;
	height:18em;
	margin:1%;
	background:url(../img/bg-to-play.png) no-repeat center center;
	position:absolute;
	left:0;
	top:0;
}

#content-list article.video .btn-play:hover { 
	background-color:rgba(0,0,0,0.20)
}

#content-list article.loopy{
    width:50%;
    float:left;
}

.image-line{/* height:22.3em;border:8px solid #383838;overflow:hidden */margin:0 5% 0 5%; !important;}
article.first .image-area{
	/* height:18em;
	overflow:hidden; */
	max-width:100%;
}


article.video .image-area{
	/* height:18em;
	border:1px solid rgba(0, 0, 0, 0.2);
	overflow:hidden; */
	max-width:100%;
}

article.loopy .image-area{
	/* height:8.5em;
	border:1px solid rgba(0, 0, 0, 0.2);
	overflow:hidden; */
	max-width:100%;
}

article .image-area{background-position:0px 40px;text-align:center;border:1px solid rgba(0, 0, 0, 0.2);}
/*article .image-area img{height:100%;}*/

#content-list article.list{
    width: 100%;
    height: 100%;
    min-height: 100px;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
    display: table;
}

article.first .image-case, 
article.video .image-case{
	width:100px;
	height:12em;
	overflow:hidden;
	float:left;
	border:1px solid rgba(0, 0, 0, 0.2);
}

article.list .image-case{
	width: 100px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: table-cell;
    vertical-align: middle;
}
article.list .txt-case{	 
	padding-left: 10px;
    font-size: 16px;
    display: table-cell;
    line-height: 20px;
    vertical-align: middle;
    text-align: left;
    font-weight:bold;
}

article.list .txt-case a{	 
	/*padding-left: 10px;*/
    font-size: 16px;
    display: table-cell;
    line-height: 140%;
    vertical-align: middle;
    text-align: left;
    font-weight:bold;
}

article.list .txt-case b{font-size:14px;}

article .image-case{background-position:0px 40px;text-align:center;border:1px solid rgba(0, 0, 0, 0.2);}
/*article .image-case img{height:100%;}*/

article.list02{width:100%;border-bottom:1px solid rgba(0, 0, 0, 0.2);padding:10px;}
article.list02 txt-only{}


/* .first .image-area { background:url(/images/thumb-list-1.png) no-repeat; background-size:cover; } */
.video .image-area { background:url(/images/img_video.jpg) no-repeat; background-size:cover; }
.loopy .image-area { background:url(/images/thumb-list-2.png) no-repeat; background-size:cover; }
.list .image-area { background:url(/images/thumb-list-2.png) no-repeat; background-size:cover; }

#content-list article img,
.content-list article img { 
	display: block;
	/*width: 100%;*/
	width:100%;
	margin:0 auto;
}

#content-list article h2,
.content-list article h2 {
	/*min-height:80px;*/
	margin:20px 0 0;
	padding:0 10px;
	background-color:#fff;
	font-size:32px;
	line-height:50px;
	letter-spacing:-1px;
	overflow:hidden;
	position:relative;
}

#content-list article h2 a,
.content-list article h2 a {
	color:#353535;
	font-weight:600;
}

#content-list article.loopy h2 {
	margin:0;
	padding:4px 5px 8px;
	background-color:#ddd;
	font-size:15px;
	line-height:22px;
	letter-spacing:-1px;
}


#content-list article p,
.content-list article p {
	padding:0;
	font-size:13px;
}

#content-article,
.content-article{
	padding: 0;
	background-color: #fff;
}

/*********************/

@media all and (min-width: 900px) {
	html, body {
		height: 100%;
	}
	#menu {
	/*background: #eee;*/
	}
	#page {
		min-height: 100%;
	}
	/* hide open-button */
	a[href="#menu"]{
	/*display: none !important;*/
	}
	.font-size-manager img {margin:-0.3em auto !important;}
	.share-box img{max-height:36px; overflow:hidden;}
	.font-size-manager .size-down img{min-height:36px; overflow:hidden;}
}

@media only screen and (max-width: 767px){
	.image-line{/*height:17.5em;*/}
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
	.image-line{/*height:22em;*/}
}

@media only screen and (min-width: 1441px) {
	.image-line{/*height:21em;*/}

}


#logo { display: inline-block; }
#logo img { position: relative; height: 40px;}
#logo-article { position: absolute; height: 40px; top:0; left:56px;}
#logo-article img.logo-main {height:40px;position:relative;top:0px;left:0px;}
#logo-article .logo-sub { margin-left:7px;}
#logo-article .logo-sub-text { position: relative; top:-13px; left:5px; width:80px; font-size: 17px;}
#logo-article .logo-sub-text a { color:#fff; text-decoration: none;}
#logo-article .logo-sub-narrow { letter-spacing: -2px;}
.logo-sub-section {
	width:80px;
	font-size:16px;
	position:relative;
	top:-11px;
	left:5px;
}


h3.title, h4.title {border-bottom:1px solid #eee;padding-bottom:10px;}
h2.title{font-weight:bold;margin-bottom:20px;}
.row h3.title, .row h2.title , .row h4.title {margin-top:0px;}

/*********** ICONS */
.i-pane  {width:65px;height:65px;margin-right:15px;border-radius:50%;text-align:center;position:relative;float:left;}
.i-pane.i-blue {background-color:#587eac;}
.i-pane.i-green {background-color:#9eb74e;}
.i-pane.i-orange {background-color:#e0af50;}
.i-pane.i-red {background-color:#ff7a73;}


.mainIconPane { display:inline-block; margin-bottom: 15px; }
.mainIconPane h4 { margin: 0px 0px 5px; }
.mainIconPane p { color:#979797; font-size:13px; }


.exploreSiteFullPane { padding: 5px; }
a.explorePane { text-decoration:none; }
.explorePane { width: 33.3333%; float: left; padding: 1%; border-bottom: 1px solid #DDD; text-align: center; text-decoration:none; }
.explorePane.middle { border-left: 1px solid #DDD; border-right: 1px solid #DDD; }

.explorePane .i-pane { float:none; margin:0px; display: inline-block; }
.explorePane:active .i-pane, .explorePane:focus .i-pane, .explorePane:hover .i-pane, .explorePane.active .i-pane { background-color: #233241; }

.explorePane:active, .explorePane:focus, .explorePane:hover { cursor:pointer; }

.block { font-size:14px; font-weight:bold; background-color:#f1f2f4; text-align:center; padding:15px;
border-top:1px solid #ccd2d8; border-bottom: 1px solid #ccd2d8; color:#233241; }





#loader { background: rgba(88, 126, 172, 0.85); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 9999; }
#loaderInner { left: 50%; margin: -50px 0 0 -62px; position: absolute; top: 50%; color: #fff; font-size: 25px; }
#loaderInner p { margin-left: 22px; font-size: 17px; }

#search-wrap form { padding: 0; margin: 0;}
#search-wrap {
	box-shadow:inset 0 0 8px #999;
	background-color:#f0f0f0;
	padding:12px;
	display:none;
}
#search-wrap input[type="text"] {width:calc(100% - 52px); display: inline-block; vertical-align: top; padding:4px 5px; margin: 0; background-color:#fff; border:4px solid #c6c6c6;color:#a9a9a9;}
#search-wrap input[type="text"]:focus {background-color:#fbfcf1;}
#search-wrap input[type="submit"] {background: url("http://www.newstomato.com/images/btn-sch.png") no-repeat; width:50px; height: 30px; background-size: 100%; display: inline-block; vertical-align: top; border: none; margin-left:-4px;}

.banner-main { text-align:center;}
.banner-main img { display:inline-block; overflow: hidden;}
.banner-article {padding-top:3px;text-align:center;}
.banner-article img { margin:0; padding:0; vertical-align:top; }

.article-cate {height:50px;padding:3px 15px 0; background-color:#efefef; border-bottom:1px solid #ccc;  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.5);position:relative;}
.article-cate .ac_main{height:50px;font-size:24px;color:#cc3300;line-height: 50px;}
.article-cate .ac_sub{height:50px;font-size:18px;font-weight:600;color:#666;line-height: 50px;}
.article-cate .ac_link{width:15%;height:50px;border-left:1px solid #ccc;text-align:center;line-height:50px;position:absolute;right:0;top:0;}

#content-article .caption { background-color: #333; font-size:12px; color:#ddd; padding:8px 14px; line-height: 130%;}
#content-article > article .fullimg { display: block; width:100%;}
#content-article > article .normalimg { display: block;border:1px solid rgba(0, 0, 0, 0.2);margin:auto;}
#content-article .meta-info { padding:10px 14px; border-bottom: 1px #ddd; box-shadow: inset 0 -1px 2px rgba(200, 200, 200, 0.8);}
#content-article .author { font-size: 16px; color:#007aff;}

#content-article .social { padding:13px 14px;}
#content-article .social .comment { float:left; background:url("http://www.newstomato.com/images/icon-comment.png") left 4px no-repeat; padding-left:21px; color:#007aff; font-size:9px; background-size: 18px 17px; height: 21px; width:50px;}
.login-hk { width:27px; height: 27px; background: url("http://www.newstomato.com/images/btn-login-hk.png") no-repeat; background-size: 100%; float:left; margin-left:54px; cursor: pointer;}
.login-tw { width:27px; height: 27px; background: url("http://www.newstomato.com/images/btn-login-tw.png") no-repeat; background-size: 100%; float:left; margin-left:6px; cursor: pointer;}
.login-fb { width:27px; height: 27px; background: url("http://www.newstomato.com/images/btn-login-fb.png") no-repeat; background-size: 100%; float:left; margin-left:6px; cursor: pointer;}
.btn-login .status { background:url("http://www.newstomato.com/images/layer-login-checked.png") left bottom no-repeat; width:100%; height: 100%; background-size:11px; display: none;}
.btn-login .checked { display: block;}
.btn-comment {
	width:68px;
	float:right;
	border:1px solid #ccc;
	cursor: pointer;
	font-size:14px;
	padding:2px 8px 0 8px;
	height: 25px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f0f0f0));
	background: -webkit-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -moz-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -ms-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -o-linear-gradient(top, #fbfbfb, #f0f0f0);
	border-radius: 4px;
	text-align: center;
	letter-spacing: -2px;
}



#content-article .share-tw,
#content-article .share-fb,
#content-article .share-kko,
#content-article .share-url,
#content-article .share-more,
#content-article .share-google,
#content-article .share-line,
#content-article .share-kkostr,
#content-article .share-tumblr,
#content-article .share-band {width:25%;height:auto;float:left;}

#content-article .share-tw a,
#content-article .share-fb a,
#content-article .share-kko a,
#content-article .share-url a,
#content-article .share-more a,
#content-article .share-google a,
#content-article .share-line a,
#content-article .share-kkostr a,
#content-article .share-tumblr a,
#content-article .share-band a{width:100%;background-color:#ddd;border-right:2px solid #fff;text-align:center;display:block;}



.clear-both {clear:both;}
.color-red {color:red;}

.banner-index {margin:0 auto 20px auto;}
.banner-index img {display:block;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}


/* 151012 현애수정 */
article .content-body div { font-size:16px; line-height: 180%; color:#111; margin-bottom: 4px; letter-spacing:-0.04em;}
article .content-body p { font-size:16px; line-height: 180%; color:#111; margin-bottom: 4px; letter-spacing:-0.04em;}
article .content-body p a { font-size:16px; color:#007aff;}
article .content-body h2 { font-size:14px; letter-spacing:-0.04em; color:#999; margin-bottom:8px; padding:0;}
article .content-body .normalimg {margin:auto 0;}


.article_desk{height:40px;margin:40px 2% 0;background-color:#f9f9f9;border:1px solid #ddd;border-radius:3px;line-height:40px;position:relative;}
.article_desk .ad_info{width:52%;height:40px;padding-left:3px;text-align:left;font-size:11px;line-height:40px;letter-spacing:-1px;float:left;}
.article_desk .ad_info img{height:30px;width:30px;margin-right:1px;vertical-align:middle; }
.article_desk .ad_info a{height:30px;margin:0 0 0 5px; padding:4px 5px 4px 2px; border:1px solid #2f7de3; color:#2f7de3; text-align:center; text-decoration:none;letter-spacing:-1px;}
.article_desk .ad_sns{width:46%;height:40px;padding-right:5px; text-align:right;font-size:12px;line-height:40px;float:right;}
.article_desk .ad_sns img{height:22px;margin:0 1px 1px;}


.banner-after-content { padding:0 14px; text-align: center; height: 38px;}
.banner-after-content img { display: inline-block; overflow: hidden;}
.share-wrap, 
.adtxt-wrap {padding:0; background-color:#f8f8f8;}
.share-wrap{width:70%;height:100%;float:left;}
.share-wrap .banner { color:#365477;/*007aff*/ text-align: center; font-size:14px; padding:10px 14px 14px 14px; margin-top:18px;}
.adtxt-wrap .banner { color:#365477;/*007aff*/ text-align: center; font-size:14px; padding:10px 14px 14px 14px; margin-top:18px;}
.btn-to-comment-wrap { margin:0 auto;padding:0; background-color:#f8f8f8;}


/* 2017 03 07 추가 */
.related-tit{height:30px;margin:0 2% 5px;text-align:left;font-size:20px;font-weight:700;color:#333;line-height:30px;position:relative;}

.related-select{width:100%;height:30px;position:relative;}
.related-select span{height:30px;line-height:30px;display:block;position:absolute;right:2%;top:10px;}
.select-wrapper {
	height:32px;
	margin:5px 0 10px;
	background:url(../../images/icon_selectbox.png) 90% 50% no-repeat;
	background-size:15px 15px;
	text-decoration:none;
	font-size:13px;
	color:#666;
	line-height:32px;
	display:block;
	position:relative;
}

.select-wrapper:before {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-transform:none !important;
}

.select-wrapper:before {
	width:32px;
	height:32px;
	text-align:left;
	color:#666;
	line-height:32px;
	pointer-events:none;
	position:absolute;
	right:0;
	top:-4px;
	display:block;
}

.select-wrapper select::-ms-expand {
	display:none;
}

.select-wrapper select{
	height:32px;
}

.select option {
	background-color:#fff;
	color:#666;
}

.select:focus::-ms-value {
	background:transparent;
}

.select-wrapper select{
	width:100%;
	padding:0 8px;
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	appearance:none;
	-moz-transition:border-color 0.2s ease-in-out;
	-webkit-transition:border-color 0.2s ease-in-out;
	-o-transition:border-color 0.2s ease-in-out;
	-ms-transition:border-color 0.2s ease-in-out;
	transition:border-color 0.2s ease-in-out;
	background:transparent;
	border:1px solid #ddd;
	/*border-radius: 4px;*/
	/* [disabled]border: 1px  solid rgba(0, 0, 0, 0.3); */
	text-decoration:none;
	font-size:14px;
	color:#666;
	display:block;
	outline:0;
}
select:invalid{
	box-shadow:none;
}
select:focus{
	border-color:#999;
	color:#666;
}
select {
	height:50px;
}
/* 2017 03 07 추가 */


.related-article {padding-top:10px;background-color:#fff;/*box-shadow: 0 0 8px rgba(155, 155, 155, 0.5); border:1px solid #ddd; border-width: 1px 0;*/}
.related-article h3 {width:100%;height:35px;/*text-indent:-10000em; background-color:#dfdfdf;*/ }
.related-article h3 span { display:block; width:100%; height:35px; color:#fff; font-size:14px; font-weight:200; line-height:35px; text-align:center; background-color:#1e467c;} 
.related-article h3.lst01 { background:url("http://www.newstomato.com/images/title-related01.png") left top no-repeat; background-size:100px 35px; background-color:#dfdfdf; }
.related-article h3.lst02 { background:url("http://www.newstomato.com/images/title-related02.png") left top no-repeat; background-size:100px 35px; background-color:#dfdfdf; }
.related-article h3.lst03 { background:url("http://www.newstomato.com/images/title-related03.png") left top no-repeat; background-size:100px 35px; background-color:#dfdfdf; }
.related-article h3.lst04 { background:url("http://www.newstomato.com/images/title-related04.png") left top no-repeat; background-size:100px 35px; background-color:#dfdfdf; }
.related-article h3.lst05 { background:url("http://www.newstomato.com/images/title-related05.png") left top no-repeat; background-size:100px 35px; background-color:#dfdfdf; }




.related-article ul {margin:0;}
.related-article ul li { list-style: none; padding:0.5em 1em 0.5em 0.5em;margin:0 5px; border-bottom:1px solid #dfdfdf;}
.related-article ul li:first-child { list-style: none; padding:0.5em; padding-left:1em; margin-left:5px;}
.related-article ul li a { text-decoration: none; color: #333; font-size: 14px;}




#hot-wrap {
    background-color: #efefef;
	margin-bottom:10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	/* border-bottom:2px solid #466492; */
}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
#hot-wrap .sliderkit .sliderkit-nav{text-align:center;position:absolute;z-index:10;}

/* Nav > Clip */
#hot-wrap .sliderkit .sliderkit-nav-clip{margin:0 auto;position:relative;overflow:hidden;}
#hot-wrap .sliderkit .sliderkit-nav-clip ul{margin:0;padding:0;list-style:none;position:relative;left:0;top:0;}
#hot-wrap .sliderkit .sliderkit-nav-clip ul li{float:left;}
#hot-wrap .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
#hot-wrap .sliderkit .sliderkit-panel{position:absolute;overflow:hidden;z-index:1;}
#hot-wrap .sliderkit .sliderkit-panel-active{z-index:5;}
#hot-wrap .sliderkit .sliderkit-panel-old{z-index:4;}

/* Panels > Overlay */
#hot-wrap .sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
#hot-wrap .sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
#hot-wrap .sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}



#hot-wrap .newslider-minimal{width:100%;height:28px;line-height:28px;position:relative;}

/* Buttons > Disable */
#hot-wrap .newslider-minimal .sliderkit-legend{width:15%;height:28px;line-height:28px;text-align:center;font-weight:bold;color:#ce252c;background:#efefef;float:left; font-size:16px}

/* Navbar */
#hot-wrap .newslider-minimal .sliderkit-panels{width:85%;padding-right:10px;float:right;}
#hot-wrap .newslider-minimal .sliderkit-panel{height:28px;line-height:28px; font-size:16px}
#hot-wrap .newslider-minimal .sliderkit-panel a{display:block;color:#000; background-color: #efefef}
#hot-wrap .newslider-minimal .sliderkit-panel a:hover{text-decoration:none;}





.image-wrap { position:relative;padding:0 10px;}

.btn-share { width:36px; height:36px; position:absolute; z-index:1; bottom:0.5em; right:0.5em; background:url(/images/btn-imgonly.png) no-repeat; cursor:pointer }

.share-box-imgonly { width:100%; position:absolute; bottom:0; z-index:10; background:#000; }



.article-bottom { border:1px solid #ddd; border-width: 1px 0;}

#content-article .share-box .comment { float:left; background:url("http://www.newstomato.com/images/icon-comment.png") left 4px no-repeat; padding-left:21px; color:#007aff; font-size:9px; background-size: 18px 17px; height: 21px; width:45px; margin-left:15px;}
#content-article .share-box .tw,
#content-article .share-box .fb,
#content-article .share-box .kakao,
#content-article .share-box .more,
#content-article .share-box .band { float:left; width:58px; height: 21px; display: block; text-indent: -10000em;}


.comment-order li { width:33%; padding:7px 0 2px 0; text-align: center; float: left; list-style: none; border:1px solid #ddd; background-color:#f6f6f6;}
.comment-order li a { font-size:15px; color:#666; text-decoration: none;}
.comment-order li.selected { width:34%; background-color:#fff; border-bottom:1px solid #f4f4f4;}
.comment-order li.selected a { color:#007aff;}

.comment-list { clear:both; margin-bottom: 0;}
.comment-list li { list-style: none; padding: 9px 15px 10px 15px; border-bottom:1px solid #ddd; clear:both;}
.comment-list li .commenter { font-size:11px; color:#666; float:left;}
.comment-list li .date { font-size:11px; color:#666; float:left; margin-left:4px;}
.comment-list li .del { font-size:11px; color:#666; float:left; margin-left:4px;}
.comment-list li .del a { color:#f00; text-decoration: none;}
.comment-list li .report { font-size:11px; color:#666; float:left; margin-left:4px;}
.comment-list li .report a { color:#f00; text-decoration: none;}
.comment-list li .comment { clear:both; font-size:17px; line-height: 150%; padding-top:4px;}
.comment-list li .comment-reply { clear:both; font-size:17px; line-height: 150%; background:url("http://www.newstomato.com/images/bul-comment-reply.png") 4px 9px no-repeat; padding-left:28px; background-size:17px 13px; padding-top:4px;}
.comment-list li .btn {
	border:1px solid #ccc;
	cursor: pointer;
	font-size:14px;
	padding:2px 8px 0 8px;
	height: 27px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f0f0f0));
	background: -webkit-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -moz-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -ms-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -o-linear-gradient(top, #fbfbfb, #f0f0f0);
	border-radius: 4px;
}
.comment-list li .btns-wrap { height: 27px; margin:7px 0 4px 0;}
.comment-list li .rate { float:right;}
.comment-list li .rate img { height: 15px; vertical-align: top; margin:2px 4px 0 0;}
.comment-list li .good { float:right; margin-right:9px;}
.comment-list li .bad { float:right; margin-right:9px;}
.comment-list li .reportoadmin { float:right; margin-right:9px;}
.comment-list li .reply { float:left;}
.comment-list li .reply .blue { color:#007aff;}

.paging { margin:12px 14px; height: 27px;}
.paging .prev,
.paging .next {
	border:1px solid #ccc;
	cursor: pointer;
	float:left;
	font-size: 14px;
	padding:3px 0 0 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f0f0f0));
	background: -webkit-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -moz-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -ms-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -o-linear-gradient(top, #fbfbfb, #f0f0f0);
	text-align: center;
	width:50%;
}
.paging div img { vertical-align: top;}
.paging .prev { }
.paging .next { border-left:0;}

.comment-bottom { background:#f8f8f8 url("http://www.newstomato.com/images/bg-list-on-comment.png") center top repeat-x; background-size:8px 34px; margin:0; padding:19px 14px 0 14px;}

.btn-to-article {
	display: block;
	border:1px solid #ccc;
	cursor: pointer;
	font-size: 14px;
	margin-bottom:19px;
	padding:3px 0 0 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f0f0f0));
	background: -webkit-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -moz-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -ms-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -o-linear-gradient(top, #fbfbfb, #f0f0f0);
	text-align: center;
	width:100%;
	text-decoration: none !important;
	color:#333 !important;
}

.btn-to-comment-wrap {
}
.btn-to-comment {
	width:96%;
	margin:0 2%;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f0f0f0));
	background:-webkit-linear-gradient(top, #fbfbfb, #f0f0f0);
	background:-moz-linear-gradient(top, #fbfbfb, #f0f0f0);
	background:-ms-linear-gradient(top, #fbfbfb, #f0f0f0);
	background:-o-linear-gradient(top, #fbfbfb, #f0f0f0);
	border:1px solid #ddd;
	border-radius:4px;
	text-align:center;
	text-decoration: none !important;
	font-size:18px;
	color:#333 !important;
	line-height:36px;
	display:block;
	cursor:pointer;
}
.btn-to-comment .num { color:#007aff;}

.comment-bottom .share-wrap { border:0; padding:0; margin:0 auto 20px auto; width:292px; box-shadow: 0 0 5px rgba(155, 155, 155, 0.5);}

.btn-to-comment-list {
	border:1px solid #ccc;
	border-width: 1px 0;
	color:#333;
	cursor: pointer;
	font-size:15px;
	padding:10px 0 8px 14px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ededed));
	background: -webkit-linear-gradient(top, #fbfbfb, #ededed);
	background: -moz-linear-gradient(top, #fbfbfb, #ededed);
	background: -ms-linear-gradient(top, #fbfbfb, #ededed);
	background: -o-linear-gradient(top, #fbfbfb, #ededed);
	width:100%;
	display: block;
	text-decoration: none !important;
	font-weight: 400;
}
.btn-to-comment-list img { vertical-align: top;}

.btn-to-top {width:50px;height:50px;background:url(../../images/up_icon.png) no-repeat; background-size:50px 50px; position:fixed; bottom:14px; right:14px; display: block;  z-index:9999}

textarea.comment { margin: 13px 14px 6px 14px; background-color: #f8f8f8; border:1px solid #ccc; font-size:17px; width:calc(100% - 28px); height: 100px;}
.btn-comment-write {
	color:#333;
	display: block;
	margin:0 auto;
	border:1px solid #ccc;
	cursor: pointer;
	font-size:14px;
	text-decoration: none !important;
	padding:2px 0 0 0;
	height: 25px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f0f0f0));
	background: -webkit-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -moz-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -ms-linear-gradient(top, #fbfbfb, #f0f0f0);
	background: -o-linear-gradient(top, #fbfbfb, #f0f0f0);
	border-radius: 4px;
	text-align: center;
	letter-spacing: -1px;
	width:53px;
	font-weight: 500;
}
.btn-comment-write-wrap { clear:both; background: url("http://www.newstomato.com/images/bg-border-dotted-comment.png") left top repeat-x; background-size:4px 1px; margin:0 14px; padding:10px 0;}
.word-count { float: left; padding:0 0 3px 16px; font-size:14px;}
.word-count .word { color:#007aff;}
.word-count-normal { color:#ccc;}
.share-reply { float: right;}
.share-to-social-label { display: inline; font-size: 14px; font-weight: normal; color:#666; margin-right:16px;}
#comment-input-form { margin:0; padding: 0;}



.preloader { text-align: center;}
.preloader img { width:32px; margin-bottom:30px;}

.repeatTemplate {
	display: none;
}



article {
	display: block;
}
 
.swipe {
	width:100%;
	margin:0 auto -15px;
	position:relative;
	overflow:hidden;
}
.swipe-wrap {
	position:relative;
	overflow:hidden;
}
.swipe-wrap > div {
	width:100%;
	position:relative;
	float:left;
}
.swipe .nav {
	width:36px;
	height:99%;
	background-color:rgba(0,0,0,0);
	text-align:center;
	color:#fff;
	line-height:1;
	position:absolute;
	top:0;
	display:inline-block;
	cursor:pointer;
	z-index:10;
}
.swipe .nav:hover {
	background-color:rgba(0,0,0,0.05)
}
.swipe .nav.next {
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	font-size:1em;
	right:0;
}
.swipe .nav.prev {
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	font-size:1em;
}

.swipe strong {
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);
	position:relative;
	top:36%;
}

#scroll-box {
	width:100%;
	height:55px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.00)), to(rgba(0,0,0,0.25)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.00), rgba(0,0,0,0.25));
	background: -moz-linear-gradient(top,rgba(0,0,0,0.00), rgba(0,0,0,0.25));
	background: -ms-linear-gradient(top, rgba(0,0,0,0.00), rgba(0,0,0,0.25));
	background: -o-linear-gradient(top, rgba(0,0,0,0.00), rgba(0,0,0,0.25));
	text-align:left;
	line-height:55px;
	vertical-align:middle;
	position:fixed;
	top:95.5%;
	overflow:hidden;
	z-index:1000;
}
#scroll-box a {margin:0 5px;}
#scroll-box a img {width:40px;}




/*페이징 151012 현애수정*/
.ie-and-safari-only {text-align:center; margin:0 5px 0 5px; font-weight: bold;}
.paging_wrap{text-align:center; margin:25px;font-size:16px;}


#footer_wrap {
	width:100%;
	text-align:center;
	background-color:#e9e9e9;	
	border-top:1px solid #cccccc;
	clear:both;
}
#footer_wrap .footer_menu {
	padding-top:15px;
	padding-bottom:10px;	
}
#footer_wrap .footer_menu .footer_btn {
	display:inline-block;
	border:1px solid #bfbfbf;
	padding:2px 12px 2px 12px;
	margin:0px 6px;
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
	color:#353535;
}
#footer_wrap .footer_menu .footer_btn a {
	color: inherit;
	text-decoration:none;
}
#footer_wrap .copyright {
	padding-bottom:25px;	
}


/* 20151006 동영상뉴스, 포토뉴스 리스트 css 추가 */

article.list .image-case-video{
    width: 100px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    display: table-cell;
    vertical-align: middle
}

article.list .image-case-video .thumb_video{
	position:absolute;
	top:10px;
	left:10px;
	width:98px;
	height:78px;
	z-index:1000;
}
article.list .image-case-video .image_video{
	position:absolute;
	margin:0 auto;
	top:10px;
	left:10px;
	width:98px;
	height:78px;
	z-index:1;
}
article.list .image-case-video .image_video img{
	height:100%;	
}

article.photo-list{
	padding:15px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
article.photo-list:first-child{
	padding-top:20px;	
}
article.photo-list .image-case-photo{
	width:100%;
	margin:0 auto;	
	border:1px solid rgba(0, 0, 0, 0.2);
}
article.photo-list .txt-case-photo{
	padding-top:15px;
	font-weight:bold;
	font-size:16px;
}


/************************************************
*			추가 CSS  - 2017 03 06				*
************************************************/

/*** 메인 슬라이드 ***/
.swiper-wrap{margin:0 3% 15px;position:relative;}

.swiper-line{width:100%;height:1px;margin:5px 0 15px;background-color:#ccc;}

.swiper-tit{height:30px;text-align:left;font-size:20px;font-weight:700;color:#333;line-height:30px;position:relative;}
.swiper-tit .st_more{height:30px;padding:0 18px 0 0;background:url(../../images/icon_more.png) no-repeat right 50%;font-size:14px;font-weight:500;line-height:30px;position:absolute;right:0;}
.swiper-tit .st_more a{color:#666;}

.swiper-container{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper1{height:340px;position:relative;}
.swiper2,
.swiper3{height:315px;position:relative;}
.swiper4{height:335px;position:relative;}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #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;
}
.swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
}

.swiper-slide .sm_img{width:100%;height:250px;background-color:#efefef;border:1px solid #ddd;vertical-align:middle;display:block;position:absolute;left:0;top:0;overflow:hidden;}
.swiper-slide .sm_img img{width:100%;}
.swiper-slide .sm_txt{width:100%;height:50px;padding:5px 0 0;text-align:left;font-size:16px;font-weight:600;line-height:22px;display:block;position:absolute;left:0;top:250px;overflow:hidden;}

.swiper-slide .ss_vod{width:30px;height:30px;line-height:30px;position:absolute;left:10px;top:155px;z-index:10000;}
.swiper-slide .ss_vod img{width:100%;}
.swiper-slide .ss_img{width:100%;height:195px;background-color:#efefef;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ccc;vertical-align:middle;display:block;position:absolute;left:0;top:0;overflow:hidden;}
.swiper-slide .ss_img img{width:100%;}
.swiper-slide .ss_txt{width:100%;height:50px;padding:5px 2% 0;text-align:left;font-size:16px;font-weight:600;line-height:22px;display:block;position:absolute;left:0;top:195px;overflow:hidden;}
.swiper-slide .ss_cop{width:100%;height:75px;padding:5px 2% 0;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:left;font-size:14px;font-weight:600;line-height:22px;display:block;position:absolute;left:0;top:195px;overflow:hidden;}
.swiper-slide .ss_cop a{color:#666;}
.swiper-slide .ss_cop b{width:100%;height:22px;margin:0 0 3px;font-size:17px;font-weight:700;line-height:22px;display:block;}

/* Arrows */
.swiper-mnavi{width:100%;max-width:181px;height:28px;margin:0 auto;line-height:28px;position:relative;}
.swiper-mnavi .swiper-button-prev,
.swiper-mnavi .swiper-button-next{top:-30px;}
.swiper-mnavi .swiper-pagination{top:-26px;}

.swiper-snavi{width:100%;max-width:181px;height:28px;margin:0 auto;line-height:28px;position:relative;}
.swiper-snavi .swiper-button-prev,
.swiper-snavi .swiper-button-next{top:-58px;}
.swiper-snavi .swiper-pagination{top:-54px;}

.swiper-button-prev,
.swiper-button-next {
	width: 28px;
	height: 28px;
	position: absolute;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("../../images/icon_main_left.png");
	left:0;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("../../images/icon_main_right.png");
	right:0;
}
/* Pagination Styles */
.swiper-pagination {
	width:125px;
	text-align: center;
	position: absolute;
	left:28px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	margin:0 4px;
	display: inline-block;
	border-radius: 100%;
	background: #666;
	opacity: 1;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #009dbc;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000;
}
.swiper-container-horizontal > .swiper-pagination {
	width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px;
}





/*** 서브 슬라이드 ***/
.slider_wrap{width:100%;margin:0 auto;position:relative;}
.carousel_wrap{width:100%;margin:0 auto;position:relative;}

#carousel{width:90%;margin:0 auto;height:83px;}
#carousel li{margin:0;}
#carousel img {width:79px;height:auto;border:1px solid #ddd;display:block;cursor:pointer;}
#carousel .flex-active-slide img {width:77px !important;height:auto !important;border:3px solid #00a9da;cursor: default;}

#hot,
#gallery{margin:0 0 20px;}

.flex-container a:hover,
.flex-slider a:hover {
	outline: none;
}
.slider {margin: 0 0 10px!important;}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	position:relative;
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides > li .fstxt{width:96%;height:40px;padding:0 2%;text-align:center;font-size:18px;font-weight:600;color:#999;line-height:40px;position:absolute;left:0;bottom:0;z-index:1000;}
.flexslider .slides > li .fstxt a{color:#fff;}
.flexslider .slides > li .fsbg{width:100%;height:60px;background:url(../../images/roll_blink1.png) repeat-x;position:absolute;left:0;bottom:0;z-index:10;}

.flexslider .slides img {
	width: 100% !important;
	display: block;
}
.flexslider .slides:after {
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.flexslider {
	margin: 0 0 60px;
	background: #ffffff;
	position: relative;
	zoom: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slides img {
	height: auto;
	-moz-user-select: none;
}
.flex-viewport {
	max-height: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.carousel li {
	margin-right: 5px;
}
.flex-direction-nav {
	*height: 0;
}
.flex-direction-nav a {
	width: 13px;
	height: 22px;
	margin:-10px 0 0;
	text-decoration: none;
	display: block;	
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	top: 45%;
	z-index: 10;
}
.flex-direction-nav a:before {
	display: inline-block;
}
.flex-direction-nav a.flex-prev:before {
	top:50%;
}
.flex-direction-nav a.flex-next:before {
	top:50%;
}
.flex-direction-nav .flex-prev {
	width:13px;
	height:22px;
	content: '';
	background:url(../../images/icon_enjoy_left.png) no-repeat;
	font-size:0;
	display:block;
	left:-30px;
}
.flex-direction-nav .flex-next {
	width:13px;
	height:22px;
	content: '';
	background:url(../../images/icon_enjoy_right.png) no-repeat;
	font-size:0;
	display:block;
	right:-30px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	left:-30px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	background:url(../../images/icon_enjoy_left_hover.png) no-repeat;
}
.flexslider:hover .flex-direction-nav .flex-next {
	right:-30px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
	background:url(../../images/icon_enjoy_right_hover.png) no-repeat;
}
.flex-direction-nav .flex-disabled {
	cursor: default;
	z-index: -1;
}


#slider .flex-direction-nav a {
	width: 13px;
	height: 22px;
	margin:-10px 0 0;
	text-decoration: none;
	display: block;	
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	top: 45%;
	z-index: 10;
}
#slider .flex-direction-nav a:before {
	display: inline-block;
}
#slider .flex-direction-nav a.flex-prev:before {
	top:45%;
}
#slider .flex-direction-nav a.flex-next:before {
	top:45%;
}
#slider .flex-direction-nav .flex-prev {
	width:15px;
	height:30px;
	content: '';
	background:url(../../images/icon_rolling_left.png) no-repeat;
	font-size:0;
	display:block;
	left:-30px;
}
#slider .flex-direction-nav .flex-next {
	width:15px;
	height:30px;
	content: '';
	background:url(../../images/icon_rolling_right.png) no-repeat;
	font-size:0;
	display:block;
	right:-30px;
}
#slider .flexslider:hover .flex-direction-nav .flex-prev {
	left:-30px;
}
#slider .flexslider:hover .flex-direction-nav .flex-next {
	right:-30px;
}
#slider .flex-direction-nav .flex-disabled {
	cursor: default;
	z-index: -1;
}

/* 카드뉴스 좌우버튼 */
.carousel_wrap .flex-direction-nav .flex-prev {
	width:15px;
	height:30px;
	content: '';
	background:url(../../images/icon_rolling_left.png) no-repeat;
	font-size:0;
	display:block;
	left:10px !important;
}
.carousel_wrap .flex-direction-nav .flex-next {
	width:15px;
	height:30px;
	content: '';
	background:url(../../images/icon_rolling_right.png) no-repeat;
	font-size:0;
	display:block;
	right:10px !important;
}
.carousel_wrap .flexslider:hover .flex-direction-nav .flex-prev {
	left:10px !important;
}
.carousel_wrap .flexslider:hover .flex-direction-nav .flex-next {
	right:10px !important;
}

#carousel .flex-direction-nav .flex-prev {
	left:-15px !important;
}
#carousel .flex-direction-nav .flex-next {
	right:-15px !important;
}
#carousel .flexslider:hover .flex-direction-nav .flex-prev {
	left:-15px !important;
}
#carousel .flexslider:hover .flex-direction-nav .flex-next {
	right:-15px !important;
}

.flex-pauseplay span {
	text-transform: capitalize;
}
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.flex-pauseplay a:before {
	display: inline-block;
	content: '';
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-pauseplay a.flex-play:before {
	content: '';
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.flex-control-paging li a:hover {
	background: #666;
}
.flex-control-paging li a.flex-active {
	background: #009dbc;
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

.flex-control-nav {
	position:relative;
	bottom:auto;
}

.nav-navigation2 {
	width:100%;
	max-width:300px;
	margin:10px auto;
	display:table;
	table-layout:fixed;
}

.nav-navigation2 > * {
	display:table-cell;
}

.nav-navigation2 > a {
	width:50px;
}

.nav-navigation2 .flex-next {
	text-align:right;
}


.vod_screen{width:100%;margin:0 auto;text-align:center;position:relative;}






/************************************************
*			본문 CSS  - 2017 08					*
************************************************/
.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;}

/* haeder */
.header_wrap {width:100%; height:50px; margin:0 auto; position:fixed; top:51px; color:#ededed !important; font-family:'Noto Sans KR' !important; z-index:100}
.m_header {width:100%; height:50px; position:fixed; margin:-3px auto 0; background-color:#009ebe; /*background:url(images/pro_bg.gif);*/ font-family:'Noto Sans KR' !important; color:#ededed !important;top:-16px;}
.h_top {width:100%; height:50px; margin:0 auto; position:relative;}

.h_left {float:left; width:65%; height:50px; box-sizing:border-box; padding:5px 15px; font-family:'Noto Sans KR' !important; color:#ededed !important;}
.h_left .info .info_pic {font-size:17px; float:left;}
.h_left .info .info_pic .pic_size img {width:32px; height:32px; vertical-align:middle; position:relative; top:6px; margin-right:10px; float:left; border:1px solid #a2dae9;}
.h_left .pic_size {float:left;}
.h_left .info_pic ul {color:#ededed !important; font-family:'Noto Sans KR' !important; float:left;}
.h_left .info_pic ul li {width:100%;line-height:40px; font-size:18px; float:left;  font-weight:400; font-family:'Noto Sans KR' !important;}
.h_top .h_left ul li.name {font-size:18px; font-weight:400;}

.h_right {float:left; width:35%; height:25px; box-sizing:border-box;margin:15px 0 0;padding:0 10px; font-family:'Noto Sans KR' !important; color:#ededed !important; text-align:right} 
.h_right a img {position:relative; top:5px; float:right}
.h_right ul {float:right;}
.h_right ul li {width:25px; height:25px;border:1px solid #68c7d9; border-radius:4px; float:left; margin-left:3px;}
.h_right ul li img {vertical-align:middle; width:17px; text-align:center; height:17px; margin-right:3px; margin-top:-2px;}

.rns_write {display:none !important}
.rn_scontent .rns_content {border-top:1px solid #ddd;}


/*.article-title {min-height:50px;padding:10px; color:#555; background-color:#cdcdcd; font-size:20px; font-weight: bold; line-height: 30px; }*/
.article-title {min-height:50px;margin:0;padding:65px 10px 5px; font-size:22px !important; font-weight: bold;color:#1c1c1c;line-height:28px !important; }
.article-title a { text-decoration: none;}

.article-stitle {min-height:50px;padding:0 10px 10px; font-size:17px !important;font-weight:normal;color:#888;line-height:24px !important; }
.article-rtitle {padding:0 10px 10px; color:#555;font-size:14px !important;line-height:21px !important; }
.article-rtitle a{color:#888;display:block;}
.article-rtitle a img{height:12px;margin:-5px 0 0;}


/* 날짜 + 폰트 크기 */
#content-article .share-underrow {width:100%;height:36px;margin:10px 0 0;border-top:2px solid #eee;display:inline-block;}
#content-article .date-font {width:100%;margin:10px 0 0;display:inline-block;}
#content-article .report-date{height:36px;padding:0;line-height:36px;display:inline-block;float:left;}
#content-article .article-time { /*width:calc(60% - 3px); line-height:calc(3em - 3px);*/ line-height:33px; padding:0 12px;color:#2e82e2;float:left; box-sizing:border-box;}
#content-article .article-time-edit { /*width:calc(60% - 3px); line-height:calc(3em - 3px);*/ padding-right:20px;line-height:33px; padding:0 12px; float:left;box-sizing:border-box;}

.font-size-manager {width:30%;height:36px;margin:0 auto;position:relative;float:right;}
.font-size-manager img {width:auto;height:36px;margin:0 auto;display:block;}
.font-size-manager .size-up,
.font-size-manager .size-down {width:50%;height:auto;margin:0;text-align:right;float:left;cursor:pointer;}


article .content-body { padding:0 14px 14px; color:#111; }
.content-sbody { padding:0 14px 14px;}


/* 추천+비추천 */
.gb_wrap{margin:30px 0 15px;text-align:center;}
.gb_wrap .gb_case{height:34px;margin:0 8px;padding:2px 10px 0;border:1px solid #b6b6b6;font-weight:bold;line-height:34px;display:inline-block;}
.gb_wrap .gb_case .gb_icon{width:23px;margin-right:15px;}
.gb_wrap .gb_case .gb_txt{font-size:16px;}


/* SNS */
.sns_list{margin:20px 0 0;padding:0;position:relative;}
.sns_list a img{width:40px !important;margin:0 3px 0 0;}


/* PROFILE */
.profile_wrap{margin:5px 0 15px;padding:10px 5px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;position:relative;}
.profile_wrap .pw_case{height:70px;margin:0 0 10px;position:relative;}
.profile_wrap .pw_case .pwc_img{width:23%;float:left;}
.profile_wrap .pw_case .pwc_img img{width:55px !important;height:55px !important;border:1px solid #ddd;border-radius:100%;}
.profile_wrap .pw_case .pwc_info{width:47%;float:left;}
.profile_wrap .pw_case .pwc_info .pi_tit{font-size:18px;font-weight:bold;line-height:30px;display:block;}
.profile_wrap .pw_case .pwc_info .pi_txt{font-size:13px;color:#777;line-height:25px;display:block;}
.profile_wrap .pw_case .pwc_fav{width:30%;float:left;}
.profile_wrap .pw_case .pwc_fav a{width:100%;height:30px;margin:12px 0 0;padding:3px 7px;border:1px solid #2e81e1;text-align:center;font-size:14px;color:#2e81e1;letter-spacing:-1px;display:block;}
.profile_wrap .pw_case .pwc_fav img{width:15px !important;height:15px !important;margin:-3px 0 0 0;}
.profile_wrap .pw_case .pw_txt{width:100%;font-size:14px;color:#999;line-height:20px;position:relative;}

/* KEYWORD */
.keyword_wrap{margin:20px 0 30px;position:relative;}
.keyword_wrap .kw_word{min-width:50px;margin:0 5px 5px 0;padding:3px 8px;background-color:#f4f4f4;font-size:14px;float:left;}
.keyword_wrap .kw_word span{color:#2e81e1;}


/* SPONSOR */
.sponsor_wrap{width:100%;margin:0 0 15px;padding:15px 10px;background-color:#f4f9ff;border-radius:10px;position:relative;}
.sponsor_wrap .sw_tit{margin:0 0 10px;text-align:center;font-size:16px;font-weight:600;color:#1c1c1c;}
.sponsor_wrap .sw_tit .sw_blue{color:#0b60ba;}
.sponsor_wrap .sw_case{width:100%;margin:0;padding:0;position:relative;float:left;}
.sponsor_wrap .sw_case li{width:47%;height:60px;margin:0 0 10px 3%;padding:10px 0;background-color:#fff;border:1px solid #ddd;border-radius:8px;text-align:center;position:relative;float:left;display:block;}
.sponsor_wrap .sw_case li:hover,
.sponsor_wrap .sw_case li.on{background-color:#cee2f7;}

.sponsor_wrap .sw_case li p{width:40%;float:left;}
.sponsor_wrap .sw_case li p img{width:auto;max-height:40px;margin:0 auto;vertical-align:middle;}
.sponsor_wrap .sw_case li span{
	width:60%;
	padding:0;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	font-size:15px;
	font-weight:600;
	color:#555;
	line-height:20px !important;
	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;
	float:left;
}
.sponsor_wrap .sw_case li span input{width:80%;height:24px;margin:0 auto;border:1px solid #ddd;}
.spon_txt{margin:0;text-align:center;font-size:12px;font-weight:600;color:#777;letter-spacing:-1px;}
.spon_btn{width:135px;height:45px;margin:0 auto 50px;position:relative;;}
.spon_btn a{width:100%;height:45px;background-color:#2c83e0;border:1px solid #2c83e0;border-radius:5px;text-align:center;font-size:16px;font-weight:500;color:#fff;line-height:45px !important;display:block;}


/* SWIPE TAB */
.swipe_tab{margin:0;padding:0;position:relative;}

.tabs {
	width: 100%;
	height: 38px;
	margin-bottom:15px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	background-size: auto 100%;
	overflow: hidden;
	display: flex;
}
.tabs a.w50{width:50% !important;}
.tabs a {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	line-height: 38px !important;
}
.active {
	font-weight:bold;
	color: #1c1c1c !important;
}


#tabs-container {position:relative;}
.swiper-container{
	/*margin-left:auto;
	margin-right:auto;*/
	text-align:left;
	position:relative;
	overflow:hidden;
	z-index:1
}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column

}
.swiper-wrapper{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box

}
.swiper-container-android .swiper-slide,.swiper-wrapper{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate(0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper{
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper{
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide{
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	width:100%;
	height:100%;
	text-align:left;
	position:relative;
}
.swiper-slide .slide1,
.swiper-slide .slide2{width:100% !important;}

.swiper-slide ul{margin:0;padding:0;}
.swiper-slide li{height:30px;font-size:14px;}
.swiper-slide li span{color:#2c83e0;}


/*  많이본기사+주요기사+관련기사 */
.underline{margin:0;padding:3px;}
.underline .sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.underline .sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto; height:50px;}
.underline .sliderkit .sliderkit-nav-clip ul{width:100%;position:relative;left:0;top:0;list-style:none; /*background-color:#dfdfdf;*/border-bottom: 1px solid #dfdfdf; height:35px; margin:0;padding:0;display:block;}
.underline .sliderkit .sliderkit-nav-clip ul li{float:left;width:33%;display:inline-block;}
.underline .sliderkit .sliderkit-nav-clip ul li a{ height:35px;font-size:14px; line-height:35px !important;text-align:center; text-decoration:none; display:block; overflow:hidden;}

.underline .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.underline .sliderkit .sliderkit-panel-active{z-index:5;}
.underline .sliderkit .sliderkit-panel-old{z-index:4;}
.underline .sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.underline .sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.underline .sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

.underline .contentslider-std{width:100%; margin:0;}

/* Nav */
.underline .contentslider-std .sliderkit-nav{position:relative;width:100%;height:30px;text-align:left;}
.underline .contentslider-std .sliderkit-nav-clip{margin:0;}
.underline .contentslider-std .sliderkit-nav-clip li:first-child{width:34%;border-left:none;}
.underline .contentslider-std .sliderkit-nav-clip li{width:33%;height:35px;padding:0;border-left:1px solid #ccc;display:inline-block;float:left;}
.underline .contentslider-std .sliderkit-nav-clip li a{width:100%;background:#424242;display:block;float:left;}
.underline .contentslider-std .sliderkit-nav-clip li a{height:35px;margin:0;padding:0 10px;color:#fff;text-decoration:none;line-height:35px;}
.underline .contentslider-std .sliderkit-nav-clip li a:hover{background:#666;}
.underline .contentslider-std .sliderkit-nav-clip li.sliderkit-selected{display:block;}
.underline .contentslider-std .sliderkit-nav-clip li.sliderkit-selected a{color:#fff;background:#1e467c;}

/* Panel */
.underline .contentslider-std .sliderkit-panels{width:100%;min-height:230px;overflow:hidden; background:#fff;}
/*20151005 현애수정*/
.underline .contentslider-std .sliderkit-panel{width:100%; height:320px;padding:0 0 10px;overflow:hidden; background:#fff;}
/* .underline .contentslider-std .sliderkit-panel h2{margin:5px 0 20px;} */
.underline .contentslider-std .sliderkit-panel .sliderikit-list ul{margin:0;}
.underline .contentslider-std .sliderkit-panel .sliderikit-list li{list-style:none;/*height:28px;*/margin-top:10px;overflow:hidden;border-bottom:1px solid #dfdfdf;}
.underline .contentslider-std .sliderkit-panel .sliderikit-list li:last-child{width:50px;height:25px;text-align:center;padding-bottom:10px; margin-top:10px;border:1px solid #999; background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);float:left;display:block;}
.underline .contentslider-std .sliderkit-panel .sliderikit-list li a{text-decoration:none;color:#333;font-size:14px;}
.underline .contentslider-std .sliderkit-panel .sliderikit-list li a:last-child {color:#333;}

/* Panels buttons */
.underline .contentslider-std .sliderkit-go-btn{position:absolute;top:40%;z-index:10;}
.underline .contentslider-std .sliderkit-go-prev{left:0;}
.underline .contentslider-std .sliderkit-go-next{right:0;}
.underline .contentslider-std .sliderkit-go-btn a{display:block;width:30px;height:40px;cursor:pointer;background:transparent url("http://www.newstomato.com/images/arrows-h-big.png") no-repeat 0 0;}
.underline .contentslider-std .sliderkit-go-prev a{background-position:-30px 0;}
.underline .contentslider-std .sliderkit-go-next a{background-position:0 0;}
.underline .contentslider-std .sliderkit-go-prev a:hover{background-position:-90px 0;}
.underline .contentslider-std .sliderkit-go-next a:hover{background-position:-60px 0;}
.underline .contentslider-std .sliderkit-go-btn span{display:none;}






@media only screen and (min-width: 1441px) {
	.image-line{/*height:21em;*/}
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
	.image-line{/*height:22em;*/}
}

@media all and (min-width: 900px) {
	html, body {
		height: 100%;
	}
	#menu {
	/*background: #eee;*/
	}
	#page {
		min-height: 100%;
	}
	/* hide open-button */
	a[href="#menu"]{
	/*display: none !important;*/
	}
	.share-box img{max-height:36px; overflow:hidden;}
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 10px;
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 10px;
	}

	#carousel .flex-direction-nav .flex-prev {
		opacity: 1;
		left: -15px;
	}
	#carousel .flex-direction-nav .flex-next {
		opacity: 1;
		right: -15px;
	}
}

@media only screen and (max-width: 767px){
	.image-line{/*height:17.5em;*/}

	article.loopy .image-area{
		height:10em;
		overflow:hidden;
	}

	#content-list article.loopy .cl_txt{
		height:56px;
		padding:6px 5px;
		font-size:14px;
		line-height:16px;
	}

	#content-list article.loopy .cl_ttxt{
		height:35px;
		font-size:14px;
	}
	#content-list article.loopy .cl_ttxt span{font-size:12px;right:7px;top:8px;}
	#content-article .article-time {font-size:12px;line-height:36px !important;letter-spacing:-1px;}

	.article-title {min-height:50px;padding:60px 10px 5px;font-size:24px;line-height:30px;}


	.swiper1{height:290px;}
	.swiper2,
	.swiper3{height:265px;}
	.swiper4{height:285px;}

	.swiper-slide .sm_img{height:200px;}
	.swiper-slide .sm_txt{height:50px;padding:5px 0 0;font-size:15px;line-height:22px;top:200px;}

	.swiper-slide .ss_vod{width:25px;height:25px;line-height:20px;left:8px;top:112px;}
	.swiper-slide .ss_img{height:145px;}
	.swiper-slide .ss_txt{height:50px;padding:5px 2% 0;font-size:15px;line-height:22px;top:145px;}
	.swiper-slide .ss_cop{height:75px;padding:5px 2% 0;font-size:13px;line-height:20px;top:145px;}
	.swiper-slide .ss_cop b{height:22px;margin:0 0 3px;font-size:16px;line-height:24px;}
}

@media all and (max-width:420px) {
	.header_wrap {margin:-10px auto 0;}
	.m_header{margin:6px auto 0;}

	#category {font-size:16px;line-height:40px;letter-spacing:-1px;left:150px;}

	/* 170307 수정/추가 */
	.related-article{padding-top:25px;}

	article.loopy .image-area{
		height:8.5em;
	}
	#content-list article h2,
	.content-list article h2 {
		margin:25px 0 0;
		font-size:20px;
		line-height:24px !important;
	}
	#content-list article.loopy h2 {
		line-height:18px;
	}


	#content-list article.video{margin-top:30px;}

	#content-list article.loopy .cl_ttxt{
		height:35px;
		padding:0 40px 0 5px;
		font-size:13px;
	}

	#content-article{margin-top:25px;}
	#content-article .article-time { font-size:12px;letter-spacing:-1px;}
	#content-article .article-time-edit {font-size:12px;letter-spacing:-1px;}

	.article-title {padding:50px 10px 5px !important;font-size:22px !important;line-height:26px !important;}

	/*.article-cate {margin-top:-15px;}*/

	/* article.list .txt-case{
		font-size:14px;
		font-weight:600;
		line-height:30px;
	} */
	article.list .txt-case b{font-size:14px;}
	.share-box img{min-height:36px; overflow:hidden;}


	#content-article .share-tw,
	#content-article .share-fb,
	#content-article .share-kko,
	#content-article .share-url,
	#content-article .share-more,
	#content-article .share-google,
	#content-article .share-line,
	#content-article .share-kkostr,
	#content-article .share-tumblr,
	#content-article .share-band {width:54px;} /* 다른 디자인 변경시 아래 35px 로 변경해야됨. */
/*	#content-article .share-band {width:35px;}*/
	.share-box img{max-height:35px;overflow:hidden;}
	/* 0728 추가 */
	#header {height:33px}



	.swiper1{height:230px;}
	.swiper2,
	.swiper3{height:215px;}
	.swiper4{height:235px;}

	.swiper-slide .sm_img{height:150px;}
	.swiper-slide .sm_txt{height:40px;padding:5px 0 0;font-size:13px;line-height:18px;top:150px;}

	.swiper-slide .ss_vod{width:20px;height:20px;line-height:20px;left:8px;top:72px;}
	.swiper-slide .ss_img{height:105px;}
	.swiper-slide .ss_txt{height:40px;padding:3px 2% 0;font-size:13px;line-height:18px;top:105px;}
	.swiper-slide .ss_cop{height:66px;padding:3px 2% 0;font-size:12px;line-height:16px;top:105px;}
	.swiper-slide .ss_cop b{height:22px;margin:0 0 5px;font-size:15px;line-height:22px;}
}