@charset "utf-8";
/* 연재기사 */
#kids_news{ background:#fff;}
.go_dlibrary{ position:relative; height:44px; margin-bottom:60px;}
.go_dlibrary a{ position:absolute; right:16px; display:block; width:201px; height:44px; line-height:44px; text-indent:60px; background:url(//img.dongascience.com/kids2016/mobile/images/common/btn_dlibrary.png) no-repeat; background-size:201px 44px;}

/* 연재만화 */
#kids_catoon{}
.list_type_A{display:block; padding:12px 0 4px;clear:both;*zoom:1}
.list_type_A:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.list_type_A a{display:block}
.list_type_A ul{padding:0 12px 0 12px}
.list_type_A li{float:left; width:50%; padding:4px;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.list_type_A dl{ background:#fff;border:1px solid #dcdcdc; border-radius:3px; overflow:hidden}
.list_type_A dt{overflow:hidden; height:89px;}
.list_type_A dt img{width:100%; height:auto}
.list_type_A dd{line-height:19px}
.list_type_A dd h4{height:38px; overflow:hidden; margin:8px 10px; font-weight:normal}
.list_type_A dd h4 span{color:#eb4e44; font-size:13px; margin-left:2px;vertical-align:top}

/* 연재만화 리스트 팝업 */
#modal_popup{position:absolute;z-index:9999;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background:rgba(0,0,0,0.8)}
.layer_catton { display: none; position: fixed; top: 50%; left: 50%; margin: -120px 0 0 -150px; width: 300px; }
.layer_catton.on { display: block; }
.layer_catton ol{ height:240px; background:#fff; overflow-y:scroll; border-radius:5px;}
.layer_catton li{ height:59px; padding:0 20px; line-height:59px; background:#f9f9f9; border-bottom:1px solid #e5e5e5;}
.layer_catton li:last-child{ border-bottom:0;}
.layer_catton li:first-child{border-bottom:1px solid #e5e5e5;}
.layer_catton li label{ float:left; width:220px; height:59px; overflow:hidden;}
.layer_catton li .inp_chk{ float:right; height:59px; width:20px; cursor:pointer; -webkit-appearance:radio-group !important;}

.layer_catton dd p { margin-top:30px; text-align: center; }
.layer_catton .btn_ok, .layer_catton .btn_cancel { width: 114px; height: 50px; background: #fff; font-size: 18px; border-radius: 3px; }
.layer_catton .btn_ok { border: 2px solid #e83428; color: #e83428; font-weight: bold; margin-right: 10px; }
.layer_catton .btn_cancel { border: 1px solid #bfbfbf; color: #222; }

.list_type_A .link_more2{ width:100%; clear:both;}
.list_type_G .link_more2{ width:100%; clear:both;}
.link_more2 a{ margin:0;}

/* 어린이과학동아 소개 */

#kids_intro .intro { padding: 16px 0; background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #dcdcdc; }
#kids_intro .intro h3 { padding: 0 0 15px 16px; color: #222; font-size: 17px; font-weight: normal; border-bottom: 1px solid #eee; }
#kids_intro .intro img{ width:100%;}

/* 공아는 과학짱 */
#kids_gongatv{ position:relative;margin-bottom:0}
#kids_gongatv .util{position:relative;left:16px; top:16px}
#kids_gongatv .util .opt{width:200px;}
#kids_gongatv .list_type_A{ padding-top:20px}
#kids_gongatv .list_type_G{ padding-top:70px}
#kids_gongatv .intro{padding-top:20px}
#kids_gongatv .intro img{ width:100%;}

/* 어과동투표 */
#kids_poll{ clear:both; background:#fff;}


.poll_lst_wrap { clear:both; padding:16px 0 20px; border-bottom:1px solid #eee; border-top:1px solid #e5e5e5 ; }
.poll_lst_wrap h3 {font-size:20px; letter-spacing:-0.01em; line-height:24px; font-family: Verdana, Geneva, sans-serif; color:#e83428; padding-right:16px}
.poll_lst_wrap h3 img{ display:block; width:80px; height:auto; margin:8px 0}
.poll_lst_wrap h3 span{ position:relative;top:-1px;font-size:15px;font-family:"맑은 고딕","Malgun Gothic",Malgun Gothic,맑은 고딕,Gulim, Dotum, Helvetica,sans-serif}
.poll_lst_wrap h3 strong{ display:block; font-size:26px}
.poll_lst_wrap h3 .btn_poll_go{ margin-top:16px}
.btn_poll_go a{ display:inline-block; background:#ea4e43 url(//img.dongascience.com/kids2016/mobile/images/common/ico_poll.png) 10px center no-repeat; background-size:13px;border-radius:3px; height:40px; line-height:38px; padding:0 12px 0 30px; font-weight:bold; font-size:16px; color:#fff}

.poll_lst { clear:both; margin:0 16px;}
.poll_lst_wrap .cover {float:left; margin: 0 12px 0 16px; }
.poll_lst_wrap .cover .thumb { position:relative; display:block; width:120px; height:157px; border-radius:6px; border:1px solid #ccc; overflow:hidden }
.poll_lst_wrap .cover .thumb img{ width:120px; height:157px; }

.poll_lst .lst{ border:2px dashed #e83428; border-radius:6px; margin-top:25px; width:100%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box }
.poll_lst .lst li{ margin:0 16px ; border-bottom:1px solid #f4a6a1; padding:12px 0}
.poll_lst .lst li:last-child{border-bottom:none}
.poll_lst .lst li:after{display:block;clear:both;content:''}
.poll_lst .lst li dt{ width:80px; font-size:18px; line-height:22px; font-weight:bold; color:#e83428}
.poll_lst .lst li dd h4{font-size:16px; margin-bottom:10px;line-height:22px; letter-spacing:0; word-break:keep-all; font-weight:500}
.poll_lst .lst li dd .ranking{ float:left; font-weight:bold; color:#e83428;font-size:13px;line-height:30px; margin-right:10px }
.poll_lst .lst li dd .ranking span{ display:inline-block; vertical-align:middle; width:30px; height:30px;line-height:28px;  text-align:center;  color:#fff; background:#e83428; border-radius:30px; overflow:hidden}
.poll_lst .lst li dd .cont{float:left; padding-top:4px;color:#666}
.poll_lst .lst li dd .cont img{ display:block; float:left;width:100px; height:56px; vertical-align:top; margin-right:10px;}
.poll_lst .lst li dd .cont span{display: inline;font-size:15px; line-height:20px;   }

.poll_other_lst{ clear:both}
.poll_other_lst ul{ margin:20px 12px 0  12px}
.poll_other_lst ul:after{display:block;clear:both;content:''}
.poll_other_lst li{ float:left;padding:0 4px 20px 4px;  width:50%;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  text-align:center;}
.poll_other_lst li .thumb {height: 213px; border:1px solid #ccc; border-radius:6px; overflow:hidden; background:url(//img.dongascience.com/kids2016/images/common/cover.png) no-repeat}
.poll_other_lst li .thumb img{ width:100%; height:auto;}
.poll_other_lst li .txt{ display:block; padding-top:10px; font-size:14px; color:#555; line-height:20px; height:20px; letter-spacing:-0.03em}

.poll_title{ position:relative; padding:16px}
.poll_title .state img{ display:block; width:80px; height:auto; margin:8px 0}
.poll_title h4{ position:relative; font-size:26px; line-height:30px; font-family: Verdana, Geneva, sans-serif; color:#e83428; letter-spacing:-0.03em}
.poll_title h4 span{ position:relative;top:-3px;font-size:15px;font-family:"맑은 고딕","Malgun Gothic",Malgun Gothic,맑은 고딕,Gulim, Dotum, Helvetica,sans-serif}
.poll_title .info{ font-size:16px; line-height:24px; color:#666; margin:10px 0 15px 0; word-break:keep-all}
.poll_title .period{ color:#444; font-size:15px; line-height:20px; margin-top:5px;letter-spacing:0.03em; color:#999}


.view_poll_lst > li{border:2px dashed #e83428; border-radius:6px; padding:16px 16px 30px 16px; margin-bottom:30px}
.view_poll_lst h5{ font-size:17px; margin-bottom:20px; font-weight:500}
.view_poll_lst h5 span{color:#e83428}
.view_poll_lst h5 strong{color:#e83428; font-size:22px; position:relative; top:2px}

.view_poll_lst .item:after{display:block;clear:both;content:''}
.view_poll_lst .item{ border-bottom:1px  solid #f4a6a1; padding-bottom:30px}
.view_poll_lst .item li{ clear:both;padding:8px 0; position:relative  }

.view_poll_lst .check{ display:inline; padding-top:5px }
.view_poll_lst .txt{font-size:16px;line-height:22px;}
.view_poll_lst .graph{ clear:both;}
.view_poll_lst .graph span,.view_poll_lst .graph strong{ vertical-align:middle}
.view_poll_lst .graph span.max300,.view_poll_lst .graph span.min300{ display:inline-block; height:8px; background:#ea4e43; min-width:1px;}
.view_poll_lst .graph span.bridge{ display:inline-block; height:8px;background: url(//img.dongascience.com/kids2016/images/common/bridge.png) repeat-x; width:14px}
.view_poll_lst .graph span.number{ margin-left:10px;font-size:17px;color:#e83428; font-weight:bold}
.view_poll_lst .graph .ranking{ position:relative; left:-4px; display:inline-block; vertical-align:middle; width:30px;font-size:13px; height:30px;line-height:28px;  text-align:center;  color:#fff; background:#e83428; border-radius:30px; overflow:hidden}
.view_poll_lst .btn_poll_go{ clear:both; margin-top:30px; text-align:center}


.view_poll_lst > li.type_B .item  input[type=checkbox]{display:block; margin:0 0 10px 0}
.view_poll_lst > li.type_B .item .thumb{float:left; display:block; margin:0 15px 0 0; width:120px; height:68px; overflow:hidden; }
.view_poll_lst > li.type_B .item .thumb img{ width:100%; height:auto; padding:0; margin:0}
.view_poll_lst > li.type_B .item {padding-top:10px}
.view_poll_lst > li.type_B .item li{margin-bottom:10px; }

.view_poll_lst > li.type_C  textarea{ width:100%; background:#fdfdfd; border:1px solid #d8d8d8; height:250px;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#readers_report1{ border-top:1px solid #e5e5e5}
.readers_report .write{ margin:0 16px;} 
.readers_report .intro{margin:0 16px;}
.readers_report .intro img{ width:100%; height:auto; max-width:340px}
.readers_report .write textarea{ width:100%; background:#fdfdfd; border:1px solid #d8d8d8; height:150px;box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.readers_report .btn_poll_go{ clear:both; padding:20px 0 30px 0; margin:0 16px; text-align:center;border-bottom:1px  solid #f4a6a1; }
.readers_report .btn_poll_go a{ background-image:none; padding:0 30px}
#readers_report3 .btn_poll_go{border-bottom:none}
h4.tit_sub{padding:30px 16px 16px 16px;line-height:22px;font-size:16px; font-weight:normal}
h4.tit_sub .bar{ float:left; height:45px;top:3px;padding-right:10px;border-left:2px solid #e83428; vertical-align:top}
h4.tit_sub strong{color:#e83428}


#container .navi{ position:relative;top:2px}
#container .navi li{float:left; width:50%}
#container .navi li a{display:block;height:44px; line-height:44px; text-align:center;border-right:1px solid #f0f0f0; background:#fafafa}
#container .navi li.on a{ font-weight:500; color:#e83428;height:45px; line-height:45px;background:#fff}

.report_go{ clear:both; text-align:center; padding-bottom:30px}
.report_go a{display:inline-block; padding:15px 20px; border:2px solid #e83428; border-radius:6px; color:#e83428; font-size:18px;}


/* 어과동TV 큐레이션 서비스 수정 및 추가 */
#navi .mainmenu > li:nth-child(5) > ul > li {width: 25%;}
#navi .mainmenu > li:nth-child(5) > ul > li > a {font-size: 13px; line-height: 13px; padding-top: 9px;}
#navi .mainmenu > li:nth-child(5) > ul > li:nth-child(3) > a {padding-top:15px;}
#navi .mainmenu > li:nth-child(5) > ul > li:nth-child(4) > a {padding-top:15px;}

.desc_wrap {padding:20px 18px 0;}
.desc_wrap p {padding:11px; border:1px solid #ccc; border-radius:5px; word-break: keep-all; color:#595959;}
.desc_wrap p .no {color:#e83428; font-weight:bold;}
			
.tv_wrap {position:relative; margin:25px 0;}
.tv_wrap .tit_tvList {padding:0 18px 8px; font-size:18px;}
.viewport {overflow:hidden; overflow-x:auto; margin-left:14px;}
.viewport ul {width:600px; overflow:hidden;}
.list_type_I li {float:left; margin:0 4px; width:140px;}
.list_type_I li a {display:block;}
.list_type_I li .group {border:1px solid #dcdcdc; border-radius:3px; overflow:hidden;}
.list_type_I li .thumb {height:89px; overflow:hidden;}
.list_type_I li .thumb img {width:100%; height:auto;}
.list_type_I li .group .tit {text-overflow:ellipsis; overflow:hidden; white-space:inherit; line-height:19px; height:38px; margin:8px 10px; font-weight:normal;}
.list_type_I li .group .tit .cnt {color:#eb4e44; font-size:13px; margin-left:2px;vertical-align:top}

.link_more3 a {display:block; height:40px; margin:0 16px; margin-top:-1px; line-height:40px; background:#fafafa; border:1px solid #dcdcdc; border-radius:3px; text-align:center;}