/* 샘플강의 */
.bbs_sample_list li{margin-bottom:8px;background:#fff}
.bbs_sample_list li dl{position:relative;padding:20px 20px 20px 170px;overflow:hidden}
.bbs_sample_list li.file dl{padding-left:140px}
.bbs_sample_list li .tit{padding-bottom:.3em;font-size:1.3rem;color:#333;line-height:1.2}
.bbs_sample_list li .info{font-size:.9rem;line-height:1.4;color:#000}
.bbs_sample_list li .desc{font-size:.9rem;line-height:1.4;color:#999}
.bbs_sample_list li .thumb{overflow:hidden;position:absolute;top:0;left:0;width:150px;height:100%}
.bbs_sample_list li .thumb>img{width:100%;height:100%;}
.bbs_sample_list li .thumb::before{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.5);content:''}
.bbs_sample_list li .thumb::after{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;width:40px;height:40px;margin:auto;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_play.png) center center no-repeat;background-size:cover;content:''}
.bbs_sample_list li .book{position:absolute;top:0;bottom:0;left:0;width:120px;background:#f8f8f8}
.bbs_sample_list li .book img{display:block;position:absolute;width:100%;height:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.bbs_sample_list li .down{position:relative;margin-top:8px;padding-right:40px}
.bbs_sample_list li .down .bt_down{display:inline-block;overflow:hidden;position:absolute;top:0;right:0;width:35px;height:100%;white-space:nowrap;text-indent:100%;color:transparent;background:#2f62cb url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_down.png) center center no-repeat;background-size:45% auto}
.bbs_sample_list li .down .selected{padding-top:.7em !important;padding-bottom:.7em !important}
.bbs_sample_list li .down .selected::after{height:2.4em}
.bbs_sample_play > li{margin-top:8px}
.bbs_sample_play li .bt_sample_play{display:block;position:relative;width:100%;height:200px}
.bbs_sample_play li .bt_sample_play>img{width:100%;height:100%;}
.bbs_sample_play li .bt_sample_play::before{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.5);content:''}
.bbs_sample_play li .bt_sample_play::after{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;width:40px;height:40px;margin:auto;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_play.png) center center no-repeat;background-size:cover;content:''}
.bbs_sample_play li .tit{padding:1em;font-size:1rem;color:#000;background:#fff}


/* 학습하기 - 강좌목록 */
.bbs_lec_list li{margin-bottom:5px;background:#fff}
.bbs_lec_list li a{display:block;position:relative;padding-top:1.5em;padding-bottom:1.5em;padding-right:1em}
.bbs_lec_list li .thumb{display:inline-block;overflow:hidden;position:absolute;top:0;left:0;height:100%;background:#ddd}
.bbs_lec_list li .thumb img{display:inline-block;width:100%;height:auto}
.bbs_lec_list li .tit{font-size:17px;color:#333}
.bbs_lec_list li .tit .prog{display:inline-block;height:1.8em;margin-left:.5em;padding:0 .7em;border-radius:2em;font-size:10px;line-height:1.8em;font-weight:bold;color:#fff;background:#2f62cb;vertical-align:middle}
.bbs_lec_list li .desc{padding-top:.4em;font-size:.8rem;color:#999;line-height:1.4}
.bbs_lec_list li .prog_box{position:relative;margin-top:1em;padding-left:2.5em;padding-right:3em}
.bbs_lec_list li .prog_box .prog_txt{display:inline-block;position:absolute;top:0;left:0;width:3em;font-size:10px;font-weight:bold;color:#2f62cb;line-height:1}
.bbs_lec_list li .prog_box .prog{position:relative;height:.7em;border-radius:1em;background:#ddd}
.bbs_lec_list li .prog_box .prog .bar{display:inline-block;position:absolute;top:0;left:0;height:100%;border-radius:1em;background:#2f62cb}
	/* st1 : 썸네일형 / st2 : No형 */
	.bbs_lec_list.st1 li a{padding-left:9.5em} 
	.bbs_lec_list.st1 li .thumb{width:8em}
	.bbs_lec_list.st2 li a{padding-left:7em}
	.bbs_lec_list.st2 li .thumb{width:6em}
	.bbs_lec_list.st2 li .thumb b{display:inline-block;position:absolute;top:0;bottom:0;left:0;right:0;height:1em;width:100%;margin:auto;font-size:24px;color:#fff;text-align:center;line-height:1}

/* 수강신청 */
.bbs_products button{display:inline-block;width:100%;background:none}
.bbs_products >  li{padding:20px;background:#fff}
.bbs_products.specialpack > li:nth-child(even){background:#f8f8f8}
.bbs_products.specialpack > li{padding-top:40px;padding-bottom:40px}
.bbs_products .lec_tit{font-size:1.02rem;color:#333;font-weight:bold}
.bbs_products .lec_sum{margin-top:5px;margin-bottom:10px;color:#999;font-size:.85rem;line-height:1.6}
.bbs_products .base_package{position:relative;margin-bottom:10px;border:1px dashed #ccc}
.bbs_products .base_package.checked{border:1px solid #3e4bc5}
.bbs_products .check_flag{position:absolute;top:0;left:0;z-index:3;width:20px;height:20px;border:1px dashed #ccc;border-width:0 1px 1px 0;background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_add.png) center center no-repeat;background-size:7px auto}
.bbs_products .checked .check_flag{border:1px solid #3e4bc5;background-color:#3e4bc5;background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_check.png);background-size:9px auto}
.bbs_products .base_package .check_flag{width:30px;height:30px}
.bbs_products .base_package .sel_base{position:relative}
.bbs_products .base_package .sel_base:focus{outline:0}
.bbs_products .base_package .sel_base .evt_label{position:absolute;top:9%;right:0;height:20px;padding-left:15px;padding-right:10px;border-radius:10px 0 0 10px;font-size:.8rem;line-height:20px;color:#fff;background:#cf0000}
.bbs_products .base_package .sel_base .price{position:absolute;left:6%;bottom:10%;font-size:5vw;color:#3e4bc5;line-height:1}
.bbs_products .base_package .sel_base .price b{font-size:1.3em}
.bbs_products .prod_more{width:100%;height:30px;font-size:.95rem;color:#333;line-height:30px;text-align:center;background:#f1f1f1}
.bbs_products .addon_package{overflow:hidden}
.bbs_products .addon_package .add_item{position:relative;width:49%;position:relative;margin-bottom:10px;padding-bottom:30px;border:1px dashed #ccc;background:#fff}
.wrap_layer_popup .bbs_products .addon_package .add_item{padding-bottom:0;padding-top:30px}
.bbs_products .addon_package .add_item.no_info{padding-top:30px;padding-bottom:0}
.bbs_products .addon_package .add_item.checked{border:1px solid #3e4bc5}
.bbs_products .addon_package .add_item:nth-child(odd){float:left}
.bbs_products .addon_package .add_item:nth-child(even){float:right}
.bbs_products .addon_package .add_item .sel_option:focus{outline:0}
.bbs_products .addon_package .add_item .info{position:absolute;top:6%;width:100%;text-align:center}
.bbs_products .addon_package .add_item .info .option{display:inline-block;clear:both;margin-bottom:2px;padding:2px 7px;border-radius:7px;color:#fff;background:#111;font-size:.75rem}
.bbs_products .addon_package .add_item .info .tit_pdt{clear:both;font-size:.95rem;color:#333;background:rgba(255,255,255,.5);line-height:1.2}
.bbs_products .addon_package .add_item .info .price{clear:both;font-size:.95rem;color:#cf0000;background:rgba(255,255,255,.5);line-height:1.2}
.bbs_products .addon_package .add_item .prod_more{position:absolute;bottom:0;left:0}
.bbs_products .addon_package .add_item .evt_label{position:absolute;top:10px;right:0;height:20px;padding-left:15px;padding-right:10px;border-radius:10px 0 0 10px;font-size:.8rem;line-height:20px;color:#fff;background:#333}
.bbs_products .pricebox_select{border:4px solid #eee;border-width:4px 0}
.bbs_products .pricebox_select .add_list{padding-top:10px;text-align:right}
.bbs_products .pricebox_select .add_list li{display:inline-block;font-size:.95rem;color:#666;line-height:1.4}
.bbs_products .pricebox_select .add_list li.option{position:relative;padding-left:30px}
.bbs_products .pricebox_select .add_list li.option::before{position:absolute;top:4px;left:10px;width:12px;height:12px;content:'';background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_plus.png) center center no-repeat;background-size:cover}
.bbs_products .pricebox_select .total_price{text-align:right;padding:10px 0;font-size:.95rem;vertical-align:bottom}
.bbs_products .pricebox_select .total_price b{font-size:1.6em;color:#cc0000}
.bbs_products .bt_group{overflow:hidden;margin-top:5px}
.bbs_products .bt_group button{display:inline-block;width:49%;height:30px;box-sizing:border-box;box-sizing:border-box;border:1px solid #333;font-size:.85rem;color:#fff;text-align:center;line-height:28px;background:#333}
.bbs_products .bt_group button.bt_cart{float:left;color:#333;background:#fff}
.bbs_products .bt_group button.bt_app{float:right}
.bbs_products .note{margin-top:10px;border:1px solid #ccc;padding:10px;font-size:.85rem;color:#555}
.bbs_products .note  a{display:inline-block;padding-left:15px;padding-right:5px;position:relative;font-size:.85rem}
.bbs_products .note  a::before{position:absolute;top:1px;left:0;width:12px;height:12px;content:'';background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_info.png) center center no-repeat;background-size:cover}
.bbs_products .note .fc_blue{color:#3e4bc5}
.bbs_products .base_prod{position:relative}
.bbs_products .base_prod .desc_box{position:absolute;top:0;left:55%;bottom:40px;right:20px}
.bbs_products .base_prod .desc_box .desc{position:absolute;top:50%;font-size:.95rem;color:#333;line-height:1.6-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.bbs_products .base_prod .prod_more{position:absolute;width:96%;bottom:5px;left:2%;right:2%;border:1px solid #e8e8e8;background:#fff}
.bbs_products .pricebox2{position:relative;margin-top:10px;padding:10px 20px;border:1px solid #e8e8e8;background:#f8f8f8}
.bbs_products .pricebox2 .price,
.bbs_products .pricebox2 .price li{font-size:.95rem;color:#000;line-height:1}
.bbs_products .pricebox2 .price b{color:#cc0000}
.bbs_products .pricebox2 .price.select{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_select.png) right center no-repeat;background-size:6px auto}
.bbs_products .pricebox2 .price.select li{display:none}
.bbs_products .pricebox2 .price.select li.selected{display:block}
.bbs_products .pricebox2 select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding-left:20px;box-sizing:border-box;background:none;color:#000;opacity:0}
.bbs_products .pricebox2 select .fc_red{color:#cc0000}
.bbs_products .pricebox2.pc select{opacity:1}
.bbs_products .pricebox2.pc .price *{opacity:0}

.bbs_prod_single li{position:relative;margin-bottom:10px}
.bbs_prod_single .lec_img img{width:100%}
.bbs_prod_single .lec_info{margin:0 10px;padding:9px 14px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff}
.bbs_prod_single .lec_info .subject{color:#333;font-weight:bold}
.bbs_prod_single .lec_info .subject .ico{font-weight:normal}
.bbs_prod_single .lec_info .subject .ico.blue{color:#2f62cb}
.bbs_prod_single .lec_info .subject .ico.red{color:#d71818}
.bbs_prod_single .lec_info .info{margin-top:5px;background:#fff;color:#999;font-size:.8rem}
.bbs_prod_single .price_box{margin:0 10px;padding:0 14px 5px 14px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff;overflow:hidden;}
.bbs_prod_single .price_box:before{display:block;width:100%;height:1px;background:#eee;content:'';vertical-align:middle}
.bbs_prod_single .price_box .disc{display:inline-block;padding-top:5px;color:#de3a43;font-size:17px;font-weight:bold}
.bbs_prod_single .price_box .price{display:inline-block;padding-top:5px;float:right;font-size:.8rem}
.bbs_prod_single .price_box .price del{color:#9a9a9a;font-size:.8rem}
.bbs_prod_single .price_box .price .sale_price{margin-left:5px;color:#333;font-size:.95rem}
.bbs_prod_single .price_box .radio_list{padding-top:12px}
.bbs_prod_single .price_box .radio_list li{}
.bbs_prod_single .price_box .radio_list li input{}
.bbs_prod_single .price_box .radio_list li label{color:#666}
.bbs_prod_single .bt_group{padding:0 10px;overflow:hidden}
.bbs_prod_single .bt_group a{display:inline-block;width:49.8%;height:28px;box-sizing:border-box;font-size:.75rem;text-align:center;line-height:26px}
.bbs_prod_single .bt_group .bt_view{float:left;width:24.9%;background:#666;color:#fff}
.bbs_prod_single .bt_group .bt_cart{float:left;width:24.7%;margin-left:0.2%;background:#666;color:#fff}
.bbs_prod_single .bt_group .bt_app{float:right;background:#2f62cb;color:#fff}
.lec_cate_area.thumb_type .bbs_prod_single{padding:0 10px 0}
.lec_cate_area.thumb_type .bbs_prod_single .lec_img{position:absolute;top:0;left:15px;width:88px;height:78px;overflow:hidden}
.lec_cate_area.thumb_type .bbs_prod_single .lec_img img{width:88px}
.lec_cate_area.thumb_type .bbs_prod_single .lec_info{min-height:72px;margin:0;padding:9px 14px 9px 115px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff;box-sizing:initial}
.lec_cate_area.thumb_type .bbs_prod_single .lec_info2{min-height:72px;margin:0;padding:0 14px 9px 115px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff}
.lec_cate_area.thumb_type .bbs_prod_single .lec_info2 dt{font-size:.8rem;color:#333}
.lec_cate_area.thumb_type .bbs_prod_single .lec_info2 dd{padding-left:8px;text-indent:-8px;margin-top:5px;font-size:.8rem;color:#999;background:#fff}
.lec_cate_area.thumb_type .bbs_prod_single .price_box{margin:0}
.lec_cate_area.thumb_type .bbs_prod_single .tt{display:block;color:#333}
.lec_cate_area.thumb_type .bbs_prod_single .price_box .peri{display:inline-block;padding-top:10px;color:#666;font-size:.8rem}
.lec_cate_area.thumb_type .bbs_prod_single .price_box .price{padding-top:10px}
.lec_cate_area.thumb_type .bbs_prod_single .pri{margin-top:10px;color:#333;font-weight:bold;font-size:.95rem}
.lec_cate_area.thumb_type .bbs_prod_single .bt_group{padding:0}

/* 수강신청 v2 */
.bbs_area .bbs_list8 button{display:inline-block;width:100%;background:none}
.bbs_area .bbs_list8 >  li{padding:20px;background:#fff}
.bbs_area .bbs_list8.specialpack > li:nth-child(even){background:#f8f8f8}
.bbs_area .bbs_list8.specialpack > li{padding-top:40px;padding-bottom:40px}
.bbs_area .bbs_list8 .lec_tit{font-size:15px;color:#333;font-weight:bold}
.bbs_area .bbs_list8 .lec_sum{margin-top:5px;margin-bottom:10px;color:#999;font-size:12px;line-height:1.6}
.bbs_area .bbs_list8 .base_package{position:relative;margin-bottom:10px;border:1px dashed #ccc}
.bbs_area .bbs_list8 .base_package.checked{border:1px solid #3e4bc5}
.bbs_area .bbs_list8 .check_flag{position:absolute;top:0;left:0;z-index:3;width:20px;height:20px;border:1px dashed #ccc;border-width:0 1px 1px 0;background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_add.png) center center no-repeat;background-size:7px auto}
.bbs_area .bbs_list8 .checked .check_flag{border:1px solid #3e4bc5;background-color:#3e4bc5;background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_check.png);background-size:9px auto}
.bbs_area .bbs_list8 .base_package .check_flag{width:30px;height:30px}
.bbs_area .bbs_list8 .base_package .sel_base{position:relative}
.bbs_area .bbs_list8 .base_package .sel_base:focus{outline:0}
.bbs_area .bbs_list8 .base_package .evt_label{position:absolute;top:9%;right:0;height:20px;padding-left:15px;padding-right:10px;border-radius:10px 0 0 10px;font-size:12px;line-height:20px;color:#fff;background:#cf0000}
.bbs_area .bbs_list8 .base_package .sel_base .price{position:absolute;left:6%;bottom:10%;font-size:5vw;color:#cf0000;line-height:1}
.bbs_area .bbs_list8 .base_package .sel_base .price b{font-size:1.3em}
.bbs_area .bbs_list8 .prod_more{display:inline-block;width:100%;height:30px;font-size:14px;color:#333;line-height:30px;text-align:center;background:#f1f1f1}
.bbs_area .bbs_list8 .addon_package{overflow:hidden}
.bbs_area .bbs_list8 .addon_package .add_item{position:relative;width:49%;position:relative;margin-bottom:10px;padding-bottom:30px;border:1px dashed #ccc;background:#fff}
.bbs_area .bbs_list8 .addon_package .add_item.no_info{padding-top:30px;padding-bottom:0}
.bbs_area .bbs_list8 .addon_package .add_item.checked{border:1px solid #3e4bc5}
.bbs_area .bbs_list8 .addon_package .add_item:nth-child(odd){float:left}
.bbs_area .bbs_list8 .addon_package .add_item:nth-child(even){float:right}
.bbs_area .bbs_list8 .addon_package .add_item .sel_option:focus{outline:0}
.bbs_area .bbs_list8 .addon_package .add_item .info{position:absolute;top:25%;left:9%;text-align:left}
.bbs_area .bbs_list8 .addon_package .add_item.no_info .info{top:30%}
.bbs_area .bbs_list8 .addon_package .add_item .info .option{display:inline-block;padding:2px 7px;margin-bottom:2px;border-radius:7px;color:#fff;background:#111;font-size:11px;}
.bbs_area .bbs_list8 .addon_package .add_item .info .tit_pdt{font-size:14px;color:#333;line-height:1.2}
.bbs_area .bbs_list8 .addon_package .add_item .info .price{font-size:14px;color:#cf0000;line-height:1.2}
.bbs_area .bbs_list8 .addon_package .add_item .prod_more{position:absolute;bottom:0;left:0}
.bbs_area .bbs_list8 .addon_package .add_item .evt_label{position:absolute;top:10px;right:0;height:20px;padding-left:15px;padding-right:10px;border-radius:10px 0 0 10px;font-size:12px;line-height:20px;color:#fff;background:#333}
.bbs_area .bbs_list8 .pricebox_select{border:4px solid #eee;border-width:4px 0}
.bbs_area .bbs_list8 .pricebox_select .add_list{padding-top:10px;text-align:right}
.bbs_area .bbs_list8 .pricebox_select .add_list li{display:inline-block;font-size:14px;color:#666;line-height:1.4}
.bbs_area .bbs_list8 .pricebox_select .add_list li.option{position:relative;padding-left:30px}
.bbs_area .bbs_list8 .pricebox_select .add_list li.option::before{position:absolute;top:4px;left:10px;width:12px;height:12px;content:'';background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_plus.png) center center no-repeat;background-size:cover}
.bbs_area .bbs_list8 .pricebox_select .total_price{text-align:right;padding:10px 0;font-size:14px;vertical-align:bottom}
.bbs_area .bbs_list8 .pricebox_select .total_price b{font-size:1.6em;color:#cc0000}
.bbs_area .bbs_list8 .bt_group{overflow:hidden;margin-top:5px}
.bbs_area .bbs_list8 .bt_group button{display:inline-block;width:49%;height:30px;box-sizing:border-box;box-sizing:border-box;border:1px solid #333;font-size:13px;color:#fff;text-align:center;line-height:28px;background:#333}
.bbs_area .bbs_list8 .bt_group button.bt_cart{float:left;color:#333;background:#fff}
.bbs_area .bbs_list8 .bt_group button.bt_app{float:right}
.bbs_area .bbs_list8 .note{margin-top:10px;border:1px solid #ccc;padding:10px;font-size:13px;color:#555}
.bbs_area .bbs_list8 .note > a{display:inline-block;padding-left:15px;padding-right:5px;position:relative}
.bbs_area .bbs_list8 .note > a::before{position:absolute;top:1px;left:0;width:12px;height:12px;content:'';background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_info.png) center center no-repeat;background-size:cover}
.bbs_area .bbs_list8 .note .fc_blue{color:#3e4bc5}
.bbs_area .bbs_list8 .base_prod{position:relative}
.bbs_area .bbs_list8 .base_prod .desc_box{position:absolute;top:0;left:55%;bottom:40px;right:20px}
.bbs_area .bbs_list8 .base_prod .desc_box .desc{position:absolute;top:50%;font-size:14px;color:#333;line-height:1.6-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.bbs_area .bbs_list8 .base_prod .prod_more{position:absolute;width:96%;bottom:5px;left:2%;right:2%;border:1px solid #e8e8e8;background:#fff}
.bbs_area .bbs_list8 .pricebox2{position:relative;margin-top:10px;padding:10px 20px;border:1px solid #e8e8e8;background:#f8f8f8}
.bbs_area .bbs_list8 .pricebox2 .price,
.bbs_area .bbs_list8 .pricebox2 .price li{font-size:14px;color:#000;line-height:1}
.bbs_area .bbs_list8 .pricebox2 .price b{color:#cc0000}
.bbs_area .bbs_list8 .pricebox2 .price.select{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_select.png) right center no-repeat;background-size:6px auto}
.bbs_area .bbs_list8 .pricebox2 .price.select li{display:none}
.bbs_area .bbs_list8 .pricebox2 .price.select li.selected{display:block}
.bbs_area .bbs_list8 .pricebox2 select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding-left:20px;box-sizing:border-box;background:none;color:#000;opacity:0}
.bbs_area .bbs_list8 .pricebox2 select .fc_red{color:#cc0000}
.bbs_area .bbs_list8 .pricebox2.pc select{opacity:1}
.bbs_area .bbs_list8 .pricebox2.pc .price *{opacity:0}

/* 일반 게시판 */
.bbs_board{border-top:1px solid #ddd}
.bbs_board > li{border-bottom:1px solid #ddd;cursor:pointer}
.bbs_board .tit_area{padding:20px 4%;background:#fff}
.bbs_board [data-has-cont] .tit_area{position:relative;padding-right:12%}
.bbs_board [data-has-cont] .tit_area::after{position:absolute;top:50%;right:4%;width:20px;height:20px;margin-top:-10px;border:1px solid #ddd;border-radius:100%;background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/comm/arr_gray_down.png) center center no-repeat;background-size:10px auto;content:''}
.bbs_board [data-has-cont][data-state-on] .tit_area::after{transform:rotate(180deg)}
.bbs_board .tit_area .tag_best{display:inline-block;margin-bottom:.5rem;padding:.5em;border-radius:2em;font-size:.8em;color:#fff;line-height:1;background:#2f62cb}
.bbs_board .tit_area .tit{display:block;font-size:1rem;line-height:1.4;color:#000}
.bbs_board .tit_area .tit .ico_new{display:inline-block;margin-left:5px;width:1.4em;height:1.4em;border-radius:100%;color:#fff;font-size:.8rem;font-weight:bold;text-align:center;line-height:1.4em;background:#ff493d}
.bbs_board .tit_area .info{padding-top:.8em 0;font-size:.8rem}
.bbs_board .tit_area .info span{position:relative;padding:0 .7em;color:#999;line-height:1;vertical-align:middle}
.bbs_board .tit_area .info span::before{position:absolute;top:0;left:0;width:1px;height:100%;background:#ddd;content:''}
.bbs_board .tit_area .info span:first-child{padding-left:0}
.bbs_board .tit_area .info span:first-child::before{content:none}
.bbs_board .tit_area .modify{margin-top:.8em}
.bbs_board .cont_area{padding:20px 4%;border-top:1px solid #ddd;background:#f2f4f7}
.bbs_board [data-has-cont] .cont_area{display:none}
.bbs_board .cont_area .cont{padding-bottom:15px}
.bbs_board .cont_area .cont,
.bbs_board .cont_area .cont p,
.bbs_board .cont_area .cont div{font-size:.9rem;line-height:1.6}
.bbs_board .cont_area .cont img{display:block;max-width:100%;height:auto !important;padding:5px 0}
.bbs_board .cont_area .cont video,
.bbs_board .cont_area .cont table{max-width:100% !important}
.bbs_board .cont_area .lec_bt{padding-bottom:15px}
.bbs_board .cont_area .lec_bt .bt_cl_1{width:100%}
.bbs_board .cont_area .down .tit{font-size:.8rem;font-weight:bold;color:#000}
.bbs_board .cont_area .down .ico_file{display:inline-block;margin:0 3px;width:11px;height:14px;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_file.png) center center no-repeat;background-size:cover}
.bbs_board .cont_area .down .bt_down{position:relative;width:100%;margin-top:5px;padding-right:15%;box-sizing:border-box;padding-left:1em;text-align:left;font-size:.8rem;line-height:1.2}
.bbs_board .cont_area .down .bt_down::after{position:absolute;top:50%;right:1em;width:20px;height:18px;margin-top:-9px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_down.png) center center no-repeat;background-size:cover;content:''}
.bbs_board .cont_area .down .bt_down:last-child{margin-bottom:15px}
.bbs_board .cont_area .share{position:relative}
.bbs_board .cont_area .share .bt_share{display:block;width:100%;height:3em;box-sizing:border-box;color:#fff;font-size:.8rem;line-height:1;text-align:center;vertical-align:middle;background:#000}
.bbs_board .cont_area .share .bt_share span{padding-right:2em;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_share2.png) right center no-repeat;background-size:contain}
.bbs_board .reply_area{padding:0 4%;border:1px solid #ddd;background:#fff}
.bbs_board .reply_area .textarea_st1::placeholder{font-size:.85rem}
.bbs_board .reply_area .reply_input{padding:15px 0}
.bbs_board .reply_area .reply_box{border-top:1px solid #eee;padding:15px 0}
.bbs_board .reply_area .reply_box .reply{position:relative}
.bbs_board .reply_area .reply_box .reply.dep2{padding-left:20px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/reply.png) left top no-repeat;background-size:10px auto}
.bbs_board .reply_area .reply_box .reply .tit{padding-bottom:.5em;line-height:1}
.bbs_board .reply_area .reply_box .reply .name{font-size:1rem;color:#000}
.bbs_board .reply_area .reply_box .reply .date{font-size:.8rem;color:#999}
.bbs_board .reply_area .reply_box .reply .cont{font-size:.9rem;color:#666;line-height:1.4}
.bbs_board .reply_area .reply_box .input_comm button{padding:0 !important}
.bbs_board .reply_area .reply_box .edit{position:absolute;top:0;right:0;font-size:.8rem;color:#999;vertical-align:middle}
.bbs_board .reply_area .reply_box .edit button{font-size:.7rem;color:#999}
.bbs_board.view .tit_area{background:#f2f4f7}
.bbs_board.view .cont_area{padding-top:0;border-top:none}
.bbs_board .nolist{border:0px;}
.bbs_board .nolist > p{padding:31.25vw 0;text-align:center;font-size:1rem;color:#404040}

/* 보기 양식 */
.bbs_view{margin-top:5px;background:#fff}
.bbs_view .tit_area{padding:20px 4%;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.bbs_view .tit_area .tit{display:block;font-size:1rem;line-height:1.4;color:#000}
.bbs_view .tit_area .tit .ico_new{display:inline-block;margin-left:5px;width:1.4em;height:1.4em;border-radius:100%;color:#fff;font-size:.8rem;font-weight:bold;text-align:center;line-height:1.4em;background:#ff493d}
.bbs_view .tit_area .info{padding-top:.8em;font-size:.8rem;color:#999;line-height:1;vertical-align:middle}
.bbs_view .cont_area{padding:20px 4%;border-bottom:1px solid #ddd}
.bbs_view .cont_area .q{padding-bottom:.5em;font-size:.9rem;line-height:1.6}
.bbs_view .cont_area .a .a_list li{display:inline-block;min-width:49%;margin-bottom:5px}
.bbs_view .cont_area .a,
.bbs_view .cont_area .a p,
.bbs_view .cont_area .a div{font-size:.9rem;line-height:1.6}
.bbs_view .cont_area .a img{display:block;max-width:100%;height:auto !important;padding:5px 0}
.bbs_view .cont_area .bt_area{overflow:hidden;margin-top:10px;text-align:center}

/* 공통 게시판 뷰 (renew) */
.inner .bbs_view{background:none}
.bbs_view{margin-bottom:4%}
.bbs_view .view_tit{position:relative;padding:20px;border-bottom:0;background:#fff}
.bbs_view .view_tit .tit{color:#333;font-size:14px;text-align:center}
.bbs_view .view_tit .tit .cate{display:block;padding-bottom:3px;}
.bbs_view .view_tit .tit .subject{display:block;line-height:1.4}
.bbs_view .view_tit .count{padding-bottom:15px;color:#999;font-size:12px;text-align:center}
.bbs_view .view_tit .best{font-weight:normal}
.bbs_view .view_tit .wrap_info{padding-top:20px;min-height:50px;color:#999;font-size:11px}
.bbs_view .view_tit .wrap_info .name{vertical-align:middle}
.bbs_view .view_tit .wrap_info .date{margin-left:10px;padding-left:10px;color:#888;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/www/v2/comm/footer_bar.jpg) left 3px no-repeat}
.bbs_view .view_tit .wrap_info .st{display:block;margin-top:5px}
.bbs_view .view_tit .wrap_info .st i{color:#2f62cb}

.bbs_view .view_tit .bt_recommend{position:absolute;bottom:20px;right:21px;display:inline-block;width:98px;height:28px;border:1px solid #d71818;text-align:center}
.bbs_view .view_tit .bt_recommend a{display:inline-block;height:28px;color:#d71818;line-height:25px;font-size:13px}
.bbs_view .recommend .ico_heart{display:inline-block;position:relative;top:2px;width:12px;height:12px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/community/ico_heart.png) left bottom no-repeat}
.bbs_view .recommend.on .ico_heart{background-position:left top}

.bbs_view .view_cont{padding:0 20px 20px;line-height:1.8;background:#fff}
.bbs_view .view_cont .cont{padding-top:20px;border-top:1px solid #e8e8e8;font-size:13px;line-height:1.6}
.bbs_view .view_cont .cont p{font-size:13px;line-height:1.6}
.bbs_view .view_cont .link_lec{display:block;margin:0 0 10px 0}
.bbs_view .view_cont .link_lec .go{display:inline-block;width:100%;height:35px;border:1px solid #999;background:#fff;color:#999;line-height:35px;font-size:13px;text-align:center}
.bbs_view .view_cont .tag_area{display:block;}
.bbs_view .view_cont .tag_area .tag_list{margin-top:30px;padding-bottom:19px;overflow:hidden}
.bbs_view .view_cont .tag_area .tag_list li{float:left;margin-right:15px;margin-bottom:3px;padding:0 3px;background:#eaeaea;color:#000;font-size:12px;}
.bbs_view .view_cont .tag_area .tag_list li .hash:before{content:"#"}
.bbs_view .view_cont .preview_area{display:block}
.bbs_view .view_cont .preview_area .preview_list{padding:0 0 20px 0;overflow:hidden}
.bbs_view .view_cont .preview_area .preview_list li{float:left;width:45px;height:45px;margin-left:1%;border:1px solid #e9e9e9;background:#fff;overflow:hidden}
.bbs_view .view_cont .preview_area .preview_list li img{width:100%;height:100%}
.bbs_view .view_cont .preview_area .preview_list li .thumb{position:relative;display:block;width:45px;height:45px}
.bbs_view .view_cont .preview_area .preview_list li .mask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(//siwon-cdn.siwonschool.com/img/www/v2/comm/bg_black_opacity50.png)}
.bbs_view .view_cont .preview_area .preview_list li .thumb:hover .mask{display:block}
.bbs_view .view_cont .preview_area .preview_list li .thumb .ico_play{display:block;position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/comm/ico_play4.png) no-repeat;background-size:20px auto}
.bbs_view .view_cont .bt_group{display:block;overflow:hidden}
.bbs_view .view_cont .bt_group a{float:left;display:inline-block;width:49.5%;vertical-align:middle}
.bbs_view .view_cont .bt_group a:last-child{margin-left:1%}
.bbs_view .bt_group_list{margin-top:15px;text-align:center}
.bbs_view .bt_group_list a{width:50%}
.bbs_view .view_reply{padding:20px;margin-top:15px;border:1px solid #ddd;background:#fff}
.bbs_view .view_reply .bt_reply{display:inline-block;float:right;height:68px;width:25%;background:#2f62cb;font-size:14px;text-align:center;color:#fff}
.bbs_view .view_reply .bt_reply2{display:inline-block;float:right;height:30px;width:80px;padding-bottom:4px;background:#2f62cb;font-size:14px;text-align:center;color:#fff;line-height:21px;vertical-align:middle}
.bbs_view .view_reply .wrap_reply_2dep{padding:20px 0 0 0;border-top:1px solid #e8e8e8}
.bbs_view .view_reply .reply_1dep{position:relative;padding-bottom:30px;overflow:hidden;font-size:13px}
.bbs_view .view_reply .reply_2dep{overflow:hidden;position:relative;padding:0 0 20px 20px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/community/bul_reply.png) left top no-repeat;background-size:8px auto}
.bbs_view .view_reply .wrap_reply_1dep{margin-top:20px;padding-top:20px;border-top:1px solid #e9e9e9}
.bbs_view .view_reply .wrap_reply_1dep .cont{padding-top:10px;line-height:1.6;font-size:12px}
.bbs_view .view_reply .wrap_reply_1dep .date{padding-left:21px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/comm/footer_bar.jpg) 10px 3px no-repeat}
.bbs_view .view_reply .writer{padding-top:5px;font-size:13px}
.bbs_view .view_reply .writer .fc_black{font-weight:bold}
.bbs_view .view_reply .modify_input{overflow:hidden;width:100%;margin-top:10px}
.bbs_view .view_reply .modify_input .input_st1{width:75%;height:30px;font-size:12px}
.bbs_view .view_reply .modify_input .bt_reply2{width:25%}
.bbs_view .view_reply .modify{position:absolute;top:0;right:0}
.bbs_view .view_reply .modify .bt_ln_2{width:40px;height:10px;font-size:11px}
.bbs_view .view_reply .textarea_st1{font-size:12px}
.bbs_view .view_reply .bt_more{position:relative;width:160px;height:30px;margin-top:20px;line-height:30px;border:1px solid #e8e8e8;background:#fff;text-align:center}
.bbs_view .view_reply .bt_more a{display:block;width:100%;font-size:11px;color:#777;text-align:center}
.bbs_view .view_reply .bt_more.on .ico_more{background:url(//siwon-cdn.siwonschool.com/img/www/v4/comm/ico_up.png) 0 0 no-repeat}
.bbs_view .view_reply .bt_more .ico_more{display:inline-block;margin-left:8px;width:11px;height:6px;background:url(//siwon-cdn.siwonschool.com/img/www/v4/comm/ico_down.png) 0 0 no-repeat;vertical-align:middle}
.bbs_view .view_reply .bt_more .count{display:inline-block;margin-left:3px}
.list_prev_next{margin:20px -4% 0 -4%;background:#fff}
.list_prev_next .list{padding:0 4%;overflow:hidden}
.list_prev_next .list li{padding:15px 0;border-bottom:1px solid #ddd;font-size:11px;line-height:1.2}
.list_prev_next .list li:last-child{border-bottom:0}
.list_prev_next .list li .tt{display:block;color:#333;font-size:13px}
.list_prev_next .list li .subject{display:block;margin:5px 0 3px 0;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list_prev_next .list li .info{display:block;color:#999;white-space:nowrap;overflow:hidden}
.list_prev_next .list li .info i{margin:0 10px;color:#e8e8e8}


/* 쓰기 양식 */
.bbs_write{margin:0 4%;}
.bbs_write .inner{padding:4%;background:#fff}
.bbs_write .sec_tit{padding:.8em 0;font-size:1.15rem;color:#777}
.bbs_write .att_box{margin-top:5px}
.bbs_write .input_st1{width:100%}
.bbs_write .textarea_st1{width:100%;height:200px}
.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}
.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}

/* 마이페이지 / 장바구니 */
.bbs_my_sum li{overflow:hidden;position:relative;margin-top:5px;background:#fff}
.bbs_my_sum .tit_area{overflow:hidden;text-overflow:ellipsis;max-height:3em;margin:1.3em 1em;box-sizing:border-box;font-size:1rem;line-height:1.5;box-sizing:initial}
.bbs_my_sum a{display:block;overflow:hidden}
.bbs_my_sum a .tit_area{position:relative;padding-right:2em}
.bbs_my_sum a .tit_area::after{position:absolute;top:50%;right:0;width:13px;height:6px;margin-top:-7px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/arr_gray_down.png) no-repeat;background-size:100% 100%;transform:rotate(270deg);opacity:.5;content:''}
.bbs_my_sum .tit_area .tit{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999}
.bbs_my_sum .tit_area .price{display:block;color:#000}
.bbs_my_sum .date{display:block;padding:.7em 1em;font-size:.8rem;color:#fff;line-height:1;background:#999}
.bbs_my_sum .state{position:absolute;bottom:.7em;right:1em;font-size:.8rem;color:#f5e31c;line-height:1}
.bbs_my_detail li{margin-bottom:5px}
.bbs_my_detail .del_info{padding:.5em 1em;background:#fff}
.bbs_my_detail .del_info dl{overflow:hidden;border-top:1px solid #ddd}
.bbs_my_detail .del_info dl:first-child{border-top:none}
.bbs_my_detail .del_info dt{float:left;width:20%;padding:1em 0;font-size:.8rem;color:#000}
.bbs_my_detail .del_info dd{float:right;width:80%;padding:1em 0;font-size:.8rem;color:#999;text-align:right}
.bbs_my_detail .del_info .state dd{height:3em;box-sizing:initial;line-height:3em}
.bbs_my_detail .del_info .state .bt_cl_d8{width:8em}
.bbs_my_detail .del_info .sel{position:relative}
.bbs_my_detail .del_info .sel dt{width:100%;padding-right:30px}
.bbs_my_detail .del_info .sel .check_st1{line-height:1.2}
.bbs_my_detail .del_info .sel dd{width:0}
.bbs_my_detail .del_info .sel .bt_del{display:block;overflow:hidden;position:absolute;top:50%;right:0;margin-top:-11px;width:22px;height:22px;border-radius:100%;background:#ddd url(//siwon-cdn.siwonschool.com/img/comm/close_43x43_white.png) center center no-repeat;background-size:50% auto}
.bbs_my_detail .del_info .sel .bt_del span{position:absolute;left:100%;color:transparent}
.bbs_my_detail .bt_ln_1{width:100%;margin-top:5px}
.bbs_my_detail .note{padding-top:10px;font-size:.8rem;text-align:right;color:#999}
.bbs_my_detail .sel_all{position:relative;padding:.5em 1em;background:#fff;border:1px solid #ddd}
.bbs_my_detail .sel_all button{position:absolute;top:50%;right:1em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:.5em;padding-bottom:.5em}

/* 이벤트 리스트 */
.bbs_event_list{padding:6.250vw 4.688vw 0 4.688vw;background:#fff}
.bbs_event_list li{/* padding:0 3.281vw; */padding-bottom:6.250vw}
.bbs_event_list li .thumb{display:block;position:relative;overflow:hidden;height:auto;box-sizing:border-box}
.bbs_event_list li .thumb img{max-width:100%;width:100%;height:auto}
.bbs_event_list li dl{position:relative;margin-top:3.438vw}
.bbs_event_list li dl dt{padding-top:9.375vw;color:#111;font-size:4.219vw;font-weight:bold}
.bbs_event_list li dl dd{overflow:hidden;position:absolute;top:0;width:100%}
.bbs_event_list li dl dd .label{float:left;width:19.375vw;height:6.719vw;border:2px solid #e30921;border-radius:6.719vw;box-sizing:border-box;font-size:3.438vw;letter-spacing:-.03em;line-height:6vw;text-align:center}
.bbs_event_list li dl dd .date{float:right;margin-top:1.250vw;color:#999;font-size:3.281vw}
.bbs_event_list li.ing .label , 
.bbs_event_list li.dday .label{color:#e30921}
.bbs_event_list li.today .label{background:#e30921;color:#fff}
.bbs_event_list li.end .label{border-color:#d9d9d9;color:#999}
.bbs_event_list li.end dl dt{color:#999}
.bbs_event_list li.end .thumb::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);background-size:40.625vw auto;background-image:url(//siwon-cdn.siwonschool.com/asia/m/comm/event_end_txt.png);background-position:center;background-repeat:no-repeat}