/* 게시판 관련 css */

/* 게시판 내용이 없을때 */
.no_bbs{padding:150px 15px 40px 15px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/v2/mypage/ico_payment.png) no-repeat center 50px;background-size:95px auto;color:#888;font-size:14px;text-align:center}
#siwon_container.inside .no_bbs{padding:140px 0 40px}
.no_bbs .bt_group{margin-top:50px}

/* 게시판 리스트 : 배송, 결제내역 */
.bbs_area .bbs_list{overflow:hidden}
.bbs_area .bbs_list li{position:relative;margin-bottom:10px;border-bottom:1px solid #d7d8d8;background:#fff;font-size:12px}
.bbs_area .bbs_list .order_number a{padding-bottom:15px;color:#222;font-size:13px}
.bbs_area .bbs_list .order_number .order{display:block;margin-bottom:2px;padding-top:12px}
.bbs_area .bbs_list .order_number strong{color:#2b7af1}
.bbs_area .bbs_list .date{padding-left:15px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/ico_date.png) no-repeat left 50%;background-size:11px auto;color:#c2c2c2;font-size:12px}
.bbs_area .bbs_list .order_info,
.bbs_area .bbs_list .order_info .a_block{padding:10px;background:#f7f7f7}
.bbs_area .bbs_list .order_info .subject{display:block;padding:3px 0 7px 0;color:#888;font-size:13px;line-height:1.4}
.bbs_area .bbs_list .order_info .state{display:inline-block;width:54px;height:17px;border-radius:3px;background:#fff;color:#fff;font-size:10px;text-align:center;line-height:17px;font-style: italic;}
.bbs_area .bbs_list .order_info .state.c1{border:1px solid #2b7af1;color:#2b7af1}
.bbs_area .bbs_list .order_info .state.c2{border:1px solid #e9240f;color:#e9240f}
.bbs_area .bbs_list .order_info .state.c3{border:1px solid #5b5b5b;color:#5b5b5b}
.bbs_area .bbs_list .bt_view{display:inline-block;position:absolute;top:10px;right:10px;width:17px;height:17px;text-indent:-999em;background:url(//siwon-cdn.siwonschool.com/img/kids/m/v2/comm/img_aside_menu.png) no-repeat -59px 0;background-size:auto 17px}

/* 게시판 리스트 : 공지사항, 자주하는질문, 1:1문의 */
.bbs_area .bbs_list2 li{padding:15px 0;border-bottom:1px solid #eeeef0}
.bbs_area .bbs_list2 li.link{padding:0}
.bbs_area .bbs_list2 li.link .a_block{position:relative;padding:15px 0}
.bbs_area .bbs_list2 li.link.open .a_block{border-bottom:1px dotted #9a9a9a}
.bbs_area .bbs_list2 li .subject{display:block;padding-right:30px;color:#0c2436;font-size:15px;font-weight:bold;line-height:1.2}
.bbs_area .bbs_list2 li .subject.new{padding-left:25px;background:url(//siwon-cdn.siwonschool.com/img/japan/m/comm/ico_new.png) no-repeat left 3px;background-size:15px auto}
.bbs_area .bbs_list2 li .subject.q{min-height:20px;padding-left:25px;background:url(//siwon-cdn.siwonschool.com/img/japan/m/sub/ico_q.png) no-repeat left 0;background-size:16px auto}
.bbs_area .bbs_list2 li .date{display:block;margin-top:10px;padding-left:16px;background:url(//siwon-cdn.siwonschool.com/img/japan/m/comm/ico_date.png) no-repeat left 50%;background-size:11px auto;color:#ccc;font-size:12px}
.bbs_area .bbs_list2 li .date.inq{position:absolute;top:10px;right:0}
.bbs_area .bbs_list2 li .arw{display:block;position:absolute;top:50%;right:0;width:18px;height:10px;margin-top:-5px;background:url(//siwon-cdn.siwonschool.com/img/japan/m/comm/img_updown2.png) no-repeat 0 -11px;background-size:18px auto}
.bbs_area .bbs_list2 li.open .arw{background-position:0 0}
.bbs_area .bbs_list2 li .prog{display:block;width:62px;height:24px;margin-bottom:10px;color:#fff;font-size:11px;text-align:center;line-height:24px}
.bbs_area .bbs_list2 li .prog.ing{background:#ccc}
.bbs_area .bbs_list2 li .prog.finish{background:#ff8072}
.bbs_area .bbs_list2 .post{display:none;padding:20px 15px;background:#f7f7f7;color:#0c2436;font-size:13px;line-height:1.6}
.bbs_area .bbs_list2 .post img{max-width:100%;margin:15px 0}
.bbs_area .bbs_list2 .post .qt{display:block;width:33px;height:16px;margin-bottom:7px;border:1px solid #0c2436;color:#0c2436;font-size:12px;text-align:center;line-height:16px}
.bbs_area .bbs_list2 .post .aw{display:block;width:33px;height:16px;margin-bottom:7px;border:1px solid #f53e42;color:#f53e42;font-size:12px;text-align:center;line-height:16px}
.bbs_area .bbs_list2 .post .aw_box{margin:25px -15px 0 -15px;padding:20px 15px;border-top:1px solid #ccc}
.bbs_area .bt_group .bt_more1{margin-top:10px}
.bbs_area .cate_box{margin:0 -15px 35px -16px}
.bbs_area .cate_box ul{overflow:hidden}
.bbs_area .cate_box li{float:left;width:25%;box-sizing:border-box}
.bbs_area .cate_box li a{display:block;width:100%;height:39px;background:#fff;border-left:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;color:#9a9a9a;font-size:14px;text-align:center;line-height:39px;box-sizing:border-box}
.bbs_area .cate_box li a.on{background:#0c2436;color:#fff}

/* 구매하기 리스트 */
.bbs_area .bbs_list3 li{position:relative;margin-top:15px;padding:10px 15px;border-bottom:1px solid #ccc;background:#fff}
.bbs_area .bbs_list3 li:last-child{border-bottom:0}
.bbs_area .bbs_list3 .lec_img{padding-bottom:10px;text-align:center}
.bbs_area .bbs_list3 .lec_img img{width:100%}
.bbs_area .bbs_list3 .lec_img .comingsoon{display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding:10px 15px;box-sizing:border-box}
.bbs_area .bbs_list3 .ico{position:absolute;top:20px;left:25px}
.bbs_area .bbs_list3 .ico img{width:42px}
.bbs_area .bbs_list3 dt{position:relative;padding:11px 0;color:#000;font-size:15px}
.bbs_area .bbs_list3 dt .price{position:absolute;top:11px;right:0;color:#000;font-size:11px}
.bbs_area .bbs_list3 dt .price strong{font-size:16px;font-weight:bold}
.bbs_area .bbs_list3 dt i{display:inline-block;width:38px;height:17px;margin-left:6px;border-radius:15px;color:#fff;font-size:9px;font-weight:bold;font-style:italic;text-align:center;line-height:17px;vertical-align:middle}
.bbs_area .bbs_list3 dt i.best{background:#2b7af1}
.bbs_area .bbs_list3 dt i.hot{background:#ff5a5a}
.bbs_area .bbs_list3 .lec_info{border-top:1px solid #e4e4e4}
.bbs_area .bbs_list3 .lec_info .subject{display:inline-block;padding-right:80px}
.bbs_area .bbs_list3 .lec_info dd.info{padding:14px;background:#f7f7f7;color:#666;font-size:12px;line-height:1.6;text-align:right}
.bbs_area .bbs_list3 .bt_group{margin-top:10px;overflow:hidden}
.bbs_area .bbs_list3 .bt_group a{display:inline-block;width:49.5%;height:39px;font-size:15px;text-align:center;line-height:39px;box-sizing:border-box}
.bbs_area .bbs_list3 .bt_group .bt_view{float:left;border:1px solid #ccc;background:#fff}
.bbs_area .bbs_list3 .bt_group .bt_app{float:right;border:1px solid #2b7af1;background:#2b7af1;color:#fff}

/* 게시판 글쓰기 */
.bbs_area .bbs_write .write_form dt,.bbs_area .bbs_write .write_form dd{margin-bottom:10px}
.bbs_area .bbs_write .write_form .textarea_st1{height:175px}

/* 쓰기 양식 */
.bbs_write{padding:20px 4% 40px 4%;background:#f3f4f8}
.bbs_write .inner{padding:4%;background:#fff;border:1px solid #ddd}
.bbs_write .sec_tit{padding:.8em 0;font-size:1.15rem;color:#777}
.bbs_write .att_box{margin-top:5px}
.bbs_write .input_st1{display:inline-block;padding:1em;border:1px solid #ddd;font-size:.9rem;background:#fff;vertical-align:top}
.bbs_write .input_st1::placeholder{color:#aaa}
.bbs_write .textarea_st1{width:100%;height:200px;border:1px solid #ddd}
.bbs_write .textarea_st1:placeholder{color:#aaa}
.bbs_write .caution{display:block;padding-top:5px;font-size:10px;line-height:1.4}
.bbs_write .agree{margin-top:10px;}
.bbs_write .agree .tit{padding:15px;border:1px solid #ddd;border-bottom:none;font-size:.9rem;font-weight:bold;color:#000;background:#fff}
.bbs_write .agree .agree_box{max-height:100px;overflow:auto;padding:10px 15px;border:1px solid #ddd;background:#fafafa}
.bbs_write .agree .agree_box dt{font-size:.7rem;color:#000;line-height:1.4}
.bbs_write .agree .agree_box dd{padding-bottom:.7em;font-size:.7rem;color:#999;line-height:1.4}
.bbs_write .agree .agree_check{padding:8px 0}
.bbs_write table.write_table{width:100%}
.bbs_write table.write_table th{padding:8px 0;color:#000;font-size:12px;text-align:left}
.bbs_write table.write_table td{padding:8px 0;font-size:12px}
.bbs_write table.write_table .top{vertical-align:top;padding-top:24px}
.bbs_write table.write_table .input_ty2 .input_st1{float:left;width:50%}
.bbs_write table.write_table .input_ty2 .input_st1:first-child{width:49%;margin-right:1%}
.bbs_write table.write_table .txt_noti{float:left;display:block;margin-top:5px;color:#999;font-size:10px}
.bbs_write table.write_table td .select_view.star{color:#2f62cb}
.bbs_write table.write_table td .select_view.star .selected{color:#2f62cb}
.bbs_write table.write_table .input_comm_file{position:relative;float:left;width:42px;height:42px;margin-left:1%;border:1px solid #ddd;}
.bbs_write table.write_table .input_comm_file:first-child{margin-left:0}
.bbs_write table.write_table .input_comm_file .input_st1{border:0}
.bbs_write table.write_table .input_comm_file .del{display:block;position:absolute;top:-1px;right:-1px;width:100%;height:42px;z-index:3;text-align:right}
.bbs_write table.write_table .input_comm_file .thumb{position:absolute;top:0;left:0;width:42px;height:42px;z-index:2;overflow:hidden}
.bbs_write table.write_table .input_comm_file .thumb img{max-width:100%}
.bbs_write table.write_table .input_comm_file .bt_upload{width:100%;background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/comm/file_upload_default.jpg) no-repeat 50% 50%;background-size:42px auto}
.review_section .bt_bott_area{overflow:hidden}

/* 게시판 뷰 */
.bbs_area .bbs_view{padding:15px 0 50px 0}
.bbs_area .bbs_view .view_head{margin:0 15px;padding:10px 0;border-bottom:1px solid #ccc}
.bbs_area .bbs_view .view_head h3{padding:0 2px;color:#0c2436;font-size:15px;font-weight:bold}
.bbs_area .bbs_view .view_head h3 .subject{display:block;margin-top:8px;color:#666;font-weight:normal;line-height:1.3}
.bbs_area .bbs_view .view_head .info{position:relative;margin-top:25px;margin-right:8px}
.bbs_area .bbs_view .view_head .author{display:inline-block;padding-top:8px;color:#9a9a9a;font-size:12px}
.bbs_area .bbs_view .view_head .author i{display:inline-block;position:relative;top:1px;margin:0 10px;width:1px;height:11px;background:#ccc;overflow:hidden}
.bbs_area .bbs_view .view_head .reply{display:block;position:absolute;top:0;right:8px;width:26px;height:22px;background:url(//siwon-cdn.siwonschool.com/img/japan/m/comm/img_reply_foot.png) no-repeat 0 -40px;background-size:26px auto}
.bbs_area .bbs_view .view_head .reply span{display:inline-block;position:relative;top:4px;padding-left:30px;color:#f53e42;font-size:13px}
.bbs_area .bbs_view .view_post{padding:20px 25px;color:#0c2436;font-size:13px;line-height:1.4}
.bbs_area .bbs_view .view_post img{max-width:100%}
.bbs_area .bbs_view .view_foot{position:relative;height:50px;border-top:1px solid #eeeef0}
.bbs_area .bbs_view .view_foot .reply{display:block;position:absolute;top:14px;left:36px;width:26px;height:22px;background:url(//siwon-cdn.siwonschool.com/img/japan/m/comm/img_reply_foot.png) no-repeat 0 -40px;background-size:26px auto}
.bbs_area .bbs_view .view_foot .reply span{display:inline-block;position:relative;top:4px;padding-left:30px;color:#f53e42;font-size:13px}
.bbs_area .bbs_view .view_foot .write_option{position:absolute;top:15px;right:30px;width:23px}
.bbs_area .bbs_view .view_foot .write_option .btn_option{display:block;width:23px;height:23px;background:url(//siwon-cdn.siwonschool.com/img/japan/m/comm/ico_write.png) no-repeat;background-size:23px auto;text-indent:-999em}
.bbs_area .bbs_view .view_foot .write_option .option_list{display:none;position:absolute;top:-85px;left:-30px;width:50px;height:75px;padding-top:5px;background:url(//siwon-cdn.siwonschool.com/img/japan/m/comm/bg_bbs_option.png) no-repeat;background-size:50px auto;color:#0c2436}
.bbs_area .bbs_view .view_foot .write_option .option_list.modify{display:block}
.bbs_area .bbs_view .view_foot .write_option .option_list li{font-size:12px;text-align:center}
.bbs_area .bbs_view .view_foot .write_option .option_list li a{display:inline-block;padding:8px 13px}
.bbs_area .bbs_view .view_foot .write_option .option_list li:last-child a:before{display:block;position:relative;top:-8px;left:50%;width:20px;margin-left:-10px;height:1px;background:#0c2436;content:'';box-sizing:border-box}
.bbs_area .bbs_view .view_foot .sns{display:block;position:absolute;top:11px;right:30px;width:26px;height:25px;text-align:center}
.bbs_area .bbs_view .view_foot .sns span{display:inline-block;height:25px;background:url(//siwon-cdn.siwonschool.com/img/japan/m/comm/img_reply_foot.png) no-repeat center top;background-size:26px auto;color:#f53e42;font-size:13px;font-weight:bold;text-align:center}
.bbs_area .bbs_view .view_foot .sns span{width:25px;background-position:0 -77px;text-indent:-999em}

.bbs_area .bbs_view .view_foot .reply_list{display:block;position:relative;top:-1px;margin-bottom:10px;border-top:1px solid #ccc;background:#eeeef0}
.bbs_area .bbs_view .view_foot .option li.date{color:#9a9a9a;font-size:12px;text-align:center;line-height:52px}
.bbs_area .bbs_view .view_foot .reply_slider{overflow:hidden}
.bbs_area .bbs_view .view_foot .reply_slider li{height:50px;padding-top:8px}
.bbs_area .bbs_view .view_foot .reply_slider .thumb{display:block;position:absolute;left:10px;top:50%;width:30px;height:30px;margin-top:-15px}
.bbs_area .bbs_view .view_foot .reply_slider .thumb img{width:30px;height:30px;border-radius:15px;border:2px solid #dbdbdb}
.bbs_area .bbs_view .view_foot .reply_slider .name{display:block;margin-top:5px;color:#9a9a9a;font-size:13px;line-height:14px}
.bbs_area .bbs_view .view_foot .reply_slider .comment{margin-left:52px}
.bbs_area .bbs_view .view_foot .reply_slider .cont{display:block;margin-top:5px;color:#000;font-size:13px;line-height:14px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis}

/* 댓글 */
.reply_area{padding:15px 0;background:#fff;border-top:1px dotted #ccc}
.reply_area .reply_write .textarea_st1{float:left;width:75%;height:65px;border:1px solid #ddd;background:#fff;color:#999;font-size:12px}
.reply_area .reply_write .write .button{float:right;width:24%;height:65px;margin-left:1%;background:#2b7af1;box-sizing:border-box;color:#fff;font-size:13px;text-align:center}
.reply_area .reply_list{margin-top:15px;border-top:1px solid #d1d1d1}
.reply_area .reply_info{position:relative;padding:10px;overflow:hidden}
.reply_area .re_box .reply_info{padding:10px 0 10px 15px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/v2/comm/arw_re.png) no-repeat left 50%;background-size:12px auto}
.reply_area .reply_info .thumb{display:inline-block;margin-right:7px;vertical-align:middle}
.reply_area .reply_info .thumb img{width:30px;height:30px;border:2px solid #ddd;border-radius:30px}
.reply_area .reply_info .name{color:#333;font-size:12px}
.reply_area .reply_info .date{margin-left:8px;padding-left:15px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/ico_time.png) no-repeat left 50%;background-size:10px auto;color:#999;font-size:11px}
.reply_area .reply_info .btn{position:absolute;top:10px;right:10px;font-size:12px}
.reply_area .re_box .reply_info .btn{right:0}
.reply_area .reply_info .btn a{display:inline-block;width:40px;height:21px;line-height:21px;text-align:center}
.reply_area .reply_info .btn a.modify{border:1px solid #2b7af1;color:#2b7af1}
.reply_area .reply_info .btn a.del{border:1px solid #ccc;color:#999}
.reply_area .reply_info .btn .bt_st4{display:inline-block}
.reply_area .cont{padding:0 10px 10px 10px;color:#666;font-size:12px;line-height:1.2}
.reply_area .re_box .cont{padding-left:15px}
.reply_area .re_box{padding:10px}
.reply_area .re_box .re_list{margin-top:10px;border-top:1px solid #ddd}
.reply_area .re_box .re_info{position:relative}
.reply_area .re_box .re_count{padding-left:16px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/ico_reply.png) no-repeat left 50%;background-size:10px auto;color:#333;font-size:11px}
.reply_area .re_box .re_info .btn_re{position:absolute;top:0;right:0;font-size:12px}
.reply_area .re_box .re_write{margin-top:10px}
.reply_area .re_box .re_write .input_st1{height:33px;border:1px solid #ddd}
.reply_area .re_box .input_st1{float:left;width:75%}
.reply_area .re_box .write .button{float:right;width:24%;margin-left:1%;height:33px;background:#2b7af1;box-sizing:border-box;color:#fff;font-size:13px}