@charset "utf-8";

/* 유의사항 */
.sec_info2 {background:#333;padding:15vw 6vw}
.sec_info2 .info_tit {color:#fff;font-size:5vw;font-weight:bold}
.sec_info2 .info_table {width:100%;margin-top:20px;border-top:2px solid #fff;border-bottom:2px solid #fff}
.sec_info2 .info_table th {color:#d3d3d3;border-bottom:1px solid #717171;font-size:3vw;font-weight:bold;line-height:1.4}
.sec_info2 .info_table td {padding:4vw 4vw;color:#d3d3d3;border-bottom:1px solid #717171;border-left:1px solid #717171;line-height:22px;font-size:2.5vw}
.sec_info2 .info_table td .bt_guide,
.sec_info2 .info_table td .bt_more {display:inline-block;height:17px;margin-left:10px;padding:0 10px;border:1px solid #d3d3d3;border-radius:4px;line-height:17px;font-size:11px;color:#d3d3d3;vertical-align:middle}
.sec_info2 .info_table td .noti { color: #ff0000;}
.sec_info2 .comm_notice .comm_notice_tit{display:none}
.sec_info2 .comm_notice dd{color:#d3d3d3;font-size:2.5vw;line-height:22px}
.sec_info2 .comm_notice .b{font-weight:700}

/* evt nav */
#siwon_nav.evt_nav_active { transition: transform 0.3s; transform: translateY(0) }
#siwon_nav.evt_nav_active.hide { transform: translateY(-100%); }
.evt_nav.sec_nav { position: fixed; top: 0; left: 0; z-index: 202; width: 100%; background: #fff; transition: transform 0.3s; transform: translateY(-100%); }
.evt_nav.sec_nav.show { transform: translateY(0); }
.evt_nav.sec_nav .nav_inner { display: flex; align-items: center; padding: 0 2vw; border-bottom: 1px solid #0d1720; background: inherit; box-sizing: border-box; }
.evt_nav.sec_nav .nav_inner .swiper-container { flex: 1; }
.evt_nav.sec_nav .nav_inner .swiper-container .swiper-wrapper .swiper-slide { display: flex; align-items: center; width: auto; margin: 0 2.688vw; }
.evt_nav.sec_nav .nav_inner .swiper-container .swiper-wrapper .swiper-slide a { display: flex; justify-content: center; align-items: center; height: 14.375vw; font-weight: 400; font-size: 3.438vw; color: #0d1720; letter-spacing: -0.1em; }
.evt_nav.sec_nav .nav_inner .swiper-container .swiper-wrapper .swiper-slide.on a { font-weight: 900; }
.evt_nav.sec_nav .nav_inner a.apply { display: flex; justify-content: center; align-items: center; height: 6.563vw; margin-left: 2vw; padding: 0 3.438vw; border-radius: 6.563vw; background: #dc364e; font-weight: 900; color: #fff; }
.evt_nav.sec_nav .nav_inner.fixed { position: fixed; top: 0; }

/* 퀵메뉴(푸터) */
.foot_quick {position: fixed; left: 0; bottom: 0;z-index: 97; height:75px; width: 100%;overflow: hidden;background-color: #222}
.foot_quick ul {overflow:hidden; height:100%}
.foot_quick li {float: left;width: 25%;text-align:center; margin:16px 0}
.foot_quick li + li {border-left:1px solid #2e2e2e}
.foot_quick li a { display: block;width: 100%; color: #7c7c7c;font-size: 13px}
.foot_quick li a span {display: block;width: 80px; margin: 0 auto; padding-top: 10px}
.foot_quick li a img {width:23px !important;height:23px}

/* 큌메뉴(오른쪽 하단) */
.quick_menu{position:fixed;right:3%;bottom:20px;margin-bottom:50px;width:15.917%;z-index:91}
.quick_menu.bt_up{bottom:8vw;margin-bottom:13vw}
.quick_menu ul li{margin-bottom:5px}
.quick_menu ul li .event_img{width:100%;display:block}
.quick_menu ul li.opa{opacity:0}

/* 무료강의 */
.intro_section .sec_sample{margin-top:5px;margin-bottom:30px}
.intro_section .sec_sample .sample_note{margin-top:15px}
.intro_section .sec_sample .sample_note li{display:none;margin-bottom:15px;font-size:.9rem;color:#666;line-height:1.4}
.intro_section .sec_sample .sample_note li .note{display:block;padding-top:.5em;font-size:.8rem;color:#ff493d}
.intro_section .sec_sample .sample_note li[data-state-on]{display:block}
.intro_section .sec_sample .share{margin-top:8px}
.intro_section .sec_sample .share{position:relative}
.intro_section .sec_sample .share .bt_share{display:block;width:100%;height:3em;box-sizing:border-box;color:#fff;font-size:.8rem;line-height:1;text-align:center;background:#000}
.intro_section .sec_sample .share .bt_share span{padding-right:2em;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_share2.png) right center no-repeat;background-size:contain}
.intro_section .sec_sample .share .popup_share{position:absolute;top:100%;width:0;height:0;left:50%;z-index:3;border-radius:5px;text-align:center;background:#fff;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:cubic-bezier(.58,.24,.41,.95);-o-transition-timing-function:cubic-bezier(.58,.24,.41,.95);transition-timing-function:cubic-bezier(.58,.24,.41,.95)}
.intro_section .sec_sample .share .popup_share::after{display:none;position:absolute;left:50%;margin-left:-5px;top:0;z-index:3;border-bottom:6px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;content:'';-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.intro_section .sec_sample .share .popup_share.show{width:20em;height:2.5em;right:-2%;padding:.5em 1em;box-sizing:initial;box-shadow:0 -2px 10px rgba(100,100,100,.2)}
.intro_section .sec_sample .share .popup_share.show::after{display:block;top:-5px}
.intro_section .sec_sample .share .popup_share li{float:left;width:16.66%;overflow:hidden;height:100%;vertical-align:middle}
.intro_section .sec_sample .share .popup_share li:first-child{margin-left:0}
.intro_section .sec_sample .share .popup_share li button{display:block;overflow:hidden;width:80%;height:100%;margin:0 auto;text-align:center}
.intro_section .sec_sample .share .popup_share li img{display:inline-block;height:100%}

/* 유튜브재생팝업  */
.wrap_layer_popup#layerYoutube{display:none;width:90%;height:auto;margin-left:-45%}
.wrap_layer_popup#layerYoutube .layer_popup_close{position:absolute;top:-50px;right:0}
.wrap_layer_popup#layerYoutube iframe{display:block;width:100%;height:100%;min-height:50.6vw}


/* 왕초보도 시작하면 할 수 있어요 */
.intro_section .sec_interview_star{position:relative;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/intro_star_bg.jpg) no-repeat;background-size:100% 100%}
.intro_section .sec_interview_star::after{position:absolute;top:35px;right:0;z-index:0;width:43%;height:100%;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/intro_star_sw.png) right top no-repeat;background-size:100% auto;content:''}
.intro_section .sec_interview_star .inner{position:relative;z-index:1}
.intro_section .mov_box a{display:block}
.intro_section .mov_box .desc{position:relative;z-index:2;display:block;width:90%;text-align:center;margin:-20px auto 0 auto}
.intro_section .sec_interview_star .mov_box{position:relative;padding-bottom:1em}
.intro_section .sec_interview_star .mov_box:last-child{padding-bottom:3em}
.intro_section .sec_interview_star .thanks{padding:10px 0 40px}
.intro_section .sec_review{padding-top:50px;padding-bottom:30px;background:#f2f4f7}
.intro_section .sec_review .review_list li{margin-bottom:8px}
.intro_section .sec_interview{padding:50px 4%;background:#fff}
.intro_section .sec_interview .bt_area{padding-top:5px;text-align:right}
.intro_section .sec_interview .bt_area .bt_cl_1{padding:0 1em}
.intro_section .sec_change{padding-bottom:50px;background:#f2f4f7}
.intro_section .sec_change .cont{margin-top:15px;background:#fff}
.intro_section .sec_goal{padding-bottom:40px;background:#f2f4f7}
.intro_section .sec_goal .cont{position:relative;margin-top:25px;background:#fff}
.intro_section .sec_goal .cont:first-child{margin-top:0}
.intro_section .sec_goal .cont .pic{position:absolute;top:-15px;width:42%;height:auto}
.intro_section .sec_goal .cont .pic.p1{right:10px}
.intro_section .sec_goal .cont .pic.p2{left:10px}
.intro_section .sec_sample_go{padding:50px 4%;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/intro_sample_bg.png) center top no-repeat;background-size:100% auto}
.intro_section .sec_sample_go .bt_area{padding-top:5px;text-align:right}
.intro_section .sec_sample_go .bt_area .bt_cl_1{padding:0 1em}
.intro_section .sec_siwon{padding-bottom:50px;background:#ebebeb url(//siwon-cdn.siwonschool.com/img/www/m/sub/intro_story_bg.jpg) center top no-repeat;background-size:100% auto}
.intro_section .sec_siwon .story_sl{border-radius:0 0 5px 5px;background:#fff}
.intro_section .sec_siwon .story_sl li{padding:15px 30px 25px}
.intro_section .sec_siwon .story_sl li .tit{padding-bottom:.5em;font-size:1rem;font-weight:bold;color:#000;line-height:1.4}
.intro_section .sec_siwon .story_sl li .cont{font-size:.8rem;color:#666;line-height:1.6}
.intro_section .sec_siwon .story_sl .bx-controls-auto{position:absolute;left:1000%;color:transparent}
.intro_section .sec_siwon .story_sl .bx-controls-direction a{display:inline-block;position:absolute;top:21vw;z-index:60;width:40px;height:40px;text-indent:100%;color:transparent;background:url(//siwon-cdn.siwonschool.com/img/www/m/main/v7/nav_review.png) no-repeat;background-size:cover}
.intro_section .sec_siwon .story_sl .bx-controls-direction a.bx-prev{left:0;background-position:left center}
.intro_section .sec_siwon .story_sl .bx-controls-direction a.bx-next{right:0;background-position:right center}
.intro_section .sec_siwon .story_sl .bx-pager{padding:10px 0;border-top:1px solid #f1f3f6;text-align:center;font-size:.8rem;text-align:center}
.intro_section .sec_siwon .youtube{display:block;position:relative;margin-bottom:4%;padding:0 4%}

/* 수상내역 */
.award_comm{background:#080808}
.award_comm img{display:inline-block;width:100%}
.award_comm .main{padding:0 2.3vw 10px 2.3vw}
.award_comm .list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 2.3vw}
.award_comm .list li {width:30.4vw;height:30.4vw;margin-bottom:2.1vw;padding:3vw;box-sizing:border-box;background:#fff}
.award_comm .list li img {display:inline-block;width:100%}
/* 수상 팝업 */
.wrap_layer_popup.em_pop {width:94%;left:53%;padding:0 !important;position: relative;}
.wrap_layer_popup.em_pop .em_cont{display:none}
.wrap_layer_popup.em_pop .em_cont.on{display:block}
.wrap_layer_popup.em_pop .em_cont > img {width:100%;}
.wrap_layer_popup.em_pop .bt_layer_close{position: absolute;top:-41px;right:-1px;background:#fff}
.wrap_layer_popup.em_pop .bt_layer_close img {border:1px solid #000;padding:7px}

/* 사회공헌 이야기 */
.siwonlove_section .sec_title{text-align:center;height:48px;border-bottom:1px solid #999;padding:3.5vw 0}
.siwonlove_section .sec_title h3{color:#111;font-weight:bold;font-size:1.3rem}
.siwonlove_section .sec_love {position: relative;}
.siwonlove_section .sec_love .swlove_sl{max-width:2000px;overflow:hidden;position: absolute;top:33vw;height:75%}
.siwonlove_section .sec_love .swlove_sl .bx-wrapper{max-width:none !important}
.siwonlove_section .sec_love .swlove_sl .bx-viewport{overflow:visible !important}
.siwonlove_section .sec_love .swlove_sl li{position:relative;height:99vw;width:50vw !important;padding-right: 12.5vw !important;box-sizing:border-box}
.siwonlove_section .sec_love .swlove_sl li .img_area{position:relative;height:62.5vw;}
.siwonlove_section .sec_love .swlove_sl li .img_area img{position:absolute;left:0;bottom:0;width:100%}
.siwonlove_section .sec_love .swlove_sl li .tit {color:#fff;font-size:3vw;margin:25px 0 13px;line-height:1.5;width:80%;}
.siwonlove_section .sec_love .swlove_sl li .cont {color:#666;display: block;margin-top: 3px; font-size:3vw;width:90%}
.siwonlove_section .sec_list .love_board li{position:relative;border-bottom:1px solid #ddd}
.siwonlove_section .sec_list .love_board .tit_area{position:relative;padding:5vw 6%;background:#fff}
.siwonlove_section .sec_list .love_board .tit_area .tit{display:block;font-size:1rem;line-height:1.4;color:#000;font-weight:bold}
.siwonlove_section .sec_list .love_board .tit_area .info{font-size:.8rem;position:relative;color:#999;line-height:1;vertical-align:middle}
.siwonlove_section .sec_list .love_board .tit_area .name{margin-left:10px}
.siwonlove_section .sec_list .love_board .tit_area .name::before{content:'|';display: inline-block;margin-right:10px}
.siwonlove_section .sec_list .love_board .view{position:absolute;top:3.3vw;right:5vw;display:inline-block;text-align:center;border:1px solid #111;padding:2vw;color:#111}
.siwonlove_section .sec_list .bt_bott_area{background:#f3f4f8}

/* 누적 기부금 */
.siwoncharity_section .sec_title{text-align:center;height:48px;border-bottom:1px solid #999;padding:3.5vw 0}
.siwoncharity_section .sec_title h3{color:#111;font-weight:bold;font-size:1.3rem}
.siwoncharity_section .sec_charity{position:relative;}
.siwoncharity_section .char .graph_per{display:inline-block;width:53%;height:3vw;margin-right:5px;background:#e0e0e0;border-radius:10px;position:absolute;top:66.3%;left:11%}
.siwoncharity_section .char .graph_per i{display:block;position:absolute;top:0;left:0;height:100%;background:#f22b2b;border-radius:10px 0 0 10px}
.siwoncharity_section .char .goal{position:absolute;top:65%;right:8.5%;width:25%}
.siwoncharity_section .sec_charity2{position:relative;}
.siwoncharity_section .sec_charity2 .graph_per{top:38.7%}
.siwoncharity_section .sec_charity2 .goal{top:38%}
.siwoncharity_section .sec_charity2 .price{position:absolute;right:17.2%;bottom:35.5%;font-size:1.6rem;color:#111;font-weight:bold;}
.siwoncharity_section .sec_charity2 .use{bottom:14.5%;}
.siwoncharity_section .sec_price{position:relative;text-align:center}
.siwoncharity_section .sec_price .price{position:absolute;bottom:8.3vw;right:8.8%;font-size:8vw;color:#000;font-weight:bold;width:11vw;height:11vw}
.siwoncharity_section .sec_price .two{right:20.3%}
.siwoncharity_section .sec_price .three{right:32.5%}
.siwoncharity_section .sec_price .four{right:47%}
.siwoncharity_section .sec_price .five{right:59%}
.siwoncharity_section .sec_price .six{right:70.5%}
.siwoncharity_section .sec_price .seven{right:85.2%}
.siwoncharity_section .sec_price .price:after{content:'';display:block;width:8vw;height:.5vw;background:#fff;position:absolute;top:4vw;left:5px;}
.siwoncharity_section .sec_charitysl{position:relative;padding-bottom:50px;}
.siwoncharity_section .sec_charitysl .swcharity_sl{position:absolute;top:7vw;left:0}
.siwoncharity_section .sec_charitysl .swcharity_sl img{width:100%;max-width:250px;}
.siwoncharity_section .sec_info{background:#f2f4f7;padding:50px 5vw}
.siwoncharity_section .sec_info b{display:block;font-size:15px;color:#000;margin-bottom:5px}
.siwoncharity_section .sec_info p{font-size:13px;color:#666;line-height:1.8}

/* 수강신청 */
.products_section .best_sec{background:#f8f8f8}
.products_section .thumb_list_comm{padding:30px 0 0 0;overflow:hidden}
.products_section .thumb_list_comm li{float:left;position:relative;width:100px;height:146px;margin-left:15px;white-space:nowrap}
.products_section .thumb_list_comm li img{width:100%}
.products_section .thumb_list_comm li .best{display:inline-block;position:absolute;top:-13px;left:-8px;width:28px;height:28px}
.products_section .thumb_list_comm .item{display:block;width:100%}
.products_section .subtit_txt{padding:10px 0;border-bottom:1px solid #444;color:#000;font-size:16px}
.products_section .subtit_txt .tt{margin-left:5px;color:#666;font-size:12px}
.products_section .wrap_ban{margin-top:10px}
.products_section .wrap_ban img{width:100%}

.prod_sec{position:relative;padding-top:20px}
.prod_sec .bnr_txt{position:absolute;top:30px;right:10px;color:#215fda;font-size:14px;text-decoration:underline}
.prod_sec .product_list li{margin-top:10px}
.prod_sec .product_list .img_area{position:relative}
.prod_sec .product_list .img_area img{width:100%}
.prod_sec .product_list .img_area .label{display:inline-block;position:absolute;top:0;left:5px;width:50px;height:40px;padding-top:10px;color:#fff;font-size:11px;text-align:center;line-height:1.4;vertical-align:middle}
.prod_sec .product_list .img_area .label.sale{height:44px;padding-top:6px;line-height:1.2}
.prod_sec .product_list .img_area .label.sale span{font-size:20px}
.prod_sec .product_list .img_area .label.blue{background:#2f62cb}
.prod_sec .product_list .img_area .label.orange{background:#ff493d}
.prod_sec .product_list .img_area .label .sale{font-size:14px}
.prod_sec .product_list .tit_area{padding:10px;border:1px solid #ccc}
.prod_sec .product_list .tit_area dl dt{font-size:14px;font-weight:bold;color:#000}
.prod_sec .product_list .tit_area .desc{margin-top:3px;color:#999;font-size:12px;line-height:1.4}
.products_section .product_list .tit_area .wrap_tag{margin-bottom:8px}
.products_section .product_list .tit_area .wrap_tag span{display:inline-block;height:16px;margin-left:2px;padding:0 5px 1px;border-radius:2px;color:#fff;font-size:10px;line-height:16px}
.products_section .product_list .tit_area .wrap_tag span.tag_black{background:#666}
.products_section .product_list .tit_area .wrap_tag span.tag_red{background:#ff493d}
.products_section .product_list .tit_area .wrap_tag span.tag_yel{background:#f5a100}
.products_section .product_list .tit_area .wrap_tag span.tag_orange{background:#ff9e69}
.prod_sec .product_list .wrap_price{display:block;text-align:right}
.prod_sec .product_list .wrap_price .final_price{margin-top:10px;padding:0 0 2px 5px;font-size:20px;font-weight:bold;color:#ff493d;line-height:1;text-align:right}
.prod_sec .product_list .wrap_price .final_price .won{font-size:13px}
.products_section .product_list .wrap_price del{color:#a5a5a5;font-size:12px}
.products_section .product_list .wrap_price .sale{display:inline-block;position:relative;top:-5px;width:40px;height:30px;background:url(//siwon-cdn.siwonschool.com/img/www/m/product/bg_sale.png) no-repeat;color:#fff;font-size:10px;line-height: 22px;text-align:center}

.prod_sec2{padding-top:20px}
.prod_sec2 .product_list > li{position:relative;margin-top:10px;background:#fff}
.prod_sec2 .product_list .tit_area{padding-left:110px}
.prod_sec2 .product_list .thumb{position:absolute;top:15px;left:10px;width:100px}
.prod_sec2 .product_list .thumb img{width:100%}
.prod_sec2 .product_list .desc_area{position:relative;min-height:130px;padding:15px 10px;overflow:hidden;border:1px solid #ccc;border-bottom:0}
.prod_sec2 .product_list .desc_area .tit{display:block;overflow:hidden;font-size:14px;font-weight:bold;color:#000;line-height:1.2}
.prod_sec2 .product_list .desc_area .tit_desc{display:block;overflow:hidden;margin-top:4px;color:#999;font-size:12px;line-height:1.4}
.prod_sec2 .product_list .desc_area .wrap_price{position:absolute;right:20px;bottom:20px;clear:both;padding-top:15px;text-align:right}
.prod_sec2 .product_list .desc_area .wrap_price .final_price{font-size:20px;font-weight:bold;color:#ff493d}
.prod_sec2 .product_list .desc_area .wrap_price .final_price .won{font-size:15px}
.prod_sec2 .product_list .apply_area{padding:0 18px 18px}
.prod_sec2 .product_list .bt_area{position:relative;overflow:hidden}
.prod_sec2 .bt_area .bt{float:left;display:inline-block;width:50%;height:34px;border:1px solid #3e4347;font-size:14px;line-height:32px;text-align:center;box-sizing:border-box}
.prod_sec2 .bt_area .bt_cart{background:#f8f8f8;color:#3e4347}
.prod_sec2 .bt_area .bt_apply{background:#3e4347;color:#fff}

/* 수강신청 - 소개 팝업 */
.wrap_layer_popup#layer_prod_info{width:100%;min-height:500px;background:#fff}
.wrap_layer_popup#layer_prod_info .layer_close{display:inline-block;position:absolute;top:27px;right:25px;width:15px;height:15px;background:none}
.wrap_layer_popup#layer_prod_info .layer_tit{margin:0 25px;padding:20px 0 10px;border-bottom:1px solid #000;font-size:1.2rem;color:#2f62cb;font-weight:bold}
.wrap_layer_popup#layer_prod_info .desc{margin:0 25px;padding:30px 0 20px}
.wrap_layer_popup#layer_prod_info .desc .txt1{font-size:1rem;color:#2f62cb;line-height:1.6}
.wrap_layer_popup#layer_prod_info .desc .txt2{font-size:1rem;color:#555;line-height:1.6}
.wrap_layer_popup#layer_prod_info .prod_sl{position:relative;box-shadow:0 10px 30px 10px rgba(100,100,100,0.2)}
.wrap_layer_popup#layer_prod_info .prod_sl .wrap_video{position:relative}
.wrap_layer_popup#layer_prod_info .prod_sl .wrap_video .bt_play{border:0;background:none}
.wrap_layer_popup#layer_prod_info .prod_sl .wrap_video .video_area{position:absolute;top:0;left:0;z-index:1;width:100%}
.wrap_layer_popup#layer_prod_info .prod_sl .wrap_video .video_area video{width:100%;height:100%}
.wrap_layer_popup#layer_prod_info .sl_desc{position:relative;min-height:30px;padding:25px;font-size:1rem;color:#555;line-height:1.6;text-align:center;box-shadow: inset 0px 10px 30px 0px rgba(100,100,100,0.2)}
.wrap_layer_popup#layer_prod_info .prod_sl .bx-controls-direction a{overflow:hidden;position:absolute;top:30%;width:25px;height:39px;color:transparent;background:#c2c4c6 url(//siwon-cdn.siwonschool.com/img/www/m/sub/prod_info_nav.png) no-repeat;background-size:cover}
.wrap_layer_popup#layer_prod_info .prod_sl .bx-controls-direction .bx-prev{left:0;background-position-x:left}
.wrap_layer_popup#layer_prod_info .prod_sl .bx-controls-direction .bx-next{right:0;background-position-x:right}
.wrap_layer_popup#layer_prod_info .prod_sl .bx-controls-auto,
.wrap_layer_popup#layer_prod_info .prod_sl .bx-pager-item{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}

/* 수강신청 - 특별혜택 팝업 */
.wrap_layer_popup#layer_special_info{width:96%;min-height:300px;padding:30px 20px 20px;box-sizing:border-box;background:#fff;-webkit-transform:translateX(2%);-ms-transform:translateX(2%);transform:translateX(2%)}
.wrap_layer_popup#layer_special_info .layer_popup_close{display:inline-block;position:absolute;top:27px;right:25px;width:15px;height:15px;background:none}
.wrap_layer_popup#layer_special_info .layer_tit{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #000;font-size:1.2rem;color:#000;font-weight:bold}
.wrap_layer_popup#layer_special_info .form_dl{margin-bottom:10px}
.wrap_layer_popup#layer_special_info .form_dl dt{position:relative;padding-left:10px;padding-bottom:5px;font-size:1.05rem;color:#000;font-weight:bold}
.wrap_layer_popup#layer_special_info .form_dl dt::before{position:absolute;top:10px;left:0;width:2px;height:2px;background:#000;content:''}
.wrap_layer_popup#layer_special_info .form_dl dd{font-size:.95rem;color:#666;line-height:1.4}
.wrap_layer_popup#layer_special_info .form_img{padding:15px 0}

/* 연장,재수강 */
.products_section .ext_noti{padding:20px;border:1px solid #ddd;border-top:none;background:#fff}
.products_section .ext_noti dt{padding-bottom:5px}
.products_section .ext_noti dt img{height:13px}
.products_section .ext_noti dd{margin-top:12px;color:#888;font-size:12px;line-height:1.3}
.products_section .ext_noti dd .indent{display:block;text-indent:5px}
.products_section .prod_ext .subtit_txt{padding-top:25px;border-bottom:0}
.products_section .prod_ext .subtit_txt.line{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #000}
.products_section .prod_ext .subtit_txt .tt{display:block;margin-top:5px;color:#999;font-size:12px}
.products_section .prod_ext .tab_comm5.w1 li{width:100%}
.products_section .sec_ext{margin-bottom:4%}
.products_section .sec_ext img{display:inline-block;width:100%;height:auto}
.products_section .sec_ext .top_box{position:relative}
.products_section .sec_ext .top_box .txt{position:absolute;top:13vw;left:5vw;font-size:3.4vw;color:#4c5e68;letter-spacing:-1px}
.products_section .sec_ext .top_box .txt > em{font-weight:bold}
.products_section .sec_ext .top_box .m_txt{position:absolute;top:43.59vw;left:4.68vw;width:11.56vw;height:11.56vw;padding-top:1.8vw;font-family:Arial;font-size:3.6vw;color:#fff;line-height:1.3;text-align:center;box-sizing:border-box}
#layer_ext{width:100%;top:50px !important}
#layer_ext .inbox{position:relative;width:90.625vw;margin:0 auto}
#layer_ext .area_close{z-index:1;position:absolute;right:0;top:-30px}
#layer_ext .area_close a{display:inline-block;width:25px;height:25px;background:url('//siwon-cdn.siwonschool.com/img/comm/close_34x34_white.png') no-repeat 0 0;background-size:100%;text-indent:-9999em}
#layer_ext .close_1d{margin-top:10px}
#layer_ext .close_1d a{display:block;color:#fff}
#layer_ext .inbox .target_txt{position:absolute;top:11.2vw;left:40.5vw;width:42.9vw;height:17.1vw;padding:3vw 0 0 5vw;font-size:3.5vw;font-weight:bold;color:#333;line-height:4.5vw;box-sizing:border-box;}
#layer_ext .m_txt{display:block;position:absolute;top:55.4vw;left:27.2vw;width:36.5vw;height:5.3vw;font-size:2.6vw;color:#fff;text-align:center;line-height:5.3vw;box-sizing:border-box}

.products_section .ext_area{position:relative;min-height:371px;border:1px solid #e8e8e8;background:#f9f9f9}
.products_section .ext_area .no_prod{position:absolute;top:50%;left:0;width:100%;margin-top:-10px;text-align:center;font-size:16px;color:#3e4347}
.products_section .ext_area .login{position:absolute;top:50%;margin-top:-50px;width:100%;text-align:center}
.products_section .ext_area .login a{display:inline-block;width:180px;height:46px;border:1px solid #2f62cb;border-radius:30px;font-size:16px;color:#2f62cb;text-align:center;line-height:46px;font-weight:bold}
.products_section .ext_area .login a i{margin-left:20px}
.products_section .ext_area .login .txt_info{margin-top:15px;font-size:16px;color:#3e4347}
.products_section .ext_list li.list{position:relative;margin-bottom:15px;border:1px solid #e8e8e8;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}
.products_section .ext_list .tit_area{position:relative;padding:20px 15px 15px;background:#f9f9f9;border-bottom:1px solid #e8e8e8}
.products_section .ext_sec.single .tit_area{padding:15px}
.products_section .ext_list .tit_area dt{padding-bottom:10px;color:#000;font-size:18px;font-weight:bold;letter-spacing:-1px}
.products_section .ext_list .tit_area dd{color:#707070;font-size:14px;line-height:1.6}
.products_section .ext_list .tit_area .view{position:absolute;bottom:-1px;right:-1px}
.products_section .ext_list .apply_area{padding:15px 15px 0}
.products_section .ext_list .apply_area .wrap_price dt{float:left;padding:7px 10px 0 0;color:#010101;font-size:14px}
.products_section .ext_list .apply_area .wrap_price dd{color:#bbb;font-size:24px;font-weight:bold}
.products_section .ext_list .apply_area .prod_check{margin-top:10px;padding-bottom:15px}
.products_section .ext_list .apply_area .prod_check li{position:relative;padding:4px 0 4px 80px}
.products_section .ext_sec.single .ext_list .apply_area .prod_check li{padding-left:0}
.products_section .ext_list .apply_area .buy{display:block;margin:0 -15px;height:40px;background:#2f62cb;color:#fff;text-align:center;line-height:40px;font-weight:bold}
.products_section .ext_list .apply_area i{position:absolute;left:0}
.products_section .ext_list .apply_area .prod_check li{color:#707070;font-size:16px}
.products_section .ext_list .apply_area .prod_check li .price{position:absolute;right:0;color:#000}

.products_section .ext_area .tab_content{background:#fff;overflow:auto}
.products_section .ext_area .tab_content .ext_list{padding:5px 15px}
.products_section .ext_area .tab_content .ext_list li.list{margin-bottom:15px;border:0;border-radius:0}
.products_section .ext_area .tab_content .ext_list .tit_area{padding:15px 5px;background:#fff}
.products_section .ext_area .tab_content .ext_list .tit_area .view{right:0}
.products_section .ext_area .tab_content .ext_list .apply_area{padding:15px 0 0 0}

.products_section .visual_thecamp{padding-top:30px}
.products_section .visual_thecamp img{width:100%}

.wrap_layer_popup#layer_lec_list{width:100%}
.wrap_layer_popup#layer_lec_list .inbox{position:relative;width:90%;margin:0 auto;padding:20px;background:#fff}
.wrap_layer_popup#layer_lec_list .top{padding-top:20px}
.wrap_layer_popup#layer_lec_list .top h3{color:#2f62cb;font-size:20px}
.wrap_layer_popup#layer_lec_list .pop_close{position:absolute;top:20px;right:8.5%}
.wrap_layer_popup#layer_lec_list .pop_close img{width:20px}
.wrap_layer_popup#layer_lec_list .lec_info{margin-top:15px}
.wrap_layer_popup#layer_lec_list .lec_info .date,
.wrap_layer_popup#layer_lec_list .lec_info .list{display:block;color:#707070;font-size:14px;line-height:1.4}
.wrap_layer_popup#layer_lec_list .context{height:320px;margin-top:15px;padding:10px 20px;border:1px solid #e8e8e8;overflow:auto}
.wrap_layer_popup#layer_lec_list .context .lec_list li{margin:12px 0;color:#555;font-size:14px}
.wrap_layer_popup#layer_lec_list .context .lec_list li .num{display:inline-block;width:30px;color:#2f62cb}

/* 장바구니 */
.products_section .sec_cart .tt_check{margin-bottom:10px;padding:10px;border:1px solid #d71818;background:#fff;border-radius:3px;color:#333;font-size:12px;text-align:left}
.products_section .sec_cart .tt_check .tt{display:inline-block;height:16px;padding-left:20px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_noti.png) no-repeat left 0;background-size:16px auto;color:#d71818;line-height:1.6}
.products_section .sec_cart .tt_check em{color:#d71818;font-weight:bold}
.products_section .sec_cart{padding-top:30px;padding-bottom:30px}
.products_section .sec_cart .price_fin{padding-top:30px}
.products_section .sec_cart .price_fin .free_info{padding-bottom:5px;font-size:.7rem;line-height:.9rem;color:#ff493d}
.products_section .sec_cart .price_fin .tit_total{padding:1em;color:#fff;font-weight:bold;line-height:1;background:#000}
.products_section .sec_cart .price_fin dt,
.products_section .sec_cart .price_fin dd{width:50%}
.products_section .sec_cart .price_fin .total dt,
.products_section .sec_cart .price_fin .total dd{font-weight:bold;color:#2f62cb}
.products_section .sec_cart .price_fin .total .price{font-size:1.3em}
.products_section .sec_cart .bt_area{overflow:hidden;margin-bottom:5px}
.products_section .sec_cart .empty{margin-bottom:10px;padding:40px 0;text-align:center;background:#fff}
.products_section .sec_cart .empty .img_cart{display:inline-block;width:30%;height:auto}
.products_section .sec_cart .empty .txt{padding-top:1em;font-size:1rem;color:#000;text-align:center}

/* 수강신청 - 상세 */
.products_section .detail_contents{background:#eee;padding-bottom:50px}
.products_section .detail_contents .inner{background:#fff}
.products_section .detail_contents .select_st2{width:100%;margin-top:12px}
.products_section .detail_contents .proc_info{padding:10px 0 12px;border-top:1px solid #e2e2e2}
.products_section .detail_contents .proc_info em {padding:0 8px 0 22px;background:url(//siwon-cdn.siwonschool.com/img/www/m/product/ico_proc_info.png) no-repeat;background-size:16px 82px;font-size:11px;color:#707070;letter-spacing:-1px}
.products_section .detail_contents .proc_info em:nth-child(1) {background-position:0 0}
.products_section .detail_contents .proc_info em:nth-child(2) {background-position:0 -22px}
.products_section .detail_contents .proc_info em:nth-child(3) {background-position:0 -45px}
.products_section .detail_contents .proc_info em:nth-child(4) {background-position:0 -68px}
.products_section .detail_contents .sec_lec{margin-top:6px;background:#fff}
.products_section .detail_contents .sec_lec h3{position:relative;height:38px;text-indent:24px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;color:#333;font-size:14px;font-weight:bold;line-height:38px}
.products_section .detail_contents .sec_lec h3 .t_info{font-size:12px;font-weight:normal}
.products_section .detail_contents .sec_lec h3 .t_info .c{color:#2f62cb}
.products_section .detail_contents .sec_lec[data-has-cont] h3 .arr{display:inline-block;position:absolute;top:0;right:0;width:55px;height:38px;border-left:1px solid #e2e2e2;background:url(//siwon-cdn.siwonschool.com/img/comm/arr_black_down.png) no-repeat center center;background-size:11px 6px;content:''}
.products_section .detail_contents .sec_lec[data-has-cont][data-state-on] h3 .arr{background:url(//siwon-cdn.siwonschool.com/img/comm/arr_black_up.png) no-repeat center center;background-size:11px 6px}
.products_section .detail_contents .sec_lec[data-has-cont] .cont_area{display:none;padding:15px 24px;color:#666;font-size:12px;line-height:1.6}
.products_section .detail_contents .lec_table{width:100%}
.products_section .detail_contents .lec_table th,
.products_section .detail_contents .lec_table td{padding:6px;border-bottom:1px solid #fff;font-size:12px;line-height:1.4}
.products_section .detail_contents .lec_table th{background:#eaedf6;color:#2f62cb;text-align:center}
.products_section .detail_contents .lec_table td{background:#f8f8f8;color:#222}
.products_section .detail_contents .sec_lec .thumb_teacher{margin-top:9px}
.products_section .detail_contents .sec_lec .thumb_teacher img{width:100%}
.products_section .detail_contents .sec_lec .lec_profile{padding:20px 0}
.products_section .detail_contents .sec_lec .lec_profile .tit{color:#2f62cb;font-weight:bold;font-size:13px}
.products_section .detail_contents .sec_lec .lec_profile .b{margin:10px 0 5px 0;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/dot_line.gif) repeat-x left center}
.products_section .detail_contents .sec_lec .lec_profile .b em{display:inline-block;padding-right:5px;background:#fff;font-size:12px;color:#222;font-weight:bold}
.products_section .detail_contents .sec_lec .lec_profile ul li{padding:2px 0;font-size:12px;color:#666;line-height:1.4}
.products_section .detail_contents .sec_lec .review_box{margin-bottom:10px;padding:15px 10px 5px 10px;background:#f2f2f2;border-radius:5px}
.products_section .detail_contents .sec_lec .review_box .tit{padding-bottom:10px;border-bottom:1px solid #e2e2e2;color:#000;font-size:12px}
.products_section .detail_contents .sec_lec .review_box .tit .cate{color:#ff493d}
.products_section .detail_contents .sec_lec .review_box .desc{padding:10px 0;color:#666;line-height:1.6;font-size:12px}
.products_section .detail_contents .sec_lec .review_box .desc .author{display:block;margin-top:10px;text-align:right}
.products_section .detail_contents .sec_lec .bt_more{display:block;width:100%;height:34px;margin-top:10px;text-align:center;border:1px solid #e4e4e4;background:#fff;color:#666;font-size:13px;line-height:34px}
.products_section .detail_contents .proc_noti{margin-top:6px; padding:0 4%;background-color:#f8f8f8}
.products_section .detail_contents .txt_noti{padding:10px 0 10px 17px; background-image:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_noti2.png);background-size:10px;background-repeat:no-repeat;background-position:left center;font-size:11px;color:#000;letter-spacing:-0.8px}

.products_section .buy_area{position:fixed;bottom:0;left:0;width:100%;z-index:999}
.products_section .buy_area .buy_before{position:relative;text-align:center}
.products_section .buy_area .buy_before i{display:block;position:absolute;top:-14px;left:50%;width:85px;height:14px;margin-left:-42.5px;background:url(//siwon-cdn.siwonschool.com/img/www/m/product/bg_buy_top.png) no-repeat center top;background-size:auto 14px}
.products_section .buy_area.open .buy_before{display:none}
.products_section .cart_buy{display:none}
.products_section .buy_area .bt_group{overflow:hidden;box-sizing:border-box}
.products_section .buy_area .btn{display:block;width:50%;height:50px;box-sizing:border-box;line-height:50px;font-size:13px;text-align:center}
.products_section .buy_area .btn_cart{display:inline-block;float:right;background:#262626;color:#fff}
.products_section .buy_area .btn_buy_now{display:inline-block;float:left;background:#2f62cb;color:#fff}
.products_section .buy_area .btn_buy{width:100%;background:#2f62cb;color:#fff}
.products_section .buy_area .close{display:block;position:absolute;top:-14px;left:50%;width:85px;height:14px;margin-left:-42.5px;background:url(//siwon-cdn.siwonschool.com/img/www/m/product/bg_buy_top.png) no-repeat center top;background-size:auto 14px;overflow:hidden;text-align:center;text-indent:-999em}
.products_section .buy_area .close span{display:none}
.products_section .buy_area .buy_option{padding:10px;background:#fff}
.products_section .buy_area .option_box .select{display:block;height:37px;padding:0 15px;border:1px solid #9a9a9a;background:#fff;color:#0c2436;font-size:15px;line-height:37px;text-align:left;box-sizing:border-box;font-weight:bold}
.products_section .buy_area .option_box .select.on{margin-bottom:0}
.products_section .buy_area .option_box .option_list{display:none;border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;overflow:hidden}
.products_section .buy_area .option_box .option_list li{padding:8px 15px;border-bottom:1px solid #9a9a9a}
.products_section .buy_area .option_box .option_list li .type-checkbox{color:#333;font-weight:bold;font-size:13px}
.products_section .buy_area .option_box .option_list li .type-checkbox.checked{background-position:0 -60px}
.products_section .buy_area .order_price{overflow:hidden}
.products_section .buy_area .order_price li{margin-bottom:6px;color:#fff;font-size:12px;overflow:hidden}
.products_section .buy_area .order_price li .tt{float:left}
.products_section .buy_area .order_price li .price{float:right;font-size:10px}
.products_section .buy_area .order_price li .price strong{font-size:12px}
.products_section .select_total{padding:10px;background:#e8e7e7;color:#262626;font-size:12px;overflow:hidden;text-align:right}
.products_section .select_total .total_num{float:left}
.products_section .select_total strong{color:#ff493d;font-size:14px}
.products_section .buy_area .deli_cha{margin-top:10px;padding:5px 10px;background:#f8f8f8;color:#999;text-align:left}
.products_section .buy_area .deli_cha i{padding-left:20px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_noti2.png) no-repeat left 50%;background-size:12px auto;font-size:12px}

/* 수강신청 - 교재상세 */
.bkdetail_section .tit_area .wrap_tag{overflow:hidden;margin-bottom:8px}
.bkdetail_section .tit_area .wrap_tag span{display:block;float:left;height:16px;margin-right:1px;padding:0 5px 1px;border-radius:2px;color:#fff;font-size:10px;line-height:16px}
.bkdetail_section .tit_area .wrap_tag .tag_black{background:#666}
.bkdetail_section .tit_area .wrap_tag .tag_blue{background:#2f62cb}
.bkdetail_section .tit_area .wrap_tag .tag_red{background:#ff493d}
.bkdetail_section .bkdetail_cont{background:#ededed;padding-bottom:50px}
.bkdetail_section .bkdetail_cont .inner{background:#fff;margin-top:12px}
.bkdetail_section .bkdetail_cont .select_st2{width:100%;margin-top:12px}
.bkdetail_section .bkdetail_cont dl{margin-bottom:15px}
.bkdetail_section .bkdetail_cont dl dt{display:block;margin-bottom:8px;font-weight:bold;font-size:13px;color:#2f62cb}
.bkdetail_section .bkdetail_cont dl dd{font-size:12px;line-height:1.6;color:#666}
.bkdetail_section .bkdetail_cont dl dd .stit{display:block;margin-bottom:8px;font-size:13px;color:#444}
.bkdetail_section .bkdetail_cont .sec_book{margin:20px auto 12px;padding-bottom:30px}
.bkdetail_section .bkdetail_cont .sec_book .desc_area{position:relative}
.bkdetail_section .bkdetail_cont .sec_book .desc_area .thumb{position:absolute;top:0;left:0;display:block;width:100px;height:100px}
.bkdetail_section .bkdetail_cont .sec_book .desc_area .thumb img{width:100%;height:auto}
.bkdetail_section .bkdetail_cont .sec_book .desc_area .tit_area{min-height:100px;padding-left:120px}
.bkdetail_section .bkdetail_cont .sec_book .desc_area .tit_area .tit{display:block;font-size:14px;font-weight:bold;color:#000}
.bkdetail_section .bkdetail_cont .sec_book .desc_area .tit_area .desc{display:block;margin-top:7px;font-size:12px;line-height:1.2}
.bkdetail_section .bkdetail_cont .sec_book .desc_area .wrap_price{position:absolute;right:20px;bottom:-10px;text-align:right;clear:both}
.bkdetail_section .bkdetail_cont .sec_book .desc_area .wrap_price .final_price{font-size:20px;font-weight:bold;color:#ff493d}
.bkdetail_section .bkdetail_cont .sec_book .desc_area .wrap_price .final_price .won{font-size:15px}
.bkdetail_section .bkdetail_cont .sec_set{padding:15px 0;background:#fff}
.bkdetail_section .bkdetail_cont .sec_set h3{margin:0 4% 15px;font-size:14px;font-weight:bold;color:#333}
.bkdetail_section .bkdetail_cont .sec_set h3 em{font-weight:bold;color:#2f62cb}
.bkdetail_section .bkdetail_cont .sec_set .set_box{overflow-x:scroll;width:100%;margin-bottom:20px;padding:0 4%}
.bkdetail_section .bkdetail_cont .sec_set .set_box .set_list{min-width:200%}
.bkdetail_section .bkdetail_cont .sec_set .set_box .set_list li{float:left;width:100px;height:100px}
.bkdetail_section .bkdetail_cont .sec_set .set_box .set_list li a{display:block;width:100%;height:100%}
.bkdetail_section .bkdetail_cont .sec_set .set_box .set_list li a img{display:block;width:100%;height:auto}
.bkdetail_section .bkdetail_cont .sec_set .info{margin:0 4%;padding:20px 4%;border:1px solid #e2e2e2;background:#f7f7f7}
.bkdetail_section .bkdetail_cont .sec_set .info strong{display:block;margin-bottom:10px;font-size:14px;color:#333}
.bkdetail_section .bkdetail_cont .sec_set .info .desc{margin-bottom:16px;font-size:12px;line-height:1.2;letter-spacing:-1px;color:#666}
.bkdetail_section .bkdetail_cont .sec_set .info .price{display:block;font-size:12px;font-weight:bold;color:#ff493d}
.bkdetail_section .bkdetail_cont .sec_set .info .price em{font-size:15px;font-weight:bold}
.bkdetail_section .bkdetail_cont .sec_bk{margin-top:6px;background:#fff}
.bkdetail_section .bkdetail_cont .sec_bk h3{position:relative;height:38px;text-indent:24px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;color:#333;font-size:14px;font-weight:bold;line-height:38px}
.bkdetail_section .bkdetail_cont .sec_bk h3 .t_info{font-size:12px;font-weight:normal}
.bkdetail_section .bkdetail_cont .sec_bk h3 .t_info .c{color:#2f62cb}
.bkdetail_section .bkdetail_cont .sec_bk[data-has-cont] h3 .arr{display:inline-block;position:absolute;top:0;right:0;width:55px;height:38px;border-left:1px solid #e2e2e2;background:url(//siwon-cdn.siwonschool.com/img/comm/arr_black_down.png) no-repeat center center;background-size:11px 6px;content:''}
.bkdetail_section .bkdetail_cont .sec_bk[data-has-cont][data-state-on] h3 .arr{background:url(//siwon-cdn.siwonschool.com/img/comm/arr_black_up.png) no-repeat center center;background-size:11px 6px}
.bkdetail_section .bkdetail_cont .sec_bk[data-has-cont] .cont_area{display:none;padding:15px 24px;color:#666;font-size:12px;line-height:1.6}
.bkdetail_section .bkdetail_cont .sec_feature .feature{margin:19px 0}
.bkdetail_section .bkdetail_cont .sec_feature .video{margin-top:19px 0}
.bkdetail_section .bkdetail_cont .sec_feature .feature img, .bkdetail_section .bkdetail_cont .sec_feature .video img{display:block;width:100%}
.bkdetail_section .bkdetail_cont .sec_content p{font-size:12px;line-height:1.6;color:#666}
.bkdetail_section .bkdetail_cont .sec_info .bt_box{overflow:hidden;margin-top:21px}
.bkdetail_section .bkdetail_cont .sec_info .bt_box a{float:left;width:50%;height:35px;border:1px solid #3e4347;background:#3e4347;font-size:12px;line-height:35px;text-align:center;color:#fff;box-sizing:border-box}
.bkdetail_section .bkdetail_cont .sec_info .bt_box a:first-child{border-right:none;background:#fff;color:#3e4347}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list{margin-top:24px}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list:first-child{margin-top:0}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list li{position:relative;background:#fff}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list .tit_area{padding-left:110px}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list .thumb{position:absolute;top:15px;left:10px;width:100px}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list .thumb img{width:100%}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list .desc_area{position:relative;min-height:130px;padding:15px 10px;overflow:hidden;border:1px solid #ccc;border-bottom:0}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list .desc_area .tit{display:block;overflow:hidden;font-size:14px;font-weight:bold;color:#000;line-height:1.2}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list .desc_area .tit_desc{display:block;overflow:hidden;margin-top:4px;color:#999;font-size:12px;line-height:1.4}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list .desc_area .wrap_price{position:absolute;right:20px;bottom:20px;clear:both;padding-top:15px;text-align:right}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list .desc_area .wrap_price .final_price{font-size:20px;font-weight:bold;color:#ff493d}
.bkdetail_section .bkdetail_cont .sec_relation .rel_list .desc_area .wrap_price .final_price .won{font-size:15px}
.bkdetail_section .bkdetail_cont .sec_relation .bt_area{height:34px}
.bkdetail_section .bkdetail_cont .sec_relation .bt_area .bt{float:left;display:inline-block;width:50%;height:34px;border:1px solid #3e4347;font-size:14px;line-height:32px;text-align:center;box-sizing:border-box}
.bkdetail_section .bkdetail_cont .sec_relation .bt_area .bt_cart{background:#f8f8f8;color:#3e4347}
.bkdetail_section .bkdetail_cont .sec_relation .bt_area .bt_apply{background:#3e4347;color:#fff}
.bkdetail_section .bkdetail_cont .sec_recomm .cont_area{background:#f7f7f7}
.bkdetail_section .bkdetail_cont .sec_recomm .recomm_list{overflow:hidden}
.bkdetail_section .bkdetail_cont .sec_recomm .recomm_list li{float:left;width:32%;margin-left:2%}
.bkdetail_section .bkdetail_cont .sec_recomm .recomm_list li:first-child{margin-left:0}
.bkdetail_section .bkdetail_cont .sec_recomm .recomm_list li a{display:block}
.bkdetail_section .bkdetail_cont .sec_recomm .recomm_list li a img{display:block;width:100%;height:auto;background:#fff}
.bkdetail_section .bkdetail_cont .sec_recomm .recomm_list li a .tit{display:-webkit-box;margin-top:10px;font-size:12px;font-weight:bold;text-align:center;color:#333;line-height:1.2em;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bkdetail_section .bkdetail_cont .sec_noti dl dt{color:#333}
.bkdetail_section .buy_area{position:fixed;bottom:0;left:0;width:100%;z-index:999}
.bkdetail_section .buy_area .buy_before{position:relative;text-align:center}
.bkdetail_section .buy_area .buy_before i{display:block;position:absolute;top:-14px;left:50%;width:85px;height:14px;margin-left:-42.5px;background:url(//siwon-cdn.siwonschool.com/img/www/m/product/bg_buy_top.png) no-repeat center top;background-size:auto 14px}
.bkdetail_section .buy_area.open .buy_before{display:none}
.bkdetail_section .cart_buy{display:none}
.bkdetail_section .buy_area .bt_group{overflow:hidden;box-sizing:border-box}
.bkdetail_section .buy_area .btn{display:block;width:50%;height:50px;box-sizing:border-box;line-height:50px;font-size:13px;text-align:center}
.bkdetail_section .buy_area .btn_cart{display:inline-block;float:right;background:#262626;color:#fff}
.bkdetail_section .buy_area .btn_buy_now{display:inline-block;float:left;background:#2f62cb;color:#fff}
.bkdetail_section .buy_area .btn_buy{width:100%;background:#2f62cb;color:#fff}
.bkdetail_section .buy_area .close{display:block;position:absolute;top:-14px;left:50%;width:85px;height:14px;margin-left:-42.5px;background:url(//siwon-cdn.siwonschool.com/img/www/m/product/bg_buy_top.png) no-repeat center top;background-size:auto 14px;overflow:hidden;text-align:center;text-indent:-999em}
.bkdetail_section .buy_area .close span{display:none}
.bkdetail_section .buy_area .buy_option{padding:10px;background:#fff}
.bkdetail_section .buy_area .option_box .select{display:block;height:37px;padding:0 15px;border:1px solid #9a9a9a;background:#fff;color:#0c2436;font-size:15px;line-height:37px;text-align:left;box-sizing:border-box;font-weight:bold}
.bkdetail_section .buy_area .option_box .select.on{margin-bottom:0}
.bkdetail_section .buy_area .option_box .option_list{display:none;border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;overflow:hidden}
.bkdetail_section .buy_area .option_box .option_list li{padding:8px 15px;border-bottom:1px solid #9a9a9a}
.bkdetail_section .buy_area .option_box .option_list li .type-checkbox{color:#333;font-weight:bold;font-size:13px}
.bkdetail_section .buy_area .option_box .option_list li .type-checkbox.checked{background-position:0 -60px}
.bkdetail_section .buy_area .order_price{overflow:hidden}
.bkdetail_section .buy_area .order_price li{margin-bottom:6px;color:#fff;font-size:12px;overflow:hidden}
.bkdetail_section .buy_area .order_price li .tt{float:left}
.bkdetail_section .buy_area .order_price li .price{float:right;font-size:10px}
.bkdetail_section .buy_area .order_price li .price strong{font-size:12px}
.bkdetail_section .buy_area .deli_cha{margin-top:10px;padding:5px 10px;background:#f8f8f8;color:#999;text-align:left}
.bkdetail_section .buy_area .deli_cha i{padding-left:20px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_noti2.png) no-repeat left 50%;background-size:12px auto;font-size:12px}
.bkdetail_section .select_total{padding:10px;background:#e8e7e7;color:#262626;font-size:12px;overflow:hidden;text-align:right}
.bkdetail_section .select_total .total_num{float:left}
.bkdetail_section .select_total strong{color:#ff493d;font-size:14px}

.select_buy{position:relative;margin-bottom:5px;padding:8px 10px;border:1px solid #ccc;background:#fff;overflow:hidden}
.select_buy.active{border:1px solid #8ba5db;background:#f4f4f8}
.select_buy dt{font-weight:bold}
.select_buy dt label{padding-right:30px;color:#000;font-size:13px;font-weight:normal}
.select_buy dt label.type-checkbox{height:auto}
.select_buy dt label .cate{display:block;font-size:11px;color:#666}
.select_buy dd .num_box{float:left;height:30px;margin-top:10px;overflow:hidden}
.select_buy dd .num_box .input_num{width:42px;height:30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f8f8f8;color:#2f62cb;font-size:12px;text-align:center;line-height:28px;vertical-align:middle}
.select_buy dd .num_box .plus,.select_buy dd .num_box .minus{display:inline-block;width:41px;height:28px;border:1px solid #ddd;vertical-align:middle;color:#000;font-size:13px;font-weight:bold;text-align:center;line-height:28px}
.select_buy dd.price{float:right;margin-top:18px;font-size:11px;color:#2f62cb}
.select_buy dd.price strong{font-size:13px;font-weight:normal}
.select_buy .del{display:block;position:absolute;top:10px;right:10px;width:20px;height:20px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_20x20_box.jpg) no-repeat;background-size:20px 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;font-weight:bold}

/* 공지사항 */
.community_section .sec_title{padding:4vw}
.community_section .sec_title h3{font-size:4vw;color:#333;font-weight:bold;text-align:center}

/* 수강후기 */
.community_section .sec_tit.comm{padding:.8em 4%}
.community_section .sec_month_review{position:relative;overflow:hidden}
.community_section .sec_month_review .review_list li{position:relative}
.community_section .sec_month_review .review_list li img{width:100%}
.community_section .sec_month_review .review_list li i.play{position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;display:inline-block;width:40px;height:40px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_play_white.png) no-repeat;background-size:40px auto;box-shadow:0 0 5px #000;border-radius:10px}
.community_section .sec_best_review li{margin-bottom:10px}
.community_section .sec_review .select_area{padding:20px 4%;border-bottom:2px solid #999;background:#fff}
.community_section .input_comm_file{margin-top:5px}

.community_section .wrap_review_list .select_area{padding:10px 0}
.community_section .wrap_review_list .select_view_box{overflow:hidden}
.community_section .wrap_review_list .select_view_box .select_view{float:left;width:50%;margin-left:1%}
.community_section .wrap_review_list .select_view_box .select_view:first-child{width:49%;margin-left:0}
.community_section .wrap_review_list .select_area .sel_dep{margin-top:5px;overflow:hidden}
.community_section .wrap_review_list .select_area .sel_dep .select_view{width:30%;float:left}
.community_section .wrap_review_list .select_area .sel_dep .input{width:49%;height:42px;padding:0 1em;margin-left:1%;border:1px solid #ddd;border-right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;font-size:.9rem;color:#000;vertical-align:middle}
.community_section .wrap_review_list .select_area .sel_dep .bt_cl_1{float:right;width:20%;height:42px;vertical-align:middle}
.community_section .wrap_review_list .review_list{margin-bottom:20px}
.community_section .wrap_review_list .review_list li{margin-top:10px}
.community_section .wrap_review_list .review_list li:first-child{margin-top:0}
.community_section .wrap_review_list .review_cont{overflow:hidden;position:relative;padding:15px;background:#fff}
.community_section .wrap_review_list .review_cont .tit{display:block;padding-top:10px;font-size:15px;color:#666}
.community_section .wrap_review_list .review_cont .tit .cate{display:block;padding-bottom:3px;line-height:1.4}
.community_section .wrap_review_list .review_cont .tit .subject{display:block;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community_section .wrap_review_list .review_cont .ico_new{padding:0 3px 3px;text-align:center;color:#fff;font-weight:bold;font-size:10px;background:#739ffa}
.community_section .wrap_review_list .review_cont a:hover .tit{text-decoration:underline}
.community_section .wrap_review_list .review_cont a:hover .ico_new{text-decoration:none !important}
.community_section .wrap_review_list .review_cont .more{text-decoration:underline}
.community_section .wrap_review_list .review_cont .recommend{position:absolute;top:30px;right:20px}
.community_section .wrap_review_list .review_cont .tit .ico_cam{display:inline-block;position:relative;top:3px;left:2px;width:19px;height:16px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/community/ico_cam.png) left bottom no-repeat;margin-right:2px}
.community_section .wrap_review_list .review_cont .ico_photo{display:inline-block;position:relative;top:3px;left:2px;width:14px;height:14px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/community/ico_photo.png) left bottom no-repeat;margin-right:2px}

.community_section .wrap_review_list .review_cont .review_info{position:relative;min-height:85px}
.community_section .wrap_review_list .review_cont .review_info .thumb_area{position:absolute;top:0;left:0}
.community_section .wrap_review_list .review_cont .review_info .thumb_area::after {position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;width:30px;height:30px;margin:auto;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_play.png) center center no-repeat;background-size:cover;content: ''}
.community_section .wrap_review_list .review_cont.thumb_type .cont_box{padding-left:110px}
.community_section .wrap_review_list .review_cont .thumb{position:relative;display:block;width:80px;height:80px}
.community_section .wrap_review_list .review_cont .thumb img{width:100%}
.community_section .wrap_review_list .review_cont .mask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(//siwon-cdn.siwonschool.com/img/www/v2/comm/bg_black_opacity50.png)}
.community_section .wrap_review_list .review_cont .thumb:hover .mask{display:block}
.community_section .wrap_review_list .review_cont .thumb .ico_play{display:block;position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/comm/ico_play4.png) no-repeat;background-size:30px auto}

.community_section .wrap_review_list .review_cont .wrap_info{margin-top:5px}
.community_section .wrap_review_list .review_cont .wrap_info .wrap_avatar{display:inline-block;position:relative;width:20px;height:20px;margin-right:10px;background:#f8f8f8;vertical-align:middle}
.community_section .wrap_review_list .review_cont .wrap_info .wrap_avatar .avatar_mask{display:block;width:19px;height:19px;border:1px solid #e8e8e8;border-radius:10px}
.community_section .wrap_review_list .review_cont .wrap_info .name{color:#888;font-size:10px;vertical-align:middle}
.community_section .wrap_review_list .review_cont .wrap_info .date{margin-left:10px;padding-left:10px;color:#888;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/www/v2/comm/footer_bar.jpg) left 3px no-repeat;font-size:10px}
.community_section .wrap_review_list .review_cont .st i{color:#2f62cb}
.community_section .wrap_review_list .review_reply{border-top:1px solid #e8e8e8;background:#fdfdfd}
.community_section .wrap_review_list .review_reply .write_reply{overflow:hidden}
.community_section .wrap_review_list .review_reply .write_reply .bt_more{position:relative;float:left;display:inline-block;width:50%;height:40px;line-height:40px;text-align:center}
.community_section .wrap_review_list .review_reply .write_reply .bt_more a{display:block;width:100%;font-size:13px;color:#777;text-align:center}
.community_section .wrap_review_list .review_reply .write_reply .bt_more .count{display:inline-block;margin-left:3px}
.community_section .wrap_review_list .review_reply .write_reply .wrap_input{display:inline-block;margin-left:15px}
.community_section .wrap_review_list .review_reply .write_reply .bt_group{display:inline-block;float:right;width:50%;height:40px;line-height:40px;border-left:1px solid #e8e8e8;text-align:center}
.community_section .wrap_review_list .review_reply .write_reply .bt_group .bt_em30_blue,
.community_section .wrap_review_list .review_reply .write_reply .bt_group .bt_h30_blue{width:90px}
.community_section .wrap_review_list .review_reply .write_reply .bt_recommend{display:inline-block;width:100%;height:28px;text-align:center;vertical-align:middle;font-size:13px}
.community_section .wrap_review_list .review_reply .write_reply .bt_recommend a{display:inline-block;width:100%;height:28px;color:#d71818;line-height:25px}
.community_section .wrap_review_list.bbs_view_comm2 .view_reply{padding:0}
.community_section .recommend .ico_heart{display:inline-block;position:relative;top:2px;width:12px;height:12px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/community/ico_heart.png) left bottom no-repeat}
.community_section .recommend.on .ico_heart{background-position:left top}
.community_section .wrap_review_list .review_tail{height:20px;padding:10px 20px;background:#fdfdfd}
.community_section .wrap_review_list .review_tail .wrap_avatar{display:inline-block;position:relative;width:20px;height:20px;margin-right:10px;background:#f8f8f8;vertical-align:middle}
.community_section .wrap_review_list .review_tail .wrap_avatar .avatar{display:inline-block;width:100%;height:100%}
.community_section .wrap_review_list .review_tail .wrap_avatar .avatar_mask{display:block;width:19px;height:19px;border:1px solid #e8e8e8;border-radius:10px}
.community_section .wrap_review_list .review_tail .wrap_avatar .mask{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%}
.community_section .wrap_review_list .review_tail .name{vertical-align:middle}
.community_section .wrap_review_list .review_tail .date{margin:0 10px;color:#666;vertical-align:middle}
.community_section .wrap_review_list .review_tail .count{padding-left:10px;color:#666;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/www/v2/comm/footer_bar.jpg) left 3px no-repeat}
.community_section .wrap_review_list .review_tail .modify{float:right}
.community_section .wrap_review_list .review_tail .modify a:hover{text-decoration:underline}
.community_section .wrap_review_list .review_tail .modify .fc_red{padding-left:21px;background:url(//siwon-cdn.siwonschool.com/img/www/v2/comm/footer_bar.jpg) 10px 3px no-repeat}
.community_section .wrap_review_list .review_bt{position:relative;width:100%;height:40px}
.community_section .wrap_review_list .review_bt .wrap_bt{position:absolute;right:0;font-size:0}
.community_section .wrap_review_list .review_bt .wrap_bt a{margin-left:6px}
.community_section .wrap_review_list .review_bt .wrap_bt a:first-child{margin-left:0}

/* 수강후기 이미지(영상) 미리보기 레이어 */
.wrap_layer_popup#layer_preview{padding:0;background:none}
.wrap_layer_popup#layer_preview .thumb img{width:100%}
.wrap_layer_popup#layer_preview .preview_box .bx-wrapper{overflow:hidden}
.wrap_layer_popup#layer_preview .preview_box .bx-viewport{width:100% !important;height:auto !important;overflow:inherit !important}

.wrap_layer_popup#layer_preview .preview_box .bx-viewport .sl{overflow:hidden}
.wrap_layer_popup#layer_preview .preview_box .bx-viewport .sl .thumb{display:inline-block;width:100%;height:auto}
.wrap_layer_popup#layer_preview .preview_box .bx-viewport .sl img{width:100%}
.wrap_layer_popup#layer_preview .preview_box .bx-controls-direction a{display:inline-block;position:absolute;top:20%;z-index:60;width:40px;height:40px;margin-top:-78px;text-indent:100%;color:transparent;background:url(//siwon-cdn.siwonschool.com/img/www/m/main/v7/nav_review.png) no-repeat;background-size:cover;border:1px solid rgba(80,79,78,0.5)}
.wrap_layer_popup#layer_preview .preview_box.video .bx-controls-direction{display:none}
.wrap_layer_popup#layer_preview .bx-controls-direction a.bx-prev{left:0;background-position:left center}
.wrap_layer_popup#layer_preview .bx-controls-direction a.bx-next{right:0;background-position:right center}
.wrap_layer_popup#layer_preview .preview_box .bx-pager{padding:0;text-align:center;font-size:.8rem;text-align:center}


/* 공부 질문하기 */
.community_section .sec_stdqna .best_area{padding:10px 4%}
.community_section .sec_stdqna .best_cont{padding:0 15px;background:#fff}
.community_section .sec_stdqna .best_cont .lec{padding:1em 0;font-size:1rem;font-weight:bold;color:#000;line-height:1;border-bottom:1px solid #eee}
.community_section .sec_stdqna .best_cont dl{padding:.5em 0}
.community_section .sec_stdqna .best_cont .q{font-size:.9rem;line-height:2.5;color:#999}
.community_section .sec_stdqna .best_cont .q[data-state-on]{color:#000}
.community_section .sec_stdqna .best_cont .a{display:none;padding:5px 10px;margin-bottom:5px;font-size:.8rem;color:#999;line-height:1.6;background:#f2f4f7}
.community_section .bbs_write{padding:6vw 4vw}
.community_section .bbs_write .sec_tit{font-size:3.5vw;font-weight:bold;padding:0;margin-bottom:3vw}
.community_section .bbs_write .select_view{margin-bottom:2vw}
.community_section .bbs_write .select_view .selected{font-size:2.5vw}
.community_section .bbs_write .att_box{margin-bottom:2vw}
.community_section .bbs_write .att_box input{font-size:2.5vw}
.community_section .bbs_write .att_box .textarea_st1{padding:2vw;font-size:2.5vw}
.community_section .bt_bott_area{padding:3vw 5vw 7vw 5vw}
.community_section .bt_bott_area .bt_cl_1{height:10vw;line-height:10vw;font-size:3.5vw;padding:0}
/* 검색 영역 - 공통 */
.search_area{margin-top:8vw}
.search_area .input_comm{margin-top:5px}

/* 시원쌤의 다이어리 */
/* .community_section .sec_diary{margin-top:5px} */
.community_section .sec_diary .head{margin-bottom:5px}

/* 서로에게 응원을! */
.community_section .sec_cheer{margin-top:7vw}
.community_section .sec_cheer .caution{margin-bottom:10px;padding:3px 0 9px;border-bottom:1px dashed #ddd;font-size:.7rem;color:#999;line-height:1.8}
.community_section .sec_cheer .cheer_box{padding:5px 4% 10px;border-bottom:1px solid #ddd}
.community_section .sec_cheer .cheer_box .cheer_sl{overflow:hidden;height:94px}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list li{position:relative;width:100% !important;padding-left:33px;background:#f2f4f7;box-sizing:border-box}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list li .thum{display:block;position:absolute;top:0;left:0;width:33px;height:33px;background:#fff}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list 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_gr.png) no-repeat;background-size:33px;content:''}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list li .thum img{display:block;width:24px;height:24px;padding:9px 4px 0 5px}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list li .cmt{position:relative;min-height:29px;margin-left:14px;padding:6px 9px;background:#fff;border:1px dotted #cbcbcb;border-radius:5px}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list 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_wh.png) no-repeat;background-size:8px;content:''}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list li .cmt .info{display:block;height:13px;margin-bottom:4px;line-height:11px}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list li .cmt .info .name{padding-right:5px;font-size:11px;font-weight:bold;color:#2f62cb}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list li .cmt .info .date{position:relative;padding-left:4px;font-size:11px;color:#666}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list li .cmt .info .date:before{display:block;position:absolute;top:2px;left:0;width:1px;height:10px;background:#ddd;content:''}
.community_section .sec_cheer .cheer_box .cheer_sl .cheer_list li .cmt .cont{display:block;overflow:hidden;min-height:12px;font-size:12px;color:#000;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}

/* 서베이 */
.community_section .sec_survey{padding-bottom:30px}
.community_section .sec_survey .survey_desc{padding:15px 4%}
.community_section .sec_survey .survey_desc li{position:relative;padding-left:.8em;font-size:.7rem;line-height:1.6;color:#666}
.community_section .sec_survey .survey_desc li::before{position:absolute;top:0;left:0;content:'·'}
.community_section .sec_survey .bbs_board li .finish{padding:50px 4%;background:#fff;text-align:center;font-size:.8rem;color:#999}
.community_section .sec_survey .bbs_board .info{padding:.5em 0}
.community_section .sec_survey .input_st1{padding-top:.5em !important;padding-bottom:.5em !important}
.community_section .sec_survey .survey_noti{padding:1em 4%;text-align:center}
.community_section .sec_survey .p_infos{margin:0 auto; width:93.75%}
.community_section .sec_survey .p_infos li{overflow:hidden;margin-bottom:10px}
.community_section .sec_survey .p_infos li .info_tit{float:left;width:17%;text-align:center;height:2em;line-height:2em;color:#000;font-size:.9rem}
.community_section .sec_survey .p_infos li .info_con{float:right;width:80%}
.community_section .sec_survey .p_infos li .info_con span{float:left;width:3%;display:block;text-align:center;line-height:35px}
.community_section .sec_survey .p_infos li .info_con .tel1{float:left;width:30%}
.community_section .sec_survey .p_infos li .info_con .tel2{float:left;width:32%}
.community_section .sec_survey .p_infos li .info_con .tel3{float:right;width:32%}
.community_section .sec_survey .img_present{padding:1em 4%;text-align:center}
.community_section .sec_survey .img_present img{display:inline-block;max-width:30%;height:auto}
.community_section .sec_survey .survey_noti2 p{padding-bottom:.5em;font-size:.8rem;line-height:1.6}


/* 이벤트 */
.event_section .event_sl{margin-bottom:5px}
.event_section .bbs_board .tit_area .tit.b .state{color:#ff493d}
.event_section .share{position:relative;margin-bottom:15px}
.event_section .share .bt_share{display:block;width:100%;height:3em;box-sizing:border-box;color:#fff;font-size:.8rem;line-height:1;text-align:center;vertical-align:middle;background:#000}
.event_section .share .bt_share span{padding-right:2em;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_share2.png) right center no-repeat;background-size:contain}
.event_section .share .popup_share{position:absolute;bottom:100%;width:0;height:0;left:50%;z-index:3;border-radius:5px;text-align:center;background:#fff;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:cubic-bezier(.58,.24,.41,.95);-o-transition-timing-function:cubic-bezier(.58,.24,.41,.95);transition-timing-function:cubic-bezier(.58,.24,.41,.95)}
.event_section .share .popup_share::after{display:none;position:absolute;left:50%;margin-left:-5px;bottom:0;z-index:3;border-top:6px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;content:'';-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.event_section .share .popup_share.show{width:20em;height:2.5em;right:-2%;padding:.5em 1em;box-sizing:initial;box-shadow:0 -2px 10px rgba(100,100,100,.2)}
.event_section .share .popup_share.show::after{display:block;bottom:-5px}
.event_section .share .popup_share li{float:left;width:16.66%;overflow:hidden;height:100%;vertical-align:middle}
.event_section .share .popup_share li:first-child{margin-left:0}
.event_section .share .popup_share li button{display:block;overflow:hidden;width:80%;height:100%;margin:0 auto;text-align:center}
.event_section .share .popup_share li img{display:inline-block;height:100%}


/* 학습하기 */
.mypage_section .quick_menu{position:fixed;right:4%;bottom:17vw;z-index:10}
.mypage_section .quick_menu ul li{margin-bottom:5px}
.mypage_section .quick_menu ul li a{display:block}
.mypage_section .lec_welcome{padding-top:2em;font-size:1rem;color:#666;line-height:1.4}
.mypage_section .lec_welcome .cl{display:block;color:#3e4bc5}

.mypage_section .sec_cheer{margin-top:.6em}
.mypage_section .sec_cheer .tit_box{display:block}
.mypage_section .sec_cheer .tit_box .tit{padding:1em 4%;border:1px solid #ddd;line-height:1;background:#fff}
.mypage_section .sec_cheer .tit_box{display:block;position:relative}
.mypage_section .sec_cheer .tit_box::after{position:absolute;top:50%;right:4%;margin-top:-.6em;content:'+';color:#666;font-size:1.2rem}
.mypage_section .sec_cheer .tit_box .tit{font-size:1.1rem;font-weight:bold;color:#000;line-height:1.2}
.mypage_section .sec_cheer .tit_box .desc{padding-top:.3em;font-size:.9rem;color:#998;line-height:1.4}
.mypage_section .sec_cheer .cont_box{padding:12px 10px;border:1px solid #ddd;border-width:0 1px 1px;background:#fff}
.mypage_section .sec_cheer .cheer_sl{overflow:hidden;height:94px}
.mypage_section .sec_cheer .cheer_sl .cheer_list li{position:relative;width:100% !important;padding-left:33px;background:#fff;box-sizing:border-box}
.mypage_section .sec_cheer .cheer_sl .cheer_list li .thum{display:block;position:absolute;top:0;left:0;width:33px;height:33px;background:#fafafa}
.mypage_section .sec_cheer .cheer_sl .cheer_list 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:''}
.mypage_section .sec_cheer .cheer_sl .cheer_list li .thum img{display:block;width:24px;height:24px;padding:9px 4px 0 5px}
.mypage_section .sec_cheer .cheer_sl .cheer_list li .cmt{position:relative;margin-left:14px;padding:6px 9px;background:#fafafa;border:1px dotted #ccc;border-radius:5px}
.mypage_section .sec_cheer .cheer_sl .cheer_list 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:''}
.mypage_section .sec_cheer .cheer_sl .cheer_list li .cmt .info{display:block;height:13px;margin-bottom:4px;line-height:11px}
.mypage_section .sec_cheer .cheer_sl .cheer_list li .cmt .info .name{padding-right:5px;font-size:11px;font-weight:bold;color:#2f62cb}
.mypage_section .sec_cheer .cheer_sl .cheer_list li .cmt .info .date{position:relative;padding-left:4px;font-size:11px;color:#666}
.mypage_section .sec_cheer .cheer_sl .cheer_list li .cmt .info .date:before{display:block;position:absolute;top:2px;left:0;width:1px;height:10px;background:#ddd;content:''}
.mypage_section .sec_cheer .cheer_sl .cheer_list li .cmt .cont{display:block;overflow:hidden;font-size:12px;color:#000;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}

.mypage_section .course_recom{padding:1em 0}
.mypage_section .course_recom .cl{color:#f5e31c}
.mypage_section .course_recom .bt_eng_recom{width:100%;margin-top: .5em;;padding:1.4em 0;box-sizing:border-box;text-indent:1.5em;font-size:3.5vw;color:#fff;line-height:1;text-align:left;background:#3e4bc5}
.mypage_section .course_recom .bt_recom{width:100%;padding:1.4em 0;box-sizing:border-box;text-indent:1.5em;font-size:3.5vw;color:#fff;line-height:1;text-align:left;background:#3e4bc5 url(//siwon-cdn.siwonschool.com/img/www/m/sub/img_course.png) right center no-repeat;background-size:contain}
.mypage_section .course_recom .bt_curri{width:100%;margin-bottom:.5em;padding:1.4em 0;box-sizing:border-box;text-indent:1.5em;font-size:3.5vw;color:#fff;line-height:1;text-align:left;background:#383c66 url(//siwon-cdn.siwonschool.com/img/www/m/sub/img_curri.png) 95% no-repeat;background-size:12vw}
.mypage_section .lec_list li{border:1px dashed #ccc}
.mypage_section .lec_list .lec_box{position:relative;padding:2em 0 2em 2em;font-size:1rem;background-size:contain;background-position:right center;background-repeat:no-repeat}
.mypage_section .lec_list .classic .lec_box{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/clroom_classic.png)}
.mypage_section .lec_list .smart .lec_box{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/clroom_smart01.png)}
.mypage_section .lec_list .middle .lec_box{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/clroom_middle.png)}
.mypage_section .lec_list .stars .lec_box{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/clroom_5star.png)}
.mypage_section .lec_list .silver .lec_box{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/clroom_silver.png)}
.mypage_section .lec_list .livechat .lec_box{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/clroom_livechat.png)}
.mypage_section .lec_list .giu .lec_box{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/clroom_giu.png)}
.mypage_section .lec_list .max .lec_box{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/clroom_max.png)}
.mypage_section .lec_list .global .lec_box{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/clroom_global.png)}
.mypage_section .lec_list .lec_tit{line-height:1;font-size:1.3rem;color:#000}
.mypage_section .lec_list .lec_desc{padding-top:0.5em;padding-bottom:4em;font-size:.9rem;color:#666;line-height:1.4}
.mypage_section .lec_list.type1{box-shadow:0 2px 5px 0 rgba(100,100,100,0.2)}
.mypage_section .lec_list.type1 li{position:relative;border-width:0 1px}
.mypage_section .lec_list.type1 li::before{position:absolute;top:-1px;left:0;right:0;z-index:1;border-top:1px dashed #ccc;content:''}
.mypage_section .lec_list.type1 li::after{position:absolute;bottom:0;left:0;right:0;border-top:1px dashed #ccc;content:''}
.mypage_section .lec_list.type1 li[data-state="show"]{border-left:1px solid #3e4bc5;border-right:1px solid #3e4bc5}
.mypage_section .lec_list.type1 li[data-state="show"]::before,
.mypage_section .lec_list.type1 li[data-state="show"]::after{z-index:2;border-top:1px solid #3e4bc5}
.mypage_section .lec_list.type1 .bt_area{position:absolute;top:61%;left:0;width:100%;padding-left:2em;box-sizing:border-box}
.mypage_section .lec_list.type1 .bt_area [class^="bt_"]{display:inline-block;position:relative;min-width:35%;margin-right:.45em;padding:1em 2em 1em 1em;box-sizing:border-box;border-radius:3em;font-size:.9rem;color:#fff;vertical-align:middle;text-align:left}
.mypage_section .lec_list.type1 .bt_area [class^="bt_"]::after{position:absolute;right:1em;top:50%;margin-top:-0.5em;content:'>'}
.mypage_section .lec_list.type2 li{margin-top:1em}
.mypage_section .lec_list.type2 .lec_desc{padding-bottom:1em}
.mypage_section .lec_list.type2 .bt_area{overflow:hidden}
.mypage_section .lec_list.type2 .bt_area [class^="bt_"]{float:left;width:50%;padding:1em 0;font-size:.95rem;color:#fff;vertical-align:middle;text-align:center}
.mypage_section .lec_list .bt_area .bt_black{background:#000}
.mypage_section .lec_list .bt_area .bt_blue{background:#3e4bc5}
.mypage_section .lec_list.type2 [data-state="show"]{border:1px solid #3e4bc5}
.mypage_section .lec_list [data-state="show"] .bt_apply{display:none !important}
.mypage_section .lec_list [data-state="hidden"]{background:#f8f8f8}
.mypage_section .lec_list [data-state="hidden"] .lec_box{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:0.6}
.mypage_section .lec_list [data-state="hidden"] .bt_go{display:none !important}
.mypage_section .bbs_my_detail{margin-top:5px}
.mypage_section .bbs_my_detail .del_info dd{position:relative}
.mypage_section .bbs_my_detail .del_info .num_txt{padding-right:65px}
.mypage_section .bbs_my_detail .del_info .bt_c{position:absolute;top:50%;right:0;width:50px;margin-top:-12px}
/* 레이어 팝업: 전체 커리큘럼 */
#layer_curri{width:100%;padding:30px 20px 20px;background:#fff}
#layer_curri .pop_close{position:absolute;right:10px;top:-40px;z-index:1}
#layer_curri .pop_tit{padding-bottom:10px;color:#000;text-align:center}
#layer_curri .pop_tit span{color:#2f62cb}
#layer_curri  table{width:100%}
#layer_curri table.line td{border:1px solid #e3e3e3}
#layer_curri table th{height:40px;border-top:2px solid #000;border-bottom:1px solid #e9e9e9;background:#fafafa;color:#000;font-size:13px;line-height:40px;text-align:center}
#layer_curri table td{padding:10px;border-bottom:1px dotted #e3e3e3;font-size:.7em;color:#5b5b5b;line-height:1.6;background:#fff}
#layer_curri table .line_l_none{border-left:0 !important}
#layer_curri table .line_r_none{border-right:0 !important}
#layer_curri .desc{margin-top:3vw;font-size:.6em}

/* 달력 */
.mypage_section .cal_box{position:relative;padding:25px 21px 4%;background:#fff}
.mypage_section .cal_box .info_txt{padding:6px 30px 20px 0;border-bottom:1px dashed #ddd}
.mypage_section .cal_box .info_txt img{height:12px}
.mypage_section .cal_box .info_noti{padding-top:15px;color:#000;font-size:11px;text-align:left;line-height:1.5}
.mypage_section .cal_list{background:#fff}
.mypage_section .calendar > p.month{position:relative;width:120px;font-size:0;margin:0 auto 20px auto;text-align:center}
.mypage_section .calendar > p.month span.ym{font-size:12px;margin:0px 10px;color:#000}
.mypage_section .calendar > p.month span.ym em{font-size:26px;font-weight:bold}
.mypage_section .calendar > p.month a{display:inline-block;position:absolute;top:-3px;width:30px;height:30px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/btn_prevnext.png) no-repeat;background-size:auto 30px;overflow:hidden;line-height:1.4}
.mypage_section .calendar > p.month a.prev{left:0;background-position:0 0}
.mypage_section .calendar > p.month a.next{right:0;background-position:-30px 0}
.mypage_section .calendar > ul{display:block;width:100%;font-size:0px;margin-bottom:15px}
.mypage_section .calendar > ul > li{position:relative;display:table;width:100%;border-right:1px solid #e8e8e8;box-sizing:border-box}
.mypage_section .calendar > ul > li > div{display:table-cell;width:14.2%;min-height:70px;height:70px;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;background:#fff}
.mypage_section .calendar > ul > li > div:last-child{width:14.8%;border-right:0}
.mypage_section .calendar > ul > li.header > div{width:14.2%;height:30px;line-height:30px;min-height:0px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;background:#fafafa;color:#666;text-align:center}
.mypage_section .calendar > ul > li.header > div:last-child{width:14.8%;border-right:0}
.mypage_section .calendar > ul > li div.sun{color:#d71818}
.mypage_section .calendar > ul > li div.sat{color:#2f62cb}
.mypage_section .calendar > ul > li > div.empty{background-color:rgba(210,210,210,.5)}
.mypage_section .calendar > ul > li > div > time{display:block;padding:9px;min-height:15px;text-align:right;font-size:14px}
.mypage_section .calendar > ul > li > div.sun > time{color:#d71818}
.mypage_section .calendar > ul > li > div > time span{display:none}
.mypage_section .calendar > ul > li > div .stamp{display:block;position:relative;right:6px;top:-28px;text-align:right}
.mypage_section .calendar > ul > li > div .stamp img{width:20px}
.mypage_section .calendar > ul > li > div ul{width:100%;font-size:0px;text-align:right;padding:0 3px;min-height:70px}
.mypage_section .calendar > ul > li > div ul li{margin:0px 3px 3px 0px;padding:3px}
.mypage_section .calendar > ul > li div.today{width:14.2%;height:68px;min-height:88px;background:#f5fbfd;border:1px solid #707070}
.mypage_section .calendar > ul > li div:last-child.today{width:14.8%}
.mypage_section .calendar > ul > li > span.misson{position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:70px;font-size:12px;font-weight:bold;text-align:center;line-height:70px}
.mypage_section .calendar > ul > li > span i{position:absolute;top:29px;left:-5px}
.mypage_section .calendar > ul > li.clear .misson{background-color:rgba(245,227,28,.5)}
.mypage_section .calendar > ul > li.fail .misson{background-color:rgba(221,221,221,.5)}
.mypage_section .calendar > ul > li.clear > div,
.mypage_section .calendar > ul > li.fail > div{}

.mypage_section .calendar .select_box{}
.mypage_section .calendar .stats{position:relative;padding:8px 10px;background:#2f62cb}
.mypage_section .calendar .stats .stats_txt{width:120px;color:#fff;font-size:14px}
.mypage_section .calendar .stats .sp{display:inline-block;position:absolute;top:12px;right:10px;width:50%;height:10px;background:#fff;border-radius:10px;box-sizing:border-box;line-height:10px}
.mypage_section .calendar .stats i{display:inline-block;position:relative;top:0;height:10px;color:#fff;font-size:12px;background:#f5e31c;border-radius:10px}
.mypage_section .calendar .stats i span{position:absolute;top:0;left:-30px;color:#f5e31c;font-size:14px;font-weight:bold;line-height:10px}
.mypage_section .calendar .stats i.sp_25{width:25%}
.mypage_section .calendar .stats i.sp_50{width:50%}
.mypage_section .calendar .stats i.sp_75{width:75%}
.mypage_section .calendar .stats i.sp_100{width:100%}

.mypage_section .reward_app{padding:0 4% 30px 4%}
.mypage_section .reward_stats_info{padding:25px 4% 0 4%}
.mypage_section .reward_stats_info .info_list{background:#fff;overflow:hidden}
.mypage_section .reward_stats_info .info_list li{position:relative;overflow:hidden;min-height:58px;border-bottom:1px dashed #ddd;padding:15px 0 15px 10px}
.mypage_section .reward_stats_info .info_list li:last-child{border-bottom:0}
.mypage_section .reward_stats_info .info_list li .progress{}
.mypage_section .reward_stats_info .info_list li .prog_tit{display:block;float:left;width:45%;font-size:12px;font-weight:bold;color:#333}
.mypage_section .reward_stats_info .info_list li .prog_now{clear:both;display:block;float:left;width:45%;font-size:10px;margin-top:3px;font-weight:bold;color:#2f62cb}
.mypage_section .reward_stats_info .info_list li .prog_count{position:absolute;top:0;left:45%;padding:10px 0 0 15px;border-left:1px dashed #ddd}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_unit{position:relative;top:18px;left:3px;font-size:12px;font-weight:bold;color:#333}
.mypage_section .reward_stats_info .info_list li .prog_count{min-height:60px}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no{float:left;width:30px;height:35px;margin-right:1px;border:1px solid #b5b5b5;text-indent:-999px;overflow:hidden;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/count_no2.png) no-repeat;background-size:auto 35px}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no0{background-position:0 0}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no1{background-position:-30px 0}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no2{background-position:-60px 0}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no3{background-position:-90px 0}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no4{background-position:-120px 0}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no5{background-position:-150px 0}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no6{background-position:-180px 0}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no7{background-position:-210px 0}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no8{background-position:-240px 0}
.mypage_section .reward_stats_info .info_list li .prog_count .prog_no.no9{background-position:-270px 0}
.mypage_section .reward_stats_info .bt_cl_d8{margin-top:5px}
.mypage_section .reward_noti{padding:15px 4%}
.mypage_section .reward_noti .noti_list{padding:15px;background:#fff}
.mypage_section .reward_noti .noti_list li{color:#000;font-size:11px;line-height:1.6}
.mypage_section .reward_noti .noti_list li .dep{display:block;text-indent:10px;color:#777}

.mypage_section .reward_app .desc_box{display:none;position:relative;padding:63px 15px 55px 15px;background:#fff;border:1px solid #2f62cb;border-top:0}
.mypage_section .reward_app .desc_box.on{display:block}
.mypage_section .reward_app .stats_img{position:relative}
.mypage_section .reward_app .stats_img img{width:100%}
.mypage_section .reward_app .app_noti{margin-top:25px}
.mypage_section .reward_app .app_noti .noti dt{margin-bottom:8px;color:#333;font-size:12px;font-weight:bold}
.mypage_section .reward_app .app_noti .noti dd{color:#777;font-size:11px;line-height:1.6}
.mypage_section .reward_app .privacy_info{height:100px;margin-top:30px;padding:10px;border:1px solid #ddd;background:#fafafa;line-height:1.6;color:#666;overflow:auto;font-size:12px}
.mypage_section .reward_app .agree_box{padding:10px;border:1px solid #ddd;border-top:0;text-align:left}
.mypage_section .reward_app .agree_box .type-checkbox{display:inline-block}
.mypage_section .reward_app .bt_group{position:absolute;bottom:-1px;left:0;width:100%;text-align:center}
.mypage_section .reward_app .bt_group .bt_app{display:block;width:100%;height:40px;background:#000;font-weight:bold;font-size:12px;text-align:center;color:#fff;line-height:40px}

.mypage_section .reward_app .file_upload{margin-top:5px;overflow:hidden;position:relative}
.mypage_section .reward_app .file_upload .input{float:left;padding:0 10px;box-sizing:border-box;color:#bababa;font-size:12px;width:100%;height:37px;border:1px solid #ddd;vertical-align:middle}
.mypage_section .reward_app .file_upload .btn{position:absolute;top:1px;right:1px;display:inline-block;float:right;width:37px;height:37px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/bt_file.png) no-repeat;background-size:37px 37px;color:#2f62cb;text-align:center;vertical-align:middle;font-size:0}
.mypage_section .reward_app .file_upload .file_ps{position:absolute;top:0;left:0;width:100%}
.mypage_section .reward_app .file_upload .file_ps .upload_input{width:100%;height:39px;opacity:0;filter:alpha(opacity=0);cursor:pointer}

.mypage_section .reward_app .app_tab{position:relative;z-index:2;margin-top:15px}
.mypage_section .reward_app .app_tab li{position:absolute;top:0;float:left;width:33%;border:1px solid #999;border-bottom:1px solid #2f62cb;box-sizing:border-box}
.mypage_section .reward_app .app_tab li[data-id="t1"]{left:0}
.mypage_section .reward_app .app_tab li[data-id="t2"]{left:34%;border-left:0;border-right:0}
.mypage_section .reward_app .app_tab li.on[data-id="t2"]{left:33.6%;width:33.9%}
.mypage_section .reward_app .app_tab li[data-id="t3"]{left:67%}
.mypage_section .reward_app .app_tab li:first-child{width:34%}
.mypage_section .reward_app .app_tab li.on{z-index:2;border:1px solid #2f62cb;border-bottom:0;background:#fff !important}
.mypage_section .reward_app .app_tab li.off{background:#f3f4f8}
.mypage_section .reward_app .app_tab li:first-child{width:34%;margin-left:0}
.mypage_section .reward_app .app_tab li a{display:block;width:100%;height:38px;line-height:38px;text-align:center;font-size:12px;font-weight:bold;color:#777}
.mypage_section .reward_app .app_tab li.on > a{height:39px;color:#2f62cb}

/* 학습하기 - 코스소개 팝업 */
.course_info .layer_tit .cl{color:#2f62cb}
.course_info .course_step{display:flex}
.course_info .course_step li{flex:1;height:4em;padding:1em 0;box-sizing:border-box;border:1px solid #fff;border-width:0 1px;font-size:3vw;line-height:1;color:#fff;text-align:center;background:#999}
.course_info .course_step li.on{background:#2f62cb}
.course_info .wrap_course{margin-top:30px}
.course_info .course_box{display:none}
.course_info .course_box.on{display:block}
.course_info .course_box .tit b{font-size:1.2rem;vertical-align:middle}
.course_info .course_box .tit .period{margin-left:5px;padding:2px;font-size:.9rem;color:#fff;line-height:1;vertical-align:middle;background:#000}
.course_info .course_box .hash{padding:0.7em 0 2em;color:#999;line-height:1}
.course_info .course_box .hash i{color:#2f62cb}
.course_info .course_box .desc{padding-bottom:30px;color:#666;line-height:1.6}

/* 강의실(학습하기) - 상품 소개 팝업 */
.wrap_layer_popup#layer_pack_prod .prod_tit,
.wrap_layer_popup#layer_single_prod .prod_tit{font-size:1.02rem;color:#2f62cb;line-height:1;font-weight:bold}
.wrap_layer_popup#layer_pack_prod .prod_desc,
.wrap_layer_popup#layer_single_prod .prod_desc{padding-top:.3em;font-size:.95rem;color:#666;line-height:1}

/* 학습하기 - 강좌목록 */
.mypage_section .lec_cate{padding:1em}
.mypage_section .lec_cate .cate_tit{font-size:1.13rem;color:#777;line-height:1.2}
.mypage_section .lec_cate .cate_tit .txt{display:block;margin-top:5px;color:#999;font-size:12px}
.mypage_section .lec_cate .tab_comm{margin-top:1em}
.mypage_section .lec_cate .bt_area{padding-top:1em}
.mypage_section .sec_list{display:none}
.mypage_section .sec_list.on,
.mypage_section .sec_list[data-state-on]{display:block}
/* 마이페이지 */
.mypage_section .my_info{margin-top:5px;padding-top:1.5em;text-align:center;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/bg_my_head.png) center center repeat-x;background-size:cover}
.mypage_section .my_info .thumb{display:block;overflow:hidden;width:70px;height:70px;margin:0 auto;border-radius:100%;background:#f3f4f8}
.mypage_section .my_info .txt{padding:.8em 0;text-align:center;color:#000;line-height:1.4;text-align:center}
.mypage_section .my_info .txt .fc_gray{color:#999}
.mypage_section .my_info .bt_ln_1{padding-left:1em;padding-right:1em}
.mypage_section .my_info .my_info_challenge { display: flex; margin: 10.313vw auto 0; border-radius: 1.563vw; overflow: hidden; }
.mypage_section .my_info .my_info_challenge a { display: flex; align-items: center; width: 50%; height: 10.938vw; font-size: 3.438vw; text-align: left; text-indent: 1.8em; color: #fff; background-color: #1546ab; }
.mypage_section .my_info .my_info_challenge a:nth-child(2) { background-color: #2f62cb; }
.mypage_section .inner{padding-bottom:30px }
.mypage_section .myquick_area{overflow:hidden}
.mypage_section .myquick_area li{display:block;float:left;width:50%;padding:1em 1.3em;border-left:1px solid #fff;box-sizing:border-box;background:#999}
.mypage_section .myquick_area li:first-child{border-left:none}
.mypage_section .myquick_area .tit{float:left;font-size:1rem;font-weight:bold;color:#fff}
.mypage_section .myquick_area .state{float:right;font-size:1rem;color:#f5e31c}
.mypage_section .prev_info{padding-top:30px}
.mypage_section .prev_info .tab{overflow:hidden}
.mypage_section .prev_info .tab li{float:left;width:50%;padding:1em 0;border-top:1px solid #999;border-bottom:2px solid #2f62cb;font-size:1rem;font-weight:bold;text-align:center;color:#999}
.mypage_section .prev_info .tab li:first-child{border-left:1px solid #999}
.mypage_section .prev_info .tab li:last-child{border-right:1px solid #999}
.mypage_section .prev_info .tab li[data-state-on]{border:2px solid #2f62cb;border-bottom:1px solid #fff;color:#2f62cb;background:#fff}
.mypage_section .prev_info .tab_cont{display:none;border-left:2px solid #2f62cb;border-right:2px solid #2f62cb;border-bottom:2px solid #2f62cb;background:#fff}
.mypage_section .prev_info .tab_cont[data-state-on]{display:block}
.mypage_section .prev_info .tab_cont .lec_prev_list{padding-top:1em}
.mypage_section .prev_info .tab_cont .lec_prev_list li{padding:.5em 0}
.mypage_section .prev_info .tab_cont .lec_prev_list a{display:block;padding:0 1em;font-size:.8em;line-height:1.2;vertical-align:middle}
.mypage_section .prev_info .tab_cont .lec_prev_list .lec_tit{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:60%;font-weight:bold;color:#000}
.mypage_section .prev_info .tab_cont .lec_prev_list .date{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:40%;color:#999;text-align:right}
.mypage_section .prev_info .tab_cont .no_result{padding:3em 0;font-size:.8rem;text-align:center}
.mypage_section .prev_info .bt_cl_d8{display:block;padding:1.2em 0}

.mypage_section .mypage_info{position:relative;padding-top:40px}
.mypage_section .mypage_info .info_tit{padding-bottom:.3em;font-size:1.2em;color:#000;line-height:1}
.mypage_section .mypage_info .bt_info{position:absolute;top:43px;right:0;font-size:.8rem;color:#000;font-weight:bold}
.mypage_section .regi_coupon{position:relative;padding-right:7em;height:3em}
.mypage_section .regi_coupon.pd{margin-top:30px}
.mypage_section .regi_coupon input{width:100%;height:100%;text-indent:1em;box-sizing:border-box}
.mypage_section .regi_coupon button{position:absolute;top:0;right:0;width:7em;height:3em}
.mypage_section .sec_mypage .bbs_my_detail{padding-top:30px}
.mypage_section .sec_mypage .bbs_my_detail li{margin-bottom:30px}
/* 마이페이지 - 자동 환불 팝업 190819 */
#layer_autoref{width:100%}
#layer_autoref .inner_popup{position:relative;width:92%;margin:0 4%;;background:#fff}
#layer_autoref select, #layer_autoref textarea{width:100%;font-size:11px;color:#999}
#layer_autoref select{height:25px;padding-left:7px;border:1px solid #ddd;vertical-align:middle}
#layer_autoref textarea{height:70px;padding:5px 7px;resize:none;line-height:1.6}
#layer_autoref textarea::placeholder{color:#999}
#layer_autoref .pop_close{display:inline-block;overflow:hidden;position:absolute;top:-30px;right:0;width:25px;height:25px;z-index:2;background:url(//siwon-cdn.siwonschool.com/img/comm/close_43x43_white.png) no-repeat;background-size:cover;font-size:1px;text-indent:-200%}
#layer_autoref .pop_tit{margin:0 15px;padding:20px 0 10px;border-bottom:2px solid
#000;font-size:1rem;color:#2f62cb;font-weight:bold;line-height:1.2}
#layer_autoref .pop_cont{margin:0 15px 15px}
#layer_autoref .ref_list li{position:relative;margin-top:10px;padding:5px 0 0 60px;font-size:12px}
#layer_autoref .ref_list li .tit{position:absolute;top:0;left:0;display:inline-block;padding:5px 0 0 6px;font-weight:bold;color:#333}
#layer_autoref .ref_list li .tit:before{display:block;position:absolute;top:8px;left:0;width:2px;height:7px;background:#2f62cb;content:''}
#layer_autoref .ref_list .etc_area{display:none}
#layer_autoref .ref_list .etc_area > span{display:inline-block;margin:10px 15px 0 0}
#layer_autoref .ref_list .etc_area label{color:#111;cursor:pointer}
#layer_autoref .noti_box{margin-top:10px;padding:10px;background:#f8f8f8}
#layer_autoref .noti_box .tit{display:block;padding-bottom:5px;font-size:11px;font-weight:bold;color:#333}
#layer_autoref .noti_box ul li{position:relative;margin-bottom:2px;padding-left:10px;font-size:11px;color:#999;line-height:1.6}
#layer_autoref .noti_box ul li:before{display:block;position:absolute;top:8px;left:0;width:4px;height:1px;background:#999;content:''}
#layer_autoref .txt_box{margin-top:10px;font-size:11px;color:#333;line-height:1.6;text-align:center}
#layer_autoref .pop_footer{border:1px solid #222}
#layer_autoref .pop_footer a{display:inline-block;width:50%;height:40px;font-size:12px;font-weight:bold;color:#999;line-height:40px;text-align:center;box-sizing:border-box}
#layer_autoref .pop_footer a:first-child{border-right:1px solid #222;background:#2f62cb;color:#fff}
/* FAQ */
.customer_section .sec_faq .tab_comm{overflow:hidden;margin:5px 4%;background:#fff}
.customer_section .sec_faq .tab_comm li{border-width:0 1px 1px 0}
.customer_section .sec_faq .tab_comm li:nth-child(3n){border-right-width:0}
.customer_section .sec_faq .tab_comm li:nth-child(1),
.customer_section .sec_faq .tab_comm li:nth-child(2),
.customer_section .sec_faq .tab_comm li:nth-child(3){border-top-width:1px}
.customer_section .sec_faq .select_view{width:92%;margin:5px auto}
.customer_section .sec_faq .searchbox{overflow:hidden;width:92%;margin:0 auto}
.customer_section .sec_faq .cont > div{display:none}
.customer_section .sec_faq .cont > div ol li h4{margin-top:20px;font-size: 1.2rem;font-weight:bold;color:#000}
.customer_section .sec_faq .cont > div ol li p{margin-top:10px;font-size: .9rem;color:#555;line-height: 1.2rem}
.customer_section .sec_faq .cont > div ol li ul.justify{overflow:hidden;margin-top:10px}
.customer_section .sec_faq .cont > div ol li ul.justify li{float:right;width:48%}
.customer_section .sec_faq .cont > div ol li ul.justify li:first-child{float:left}
.customer_section .sec_faq .cont > div img{width:100%}
.customer_section .sec_faq .cont > div.myclass_use{width:92%;margin:0 auto;padding-bottom:30px}
.customer_section .sec_faq .cont > div.myclass_use .imgbox{display:block;margin-top:10px}
.customer_section .sec_faq .cont > div.app_use{width:92%;margin:0 auto;padding-bottom:30px}
/* QNA */
.customer_section .sec_qna{margin-top:5px}
.customer_section .sec_qna .cont_area .a{margin-top:10px;padding:10px 15px;background:#fff}
.customer_section .sec_qna .no_q{padding:5em 0;text-align:center}
/* 환불신청 */
.customer_section .refund_wrap .noti_box{padding:10px}
.customer_section .refund_wrap .noti_box .tit{display:block;padding-bottom:5px;font-size:11px;font-weight:bold;color:#333}
.customer_section .refund_wrap .noti_box ul li{position:relative;margin-bottom:2px;padding-left:10px;font-size:11px;color:#999;line-height:1.6}
.customer_section .refund_wrap .noti_box ul li:before{display:block;position:absolute;top:2px;left:0;content:'*'}
.customer_section .refund_wrap .refund_head{margin:10px 4%}
.customer_section .refund_wrap .refund_head .headline{overflow:hidden}
.customer_section .refund_wrap .refund_head .headline p{float:right;width:48%;padding:15px 0;background:#fff;border:1px solid #ddd;font-size:12px;color:#333;line-height:1.4;letter-spacing:-.5px;text-align:center}
.customer_section .refund_wrap .refund_head .headline p:first-child{float:left}
.customer_section .refund_wrap .refund_head .headline p em{display:inline-block;height:20px;margin-bottom:10px;padding:0 10px;background:#333;font-size:11px;color:#fff;line-height:20px;border-radius:10px}
.customer_section .refund_wrap .refund_head .noti_box{padding:10px 0}
.customer_section .refund_wrap .refund_con{padding-bottom:15px;}
.customer_section .refund_wrap .refund_con .tab_comm li{border-bottom-width:2px;border-bottom-color:#2f62cb}
.customer_section .refund_wrap .refund_con .tab_comm li a{padding:1em 0;color:#a2a2a2}
.customer_section .refund_wrap .refund_con .tab_comm li[data-state-on] a{color:#fff}
.customer_section .refund_wrap .refund_con .tab_cont{display:none}
.customer_section .refund_wrap .refund_con .tab_cont[data-state-on]{display:block}
.customer_section .refund_wrap .refund_con table{width:100%;table-layout:fixed}
.customer_section .refund_wrap .refund_con table th, .customer_section .refund_wrap .refund_con table td{height:29px;border-top:5px solid #f3f4f8;font-size:12px;line-height:1.6}
.customer_section .refund_wrap .refund_con table th{background:#ddd}
.customer_section .refund_wrap .refund_con table td{padding:5px 10px;background:#fff}
.customer_section .refund_wrap .refund_con table td .noti{margin-top:10px;font-size: 12px;;color: #999}
.customer_section .refund_wrap .refund_con table td .noti.red{color:#ff3535}
.customer_section .refund_wrap .refund_con table td select{width:100%}
.customer_section .refund_wrap .refund_con table .phone td .input_wrap{display:flex;align-items:center;justify-content:space-between}
.customer_section .refund_wrap .refund_con table .phone td .input_wrap input{width:calc( ( 100% - 10px ) / 3 )}
.customer_section .refund_wrap .refund_con table .phone td .input_wrap span{margin: 0 5px}
.customer_section .refund_wrap .refund_con table .phone td .agree_chk{margin-top:10px}
.customer_section .refund_wrap .refund_con table .phone td .agree_chk button{display:block;width:100%;height: 30px;border: 0;background: #333;font-size:10px;color: #fff;filter: none;}
.customer_section .refund_wrap .refund_con table .phone td .agree_chk label{display: flex;align-items:center;margin-top:5px;font-size:12px;}
.customer_section .refund_wrap .refund_con table .phone td .agree_chk label::before{content: '';display: block;width: 20px;height: 20px;margin-right: 10px;background: url(//siwon-cdn.siwonschool.com/img/www/comm/img_chbox2.png) no-repeat 0 0 / 100% 100%;}
.customer_section .refund_wrap .refund_con table .phone td .agree_chk input:checked + label::before{background-image: url(//siwon-cdn.siwonschool.com/img/www/comm/img_chbox2_checked.png);}
.customer_section .refund_wrap .refund_con table .book td ul{display:flex}
.customer_section .refund_wrap .refund_con table .book td ul li + li{margin-left:10px}
.customer_section .refund_wrap .refund_con table .book td ul li label{display: flex;align-items: center;font-size: 12px;}
.customer_section .refund_wrap .refund_con table .book td ul li label::before{content: '';width: 10px;height: 10px;margin-right: 5px;background: url(//siwon-cdn.siwonschool.com/comm/ico/ico_checkbox.png) no-repeat left top / 20px auto;}
.customer_section .refund_wrap .refund_con table .book td ul li input:checked + label::before{background-position-x: 100%;}
.customer_section .refund_wrap .refund_con table .reasen select + select {margin-top:10px}
.customer_section .refund_wrap .refund_tbl textarea{width:100%;height:70px;padding:5px 7px;font-size:11px;color:#999;line-height:1.6;resize:none}
.customer_section .refund_wrap .refund_tbl textarea::placeholder{color:#999}
.customer_section .refund_wrap .refund_tbl input[type="text"]{height:25px;padding:0 4px;font-size:11px}
.customer_section .refund_wrap .refund_tbl select{width:80%;height:25px;padding: 0 1em 0 7px;border:1px solid #ddd;font-size:11px;color:#999;vertical-align:middle}
.customer_section .refund_wrap .refund_tbl .etc_area > span{display:inline-block;margin:10px 15px 0 0}
.customer_section .refund_wrap .refund_tbl .etc_area label{color:#111;cursor:pointer}
.customer_section .refund_wrap .refund_tbl .bankinfo ul li{position:relative;margin-top:5px;padding-left:60px;font-size:12px;line-height:25px}
.customer_section .refund_wrap .refund_tbl .bankinfo span{display:block;position:absolute;top:0;left:0}
.customer_section .refund_wrap .refund_tbl .bankinfo input[type="text"]{width:78%}
.customer_section .refund_wrap .refund_con .noti_box ul li:before{top:8px;left:0;width:4px;height:1px;background:#999;content:''}
.customer_section .refund_wrap .refund_con .bt_area{display:flex;margin:15px 10px 0 10px}
.customer_section .refund_wrap .refund_con .bt_area a{display:inline-block;width:50%;height:40px;background:#fff;border:1px solid #999;font-size:12px;font-weight:bold;color:#999;line-height:40px;text-align:center;box-sizing:border-box}
.customer_section .refund_wrap .refund_con .bt_area a:first-child{border-color:#2f62cb;background:#2f62cb;color:#fff}
.customer_section .refund_wrap .receipt_tbl td{border-left:5px solid #f3f4f8}
.customer_section .refund_wrap .receipt_tbl .bt_cancel{display:inline-block;font-weight:bold;color:#333}

/* 개인정보 수집 동의 팝업 */
#layer_rfd_agree{max-width:960px;width: 92%;margin-left:0;padding:0;border:0;background:#fff;transform:translateX(-50%)}
#layer_rfd_agree .tit{overflow:hidden;position:relative;height:40px;color:#fff;font-size:14px;line-height:48px;font-weight:bold;text-indent:30px;background:#333}
#layer_rfd_agree .tit .close{position:absolute;right:20px;top:50%;margin-top:-8px;line-height:1;text-indent:0;cursor:pointer}
#layer_rfd_agree .tit .close img{width:18px}
#layer_rfd_agree .wrap_layer_cont{position:relative;overflow:hidden;padding:30px}
#layer_rfd_agree .wrap_layer_cont .wrap_bt{padding-top:25px;text-align:center}
#layer_rfd_agree .pop_subtit{padding-bottom:10px;font-size:16px;font-weight:bold;color:#333}
#layer_rfd_agree .scroll_area{height:230px;overflow:auto}
#layer_rfd_agree .cont{padding:15px 18px;line-height:1.6}
#layer_rfd_agree .pop_footer{padding:10px;background:url('//siwon-cdn.siwonschool.com/img/www/popup/pop_footer_line.gif') left top repeat-x;text-align:center}
#layer_rfd_agree .pop_footer a{display:inline-block;width:85px;height:30px;background:#666;font-size:13px;font-weight:bold;line-height:30px;text-align:center;color:#fff;vertical-align:middle;cursor:pointer;}
#layer_rfd_agree .remoteway_fin{width:536px;height:428px}
#layer_rfd_agree .remoteway_fin p{padding-top:162px;font-size:30px;font-weight:bold;text-align:center}
#layer_rfd_agree .remoteway_fin p span{display:block;margin-top:13px;color:#ff5200}
#layer_rfd_agree .caution_box{margin-top:25px}/*유의사항 리스트*/
#layer_rfd_agree .caution_box .tit{display:block;height:auto;font-size:15px;color:#000;line-height:1.6}
#layer_rfd_agree .caution_box ul li{position:relative;margin-top:2px;padding-left:10px;font-size:15px;color:#999;line-height:1.6}
#layer_rfd_agree .caution_box ul li:before{position:absolute;top:12px;left:0;width:4px;height:1px;background:#999;content:''}
#layer_rfd_agree table{width:100%;border-top:2px solid #666}
#layer_rfd_agree table th{height:42px;padding:0 10px;background:url('//siwon-cdn.siwonschool.com/img/www/comm/th_bg1.gif') repeat-x left top;color:#000;font-size:13px;line-height:42px;text-align:center}
#layer_rfd_agree table td{padding:15px 10px;border-bottom:1px solid #ddd;color:#666;font-size:11px;line-height:1.6}
#layer_rfd_agree table td.tl{padding:0}
#layer_rfd_agree table td.tl a{padding:15px 30px 15px 10px}
#layer_rfd_agree table .open_list{display:none}
#layer_rfd_agree table .open + .open_list{display:table-row;}
#layer_rfd_agree table .bg2{background:#f5f5f5;}
#layer_rfd_agree table .arw{display:block;width:11px;height:6px;position:absolute;top:50%;right:20px; margin-top:-3px;background:url('//siwon-cdn.siwonschool.com/img/comm/arr_black_down.png') no-repeat 0 0 / 100% 100%}
#layer_rfd_agree table .open .arw{background-image:url('//siwon-cdn.siwonschool.com/img/comm/arr_black_up.png')}
#layer_rfd_agree table .open_ok{display:block;width:100%;padding-right:30px;box-sizing:border-box;}
#layer_rfd_agree table .open_ok:hover{text-decoration:none}
#layer_rfd_agree table .last td{border-bottom:1px solid #666}
.wrap_layer_popup#refundBookList{max-width:350px;width:92% !important;padding:20px 12px !important;margin-left:0;transform:translate(-50%)}

/**************** 기존 디자인 ******************/
/* 수강신청 */
.bg_fix .floating_menu{position:fixed;top:35px;left:0;z-index:5}
.products_menu{width:100%;height:40px;background:#fff;box-shadow:1px 1px 3px #ddd}
.products_menu li{float:left;width:25%;height:40px}
.products_menu.w5 li{width:20%}
.products_menu li:before{display:inline-block;position:relative;top:8px;width:1px;height:15px;background:#ddd;content:'';vertical-align:middle}
.products_menu li:first-child:before{background:none}
.products_menu li a{display:block;width:100%;height:100%;margin-top:-21px;color:#666;font-size:12px;text-align:center;line-height:40px}
.products_menu li a.on{color:#2f62cb}
.products_ext_bt{margin:7px 10px;background:#121212}
.products_ext_bt a{display:block;padding:15px 0;color:#fff;font-size:14px;text-align:center}
.products_ext_bt .bd{padding-left:10px;color:#2fdfff}
.products_ext_bt i{display:inline-block;width:30px;height:28px;background:#121212 url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_products_ext.png) 0 0 no-repeat;background-size:30px;vertical-align:middle}
.products_section .lec_cate_area{padding:0 0 4px}
.products_section .lec_area .lec_img{border:1px solid #ddd}
.products_section.ext .lec_cate_area.thumb_type .bbs_area .bbs_list .lec_info{min-height:auto;padding:0 14px}
.products_section.ext .lec_cate_area.thumb_type .bbs_area .bbs_list .lec_info:before{display:block;width:100%;height:1px;background:#eee;content:'';vertical-align:middle}
.products_section.ext .lec_cate_area.thumb_type .bbs_area .bbs_list .lec_info dt{padding:9px 0}
.products_section.ext .lec_area .bbs_area .bbs_list .bt_group a{width:49.8%}
.products_section.ext .notice_area{padding:15px 20px;border-bottom:1px solid #d1d1d1}
.products_section.ext .notice_area dl{}
.products_section.ext .notice_area dt{padding-bottom:3px;font-size:12px;font-weight:bold;color:#000}
.products_section.ext .notice_area dd{font-size:11px;letter-spacing:-1px;color:#666}

.lec_cate_area{padding:4px 0}
.lec_cate_area .cate_tit{margin:7px 10px 0 10px;padding:10px;border:1px solid #ddd;border-bottom:0;background:#fff;color:#333;font-size:12px}
.lec_cate_area .cate_tit:first-of-type{margin-top:0}
/* 수강신청 :뷰 */
.products_section .movie_view .video_thumb{position:relative;cursor:pointer}
.products_section .movie_view .video_thumb i.play{display:block;position:absolute;top:50%;left:50%;width:35px;height:35px;margin:-17px 0 0 -17px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_play_w.png) no-repeat;background-size:contain}
.products_section .movie_view .video_thumb .sample{display:block;position:absolute;top:0;left:0;width:60px;height:30px;background:rgba(0,0,0,7);color:#eee;font-size:12px;text-align:center;line-height:30px}
.products_section .movie_view .video_thumb img{width:100%}
.products_section .detail_contents{background:#eee;padding-bottom:50px}
.products_section .detail_contents .card_info{padding:0 10px;color:#9a9a9a;font-size:12px}
.products_section .detail_contents .card_info a{display:block;position:relative;height:40px;padding:0 10px;border-top:1px solid #ddd;background:#fafafa;color:#666;font-size:12px;line-height:34px}
.products_section .detail_contents .card_info .more{position:absolute;top:6px;right:10px;height:23px;padding:0 5px;border:1px solid #ccc;border-radius:3px;background:linear-gradient(#feffff, #f3f3f3);color:#666;font-size:12px;text-align:center;line-height:23px}

.detail_contents .sns_area{margin:0 10px;padding:5px 0;border-bottom:1px solid #ddd;background:#fff;overflow:hidden;text-align:center}
.detail_contents .sns_area li{display:inline}
.detail_contents .sns_area li a{display:inline-block;width:30px;height:30px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_sns_bg.png) no-repeat;background-size:auto 30px;text-indent:-999em}
.detail_contents .sns_area li.s1 a{background-position:0 0}
.detail_contents .sns_area li.s2 a{background-position:-40px 0}
.detail_contents .sns_area li.s3 a{background-position:-79px 0}
.detail_contents .sns_area li.s4 a{background-position:-118px 0}
.detail_contents .sns_area li.s5 a{background-position:-156px 0}
.detail_contents .sns_area li.s6 a{background-position:-195px 0}

.products_section .tabs{margin-top:7px}
.products_section .tab_content{background:#fff}
.products_section .tab_content.info{padding:0 0 30px}
.products_section .tab_content.desc{padding:0}
.products_section .tab_content.desc img{width:100%}
.products_section .tab_content.info .info_list{position:relative;margin-top:15px}
.products_section .tab_content.info .info_list{padding:0 15px;overflow:hidden;font-size:12px;line-height:1.6}
.products_section .tab_content.info .info_list dt{position:absolute;left:15px;color:#9a9a9a}
.products_section .tab_content.info .info_list dd{margin-left:85px;color:#666}
.products_section .tab_content.post{background:#eee}
.products_section .tab_content.post .post_list{margin-bottom:10px;padding:10px;background:#fff;box-shadow:1px 1px 3px #ddd}
.products_section .tab_content.post .post_list li{position:relative;border-bottom:1px solid #eee;overflow:hidden}
.products_section .tab_content.post .post_list li:last-child{border-bottom:0}
.products_section .tab_content.post .post_list li .cont{padding:10px 0;color:#666;font-size:12px;line-height:1.3}
.products_section .tab_content.post .post_list li .info{margin-top:10px;overflow:hidden}
.products_section .tab_content.post .post_list li .name{float:left;color:#999;font-size:12px}
.products_section .tab_content.post .post_list li .date{float:right;color:#999;font-size:12px}
.products_section .tab_info .list{position:relative;padding:15px 0;border-bottom:1px solid #f2f2f2;overflow:hidden;line-height:1.2}
.products_section .tab_info .list dt{position:absolute;top:15px;left:0;color:#333;font-size:12px}
.products_section .tab_info .list dd{margin-left:70px;color:#666;font-size:11px}

.products_section .bbs_area .bbs_list4{padding-bottom:10px}
.products_section .product_bnr{padding:20px 20px 0;background:#fff}
.prod_option{position:fixed;bottom:110px;right:0;z-index:97;width:63px}
.prod_option img{width:100%;height:100%}
.products_section .note_area{background:#fff;padding:10px 20px}
.products_section .note_info{position:relative;border:1px solid #ccc;padding:10px 8px;background:#fff}
.products_section .note_info .txt{padding-left:15px;color:#000;font-size:12px}
.products_section .note_info .i{display:inline-block;position:absolute;top:12px;left:10px;width:12px;height:12px;content:'';background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_prod_info.png) center center no-repeat;background-size:cover}
.products_section .note_info .note_list{margin-top:3px;overflow:hidden}
.products_section .note_info .note_list li{color:#555;font-size:10px;line-height:1.6}
.products_section h3.tit{background:#fff url(//siwon-cdn.siwonschool.com/img/www/v3/comm/tit_bgline.gif) repeat-x left 50%;background-size:auto 5px;color:#000;font-size:15px;font-weight:bold;text-align:center}
.products_section h3.tit .subject{display:inline-block;background:#fff;padding:0 15px}

/* 결제하기 */
.payment_contents{position:relative;padding:12px 0 30px 0;background:#eee}
.payment_contents .info_cont{background:#fff;overflow:hidden}
.payment_contents .payment_info{margin-bottom:7px}
.payment_contents .payment_info.total_info{padding-bottom:6px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/bg_total.png) repeat-x left bottom;background-size:9px auto}
.payment_contents .payment_info h3{position:relative;padding:12px 15px;border-bottom:1px solid #ddd;background:#fff;font-size:13px;font-weight:bold;line-height:18px;color:#333}
.payment_contents .payment_info.total_info h3{border-top:1px solid #5e99d7}
.payment_contents .payment_info h3 .tt{margin-left:5px;color:#d71818;font-size:11px;letter-spacing:-1px}
.payment_contents .payment_info h3.tit_info .arw{display:block;position:absolute;top:50%;right:15px;width:18px;height:18px;margin-top:-9px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/arw_cate.png) no-repeat 0 0;background-size:18px auto;cursor:pointer;overflow:hidden}
.payment_contents .payment_info h3.tit_info .in{display:block;margin-top:5px;font-size:11px;font-weight:400;letter-spacing:-0.03em}
.payment_contents .payment_info h3.tit_info .in i{display:inline-block;width:13px;height:13px;margin-right:3px;background:url('//siwon-cdn.siwonschool.com/comm/ico/ico_info_20x20_666.png') no-repeat 0 0 / 100% 100%;vertical-align:text-bottom}
.payment_contents .payment_info h3.tit_info .in button{margin-left:6px;color:#999;font-size:inherit}
.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/toeic/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.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{background-position:0 -18px}
.payment_contents .payment_info h3 .view{display:none;position:absolute;top:12px;right:40px;color:#d71818;font-size:13px;font-weight:normal}
.payment_contents .payment_info h3 .type-checkbox{width:100%;color:#333;font-size:13px}
.payment_contents .payment_info h3 .type-checkbox.checked{background-position:0 -60px}
.payment_contents .payment_info .order_list{padding:0 15px;background:#fafafa}
.payment_contents .payment_info .order_list li{position:relative;padding:14px 0;border-bottom:1px solid #eee;color:#666;font-size:13px}
.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;color:#999;font-size:11px}
.payment_contents .payment_info .order_list li .price_info{display:block;position:absolute;top:50%;right:0;height:26px;margin-top:-13px;font-size:10px}
.payment_contents .payment_info .order_list li .price{color:#333;font-weight:bold;font-size:13px}
.payment_contents .info_cont .pay_tab{padding:0 3%;text-align:center;box-sizing:border-box}
.payment_contents .info_cont .pay_tab li{float:left;margin:10px 0;width:50%;height:30px;line-height:30px;color:#999;font-size:12px;background:#fafafa;border:1px solid #ccc;box-sizing:border-box}
.payment_contents .info_cont .pay_tab li.on{background:#477deb;color:#fff;border:1px solid #477deb}
.payment_contents .info_cont .pay_tab li:first-child{border-radius:3px 0 0 3px}
.payment_contents .info_cont .pay_tab li:last-child{border-left:0;border-radius:0 3px 3px 0}
.payment_contents .buyer_info{padding:7px 15px;background:#fafafa}
.payment_contents .buyer_info li{position:relative;padding:14px 0;border-bottom:1px solid #eee;font-size:12px;overflow:hidden}
.payment_contents .buyer_info li:last-child{border-bottom:0}
.payment_contents .buyer_info li .th{display:inline-block;position:absolute;top:11px;left:0;width:75px;color:#666}
.payment_contents .buyer_info li .td{display:inline-block;float:right;margin-left:75px;color:#333}
.payment_contents .select_adds{padding:10px 10px 5px 10px;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:7px;overflow:hidden}
.payment_contents .adds_list .input_st1,
.payment_contents .adds_list .select_st1,
.payment_contents .adds_list .textarea_st1{width:100%;padding-top:.5em !important;padding-bottom:.5em !important}
.payment_contents .adds_list dl{overflow:hidden;position:relative;margin-bottom:5px}
.payment_contents .adds_list dt{display:inline-block;position:absolute;top:0;left:0;width:70px;color:#666;font-size:.9rem;line-height:2em}
.payment_contents .adds_list dd{width:100%;padding-left:80px;box-sizing:border-box}
.payment_contents .adds_list dd .btn_my{display:inline-block;width:34%;height:30px;margin-left:1%;background:linear-gradient(#8d8d8d, #767676);border-radius:3px;color:#fff;font-size:12px;line-height:30px;vertical-align:middle;text-align:center}
.payment_contents .adds_list dd.phone .select_st1,
.payment_contents .adds_list dd.phone .input_st1{width:31%}
.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:30px;margin-left:1%;background:linear-gradient(#8d8d8d, #767676);border-radius:3px;color:#fff;font-size:12px;line-height:30px;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:12px}
.payment_contents .adds_list dd.memo .textarea_st1{height:80px}
.payment_contents .adds_list dd.memo .check{display:block;line-height:1.2}
.payment_section .payment_contents .adds_list dd.memo .type-checkbox{color:#999;font-weight:normal;font-size:11px}
.payment_contents .total_pay{padding:15px 15px 5px}
.payment_contents .total_pay li{margin-bottom:10px;font-size:12px;overflow:hidden}
.payment_contents .total_pay li .th{float:left;color:#666}
.payment_contents .total_pay li .td{float:right;color:#333;font-size:11px}
.payment_contents .total_pay li .td strong{font-size:13px}
.payment_contents .total_pay li .td strong.minus{color:#d71818}
.payment_contents .total_pay li.total_sale{margin-top:10px;padding-top:10px;border-top:1px dotted #ddd}
.payment_contents .total{display:block;margin:0 15px 0;padding:13px 0;border-top:1px solid #ddd;color:#333;font-size:13px;font-weight:bold;overflow:hidden}
.payment_contents .total .tt{float:left}
.payment_contents .total .pay{float:right;font-size:11px;font-weight:normal}
.payment_contents .total .pay strong{color:#d71818;font-size:13px}
.payment_section .payment_contents .pay_select{background:#fff}
.payment_section .payment_contents .pay_select:after{clear:both;content:'';display:block}
.payment_section .payment_contents .pay_select li{position:relative;float:left;margin-top:-1px;width:33.33%;height:50px;/*border-bottom:1px solid #eee;border-left:1px solid #eee;*/box-sizing:border-box;background:#fff;text-align:center;line-height:1.2;border:1px solid #ccc;border-left:0}
.payment_section .payment_contents .pay_select li:first-child{width:33.34%}
.payment_section .payment_contents .pay_select li:nth-child(3n){border-right:0}
.payment_section .payment_contents .pay_select li.w100{width:100%;}
.payment_section .payment_contents .pay_select label{display:block;width:100%;height:100%;padding:0;font-size:13px;line-height:3.5}
.payment_section .payment_contents .pay_select li .checked span{color:#477deb}
.payment_section .payment_contents .pay_select li i{display:none}
.payment_section .payment_contents .pay_select li .checked i{display:inline-block;position:absolute;left:50%;bottom:-5px;width:9px;height:5px;margin-left:-3px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/arw_blue.png) no-repeat;background-size:auto 5px}
.payment_section .payment_contents .pay_select li .s1{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_pay1_off.png) no-repeat center 12px;background-size:auto 18px}
.payment_section .payment_contents .pay_select li .s2{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_pay3_off.png) no-repeat center 12px;background-size:auto 14px}
.payment_section .payment_contents .pay_select li .s3{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/ico_pay2_02.png) no-repeat center 10px;background-size:auto 24px}
.payment_section .payment_contents .pay_select li .s4{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/pay_naver.png) no-repeat center 12px;background-size:auto 20px}
.payment_section .payment_contents .pay_select li .s5{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/pay_payco.png) no-repeat center 16px;background-size:auto 10px}
.payment_section .payment_contents .pay_select li .s6{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/pay_samsung.png) no-repeat center 18px;background-size:auto 9px}
.payment_section .payment_contents .pay_select li.checked{background:#477deb;border:1px solid #477deb;font-weight:bold;color:#fff}
.payment_section .payment_contents .pay_select li span{display:block;padding-top:20px;color:#666;font-size:14px;letter-spacing:-1px}
.payment_section .payment_contents .pay_select li .toss_tip{margin-right:50%;display:block;position:absolute;top:28px;right:-49px;width:150px}
.payment_section .payment_contents .pay_select li .toss_tip img{width:100%}
.payment_section .payment_contents .noti{display:none;border-top:7px solid #eee;padding:10px 15px;background:#fafafa;color:#666;font-size:12px;text-align:left;line-height:1.6}
.payment_section .payment_contents .noti .wrap_receipt{margin-top:15px;border-top:1px solid #eee}
.payment_section .payment_contents .noti .wrap_receipt p.tit{padding:15px 0 12px;font-size:12px;color:#000}
.payment_section .payment_contents .noti .wrap_receipt .ck_box span{display:inline-block;padding-left:12px}
.payment_section .payment_contents .noti .wrap_receipt .ck_box span:first-child{padding-left:0}
.payment_section .payment_contents .noti .wrap_receipt .ck_box label{display:inline-block}
.payment_section .payment_contents .noti .wrap_receipt p[class^="receipt"]{overflow:hidden;padding-top:15px}
.payment_section .payment_contents .noti .wrap_receipt p[class^="receipt"] select{float:left}
.payment_section .payment_contents .noti .wrap_receipt p[class^="receipt"] select +input{float:right}
.payment_section .payment_contents .noti .wrap_receipt p[class^="receipt"] span.txt2{display:inline-block;line-height:30px;font-size:12px}
.payment_section .payment_contents .card_txt{position:relative;font-size:11px;text-align:left;line-height:1.7}
.payment_section .payment_contents .card_txt .detail_cards{display:inline-block;padding:0px 5px;height:20px;border:1px solid #666;line-height:20px;border-radius:5px;background:#666;font-size:11px;color:#fff}
.payment_section .payment_contents .card_img{display:block;padding:15px 25px 0;text-align:center}
.payment_section .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 -65px}
.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:3px;background:linear-gradient(#d94239, #b42320);color:#fff;font-size:12px;text-align:center;line-height:24px;vertical-align:middle}
.payment_section .payment_contents .enter_input{padding:7px 15px}
.payment_section .payment_contents .enter_input input{width:65%}
.payment_section .payment_contents .enter_input .btn_enter{display:inline-block;width:34%;height:30px;margin-left:1%;background:linear-gradient(#d94239, #b42320);border-radius:3px;color:#fff;font-size:12px;line-height:30px;vertical-align:middle;text-align:center}

/* 결제 완료 */
.payment_section .payment_contents .payment_info .sale_list{padding:0 15px}
.payment_section .payment_contents .payment_info .sale_list li{position:relative;padding:20px 0;color:#666;font-size:13px}
.payment_section .payment_contents .payment_info .sale_list li .subject{display:block;padding-right:70px;line-height:1.2}
.payment_section .payment_contents .payment_info .sale_list li .price_info{display:block;position:absolute;top:50%;right:0;height:26px;margin-top:-13px;font-size:11px}
.payment_section .payment_contents .payment_info .sale_list li .price{color:#333;font-size:13px;font-weight:bold}
.payment_contents .adds_info{padding:7px 15px;background:#fafafa}
.payment_contents .adds_info li{position:relative;padding:10px 0;border-bottom:1px solid #eee;font-size:12px;overflow:hidden}
.payment_contents .adds_info li:last-child{border-bottom:0}
.payment_contents .adds_info li .th{display:inline-block;position:absolute;top:11px;left:0;width:75px;color:#666}
.payment_contents .adds_info li .td{display:inline-block;margin-left:75px;color:#333}
.payment_section .payment_contents .finish_info{margin:0 10px 10px 10px;padding:0 15px 15px 15px;border-top:2px solid #477deb;background:#fff}
.payment_section .payment_contents .finish_info .tit_finish{padding:14px 0;color:#333;font-size:13px;text-align:center;font-weight:bold}
.payment_section .payment_contents .finish_desc .info_list{margin-bottom:5px;padding:12px 10px;background:#f2f8ff;overflow:hidden}
.payment_section .payment_contents .finish_desc li{clear:both;position:relative;font-size:12px;line-height:1.6}
.payment_section .payment_contents .finish_desc li .th{display:inline-block;position:absolute;top:0;left:0;width:110px;color:#666}
.payment_section .payment_contents .finish_desc li .td{display:inline-block;margin-left:110px;color:#2f62cb;font-weight:bold}
.payment_section .payment_contents .finish_desc li .td.price{color:#2f62cb;font-size:10px;font-weight:normal}
.payment_section .payment_contents .finish_desc li .td.price strong{color:#2f62cb;font-size:12px}
.payment_section .payment_contents .finish_desc .number_box{padding:12px 10px;border:1px solid #97beff;background:#fff;color:#333;font-size:13px;text-align:center}
.payment_section .payment_contents .finish_desc .number_box .number{margin-left:10px;color:#2f62cb}
.payment_section .payment_contents .back_box{padding:7px 12px;overflow:hidden}
.payment_section .payment_contents .back_box .btn{display:inline-block;width:49.4%;margin:0 .3%}

/* 레벨테스트 */
.about_section .leveltest_area{padding:15px 10px 0px 10px;background:#eee}
.about_section .leveltest_area.bg_white{background:#fff !important}
.about_section .leveltest_area .intro_txt{margin-top:15px;text-align:center;font-size:13px}
.about_section .leveltest_area .intro_txt .noti{display:block;color:#333;font-size:15px;font-weight:bold}
.about_section .leveltest_area .intro_txt .info{display:block;margin-top:10px;color:#666;font-size:12px}
.about_section .leveltest_area .intro_txt .txt{display:block;padding-bottom:15px;color:#999}
.about_section .leveltest_area .intro_txt .intro_info{position:relative;padding:15px 15% 20px 15%}
.about_section .leveltest_area .intro_txt .intro_info i.play{display:block;position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-46px 0 0 -16px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_play_w.png) no-repeat;background-size:32px auto}
.about_section .leveltest_area .intro_txt .intro_info img{width:100%}
.about_section .leveltest_area .intro_txt .bt_start .label_ev{position:absolute;right:5%;top:-75px;width:100px}
.about_section .leveltest_area .step_box{background:#f2f2f2}
.about_section .leveltest_area .step_box .tit_level{width:95px;height:17px;margin:0 auto;border:1px solid #de3a43;border-radius:20px;color:#de3a43;font-size:11px;text-align:center;line-height:18px}

.about_section .leveltest_area .result_txt{display:block;padding:12px 0;color:#333;font-size:13px;font-weight:bold;text-align:center}
.about_section .leveltest_area .result_txt .name{color:#333}
.about_section .leveltest_area .result_level{border-top:2px solid #477deb;background:#fff}
.about_section .leveltest_area .result_box{margin:0 15px;padding-top:15px;border:1px solid #97beff}
.about_section .leveltest_area .lv_result{width:140px;margin:0 auto;padding-bottom:1px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/bg_leveltest_finish.png) no-repeat center 30px;background-size:106px auto;color:#333;font-size:17px;text-align:center;letter-spacing:-1px}
.about_section .leveltest_area .lv_result .lv{display:block;height:75px;margin-top:30px;color:#333;font-size:12px;font-weight:bold}
.about_section .leveltest_area .lv_result .lv em{display:block;padding-top:0px;color:#b6924c;font-size:17px;font-weight:bold}
.about_section .leveltest_area .lv_result .total{display:block;color:#333;font-size:13px;font-weight:bold}
.about_section .leveltest_area .lv_result .total .num{color:#2f62cb}
.about_section .leveltest_area .result_exp{padding:5px 0 0 0;background:#fff;box-shadow:1px 1px 3px #ddd;text-align:center}
.about_section .leveltest_area .result_exp .bt_group{padding:0 15px}
.about_section .leveltest_area .result_exp .desc{margin-top:15px;padding:15px;border-top:1px solid #eee;background:#fafafa;color:#333;font-size:12px;text-align:left;line-height:1.4}
.about_section .leveltest_area .result_exp .desc .em{color:#2f62cb}
.about_section .leveltest_area .special_box{padding:40px 0 20px 0;text-align:center}
.about_section .leveltest_area .special_box .tit_sp{display:block;color:#de3a43;font-size:11px}
.about_section .leveltest_area .special_box .sp_info{display:block;margin-top:5px;color:#333;font-size:15px}
.about_section .leveltest_area .lec_area .bbs_area{margin-bottom:10px;border:1px solid #e3e3e3;background:#fff}
.about_section .leveltest_area .bt_st2{background:#999}
.about_section .leveltest_area .lv_test_bts{text-align:center}
.about_section .leveltest_area .bt_st2.bt_leveltest{background:#2f62cb;width:48%;display:inline-block}
.about_section .leveltest_area .bt_st2.bt_leveltest_prev{width:48%;display:inline-block}
.about_section .leveltest_area .quiz_tit{margin-bottom:10px;text-align:center}
.about_section .leveltest_area .quiz_tit_v2{border:1px solid #2f62cb;width:85%;height:30px;line-height:30px;color:#2f62cb;text-align:center;font-size:12px;margin:0 auto}
.about_section .leveltest_area .char_q{font-size:16px;color:#000;line-height:20px;margin-top:20px;margin-bottom:30px;text-align:center}
@media screen and (max-width:350px){
    .about_section .leveltest_area .quiz_tit_v2{
        font-size:11px;letter-spacing:-1px;
    }
}
.about_section .leveltest_area .quiz_tit span{display:inline-block;margin:0 auto;padding:5px 20px;background:#666;border-radius:15px;color:#fff;font-size:13px;text-align:center}
.about_section .leveltest_area .mov_slide{padding:0 0 10px 0;text-align:center}
.about_section .leveltest_area .mov_slide p.info{padding:6px 0;color:#333;font-size:18px;letter-spacing:-1px}
.about_section .leveltest_area .mov_slide .input,.about_section .leveltest_area .mov_slide .select_st1{display:inline-block;width:auto;height:45px;position:relative;top:-3px;padding:0 5px;border:1px solid #999;border-radius:0;color:#999;font-size:16px;vertical-align:middle;line-height:45px}
.about_section .leveltest_area .mov_slide .q_box.on{ display: inline; }
.about_section .leveltest_area .mov_slide .q_box { display: none; }
.about_section .leveltest_area .mov_slide .q_box_quiz dt{color:#333;font-size:15px}
.about_section .leveltest_area .mov_slide .q_box_quiz dd{padding:15px 0;color:#2f62cb;font-size:18px}
.about_section .leveltest_area .mov_slide .a_area{margin:0 -10px;overflow:hidden;background:#fff;text-align:left;box-shadow:1px 1px 3px #ccc}
.about_section .leveltest_area .mov_slide .a_area li{padding:8px 10px;border-bottom:1px solid #eee;color:#333;font-size:13px}
.about_section .leveltest_area .mov_slide .a_area li:last-child{border-bottom:0}
.about_section .leveltest_area .mov_slide .a_area label.type-radio{display:block}

.about_section .leveltest_recomm{padding:15px 10px 30px 10px;background:#eee}
.about_section .leveltest_recomm .box_st1{box-shadow:1px 1px 3px #ddd;text-align:center;background:#fff}
.about_section .leveltest_recomm .wrap_prod li{margin-top:8px;padding:0 5%}
.about_section .leveltest_recomm .wrap_prod li .info{padding:25px 0;border-top:2px solid #eaeaea}
.about_section .leveltest_recomm .wrap_prod li .info .tit{margin-bottom:10px;text-align:left;font-size:18px;color:#2f62cb;letter-spacing:-1px}
.about_section .leveltest_recomm .wrap_prod li .info .price{text-align:right}
.about_section .leveltest_recomm .wrap_prod li .info .price strong{font-weight:bold;font-size:26px;color:#333;letter-spacing:-2px}
.about_section .leveltest_recomm .wrap_prod li .info .price span{font-size:12px;color:#999}
.about_section .leveltest_recomm .wrap_prod a{display:block;width:100%;height:40px;/*margin-left:-1px;*/text-align:center;line-height:40px;font-weight:bold;font-size:14px;color:#fff;background:#2f62cb}
.about_section .leveltest_recomm .wrap_coupon_noti{padding:10px 7px;margin-top:13px;background:#ddd}
.about_section .leveltest_recomm .wrap_coupon_noti dt{padding-bottom:3px;font-size:11px;font-weight:bold;color:#666}
.about_section .leveltest_recomm .wrap_coupon_noti dd{padding-bottom:2px;font-size:11px;color:#666}

.about_section .leveltest_area .mov_slide .c_box.on{ display: inline; }
.about_section .leveltest_area .mov_slide .c_box { display: none; }
.about_section .leveltest_area .leveltest_quiz .ox{overflow:hidden;width:300px;margin:0 auto;margin-bottom:20px;position:relative}
.about_section .leveltest_area .leveltest_quiz .ox input{position:absolute;left:-9999px}
.about_section .leveltest_area .leveltest_quiz .ox label{cursor:pointer;display:block;margin:0 auto;font-size:0px;text-indent:-999px}
.about_section .leveltest_area .leveltest_quiz .ox .o_selec{float:left;width:50%}
.about_section .leveltest_area .leveltest_quiz .ox .o_selec label{width:100%;height:117px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/label_o_off.gif) no-repeat 0 0}
.about_section .leveltest_area .leveltest_quiz .ox .o_selec label.on{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/label_o_on.gif) no-repeat 0 0}
.about_section .leveltest_area .leveltest_quiz .ox .x_selec{float:left;width:50%}
.about_section .leveltest_area .leveltest_quiz .ox .x_selec label{width:100%;height:117px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/label_x_off.gif) no-repeat 0 0}
.about_section .leveltest_area .leveltest_quiz .ox .x_selec label.on{background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/label_x_on.gif) no-repeat 0 0}
.about_section .leveltest_area .leveltest_quiz .ox .bg_ox_line{position:absolute;top:0px;left:50%;z-index:10;display:block;width:1px;height:101px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/bg_ox_line.png) no-repeat 0 0}
.about_section .leveltest_area .leveltest_quiz .char_pager{margin-bottom:20px}
.about_section .leveltest_area .leveltest_quiz .char_btns{width:100%;text-align:center;padding-bottom:30px}
.about_section .leveltest_area .leveltest_quiz .char_btns .c_prev{display:inline-block;width:40%;border:1px solid #2f62cb;color:#2f62cb;height:30px;line-height:30px;border-radius:15px;text-align:center;font-size:14px}
.about_section .leveltest_area .leveltest_quiz .char_btns .c_next{display:inline-block;width:40%;border:1px solid #2f62cb;background:#2f62cb;color:#fff;height:30px;line-height:30px;border-radius:15px;text-align:center;font-size:14px}
.about_section .leveltest_area .leveltest_quiz .char_btns .c_quit{display:inline-block;width:40%;border:1px solid #2f62cb;background:#2f62cb;color:#fff;height:30px;line-height:30px;border-radius:15px;text-align:center;font-size:14px}
.about_section .leveltest_area .result_level .char_result{text-align:center;margin-top:20px}
.about_section .leveltest_area .result_level .char_result>.title{color:#333;font-size:16px;font-weight:bold;letter-spacing:-1px}
.about_section .leveltest_area .result_level .char_result>.title>span{color:#2f62cb;text-decoration:underline}
.about_section .leveltest_result_area{padding:0 10px;background:#eee}
.about_section .leveltest_result_area .result_txt{padding:10px 4% 7%;background:#fff;font-size:13px;color:#333;line-height:18px}

.about_section .leveltest_area_v1{background:#fff}
.about_section .leveltest_area_v1 .inner{width:90.625%;margin:0 auto}
.about_section .leveltest_area_v1 .bt_test{width:100%}
.about_section .leveltest_area_v1 .bt_test:after{content:"";display:table;clear:both}
.about_section .leveltest_area_v1 .bt_test li {float:left; width:49%;position:relative}
.about_section .leveltest_area_v1 .bt_test li a{display:block}
.about_section .leveltest_area_v1 .bt_test li a img{width:100%}
.about_section .leveltest_area_v1 .bt_test li:first-child{float:left}
.about_section .leveltest_area_v1 .bt_test li:last-child{float:right}
.about_section .leveltest_area_v1 .bt_test li .evt_ing{position:absolute;width:27%;right:-7.586%;top:-20%}
.about_section .leveltest_area_v1 .line_ban{width:100%}

/* 마이페이지 :쿠폰 레이어 */
.coupon_page .coupon_area{padding-top:40px}
.coupon_page .coupon_input .input_box{padding:10px;border:1px solid #fac5c5;background:#ffe1e1}
.coupon_page .coupon_input .input_st1{width:100%;height:37px;border:2px solid #d71818;line-height:37px}
.coupon_page .coupon_input .bt_box{padding:10px}
.coupon_page .coupon_input .bt_st1{width:100%}
.coupon_page .coupon_list{padding:0 10px}
.coupon_page .coupon_box{position:relative;height:78px;margin-bottom:7px;overflow:hidden;background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/comm/coupon_left_bg.png) no-repeat left top;background-size:auto 78px;box-sizing:border-box}
.coupon_page .coupon_box .in{position:relative;width:100%;margin:8px 0 0 10px;padding-right:106px;background:#fff;box-sizing:border-box}
.coupon_page .coupon_box .in .tit{position:absolute;top:-3px;left:50%;width:100px;margin-left:-106px}
.coupon_page .coupon_box .in .tit img{width:100px}
.coupon_page .coupon_box .in dl{width:100%;height:63px;padding:10px 5px;border:1px solid #eee;box-sizing:border-box;text-align:center}
.coupon_page .coupon_box .in .subject{color:#333;font-size:11px;line-height:1.2}
.coupon_page .coupon_box .price{position:absolute;top:0;right:0;width:88px;height:78px;padding-right:10px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/coupon_right_bg.png) no-repeat right top;background-size:88px auto;box-sizing:border-box;color:#d71818;font-size:9px;text-align:right;line-height:78px}
.coupon_page .coupon_box .date{margin-top:6px;color:#d71818;font-size:11px}
.coupon_page .coupon_box .price strong{font-size:16px}
.coupon_page .coupon_avail{display:none;position:relative;margin-bottom:10px;padding:10px 25px 10px 10px;border:1px solid #ccc}
.coupon_page .coupon_avail li{padding-top:5px;font-size:11px}
.coupon_page .coupon_avail li:first-child{padding-top:0}
.coupon_page .coupon_avail strong{display:block;color:#000}
.coupon_page .coupon_avail .bt_close{display:inline-block;position:absolute;top:50%;right:10px;margin-top:-11px;width:11px;height:11px}
.coupon_page .coupon_avail .bt_close img{display:inline-block;width:100%;height:auto}
.coupon_page .noti{margin:10px;padding:96px 0 15px 0;background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_coupon_no.png) no-repeat center 18px;background-size:69px auto;box-shadow:1px 1px 3px #ccc;box-sizing:border-box;color:#333;font-size:13px;font-weight:bold}

/* 라이브챗 소개(화상영어 v2) */
.livechat_section .int_lvc .info{padding:30px 10px;background:#efefef}
.livechat_section .int_lvc .info .tit{padding-bottom:10px;margin-bottom:20px;border-bottom:2px solid #000;font-size:18px;color:#1f3154;font-weight:bold;line-height:1;background:none}
.livechat_section .int_lvc .info dl{position:relative;min-height:25px;padding:0 0 20px 95px}
.livechat_section .int_lvc .info dt{position:absolute;top:0;left:0;width:75px;height:30px;font-size:14px;color:#fff;line-height:30px;background:#53617b;text-align:center}
.livechat_section .int_lvc .info dd{font-size:13px;color:#555;line-height:1.6}
.livechat_section .int_lvc .info dd.single{padding-top:5px}
.tel_section .intro_tel .feature li{float:left;width:25%}
/* 화상영어 과정 소개 */
.livechat_section{background:#fff}
.livechat_section .loadmap_tit{padding:15px 0;font-size:20px;color:#313b3d;font-weight:bold;text-align:center}
.livechat_section .loadmap_tit .fc_blue{color:#2f62cb}
.livechat_section .tel_loadmap{margin:0 15px 30px;border-bottom:2px solid #313b3d}
.livechat_section .tel_loadmap .note{position:relative;height:23px;margin-bottom:5px;font-size:12px;color:#fff;font-weight:bold;line-height:23px;text-align:center;background:#777}
.livechat_section .tel_loadmap .note::before{position:absolute;top:5px;left:10px;width:6px;height:11px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/bt_lvc_nav2.png) left center no-repeat;background-size:cover;content:''}
.livechat_section .tel_loadmap .note::after{position:absolute;top:5px;right:10px;width:6px;height:11px;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/bt_lvc_nav2.png) right center no-repeat;background-size:cover;content:''}
.livechat_section .tel_loadmap .loadmap_th{overflow:hidden;height:23px;margin-bottom:1px;background:#000}
.livechat_section .tel_loadmap .loadmap_th p{height:100%;background:#000;color:#fff;text-align:center;line-height:23px;font-size:11px;margin-left:70px;border-left:1px solid #fff}
.livechat_section .tel_loadmap .loadmap{position:relative}
.livechat_section .tel_loadmap .loadmap .cate{position:absolute;top:0;left:0;z-index:1;width:70px;box-shadow:3px 0 5px rgba(0,0,0,0.2)}
.livechat_section .tel_loadmap .loadmap .cate_list li{position:relative;font-size:11px;color:#fff;text-align:center;border-top:1px dotted #e3e3e3;vertical-align:middle}
.livechat_section .tel_loadmap .loadmap .cate_list li span{position:absolute;top:50%;left:0;width:100%;margin-top:-7px}
.livechat_section .tel_loadmap .loadmap .cate_list li.h1{height:23px}
.livechat_section .tel_loadmap .loadmap .cate_list li.h2{height:47px}
.livechat_section .tel_loadmap .loadmap .cate_list li.h3{height:71px}
.livechat_section .tel_loadmap .loadmap .cate_list li.h4{height:95px}
.livechat_section .tel_loadmap .loadmap .cate_list li.st1{color:#000;background:#28d3cb}
.livechat_section .tel_loadmap .loadmap .cate_list li.st2{background:#347ad2}
.livechat_section .tel_loadmap .loadmap .cate_list li.st3{background:#2b55cd}
.livechat_section .tel_loadmap .loadmap .cate_list li.st4{background:#2336ad}
.livechat_section .tel_loadmap .loadmap .lec_list{overflow:auto;padding-left:69px}
.livechat_section .tel_loadmap .loadmap .lec_list .tit{height:15px;background:#000;color:#fff;text-align:center}
.livechat_section .tel_loadmap .loadmap .lec_list ol{width:592px}
.livechat_section .tel_loadmap .loadmap .lec_list li{position:relative;height:23px;border-top:1px dotted #e3e3e3;background:url(//siwon-cdn.siwonschool.com/img/www/m/sub/tit_lvc_loadmap.gif) right top repeat-y;background-size:cover}
.livechat_section .tel_loadmap .loadmap .lec_list li a{display:inline-block;position:absolute;top:0;height:100%;font-size:11px;color:#fff;text-align:center;line-height:23px}
.livechat_section .tel_loadmap .loadmap .lec_list li a.st1{color:#000;background:#28d3cb}
.livechat_section .tel_loadmap .loadmap .lec_list li a.st2{background:#347ad2}
.livechat_section .tel_loadmap .loadmap .lec_list li a.st3{background:#2b55cd}
.livechat_section .tel_loadmap .loadmap .lec_list li a.st4{background:#2336ad}
.livechat_section .tel_loadmap .loadmap .lec_list li a.w2{width:15.38%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.w3{width:23.07%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.w4{width:30.76%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.w5{width:38.45%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.w6{width:46.14%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.w7{width:53.83%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l1{left:0}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l2{left:7.69%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l3{left:15.38%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l4{left:23.07%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l5{left:30.76%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l6{left:38.45%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l7{left:46.14%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l8{left:53.83%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l9{left:61.52%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l10{left:69.21%}
.livechat_section .tel_loadmap .loadmap .lec_list li a.l11{left:76.90%}
.livechat_section .bt_quick_go{position:relative;margin-top:11px;margin-left:15px;margin-right:15px;padding-bottom:11px;border-top:1px solid #eee}
.livechat_section .bt_quick_go .bt{display:inline-block;position:absolute;top:-12px;left:50%;margin-left:-12px;width:23px;height:23px}
.livechat_section .wrap_lec_intro{position:relative;margin-top:30px}
.livechat_section .wrap_lec_intro .lec_intro{display:none;margin:0 15px;padding-bottom:30px}
.livechat_section .wrap_lec_intro .lec_intro.on{display:block}
.livechat_section .wrap_lec_intro .lec_intro .lec_tit{height:42px;margin-bottom:15px;font-size:18px;color:#fff;text-align:center;line-height:42px;font-weight:bold}
.livechat_section .wrap_lec_intro .lec_intro.cate1 .lec_tit{color:#000;background:#28d3cb}
.livechat_section .wrap_lec_intro .lec_intro.cate2 .lec_tit{background:#347ad2}
.livechat_section .wrap_lec_intro .lec_intro.cate3 .lec_tit{background:#2b55cd}
.livechat_section .wrap_lec_intro .lec_intro.cate4 .lec_tit{background:#2336ad}
.livechat_section .wrap_lec_intro .lec_intro .tab{overflow:hidden;border:1px solid #d2d2d2;border-width:1px 1px 0 1px}
.livechat_section .wrap_lec_intro .lec_intro .tab li{float:left;width:50%;height:42px;box-sizing:border-box;font-size:16px;color:#999;line-height:42px;text-align:center;background:#c9c9c9}
.livechat_section .wrap_lec_intro .lec_intro .tab li.on{color:#28d3cb;background:#fff}
.livechat_section .wrap_lec_intro .lec_intro .tab li:first-child{border-right:1px solid #d2d2d2}
.livechat_section .wrap_lec_intro .lec_intro .cont{display:none}
.livechat_section .wrap_lec_intro .lec_intro .cont.on{display:block}
.livechat_section .wrap_lec_intro .lec_intro .feature{padding:20px;border:1px solid #d2d2d2;border-width:1px}
.livechat_section .wrap_lec_intro .lec_intro .feature.line_t{border-width:1px}
.livechat_section .wrap_lec_intro .lec_intro .feature dl{margin-bottom:25px}
.livechat_section .wrap_lec_intro .lec_intro .feature dt{margin-bottom:15px;font-size:16px;font-weight:bold;text-align:center;color:#313b3d}
.livechat_section .wrap_lec_intro .lec_intro .feature dt span{padding-bottom:3px;border-bottom:1px solid #492819}
.livechat_section .wrap_lec_intro .lec_intro .feature dd{font-size:13px;line-height:1.6;color:#313b3d}
.livechat_section .wrap_lec_intro .lec_intro .subject table{width:100%}
.livechat_section .wrap_lec_intro .lec_intro .subject table th{padding:10px 0;vertical-align:middle;text-align:center;vertical-align:middle;font-size:13px;color:#26303c;background:#eee}
.livechat_section .wrap_lec_intro .lec_intro .subject table th.line_l{border-left:1px solid #e4e4e4}
.livechat_section .wrap_lec_intro .lec_intro .subject table td{padding:10px 0;font-size:14px;color:#26303c;border-bottom:1px solid #e4e4e4}
.livechat_section .wrap_lec_intro .lec_intro .subject table td.sub_tit{padding-left:15px;border-left:1px solid #e4e4e4}
.livechat_section .wrap_lec_intro .lec_nav a{display:inline-block;position:absolute;top:15px;width:8px;height:14px;background-image:url(//siwon-cdn.siwonschool.com/img/www/m/sub/bt_lvc_nav.png);background-size:cover}
.livechat_section .wrap_lec_intro .lec_nav a.bt_prev{left:30px;background-position:left center}
.livechat_section .wrap_lec_intro .lec_nav a.bt_next{right:30px;background-position:right center}
.livechat_section .wrap_lec_intro .subject .note {margin-top:5px;color:#777;font-size:14px;letter-spacing:-1px}

/* 수강후기 */
.review_section .page_tit{border-bottom:1px solid #999;color:#333}
.review_section .change_area{}
.review_section .change_area h3{padding:6.5vw}
.review_section .change_area h3 img{width:100%}
.review_section .change_area .swiper-wrapper{}
.review_section .change_area .swiper-slide i.play{position:absolute;top:50%;left:50%;display:inline-block;width:7.6vw;height:7.5vw;margin:-3.8vw 0 0 -3.25vw;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_play.png) no-repeat;background-size:100%}
.review_section .change_area .swiper-slide img{width:100%}
.review_section .change_area .page_area{position:relative;padding:0 6.8vw}
.review_section .change_area .swiper-pagination{display:block;bottom:-3vw;;width:86.5vw;height:1vw;background:#c9cbcd}
.review_section .change_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:1vw !important;background:#000}
.review_section .change_video{padding-bottom:6.5vw;border-bottom:1px solid #ddd;overflow:visible !important}
.review_section .change_area .after_list{padding:10px 0;background:#efefef}
.review_section .after_list .student{position:relative;padding-bottom:20px}
.review_section .after_list .student .avata{display:inline-block;position:absolute;top:0;left:0;width:30px;height:30px}
.review_section .after_list .student .avata img{width:100%;height:100%}
.review_section .after_list .student .st_info{padding-left:40px}
.review_section .after_list .student .st_info > span{display:block;}
.review_section .after_list .student .st_info .name{color:#333;font-size:12px}
.review_section .after_list .student .st_info .chang_txt{padding-top:5px;color:#254fef;font-size:12px}
.review_section .after_list .student .like_box{position:absolute;top:-3px;right:0;text-align:center}
.review_section .after_list .student .like_box .a_block{display:block;width:100%;height:100%;}
.review_section .after_list .student .like_box .like{display:inline-block;width:17.5px;height:16px;margin:0 auto;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/good_off.png) no-repeat;background-size:17.5px auto;text-indent:-999em}
.review_section .after_list .student .like_box .like.on{background:url(//siwon-cdn.siwonschool.com/img/www/m/review/good_on.png) no-repeat;background-size:17.5px auto}
.review_section .after_list .student .like_box .count{display:block;margin-top:5px;color:#999;font-size:12px}
.review_section .after_list .bbs_list{padding:4vw 3vw;border-bottom:1px solid #ddd;background:#fff}
.review_section .after_list .bbs_list .list li{position:relative;min-height:16.5vw;margin-bottom:10px;}
.review_section .after_list .bbs_list .list .video{position:absolute;top:0;left:0;width:31.25vw;height:16.5625vw}
.review_section .after_list .bbs_list .list .video img{width:100%}
.review_section .after_list .bbs_list .list .video .play{position:absolute;top:50%;left:50%;width:4vw;height:4vw;margin:-2vw 0 0 -2vw;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_play.png) no-repeat;background-size:4vw auto}
.review_section .after_list .bbs_list .list .video .time{position:absolute;bottom:0;right:0;display:block;width:7.8vw;height:3.1vw;background:rgba(0,0,0,.5);color:#bbb;font-size:1.5vw;text-align:center;line-height:3.1vw}
.review_section .after_list .bbs_list .list .info{padding-left:36vw}
.review_section .after_list .bbs_list .list .info .tit{display:block;padding-top:1.6vw;color:#111;font-size:3.1vw;text-decoration:underline}
.review_section .after_list .bbs_list .list .info .txt{display:block;padding-top:1.5vw;color:#666;font-size:3.1vw;line-height:1.4}

.review_section .real_area h3{padding:7vw 9.5vw}
.review_section .real_area h3 img{width:100%}
.review_section .real_area h3.best{padding:7vw 20vw}
.review_section .real_area .total_box{padding:20px 15px 20px 15px;border-top:1px solid #ddd}
.review_section .real_area .total_box .counter{color:#111;font-size:14px}
.review_section .real_area .total_box .wrap_star{margin-top:12px;overflow:hidden}
.review_section .real_area .total_box .score i{color:#c9cbcd;font-weight:normal}
.review_section .real_area .total_box .star_rating{width:100px;float:left}
.review_section .real_area .total_box .star_rating,.review_section .real_area .total_box .star_rating span{display:inline-block;height:18px;overflow:hidden; background:url(//siwon-cdn.siwonschool.com/img/www/m/review/star.png) no-repeat;background-size:auto 36px}
.review_section .real_area .total_box .star_rating span{display:block;background-position:left bottom;line-height:0;vertical-align:top}
.review_section .real_area .total_box .percent .star{margin-top:1px}
.review_section .real_area .total_box .percent .star .bar{display:inline-block;width:332px;height:10px;border-radius:5px;background:#c9cbcd;position:relative}
.review_section .real_area .total_box .percent .star .bar i{display:inline-block;height:10px;border-radius:5px;position:absolute;left:0;top:0;background:#254fef}
.review_section .real_area .total_box .percent .star span{font-size:11px;color:#999;font-weight:bold;margin-right:8px;text-align:center}
.review_section .real_area .total_box .percent .star b{display:inline-block;font-size:11px;text-align:right;width:23px}
.review_section .real_area .total_box .percent .star b.tb{color:#254fef}
.review_section .real_area .total_box .text{margin-left:8px;color:#254fef;font-weight:bold;line-height:18px}
.review_section .real_area .total_box .bt_write{display:block;height:40px;margin-top:15px;border:1px solid #333;border-radius:5px;background:#fff;color:#333;font-size:13px;line-height:40px;text-align:center}
.review_section .real_area .total_box .bt_write span{display:inline-block;padding-right:17px;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_write.png) no-repeat right 50%;background-size:12px auto}

/* 급 추가 */
.review_section .cont_box{padding:5vw 4.6vw;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.review_section .cont_box .cheer_sl li{position:relative;min-height:50px;}
.review_section .cont_box .cheer_sl .thum{display:inline-block;width:40px;height:40px;position:absolute;top:5px;left:0}
.review_section .cont_box .cheer_sl .thum img{width:100%;border-radius:40px;border:1px solid #ededed;box-sizing:border-box}
.review_section .cont_box .cheer_sl .cmt{display:block;position:relative;width:auto;min-height:48px;margin-left:60px;padding:8px;border:1px dashed #d4d4d4;border-radius:3px;background:#fafafa;color:#000;font-size:11px;box-sizing:border-box}
.review_section .cont_box .cheer_sl .cmt:before{display:inline-block;position:absolute;top:50%;left:-10px;margin-top:-5px;width:10px;height:10px;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/arw_review.png) no-repeat;background-size:10px auto;content:''}
.review_section .cont_box .cheer_sl .cmt .info{display:block;font-size:9px}
.review_section .cont_box .cheer_sl .cmt .name{color:#2f62cb;font-weight:bold}
.review_section .cont_box .cheer_sl .cmt .date{color:#666;}
.review_section .cont_box .cheer_sl .cmt .date:before{display:inline-block;width:1px;height:7px;margin:0 7px;background:#ddd;content:''}
.review_section .cont_box .cheer_sl .cmt .cont{display:block;margin-top:5px;font-size:11px;line-height:1.6}

.review_section .best_box{position:relative;background:#fff;margin:0 4.6vw 5vw}
.review_section .best_box .best_head{position:relative;padding:20px 40px;border:1px solid #ddd;border-bottom:0;background:#f8f8f8;text-align:center}
.review_section .best_box .best_head .num{color:#254fef;font-size:9px;font-weight:bold;letter-spacing:3px}
.review_section .best_box .best_head h4{margin-top:10px;color:#111;font-size:12px;font-weight:bold;line-height:1.4}
.review_section .best_box .best_head h4:after{display:block;width:60px;height:1px;background:#131313;margin:15px auto 10px auto;content:''}
.review_section .best_box .best_head .info{display:block;color:#999;font-size:11px;text-align:center}
.review_section .best_box .best_head .info strong{margin-right:5px;color:#666}

.review_section .best_box .best_sl{position:relative;}
.review_section .best_box .best_sl .sl{float:left}
.review_section .best_box .best_sl .bx-viewport{}
.review_section .best_box .bx-controls-direction a{display:inline-block;position:absolute;top:47vw;z-index:90;width:25px;height:40px;margin-top:-10px;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/best_page.png) no-repeat;background-size:auto 40px;text-indent:-999em}
.review_section .best_box .bx-controls-direction a.bx-prev{left:5px;background-position:left top}
.review_section .best_box .bx-controls-direction a.bx-next{right:5px;background-position:right top}

.review_section .best_box .cont{height:300px;padding:15px;border:1px solid #ddd;border-top:0;background:#fff;color:#666;font-size:12px;line-height:1.6;overflow:auto}
.review_section .best_box .cont img{max-width:100%}

.review_section .real_area .sec_bnr{background:#fff}
.review_section .real_area .sec_bnr img{width:100%}
.review_section .real_area .real_bbs{border-bottom:1px solid #ddd}
.review_section .real_area .real_bbs:last-child{border-bottom:0}
.review_section .real_area .real_bbs .head{position:relative;min-height:62px;padding:15px;border-bottom:1px solid #ddd}
.review_section .real_area .real_bbs .head .thumb{display:inline-block;position:absolute;top:15px;left:15px;width:30px;height:30px}
.review_section .real_area .real_bbs .head .thumb img{width:100%;height:100%;border-radius:100%}
.review_section .real_area .real_bbs .head .wrap_star{padding-left:40px}
.review_section .real_area .real_bbs .head .info{margin-top:5px;color:#999;font-size:11px}
.review_section .real_area .real_bbs .head .info > span{display:inline-block;}
.review_section .real_area .real_bbs .head .info > span:last-child:before{display:inline-block;margin:0 5px;content:'·'}

.review_section .real_area .real_bbs .wrap_star{overflow:hidden}
.review_section .real_area .real_bbs .score i{color:#c9cbcd;font-weight:normal}
.review_section .real_area .real_bbs .star_rating{width:60px}
.review_section .real_area .real_bbs .star_rating,
.review_section .real_area .real_bbs .star_rating span{display:inline-block;height:10.5px;overflow:hidden; background:url(//siwon-cdn.siwonschool.com/img/www/m/review/star_black.png) no-repeat;background-size:auto 21.5px}
.review_section .real_area .real_bbs .star_rating span{display:block;background-position:left bottom;line-height:0;vertical-align:top}
.review_section .real_area .real_bbs .bt_modify{position:absolute;top:0;right:0;display:inline-block;min-height:32px;padding:15px;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/bt_modify.png) no-repeat center 21px;background-size:5px auto;text-indent:-999em}
.review_section .real_area .real_bbs .real_view{padding:20px 15px;border-bottom:1px solid #ddd}
.review_section .real_area .real_bbs .real_view .lec{padding-bottom:15px}
.review_section .real_area .real_bbs .real_view .lec,
.review_section .real_area .real_bbs .real_view .lec a{font-weight:bold;font-size:12px;text-decoration:underline}
.review_section .real_area .real_bbs .real_view .lec a{color:#254fef}
.review_section .real_area .real_bbs .real_view .view{line-height:1.5}
.review_section .real_area .real_bbs .real_view .view .subject{display:block;padding-bottom:5px;color:#111;font-size:13px}
.review_section .real_area .real_bbs .real_view .view .subject .best{display:inline-block;position:relative;top:0;width:31px;height:13px;margin-right:5px;vertical-align:middle;line-height:13px}
.review_section .real_area .real_bbs .real_view .view .subject .best img{width:100%}
.review_section .real_area .real_bbs .real_view .view .more{margin-left:5px;color:#999;font-size:13px}
.review_section .real_area .real_bbs .real_view .con,
.review_section .real_area .real_bbs .real_view .con p{color:#111;font-size:13px;line-height:1.5}
.review_section .real_area .real_bbs .real_view .con{overflow:hidden}

.review_section .real_area .real_bbs .real_view .reply_box{margin-top:15px;padding:15px;border:1px solid #ddd;border-radius:10px}
.review_section .real_area .real_bbs .real_view .reply_box .reply_head{position:relative;overflow:hidden}
.review_section .real_area .real_bbs .real_view .reply_box .reply_head .thumb{display:inline-block;width:40px;height:40px;border-radius:40px;float:left}
.review_section .real_area .real_bbs .real_view .reply_box .reply_head .thumb img{width:100%;border:1px solid #ededed;border-radius:40px;box-sizing:border-box}
.review_section .real_area .real_bbs .real_view .reply_box .reply_head .info{float:left;margin-left:10px;color:#333;font-size:12px;line-height:40px}
.review_section .real_area .real_bbs .real_view .reply_box .reply_head .info span:last-child{color:#999}
.review_section .real_area .real_bbs .real_view .reply_box .reply_head .info span:last-child:before{display:inline-block;margin:0 5px;color:#999;content:'·'}
.review_section .real_area .real_bbs .real_view .reply_box .reply_post{margin-top:10px;color:#666;font-size:12px;line-height:1.6}

.review_section .real_area .real_bbs .tag{padding-top:15px}
.review_section .real_area .real_bbs .tag > span{display:inline-block;height:18px;padding:0 4px;background:#efefef;color:#666;font-size:11px;text-align:center;line-height:18px}
.review_section .real_area .real_bbs .tag > span:before{display:inline-block;content:'#'}
.review_section .real_area .real_bbs .bx-wrapper{margin:0 !important}
.review_section .real_area .real_bbs .file_sl{margin-top:15px;overflow:hidden}
.review_section .real_area .real_bbs .file_sl .sl li{position:relative;float:left;width:21.5vw !important;height:18vw !important;margin:0 1.2vw 1.2vw 0 !important;overflow:hidden;box-sizing:border-box}
.review_section .real_area .real_bbs .file_sl .sl li:last-child{margin-right:0}
.review_section .real_area .real_bbs .file_sl .sl img,
.review_section .real_area .real_bbs .file_sl .sl li video{width:100%;height:100%}
.review_section .real_area .real_bbs .file_sl .sl li video{background:#000;}
.review_section .real_area .real_bbs .file_sl .sl li .play{position:absolute;top:50%;left:50%;width:4vw;height:4vw;margin:-2vw 0 0 -2vw;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_play.png) no-repeat;background-size:4vw auto}
.review_section .real_area .real_bbs .info_box{margin-top:15px;overflow:hidden}
.review_section .real_area .real_bbs .info_box .btn{display:inline-block;width:85px;height:30px;border:1px solid #ddd;border-radius:8px;text-align:center;line-height:28px}
.review_section .real_area .real_bbs .info_box .btn span{display:inline-block;height:30px;padding-left:19px;font-size:12px;color:#999;line-height:30px}
.review_section .real_area .real_bbs .info_box .reply{float:left;}
.review_section .real_area .real_bbs .info_box .reply span{background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_reply.png) no-repeat left 50%;background-size:15px auto;}
.review_section .real_area .real_bbs .info_box .like{float:right}
.review_section .real_area .real_bbs .info_box .like span{background:url(//siwon-cdn.siwonschool.com/img/www/m/review/good_off.png) no-repeat left 50%;background-size:15px auto;color:#333}
.review_section .real_area .real_bbs .info_box .like.on span{background:url(//siwon-cdn.siwonschool.com/img/www/m/review/good_on.png) no-repeat left 50%;background-size:15px auto}
.review_section .real_area .real_bbs .select_box{position:relative;padding:0 15px;border-bottom:1px solid #ddd}
.review_section .real_area .real_bbs .select_box select{margin-right:10px;padding:15px 20px 15px 0;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_down.png) no-repeat right 50%;background-size:auto 8px;border-radius:0;-webkit-appearance:none; -moz-appearance:none; appearance:none;color:#333;font-size:13px;}
.review_section .real_area .real_bbs .select_box .check{position:absolute;top:12px;right:15px;}
.review_section .real_area .real_bbs .select_box .check label.type-checkbox{height:20px;padding-left:28px;color:#333;font-size:12px;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/img_check.png) no-repeat left top;background-size:20px auto;line-height:20px;}
.review_section .real_area .real_bbs .select_box .check label.type-checkbox.checked{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/review/img_check.png);background-position:0 -20px;background-size:20px auto}
.review_section .real_area .real_bbs .bt_group{display:none;position:fixed;left:0;bottom:-200px;width:100%;box-sizing:border-box;z-index:90;animation:bt_close .3s ease-in Alternate}
.review_section .real_area .real_bbs .bt_group a{display:block;height:45px;border:1px solid #999;background:#fff;color:#666;text-align:center;line-height:45px}
.review_section .real_area .real_bbs .bt_group a span{display:inline-block;padding-right:20px}
.review_section .real_area .real_bbs .bt_group a.modify{border-bottom:0;border-top-left-radius:15px;border-top-right-radius:15px;}
.review_section .real_area .real_bbs .bt_group a.modify span{background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_modify.png) no-repeat right 50%;background-size:15px auto}
.review_section .real_area .real_bbs .bt_group a.del{border-top:1px solid #ddd;color:#f22b2b;}
.review_section .real_area .real_bbs .bt_group a.del span{background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_basket.png) no-repeat right 14px;background-size:12px auto}
.review_section .real_area .real_bbs .bt_group.on{display:block;bottom:0;animation:bt_modify_open .3s ease-in Alternate;}
@keyframes bt_modify_open {
    0% {
        bottom:-200px;
    }
    to {
        bottom:0;
    }
}
@keyframes bt_close {
    0% {
        bottom:0;
    }
    to {
        bottom:-200px;
    }
}
.review_section .real_area .bt_bbs_group{padding:15px}
.review_section .real_area .bt_bbs_group .btn{display:block;width:100%;height:39px;margin-bottom:5px;border-radius:5px;border:1px solid #999;background:#fff;color:#999;font-size:13px;text-align:center;line-height:39px}
.review_section .real_area .bt_bbs_group .btn.view span{display:inline-block;height:39px}
.review_section .real_area .bt_bbs_group .btn.view{border-color:#254fef;color:#254fef}
.review_section .real_area .bt_bbs_group .btn.view span:after{display:inline-block;margin-left:5px;content:">"}
.review_section .real_area .bt_bbs_group .btn.list{color:#333}
.review_section .real_area .bt_bbs_group .btn.list span{display:inline-block;padding-right:18px;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_list.png) no-repeat right 50%;background-size:auto 9px}

.review_section .write_area .cate_box select{display:block;width:100%;height:40px;padding:0 20px;border-bottom:1px solid #999;background:#efefef url(//siwon-cdn.siwonschool.com/img/www/m/review/arw_down.png) no-repeat 96% 50%;background-size:auto 4px;color:#111;font-size:13px;text-align:center;box-sizing:border-box;border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}

.review_section .write_area .wrap_star{padding:0 0 5px 0;text-align:center}
.review_section .write_area .star_rating{display:inline-block;position:relative;height:18px;width:100px;margin:0 auto;overflow:hidden;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/star.png) no-repeat;background-size:auto 36px}
.review_section .write_area .star_rating a{display:inline-block;position:relative;z-index:2;height:18px;overflow:hidden}
.review_section .write_area .star_rating span.total{display:inline-block;position:absolute;top:0;left:0;height:18px;overflow:hidden;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/star.png) no-repeat;background-size:auto 36px;background-position:left bottom;line-height:0;vertical-align:top}
.review_section .write_area .star_rating a{float:left;display:inline-block;width:20%;overflow:hidden}
.review_section .write_area .form_write{padding:15px}
.review_section .write_area h3.subject input{width:100%;height:40px;padding:0 15px;border:0;color:#333;font-size:13px;text-align:center;line-height:40px;box-sizing:border-box}
.review_section .write_area h3.subject input::placeholder{color:#999}
.review_section .write_area .textarea{height:180px;width:100%;border:1px solid #ddd;background:#fff;padding:15px;color:#666;font-size:12px;line-height:1.5;box-sizing:border-box;resize:none;overflow:auto}
.review_section .write_area .file_box{padding:15px;border-top:5px solid #efefef}
.review_section .write_area .file_box input{position:absolute;left:-999em}
.review_section .write_area .file_box label{display:block;width:100%;height:40px;border-radius:8px;border:1px solid #333;color:#333;font-size:12px;text-align:center;line-height:40px}
.review_section .write_area .file_box label span{display:inline-block;height:40px;padding-left:20px;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_photo.png) no-repeat left 50%;background-size:15px auto}
.review_section .write_area .file_sl{padding:15px;padding-top:0}
.review_section .write_area .file_sl .sl{overflow:hidden}
.review_section .write_area .file_sl .sl li{position:relative;float:left;width:75px;height:55px;margin-right:3px;overflow:hidden;box-sizing:border-box}
.review_section .write_area .file_sl .sl li:last-child{margin-right:0}
.review_section .write_area .file_sl .sl li img{width:100%;height:100%}
.review_section .write_area .file_sl .sl li .bt_del{position:absolute;top:0;right:0;display:inline-block;width:20px;height:20px;color:#fff;background:#ccc;font-size:11px;text-align:center;line-height:20px}
.review_section .write_area .tag_input{padding:15px;border-top:5px solid #efefef}
.review_section .write_area .tag_input input{width:100%;padding:15px 0;border-bottom:1px solid #ddd;color:#666;font-size:13px}
.review_section .write_area .tag_input .tag_list{padding-top:15px}
.review_section .write_area .tag_input .tag_list > span{display:inline-block;position:relative;background:#efefef;margin:0 0 3px 0;padding:0 25px 0 5px;height:20px;line-height:20px;color:#666;font-size:12px}
.review_section .write_area .tag_input .tag_list > span::before{display:inline-block;content:'#'}
.review_section .write_area .tag_input .tag_list > span .bt_del{display:inline-block;position:absolute;top:50%;right:5px;width:14px;height:14px;margin-top:-7px;border-radius:100%;background:#ccc;color:#fff;text-align:center;line-height:14px;font-size:10px}

.review_section .write_area .captcha{padding:15px;border-top:5px solid #efefef;white-space:nowrap}
.review_section .write_area .captcha .txt{display:inline-block;width:90px;color:#333;font-size:13px;line-height:22px;vertical-align:middle}
.review_section .write_area .captcha input{height:22px;padding:0 5px;border:1px solid #ddd;background:#fff;color:#333;font-size:12px;line-height:22px;box-sizing:border-box;vertical-align:middle}
.review_section .write_area .captcha .input_value{width:20%}
.review_section .write_area .captcha .input{width:50%}

.review_section .write_area .agree_box{padding:12px 15px;border-top:5px solid #efefef}
.review_section .write_area .agree_box label.type-checkbox{height:20px;padding-left:28px;color:#333;font-size:12px;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/img_check.png) no-repeat left top;background-size:20px auto;line-height:20px;}
.review_section .write_area .agree_box label.type-checkbox.checked{background-image:url(//siwon-cdn.siwonschool.com/img/www/m/review/img_check.png);background-position:0 -20px;background-size:20px auto}
.review_section .write_area .agree_box .agree_txt{height:150px;margin-top:10px;color:#666;font-size:12px;line-height:1.4;overflow:auto}
.review_section .write_area .bt_group{padding:15px;border-top:5px solid #efefef;white-space:nowrap}
.review_section .write_area .bt_group a{display:inline-block;width:49%;height:40px;margin-right:1%;border:1px solid #999;border-radius:8px;color:#333;font-size:13px;line-height:40px;text-align:center;box-sizing:border-box}
.review_section .write_area .bt_group a:last-child{margin-right:0}

.review_section .best_tab{text-align:center}
.review_section .best_tab .tab{margin:7vw 0 0;overflow:hidden}
.review_section .best_tab .tab li{float:left;width:33.33%}
.review_section .best_tab .tab li a{display:inline-block;width:100%;height:9vw;color:#555;background:#fff;font-size:2.8vw;text-align:center;border:1px solid #eee;border-left:0;box-sizing:border-box;line-height:9vw}
.review_section .best_tab .tab li a.on{color:#fff;background:#254fef}
.review_section .best_tab .tab li:first-child a{border-left:1px solid #eee;border-top-left-radius:5vw;border-bottom-left-radius:5vw}
.review_section .best_tab .tab li:last-child a{border-top-right-radius:5vw;border-bottom-right-radius:5vw}

/* youtuber */
.review_section .youtube_area h3{padding:6.5vw}
.review_section .youtube_area h3 img{width:100%}
.review_section .youtube_area .youtube_box{border-bottom:1.5vw solid #efefef}
.review_section .youtube_area .youtube_box .video_box{position:relative;top:0;left:0;z-index:999;width:100%;background:#fff}
.review_section .youtube_area .youtube_box .video_box.fixed{position:fixed;top:93px}
.review_section .youtube_area .youtube_box .youtube{position:relative;max-width:100%;padding-bottom:56.25%;height:0}
.review_section .youtube_area .youtube_box .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.review_section .youtube_area .youtube_box .info{padding:4vw 3vw;border-bottom:1px solid #ddd}
.review_section .youtube_area .youtube_box .name{display:block;color:#333;font-size:2.6vw}
.review_section .youtube_area .youtube_box .txt{display:block;margin-top:2vw;color:#666;font-size:2.9vw;line-height:1.4}
.review_section .youtube_area .bbs_list{padding:4vw 4.6vw 1vw;overflow:hidden}
.review_section .youtube_area .bbs_list .list li{position:relative;float:left;width:49%;height:24.375vw;margin-bottom:4vw}
.review_section .youtube_area .bbs_list .list li:nth-child(even){float:right}
.review_section .youtube_area .bbs_list .list li a{display:block;width:100%;height:100%}
.review_section .youtube_area .bbs_list .list .video{position:absolute;top:0;left:0;width:44vw;height:24.375vw}
.review_section .youtube_area .bbs_list .list .video img{width:100%}
.review_section .youtube_area .bbs_list .list .video .play{position:absolute;top:50%;left:50%;width:4vw;height:4vw;margin:-2vw 0 0 -2vw;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_play.png) no-repeat;background-size:4vw auto}
.review_section .youtube_area .bbs_list .list .video .time{position:absolute;bottom:0;right:0;display:block;width:7.8vw;height:3.1vw;background:rgba(0,0,0,.5);color:#bbb;font-size:1.5vw;text-align:center;line-height:3.1vw}
.review_section .youtube_area .bbs_list .list .info{padding-left:36vw}
.review_section .youtube_area .bbs_list .list .info .name{display:block;padding-top:1.4vw;color:#333;font-size:2.6vw}
.review_section .youtube_area .bbs_list .list .info .txt{display:block;color:#666;font-size:2.9vw;line-height:1.4}

.review_section .foot_quick{height:45px}
.review_section .foot_quick li{width:33.3%;margin:0;line-height:45px}
.review_section .foot_quick li:first-child{width:33.4%}
.review_section .foot_quick li a{color:#fff}
.review_section .foot_quick li a span{padding-top:0;width:auto}

/* 레이어 팝업:댓글 */
.page_layer_popup.layer_reply .reply_list{position:relative;padding:0;border-bottom:1px solid #ddd}
.page_layer_popup.layer_reply .reply_list .head{padding:15px 15px 0;overflow:hidden}
.page_layer_popup.layer_reply .reply_list .thumb{display:inline-block;position:absolute;top:15px;left:15px;width:25px;height:25px}
.page_layer_popup.layer_reply .reply_list .thumb img{width:100%}
.page_layer_popup.layer_reply .reply_list .info{margin-top:5px;padding-left:35px;color:#999;font-size:11px;line-height:15px}
.page_layer_popup.layer_reply .reply_list .info > span{display:inline-block;}
.page_layer_popup.layer_reply .reply_list .info > span:last-child:before{display:inline-block;margin:0 5px;content:'·'}
.page_layer_popup.layer_reply .reply_list .post{display:block;padding:30px 10px 15px 50px;color:#111;font-size:12px;line-height:1.5}
.page_layer_popup.layer_reply .reply_list .info_box{padding:0 0 20px 45px;overflow:hidden}
.page_layer_popup.layer_reply .reply_list .info_box .btn{display:inline-block;width:85px;height:30px;border:1px solid #ddd;border-radius:8px;text-align:center;line-height:28px}
.page_layer_popup.layer_reply .reply_list .info_box .btn span{display:inline-block;height:30px;padding-left:19px;font-size:12px;color:#999;line-height:30px}
.page_layer_popup.layer_reply .reply_list .info_box .reply span{background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_reply.png) no-repeat left 50%;background-size:15px auto;}
.page_layer_popup.layer_reply .reply_list .info_box .write span{background:url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_write_reply.png) no-repeat left 50%;background-size:13px auto;}
.page_layer_popup.layer_reply .reply_list .reply_2dep{position:relative;padding-left:28px;background:#efefef url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_reply_dep.png) no-repeat 22px 18px;background-size:10px auto}
.page_layer_popup.layer_reply .reply_list .reply_2dep .thumb{left:43px}
.page_layer_popup.layer_reply .reply_write{position:fixed;left:0;bottom:0;width:100%;overflow:hidden;border-top:1px solid #999;border-bottom:1px solid #ddd}
.page_layer_popup.layer_reply .reply_write .input_write{position:relative;width:100%;padding-right:44px;box-sizing:border-box}
.page_layer_popup.layer_reply .reply_write .textarea{border:0;width:100%;max-height:100px;min-height:44px;padding:14px 44px 0 15px;color:#333;font-size:13px;box-sizing:border-box;resize:none;overflow-y: auto;line-height:1.4;box-sizing:border-box}
.page_layer_popup.layer_reply .reply_write .textarea::placeholder{color:#999}
.page_layer_popup.layer_reply .reply_write .bt_write{position:absolute;bottom:0;right:0;width:44px;height:44px;border:0;text-indent:-999em;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/bt_reply_write.png) no-repeat;background-size:44px auto}

.page_layer_popup.layer_reply .view_reply{margin-top:45px;}

.page_layer_popup.layer_reply .bt_modify{position:absolute;top:0;right:0;display:inline-block;min-height:32px;padding:15px;background:url(//siwon-cdn.siwonschool.com/img/www/m/review/bt_modify.png) no-repeat center 21px;background-size:5px auto;text-indent:-999em}
.page_layer_popup.layer_reply .bt_group{display:none;position:fixed;left:0;bottom:-200px;width:100%;box-sizing:border-box;z-index:90;animation:bt_close .3s ease-in Alternate}
.page_layer_popup.layer_reply .bt_group a{display:block;height:45px;border:1px solid #999;background:#fff;color:#666;text-align:center;line-height:45px}
.page_layer_popup.layer_reply .bt_group a span{display:inline-block;padding-right:20px}
.page_layer_popup.layer_reply .bt_group a.modify{border-bottom:0;border-top-left-radius:15px;border-top-right-radius:15px;}
.page_layer_popup.layer_reply .bt_group a.modify span{background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_modify.png) no-repeat 98% 50%;background-size:15px auto}
.page_layer_popup.layer_reply .bt_group a.del{border-top:1px solid #ddd;color:#f22b2b;}
.page_layer_popup.layer_reply .bt_group a.del span{background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/review/ico_basket.png) no-repeat 98% 14px;background-size:12px auto}
.page_layer_popup.layer_reply .bt_group.on{display:block;bottom:0;animation:bt_open .3s ease-in Alternate;}
@keyframes bt_open {
    0% {
        bottom:-200px;
    }
    to {
        bottom:0;
    }
}
@keyframes bt_close {
    0% {
        bottom:0;
    }
    to {
        bottom:-200px;
    }
}
.page_layer_popup.layer_reply .view_reply .no_reply{padding:50px 0;color:#666;font-size:13px;text-align:center;}

/* 미리보기 레이어 */
.page_layer_popup#layer_preview{height:100%;background:#000}
.page_layer_popup#layer_preview .swiper-pagination-fraction{top:0;left:0;height:40px;text-align:left;padding-left:15px;color:#333;font-weight:normal;font-size:13px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page_layer_popup#layer_preview .sl{padding:0;}
.page_layer_popup#layer_preview .sl .sw img{width:100%;vertical-align:middle !important}
.page_layer_popup#layer_preview .sl .sw{display:table;line-height:40;}
.page_layer_popup#layer_preview .sl .sw video{padding-top:30vw}
.page_layer_popup#layer_preview .sl .sw li{display:table-cell;vertical-align:middle;}

/* 내 강의실(메인) 리뉴얼*/
.myclass_main_section{background:#eee}
.myclass_main_section .my_box{background:#fff;padding:8vw 5vw 6vw 5vw}
.myclass_main_section .my_box .info_cont{position:relative;padding-right:24vw;border-bottom:1px solid #ddd;padding-bottom:4vw}
.myclass_main_section .my_box .info_cont .lg_uplus{display:none;position:absolute;right:0;top:calc( 50% - 4vw );width:22vw;transform:translateY(-50%)}
.myclass_main_section .my_box .info_cont .lg_uplus img{width:100%}
.myclass_main_section .my_box .info_cont .thumb {position:relative;display:inline-block;width:9.5vw;height:9.5vw;border-radius:50%;background:#eee;overflow: hidden;box-sizing: border-box}
.myclass_main_section .my_box .info_cont .thumb img {display: block;position: absolute; width:8vw;bottom:0px;left:50%;margin-left:-4vw}
.myclass_main_section .my_box .info_cont p{display:inline-block;height:9.5vw;line-height:9.5vw;font-size:4vw;color:#222;margin-left:3vw;vertical-align:top}
.myclass_main_section .my_box .info_cont .mission{display:inline-block;width:30vw;height:9.5vw;line-height:9.5vw;text-align:center;border:1px solid #ddd;color:#222;border-radius:10vw;box-sizing:border-box;float:right;font-size:3vw}
.myclass_main_section .my_box .info_cont .mission img{margin-left:2vw;vertical-align:0.1vw;width:1.5vw}
.myclass_main_section .my_box .btn{padding-top:6vw}
.myclass_main_section .my_box .btn a{display:inline-block;width:100%;height:12vw;line-height:12vw;background:#2f66c5;text-align:center;color:#fff;font-size:4vw}
.myclass_main_section .my_box .btn a img{margin-right:3vw;vertical-align:-1.3vw;width:5.5vw}
.myclass_main_section .bann_box{width:100%}
.myclass_main_section .bann_box img{width:100%}
.myclass_main_section .list_box{padding:10vw 5vw}
.myclass_main_section .list_box #lecture_type{width:100%;padding-left:4vw;height:12.5vw;font-size:4vw;box-sizing:border-box;background: #fff url(//siwon-cdn.siwonschool.com/img/www/m/myclass/drop_down.png) no-repeat right center;background-size:15vw;-webkit-appearance: none;-moz-appearance: none;appearance: none;border:1px solid #666;font-weight:bold;color:#222;margin-bottom:3vw}
.myclass_main_section .list_box .list_area{background:#fff}
.myclass_main_section .list_box .list_no{width:100%;height:35vw;display:table;}
.myclass_main_section .list_box .list_no p{text-align:center;color:#c5c5c5;font-size:3.5vw;display:table-cell;vertical-align:middle}
.myclass_main_section .list_box .list_area .lec_box{background:#fff;padding:6vw 5vw;overflow:hidden}
.myclass_main_section .list_box .list_area .lec_box .thum_img{width:26.563vw;height:26.563vw;float:left}
.myclass_main_section .list_box .list_area .lec_box .lec_info{float:left;margin-left:5vw;width:48vw}
.myclass_main_section .list_box .list_area .lec_box .lec_info .lec_name{font-size:4vw;color:#333;font-weight: bold;line-height:1.2;width:48vw;max-height:48vw;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;margin-bottom:3vw}
.myclass_main_section .list_box .list_area .lec_box .lec_info .info{display:block;line-height:1.4;font-size:3.2vw;color:#999}
.myclass_main_section .list_box .list_area .lec_box .lec_info .info i{color:#2f66c5;font-size:3.2vw}
.myclass_main_section .list_box .list_area .bts_box{display:flex}
.myclass_main_section .list_box .list_area .bts_box .bt{display:block;width:100%;height:14vw;line-height:13.6vw;font-size:4vw;border:2px solid #888;box-sizing:border-box;background:#888;color:#fff;text-align:center}
.myclass_main_section .list_box .list_area .bts_box .start{background:#2f66c5;border-color:#2f66c5}
.myclass_main_section .list_box .list_area .bts_box .apply{background:#222;border-color:#222}
.myclass_main_section .list_box .list_area .bts_box .qr{background:#fff;border-color:#2f66c5;color:#2f66c5}
.myclass_main_section .list_box .list_area .bts_box .bt img{margin-left:1.5vw;vertical-align:-0.9vw;width:3vw}
.myclass_main_section .list_box .list_area li.lec{background:#eee;padding-bottom:9vw}
.myclass_main_section .list_box .list_area li.lec:last-child{padding-bottom:0}
.myclass_main_section .list_box .list_area li .box03{margin-top:5vw;width:100%}
.myclass_main_section .list_box .list_area li .box03 .tab_lec{overflow:hidden}
.myclass_main_section .list_box .list_area li .box03 .tab_lec li{background:#fff url('//siwon-cdn.siwonschool.com/img/www/m/myclass/drop_down.png') 30vw center no-repeat;float:left;width:49%;color:#222;font-size:4vw;height:14vw;line-height:14vw;box-sizing:border-box;padding:0 5vw;margin-bottom:0;background-size:15vw}
.myclass_main_section .list_box .list_area li .box03 .onepick li{width:100%;background:#fff url('//siwon-cdn.siwonschool.com/img/www/m/myclass/drop_down.png') right center no-repeat;background-size:15vw}
.myclass_main_section .list_box .list_area li .box03 .tab_lec li + li{margin-left:2%}
.myclass_main_section .list_box .list_area li .box03 .tab_lec li.on{background:#2f66c5 url('///siwon-cdn.siwonschool.com/img/www/m/myclass/drop_up.png') 35vw center no-repeat;color:#fff;background-size:4.5vw}
.myclass_main_section .list_box .list_area li .box03 .onepick li.on{background:#2f66c5 url('///siwon-cdn.siwonschool.com/img/www/m/myclass/drop_up.png') 80.5vw center no-repeat;color:#fff;background-size:4.5vw}
.myclass_main_section .list_box .list_area li.st2 .bts_box{overflow:hidden}
.myclass_main_section .list_box .list_area li.st2 .bts_box .bt{width:50%;float:left}
.myclass_main_section .list_box .list_area li.st2 .box03 .tab_lec li{width:100%;background-position:76vw center}
.myclass_main_section .list_box .sub_list{display:none}
.myclass_main_section .list_box .sub_list.on{display:block}
.myclass_main_section .list_box .sub_list li{background:#fff;padding:7vw 5vw;margin-bottom:0}
.myclass_main_section .list_box .sub_list li:first-child{border-top:1px solid #2f66c5}
.myclass_main_section .list_box .sub_list li + li{border-top:1px solid #ddd}
.myclass_main_section .list_box .sub_list li .box01{display:block;overflow:hidden;background:url('///siwon-cdn.siwonschool.com/img/www/m/myclass/ui_next.png') right center no-repeat;background-size:3vw}
.myclass_main_section .list_box .sub_list li .box01 .img_area{float:left;width:22.656vw;height:22.656vw;position:relative}
.myclass_main_section .list_box .sub_list li .box01 .img_area img{width:100%}
.myclass_main_section .list_box .sub_list li .box01 .txt_area{float:left;margin-left:3vw;width:47vw}
.myclass_main_section .list_box .sub_list li .box01 .txt_area .lec_tit{color:#333;font-size:4vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1vw 0 2vw 0}
.myclass_main_section .list_box .sub_list li .box01 .txt_area .lec_info{display:block;line-height:1.2;font-size:3.2vw;color:#999}
.myclass_main_section .list_box .sub_list li .box01 .txt_area .lec_info i{color:#2f66c5;font-size:3.2vw}
.myclass_main_section .list_box .sub_list li .box01 .percent{margin-top:2vw}
.myclass_main_section .list_box .sub_list li .box01 .percent .wrap_bar{width:100%;background:#dcdcdc;height:1.7vw;border-radius:3vw;position:relative}
.myclass_main_section .list_box .sub_list li .box01 .percent .wrap_bar .bar{display:block;height:1.7vw;position:absolute;left:0;background:#2f66c5;border-radius:3vw}
.myclass_main_section .list_box .sub_list li .box01 .percent .txt{margin-top:1vw}
.myclass_main_section .list_box .sub_list li .box01 .percent .txt .count{float:right;text-align:right}
.myclass_main_section .list_box .recom_list .info_box{padding:4vw 0;text-align:center}
.myclass_main_section .list_box .recom_list .info_box a{display:inline-block;border:1px solid #888;width:36vw;height:7.8vw;line-height:8vw;border-radius:5vw;text-align:center;font-size:3.5vw;color:#888}
.myclass_main_section .list_box .recom_list .info_box a i{display:inline-block;border:1px solid #888;border-radius:50%;width:4.5vw;height:4.5vw;line-height:4vw;margin-left:1vw}
.myclass_main_section .mobile_box .tit_area{background:#fff;height:12.5vw;line-height:12.5vw;margin-bottom:2vw;padding:0 5vw;box-sizing:border-box;color:#222;font-size:4vw;font-weight:bold}
.myclass_main_section .mobile_box .cont_area{background:#fff;padding:7vw 5vw}
.myclass_main_section .mobile_box .cont_area .siwon_app{padding-bottom:7vw;margin-bottom:7vw;border-bottom:1px solid #ddd}
.myclass_main_section .mobile_box .cont_area .app_box .app_tit{overflow:hidden}
.myclass_main_section .mobile_box .cont_area .app_box .app_tit .logo{width:13vw;margin-right:3vw}
.myclass_main_section .mobile_box .cont_area .app_box .app_tit .txt{padding-top:1vw}
.myclass_main_section .mobile_box .cont_area .app_box .app_tit .txt i{display:inline-block;background:#2f66c5;color:#fff;width:6.5vw;height:4.7vw;line-height:4.7vw;font-size:3.3vw;text-align:center;border-radius:1vw}
.myclass_main_section .mobile_box .cont_area .app_box .app_tit .txt .app_t{display:inline-block;font-size:4vw}
.myclass_main_section .mobile_box .cont_area .app_box .app_tit .txt .app_t span{color:#2f66c5}
.myclass_main_section .mobile_box .cont_area .app_box .app_tit .txt .download{color:#888;font-size:3.5vw;margin-top:2.5vw}
.myclass_main_section .mobile_box .cont_area .app_box .app_btns{overflow:hidden;margin-top:4vw}
.myclass_main_section .mobile_box .cont_area .app_box .app_btns li{float:left;width:49%}
.myclass_main_section .mobile_box .cont_area .app_box .app_btns li + li{margin-left:2%;}
.myclass_main_section .mobile_box .cont_area .app_box .app_btns li img{width:100%}

/* 학습하기 */
.study_section{background:#f8f8f8}
.study_section h2.page_tit{height:14.5vw;line-height:14.5vw !important;text-align:center;position:relative;background:#eee;font-size:4vw;color:#000;font-weight:normal;padding:0;margin:3vw 0}
.study_section h2.page_tit img{position:absolute;top:0;left:0;height:14.5vw}
.study_section .lec_area{background:#f8f8f8;padding:7vw 5vw}
.study_section .lec_area .mission_link{margin-bottom:3.125vw}
.study_section .lec_area .mission_link a{color:#2f66c5;font-size:3.438vw;font-weight:bold;letter-spacing:-0.02em}
.study_section .lec_area .lec_box{background:#fff;padding:5vw;margin-bottom:0;overflow:hidden}
.study_section .lec_area .lec_box .img_area{float:left;width:21.875vw;height:21.875vw;position:relative}
.study_section .lec_area .lec_box .img_area img{width:100%}
.study_section .lec_area .lec_box .txt_area{float:left;margin-left:3vw;width:55vw}
.study_section .lec_area .lec_box .txt_area .lec_tit{color:#333;font-size:4vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1vw 0 1.5vw 0}
.study_section .lec_area .lec_box .txt_area .lec_info{display:block;line-height:1.2;font-size:3.2vw;color:#999}
.study_section .lec_area .lec_box .txt_area .date{color:#2f66c5;font-size:3.5vw}
.study_section .lec_area .lec_box .txt_area .lec_info i{color:#2f66c5;font-size:3.2vw}
.study_section .lec_area .lec_box .percent{margin-top:4vw}
.study_section .lec_area .lec_box .percent .wrap_bar{width:100%;background:#dcdcdc;height:1.7vw;border-radius:3vw;position:relative}
.study_section .lec_area .lec_box .percent .wrap_bar .bar{display:block;height:1.7vw;position:absolute;left:0;background:#2f66c5;border-radius:3vw}
.study_section .lec_area .lec_box .percent .txt{margin-top:1.5vw}
.study_section .lec_area .lec_box .percent .txt .count{float:right;text-align:right}
.study_section .lec_area .bts_box{margin-top:6vw;overflow:hidden}
.study_section .lec_area .bts_box .bt{float:left;display:inline-block;height:14vw;line-height:14vw;width:49%;text-align:center;color:#fff;background:#222;font-size:4vw}
.study_section .lec_area .bts_box .q_btn{margin-left:2%}
.study_section .lec_area .info_txt{color:#999;font-size:3.3vw;margin-top:4.5vw}
.study_section .lec_area .info_txt img{margin-right:1.5vw;vertical-align:-0.7vw;width:3.7vw}
.study_section .cate_area{background:#fff;padding:9vw 5vw}
.study_section .cate_area .cont_tit{font-weight:bold;color:#222;font-size:4.5vw;margin-bottom:4vw}
.study_section .cate_area .test_bt{position:absolute;right:0;bottom:0}
.study_section .cate_area .cate_box #cate_type{width:100%;padding-left:4vw;height:12.5vw;font-size:4vw;box-sizing:border-box;background: #fff url(//siwon-cdn.siwonschool.com/img/www/m/myclass/drop_down.png) no-repeat right center;background-size:15vw;-webkit-appearance: none;-moz-appearance: none;appearance: none;border:1px solid #666;font-weight:bold;color:#222;margin-bottom:10vw}
.study_section .cate_area .cont_tit span{color:#2f66c5}
.study_section .cate_area .leclist_box table{margin-bottom:10vw;width:100%}
.study_section .cate_area .leclist_box table thead{background:#f8f8f8;border-top:1px solid #ddd}
.study_section .cate_area .leclist_box table thead th{height:7.813vw;color:#222;font-size:3.7vw}
.study_section .cate_area .leclist_box table td{padding:4vw 0;border-bottom:1px solid #ddd;color:#222;font-size:3.7vw}
.study_section .cate_area .leclist_box table td .lec_name{line-height:1.3;font-size:3.7vw;color:#222}
.study_section .cate_area .leclist_box table td .info_txt{font-size:3.5vw;color:#999;margin-top:1vw}
.study_section .cate_area .leclist_box table td .info_txt i{font-size:3.5vw;color:#2f66c5}
.study_section .cate_area .leclist_box table td .bt_play{width:8vw}
.study_section .cate_area .leclist_box .reco_lec{color:#666;font-size:3.5vw;margin-bottom:4vw;line-height:1.3}
.study_section .cate_area .leclist_box .disc{padding-top:4vw;color:#2f66c5;font-size:3.125vw;letter-spacing:-0.02em}
.unit_area{padding:4vw 5vw 1vw 5vw;background:#fff}
.unit_area .area_tit{margin-bottom:4.063vw;padding-bottom:2.813vw;border-bottom:1px solid #222;color:#2f66c5;font-size:4.375vw}
.unit_area dl{margin-bottom:9.375vw}
.unit_area dl dt,.unit_area dl dd{float:left;color:#222;font-size:4.063vw;}
.unit_area dl dt{width:18%;font-weight:bold}
.unit_area dl dd{width:82%}

.unit_area .cont_tit{font-weight:bold;color:#222;font-size:4.5vw;margin-bottom:4vw}
.unit_area .bt_wrap a + a{margin-top:1.563vw}

/* 내강의실: 첨삭 서비스 */
.myc-correction-list{background:#f8f8f8}
.myc-correction-list h2.page_tit{height:13.75vw;line-height:13.75vw !important;text-align:center;position:relative;background:#eee;font-size:4vw;color:#000;font-weight:normal;padding:0}
.myc-correction-list h2.page_tit img{position:absolute;top:0;left:0;height:13.75vw}
.myc-correction-list .content_box .title_block{display:flex;justify-content:space-between;align-items:flex-end;margin:0 4.688vw}
.myc-correction-list .content_box .title_block h3{font-size:4.375vw;line-height:1.32;letter-spacing:-.391vw;color:#222;font-weight:700}
.myc-correction-list .content_box .title_block .button{display:flex;justify-content:center;align-items:center;min-width:16.094vw;height:7.813vw;padding:1.406vw 2.656vw;background:#2f66c5}
.myc-correction-list .content_box .title_block .button a{font-size:3.75vw;color:#fff}
.myc-correction-list .myc__table{margin-top:3.125vw;background:#fff}
.myc-correction-list .myc__table table{width:100%;table-layout:fixed}
.myc-correction-list .myc__table table th,.myc__table table td{font-size:3.75vw;line-height:1.5}
.myc-correction-list .myc__table table tr{border-bottom:1px solid #ddd}
.myc-correction-list .myc__table thead th{padding:2.656vw 0}
.myc-correction-list .myc__table tbody td{padding:3.438vw 0;text-align:center}
.myc-correction-list .myc__table table .product{padding-left:4.688vw;text-align:left}
.myc-correction-list .myc__table tbody .state a{display:inline-block;padding:.625vw 2.813vw;border:2px solid #ddd;border-radius:5px;color:#999}
.myc-correction-list .myc__table tbody .open a{border-color:#0cb195;color:#0cb195}
.myc-correction-list .content_box.assignment{padding:5.781vw 0 9.375vw}
.myc-correction-list .content_box.assignment .myc__table .state{padding-right:4.688vw}
.myc-correction-list .content_box.assignment .myc__table .success a{user-select:none;pointer-events:none;touch-action:none}

.myc-correction-list .content_box.result{padding-bottom:15.625vw}
.myc-correction-list .result_box{margin-top:3.125vw;background:#fff}
.myc-correction-list .result_box span{display:inline-block;padding:3.438vw 0;font-size:3.75vw;line-height:1.5}
.myc-correction-list .result_box .list{display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #ddd}
.myc-correction-list .result_box .list > div{flex:0 0 auto;text-align:center}
.myc-correction-list .result_box .list .product{flex:1 1 auto;padding-left:4.688vw;width:57.813vw;text-align:left}
.myc-correction-list .result_box .list .round{width:15.625vw}
.myc-correction-list .result_box .list .state{width:15.625vw}
.myc-correction-list .result_box .list .empty{width:10.938vw;transform:rotate(180deg)}
.myc-correction-list .result_box .list.open .empty{transform:rotate(0)}
.myc-correction-list .result_box .tbody .state a{display:inline-block;padding:.625vw 2.813vw;border:2px solid #ddd;border-radius:5px;color:#999}
.myc-correction-list .result_box .tbody .state a span{padding:0}
.myc-correction-list .result_box .tbody .state.success a{border-color:#2f66c5;color:#2f66c5}
.myc-correction-list .result_box .tbody .cont{display:none;background:#f5f5f5}
.myc-correction-list .result_box .tbody .cont > div{padding:7.813vw 4.688vw}
.myc-correction-list .result_box .tbody .cont > div .stit{display:inline-flex;justify-content:center;align-items:center;padding:0 1.25vw;min-width:15.625vw;height:7.031vw;font-size:3.75vw;border:2px solid #111;box-sizing:border-box}
.myc-correction-list .result_box .tbody .cont > div p{padding-top:4.688vw;font-size:4.063vw;color:#111;line-height:1.5;word-break:break-all;word-break:keep-all;overflow-wrap:break-word}
.myc-correction-list .result_box .tbody .cont .correc_after{border-top:1px dashed #ddd}
.myc-correction-list .result_box .tbody .cont .correc_after span{border-color:#2f66c5;color:#2f66c5}

.myc-correction-write{background:#f8f8f8}
.myc-correction-write h2.page_tit{height:13.75vw;line-height:13.75vw!important;text-align:center;position:relative;background:#eee;font-size:4vw;color:#000;font-weight:400;padding:0;margin:3vw 0}
.myc-correction-write h2.page_tit img{position:absolute;top:0;left:0;height:13.75vw}
.myc-correction-write .content_block{padding-bottom:15.625vw;margin:0 4.063vw}
.myc-correction-write .content_block .content textarea{width:100%;min-height:38.438vw;padding:3.125vw;font-size:2.813vw;padding:8px;border:1px solid #dfdfdf;background:#fff;color:#999;line-height:1.4;box-sizing:border-box}
.myc-correction-write .content_block .content .foot{display:flex;padding:2.188vw 0;border-bottom:1px solid #ccc}
.myc-correction-write .content_block .content .length{display:inline-flex;align-items:center;font-size:2.813vw;color:#929292}
.myc-correction-write .content_block .wrbtn{display:inline-block;width:100%;height:9.375vw;margin-top:3.906vw;background:#000;font-size:3.438vw;color:#fff;line-height:9.375vw;text-align:center;vertical-align:middle;border-radius:.781vw}

/* 시원펜 전용도서 */
.product_section.book .cont_list_wrap{position:relative;width:100%;padding:20px 0 56px 0;text-align:center}
.product_section.book .cont_list_wrap h3.tit{display:inline-block;position:relative;margin:0 auto;padding:9vw 0 1.25vw 0;border-bottom:2px solid #0d0000;color:#000;font-size:4.5vw;font-weight:bold;text-align:center}
.product_section.book .cont_list_wrap h3.tit .info_count{color:#666;font-size:3vw;font-weight:normal}
.product_section.book .cont_list_wrap .book_list{padding-top:3vw;overflow:hidden;border-bottom:1px solid #ddd;}
.product_section.book .cont_list_wrap .book_list li.list{position:relative;float:left;width:50%;height:82vw;padding:0 2vw 10vw;box-sizing:border-box}
.product_section.book .cont_list_wrap .book_list li.list .thumb{display:block;padding:5vw 3.6vw 2vw;text-align:center}
.product_section.book .cont_list_wrap .book_list li.list .thumb img{width:100%}
.product_section.book .cont_list_wrap .book_list li.list .cate{display:block;width:100%;margin-top:2vw;text-align:center}
.product_section.book .cont_list_wrap .book_list li.list .cate i{display:inline-block;width:8vw;height:3.5vw;border-radius:.5vw;color:#fff;text-align:center;line-height:3.5vw;font-size:2.5vw}
.product_section.book .cont_list_wrap .book_list li.list .cate i.best{background:#ff493d}
.product_section.book .cont_list_wrap .book_list li.list .cate i.new{background:#ff9e69}
.product_section.book .cont_list_wrap .book_list li.list .info_box{position:relative;margin-top:20px}
.product_section.book .cont_list_wrap .book_list li.list .s{display:block;position:absolute;top:0;left:0;color:#999;font-size:13px;}
.product_section.book .cont_list_wrap .book_list li.list .s i{display:inline-block;position:relative;left:4px;top:2px;width:14px;height:14px;background:url(//siwon-cdn.siwonschool.com/img/www/v5/products/book/ico_info.png) no-repeat}
.product_section.book .cont_list_wrap .book_list li.list .subject{display:block;height:9vw;color:#000;font-size:3.3vw;line-height:1.4;text-align:center}
.product_section.book .cont_list_wrap .book_list li.list .price_box{position:relative;padding-top:2vw;overflow:hidden;box-sizing:border-box;text-align:center}
.product_section.book .cont_list_wrap .book_list li.list .price_box .sale{display:inline-block;padding-top:5px;color:#ff493d;font-size:2.8vw;font-weight:bold;}
.product_section.book .cont_list_wrap .book_list li.list .price_box .sale em{font-weight:bold;font-size:2.8vw}
.product_section.book .cont_list_wrap .book_list li.list .price_box .price_info{text-align:center}
.product_section.book .cont_list_wrap .book_list li.list .price_box del{display:inline-block;color:#999;font-size:2.8vw}
.product_section.book .cont_list_wrap .book_list li.list .price_box .price{color:#222;font-size:3.5vw;font-weight:bold;}
.product_section.book .cont_list_wrap .book_list li.list .price_box .price strong{font-size:4.6vw;line-height:1}
.product_section.book .cont_list_wrap .book_list li.list .buy_box{display:block;position:absolute;top:33vw;right:5vw;width:9.375vw;height:9.375vw;overflow:hidden}
.product_section.book .cont_list_wrap .book_list li.list .buy_box a{display:block;width:100%;height:9.375vw;background:url(//siwon-cdn.siwonschool.com/img/www/m/products/book/bt_cart.png) no-repeat left 0;background-size:auto 9.375vw;box-sizing:border-box;text-indent:-999em}
.product_section.book .cont_list_wrap .book_list li.list .buy_box a.on{background-position:-9.375vw 0}
.product_section.book .cont_list_wrap .book_list li .ship_layer{display:none;position:absolute;top:-1px;left:-1px;width:273px;padding:60px 30px;background:#fff;border:1px solid #222;color:#222;font-size:16px;text-align:center;box-sizing:border-box;line-height:1.4}
.product_section.book .cont_list_wrap .book_list li .ship_layer .close{position:absolute;top:20px;right:20px}
.product_section.book .notice_area{padding:4.6vw;background:#f3f4f8}
.product_section.book .notice_area .tit{font-size:0.8rem;color:#666;font-weight:bold}
.product_section.book .notice_area .list{padding-top:.5em}
.product_section.book .notice_area .list li{padding-left:1.2em;font-size:0.8rem;color:#666;line-height:1.6;text-indent:-1.2em}

#layer_book_cart .layer_header{position:fixed;top:0;left:0;width:100%;z-index:2}
#layer_book_cart .buy_wrap{padding:146px 0;background:#fff}
#layer_book_cart .buy_scroll{height:500px;overflow:auto}
#layer_book_cart .buy_wrap .buy_box{position:relative;padding:20px;background:#f6f6f6;border-bottom:1px solid #ddd}
#layer_book_cart .buy_wrap .buy_box.fixed{position:fixed;top:45px;left:0;width:100%;z-index:2}
#layer_book_cart .buy_wrap .buy_box.option{background:#fff}
#layer_book_cart .buy_wrap.empty .buy_box{background:#fff}
#layer_book_cart .buy_wrap.empty .buy_scroll .buy_box{position:relative;top:50%;margin-top:-50%}
#layer_book_cart .buy_wrap.empty .buy_box.fixed{background:#f6f6f6;}
#layer_book_cart .buy_wrap.empty .buy_box:last-child{border-bottom:0}
#layer_book_cart .buy_wrap .buy_box label.book{display:block;height:20px;padding:0;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/img_check2.png) no-repeat right top;background-size:20px auto;line-height:20px;color:#000;font-size:13px}
#layer_book_cart .buy_wrap .buy_box label.book.checked{background-position:right -20px}
#layer_book_cart .buy_wrap .price_box{margin-top:12px;overflow:hidden}
#layer_book_cart .buy_wrap .price_box .price{float:right;color:#254fef;font-size:16px;font-weight:bold;line-height:28px}
#layer_book_cart .buy_wrap .buy_box.option .price{color:#001111}
#layer_book_cart .buy_wrap .price_box .input{width:48px;height:26px;border:0;background:#fff;color:#666;font-size:14px;text-align:center;line-height:26px;vertical-align:middle}
#layer_book_cart .buy_wrap .price_box .count{float:left;width:102px;height:28px;border:1px solid #ddd}
#layer_book_cart .buy_wrap .price_box .count .minus,
#layer_book_cart .buy_wrap .price_box .count .plus{display:inline-block;width:26px;height:26px;background:url(//siwon-cdn.siwonschool.com/img/www/v5/products/book/bt_count.png) no-repeat;text-indent:-999em;vertical-align:middle}
#layer_book_cart .buy_wrap .price_box .count .minus{border-right:1px solid #ddd;background-position:0 0}
#layer_book_cart .buy_wrap .price_box .count .plus{border-left:1px solid #ddd;background-position:-26px 0}
#layer_book_cart .buy_wrap .subject{padding-right:40px;color:#000;font-size:13px;line-height:1.4}
#layer_book_cart .buy_wrap .close{position:absolute;top:20px;right:20px;width:20px;height:20px}
#layer_book_cart .buy_wrap .close img{width:100%}
#layer_book_cart .buy_wrap .total_box{position:fixed;bottom:0;left:0;width:100%;padding:20px 15px;background:#fff;border:1px solid #999;overflow:hidden;box-sizing:border-box}
#layer_book_cart .buy_wrap .total_box .count{display:inline-block;position:relative;top:2px;float:left;color:#000;font-size:16px;font-weight:bold;vertical-align:middle;line-height:1.2}
#layer_book_cart .buy_wrap .total_box .price{display:inline-block;float:right;color:#ff493d;font-size:16px;line-height:1.2}
#layer_book_cart .buy_wrap .total_box .price strong{font-size:16px}
#layer_book_cart .buy_wrap .total_box .bt_pay{display:block;float:left;margin-top:20px;background:#222;width:100%;height:42px;line-height:42px;text-align:center;color:#fff;font-size:15px;vertical-align:middle}
#layer_book_cart .buy_wrap.empty{padding:240px 0 0 0;background:#fff;text-align:left}
#layer_book_cart .buy_wrap.empty .noti{color:#999;font-size:16px;text-align:center}
#layer_book_cart .buy_wrap.no_payment .total_box .bt_pay{background:#ccc;color:#999;pointer-events:none}
.product_section.book .buy_bottom{position:fixed;left:0;bottom:0;z-index:3;width:100%;padding:20px 10px;border-top:1px solid #222;box-sizing:border-box;background:#fff}
.product_section.book .buy_bottom .buy_box{position:relative;margin-bottom:10px;padding:13px 20px;background:#eee;border-radius:25px;text-align:left}
.product_section.book .buy_bottom .buy_box::before{content:'';display:inline-block;position:absolute;top:-7px;left:50%;margin-left:-60px;width:120px;height:24px;background:url(//siwon-cdn.siwonschool.com/www/product/noti_pen.png) no-repeat;background-size:contain}
.product_section.book .buy_bottom .buy_box label.book{height:20px;padding-left:25px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/img_check2.png) no-repeat;background-size:20px auto;line-height:20px;color:#000;font-size:13px}
.product_section.book .buy_bottom .buy_box label.book.checked{background-position:0 -20px}
.product_section.book .buy_bottom .buy_box .price{float:right;color:#254fef;font-weight:bold;font-size:15px;line-height:20px}
.product_section.book .buy_bottom .pay{width:100%;height:50px;background:#222;color:#fff;font-size:13px;line-height:50px;text-align:center}
.product_section.book .buy_bottom .pay .bt_pay{display:block;width:100%;height:50px;line-height:50px;color:#fff}
.product_section.book .buy_bottom .pay .bt_pay span{display:inline-block;padding-left:25px;background:url(//siwon-cdn.siwonschool.com/img/www/m/products/book/ico_cart.png) no-repeat left 50%;background-size:16px auto}

#layer_single{padding-bottom:70px;height:100%;background:#f6f6f6}
#layer_single .tabs{margin-top:45px;overflow:hidden}
#layer_single .tabs li{float:left;width:33.33%;text-align:center}
#layer_single .tabs li a{display:inline-block;width:100%;height:45px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#fff;font-size:13px;line-height:45px;color:#111;text-align:center;box-sizing:border-box}
#layer_single .tabs li a.current{border-bottom-color:#f6f6f6;background:#f6f6f6}
#layer_single .tabs li:first-child a{border-left:0}
#layer_single .pop_close{position:absolute;top:-60px;right:5px}
#layer_single .tab_content{display:none !important;padding:20px 20px 150px;background:#f6f6f6}
#layer_single .tab_content.current{display:block !important}
#layer_single .book_info{position:relative;min-height:150px;overflow:hidden;border-bottom:1px solid #ddd}
#layer_single .book_info .thumb{display:inline-block;position:absolute;top:0;left:0;width:120px;height:120px;padding:6px;border:1px solid #ddd;background:#fff;box-sizing:border-box}
#layer_single .book_info .thumb img{width:100%}
#layer_single .book_info .info{padding:10px 0 30px 140px;color:#000;font-size:14px;line-height:1.4;font-weight:bold}
#layer_single .book_info .info .price{display:block;margin-top:30px;color:#222;font-size:16px;text-align:right}
#layer_single .book_info .info .price strong{font-size:21px;}
#layer_single .info_detail{padding-top:28px;color:#666;font-size:13px;line-height:1.4}
#layer_single .info_detail .dl dt{margin-top:15px;color:#000;font-size:13px;font-weight:bold}
#layer_single .info_detail .dl dt:first-child{margin-top:30px}
#layer_single .info_detail .dl dd{margin-top:5px;color:#666;font-size:13px}
#layer_single #tab2{position:relative;padding-bottom:0;text-align:center}
#layer_single #tab2 .tit_check{margin-bottom:20px}
#layer_single #tab2 img{width:100%}
#layer_single #tab3 .list li,
#layer_single #tab3 .list p{color:#666;font-size:15px;line-height:1.6}

#layer_package{padding-bottom:70px;height:100%;background:#f6f6f6}
#layer_package .book_wrap{padding-top:45px}
#layer_package .book_wrap .tit{height:32px;padding:12px 0 0 36px;border-bottom:1px solid #ddd;color:#000;font-size:16px;font-weight:bold}
#layer_package .info_wrap{}
#layer_package .tabs{border-top:1px solid #ddd;overflow:hidden}
#layer_package .tabs li{float:left;width:33.33%;text-align:center}
#layer_package .tabs li a{display:inline-block;width:100%;height:45px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background:#fff;font-size:13px;line-height:45px;color:#111;text-align:center;box-sizing:border-box}
#layer_package .tabs li a.current{border-bottom-color:#f6f6f6;background:#f6f6f6}
#layer_package .tabs li:first-child a{border-left:0}
#layer_package .pop_close{position:absolute;top:-60px;right:5px}
#layer_package .tab_contents{display:none;padding:40px 20px 150px;background:#f6f6f6;box-sizing:border-box}
#layer_package .tab_contents.current{display:block}
#layer_package #tab_package3{overflow:auto}
#layer_package .book_info{position:relative;min-height:150px;overflow:hidden;border-bottom:1px solid #ddd}
#layer_package .book_info .thumb{display:inline-block;position:absolute;top:0;left:0;width:120px;height:120px;padding:6px;border:1px solid #ddd;background:#fff;box-sizing:border-box}
#layer_package .book_info .thumb img{width:100%}
#layer_package .book_info .info{padding:10px 0 30px 140px;color:#000;font-size:14px;line-height:1.4;font-weight:bold}
#layer_package .book_info .info .price{display:block;margin-top:30px;color:#222;font-size:16px;text-align:right}
#layer_package .book_info .info .price strong{font-size:21px;}
#layer_package .info_detail{padding-top:28px;color:#666;font-size:13px;line-height:1.4}
#layer_package .info_detail .dl dt{margin-top:15px;color:#000;font-size:13px;font-weight:bold}
#layer_package .info_detail .dl dt:first-child{margin-top:30px}
#layer_package .info_detail .dl dd{margin-top:5px;color:#666;font-size:13px}
#layer_package #tab_package2{position:relative;padding-bottom:0;text-align:center}
#layer_package #tab_package2 .tit_check{margin-bottom:20px}
#layer_package #tab_package2 img{width:100%}
#layer_package #tab_package3 .list li,
#layer_package #tab_package3 .list p{color:#666;font-size:15px;line-height:1.6}
#layer_package .book_cont{padding:40px 20px 0;background:#fff}
#layer_package .book_desc{text-align:center}
#layer_package .book_desc .thumb{display:block;width:149px;height:149px;margin:0 auto}
#layer_package .book_desc .thumb img{width:100%}
#layer_package .book_desc .name{display:block;margin-top:15px;color:#000;font-size:14px;font-weight:bold;line-height:1.4}
#layer_package .book_desc .txt{margin-top:10px;color:#666;font-size:13px;line-height:1.4}
#layer_package .book_desc .ship{margin-top:20px;padding:5px 5px;border-radius:5px;border:1px solid #ddd;background:#fafafa;color:#999;font-size:10px;text-align:center}
#layer_package .book_desc .ship span{display:inline-block;padding:5px 0 5px 18px;background:url(//siwon-cdn.siwonschool.com/img/www/m/products/book/ico_noti.png) no-repeat left 6px;background-size:13px auto;line-height:1.4}
#layer_package .price_info{padding:28px 0 10px 0;border-bottom:1px solid #ddd;overflow:hidden}
#layer_package .price_info .tt{float:left;color:#ff493d;font-size:16px}
#layer_package .price_info .tt em{font-weight:bold;font-size:19px}
#layer_package .price_info .price_d{float:right;position:relative;top:-2px}
#layer_package .price_info .price_d del{margin-right:5px;color:#999;font-size:15px}
#layer_package .price_info .price_d .price{color:#222;font-size:16px}
#layer_package .price_info .price_d .price strong{font-size:21px}
#layer_package .book_slider{position:relative;padding:20px 0}
#layer_package .book_slider .sl li{float:left;width:60px !important;height:60px !important;padding:4px;margin-right:10px !important;border:1px solid #ddd;text-align:center}
#layer_package .book_slider .sl li:last-child{margin-left:0 !important}
#layer_package .book_slider .sl li img{width:100%}
#layer_package .book_slider .sl li a{display:inline-block;}
#layer_package .book_slider .sl li.select{border-color:#254fef}
#layer_package .book_slider .bx-viewport{height:70px !important}
#layer_package .book_slider .bx-controls-auto-item{display:none}
#layer_package .book_slider .bx-controls-direction{display:none}
#layer_package .book_slider .bx-controls-direction a{display:inline-block;overflow:hidden;position:absolute;top:50%;margin-top:-12px;z-index:58;width:9.5px;height:16px;text-indent:-999em;background:url(//siwon-cdn.siwonschool.com/img/www/v5/products/book/bt_sl.png) no-repeat}
#layer_package .book_slider .bx-controls-direction a.bx-prev{left:-15px;background-position:left center}
#layer_package .book_slider .bx-controls-direction a.bx-next{right:-15px;background-position:right center}

#layer_single .bot_buy,
#layer_package .bot_buy{position:fixed;left:0;bottom:0;width:100%;height:50px;background:#222}
#layer_single .bot_buy a,
#layer_package .bot_buy a{display:inline-block;position:relative;width:50%;height:50px;line-height:50px;color:#fff;font-size:13px;text-align:center}
#layer_single .bot_buy a:last-child:before,
#layer_package .bot_buy a:last-child:before{display:block;position:absolute;top:20px;left:0;width:1px;height:13px;background:#444;content:''}
#layer_single .bot_buy .count,
#layer_package .bot_buy .count{display:inline-block;height:20px;margin-left:10px;padding:0 7px;background:#ff493d;border-radius:20px;text-align:center;color:#fff;line-height:20px;font-size:12px}

#layer_book_cart{height:100%;background:#fff}


/* 레이어팝업 : 군부대 배송 */
#layer_deliver{width:96%;max-width:500px;padding:0;letter-spacing:-0.05em;margin:0;transform:translateX(-50%)}
#layer_deliver .cont{padding:15px;background:#fff}
#layer_deliver .cont h2{padding-bottom:15px;border-bottom:2px solid #000;color:#2f62cb;font-size:14px;line-height:1}
#layer_deliver .cont .tit{position:relative;margin-top:15px;padding-left:6.5px;color:#111;font-size:12px;letter-spacing:-0.05em;line-height:1}
#layer_deliver .cont .tit::before{display:block;position:absolute;top:50%;left:0;width:3px;height:8px;background:#2f62cb;transform:translateY(-50%);content:''}
#layer_deliver .cont ul{margin-top:5px}
#layer_deliver .cont ul li{color:#999;font-size:10px;line-height:1.3;letter-spacing:-0.05em}
#layer_deliver .cont ul li + li{margin-top:7.5px}
#layer_deliver .cont ul li b{color:#2f62cb}
#layer_deliver .cont .bt{display:block;width:65px;height:20px;margin:15px auto 0 auto;background:#2f62cb;color:#fff;font-size:10px}

/* 추천패키지 BEST */
.refund_best_comm { width: 79.688vw; margin: 0 auto; }
.refund_best_comm ul { display: flex; justify-content: space-between; flex-wrap: wrap;  }
.refund_best_comm ul li { position: relative; width: 34.375vw; }
.refund_best_comm ul li:nth-of-type(n+3) { margin-top: 4.375vw; padding-top: 5vw; }
.refund_best_comm ul li:not(:nth-of-type(1)):nth-of-type(odd)::after { content: ''; width: 91.25vw; height: 2px; position: absolute; left: -5.781vw; top: 0; border-top: 1px dashed rgba(92,118,154,0.4); }
.refund_best_comm ul li a { display: block; }
.refund_best_comm ul li a .num { display: flex; justify-content: center; align-items: center; width: 20.938vw; height: 5.781vw; margin: 0 auto; border-radius: 2.891vw; background: #ff0047; font-size: 3.75vw; color: #fff; }
.refund_best_comm ul li a .thumb { margin-top: 3.125vw; }
.refund_best_comm ul li a .tit { margin: 2.813vw -3.125vw 0 -3.125vw; font-weight: 800; font-size: 4.063vw; color: #000; text-align: center; letter-spacing: -0.05em; }
.refund_best_comm ul li a .caption { margin-top: 2.5vw; font-weight: 300; font-size: 3.281vw; color: #000; line-height: 1.47; text-align: center; }