@charset "utf-8";


/************************************************
*		Loader									*
************************************************/

#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; }

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






/************************************************
*		BOTTON									*
************************************************/

ul.actions {
	cursor: default;
	list-style: none;
	margin:0;
	padding-left: 0;
}

ul.actions li {
	display: inline-block;
	padding: 0;
	vertical-align: middle;
}

ul.actions li:last-child {
	padding-right: 0;
}

ul.actions.small li {
	padding: 0 0.5em 0 0;
}

ul.actions.vertical li {
	display: block;
	padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child {
	padding-top: 0;
}

ul.actions.vertical li > * {
	margin-bottom: 0;
}

ul.actions.vertical.small li {
	padding: 0.5em 0 0 0;
}

ul.actions.vertical.small li:first-child {
	padding-top: 0;
}

ul.actions.fit {
	width: calc(100% + 1em);
	margin-left: -1em;
	padding: 0;
	table-layout: fixed;
	display: table;
}

ul.actions.fit li {
	display: table-cell;
	padding: 0 0 0 1em;
}

ul.actions.fit li > * {
	margin-bottom: 0;
}

ul.actions.fit.small {
	margin-left: -0.5em;
	width: calc(100% + 0.5em);
}

ul.actions.fit.small li {
	padding: 0 0 0 0.5em;
}






/************************************************
*		LAYOUT									*
************************************************/

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

article {display:block;}
img{height:auto;}
img, object, embed{max-width:100%;}
img{-ms-interpolation-mode:bicubic;}

#page-wrapper {
	-moz-transition: -moz-filter 0.25s ease;
	-webkit-transition: -webkit-filter 0.25s ease;
	-ms-transition: -ms-filter 0.25s ease;
	transition: filter 0.25s ease;
	background-color:#2ac4f4;
}

