@charset "utf-8";

/* reset */
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; font-size:100%}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,em{ font-weight:normal;}
ul,ol,dl{list-style:none;}
hr{display:none;}
select {border:1px solid #d0d0d0; color:#666; margin:0 4px 0 0; padding:0 0 0 4px}
button{overflow:visible; margin:0; padding:0; border:0 none; background:transparent; cursor:pointer;}
button:::-moz-focus-inner{padding:0;border:0; margin-top:-2px; margin-bottom:-2px;}
input::-moz-focus-inner {border:0; padding:0; margin-top:-2px; margin-bottom:-2px;}
caption{font-size:0; line-height:0; margin:0; padding:0; border:none; visibility:hidden;}
legend{display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px}
input,button,textarea,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
body, th, td, li, dt, dd, p, div, textarea {font:13px/130%  "맑은 고딕","Malgun Gothic",Malgun Gothic,맑은 고딕,Gulim, Dotum, Helvetica,sans-serif; color:#5f5551; letter-spacing:-1px}
a:link, a:visited, a:active {text-decoration:none; color:#5f5551; -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;}
a:focus, a:hover {color:#231915; }
body{ background:url(http://img.dongascience.com/news2015/images/common/toputill_back.gif) repeat-x}
label {cursor:pointer}
.hide {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px}
.clearfix {*zoom:1}
.clearfix:after {display:block; clear:both; content:''}
.bt-clear{ clear:both; height:0;}

#skip-navi {position:relative; width:100%;  z-index:99999;}
#skip-navi a{position:absolute; top:-100px; left:0; width:100%; border-bottom:1px solid #000; text-align:center; padding:8px 0; background:#fff; color:#0068b7}
#skip-navi a:focus {top:0; text-decoration:none; cursor:pointer; *zoom:1}
.logo_30year{ position:relative; margin-top:-50px; opacity:0; }
.logo_30year strong{color:#41b5c6}
.logo_30year:hover strong{color:#fff}
#navi{ background:#231915 url(http://img.dongascience.com/news2015/images/common/topmenu_back.jpg) center top no-repeat; height:50px;min-width:1020px; }
#navi .area{ width:1020px; margin:0 auto}
#navi li{ float:left; width:33.3333%; text-align:center}
#navi li a{text-align:center; display:block; height:50px; line-height:50px; font-size:22px; color:#fff}
#navi .n_ne:hover{ background:#0068b7}
#navi .n_ne.on{ background:#0068b7}
#navi .n_sp:hover{ background:#da3915}
#navi .n_sp.on{ background:#da3915}
#navi .n_dl:hover{ background:#41b5c6; }

.ad_link{position: relative; z-index:100; top:31px; left:0}
#top-ad{position:absolute; top:31px; width:100%;height:113px;}
/* layout */
#wrap {background:#fff; min-width:1020px;}
#wrap .view{position: relative; }
.float_ad{position: absolute; left:-120px; }
#wrap .area {width:1020px;position: relative; margin:0 auto}
/* header */
#header {background:url() no-repeat center 31px}
#header .area{ position:relative;min-width:1020px;width:1020px; margin:0 auto; height:144px}

#header #topbanner{position:absolute; top:31px; left:0px; width:320px; height:113px }
#header #logo {position:absolute; top:65px; left:415px; width:185px;height:34px;}
#header #logo a {display:block; text-indent:-9999px;  height:38px; background:url(http://img.dongascience.com/news2015/images/common/dslogo2.png) no-repeat}
#header #top-util .area {width:1020px; margin:0 auto;}
#header #top-util .util1 {float:left; border-left:1px solid #ebebeb }
#header #top-util .util2 {float:right;border-left:1px solid #ebebeb}
#header .util1 a,
#header .util2 a {display:block;height:25px; padding:5px 15px 0 15px;font-size:13px;  }
#header .util1 a{ background:#ffffff}
#header .util1 li.wel{height:25px; padding:5px 15px 0 30px;font-size:13px; letter-spacing:0;background: url(http://img.dongascience.com/news2015/images/common/tle_ico_id.png) 10px 7px no-repeat}
#header .util1 .wel_info {display:inline; padding:0; font-weight:bold}
#header #top-util > ul {*zoom:1}
#header #top-util > ul:after {display:block; clear:both; content:''}
#header #top-util > ul > li {float:left; border-right:1px solid #ebebeb}
#header #top-util > ul > li:first-child {}

/* container */
#container {}

#news{ clear:both;}
#special{ clear:both;}

.view .section-main{ margin-bottom:60px;padding:40px 0 0;background:url(http://img.dongascience.com/news2015/images/common/line_dot2.gif) repeat-y}
.section-main{float:left;padding:40px 0 60px; width:760px ;background:url(http://img.dongascience.com/news2015/images/common/line_dot.gif) 759px top repeat-y}
.section-side{float:right;padding:18px 0 60px 0; width:240px;}

/* side contents */
#ad-big { clear:both}
#ad-big .menu{ text-align:right}
#ad-big .banner{ border:1px solid #ebebeb; width:238px; height:238px; overflow:hidden; display: block}

#hotnews { padding-top:40px}
#hotnews h3{  font-size:16px;  color:#231915; height:30px;}
#hotnews h3 span{ font-size:16px;  color:#0068b7;letter-spacing:0; }
#hotnews li{ line-height:30px; height:30px; width:230px; overflow:hidden;}
#hotnews li strong{font-family:Arial, Helvetica, sans-serif; display:inline-block; padding-right:10px}
#special #hotnews h3 span{ color:#da3915}

#cscenter{ clear:both; padding-top:40px}
.link-cs { float:left;  margin:20px 10px 0 0}
.link-cs a{display:block;width:110px; height:162px; text-indent:-1000px; font-size:0}
.link-cs .order {  border:0px solid #ededed;background:url(http://img.dongascience.com/news2015/images/common/btn_order.jpg) no-repeat; margin-bottom:10px; }
.link-cs .center { display:none;background:url(http://img.dongascience.com/news2015/images/common/btn_cscenter.gif) no-repeat}
.magazine { float:right; width:120px; height:184px;}
.magazine .menu{ text-align:right; display:block}
.magazine .banner{ position:relative; overflow:hidden; display: block; width:120px; height:162px;}
.magazine .banner img{ width:118px; height:160px; border:1px solid #ededed}

#dsshop {width:240px;height:360px;padding-top:40px;clear:both;}

#dsshop h3{ font-size:16px; height:35px; color:#231915}
#dsshop .tab li {float:left; cursor:pointer;}
#dsshop .dsshop_list {clear:both;}
#dsshop .dsshop_list li {float:left; width:70px; overflow:hidden; margin-top:20px; padding-right:15px; font-size:11px;}
#dsshop .dsshop_list li p {font-family:"돋움";width:100%; margin:0; padding:6px 0 0 0; height:25px; line-height:120%; cursor:pointer;}
#dsshop .dsshop_list p {width:50px; font-size:11px; padding-right:13px}
#dsshop .dsshop_list li.last {padding-right:0}
#dsshop .dsshop_list li img {border:#e0e0e1 1px solid; margin-bottom:6px}
#dsshop_list a{color:#999;text-decoration:none}
#dsshop_list a:hover{text-decoration:underline}
#dsshop_list img{border:1px solid #ddd;}


#day-search{ background:#f8f8f8; height:88px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
#day-search .area{ width:1020px; margin:0 auto}
#day-search .tle{ float:left; width:133px; padding-left:10px;height:88px; background:url(http://img.dongascience.com/news2015/images/common/search_line.png) right top no-repeat}
#day-search h2{font-size:13px; font-weight:bold; color:#231915; padding:17px 0 0 2px;letter-spacing:0}
#day-search h3{font-size:20px; font-weight:bold; color:#231915}
#day-search h4{font-size:12px; font-weight:bold; color:#a5a09e;font-family:Arial, Helvetica, sans-serif; padding:6px 0 0 2px; letter-spacing:0}
#day-search .date{float:left; padding-left:15px;font-size:19px;line-height:30px; font-weight:bold; margin-top:28px}
#day-search .start,
#day-search .end{ display:inline-block; height:30px; width:140px; text-align:center}
#day-search .date span{ display:inline-block;font-size:17px;}
#day-search .search { float:left;margin:28px 0 0 10px}
#day-search p { float:right; margin-top:20px}
#day-search p a{display:inline-block;width:170px; height:44px; padding-bottom:2px;  line-height:42px;border:1px solid #d7d7d7; text-align:center; background:#0068b7; color:#fff; font-size:18px}
#day-search .search a{ display:inline-block;width:73px; height:28px; padding-bottom:2px;  line-height:26px;border:1px solid #d7d7d7; text-align:center; font-weight:bold; background:#FFF}
#day-search .search .dark{ background:#3f3531; color:#fff}
#search_news #start_date,
#search_news #end_date{ width:120px}

#letter-search{ background:#f8f8f8; height:88px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
#letter-search .area{ width:1020px; margin:0 auto}
#letter-search .tle{ float:left; width:160px; padding-left:10px;height:88px; background:url(http://img.dongascience.com/news2015/images/common/search_line.png) right top no-repeat}
#letter-search h2{font-size:13px; font-weight:bold; color:#231915; padding:17px 0 0 2px;letter-spacing:0}
#letter-search h3{font-size:20px; font-weight:bold; color:#231915}
#letter-search h4{font-size:12px; font-weight:bold; color:#a5a09e;font-family:Arial, Helvetica, sans-serif; padding:6px 0 0 2px; letter-spacing:0}
#letter-search .date{float:left; padding-left:15px;font-size:19px;line-height:30px; font-weight:bold; margin-top:28px}
#letter-search .start,
#letter-search .end{ display:inline-block; height:30px; width:155px; text-align:center}
#letter-search .date span{ display:inline-block;font-size:17px;}
#letter-search .search { float:left;margin:28px 0 0 10px}
#letter-search p { float:right; margin-top:20px}
#letter-search p a{display:inline-block;width:150px; height:44px; padding-bottom:2px;  line-height:42px;border:1px solid #d7d7d7; text-align:center; background:#0068b7; color:#fff; font-size:18px}
#letter-search .search a{ display:inline-block;width:73px; height:28px; padding-bottom:2px;  line-height:26px;border:1px solid #d7d7d7; text-align:center; font-weight:bold; background:#FFF}
#letter-search .search .dark{ background:#0068b7; color:#fff}
#letter-search .search .apply{ background:#231a15; color:#fff;width:150px; margin-left:20px}
#letter_not{background:#f8f8f8; height:420px; padding-top:120px}
#letter_not h3{width:513px; padding-left:27px; height:40px; margin:0 auto; font-size:20px; line-height:1em; background:url(http://img.dongascience.com/news2015/images/common/tle_ico_red.png) no-repeat 0 3px}
#letter_not h3 strong{ color:#da3915}
#letter_not .message{width:540px; height:170px; margin:0 auto; text-align:center; border:1px solid #d1d1d7;border-top:2px solid #4f4644; background:#FFF}
#letter_not h4{font-size:16px; margin:40px 0 10px 0; letter-spacing:0}
#letter_not p{font-size:13px; line-height:20px}
#letter_not .btn_group{width:540px;  margin:20px auto; text-align:center}
#letter_not .btn_group a{ display:inline-block;width:100px; font-size:15px; margin:0 7px; height:40px; padding-bottom:2px; color:#fff;  line-height:38px; text-align:center; font-weight:bold; background:#da3915}
#letter_not .btn_group .no{ background:#231a15}
#letter_not p span{ color:#94857f}

/* header | search */
#total-srch-form {position:absolute; top:71px;  right:0}
#srch-wrap {border:2px solid #d6d6d6; width:296px; height:29px;}
#srch-wrap * {vertical-align:top;}
#srch-wrap .itxt{width:208px; height:28px; line-height:29px; border:none; padding:0 20px 0 10px; font-size:15px; font-weight:bold}
#srch-wrap span {display:inline-block; border-left:1px solid #ebebeb; height:29px;}


/* news */

#sidenews .newslist { width:240px; height:1180px; overflow:hidden; display:block; position:relative} 
#sidenews .newslist li{ clear:both; margin:0  }
#sidenews .article-A,
#sidenews .article-C{height:225px;margin:0 0 0 0}
#sidenews .article-B{ height:223px;margin:0 0 0 0}
#sidenews .article-A .cont,
#sidenews .article-C .cont{ height:44px;}
#sidenews .article-B .cont{ height:195px;}

#sidenews { clear:both;padding:25px 0;  font-size:0;  }
#sidenews  a.active,
#sidenews  a:hover {z-index:1}
#sidenews  a.up,
#sidenews  a.down {width:240px; height:70px; overflow:hidden; display:block; position:relative; text-indent:-9999px; border:0}
#sidenews  a.up {background:url(http://img.dongascience.com/news2015/images/common/btn_news_up.gif) no-repeat}
#sidenews  a.down {background:url(http://img.dongascience.com/news2015/images/common/btn_news_down.gif) no-repeat}
#sidenews  a.up:hover,
#sidenews  a.down:hover {background-position:0 100%}
#sidenews .date{ text-align:left; color:#5f5551; font-weight:bold; font-size:12px;font-family:Arial, Helvetica, sans-serif; width:230px; letter-spacing:0; padding-left:10px; height:70px; background:url(http://img.dongascience.com/news2015/images/common/news_cline.gif) center top no-repeat; line-height:70px}



#sideletter .newslist { width:240px; height:1205px; overflow:hidden; display:block; position:relative} 
#sideletter .newslist li{ clear:both; margin:0  }
#sideletter .article-A{ margin:0 0 0 0; height:221px}
#sideletter .article-A .thum{ height:125px;width:238px; overflow:hidden; display:block; border:1px solid #d7d7d7;border-bottom:none; border-top:none}
#sideletter .article-A h3{font-weight:bold; font-size:17px; width:214px; height:48px; overflow:hidden; display:block; line-height:22px; color:#382e2a; }
#sideletter .article-A .cont{width:214px; height:45px; padding:8px 12px 12px 12px; }

#sideletter { clear:both;padding:22px 0;  font-size:0; }
#sideletter  a.active,
#sideletter  a:hover {z-index:1}
#sideletter  a.up,
#sideletter  a.down {width:240px; height:70px; overflow:hidden; display:block; position:relative; text-indent:-9999px; border:0}
#sideletter  a.up {background:url(http://img.dongascience.com/news2015/images/common/btn_news_up.gif) no-repeat}
#sideletter  a.down {background:url(http://img.dongascience.com/news2015/images/common/btn_news_down.gif) no-repeat}
#sideletter  a.up:hover,
#sideletter  a.down:hover {background-position:0 100%}
#sideletter .le-date {background:#0068b7; color:#ffffff; font-size:14px; height:29px; line-height:29px ;text-align:center;border:1px solid #d7d7d7;border-bottom:none; }
#sideletter .le-line{ width:240px; height:25px; background:url(http://img.dongascience.com/news2015/images/common/news_cline.gif) center top no-repeat;}


#special-thema{margin-top:30px}
#special-thema p{font-size:14px; line-height:1.5; margin-top:20px}
#special #sidenews  a.up {background:url(http://img.dongascience.com/news2015/images/common/btn_special_up.gif) no-repeat}
#special #sidenews  a.down {background:url(http://img.dongascience.com/news2015/images/common/btn_special_down.gif) no-repeat}
#special #sidenews  a.up:hover,
#special #sidenews  a.down:hover {background-position:0 100%}
#special #sidenews .date{ text-align:left; color:#5f5551; font-weight:bold; font-size:12px;font-family:Arial, Helvetica, sans-serif; width:230px; letter-spacing:0; padding-left:10px; height:70px; background:url(http://img.dongascience.com/news2015/images/common/special_cline.gif) center top no-repeat; line-height:70px}


#news .article-top{ width:740px; height:330px; margin-bottom:20px}
#news .article-top .thum{ float:left;height:328px;width:489px; overflow:hidden; display:block;border:1px solid #d7d7d7;  border-right:none}
#news .article-top .cont{ float:left;width:209px; height:288px; border:1px solid #d7d7d7; border-left:none;padding:20px 20px; }

#news .article-top .summary{margin:17px 0 0 0}
#news .article-top h2{ font-size:15px; color:#0069b7; font-family:Arial; letter-spacing:0}
#news .article-top h3{font-weight:bold; font-size:20px; padding:4px 20px 0 0; line-height:24px; color:#231915; letter-spacing:-0.05em}
#news .article-top h4 { font-weight:bold; font-size:15px; line-height:20px; color:#231915; margin:0 20px 10px 0; }
#news .article-top .text {font-size:13px; line-height:18px; color:#5f5551;line-height:20px;}
#news .article-top .space{height:282px; overflow:hidden}

#news .newslist li{ float:left; }
.thum{text-align:center; vertical-align:middle}


.article-A{  position: relative;width:240px; height:245px; margin:0 10px 10px 0}
.article-A .thum{ height:159px;width:238px;border:1px solid #d7d7d7;border-bottom:none; overflow:hidden; display:block; }
.article-A .cont{width:218px; height:64px; border:1px solid #d7d7d7; border-top:none;padding:6px 10px 14px 10px;overflow:hidden; display:block; }
.article-A .thum img{ width:100%; height:auto}
.article-A .space{height:44px;overflow:hidden; display:block; }
.article-A .date{ color:#999; letter-spacing:0; margin-top:8px}
.article-A h3{font-weight:bold; font-size:16px; width:220px; line-height:22px; color:#382e2a; }
.article-A h4 {font-weight:bold; font-size:13px; width:220px; height:20px; overflow:hidden; display:block; line-height:20px; color:#5f5551; }

.article-B{  position: relative;width:238px; height:243px; border:1px solid #d7d7d7;margin:0 10px 10px 0}
.article-B .cont{width:198px; height:215px; margin:17px 20px; overflow:hidden; display:block }
.article-B h3{font-weight:bold; font-size:18px;line-height:22px; color:#382e2a; padding:0 10px 10px 0 }
.article-B p{ line-height:20px}
.article-B .date{ color:#999; letter-spacing:0; }

.article-C{  position: relative;width:240px; height:245px;margin:0 10px 10px 0}
.article-C .thum{ height:159px;width:238px;border:1px solid #d7d7d7;border-bottom:none; overflow:hidden; display:block;}
.article-C .thum img{ width:100%; height:auto}
.article-C .movie{ position:absolute;top:0;left:0;height:160px;width:240px; overflow:hidden; display:block}
.article-C .cont{width:218px; height:64px; border:1px solid #d7d7d7; border-top:none;padding:6px 10px 14px 10px; }
.article-C .space{height:44px;overflow:hidden; display:block; }
.article-C h3{font-weight:bold; font-size:16px; width:220px; line-height:22px; color:#382e2a; }
.article-C h4 {font-weight:bold; font-size:13px; width:220px; height:20px; overflow:hidden; display:block; line-height:20px; color:#5f5551; }
.article-C .date{ color:#999; letter-spacing:0; margin-top:8px}

.overview-news { position: absolute;top:1px; left:1px;width:198px; height:203px; padding:20px; background:url(http://img.dongascience.com/news2015/images/common/tle_tback2.png);}
.overview-news .space{width:198px; height:199px; display:block; overflow:hidden}
.overview-news h4{ font-size:13px; line-height:20px; color:#999;width:198px; overflow:visible; height:auto}
.overview-news h3{ font-size:18px; line-height:24px; color:#d7d7d7; margin-bottom:3px;width:198px; }
.overview-news h3 a{ color:#d7d7d7;}
.overview-news .text {color:#ccc;font-size:12px;line-height:20px;padding-top:7px; width:100%;}


.article-view .cont{margin:0 40px;}
.article-view h3{font-weight:bold; font-size:26px; width:600px; line-height:34px; color:#382e2a; letter-spacing:-2px}
.article-view h4{font-weight:bold; font-size:17px; line-height:30px; color:#5f5551; }
.view-info { clear:both; border:1px solid #d7d7d7;   height:30px; margin:30px 0 30px 0}
.bottom {border-left:none; height:30px; width:182px;margin:50px 0 30px 0}
.view-info .date{float:left;font-size:12px; color:#8e837e; line-height:30px; padding-left:10px}
.view-info ul { float:right}
.view-info .sns li{ float:left}

/* 뉴스템플릿 스타일 */
.news_contents { margin-bottom:40px; font-size:16px;}
.news_contents .reporter{ color:#231a15; margin-top:30px}
.news_contents *{ font-size:16px; line-height:27px; font-family: "맑은 고딕","Malgun Gothic",Malgun Gothic,맑은 고딕,Gulim, Dotum, Helvetica,sans-serif;}
.news_contents .pic_c {margin:0 0 40px 0;clear:both}
.news_contents .pic_l {margin:0 30px 40px 0;float:left;clear:both}
.news_contents .pic_r {margin:0 0 40px 30px;float:right;clear:both}
.news_contents .pic_desc * {font-size:11px;line-height:16px}
.news_contents .pic_desc{background:url(http://www.dongascience.com/assets/images/news/ic_newsview.gif) 3px 7px no-repeat}
.news_contents .pic_desc_txt {margin:8px 0 0 13px;padding:0}
.news_contents hr{display:block;}
.news_table {background:#788197;font-size:11px;letter-spacing:-0.05em;text-align:center;font-family:"돋움";}
.news_table .news_tb_head td {border-top:#a4303d solid 1px;color:#fff;height:28px;background:url(http://www.dongascience.com/assets/images/news/img_bar.gif) no-repeat left;}
.news_table .news_tb_head .first {padding:0; background:none transparent scroll repeat 0% 0%}
.news_table td {border-bottom:#dddddd solid 1px;background:white;height:30px;font-size:11px;color:#595959;letter-spacing:-0.05em;text-align:center}

.letter_apply { clear:both; position:relative; margin:10px 0 -20px 0 }
.letter_apply .wrap{ border:1px solid #ddd; padding:15px;  height:66px}
.letter_apply p{ font-size:14px; line-height:16px; margin-bottom:8px; letter-spacing:-0.02em}
.letter_apply .field {position:relative; border:1px solid #d7d7d7; width:648px; background:#f4f4f4; height:40px}
.letter_apply .field input[type=text]{width:530px;  height:36px; border:none; background:#f4f4f4; margin-left:10px; color:#999; font-size:13px}
.letter_apply .field input[type=button]{position:absolute; right:-1px; top:-1px; width:120px; height:42px; font-size:14px; font-weight:bold; background:#0069b7; color:#fff; border: none; margin-left:-1px}


.relate-news{ clear:both}
.relate-news{padding-bottom:30px}
.relate-news h4{ font-size:15px; line-height:15px;color:#0068b7; background:url(http://img.dongascience.com/news2015/images/common/tle_ico_blue.png) 0 3px no-repeat; padding-left:25px; margin-bottom:15px}
.relate-news li{ line-height:30px; font-size:14px}
.relate-news li span{padding-left:5px; font-size:12px; color:#8e837e}

#special .relate-news h4{ font-size:15px; line-height:15px;color:#da3915; background:url(http://img.dongascience.com/news2015/images/common/tle_ico_red.png) 0 3px no-repeat; padding-left:25px; margin-bottom:15px}

#opinion p{ float:left}
#opinion{ margin-top:60px; width:720px; padding:19px; border-top:1px solid #ebebeb; }
#opinion .write textarea{border:1px solid #ebebeb; padding:3px;color:#8e837e;}
#opinion .write a{font-size:12px;display: inline-block;width:65px; height:70px;  line-height:70px;text-align:center;  background:#fff;border:1px solid #d7d7d7;}
#opinion .id-pw{ margin-bottom:10px}
#opinion .id-pw input{ margin-right:10px; border:1px solid #ebebeb; padding:3px; color:#8e837e; background:#f9f9f9}
#opinion .se{ width:180px}
#opinion .secret{ display:inline-block; text-align:right; width:205px; font-size:16px; font-weight:bold; letter-spacing:0}
#opinion .reply-area { clear:both;padding:0 20px}
#opinion .reply-area .tle{ font-size:16px;padding:40px 0 10px}
#opinion .reply-area .reply-head{margin-bottom:20px;border-bottom:1px solid #d7d7d7}
.reply-skin-lst li{padding-top:20px;}
.reply-skin-lst > ul > li{position:relative;padding-bottom:20px;border-bottom:1px solid #ebebeb}

.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}
.reply-skin-lst li .nick{font-size:16px; letter-spacing:0;color:#333}
.reply-skin-lst li .date{margin-left:3px;padding-left:5px;letter-spacing:0;background:url(http://img.dongascience.com/news2015/images/common/ic_line1.gif) 0 50% no-repeat;font-size:12px;color:#888}
.reply-skin-lst li .btn-del{overflow:hidden;width:57px;height:24px;margin-left:5px;background:url(http://img.dongascience.com/news2015/images/common/btn_delete.gif) no-repeat;*font-size:0;*line-height:0;text-indent:-999px;*text-indent:0}
.reply-skin-lst li .txt-con{margin-top:15px;line-height:20px}
.reply-skin-lst li .txt-con *{line-height:20px}

.reply-skin-lst li .agree{overflow:hidden;overflow:hidden;position:absolute;top:0;right:115px;border:1px solid #d8d7d8}
.reply-skin-lst li .agree dt{float:left;width:55px;height:28px;border-right:1px solid #d8d7d8;line-height:28px; font-weight:bold;color:#4e4440;text-align:center}
.reply-skin-lst li .agree dd{float:left;height:28px; width:50px;line-height:28px; font-weight:bold;color:#da3915; letter-spacing:0;text-align:center;white-space:nowrap}
.reply-skin-lst li .disagree{overflow:hidden;overflow:hidden;position:absolute;top:0;right:0;border:1px solid #d8d7d8}
.reply-skin-lst li .disagree dt{float:left;width:55px;height:28px;border-right:1px solid #d8d7d8;line-height:28px; font-weight:bold;color:#4e4440;text-align:center}
.reply-skin-lst li .disagree dd{float:left;height:28px; width:50px;line-height:28px; font-weight:bold; letter-spacing:0;text-align:center;white-space:nowrap}


#report {border:1px solid #d7d7d7; height:38px; background:#f9f9f9; margin:0} 
#report li{ float:left}
#report .ment{ font-size:12px; width:640px; line-height:38px; padding-left:15px}
#report a{font-size:12px;display:block;width:103px; height:38px;  line-height:38px;text-align:center;  background:#3f3531; color:#fff}

.card_slide{position:relative; width:674px;}
.imgcard{border : 3px solid #d7d7d7; width:674px; text-align:center; background:#000000}
.card_prev{position:absolute; top:297px; left:0}
.card_next{position:absolute; top:297px; right:0}



/*  newsletter */

.date_move { clear:both;padding:0; text-align:center; font-size:0; width:740px}
.date_move a,
.date_move strong {display:inline-block; position:relative; overflow:hidden;  text-align:center; line-height:30px; width:200px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 0px; *margin:0 0 0 -1px; font-size:30px; color:#0068b7; vertical-align:top; background-color:#fff; font-weight:bold;}
.date_move a.prev,
.date_move a.next {width:32px; height:31px; text-indent:-9999px; border:0;}
.date_move a.prev {background:url(http://img.dongascience.com/news2015/images/common/btn_date_prev.gif) no-repeat}
.date_move a.next {background:url(http://img.dongascience.com/news2015/images/common/btn_date_next.gif) no-repeat}
.date_move a.prev:hover,
.date_move a.next:hover {background-position:0 100%}
.date_move a:hover {text-decoration:none !important; color:#0068b7 !important}


/* special */
#special{}
#special{} .special-top .last{ margin-right:0}

.article-D{position:relative; float:left; width:338px; height:338px; margin:0; border:1px solid #ebebeb}
.article-D .thum{ height:220px;width:338px; overflow:hidden; display:block}
.article-D .cont{position:relative;width:288px; height:98px;padding:20px 25px 0 25px; ;background:#fff}
.article-D .cont p{ position:absolute; top:-1px; right:-1px;}
.article-D h3{font-weight:bold; font-size:20px; width:210px; height:48px; overflow:hidden; display:block; line-height:24px; color:#382e2a; }
.article-D h4 {font-weight:bold; font-size:14px; width:210px; height:30px; overflow:hidden; display:block; line-height:26px; color:#da3915; }

.article-D2{position:relative; float:left; width:238px; height:248px; margin-right:20px; border:1px solid #ebebeb}
.article-D2 .thum{ height:143px;width:238px; overflow:hidden; display:block}
.article-D2 .cont{position:relative;width:198px; height:90px;padding:15px 20px 0 20px; ;background:#fff}
.article-D2 .cont p{ position:absolute; top:-1px; right:-1px;}
.article-D2 h3{font-weight:bold; font-size:17px; width:190px; height:48px; overflow:hidden; display:block; line-height:22px; color:#382e2a; }
.article-D2 h4 {font-weight:bold; font-size:13px; width:190px; height:26px; overflow:hidden; display:block; line-height:24px; color:#da3915; }

.special-top{ height:340px;margin-top:30px; margin-bottom:30px}
.special-top li{ float:left; }

#special-group li{float:left; }
#special-group h3{float:left; position:relative; border-right:1px solid #ebebeb; font-size:18px; color:#fff; background:#9b9892; height:44px; line-height:44px; padding-left:10px}
#special-group .part01 h3{width:328px;}
#special-group .part02 h3{width:329px;}
#special-group .part03 h3{border-right:none; width:330px;}

#special-group{  background:#FF6600;border:1px solid #9b9892;background:#f9f9f9;}
#special-group p{ position:absolute; width:44px; height:44px }
#special-group p a{position:relative; left:296px;width:44px; height:44px; display:block; overflow:hidden;text-indent:-9999px; border:0}
#special-group p.close a{background:url(http://img.dongascience.com/news2015/images/common/btn_open.png) 0 0 no-repeat;}
#special-group p.open a{background:url(http://img.dongascience.com/news2015/images/common/btn_open.png) 0 -44px  no-repeat;}
#special-group .part01 {width:339px;  }
#special-group .part02 {width:340px;  }
#special-group .part03 {width:339px;  }
#special-group .part01 ul,
#special-group .part02 ul,
#special-group .part03 ul{ clear:both; }
#special-group .part01 li,
#special-group .part02 li,
#special-group .part03 li{ float:left;  border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb}
#special-group .list li a{width:161px;padding-left:7px;height:29px; padding-top:9px;  display:block; background:#FFFFFF;}
#special-group .list li.big a{width:330px;padding-left:7px;}
#special-group .list li a:hover{ border:3px solid #da3915;width:155px; height:26px; padding-top:6px; color:#da3915; font-weight:bold}
#special-group .list li.big a:hover{ border:3px solid #da3915;width:324px; height:26px; padding-top:6px; color:#da3915; font-weight:bold}



#special-group-new{ padding-top:44px;position:relative;}
#special-group-new ul{ clear:both; }
#special-group-new li{float:left; }
#special-group-new h3{position:absolute;top:0; left:0; }
#special-group-new h3 a{display:block;font-size:18px; color:#fff; background:#9b9892; height:44px; line-height:44px; padding-left:15px; border-bottom:3px solid #da3915; text-align:center}
#special-group-new li:nth-child(1) h3{ width:33.333%;}
#special-group-new li:nth-child(2) h3{ width:33.333%; left:33.333%}
#special-group-new li:nth-child(3) h3{ width:33.333%; left:66.666%}
#special-group-new li.sel ul{ display:block}
#special-group-new li ul{ display:none}
#special-group-new li.sel h3 a{background:#da3915; color:#fff}
#special-group-new>ul>li { background:url(http://img.dongascience.com/news2015/images/common/line_dot3.gif) repeat-y}
#special-group-new li ul li{float:left;width:254px;border-bottom:1px solid #ddd; border-right:1px solid #ddd}
#special-group-new li ul li a{position:relative;display:block;padding-left:10px;height:40px; line-height:40px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis}
#special-group-new li ul li a:hover{ color:#da3915; font-weight:bold;}



#special-hot{ margin-top:30px; margin-bottom:60px}
#special-hot .list>li{ float:left; position:relative; border:1px solid #ededed; margin:0 20px 20px 0;}
#special-hot li img{ vertical-align:top; line-height:0; font-size:0}
#special-hot li.last{ margin-right:0}
.overview a:hover{ text-decoration:underline}
.overview { position: absolute;top:0;width:198px; height:198px; padding:20px; background:url(http://img.dongascience.com/news2015/images/common/tle_tback2.png);overflow:hidden;}
.overview h4{ font-size:14px; line-height:20px; color:#999;}
.overview h3{ font-size:20px; line-height:24px; color:#d7d7d7; margin-bottom:15px;width:200px; }
.overview h3 a{ color:#d7d7d7;}
.overview li{ clear:both; margin:0 0 0 0;  font-size:13px; line-height:24px; width:200px; overflow:hidden; height:24px;}
.overview p{position: absolute; top:0; right:0}
.overview li a{ color:#ccc}
#special-hot .btnmore{ background:#fbfbfb url(http://img.dongascience.com/news2015/images/common/ico_more.gif) 540px 18px no-repeat; font-size:16px;  border:1px solid #d7d7d7; line-height:42px; text-align:center}
#special-hot .btnmore a{height:42px; display:block}

#special-list{ position:relative; border:1px solid #d7d7d7; padding:24px 0 15px 14px; margin-top:30px; background:#fbfbfb}
#special-list li{ float:left;}
#special-list .link{ position:absolute;top:0px; right:24px}
#special-list .more{ position:absolute;top:23px; right:25px}
#special-list h2{ font-size:26px; line-height:40px; color:#231815; height:60px; padding-left:14px}
#special-list h2 span{ font-size:18px;color:#9b9892}


.article-E{ width:310px; height:360px; margin:0 0 20px 20px}
.article-E .thum{ height:308px;width:308px;border:1px solid #d7d7d7;border-bottom:none; overflow:hidden; display:block}
.article-E .cont{width:278px; height:29px; border:1px solid #d7d7d7; border-top:none;padding:10px 15px; }
.article-E h3{font-weight:bold; font-size:18px; width:270px; height:29px; overflow:hidden; display:block; line-height:29px; color:#382e2a; }

.article-F{ width:308px; height:358px; border:1px solid #d7d7d7;margin:0 0 20px 20px}
.article-F .cont{width:268px; height:318px; margin:20px; overflow:hidden; display:block }
.article-F h3{font-weight:bold; font-size:18px;line-height:22px; color:#382e2a; padding:0 10px 15px 0 }
.article-F p{ line-height:20px}

.article-E2{ width:235px; height:217px; margin:0 0 10px 10px}
.article-E2 .thum{ height:156px;width:233px;border:1px solid #d7d7d7;border-bottom:none; overflow:hidden; display:block}
.article-E2 .cont{width:213px;  height:43px; border:1px solid #d7d7d7; border-top:none;padding:6px 10px 10px 10px;overflow:hidden; display:block; }
.article-E2 h3{font-weight:bold; font-size:17px; line-height:21px; height:43px; color:#382e2a;overflow:hidden; display:block;  }

.article-F2{ width:233px; height:215px; border:1px solid #d7d7d7;margin:0 0 10px 10px}
.article-F2 .cont{width:193px; height:175px; margin:20px; overflow:hidden; display:block }
.article-F2 h3{font-weight:bold; font-size:17px;line-height:22px; color:#382e2a; padding:0 10px 10px 0 }
.article-F2 p{ line-height:20px}


.recommend-news{ clear:both; width:680px;height:190px; overflow:hidden}
.recommend-news ul{width:693px;}
.recommend-news{padding-top:30px; margin-bottom:30px}
.recommend-news h4{ font-size:15px; line-height:15px;color:#0068b7; background:url(http://img.dongascience.com/news2015/images/common/tle_ico_blue.png) 0 3px no-repeat; padding-left:25px; margin-bottom:20px}
#special .recommend-news h4{color:#da3915; background:url(http://img.dongascience.com/news2015/images/common/tle_ico_red.png) 0 3px no-repeat; padding-left:25px; margin-bottom:15px}
.recommend-news li{ float:left; margin-right:13px;}


.article-G{  position: relative;width:160px; height:154px; margin:0 0 10px 0}
.article-G .thum{ height:105px;width:158px;border:1px solid #d7d7d7;border-bottom:none; overflow:hidden; display:block; }
.article-G .cont{width:140px; height:37px; border:1px solid #d7d7d7; border-top:none; margin:0;padding:5px 9px;overflow:hidden; display:block; }
.article-G .thum img{ width:100%; height:auto}
.article-G h3{font-weight:bold; font-size:14px; height:36px; width:148px;overflow:hidden; line-height:18px; color:#382e2a; letter-spacing:-0.05em }


.article-H{ position: relative;width:158px; height:152px; border:1px solid #d7d7d7;}
.article-H .cont{width:138px; height:132px; margin:10px; overflow:hidden; display:block }
.article-H h3{font-weight:bold; font-size:14px;width:138px;line-height:18px; color:#382e2a; padding:0 10px 10px 0 ; letter-spacing:-0.05em }
.article-H p{ line-height:17px;font-size:13px;}


.article-I{ position: relative;width:160px; height:154px; margin:0 0 10px 0;}
.article-I .movie{ position:absolute;top:1px;left:1px;height:105px;width:158px; overflow:hidden; display:block}
.article-I .thum{ height:105px;width:158px;border:1px solid #d7d7d7;border-bottom:none; overflow:hidden; display:block; }
.article-I .cont{width:140px; height:37px; border:1px solid #d7d7d7; border-top:none; margin:0;padding:5px 9px;overflow:hidden; display:block; }
.article-I .thum img{ width:100%; height:auto}
.article-I h3{font-weight:bold; font-size:14px; height:36px; width:148px;overflow:hidden; line-height:18px; color:#382e2a;  letter-spacing:-0.05em }



#side-specialgroup{ height:310px; position:relative}
#side-specialgroup .tle{ float:left; padding-top:10px }
#side-specialgroup h3{font-size:17px; font-weight:bold; color:#231915; line-height:1.264em; letter-spacing:-0.05em; margin-bottom:15px; width:170px}

#side-specialgroup .list {margin:14px 0 0 0;  width:240px;}
#side-specialgroup .list li{ width:240px;} 
#side-specialgroup  dl{ clear:both; height:80px;}
#side-specialgroup  dt{ float:left;}
#side-specialgroup  dt img{ border:1px solid #ebebeb}
#side-specialgroup  dd{line-height:19px}
#side-specialgroup .htext{ float: right; width:170px;  height:19px; color:#3b312d; display:block; overflow:hidden; position:relative; }
#side-specialgroup .ctext{ float: right; width:170px; height:38px; color:#817773; display:block; overflow:hidden; position:relative }
#side-specialgroup p{ font-weight:bold; position:absolute; top:12px; right:5px}


/* print */
#popup_wrap {position:relative;letter-spacing:-0.06em;}
#popup_wrap h1 {background:#0068b7;padding:10px 0 0 20px;height:38px}
#popup_wrap span.line {display:block;border-top:dashed #d8d8dd 1px}
#popup_wrap .copy {clear:both;font-size:11px;color:#888;text-align:center;background:#f5f5f5;border-top:1px solid #d1d1d7;height:24px;padding-top:13px; letter-spacing:0}
#popup_wrap #print {position:relative;letter-spacing:-0.06em;}
#popup_wrap #print p.btn {float:right;margin:-37px 15px 0 0}
#popup_wrap #print p span {display:block;padding-bottom:30px}
#popup_wrap .article-view .cont{margin:20px 20px; }
#popup_wrap .article-view h3{font-weight:bold; font-size:22px; width:500px; line-height:30px; color:#382e2a;}
#popup_wrap .article-view h4{font-weight:bold; font-size:15px; line-height:30px; color:#5f5551; }
#popup_wrap .view-info .date{ clear:both; letter-spacing:0}
#popup_wrap .news_contents *{ font-size:14px; line-height:22px}
#popup_wrap .news_contents .pic_desc *{ font-size:11px; line-height:14px}

/* mail */
#popup_wrap #mail {width:540px}
#popup_wrap #mail fieldset {border:3px solid #e2e2ea;width:494px;height:328px;margin:0 auto}
#popup_wrap #mail fieldset textarea {border:1px solid #e2e2ea;width:314px;height:83px;margin-left:13px;padding:5px;line-height:1.3}
#popup_wrap #mail fieldset input {border:1px solid #e2e2ea;width:318px;height:15px;margin-left:13px;padding:3px;margin-bottom:3px}
#popup_wrap #mail fieldset label {float:left;width:63px;text-align:right;padding-top:3px;line-height:1.3}
#popup_wrap #mail fieldset p {padding:37px 41px 30px 35px}
#popup_wrap #mail fieldset p span {display:block;color:#b22f48;font-size:11px;padding:9px 0 0 75px;letter-spacing:-1px}
#popup_wrap #mail fieldset p span.sender {display:block;font-weight:bold;color:#333;font-size:12px;padding:0 0 5px 0}
#popup_wrap #mail fieldset legend {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px}
#popup_wrap #mail form p.btn {text-align:center;padding:20px 0 30px 0}



/* pageing */
.paginate { clear:both;padding:40px 0; text-align:center; font-size:0; width:740px}
.paginate a,
.paginate strong {display:inline-block; position:relative; overflow:hidden; border:1px solid #d0d0d0; width:30px; height:29px; text-align:center; line-height:30px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 -1px; *margin:0 0 0 -2px; font-size:12px; vertical-align:top; background-color:#fff; font-weight:bold;}
.paginate strong, .paginate a.active,
.paginate a:hover {width:28px; height:27px; line-height:28px; color:#0068b7; border:2px solid #0068b7; z-index:1}
.paginate a.prev,
.paginate a.next {width:32px; height:31px; text-indent:-9999px; border:0}
.paginate a.prev {background:url(http://img.dongascience.com/news2015/images/common/btn_page_prev.gif) no-repeat}
.paginate a.next {background:url(http://img.dongascience.com/news2015/images/common/btn_page_next.gif) no-repeat}
.paginate a.prev:hover,
.paginate a.next:hover {background-position:0 100%}
.paginate a:hover {text-decoration:none !important; color:#0068b7 !important}

/* pageing */
.paginate-sp { clear:both;padding:40px 0; text-align:center; font-size:0; width:100%}
.paginate-sp a,
.paginate-sp strong {display:inline-block; position:relative; overflow:hidden; border:1px solid #d0d0d0; width:30px; height:29px; text-align:center; line-height:30px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 -1px; *margin:0 0 0 -2px; font-size:12px; vertical-align:top; background-color:#fff; font-weight:bold;}
.paginate-sp strong, .paginate-sp a.active,
.paginate-sp a:hover {width:28px; height:27px; line-height:28px; color:#da3915; border:2px solid #da3915; z-index:1}
.paginate-sp a.prev,
.paginate-sp a.next {width:32px; height:31px; text-indent:-9999px; border:0}
.paginate-sp a.prev {background:url(http://img.dongascience.com/news2015/images/common/btn_page_prev2.gif) no-repeat}
.paginate-sp a.next {background:url(http://img.dongascience.com/news2015/images/common/btn_page_next2.gif) no-repeat}
.paginate-sp a.prev:hover,
.paginate-sp a.next:hover {background-position:0 100%}
.paginate-sp a:hover {text-decoration:none !important; color:#da3915 !important}

/* pageing small */
.paginate-s { clear:both;padding:40px 0; text-align:center; font-size:0; width:100%}
.paginate-s a,
.paginate-s strong {display:inline-block; position:relative; overflow:hidden; width:30px; height:29px; text-align:center; line-height:30px; font-family:Arial, Helvetica, sans-serif;   font-size:12px; vertical-align:top; background-color:#fff; font-weight:bold; cursor:pointer}
.paginate-s strong, .paginate a.active,
.paginate-s a:hover {width:30px; height:29px;font-size:15px; line-height:29px; color:#0068b7; z-index:1;}
.paginate-s a.prev,
.paginate-s a.next {width:32px; height:31px; text-indent:-9999px; border:0}
.paginate-s a.prev {background:url(http://img.dongascience.com/news2015/images/common/btn_page_prev.gif) no-repeat}
.paginate-s a.next {background:url(http://img.dongascience.com/news2015/images/common/btn_page_next.gif) no-repeat}
.paginate-s a.prev:hover,
.paginate-s a.next:hover {background-position:0 100%}
.paginate-s a:hover {text-decoration:none !important; color:#0068b7 !important}
.paginate-s .now{ font-weight:bold;color:#0068b7; text-decoration:underline}

/* notice */
#notice { clear:both; position:relative;border:1px solid #d7d7d7; height:38px; margin:0 40px; width:1018px; margin:0 auto} 
#notice .up{ position:absolute;top:-1px; right:-1px}
#notice .down{position:absolute;top:18px; right:-1px}
#notice li{ float:left}
#notice .list{ font-size:13px; width:870px;height:38px; overflow:hidden; line-height:38px; padding-left:15px}
#notice strong {display:block;font-size:14px;width:99px;border-right:1px solid #ebebeb; height:38px;  line-height:38px;text-align:center; color:#231915}

/* family site */
#family { clear:both;padding:25px 0 0 0; height:80px; font-size:0; }
#family .area{width:1020px; margin:0 auto;}
#family .list{ float:left;width:910px; margin:0 15px;height:50px;position:relative; overflow:hidden; }
#family li{float:left; display:block; position:relative; overflow:hidden; width:130px; height:50px; }
#family  p a.prev,
#family  p a.next{ float:left;position:relative; overflow:hidden; width:40px; height:50px; }

#family  p.nomore a.prev,#family  p.nomore a.prev:hover,
#family  p.nomore a.next,#family  p.nomore a.next:hover{background-position:0 -100px}

#family  p a.active,
#family  p a:hover {z-index:1}
#family  p a.prev,
#family  p a.next {width:40px; height:50px; text-indent:-9999px; border:0}
#family  p a.prev {background:url(http://img.dongascience.com/news2015/images/common/btn_family_prev.gif) no-repeat}
#family  p a.next {background:url(http://img.dongascience.com/news2015/images/common/btn_family_next.gif) no-repeat}
#family  p a.prev:hover,
#family  p a.next:hover {background-position:0 -50px}
#family  img{ vertical-align:top; display:block;}

/* footer */
#footer { clear:both;min-width:1020px; height:100px; background:#fbfbfb; border-top:1px solid #ebebeb; padding-top:35px;font-size:13px; }
#footer .area{width:1020px; margin:0 auto}
#footer .logo{ float:left; width:240px;text-align:center}
#footer .link{float:left; padding-left:20px }
#footer div a{color:#382e2a; display:inline-block; font-weight:bold;letter-spacing:0;line-height:28px}
#footer div span {color:#d7d7d7; margin:0 2px}
#footer p {color:#5f5754; font-size:12px;letter-spacing:0; margin-top:3px; line-height:18px}