@charset "utf-8";
.landing_area img{display:block;width:100%}
/* 카카오톡 채팅상담 */
.kakao_chat{position:fixed;right:6.5%;z-index:50;bottom:5%;margin-bottom:60px;width:54px;height:55px}
.kakao_chat a{display:block}
.kakao_chat a img{width:100%}
/* 모바일 퀵배너 */
.kids_advice {display:none;position:fixed;right: 4.688vw;bottom: 7.813vw;z-index:98}
.kids_advice.open {display:block}
.kids_advice #txt {display:block;width:16.25vw;height:16.25vw;background:url('//siwon-cdn.siwonschool.com/kids/m/v2/comm/qban.png') no-repeat bottom;background-size: contain;overflow:hidden;text-indent:-999em}
.kids_open_ban {position: fixed;right: 6.2vw;bottom: 9vw;display: none}
.open_ban_li {display: flex;justify-content: flex-end;margin-top: 3.125vw}
.open_ban_li img {height: 14.375vw}
/* 상담신청하기 팝업 */
.kids_advice .advice_form{display:none;position:fixed;top:18%;left:calc(50% - 45.313vw);width:90.625vw;height:auto;padding:24px 20px;border-radius:10px;background:#fff;box-shadow:0 0 10px #666;box-sizing:border-box}
.kids_advice .advice_form h3 img{width:100%}
.kids_advice .advice_form .form{padding-bottom:3.906vw}
.kids_advice .advice_form .form input{width:100%;height:10.938vw;margin-top:1.563vw;padding:0 4.688vw;border:1px solid #ddd;background:#fff;border-radius:0.625vw;line-height:10.938vw;color:#555;font-size:3.75vw;box-sizing:border-box}
.kids_advice .advice_form .privacy{width:100%;height:19.063vw;margin-top:10px;padding:10px;border:1px solid #ddd;background:#fff;color:#999;font-size:2.5vw;line-height:3.438vw;overflow:auto;letter-spacing:0;box-sizing:border-box}
.kids_advice .check{color:#333;font-size:13px}
.kids_advice .check input{vertical-align:middle}
.kids_advice .check .more{position:relative;top:-2px;display:inline-block;width:62px;height:18px;margin-left:10px;background:#fff;border:1px solid #acacac;border-radius:3px;color:#888;font-size:13px;line-height:18px;text-align:center;vertical-align:middle}
.kids_advice .foot{margin-top:3.125vw}
.kids_advice .foot .btn{display:block;height:14.688vw;border-radius:0.625vw;background:#6e73f5;color:#e0f78d;font-weight:bold;font-size:5vw;text-align:center;line-height:14.688vw}
.kids_advice .foot .info{margin-top:5px;color:#888;font-size:3.125vw;text-align:center;letter-spacing:0}
.kids_advice .close{position:absolute;top:-40px;right:0}
/* 상단 공통 */
#siwon_container .top_tit_comm{background-image:url(//siwon-cdn.siwonschool.com/img/kids/m/v2/comm/bg_top_comm.png);background-repeat:no-repeat;background-position:right top;background-size:auto 120px}
.review_section .top_tit_comm,
.leveltest_section .top_tit_comm{background-color:#112240}
.products_section .top_tit_comm,.payment_section .top_tit_comm, .cart_section .top_tit_comm{background-color:#ff493c}
.free_section .top_tit_comm,.lecintro_section .top_tit_comm,.word_section .top_tit_comm,.adventure_section .top_tit_comm{background-color:#1e74e5}
.event_section .top_tit_comm{background-color:#ffb820}
.mypage_section .top_tit_comm{background:#bef325}
.siwon_section .top_tit_comm{background:#16bb5b}
.customer_section .top_tit_comm{background:#e5ecf6}
.myclass_section .top_tit_comm {background:#1d5c5a}
.top_tit_comm .inside{height:120px}
.top_tit_comm .inside h2{padding:50px 0 0 20px;color:#fff;font-size:20px;font-weight:bold}
.event_section .top_tit_comm .inside h2{color:#000}
.mypage_section .top_tit_comm .inside h2{color:#000}
.customer_section .top_tit_comm .inside h2{color:#000}
.top_tit_comm .inside .desc{padding-left:20px;font-size:12px;margin-top:2px;}
.review_section .top_tit_comm .inside .desc,
.leveltest_section .top_tit_comm .inside .desc{color:#a8b4c4}
.products_section .top_tit_comm .inside .desc,.payment_section .top_tit_comm .inside .desc,.cart_section .top_tit_comm .inside .desc{color:#fec3bf}
.free_section .top_tit_comm .inside .desc,.word_section .top_tit_comm .inside .desc,.adventure_section .top_tit_comm .inside .desc{color:#a9c8f1}
.event_section .top_tit_comm .inside .desc{color:#a56b06}
.mypage_section .top_tit_comm .inside .desc{color:#759d01}
.customer_section .top_tit_comm .inside .desc{color:#899aac}
/* .siwon_section .top_tit_comm .inside .desc{color:#a2f8c6} */
.myclass_section .top_tit_comm .inside .desc ,.lecintro_section .top_tit_comm .inside .desc {color:#fff;opacity:.6}
/* 어린이영어 소개 - 이시원의 학습 철학 */
/*
.siwon_section {padding-top:0 !important}
.siwon_section .question_sl{position:relative;background:#f8f8f8;padding-bottom:80px}
.siwon_section .question_sl .bx-controls-auto{display:none}
.siwon_section .question_sl .bx-controls-direction a {display:none}
.siwon_section .question_sl .bx-controls {position: relative;}
.siwon_section .question_sl .bx-pager {overflow:hidden;position: absolute; top:15px;left:35%;text-align:center;}
.siwon_section .question_sl .bx-pager .bx-pager-item{float:left; margin-left: 10px;}
.siwon_section .question_sl .bx-pager .bx-pager-item a:before{content:'Q'}
.siwon_section .question_sl .bx-pager a {display: inline-block;width:30px;height:30px;line-height:28px; border-radius:50%; font-size:14px; background-color:#ddd; color:#fff; text-align:center;font-weight:bold}
.siwon_section .question_sl .bx-pager a.active {background-color:#16bb5b;}
.siwon_section .question_sl .sl{padding-bottom:15%}
.siwon_section .question_sl .sl li{position:relative;}
.siwon_section .question_sl .sl li:first-child{background:#fff}
.siwon_section .question_sl .pager_qna li{position:relative}
.siwon_section .question_sl li img{width:100%}
*/
/* 어린이영어 소개 - 초등영어 학습특징 */
/*
.siwon_section .feature_review {padding-bottom: 80px;}
.siwon_section .feature_review .review_sl {margin:0 5vw;position: relative;border:1px solid #ddd;}
.siwon_section .feature_review .review_sl .sl li {padding:3vw; height:300px;box-sizing:border-box;}
.siwon_section .feature_review .review_sl .sl li .name {color:#222; font-size:18px; font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom: 15px;}
.siwon_section .feature_review .review_sl .bx-controls {position: absolute;bottom: -25px;right: 4.7vw;width: 110px;height: 50px;z-index: 55;}
.siwon_section .feature_review .review_sl .bx-controls-direction a {display: block;overflow: hidden;position: absolute;top: 0;width:50px;height: 50px;background:url('//siwon-cdn.siwonschool.com/img/kids/m/v3/siwon/ico_prev.jpg') 0 0 no-repeat;font-size: 0;text-indent: 100%;background-size:50px;}
.siwon_section .feature_review .review_sl .bx-controls-direction .bx-next {background:url('//siwon-cdn.siwonschool.com/img/kids/m/v3/siwon/ico_next.jpg') 0 0 no-repeat;right: 0; width: 50px;background-size:50px;}
.siwon_section .feature_review .noti {color:#888; margin: 7px 0 0 4vw;font-size:.8rem;width:51%}
*/
/* 무료 컨텐츠 */
.free_section .video_lec{padding-bottom:20px}
.free_section .video_lec h3.tit{padding:30px 0 10px 0;color:#000;font-size:15px;font-weight:bold}
.free_section .video_lec .video_list{text-align:center}
.free_section .video_lec .video_list li{position:relative;padding-bottom:20px}
.free_section .video_lec .video_list dt{padding-top:54vw;color:#111;font-weight:bold;font-size:15px}
.free_section .video_lec .video_list dd.thumb{position:absolute;top:0;width:100%;height:52vw;background:#000}
.free_section .video_lec .video_list dd.thumb img{width:100%}
.free_section .video_lec .video_list dd.desc{margin-top:5px;color:#888;font-size:12px;line-height:1.4}
.free_section .story_lec{padding-bottom:40px;border-top:1px solid #ddd;}
.free_section .story_lec h3.tit{padding:30px 0 10px 0;color:#000;font-size:15px;font-weight:bold}
.free_section .story_lec .tt{display:block;margin-top:5px;color:#888;font-size:12px;line-height:1.4;font-weight:normal}
.free_section .story_lec .video{width:100%;height:52vw;background:#000}
.free_section .bnr_bot img{width:100%}
/* 수강신청 */
/*
.products_section {padding-top: 0 !important; }
.products_section .sec_best{padding-top:40px;background:#ececec}
.products_section .sec_best .sec_tit{padding-bottom:30px;font-size:22px;font-weight:bold;color:#222;text-align:center}
.products_section .sec_best .best_box{overflow-x:auto}
.products_section .sec_best .best_list{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;padding:0 20px;margin:0 auto}
.products_section .sec_best .best_list li{flex-wrap:nowrap;padding-bottom:40px}
.products_section .sec_best .best_list li + li{margin-left:20px}
.products_section .sec_best .best_list .thumb{display:inline-block;overflow:hidden;height:120px;padding:0 20px;border-radius:10px;background:#fff}
.products_section .sec_best .best_list .thumb img{display:inline-block;height:100%;width:auto}
.products_section .sec_best .best_list .tit{display:block;padding-top:1em;font-size:14px;line-height:1;text-align:center}
.products_section .products_area{padding-bottom:40px;border-bottom:1px solid #e5e5e5}
.products_section .products_list{background:#eeeef0;overflow:hidden}
.products_section .products_list .auto_ch_tab {padding:40px 1.2em 0;background:#fff}
.products_section .products_list .auto_ch_tab .subtit_txt {margin-bottom:20px; font-size:18px}
.products_section .products_list .list li{overflow:hidden;}
.products_section .products_list .list li + li {padding-top: 40px;}
.products_section .products_list .list li .thumb{display:block;position:relative;float:left;width:40%}
.products_section .products_list .list li .thumb img{width:100%;height:100%}
.products_section .products_list .list li .a_block{position:relative;overflow:hidden;border-top:1px solid #222; border-bottom:1px solid #ebebeb}
.products_section .products_list .list li .products_info{float:left;width:60%;padding:10px 0 0 10px;box-sizing:border-box}
.products_section .products_list .list li .products_info .tag_area .box{padding:1px 5px;background:#fff;text-align:center;font-size:9px;}
.products_section .products_list .list li .products_info .tag_area .best{border:1px solid #000;color:#000}
.products_section .products_list .list li .products_info .tag_area .hot{border:1px solid #fd4943;color:#fd4943}
.products_section .products_list .list li .products_info .tag_area .sale{border:1px solid #1e73e5;color:#1e73e5}
.products_section .products_list .list li .products_info .price_wrap{position:absolute;bottom:10px;right:0;color:#fd4943;font-weight:bold;text-align:right}
.products_section .products_list .list li .products_info .price_wrap .price{font-size:24px;letter-spacing:-1.2px}
.products_section .products_list .list li .products_info .price_wrap .kor{font-size:21px}
.products_section .products_list .list li .products_info .price_wrap .won{font-size:17px}
.products_section .products_list .list li .products_info .price_wrap i{display:block;font-size:13px;color:#6a6a6a}
.products_section .products_list .list li .info{margin-top:9px;color:#000;font-size:17px;line-height:1.4;font-weight:bold}
.products_section .products_list .list li .desc{margin-top:15px;color:#888;font-size:12px;line-height:1.4}
.products_section .products_list .list li .bt_group{margin-top:20px;display: flex;align-items: center;justify-content: center;}
.products_section .products_list .list li .bt_group a{display: inline-flex;flex: 1 1 auto;justify-content: center;align-items: center;height:45px;border:1px solid #222;font-size:16px}
.products_section .products_list .list li .bt_group a:nth-child(2){margin-left: 10px;}
.products_section .products_list .list li .bt_group .bt_view{background:#fff;color:#222}
.products_section .products_list .list li .bt_group .bt_app{background:#222;color:#fff}
.products_section .products_list .list li.no_products {border-top:1px solid #222;text-align:center;height:100px;font-size:14px;}
.products_section .products_list .list li.no_products p{margin-top:62px}
*/
/* 장바구니 */
/*
.cart_section {padding-top:0 !important}
.cart_section .sec_cart .bbs_my_detail li{margin-bottom:5px}
.cart_section .sec_cart .bbs_my_detail .del_info{padding:.5em 1em;background:#fff; border:1px solid #ddd; margin-top: 15px;}
.cart_section .sec_cart .bbs_my_detail .total_price {border:none;margin-top: 0;}
.cart_section .sec_cart .bbs_my_detail .del_info dl{overflow:hidden;border-top:1px solid #ddd}
.cart_section .sec_cart .bbs_my_detail .del_info dl:nth-child(1){border-top:none}
.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 .chk {padding-left:35px;}
.bbs_my_detail .del_info .chk:before{position: absolute;top: 19px;left: 0;width: 2em;height: 2em;background: url(//siwon-cdn.siwonschool.com/img/kids/m/v3/cart/chk_off.jpg) no-repeat;background-size: cover;content:''}
.bbs_my_detail .checkbox_all:before {position: absolute;top: 6px;left: 1em;width: 1.8em;height: 1.8em;background: url(//siwon-cdn.siwonschool.com/img/kids/m/v3/cart/chk_off.jpg) no-repeat;background-size: cover;content:''}
.bbs_my_detail .del_info .chk.checked:before , .bbs_my_detail .checkbox_all.checked:before{background: url(//siwon-cdn.siwonschool.com/img/kids/m/v3/cart/chk_on.jpg) no-repeat;background-size: cover;}
.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:#ccc url(//siwon-cdn.siwonschool.com/img/www/event/group_purchase/bt_close.png) center center no-repeat;background-size:50% auto}
.bbs_my_detail .del_info .sel .name {color:#999;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;width: 79%;padding-left:35px}
.bbs_my_detail .del_info .sel .bt_del span{position:absolute;left:100%;color:transparent}
.bbs_my_detail .del_info .pri {font-weight: bold;color: #e9240f;}
.bbs_my_detail .del_info .pri .price {font-size:1.3em}
.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 .checkbox_all {font-size:.9rem; font-weight:bold; padding-left: 30px}
.bbs_my_detail .sel_all .btn_delete{float:right;padding:.5em 1em; border:1px solid #ddd; color:#999;font-size:.7rem; line-height:1; vertical-align:middle; text-align:center; border-radius:3em;background-color:#fff;}
.cart_section .sec_cart {padding: 30px 1.2em}
.cart_section .sec_cart .price_fin{padding-top:30px}
.cart_section .sec_cart .price_fin .free_info{padding-bottom:5px;text-align:right;font-size:.7rem;color:#ff493d}
.cart_section .sec_cart .price_fin .tit_total{padding:1em;color:#fff;font-weight:bold;line-height:1;background:#000;font-size:16px;}
.cart_section .sec_cart .price_fin dt,.cart_section .sec_cart .price_fin dd{width:50%}
.cart_section .sec_cart .price_fin .total dt,.cart_section .sec_cart .price_fin .total dd{font-weight:bold;color:#e9240f}
.cart_section .sec_cart .price_fin .total .price{font-size:1.3em}
.cart_section .sec_cart .bt_area{margin-bottom:5px}
.cart_section .sec_cart .bt_area .bt{display: inline-block;width:100%;padding: 1em 0;font-size: 1rem;border: 1px solid #2f62cb;color: #2f62cb;background: #fff;line-height: 1;text-align: center;vertical-align: middle;}
.cart_section .sec_cart .bt_area .bt_pay {background: #2f62cb;color: #fff;border: 1px solid #2f62cb; margin-top: 7px;}
.cart_section .sec_cart .empty{margin-bottom:10px;padding:40px 0;text-align:center;background:#fff}
.cart_section .sec_cart .empty .img_cart{display:inline-block;width:30%;height:auto}
.cart_section .sec_cart .empty .txt{padding-top:1em;font-size:1rem;color:#000;text-align:center}
.cart_section .sec_cart .no_cart {text-align:center}
.cart_section .sec_cart .no_cart img {width:20%}
.cart_section .sec_cart .no_cart p {font-size:.9rem; margin:20px 0 40px 0;}
.cart_section .sec_cart .no_cart .btn_go{display: inline-block;width:100%;padding: 1em 0;font-size: 1rem;;color: #fff;background: #222;line-height: 1;text-align: center;vertical-align: middle;}
*/
/* 강의소개 */
.screenout{overflow:hidden;position:absolute;left:-100vw;width:1px;height:1px;text-indent:-100vw;color:transparent}
.lecintro_section .sec_curri .bg_gray{background:#f6f6f6}
.lecintro_section .sec_curri .part{padding:40px 1.2em}
.lecintro_section .sec_curri .img_intro{display}
.lecintro_section .sec_curri .part_tit{margin-bottom:25px;font-size:16px;font-weight:bold;color:#222}
.lecintro_section .sec_curri .part_desc{padding-bottom:.3em;font-size:13px;color:#888}
.lecintro_section .sec_curri .intro .part_cont{margin-top:5.4688vw;padding:7vw 0;border-top:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;font-size:14px;text-align:center;line-height:1.4;color:#888}
.lecintro_section .sec_curri .intro .fc_black{display:block;padding-top:1em;font-size:1.2em;color:#222}
.lecintro_section .sec_curri .curri_table{border:1px solid #ddd;background:#fff}
.lecintro_section .sec_curri .curri_table th{height:2em;border:1px solid #ddd;font-size:12px;color:#222;text-align:center}
.lecintro_section .sec_curri .curri_table th.lv{background:#e4edf8}
.lecintro_section .sec_curri .curri_table .txt_yellow{color:#f9c439}
.lecintro_section .sec_curri .curri_table .txt_pink{color:#ff97a1}
.lecintro_section .sec_curri .curri_table .txt_orange{color:#ff7f21}
.lecintro_section .sec_curri .curri_table .txt_green{color:#16bb5b}
.lecintro_section .sec_curri .curri_table .txt_red{color:#fb4948}
.lecintro_section .sec_curri .curri_table .txt_blue{color:#53a0ff}
.lecintro_section .sec_curri .curri_table .txt_mint{color:#41cfb3}
.lecintro_section .sec_curri .curri_table .txt_purple{color:#c275bd}
.lecintro_section .sec_curri .curri_table td{height:40px;font-size:12px}
.lecintro_section .sec_curri .curri_table .lec_box{display:inline-block;position:relative;width:100%;height:100%;transform:translateY(0);padding-left:20%;padding-right:30%;box-sizing:border-box}
.lecintro_section .sec_curri .curri_table .lec_box.hide{display:none;transform:translateY(-100px);transition:all .3s}
.lecintro_section .sec_curri .curri_table .lec_box.cl_yellow{background:#f9c439}
.lecintro_section .sec_curri .curri_table .lec_box.cl_pink{background:#ff97a1}
.lecintro_section .sec_curri .curri_table .lec_box.cl_orange{background:#ff7f21}
.lecintro_section .sec_curri .curri_table .lec_box.cl_green{background:#16bb5b}
.lecintro_section .sec_curri .curri_table .lec_box.cl_red{background:#fb4948}
.lecintro_section .sec_curri .curri_table .lec_box.cl_blue{background:#53a0ff}
.lecintro_section .sec_curri .curri_table .lec_box.cl_mint{background:#41cfb3}
.lecintro_section .sec_curri .curri_table .lec_box.new:before{display:inline-block;position:absolute;top:0;left:0;width:3.5vw;height:3.5vw;line-height:4vw;font-size:8px;color:#fff;text-align:center;font-weight:bold;background:#222;content:'N'}
.lecintro_section .sec_curri .curri_table .lec_box .tit{position:absolute;top:50%;z-index:2;transform:translateY(-50%);font-size:12px;line-height:1.2;color:#222;font-weight:bold;text-align:center}
.lecintro_section .sec_curri .curri_table .lec_box:after{position:absolute;top:50%;right:5%;transform:translateY(-50%);width:7.0313vw;height:6.5625vw;background:url(//siwon-cdn.siwonschool.com/superkids/lecintro/curri_star.png);background-size:100% 100%;content:''}
.lecintro_section .sec_curri .curri_table .lec_box .more{display:none}
.lecintro_section .sec_curri .curri_table .target_age td{border:1px solid #ddd;text-align:center}
.lecintro_section .sec_curri .lec_intro{text-align:center}
.lecintro_section .sec_curri .lec_intro .sum{border:1px solid #ddd;padding:20px 4.5vw;background:#fff}
.lecintro_section .sec_curri .lec_intro .sum .lv{padding-bottom:.5em;font-size:14px;color:#16bb5b;font-weight:bold;text-align:center}
.lecintro_section .sec_curri .lec_intro .sum .tit{padding-bottom:10px;font-size:20px;color:#000;font-weight:bold;text-align:center}
.lecintro_section .sec_curri .lec_intro .sum .tit_desc{font-size:14px;color:#363636}
.lecintro_section .sec_curri .lec_intro .sum .lec_desc{padding-top:10px;font-size:12px;line-height:1.4}
.lecintro_section .sec_curri .lec_intro .sum .lec_desc .pen{position:relative;z-index:0}
.lecintro_section .sec_curri .lec_intro .sum .lec_desc .pen:after{position:absolute;bottom:2px;top:30%;left:0;right:0;z-index:-1;background-color:#fdeeb7;content:''}
.lecintro_section .sec_curri .lec_intro .sum .bt_mov{display:inline-block;margin:30px auto 0 auto;width:55vw;background:url(//siwon-cdn.siwonschool.com/superkids/lecintro/bt_sample.png)}
.lecintro_section .sec_curri .lec_intro .sum .bt_mov img{display:inline-block;width:100%;height:auto}
.lecintro_section .sec_curri .lec_intro .sum .teacher{display:block;padding-right:15%;padding-top:.5em;text-align:right;font-size:9px;color:#adadad}
.lecintro_section .sec_curri .lec_intro .target{padding-top:1em;text-align:left}
.lecintro_section .sec_curri .lec_intro .target .tit{font-size:13px;color:#111;font-weight:bold}
.lecintro_section .sec_curri .lec_intro .target .tit span{position:relative}
.lecintro_section .sec_curri .lec_intro .target .tit span:after{position:absolute;bottom:-2px;left:0;right:0;border-bottom:1px solid #111;content:''}
.lecintro_section .sec_curri .lec_intro .target .desc{padding-top:.5em;font-size:13px;color:#888;line-height:1.4}
.lecintro_section .sec_curri .lec_intro .target .desc .fc_blue{color:#2477e0}
.lecintro_section .sec_curri .lec_intro .target:after{position:absolute;bottom:100%;left:0;margin-bottom:-2px}
.lecintro_section .sec_curri .alphabet .target{padding-left:4.5vw;padding-right:4.5vw;padding-bottom:20px;border:1px solid #ddd;border-top:none;background:#f1f1f1;}
.lecintro_section .sec_curri .speaking .lec_intro + .lec_intro{padding-top:30px}
.lecintro_section .sec_curri .intensive .target{padding:4.5vw 20px;border:1px solid #ddd;border-top:none;background:#f1f1f1;}
.lecintro_section .sec_curri .intensive .lec_intro + .lec_intro{margin-top:20px}
.lecintro_section .sec_curri .lec_intro .img_inten1{display:inline-block;width:30vw;margin-top:20px}
.lecintro_section .sec_curri .lec_intro .img_inten2{display:inline-block;width:65vw;margin-top:20px}
.lecintro_section .sec_curri .comment{margin:0 4.5vw;padding:15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:12px;color:#888;line-height:1.2;text-align:center}
.lecintro_section .sec_curri .comment b{display:block;padding-top:5px;font-size:16px;color:#222}
.wrap_layer_popup.cur_pop {width:70vw;height:61vw;margin-left:-35%;text-align:center;box-sizing:border-box;background:url(//siwon-cdn.siwonschool.com/superkids/m/lecintro/balloon.png) center center no-repeat;background-size:100% auto}
.wrap_layer_popup.cur_pop .bt_layer_close{position:absolute;top:4vw;right:4vw}
.wrap_layer_popup.cur_pop b.tit {display: block;padding-top:11vw;color:#03b451;font-size:16px;margin-bottom: 10px;font-weight:bold;}
.wrap_layer_popup.cur_pop p {color:#888;font-size:14px}
.lecintro_section .bt_apply_btm{position:fixed;bottom:0;left:0;z-index:100;width:100%}
.lecintro_section .bt_apply_btm .early_bird{position:absolute;top:-20px;right:10vw;width:30vw;animation-name:bird_updown;animation-duration: 1.5s;animation-iteration-count: infinite; animation-direction: alternate;animation-timing-function: ease-in-out}
@keyframes bird_updown{from{top:-5vw}50%{top:-7vw}to{top:-5vw}}
.pop_buy.downPop {display:none;background-color:#fff;}
.pop_buy.downPop.open {position:fixed; bottom:0;width:100%;z-index:100;}
.pop_buy.downPop .pop_tit {text-align:left; padding: 15px 20px; border-bottom:1px solid #ddd; color:#222;font-weight: bold;}
.pop_buy.downPop .close {display:block;position:absolute;top:18px;right:20px;width:20px;height:20px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/btn_close.png) no-repeat;background-size:contain;text-indent:-999em}
.pop_buy.downPop .buy_area {padding:15px 20px 30px 20px;}
.pop_buy.downPop .buy_area li {overflow:hidden; height:42px;line-height:42px;}
.pop_buy.downPop .buy_area li > span {width:30%; color:#555; font-size:14px;}
.pop_buy.downPop .buy_area li select {width:70%; border:1px solid #222;height:30px; padding:0 10px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/arrow.png) no-repeat 95% 50%;background-size:auto 6px;margin:5px 0;-webkit-appearance:none;appearance:none}
.pop_buy.downPop .buy_area li .class {width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:15px;}
.pop_buy.downPop .buy_area .num_box {margin:5px 0}
.pop_buy.downPop .buy_area .num_box .plus, .buy_area .num_box .minus {display: inline-block;width: 28px;height: 28px;border: 1px solid #222;vertical-align: middle;text-align: center;line-height: 23px;font-size: 26px;float:left}
.pop_buy.downPop .buy_area .num_box .minus {border-width: 1px 0px 1px 1px;}
.pop_buy.downPop .buy_area .num_box .plus {border-width: 1px 1px 1px 0;}
.pop_buy.downPop .buy_area .num_box .input_num {width: 38px;height: 28px;border: 1px solid #222;font-size: 15px;color: #222;line-height: 24px; text-align: center;vertical-align: middle; background-color:#f7f7f7;float:left}
.pop_buy.downPop .buy_area li .price {font-weight:bold; font-size:22px; color:#fd4943}
.pop_buy.downPop .buy_area li .price span {font-size:16px;}
.pop_buy.downPop .buy_area li .price .del{margin-right:10px;color:#222;font-size:13px;text-decoration:line-through}
.pop_buy.downPop .buy_area .bt_group {text-align:center}
.pop_buy.downPop .buy_area .bt_group a {display: inline-block;width:100%; border:1px solid #fd4943; color:#fd4943;height:40px; line-height:40px;}
.pop_buy.downPop .buy_area .bt_group a.btn_buy {border:1px solid #2b7af1; color:#fff; background-color:#2b7af1}
.lecintro_section {padding-top:0 !important;}
.lecintro_section .i100 {width:100%;}
.story_book .sec02{background:#f6f6f6}
.story_book .sec02 .scroll_box{padding:0 5vw;position:relative;top:0;left:4.69vw;overflow:hidden;width:80.62vw;background:#fff}
.story_book .sec02 .scroll_box .scroll{overflow-x:scroll}
.story_book .sec02 .scroll_box .scroll > p{width:180%;height:auto}
.speaking .sec01 {position: relative;}
.speaking .sec01 .chk_area {position: absolute;bottom:33vw;right: 11vw;}
.speaking .sec01 .chk_area label.checked {color:#1e73e5;background: url(//siwon-cdn.siwonschool.com/img/kids/m/v3/intro/chk_on.png) left 3px no-repeat;background-size: 20px;}
.speaking .sec01 .chk_area label {display: block;height: 25px;padding-left: 32px;font-size: 17px;line-height: 27px;color: #222;background: url(//siwon-cdn.siwonschool.com/img/kids/m/v3/intro/chk_off.png) left 3px no-repeat;background-size: 20px;float: left;margin-left: 30px;}
.superkids_speaking .mov_box{width:68vw;height:38vw;position:absolute;top:44vw;left:16vw}
.superkids_speaking .mark{width:22vw;position:absolute;top:33vw;left:7vw}
/* 강의소개 유의사항 */
.sec_info{background:#333;padding:10.5vw 0}
.sec_info .info_box{width:90.625%;margin:0 auto}
.sec_info .info_tit{width:90%;margin:0 5% 6%;font-size:3.5vw;font-weight:bold;color:#fff}
.sec_info .info_table{width:100%;margin-top:20px;border-top:2px solid #fff;border-bottom:2px solid #fff}
.sec_info .info_table th{color:#d3d3d3;border-bottom:1px solid #717171;border-right:1px solid #717171;font-size:3vw;line-height:1.4em;font-weight:bold}
.sec_info .info_table td{padding:2vw 3vw;border-bottom:1px solid #717171;border-left:1px solid #717171;font-size:2.5vw;line-height:1.6;color:#d3d3d3}
.sec_info .info_table td .bt_guide{display:inline-block;height:3.125vw;margin-left:1.563vw;padding:0 1.563vw;border:0.156vw solid #d3d3d3;border-radius:0.625vw;line-height:3.438vw;font-size:1.875vw;color:#d3d3d3;vertical-align:middle}
.sec_info .info_table td .comm_notice dt,
.sec_info .info_table td .comm_notice dd{color:#d3d3d3}
.sec_info .info_table td .tbl_refund{ width: 93%; margin:20px 10px;border:1px solid #717171}
.sec_info .info_table td .tbl_refund th,
.sec_info .info_table td .tbl_refund td{padding:10px;font-size:2.5vw;line-height:16px}
.sec_info .info_table td .tbl_refund th{border-left:1px solid #717171;font-size:2.5vw}
.sec_info .info_table td .tbl_refund tbody tr:nth-child(odd){background:#393939}
.sec_info .info_table td .tbl_refund td{color:#d3d3d3;border-bottom:1px solid #717171;border-left:1px solid #717171;line-height:22px}
.sec_info2 .info_table td .tbl_refund .desc{color:#999;font-weight:normal}
.lecintro_section .sec_info .comm_notice_tit{display:none}
/* 강의소개 - 영단어 시리즈 */
.vocabulary_s1 .sec03_tab .tmenu_wrap {width:90.625vw;margin:0 auto 13.281vw auto}
.vocabulary_s1 .sec03_tab .tmenu_wrap .tmenu {position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%}
.vocabulary_s1 .sec03_tab .tmenu_wrap .tmenu li {width: 45.313vw;height: 9.844vw;cursor: pointer;text-indent:-10000px}
.lecintro_section.vocabulary_s1 .sec04 {position: relative;}
.vocabulary_s1 .sec_fixed{position:fixed;bottom:0;left:0;z-index:9999;width:100%}
.vocabulary_s1 .sec_fixed .early_bird{position:absolute;top:-20px;right:10vw;width:30vw;animation-name:bird_updown;transition: all 1.5s;animation-duration: 1.5s;animation-iteration-count: infinite; animation-direction: alternate;animation-timing-function: ease-in-out}
@keyframes bird_updown{from{top:-5vw}50%{top:-7vw}to{top:-5vw}}
.vocabulary_s1 .sec_fixed .buy_box2{display:none;position:relative;padding:2vw 4.68vw;border-top:2px solid #222;background: #f5f5f5;}
.vocabulary_s1 .sec_fixed .buy_box2 .bt_close{display:block;position:absolute;top:-4vw;left:50%;width:20vw;height:4vw;margin-left:-9vw;background:url('//siwon-cdn.siwonschool.com/www/event/miracletab/btm_bt_close.png')no-repeat;background-size:cover;text-indent:-9999em}
.vocabulary_s1 .sec_fixed .buy_box2 select{display:block;width:100%;height:8vw;margin-top:1vw;font-size:3.5vw;border:1px solid #ccc;background:#fff url('//siwon-cdn.siwonschool.com/img/member/comm/ico_sel_arrow.png') 98.5% center no-repeat;appearance: none;-webkit-appearance:none;-moz-appearance:none;-webkit-user-select:none;-moz-user-select:none;-webkit-padding-end:20px;-moz-padding-end:20px;-webkit-padding-start:19px;-moz-padding-start:19px;text-overflow:ellipsis;white-space:nowrap}/* ie 7,8,9 핵*/
.vocabulary_s1 .sec_fixed .buy_box2 select::-ms-expand{display:none}
.vocabulary_s1 .sec_fixed .buy_box2 select:first-child{margin-top:0}
.vocabulary_s1 .sec_fixed .buy_box2 .total{overflow:hidden;margin-top:3vw}
.vocabulary_s1 .sec_fixed .buy_box2 .total > p{float:left;width:50%}
.vocabulary_s1 .sec_fixed .buy_box2 .total > p > span{display:block;font-size:3vw;color:#555;margin-bottom:1vw}
.vocabulary_s1 .sec_fixed .buy_box2 .total > p > strong{display:block;font-size:3.7vw;color:#111}
.vocabulary_s1 .sec_fixed .buy_box2 .total > p > strong > em{font-size:4.3vw;font-weight:bold}
.vocabulary_s1 .sec_fixed .buy_box2 .total button{float:left;width:48%;height:12vw;margin-left:2%;background:#222;font-size:4vw;font-weight:bold;text-align:center;line-height:12vw;color:#fff}
.vocabulary_s1 .sec_fixed.on .buy_box1{display:none}
.vocabulary_s1 .sec_fixed.on .buy_box2{display:block}
/* 마이페이지 */
.mypage_section #siwon_container{padding-bottom:25px}
.mypage_section .my_box{position:relative;padding:30px 15px 15px;overflow:hidden;background:#f7f7f7}
.mypage_section .profile{padding-bottom:10px}
.mypage_section .profile .name{display:block;color:#000;font-size:13px;font-weight:bold;line-height:1.4}
.mypage_section .my_box .stats_list{width:100%;box-sizing:border-box}
.mypage_section .my_box .stats_list .list{overflow:hidden;border:1px solid #e4e4e4;background:#fff;}
.mypage_section .my_box .stats_list .list li{float:left;width:50%;border-left:1px solid #e4e4e4;color:#222;font-size:14px;line-height:1.2;box-sizing:border-box;text-align:center}
.mypage_section .my_box .stats_list .list li:first-child{border-left:0}
.mypage_section .my_box .stats_list .list li a{display:block;width:100%;padding:12px 16px;box-sizing:border-box}
.mypage_section .my_box .stats_list .list li .count{color:#222}
.mypage_section .my_box .stats_list .list li .count em{font-weight:bold;color:#2b7af1}
.mypage_section .my_box .stats_list .list li .count{display:block;margin-top:5px}
.mypage_section .my_box .stats_list .list li .count em{color:#2b7af1}
.mypage_section .mypage_list .list li{background:#fff;border-bottom:1px solid #e5e5e5;color:#222;font-size:14px;line-height:1.2}
.mypage_section .mypage_list .list li a{display:block;width:100%;padding:14px 16px;box-sizing:border-box}
.mypage_section .my_box .mypage_list .list li a{padding:12px 0}
.mypage_section .mypage_list .list li .i{display:block}
.mypage_section .mypage_list .list li .count{color:#222}
.mypage_section .mypage_list .list li .count em{color:#2b7af1;font-weight:bold}
.mypage_section .mypage_list .tel{margin-left:10px;color:#000;font-weight:bold}
.mypage_section .buy_area{padding:15px 15px 25px}
.mypage_section .buy_area .tt_check{display:block;min-height:14px;padding-left:18px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/ico_noti.png) no-repeat;background-size:auto 14px;color:#666;font-size:11px}
.mypage_section .buy_area .select_box{position:relative;margin-top:20px;padding-bottom:5px}
.mypage_section .buy_area .select_box .id_check{color:#666;font-size:11px}
.mypage_section .buy_area .select_box label{color:#666}
.mypage_section .buy_area .select_box .btn{position:absolute;top:0;right:0;width:60px;height:20px;background:#5b5b5b;color:#fff;font-size:11px;text-align:center;line-height:20px}
.mypage_section .bt_newest{padding:15px}
/* 마이페이지 : 결제내역,상세 */
.mypage_section .payinfo_area{padding:15px}
.mypage_section .payinfo_area.detail{padding:15px 0 0 0}
.mypage_section .payinfo_area .order_number{position:relative;background:#fff;border-top:1px solid #222}
.mypage_section .payinfo_area.detail .order_number{margin:0 15px 15px}
.mypage_section .payinfo_area .order_number li{clear:both;position:relative;border-bottom:1px solid #eeeef0;font-size:13px;line-height:1.6}
.mypage_section .payinfo_area .order_number li .th{display:inline-block;position:absolute;top:0;left:0;width:90px;padding:6px 10px;background:#f7f7f7;color:#222}
.mypage_section .payinfo_area .order_number li .td{display:inline-block;margin-left:110px;padding:6px 10px;color:#0c2436}
.mypage_section .payinfo_area .order_number li .td.price{color:#2b7af1;font-weight:bold;font-size:13px}
.mypage_section .payinfo_area.order_ship .bbs_area .bbs_list .bt_view{top:26px}
.mypage_section .payinfo_area.order_ship .bbs_area .bbs_list .order_info .subject{padding-right:70px}
.mypage_section .payment_contents{background:#fff;border-bottom:1px solid #e5e5e5}
.mypage_section .payment_contents .noti{display:block;text-align:center}
.mypage_section .payment_contents .prod_list{padding:0 15px 15px 15px}
.mypage_section .payment_contents .prod_list .list li{display:table;position:relative;width:100%;min-height:66px;padding:15px 0;border-bottom:1px solid #eeeef0}
.mypage_section .payment_contents .prod_list .list li .thumb{position:absolute;top:15px;left:0}
.mypage_section .payment_contents .prod_list .list li .thumb img{width:80px;height:65px}
.mypage_section .payment_contents .prod_list .list li .prod_info{display:table-cell;padding-left:100px;color:#222;font-size:14px;vertical-align:middle}
.mypage_section .payment_contents .prod_list .list li .prod_info .option{display:block;color:#9a9a9a}
.mypage_section .payment_contents .prod_list .bt_write{display:block;height:40px;border:1px solid #2b7af1;color:#2b7af1;font-size:15px;text-align:center;line-height:40px}
.payment_contents .bt_st1.bt_ok{margin:15px}
/* 고객센터 */
.customer_section #siwon_container{padding-bottom:25px}
.customer_area{padding:0 15px 40px;background:#fff}
.customer_area .customer_post .head{position:relative;padding:15px 10px;border-bottom:1px solid #dedede;background:#fff;cursor:pointer}
.customer_area .customer_post .head.open{border-bottom:1px dotted #9a9a9a}
.customer_section .customer_post .head .hd{position:relative;padding-bottom:8px;overflow:hidden}
.customer_section .customer_post .head .hd .date{position:absolute;top:5px;right:0;padding-left:15px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/ico_date.png) no-repeat left 50%;background-size:10px auto;color:#ccc;font-size:11px}
.customer_section .customer_post .head .ico{display:inline-block;min-width:50px;height:18px;padding:0 3px;background:#333;font-size:11px;text-align:center;line-height:20px;vertical-align:middle}
.customer_section .customer_post .head .ico.finish{background:#2b7af1;color:#fff}
.customer_section .customer_post .head .ico.ing{background:#5b5b5b;color:#fff}
.customer_section .customer_post .head .ico.standby{background:#ccc;color:#fff}
.customer_area .customer_post .head .subject{position:relative;padding-right:25px;color:#333;font-size:13px;font-weight:bold;line-height:1.2}
.customer_area .customer_post .head .subject .title{display:block}
.customer_area .customer_post .head .subject i{display:inline-block;float:left;width:18px;height:18px;margin-right:8px;background:#2b7af1;border-radius:18px;color:#fff;font-size:11px;text-align:center;line-height:20px}
.customer_area .customer_post .head .write_info{margin-top:5px;color:#999;font-size:10px}
.customer_area .customer_post .head .write_info .date{padding-left:15px;background:url(//siwon-cdn.siwonschool.com/img/china/m/comm/ico_time.png) no-repeat left 50%;background-size:10px auto}
.customer_area .customer_post .head .name{margin-left:7px;padding-left:8px;border-left:1px solid #eee}
.customer_area .customer_post .head i.arw{display:block;position:absolute;top:50%;right:0;width:18px;height:10px;margin-top:-5px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/img_updown2.png) no-repeat 0 -11px;background-size:18px auto}
.customer_area .customer_post .head.open i{background-position:0 0}
.customer_area .customer_post .post{display:none;position:relative;padding:15px 10px;border-bottom:1px solid #dedede;background:#f7f7f7;color:#666;font-size:12px;line-height:1.4;overflow:hidden}
.customer_area .customer_post .post .aw{display:inline-block;position:absolute;top:15px;left:10px;margin-right:8px;color:#7d7d7d;font-weight:bold;font-size:13px}
.customer_area .customer_post .post .qt_view .q,.customer_area .customer_post .post .aw_view .a{display:block;padding-bottom:5px}
.customer_area .customer_post .post .qt_view .q i{display:inline-block;padding:0 3px;border:1px solid #0c2436;color:#0c2436;font-size:12px;text-align:center}
.customer_area .customer_post .post .aw_view{margin-top:10px;padding-top:10px;border-top:1px solid #dedede}
.customer_area .customer_post .post .aw_view .a i{display:inline-block;padding:0 5px;border:1px solid #2b7af1;color:#2b7af1;font-size:12px;text-align:center}
.customer_area .customer_post .post img,.customer_area .customer_post .post p img{width:100% !important;height:100% !important}
.customer_section .cate_box{margin-bottom:20px}
.customer_section .cate_box ul{overflow:hidden}
.customer_section .cate_box li{float:left;width:25%;box-sizing:border-box}
.customer_section .cate_box li a{display:block;width:100%;height:35px;background:#fff;border-left:1px solid #eeeef0;border-bottom:1px solid #eeeef0;color:#9a9a9a;font-size:12px;text-align:center;line-height:35px;box-sizing:border-box}
.customer_section .cate_box li a.on{background:#2b7af1;color:#fff}
.customer_section .inquiry_write{padding:15px 15px 40px 15px;background:#fff}
.customer_section .inquiry_write .select_st1{display:inline-block;float:left;width:100%;margin-bottom:10px}
.customer_section .inquiry_write .bt_st1{display:block;width:100%}
/* 고객센터 */
.customer_section{padding-bottom:60px}
.customer_section .tab_pos{border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;background:#fff}
.customer_section .tab_pos .tab_list{width:1100px;margin:0 auto;overflow:hidden;border-left:1px solid #e8e8e8}
.customer_section .tab_pos .tab_list li{float:left;width:182.3px;border-right:1px solid #e8e8e8}
.customer_section .tab_pos .tab_list li a{display:inline-block;width:100%;height:47px;text-align:center;line-height:45px;font-size:15px}
.customer_section .tab_pos .tab_list li a span{display:block;}
.customer_section .tab_pos .tab_list li a.active span{border-bottom:2px solid #ff493c;color:#ff493c}
.customer_section .tit_guide{padding:12% 5% 5%;text-align:center;font-size: 7vw;font-weight: 700;color: #000;line-height: 1; letter-spacing: -0.05em;}
.customer_section .tit_guide img{width:100%}
.customer_section .tab_guide{overflow:hidden}
.customer_section .tab_guide li{float:left;text-align:center}
.customer_section .tab_guide.w2 li{width:50%}
.customer_section .tab_guide > li > a{display:block;height:39px;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #ff493c;color:#888;text-align:center;line-height:39px;font-size:15px;background:#fff;font-weight:bold}
.customer_section .tab_guide > li:first-child > a{border-left:1px solid #fff;border-right:1px solid #ff493c}
.customer_section .tab_guide > li > a.active{border-color:#ff493c;border-bottom:1px solid #fff;color:#ff493c}
.customer_section .video_lec h3.tit{margin-top:30px;padding-bottom:10px;color:#000;font-size:15px;font-weight:bold;text-align:left}
.customer_section .video_lec .video_list{overflow:hidden}
.customer_section .video_lec .video_list li{position:relative;width:100%}
.customer_section .video_lec .video_list li dl{padding-bottom:8vw;}
.customer_section .video_lec .video_list li .thumb{position:absolute;top:0;left:0;width:100%;background:#000}
.customer_section .video_lec .video_list li .thumb img{width:100%;height:100%}
.customer_section .video_lec .video_list li dt{padding:57vw 20px 0 30px;color:#000;font-weight:bold;font-size:15px;text-align:center}
.customer_section .video_lec .video_list li .desc{padding:8px 20px 0 30px;color:#888;font-size:12px;line-height:1.4;text-align:center}
.customer_section .video_lec_guide h3{padding:30px 0 15px 0;border-top:1px solid #ddd;color:#000;font-size:15px;text-align:left;font-weight:bold}
.customer_section .video_lec_guide .video{background:#ddd}
.customer_section .video_lec_guide img{width:100%}
.customer_section .tab_content_guide{display:none}
.customer_section .tab_content_guide.current{display:block}
.customer_section .study_tip{padding-top:30px}
.customer_section .study_tip h3{color:#000;font-size:15px;font-weight:bold;text-align:left}
.customer_section .study_tip h3 .em{display:block;margin-top:5px;color:#707070;font-size:14px;text-align:left;font-weight:normal}
.customer_section .study_tip .step_img{margin:20px -15px 0 -15px}
.customer_section .study_tip .step_img img{width:100%}
.customer_section #story_cur .book_about{margin-top:70px}
.customer_section #story_cur .book_about h3{color:#000;font-size:15px;font-weight:bold;text-align:left;}
.customer_section #story_cur .guide_img{padding-top:20px}
.customer_section #story_cur .guide_img img{width:100%}
.customer_section .guide_img{position:relative}
.customer_section .guide_img .bx-viewport{position:absolute !important;top:36%;left:0;width:100% !important;height:100% !important;padding:0 5%;box-sizing:border-box;overflow:hidden}
.customer_section .guide_img .sl li{width:100% !important;box-sizing:border-box;overflow:hidden}
.customer_section .guide_img .pager{position:absolute;top:88%;width:100%;padding:0 10%;overflow:hidden;text-align:center;box-sizing:border-box}
.customer_section .guide_img .pager li{display:inline-block;width:33.3%}
.customer_section .guide_img .pager li a{display:block;font-size:4vw;color:#aaa;font-weight:bold}
.customer_section .guide_img .pager li a.active{color:#ff493c}
.customer_section .guide_img .pager li a span{display:block;width:100%;border-left:1px solid #ddd;box-sizing:border-box;text-align:center}
.customer_section .guide_img .pager li:first-child a span{border-left:0}
/* 이벤트 */
.event_section .event_area{padding:0 1.2em 30px 1.2em}
.event_section .event_list{background:#eeeef0;overflow:hidden}
.event_section .event_list .list li{border-bottom:1px solid #e5e5e5;padding:30px 0;background:#fff;overflow:hidden}
.event_section .event_list .list li:first-child{padding-top:0}
.event_section .event_list .list li .thumb{display:block;position:relative;width:100%;margin-bottom: 5px;}
.event_section .event_list .list li .thumb img{width:100%}
.event_section .event_list .list li .blind img{width:100%}
.event_section .event_list .list li .event_info i{display: inline-block;vertical-align:3px;width:40px;height:17px;border-radius:10px;text-align:center;font-size:9px;line-height:17px}
.event_section .event_list .list li .event_info i.ing{border:1px solid #ff493c;background:#fff;color:#ff493c}
.event_section .event_list .list li .event_info i.finish{border:1px solid #111;background:#111;color:#fff}
.event_section .event_list .list li.end .blind{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;color:#fff;font-size:15px;text-align:center}
.event_section .event_list .list li .info{display: inline-block;margin-top:9px;margin-left: 7px;color:#000;font-size:15px;font-weight:bold;width:84%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.event_section .event_list .date{clear:both;display:block;margin-top:5px;color:#999;font-size:12px;}
.event_section .event_area .bt_more1{margin:15px}
.event_section .event_view{padding:7px 10px}
.event_section .event_view img {max-width:100%;}
.event_section .event_view .head{padding:20px 10px 15px 10px;border-bottom:1px solid #666}
.event_section .event_view .head h4{color:#333;font-size:13px;font-weight:bold}
.event_section .event_view .head .info{margin-top:3px;color:#999;font-size:11px}
/* 끝말잇기 */
.word_section{background:#f3f4f8}
.word_section .regi{padding-top:50px;overflow:hidden}
.word_section .regi .input_box label{display:inline-block;width:20%;font-weight:bold;color:#000;margin-right:3vw;font-size:16px;text-align:right}
.word_section .regi .input_box .eng label{vertical-align:2px}
.word_section .regi .input_box .eng .input_word{margin-bottom:10px;display:inline-block;line-height:44px;color:#ff2626;font-size:25px;font-weight:bold;}
.word_section .regi .input_box .eng{position:relative;}
.word_section .regi .input_box .input_word{position:relative;font-size:20px;width:74.5%;height:55px;border:2px solid #000;box-sizing:border-box;padding:0 25px 0 5px;background:#fff;border-radius:50px}
.word_section .regi .input_box .eng span{display:block;position:absolute;left:5px;top:50%;width:45px;margin-top:-22px;text-align:right}
.word_section .regi .input_box .eng .input_word1{height:53px;width:100%;padding-left:45px;border:none;background:none;letter-spacing:2px;box-sizing:border-box;font-size:20px;outline:none}
.word_section .regi .input_box .kor .input_word{padding:0 25px}
.word_section .regi .btn_box{border-radius:50px;height:55px;line-height:55px;background:#000;text-align:center;margin-top:10px}
.word_section .regi .btn_box a{display:block;color:#fff;width:100%;height:100%;font-weight:bold;font-size:19.2px}
.word_section .info_area{background:#e3e4e7;padding:4vw 7vw;text-align:center;margin:7vw 0}
.word_section .info_area .txt{color:#999;font-size:13px;}
.word_section .list_area .all{color:#000;font-size:4vw;font-weight:bold}
.word_section .list_area .all .count{color:#2b7af1}
.word_section .list_area .word_list{margin-top:3vw}
.word_section .list_area .word_list ul{background:#fff;border:1px solid #ddd;padding:4vw 5vw;text-align:center;font-size:4vw;}
.word_section .list_area .word_list ul + ul{margin-top:1vw}
.word_section .list_area .word_list ul li.word{color:#999;padding-bottom:4vw;font-weight:bold}
.word_section .list_area .word_list ul li.word .new{display:inline-block;margin-right:7px;vertical-align:-7px}
.word_section .list_area .word_list ul li.word .new img{width:80%}
.word_section .list_area .word_list ul li.word .first{color:#000}
.word_section .list_area .word_list ul li.word .last{color:#ff2626}
.word_section .list_area .word_list ul li.word .meaning{margin-left:7px;font-size:3.7vw}
.word_section .list_area .word_list ul li.word .meaning:before{display:inline-block;content:'('}
.word_section .list_area .word_list ul li.word .meaning:after{display:inline-block;content:')'}
.word_section .list_area .word_list ul li.update{border-top:1px solid #ddd;padding-top:4vw}
.word_section .list_area .word_list ul li.update .day{margin-left:10px;color:#ccc;}
.word_section .list_area .btn_area{padding-bottom:50px;}
.word_section .list_area .btn_area .view_more{color:#fff;background:#000;display:block;padding:4vw 0;font-weight:bold;font-size:19.2px;line-height:20px;text-align:center;margin-top:4vw;}
/* 이시원의 영어 대모험 */
.adventure_section .inner_comm{padding:0 !important}
.adventure_section .inner_comm img{display:inline-block;width:100%;height:auto}
/* 마이페이지 : 상품선택 */
.select_buy{position:relative;margin-bottom:10px;padding:10px;border-bottom:1px solid #d7d8d8;background:#f7f7f7;overflow:hidden}
.select_buy dt{color:#222;font-size:12px}
.select_buy dt label{color:#0c2436;font-size:15px}
.select_buy dt label.type-checkbox{height:auto}
.select_buy dd .num_box{float:left;height:26px;margin-top:15px;border:1px solid #d7d8d8;overflow:hidden}
.select_buy dd .num_box .input_num{float:left;width:79px;height:26px;border:0;color:#242529;font-size:12px;text-align:center;line-height:26px}
.select_buy dd .num_box .plus,.select_buy dd .num_box .minus{display:inline-block;width:26px;height:26px;background:#fff url(//siwon-cdn.siwonschool.com/img/kids/m/comm/img_updown.png) no-repeat;background-size:auto 26px;border-left:1px solid #d7d8d8;text-indent:-999em}
.select_buy dd .num_box .minus{background-position:-26px 0}
.select_buy dd.price{float:right;margin-top:20px;color:#0c2436;font-weight:500;font-size:15px;font-weight:bold}
.select_buy .del{display:block;position:absolute;top:10px;right:10px;width:15px;height:15px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/bt_del.png) no-repeat;background-size:15px auto;text-indent:-999em}
.buy_area .price_box{margin-top:25px}
.buy_area .price_box .tit_line{padding:0 0 5px 10px;border-bottom:1px solid #0c2436;color:#0c2436;font-size:16px;font-weight:bold}
.buy_area .price_box .buy_price{padding-top:7px}
.buy_area .price_box .buy_price li{position:relative;padding:7px 10px;color:#9a9a9a;font-size:16px;}
.buy_area .price_box .buy_price li .price{float:right;color:#0c2436}
.buy_area .price_box .buy_price li.total{margin-top:7px;padding:9px 10px;border-top:1px solid #ccc;background:#fff2f1;color:#e9240f;font-weight:bold}
.buy_area .price_box .buy_price li.total .price{color:#e9240f}
.buy_area .bt_group{margin-top:15px}
/* 마이페이지 : 쿠폰 레이어 */
.coupon_page .coupon_area{padding-top:65px;border-bottom:1px solid #e5e5e5}
.coupon_page .coupon_area .coupon_list{background:#f2f3f5}
.coupon_page .coupon_area .coupon_list .list{overflow:hidden}
.coupon_page .coupon_input{padding:15px}
.coupon_page .coupon_input .bt_st1{width:100%;margin-top:10px}
.coupon_page .coupon_list .list li{position:relative;padding:20px 15px;margin-top:10px;background:#fff;font-size:13px;overflow:hidden}
.coupon_page .coupon_list .list li.link{padding:0}
.coupon_page .coupon_list .list li.link .a_block{padding:20px 15px}
.coupon_page .coupon_list .list li dt{padding-right:75px;font-weight:bold;line-height:1.4}
.coupon_page .coupon_list .list li dd{color:#0c2436}
.coupon_page .coupon_list .list li dd.data{margin-top:10px;padding-top:10px;color:#000;border-top:1px dashed #ddd;font-size:11px;text-align:right}
.coupon_page .coupon_list .list li dd.price{position:absolute;top:50%;right:15px;height:50px;margin-top:-45px;color:#000;font-size:13px;line-height:50px}
.coupon_page .coupon_list .list li dd.price strong{font-size:17px;color:#db140f}
/* 이용후기 */
.review_section h3.tit_sub{font-size:16px;font-weight:bold}
.review_section .comm_top_visual.review{background:url(//siwon-cdn.siwonschool.com/img/kids/m/sub/bg_review.jpg) no-repeat center top;background-size:100% auto}
.review_section .review_contents{background:#fff}
.review_section .best_video{padding:30px 15px 20px;background:#fff;}
.review_section .best_video .bt_close_review{position:absolute;top:10px;right:10px;width:30px;opacity:0;outline:none;transition:opacity .2s;visibility: hidden;}
@media (orientation: portrait) {
.review_section .best_video.fixed{position:fixed;top:0;left:0;z-index:100;padding-bottom:0;width:100vw;height:100vh;box-sizing:border-box}
.review_section .best_video.fixed .bt_close_review{opacity:1;visibility: visible}
}
.review_section .video_view{position:relative}
.review_section .video_view li{position:absolute;top:0;left:0;width:100%;opacity:0;text-align:center;pointer-events:none;transition:opacity .3s}
.review_section .video_view li.on{position:relative;opacity:1;pointer-events:initial}
.review_section .video_view .user{display:inline-block;height:2.5em;padding:0 1em;border:1px solid #2a74e4;font-size:11px;color:#2a74e4;line-height:2.5em}
.review_section .video_view .tit{padding:1em 0;font-weight:bold;font-size:18px;color:#111;line-height:1.2;text-align:center}
.review_section .video_view .video{overflow:hidden;position:relative;width:100%;height:50vw;border-radius:10px;background:#000}
.review_section .video_view .video a{display:inline-block;position:relative;width:100%;height:100%}
.review_section .video_view .video a:before{display:inline-block;position:absolute;top:50%;left:50%;z-index:1;width:48px;height:48px;margin-top:-24px;margin-left:-24px;box-sizing:border-box;border:2px solid #1c6be3;border-radius:100%;background:#fff;content:''}
.review_section .video_view .video a:after{display:inline-block;position:absolute;top:50%;left:50%;z-index:1;margin-top:-8px;margin-left:-3px;border-left:12px solid #1c6be3;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}
.review_section .video_view .video img{display:inline-block;width:100%;height:auto;opacity:.8}
.review_section .video_view .video iframe{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}
.review_section .video_list_area .bt_review_more{display:inline-block;width:100%;height:60px;margin-top:20px;border-radius:10px;font-size:16px;color:#fff;font-weight:bold;text-align:center;background:#2b7af1}
.review_section .video_list_area .bt_review_more i{display:inline-block;position:relative;width:22px;height:22px;border-radius:100%;vertical-align:middle;background:#fff}
.review_section .video_list_area .bt_review_more i:after{position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-7px;width:8px;height:8px;border-left:2px solid #2b7af1;border-bottom:2px solid #2b7af1;transform:rotateZ(-45deg);content:''}
.review_section .video_list_area.on .bt_review_more{border-radius:10px 10px 0 0}
.review_section .video_list_area.on .bt_review_more i:after{margin-top:-3px;transform:rotateZ(135deg)}
.review_section .video_list_scroll{overflow-y:auto;width:calc(100% + 30px);margin-left:-15px;padding-left:15px;padding-right:15px;padding-bottom:40px;box-sizing:border-box;background:#ececec}
.review_section .video_list_scroll{display:none}
.review_section .video_list{padding:15px 0}
.review_section .video_list li{position:relative;margin-bottom:5px;padding:10px 10px 10px 120px;border-radius:10px;box-sizing:border-box;border:1px solid #fff;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.2);transition:all .2s}
.review_section .video_list .no{display:inline-block;position:absolute;top:50%;left:14px;margin-top:-7px;width:20px;height:14px;box-sizing:border-box;border:1px solid #1c6be3;border-radius:7px;font-size:9px;color:#1c6be3;line-height:12px;text-align:center;transition:all .2s}
.review_section .video_list .thumb{overflow:hidden;position:absolute;top:50%;left:45px;width:60px;height:36px;margin-top:-18px;background:#e5e5e5}
.review_section .video_list .thumb img{display:inline-block;width:100%;height:auto}
.review_section .video_list .txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em;margin-top:0;font-size:12px;color:#666;line-height:1.4;text-overflow:ellipsis}
.review_section .video_list .on{border-color:#bfcfe7;background:#edf3fd}
.review_section .video_list .on .no{left:21px;width:0;height:0;margin-top:-5px;border-left:8px solid #1c6be3;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:none;border-radius:0;color:transparent}
.review_section .video_list .on .txt{color:#222}
.review_section .post_box{padding:30px 15px 15px;background:#f3f4f8}
.review_section .post_box h3.tit_sub .num{color:#2b7af1}
.review_section .review_post{margin-top:15px;padding:10px 10px 0 10px;border:1px solid #ddd;background:#fff}
.review_section .review_post:first-child{margin-top:0}
.review_section .review_post .head{padding:23px 0 15px 0;border-bottom:1px solid #ddd;text-align:center}
.review_section .review_post .head .date{display:block;color:#9a9a9a;font-size:12px}
.review_section .review_post .head .subject{margin:3px 0 10px 0;color:#0c2436;font-size:16px;font-weight:bold}
.review_section .review_post .head .subject .title{display:block;margin-top:10px;color:#666;font-size:11px}
.review_section .review_post .head .btn{display:block;text-align:right}
.review_section .review_post .head .btn a{display:inline-block;width:40px;height:21px;line-height:21px;text-align:center;font-size:12px}
.review_section .review_post .head .btn a.modify{border:1px solid #2b7af1;color:#2b7af1}
.review_section .review_post .head .btn a.del{border:1px solid #ccc;color:#999}
.review_section .review_post .head .btn .bt_st4{display:inline-block}
.review_section .review_post .post{padding:25px 0;color:#0c2436;font-size:13px;line-height:1.6}
.review_section .review_post .post img{margin:10px 0;max-width:100%}
.review_section .review_post .author{position:relative;padding:5px 0;border-bottom:1px solid #ddd;background:#fff;overflow:hidden}
.review_section .review_post .author .thumb{display:inline-block;width:42px;height:42px;background:#fff;vertical-align:middle}
.review_section .review_post .author .thumb img{width:38px;height:38px;border-radius:38px;border:2px solid #e7e7e7}
.review_section .review_post .author .name{display:inline-block;height:38px;padding-left:5px;color:#0c2436;font-size:12px;font-weight:bold;line-height:38px;vertical-align:middle}
.review_section .review_post .author .star_score{display:inline-block;float:right;width:78px;height:13px;margin:14px 5px 0 0;background:url(//siwon-cdn.siwonschool.com/img/kids/m/v2/comm/img_star_score.png) no-repeat;background-size:78px auto;vertical-align:middle;overflow:hidden}
.review_section .review_post .author .star_score.sc1{background-position:0 0}
.review_section .review_post .author .star_score.sc2{background-position:0 -15px}
.review_section .review_post .author .star_score.sc3{background-position:0 -30px}
.review_section .review_post .author .star_score.sc4{background-position:0 -45px}
.review_section .review_post .author .star_score.sc5{background-position:0 -60px}
.review_section .review_post .author .star_score em{display:inline-block;position:relative;z-index:-1;height:11px;overflow:hidden;font-size:11px;left:-3000em}
.review_section .review_post .lec_cate{position:relative;margin-bottom:25px;padding:0 10px;border-radius:5px;border:1px solid #ddd;background:#f3f4f8;color:#2b7af1;font-size:13px;overflow:hidden;line-height:38px}
.review_section .review_post .lec_cate a{color:#2b7af1}
.review_section .review_post .lec_cate .lec_tit{display:inline-block;float:right;height:38px;padding:0 20px;color:#222;font-size:13px;line-height:38px;vertical-align:middle;font-weight:bold}
.review_section .review_post .lec_cate .lec_tit i{display:block;position:absolute;top:13px;right:10px;width:7px;height:12px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/arw_r2.png) no-repeat right 50%;background-size:7px auto}
.review_section .post_box{position:relative}
.review_section .post_box .top{margin-bottom:7vw;}
.review_section .post_box .btns{position:absolute;right:15px;top:22px}
.review_section .post_box .btns .bt{display:inline-block;text-align:center;font-size:3.5vw;color:#fff;background:#2b7af1;width:25vw;height:9vw;line-height:9vw}
.review_section .post_box .btns .bt_all{background:#242424}
.review_section .post_box .foot{border-top:1px solid #ccc;overflow:hidden}
.review_section .post_box .foot .option{margin-bottom:6px;overflow:hidden}
.review_section .post_box .foot .option li{float:left;width:50%;height:50px}
.review_section .post_box .foot .option li a{display:block;width:100%;padding-top:8px}
.review_section .post_box .foot .option li a span{display:inline-block;height:25px;padding-top:5px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/v2/comm/img_reply_foot.png) no-repeat center top;background-size:16px auto;color:#f53e42;font-size:13px;font-weight:bold}
.review_section .post_box .foot li a.like span{padding-left:22px;background-position:0 -22px;line-height:15px}
.review_section .post_box .foot li a.like.on span{background-position:0 8px;}
.review_section .post_box .foot li a.reply span{padding-left:22px;background-position:0 -50px;line-height:15px}
.review_section .post_box .reply_list{display:block;position:relative;margin-bottom:10px;border-top:1px solid #ddd}
.review_section .post_box .reply_list .arw{display:block;position:absolute;top:-9px;left:50%;width:10px;height:9px;margin-left:-5px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/arw_up2.png) no-repeat;background-size:10px auto}
.review_section .post_box .foot .option li.date{color:#9a9a9a;font-size:12px;text-align:right;line-height:42px}
.review_section .review_contents .bt_more1{margin-top:0;border:0}
.review_section .btn_write,.customer_section .btn_write{position:fixed;right:3%;bottom:5%;z-index:5}
.review_section .btn_write img,.customer_section .btn_write img{width:15vw}
.review_section .mission{color:#2b7af1;margin-left:5px}
.review_section .txt{margin-top:5px}
.review_section .txt .noti{color:#ff5959}
.review_section .txt .count{float:right}
/* 결제하기 */
.payment_contents{position:relative;padding-bottom:40px;font-size:16px;}
.payment_contents .info_cont{background:#fff}
.payment_contents .info_cont .txt{display:block;margin-top:18px;text-align:center;color:#000;font-size:14px}
.payment_contents .info_cont .txt .tt{display:block;margin-top:5px;color:#999;font-size:11px;}
.payment_contents .info_cont .img{padding:10px 15px}
.payment_contents .payment_info h3{position:relative;padding:15px;border-bottom:1px solid #eeeef0;background:#f7f7f7;color:#000;font-size:15px}
.payment_contents .payment_info h3.tit_info .arw,.payment_contents .payment_info h3.tit_info3 .arw{display:block;position:absolute;top:50%;right:15px;width:18px;height:10px;margin-top:-5px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/img_updown4.png) no-repeat 0 0;background-size:18px auto;cursor:pointer}
.payment_contents .payment_info h3.tit_info2 .arw{display:block;position:absolute;top:50%;right:15px;width:10px;height:17px;margin-top:-9px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/arw_r.png) no-repeat 0 0;background-size:10px auto;cursor:pointer}
.payment_contents .payment_info h3.tit_info .num,
.payment_contents .payment_info h3.tit_info2 .num{color:#f53e42}
.payment_contents .payment_info h3.tit_info3{padding:13px 50px 17px 15px}
.payment_contents .payment_info h3.a_block{padding:0}
.payment_contents .payment_info h3.a_block a{display:block;padding:15px}
.payment_contents .payment_info h3.tit_info.close .arw,
.payment_contents .payment_info h3.tit_info3.close .arw{background-position:0 -11px}
.payment_contents .payment_info h3.tit_info.border{margin:0 15px;padding:5px 9px;background:#fff;border-bottom:1px solid #222;color:#222;font-size:16px;font-weight:bold}
.payment_contents .payment_info h3 .view{display:none;position:absolute;top:15px;right:46px;color:#2b7af1;font-size:15px}
.payment_contents .payment_info h3 .type-checkbox{width:100%;color:#000;font-size:15px}
.payment_contents .payment_info h3 .type-checkbox.checked{background-position:0 -60px}
.payment_contents .payment_info .order_list{padding:0 15px}
.payment_contents .payment_info .order_list li{position:relative;padding:20px 0;border-bottom:1px solid #eeeef0;font-size:15px}
.payment_contents .payment_info .order_list li:last-child{border-bottom:0}
.payment_contents .payment_info .order_list li .subject{display:block;padding-right:70px;line-height:1.2}
.payment_contents .payment_info .order_list li .num_box{display:block;margin-top:5px}
.payment_contents .payment_info .order_list li .num{color:#000;font-weight:bold}
.payment_contents .payment_info .order_list li .price_info{display:block;position:absolute;top:50%;right:0;height:26px;margin-top:-13px}
.payment_contents .payment_info .order_list li .price{color:#e9240f;font-weight:bold}
.payment_contents .payment_info .bt_group{padding:15px;overflow:hidden;text-align:center}
.payment_contents .payment_info .bt_group .btn{float:left;width:49.5%;margin-left:1%}
.payment_contents .payment_info .bt_group .btn:first-child{margin-left:0}
.payment_contents .buyer_info{padding:7px 15px}
.payment_contents .buyer_info li{position:relative;padding:4px 0;overflow:hidden}
.payment_contents .buyer_info li .th{display:inline-block;position:absolute;top:4px;left:0;width:95px;color:#9a9a9a}
.payment_contents .buyer_info li .td{display:inline-block;float:right;margin-left:95px;color:#0c2436}
.payment_contents .select_adds{padding:15px;overflow:hidden}
.payment_contents .select_adds li{float:left;margin-right:15px;font-size:15px}
.payment_contents .adds_list{padding:10px 15px;overflow:hidden}
.payment_contents .adds_list li{position:relative;margin-bottom:15px;overflow:hidden}
.payment_contents .adds_list dl{overflow:hidden}
.payment_contents .adds_list dt{display:inline-block;position:absolute;top:0;left:0;width:90px;line-height:44px}
.payment_contents .adds_list dd{width:100%;padding-left:90px;box-sizing:border-box;white-space:nowrap}
.payment_contents .adds_list dd.phone .select_st1,
.payment_contents .adds_list dd.phone .input_st1{width:26%}
.payment_contents .adds_list dd.phone .select_st1{width:32%}
.payment_contents .adds_list dd.phone .dash,
.payment_contents .adds_list dd .zip .dash{display:inline-block;width:3%;text-align:center}
.payment_contents .adds_list dd .zip .input_st1{width:31%}
.payment_contents .adds_list dd .zip .btn_zip{display:inline-block;width:34%;height:40px;margin-left:1%;background:#222;color:#fff;line-height:40px;vertical-align:middle;text-align:center}
.payment_contents .adds_list dd .zip_info{display:block;margin-top:5px}
.payment_contents .adds_list dd .zip_info .input_st1{font-size:13px}
.payment_contents .adds_list dd.memo .textarea_st1{height:80px}
.payment_contents .adds_list dd.memo .check{display:block;line-height:1.2}
.payment_contents .adds_list dd.memo .type-checkbox{color:#0c2436;font-weight:normal}
.payment_contents .adds_list dd .bt_st5{display:inline-block}
.payment_contents .total_pay{padding:15px 15px 5px}
.payment_contents .total_pay li{margin-bottom:10px;font-size:16px;overflow:hidden}
.payment_contents .total_pay li .th{float:left;padding-left:15px;color:#9a9a9a}
.payment_contents .total_pay li .td{float:right;padding-right:15px}
.payment_contents .total_pay li.total_sale{margin-top:10px;padding-top:10px;border-top:1px dotted #ccc}
.payment_contents .total_pay li .plus{display:inline-block;width:14px;height:14px;margin-right:5px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/ico_plus.png) no-repeat;background-size:contain;vertical-align:middle;text-indent:-999em}
.payment_contents .total_pay li .minus{display:inline-block;width:14px;height:14px;margin-right:5px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/ico_minus.png) no-repeat;background-size:contain;vertical-align:middle;text-indent:-999em}
.payment_contents .total_pay li .minus.red{background:url(//siwon-cdn.siwonschool.com/img/kids/m/v2/comm/ico_minus_red.png) no-repeat;background-size:contain}
.payment_contents .total{display:block;margin:0 15px 15px;padding:13px;border-top:1px solid #ccc;background:#fff2f1;color:#e9240f;font-weight:bold;overflow:hidden}
.payment_contents .total .tt{float:left}
.payment_contents .total .pay{float:right}
.payment_section .pay_select{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
.payment_section .pay_select li{width:25%;height:48px;border-bottom:1px solid #eeeef0;border-right:1px solid #eeeef0;text-align:center;box-sizing:border-box}
.payment_section .pay_select li:last-child{border-right:1px solid #f0f0f0}
.payment_section .pay_select li:nth-type(3n){border-right:0}
.payment_section .pay_select label{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0}
.payment_section .pay_select label span{font-size:12px;color:#666}
.payment_section .pay_select label.checked{background:#2b7af1}
.payment_section .pay_select label.checked span{color:#fff}
.payment_section .pay_select.simple li { width: auto; flex: 1; }
.payment_section .pay_select.simple li label {overflow: hidden; text-indent: -999em; background: no-repeat 50% 50%; }
.payment_section .pay_select.simple li.naver label{ background-size: auto 18.6px; background-image: url('//siwon-cdn.siwonschool.com/comm/ico/ico_naverpay.svg');}
.payment_section .pay_select.simple li.kko label{ background-size: auto 15.5px; background-image: url('//siwon-cdn.siwonschool.com/comm/ico/ico_kakaopay2.svg');}
.payment_section .pay_select.simple li.naver label.checked{ background-image: url('//siwon-cdn.siwonschool.com/comm/ico/ico_naverpay_white.svg'); background-color: #00C73C; }
.payment_section .pay_select.simple li.kko label.checked{ background-color: #FFEB00; }
.payment_contents .noti{display:none;padding:10px 15px;color:#666;font-size:11px;text-align:left}
.payment_contents .noti.on{display:block}
.payment_contents .noti i{display:inline-block;padding-left:18px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/comm/ico_noti4.png) no-repeat;background-size:13px auto;color:#2b7af1;font-weight:bold;font-size:11px;line-height:13px}
.payment_section .noti p.tit{padding:15px 0 10px;border-top:1px solid #eeeef0;font-size:15px;color:#000}
.payment_section .noti p.tit:first-child{border:none}
.payment_section .noti .info_box{padding-bottom:10px}
.payment_section .noti .info_box li{padding-left:10px;padding-bottom:3px;text-indent:-8px;font-size:11px;color:#9a9a9a}
.payment_section .noti .info_box li.st2{padding-left:0;text-indent:0;padding-bottom:8px}
.payment_section .noti .wrap_receipt{margin-top:15px}
.payment_section .noti .wrap_receipt .ck_box{padding-bottom:7px}
.payment_section .noti .wrap_receipt .ck_box li{display:inline-block;padding-right:12px}
.payment_section .noti .wrap_receipt .ck_box li:last-child{padding-right:0}
.payment_section .noti .wrap_receipt .ck_box label{display:inline-block}
.payment_section .noti .wrap_receipt .ck_cont_box li{overflow:hidden;position:relative;padding-left:130px;padding-bottom:10px}
.payment_section .noti .wrap_receipt .ck_cont_box li select{position:absolute;left:0;top:0;width:120px}
.payment_section .noti .wrap_receipt .ck_cont_box li select+ input{width:100%}
.payment_section .noti .wrap_receipt .ck_cont_box li span.txt2{position:absolute;left:0;top:0;display:inline-block;line-height:40px;font-size:14px}
.payment_section .noti .wrap_receipt .ck_cont_box li span.txt2+ input{width:100%}
.payment_contents .card_img{display:block;padding:15px 25px 25px}
.payment_contents .card_img img{width:100%}
.payment_section .payment_contents .agree_desc{margin:10px 15px 15px;padding:10px;height:85px;border:1px solid #ccc;background:#eee;color:#666;font-size:11px;overflow:auto}
.payment_section .payment_contents .agree_desc table{margin-top:10px;border-top:1px solid #ccc;border-left:1px solid #ccc}
.payment_section .payment_contents .agree_desc table th,.payment_section .payment_contents .agree_desc table td{padding:5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#9a9a9a;font-size:11px}
.payment_section .payment_contents .wrap_proxy_agree{margin:10px 15px;border:1px solid #ccc}
.payment_section .payment_contents .wrap_proxy_agree > li{padding:10px;background:#fff;border-top:1px solid #ccc;color:#666;font-size:11px}
.payment_section .payment_contents .wrap_proxy_agree > li:first-child{border-top:none;background:#fafafa}
.payment_section .payment_contents .wrap_proxy_agree > li:first-child .txt{margin-bottom:5px}
.payment_section .payment_contents .wrap_proxy_agree > li .txt{color:#333;margin-top:5px}
.payment_section .payment_contents .wrap_proxy_agree > li strong{color:#000}
.payment_section .payment_contents .agree_check{padding:0 15px 10px 15px}
.payment_section .payment_contents .agree_check .type-checkbox{color:#888;font-size:11px}
.payment_section .payment_contents .wrap_proxy_agree .agree_check{padding:0}
.payment_section .payment_contents .wrap_proxy_agree .proxy_agree li{margin-bottom:8px}
.payment_section .payment_contents .wrap_proxy_agree .proxy_agree li a{float:right;padding:2px 4px 3px;display:inline-block;color:#999;border:1px solid #ccc;border-radius:3px;vertical-align:middle;font-size:10px}
.payment_section .payment_contents .payment_check{display:inline-block}
.payment_section .payment_contents .payment_check .type-checkbox{color:#333;font-size:13px}
.payment_section .payment_contents .payment_check .type-checkbox.checked{background-position:0 -60px}
.payment_section .payment_contents .payment_alaram{margin-bottom:7px;padding:15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;font-weight:bold}
.payment_section .payment_contents .payment_alaram .type-checkbox{font-weight:normal}
.payment_section .payment_contents .wrap_agree{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}
.payment_section .payment_contents .wrap_agree .bt_more{z-index:1;display:block;position:absolute;bottom:20px;right:15px;width:20px;height:20px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/product/bt_more.png) left bottom no-repeat}
.payment_section .payment_contents .wrap_agree .bt_more.on{background-position:left top}
.payment_section .payment_contents .agree_box{padding:15px 15px;background:#fafafa;color:#666;font-size:11px}
.payment_section .payment_contents .agree_box ul li{overflow:hidden;margin-bottom:5px;color:#888}
.payment_section .payment_contents .agree_box a{float:right;padding:2px 10px 3px;display:inline-block;color:#999;border:1px solid #ccc;border-radius:3px;vertical-align:middle;font-size:10px}
.payment_section .payment_contents .bt_st1.bt_pay{margin:15px}
.payment_section .payment_contents .add_sale{padding:0 15px;overflow:hidden}
.payment_section .payment_contents .add_sale li{position:relative;padding:15px 0;border-bottom:1px solid #eeeef0;color:#666;font-size:12px;overflow:hidden}
.payment_section .payment_contents .add_sale li:last-child{border-bottom:0}
.payment_section .payment_contents .add_sale li .subject{display:inline-block;padding-right:150px;line-height:1.2}
.payment_section .payment_contents .add_sale li .sale_info{display:inline-block;position:absolute;top:50%;right:0;height:24px;margin-top:-12px}
.payment_section .payment_contents .add_sale li .price{display:inline-block;height:24px;margin-right:10px;color:#d71818;line-height:24px;vertical-align:middle}
.payment_section .payment_contents .add_sale li .btn{display:inline-block;width:62px;height:24px;border-radius:15px;background:#2b7af1;color:#fff;font-size:12px;text-align:center;line-height:24px;vertical-align:middle}
.payment_contents .inner .bt_st1_45{margin:15px}
/* 결제 완료 */
.payment_contents .payment_info .sale_list{padding:0 15px}
.payment_contents .payment_info .sale_list li{position:relative;padding:20px 0;font-size:15px}
.payment_contents .payment_info .sale_list li .subject{display:block;padding-right:70px;line-height:1.2}
.payment_contents .payment_info .sale_list li .price_info{display:block;position:absolute;top:50%;right:0;height:26px;margin-top:-13px}
.payment_contents .payment_info .sale_list li .price{color:#db160e}
.payment_contents .adds_info{padding:7px 15px}
.payment_contents .adds_info li{position:relative;padding:4px 0;overflow:hidden}
.payment_contents .adds_info li .th{display:inline-block;position:absolute;top:4px;left:0;width:95px;color:#9a9a9a}
.payment_contents .adds_info li .td{display:inline-block;float:right;margin-left:95px;color:#0c2436}
.payment_contents .adds_info li .name{display:block;color:#000;font-weight:bold}
.payment_contents .finish_info{padding:40px 15px 20px}
.payment_contents .finish_info .tit_finish{color:#333;font-size:14px;text-align:center}
.payment_contents .finish_info .finish_desc{margin-top:15px;border-top:1px solid #222;background:#fff}
.payment_contents .finish_desc .info_list{overflow:hidden}
.payment_contents .finish_desc li{clear:both;position:relative;border-bottom:1px solid #eeeef0;font-size:13px;line-height:1.6}
.payment_contents .finish_desc li .th{display:inline-block;position:absolute;top:0;left:0;width:90px;padding:6px 10px;background:#f7f7f7;color:#222}
.payment_contents .finish_desc li .td{display:inline-block;margin-left:110px;padding:6px 10px;color:#0c2436}
.payment_contents .finish_desc li .td .price{color:#db160e;font-weight:bold;font-size:13px}
.payment_contents .finish_desc .info_list.number{margin-top:10px}
.payment_contents .finish_desc .info_list.number li{border:0;background:#2b7af1}
.payment_contents .finish_desc .info_list.number li .th{padding:10px;background:#2b7af1;color:#fff;font-size:13px}
.payment_contents .finish_desc .info_list.number li .td{padding:10px;background:#2b7af1;color:#fff;font-size:13px;font-weight:bold}
.payment_contents .back_box{overflow:hidden;padding:0 15px}
.payment_contents .back_box li{text-align:center}
.payment_contents .back_box li a{display:block;width:auto;height:45px;line-height:45px;color:#fff;font-size:14px;text-align:center;background:#000;border-radius:3px}
.payment_contents .back_box li a span{display:inline-block;height:45px;padding:0 0 0 32px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/v2/products/ico_mypage.png) no-repeat 0 10px;background-size:24px auto}
/* 내강의실 */
.myclass_section {padding-top:0 !important}
.myclass_section .sec_myclass{padding:30px 0;font-size: 16px;}
.myclass_section .sec_myclass .inner{padding:0 1.2em;}
.myclass_section .sec_myclass .myclass_account_alt { margin: 0 0 15px; background: #f4f4f4;}
.myclass_section .sec_myclass .myclass_account_alt .inner { padding: 0 1.2em; }
.myclass_section .sec_myclass .myclass_account_alt .inner > div { position: relative; padding: 17.5px 0; }
.myclass_section .sec_myclass .myclass_account_alt .inner .child { display: flex; justify-content: space-between; align-items: center; }
.myclass_section .sec_myclass .myclass_account_alt .inner .child button { width: 29px; }
.myclass_section .sec_myclass .myclass_account_alt .inner .child button img { width: 100%; }
.myclass_section .sec_myclass .myclass_account_alt .inner .parent { text-align: center; }
.myclass_section .sec_myclass .myclass_account_alt .inner .parent button:not(.close_bt) { margin-top: 8px; padding: 4px 6px; border-radius: 3px; background: #6E6E6E; font-size: 11px; color: #fff;}
.myclass_section .sec_myclass .myclass_account_alt .inner div p { font-size: 12px; }
.myclass_section .sec_myclass .myclass_account_alt .inner div p em { color: #FF2121; font-size: 10px; }
.myclass_section .sec_myclass .myclass_account_alt .inner div .close_bt { position: absolute; top: 6px; right: -4px; width: 10px; }
.myclass_section .sec_myclass .myclass_account_alt .inner div .close_bt img { width: 100%; }
.myclass_section .sec_myclass .inner .open_curri { width: 100%; height: 40px; font-size: 12px; }
.myclass_section .sec_myclass .inner * + .open_curri {margin-top: 20px;}
.myclass_section .sec_myclass .inner .open_curri::before { content: ''; width: 13.5px; height: 13.5px; margin-right: 12px; background: url('//siwon-cdn.siwonschool.com/junior/m/comm/ico_curri.png') no-repeat 0 0 / 100% auto; }
.myclass_section .cheer_area{position:relative;padding-bottom:20px}
.myclass_section .cheer_area .tt {font-size:20px; color:#222; font-weight:bold;margin-bottom: 10px;}
.myclass_section .cheer_area .set{position:absolute;top:4px;right:0;font-size:14px;color:#555;text-align:center}
.myclass_section .cheer_area .switch_box{display:inline-block;height:26px;vertical-align:middle}
.myclass_section .cheer_area .switch_cheer{position:absolute;opacity:0;outline:none}
.myclass_section .cheer_area .switch{display:inline-block;position:relative;width:42px;height:26px;margin-left:5px;border-radius:13px;background:#ddd;transition:all.3s}
.myclass_section .cheer_area .switch:after{display:inline-block;position:absolute;top:22px;top:2px;left:2px;width:22px;height:22px;border-radius:100%;background:#fff;transition:all.3s;content:''}
.myclass_section .cheer_area .switch_cheer:checked + .switch{background-color:#3acd77}
.myclass_section .cheer_area .switch_cheer:checked + .switch:after{transform:translateX(16px)}
.myclass_section .cheer_area .input_st {border:1px solid #ddd; height:45px; padding:0 10px; box-sizing:border-box;width:75%;float:left}
.myclass_section .cheer_area .btn_reg {height:45px;line-height:45px; color:#fff; background-color:#222; text-align:center; width:25%; box-sizing:border-box; font-size:15px;}
.myclass_section .cont_box{overflow:hidden;height:0}
.myclass_section .cont_box .bx-viewport{height:49px !important}
.myclass_section .cont_box .cheer_sl li {position: relative;width: 100%;padding-left: 33px;background: #fff;box-sizing: border-box;}
.myclass_section .cont_box .cheer_sl li .thum{display: block;position: absolute;top: 7px;left: 0;width: 33px;height: 33px;background: #fafafa;}
.myclass_section .cont_box .cheer_sl li .thum:after {position: absolute;top: 0;left: 0;width: 33px;height: 33px;background: url(//siwon-cdn.siwonschool.com/img/www/m/main/v7/today_thum.png) no-repeat;background-size: 33px;content: '';}
.myclass_section .cont_box .cheer_sl li .thum img {display: block;width: 30px;height: 30px;padding-left:1px;}
.myclass_section .cont_box .cheer_sl li .cmt {position: relative;margin-left: 23px;padding: 6px 9px;background: #fafafa;border-radius: 5px;}
.myclass_section .cont_box .cheer_sl li .cmt:after {position: absolute; top: 50%;left: -6px;width: 8px;height: 8px;margin-top: -4px; background: url(//siwon-cdn.siwonschool.com/img/www/m/main/v7/today_ico_cmt.png) no-repeat;background-size: 8px;content: '';}
.myclass_section .cont_box .cheer_sl li .cmt .info .name {padding-right: 5px;font-size: 11px;font-weight: bold;color: #2f62cb;}
.myclass_section .cont_box .cheer_sl li .cmt .info .date {position: relative;padding-left: 7px;font-size: 11px;color: #666;}
.myclass_section .cont_box .cheer_sl li .cmt .info .date:before{display: block;position: absolute;top: 2px;left: 0;width: 1px;height: 10px;background: #ddd;content: '';}
.myclass_section .cont_box .cheer_sl li .cmt .cont {display: block;overflow: hidden;font-size: 12px;color: #000;text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.myclass_section .cont_box .cheer_sl .bx-controls {display:none}
.myclass_section .cheer_area.on .cont_box{height:auto;padding-top:20px}
.myclass_section .list_area .class_list > li{border-top:1px solid #ccc;padding:1em 0.8em}
.myclass_section .list_area .class_list li .box1 {position:relative;}
.myclass_section .list_area .class_list li .box1 .thumb {position:absolute;left:0;top:0;width:100px}
.myclass_section .list_area .class_list li .box1 .thumb img {width:100%;}
.myclass_section .list_area .class_list li .box1 .cont {margin-left:100px;padding-left:15px; box-sizing:border-box}
.myclass_section .list_area .class_list li .box1 .cont .txt_refund{display:block;font-size:0.8em;color:#666}
.myclass_section .list_area .class_list li .box1 .cont dt{display:inline-block;position:relative;margin-bottom: 10px;}
.myclass_section .list_area .class_list li .box1 .cont dt.ext:before{content:'연장/재수강 최대 60% 할인!';display:inline-block;white-space:nowrap;position:absolute;top:-22px;left:0;height:20px;padding:0 1.3em;line-height:20px;font-size:12px;color:#fff;border-radius:10px;background:#ff3232}
.myclass_section .list_area .class_list li .box1 .cont dt.ext:after{content:'';display:inline-block;position:absolute;top:-2px;left:30px;border-top:5px solid #ff3232;border-left:3px solid transparent;border-right:3px solid transparent}
.myclass_section .list_area .class_list li .box1 .cont dd {color:#999;line-height:1.4;font-size:12.8px;}
.myclass_section .list_area .class_list li .box1 .cont dt.per {color:#fd4943;font-weight:bold; text-align:right; font-size:20.8px;margin-top: .5em;}
.myclass_section .list_area .class_list li .box1 .bt{display: block;width:99.2%; height:45px; margin-top:10px;line-height:45px; color:#fd4943; border:1px solid #fd4943; text-align:center; font-size:16px;}
.myclass_section .list_area .class_list li .box1 .bt_control i{display:inline-block;width:17px;height:9px;margin-left:10px;background:url(//siwon-cdn.siwonschool.com/img/kids/m/v3/myclass/ico_copen.png) no-repeat 65% center;background-size:17px auto}
.myclass_section .list_area .class_list li .box1 .bt_control.open i{background:url(//siwon-cdn.siwonschool.com/img/kids/m/v3/myclass/ico_close.png) no-repeat 65% center;}
.myclass_section .list_area .class_list li .box1 .bt_study {color:#fff; background-color:#222;border:1px solid #222}
.myclass_section .list_area .class_list li .box2 {background-color:#f3f4f8; padding: 0 15px;display:none}
.myclass_section .list_area .class_list li .box2 .lec_box {height:50px; line-height:50px; border-top:1px solid #ddd;position: relative;}
.myclass_section .list_area .class_list li .box2 .lec_box b {font-size:14px;width: 65%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.myclass_section .list_area .class_list li .box2 .lec_box a {display: inline-block;width:70px; height:25px; line-height:25px; padding: 0 5px; text-align:center; background-color:#222; color:#fff;border-radius:18px;font-size:12px; position: absolute;right: 0;top: 14px;}
.myclass_section .sec_myclass .bnr_wrap{margin:0 1.2em 7vw 1.2em;overflow:hidden;position: relative;}
.myclass_section .sec_myclass .bnr_wrap img{width:100%;}
.myclass_section .sec_myclass .swiper-pagination{position: absolute;bottom:3vw;left:5vw;}
.myclass_section .sec_myclass .swiper-pagination .swiper-pagination-bullet{margin-right:1vw}
/* 강의목록 */
.lesson_section {padding-top:0 !important}
.lesson_section .lesson_info {padding:30px 20px}
.lesson_section .lesson_info .lec_t {font-size: 20.8px;}
.lesson_section .lesson_info p {font-size:12.8px; color:#999;margin: 7px 0}
.lesson_section .lesson_info .percent_area { display: flex; justify-content: space-between; align-items: baseline ;}
.lesson_section .lesson_info .percent_area .graph_per {display: inline-block; flex: 1;position: relative; height: 15px;margin-right: 13px;background: #ddd;border-radius: 10px;vertical-align:-7px;}
.lesson_section .lesson_info .percent_area .graph_per i{display: block;position: absolute;top: 0;left: 0;height: 100%;background: #fd4943;border-radius: 10px;}
.lesson_section .lesson_info .percent_area b{display:flex;align-items:baseline;color:#333;font-size: 1.1em;font-weight:400;white-space:nowrap}
.lesson_section .lesson_info .percent_area b span{color:#fd4943;font-size:17.6px;font-weight: 700;}
.lesson_section .swiper {background-color:#f3f4f8;padding:10px 0;overflow-x:scroll;}
.lesson_section .swiper .cate_list{overflow:hidden;width: max-content;}
.lesson_section .swiper .cate_list li {float:left;border-radius: 10px;color: #222;padding: 8px 12.8px;box-sizing: border-box; background-color:#fff;margin-left:16px}
.lesson_section .swiper .cate_list li:last-child{margin-right:16px}
.lesson_section .swiper .cate_list li.on{background-color: #ffd545;}
.lesson_section .swiper .cate_list li a {font-weight:bold;font-size:12.8px}
.lesson_section .swiper .cate_list li.link{background-color:#fe6e27;color:#fff}
.lesson_section .swiper .cate_list li.link a{color:#fff}
.lesson_section .bbs_lec_list {margin-top: 10px;}
.lesson_section .bbs_lec_list li {display: flex; align-items: center; position: relative;padding:24px 16px 24px 112px;border-bottom: 1px solid #ddd;}
.lesson_section .bbs_lec_list li a { display: flex; flex: 1; }
.lesson_section .bbs_lec_list li img {width:96px;height:48px;display: inline-block;overflow: hidden; position: absolute; left: 16px;}
.lesson_section .bbs_lec_list li .tit {font-size:17.6px; display: inline-block;padding-left:14.08px}
.lesson_section .bbs_lec_list li .desc {width:95%;padding-top: 6.4px;font-size: 12.8px;color: #999;line-height: 1.4;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left:16px}
.lesson_section .bbs_lec_list li .data { min-width: 50px; margin-left: 10px; text-align: right; }
.lesson_section .bbs_lec_list li .data .prog {font-size:17.6px;color:#fd4943;font-weight:bold;}
.lesson_section .bbs_lec_list li .data [class^="bt_"] { width: 100%; height: 30px; padding: 0 5px; border-radius: 4px; font-size: 13px; color: #3fb8ee; }
.lesson_section .bbs_lec_list li .data [class^="bt_"].disabled{ background: #f8f8f8; color: #ababab; }
.lesson_section .bbs_lec_list li .data [class^="bt_"].complet{ color: #666; cursor: default; }
.exam_section .exam_area .comment{width:100%;margin-top:45px;background:#f9f9f9;padding:50px 108px;display:table;box-sizing:border-box}
.exam_section .exam_area .comment .txt_box{display:table-cell;vertical-align:middle}
.exam_section .exam_area .comment .txt_box b{color:#2bc56e;font-size:18px;vertical-align:top}
.exam_section .exam_area .comment .txt_box .txt{display:inline-block;font-size:17px;color:#2b2b2b;margin-left:40px}
.exam_section .exam_area .comment .txt_box .t2{margin-top:30px}
.exam_section .exam_area .btn_box{text-align:center;margin-top:65px;}
.exam_section .exam_area .btn_box a{display:inline-block;width:300px;height:80px;border-radius:40px;line-height:55px;font-size:26px;color:#888;border:1px solid
#d4cfcc;text-align:right;padding:11.5px 50px 13px 11.5px;box-sizing:border-box}
.exam_section .exam_area .btn_box a i{float:left;display:inline-block;width:55px;height:55px;border-radius:50%;text-align:center;background:#c6c6c6}
.exam_section .exam_area .btn_box a i img{vertical-align:1px}
.exam_section .exam_area .btn_box a.next{background:#222;color:#fff;border:1px solid
#222;margin-left:15px}
.exam_section .exam_area .btn_box a.next i{background:#fff}
.exam_section .exam_area .btn_box a.next i img{vertical-align:7px}
.exam_section .exam_area .btn_box a.end{border:1px solid #fd4943;background:#fd4943;text-align:center;color:#fff;padding:0;line-height:80px;margin-left:15px}
/*학습 자료실*/
.resource_section .learning_resource{padding:7vw 4vw}
.resource_section .learning_resource .count{margin-bottom:3vw}
.resource_section .learning_resource .count .all{color:#222;font-size:3vw}
.resource_section .learning_resource .count .all span{color:#2b7af1}
.resource_section .resource_list{width:100%;border-top:2px solid #222;border-bottom:1px solid #ddd;}
.resource_section .resource_list tr{border-top:1px solid #ddd}
.resource_section .resource_list tr td{font-size:3vw;padding:3vw 2vw}
.resource_section .resource_list tr td.tit .txt_area{color:#333;font-weight:bold}
.resource_section .resource_list tr td.tit .tb{color:#2b7af1;font-weight:bold}
.resource_section .resource_list tr td.tit .day{margin-top:3vw;color:#aaa;font-size:2.6vw}
.resource_section .resource_list tr td .arrow{width:3.8vw;vertical-align:0vw}
.resource_section .resource_list tr.d_box.closed{display:none}
.resource_section .resource_list tr.d_box td{background:#f8f8f8;padding:5vw 4.5vw}
.resource_section .resource_list tr.d_box .d_txt{font-size:3vw}
.resource_section .resource_list tr.d_box p > img{width:100% !important;height:100% !important}
.resource_section .resource_list tr.d_box .info_area{font-size:2.7vw;margin-top:4vw}
.resource_section .resource_list tr.d_box .info_area img{vertical-align:-3px}
.resource_section .resource_list tr.d_box .info_area a.file{color:#2b7af1;text-decoration:underline}
.resource_section .resource_list tr.d_box .info_area a.file img{margin-right:2vw;width:2.7vw}
.resource_section .resource_list tr.d_box .info_area .bar{margin:0 1vw;color:#aaa}
.resource_section .resource_list tr.d_box .info_area .info{color:#aaa}
.resource_section .btn_area{margin-top:8vw}
.resource_section .btn_area a{display:block;width:100%;height:12vw;line-height:12vw;text-align:center;color:#fff;background:#222;font-size:3.5vw}
/* 학습질문하기 */
.study_qna{padding:7vw 4vw}
.study_qna .count{margin:30px 0 3vw;overflow:hidden;}
.study_qna .count .all{float:left;color:#222;font-size:4vw;line-height:6vw;font-weight:bold;}
.study_qna .count .all span{color:#2b7af1;font-weight:bold;}
.study_qna .count .tit_desc{clear:both;font-size:2vw;color:#aaa;padding:2px 0 5px}
.study_qna .count .bt_my{float:right;display:inline-block;font-size:2.5vw;width:18vw;height:6vw;border-radius:5vw;line-height:6vw;box-sizing:border-box;color:#fff;text-align:center;background:#222;vertical-align:middle}
.study_qna .resource_list{width:100%;border-top:2px solid #222;border-bottom:1px solid #ddd;}
.study_qna .resource_list tr{border-top:1px solid #ddd}
.study_qna .resource_list tr td{font-size:3vw;padding:3vw 2vw}
.study_qna .resource_list tr td img{vertical-align: middle}
.study_qna .resource_list tr td .no{display:block;padding-bottom:2vw;color:#666;font-size:2vw;}
.study_qna .resource_list tr td .no em{color:#2b7af1;}
.study_qna .resource_list tr td.tit .txt_area{color:#333;font-weight:bold}
.study_qna .resource_list tr td.tit .tb{color:#2b7af1;font-weight:bold}
.study_qna .resource_list tr td.tit .stats_box{margin-top:3vw;}
.study_qna .resource_list tr.t_box .stats{display:block;width:15vw;height:5vw;border-radius:.5vw;font-size:2.2vw;text-align: center;line-height:5vw}
.study_qna .resource_list tr.t_box .stats.finish{color:#fff;background:#2b7af1;}
.study_qna .resource_list tr.t_box .stats.ing{color:#999;background:#ddd;}
.study_qna .resource_list tr td .arrow{width:3.8vw}
.study_qna .resource_list tr.d_box.closed{display:none}
.study_qna .resource_list tr.d_box td{background:#f8f8f8;}
.study_qna .resource_list tr.d_box .detail_area .qa_comm{position:relative;padding:3vw}
.study_qna .resource_list tr.d_box .detail_area .a_box{border-top:1px dashed #ddd;}
.study_qna .resource_list tr.d_box .detail_area .qa_comm .i{display:block;width:10vw;height:4vw;margin-bottom:2vw;font-size:2.5vw;text-align:center;line-height:4vw;}
.study_qna .resource_list tr.d_box .detail_area .qa_comm .qt{border:1px solid #222;color:#222;}
.study_qna .resource_list tr.d_box .detail_area .qa_comm .aw{border:1px solid #2b7af1;color:#2b7af1;}
.study_qna .resource_list tr.d_box .d_txt{font-size:3.2vw;color:#666;line-height:1.6;word-break: break-word;}
.study_qna .resource_list tr.d_box .info_area{margin-top:4vw;overflow:hidden;}
.study_qna .resource_list tr.d_box .info_area .info_box{float:right;}
.study_qna .resource_list tr.d_box .info_area .name{color:#2b7af1;}
.study_qna .resource_list tr.d_box .a_box .info_area .name{color:#111;}
.study_qna .resource_list tr.d_box .info_area .bar{margin:0 10px;color:#ddd}
.study_qna .resource_list tr.d_box .info_area .info{color:#999}
.study_qna .resource_list tr.no_box td{padding:20vw 0;color:#444;font-size:3.4vw;text-align:center;}
.study_qna .search{margin-top:10px;}
.study_qna .select_cate{position:relative;width:19%;height:36px;margin-right:1%;padding:0 5px 0 5px;border:1px solid #ddd;font-size:12px;color:#222;background-size:8px auto;vertical-align: middle;box-sizing: border-box;}
.study_qna .input_search{width:85%;height:34px;border:0;border-left:1px solid #ddd;box-sizing:border-box;padding:0 30px 0 10px;color:#999;font-size:12px;vertical-align:middle;line-height:34px;box-sizing: border-box;}
.study_qna .submit_search{position:absolute;top:0;right:0;display:inline-block;width:34px;height:34px;line-height:34px;border-left:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;color:#fff;text-align:center;background:url(//siwon-cdn.siwonschool.com/img/kids/m/v3/comm/ico_search.png) no-repeat center top;background-size:auto 34px;vertical-align:middle;text-indent:-999em;box-sizing: border-box;}
.study_qna .search_div{display:inline-block;width:80%;height:34px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.study_qna .search_i{display:inline-block;position:relative;width:9%;height:34px;vertical-align:middle;float:right;}
.study_qna .search_del{display:inline-block;width:18%;position:absolute;top:8px;right:55px;}
.study_qna .search_del img{width:20px;}
.study_qna .bt_write{display:block;width:100%;height:9vw;border-radius:3px;background:#2b7af1;color:#fff;text-align:center;line-height:9vw;font-size:3.5vw;}
.study_qna .btn_area{margin-top:8vw}
.study_qna .btn_area a{display:block;width:100%;height:12vw;border:1px solid #9a9a9a;line-height:12vw;text-align:center;color:#9a9a9a;background:#fff;font-size:3.5vw}
.study_qna.inquiry_write{padding:8vw 4.5vw 0;}
.study_qna .bbs_write{background:#fff;padding:0;}
.study_qna .noti_txt{padding:0 0 4.5vw 7vw;background:url(//siwon-cdn.siwonschool.com/img/kids/m/v3/comm/ico_noti.png) no-repeat left .5vw;background-size:5.5vw auto;color:#878787;font-size:3vw;line-height: 1.6}
.study_qna .bbs_write .input_st1{color:#333;border:1px solid #ccc;font-size:3.2vw;}
.study_qna .bbs_write .input_st1::placeholder{color:#999;}
.study_qna .bbs_write .textarea_st1{margin-top:3vw;color:#333;border:1px solid #ccc;font-size:3.2vw;}
.study_qna .bbs_write .textarea_st1::placeholder{color:#999;}
.study_qna.inquiry_write .bt_group{margin-top:5vw;overflow:hidden;}
.study_qna.inquiry_write .bt_group a{float:left;display:inline-block;width:49.5%;height:12vw;text-align:center;color:#fff;background:#000;font-size:4vw;line-height:12vw;}
.study_qna.inquiry_write .bt_group a:last-child{float:right;background:#2b7af1;}
/* 설문조사 */
.community_section .screenout{overflow:hidden;position:absolute;left:-100vw;width:1px;height:1px;text-indent:-100vw;color:transparent}
.community_section .top_tit_comm{background-color:#ffb820}
.community_section .top_tit_comm .inside h2{color:#000}
.community_section .top_tit_comm .inside .desc{color:#a56b06}
.community_section .space_comm{padding:30px 1.2em}
.community_section .survey_list{background:#eeeef0;overflow:hidden}
.community_section .survey_list li{border-bottom:1px solid #e5e5e5;padding:30px 0;background:#fff;overflow:hidden}
.community_section .survey_list li:first-child{padding-top:0}
.community_section .survey_list .thumb{position:relative}
.community_section .survey_list .thumb img{width:100%}
.community_section .survey_list .end .thumb:after{display:inline-block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);content:''}
.community_section .survey_list .tit{padding:10px 0 5px;color:#000;font-size:15px;font-weight:bold}
.community_section .survey_list .tit:before{display:inline-block;width:40px;height:17px;margin-right:5px;border-radius:10px;text-align:center;vertical-align:top;font-size:9px;line-height:17px;border:1px solid #ff493c;background:#fff;color:#ff493c;content:'진행중'}
.community_section .survey_list .end .tit:before{border-color:#111;background:#111;color:#fff;content:'종료'}
.community_section .survey_list .detail{font-size:12px;line-height:1.6;color:#222}
.community_section .survey_list .detail .fc_blue{color:#2c7eed}
.community_section .survey_list .end .detail,
.community_section .survey_list .end .detail .fc_blue{color:#999}
.community_section .survey_tit{font-size:15px;font-weight:bold;color:#000}
.community_section .survey_progress{position:relative;margin-top:30px;padding-right:3.5em;font-size:15px}
.community_section .progress_bar{position:relative;height:10px;border-radius:3px;background:#ddd}
.community_section .progress_bar .bar{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:#fd4e48;transition:all .3s}
.community_section .progress_bar .tag{display:inline-block;position:absolute;top:-27px;right:-20px;width:30px;height:15px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;font-size:9px;color:#111;text-align:center;line-height:13px;background:#fff}
.community_section .progress_bar .tag:after{position:absolute;bottom:-6px;left:50%;margin-left:-5px;width:8px;height:7px;background:url(//siwon-cdn.siwonschool.com/superkids/m/community/survey_progress_tail.png);background-size:100% 100%;content:''}
.community_section .survey_progress .progress_no{position:absolute;top:-2px;right:0;font-size:1em;color:#888;line-height:1}
.community_section .survey_progress .progress_no .now{color:#fd4e48}
.community_section .survey_box{position:relative;margin-top:30px}
.community_section .survey_box .survey_q_box{display:none;position:relative;padding-bottom:20px}
.community_section .survey_box .survey_q_box.on{display:block}
.community_section .survey_box .bt_reset{overflow:hidden;position:fixed;bottom:70px;right:20px;z-index:100;width:50px;height:50px;border:1px solid #dedede;border-radius:100%;box-sizing:border-box;text-indent:-100vw;box-shadow:0 0 5px rgba(0,0,0,.1);outline:none;background:#fff url(//siwon-cdn.siwonschool.com/superkids/m/community/survey_reset.png) center center no-repeat;background-size:cover}
.community_section .survey_box .bt_reset:active{transition:all .4s;transform:rotateZ(360deg)}
.community_section .survey_box .survey_q_box .q{padding-bottom:10px;font-size:14px;color:#333;font-weight:bold;line-height:1.4}
.community_section .survey_box .survey_q_box .cont{padding:20px;background:#f8f8f8}
.community_section .survey_box .survey_q_box[data-type="ranking"] .cont{padding:0}
.community_section .survey_box .survey_q_box .a_list li{min-height:15px;padding-bottom:10px}
.community_section .survey_box .survey_q_box input{display:inline-block;position:relative;width:15px;height:15px;box-sizing:border-box;border:1px solid #dedede;outline:none;background:#fff;-webkit-appearance:none;appearance:none}
.community_section .survey_box .survey_q_box .a_list input{margin-right:10px}
.community_section .survey_box .survey_q_box input[type="radio"]{border-radius:100%}
.community_section .survey_box .survey_q_box input[type="checkbox"]{border-radius:2px}
.community_section .survey_box .survey_q_box input[type="radio"]:after{display:inline-block;position:absolute;top:50%;left:50%;width:55%;height:55%;border-radius:100%;background-color:#fd4e48;transform:translate(-50%, -50%) scale(0,0);content:''}
.community_section .survey_box .survey_q_box input[type="checkbox"]:after{display:inline-block;position:absolute;top:50%;left:50%;width:55%;height:40%;border-radius:2px;margin-top:-1px;border-left:2px solid #fd4e48;border-bottom:2px solid #fd4e48;box-sizing:border-box;transform:translate(-50%, -50%) scale(0,0) rotateZ(-45deg);content:''}
.community_section .survey_box .survey_q_box input[type="radio"]:checked,
.community_section .survey_box .survey_q_box input[type="checkbox"]:checked{border-color:#fd4e48}
.community_section .survey_box .survey_q_box input[type="radio"]:checked:after,
.community_section .survey_box .survey_q_box input[type="checkbox"]:checked:after{transform:translate(-50%, -50%) scale(1,1) rotateZ(-45deg);transition:all .1s}
.community_section .survey_box .survey_q_box .a_list label{font-size:14px;line-height:18px;color:#666;vertical-align:middle}
.community_section .survey_box .survey_q_box input:checked + label{color:#fd4e48;font-weight:bold}
.community_section .table_survey{table-layout:fixed;width:100%}
.community_section .table_survey thead th{height:3em;padding:0 3px;font-size:13px;color:#111;text-align:center;background:#feb639}
.community_section .table_survey tbody tr{border-bottom:1px solid #f8f8f8}
.community_section .table_survey tbody tr th,
.community_section .table_survey tbody tr td{height:3em;font-size:13px;color:#111;text-align:center}
.community_section .table_survey tbody tr:nth-child(odd){background:#f3f3f3}
.community_section .table_survey tbody tr:nth-child(even){background:#eee}
.community_section .survey_box textarea{width:100%;border:1px solid #ddd;padding:10px;box-sizing:border-box;font-size:14px;color:#555;line-height:1.6;background:#fff;resize:none}
.community_section .survey_box .textarea_count{padding-top:10px;font-size:13px;color:#666;text-align:right}
.community_section .survey_box .q_sub{padding-bottom:10px;font-size:14px;color:#333}
.community_section .survey_box .star_box{position:relative;width:180px}
.community_section .survey_box .star{height:29px;margin-bottom:20px}
.community_section .survey_box .star .bt_star{display:inline-block;position:relative;float:left;width:15px;height:100%;outline:none;background-color:transparent;background-image:url(//siwon-cdn.siwonschool.com/superkids/community/survey_star.png);background-position:left top;background-size:200% auto}
.community_section .survey_box .star .bt_star:nth-child(odd){background-position-x:left}
.community_section .survey_box .star .bt_star:nth-child(even){margin-right:5px;background-position-x:right}
.community_section .survey_box .star .bt_star:after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-image:url(//siwon-cdn.siwonschool.com/superkids/community/survey_star.png);background-position-y:bottom;background-size:200% auto;pointer-events:none;content:''}
.community_section .survey_box .star .bt_star:nth-child(odd):after{background-position-x:left}
.community_section .survey_box .star .bt_star:nth-child(even):after{background-position-x:right}
.community_section .survey_box .star .bt_star.on:after{transition:opacity .2s;opacity:1}
.community_section .survey_box .star_box .score{position:absolute;right:-40px;top:0;font-size:17px;color:#888}
.community_section .survey_box .star_box .score .sel{color:#fd4e48}
.community_section .survey_bts{display:flex;position:fixed;bottom:0;left:0;z-index:100;width:100%;text-align:center}
.community_section .survey_bts button{flex:1;height:50px;font-size:15px;text-align:center;vertical-align:top}
.community_section .survey_bts button i{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:100%}
.community_section .survey_bts button:hover{box-shadow:0 5px 10px rgba(0,0,0,.1);transition:all .1s}
.community_section .survey_bts .bt_prev{padding-left:10px;border-top:1px solid #666;color:#666;background:#fff}
.community_section .survey_bts .bt_prev[data-qno="0"]{display:none}
.community_section .survey_bts .bt_prev i{left:15px;background:#5a5a5a url(//siwon-cdn.siwonschool.com/superkids/community/survey_arr_l.png) center center no-repeat;background-size:100% auto}
.community_section .survey_bts .bt_next{padding-right:10px;color:#fff;background:#222}
.community_section .survey_bts .bt_next span:before{content:'다음'}
.community_section .survey_bts .bt_next[data-qno="fin"] span:before{content:'종료'}
.community_section .survey_bts .bt_next i{right:9px;background:#fff url(//siwon-cdn.siwonschool.com/superkids/community/survey_arr_r.png) center center no-repeat;background-size:100% auto;}
/* 커뮤니티 : 쓰기게시판 */
.community_section.writing .menu{margin-top:20px;text-align:center}
.community_section.writing .menu ul{display:flex;}
.community_section.writing .menu ul li{flex:1}
.community_section.writing .menu ul li a{display:block;height:32px;border-bottom:1px solid #ddd;box-sizing:border-box;color:#999;font-size:11px;font-weight:500;line-height:32px}
.community_section.writing .menu ul li.on a{border-bottom:2px solid #ff6e27;color:#ff6e27;line-height:31px}
.community_section .tit_comm{color:#333;font-size:16px;font-weight:bold;letter-spacing:-0.05em;line-height:1;text-align:center}
.community_section .tit_comm .date{display:inline-block;position:relative;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer}
.community_section .tit_comm .date span select{background:none;border:0;font-size:inherit;font-weight:inherit;text-align:right}
.community_section .tit_comm .select_box{display:none;overflow:auto;position:absolute;top:0;left:0;z-index:2;width:100px;height:150px;margin:12px 0 0 -10px;border:1px solid #ddd;box-sizing:border-box;background:#fff;transform:translateX(-50%)}
.community_section .tit_comm .select_box button{display:block;width:100%;height:36px;padding:0 10px;box-sizing:border-box;color:#999;font-size:16px;text-align:left}
.community_section .tit_comm .select_box button.on,
.community_section .tit_comm .select_box button:hover,
.community_section .tit_comm .select_box button:focus{background:#f3f3f3}
.community_section .tit_comm .year .select_box button::after{content:'년'}
.community_section .tit_comm .month .select_box button::after{content:'월'}
.community_section .rank_wrap{padding-bottom:50px}
.community_section .rank_wrap .tit_comm{margin-top:28px;line-height:1.35}
.community_section .rank_wrap .tmenu{display:flex;justify-content:center}
.community_section .rank_wrap .tmenu li{overflow:hidden;width:57px;height:70px;margin:0 18px;background:no-repeat top center / auto 100%;text-indent:-9999em;opacity:0.4}
.community_section .rank_wrap .tmenu li.on{opacity:1}
.community_section .rank_wrap .tmenu li:nth-child(1){background-image:url('//siwon-cdn.siwonschool.com/superkids/community/rank_label2.png')}
.community_section .rank_wrap .tmenu li:nth-child(2){background-image:url('//siwon-cdn.siwonschool.com/superkids/community/rank_label1.png')}
.community_section .rank_wrap .tmenu li:nth-child(3){background-image:url('//siwon-cdn.siwonschool.com/superkids/community/rank_label3.png')}
.community_section .rank_wrap .cont{margin-top:25px}
.community_section .rank_wrap .cont ul li .name{margin-top:24px;color:#333;font-size:11px;font-weight:700;text-align:center;line-height:1}
.community_section .view_box{overflow:hidden;margin-top:12px;border:1px solid #ddd;border-radius:9px;box-sizing:border-box}
.community_section .view_box .tit{overflow:hidden;width:100%;height:37px;padding:0 30px;box-sizing:border-box;color:#5d5d5d;font-size:11.5px;font-weight:500;line-height:36px;letter-spacing:-0.06em;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.community_section .view_box .txt{position:relative;padding:16px 30px 20px 30px}
.community_section .view_box .txt .swiper-slide{height:auto}
.community_section .view_box .txt .img{display:flex;justify-content:center;align-items:center;height:100%}
.community_section .view_box .txt .img img{width:50vw;height:70.781vw}
.community_section .view_box .txt .cmt{display:flex;justify-content:center;align-items:center;height:100%}
.community_section .view_box .txt .cmt span{display:-webkit-box;overflow:hidden;color:#5d5d5d;font-size:10px;font-weight:300;letter-spacing:-0.06em;line-height:1.85;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:14;-webkit-box-orient:vertical}
.community_section .view_box.ready .txt{text-align:center}
.community_section .view_box.ready .txt .cmt img{width:185px}
.community_section .view_box.empty .txt{text-align:center}
.community_section .view_box.empty .txt img{width:186px;padding:54px 0 36px}
.community_section .view_box .txt .prev,
.community_section .view_box .txt .next{position:absolute;top:50%;z-index:2;width:10px;background:none;transform:translateY(-50%)}
.community_section .view_box .txt .prev{left:12px}
.community_section .view_box .txt .next{right:12px}
.community_section .view_box .txt .prev img,
.community_section .view_box .txt .next img{width:100%}
.community_section .rank_wrap .view_box .bt{display:block;width:calc( 100% - 30px );height:30px;margin:0 auto 20px auto;border-radius:5px;background:#feb639;color:#fff;font-size:13px;font-weight:700;letter-spacing:-0.08em;line-height:30px;text-align:center}
.community_section .rank_wrap .view_box .bt.sbm{background:#ff6e27}
.community_section .banner_wrap{position:relative}
.community_section .banner_wrap img{width:100%}
.community_section .banner_wrap .swiper-pagination{display:none;justify-content:center;align-items:center;flex-direction:column;bottom:0;z-index:2;width:0;height:100%;right:48px;left:inherit}
.community_section .banner_wrap.on .swiper-pagination{display:flex;}
.community_section .banner_wrap .swiper-pagination .swiper-pagination-bullet{width:4px;height:4px;margin:2px 0;background:#ccc;opacity:1}
.community_section .banner_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff6e27}
.community_section .homework_wrap{margin-top:50px}
.community_section .homework_wrap .cont{overflow:hidden;margin-top:30px;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;background:#fff}
.community_section .homework_wrap .cont .empty,
.community_section .homework_wrap .cont .swiper-container{height:355px}
.community_section .homework_wrap .cont .empty{display:flex;justify-content:center;align-items:center}
.community_section .homework_wrap .cont .list,
.community_section .homework_wrap .cont .swiper-container{padding:0 15px}
.community_section .homework_wrap .cont .swiper-container .swiper-wrapper{max-height:180px;margin-top:-6px}
.community_section .homework_wrap .cont .swiper-slide{height:auto;padding:19px 0 15px;border-top:1px solid #f0f0f0}
.community_section .homework_wrap .cont .thumb{display:flex;justify-content:center;align-items:center;overflow:hidden;position:absolute;left:0;top:0;;width:21px;height:21px;border:1px solid #ddd;border-radius:50%;box-sizing:border-box}
.community_section .homework_wrap .cont .thumb img{width:100%}
.community_section .homework_wrap .cont .name{color:#333;font-size:11px;letter-spacing:-0.075em}
.community_section .homework_wrap .cont .name b{font-weight:500}
.community_section .homework_wrap .cont .txt{display:flex;justify-content:space-between;align-items:flex-end;margin-top:9px}
.community_section .homework_wrap .cont .txt p{width:calc( 100% - 50px );padding:7px 9px 6px 9px;border-radius:4px;box-sizing:border-box;background:#feb639}
.community_section .homework_wrap .cont .txt p span{overflow:hidden;display:block;color:#fff;font-size:10px;line-height:1;white-space:nowrap;text-overflow:ellipsis}
.community_section .homework_wrap .cont .txt .date{color:#898989;font-size:10px;letter-spacing:-0.075em}
.community_section .homework_wrap .cont .bt{display:block;position:absolute;top:20px;right:0;width:36px;height:20px;background:#e7e7e7;border-radius:5px;color:#7f7f7f;font-size:11px;text-align:center;line-height:20px}
.community_section .homework_wrap .cont .stu{position:relative;padding-left:27px}
.community_section .homework_wrap .cont .stu .bt{display:block;position:absolute;top:0;right:0;width:32px;height:15px;background:#e7e7e7;border-radius:5px;color:#7f7f7f;font-size:11px;text-align:center;line-height:15px}
.community_section .homework_wrap .cont .tch{position:relative;margin-top:25px;padding-right:27px}
.community_section .homework_wrap .cont .tch .thumb{left:inherit;right:0}
.community_section .homework_wrap .cont .tch .name{text-align:right}
.community_section .homework_wrap .cont .tch .txt{flex-direction:row-reverse}
.community_section .homework_wrap .cont .tch .txt p{border:1px solid #e7e7e7;background:none;}
.community_section .homework_wrap .cont .tch .txt p span{display:-webkit-box;color:#666;line-height:1.65;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.community_section .homework_wrap .cont .bt_more{display:block;width:140px;height:20px;margin:5px auto 20px auto;border:1px solid #c1c1c1;border-radius:20px;box-sizing:border-box;color:#666;font-size:10px;font-weight:500;letter-spacing:-0.06em;text-align:center;line-height:20px}
.community_section .homework_wrap .cont .bt_more b{color:#ff6e27}
.community_section .homework_wrap .cont .bt_more span{margin-left:13px}
.community_section .homework_list{padding-top:50px}
.community_section .homework_list .hd{display:flex;justify-content:space-between;align-items:center}
.community_section .homework_list .hd h3{color:#333;font-size:17px;font-weight:500;letter-spacing:-0.075em;line-height:1}
.community_section .homework_list .hd h3 b{font-weight:inherit;color:#ff6e27}
.community_section .homework_list .hd select{width:60px;height:30px;padding:0 6px;border:1px solid #999;box-sizing:border-box;color:#999;font-size:12px;letter-spacing:-0.075em}
.community_section .homework_list .writing_list{margin-top:15px}
.community_section .homework_list .writing_list ul{border-top:2px solid #858585}
.community_section .homework_list .writing_list ul li{position:relative;padding:15px 90px 15px 15px;border-bottom:1px solid #dbdbdb}
.community_section .homework_list .writing_list ul li .tit{color:#333;font-size:11.5px;line-height:1.4;letter-spacing:-0.075em}
.community_section .homework_list .writing_list ul li .tit span{color:#aaa}
.community_section .homework_list .writing_list ul li .info{margin-top:10px;color:#aaa;font-size:10px;letter-spacing:-0.075em}
.community_section .homework_list .stamp{display:inline-block;overflow:hidden;position:absolute;top:50%;right:15px;width:58px;height:37px;background:no-repeat 0 0 / 100% 100%;text-indent:-9999em;vertical-align:middle;transform:translateY(-50%)}
.community_section .homework_list .stamp.ready{background-image:url('//siwon-cdn.siwonschool.com/superkids/community/stamp_ready.png')}
.community_section .homework_list .stamp.ing{background-image:url('//siwon-cdn.siwonschool.com/superkids/community/stamp_ing.png')}
.community_section .homework_list .stamp.end{background-image:url('//siwon-cdn.siwonschool.com/superkids/community/stamp_end.png')}
.community_section .homework_list .stamp.complete{background-image:url('//siwon-cdn.siwonschool.com/superkids/community/stamp_complete.png')}
.community_section .homework_list .writing_list ul li.noti{padding-right:15px}
.community_section .homework_list .writing_list ul li.noti .tit span{color:#ff6e27}
.community_section .diary_wrap{margin-bottom:50px}
.community_section .diary_wrap .tit_comm{margin-top:30px}
.community_section .diary_wrap .tmenu{display:flex;justify-content:center;position:relative;margin-top:28px}
.community_section .diary_wrap .tmenu::before{position:absolute;top:0;left:50%;width:20px;height:1px;background:#c1c1c1;transform:translateX(-50%);content:''}
.community_section .diary_wrap .tmenu::after{position:absolute;bottom:0;left:50%;width:20px;height:1px;background:#c1c1c1;transform:translateX(-50%);content:''}
.community_section .diary_wrap .tmenu li{position:relative;height:20px;padding:0 8px;border:1px solid #c1c1c1;border-radius:10px;color:#a0a0a0;font-size:10px;line-height:20px}
.community_section .diary_wrap .tmenu li:nth-child(1){border-radius:20px 0 0 20px;border-right:0}
.community_section .diary_wrap .tmenu li:nth-child(2){border-radius:0 20px 20px 0;border-left:0}
.community_section .diary_wrap .tmenu li.on{z-index:2;border-color:#ff6e27;border-radius:20px;background:#ff6e27;color:#fff}
.community_section .diary_wrap .stit{margin-top:12px;font-size:0;text-align:center}
.community_section .diary_wrap .stit span{color:#888;font-size:11px;font-weight:500}
.community_section .diary_wrap .cont .area .box{margin-top:35px;padding:20px 15px;border:1px solid #ddd;border-radius:20px;box-sizing:border-box}
.community_section .diary_wrap .cont .area .box .input_wrap{width:100%}
.community_section .diary_wrap .cont .area .box .input_wrap .input_box{display:flex}
.community_section .diary_wrap .cont .area .box .input_wrap .input_box + .input_box{margin-top:20px}
.community_section .diary_wrap .cont .area .box .input_wrap .input_box input{width:100%;height:35px;padding:0 10px;border:1px solid #ddd;box-sizing:border-box;color:#999;font-size:11px;letter-spacing:-0.075em}
.community_section .diary_wrap .cont .area .box .input_wrap .input_box.file label{display:block;width:65px;height:100%;background:#898989;color:#fff;font-size:10px;text-align:center;line-height:35px}
.community_section .diary_wrap .cont .area .box .input_wrap .input_box.file input{width:calc( 100% - 65px )}
.community_section .diary_wrap .cont .area .box ul{display:flex;justify-content:space-between;margin-top:25px}
.community_section .diary_wrap .cont .area .box ul li{position:relative;width:15.625vw}
.community_section .diary_wrap .cont .area .box ul li img{width:100%}
.community_section ul.bg_radio_wrap li label{display:block;position:relative;padding-top:4.688vw}
.community_section ul.bg_radio_wrap li label::before,
.community_section ul.bg_radio_wrap li label::after{position:absolute;top:0;left:50%;border-radius:50%;box-sizing:border-box;content:''}
.community_section ul.bg_radio_wrap li label::before{width:3.125vw;height:3.125vw;margin-left:-1.563vw;border:1px solid #cfcfcf}
.community_section ul.bg_radio_wrap li label::after{top:0.781vw;width:1.563vw;height:1.563vw;margin-left:-0.781vw;background:#ff6e27;transform:scale(0)}
.community_section ul.bg_radio_wrap li input:checked + label::after{transform:scale(1)}
.community_section .diary_wrap .cont .area .bt{display:block;width:100%;height:30px;margin:75px auto 0 auto;border-radius:5px;background:#feb639;color:#fff;font-size:13px;font-weight:700;letter-spacing:-0.08em;line-height:30px;text-align:center}
.community_section .diary_wrap .cont .area .bt.sbm{background:#ff6e27}
.community_section .diary_wrap .cont .area .view_box .bt{width:calc( 100% - 30px );margin-top:0;margin-bottom:20px}
.community_section .homework_wrap .upload_wrap{margin-top:28px}
.community_section .homework_wrap .upload_wrap .lec,
.community_section .homework_wrap .upload_wrap .file{display:flex;position:relative}
.community_section .homework_wrap .upload_wrap select,
.community_section .homework_wrap .upload_wrap input{height:35px;border:1px solid #ddd;box-sizing:border-box;color:#999;font-size:10px;letter-spacing:-0.075em;text-indent:15px}
.community_section .homework_wrap .upload_wrap select{width:65px}
.community_section .homework_wrap .upload_wrap .lec input{flex:1;margin-left:-1px}
.community_section .homework_wrap .upload_wrap .file{margin-top:10px}
.community_section .homework_wrap .upload_wrap .file label{width:65px;height:100%;background:#898989;color:#fff;font-size:11px;line-height:35px;text-align:center;cursor:pointer}
.community_section .homework_wrap .upload_wrap .file input{flex:1}
.community_section .homework_wrap .upload_wrap .file input[type="file"]{opacity:0}
.community_section .homework_wrap .upload_wrap .sbm{width:100%;height:30px;margin-top:25px;border-radius:5px;background:#ff6e27;font-size:13px;color:#fff;letter-spacing:-0.075em}
.community_section .modify_wrap{padding-top:30px}
.community_section .modify_wrap .modify_form{width:100%;margin-top:30px;padding-top:28px;border-top:2px solid #222}
.community_section .modify_wrap .modify_form th,
.community_section .modify_wrap .modify_form td{padding-top:10px}
.community_section .modify_wrap .modify_form th{display:none}
.community_section .modify_wrap .modify_form tr:first-child td{padding-top:14px}
.community_section .modify_wrap .modify_form td{display:flex}
.community_section .modify_wrap .modify_form input,
.community_section .modify_wrap .modify_form select{width:100%;height:35px;border:1px solid #e2e2e2;box-sizing:border-box;background:#fff;color:#878787;font-size:11px;letter-spacing:-0.08em;text-indent:15px}
.community_section .modify_wrap .modify_form td.select select{width:65px;margin-right:10px}
.community_section .modify_wrap .modify_form td.file input{width:calc( 100% - 65px )}
.community_section .modify_wrap .modify_form td.file label{width:65px;height:35px;background:#5b5b5b;color:#fff;font-size:11px;line-height:35px;letter-spacing:-0.08em;text-align:center}
.community_section .modify_wrap .modify_form ul.bg_radio_wrap{display:flex;justify-content:space-between;width:100%;margin-top:5px}
.community_section .modify_wrap .modify_form ul.bg_radio_wrap li label{width:15.313vw}
.community_section .modify_wrap .modify_form ul.bg_radio_wrap li label img{width:100%}
.community_section .modify_wrap .modify_form ul.bg_radio_wrap li label::after{background:#2b7af1}
.community_section .modify_wrap .bt_wrap{display:flex;justify-content:center;margin-top:30px}
.community_section .modify_wrap .bt_wrap .bt{display:block;width:85px;height:30px;margin:0 5px;background:#222;color:#fff;font-size:13px;line-height:30px;letter-spacing:-0.08em;text-align:center}
.community_section .modify_wrap .bt_wrap .bt.sbm{background:#2b7af1}
.bbs_writing_view{padding-top:30px}
.bbs_writing_view .bt_wrap{display:flex;justify-content:flex-end;position:relative;margin:0 -3px}
.bbs_writing_view .bt_wrap .bt{display:block;position:relative;width:50px;height:25px;margin:0 3px;border-radius:3px;background:#f2f2f2;font-size:11px;color:#5d5d5d;font-weight:700;letter-spacing:-0.08em;line-height:25px;text-align:center}
.bbs_writing_view .bt_wrap .bt::before,
.bbs_writing_view .bt_wrap .bt::after{display:inline-block;height:100%;vertical-align:top}
.bbs_writing_view .bt_wrap .bt.modify{position:absolute;top:0;left:-3px}
.bbs_writing_view .bt_wrap .bt.prev::before{width:4px;margin-right:5px;background:url('//siwon-cdn.siwonschool.com/superkids/community/arr_prev.png') no-repeat 0 50% / 100% auto;content:'';}
.bbs_writing_view .bt_wrap .bt.next::after{width:4px;margin-left:5px;background:url('//siwon-cdn.siwonschool.com/superkids/community/arr_next.png') no-repeat 0 50% / 100% auto ;content:''}
.bbs_writing_view .bt_wrap .bt.list::after{width:7px;margin-left:5px;background:url('//siwon-cdn.siwonschool.com/superkids/community/img_menu.png') no-repeat 0 50% / 100% auto ;content:''}
.bbs_writing_view .cont{margin-top:15px;padding:20px 15px;border:1px solid #ddd;border-radius:3px;box-sizing:border-box}
.bbs_writing_view .cont .hd{position:relative;padding:0 0 20px 50px;border-bottom:1px solid #ebecef;box-sizing:border-box}
.bbs_writing_view .cont .hd strong{display:block;position:absolute;top:0;left:0;width:40px;height:40px;border-radius:4px;background:#ff6e27;color:#fff;font-size:10px;line-height:40px;text-align:center}
.bbs_writing_view .cont .hd p{color:#000;font-size:10px;letter-spacing:-0.05em}
.bbs_writing_view .cont .hd p span{color:#aaa}
.bbs_writing_view .cont .hd .info{margin-top:4px}
.bbs_writing_view .cont .hd .info .name{color:#000;font-size:10px}
.bbs_writing_view .cont .hd .info .date{margin-left:5px;color:#9f9f9f;font-size:12px}
.bbs_writing_view .view{margin-top:25px}
.bbs_writing_view .view img{width:100%}
.bbs_writing_view .cmt_form{display:flex;width:100%;margin-top:23px;background:#fff}
.bbs_writing_view .cmt_form textarea{display:block;width:calc( 100% - 50px );padding:1px 5px;border:1px solid #ddd;box-sizing:border-box;background:none;font-size:10px;resize:none}
.bbs_writing_view .cmt_form .bt_reply{display:block;width:50px;height:50px;background:#333;color:#fff;font-size:10px;letter-spacing:-0.07em;line-height:50px;text-align:center}
.bbs_writing_view .comment{margin-top:25px}
.bbs_writing_view .comment .tit{color:#666;font-size:10px;font-weight:500;letter-spacing:-0.075em;line-height:1}
.bbs_writing_view .comment .list li{margin-top:15px;padding-top:15px;border-top:1px solid #ebecef}
.bbs_writing_view .comment .list li:last-child{padding-bottom:25px;border-bottom:1px solid #ebecef}
.bbs_writing_view .comment .list li .reply_cont{position:relative;padding-left:26px}
.bbs_writing_view .comment .list li .reply_cont .thumb{;display:block;overflow:hidden;position:absolute;top:0;left:0;width:21px;height:21px;border:1px solid #eaeaea;border-radius:50%;box-sizing:border-box;background:#fff}
.bbs_writing_view .comment .list li .reply_cont .thumb img{width:100%}
.bbs_writing_view .comment .list li .reply_cont .name{color:#333;font-size:11px;letter-spacing:-0.075em}
.bbs_writing_view .comment .list li .reply_cont .name span{color:#9f9f9f;font-size:10px;letter-spacing:0}
.bbs_writing_view .comment .list li .reply_cont .txt{margin-top:12px;color:#666;font-size:10px;line-height:1.65}
.bbs_writing_view .comment .list li .reply_cont .bt_group{display:flex;position:absolute;top:0;right:0}
.bbs_writing_view .comment .list li .reply_cont .bt_group .bt{display:block;width:33px;height:15px;margin-left:5px;border-radius:3px;background:#f2f2f2;color:#5d5d5d;font-size:11px;letter-spacing:-0.08em;text-align:center}
.bbs_writing_view .comment .list li .reply_cont + .cmt_form{display:none;margin-top:10px}
.bbs_writing_view .comment .list li .reply_cont + .cmt_form.open{display:flex}