body {background-color:#fff;}
.header,.nav {display:none;}
/*#header { width:100%; height:60px; background:#fff; position:fixed; top:0px; left:0px; border-bottom:solid 1px #7f7f7f; z-index:9999; box-shadow:0px 5px 0px rgba(0,0,0,0.1) }*/
#header { width:100%; min-width:970px; height:60px; position:fixed; top:0px; left:0px; z-index:9999; background-color: #019933;}
#header ul.menu { width:970px; height:40px; margin:10px auto 0; }
#header ul.menu li { float:left;}
#header ul.menu li.hmr { float:right; margin-left:10px;}
#header ul.menu li a { display:block; color: #fff; font-size:18px; font-weight:bold; line-height:46px; margin-right:36px; letter-spacing:-1px;}
#header ul.menu li.on a {color:#c3ff4f;}
#header ul.menu li.hmr a { margin-right:0;  margin-top:0;}
#header ul.menu li a.hm_home { width:220px; height:40px; margin-right:30px; margin-top:5px; overflow:hidden;}
#header ul.menu li a.hm_mail { width:46px; height:46px; background:url(../img/one_gnb.gif) no-repeat 0px -100px; overflow:hidden; text-indent:-9999px;}
#header ul.menu li a.hm_fb { width:46px; height:46px; background:url(../img/one_gnb.gif) no-repeat -50px -100px; overflow:hidden; text-indent:-9999px;}
#header ul.menu li a.hm_cs {display:none; width:170px; height:46px; background:url(https://file.chosunonline.com/site/re/img/enta_toplogo.gif) no-repeat 0px 9px; overflow:hidden; text-indent:-9999px;}
.header .btn_left_reveal img {background:none !important; border:none !important;}

h4 {display: block; font-weight: bold; padding:8px 10px;background-color:#f6f7f8; border-bottom:solid 1px #ebebeb;}
.wrap {width:970px; margin:0 auto;padding-top:70px;}
.article {margin:0 auto; background-color:#fff; margin:0px 30px 0 0; padding-bottom:30px;}
.contents { width:70.0%; margin:0 auto; float:left;}
.article dl { clear:both; letter-spacing:-1px;  padding:0px 0px 20px 0; list-style:none;}
/*.article dl dt { font-size:20px; line-height:30px; font-weight:bold; margin-bottom:5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}*/
.article dl dt { font-size:14px; line-height:17px; margin:10px 0 0 5px; color:#555; text-align:left; letter-spacing:0px;}
.article dl .desc { padding:10px 0; clear:both; color:#555;}
.article dl .desc a { color:#555;}
.article dl .by_date { font-size:14px; white-space:nowrap; color:#999; letter-spacing:-1px;}
.article dl .by_date a { color:#999!important;}
.article dl .by_date span.by_date_line { color:#c0c0c0; margin: 0 3px;}

.article dl span.title_thumb {float:left; width:50px; height:50px; margin-right:10px; margin-left:5px; background:url(http://www.chosunonline.com/img/n_img/life_article_logo.png) no-repeat; background-size:50px 50px;}
.article dl span.title_thumb img { width:50px; height:50px;}
.article dd.photo img { width:100%;}
.article dl span.title {color:#4a67a1; padding-top:5px; margin-bottom:3px; max-height: 34px; font-weight:bold; font-size:18px; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.article dl span.title a{color:#4a67a1;}
.article dl span.title_no{font-size:14px; color:#999;}
.article dl span.title_name {font-size:14px; letter-spacing:0px; color:#019933;}
.article dl span.title_time {font-size:11px; color:#999;letter-spacing:0px;}
.article p {padding:0 10px; clear: both; font-size: 17px; line-height: 24px; color: #555;}
.center_img {clear: both; float: none; width: 100%; margin: 0 auto 20px auto; text-align: center; position: relative;}
.center_img img {vertical-align: top;margin: 10px 0 auto;}
.video {width:100% !important; position: relative; }
.video dd{ min-width:100%; position: relative; padding-bottom: 56.25%; padding-top: 30px;height: 0; overflow: hidden; margin: 0;}
.video iframe, .video object, .video embed, embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.contents_R {overflow: hidden; position: relative; width: 30.0%; margin:10px 0; vertical-align: top; float:right; }


span.blue {color:#0c2b54;}

.news_list_page { border:solid 1px #ebebeb; background-color:#f3f3f3; text-align:center; font-size:16px; line-height:100%; padding-top:5px; padding-bottom:5px; margin-bottom:20px;}
.news_list_page li { display:inline}
.news_list_page li a { display:inline; color:#777; margin:0 10px;}
.news_list_page li a.current { color:#007ad1; border-bottom:solid 1px #007ad1; font-weight:bold;}
.news_list_page li a.news_list_page_prev { display:inline-block; width:18px; height:18px; background:url(http://ebike.chosun.com/img/one_news_imgs.png) no-repeat -300px -400px; text-indent:-999px; overflow:hidden; vertical-align:top;}
.news_list_page li a.news_list_page_next { display:inline-block; width:18px; height:18px; background:url(http://ebike.chosun.com/img/one_news_imgs.png) no-repeat -400px -400px; text-indent:-999px; overflow:hidden; vertical-align:top; }

.list_page {width:100%; color:#222; font-weight: bold; font-size: 14px; height: 30px; margin-bottom: 20px;font-family: "meiryo", Dotum; z-index:2;text-align:center; }
.list_page strong { padding: 3px 8px; line-height: 30px;border: solid 1px #019933; background-color:#fff; color:#019933;}
.list_page a { line-height: 30px; margin: 0px 10px; border: none; background-color:none; color:#888;}
.list_page .pre, .list_page .next {margin: 20px;
color:#333;
}
.list_page .pre img, .list_page .next img {width:7px; vertical-align:middle;}

.news_head {position: relative; z-index: 2010; padding: 0px 0; font-size: 14px; background: #3f63bf; text-align: center;}
.news_head a {display: inline !important; width: 80px; height: 33px; vertical-align: top; background: 0; text-align:center;}
.news_head a span {overflow: hidden; width: 100%; height: 100%; color: rgba(0,0,0,0);}
.news_head .nh_inner {display: inline-block; width: 144px; background-position: -79px -1px;height:32px;}
.gnb, .news_head .nh_inner, .gnb.back:before {background-color: transparent; background-image:  url(http://static.news.naver.net/image/news/m/2014/06/sp_gnb_10_v2.png); background-repeat: no-repeat; }

#sidebar1 ul.rank {padding:0 15px; padding-bottom:5px; margin: 0px; overflow: hidden; background-color: #fff; }
#sidebar1 ul.rank li:last-child {border-bottom: none; }
#sidebar1 ul.rank li .rank_num { display: inline-block; overflow: hidden; width: 9px; height: 10px; background: #0c2b54; border: 1px solid #16509b; font-weight: bold; font-size: 10px; color: #fff; text-align: center; vertical-align: middle; float: left; margin: 3px 5px 2px 0; letter-spacing: -1px; }
#sidebar1 ul.rank li:nth-child(n+4) .rank_num {background: #d4deeb; border: 1px solid #a5b5ce; color: #113e78; } 
#sidebar1 ul.rank li {max-width: 100%; border: none; padding: 5px 0 5px 0px; clear: both; font-size: 14px; border-bottom: 1px solid #e1e1e1;}

.box1 {margin-bottom:10px; box-shadow :1px 1px 1px rgba(0,0,0,0.1); border:1px solid #d5d5d5; background-color:#fff;}
.box1 ul {padding:10px;}
.more_news {border: 1px solid #d5d5d5;}
.more_news ul {padding:15px; width:90%;}
.more_news li {border-top: 1px solid #ecedee; padding-bottom:15px;}
.more_news li a {overflow: hidden;font-size: 14px;}
.more_news li:last-child {padding-bottom:0px;}
dt span.cat_title {
font-size: 12px;
margin-right: 5px;
color: #019933;
}
dl.box1 {clear:both; padding:0 10px;}
dd.l_thumb {}
dd.l_thumb img {width:100%;}
dd.cat_title {font-size:12px; margin: 0px; color: #333;}
dt.title, dt.title a {font-size:14px; color:#222; text-align:left; min-height:42px;}
.photo_text {padding:0px 20px;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {text-align:center;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider dl dd{text-align:center;}
.flexslider dl dt{font-size:14px; font-weight:normal;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.flexslider { margin: 20px 0 0px; background: #fff; position: relative; zoom: 1; }
.flex-viewport { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flexslider .slides li {background-color:#fff;}
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width:36px; height: 60px; margin: -20px 0 0; position: absolute; top: 40%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background:url(https://image.dizzo.com/main/201305/cs_top_scroll_arr.png) no-repeat;}
.flex-direction-nav .flex-prev { left: -50px; background-position:0px -100px;text-indent:99em}
.flex-direction-nav .flex-next { right: -50px; text-align: right;background-position:-50px -100px;text-indent:99em}
.flexslider:hover .flex-prev { opacity: 0.7; left: 0px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 0px;  }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.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  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; text-align: center;}
.flex-control-nav li {margin: 0 6px; 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-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -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); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); 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%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.flex-control-nav.flex-control-paging {display:none;}


@media screen and (max-width:860px) {

.wrap {width:98%}
#header {width:100%}
#header ul.menu {width:98%}
#header ul.menu li a.hm_home {width:180px; }
#header ul.menu li a {font-size:16px; margin-right:25px;}
.flexslider .slides img {width: 100% !important; height: auto% !important;}
.center_img, .left_img {width: 100% !important; height: auto !important; text-align:center;}
.center_img img, .left_img img {width:100% !important; vertical-align: top; margin: 10px 0 auto;}


}




@media screen and (max-width:640px) {

.wrap {width:100%; margin:0 auto; padding-top:0px;}
.article { margin:10px; margin-top:0;}
.contents { width:100%; margin:0 auto; float:left;}
.contents_R {width:100%; float:left;}

#header {display:none;}
.header {display:block; position:relative;height:40px; border-bottom:1px solid #ccc;text-align:center; background-color:#019933;
background: #019933;
background: -moz-linear-gradient(top, #019933 0%, #0c2b54 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019933), color-stop(100%,#019933));
background: -webkit-linear-gradient(top, #019933 0%,#019933 100%);
background: -o-linear-gradient(top, #019933 0%,#019933 100%);
background: -ms-linear-gradient(top, #019933 0%,#019933 100%);
/* background: linear-gradient(to bottom, #019933 0%,#019933 100%); */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019933', endColorstr='#0c2b54',GradientType=0 );
}
.header h1{display:inline-block;}
.header h1 a{display:inline-block; color: #fff; font-size: 18px; font-weight:bold;}
.header h1 img{height:24px; margin-top:7px; vertical-align:top}
.header .btn_left_reveal{position:absolute;left:0;top:0;width:50px;height:45px}
.header .btn_left_reveal img{
margin-top: 7px;
border-radius: 5px;
border: 1px solid #0e5115;
border-bottom: 1px solid #01070e;
padding: 3px 5px;
background: linear-gradient(#1a9526 0%, #11407b 2px, #0e5115 100%);
background: -moz-linear-gradient(top, #1a9526 0%, #0e5115 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a9526), color-stop(100%,#0e5115));
background: -webkit-linear-gradient(top, #1a9526 0%,#0e5115 100%);
background: -o-linear-gradient(top, #1a9526 0%,#0e5115 100%);
background: -ms-linear-gradient(top, #1a9526 0%,#0e5115 100%);
background: linear-gradient(to bottom, #1a9526 0%,#0e5115 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9526', endColorstr='#0e5115',GradientType=0 );
}
.header .btn_right_search{position:absolute;right:0;top:0;width:50px;height:45px}
.header .btn_right_search img{margin-top:10px;width:21px;height:20px;}
.header .btn_right_pc img {
margin-top: 6px;
border-radius: 5px;
border: 1px solid #0e5115;
border-bottom: 1px solid #01070e;
padding: 3px 5px;
background: linear-gradient(#1a9526 0%, #11407b 2px, #0e5115 100%);
background: -moz-linear-gradient(top, #1a9526 0%, #0e5115 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a9526), color-stop(100%,#0e5115));
background: -webkit-linear-gradient(top, #1a9526 0%,#0e5115 100%);
background: -o-linear-gradient(top, #1a9526 0%,#0e5115 100%);
background: -ms-linear-gradient(top, #1a9526 0%,#0e5115 100%);
background: linear-gradient(to bottom, #1a9526 0%,#0e5115 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9526', endColorstr='#0e5115',GradientType=0 );
}
.search_form {display: none; position: relative; padding: 4px 130px 4px 4px; height: 32px; background: #e5e5e5; }
.nav {display:block; position: relative; min-height: 38px; background-color: #fff; background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f5f5f5))}
.nav:after {overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #9f9f9f; content: ''; }
.nav ul {display: table; width: 100%; height:38px;}
.nav ul li {display: table-cell; white-space: nowrap; text-align: center; }
.nav ul li.on a {height: 35px; border-bottom: 3px solid #1a9526; color: #038f00; }
.nav ul li a {display: block; width: 100%; position: relative; height: 38px; color: #333; font-size: 15px; font-weight: bold; line-height: 38px; }
.box1 {margin:10px;}
#sidebar1 ul.rank {padding:0 0 15px;}
#sidebar1 ul.rank li .rank_num {margin: 3px 5px 2px 10px;}

.flexslider .flex-prev { opacity: 0.7; left: 10px;}
.flexslider .flex-next { opacity: 0.7; right: 10px;}

.l_thumb {float:left; width:100%;}
.more_news {float:left; margin:10px;}
.more_news ul {width:initial; padding:10px 5px;}
.more_news li {border-top: none; float:left;}
.box1 ul {margin:0 0 0 0;}
.more_news li {width:45%; padding:10px 2.5%}
.tit {-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}




@media screen and (max-width:480px) {

.flexslider .slides img {height:100%;width:100%;}
.flex-viewport {}
.article dl {padding:0px 0px 20px 0;}
.right_none {display:none;}
.more_news li {width:100%; padding:5px 0; float:left; border-top:none;}
.more_news li a {white-space:normal;}
.l_thumb {width:50%; margin-right:10px; float:left;}
.box1 ul {margin:10px 15px 0 15px;}



}