@charset "utf-8";
/* FONT */

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/* COMMON */

a,mark{color:inherit}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;}
body{position:relative;background-color:#ededed;color:#333;-webkit-text-size-adjust:none;}
table{border-collapse:collapse}
form,fieldset,img{border:0}
ol,ul{list-style:none}
address{font-style:normal}
a{text-decoration:none; color:inherit; }
a:hover{color:inherit}
/*input,button,textarea {-webkit-border-radius:0;-webkit-appearance:none}*/
img{vertical-align:top}
mark{background:0 0}
legend{display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px}
section{display:block}

/* 폰트크기 */
html { font-size: 62.5%}
body { font-size: 1.4rem; font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕','Noto Sans KR',HelveticaNeue-Light,sans-serif;line-height:1.5;letter-spacing:-0.1rem; background:#fff; color:#212121;word-break: keep-all  }
h1{ font-size: 2.4rem;  }
h3{word-break: keep-all }
h3 span{ font-size: 2.1rem;letter-spacing: 0}
body{-webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-y: visible !important; }

/* skip navigation */
#skip-navi {font-size:0;line-height:0;overflow:hidden}
#skip-navi a {display:block;width:100%;padding:10px 0;color:#fff;position:absolute;left:0;top:-100px;text-align:center;z-index:200;background:#413022;border:0 none}
#skip-navi a:focus,
#skip-navi a:hover,
#skip-navi a:active {top:0;font-weight:bold;font-size:1.6rem;line-height:1.5; border-bottom:1px solid #fff}

/* 카테고리별 레이아웃 */

body#ds_MAIN{ } /*메인*/
body#ds_VIEW{} /*기사뷰*/
body#ds_NEWS{} /*뉴스*/
body#ds_OPINION{} /*오피니언*/
body#ds_SEARCH{} /*검색*/
body#ds_REPORTER{} /*기자*/
body#ds_SERIES{}
body#ds_TAG{} /*태그*/
body#ds_TOTAL{} /*전체기사*/

/* 공통요소 정의 */
.area { position:relative;width:1100px;margin:0 auto; }
.thum{position: relative}
.thum img{ width:100%; height:auto}
.line{ position: absolute; top:0; left: 0; right: 0; bottom: 0; border:1px solid #000; opacity: 0.1; }
.relate_list li{display:block; }
.relate_list li a{display: block;font-size: 1.4rem; line-height: 1.8;padding-left: 1.2rem; background: url("//img.dongascience.com/news2019/images/ico_relate.png") center left no-repeat;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.relate_list li a:hover{text-decoration: underline}
.advertise {clear:both; position: relative}
.advertise img{ width:100%; height:auto}
.advertise a{ display:block}

.ctalk_plus{ background: url("//img.dongascience.com/news2019/images/ico_plus.png") no-repeat; background-size: 100%;text-indent:-1000px; font-size: 0;  vertical-align: middle; }
.fa_ds{background: url("//img.dongascience.com/news2019/images/ico_fa_ds.png") center no-repeat; background-size: 100% ;text-indent:-1000px; font-size: 0;vertical-align: middle;}
.FA{background: url("//img.dongascience.com/news2019/images/ico_FA.png") center no-repeat; background-size: 100% ;text-indent:-1000px; font-size: 0;vertical-align: middle;}
.TW{background: url("//img.dongascience.com/news2019/images/ico_TW.png") center no-repeat; background-size: 100% ;text-indent:-1000px; font-size: 0;vertical-align: middle;}
.KS{background: url("//img.dongascience.com/news2019/images/ico_KS.png") center no-repeat; background-size: 100% ;text-indent:-1000px; font-size: 0;vertical-align: middle;}
.KT{background: url("//img.dongascience.com/news2019/images/ico_KT.png") center no-repeat; background-size: 100% ;text-indent:-1000px; font-size: 0;vertical-align: middle;}
.BL{background: url("//img.dongascience.com/news2019/images/ico_BL.png") center no-repeat; background-size: 100% ;text-indent:-1000px; font-size: 0;vertical-align: middle;}
.BA{background: url("//img.dongascience.com/news2019/images/ico_BA.png") center no-repeat; background-size: 100% ;text-indent:-1000px; font-size: 0;vertical-align: middle;}
.urlCopyBtn{ text-indent:0; font-size: 10px;vertical-align: middle;border: 1px solid rgba(0,0,0,0.2);line-height: 28px;letter-spacing: 0; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

/* pageing */
.paginate { clear:both;  text-align:center; font-size:0; }
.paginate a.now { color:#121212 ; border:1px solid #121212 ; z-index:1 ;font-weight:bold; }
.paginate a{cursor:pointer;display:inline-block; position:relative; overflow:hidden; width:30px; height:30px; font-size:1.4rem;text-align:center; line-height:30px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 -1px; *margin:0 0 0 -2px;  vertical-align:top;border:1px solid #fff ; }
.paginate a.active,
.paginate a:hover { color:#121212 ; border:1px solid #121212 ; font-weight:bold;z-index:1;text-decoration:none !important;}
.paginate a.prev,
.paginate a.next {text-indent:-9999px; border:1px solid #eee; margin: 0 15px}
.paginate a.prev {background:url(//img.dongascience.com/news2019/images/btn_page_prev.png) center no-repeat}
.paginate a.next {background:url(//img.dongascience.com/news2019/images/btn_page_next.png) center no-repeat}


#article_viewtop{ display: none; position: fixed; z-index: 9999; top:40px; background: #fff; border-bottom: 1px solid #ccc; width: 100%; height: 6rem;  }
#article_viewtop #logo { position: absolute; top:50%; margin-top: -9px; }
#article_viewtop #logo a {display:block; text-indent:-9999px;width:160px; height:18px; background:url(//img.dongascience.com/news2019/images/logo_ds.png) no-repeat; background-size: auto 18px}
#progress{  z-index: 10;position: absolute;  left: 0; bottom:-3px; height:3px; background: #304FFE;}
#article_viewtop .area{}
#article_viewtop h2 {padding: 0 0 0 0; margin: 0 200px 0 160px; font-family: Noto Sans KR; font-weight: 500; font-size: 1.7rem; line-height: 3.5; color: #222; letter-spacing: -0.02em; word-break: keep-all; position: relative;
    left: -4px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; display: block}


#article_viewtop #search_wrap{ position:absolute; top:50%; margin-top: -15px;   right:0; width:200px;}
#article_viewtop #search_wrap .field {position:relative; border:1px solid #d4d4d4;  background:#fff; height:31px;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#article_viewtop #search_wrap .field input[type=text]{width:90%;  height:29px; border:none; background:#fff; padding-left:5%; color:#121212; }
#article_viewtop #search_wrap .field .btn_search{position:absolute; right:-1px; top:-1px; width:31px; height:31px; background:#fff url(//img.dongascience.com/news2019/images/ico_search.png) center no-repeat ; cursor:pointer; text-indent:-100px; overflow:hidden;border:1px solid #121212;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#article_viewtop #search_wrap .field .btn_auto { position:absolute;top:0; right:31px; width:30px;height:31px;border:none; text-indent:-9999px;background:url(//img.dongascience.com/news2019/images/arrow_down.gif) center no-repeat; cursor:pointer}

/* HEADER */
#header { position:relative;z-index:100; background:#ffffff}
#header #logo {margin:0 auto;padding:35px 0 35px 0; text-align:center;width:160px; height:30px; }
#header #logo a {display: inline-block; text-indent:-9999px;width:160px; height:30px; background:url(//img.dongascience.com/news2019/images/logo_ds.png) no-repeat}
#header .top_ad{  position: absolute; left: 0; top:0;}
#header .top_ad a{ height: 100px; display: block; overflow: hidden}
#header #more{position: absolute; right: 0; top:35px; }
#header #more a{display: inline-block;cursor: pointer;width:40px; height: 40px; vertical-align: middle;text-align: center; text-indent: -100px;font-size: 0;  overflow: hidden; }
#header #more a.zzim_list{background:url(//img.dongascience.com/news2019/images/ico_zzim_go.png) no-repeat; background-size: 100%}
#header #navi{ position: relative; background:#ffffff;}
#header #navi .wrap { margin:0 auto;  position:relative;border-top:2px solid #121212;border-bottom:1px solid #aaa; }
#header #navi .func_ca { position:absolute;z-index:10;width:50px; height:50px; }
#header #navi .func_ca .open {position:absolute; left:0; top:0px; width:50px; height:50px; border: none;cursor:pointer; text-indent:-9999px; background:#121212 url(//img.dongascience.com/news2019/images/ico_cate.png) center no-repeat;}
#header #navi .func_ca .open:hover{background:#304FFE url(//img.dongascience.com/news2019/images/ico_cate.png) center no-repeat;}
#header #navi .func_ca .close{ display: none;position:absolute; left:0; top:0px; width:50px; height:50px; cursor:pointer; border:none; text-indent:-9999px; background:#304FFE url(//img.dongascience.com/news2019/images/ico_cate_close.png) center no-repeat;}

#header #navi #category{position:relative; background:#ffffff;}
#header #navi #category ul{ margin-left:70px}
#header #navi #category li{display: inline-block; vertical-align: top}
#header #navi #category li a {display: block; padding: 0 18px; text-align: center;color: #121212; font-size: 18px;height:49px; line-height:49px;font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; font-weight: 400 }
#header #navi #category li a:hover{ font-weight: 600; text-decoration: none; }

#header #navi #category li.sel a{ font-weight: 600}
#header #navi #category li span{display: inline-block; vertical-align: top;width: 0%; height: 3px; background: #121212; position: relative; top:-2px}
#header #navi #category li a:hover span{width: 100%;-webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;}
#header #navi:after{display:block;clear:both;height:0;content:'';}


#header #navi #search_wrap{ position:absolute; top:9px;   right:0; width:200px;}
#header #navi #search_wrap .field {position:relative; border:1px solid #e5e5e5;  background:#fff; height:31px;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#header #navi #search_wrap .field input[type=text]{width:90%;  height:29px; border:none; background:#fff; padding-left:5%; color:#121212; }
#header #navi #search_wrap .field .btn_search{position:absolute; right:-1px; top:-1px; width:31px; height:31px; background:#fff url(//img.dongascience.com/news2019/images/ico_search.png) center no-repeat ; cursor:pointer; text-indent:-100px; overflow:hidden;border:1px solid #121212;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#header #navi #search_wrap .field .btn_auto { position:absolute;top:0; right:31px; width:30px;height:31px;border:none; text-indent:-9999px;background:url(//img.dongascience.com/news2019/images/arrow_down.gif) center no-repeat; cursor:pointer}

#category_detail{ visibility: hidden;  position:absolute;  z-index:90; width:1100px; height:388px; top:50px;overflow:hidden; }
#category_detail .frame{ position:absolute; ;top:-406px; left:0;width:1098px; height:387px; background:#fff; overflow:hidden; border:1px solid #ddd; border-top:none; border-bottom:1px solid #121212}
#category_detail .sub{ position:absolute; top:0;left:230px; background: #fff; height: 387px; width: 390px;}
#ca_1d{ width:230px; background:#fff; height:100%}
#ca_1d>li{ clear:both; padding:0 1rem 0 2rem; font-size:1.8rem; line-height:42px; border-bottom:1px solid #f2f2f2; border-right:1px solid #e1e1e1; }
#ca_1d>li>a{ display: block;background:#fff url(//img.dongascience.com/news2019/images/more.png) no-repeat right center ;font-family: 'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif;}
#ca_1d>li:hover{cursor:pointer; }
#ca_1d>li:hover>a{color:#304FFE; font-weight:bold; text-decoration: none;background:#fff url(//img.dongascience.com/news2019/images/more_on.png) no-repeat right center ;}
#category_detail .view_article{ float:left;width:320px; margin:0 35px;  overflow:hidden}
#category_detail .view_article .article-C .thum { height: 50px;}
#category_detail .view_article .article-C h3,#category_detail .view_article .article-C .rank{ color:#304FFE  }
#category_detail .view_article{ padding-top:1rem}
#category_detail .view_category {  z-index:20;position:absolute; top:0; right: 0; bottom:0; width:440px;  border-left:1px solid #f2f2f2; background: #f6f6f6; padding-left:3rem;padding-top:1rem}
#category_detail .view_category {  z-index:20;position:absolute; top:0; right: 0; bottom:0; width:440px;  border-left:1px solid #f2f2f2; background: #f6f6f6; padding-left:3rem;padding-top:1rem}
#category_detail .view_category ul{overflow:auto; height: 330px; }
#category_detail .view_category li{ float:left;width:47%; margin-right: 3%; line-height:2.2; font-size:1.6rem;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
#category_detail .view_category li a{ display: block;color:#242424; }
#category_detail .view_category li a:hover{font-weight:bold; color:#121212; text-decoration: underline}
#category_detail .view_category h3{ font-size: 1.8rem; line-height:3;  color: #121212;}
#category_detail .view_category h3 a:hover{text-decoration: underline}

/* pop_SEARCH */
.auto_div { display:none; z-index:100; position:absolute;top:31px; right:0;height:280px;  border:1px solid #e5e5e5; border-top:none;  width:198px;  background:#fff;}
.auto_iframe {width:100%; height:280px; padding:0; margin:0; }
.auto_word {overflow-y: auto; height:239px;}
.auto_word div {height:39px;padding:0 0 0 14px; font-size:1.4rem; line-height:39px; border-bottom:1px solid #ededed}
.auto_word div:hover{ background:#fafafa; cursor:pointer}
.bg_auto {background-color:#fafafa; border-top:1px solid #e5e5e5; height:40px;}
.auto_btn {float:left; font-size:1.4rem ;line-height:40px; padding-left:14px; color:#333}
.auto_btn a { display:inline-block; color:#666; text-decoration:none; }
.auto_rst {color:#304FFE; }
.auto_word p.info{ padding:14px;  border:none; height:auto;font-size:1.4rem ; line-height:1.7; color:#555}
.srch_close{z-index:310; position:absolute; top:240px; right:14px; display:block; width:40px; height:40px; line-height:40px;font-size:1.4rem ; text-align:center;color:#333;}
.srch_close a{ display:block}

.nodata{padding: 1.6rem 0;}
.nodata_title{ font-size:2rem; font-weight: bold;padding: 1rem 0; color:#304ffe}
.nodata_desc p{ padding: 0.4rem 0}



/* FOOTER */
#footer_group{ position: relative}
#share_bottom .area{height: 0; }
#share_bottom .sns{ z-index: 10;position: absolute; right: 0; top:10px}
#share_bottom a{ display: inline-block;  cursor: pointer;width:30px; height: 30px; border-radius: 30px; vertical-align: top; overflow: hidden; margin-left: 5px }

#ds_notice { clear:both; position:relative;border-top:1px solid #d7d7d7;font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; letter-spacing: 0}
#ds_notice .area{}
#ds_notice .notice_tit{display:block;float:left; text-decoration: none;font-size:1.5rem;font-weight: 300; height:48px; line-height:48px;color:#333}
#ds_notice .up{ position:absolute;top:-1px; right:-1px}
#ds_notice .down{position:absolute;top:18px; right:-1px}
#ds_notice #notice_list{ height:48px; padding-left:15px;overflow:hidden}
#ds_notice #notice_list a{ display:block;width:600px;font-size:1.5rem; line-height:48px; height:48px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#ds_notice #notice_list .bx-viewport{ box-shadow:none;}

#DSbottom_common.ds #DSfamily li{ width:14.285%}
#footer { clear:both;height:150px; background:#fbfbfb; border-top:1px solid #ebebeb; padding-top:35px;font-size:1.3rem; }
#footer .area {}
#footer .logo{ float:left;}
#footer .link{float:left; padding-left:40px }
#footer .link>div a{color:#382e2a; display:inline-block; font-weight:bold;letter-spacing:0;line-height:28px}
#footer .link>div a.fb{ color: #FF2F00}
#footer .link>div span {color:#d7d7d7; margin:0 2px}
#footer .link p {color:#5f5754; font-size:1.2rem;letter-spacing:0; margin-top:3px; line-height:18px}
#container .area{ background: url("//img.dongascience.com/news2019/images/line_p.gif") 750px top repeat-y}
#container .area:after{display:block;clear:both;height:0;content:'';}
#contents{ clear:both;position: relative;  float: left; width:750px;  }
#aside_con{float: right; width:320px;min-height: 700px;}


/* aside_COMMON */

#aside_con{ padding-top: 3rem}
#aside_con h3,#aside_con h3 span{ font-family:Noto Sans KR; letter-spacing: 0; font-size: 1.7rem; }
#aside_con #serial{margin: -1rem  0 1rem 0}
#aside_con #serial h3 a{ display: inline-block; padding-right: 20px; background: url("//img.dongascience.com/news2019/images/btn_page_next.png") center right no-repeat;}
#aside_con #serial h3 a:hover{ text-decoration:none }

#aside_con #opinion{margin: 3rem  0 0 0; padding-bottom: 1rem}
#aside_con #ad_order{ margin: 0 0 4rem 0;height: 140px; background:#9FA8DA ;text-align: center; line-height: 140px;overflow: hidden; }
#aside_con #ad_order .line{overflow: hidden;text-indent: -1000px}
#aside_con #favorite{margin: -1rem  0 3rem 0}
#aside_con #ad_dl{ margin: 2rem  0 1rem 0;height: 120px;background:#B2EBF2; text-align: center; line-height: 120px; overflow: hidden; }
#aside_con #ad_dl .line{overflow: hidden;text-indent: -1000px}
#aside_con #share{ margin:1rem  0 0 0}
#aside_con #recommend{margin: 1rem   0 0 0}

#ad_roll { margin:1rem  0 3rem   0}
#ad_roll .advertise{ height: 180px;background:#ccc}
#ad_roll p.dot{ }
#ad_roll p.dot a {display: inline-block;width:20px;text-align: center  }
#ad_roll p.dot a.on span {opacity: 1}
#ad_roll p.dot a span{ display: inline-block; vertical-align: top; width:12px; height: 12px;margin: 17px 0 0 0 ;border-radius: 10px; overflow: hidden; text-indent: -1000px; background: #333; opacity: 0.5}
#ad_roll ul{ padding-top: 12px; }
#ad_roll ul:after{display:block;clear:both;height:0;content:'';}
#ad_roll li{float:left;width:320px;}

/* ds_MAIN */

.daily_top{ padding: 3rem 4rem 2rem 0;border-bottom:1px solid #ddd; }
.daily_top:after{display:block;clear:both;height:0;content:'';}
.daily_top .relate_list{ padding-top: 1rem}
.daily_top .relate_list li {  float: left;width: 46%; margin-right: 4%}
.daily_top .relate_list li a {font-size: 1.6rem;}
.daily_other01{padding: 2rem  4rem  0  0;}
.daily_other02{padding: 0  4rem 1rem  0;}

.daily_other02 .article-A dd{ margin: 3px 0}
.daily_other02 .article-A>ul>li{clear:both; padding:0 0 0.7rem 0}
.daily_other03{padding: 0 0  2rem  0; margin-right: 4rem; border-top:1px solid #424242;background: #fff}


.people{padding: 0  0  2rem  0;margin-right: 4rem;border-top:1px solid #ddd}
.people h3{ font-size:1.8rem; margin: 1rem 0 0 0}
.people:after{display:block;clear:both;height:0;content:'';}
.people h3 a{ display: inline}
.people h3 a:hover{ text-decoration: underline}
#ad01{ margin-right: 4rem ; margin-bottom:3rem }

#magazine{ position: relative; overflow: hidden; margin: 0 40px 50px 0;border: 1px solid #ddd; border-bottom: none; background: #f7f7f7;}
#magazine p.dot{ z-index:10;  position: absolute; right:15px}
#magazine p.dot a {display: inline-block;width:25px; text-align:center }
#magazine p.dot a.on span {width:15px; height: 14px; margin: 15px 0 0 0; opacity: 1}
#magazine p.dot a span{ display: inline-block; vertical-align: top; width:10px; height: 10px;margin: 17px 0 0 0 ;border-radius: 10px; overflow: hidden; text-indent: -1000px; background: #333; opacity: 0.7}
#magazine ul{}
#magazine a{ color:#333; }
#magazine li{ width: 750px; height: 265px;}
#magazine li .wrap{padding:0 5rem 0 0 ;}
#magazine li .date { z-index: 10; position:absolute; left:0; bottom:0;color:#fff; text-align:center; letter-spacing:0; padding:10px 12px; font-family:Verdana, Geneva, sans-serif; background: #333; display: inline-block}
#magazine li .date span{ font-size:1.4rem; display:block; line-height:14px;letter-spacing:0.02em;  font-weight: bold}
#magazine li .date strong{ font-size:3rem;display:block; line-height:28px}
#magazine li.sci{ border-bottom: 2px solid #4f3eaa}
#magazine li.math{ border-bottom: 2px solid #2fbb87}
#magazine li.kids{ border-bottom: 2px solid #e74c3a}
#magazine li.sci .date{ background: #4f3eaa}
#magazine li.math .date{ background: #2fbb87}
#magazine li.kids .date{ background: #e74c3a}
#magazine .thum{ float:left; width:200px; margin-right:3rem;overflow:hidden; }
#magazine .thum img{ width:200px; height:265px }
#magazine .tit{ font-size:1.8rem; line-height:1.9; font-weight: bold; padding:3.5rem 0 2rem 0  }
#magazine .tit img{ height: 40px; width: auto; margin-left: 1.5rem}
#magazine .tit span{ font-weight:normal; font-size:2rem; letter-spacing:0.1rem; padding-left:5px}
#magazine .tit strong{ font-size:2.4rem; margsin-left:5px; letter-spacing:0.1rem}
#magazine dd a{ font-size:1.5rem;display:block;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;  line-height:1.9; background:url("//img.dongascience.com/news2019/images/line_dot.gif") center left no-repeat; padding-left: 15px }
#magazine dd a:hover{  text-decoration: underline}
#magazine ul:after{display:block;clear:both;height:0;content:'';}
#magazine_side{ clear: both; position: relative; overflow: hidden; margin:20px auto 0 auto; width: 320px; }
#magazine_side p.dot{ padding-bottom: 12px; }
#magazine_side p.dot a {display: inline-block;width:20px;text-align: center  }
#magazine_side p.dot a.on span {opacity: 1}
#magazine_side p.dot a span{ display: inline-block; vertical-align: top; width:12px; height: 12px;margin: 17px 0 0 0 ;border-radius: 10px; overflow: hidden; text-indent: -1000px; background: #333; opacity: 0.5}
#magazine_side li.item img{ width: 320px; height: 427px;}
#magazine_side li{float:left;width: 320px;}


#ds_MAIN #aside_con #favorite{margin: 1rem  0 3rem 0}

/* 공유리스트 */
#share_news a:hover{  text-decoration: underline}
#share_news h3{ padding:0 0 0 27px; background:url(//img.dongascience.com/news2019/images/ico_share.png) center left  no-repeat; font-size:1.8rem;color:#121212; line-height:3;}
#share_news li{padding: 0.5rem 0;}
#share_news li .ico{float: left; margin-right:1rem; width:26px; height: 26px; border-radius: 30px; text-indent: -200px; overflow: hidden; }
#share_news li strong{ font-weight:normal; position: relative; top:-2px; font-size: 1.4rem }
#share_news li span{  font-size:1.6rem; display:block; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; }

/* ds_OPINION */
.opinion_top{ position:relative; padding:3rem 4rem 2rem 0; }
.opinion_top .article-A dd{ margin: 3px 0}
.opinion_top .article-A>ul>li{clear:both; padding:0}

/* ds_NEWS */
.news_top{ position:relative; padding:3rem 4rem 3rem 0;     }
.news_tag{position:relative;border-top: 1px solid #e7e7e7;padding:0 4rem 2rem 0; }
.news_recent{position:relative;padding:3rem 4rem 3rem 0; border-top: 1px solid #e7e7e7;}
.news_recent .article-T a{height: 200px}
.news_recent .article-T li{ float:left; position:relative; margin-right:4%; width:30.666%;    }
.news_recent .article-T h4{font-size: 1.6rem; line-height: 2.4rem;height: 4.4rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden}
.news_recent .article-T p{font-size: 1.5rem; line-height: 2.2rem; height: 11rem; margin-top: 12px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; overflow:hidden}
.news_recent .article-T .cont{padding:13px 15px;}
.news_other{position:relative;border-top: 1px solid #e7e7e7;padding:2rem 4rem 4rem 0; }
.news_other h3{ font-size: 1.8rem; line-height:2;padding:0 0 2rem 0}
.news_other h3 + .view_total{ top:30px; right: 40px}


/* ds_SERIES */
#ds_SERIES .news_other h3{ font-size:2.4rem; font-family:'Noto Sans KR',Noto Sans KR; }
#ds_SERIES .news_other{ border-top:none }

/* ds_VIEW */
#ds_VIEW #ad02{ margin-right: 40px; margin-bottom:40px}
#ds_VIEW #ad03{ margin: 30px 0 0 0;height: 140px;background:#B2DFDB; text-align: center; line-height: 140px}
#ds_VIEW #aside_con #ad_order{ margin: 40px 0 20px 0; }
#ds_VIEW #relate h3 span.more{ display: inline-block;  background: url("//img.dongascience.com/news2019/images/ico_more.png") center 6px  no-repeat; width: 30px; height: 25px; vertical-align: middle; cursor: pointer}

/* ds_SEARCH */
#header_search {border-bottom: 1px solid #e1e3e9;}
#header_search .area{ width: 100%; text-align: center}
#header_search #logo {display: inline-block; padding:50px 0 50px 0; text-align:center;width:160px; height:30px; vertical-align:top; }
#header_search #logo a {display: inline-block; text-indent:-9999px;width:160px; height:30px; background:url(//img.dongascience.com/news2019/images/logo_ds.png) no-repeat}
#header_search #topsearch{ position:relative; display: inline-block; width:400px; margin: 40px 20px }
#header_search #topsearch .write{border:2px solid #121212; height:46px;background:#fff; margin:0 auto}
#header_search #topsearch .word{ border:none; height:46px; width:95%; padding:0 2.5%; font-size:1.8rem; font-weight:bold; color:#121212}
#header_search #topsearch .btn{ position:absolute; right:2px; top:2px}
#header_search #topsearch .btn_search{ padding: 0 15px; height:46px; font-size:1.8rem; font-weight: bold; letter-spacing:-0.1rem; background:#121212;overflow:hidden;   border:none; color: #fff;cursor:pointer}
#header_search #topsearch .auto_div{    width:298px; left: 0; top:48px; right: auto; border-top:1px solid #eee; text-align: left}
#header_search #topsearch .btn_auto {
    position: absolute;
    top: 0;
    right: 98px;
    width: 30px;
    height: 50px;
    border: none;
    text-indent: -9999px;
    background: url(//img.dongascience.com/news2019/images/arrow_down.gif) center no-repeat;
    cursor: pointer; outline: none}
#search_navi {position:relative; background:#ffffff; height: 49px;margin: 0 auto; border-top: 1px solid #283593;  }
#search_navi ul{ width:1100px; margin: 0 auto; }
#search_navi li{ float: left; vertical-align:top; width:16.666%; }
#search_navi li a {position:relative;display: block;  text-align: center;color: #121212; font-size: 1.7rem;height:50px; line-height:50px;font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif; font-weight: 400 }
#search_navi li a:hover{ font-weight: 600; text-decoration: none}
#search_navi li.sel a{ font-weight: 600; color: #304FFE}
#search_navi li.sel span{display: block; height: 1px; background:#304FFE; position: absolute; bottom: 0px; width: 100%}
#search_navi:after{display:block;clear:both;height:0;content:'';}


#ds_TAG  #search_navi li{width:9%; }
#ds_TAG  #search_navi li:nth-child(5){width:12%;}
#ds_TAG  #search_navi li:nth-child(8){width:13%;}
#ds_TAG  #search_navi li:nth-child(9){width:10%;}
#ds_TAG  #search_navi li:nth-child(10){width:11%;}
#ds_REPORTER #search_navi li{width:9%; }
#ds_REPORTER #search_navi li:nth-child(5){width:12%;}
#ds_REPORTER #search_navi li:nth-child(8){width:13%;}
#ds_REPORTER #search_navi li:nth-child(9){width:10%;}
#ds_REPORTER #search_navi li:nth-child(10){width:11%;}


#search_recommend{ clear:both;border-bottom:1px solid #ddd;  background:#fff;padding:3rem 0; }
#search_recommend h2{ display: inline-block; width:100px; font-size: 1.7rem  }
#search_recommend ul{ display: inline-block;  }
#search_recommend ul li{ display:inline-block; padding:0 10px;}
#search_recommend ul li a{ font-size:1.5rem;color:#304FFE;line-height:3rem; height:3rem;}
#search_recommend ul li a:hover{ font-weight:bold; text-decoration: underline}

#search_article{clear:both; padding: 3rem 0 4rem 0; }
#search_article>h2{font-size:1.8rem;color:#212121;padding: 0 0 2rem 0; font-weight: normal}
#search_article>h2 span strong{ color:#304FFE; font-size: 2.2rem;}

.list .article-A2{ padding:0 4rem 2rem 0;}
.list .article-M{ padding:0 4rem 2rem 0;}
.list>h3{display:inline-block; font-size:1.8rem; line-height:2.4;color:#212121;    padding: 0 0 2rem 0; }
.list>h3 span{ font-weight:normal;color:#304FFE;font-size:1.8rem; padding-left:6px}
.list .more{ clear:both;height:3rem;border-bottom:1px solid #e5e5e5;  padding:0 4rem 2rem 0;margin-bottom: 40px }
.list .more a{ display:inline-block; font-size:1.4rem; line-height:3rem; padding-right: 3rem ;  float:right; background: url(//img.dongascience.com/news2019/images/ico_morelist.png) right center no-repeat}
#result_kids .more{border-bottom:none;  }


/* ds_TOTAL */
#ds_TOTAL .news_other{border: none}
#ds_TOTAL .news_other h3{ font-size:2.4rem; font-family:'Noto Sans KR',Noto Sans KR; }
#ds_TOTAL .view_only{  position: absolute;padding:0.5rem 1rem;top:30px; right: 40px; font-size: 1.5rem; line-height: 20px;}
#ds_TOTAL .view_only .btn{position: relative; display: inline-block;border-radius: 20px; height: 20px; width: 46px; background: #757575; vertical-align:top; margin-left:10px;}
#ds_TOTAL .view_only .btn span{ position: absolute; top:2px; left:2px; display: block;  overflow: hidden; width: 16px; height: 16px;border-radius: 14px;  background: #fff}
#ds_TOTAL .view_only .off:before{ content:"OFF"; color: #fff;position: absolute; top:0px; left:22px; font-size: 1rem; letter-spacing: 0 }
#ds_TOTAL .view_only .on{ background: #303F9F; }
#ds_TOTAL .view_only .on:before{ content:"ON"; color: #fff;position: absolute; top:0px; left:8px; font-size: 1rem; letter-spacing: 0 }
#ds_TOTAL .view_only .on span{ left: 28px; }



/* ds_VIEW*/
#article_title {border-bottom:1px solid #d7d7d7;padding: 4rem 0 1rem 0; background: #fff}
#article_title h2{font-weight:normal; font-size:3.6rem;  line-height:1.3; color:#222; letter-spacing:-0.05em; word-break:keep-all; position: relative; left: -4px}
#article_title .func{position: relative; margin-top: 1rem}
#article_title .info{font-size:1.5rem;  line-height:32px; letter-spacing:0}
#article_title .info span{ display: inline-block;line-height: 1;  color:#888888;}
#article_title .edit{position:absolute; right: 0; top:7px;font-size: 0; border:1px solid #d7d7d7; border-bottom: none; }
#article_title .edit a{ display: inline-block; vertical-align:middle; text-decoration: none;line-height:34px;height:34px; width: 34px;  text-align: center; border-right: 1px solid #eee; cursor: pointer}
#article_title .edit #font_dn{font-size:1.2rem;}
#article_title .edit #font_up{font-size:1.8rem;border-right:none;}
#article_title .edit .email{background:url(//img.dongascience.com/news2019/images/ico_email.png) center no-repeat; }
#article_title .edit .print{background:url(//img.dongascience.com/news2019/images/ico_print.png) center no-repeat; }

.share_cont {z-index: 10; position:absolute;left: -70px; width:40px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;}
.share_cont .wrap{  width:100%; text-align:center}
.share_cont .go {width:100%;}
.share_cont .go a{display: inline-block;cursor: pointer;text-decoration:none;font-weight:bold; margin: 0 auto}
.share_cont .go a strong{ font-size: 17px; line-height: 1.7;}
.share_cont .go a.reply{ width:40px;height:40px; background:url(//img.dongascience.com/news2019/images/ico_re_num.png) no-repeat; color: #121212 }
.share_cont .go a.zzim{ width:40px; height:33px; background:url(//img.dongascience.com/news2019/images/ico_zzim.png) center no-repeat;  text-indent: -100px; color:#424242; overflow: hidden; margin: 3px 0}
.share_cont .go a.on{  background:url(//img.dongascience.com/news2019/images/ico_zzim_on.png) center no-repeat;  }
.share_cont .go a.zzim:hover{ background:url(//img.dongascience.com/news2019/images/ico_zzim_on.png) center no-repeat;font-size: 12px;line-height:33px;}
.share_cont .sns { border-top:1px solid #eee;padding-top: 10px; }
.share_cont .sns a{display: inline-block;cursor: pointer;width:30px; height: 30px; border-radius: 30px; margin-bottom: 10px; text-align: center  }
#bt.share_cont{ bottom: 0; top: auto}

#article{margin:40px 40px 40px 70px; position: relative;}
#article_body { position: relative;margin-bottom:6rem;font-size:1.7rem; line-height:1.9; font-family: "맑은 고딕","Malgun Gothic",Malgun Gothic,맑은 고딕,Gulim, Dotum, Helvetica,sans-serif; color: #424242; word-break: break-all; text-align: justify}
#article_body strong:first-child{ position: relative; top:-7px;}
#article_body img{ max-width:100%; height:auto}
#article_body .pic_c { position:relative;margin:0 0 4rem 0;text-align:center}
#article_body .pic_c:after{display:block;clear:both;height:0;content:'';}
#article_body .pic_l { position:relative;margin:0 3rem 4rem 0;float:left;}
#article_body .pic_l:after{display:block;clear:both;height:0;content:'';}
#article_body .pic_r { position:relative;margin:0 0 4rem 3rem;float:right;}
#article_body .pic_r:after{display:block;clear:both;height:0;content:'';}
#article_body .pic_desc * {font-size:1.3rem;}
#article_body .pic_desc_txt { color:#9E9E9E; margin:8px 0 0 0; }
#article_body .subject {line-height: 1.5; position: relative; padding-left: 10px; display: inline-block; margin-bottom: 3.0rem; font-weight: 600; color: #212121;}
#article_body .subject:before {content: ''; position: absolute; top:5px; left:0; width:3px; height: 85%; background: #212121;}

/* copyright */
#article .copyright {
    margin: 0 0 32px 0;
    line-height: 20px;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.3px;
    word-break: keep-all;
	color: #999;}

/* tag */
#tag_intro{ clear:both;padding: 2.5rem 0; border-bottom:1px solid #ddd; background:#fff }
#tag_intro h2{ float:left; height:40px; background:url(//img.dongascience.com/news2019/images/tle_tagnews.png) left center no-repeat; width:100px;  text-indent:-9999px; overflow:hidden}
#tag_intro p{ font-weight:bold; color:#304ffe; line-height:40px; font-size:2.4rem; font-family:'Noto Sans KR',Noto Sans KR;}
#tag_article{clear:both; padding: 1.5rem 4rem 4rem 0; }
#tag_article>h3 {display: inline-block; font-size: 1.8rem; line-height: 2.4; color: #212121; padding: 0 0 1.5rem 0;}
#tag_article .tag{ border: none;  margin:-0.5rem 0 0 0;padding: 0}
#tag_article .tag ul{ margin:0;}
#tag_article .tag li a{ color:#616161}
#tag_article .article-A2>ul>li{ padding: 0 0 3rem 0;}


.tag a:hover{  text-decoration: underline}
.tag{ position:relative;padding:1.5rem 0; border-bottom: 1px solid #8C9EFF;  border-top: 1px solid #8C9EFF; margin-bottom: 2rem}
.tag h3{ position:absolute; top:1.5rem; left:0; height:2.8rem; width:6rem; background:url(//img.dongascience.com/news2019/images/ico_tag.png) no-repeat; padding-left: 1rem; font-size: 1.4rem; color:#304FFE; line-height: 2.8rem; }
.tag ul{ margin-left:7.5rem;}
.tag li{ float:left}
.tag li a{ display:inline-block; padding:0 2rem 0 0; font-size:1.4rem; line-height:2.8rem; color:#304FFE}
.tag li a em{ color:#304FFE}
.tag ul:after{display:block;clear:both;height:0;content:'';}
.tag li.result a{ font-weight:bold;font-size:1.5rem;}

/* relate */
#relate{margin-bottom:4rem}
#relate h3{font-size: 1.8rem; line-height: 3;  color: #121212;}

/* reporter */
#reporter{ clear:both;border-top:1px solid #E0E0E0}
#reporter a:hover{  text-decoration: underline}
#reporter dt{ position: relative; float:left; width:9rem; height:9rem; border-radius:9rem; margin-bottom:2rem; border:0;  background:url(//img.dongascience.com/news2019/images/ico_photo.jpg) center no-repeat; overflow:hidden; background-size: 100%}
#reporter dt .line { border-radius: 9rem}
#reporter dt img{ width:90px; min-height:9rem; }
#reporter dd{ margin-left:11rem;  color:#444}
#reporter dd.email{ letter-spacing:0.05em ;font-size:1.5rem;}
#reporter dd.name{font-size:1.6rem; color:#121212; font-weight:bold;}
#reporter dd.sns a{ margin:0.7rem 0;display:inline-block;  border:1px solid #212121; color:#212121; font-weight:bold; line-height:2.6rem; padding:0 1.2rem; text-decoration: none}
#reporter dd.talk{ color:#9E9E9E;  margin-top:0.7rem; margin-bottom:2rem;font-size:1.4rem; line-height:1.4; }
#reporter.double dd.talk{height:4.4rem; overflow:hidden;margin-bottom:4.4rem;}
#reporter li{ position:relative; width:100%;border-bottom:1px solid #212121; padding-top:3rem}
#reporter li:nth-child(2n+1){ clear: both;float:left;}
#reporter li:nth-child(2n){ float:right;}
#reporter .more{ position:absolute; right:0; bottom:0; width:190px;}
#reporter .more a{ display:block;color:#fff; font-weight:500; font-size:1.4rem; padding-left:1.4rem; background:#212121 url(//img.dongascience.com/news2019/images/ico_dot.png) right center no-repeat;line-height:3rem; text-decoration: none}
#reporter:after{display:block;clear:both;height:0;content:'';}
#reporter.double li{ width:300px; }

#reporter_article{clear:both; padding: 1.5rem 4rem 4rem 0; }
#reporter_article>h3 {display: inline-block; font-size: 1.8rem; line-height: 2.4; color: #212121; padding: 0 0 1.5rem 0;}
#reporter_intro{ clear:both;  border-bottom:1px solid #DDD; background:#fff }
#reporter_intro dl{ float:left;margin:30px 0 30px 0; width:580px}
#reporter_intro dt{ position:relative;float:left; width:120px; height:120px; border-radius:120px; border:0px; backgrounSd:url(//img.dongascience.com/news2019/images/ico_photo.jpg) no-repeat;overflow:hidden}
#reporter_intro dt img{  width:120px; height:120px;}
#reporter_intro dt .line{border-radius:120px;}
#reporter_intro dd{ margin-left:140px;  color:#444}
#reporter_intro dd.email{ letter-spacing:0.05em ;font-size:15px;}
#reporter_intro dd.name{font-size: 2.4rem;font-family: 'Noto Sans KR',Noto Sans KR;color:#212121; word-break: break-all}
#reporter_intro dd.sns a{ margin-top:0.7rem;display:inline-block;  border:1px solid #212121; color:#212121; font-weight:bold; line-height:2.6rem; padding:0 1.2rem; text-decoration: none}
#reporter_intro dd.talk{ color:#999; font-size:14px; line-height:22px; margin-top:0.7rem;}

#reporter_intro .other{ position:relative; float:right; width:440px; margin-top:30px;}
#reporter_intro .other .frame{position:relative; width:360px; height:120px; overflow:hidden; margin-left:40px}
#reporter_intro .other ul{ position:absolute;top:0; left:0;}
#reporter_intro .other li{ float:left}
#reporter_intro .other .photo{ position:relative; width:90px; height:90px; border-radius:90px; overflow:hidden; margin:0 auto;background:url(//img.dongascience.com/news2019/images/ico_photo.jpg) no-repeat; background-size: 100%}
#reporter_intro .other .photo img{width:90px; min-height:90px;}
#reporter_intro .other .photo span{ display:block; position:absolute; width:100%; height:18px; line-height:16px; font-size:10px;letter-spacing:0.1em; font-weight:bold; bottom:0; text-align:center; background:#212121; opacity:0.7; color:#fff}
#reporter_intro .other .photo .line{border-radius:90px;}
#reporter_intro .other p{ font-size:13px; height:30px; line-height: 30px; color:#212121; text-align:center;display:block;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
#reporter_intro:after{display:block;clear:both;height:0;content:'';}
#reporter_intro .other .bx-prev{ position:absolute; top:0;left:0; width:40px; height:90px; text-align:center ;background:#fff url(//img.dongascience.com/news2019/images/ico_prev.png) center no-repeat; text-indent:-9999px}
#reporter_intro .other .bx-next{ position:absolute; top:0;right:0;  width:40px; height:90px; text-align:center; background:#fff url(//img.dongascience.com/news2019/images/ico_next.png) center no-repeat; text-indent:-9999px}
#reporter_intro .other .bx-prev:hover{ background:#fff url(//img.dongascience.com/news2019/images/ico_prev_over.png) center no-repeat;}
#reporter_intro .other .bx-next:hover{ background:#fff url(//img.dongascience.com/news2019/images/ico_next_over.png) center no-repeat;}
#reporter_intro .other .bx-prev img,#reporter_intro .other .bx-next img{ margin-top:30px}


/* letter */
#letter_apply { clear:both; position:relative; border:1px solid #e8eaf6; padding:2rem; margin-right: 4rem }
#letter_apply p{ font-size:1.5rem; line-height:1.8rem; margin-bottom:1rem; }
#letter_apply .field {position:relative; border:1px solid #e8eaf6;  height:4rem}
#letter_apply .field input[type=text]{width:96%;  height:4rem; border:none; background:#fcfdff; padding:0 2%; color:#121212; font-size:1.4rem}
#letter_apply .field input[type=button]{position:absolute; right:-1px; top:-1px; width:160px; height:4.2rem; font-size:1.5rem; font-weight:bold; background:#ffffff; border:1px solid #121212; color:#121212; }
#letter_apply .check_list {
    margin-top: 10px;
}
#letter_apply .check_list li label {
    display: inline-block;
    padding-left: 22px;
    position: relative;
}
#letter_apply .check_list li a {
    font-weight: bold;
    text-decoration: underline;
}

#letter_apply .check_list li input[type="checkbox"] {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
}
#letter_apply .check_list li + li {
    margin-top: 5px;
}


/* value */
#value { position:relative;height:13rem;background:#fcfdff; border:1px solid #E8EAF6;margin:4rem 4rem 4rem 0}
#value:after{display:block;clear:both;height:0;content:'';}
#value h3{ margin:2rem 0 0 2.5rem; font-size:2.8rem; line-height:1.4; color:#3949AB; font-weight:normal}
#value h3 span{ display:block;font-size:2.8rem; }
#value ul{ position:absolute; right:-1px; top:-1px;}
#value ul:after{display:block;clear:both;height:0;content:'';}
#value li{ float:left; width:94px;height:13rem;font-size:1.4rem; margin-left:-1px }
#value li strong{ font-weight:normal; font-size:1.8rem; line-height:2.2; font-family:Verdana, Geneva, sans-serif}
#value li a{ display:block; padding:1rem 0 1rem 0;height:11rem; text-align:center; color:#3949AB;border:1px solid #E8EAF6; text-decoration: none }
#value li p{ position:relative; width:40px; height:4rem; margin:0 auto 0.5rem auto; }
#value li p span.no{ display:none}
#value li p span.sel{ position:absolute;top:0; left:0;}
#value li p img{ width:100%; height:auto}
#value li[select=true] strong{ font-weight:bold; font-size:2rem;color:#3949AB; }
#value li[select=true] a{ padding:1rem 0 1rem 0;font-weight:bold;color:#3949AB;background:#FFF}
#value li.sel[select=true] a{ position:relative; z-index:20;border:1px solid #3949AB;border-bottom:1px solid #fff}
#value li[select=false] p span.no{ display:block}
#value li[select=false] p span.sel{ display:none}
#value ul:after{display:block;clear:both;height:0;content:'';}
#sns_friends{ display:none;clear:both;position:relative; z-index:10;top:-41px; border:1px solid #E8EAF6;border-top:1px solid #3949AB; padding:2.4rem ; margin-right: 4rem}
#sns_friends h4{ background:url(//img.dongascience.com/news2019/images/ico_share.png) left center no-repeat;float:left; margin-right:2rem; font-size:1.3rem; color:#666; line-height:1.5; font-weight:normal; padding-left:4rem;  }
#sns_friends h4 strong{ font-size:1.5rem;color:#444;}
#sns_friends input[type=button]{ margin-top:0.2rem;float:left;width:130px; height:3.6rem; font-size:1.5rem; font-weight:bold; background:#ffffff; border:1px solid #121212; color:#121212;}
#sns_friends .sns{ float:right; margin-top:0.5rem}
#sns_friends .sns a{width:3rem; height:3rem; display:inline-block; margin-left:1rem; border-radius: 3rem; overflow: hidden }
#sns_friends:after{ clear:both; display: block; content:" "}

/*reply*/
#reply{ clear:both;margin:0 4rem 4rem 0}
#reply_write{ clear:both; padding:2rem ;border:1px solid #d9d9d9; margin-bottom: 2rem}
#reply_write .id, #reply_write .pw{ height:3rem;border:1px solid #eee; padding:0 1rem; width:120px; margin-right:0.6rem}
#reply_write .secret{ float:right;font-size:1.6rem; font-weight:bold; letter-spacing:0}
#reply_write .secret input{height:3rem;border:1px solid #eee; padding:0 1rem;font-size:1.2rem; font-weight:normal; width:100px}
#reply_write .write{ clear:both; position:relative; margin-top:1rem; border:1px solid #eee;height:7.8rem; overflow: hidden}
#reply_write .write textarea{color:#8e837e;  width: 84%; padding:1rem 4%  1rem 2% ;border:none; height: 5.8rem}
#reply_write .write input{ position:absolute;top:-1px; right:-1px;font-size:1.4rem;display:inline-block;width:10%; height:8rem;text-align:center;  background:#fff;border:1px solid #d9d9d9;}
#reply_write #reload img{ vertical-align:middle}
#reply_list { clear:both;}
#reply_list h3{margin-bottom:1rem;font-size:1.5rem;padding:0 0 2rem}
#reply_list h3 span{font-size:1.7rem}
#reply_write #counter{ position: absolute; right:10%; bottom: 0;  padding:0.3rem 1rem; font-size:1.2rem;letter-spacing: 0; background: #fff }



#view_reply{ clear:both;margin:0 4rem 4rem 0}
#view_reply_write{ clear:both; padding:2rem ;border:1px solid #d9d9d9; margin-bottom: 2rem}
#view_reply_write .id, #reply_write .pw{ height:3rem;border:1px solid #eee; padding:0 1rem; width:120px; margin-right:0.6rem}
#view_reply_write .secret{ float:right;font-size:1.6rem; font-weight:bold; letter-spacing:0}
#view_reply_write .secret input{height:3rem;border:1px solid #eee; padding:0 1rem;font-size:1.2rem; font-weight:normal; width:100px}
#view_reply_write .write{ clear:both; position:relative; margin-top:1rem; border:1px solid #eee;height:7.8rem; }
#view_reply_write .write textarea{color:#8e837e;  width: 84%; padding:1rem 4%  1rem 2% ;border:none; height: 5.8rem}
#view_reply_write .write input{ position:absolute;top:-1px; right:-1px;font-size:1.4rem;display:inline-block;width:10%; height:8rem;text-align:center;  background:#fff;border:1px solid #d9d9d9;}
#view_reply_write #reload img{ vertical-align:middle}
#view_reply_list { clear:both;}
#view_reply_list h3{margin-bottom:1rem;font-size:1.5rem;padding:0 0 2rem}
#view_reply_list h3 span{font-size:1.7rem}
#view_reply_write #counter{ position: absolute; right:10%; bottom: 0;  padding:0.3rem 1rem; font-size:1.2rem;letter-spacing: 0; }

.reply-head{position: relative}
h3 + .view_total{ position: absolute; right: 0; top:3px;border:1px solid #121212;padding:0.5rem 1rem; }
.reply-skin-lst li{padding-top:2rem;}
.reply-skin-lst > ul > li{position:relative;padding-bottom:3rem;border-bottom:1px solid #eeeeee}
.reply-skin-lst .original-word{position:relative}
.reply-skin-lst .original-word:after{display:block;clear:both;content:''}
.reply-skin-lst li .info *{display:inline-block;vertical-align:middle; padding:0}
.reply-skin-lst li .nick{font-size:1.6rem; letter-spacing:0;color:#333}
.reply-skin-lst li .date{margin-left:0.3rem;padding-left:0.5rem;letter-spacing:0.05em;font-size:1.2rem;color:#888}
.reply-skin-lst li .btn-del{font-size:1.2rem;margin-left:0.5rem; border:1px solid #d7d7d7; padding:0.4rem 1rem; background:#fafafa; cursor: pointer}
.reply-skin-lst li .txt-con{margin-top:1.5rem; font-size:1.4rem; letter-spacing: -0.1rem}
.reply-skin-lst li .deleteFormAll input[type=password]{padding:0.4rem 1rem;margin-left:1.5rem; vertical-align:middle;border:1px solid #e5e5e5; width:80px }
.reply-skin-lst li .deleteFormAll input[type=button]{background:#303F9F; color:#fff;font-size:1.2rem;padding:0.5rem 1rem; border: 0;cursor: pointer }
.reply-skin-lst .agree_group{position:absolute;top:0;right:0;}
.reply-skin-lst .agree_group dl{float:left; margin-left:0.8rem; height:2.5rem;line-height:2.5rem;border:1px solid #d8d7d8;text-align:center}
.reply-skin-lst .agree_group dt{float:left; font-size:1.2rem; padding:0 0.6rem;border-right:1px solid #d8d7d8;}
.reply-skin-lst .agree_group dd{float:left; min-width:30px;padding:0 0.6rem;font-weight:bold; letter-spacing:0;text-align:center;white-space:nowrap}
.reply-skin-lst .agree_group .agree dd{color:#E91E63;}
.reply-skin-lst .view_total{border-top:none}
.view_total{border:1px solid #d9d9d9; padding:1rem; text-align: center; }
.view_total a{display: block; text-decoration: none; color: #121212;}

/*기사제보*/
#report {position: relative;border:1px solid #d7d7d7; height:38px; background:#f9f9f9;  margin:0 40px 40px 0}
#report span { display: block; font-size:1.2rem;  line-height:3.8rem; letter-spacing:-0.1rem;padding-left:12px; }
#report a{ position: absolute; right: -1px;top:-1px;display:block; font-size:1.2rem;width:80px; height:40px;  line-height:4rem;text-align:center;  background:#121212; color:#fff; text-decoration: none}

/* 관련 태그 뉴스 */
#view_tag_news{ margin-right: 40px; margin-bottom: 60px}
#view_tag_news h3{ font-size: 1.8rem;line-height: 3;color: #121212;}



/* 기사타입별 */

/* 메인TOP */
.article-TOP a:hover{  text-decoration: underline}
.article-TOP dl{ margin-bottom: 0.5rem}
.article-TOP dt { word-break: keep-all }
.article-TOP h3{font-size:3.6rem; line-height: 1.3; letter-spacing:-0.1rem; padding-bottom: 5px; font-family:'Noto Sans KR',Noto Sans KR; font-weight:600 }
.article-TOP h3 p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.article-TOP h3 span{ font-size: 3.6rem;letter-spacing:-0.1rem; }
.article-TOP h4{font-size:2rem; line-height: 2; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;letter-spacing:-0.05rem;font-family:'Noto Sans KR',Noto Sans KR; font-weight:400 }
.article-TOP .thum {position: relative; overflow: hidden; margin-top: 1.5rem; width: 710px; height: 266px;}
.article-TOP:after{display:block;clear:both;height:0;content:'';}

/* 뉴스TOP */
.article-TOP2 a:hover{  text-decoration: underline}
.article-TOP2 .thum{ float:left; height: 135px; width: auto;margin-right:22px; overflow:hidden}
.article-TOP2 h3{ font-size:3.2rem; line-height: 1.3; margin-bottom:2rem;word-break:keep-all;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;font-family:'Noto Sans KR',Noto Sans KR; font-weight:600;letter-spacing:-0.1rem; }
.article-TOP2 p{  font-size:1.6rem;  line-height: 1.7;height:13.6rem; color:#424242;  display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow:hidden; }
.article-TOP2 .thum img{  width: auto; height: 135px; }

/* 오피니언TOP */
.article-TOP3 a:hover{  text-decoration: underline}
.article-TOP3 {margin-bottom: 10px;}
.article-TOP3 .thum{ float:left; width:240px; margin-right:22px; overflow:hidden}
.article-TOP3 .sec{ font-size: 1.8rem; font-weight:bold; color:#303F9F;display:block;  padding-left: 3px }
.article-TOP3 h3{ font-size:3.2rem; line-height: 1.3; margin-bottom:1rem;word-break:keep-all;text-overflow: ellipsis; white-space: nowrap;overflow:hidden;font-family:'Noto Sans KR',Noto Sans KR; font-weight:600;letter-spacing:-0.1rem;}
.article-TOP3 p{  font-size:1.6rem;  line-height: 1.7;  height: 8rem; color:#424242;  display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden; }


/* 가로형 이미지O  메인 */
.article-A a:hover{  text-decoration: underline}
.article-A>ul>li{clear:both; padding:0.7rem 0  }
.article-A>ul>li:after{display:block;clear:both;height:0;content:'';}
.article-A h3.tag_tit{ font-size:1.8rem; line-height: 3; color:#121212; }
.article-A h3.tag_tit a{ display: inline}
.article-A .thum{ position: relative; float:left; overflow:hidden; width:170px; margin-right:1.5rem; margin-bottom:1.2rem;top:5px}
.article-A .sec    {font-size:1.5rem; font-weight:bold; color:#304FFE;  display:block; text-overflow:ellipsis; overflow:hidden;white-space:nowrap; }
.article-A .tit    {font-size:1.7rem; line-height: 1.7; font-weight:bold;display:block;  text-overflow:ellipsis; overflow:hidden;white-space:nowrap; }
.article-A .tit_sub{font-size:1.5rem;  margin-bottom:2px; color:#424242;display:block; text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
.article-A .tit strong{display: inline-block; vertical-align: middle;position: relative;top:-1px; color:#304FFE; border:1px solid #304FFE; font-size:1.2rem; line-height: 21px; padding: 0 0.8rem; margin-right: 0.6rem; font-style: normal; background: #fff; }
.article-A .tit strong.opi{background:#303F9F; color: #fff; border: none}
.article-A .cont{ display:block;color:#666;font-size:1.4rem;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; margin-top: 5px}
.btn_group .sel_delete{border:1px solid #212121; padding:0.75rem 1.5rem; color: #121212; text-align: center; background: #fff; cursor: pointer; font-weight: bold}
.btn_group .sel_delete:hover{border:1px solid #304FFE; color: #304FFE;}



/* 가로형 이미지O  뉴스리스트, 검색결과리스트 */
.article-A2 a:hover{  text-decoration: underline}
.article-A2>ul>li{clear:both; padding:0 0 2rem 0 }
.article-A2>ul>li:after{display:block;clear:both;height:0;content:'';}
.article-A2>ul>li>a:hover .date{text-decoration:none}
.article-A2 .thum{ float:left; overflow:hidden; width:160px; margin-right:1.5rem;}
.article-A2 .tit{ font-size: 1.7rem;line-height: 2.1rem; margin-bottom: 4px; display:block;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; font-weight: bold}
.article-A2 .tit strong{position: relative;top:-1px;display: inline-block;font-size:1.2rem;line-height: 21px;padding: 0 0.8rem;margin-right: 0.6rem;font-style: normal; color:#536DFE;border: 1px solid #536DFE;vertical-align: middle; }
.article-A2 .tit strong.opi{ color: #303F9F; border: 1px solid  #303F9F; background: #fff; font-size: 1.4rem }
.article-A2 .cont{display: block;font-size:1.5rem; color:#424242; height: 4.4rem;  display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; }
.article-A2 .date{display: inline-block;font-weight: normal; font-size: 1.2rem; height: 2.6rem;color: #9E9E9E; vertical-align: top; letter-spacing: 0; margin-top: 3px;}
.article-A2 .check{float: left;}
.article-A2 .check label{display:block;  padding: 30px 20px 30px 0}
.article-A2 .check_all{ position: relative; border-top:1px solid #ccc;border-bottom:1px solid #eee; margin-bottom: 3rem}
.article-A2 .check_all label{display:inline-block;padding: 10px 20px 10px 0}
.article-A2 .check_all span{ position: absolute;top:0; right: 0; display:block; text-align: right}
.article-A2 input{ margin-right: 5px; vertical-align: middle}
.article-A2 input[type=checkbox]{width:15px; height:15px}
.article-A2 input[type=radio]{width:15px; height:15px}
.article-A2 em{font-style:normal; font-weight:bold; color:#304FFE; }
#ds_SEARCH .article-A2 .tit strong{color: #424242; border: 1px solid #424242;}
#ds_SEARCH .article-A2 .tit strong.opi{ color: #424242; border: 1px solid #424242;}
#ds_TAG .article-A2 .tit strong{color: #424242; border: 1px solid #424242;}
#ds_TAG .article-A2 .tit strong.opi{ color: #424242; border: 1px solid #424242;}


/* 가로형 이미지O 제목O */
.article-B a:hover{  text-decoration: underline}
.article-B li{clear:both; padding:0.5rem 0 1rem 0 }
.article-B li a{display:block;}
.article-B li a:after{display:block;clear:both;height:0;content:'';}
.article-B h3{ font-size:1.8rem; line-height:2; margin-bottom: 5px  }
.article-B .thum{ float:left; width: 100px;margin-right:1.2rem;overflow:hidden; }
.article-B .tit{ display:block; font-size: 1.6rem; max-height: 4.6rem; margin-bottom:0.3rem;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; }


/* 순위있는 가로형 이미지O */
.article-C a:hover{  text-decoration: underline}
.article-C li{clear:both; padding:0.5rem 0 }
.article-C li a{display:block;}
.article-C li a:after{display:block;clear:both;height:0;content:'';}
.article-C h3{ font-size:1.8rem; line-height:1; padding: 1.8rem 0 1rem 0; color:#121212   }
.article-C .rank{ font-size:1.8rem;  line-height:1.3;float:left; margin-right: 1rem; color:#121212 }
.article-C .thum{ float:right; width:90px; margin-left:1rem;overflow:hidden; }
.article-C .tit{ display:block; font-size: 1.6rem;max-height:4.6rem; line-height: 2.4rem;  margin-bottom:0.3rem;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; }
.order_by { margin-bottom: 1rem}
.order_by span{ display: inline-block; width:50%}
.order_by span a{border:1px solid #121212; display: block; line-height:2; text-align: center}
.order_by span.on a{ background:#121212; color: #fff  }

/* 순서있는 가로형 이미지X 제목O - 실시간 주요뉴스*/
.article-D a:hover{  text-decoration: underline}
.article-D h3{ font-size:1.8rem; line-height:3; position: relative; }
.article-D h3 a{ position: absolute; right: 0; font-size:1.2rem; line-height:5.4rem; font-weight: normal}
.article-D ol{margin-top:1rem}
.article-D li{padding:0 0 1rem 0;background:url(//img.dongascience.com/news2019/images/ico_time.png) top left no-repeat; }
.article-D li:last-child{background:url(//img.dongascience.com/news2019/images/ico_time_end.png) top left no-repeat; }
.article-D li a{display:block; }
.article-D .tit{ display:block; font-size: 1.6rem;  margin-bottom:0.3rem;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;  padding-left: 30px; position: relative;top:-6px}

/* 가로형 - 이미지O 제목O */
.article-E a:hover{  text-decoration: underline}
.article-E li{float:left; width: 50%; padding:1rem 0 }
.article-E li a{display:block; padding-right: 2rem}
.article-E li a:after{display:block;clear:both;height:0;content:'';}
.article-E h3{ font-size:1.8rem; line-height:2;  }
.article-E .thum{ float:left; width:130px; margin-right:1.5rem;overflow:hidden; }
.article-E .tit{ display:block; font-size: 1.6rem; max-height: 7rem;  margin-bottom:0.3rem;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden; }
.article-E .cont{ display:block;color:#666;font-size:1.4rem;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; margin-top: 5px}
.article-E li.noimg .tit{ display:block; font-size: 1.6rem; max-height: 3.5rem;  margin-bottom:0.3rem;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden; }
.article-E li.noimg a { border-left:1px solid #ddd; padding-left: 20px}
/* 가로형 - 이미지O 제목O */
.article-F a:hover{  text-decoration: underline}
.article-F li{ padding:1rem 0 }
.article-F li a{display:block; padding-right: 2rem}
.article-F li a:after{display:block;clear:both;height:0;content:'';}
.article-F h3 {font-size: 1.8rem; line-height: 1; padding: 1.8rem 0 1rem 0;color: #121212;}
.article-F .thum{ float:left; width:130px; margin-right:1.5rem;overflow:hidden; }
.article-F .sec{ display:block; font-size: 1.4rem; margin-bottom:0.3rem; display:block;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; }
.article-F .tit{ display:block; font-size: 1.6rem; max-height: 5rem; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; }


/* 검색결과형  */

/* 몰형  - 이미지O / 제목O / 내용O / 가격O  */
.article-M a:hover h4{  text-decoration: underline}
.article-M:after{display:block;clear:both;height:0;content:'';}
.article-M li{  position:relative;float:left; width:23%; margin-right:2.66%;padding:1.5rem 0; }
.article-M li:nth-child(4n){margin-right:0;}
.article-M li .group{width:100%;}
.article-M li .thum{border:1px solid #e5e5e5; overflow:hidden;}
.article-M li .cont{ margin:1rem 0 0 0; }
.article-M li .prc .sale{ font-size:1.5rem; color:#ff594c; font-weight:normal}
.article-M li .prc .sale strong{ font-size:1.8rem;}
.article-M li h4{ font-size:1.5rem; font-weight:normal;height:4.4rem; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; }
.article-M em{ font-weight:bold; color:#304FFE; font-style:normal}


.series_total{ position: relative;  margin: 2rem 4rem 4rem 0;}
.series_total h3 {font-size: 2.4rem; font-family: 'Noto Sans KR',Noto Sans KR;    line-height: 2;
    padding: 0 0 2rem 0;}

.series_total .tab {z-index:10; text-align:left;  width: 100%; font-size: 0; border-bottom: 1px solid #999}
.series_total .tab li{display:inline-block; vertical-align:top; position: relative;top:1px}
.series_total .tab li a{ display:block;height:40px;line-height:40px; color:#212121; font-size:1.6rem;  padding:0 30px;border:1px solid #ddd; border-bottom: none; background: #f5f5f5}
.series_total .tab li.sel a{ height:41px;line-height:40px;border:1px solid #999;background:#fff; font-weight:bold; border-bottom: none;}
#series_group{padding-top: 30px;}
.series_list { display: none; }
.series_title {border-top: 1px solid #ddd}
.article-S:after{display:block;clear:both;height:0;content:'';}
.article-S li{ float:left; position:relative;   width:33.333%; }
.article-S li:nth-child(3n){margin-right:0;}
.article-S li:nth-child(3n+1) .line{border-left: 1px solid #000; }
.article-S li a{ position: relative; display:block; background:#FFF; height:100px; text-decoration: none;}
.article-S .cont{ display: block; width: 100%; position: absolute;top:50%; left:50%; transform: translate(-50%, -50%); text-align: center }
.article-S  h4{ display: block; margin:0 40px; letter-spacing:-0.1em;font-size:2rem; line-height: 2.8rem; font-family: 'Noto Sans KR',Noto Sans KR;   font-weight: 400;max-height:5.6rem;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;  word-break: keep-all }
.article-S a:hover .line{ opacity:1;border: 1px solid  #304FFE; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;}
.article-S a:hover h4{  color: #304FFE; }
.article-S .line{opacity: 0.15;border-left:none; border-top: none }

/* 태그뉴스 박스형 */

/* 세로형 - 이미지O / 제목O / 오버시 내용O  */
.article-T:after{display:block;clear:both;height:0;content:'';}
.article-T li{ float:left; position:relative; margin-right:2%; width: 23.5%;}
.article-T li:last-child{margin-right:0;}
.article-T li a{ position: relative; display:block; background:#FFF; height: 154px; text-decoration: none}
.article-T li .thum{width:100%;  overflow:hidden;}
.article-T li .cont{padding:10px; letter-spacing:-0.1em;}
.article-T li h4{font-weight:normal; font-size:1.4rem; line-height:20px; color:#555555; height:4rem;  text-align: center ;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden; }
.article-T li p{font-size:1.3rem; line-height:20px;  height: 80px; color:#9E9E9E;text-align: center;margin-top:10px; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow:hidden;}
.article-T a:hover .overview{ opacity:0.8;-webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -kthtml-transition: all 0.2s; transition: all 0.2s;}
.article-T .line{opacity: 0.15}
/* 세로형 - 이미지X / 제목O / 내용O  */
.overview { opacity: 0; position: absolute;top:0; bottom:0; right: 0; left: 0; background:#000;overflow:hidden; }
.overview .space{padding:15px;overflow:hidden;}
.overview .space h4{ color:#fff;}


/* 오피니언 */
.article-OP a:hover{  text-decoration: underline}
.article-OP { position: relative;}
.article-OP ul{ border: 1px solid #ddd; border-top:2px solid #121212 ; border-bottom:1px solid #121212 ; padding:1.5rem 0 }
.article-OP ul li{clear:both; padding:1rem 0 }
.article-OP ul li a{display:block;  margin: 0 4rem  0 2.5rem; }
.article-OP .sec{ font-weight:bold; color:#121212;display:block; text-overflow:ellipsis; overflow:hidden;white-space:nowrap; font-size: 1.4rem }
.article-OP .tit{ font-size: 1.6rem;max-height: 5rem; display:block;  display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.article-OP .ico{ position: absolute;}
.article-OP .ico span{ display: inline-block;width: 49px; height: 29px; background:#fff url("//img.dongascience.com/news2019/images/ico_op.png") center no-repeat }
.article-OP .op{ top:-15px; left:20px }
.article-OP .cl{ bottom:-20px; right: 20px}
.article-OP .cl span{background:#fff url("//img.dongascience.com/news2019/images/ico_cl.png") center no-repeat }

/* 매거진 UI변경 2019-08-26*/
#magazine_new { width:710px; padding-top: 1rem }
#magazine_new .item{ position: relative; clear: both;margin-bottom: 4rem; display: none}
#magazine_new .tit{ vertical-align:top}
#magazine_new .tit span{ position: relative; top:3px;display: inline-block; font-weight:normal; font-size:1.8rem; letter-spacing:0.1rem; padding-left:5px}
#magazine_new .tit strong{ position: relative; top:3px;display: inline-block;font-size:2.2rem; margin-left:5px; letter-spacing:0.1rem}
#magazine_new .m_navi{  position: absolute; right: 0; top:0; line-height: 46px; font-size: 15px; font-weight: bold}
#magazine_new .m_navi span{ display: inline-block; padding: 0 7px; cursor: pointer;background: url( "//img.dongascience.com/news2019/images/M_line.png") left center no-repeat}
#magazine_new .m_navi span:first-child{ background: none}
#magazine_new .view_magazine{border: 1px solid #ddd;    background: #f7f7f7;color:#333333; }
#magazine_new .view_magazine ul{margin:0 auto; font-size: 0; vertical-align: top; text-align: center; padding: 20px 0}
#magazine_new .view_magazine dt{overflow:hidden;position:relative;width:180px; height:101px;background: #ddd url(//img.dongascience.com/dlibrary2017/images/megazine/noimg.png) center no-repeat}
#magazine_new .view_magazine dl{ text-align: left;}
#magazine_new .view_magazine dt img{width:180px; min-height:101px; height:auto }
#magazine_new .view_magazine dt .line{position:absolute;top:0; bottom:0; left:0; right:0; opacity:0.1; border:1px solid #000}
#magazine_new .view_magazine li{ margin:20px 20px 10px 20px; width:180px; display: inline-block;}
#magazine_new .view_magazine dd{font-size:14px; font-weight:normal; margin-top:7px; line-height:20px; height:40px; color:#555; overflow:hidden; word-break: break-all;}
#magazine_new .view_magazine ul:after{display:block;clear:both;height:0;content:'';}
#magazine_new .sci .view_magazine{border-top: 2px solid #4f3eaa;}
#magazine_new .math .view_magazine{border-top: 2px solid #2fbb87;}
#magazine_new .kids .view_magazine{border-top: 2px solid #e74c3a;}
#magazine_new .kids_math .view_magazine{border-top: 2px solid #ff6584;}



/* 좌상단 세로형배너 수동추가 */

.ad_special{position: absolute; left: -200px; top:100px}

#header #navi #category li span{display:none}