.pw_pop{width:100%;height:60px;padding:0 5px;background-color:#fff;border:4px solid #2ac4f4;font-size:22px;font-weight:600;letter-spacing:-1px;position:fixed;left:0;top:0;z-index:100000;}
.pw_pop li:first-child{width:40%;margin:5px 0 0;text-align:left;}
.pw_pop li{width:55%;height:42px;margin:5px 0 0 5%;text-shadow:0 2px 1px #000;text-align:center;line-height:42px;display:block;float:left;}
.pw_pop li.type1{
	border:1px solid #2ac4f4;
	border-radius:4px;
	background-color:#2ac4f4;
	background: rgb(42,196,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(42,196,244,1) 0%, rgba(0,164,215,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(42,196,244,1) 0%,rgba(0,164,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(42,196,244,1) 0%,rgba(0,164,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ac4f4', endColorstr='#00a4d7',GradientType=0 ); /* IE6-9 */
}
.pw_pop li.type1 a{color:#fff;}
.pw_pop li.type2{border:1px solid #2ac4f4;border-radius:4px;background-color:#fff;}
.pw_pop li.type2 a{color:#2ac4f4;}
.pw_pop li a{width:100%;height:42px;display:block;}
.pw_pop img{height:38px;margin:-2px 2px 0;}


#header {
	height:163px;
	position:relative;
	left:0;
	top:0;
	z-index:10000;
}

#header .nav {
	opacity:0;
	visibility:hidden;
}

#header.alt {
	-moz-transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

#header.alt .nav {
	position:relative;
	opacity: 1;
	visibility:visible;
}

#header .download {
height:43px;
padding:0 7px;
background-color:#fff;
font-size:15px;
color:#2ac4f4;
line-height:43px;
letter-spacing:-1px;
position:absolute;
right:63px;
top:9px;
}
#header .download a{width:100%;height:43px;color:#2ac4f4;line-height:43px;display:block;}

#container{
	height:163px;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}






/************************************************
*		HEADER									*
************************************************/

#header,
#footer,
.header{padding:0;position:relative;}

#header {height:44px;}

.logo {width:100%;height:60px;padding-top:5px;text-align:left;position:relative;top:0;left:65px;display:inline-block;}
.logo img {height:50px;}

#header div.sb-toggle-left {
	width:44px;
	height:43px;
	background:url("http://www.newstong.co.kr/images/icon/main_nav.png") no-repeat;
	background-size:100%;
	position:absolute;
	left:10px;
	top:9px;
	overflow:hidden;
	z-index:1;
}

#header a.btn-search {
	width:44px;
	height:43px;
	background:url("../../images/icon/search.png") no-repeat;
	background-size:100%;
	position:absolute;
	right:10px;
	top:9px;
	display:block;
}
#header .search-layer {
	width:44px;
	height:43px;
	background:url("http://www.newstong.co.kr/images/icon/search_ov.png") no-repeat;
	background-size:100%;
	position:absolute;
	right:10px;
	top:9px;
	display:none;
}

.category{height:50px;background-color:#fff;border-bottom:1px solid #cfcfcf;text-align:center;font-size:24px;font-weight:700;color:#333;line-height:50px;position:relative;top:0;overflow:hidden;}
.category a{color:#333;}
.category img{height:40px;margin-right:5px;}

.genre{height:40px;padding:0 20px;line-height:40px;position:relative;overflow:hidden;}
.genre .select-wrapper{text-align:right;color:#333;float:right;}
.genre .select-wrapper:before{width:90px;content:'';background:url(../../images/icon/select_icon1.png) no-repeat !important;right:-75px;top:11px;}
.genre .select-wrapper select{height:40px;font-size:18px;line-height:40px;}
.genre a{color:#fff;}

#search-wrap form{margin:0;padding:0;}
#search-wrap {
	padding:12px;
	background-color:#f0f0f0;
	box-shadow:inset 0 0 5px #999;
	display:none;
}
#search-wrap input[type="text"] {width:calc(100% - 60px);height:42px;margin:0;padding:0 5px;background-color:#fff;border:2px solid #c6c6c6;font-size:18px;color:#a9a9a9;line-height:42px;display:inline-block;vertical-align:top;}
#search-wrap input[type="text"]:focus {background-color:#fbfcf1;}
#search-wrap input[type="button"] {width:48px;height:40px;margin-left:5px;padding:0;background-color:#b0b0b0;border:none;text-align:center;font-size:18px;font-weight:600;line-height:40px;display:inline-block;vertical-align:top;}






/************************************************
*		MENU									*
************************************************/

.menu_wrap{width:100%;height:55px;margin-top:-1px;background-color:#fff;border-bottom:1px solid #ddd;box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.1);position:relative;z-index:100;}
.menu_wrap .mw_menu{width:94%;height:55px;margin:0 auto;padding:0 3%;line-height:55px;letter-spacing:-1px;}
.u_lst{position:relative;}
.u_lst .u_lst_l{width:100%;height:55px;line-height:55px;float:left;}
.u_lst .u_lst_lk{width:25.0%;*width:25.0%;text-align:center;font-size:20px;font-weight:600;color:#666;float:left;display:block;overflow:hidden;}
.u_lst .u_lst_lk span:hover, .u_lst .u_lst_lk span.on{width:80%;height:40px;margin:8px 10% 4px;color:#2ac4f4;line-height:40px;display:block;}

.pg_l{height:42px;position:absolute;left:-5px;top:0;}
.pg_r{height:42px;position:absolute;right:-5px;top:0;}
.pg_btn{width:42px;height:55px;background:url(http://www.newstong.co.kr/images/icon/pn_arrow.png) no-repeat 50% 0;color:transparent;opacity:0.3;line-height:55px;vertical-align:middle;overflow:hidden;}
.pg_btn:hover{opacity:1;}
.pg_btn_prev{background-position:50% 0}
.pg_btn_next{background-position:50% -55px}






/************************************************
*		CONTAINER								*
************************************************/

#content-list, .content-list {padding:15px 10px;}
#content-list a, .content-list a { text-decoration: none;}

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

article .image-area{background-position:0px 40px;text-align:center;}
article .image-area img{height:100%;}


#content-list article.list{
    width:100%;
	height:145px;
	margin-bottom:1em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	position:relative;
	overflow:hidden;
}

article.list .image-case{
	width:200px;
	height:100%;
	overflow:hidden;
	position:absolute;
	/*background: #DCDCDC;*/
}

article.list .txt-case{
	height:100%;
	padding:5px 0 0;
	text-align:left;
	font-size:16px;
	line-height:25px;
	position:absolute;
	left:210px;
	overflow:hidden;
}
article.list .txt-case b{width:100%;margin:0 0 5px;padding:0;font-size:24px;font-weight:600;line-height:28px;display:block;}
article.list .date{height:30px;padding:0 10px;background-color:#fff;font-size:13px;color:#e44c65;line-height:30px;letter-spacing:-1px;position:absolute;right:0;bottom:0;}

article .image-case{background-position:0px 40px;text-align:center;}
article .image-case img{height:100%;}

#content-list article img, .content-list article img { 
	display: block;
	width: 100%;
}

.banner-article {padding-top:3px;text-align:center;}
.banner-article img { margin:0; padding:0; vertical-align:top; }

.more_btn{margin:0;padding:0;}
.more_btn a{width:100%;height:60px;margin:0 auto;background-color:#ddd;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:18px;line-height:60px;display:block;}
.more_btn a:hover{background-color:#666;color:#fff;}

#content-article{margin-bottom:-50px;background-color:#fff;}
#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; 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.newstong.co.kr/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.newstong.co.kr/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.newstong.co.kr/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.newstong.co.kr/images/btn-login-fb.png") no-repeat; background-size: 100%; float:left; margin-left:6px; cursor: pointer;}
.btn-login .status { background:url("http://www.newstong.co.kr/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;
}

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

.article-title {padding:20px 10px;font-size:28px;font-weight:600;line-height:40px;}
.article-title a { text-decoration: none; color:#fff;}

article .content-body {padding:15px;line-height:160%;}
article .content-body p {margin-bottom:5px;font-size:18px;line-height:38px;letter-spacing:-0.04em;}
article .content-body p a{color:#007aff;}
article .content-body .desc {margin:30px 0;padding:0;font-size:13px;color:#999;}
article .content-body .normalimg {margin:auto 0;}

.article_desk{height:40px;margin:40px 15px 0;background-color:#f9f9f9;border:1px solid #ddd;border-radius:3px;line-height:40px;position:relative;}
.article_desk .ad_info{/*width:36%;*/width:100%;height:40px;padding:0 2%;text-align:left;font-size:13px;line-height:40px;float:left;}
.article_desk .ad_info img{height:30px;width:30px;margin-right:5px;vertical-align:middle}
.article_desk .ad_sns{width:56%;height:40px;padding:0 2%;text-align:right;font-size:12px;line-height:40px;float:right;}
.article_desk .ad_sns img{height:25px;margin:0 3px 3px;}


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

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


.share-wrap{height:60px;margin:0 0 30px;}

#content-article .share-box{ background-color:#fff;}
#content-article .share-box .comment {width:45px;height:21px;margin-left:15px;padding-left:21px;background:url("http://www.newstong.co.kr/images/icon-comment.png") left 4px no-repeat;background-size: 18px 17px;font-size:9px;color:#007aff;float:left;}
#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 {width:58px;height:21px;text-indent:-10000em;float:left;display:block;}

#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%;*/width:50%;height:60px;float:left;}

#content-article .share-tw img,
#content-article .share-fb img,
#content-article .share-kko img,
#content-article .share-url img,
#content-article .share-more img,
#content-article .share-google img,
#content-article .share-line img,
#content-article .share-kkostr img,
#content-article .share-tumblr img,
#content-article .share-band img {height:100%;margin:0 auto;}

#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:90%;height:60px;margin:0 auto;background-color:#ddd;border:1px solid #fff;border-radius:4px;text-align:center;display:block;}

#content-article .fb_color{background-color:#3a549f !important;}
#content-article .tw_color{background-color:#2aa9e0 !important;}

.rn_list{margin:5px 5px 40px;padding:5px; border:1px solid #ccc;}
.rn_list .rn_title{height:40px;margin:0 0 5px;padding:0 10px;background-color:#efefef;font-size:22px;font-weight:600;line-height:40px;}
.rn_list li{margin:0;padding:0;font-size:18px;line-height:34px;}
.rn_list li a{width:100%;height:34px;padding:0 5px 0 15px;background:url(http://www.newstomato.com/images/bullet_05.gif) no-repeat 5px 50%;display:block;}
.rn_list li a:hover{background-color:#efefef;}



.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%;
}






/************************************************
*		SEARCH PAGE								*
************************************************/

.related-article {padding-top:10px;background-color:#fff;}
.related-article h3 {width:100%;height:50px;}
.related-article h3.ra_title {width:100%;height:50px;background-color:#1e467c;text-align:center;font-size:20px;font-weight:600;color:#fff;line-height:50px;display:block;}

.related-article ul {margin:0;}
.related-article ul li {height:45px;margin:0;padding:0;border-bottom:1px solid #dfdfdf;list-style:none;line-height:45px;}
.related-article ul li a{width:100%;height:45px;padding:0 5px 0 15px;background:url(http://www.newstomato.com/images/bullet_05.gif) no-repeat 5px 50%;text-decoration: none;font-size:16px;color:#333;display:block;}
.related-article ul li a:hover{background-color:#efefef;}






/************************************************
*		FOOTER									*
************************************************/

.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;}

.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; opacity:0.7; 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.newstong.co.kr/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;}

.repeatTemplate {display:none;}



#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;}






/************************************************
*		RESPONSIVE								*
************************************************/

@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%;}
	#page{min-height:100%;}
}

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

@media all and (max-width:480px) {
	article.list .txt-case b{height:56px;margin:0 0 5px; display:block;overflow:hidden;}
	article.list .date{bottom:5px;}

	article.list .image-case{
		width:170px;
	}
	article.list .txt-case{
		left:180px;
	}
	article.list .date{height:27px;line-height:27px;}
}

@media all and (max-width:420px) {
	#content-list{margin-top:15px;}

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

	#content-article{margin-top:15px;}

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






/************************************************
*		SLIDERBARS THEME						*
************************************************/

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html,body{width:100%;}
html{min-height:100%}
body{height:100%}

html,
body,
#sb-site,
.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#sb-site{width:100%;min-height:100%;background-color:#f1f1f1;position:relative;z-index:1;}
.sb_navbar{box-shadow:0 1px 25px rgba(0, 0, 0, 0.25);}

.sb-slidebar{width:30%;height:100%;background-color:#efefef;color: #e8e8e8;position:fixed;top:0;overflow-y:auto;z-index:0;visibility:hidden;}
.sb-static{position:absolute}
.sb-left{left:0}
.sb-right{right:0}

html.sb-active-left .sb-left,
html.sb-active-right .sb-right {visibility:visible}

html.sb-anim-type-translate .sb-slide,
html.sb-anim-type-side .sb-slide {
	-webkit-transition:-webkit-transform 400ms ease;
	-moz-transition:-moz-transform 400ms ease;
	-o-transition:-o-transform 400ms ease;
	transition:transform 400ms ease;
	-webkit-transition-property:-webkit-transform,left;
	-webkit-backface-visibility:hidden
}

@media(max-width:480px){
	.sb-slidebar{width:85%;font-size:50% }
}
@media(min-width:481px){
	.sb-slidebar{width:80%;font-size:50% }
}
@media(min-width:768px){
	.sb-slidebar{width:70%;font-size:60% }
	article.first .image-area{
		height:24em;
		overflow:hidden;	
	}
	article.loopy .image-area{
		height:14em;
		overflow:hidden;
		border: 1px solid rgba(0, 0, 0, 0.05);
	}
}
@media(min-width:992px){
	.sb-slidebar{width:25%}
}
@media(min-width:1200px){
	.sb-slidebar{width:25%}
}

.sb-slidebar h2 {
	width:100%;
	margin: 0;
	padding: 10px;
	background-color:#27b6e3;
	border-bottom:1px solid #27b6e3;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	font-size:18px;
	color:rgba(0,0,0,0.5);
	font-weight:700;
	line-height:23px;
	vertical-align:middle;
	position:relative;
}

.sb-slidebar a {
	color: #f2f2f2; /* Link colour. */
	text-decoration: none;
}

.sb-slidebar a:hover {
	color:#fff; /* Link hover colour. */
	text-decoration:underline;
}

.sb-menu { /* Apply to <ul> or <ol>. */
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:16px;
}

.sb-menu li {
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	background-color:#fff;
	font-size:18px;
	line-height:50px;
	border-bottom:1px solid rgba(0, 0, 0, 0.3); /* Will darken any background colour you set. */
	overflow:hidden;
}

.sb-menu li.blank {height:24px;border-top:none;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.sb-menu li.col50 {width:50%;text-align:left;float:left;}
.sb-menu li.col50 a {color:#333;}
.sb-menu li.coline{border-left:1px solid rgba(0, 0, 0, 0.2);}
.sb-menu .sb-submenu li.col50 a {color:#333}


.sb-menu li a {
	width: 100%; /* Makes links full width. */
	padding:0 10px;
	display: block;
}

.sb-menu li a:hover {
	text-decoration: none;
	background-color:#2ac4f4; /* Will lighten any background colour you set. */
	color:#fff;
}

.sb-menu li a img{height:25px;width:25px;}

.sb-right .sb-menu li a{border-right: 3px solid transparent;}
.sb-right .sb-menu li a:hover {border-right:3px solid;}


/* Submenus */
.sb-submenu {
	display: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color: rgba(255, 255, 255, 0.05); /* Submenu background colour. */
}

.sb-submenu > li { 
	font-size:14px; 
	float:left; 
	height:42px;
	background-color:#285da4;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.sb-submenu > li a {padding:0.6em}

.members .sb-submenu > li { 
	font-size:13px;
	letter-spacing:-0.1em; 
	background-color:#167ab9
}

.members .sb-submenu > li a { 
	padding: 0.8em;
	color:#f2f2f2
}

.sb-submenu .col33 {width:33.3333333334%}
.sb-submenu .col50 {width:50%}

/* Caret */
span.sb-caret {
	width: 16px;
	height: 9px;
	display: inline-block;
	margin: 11px 15px 11px 5px;
	float:right;
	/* border: 5px solid transparent; */
}

span.sb-caret {background:url(/images/bg-caret.png) no-repeat;}
.sb-submenu-active > span.sb-caret {background:url(/images/bg-caret.png) no-repeat 0 -9px ;}

.sb-widget {
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */
	margin: 14px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); /* Slight shadow. */
}

.sb-widget-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */
	padding: 14px;
	background-color: #292929; /* Widget title background colour. */
}

.sb-widget-title {
	margin: 0; /* Removes browser default margins for heading tags. */ 
}

.sb-widget-content {
	border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */
	padding: 14px;
	background-color: #262626; /* Widget content background colour. */
}

.sb-navbar {
	width: 100%;
	height: 60px;
	padding:0;
	background: #2ac4f4;
	font-size: 16px;
	font-weight: bold;
	line-height: 60px;
	color: #fff;
	position: fixed;
	top: 0;
	left: auto;
	right: auto;
	z-index: 1000;
	
	box-shadow:
	/* Layered single pixel shadows to create a one sided shadow effect. */
	0 5px 0 0 rgba(0, 0, 0, 0.01),
	0 4px 0 0 rgba(0, 0, 0, 0.02),
	0 3px 0 0 rgba(0, 0, 0, 0.04),
	0 2px 0 0 rgba(0, 0, 0, 0.06),
	0 1px 0 0 rgba(0, 0, 0, 0.08),
	/* Top highlight */
	0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
	/* Left highlight */
	1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
	/* Right highlight */
	-1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
	/* Bottom lowlight */
	0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
		
	/* Glass gradient overlay, works with any colour background. */
	background-size: 100%;
	background-repeat: no-repeat;
}

html.sb-android .sb-navbar {position: absolute; /* Fix navbar to top for old versions of Android Browser. */}

/* Navbar Menu Items */
.sb-navbar-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sb-navbar-menu-left {float:left;}
.sb-navbar-menu-right{float:right;}

.sb-navbar-menu li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

.sb-navbar-menu li a {
	display: inline-block;
	color: #f2f2f2; /* Navbar link colour */
	padding: 14px;
	text-decoration: none;
}

.sb-navbar-menu li a:hover {
	color: #f2f2f2; /* Navbar link hover colour */
	background-color:rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */
}
 
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer; /* Help desktop users with Slidebar controls. */
}

/* Navicons */
/* These are prefixed with .sb-navbar to avoid styling other Slidebar toggles you may be using. */
.sb-navbar .sb-toggle-left {
	width: 52px;
	float: left;
}

.sb-navbar .sb-toggle-right {
	width: 52px;
	float: right;
}

.navicon-line {
	width: 24px;
	height: 4px;
	border-radius: 1px;
	margin-bottom: 3px;
	background-color: #fff; /* Colour of navicon lines. */
}

/* Hover states to match navbar menu item hover. */
.sb-navbar .sb-toggle-left:hover {background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */}
.sb-navbar .sb-toggle-right:hover {background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */}


@media (max-width: 767px) {
	/* This is entirely optional, it hides the navbar menu items when device width is under 768px. */
	.sb-navbar-menu {display: none;	}
}


@media print {
	* { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
	/* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	/* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	/* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	.hide-on-print { display: none !important; }
	.print-only { display: block !important; }
	.hide-for-print { display: none !important; }
	.show-for-print { display: inherit !important; }
}





.c_banner{margin:15px 0;text-align:center;position:relative;}
.c_banner img{width:96%;}






/************************************************
*			본문 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:relative; margin:-3px auto 0; background-color:#009ebe; /*background:url(images/pro_bg.gif);*/ font-family:'Noto Sans KR' !important; color:#ededed !important;}
.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;margin:0;padding:15px 10px 10px; font-size:22px !important; font-weight: bold;color:#1c1c1c;line-height:28px !important; }
.article-title a { text-decoration: none;}

.article-stitle {padding:0 10px 10px; font-size:19px !important;font-weight:normal;color:#888;line-height:24px !important; }
.article-rtitle {padding:0 10px 10px; color:#555;font-size:14px !important;line-height:24px !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 15px;border-top:2px solid #eee;display:inline-block;}
#content-article .date-font {width:100%;margin:10px 0;display:inline-block;}
#content-article .report-date{height:36px;padding:5px 0 0;display:inline-block;position:relative;float:left;}
#content-article .article-time { /*width:calc(60% - 3px); line-height:calc(3em - 3px);*/ line-height:33px; padding:0 12px; font-size:14px;color:#2e82e2 !important;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:40%;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 {height:100%;margin:0 5%;text-align:right;float:right;cursor:pointer;}


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


/* 추천+비추천 */
.gb_wrap{margin:30px 0 15px;text-align:center;}
.gb_wrap .gb_case{height:40px;margin:0 8px;padding:0 10px;border:1px solid #b6b6b6;font-weight:bold;line-height:34px;display:inline-block;}
.gb_wrap .gb_case .gb_icon{width:23px;margin:3px 15px 0 0;}
.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 0;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;position:relative;}
.profile_wrap .pw_case{height:100px;margin:0;position:relative;}
.profile_wrap .pw_case .pwc_img{width:20%;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:55%;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:25%;float:left;}
.profile_wrap .pw_case .pwc_fav a{width:100%;height:30px;margin:12px 0 0;padding:0 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:-5px 5px 0 0;}
.profile_wrap .pw_case .pw_txt{width:100%; margin:10px 0 0;font-size:14px;color:#999;line-height:20px;position:relative;}

/* KEYWORD */
.keyword_wrap{margin:0 0 50px;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;}


/*  많이본기사+주요기사+관련기사 */
.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 0 40px;}

/* 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:260px;overflow:hidden; background:#fff;}
/*20151005 현애수정*/
.underline .contentslider-std .sliderkit-panel{width:100%; height:260px;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;*/line-height:42px;overflow:hidden;border-bottom:1px solid #dfdfdf;}
.underline .contentslider-std .sliderkit-panel .sliderikit-list li:last-child{width:50px;height:30px;line-height:30px;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;}