.free_section .sample_sec_lec{position:relative}.free_section .sample_sec_lec .bt_more_comm{position:absolute;top:0;right:0}.free_section .sample_sec_lec ol{display:-webkit-box;display:-ms-flexbox;display:flex}.free_section .sample_sec_lec ol li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;margin-right:-1px;width:calc(25% + 1px)}.free_section .sample_sec_lec ol li:hover .item{z-index:2;border-color:#2d47fb}.free_section .sample_sec_lec ol li:hover .item .thumb .shadow{background:hsla(0,0%,100%,.25)}.free_section .sample_sec_lec ol li:hover .item .thumb .ico_zoom{display:block}.free_section .sample_sec_lec ol li:hover .mask{background-color:#fff;opacity:.25}.free_section .sample_sec_lec ol .item{display:block;position:relative;padding:14px 14px 17px;border:1px solid #e8e8e8;overflow:hidden}.free_section .sample_sec_lec ol .item .thumb{position:relative;height:140px;background-color:#f5f5f5;background-size:cover;background-position:center center}.free_section .sample_sec_lec ol .item .thumb .shadow{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url("//siwon-cdn.siwonschool.com/classup/comm/video_shadow.png") left bottom repeat-x}.free_section .sample_sec_lec ol .item .thumb .ico_zoom{position:absolute;top:50%;left:50%;display:none;margin:-24px 0 0 -24px;width:48px;height:48px;text-indent:-1000%;background:#2d47fb url("//siwon-cdn.siwonschool.com/classup/products/ico_zoom.png") no-repeat center center;-webkit-box-shadow:3px 3px 4px rgba(0,0,0,.3);box-shadow:3px 3px 4px rgba(0,0,0,.3);border-radius:50%;overflow:hidden;z-index:2}.free_section .sample_sec_lec ol .item .name{padding:18px 0 7px;font-size:14px;font-weight:bold;color:#111}.free_section .sample_sec_lec ol .item .desc{font-size:14px;color:#666;line-height:1.3}.free_section .sample_sec_lec ol .item .more{display:none;position:absolute;top:110px;left:50%;margin-left:-23px}.free_section .sec_head{overflow:hidden;margin:20px 0 60px;width:100%;height:250px}.free_section .sec_head img{width:100%;height:auto}.free_section .top_area{margin-bottom:10px}.free_section .top_area ul{display:-webkit-box;display:-ms-flexbox;display:flex}.free_section .top_area ul li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:10px}.free_section .top_area ul li a{display:block;padding:0 20px;height:34px;font-size:14px;color:#111;line-height:32px;border:1px solid #111}.free_section .top_area ul li.on a{color:#fff;background-color:#111}.free_section .learn_area{padding-top:20px;border-top:2px solid #858585}.free_section .word_area ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px}.free_section .word_area ul li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 20px 40px;width:calc(33.3333333333% - 40px);border:1px solid #dbdbdb}.free_section .word_area ul li .title_area{padding:22px 18px;border-bottom:1px solid #dbdbdb}.free_section .word_area ul li .title_area .tit{font-size:16px;font-weight:500}.free_section .word_area ul li .title_area .cat{font-size:13px;color:#666}.free_section .word_area ul li .thumb_area{margin:18px 18px 20px;height:184px;background-size:cover;background-position:center center}.free_section .word_area ul li .button_area{padding:0 18px 18px}.free_section .word_area ul li .button_area a{display:block}.free_section .word_area ul li:hover{border-color:#2d47fb}.free_section .alphabet_area ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0 -16.5px}.free_section .alphabet_area ul li{margin:0 16.5px 34px;padding:15px;width:calc(25% - 33px);border:1px solid #dbdbdb}.free_section .alphabet_area ul li .alphabet .text{height:135px;font-size:120px;font-weight:900;line-height:1;text-align:center}.free_section .alphabet_area ul li .alphabet .spiking{margin-left:5px;font-size:16px;text-align:center}.free_section .alphabet_area ul li .alphabet .spiking .play_btn{position:relative;top:-2px;margin-left:5px;display:inline-block;width:19px;height:19px;text-indent:-1000%;vertical-align:middle;background-image:url("//siwon-cdn.siwonschool.com/classup/free/ico_audio.png");background-repeat:no-repeat;background-position:top center;overflow:hidden}.free_section .alphabet_area ul li .alphabet .spiking .play_btn.on{background-position-y:bottom}.free_section .alphabet_area ul li .example{position:relative;margin-top:44px;padding:10px 0 22px;text-align:center;background-color:#fafafa;border:1px solid #dbdbdb}.free_section .alphabet_area ul li .example .label{position:absolute;top:-14px;left:0;right:0;margin:0 auto;width:85px;height:24px;text-align:center;line-height:22px;background-color:#fff;border:1px solid #dbdbdb;border-radius:24px}.free_section .alphabet_area ul li .example .text{font-size:40px}.free_section .alphabet_area ul li .example .text:first-letter{color:red}.free_section .alphabet_area ul li .example .translate{font-size:16px}.free_section .alphabet_area ul li .example .translate .kor{font-weight:500}.free_section .alphabet_area ul li .example .translate .spiking .play_btn{position:relative;top:-1px;margin-left:5px;display:inline-block;width:19px;height:19px;text-indent:-1000%;vertical-align:middle;background-image:url("//siwon-cdn.siwonschool.com/classup/free/ico_audio.png");background-repeat:no-repeat;background-position:top center;overflow:hidden}.free_section .alphabet_area ul li .example .translate .spiking .play_btn.on{background-position-y:bottom}.free_section .alphabet_area ul li:hover{border-color:#2d47fb}.wrap_layer_popup#layer_sound{width:800px}.wrap_layer_popup#layer_sound .pop_cont{position:relative;padding:50px;min-height:480px}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .thumb_area{position:relative;margin:0 auto;width:410px;height:248px;background-size:cover;background-position:center center}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .thumb_area .text{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;font-size:64px;color:#fff;text-align:center;background-color:rgba(0,0,0,.4)}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .data_area{margin-top:30px}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .data_area ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .data_area ul li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;font-size:14px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .data_area ul li.rtl .value{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .data_area ul li .name{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100px;height:50px;background-color:#f9f9f9;border-right:1px solid #dbdbdb}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .data_area ul li .value{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:30px;height:50px}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .data_area ul li .value .play_btn{display:inline-block;width:19px;height:19px;text-indent:-1000%;vertical-align:middle;background-image:url("//siwon-cdn.siwonschool.com/classup/free/ico_audio.png");background-repeat:no-repeat;background-position:top center;overflow:hidden}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .data_area ul li .value .play_btn.on{background-position-y:bottom}.wrap_layer_popup#layer_sound .pop_cont .swiper-container .swiper-slide .data_area ul li strong{font-size:20px}.wrap_layer_popup#layer_sound .pop_cont .swiper-navigation{position:absolute;top:0;left:0;z-index:10;width:100%}.wrap_layer_popup#layer_sound .pop_cont .swiper-navigation .arrows{position:absolute;top:140px;width:37px;height:71px;text-indent:-1000%;background-image:url("//siwon-cdn.siwonschool.com/classup/free/sl_nav.png");background-repeat:no-repeat;overflow:hidden}.wrap_layer_popup#layer_sound .pop_cont .swiper-navigation .arrows.prev{left:100px;background-position:left top}.wrap_layer_popup#layer_sound .pop_cont .swiper-navigation .arrows.next{right:100px;background-position:right top}.wrap_layer_popup#layer_sound .pop_cont .swiper-navigation .arrows:hover{background-position-y:bottom}/*# sourceMappingURL=free.min.css.map */