@charset "utf-8";
/* common */
#play_reple, #play_picture, #play_character, #play_gift, #play_discussion{border-top:none;border-bottom:0; margin-bottom:0;}
.re_write.image .text{ width:100%; height:73px !important; border:0; overflow:hidden;}
.re_write.image .text .thumb{ display:block; float:left; width:120px; height:73px; background:#fafafa url(//img.dongascience.com/kids2016/mobile/images/common/bg_image_area.png) no-repeat; background-size:120px 73px; border:1px solid #e5e5e5; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-sizing:border-box;}
.re_write.image .text textarea { display:block; float:left; width:calc(100% - 130px); height:73px; margin-left:10px; background:#fafafa; padding:16px; border:1px  solid #e5e5e5;; border-radius:3px; box-sizing:border-box; -ms-overflow-x: hidden; -ms-overflow-y: hidden;}
.re_write.image input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.re_write.image .filebox{ display:inline-block; width:137px; margin-top:-1px;}
.re_write.image label.image{ display:inline-block; min-width:120px; margin-bottom:-1px; padding:10px 10px 10px 50px; border:1px solid #e5e5e5; border-top-left-radius:3px; border-top-right-radius:3px; color:#777; text-align:right; letter-spacing:-0.05em; cursor:pointer; background:#fff url(//img.dongascience.com/kids2016/mobile/images/common/ico_image.png) 10px 8px no-repeat; background-size:30px 22px; box-sizing:border-box;}
.re_write.image .re_btn{ display:block; margin-top:16px; text-align:center;}
.re_write.image .re_btn input{ position:inherit;}
.re_write .re_btn.odd input{ top:28px;}

/* 시끌벅적 토론터 */
#play_discussion .discuss_msg {font-size: 11px;line-height: 1.5;padding: 0 16px;}
#play_discussion .discuss_msg b {color: #f00;}
#play_discussion .util{position:relative; top:0; left:0; height:38px; padding:15px 0; border-bottom:1px solid #eee;}
#play_discussion .util .btn_signup{ position:absolute; top:15px; right:16px; display:block; height:38px; line-height:38px; padding:0 16px; background:#fff; border:1px solid #e5e5e5; border-radius:3px; cursor:pointer;}

.discussion{ padding:16px;}
dl.graph{ position:relative; width:100%;}
dl.graph dt{ padding-bottom:31px;}
dl.graph dt p.no1{position:absolute;left:0;color: #ff8914;}
dl.graph dt p.no1 label{ position:absolute; top:47px; left:0; font-size:16px;}
dl.graph dt p.no2{position:absolute;right:0;color: #46b4ba;}
dl.graph dt p.no2 label{ position:absolute; top:47px; right:0;font-size:16px;}
dl.graph dt .per{ font-size:34px; font-weight:bold;}
dl.graph dt .count{ font-size:14px; padding:0 6px;}

dl.graph dd .bar_w{ position:relative; display:block; height:10px;}
dl.graph dd .bar_w.no1{ float:left; width:30%;}
dl.graph dd .bar_w.no1 .graph_bar{display:block;width:100%;height:100%;background: #ff8914;}
dl.graph dd .bar_w.no2{ float:right; width:70%;}
dl.graph dd .bar_w.no2 .graph_bar{display:block;width:100%;height:100%;background: #46b4ba;}

dl.best_reply{ margin-top:66px; border:1px solid #e5e5e5; border-radius:3px; overflow:hidden;}
dl.best_reply.no1 dt{height:30px;line-height:30px;background: #ff8914 url(//img.dongascience.com/kids2016/mobile/images/common/ico_approval3.png) 6px 3px no-repeat;background-size:22px 24px;color: #fff;text-indent:34px;}
dl.best_reply.no2 dt{height:30px;line-height:30px;background: #46b4ba url(//img.dongascience.com/kids2016/mobile/images/common/ico_oppose3.png) 6px 3px no-repeat;background-size:22px 24px;color: #fff;text-indent:34px;}
dl.best_reply.no2{ margin-top:16px; margin-bottom:16px;}
dl.best_reply dd{position:relative; padding:20px 16px; height:70px;}
dl.best_reply .re_name{ display:inline-block; font-size:17px; color:#222;}
dl.best_reply .re_date{ display:inline-block; padding-left:4px; font-size:13px; color: #777;}
dl.best_reply .re_txt{ margin:15px 0 0; font-size:14px;}
dl.best_reply .re_good{ position:absolute; top:10px; right:64px; width:61px; height:30px; background:url(//img.dongascience.com/kids2016/mobile/images/common/ico_good4.png) no-repeat; background-size:61px 30px;}
dl.best_reply .re_good span{ position:absolute; top:6px; right:1px; width:30px; text-align:center;}
dl.best_reply .re_bad{ position:absolute; top:10px; right:8px; width:54px; height:30px; background:url(//img.dongascience.com/kids2016/mobile/images/common/ico_bad3.png) no-repeat; background-size:54px 30px;}
dl.best_reply .re_bad span{ position:absolute; top:6px; right:3px; width:20px; text-align:center;}
dl.best_reply .more_w{ padding:20px 0 0 0; background:#fff; height:auto; }
dl.best_reply .btn_more{ display:block; width:100%; height:40px; padding:0; background:#fafafa url(//img.dongascience.com/kids2016/mobile/images/common/ico_arrow_bot3.png) center 16px no-repeat; background-size:18px 10px; border-top:1px solid #eee; text-indent:-9999em;}
dl.best_reply .btn_more.up{transform: rotate(180deg);}

.btn_radio{ position:relative; width:100%; padding-bottom:59px;}
.btn_radio .radiobox1{ display:block; position:absolute; left:50%; margin-left:-168px;}
.btn_radio .radiobox1 label{ display:block; width:158px; height:44px; background:url(//img.dongascience.com/kids2016/mobile/images/common/ico_approval.png) no-repeat; background-size:158px 44px; font-size:0; cursor:pointer;}
.btn_radio .radiobox1 input{ position:absolute; right:14px; top:14px; width:16px; height:16px; cursor:pointer;}
.btn_radio .radiobox2{ display:block; position:absolute; left:50%; margin-left:10px;}
.btn_radio .radiobox2 label{ display:block;width:158px; height:44px; background:url(//img.dongascience.com/kids2016/mobile/images/common/ico_oppose.png) no-repeat; background-size:158px 44px; font-size:0; cursor:pointer;}
.btn_radio .radiobox2 input{position:absolute; left:14px; top:14px; width:16px; height:16px;   cursor:pointer;}
.btn_radio + .text{ width:97%; height:68px !important; border:1px solid #e5e5e5; border-radius:3px; overflow:hidden;}
.btn_radio + .text textarea{ width:97%; height:37px; background:#fafafa; padding:15px 0 16px 17px; border:0; -ms-overflow-x: hidden; -ms-overflow-y: hidden;}
.re_btn.odd2 input{position:absolute; top:59px; right:0; width:70px; height:70px; background:#fff;  border:1px solid #e5e5e5; border-radius:3px; cursor:pointer; color:#444; }

#play_discussion_01 .re_list .re_good{ background:url(//img.dongascience.com/kids2016/mobile/images/common/ico_good4.png) no-repeat; background-size:61px 30px;}
#play_discussion_01 .re_list .re_txt{ margin:0; padding-top:15px; padding-left:60px; font-size:14px;}
#play_discussion_01 .re_list .re_txt.no1{ background:url(//img.dongascience.com/kids2016/mobile/images/common/ico_approval2.png) 0 13px no-repeat; background-size:54px 22px;}
#play_discussion_01 .re_list .re_txt.no2{ background:url(//img.dongascience.com/kids2016/mobile/images/common/ico_oppose2.png) 0 13px no-repeat; background-size:54px 22px;}

#play_discussion_02 .re_list .re_good{ background:url(//img.dongascience.com/kids2016/mobile/images/common/ico_good3.png) no-repeat; background-size:61px 30px;}
#play_discussion_02 .tle{ border:0; text-align:center;}
#play_discussion_02 .post_title{ padding:10px 0 0 0;}