@charset "UTF-8";

/* 공통 컴포넌트 ------------------------------------------------------------------------------------------------------*/

/* 피씨용/모바일용 이미지 구분 */
.pc{display:block !important;}
table.pc{display:table !important;}
.mob{display:none !important;}

/* 줄바꿈 */.lb{display:none;}

/* 스와이퍼 페이징 */
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, 
.swiper-pagination-fraction{bottom:0 !important;}
.swiper-pagination-bullet{width:10px !important; height:10px !important; background:#fff !important; opacity:1 !important;}
.swiper-pagination-bullet-active{background:#ed2023 !important;}

/* 스와이퍼 스탑 버튼 */
.pagination-area{position:relative; text-align:center; width:1200px; padding-top:25px; margin:0 auto; overflow:hidden; z-index:1;}
.pagination-area > div.autoplaybtn{margin-left:10px;}
.pagination-area .swiper-pagination{display:inline-block; position:relative; font-size:0; padding:5px 0;}
.pagination-area .swiper-pagination span{margin-right:10px;}
.pagination-area .swiper-pagination span:last-child{margin-right:0px;}
.pagination-area .autoplaybtn{display:inline-block; position:relative; width:20px; height:20px; background:url('/wowfa20/front/assets/img/swiper-stop.png')no-repeat left center; text-indent:-9999px; font-size:0; cursor:pointer;}
.pagination-area .autoplaybtn.stop{background:url('/wowfa20/front/assets/img/swiper-play.png')no-repeat left center;}

/* 스와이퍼 버튼 */
.swiper-button-next{background:url('/wowfa20/front/assets/img/swiper-arrow-nxt.png')no-repeat center !important; transition:.2s all ease;}
.swiper-button-prev{background:url('/wowfa20/front/assets/img/swiper-arrow-prev.png')no-repeat center !important; transition:.2s all ease;}
.swiper-button-next:hover,
.swiper-button-next:active{background:url('/wowfa20/front/assets/img/swiper-arrow-nxt-on.png')no-repeat center !important; transition:.2s all ease;}
.swiper-button-prev:hover,
.swiper-button-prev:active{background:url('/wowfa20/front/assets/img/swiper-arrow-prev-on.png')no-repeat center !important; transition:.2s all ease;}

/* 메인 -------------------------------------------------------------------------------------------------------*/
#mainVisualWrap,
#main_con_02,
#main_con_02_1,
#main_con_02_2,
#main_con_02_3,
#main_con_03, 
#main_con_04, 
#main_con_05, 
#main_con_06, 
#main_con_07{background:#1b1b1b; padding-bottom:80px; /* min-width:1200px; */} 

#main_con_02 h3, 
#main_con_02_1 h3,
#main_con_02_2 h3,
#main_con_02_3 h3,
#main_con_03 h3, 
#main_con_04 h3,
#main_con_05 h3{text-align:center; font-size:40px; line-height:45px; font-weight:500; color:#fff; padding-bottom:30px;}	

/* #mainVisualWrap 메인비주얼 ---------------------------------------------------------------------------------------------*/
#mainVisualWrap{background:#1b1b1b; padding-top:25px; overflow:hidden;}
#mainVisualWrap a{display:block; /* height:510px; */}
#mainVisualWrap a img{width:100%; transition:all .3s ease;}
#mainVisualWrap a:hover img.pc{transform:scale3d(1.04,1.04,1.04); transition:all .5s ease;}
#mainVisualWrap .pc{display:block;}
#mainVisualWrap .mob{display:none;}
#mainVisualWrap .swiper-container{overflow:visible;}
#mainVisualWrap .swiper-wrapper .swiper-slide{width:760px !important;} 
#mainVisualWrap .arrow-area{position:absolute; top:50%; left:50%; width:922px; transform:translate(-50%, -50%); z-index:1;}
#mainVisualWrap .swiper-button-next, #mainVisualWrap .swiper-container-rtl .swiper-button-prev{right:0;}
#mainVisualWrap .swiper-button-prev, #mainVisualWrap .swiper-container-rtl .swiper-button-next{left:0;}

/* #main_con_02 맞춤강좌 ---------------------------------------------------------------------------------------------*/
#main_con_02 .wrap,
#main_con_02_1 .wrap,
#main_con_02_2 .wrap,
#main_con_02_3 .wrap,
#main_con_03 .wrap{position:relative; }
#main_con_02,
#main_con_02_1,
#main_con_02_2,
#main_con_02_3,
#main_con_03{overflow:hidden;}
#main_con_02 .thumnail-info.on + .thumnail-popup-info,
#main_con_02_1 .thumnail-info.on + .thumnail-popup-info,
#main_con_02_2.thumnail-info.on + .thumnail-popup-info,
#main_con_02_3 .thumnail-info.on + .thumnail-popup-info,
#main_con_03 .thumnail-info.on + .thumnail-popup-info{bottom:0;}
#main_con_02 .thumnail-info.on + .thumnail-popup-info:before,
#main_con_02_1 .thumnail-info.on + .thumnail-popup-info:before,
#main_con_02_2 .thumnail-info.on + .thumnail-popup-info:before,
#main_con_02_3 .thumnail-info.on + .thumnail-popup-info:before,
#main_con_03 .thumnail-info.on + .thumnail-popup-info:before{left:auto; right:20%;}

.mainVideoVisual .thumnail-box{background:#252525;}
.mainVideoVisual .thumnail-info{height:110px;}
.mainVideoVisual.swiper-container{position:relative;;overflow:visible;margin-top:40px;}
.mainVideoVisual.swiper-container:before,
.mainVideoVisual.swiper-container:after{content:'';position:absolute;top:0;bottom:0;height:100%;width:100%;background:#1b1b1b;opacity:0.8;z-index:3;}
.mainVideoVisual.swiper-container:before{left:-100%;}
.mainVideoVisual.swiper-container:after{right:-100%;}
.mainVideoVisual .swiper-wrapper{left:12.5%;}
.mainVideoVisual .swiper-wrapper .swiper-slide{width:24% !important; margin-left:0.5%; margin-right:0.5%;} 
.mainVideoVisual + .arrow-area .swiper-button-next{background:url('/wowfa20/front/assets/img/swiper-arrow-nxt-02.png')no-repeat center !important;}
.mainVideoVisual + .arrow-area .swiper-button-prev{background:url('/wowfa20/front/assets/img/swiper-arrow-prev-02.png')no-repeat center !important;}
.mainVideoVisual + .arrow-area .swiper-button-next,
.mainVideoVisual + .arrow-area .swiper-button-prev{width:40px; height:80px;}
.mainVideoVisual + .arrow-area{opacity:0; position:absolute; top:35%; left:50%; width:100%; z-index:1; transform:translate(-50%, 0);  transition:all .3s ease;}
.mainVideoVisual + .arrow-area.show{opacity:1; transition:all .3s ease;}
.mainVideoVisual + .arrow-area .swiper-button-next,
.mainVideoVisual + .arrow-area .swiper-container-rtl .swiper-button-prev{right:0.5%;}
.mainVideoVisual + .arrow-area .swiper-button-prev, 
.mainVideoVisual + .arrow-area .swiper-container-rtl .swiper-button-next{left:0.5%;}

.tag{display:block; text-align:center; font-size:0;}
.tag button{min-width:160px; padding:0 20px; height:40px; font-size:20px; line-height:29px; color:#fff; background:#383838; border-radius:100px; letter-spacing:-1px; margin-right:10px; margin-bottom:5px;} 
.tag button:before{content:'#'; display:inline-block; padding-right:3px;}
.tag button:last-child{margin-right:0;}
.tag button.on{background:#ed2023; transition:all .2s ease;}
.tag button:hover{text-decoration:underline;}

.thumnail-box a{display:block; overflow:hidden;}
.thumnail-img img{width:100%; transition:all .15s linear; background:#ddd;}
.thumnail-img:hover img{transform:scale3d(1.04,1.04,1.04); transition:all .15s linear;}
.thumnail-info{padding:10px;}
.thumnail-info .title{display:block;max-height:40px;overflow:hidden;font-weight:300;line-height:20px;word-wrap:break-word;word-break:keep-all;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}

@media all and (min-width : 1199px){
.thumnail-info .title {height:40px;}
}
.thumnail-info a:hover .title{text-decoration:underline; /*color:#333;*/}
.thumnail-info .title b{font-weight:300;}
.thumnail-info .info{margin-top:10px; margin-bottom:20px; font-size:14px; line-height:20px; color:#9d9d9d; overflow:hidden;}
.thumnail-info .info b{margin:0 3px 0 6px;font-weight:300;}
.thumnail-info.on{position:relative; background:#fff; }
.thumnail-info.on .title,
.thumnail-info.on .title b,
.thumnail-info.on .info,
.thumnail-info.on .info b{font-weight:400;color:#1b1b1b;}
.thumnail-info.on + .thumnail-popup-info{display:block; position:absolute; bottom:0px; transform:translate(0, 100%); width:100%; z-index:2; padding:8px 10px !important;}
.thumnail-info.on + .thumnail-popup-info .btn-box{position:relative; width:auto;}
.thumnail-info.on + .thumnail-popup-info:before{content:'';position:absolute;top:-10px;left:20%;margin:0 auto;width:0;height:0;border-bottom: solid 15px #545454;border-left: solid 10px transparent;border-right: solid 10px transparent;}

/* 체크박스 커스텀 */
.check.typ2{float:right; position:relative; top:0px; cursor:pointer;}
.check.typ2 input[type="checkbox"]{position:absolute; right:0; color:#9d9d9d; width:0; height:0;}
.check.typ2 input[type="checkbox"] + .label-text{color:#9d9d9d; transition:all .1s ease; position:relative; display:block; padding-left:20px;}
.check.typ2 input[type="checkbox"] + .label-text:before{display:inline-block; content:""; position:absolute; top:50%; left:0; width:16px; height:16px; transform:translate(0, -50%); background:url('/wowfa20/front/assets/img/chk-off.png')no-repeat center; border-radius:100%; transition:all .2s ease;}

.check.typ2 input[type="checkbox"]:hover + .label-text{color:#e70012; transition:all .1s ease;}
.check.typ2 input[type="checkbox"]:hover + .label-text:before{background:url('/wowfa20/front/assets/img/chk-on.png')no-repeat center; transition:all .1s ease;}

.check.typ2 input[type="checkbox"]:checked + .label-text{color:#e70012;}
.check.typ2 input[type="checkbox"]:checked + .label-text:before{background:url('/wowfa20/front/assets/img/chk-on.png')no-repeat center;}

.check.typ2 input[type="checkbox"]:disabled + .label-text{color:#9d9d9d;}
.check.typ2 input[type="checkbox"]:disabled + .label-text:before{color:#9d9d9d;}

.thumnail-popup-info{display:none;padding:8px 10px;overflow:visible;background:#545454;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.thumnail-popup-info .txt{float:left;font-size:12px;font-weight:300;line-height:16px;letter-spacing:-0.6px;color:#fff;}
.thumnail-popup-info .btn-box{float:right;margin:3px 0;}
.thumnail-popup-info .btn-basic{display:inline-block !important; padding:8px 5px 7px;background-color:#1b1b1b;border-radius:5px;font-size:12px;color:#fff;}
.thumnail-popup-info .btn-basic.typ2{display:inline-block;margin-left:3px;padding:8px 5px 7px;background-color:#ed2023;border-radius:5px;font-size:12px;color:#fff;}

/* #main_con_04 인기컨텐츠 ---------------------------------------------------------------------------------------------*/
#main_con_04 .popular-content{overflow:hidden;}
#main_con_04 .popular-content li{position:relative; float:left; width:25%; height:446px; overflow:hidden;}
#main_con_04 .popular-content li a{display:block; height:100%; background:#ddd;}
#main_con_04 .popular-content li a img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:101%; transition: all .15s linear;}
#main_con_04 .popular-content li a:hover img{transform:translate(-50%, -50%) scale3d(1.04,1.04,1.04); transition: all .15s linear;}
#main_con_04 .popular-content li a > span{display:block; position:absolute; bottom:10%; padding:0 20px; word-wrap:break-word; word-break:keep-all;}
#main_con_04 .popular-content li a > span em{display:block; color:#fff; font-size:24px; line-height:30px; margin-bottom:10px; max-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all;}
#main_con_04 .popular-content li a > span span{display:block; color:#fff; font-size:18px; line-height:25px; font-weight:300; letter-spacing:-1.5px; max-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all;}

/* #main_con_05 강사진 ---------------------------------------------------------------------------------------------*/
#teacher .swiper-slide{display:table; table-layout:fixed; width:100%;}
#teacher .big_img{display:table-cell; width:42.33%; position:relative;}
#teacher .big_img li img{width:100%;}
#teacher .big_img li{display:none; width:100%; position:absolute; top:0; left:0;}
#teacher .big_img li:first-child{display:block;}
#teacher .thum_img{display:table-cell; overflow:hidden; padding-left:10px; width:57.67%}
#teacher .thum_img li{float:left; margin-right:10px; margin-top:10px; position:relative; width:calc(100% / 4 - 7.5px - 0.1px)}
#teacher .thum_img li:nth-child(-n+4){margin-top:0;}
#teacher .thum_img li:nth-child(4n){margin-right:0;}
#teacher .thum_img li img{display:block; width:100%;}
#teacher .thum_img li img.on{display:none;}
#teacher .thum_img li.active img{display:none;}
#teacher .thum_img li.active img.on{display:block;}
#teacher .thum_img li a{display:block; position:relative;}
#teacher .thum_img li .detail{display:none; position:absolute; bottom:0; left:0; right:0; width:100%; height:37px; background:rgba(0, 0, 0, 0.3); text-align:center;}
#teacher .thum_img li.active .detail i{position:absolute; width:100%; top:0; left:0; right:0; opacity:1; color:#fff; font-style:normal; font-weight:300; padding:11px 0 15px;}
#teacher .thum_img li.active a .detail{display:block;}
#teacher .swiper-container{position:relative;}
#teacher .arrow-area .swiper-button-next{background:url('/wowfa20/front/assets/img/swiper-arrow-nxt-02.png')no-repeat center !important;}
#teacher .arrow-area .swiper-button-prev{background:url('/wowfa20/front/assets/img/swiper-arrow-prev-02.png')no-repeat center !important;}
#teacher .arrow-area .swiper-button-next,
#teacher .arrow-area .swiper-button-prev{width:40px; height:80px; transform:translateY(-25%);}
#teacher .arrow-area{opacity:0; position:absolute; top:50%; left:50%; width:100%; z-index:1; transform:translateX(-50%);  transition:all .3s ease;}
#teacher .arrow-area.show{opacity:1; transition:all .3s ease;}
#teacher .arrow-area .swiper-button-next,
#teacher .arrow-area .swiper-container-rtl .swiper-button-prev{right:0;}
#teacher .arrow-area .swiper-button-prev, 
#teacher .arrow-area .swiper-container-rtl .swiper-button-next{left:0;}
#teacher_m{display:none;}

/* #main_con_06 프로모션 배너 ---------------------------------------------------------------------------------------------*/
#main_con_06{overflow:hidden;}
#main_con_06 .swiper-container{overflow:visible;}
#main_con_06 .swiper-container:before,
#main_con_06 .swiper-container:after{content:'';position:absolute;top:0;bottom:0;height:100%;width:100%;background:#1b1b1b;opacity:0.8;z-index:3;}
#main_con_06 .swiper-container:before{left:-100%;}
#main_con_06 .swiper-container:after{right:-100%;}
#main_con_06 .swiper-wrapper .swiper-slide a{display:block; position:relative;}
#main_con_06 .swiper-wrapper .swiper-slide img{width:100%;} 
#main_con_06 .swiper-wrapper .swiper-slide img.mob{display:none;} 
#main_con_06 .swiper-wrapper .swiper-slide a > span{display:block; position:absolute; bottom:0; left:0; padding-left:82px; padding-bottom:50px; word-wrap:break-word; word-break:keep-all;}
#main_con_06 .swiper-wrapper .swiper-slide a > span > em{display:block; color:#1b1b1b; font-size:40px; line-height:59px; letter-spacing:-2px; font-weight:300;}
#main_con_06 .swiper-wrapper .swiper-slide a > span > span{display:block; color:#1b1b1b; font-size:26px; line-height:38px; letter-spacing:-1.3px; font-weight:300;}

/* #main_con_07 일정---------------------------------------------------------------------------------------------*/
#main_con_07 h3{text-align:center; font-size:26px; line-height:30px; font-weight:500; color:#fff; padding-bottom:30px;}	
#main_con_07 .wrap{overflow:hidden; background:#1b1b1b;}
#main_con_07 .wrap:nth-child(1){margin-bottom:10px; height:512px;}
#main_con_07 .wrap:nth-child(2){height:240px;}
#main_con_07 .wrap > div:nth-child(1){float:left; margin-right:10px; width:700px; height:100%;}	
#main_con_07 .wrap > div:nth-child(2){float:left; width:490px; height:100%;}	

/* 최근일정  */
#main_con_07 .recent-schedule .tab-button li{background:#272f46; border-color:#272f46; color:#fff;}
#main_con_07 .recent-schedule .tab-button li.active{background:#00c3be; border-color:#00c3be;}
#main_con_07 .recent-schedule .tab-content{height:392px; padding:40px 30px;}
#main_con_07 .recent-schedule .tab-content ul li{position:relative; width:100%; border-bottom:1px solid #ddd; padding:10px 0; overflow:hidden;}
#main_con_07 .recent-schedule .tab-content ul li:last-child{border-bottom:none;}
#main_con_07 .recent-schedule .tab-content ul li em{display:block; position:absolute; width:61px; height:61px; top:50%; left:0; padding:20px 0; transform:translate(0, -50%); font-style:normal; color:#1b1b1b; line-height:20px; letter-spacing:-2px; font-size:20px; background:#d0f3f3; border-radius:50%; box-sizing:border-box; text-align:center;}	
#main_con_07 .recent-schedule .tab-content ul li span{font-size:16px; line-height:20px; color:#1b1b1b;}
#main_con_07 .recent-schedule .tab-content ul li a{display:table; width:100%; height:61px; padding-left:85px; }
#main_con_07 .recent-schedule .tab-content ul li a > span{display:table-cell; vertical-align:middle;}
#main_con_07 .recent-schedule .tab-content ul li .tit > span{display:block; padding-right:25px; font-size:20px; line-height:26px; color:#1b1b1b; letter-spacing:-1px; max-height:55px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all;}
#main_con_07 .recent-schedule .tab-content ul li .time{width:100px;}
#main_con_07 .recent-schedule .tab-content ul li .time > span{display:block;  font-weight:300; letter-spacing:-0.5px;}
#main_con_07 .recent-schedule .tab-content ul li a:hover .tit > span{text-decoration:underline;}

/* 전체일정  */
#main_con_07 .total-schedule .calendar{position:relative; background:#fff; width:100%; height:452px; padding:30px 0 10px;}
#main_con_07 .total-schedule .calendar .type{position:absolute; bottom:10px; width:100%; margin:0 auto; text-align:center;}
#main_con_07 .total-schedule .calendar .type span{display:inline-block; position:relative; font-size:14px; line-height:20px; font-weight:300; padding-left:14px; letter-spacing:-0.7px;}
#main_con_07 .total-schedule .calendar .type span:before{content:''; position:absolute; left:0; display:block; width:10px; height:10px; border-radius:50%; top:50%; transform:translate(0, -50%);}
#main_con_07 .total-schedule .calendar .type .online{color:#00c3be; margin-right:20px;}
#main_con_07 .total-schedule .calendar .type .online:before{background:#00c3be;}
#main_con_07 .total-schedule .calendar .type .offline{color:#587ded;}
#main_con_07 .total-schedule .calendar .type .offline:before{background:#587ded;}

.schedule-info li{-ms-display:flex;display:flex;}
.schedule-info li,.schedule-info li a{color:#1b1b1b; font-size:14px; font-weight:300; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} 
.schedule-info li a{padding:0 !important;}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:last-child .schedule-info li a{color:#1b1b1b !important; font-size:14px !important; font-weight:300 !important;} 
.ui-datepicker .ui-datepicker-calendar td .schedule-info li a:hover{color:#1b1b1b !important; text-decoration:underline;}
.schedule-info li:before{content:''; display:block; padding-right:3px;}
.schedule-info li.online:before{content:'[온라인]'; color:#00c3be;}
.schedule-info li.offline:before{content:'[현장교육]'; color:#587ded;} 
.schedule-info li+li{margin-top:7px;}

.ui-datepicker-calendar tbody tr .datepicker-pop{display:none;width:260px;position:absolute; bottom:-10px; left:50%; background:#fff; box-shadow:3px 0px 12px 0 rgba(0, 0, 0, 0.64); padding:14px 15px; border-radius:0 0 10px 10px;transform:translate(-50%, 100%);z-index:1;}
.ui-datepicker-calendar tbody tr .datepicker-pop:before{content:'';position:absolute;top:1px;left:50%;transform:translate(-50%, -100%);margin:0 auto;width:0;height:0;border-bottom: solid 15px #fff;border-left: solid 10px transparent;border-right: solid 10px transparent;}

.ui-datepicker-calendar tbody tr:nth-child(4) .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(5) .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(6) .datepicker-pop{bottom:auto; top:-10px; transform:translate(-50%, -100%);}
.ui-datepicker-calendar tbody tr:nth-child(4) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(5) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(6) .datepicker-pop:before{top:auto; bottom:0; transform:translate(-50%, 100%) rotate(180deg);}

.ui-datepicker-calendar tbody tr:nth-child(1) td:first-child .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(2) td:first-child .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(3) td:first-child .datepicker-pop{transform:translate(-15%, 100%); }
.ui-datepicker-calendar tbody tr:nth-child(4) td:first-child .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(5) td:first-child .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(6) td:first-child .datepicker-pop{transform:translate(-15%, -100%); box-shadow:-4px 0px 12px 0 rgba(0, 0, 0, 0.64);}

.ui-datepicker-calendar tbody tr:nth-child(1) td:nth-child(2) .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(2) td:nth-child(2) .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(3) td:nth-child(2) .datepicker-pop{transform:translate(-35%, 100%); }
.ui-datepicker-calendar tbody tr:nth-child(4) td:nth-child(2) .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(5) td:nth-child(2) .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(6) td:nth-child(2) .datepicker-pop{transform:translate(-35%, -100%); box-shadow:-4px 0px 12px 0 rgba(0, 0, 0, 0.64);}

.ui-datepicker-calendar tbody tr:nth-child(1) td:nth-child(6) .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(2) td:nth-child(6) .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(3) td:nth-child(6) .datepicker-pop{transform:translate(-65%, 100%); }
.ui-datepicker-calendar tbody tr:nth-child(4) td:nth-child(6) .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(5) td:nth-child(6) .datepicker-pop{transform:translate(-65%, -100%); box-shadow:-4px 0px 12px 0 rgba(0, 0, 0, 0.64);}

.ui-datepicker-calendar tbody tr:nth-child(1) td:last-child .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(2) td:last-child .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(3) td:last-child .datepicker-pop{transform:translate(-85%, 100%); }
.ui-datepicker-calendar tbody tr:nth-child(4) td:last-child .datepicker-pop,
.ui-datepicker-calendar tbody tr:nth-child(5) td:last-child .datepicker-pop{transform:translate(-85%, -100%); box-shadow:-4px 0px 12px 0 rgba(0, 0, 0, 0.64);}

.ui-datepicker-calendar tbody tr:nth-child(1) td:first-child .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(2) td:first-child .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(3) td:first-child .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(4) td:first-child .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(5) td:first-child .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(6) td:first-child .datepicker-pop:before{left:15%;}

.ui-datepicker-calendar tbody tr:nth-child(1) td:nth-child(2) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(2) td:nth-child(2) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(3) td:nth-child(2) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(4) td:nth-child(2) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(5) td:nth-child(2) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(6) td:nth-child(2) .datepicker-pop:before{left:35%;}

.ui-datepicker-calendar tbody tr:nth-child(1) td:nth-child(6) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(2) td:nth-child(6) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(3) td:nth-child(6) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(4) td:nth-child(6) .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(5) td:nth-child(6) .datepicker-pop:before{left:65%;}

.ui-datepicker-calendar tbody tr:nth-child(1) td:last-child .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(2) td:last-child .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(3) td:last-child .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(4) td:last-child .datepicker-pop:before,
.ui-datepicker-calendar tbody tr:nth-child(5) td:last-child .datepicker-pop:before{left:85%;}

.datepicker-calendar-wrapbl{width:100%;-ms-display:flex;display:flex;left:0;justify-content:center;margin-top:5px;}
.datepicker-calendar-wrapbl em{width:18px;height:18px;display:block;border-radius:100%;color:#1b1b1b;font-size:13px;font-family:'Roboto', 'NotoSansCJKkr','Apple SD Gothic Neo','Ubuntu', 'Nanum Square','Dotum','돋움',sans-serif, 'Noto Sans TC';line-height:18px; padding:0; margin:0;}
.datepicker-calendar-wrapbl em + em{margin-left:2px;}
.datepicker-calendar-wrapbl em.online{background:#00c3be; color:#fff }
.datepicker-calendar-wrapbl em.offline{background:#587ded; color:#fff }

/* DATE PICKER 초기화 */
.calendar .ui-datepicker{padding:0 !important; background:#fff;}
.calendar .ui-datepicker.ui-widget{font-size:14px; font-family:inherit;}
.calendar .ui-datepicker.ui-widget.ui-widget-content{width:100%; height:100%; border:0px none; border-radius:0; box-shadow:none; padding:0 !important;}
.calendar .ui-datepicker .ui-widget-header{border:0px none; background:none; color:#252525; font-size:26px; line-height:34px; margin:0 auto 30px; padding:0 !important; width:88%; font-weight:bold;}
.calendar .ui-datepicker .ui-widget-header .ui-icon{width:12px; height:22px;}
.calendar .ui-datepicker .ui-widget-header .ui-datepicker-prev{width:20px; height:30px; top:0; left:0; border:none; cursor:pointer;} 
.calendar .ui-datepicker .ui-widget-header .ui-datepicker-next{width:20px; height:30px; top:0; right:0; border:none; cursor:pointer;}
.calendar .ui-datepicker .ui-widget-header .ui-datepicker-prev span{margin:0; left:0 !important; top:0 !important;} 
.calendar .ui-datepicker .ui-widget-header .ui-datepicker-next span{margin:0; right:0 !important; top:0 !important;} 
.calendar .ui-datepicker .ui-widget-header .ui-datepicker-prev-hover{left:0 !important; top:0 !important;} 
.calendar .ui-datepicker .ui-widget-header .ui-datepicker-next-hover{right:0 !important; top:0 !important;}
.calendar .ui-datepicker .ui-widget-header .ui-datepicker-title{margin:0 auto; line-height:34px;}
.calendar .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w{background:url('/wowfa20/front/assets/img/calendar-prev.png')no-repeat center !important;}
.calendar .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e{background:url('/wowfa20/front/assets/img/calendar-nxt.png')no-repeat center !important;}











#main_con_07  .hasDatepicker .ui-datepicker{max-width:95%; margin:0 auto; padding:0 !important;}
.calendar .ui-datepicker .ui-datepicker-calendar td{position:relative;width:14.2%;}
.calendar .ui-state-default, .calendar .ui-widget-content .ui-state-default, .calendar .ui-widget-header .ui-state-default, 
							   
.calendar .ui-button, html .calendar .ui-button.ui-state-disabled:hover, html .calendar .ui-button.ui-state-disabled:active{width:48px; height:48px; margin:0 auto; padding:6px 0; font-size:16px; }
.calendar .ui-state-active, .calendar .ui-widget-content .ui-state-active.ui-state-hover,
.calendar .ui-state-active, .calendar .ui-widget-content .ui-state-active{background:#ddd !important; color:#231f20 !important; border-radius:10px !important;}
/* hover된 날짜 */.calendar .ui-state-default.ui-state-hover{background:#ddd !important; border-radius:10px !important;}
/* 당일 날짜 */.calendar .ui-datepicker-today .ui-state-highlight, .calendar .ui-state-highlight, .calendar .ui-widget-content .ui-state-highlight{background:#ddd !important; border-radius:10px !important; color:#231f20 !important;}





/* 선택된 날짜 */.calendar .ui-state-active, .calendar .ui-widget-content .ui-state-active{background:#ddd !important; color:#231f20 !important; border-radius:10px !important;}
/* 선택된 날짜를 hover */.calendar .ui-state-active, .calendar .ui-widget-content .ui-state-active.ui-state-hover{background:#ddd !important; color:#231f20 !important; }



/* 공지사항 */
#main_con_07 .notice{position:relative; background:#dddddd; padding:20px 40px 33px;}
#main_con_07 .notice h3{color:#1b1b1b; text-align:left;}
#main_con_07 .notice ul li{overflow:hidden; margin-bottom:13px; border-bottom:none;}
#main_con_07 .notice ul li:last-child{margin-bottom:0px;}
#main_con_07 .notice ul li a{display:block; overflow:hidden; padding:0;}
#main_con_07 .notice ul li span{color:#1b1b1b;}
#main_con_07 .notice .date{display:block; float:right; font-size:14px; font-weight:300;}
#main_con_07 .notice .more{display:block; position:absolute; top:20px; right:40px; width:20px; height:20px; text-indent:-9999px; font-size:0;}
#main_con_07 .notice .more:before{content:''; display:block; position:absolute; width:20px; height:2px; background:#1b1b1b; top:50%; right:0; transform:translate(0%, -50%);}
#main_con_07 .notice .more:after{content:''; display:block; position:absolute; height:20px; width:2px; background:#1b1b1b; right:50%; top:0; transform:translate(50%, 0);}
#main_con_07 .notice .bull{font-size:14px;}

/* 기타(고객센터/원격지원/오시는길) */
.etc{background:#383838;}
.etc .service-call{background:#383838; padding:28px 40px; overflow:hidden; height:100px;}
.etc .service-call .num{float:left; font-size:44px; font-weight:300; line-height:44px; color:#fff;}
.etc .service-call .time{float:right; font-size:14px; line-height:22px; color:#fff;}
.etc .service-call .time > span{display:block;}
.etc .service{height:140px; background:#252525; padding:30px 0;}
.etc .service ul{display:table; width:85%; table-layout:fixed; margin:0 auto;}
.etc .service li{display:table-cell; text-align:center; vertical-align:bottom;}
.etc .service li a{display:block; padding-top:55px; font-size:20px; line-height:30px; color:#fff; text-align:center;}
.etc .service li a:hover,
.etc .service li a:active{text-decoration:underline;}
.etc .service li:nth-child(1) a{background:url('/wowfa20/front/assets/img/serviceicon01.png') no-repeat top center; background-size:auto 38px;}
.etc .service li:nth-child(2) a{background:url('/wowfa20/front/assets/img/serviceicon02.png') no-repeat top center; background-size:auto 38px;}
.etc .service li:nth-child(3) a{background:url('/wowfa20/front/assets/img/serviceicon03.png') no-repeat top center; background-size:auto 38px;}

/* 서브 -------------------------------------------------------------------------------------------------------*/
#container{background:#fff;}
#header.fixed ~ #container     {margin-top:130px; }

/* 컨텐츠별 간격, 타이틀 */
.cont{position:relative; margin-top:110px;}
.cont:last-child{margin-bottom:200px;}
.cont h3{text-align:center; font-size:34px; line-height:45px; font-weight:500; color:#1b1b1b; padding-bottom:15px; font-weight:bold;}
.cont h3 > i{font-style:normal; font-weight:normal;}
.cont .swiper-pagination-bullet{background:#ddd !important;}
.cont .swiper-pagination-bullet-active{background:#ed2023 !important;}

/* 불릿 */
.bull{display:inline-block; font-style:normal; font-size:12px; line-height:18px; color:#fff; padding:0 10px; border-radius:10px; letter-spacing:-.5px; margin-right:5px;}
/* 진행중 */.bull.recruit{background:#FF5C71;}
/* 진행중 */.bull.ing{background:#20D592;}
/* 종료 */.bull.end{background:#1F1F78;}
/* 마감 */.bull.fin{background:#9D9D9D;}
/* 중요 */.bull.important{background:#ED2023;}

/* 프로모션 롤링배너 */
.promotion{overflow:hidden;}
.promotion .swiper-container{overflow:hidden;}
.promotion .swiper-wrapper .swiper-slide a{display:block; position:relative;}
.promotion .swiper-wrapper .swiper-slide img{width:100%;} 
.promotion .swiper-wrapper .swiper-slide img.mob{display:none;} 

/* bread crumb */
.bread-crumb{position:relative; overflow:hidden; margin-top:15px !important;}
.bread-crumb > div{position:relative; width:1200px; margin:0 auto; overflow:hidden;}
.bread-crumb ul{float:right;}
.bread-crumb ul:after{content:''; display:block; clear:both;}
.bread-crumb ul li{display:inline-block; position:relative; float:left; padding-right:15px; margin-right:10px;}
.bread-crumb ul li:after{content:''; display:block; position:absolute; right:0; top:0; background:url('/wowfa20/front/assets/img/bc-arr.png')no-repeat right center; height:17px; width:10px;}
.bread-crumb ul li:last-child{padding-right:0px; margin-right:0px;}
.bread-crumb ul li:last-child:after{display:none;}
.bread-crumb ul li a{display:inline-block; font-size:14px; line-height:20px; color:#bababa;}
.bread-crumb ul li.active a{color:#333; font-weight:500;}
.bread-crumb ul li:first-child a{background:url('/wowfa20/front/assets/img/icon_home.png')no-repeat left top; width:22px; height:20px; background-size:22px 16px; text-indent:-9999px;} 

/* 비주얼 롤링 배너 */
.visual-rolling-banner{overflow:hidden; padding-bottom:0; max-width:1920px; margin:0 auto !important;}
.visual-rolling-banner .wrap{overflow:visible; width:100%; position:relative; }
.visual-rolling-banner .swiper-wrapper{height:570px; }
.visual-rolling-banner .swiper-slide{overflow:hidden;}
.visual-rolling-banner a{display:block;}
.visual-rolling-banner img{position:absolute; top:0px; left:50%; height:100%; width:auto; transform:translate(-50%, 0); z-index:1;}
.visual-rolling-banner .pagination-area{position:absolute; bottom:25px; width:100%; padding:0;}
.visual-rolling-banner .pagination-area .swiper-pagination-bullet.swiper-pagination-bullet-active{width:36px !important; border-radius:50px !important;}
.visual-rolling-banner .pagination-area .swiper-pagination-bullet{width:14px !important; height:14px !important;}
.visual-rolling-banner .pagination-area .swiper-pagination{padding:3px 0;}
.visual-rolling-banner .arrow-area{position:absolute; width:1200px; top:50%; left:50%; transform:translate(-50%, -100%); z-index:4;}
.visual-rolling-banner .swiper-button-next, 
.visual-rolling-banner .swiper-button-prev{width:50px; height:50px; border:1px solid #ddd;}
.visual-rolling-banner .swiper-button-next{background:#fff url('/wowfa20/front/assets/img/bannerarrNxt.png')no-repeat center !important; right:0;}
.visual-rolling-banner .swiper-button-prev{background:#fff url('/wowfa20/front/assets/img/bannerarrPrev.png')no-repeat center !important; left:0;}

/* 비주얼 롤링 배너 (타입2) - 아카데미 메인 */
.visual-rolling-banner-ty2{overflow:hidden; padding-bottom:0; background:#000C31; max-width:1920px; margin:0 auto !important;}
.visual-rolling-banner-ty2 .wrap{position:relative; width:1200px; overflow:visible;}
.visual-rolling-banner-ty2 .pagination-area{position:absolute; bottom:25px; width:100%; padding:0;}
.visual-rolling-banner-ty2 .pagination-area .swiper-pagination{padding:3px 0;}
.visual-rolling-banner-ty2 .pagination-area .swiper-pagination-bullet{width:14px !important; height:14px !important;}
.visual-rolling-banner-ty2 .pagination-area .swiper-pagination-bullet.swiper-pagination-bullet-active{width:36px !important; border-radius:50px !important;}
.visual-rolling-banner-ty2 .arrow-area{position:absolute; width:1200px; top:50%; left:50%; transform:translate(-50%, -100%); z-index:4;}
.visual-rolling-banner-ty2 .arrow-area .swiper-button-next, 
.visual-rolling-banner-ty2 .arrow-area .swiper-button-prev{width:50px; height:50px; border:1px solid #ddd;}
.visual-rolling-banner-ty2 .arrow-area .swiper-button-next{background:#fff url('/wowfa20/front/assets/img/bannerarrNxt.png')no-repeat center !important; right:0;}
.visual-rolling-banner-ty2 .arrow-area .swiper-button-prev{background:#fff url('/wowfa20/front/assets/img/bannerarrPrev.png')no-repeat center !important; left:0;}
.visual-rolling-banner-ty2 .swiper-container{position:relative;  overflow:visible;}
.visual-rolling-banner-ty2 .swiper-container:before, 
.visual-rolling-banner-ty2 .swiper-container:after{content:''; position:absolute; top:0; bottom:0; height:100%; width:100%; background:#000C31; opacity:0.8; z-index:3;}
.visual-rolling-banner-ty2 .swiper-container:before{left:-95%;}
.visual-rolling-banner-ty2 .swiper-container:after{right:-95%;}
.visual-rolling-banner-ty2 .swiper-container .swiper-wrapper{height:570px; padding:34px 0 53px; box-sizing:border-box; left:-30%;}
.visual-rolling-banner-ty2 .swiper-container .swiper-slide{width:28% !important; margin:0 1%; overflow:hidden;}
.visual-rolling-banner-ty2 .swiper-container .swiper-slide a{display:block; position:relative; }
.visual-rolling-banner-ty2 .swiper-container .swiper-slide a::before		{position:absolute; left:20px; top:20px; width:53px; height:30px; text-align:center; line-height:30px; font-size:18px;  z-index:10; background:#000c31; color:#fff; }
.visual-rolling-banner-ty2 .swiper-container .swiper-slide a.type_1:before{content:"NEW"; }
.visual-rolling-banner-ty2 .swiper-container .swiper-slide a.type_2:before{content:"임박"; background:#ed2023 ;}
.visual-rolling-banner-ty2 .swiper-container .swiper-slide img{position:relative; width:100%; height:auto;}

.visual-rolling-banner .bread-crumb ul li a{color:#fff;}
.visual-rolling-banner .bread-crumb ul li:first-child a{background:url('/wowfa20/front/assets/img/icon_home_w.png')no-repeat left top;} 
.visual-rolling-banner .bread-crumb ul li:after{background:url('/wowfa20/front/assets/img/bc-arr-fff.png')no-repeat right center; }
.visual-rolling-banner .bread-crumb, .visual-img-banner .bread-crumb{position:absolute; top:0; left:0; width:100%; z-index:3;}

/* 비주얼 이미지 배너 */
.visual-img-banner{max-width:1920px; margin:0 auto; overflow:hidden;}
.visual-img-banner .wrap{position:relative; height:570px;}
.visual-img-banner .wrap > img{position:absolute; top:0; left:50%; height:100%; width:auto; transform:translate(-50%, 0); z-index:0;}

/* 동영상 리스트 (더보기) */
.morebtn{position:relative; width:100%; margin-top:20px;}
.morebtn:before{content:''; display:block; position:absolute; top:50%; left:0; width:calc(50% - 65px); height:1px; background:#ddd;} 
.morebtn:after{content:''; display:block; position:absolute; top:50%; right:0; width:calc(50% - 65px); height:1px; background:#ddd;} 
.morebtn button:before{content:''; display:inline-block; width:11px; height:16px; background:url('/wowfa20/front/assets/img/videoMore.png')no-repeat center left; padding-right:10px;}
.morebtn button{display:block; margin:0 auto; width:230px; height:30px; font-size:18px; color:#333;}
.morebtn button:hover{color:#ED2023;}
.morebtn button:hover:before{background:url(/wowfa20/front/assets/img/videoMore_on.png)no-repeat center left;}

/* 동영상 리스트 (스와이퍼) */
.morebtnSwipeList .wrap{padding-bottom:63px;}
.morebtnSwipeList .wrap:last-child{padding-bottom:0px;}
.morebtnSwipeList .swiper-container{overflow:visible;}
.morebtnSwipeList .swiper-wrapper{display:block;}
.morebtnSwipeList .swiper-wrapper:after{content:''; display:block; clear:both;}
.morebtnSwipeList .swiper-wrapper .swiper-slide{width:292px; position:relative; float:left; margin-right:10px; margin-top:20px; }
.morebtnSwipeList .swiper-wrapper .swiper-slide:nth-child(4n){margin-right:0;}
.morebtnSwipeList .swiper-wrapper .swiper-slide:nth-child(-n + 4){margin-top:0;}
.morebtnSwipeList .swiper-wrapper .swiper-slide:nth-child(4n+1){clear:both; }
																   
.morebtnSwipeList.ty2 .swiper-wrapper .swiper-slide{width:calc(50% - 5px); margin-top:10px;}
.morebtnSwipeList.ty2 .swiper-wrapper .swiper-slide:nth-child(2n){margin-right:0;}
.morebtnSwipeList.ty2 .swiper-wrapper .swiper-slide:nth-child(-n + 2){margin-top:0;}

/* 서브페이지 동영상 리스트 */
.thumnail-wrapper .thumnail-info{padding:0; overflow:hidden;}
.thumnail-wrapper .thumnail-info > a{padding:14px;}
.thumnail-wrapper .thumnail-info .title{color:#333; font-weight:bold; font-size:18px; max-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.thumnail-wrapper .thumnail-info .desc{display:block; color:#333; font-weight:500; height:34px; font-size:14px; line-height:18px; max-height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; margin-top:10px;}
.thumnail-wrapper .thumnail-info.on:before{left:25%; right:auto; z-index:1;}

/* 동영상 썸네일 스와이퍼 (서브) 관심강좌등록 외 버튼 1개 */
.btn-box{text-align:right; overflow:hidden; margin-top:10px; font-size:0;}
.btn-box .check.typ2{display:inline-block; float:none; font-size:14px; line-height:34px;}
.btn-box .btn-auth{color:#fff !important; background:#ED2023 !important; border:1px solid #ED2023;}
.btn-box .btn-auth:hover{color:#fff !important}
.btn-box .btn-enroll{background:#1f1f78 !important; color:#fff !important; border:1px solid #1f1f78 !important;}
.btn-box .btn-enroll:hover{color:#fff !important; background:#ED2023 !important; border:1px solid #ED2023; transition:all .05s ease;}
.btn-box > span{display:inline-block; overflow:hidden; margin-left:5%; width:calc(100% - 120px); max-width:127px; min-width:60px;}
.btn-box > span > button{position:relative; display:inline-block; overflow:visible; height:34px; font-size:14px; line-height:normal; width:100%; border:1px solid #aaa; background:#fff !important; color:#231f20 !important; text-align:center;}
.btn-box > span > a{position:relative; display:inline-block; overflow:visible; height:34px; font-size:14px; line-height:29px; width:100%; border:1px solid #aaa; background:#fff !important; color:#231f20 !important; text-align:center;}
.btn-box > span > button:last-child,
.btn-box > span > a:last-child{border-right:1px solid #aaa;}
.btn-box > span > button + button,
.btn-box > span > button + a{border-left:none;}
.btn-box > span > button:hover,
.btn-box > span > a:hover{color:#ED2023 !important; transition:all .2s ease;}
.btn-box > span > button:hover:after,
.btn-box > span > a:hover:after{content:''; display:block; position:absolute; top:-1px; left:-1px; height:100%; width:100%; border:1px solid #ED2023 !important; transition:all .1s ease;}
/* 동영상 썸네일 스와이퍼 (서브) 관심강좌등록 외 버튼 2개 */
.btn-box.ty2 > span{width:calc(100% - 105px); max-width:170px; overflow:hidden; margin-left:3%;}
.btn-box.ty2 > span > button{float:left; width:50%;}
/* 동영상 썸네일 스와이퍼 (서브) 관심강좌등록 외 버튼 3개 */
.btn-box.ty3{margin-top:0;}
.btn-box.ty3 .check.typ2{float:left; line-height:50px; font-size:18px; position:relative;}
.btn-box.ty3 .check.typ2 input[type="checkbox"] + .label-text{padding-left:25px;}
.btn-box.ty3 .check.typ2 input[type="checkbox"] + .label-text:before{width:20px; height:20px; background-size:20px 20px;}
.btn-box.ty3 > span{float:right; width:auto; max-width:none; margin-left:0;}
.btn-box.ty3 > span > button,
.btn-box.ty3 > span > a{width:210px;}

/* 팝업 */
.popup{display:none;}
.popup .bg{/*background:#000; opacity:0.5;*/ position:fixed; top:0; left:0; right:0; bottom:0; z-index:20;}
.popup .cont{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:40; background:#fff; overflow:hidden; width:740px; height:calc(100% - 180px); max-height:940px; border:1px solid #707070; margin:0; box-shadow:30px 30px 10px rgba(0, 0, 0, 0.2);}
.popup .cont .wrap{display:block !important; margin:30px; overflow:auto; max-width:none; width:calc(100% - 60px); height:calc(100% - 140px); -webkit-overflow-scrolling:touch; z-index:20; font-size:16px; line-height:20px;}
.popup .popup-wrap .wrap{}
.popup .top{overflow:hidden; padding:25px 30px; min-height:80px; position:relative; }
.popup .cont .top:after{content:''; display:block; position:absolute; bottom:0; left:30px; right:30px; border-bottom:1px solid #ddd;}
.popup .cont .top > .title{font-size:24px; line-height:27px;float:left; width:calc(100% - 50px);}
.btn.close{width:25px; height:25px; position:absolute; font-size:0; top:28px; right:30px;}
.btn.close:before{content:''; display:block; position:absolute; height:100%; width:2px; background:#231F20; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg);}
.btn.close:after{content:''; display:block; position:absolute; height:100%; width:2px; background:#231F20; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);}

/* 무료특강 > 무료강좌 -------------------------------------------------------------------------------------------------------*/
.thumnail-box.membership:before{content:'회원만 공개'; font-size:14px; line-height:23px; text-align:center; display:block; position:absolute; top:0; left:0; z-index:1; /* background:url('/wowfa20/front/assets/img/bull_membership.png')no-repeat; */ background:#ed2023; color:#fff; width:76px; height:23px;}

/* 전체강사 (호버시 상세보기) */
.lecturer-box{display:block; position:relative; background:#f2f4f7; border:1px solid #f2f4f7; width:292px; height:300px; overflow:hidden; margin-right:10px;  margin-bottom:10px; float:left; padding:38px 25px;}
.lecturer-box:nth-child(4n){margin-right:0;}
.lecturer-box:nth-last-child(-n + 4){margin-bottom:0;}
.lecturer-box img{position:absolute; width:100%; bottom:0; right:0; max-width:195px; bottom:-35px;}
.lecturer-box span{display:block;}
.lecturer-box .txt{color:#666; font-size:16px; line-height:21px; letter-spacing:-1.28px; }
.lecturer-box .lecturer{color:#231f20; font-size:20px; line-height:20px; letter-spacing:-1px; margin-top:15px; font-weight:bold;}
.lecturer-box .detail{display:none; position:absolute; bottom:0; left:0; right:0; width:100%; height:42px; background:rgba(31, 31, 120, 0.8); text-align:center;}
.lecturer-box .detail i{position:absolute; width:100%; top:0; left:0; right:0; opacity:1; color:#fff; font-style:normal; padding:11px 0 15px;}
.lecturer-box:hover{background:#fff; border:1px solid #ddd;}
.lecturer-box:hover .detail{display:block;}

/* 조회영역 */
.search-area .wrap:after{content:''; display:block; clear:both;}
.selectbox-wrapper{float:right;}
.selectbox-wrapper:after{content:''; display:block; clear:both;}
.selectbox{float:left; width:100%; margin-right:20px; position:relative}
.selectbox:last-child{margin-right:0;}
.selectbox p{border:1px solid #fff; border-bottom:1px solid #ddd; background:url('/wowfa20/front/assets/img/select-arr.png')no-repeat right 5px center;}
.selectbox p a{padding:2px 20px 2px 9px;}
.selectbox ul{display:none; position:absolute; width:100%; overflow:hidden; padding:5px 0; bottom:1px; transform:translate(0, 100%); border:solid 1px #707070; z-index:10; background:#fff;}
.selectbox ul li a:hover,
.selectbox ul li button:hover{color:#ed2023 !important; background:url('/wowfa20/front/assets/img/select-chk.png')no-repeat left 4px center;}
.selectbox ul li a,
.selectbox ul li button{padding:3px 10px 3px 23px !important; background:#fff;}
.selectbox ul li.selected{display:none;}
.selectbox a, .selectbox button{display:block; color:#333; font-size:16px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1.5px;}
.selectbox:hover p{border:1px solid #707070;}
.selectbox.on p{border:1px solid #707070;  background:url('/wowfa20/front/assets/img/select-arr-on.png')no-repeat right 5px center;}
.selectbox.on ul{display:block;}

.visual-rolling-banner + .search-area,
.visual-rolling-banner-ty2 + .search-area{margin-top:45px;}

.search-area + .cont{margin-top:10px;}

/* 무료특강 > 강연회일정 -------------------------------------------------------------------------------------------------------*/
																					
.lecture-schedule .hasDatepicker .ui-datepicker .ui-widget-header{margin:0 auto 40px;} 
.lecture-schedule .hasDatepicker .ui-datepicker .ui-widget-header .ui-datepicker-title{font-size:28px; font-weight:bold;}
.lecture-schedule .hasDatepicker .ui-datepicker .ui-datepicker-calendar th{color:#000; font-size:16px;}
.lecture-schedule .hasDatepicker .ui-datepicker .ui-datepicker-calendar td{}
.lecture-schedule .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{width:95%; height:73px; font-weight:500 !important; font-size:20px; }
																																		 

.lecture-schedule > div{display:table; width:100%; table-layout:fixed; max-height:637px;}
.lecture-schedule .calendar-area{display:table-cell; border:1px solid #ddd; padding:40px 30px 25px; position:relative;}
.lecture-schedule .thum-list{display:table-cell;  width:50%; position:relative; vertical-align:top; padding-left:55px;}
.lecture-schedule .thum-list:before{content:''; display:block; width:calc(100% - 55px); height:1px; background:#ddd; position:absolute; right:0; top:0;}
.lecture-schedule .thum-list:after{content:''; display:block; width:calc(100% - 55px); height:1px; background:#ddd; position:absolute; right:0; bottom:0;}

.lecture-schedule .thum-list .swiper-wrapper{display:block; padding:50px 0 25px; overflow:auto; max-height:576px;}
.lecture-schedule .thum-list .swiper-slide{margin-bottom:40px; height:auto;}
.lecture-schedule .thum-list .swiper-slide:last-child{margin-bottom:0;}

.thum-list a{display:block; color:#2d2d2d; overflow:hidden; display:table; table-layout:fixed; width:100%;}
.thum-list .img{width:180px; display:table-cell; vertical-align:middle; overflow:hidden;}
.thum-list .img img{width:100%;}
.thum-list .txt{padding-left:30px; display:table-cell; vertical-align:middle;}
.thum-list .txt span{display:block;}
.thum-list .txt .tit{position:relative; font-size:18px; font-weight:bold; line-height:22px; padding:10px 0 0 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thum-list .txt .desc{font-size:14px; line-height:20px; padding-top:15px; font-weight:500;}
.thum-list .txt .desc span{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.thum-list a:hover .img img{transform:scale3d(1.04,1.04,1.04); transition:all .15s linear;}
.thum-list a:hover .txt .tit{text-decoration:underline;}

.lecture-schedule .datepicker-calendar-wrapbl .pc .bull{display:block; width:auto; padding:0 10px; border-radius:10px; color:#fff; font-size:12px; margin-bottom:1px; line-height:18px;}
.lecture-schedule .datepicker-calendar-wrapbl .pc .bull:last-child{margin-bottom:0px;}
.lecture-schedule .datepicker-calendar-wrapbl span{display:block; text-align:center; font-style:normal; padding:0;}
.lecture-schedule .datepicker-calendar-wrapbl .mob .bull{float:left; color:#fff;}

.lecture-schedule .calendar .type{position:absolute; bottom:10px; left:0; width:100%; margin:0 auto; text-align:center;}
.lecture-schedule .calendar .type span{display:inline-block; position:relative; font-size:12px; line-height:20px; padding-left:14px; letter-spacing:-0.7px;}
.lecture-schedule .calendar .type span:before{content:''; position:absolute; left:0; display:block; width:10px; height:10px; border-radius:50%; top:50%; transform:translate(0, -50%);}
.lecture-schedule .calendar .type .recruit{color:#FF5C71; margin-right:20px;}
.lecture-schedule .calendar .type .fin{color:#9D9D9D;}
.lecture-schedule .calendar .type .recruit:before{background:#FF5C71;}
.lecture-schedule .calendar .type .fin:before{background:#9D9D9D;}
.lecture-schedule .calendar .type .offline:before{background:#587ded;}

/* 아카데미 > 강사소개 -------------------------------------------------------------------------------------------------------*/
/* 아카데미 > 강사소개 텍스트 영역 */
.lecturerInfo .txt{padding-left:50px; margin-bottom:80px; overflow:hidden; }
.lecturerInfo .txt:last-child{margin-bottom:0; }
.lecturerInfo .txt h3{text-align:left; font-size:39px; font-weight:bold; color:#383838; letter-spacing:-1.8px; line-height:52px; padding-bottom:30px;}
.lecturerInfo .txt > div{position:relative; padding-left:90px; font-size:20px; line-height:38px; letter-spacing:-1px; color:#333; font-weight:500; overflow:hidden; white-space:pre-line; margin-top:-38px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start;}
.lecturerInfo .txt > div:before{content:''; display:block; position:absolute; width:12px; height:40px; background:#ED2023; transform:rotate(30deg) translate(50%); left:20px; top:45px;}
.lecturerInfo .txt:last-child > div{white-space:normal;}
.lecturerInfo .txt ul{float:left; width:50%; padding-right:10px; margin-top:38px;}
.lecturerInfo .txt ul li{padding-left:15px; position:relative;}
.lecturerInfo .txt ul li:before{content:'-'; display:inline-block; position:absolute; left:0;}

/* 아카데미 > 강좌 -------------------------------------------------------------------------------------------------------*/
.lectureList h3{text-align:left; padding-bottom:0 !important;}
.lectureList h3 + .sub-tit{position:relative; margin-top:25px;}
.lectureList h3 + .sub-tit{display:block; font-size:28px; font-weight:300; line-height:37px; letter-spacing:-1px;}
.lectureList h3 + .sub-tit + .txtbox{margin-top:45px; overflow:hidden; }
.lectureList h3 + .sub-tit + .txtbox img.fr{float:right; }
.lectureList .txtbox{font-size:20px; font-weight:300; line-height:37px; letter-spacing:-1px;}
.lectureList .bookList{padding-bottom:20px;}
.lectureList .bookList h3{margin-bottom:25px;}
.lectureList h3 + .item-box,
.lectureList h3 + .doubleSwipeList,
.lectureList h3 + .bookList{padding-top:40px;}

#curriculum table.table_data th, 
#curriculum table.table_data td{padding: 20px 0;}

/* 이미지 배너 */
.lectureList .visual-img-banner .wrap{height:600px;}
.lectureList .visual-img-banner .visualTxt .ls{vertical-align:middle; width:50%;}
.lectureList .visual-img-banner .visualTxt .rs{vertical-align:middle; overflow:hidden; }
.lectureList .visual-img-banner .visualTxt .rs video{width:260px; height:150px; float:right; }

@media all and (min-width : 1199px){
	
.lectureList .visual-img-banner .visualTxt .rs video		{width:100%; height:auto; }
}
.lectureList .visual-img-banner .visualTxt .tit{display:block; font-size:35px; line-height:50px; width:270px; max-height:100px; overflow:hidden; text-decoration:underline; text-underline-position:under; color:#000; font-weight:500; letter-spacing:-1px; }
.lectureList .visual-img-banner .visualTxt .lecturerName{font-size:70px; line-height:90px; color:#000; letter-spacing:-2px; margin-top:5%; font-weight:bold; white-space:nowrap; overflow:hidden;}
.lectureList .visual-img-banner .info{margin-top:5%; width:350px;}
.lectureList .visual-img-banner .info > span{display:block; margin-bottom:5px; font-weight:bold; color:#000; font-size:18px; line-height:17px; letter-spacing:-0.5px;}
.lectureList .visual-img-banner .info > ul li{position:relative; padding-left:10px; color:#000; font-size:16px; line-height:30px; letter-spacing:-0.5px; /*white-space:nowrap;*/}
.lectureList .visual-img-banner .info > ul li a{color:#000; font-size:12px; padding:0 3px; line-height:15px; display:inline-block; border:1px solid #000; margin-left:3px; margin-top:4px;}  
.lectureList .visual-img-banner .info > ul li:before{content:'-'; display:inline-block; position:absolute; top:0; left:0; }
.lectureList .visual-img-banner .emblem{display:block; width:240px; margin:0 auto 5%;}
.lectureList .visual-img-banner .emblem img{width:100%;}
.lectureList .visual-img-banner .video-img{box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);}
.lectureList .visual-img-banner .video-img:before{display:none;}

.lectureList .visual-img-banner .pc .visualTxt{display:table; table-layout:fixed; width:1200px; margin:0 auto; position:absolute; top:0; left:0; right:0; height:100%;}
.lectureList .visual-img-banner .pc .visualTxt > div{display:table-cell;}
.lectureList .visual-img-banner .pc .visualTxt .rs > div{float:right; width:70%;}
.lectureList .visual-img-banner .pc .visualTxt .rs > div > span{display:block; font-size:0;}
.lectureList .visual-img-banner .pc .visualTxt .rs > div > span.emblem{width:70%;}
.lectureList .visual-img-banner .pc > img{position:absolute; left:50%; height:100%; width:auto; transform:translate(-50%, 0); z-index:0;}

.lectureList .visual-img-banner .mob > .ls{position:relative; overflow:hidden;}
.lectureList .visual-img-banner .mob > .ls > img{position:relative; width:100%;}
.lectureList .visual-img-banner .mob > .ls > div{display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; height:100%;}
.lectureList .visual-img-banner .mob > .ls > div > div{padding:0 0 0 20px; width:100%;}
.lectureList .visual-img-banner .mob .rs{padding:30px 20px; display:table; display:flex; align-items:center; justify-content:center;}
.lectureList .visual-img-banner .mob .tit{font-size:26px; line-height:40px;}
.lectureList .visual-img-banner .mob .lecturerName{font-size:40px; line-height:45px; letter-spacing:-5px; }
.lectureList .visual-img-banner .mob .info{display:table-cell; vertical-align:middle; margin-top:0; margin-right:0; width:50%; padding-right:20px;}
.lectureList .visual-img-banner .mob .info > span{font-size:14px;}
.lectureList .visual-img-banner .mob .info > ul li{font-size:14px;}
.lectureList .visual-img-banner .mob .info > ul li a{margin-top:2px;}
.lectureList .visual-img-banner .mob .thumnail-img{display:table-cell; vertical-align:middle; width:50%;}
/* .lectureList .visual-img-banner .mob .video-img:before{display:none;} */


/* 썸네일 플레이버튼 백그라운드 */
.thumnail-img{display:block;}
.video-img{display:block; position:relative; overflow:hidden; }
.video-img:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;  background:#000; opacity:0.5; z-index:1;}
.video-img:after{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:67px; height:67px; background:url('/wowfa20/front/assets/img/play-btn.png')no-repeat center center; z-index:2;}
.video-img + span{display:block; font-size:18px; line-height:20px; color:#2D2D2D; margin-top:15px; text-align:center;}

/* 주요 컨텐츠 */
.keyCont{max-width:1920px; margin:0 auto; border-bottom:1px solid #E2E2E2;}
.keyCont .wrap{position:relative;}
.keyCont a{display:block; font-size:18px; line-height:26px; letter-spacing:-0.45px; color:#666; padding:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.keyCont a:hover{text-decoration:underline;}
.keyCont a:before{content:''; display:inline-block; font-size:13px; line-height:24px; color:#fff; padding:0 15px; border-radius:40px; letter-spacing:-.5px; margin-right:10px; vertical-align:top;}
.keyCont a:hover::before{text-decoration:none;}
/* 임박 */.keyCont a.immi:before{content:'임박'; background:#ED2023;}
/* best */.keyCont a.best:before{content:'BEST'; background:#ffaa00;}
/* new */.keyCont a.new:before{content:'NEW'; background:#2424ba;}
.keyCont .swiper-container{width:90%;}
.keyCont .arrow-area .swiper-button-next,
.keyCont .arrow-area .swiper-button-prev{height:100%;}
.keyCont .arrow-area .swiper-button-next{background:url('/wowfa20/front/assets/img/keyCont-arr-nxt.png')no-repeat center right !important;}
.keyCont .arrow-area .swiper-button-prev{background:url('/wowfa20/front/assets/img/keyCont-arr-prev.png')no-repeat center left !important;}

/* 아카데미 > 강좌 - 2행 4열 스와이퍼 */
.doubleSwipeList{padding-bottom:50px; border-bottom:1px solid #ddd;overflow:hidden;}
.doubleSwipeList .swiper-container{overflow:visible;}
.doubleSwipeList .swiper-container .swiper-slide{margin-top:0 !important; margin-bottom:50px;}
.doubleSwipeList .pagination-area{padding-top:0;}
.doubleSwipeList .arrow-area{position:absolute; width:400px; margin:0 auto; bottom:63px; left:50%; transform:translate(-50%, 25%); z-index:10;}
.doubleSwipeList .arrow-area .swiper-button-next{background:url('/wowfa20/front/assets/img/doubleSwiper-arr-nxt.png')no-repeat center !important; background-size:11px 22px;}
.doubleSwipeList .arrow-area .swiper-button-prev{background:url('/wowfa20/front/assets/img/doubleSwiper-arr-prev.png')no-repeat center !important; background-size:11px 22px;}
.doubleSwipeList  + .doubleSwipeList{margin-top:60px;}

/* 아카데미 > 강좌 - 서적 */
.bookList:after,
.bookList > .wrap:after{content:''; display:block; clear:both;}
.book-box{display:table; table-layout:fixed; float:left; width:30%; margin-right:5%; padding-bottom:90px; box-sizing:border-box; height:277px;}
.book-box:nth-child(3n){margin-right:0;}
.book-box .img-area{display:table-cell; width:160px; vertical-align:middle;}
.book-box .img-area img{display:block; width:100%;}
.book-box .txt-area{position:relative; display:table-cell; padding:0 0 0 20px;}
.book-box .txt-area .tit{font-size:20px; letter-spacing:-1px; font-weight:bold; line-height:26px; max-height:80px; margin-bottom:10px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.book-box .txt-area .desc{font-size:14px; font-weight:500; letter-spacing:-1px; color:#666; line-height:24px; max-height:50px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.book-box .btn-box{padding-bottom:0; position:absolute; bottom:0; width:calc(100% - 20px); left:20px;}
.book-box .btn-box > span{width:100%; display:block; min-width:0; margin:0;}

/* 아카데미 > 강좌 - 서적 팝업 */
.book-popup .bg{opacity:0;}
.popup.book-popup .cont .top:after{display:none;}
.popup.book-popup .cont .wrap{margin: 30px auto;width: calc(100% - 150px);}
.book-popup .book-box{width:100%; position:relative; display:block; height:auto; float:none; padding-bottom:0; margin-bottom:60px;} 
.book-popup .book-box .img-area{width:180px; display:block;}
.book-popup .book-box .txt-area{padding:0 10px 0 70px;}
.book-popup .book-box .tit-info{position:absolute; top:0; left:0; padding-left:220px;}
.book-popup .book-box .price-info{position:absolute; bottom:0; left:0; padding-left:220px;}
.book-popup .book-box .tit{font-size:33px; line-height:38px; font-weight:400; color:#231F20; max-height:none; margin-bottom:0; letter-spacing:-3px;} 
.book-popup .book-box .sub{font-size:18px; line-height:28px; font-weight:400; color:#231F20; letter-spacing:-1px;}
.book-popup .book-box .price{font-size:20px; line-height:25px; font-weight:300; color:#ed2023; margin-bottom:5px; letter-spacing:-1px;}
.book-popup .book-box .price > span{font-weight:bold;}
.book-popup .book-box .shipping{font-size:18px; line-height:25px; font-weight:300; color:#231F20; margin-bottom:10px;}
.book-popup .book-box .shipping > span{font-weight:bold;}
.book-popup .book-box .btn{background:#ed2023; color:#fff; font-size:18px; line-height:27px; width:147px; height:44px; letter-spacing:-0.9px;}
.book-popup .book-box .btn:hover{background:#c52026 !important; border-color:#c52026 !important;}
.book-popup .desc-area .tit{font-size:20px; font-weight:bold; line-height:28px;}
.book-popup .desc-area .desc{margin-top:30px; font-size:18px; line-height:28px; font-weight:500; color:#666;}

/* (상품) 강좌 -------------------------------------------------------------------------------------------------------*/
.item-box{position:relative; min-height:405px; padding:80px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.item-box .img-area{float:left; width:360px; padding-right:80px;}
.item-box .img-area img{display:block; width:100%;}
.item-box .txt-area{float:left; position:relative; width:calc(100% - 360px);}	
.item-box .txt-area .tit{position:relative; font-size:34px; line-height:53px; color:#231f20; letter-spacing:-2px; font-weight:bold; max-height:105px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.item-box .txt-area .tit > span{font-weight:400;}
.item-box .txt-area .tit > span + b{ padding-left:10px;}
.item-box .txt-area .tit > b + span{ padding-left:10px;}
.item-box .txt-area .tit > span b{font-weight:400;}
.item-box .txt-area .desc{font-size:20px; line-height:37px; letter-spacing:-1px; margin-top:10px;}
.item-box .btn-area{position:absolute; width:calc(100% - 360px); bottom:80px; right:0;}
.item-box .btn-area .btn-box{width:100%; bottom:0; left:0; right:0; padding:0;}
.item-box .btn-area .btn-box > span > button,
.item-box .btn-area .btn-box > span > a{font-size:18px; height:50px; line-height:48px; text-align:center;}
.item-box .thumnail-info.on + .thumnail-popup-info{max-width:300px; padding:10px !important;}

.item-box-info{position:relative; overflow:hidden; background:#F2F4F7; margin-top:40px; padding:0 30px;}
.item-box-info > p:first-child{display:block; float:left; width:auto !important; font-size:20px; line-height:25px; padding:30px 0;}
.item-box-info > p:last-child{position:relative; float:right; width:calc(100% - 300px) !important; padding:20px 0;}
.item-box-info > p:last-child > .fee{float:none; display:inline-block; padding-right:40px; font-size:20px; line-height:50px;}
.item-box-info > p:last-child > .fee .before{text-decoration:line-through;}
.item-box-info > p:last-child > .fee .price{color:#ED2023; font-weight:bold;}
.item-box-info > p:last-child > .fee .before + .price{margin-left:5px;}
.item-box-info > p:last-child > span:last-child{width:auto; float:none;}
.item-box + .item-box-info .btn-box > span > button,
.item-box + .item-box-info .btn-box > span > a{font-size:18px; height:50px; line-height:48px; text-align:center;}

/* .lectureList.view-page .item-box .txt-area .desc{-webkit-line-clamp:8; max-height:290px;} */
.lectureList.view-page .cont:after{display:none !important;}
.lectureList.view-page .bbs-content-area{padding-top:0;}

.lectureList.view-page .item-box{padding:0; border-bottom:0; min-height:auto;}
.lectureList.view-page h3{padding-bottom:25px !important; text-align:center;}

/* 테셋 -------------------------------------------------------------------------------------------------------*/
.tesat-main h3{text-align:left;}
.tesat-main .bbsBtnArea .btn-line{height:46px; max-width:none; width:180px; line-height:normal; letter-spacing:-1px;  font-weight:500;}
.tesat-main .bbsBtnArea .btn-line:hover{border-color:#ed2023; color:#ed2023;}

/* 테셋 서브메인 */
.tesat-intro{margin:100px 0 80px;}
.tesat-intro .wrap{text-align:center;}
.tesat-intro .logo-area span{display:block; color:#0253A5; font-size:18px; line-height:27px;}
.tesat-intro .logo-area span img{display:inline-block;}
.tesat-intro .logo-area + .sub-tit{margin-top:80px; font-size:39px; line-height:53px; font-weight:200; letter-spacing:-1px;}
.tesat-intro .logo-area + .sub-tit + .txt{margin-top:60px; }
.tesat-intro .txt{margin-top:40px; font-size:20px; line-height:37px; letter-spacing:-1px; text-align:left;}
.tesat-intro .sub-tit + .txt + .bbsBtnArea{margin-top:40px;}
.tesat-intro .img-tit{overflow:hidden; margin-top:40px;}
.tesat-intro .img-tit > p{overflow:hidden;}
.tesat-intro .img-tit span{display:block;}
.tesat-intro .img-tit .tit{font-size:34px; font-weight:500; line-height:46px; text-align:left; margin-top:100px; letter-spacing:-2px;}
.tesat-intro .img-tit .fr .tit{margin-right:30px;}
.tesat-intro .img-tit .fl .img{margin-left:60px;}
.tesat-intro .img-tit .img.fl{width:672px;}
.tesat-intro .img-tit .img.fr{width:567px;}
.tesat-intro .img-tit img{width:100%;}
.tesat-intro .txt + .bbsBtnArea{margin-top:80px;}
.tesat-intro .btn-line.red{background:#ED2023; border:#ED2023; width:210px; max-width:210px; color:#fff;}
.tesat-intro .btn-line.red:hover{background:#c52026; border-color:#c52026;}

.tesat-intro ~ .visual-img-banner{background:url('/wowfa20/front/assets/img/tesat_lecture_intro.png')no-repeat; background-size:cover;}
.tesat-intro ~ .visual-img-banner .wrap{height:auto;}
.tesat-intro ~ .visual-img-banner .wrap > img{position:absolute !important; height:100% !important; width:auto !important; top:0 !important; left:50% !important; transform:translate(-50%, 0) !important;}
.tesat-intro ~ .visual-img-banner .visualTxt{position:relative; width:100%; padding:100px 0 80px;}
.tesat-intro ~ .visual-img-banner .visualTxt .tit{color:#FFEAB8; margin-bottom:30px;}
.tesat-intro ~ .visual-img-banner .visualTxt .tit > span{display:block; text-align:center; font-size:39px; font-weight:300;}
.tesat-intro ~ .visual-img-banner .visualTxt .tit > span:first-child{margin-bottom:30px; font-size:34px; font-weight:normal;}
.tesat-intro ~ .visual-img-banner .visualTxt .txt{position:relative; overflow:hidden; background:#BE0B0D;}
.tesat-intro ~ .visual-img-banner .visualTxt .txt img{position:absolute; left:0; bottom:0; height:100%;}
.tesat-intro ~ .visual-img-banner .visualTxt .txt > div{position:relative; height:100%; top:0; left:0; z-index:1; padding:80px 3% 60px 38%;}
.tesat-intro ~ .visual-img-banner .visualTxt .txt p{display:inline-block; color:#fff; font-size:20px; font-weight:300; line-height:35px; letter-spacing:-1px;} 
.tesat-intro ~ .visual-img-banner .visualTxt .txt p + .bbsBtnArea{display:inline-block; margin-top:40px; }
.tesat-intro ~ .visual-img-banner .visualTxt .txt p + .bbsBtnArea .btn-line{color:#BE0B0D; border:none;}
.tesat-intro ~ .visual-img-banner .visualTxt .txt p + .bbsBtnArea .btn-line:hover{color:#fff; background:#1b1b1b;}
.tesat-intro ~ .visual-img-banner .visualTxt .subtxt{font-size:20px; line-height:29px; color:#fff; text-align:center; padding-top:20px;}
.tesat-intro ~ .visual-img-banner .visualTxt .subtxt > span{color:#FFEAB8; font-weight:500;}

.tesat-schedule .wrap{position:relative;}
.tesat-schedule .btn-line{width:220px;}
.tesat-schedule .tit span{display:block; font-size:39px; line-height:57px; font-weight:300;}
.tesat-schedule .tit em{display:block; font-size:20px; line-height:29px; font-weight:300; margin-top:10px;}
.tesat-schedule .txt{margin-top:50px; font-size:20px; line-height:37px; letter-spacing:-1px;}
.tesat-schedule .txt + .bbsBtnArea{text-align:left; margin-top:40px;}
.tesat-dday{position:absolute; top:0; right:0; width:470px;}

.tesat-dday img{width:100%;}
.tesat-dday .day{position:absolute; left:107px; bottom:34px; color:#ED2023; font-size:32px; font-weight:bold;}
.tesat-dday .round{position:absolute;right: 217px;top: 42px;color:#973e3f;font-size: 25px;width: 100px; text-align: right; ;}
.tesat-dday .date{position:absolute;right: 69px;bottom:34px;color:#973e3f;font-size: 22px;text-align: right;font-weight:bold;}
.tesat-dday .date span{font-weight:normal; }

.tesat-main .notice{width:calc(100% - 550px); margin-right:80px;}
.tesat-main .notice .my_tit{margin-bottom:10px;}
.tesat-main .notice .my_tit h3{float:left; padding-bottom:0;}
.tesat-main .notice .my_tit a{margin-top:25px;}
.tesat-main .notice ul{border-top:1px solid #666;}

.tesat-promotion{width:470px; float:right;}
.tesat-promotion a{display:block;}
.tesat-promotion img{width:100%;}

.tesat-company h3.tesat-tit,
.tesat-company h3.tesat-tit + span{text-align:left;}
h3.tesat-tit{padding-bottom:0; letter-spacing:-1px;}
h3.tesat-tit b{color:#0253A5;}
h3.tesat-tit + span{display:block; font-size:16px; line-height:24px; margin-top:0; color:#9D9D9D; margin-bottom:40px; letter-spacing:-1px; text-align:center;}
h4.tesat-tit{font-size:20px;}

.tab-accordian{position:relative;}
.tab-accordian .tab-button{position:relative; width:calc(100% - 662px); font-size:20px; font-weight:300;  color:#9D9D9D; line-height:80px; height:80px; padding-left:35px; padding-right:70px; border-left:8px solid #fff; letter-spacing:-1px; white-space:nowrap;}
.tab-accordian .tab-button:before{content:''; display:block; position:absolute; bottom:0; left:35px; right:35px; border-bottom:2px solid #f2f4f7; transform:translateY(100%);}
.tab-accordian .tab-content{display:none; position:absolute; top:0; right:0; width:670px; }
.tab-accordian .tab-content .wrap{display:block; width:100%; height:100%; padding-left:20px; overflow:auto;}
.tab-accordian .tab-content .wrap img{width:100%;}
.tab-accordian .tab.active .tab-button{border:8px solid #f2f4f7; border-right:none; color:#231f20;font-weight:400; background:#fff; z-index:2;}
.tab-accordian .tab.active .tab-button:before{display:none;}
/* .tab-accordian .tab.active .tab-button:after{content:''; display:block; position:absolute; right:0; top:0; bottom:0; transform:translateX(100%); border-right:8px solid #fff; z-index:1;} */
.tab-accordian .tab.active .tab-content{display:block; border:8px solid #f2f4f7; height:calc(100% + 40px); padding:20px 0;}

.tab-accordian .tab-content .wrap .mCSB_inside>.mCSB_container{margin-right:20px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#333 !important; width:7px !important; border-radius:10px;}
.mCSB_scrollTools .mCSB_draggerRail{background-color:#ddd !important; width:1px !important;}
.mCSB_scrollTools{width:7px !important;}

.tesat-schedule .wrap > div{margin-top:60px;}
.tesat-schedule .wrap > h3 + span + div{margin-top:80px;}
.tesat-schedule ul{overflow:hidden; padding-top:20px; margin-top:20px; border-top:1px solid #707070;}
.tesat-schedule .box{border:1px solid #ddd; float:left; margin-right:10px; padding:40px 0; width:calc(33.3% - 7px); margin-top:10px; text-align:center;}
.tesat-schedule .box:nth-child(3n){margin-right:0;}
.tesat-schedule .box:nth-child(-n+3){margin-top:0;}
.tesat-schedule .box ul{display:inline-block; text-align:left; border-top:none; margin:0; padding:0;}
.tesat-schedule .box ul li{font-size:16px; line-height:24px;}
.tesat-schedule .box b{display:inline-block; color:#9D9D9D; font-weight:400; font-size:16px; line-height:24px; letter-spacing:-1px;}
.tesat-schedule .box > ul li:first-child{display:table; margin-bottom:20px;}
.tesat-schedule .box .num{display:table-cell; position:relative; color:#9D9D9D; font-size:16px; line-height:24px; vertical-align:bottom;}
.tesat-schedule .box .num em{display:inline-block; padding-right:30px; color:#2D7EAC; font-size:58px; font-weight:500; line-height:58px;}
.tesat-schedule .box .num b{position:absolute; right:0; bottom:0;}
.tesat-schedule .box .date{display:table-cell; padding-left:20px; vertical-align:bottom;}
.tesat-schedule .box .date em{display:block; font-size:20px; font-weight:bold; line-height:29px;}

.tesat-schedule .exam-info{display:table; width:100%; padding:25px 0; border-bottom:1px solid #ddd;}
.tesat-schedule .exam-info li{display:table-cell; vertical-align:top; text-align:center; position:relative; overflow:hidden; font-size:0;}
.tesat-schedule .exam-info li em{display:block; font-size:18px; line-height:27px; font-weight:500; margin-bottom:10px; float:left;}
.tesat-schedule .exam-info li span{display:block; font-size:16px; line-height:25px; clear:both; letter-spacing:-1px;}
.tesat-schedule .exam-info li .bbsBtnArea{float:right; margin-top:0px; clear:none;}
.tesat-schedule .exam-info li .bbsBtnArea button{font-size:14px; height:27px; width:70px; line-height:normal;}
.tesat-schedule .exam-info li > span{display:inline-block; padding-left:20px; text-align:left;}
.tesat-schedule .exam-info li:before{content:''; display:inline-block; position:relative; width:96px; height:96px;}
.tesat-schedule .exam-info li:nth-child(1):before{background:url('/wowfa20/front/assets/img/exam-info-icon01.png')no-repeat center; background-size:96px 96px;}
.tesat-schedule .exam-info li:nth-child(2):before{background:url('/wowfa20/front/assets/img/exam-info-icon02.png')no-repeat center; background-size:96px 96px;}
.tesat-schedule .exam-info li:nth-child(3):before{background:url('/wowfa20/front/assets/img/exam-info-icon03.png')no-repeat center; background-size:96px 96px;}

.tesat-apply{background:#F2F4F7; padding:80px 0; margin-top:60px;}
.tesat-apply .tesat-tit{border-bottom:none;}
.tesat-apply .list{border:none; padding:0; float:none;}
.tesat-apply .list li{margin:0;}
.tesat-apply img{width:100%; margin-top:35px;}

ul.list{border-top:1px solid #707070; border-bottom:1px solid #ddd; margin-top:10px; padding:10px 50px 20px; overflow:hidden;}
ul.list li{display:block; font-size:20px; line-height:30px; letter-spacing:-1px; padding-left:10px; color:#333; position:relative; float:left; margin-right:70px; margin-top:10px;}
ul.list li a{color:#333;}
ul.list li a:hover{text-decoration:underline;}
ul.list li:before{content:''; display:block; position:absolute; width:3px; height:3px; background:#666; border-radius:100%; top:15px; left:0;}
ul.list + .info + .bbsBtnArea{margin-top:30px;}
ul.list + .info + .bbsBtnArea button{width:210px; max-width:none;}

														 
																																				   
.payment-cancel-info ol span{display:block; font-size:16px; font-weight:bold; line-height:28px;}
.payment-cancel-info ol + ol{margin-top:10px;}
.payment-cancel-info ol + ol span{color:#2D7EAC;}
.payment-cancel-info ol > li{margin-top:10px;}
.payment-cancel-info ol > li:first-child{margin-top:0;}
.payment-cancel-info .list{border:none; padding:0; margin:0; margin-left:10px;}
.payment-cancel-info .list li{font-size:14px; line-height:24px; float:none; margin:0;}
.payment-cancel-info .list li:before{content:'-'; display:inline-block; top:0; left:0; background:none;}
.payment-cancel-info .list .img{padding-left:0;}
.payment-cancel-info .list .img:before{display:none;}
.payment-cancel-info .list .img img{width:100%; margin:20px 0;}

/* 대관예약 -------------------------------------------------------------------------------------------------------*/
.rental-advantage{background:#F2F4F7; padding:40px 80px;}
.rental-advantage ul{overflow:hidden;}
.rental-advantage ul li{position:relative; float:left; width:calc(100% / 5 - 6.1px); height:205px; margin-right:7px; background:#fff; border-radius:10px; text-align:center; padding:130px 55px 27px;}
.rental-advantage ul li:last-child{margin-right:0;}
.rental-advantage ul li:before{content:''; display:block; position:absolute; bottom:90px; left:50%; width:147px; height:90px; transform:translateX(-50%);}
.rental-advantage ul li:nth-child(1):before{background:url('/wowfa20/front/assets/img/rental-ad-img01.png')no-repeat center; background-size:147px 90px !important;}
.rental-advantage ul li:nth-child(2):before{background:url('/wowfa20/front/assets/img/rental-ad-img02.png')no-repeat center; background-size:147px 90px !important;}
.rental-advantage ul li:nth-child(3):before{background:url('/wowfa20/front/assets/img/rental-ad-img03.png')no-repeat center; background-size:147px 90px !important;}
.rental-advantage ul li:nth-child(4):before{background:url('/wowfa20/front/assets/img/rental-ad-img04.png')no-repeat center; background-size:147px 90px !important;}
.rental-advantage ul li:nth-child(5):before{background:url('/wowfa20/front/assets/img/rental-ad-img05.png')no-repeat center; background-size:147px 90px !important;}
.rental-advantage ul li em{display:block; position:relative; font-size:18px; line-height:24px; letter-spacing:-1px;}

.rental-step{margin-top:60px;}
.rental-step ul:after{content:''; display:block; clear:both;}
.rental-step ul li{position:relative; float:left; width:208px; height:208px; border-radius:100%; background:#6649D6; padding:37px 0; text-align:center; margin-right:40px;}
.rental-step ul li:nth-child(1),.rental-step ul li:nth-child(4){background:#FE6262;}
.rental-step ul li:last-child{margin-right:0;}
.rental-step ul li:last-child:after{display:none;}
.rental-step ul li:after{content:''; display:block; position:absolute; background:url('/wowfa20/front/assets/img/rental-step-arr.png')no-repeat center; width:40px; height:100%; right:0; top:0; transform:translateX(100%);}
.rental-step ul li i{display:block; color:#fff; opacity:0.8; font-weight:500; font-size:14px; font-style:normal; text-decoration:underline;}
.rental-step ul li em{display:block; color:#fff; font-size:30px; font-weight:bold; margin-top:30px}
.rental-step ul li span{display:block; color:#fff; opacity:0.8; font-weight:500; font-size:16px; line-height:18px; margin-top:20px;}

.rental-fee{margin-top:60px; position:relative;}
.rental-fee .wrap{position:relative;}
.rental-fee span{display:block; position:absolute; right:0; top:23px; font-size:18px; color:#666;}
.rental-fee table{width:100%; border-top:1px solid #231F20;}
.rental-fee table thead th{background:#F2F4F7; height:55px; font-size:18px; vertical-align:middle; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #9D9D9D;}
.rental-fee table tbody td{height:55px; padding:0 30px; vertical-align:middle; text-align:right; font-size:18px; line-height:25px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.rental-fee table tbody th{text-align:center; color:#666; padding:10px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-weight:normal; font-size:18px; line-height:25px; color:#666;}
.rental-fee table tbody td:last-child{border-right:1px solid #ddd;}
.rental-fee table tbody tr:last-child td{border-bottom:1px solid #ddd;} 

.rental-floor{position:relative; background:#F2F4F7; padding:60px 0; margin-top:60px;}
.rental-floor .wrap{position:relative; }
.rental-floor h3{position:absolute; top:00px; left:0; letter-spacing:-2px; text-align:left;}
.rental-floor .imgarea{width:70%; margin:0 auto;}
.rental-floor .imgarea img{width:100%; padding:0 10px;}

.rental-qa{margin-top:60px;}
.rental-qa .accordian li{margin-top:0; border-top:1px solid #ddd;}
.rental-qa .accordian li:first-child{border-top:none;}
.rental-qa .accordian li:last-child{border-bottom:1px solid #ddd;}
.rental-qa .accordian li .tit{padding:20px 80px 20px 70px; font-size:18px; line-height:30px; border-bottom:none; font-weight:normal;}
.rental-qa .accordian li .tit:after{right:40px; background:url('/wowfa20/front/assets/img/rental-accordian-arr.png')no-repeat center; background-size:20px 10px; width:20px; height:10px;}
.rental-qa .accordian .item.on .tit{font-weight:bold;}
.rental-qa .accordian .item.on .tit:after{transform:rotate(0) translateY(-50%); transition:all .1s ease; background:url('/wowfa20/front/assets/img/rental-accordian-arr-on.png')no-repeat center; background-size:20px 10px; }
.rental-qa .accordian li .tit:before{content:''; display:block; position:absolute; top:20px; left:20px; background:url('/wowfa20/front/assets/img/rental_q.png')no-repeat center; width:30px; height:30px; background-size:30px 30px;}
.rental-qa .accordian li .sub{position:relative; padding:25px 40px 25px 110px; font-size:18px; line-height:30px; background:#F2F4F7;}
.rental-qa .accordian li .sub p{position:relative;}
.rental-qa .accordian li .sub p:before{content:''; display:block; position:absolute; top:0; left:-50px; background:url('/wowfa20/front/assets/img/rental_a.png')no-repeat center; width:30px; height:30px; background-size:30px 30px;}
.rental-qa .accordian li.item.on{border-top:1px solid #231f20; border-bottom:1px solid #231f20;}
.rental-qa .accordian li.item.on + li{border-top:none;}
.rental-qa .accordian + div{padding:25px 25px 0 25px; overflow:hidden;}
.rental-qa .accordian + div p{float:left; color:#EE2A2C; font-size:18px; line-height:18px; font-weight:bold; background:url('/wowfa20/front/assets/img/icon-warn.png')no-repeat center left; padding-left:30px;}
.rental-qa .accordian + div ul{margin-left:23px; font-size:14px; color:#666; letter-spacing:-1px; float:left;}
.rental-qa .accordian + div ul li{position:relative; margin-bottom:10px;padding-left:10px;}
.rental-qa .accordian + div ul li:before{content:'-'; display:block; position:absolute; top:0; left:0;}
.rental-qa .accordian + div ul li:nth-child(2n){margin-bottom:0px;}

.rental-reservation{display:table; table-layout:fixed; width:100%; position:relative; padding-top:10px;}
.rental-reservation:before{content:''; display:block; position:absolute; top:0; left:0; right:0; border-top:1px solid #333;}
.rental-reservation .calendar{display:table-cell; position:relative; border:1px solid #ddd; padding:60px 0 100px; width:60%;}
.rental-reservation .hasDatepicker{width:95%; margin:0 auto;}
.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar th{font-size:16px; color:#000;}
.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{width:95%; height:120px; font-size:18px; border-radius:10px; padding:5px 0;} 
																																											  
.rental-reservation .hasDatepicker .ui-datepicker .ui-widget-header{font-size:28px; font-weight:bold;}
.rental-reservation .datepicker-calendar-wrapbl{bottom:10px; display:block; text-align:center;}
.rental-reservation .datepicker-calendar-wrapbl span{display:block; overflow:hidden; text-align:center; padding:0;}
.rental-reservation .datepicker-calendar-wrapbl span + span{margin-top:2px;}
.rental-reservation .datepicker-calendar-wrapbl .bull{display:inline-block; width:20px; height:20px; color:#fff; text-align:center; font-size:12px; line-height:20px; letter-spacing:0.5px;}

.reservation-info{width:220px !important;}
.reservation-info a{display:block; text-align:left !important; padding:0 !important; font-weight:400; color:#231f20;}
.reservation-info a b{font-weight:400;}
.reservation-info li{position:relative; padding-left:10px; padding-bottom:5px;}
.reservation-info li:last-child{padding-bottom:0;}
.reservation-info li:before{content:''; display:block; position:absolute; top:4px; left:0; width:3px; height:3px; border-radius:100%; background:#231f20;}

.rental-reservation .calendar .type{position:absolute; bottom:50px; left:50%; transform:translateX(-50%); white-space:nowrap;}
.rental-reservation .calendar .type span{display:inline-block; position:relative; line-height:20px; font-size:18px; color:#aaa; font-weight:300; padding-left:14px; letter-spacing:-0.7px;}
.rental-reservation .calendar .type span + span{margin-left:10px;}
.rental-reservation .calendar .type span:before{content:''; position:absolute; left:0; display:block; width:10px; height:10px; border-radius:50%; top:50%; transform:translate(0, -50%);}
.rental-reservation .calendar .type span.classroom:before,
.rental-reservation .datepicker-calendar-wrapbl .bull.classroom{background:#34B5D2;}
.rental-reservation .calendar .type span.confirm:before,
.rental-reservation .datepicker-calendar-wrapbl .bull.confirm{background:#ED2023;}
.rental-reservation .calendar .type span.advanceBooking:before,
.rental-reservation .datepicker-calendar-wrapbl .bull.advanceBooking{background:#9B5ECA;}
.rental-reservation .calendar .type span.applying:before,
.rental-reservation .datepicker-calendar-wrapbl .bull.applying{background:#7F7F7F;}
/* hover된 날짜 */.rental-reservation .calendar .ui-state-default.ui-state-hover{background:#ddd !important; border-radius:10px !important;}
/* 당일 날짜 */.rental-reservation .calendar .ui-datepicker-today .ui-state-highlight, .rental-reservation .calendar .ui-state-highlight, .ui-widget-content .ui-state-highlight{background:#ddd !important; border-radius:10px !important; color:#231f20 !important;}
/* 선택된 날짜 */.rental-reservation .calendar .ui-state-active, .rental-reservation .calendar .ui-widget-content .ui-state-active{background:#ddd !important; color:#231f20 !important; border-radius:10px !important;}
/* 선택된 날짜를 hover */.rental-reservation .calendar .ui-state-active, .rental-reservation .calendar .ui-widget-content .ui-state-active.ui-state-hover{background:#ddd !important; color:#231f20 !important; }

.rental-reservation .calendar .txt{line-height:20px; font-size:16px; color:#aaa; font-weight:300;margin:10px 15px 0;}
.rental-reservation .calendar .txt span{display:block;margin-top:5px;font-size:15px;}
.rental-reservation .calendar .txt span a{display:inline-block;color:#333;}
.rental-reservation .calendar .txt span a + a{margin-left:10px;}

.calendar .ui-datepicker-calendar th:first-child,
.calendar .ui-datepicker-calendar td:first-child > a{color:#ed2023 !important;}
.calendar .ui-datepicker-calendar th:last-child, 
.calendar .ui-datepicker-calendar td:last-child > a{color:#231F20 !important;}

.rental-reservation .reservation_form{display:table-cell; width:50%; background:#F2F4F7; padding:50px 50px; border:1px solid #f2f4f7;}
.rental-reservation .reservation_form > div + div{margin-top:20px;}
.rental-reservation .reservation_form .form-group{display:table; width:100%; table-layout:fixed;}
.rental-reservation .reservation_form .form-group + .form-group{margin-top:2px;}
.rental-reservation .reservation_form .selectbox{display:table-cell; position:relative; width:50%; background:#fff; margin-right:0; float:none; border-right:1px solid #f2f4f7;}
.rental-reservation .reservation_form .selectbox p{padding:0; border:1px solid #fff; background-position:center right 20px; height:60px;}
.rental-reservation .reservation_form .selectbox p a{padding:17px 30px 16px 20px; font-size:16px; line-height:27px; letter-spacing:0;}
.rental-reservation .reservation_form .selectbox span + p a{padding:17px 30px 16px 45%;}
.rental-reservation .reservation_form .selectbox span + p + ul a{padding:16px 30px 16px 45% !important;}
.rental-reservation .reservation_form .selectbox ul{padding:0; border-top:none; bottom:0;max-height:200px;overflow-y:auto;}
.rental-reservation .reservation_form .selectbox ul a{padding:15px 20px !important; border-bottom:1px solid #ddd; font-size:16px; line-height:27px; letter-spacing:0;}
.rental-reservation .reservation_form .selectbox ul a:hover{background:#F2F4F7; color:#333 !important;}
.rental-reservation .reservation_form .selectbox + .selectbox{border-left:1px solid #f2f4f7; border-right:none;}
.rental-reservation .reservation_form .selectbox.on p{border:1px solid #231F20; border-bottom:0;}
.rental-reservation .reservation_form .selectbox.on ul{border-color:#231f20; border-top:1px solid #ddd;}
.rental-reservation .reservation_form .selectbox span{position:absolute; font-size:16px; line-height:27px; color:#999; top:17px; left:20px; padding-bottom:0;}
.rental-reservation .reservation_form .txtbox{display:table-cell; position:relative; width:50%; height:60px; vertical-align:middle; background:#fff; padding:0 20px; border-right:1px solid #f2f4f7; font-size:0;}
.rental-reservation .reservation_form .txtbox label{display:inline-block; color:#B6B6B6; font-size:16px; line-height:27px; padding:0;}
.rental-reservation .reservation_form input[type='text'],
.rental-reservation .reservation_form input[type='tel']{display:inline; color:#231F20; font-size:16px; line-height:27px; padding:0;  height:27px; }
.rental-reservation .reservation_form input[type='text']::placeholder,
.rental-reservation .reservation_form input[type='tel']::placeholder,
.rental-reservation .reservation_form textarea::placeholder{color:#b6b6b6; font-size:16px;}
.rental-reservation .reservation_form input[type='text']:-ms-input-placeholder,
.rental-reservation .reservation_form input[type='tel']:-ms-input-placeholder,
.rental-reservation .reservation_form textarea:-ms-input-placeholder{color:#b6b6b6 !important; font-size:16px; transition:all 0 ease !important; -webkit-transition:all 0 ease !important; -moz-transition:all 0 ease !important;}
.rental-reservation .reservation_form input[type='text']:focus,
.rental-reservation .reservation_form input[type='tel']:focus{width:100%;  height:27px; }
.rental-reservation .reservation_form input[type='text'].txr,
.rental-reservation .reservation_form input[type='tel'].txr{padding-right:20px;}
.rental-reservation .reservation_form input[type='text'].txr + span,
.rental-reservation .reservation_form input[type='tel'].txr + span{position:absolute; right:20px; top:16px; padding:0;}
.rental-reservation .reservation_form .selectbox + .txtbox{border-left:1px solid #f2f4f7; border-right:none;}
.rental-reservation .reservation_form .txtbox + .txtbox{border-left:1px solid #f2f4f7; border-right:none;}
.rental-reservation .reservation_form .txtbox input[type='text']{width:100%;}
.rental-reservation .reservation_form .txtbox label + input[type='text'],
.rental-reservation .reservation_form .txtbox label + input[type='tel']{width:calc(100% - 50px); padding-left:15px;}
.rental-reservation .reservation_form .txtbox label.date + input[type='text'],
.rental-reservation .reservation_form .txtbox label.date + input[type='tel']{width:calc(100% - 80px); height:27px;} 
.rental-reservation .reservation_form .txtbox label.date + input[type='text']:disabled{background:#fff; color:#2D7EAC; font-weight:500; opacity:1; -webkit-text-fill-color:#2D7EAC;}

.rental-reservation .reservation_form .txtarea{background:#fff; padding:15px 20px;}
.rental-reservation .reservation_form .txtarea label{padding:0; color:#B6B6B6; font-size:16px; line-height:27px; }
.rental-reservation .reservation_form .txtarea textarea{min-height:210px; border:none; padding:0; color:#231F20; font-size:16px; line-height:27px; }
.rental-reservation .reservation_form span{display:block; color:#b6b6b6; font-size:16px; line-height:27px; padding-bottom:5px;}
.rental-reservation .reservation_form span.tit{color:#2D2D2D;}
.rental-reservation .reservation_form > div:nth-child(3) .txtbox label{display:none;}
.rental-reservation .reservation_form > div:nth-child(3) .txtbox label + input{padding-left:0; width:100%;}
.rental-reservation .reservation_form > div:nth-child(3) .txtarea label{display:none;}

.rental-map{border-top:1px solid #707070; margin-bottom:110px; }
.rental-map > div{padding:40px 20px; display:table; width:100%;}
.rental-map > div p{display:table-cell; width:240px; font-size:20px; font-weight:500; line-height:29px; letter-spacing:-1px; }
.rental-map > div address{display:table-cell; padding-left:30px; font-size:18px; line-height:29px; letter-spacing:-1px; background:url('/wowfa20/front/assets/img/icon-spot.png')no-repeat left top 2px;}
.rental-map .imgarea{padding:0;}
.rental-map .imgarea img{width:100%;}

/* 검색결과 -------------------------------------------------------------------------------------------------------*/
.search_head{background:#363686; margin-top:0; padding:40px 0;}
.search_head .bread-crumb{margin-top:0 !important; padding-top:15px !important;}
.search_head .bread-crumb ul li.active a{color:#fff;}
.search_head h3{font-size:30px; line-height:40px; text-align:left; color:#fff; padding-bottom:15px;}
.search_head .desc{color:#8888cb;}

.search-box{width:630px; margin:-40px auto 0; position:relative;}
.search-box input[type='search']{width:100%; background:none; color:#fff; font-size:24px; line-height:24px; border-bottom:2px solid #fff; padding:0 20px 20px 40px; height:45px;}
.search-box input[type='search']::placeholder{color:#fff; font-size:24px; line-height:24px;}
.search-box input[type='submit']{position:absolute; top:0; left:0; width:25px; height:26px; background:url('/wowfa20/front/assets/img/search-icon-w.png')no-repeat center; font-size:0; padding:0; background-size:25px 26px; cursor:pointer;}

.search_result{margin-top:60px;}
.search_result .tit{overflow:hidden; padding-bottom:20px;}
.search_result .tit h3{font-size:30px; line-height:40px; text-align:left; float:left; padding-bottom:0 !important;}
.search_result .tit span{display:block; float:left; margin-left:10px; font-size:20px; font-weight:400; letter-spacing:-1px; color:#ed2023; line-height:45px;}
.search_result .tit span b{font-weight:400;}
.search_result .img{display:block; width:100%;}
.search_result .thum-list a{display:block; color:#2d2d2d;}
.search_result .thum-list .txt{display:block; padding-left:0; padding-top:10px;}


/* 마이페이지 -------------------------------------------------------------------------------------------------------*/
/* 레프트메뉴 */
.mypage .bread-crumb + .cont{margin-top:40px;}
.mypage .cont:last-child{margin-bottom:0;}
.mypage .cont .wrap{display:table; table-layout:fixed;}
.mypage .leftMenu{display:table-cell; width:160px; height:100%; padding-bottom:150px; position:relative;}
.mypage .leftMenu:before{content:''; display:block; position:absolute; border-left:1px solid #ddd; top:53px; left:0; bottom:0;}
.mypage .leftMenu:after{content:''; display:block; position:absolute; border-right:1px solid #ddd; top:53px; right:0; bottom:0;}
.mypage .leftMenu > p{font-size:22px; line-height:33px; text-align:center; background:#ED2023; border-top-left-radius:6px; border-top-right-radius:6px; padding:10px 0;}
.mypage .leftMenu > p a{position:relative; color:#fff; padding-left:30px;}
.mypage .leftMenu > p a:before{content:''; display:block; position:absolute; background:url('/wowfa20/front/assets/img/icon_mypage.png')no-repeat center; width:20px; height:21px; background-size:20px 21px; top:50%; transform:translateY(-50%); left:0px;}
.mypage .leftMenu nav{position:relative;}
.mypage .leftMenu nav:before{content:''; display:block; position:absolute; left:0; top:0; height:100%;}
.mypage .leftMenu nav > ul .tit{font-size:18px; line-height:28px; font-weight:500; color:#231F20; letter-spacing:-1px;}
.mypage .leftMenu nav > ul > li{position:relative; padding:30px 20px;}
.mypage .leftMenu nav > ul > li:after{content:''; display:block; position:absolute; border-bottom:4px solid #f2f4f7; bottom:0; left:1px; right:1px;}
.mypage .leftMenu nav .sub{margin-top:10px;}
.mypage .leftMenu nav .sub li{position:relative;}
.mypage .leftMenu nav .sub li:before{content:''; display:block; position:absolute; width:2px; height:2px; background:#333; border-radius:50%; left:0; top:15px;}
.mypage .leftMenu nav .sub li a{font-size:16px; line-height:27px; color:#333; margin-left:10px;}
.mypage .leftMenu nav .sub li:hover a{color:#ED2023;}
.mypage .leftMenu nav .sub li:hover:before{background:#ED2023;}

.mypage main{display:table-cell; padding:0 0 0 50px;}
.mypage main > div:first-child{margin-top:0;}
.mypage main > div:last-child{margin-bottom:200px;}
.mypage main > div{margin-top:35px;}
.mypage main > div:after{content:''; display:block; clear:both;}

.mypage .box{display:table; table-layout:fixed; width:100%; padding:35px 0;}
.mypage .box li{display:table-cell; position:relative; vertical-align:middle;}
.mypage .box li:before{content:''; display:block; position:absolute; height:100%; border-right:1px solid #ddd; top:50%; left:0; transform:translateY(-50%);}
.mypage .box li:first-child:before{border:none;}

.mypage .my_info{background:#F2F4F7;}
.mypage .my_info li{text-align:center; padding:0 3%;}
.mypage .my_info li p{font-size:16px; line-height:25px; white-space:nowrap;}
.mypage .my_info li p em{color:#ED2023; text-decoration:underline;}
.mypage .my_info .grade{width:330px; padding-left:120px; position:relative;}
.mypage .my_info .grade:before{content:''; display:block; position:absolute;  background-size:60px 80px !important; width:60px; height:80px; left:60px; top:0; transform:translate(0, 0);}
.mypage .my_info .grade.grade-family:before{background:url('/wowfa20/front/assets/img/grade-family.png')no-repeat center;}
.mypage .my_info .grade.grade-vip:before{background:url('/wowfa20/front/assets/img/grade-vip.png')no-repeat center;}
.mypage .my_info .grade.grade-vvip:before{background:url('/wowfa20/front/assets/img/grade-vvip.png')no-repeat center;}

.mypage .my_info .grade em{font-weight:bold; text-decoration:none;}
.mypage .my_info .btn{display:inline-block; background:#fff; font-size:14px; line-height:27px; width:115px; height:30px; border:1px solid #ddd; color:#231f20; text-align:center; margin-top:15px;}
.mypage .my_info .btn:hover{border-color:#534a4a; transition:all .2s ease;}

.my_tit{margin-bottom:5px;}
.my_tit:after{content:''; display:block; clear:both;}
.my_tit > p{font-size:18px; line-height:27px; font-weight:500;}
.my_tit dl{float:left; overflow:hidden;}
.my_tit dl dt{float:left; font-size:18px; line-height:27px; font-weight:500;}
.my_tit dl dd{float:left; font-size:14px; line-height:20px; font-weight:300; color:#9D9D9D; margin-left:7px; margin-top:5px;}
.my_tit a{display:block; float:right; font-size:14px; line-height:19px; color:#231f20; margin-top:7px; position:relative; padding-left:15px; background:url('/wowfa20/front/assets/img/icon_more.png')no-repeat left center;}
.mypage ul.box,
.mypage .my_tit + ul,
.mypage .my_tit + table.table_data.list
.mypage .my_tit + div{border-top:1px solid #231F20; }

.mypage .my_sum ul{border-bottom:1px solid #ddd;}
.mypage .my_sum li{text-align:center; height:60px; width:25%;}
.mypage .my_sum .box li:before{height:44px;}
.mypage .my_sum li > div{display:table; table-layout:fixed; height:100%; margin:0 auto;}
.mypage .my_sum li span{display:table-cell; vertical-align:middle; position:relative; font-size:14px; line-height:16px; text-align:center;}
.mypage .my_sum li > div > span.tit{padding:0 10px 0 75px; overflow:visible; font-size:18px; line-height:20px; letter-spacing:-2px;}
.mypage .my_sum li > div > span.tit::before{content:''; display:block; position:absolute; top:30px; left:0; transform:translateY(-50%); width:62px; height:62px;}
.mypage .my_sum .ing > div > span.tit::before{background:url('/wowfa20/front/assets/img/icon_class_ing.png')no-repeat center left; background-size:62px 62px;}
.mypage .my_sum .complete > div > span.tit::before{background:url('/wowfa20/front/assets/img/icon_class_compl.png')no-repeat center left; background-size:62px 62px;} 
.mypage .my_sum .interest > div > span.tit:before{background:url('/wowfa20/front/assets/img/icon_class_interest.png')no-repeat center left; background-size:62px 62px;}
.mypage .my_sum .order > div > span.tit:before{background:url('/wowfa20/front/assets/img/icon_class_order.png')no-repeat center left; background-size:62px 62px;}
.mypage .my_sum .num{background:none !important; font-size:40px; font-weight:500; line-height:40px; color:#BABABA;}
.mypage .my_sum .num:before{display:none;}
.mypage .my_sum li:nth-child(odd) .num{color:#ed2023;}

/* 내강의실 - 공지사항 */
.notice{float:left; margin-right:25px; width:100%;}
.notice ul li{border-bottom:1px solid #ddd;}
.notice ul li a{display:block; font-size:16px; color:#231F20; padding:15px 0; white-space:nowrap; overflow:hidden; line-height:24px;}
.notice ul li a .tit{float:left; display:block; width:calc(100% - 100px); text-overflow:ellipsis; margin-bottom:0; overflow:hidden;}
.notice ul li a .date{display:block; color:#666; float:right; width:80px; text-align:right;}
.notice ul li a .bull{line-height:20px; margin:2px 5px 2px 0;}
.notice ul li a:hover .tit{text-decoration:underline;}
.mypage .notice{width:calc(100% - 510px);}
.mypage .notice ul li a{font-size:14px; line-height:20px;}
.mypage .notice ul li a .bull{margin:0 5px 0 0;}

/* 마이페이지 테이블 공통 */
.mypage table.table_data.list thead tr{border-color:#9d9d9d;}
.mypage table.table_data.list thead tr th{font-weight:400; height:50px;}
.mypage table.table_data.list th, 
.mypage table.table_data.list td{font-size:14px !important; line-height:22px !important; padding:10px 5px; text-overflow:ellipsis; }
.mypage table.table_data.list .p_date{color:#666;}
/* 최근 수강내역 ---------------------------------------------*/
.mypage table.table_data.list tbody tr td{height:50px;}
.mypage tbody tr td.sday,
.mypage tbody tr td.date,
.mypage tbody tr td.count{color:#666;}
.mypage tbody tr td.tit{margin:0;}
/* 배송/조회 ---------------------------------------------*/
.mypage tbody tr td.orderdate .date{display:block; color:#666;}
.mypage tbody tr td.orderdate .num{display:block; color:#0048D8; text-decoration:underline;}
/* 배송/조회 모바일 */
.mypage div.table_data.list.mob > table{width:100%; table-layout:fixed; border-top:1px solid #231f20; margin-top:10px; line-height:22px;}
.mypage div.table_data.list.mob > table:first-child{margin-top:0;}
.mypage div.table_data.list.mob > table td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; padding:20px 10px;}
.mypage div.table_data.list.mob > table .itemInfo .orderdate{display:block; font-size:16px; line-height:22px;}
.mypage div.table_data.list.mob > table .itemInfo .orderdate .num{color:#231F20; text-decoration:underline; color:#0048D8;}
.mypage div.table_data.list.mob > table .itemInfo .tit{display:block; font-size:18px; line-height:26px; margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mypage div.table_data.list.mob > table .itemInfo .tit .txt-box{color:#231F20;}
.mypage div.table_data.list.mob > table .itemInfo .info{display:table; table-layout:fixed; width:100%; font-size:14px; line-height:18px; color:#666;}
.mypage div.table_data.list.mob > table .itemInfo .info > span{display:table-cell;}
.mypage div.table_data.list.mob > table .itemInfo .info b{font-weight:normal;}
.mypage div.table_data.list.mob > table .itemInfo .info .date{min-width:90px; width:40%;}
.mypage div.table_data.list.mob > table .itemInfo .info > span:nth-child(2){width:30%;}
.mypage div.table_data.list.mob > table .itemInfo .info .price b{color:#231f20;}
.mypage div.table_data.list.mob > table .itemInfo .info .price b:after{content:''; display:inline-block; width:11px; height:11px; background:url('/wowfa20/front/assets/img/icon_w02.png')no-repeat center; background-size:12px 20px; margin-left:2px}
.mypage div.table_data.list.mob > table .itemInfo .info .s_state{width:auto;}
.mypage div.table_data.list.mob > table .itemInfo .info .s_state + .date{width:63%; min-width:130px;}

/*배송중*/.mypage div.table_data.list.mob > table.shipping td.d_state{color:#ed2023;}
/*배송완료*/.mypage div.table_data.list.mob > table.delivery_completed td.d_state{color:#9D9D9D;}
.mypage div.table_data.list.mob > table .priceInfo{background:#F2F4F7;}
.mypage div.table_data.list.mob > table .priceInfo .payment p{width:100%; max-width:none;}

.mypage div.table_data.list.mob > table tr:nth-child(2) td,
.mypage div.table_data.list.mob > table .itemInfo td:last-child,
.mypage div.table_data.list.mob > table td.d_state,
.mypage div.table_data.list.mob > table .priceInfo td:last-child{border-right:none; width:30%; padding:10px 0; text-align:center;}
.mypage div.table_data.list.mob > table .itemInfo td:last-child{padding:5px 0; /*color:#9D9D9D;*/ border-bottom:1px solid #aaa;}
.mypage div.table_data.list.mob > table .date{display:block; color:#666; font-weight:300; margin-top:5px; letter-spacing:-1px; line-height:20px;}
.mypage div.table_data.list.mob > table .s_state b{display:inline-block; border:1px solid #666; border-radius:10px; font-size:14px; padding:0 5px; font-weight:400; }
.mypage div.table_data.list.mob > table .date b{font-weight:normal;}

/* 강좌보러가기 */
.mypage tbody tr td.btn .btn-move{text-indent:0; border:1px solid #231F20; width:85px; border-radius:0; background:none; color:#231F20; font-size:14px; line-height:30px; height:31px; text-align:center;}
.mypage tbody tr td.btn .btn-move:before{display:none;}
.mypage tbody tr td.btn .btn-move{border: 1px solid #aaa;}
.mypage tbody tr td.btn .btn-move:hover{border-color:#ed2020; color:#ed2023;}

.chkbox{display:inline-block;}
.chkbox input[type="checkbox"] + .label-box{position:relative; display:inline-block; border:1px solid #ddd; width:24px; height:24px; transition:all .2s ease;}
.chkbox input[type="checkbox"]:checked + .label-box:after{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url('/wowfa20/front/assets/img/chkbox-chk.png')no-repeat center; width:16px; height:11px; background-size:16px 11px;}
.chkbox input[type="checkbox"]:hover + .label-box{border:1px solid #231f20; transition:all .2s ease;}
.chkbox > input{margin:0; padding:0;}
.chkbox input[type="checkbox"]:disabled + .label-box{background:#F2F4F7;}
.chkbox input[type="checkbox"]:disabled:hover + .label-box{border:1px solid #ddd;}

/*	결제내역(서비스상태기준) */ 
/* 준비중(1) */.mypage tbody tr.s_ready .s_state{color:#EEA000;}
/* 중지(2) */.mypage tbody tr.s_stop .s_state{color:#0048D8;}
/* 서비스중(3) */.mypage tbody tr.s_ing .s_state{color:#ed2023;}
/* 서비스만료(4) */.mypage tbody tr.expire .s_state{color:#BABABA;}
/* 해지완료(5) */.mypage tbody tr.s_termination .s_state{color:#00A200;}

/*	수강내역(수강상태기준) */
/* 수강대기(1) */.mypage tbody tr.ready .state{color:#EEA000;}
/* 수강중지(2) */.mypage tbody tr.stop .state{color:#0048D8;}
/* 수강중(3) */.mypage tbody tr.ing .state{color:#ed2023;}
/* 수강완료(4) */.mypage tbody tr.complete .state{color:#BABABA;}
/* 중도해지(5) */.mypage tbody tr.termination .state{color:#00A200;}

.mypage tbody tr.complete .btn .btn-move{border-color:#BABABA; color:#BABABA; cursor:default;}
.mypage tbody tr.complete .btn .btn-move:hover{border-color:#bababa; color:#bababa;}

.mypage .billing_history tbody tr td.tit .txt-box,
.mypage .delivery_tracking tbody tr td.tit .txt-box{display:-webkit-box; white-space:normal; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.mypage table.table_data.list tbody tr td.p_state{color:#ED2023;}
.mypage table.table_data.list tbody tr td.method{white-space:nowrap;}

.mypage table.table_data.list .payment{padding:25px 0;}
.mypage .payment p{display:table; table-layout:fixed; width:100%; max-width:150px; margin:0 auto;}
.mypage .payment p:first-child{margin-top:0;}
.mypage .payment p > span{display:table-cell;}
.mypage .payment p > span:first-child{text-align:left;}
.mypage .payment p > span:last-child{text-align:right; position:relative; padding-right:20px; }
.mypage .payment p:first-child > span:last-child{background:url('/wowfa20/front/assets/img/icon_C.png')no-repeat center right; background-size:15px 15px;}
.mypage .payment p:nth-child(2) > span:last-child{background:url('/wowfa20/front/assets/img/icon_B.png')no-repeat center right; background-size:15px 15px;}
.mypage .payment p:last-child > span:last-child{background:url('/wowfa20/front/assets/img/icon_W.png')no-repeat center right; background-size:15px 19px;}
.mypage .payment p.total{color:#ed2023;}

.mypage table + .info, .mypage form table + .info,
.list + .info{color:#ed2023; font-size:14px; line-height:15px; background:url('/wowfa20/front/assets/img/icon_excl.png')no-repeat left top 1px; padding-left:20px; margin-top:20px; font-weight:300;}
.info2{color:#ed2023; font-size:14px; line-height:15px; background:url('/wowfa20/front/assets/img/icon_excl.png')no-repeat left top 1px; padding-left:20px; margin-top:20px; font-weight:300;}

/* 내강의실 - 공지사항 */
.mypage .thumnail-wrapper{padding-top:10px;}
.mypage .thumnail-wrapper:after{content:''; display:block; clear:both;}
.mypage .thumnail-wrapper > li{width:calc(100% / 3 - 7px); float:left; margin-right:10px; margin-top:20px;}
.mypage .thumnail-wrapper > li:nth-child(3n){margin-right:0;}
.mypage .thumnail-wrapper > li:nth-child(-n + 3){margin-top:0px;}

.mypage .thumnail-wrapper .thumnail-box{position:relative;}
/* .mypage .thumnail-wrapper .thumnail-info .desc{display:block; white-space:nowrap; -webkit-ling-clamp:1;} */
.mypage .thumnail-info.on + .thumnail-popup-info:before{left:35%;} 
/* .mypage .thumnail-box .btn-box{margin-top:0;} */

/* 내강의실 - 고객센터 */
.mypage .pc .etc{float:left; margin-left:25px; width:460px; background:none;}
.mypage .pc .etc .service-call{padding:30px 20px; overflow:hidden; border-bottom:1px solid #ddd; border-top:1px solid #231f20; background:none; height:auto;} 
.mypage .pc .etc .service-call > p{font-size:18px; font-weight:500;}
.mypage .pc .etc .service-call > div{overflow:hidden; margin-top:6px;}
.mypage .pc .etc .service-call .num{font-weight:bold; color:#231f20;}
.mypage .pc .etc .service-call .time{float:right; font-size:14px; line-height:22px; color:#231f20;}
.mypage .pc .etc .service{border-bottom:1px solid #ddd; background:none; padding:0; height:auto;}
.mypage .pc .etc .service .box{display:table; table-layout:fixed; width:100%; border-top:none; padding:5px 0;}
.mypage .pc .etc .service .box li{display:table-cell; vertical-align:middle; text-align:center;}
.mypage .pc .etc .service .box li:before{height:30px;}
.mypage .pc .etc .service li a{display:block; padding:20px 30px 20px 0; color:#231F20; font-size:18px; line-height:24px; position:relative; background:none;} 
.mypage .pc .etc .service li:first-child:before{display:none;}
.mypage .pc .etc .service li:first-child a:after{content:''; display:inline-block; position:absolute; width:29px; height:31px; background:url('/wowfa20/front/assets/img/icon_mypage_service_02.png')no-repeat right center; background-size:29px 31px; padding-left:10px; top:50%; transform:translateY(-50%);}
.mypage .pc .etc .service li:last-child a:after{content:''; display:inline-block;  position:absolute; width:32px; height:31px; background:url('/wowfa20/front/assets/img/icon_mypage_service.png')no-repeat right center; background-size:32px 31px; padding-left:10px; top:50%; transform:translateY(-50%);}

/* 조회영역 */
.mypage .search-area{border:1px solid #ddd; padding-top:20px; text-align:center; font-size:0;}
.mypage .search-area > div{padding-bottom:20px;}
.mypage .search-area .month{display:inline-block; font-size:0;}
.mypage .search-area .month .txt{display:inline-block; font-size:14px; line-height:30px;}
.mypage .search-area .month .selectbox{display:inline-block; font-size:0; margin-left:10px; width:auto; float:none;}
.mypage .search-area .month .selectbox ul li .btn{display:inline-block; position:relative; font-size:14px; line-height:27px; width:83px; height:30px; border:1px solid #ddd; border-left:none; color:#9D9D9D; overflow:visible; text-align:center; padding:0;}
.mypage .search-area .month .selectbox ul li:first-child .btn{border-left:1px solid #ddd;}
.mypage .search-area .month .selectbox > p{display:none;}
.mypage .search-area .month .selectbox ul li .btn{padding:0 !important;}
.mypage .search-area .month .selectbox ul li.selected .btn,
.mypage .search-area .month .selectbox ul li:hover .btn{color:#231F20 !important; background:none !important}
.mypage .search-area .month .selectbox ul li.selected .btn:after,
.mypage .search-area .month .selectbox ul li:hover .btn:after{content:''; display:block; position:absolute; top:-1px; left:-1px; height:100%; width:100%; border:1px solid #231f20;}
.mypage .search-area .month .selectbox ul{display:inline-block; position:relative; transform:translate(0, 0); bottom:0; border:none; overflow:hidden; padding:0;}
.mypage .search-area .month .selectbox ul li{display:inline-block; float:left;;}
.mypage .search-area .date{display:inline-block; margin-left:30px;}
.search-area .date .datepicker{position:relative; display:inline-block; font-size:0;}
.search-area .date .datepicker > span{display:inline-block; font-size:14px; line-height:30px; padding:0 10px;}
.search-area .date .datepicker input{border:1px solid #ddd; width:200px; height:30px; background:url('/wowfa20/front/assets/img/icon_calendar.png')no-repeat left 10px center; background-size:20px 17px; padding:0 15px 0 40px;}
.search-area .date .datepicker input:focus{border:1px solid #231f20;}
.mypage .search-area .search-btn{display:inline-block; width:30px; height:30px; padding:0; background:#231f20 url('/wowfa20/front/assets/img/icon-search-on.png') no-repeat center; margin-left:20px; cursor:pointer; background-size:15px 15px;}
.mypage .search-area .service{display:inline-block;}
.mypage .search-area .service .txt{display:inline-block; font-size:14px; line-height:30px;}
.mypage .search-area .service .selectbox{display:inline-block; float:none; margin-left:10px; width:128px;}
.mypage .search-area .service .selectbox p{border:1px solid #ddd; height:30px; }
.mypage .search-area .service .selectbox.on p{border-color:#707070;}
.mypage .search-area .service .selectbox .btn{display:block; font-size:14px; line-height:25px; width:100%; text-align:left; color:#9d9d9d; height:100%; padding:0 10px;}
.mypage .search-area .service .selectbox.on .btn{color:#231f20; }
.mypage .search-area + table.table_data{margin-top:10px;}
.mypage .search-area.ty2  .month .selectbox ul li .btn{width:65px;}
.mypage .search-area.ty2 .date{margin-left:10px;}
.mypage .search-area.ty2 .date .datepicker input{width:130px;}
.mypage .search-area.ty2 .service{margin-left:30px;}

/* 수강내역서 발급 팝업*/
.mypage .course-details.popup .bg{opacity:0;}
.mypage .course-details.popup .cont .top > button{font-size:14px; line-height:20px; color:#fff; background:#1F1F78; width:65px; height:30px; float:right; margin-right:45px;}
.mypage .course-details.popup .cont .top > .title{width:calc(100% - 150px); font-size:18px;}
.mypage .course-details.popup .top{border-bottom:1px solid #707070; }
.mypage .course-details.popup .top:after{display:none;}
.mypage .course-details.popup .wrap img{width:100%;}
.mypage .bbsBtnArea button{height:46px; line-height:normal;}
.mypage .bbsBtnArea .btn-line{width:210px; max-width:210px; }

/* 내강의실 공지사항 */
.mypage .bbs-search-wrap{margin-top:0; padding:18px 30px;}
.mypage .bbs-search-wrap-inner{display:block;  margin:0 auto; font-size:0;}
.mypage .bbs-search-wrap-inner input[type='text']{width:calc(100% - 30px); height:32px; max-width:710px; display:inline-block; float:none; padding:0 20px; font-size:14px;}
.mypage .bbs-search-wrap-inner input[type='text']::placeholder{font-size:14px;}
.mypage .bbs-search-wrap-inner input[type='text']::-ms-input-placeholder{font-size:14px;}
.mypage .bbs-search-wrap-inner input[type='text']::-webkit-input-placeholder{font-size:14px;}
.mypage .bbs-search-wrap-inner input[type='submit']{height:32px; width:30px; padding:0; display:inline-block; float:none;}
.mypage .bbs-search-wrap-inner button[type='button']{height:32px; width:30px; padding:0; display:inline-block; float:none;}
.mypage .bbs-view-wrap{margin-top:0;}
.mypage .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner p{font-size:18px;}
.mypage .bbs-view-wrap.view .bbs-content-area{font-size:14px; line-height:24px;}
.mypage .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dt, 
.mypage .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dd{font-size:14px;}
.mypage .bbs-prev-next-area .bbs-prev-txt p a,
.mypage .bbs-prev-next-area .bbs-prev-txt p span,
.mypage .bbs-prev-next-area .bbs-next-txt p a,
.mypage .bbs-prev-next-area .bbs-next-txt p span,
.mypage .bbs-prev-next-area .bbs-prev-txt em,
.mypage .bbs-prev-next-area .bbs-next-txt em,
.mypage .bbs-prev-next-area dl{font-size:14px; height:40px; line-height:40px;}
.notice-line .num{font-size:0 !important; position:relative;}
.notice-line .num:after{content:'공지'; display:inline-block; border-radius:10px; color:#fff; background:#ED2023; padding:0 5px; font-size:14px; line-height:20px; position:absolute; top:27px; left:50%; transform:translate(-50%, -50%); font-size: 12px;}

/* input datepicker 팝업 --------------------------------------------------------------------------------------------------------------*/
.ui-widget.ui-widget-content{background:#fff; box-shadow:10px 10px 10px rgba(0, 0, 0, 0.2); padding:10px !important; font-size:14px !important; }
/* 캘린더 헤더 좌우버튼 */
									   
.ui-widget-header{background:none !important; border:none !important; color:#231f20 !important;}
.ui-state-hover,
.ui-widget-header .ui-state-hover{background:none !important; border:0 none !important;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:2px !important;}
.ui-datepicker .ui-datepicker-prev-hover{left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover{right:2px !important;}
.ui-widget-header .ui-icon-circle-triangle-w{background:url('/wowfa20/front/assets/img/cal_prv.png')no-repeat center !important;}
.ui-widget-header .ui-icon-circle-triangle-e{background:url('/wowfa20/front/assets/img/cal_nxt.png')no-repeat center !important;}
/* 일요일 폰트 컬러 지정 */.ui-datepicker-calendar th:last-child, 
.ui-datepicker-calendar td:last-child > a{color:#ed2023 !important;}
.ui-datepicker-calendar th:last-child.ui-datepicker-current-day , 
.ui-datepicker-calendar td:last-child.ui-datepicker-current-day > a{color:#fff !important;}
.ui-datepicker-calendar th{color:#666 !important; font-weight:normal !important;}
/* 달력 테이블 날짜 디자인 초기화*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
									  
									 
.ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background:none !important; border:0 none !important; width:28px; height:28px; font-size:12px; color:#231f20 !important; text-align:center; padding:8px 0;} 
										 
																																																																																		   
/* 당일 날짜 */.ui-datepicker-today .ui-state-highlight, .ui-state-highlight, .ui-widget-content .ui-state-highlight{background:#f7f7f7; border-radius:100%; color:#231f20;}
								 
/* 선택된 날짜 */.ui-state-active, .ui-widget-content .ui-state-active{background:#ed2023 !important; color:#fff !important; border-radius:100% !important;}
/* hover된 날짜 */.ui-state-default.ui-state-hover{background:#f7f7f7 !important; border-radius:100% !important;}
/* 선택된 날짜를 hover */.ui-state-active, .ui-widget-content .ui-state-active.ui-state-hover{background:#ed2023 !important; color:#fff !important; }

/* 내강의실 - 모바일 */
.accordian{font-size:20px; line-height:20px;}
.accordian > p{display:none;}
.accordian .item{margin-top:15px;}
.accordian .item:first-child{margin-top:0px;}
.accordian .tit{color:#231F20; cursor:pointer; padding:10px 0; border-bottom:1px solid #231F20; position:relative; font-weight:500;}
.accordian .tit:after{content:''; display:block; position:absolute; top:50%; right:10px; transform:rotate(0deg) translateY(-50%); transition:all .3s ease; width:14px; height:8px; background-size:14px 8px; background:url('/wowfa20/front/assets/img/accordian-arr.png')no-repeat center;}
.accordian .item.on .tit:after{transform:rotate(180deg) translateY(50%); transition:all .3s ease; }
.accordian .sub li{border-bottom:1px solid #ddd;}
.accordian .sub li a{display:block; color:#666; padding:10px;}

@media all and (max-width : 1199px){
	.search-box{width:630px; margin:30px auto 0; position:relative;}
	
	/* 공통 컴포넌트 ---------------------------------------------------------------------------------------------*/
	.pagination-area{width:100%;}
	/* 메인 -------------------------------------------------------------------------------------------------------*/
	/* #mainVisualWrap 메인비쥬얼 ---------------------------------------------------------------------------------------------*/
	#mainVisualWrap .swiper-wrapper .swiper-slide{width:600px !important;}
	#mainVisualWrap .arrow-area{width:600px;}
	#mainVisualWrap .swiper-button-next, 
	#mainVisualWrap .swiper-container-rtl .swiper-button-prev{right:-45px; transform:translate(50%, 0); -webkit-transform:translate(50%, 0);}
	#mainVisualWrap .swiper-button-prev, 
	#mainVisualWrap .swiper-container-rtl .swiper-button-next{left:-45px; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}

	/* #main_con_02 맞춤강좌 ---------------------------------------------------------------------------------------------*/
	/* #main_con_03 추천강좌 ---------------------------------------------------------------------------------------------*/
	#container{overflow:hidden; min-width:320px;}
	#main_con_02,
	#main_con_02_1,
	#main_con_02_2,
	#main_con_02_3,
	#main_con_03{overflow:unset;}    
	#main_con_02 .thumnail-info.on + .thumnail-popup-info:before, 
	#main_con_02_1 .thumnail-info.on + .thumnail-popup-info:before, 
	#main_con_02_2 .thumnail-info.on + .thumnail-popup-info:before, 
	#main_con_02_3 .thumnail-info.on + .thumnail-popup-info:before, 
	#main_con_03 .thumnail-info.on + .thumnail-popup-info:before{right:auto; left:20%;}

	.mainVideoVisual .swiper-wrapper{left:23%;}
	.mainVideoVisual .swiper-wrapper .swiper-slide{width:28% !important;} 
	.mainVideoVisual.swiper-container:before, 
	.mainVideoVisual.swiper-container:after{display:none;}
	.mainVideoVisual .thumnail-info{height:auto;}

	.thumnail-wrapper .thumnail-info a{display:block; padding:10px 0;}
	.thumnail-info .title{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.thumnail-info .info{margin-bottom:0; margin-top:5px;}
	.thumnail-info .check.typ2{float:none; display:block; margin-top:5px;}

	/* #main_con_04 인기컨텐츠 ---------------------------------------------------------------------------------------------*/
	#main_con_04{width:100%;}
	#main_con_04 .popular-content li{height:250px;}
	#main_con_04 .popular-content li a > span em{max-height:50px; font-size:20px; line-height:25px;}
	#main_con_04 .popular-content li a > span span{max-height:40px; font-size:15px; line-height:20px;}

	/* #main_con_05 강사진 ---------------------------------------------------------------------------------------------*/
	#teacher .teacher_roll .thum_img img{width:100%;height:auto;}
	#teacher .teacher_roll .thum_img button .thum_tit{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
	#teacher .teacher_roll .big_img .box{padding:0.7em;font-size:24px;}
	#teacher .teacher_roll .thum_img button .thum_name{top:31%;}

	/* #main_con_06 프로모션 배너 ---------------------------------------------------------------------------------------------*/
	#main_con_06 .swiper-wrapper .swiper-slide{width:100% !important;}
	#main_con_06 .swiper-wrapper .swiper-slide a > span{padding:0 0 20px 20px;}
	#main_con_06 .swiper-wrapper .swiper-slide a > span > em{font-size:30px; line-height:35px;}
	#main_con_06 .swiper-wrapper .swiper-slide a > span > span{font-size:20px; line-height:25px;}
	/* 공지사항 */
	#main_con_07 .notice{padding:20px 20px 33px;}
	/* 최근일정 */
	#main_con_07 .wrap > div:nth-child(1){width:45%;}
	#main_con_07 .wrap > div:nth-child(2){width:calc(55% - 10px);}
	#main_con_07 .recent-schedule .tab-content{padding:30px 20px 35px;}
	#main_con_07 .recent-schedule .tab-content ul li a{padding-left:60px;}
	#main_con_07 .recent-schedule .tab-content ul li .tit > span{font-size:16px; line-height:22px;}
	#main_con_07 .recent-schedule .tab-content ul li em{font-size:16px; line-height:20px; height:50px; width:50px; padding:14px 0;}
	#main_con_07 .recent-schedule .tab-content ul li .time{width:80px;}
	#main_con_07 .recent-schedule .tab-content ul li .time span{font-size:14px; line-height:18px;}
																										   

	/* 기타(바로가기) */
	#main_con_07 .etc .service-call .num{font-size:35px;}
	#main_con_07 .etc .service-call{padding:28px 0; width:90%; margin:0 auto;}

	.tag button{width:130px; height:30px; font-size:16px;}

	/* 서브 -------------------------------------------------------------------------------------------------------*/
	/* 비주얼 배너 */
	.visual-rolling-banner .wrap, .promotion .wrap, #main_con_06 .wrap{padding:0;}
	.visual-rolling-banner .swiper-wrapper, .visual-img-banner .wrap, .lectureList .visual-img-banner .wrap{height:470px; padding:0;}
	.visual-rolling-banner .swiper-button-next{right:20px;}
	.visual-rolling-banner .swiper-button-prev{left:20px;}

	/* 프로모션 롤링배너 */
	.promotion .swiper-wrapper .swiper-slide{width:100% !important;}

	/* bread-crumb */
	.bread-crumb > div{width:100%; padding:0 20px;}

	/* 동영상 리스트 (pc - 더보기, mobile - 스와이퍼) */
	.morebtnSwipeList .pagination-area{display:block;}
	.morebtnSwipeList .swiper-wrapper{left:0;/*left:23%;*/ display:flex;}
	.morebtnSwipeList .swiper-wrapper .swiper-slide{width:30.626% !important; margin-right:2% !important; margin-bottom:0; margin-top:0;}
	.morebtnSwipeList.ty2 .swiper-wrapper .swiper-slide{width:50% !important;}
	.morebtnSwipeList + .morebtn{display:none;}
	.morebtnSwipeList .thumnail-wrapper .thumnail-box{width:100%;}
	.doubleSwipeList .thumnail-info.on + .thumnail-popup-info,
	.morebtnSwipeList .thumnail-info.on + .thumnail-popup-info,
	.mypage .thumnail-info.on + .thumnail-popup-info{bottom:35px;}
	
	/* 전체강사 (호버시 상세보기) ---------------------------------------------------------------------------------------------*/
	.lecturer-box{width:100%;}

	#freelecturemenu{display:none;}

	/* 비주얼 롤링 배너 */
	.visual-rolling-banner .arrow-area,
	.visual-rolling-banner-ty2 .arrow-area{width:100%;}
	/* 비주얼 롤링 배너 (타입2) - 아카데미 메인 */
	.visual-rolling-banner-ty2 .wrap{width:100%; padding:0 20px;}
	.visual-rolling-banner-ty2 .swiper-container .swiper-wrapper{height:auto;}
	.visual-rolling-banner-ty2 .arrow-area .swiper-button-prev{left:20px;}
	.visual-rolling-banner-ty2 .arrow-area .swiper-button-next{right:20px;}
	
	.lecture-schedule .calendar-area{padding:40px 10px 25px;}
	.lecture-schedule .thum-list{width:45%; padding-left:25px;}
	.lecture-schedule .thum-list:before,
	.lecture-schedule .thum-list:after{width:calc(100% - 25px)}
	.thum-list .txt{padding-left:15px;}

	/* 아카데미 > 강좌 */
	.lectureList .visualTxt{width:100%;}
	
	/* 서적 */
	.book-box{width:32%; margin-right:2%;}
	.book-box .txt-area{padding:0 0 0 10px;}
	.book-box .btn-box{width:calc(100% - 10px); left:10px;}

	/* 썸네일 동영상 안의 버튼 (2개형) */
	.btn-box{margin-top:0;}
	.btn-box .check.typ2{text-align:left !important; margin-top:0 !important; font-size:14px; line-height:20px; padding-bottom:10px;}
	.btn-box > span{display:block; float:none; width:100% !important; margin:0 !important; max-width:none !important;}
	/* 썸네일 동영상 안의 버튼 (3개형) */
	.btn-box.ty3 > span{width:calc(100% - 140px) !important;}
	.btn-box.ty3 .check.typ2{padding-bottom:0;}
	.btn-box.ty3 > span > button, .btn-box.ty3 > span > a{width:calc(100% / 3 - 0.1px);}

	/* 2행 4열 스와이퍼 */
	.doubleSwipeList .pagination-area,	.doubleSwipeList .arrow-area{display:none;}
	.doubleSwipeList{overflow:visible;}
	.lectureList .visual-img-banner .visualTxt .ls{padding-right:5%;}
	.lectureList .visual-img-banner .pc .visualTxt{width:100%;}
	.lectureList .visual-img-banner .visualTxt .lecturerName{font-size:60px; line-height:65px; margin-top:5%;}
	.lectureList .visual-img-banner .visualTxt .tit{font-size:30px; line-height:40px; max-height:80px; width:250px;}
	.lectureList .visual-img-banner .info{margin-top:7%;}
	
	.lectureList .doubleSwipeList,
	.lectureList .bookList{padding-bottom:0;}
	
	.lectureList .visual-img-banner .pc .visualTxt .ls{padding-left:20px;}
	.lectureList .visual-img-banner .pc .visualTxt .rs{padding-right:20px;}
    
	/* (상품) 강좌 */
	.item-box .img-area{width:375px; padding-right:40px;}
	.item-box .txt-area{width:calc(100% - 375px);}  
	.item-box .btn-area{width:calc(100% - 375px);}

	/* 아카데미 > 강좌상세 */
	.item-box-info{padding:0 20px; left:-20px; width:calc(100% + 40px);}
	.item-box-info > p:last-child > span:last-child button,
	.item-box-info > p:last-child > span:last-child a{max-width:none;}
	.item-box-info > p:first-child{position:relative; float:none; text-align:right; padding:20px 0 0; letter-spacing:-1px;}
	.item-box-info > p:last-child{width:100% !important; float:none; padding:10px 0 20px;}
	.item-box-info > p:last-child > .fee{width:100% !important; padding-right:0; margin-bottom:15px !important; letter-spacing:-1px; line-height:25px;}
	.item-box-info > p:last-child > span:last-child{width:100% !important;}
	.item-box-info > p:last-child > span:last-child button,
	.item-box-info > p:last-child > span:last-child a{width:calc(100% / 2); max-width:210px;}

	/* 테셋 */
	.tab-accordian .tab-button{width:42%; padding:0 15px; font-size:18px;}
	.tab-accordian .tab-button:before{left:15px; right:15px;}
	.tab-accordian .tab-content{width:58%;}
	
	.tesat-intro .img-tit .img.fl{width:500px;}
	.tesat-intro .img-tit .img.fr{width:400px;}
	.tesat-intro .img-tit .tit{margin-top:50px;}
	
	.tesat-schedule .box{width:calc(50% - 5px); margin-right:10px !important; margin-top:10px !important;}
	.tesat-schedule .box:nth-child(2n){margin-right:0 !important;}
	.tesat-schedule .box:nth-child(-n+2){margin-top:0 !important;}
	.tesat-schedule .exam-info li > span{padding-left:10px;}
	
	.tesat-intro ~ .visual-img-banner{background:#171818 url('/wowfa20/front/assets/img/tesat_lecture_intro.png')no-repeat top center; background-size:100%; }
	.tesat-intro ~ .visual-img-banner .visualTxt .txt{padding-bottom:110px;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt img{position:relative; height:auto; width:375px; top:0;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt > div{position:absolute; padding:0 20px 0 375px; display:table;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt p{font-size:16px; line-height:26px; font-weight:400; display:table-cell; vertical-align:middle; padding-bottom:110px;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt p + .bbsBtnArea{position:absolute; bottom:30px; left:50%; transform:translateX(-50%);}

	/* 대관예약 */
	.rental-advantage{position:relative; padding:50px 0 40px;}
	.rental-advantage:before{content:''; display:block; position:absolute; width:20px; top:0; left:0; bottom:0; transform:translateX(-100%); background:#F2F4F7;}
	.rental-advantage:after{content:''; display:block; position:absolute; width:20px; top:0; right:0; bottom:0; transform:translateX(100%); background:#F2F4F7;}
	.rental-advantage ul{flex-direction:column;  -ms-flex-direction:column; -webkit-box-orient:vertical; width:100%; max-width:430px; margin:0 auto;}
	.rental-advantage ul li{float:none; width:100%; height:90px; display:table; padding:0; margin-right:0;}
	.rental-advantage ul li + li{margin-top:10px;}
	.rental-advantage ul li:before{width:150px; position:relative; display:table-cell; vertical-align:middle; bottom:0; left:0; transform:translate(0);}
	.rental-advantage ul li:nth-child(1):before,
	.rental-advantage ul li:nth-child(2):before,
	.rental-advantage ul li:nth-child(3):before,
	.rental-advantage ul li:nth-child(4):before,
	.rental-advantage ul li:nth-child(5):before{background-size:80px 50px !important;}
	.rental-advantage ul li em{display:table-cell; vertical-align:middle; text-align:left; font-size:20px; line-height:30px; padding:0 10px 0 0;}
	
	.rental-step ul{width:100%; max-width:430px; margin:0 auto;}
	.rental-step ul li{display:table; float:none; width:100%; height:auto; border-radius:10px; padding:0; height:90px;}
	.rental-step ul li + li{margin-top:20px;}
	.rental-step ul li:after{transform:rotate(90deg) translate(0, -25%); width:20px; bottom:calc(-50% - 10px); top:auto; right:50%; left:auto;}
	.rental-step ul li i{display:table-cell; vertical-align:middle; font-size:17px; width:90px; text-align:center; padding-left:10px;}
	.rental-step ul li em{display:table-cell; vertical-align:middle; font-size:24px; width:100px; text-align:center;}
	.rental-step ul li span{display:table-cell; vertical-align:middle; text-align:left; padding-left:10px; padding-right:10px; font-size:17px;}
	.rental-step ul li span .pc-only{display:none;}

	.rental-fee span{right:20px;}

											   
	.rental-reservation .reservation_form{width:45%; padding:40px 30px;}
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{height:110px;}
	.rental-reservation .datepicker-calendar-wrapbl .bull{width:15px; height:15px; font-size:11px; line-height:17px;}
	
	.rental-floor{background:none; padding:0;}
	.rental-floor:before,
	.rental-floor:after{display:none;}
    .rental-floor h3{position:relative; top:0; left:0; text-align:center;}
	.rental-floor h3 .pc-only{display:none;}
	.rental-floor .imgarea{position:relative; width:100%; background:#f2f4f7; padding:40px 0;}
	.rental-floor .imgarea:before{content:''; display:block; position:absolute; left:0; top:0; bottom:0; width:20px; background:#F2F4F7; transform:translateX(-100%);}
	.rental-floor .imgarea:after{content:''; display:block; position:absolute; right:0; top:0; bottom:0; width:20px; background:#F2F4F7; transform:translateX(100%);}
	.rental-floor .imgarea img{max-width:680px; margin:0 auto; padding:0;}
	
	.rental-qa .accordian + div{padding:20px 0 0;}
	.rental-qa .accordian + div p{float:none; }
	.rental-qa .accordian + div p + ul{margin-top:10px;}
	.rental-qa .accordian + div ul{float:none; margin-left:0;}
	.rental-qa .accordian + div ul + ul{margin-top:10px;}

	/* 마이페이지 */
	.mypage .lb{display:block;}
	.mypage main{padding:0 0 0 20px;}
	.mypage .notice, .mypage .pc .etc{float:none; width:100%; margin:0;}
	.mypage .pc .etc{margin-top:35px;}
	.mypage .search-area .month{display:block;}
	.mypage .search-area .date,
	.mypage .search-area.ty2 .date{margin-left:0;}
	.mypage .search-area.ty2 .service,
	.mypage .search-area.ty2 .search-btn{margin-left:15px;}
	.mypage .thumnail-info.on + .thumnail-popup-info:before{left:20%;}
}

@media all and (max-width : 1024px){
	.search-box{width:630px; margin:30px auto 0; position:relative;}
	
	#mainVisualWrap .wrap{padding:0;}
	#mainVisualWrap .arrow-area{display:none;}
	#mainVisualWrap .pc{display:none;}
	#mainVisualWrap .mob{display:block;}
	#mainVisualWrap .swiper-wrapper .swiper-slide{width:100% !important;}
	#mainVisualWrap a:hover img.pc{transform:scale3d(1, 1, 1);}

	/* 비주얼 배너 */
	.visual-rolling-banner .swiper-wrapper,
	.visual-img-banner .wrap,
	.lectureList .visual-img-banner .wrap{height:370px;}

	/* 동영상 썸네일 버튼 (pc-더보기, mobile-스와이퍼) */
	.morebtnSwipeList .thumnail-wrapper .thumnail-info .info{float:none;}
	.morebtnSwipeList .thumnail-wrapper .thumnail-info .info > .btn-wrap{margin-left:0; width:calc(100% - 110px); max-width:127px; min-width:50px;}
	.morebtnSwipeList .thumnail-wrapper .thumnail-info .info button{width:100%;}
	.morebtnSwipeList .thumnail-wrapper .thumnail-info .info .check{float:none;}

	.lecture-schedule .datepicker-calendar-wrapbl .pc .bull{padding:0 3px;}
	
	.lectureList .visual-img-banner .pc .visualTxt .rs > div{width:60%;}
	.lectureList .visual-img-banner .visualTxt .tit{font-size:25px; line-height:35px; max-height:70px; width:200px;}
	.lectureList .visual-img-banner .visualTxt .lecturerName{font-size:50px; line-height:55px; margin-top:3%;}
	.lectureList .visual-img-banner .info{margin-top:4%; margin-right:30%; width:310px;}
	.lectureList .visual-img-banner .info > ul li{font-size:14px; line-height:24px;}
	
	/* 강좌소개 > 서적 */  
	.book-box{width:48%; margin-right:4%;}
	.book-box:nth-child(2n){margin-right:0;}
	.book-box .btn-box{right:0; width:37%; min-width:130px;}
	.popup.book-popup .cont .wrap{margin: 30px;width: calc(100% - 60px);}

	/* 테셋 ----------------------------------------------------*/
	.tesat-main .notice{margin-right:30px; width:calc(100% - 500px)}
	
	.tesat-dday{width:375px; right:20px;}
	.tesat-dday .day{left:87px; bottom:27px; font-size:25px;}
	
	.tesat-company h3{text-align:center; padding-bottom:10px;}
	.tesat-company h3 + span{text-align:center; font-size:16px; margin-bottom:30px;}

	.tab-accordian{position:relative;}
	.tab-accordian:before{content:''; display:block; position:absolute; top:0; left:-20px; right:-20px; border-top:1px solid #ddd;}
	.tab-accordian .tab{position:relative;}
	.tab-accordian .tab .tab-button{width:100%; font-size:18px; line-height:70px; height:70px; border:none; padding:0; font-weight:400; padding-right:30px;}
	.tab-accordian .tab .tab-button:before{border:none; display:block; left:auto; right:0; width:22px; height:100%; background:url('/wowfa20/front/assets/img/accordian-down.png')no-repeat center; transform:translateY(0); transition:all .2s ease; background-size:22px 11px;}
	.tab-accordian .tab.active .tab-button:before{background:url('/wowfa20/front/assets/img/accordian-up.png')no-repeat center; transition:all .2s ease; background-size:22px 11px;}
	.tab-accordian .tab .tab-button:after{content:''; display:block; position:absolute; transform:translateX(0) !important; left:-20px !important; right:-20px !important; bottom:0 !important; top:auto !important; border-bottom:1px solid #ddd !important; border-right:none !important;}
	.tab-accordian .tab .tab-content{position:relative; width:100%;}
	.tab-accordian .tab-content .wrap{padding:0; min-width:auto;}
	.tab-accordian .tab.active:before{content:''; display:block; position:absolute; top:0; left:-20px; right:-20px; border-top:1px solid #333; z-index:3;}
	.tab-accordian .tab.active .tab-button{border:none;}
	.tab-accordian .tab.active .tab-content{border:none; overflow:visible;}
	.tab-accordian .tab.active .tab-content:after{content:''; display:block; position:absolute; bottom:0; left:-20px; right:-20px; border-bottom:1px solid #333;}

	.tesat-intro .img-tit .img.fl{width:400px;}
	.tesat-intro .img-tit .img.fr{width:300px;}
	.tesat-intro .img-tit .tit{margin-top:30px; font-size:30px; line-height:42px;}
    .tesat-schedule .exam-info li:before{display:none;}

	/*테셋 레프트 메뉴 #pointmap*/
	#pointmap{background: rgba(255, 255, 255);}
	#pointmap ul li.on a:before{top: 0px;border-top:none;border-bottom:none;}
	#pointmap ul li.on a:after{top: 0;right: -1.3px;}

	/* 마이페이지 */
	.mypage .my_info .grade{width:230px; padding-left:70px;}
	.mypage .my_info .grade:before{left:20px; width:45px; height:60px; background-size:45px 60px !important;}

	.mypage .my_sum .box{display:block; overflow:hidden; padding:0 0 10px 0;}
	.mypage .my_sum .box li{float:left; display:block; width:50%; padding:10px 10px 10px 5%; height:auto;}
	.mypage .my_sum .box li:nth-child(3n):before{display:none;}
	.mypage .my_sum .box li:nth-child(-n+2){border-bottom:1px solid #ddd;}
	.mypage .my_sum .box li .num{line-height:50px;}
	.mypage .my_sum .box li > div > span.tit{min-width:105px; padding:0 10px 0 50px;}
	.mypage .my_sum li > div > span.tit{padding:0 5px 0 50px;}
	.mypage .my_sum li > div > span.tit::before{width:45px; height:45px; top:25px; background-size:45px 45px !important;}
    
}

@media all and (max-width : 980px){
	.search-box{width:630px; margin:30px auto 0; position:relative;}
	
	.item-box .btn-area{clear:both; position:relative; width:100%; bottom:0; padding-top:20px;}
	.item-box .thumnail-info.on + .thumnail-popup-info{bottom:5px;}
}

@media all and (max-width : 900px){
	.search-box{width:630px; margin:30px auto 0; position:relative;}
	
	.mypage .my_info li{padding:0 0;}
	.mypage .my_info .grade{width:25%; padding-left:0%;}
	.mypage .my_info .grade:before{display:none;}
	.mypage .etc{width:calc(100% + 40px); margin-left:-20px;}
	
	.rental-reservation{position:relative; display:block; padding-top:10px;}
	.rental-reservation:before{right:-20px; left:-20px;}
	.rental-reservation .calendar{width:100%; display:block; padding:20px 0 65px;}
	.rental-reservation .reservation_form{width:100%; display:block; padding:30px 20px;}
	.rental-reservation .calendar .type{bottom:20px;}
	.rental-reservation .datepicker-calendar-wrapbl .bull{width:20px; height:20px; font-size:14px; line-height:21px;}
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar td{height:120px;}
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{height:120px;}
}

@media all and (max-width : 880px){
	.search-box{width:630px; margin:30px auto 0; position:relative;}
	
	/* 메인 -------------------------------------------------------------------------------------------------------*/
	/* #main_con_05 강사진 ---------------------------------------------------------------------------------------------*/
	#teacher .teacher_roll .thum_img img{width:100%;height:auto;}
	#teacher .teacher_roll .thum_img button .thum_tit{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
	#teacher .teacher_roll .big_img .box{padding:0.5em;font-size:20px;}
	#teacher .teacher_roll .thum_img button .thum_name{top:31%;}
	
	.morebtnSwipeList .thumnail-wrapper .thumnail-info .btn-area{display:block; width:100%;}
	.morebtnSwipeList .thumnail-wrapper .thumnail-info .btn-area > span button{}

	/* 테셋 */
	h4.tesat-tit{font-size:18px; line-height:24px;}

	.tesat-dday{width:300px;}
	.tesat-dday .day{left:70px; bottom:21px; font-size:22px;}


}
@media all and (max-width : 768px){
	/* 공통 ------------------------------------------------------------------------------------------------------*/
	.pagination-area{padding-top:5px;}
	
	/* 동영상 스와이퍼 */
	.mainVideoVisual .swiper-wrapper{left:75%;}
	.mainVideoVisual .swiper-wrapper .swiper-slide{margin-left:1%; margin-right:1%;}
	/*.morebtnSwipeList .swiper-wrapper,
	.morebtnSwipeList02 .swiper-wrapper*/
	.mainVideoVisual .swiper-wrapper .swiper-slide,
	.morebtnSwipeList .swiper-wrapper .swiper-slide,
	.morebtnSwipeList02 .swiper-wrapper .swiper-slide{width:48% !important;}
	/* .doubleSwipeList .swiper-wrapper .swiper-slide */
	.morebtnSwipeList.ty2 .swiper-wrapper .swiper-slide{width:98% !important; }

	/* 메인 -------------------------------------------------------------------------------------------------------*/
	#mainVisualWrap,
	#main_con_02,
	#main_con_02_1,
	#main_con_02_2,
	#main_con_02_3,
	#main_con_03, 
	#main_con_04, 
	#main_con_05, 
	#main_con_06, 
	#main_con_07{min-width:320px; padding:0 0 40px 0;} 
	#main_con_02 h3,
	#main_con_02_1 h3,
	#main_con_02_2 h3,
	#main_con_02_3 h3,
	#main_con_03 h3, 
	#main_con_04 h3, 
	#main_con_05 h3, 
	#main_con_07 h3{font-size:20px; line-height:29px; padding-bottom:20px;}

	/* #mainVisualWrap 메인비주얼 ---------------------------------------------------------------------------------------------*/
	#mainVisualWrap .pc{display:block !important;}
	#mainVisualWrap .mob{display:none !important;}
	#mainVisualWrap .pagination-area{width:100%; min-width:320px;}
	#mainVisualWrap .pagination-area{padding-top:5px;}
	#mainVisualWrap .autoplaybtn{display:none;}

	/* #main_con_03  추천강좌 ---------------------------------------------------------------------------------------------*/
	/* #main_con_02  맞춤강좌 ---------------------------------------------------------------------------------------------*/
	.tag button{font-size:16px; line-height:20px; width:auto; min-width:130px; height:30px; padding:0 15px; margin-right:5px; margin-bottom:5px;}
	.mainVideoVisual.swiper-container{margin-top:15px;}
	.thumnail-info{padding:10px 5px;}
	.thumnail-info .title{font-size:14px; margin-bottom:0;}
	.thumnail-info .info{font-size:14px; margin-bottom:0;}

	#main_con_02 .arrow-area,
	#main_con_02_1 .arrow-area,
	#main_con_02_2 .arrow-area,
	#main_con_02_3 .arrow-area,
	#main_con_03 .arrow-area{display:none;}

	/* #main_con_04 인기컨텐츠 ---------------------------------------------------------------------------------------------*/
	#main_con_04 .popular-content li{width:calc(50% - 5px); margin-right:10px; margin-bottom:10px;}
	#main_con_04 .popular-content li:nth-child(even){margin-right:0;}
	#main_con_04 .popular-content li:nth-last-child(-n+2){margin-bottom:0;}
	#main_con_04 .popular-content li a > span{padding:0 5px 0 10px; bottom:10px;}

	/* #main_con_06 프로모션배너 */
	#main_con_06 .wrap{padding:0;}
	#main_con_06 .swiper-wrapper .swiper-slide img.pc{display:block !important;}
	#main_con_06 .swiper-wrapper .swiper-slide img.mob{display:none !important;}
	#main_con_06 .pagination-area .autoplaybtn{display:none;}

	/* #main_con_07  ---------------------------------------------------------------------------------------------*/
	#main_con_07{padding-bottom:0; min-width:320px;}
	#main_con_07 .wrap:nth-child(1){margin-bottom:40px; height:auto; padding:0;}
	#main_con_07 .wrap:nth-child(2){height:auto; padding:0;}
	#main_con_07 .wrap > div:nth-child(1),
	#main_con_07 .wrap > div:nth-child(2){width:100%; min-width:320px; height:auto; float:none; margin-right:0;}	

	/* 최근일정  */
	#main_con_07 .recent-schedule ul.tab-button li{font-size:18px; line-height:27px; padding:9px 0 11px; height:48px;}
	#main_con_07 .recent-schedule .tab-content{height:auto; padding:15px 20px 20px;}
	#main_con_07 .recent-schedule .tab-content ul li{display:table; width:100%; padding:12px 0;}
	#main_con_07 .recent-schedule .tab-content ul li span{font-size:14px; line-height:18px;}
	#main_con_07 .recent-schedule .tab-content ul li em{width:42px; height:42px; font-size:14px; padding:12px 0 10px;}
	#main_con_07 .recent-schedule .tab-content ul li a{display:table-cell; vertical-align:middle; padding-left:60px; height:54px;}
	#main_con_07 .recent-schedule .tab-content ul li a > span{display:block;}
	#main_con_07 .recent-schedule .tab-content ul li .tit > span{padding-right:0; letter-spacing:-0.7px;}
	#main_con_07 .recent-schedule .tab-content ul li .time{width:auto;}
	#main_con_07 .recent-schedule .tab-content ul li .time > span{display:inline; margin-right:17px;}

	/* 전체일정 */
	#main_con_07 .total-schedule{padding-top:40px;}
	#main_con_07 .total-schedule .calendar{height:auto; padding:20px 0 50px;}
	#main_con_07 .total-schedule .calendar .type span{font-size:14px;}
	.hasDatepicker .ui-datepicker .ui-widget-header{width:auto; font-size:23px; margin-bottom:20px;}
	.hasDatepicker .ui-datepicker .ui-widget-header .ui-datepicker-prev{left:6%;}
	.hasDatepicker .ui-datepicker .ui-widget-header .ui-datepicker-next{right:6% !important;}
	.hasDatepicker .ui-datepicker .ui-datepicker-calendar{width:100%;}
	.hasDatepicker .ui-datepicker .ui-datepicker-calendar td{/* width:auto; */}
	.hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{font-size:15px;}
	.hasDatepicker .ui-datepicker .ui-datepicker-calendar th{font-size:14px; padding-bottom:20px;}
												  
	.hasDatepicker .ui-datepicker .ui-icon{background-size:80% !important;}
																   
														 

	/* 공지사항 */
	#main_con_07 .notice{padding:20px;}
	#main_con_07 .notice .more{right:20px;}
	.notice{width:100% !important; float:none;}
	.notice h3{text-align:center; padding-top:0;}
	.notice ul li span{letter-spacing:-0.7px;}
	.notice .tit{float:none !important; width:100% !important;}
	.notice .date{float:none !important; line-height:28px !important; width:auto !important; text-align:left !important;}
									
										

	/* 기타(바로가기) */
	.etc .service-call{width:auto; padding:24px 20px; height:auto;}
	.etc .service-call .num{font-size:32px; line-height:36px; letter-spacing:-1px;}
	.etc .service-call .time{font-size:12px; line-height:18px; letter-spacing:-1px;}
	.etc .service{height:auto;}
	.etc .service li a{font-size:16px; line-height:32px; padding-top:35px;}
	.etc .service li:nth-child(1) a,
	.etc .service li:nth-child(2) a,
	.etc .service li:nth-child(3) a{background-size:auto 34px;}
	.etc .service li:nth-child(2) { display: none; }

	/* 서브 -------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠별 간격, 타이틀 */
	.cont{margin-top:30px;}
	.cont:first-child{margin-top:0;}
	.cont:last-child{margin-bottom:80px;}
	.cont h3{font-size:22px; line-height:31px; letter-spacing:-1px; padding-bottom:20px;}

	/* pc용/모바일용 이미지 구분 */
	.pc,table.pc{display:none !important;}
	.mob{display:block !important;}
	table.mob{display:table !important;}
		
	/*  프로모션 롤링 배너(서브용) */
	.promotion .wrap{padding:0;}
	.promotion .swiper-wrapper .swiper-slide img.pc{display:block !important;}
	.promotion .swiper-wrapper .swiper-slide img.mob{display:none !important;}
	.promotion .pagination-area .autoplaybtn{display:none;}

	/* 조회영역 */
	.search-area{margin:0 auto;}
	.search-area .selectbox-wrapper{float:none;}
	.selectbox{width:calc(33.3% - 7px); margin-right:10px;}
	.visual-rolling-banner + .search-area,
	.visual-rolling-banner-ty2 + .search-area{margin-top:35px;}
	.search-area + .cont{margin-top:55px;}

	/* bread crumb */
	.bread-crumb{display:none;}

	/* 동영상 리스트(pc - 더보기, mobile - 스와이퍼) */
	.morebtnSwipeList .wrap{padding-bottom:55px;}
	.morebtnSwipeList02 .swiper-wrapper .swiper-slide{width:48% !important; margin-right:2% !important; margin-bottom:0;}
	.thumnail-wrapper .thumnail-info .title{font-size:14px; }
	.thumnail-wrapper .thumnail-info .desc{font-size:14px; max-height:18px; white-space:nowrap; display:block; margin-top:10px;}
	.thumnail-wrapper .thumnail-info .btn-area .check.typ2{font-size:12px; margin:0;}
	.thumnail-wrapper .thumnail-info .btn-area > span{overflow:hidden;}
	.thumnail-wrapper .thumnail-info .btn-area > span > button{font-size:12px; height:34px; line-height:34px;}
	.thumnail-popup-info .btn-box{margin:3px 0 0; padding:0 !important; width:auto;}
	.thumnail-info.on + .thumnail-popup-info .btn-box{padding:0 !important;}
	.btn-box .check.typ2{font-size:12px; line-height:26px;}

	.thumnail-info .info .date,
	.thumnail-info .info .view{letter-spacing:-1px;}
	.thumnail-info .info b{margin:0 2px 0 4px;}

	/* 비주얼 롤링 배너 */
	.visual-rolling-banner .wrap{padding:0;}
	.visual-rolling-banner .swiper-wrapper{height:auto;}
	.visual-rolling-banner img{position:relative; width:100%; left:auto; height:auto; transform:translate(0, 0);}
	.visual-rolling-banner .pagination-area{position:relative; bottom:0; padding-top:10px;}
	.visual-rolling-banner .pagination-area .swiper-pagination{padding:5px 0 !important;}
	.visual-rolling-banner .pagination-area .swiper-pagination-bullet.swiper-pagination-bullet-active{width:8px !important; height:8px !important;}
	.visual-rolling-banner .pagination-area .swiper-pagination-bullet{width:8px !important; height:8px !important;}
	.visual-rolling-banner .arrow-area{display:none;}

	/* 비주얼 롤링 배너 (타입2) - 아카데미 메인 */
	.visual-rolling-banner-ty2 .pagination-area{position:relative; bottom:0; padding-top:5px; padding-bottom:10px;}
	.visual-rolling-banner-ty2 .pagination-area .swiper-pagination{padding:5px 0 !important;}
	.visual-rolling-banner-ty2 .pagination-area .swiper-pagination-bullet.swiper-pagination-bullet-active{width:8px !important; height:8px !important;}
	.visual-rolling-banner-ty2 .pagination-area .swiper-pagination-bullet{width:8px !important; height:8px !important;}
	.visual-rolling-banner-ty2 .arrow-area{display:none;}
	.visual-rolling-banner-ty2 .swiper-container:before{opacity:1; left:-100%; height:auto;}
	.visual-rolling-banner-ty2 .swiper-container:after{display:none;}
	.visual-rolling-banner-ty2 .swiper-container .swiper-wrapper{left:-26%; padding:20px 0 0;}
	.visual-rolling-banner-ty2 .swiper-container .swiper-wrapper .swiper-slide{width:48% !important; margin:0 2%;}
	.visual-rolling-banner-ty2 .swiper-container .swiper-wrapper .swiper-slide img{position:relative; width:100%; left:auto; height:auto; transform:translate(0, 0);}

	/* 비주얼 이미지 배너 */	 
	.visual-img-banner{margin-bottom:35px;}
	.visual-img-banner .wrap,
	.lectureList .visual-img-banner .wrap{padding:0; height:auto; }
	.visual-img-banner .wrap > img{position:relative; width:100%; left:0; top:0; height:auto; transform:translate(0, 0);}

	/* 상세페이지 */
	.view-page > .bread-crumb + .cont{margin-top:20px;}
	
	/* 무료특강 > 무료강좌 -------------------------------------------------------------------------------------------------------*/
	.free-lecture-list .visual-rolling-banner{padding-bottom:30px !important;}

	/* 무료특강 > 무료강좌 - 강사 (호버시 상세보기)*/
	.lecturer-box{max-height:250px; padding:15px;}
	.lecturer-box img{width:52%; bottom:0;}
													  
	.lecturer-box .lecturer{font-size:18px;}

	/* 무료특강 > 강연회일정 -------------------------------------------------------------------------------------------------------*/
	.lecture-schedule{display:block; max-height:none;}
	.lecture-schedule .calendar-area{display:block; padding:20px 0 50px;}
	.lecture-schedule .thum-list:before,
	.lecture-schedule .thum-list:after{display:none;}
	.lecture-schedule .thum-list{display:block; border:none; width:100%; padding:20px 0 0; overflow:visible;}
	.lecture-schedule .thum-list a,
	.thum-list .img,
	.thum-list .txt{display:block;}
	.thum-list .txt{padding:10px 0 0;}
	.thum-list .txt .bull{font-size:12px; line-height:17px;}
	.thum-list .txt .tit{padding:5px 0 3px !important; font-size:16px; line-height:22px;}
	.thum-list .txt .desc{padding-top:0; font-size:16px; line-height:22px;}
	.thum-list .img{width:100%;}
	.lecture-schedule .thum-list .swiper-wrapper{display:flex; overflow:visible; max-height:none; padding:0;}
	.lecture-schedule .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{height:50px; width:50px;}
	.lecture-schedule #datepicekr .ui-datepicker .ui-widget-header .ui-datepicker-next{right:0;}
	.lecture-schedule #datepicekr .ui-datepicker .ui-widget-header .ui-datepicker-prev{left:0;}
	.lecture-schedule .hasDatepicker .ui-datepicker .ui-widget-header{margin-bottom:20px;}
	.lecture-schedule .hasDatepicker .ui-datepicker .ui-widget-header .ui-datepicker-title{font-size:23px;}
	.lecture-schedule .hasDatepicker .ui-datepicker .ui-datepicker-calendar th{font-size:14px;}
	.lecture-schedule .calendar .type span{font-size:14px;}

	/* 아카데미 > 강사소개 -------------------------------------------------------------------------------------------------------*/
	.lecturerInfo .txt{padding-left:0; margin-bottom:35px;}
	.lecturerInfo .txt h3{font-size:20px; line-height:26px; padding-bottom:10px;}
	.lecturerInfo .txt > div{font-size:16px; line-height:26px; padding-left:34px; margin-top:-20px;}
	.lecturerInfo .txt > div:before{width:5px; height:18px; left:10px;}
	.lecturerInfo .txt > div ul{float:none; width:100%;}

	.lecturerInfo .visual-img-banner .wrap{padding:0; height:auto; }
	.lecturerInfo .visual-img-banner img{position:relative; width:100%; }
	.lecturerInfo .visual-img-banner .pc{display:none;}
	.lecturerInfo .visual-img-banner .mob{display:block;}
	.lectureList .visual-img-banner .visualTxt .tit{font-size:40px; line-height:60px; max-height:120px; width:310px;}
	.lectureList .visual-img-banner .visualTxt .lecturerName{font-size:70px; line-height:80px; margin-top:5%;}

	/* 아카데미 > 강좌소개 -------------------------------------------------------------------------------------------------------*/
	.lectureList .visual-img-banner{margin-bottom:0;}
	.lectureList .bookList{padding-bottom:0;}
	.lectureList .bookList h3{margin-bottom:15px;}
	
	.keyCont{border-top:1px solid #e2e2e2; margin-top:0 !important;}
	
	/* 아카데미 > 강좌소개 - 2행 4열 스와이퍼 */
	.doubleSwipeList .arrow-area{display:none;}
	.doubleSwipeList .swiper-container .swiper-slide{margin-bottom:20px;}

	/* 아카데미 > 강좌소개 - 이미지배너 */
	.lectureList .visual-img-banner .visualTxt .tit{margin-right:0; letter-spacing:-1px;}

	/* 아카데미 > 강좌소개 - 주요컨텐츠 */
	.keyCont a{font-size:14px; line-height:20px;}
	.keyCont a:before{font-size:14px; line-height:19px; vertical-align:text-bottom; padding:0 10px;}
	.keyCont .arrow-area .swiper-button-next,
	.keyCont .arrow-area .swiper-button-prev{background-size:10px 17px !important; height:44px; width:20px;}
	.keyCont .arrow-area .swiper-button-next{right:20px;}
	.keyCont .arrow-area .swiper-button-prev{left:20px;}

	/* 아카데미 > 강좌소개 - 서적 */
	.book-box{padding-bottom:45px; height:auto; width:100%; float:none; margin-right:0;}
	.book-box .img-area{width:120px;}
	.book-box .txt-area .tit{font-weight:500; font-size:18px; line-height:20px; max-height:60px;}
	.book-box .txt-area .desc{line-height:20px;}
	.book-box .btn-box{width:64%;}

	/* 아카데미 > 강좌상세 - 유사 강좌 추천 */
	.video-img + span{font-size:16px;}
	
 
	/* 아카데미 - 강좌상세 */
	#curriculum table.table_data th, #curriculum table.table_data td{padding:0;}
	#curriculum table.table_data tbody tr{padding: 20px 5px;}
	#curriculum table.table_data td.tit b{vertical-align: initial;}

	/* 강좌 (상품) */
	.item-box-info > p:first-child,
	.item-box-info > p:last-child > .fee{font-size:18px; line-height:22px;}


	/* 테셋 ---------------------------------------------------------------------------------------------*/
	.tesat-main h3{text-align:center;}
	.visual-rolling-banner + .keyCont{margin-top:30px !important;}

	.visual-rolling-banner + .keyCont + .tesat-intro{margin:30px 0 60px;}
	.tesat-intro .logo-area span img{width:175px;}
	.tesat-intro .logo-area span{font-size:16px; line-height:24px;}
	.tesat-intro .logo-area + .sub-tit{font-size:22px; line-height:28px; margin-top:30px; }
	.tesat-intro .txt{font-size:16px; line-height:28px; margin-top:30px;}
	.tesat-intro .logo-area + .sub-tit + .txt + .btn-line{margin-top:30px;}

	.tesat-schedule .tit{text-align:center;}
	.tesat-schedule .tit span{font-size:22px; line-height:29px;}
	.tesat-schedule .tit em{font-size:14px; line-height:20px; margin-top:0;}
	.tesat-schedule .txt{font-size:16px; line-height:28px; margin-top:30px;}
	.tesat-schedule .txt + .bbsBtnArea{text-align:center; margin-top:30px;}
	.tesat-dday{position:relative; width:475px; margin:30px auto 0; right:0;}
	.tesat-dday .day{left:110px; bottom:35px; font-size:32px;}
	.tesat-main .notice .my_tit a{margin-top:10px;}
	.tesat-promotion{position:relative; width:100%; margin-top:60px;}

	.tesat-intro .img-tit{}
	.tesat-intro .img-tit > p{float:none;}
	.tesat-intro .img-tit .tit{float:none; padding:0; margin:0;}
	.tesat-intro .img-tit span{float:none;}	
	.tesat-intro .img-tit .tit{font-size:22px; line-height:30px;}
	.tesat-intro .img-tit .img.fl,
	.tesat-intro .img-tit .img.fr{width:100%; margin-top:30px; margin-left:0;}
	
	.tesat-schedule ul{margin-top:5px; padding-top:0px;} 
	.tesat-schedule .box{float:none; width:100%; margin-top:5px !important; margin-right:0; padding:10px 0;}
	.tesat-schedule .box:nth-child(-n+2){margin-top:5px !important;}
		
	h3.tesat-tit{padding-bottom:0;}
	h3.tesat-tit + span{font-size:14px; line-height:20px;}
	.tesat-schedule .box > ul{}
	.tesat-schedule .box > ul li:first-child{display:block; margin-bottom:0; }
	.tesat-schedule .box > ul li{font-size:0 !important; position:relative;}
	.tesat-schedule .box > ul li:first-child .num{position:absolute; top:0; left:0;}
	.tesat-schedule .box > ul li:first-child .date{padding-left:80px;}
	.tesat-schedule .box b{display:inline-block; position:absolute; top:0; left:0; font-size:16px;}
	.tesat-schedule .box em{display:inline-block; padding-left:80px; font-size:16px; letter-spacing:-1px;}
	.tesat-schedule .box .num, .tesat-schedule .box .date{display:inline-block; padding:0;}
	.tesat-schedule .box .num b, .tesat-schedule .box .date b{position:relative;}
	.tesat-schedule .box .num em, .tesat-schedule .box .date em{display:inline-block; padding:0; font-size:16px; line-height:24px; padding-left:5px; letter-spacing:-1px;}
	.tesat-schedule .box .date em{color:#2D7EAC; font-weight:500;}

	.tesat-schedule .wrap > h3 + span + div{margin-top:30px;}
	.tesat-schedule .wrap > div{margin-top:40px;}
	.tesat-schedule .exam-info{display:block; border-bottom:none; padding-bottom:0;}
	.tesat-schedule .exam-info > li{display:block; padding-bottom:15px;}
	.tesat-schedule .exam-info > li:last-child{padding-bottom:0;}
	.tesat-schedule .exam-info li > span{padding:0; display:table; width:100%; table-layout:fixed;}
	.tesat-schedule .exam-info li em{display:table-cell; width:24%; float:none; font-size:16px; line-height:25px; position:relative; padding:0 10px;}
	.tesat-schedule .exam-info li em:before{content:''; display:block; position:absolute; width:3px; height:3px; top:12px; left:0; background:#666; border-radius:100%;}
	.tesat-schedule .exam-info li > span > span{display:table-cell; line-height:25px; white-space:nowrap; letter-spacing:-1.5px;}
	.tesat-schedule .exam-info .bbsBtnArea{display:none;}
	
	.tesat-apply img{width:430px; margin:35px auto 0;}
	.payment-cancel-info .list .img img{width:430px; margin:20px auto;}

	ul.list{padding:15px 0;}
	ul.list li{font-size:16px; line-height:28px; margin:0; float:none;}
	.tesat-apply{padding:40px 0;}
	ul.list + .info + .bbsBtnArea button{width:calc(50% - 5px);}
	
	.lectureList h3 + .sub-tit {font-size:20px; line-height:28px; margin-top:15px}
	.lectureList h3 + .sub-tit + .txtbox{margin-top:20px; font-size:16px; line-height:26px;}
	
	/* 검색결과 ---------------------------------------------------------------------------------------------*/
	.search_head{padding:30px 0;}
	.search_head h3{padding-bottom:5px; font-size:22px; line-height:32px;}
	.search_head .desc{font-size:18px;}

	.search_result{margin-top:30px !important;}
	.search_result .tit{padding-bottom:10px !important;}
	.search_result .tit span{font-size:16px; margin-left:5px; line-height:37px;}
	.search_result .tit h3{font-size:22px; line-height:32px;}

	.search-box{width:100%; margin:30px auto 0; }
	.search-box input[type='submit']{right:0; left:auto; height:26px; background-size:22px 23px;}
	.search-box input[type='search']{font-size:22px; padding:0 30px 10px 0; height:40px;}
	.search-box input[type='search']::placeholder{font-size:22px;}
	
	.rental-advantage ul li:before{width:40%;}
	.rental-advantage ul li em{font-size:18px; line-height:25px;}
	
	.rental-step ul li i{width:20%; font-size:16px;}
	.rental-step ul li em{width:30%; font-size:22px;}
	.rental-step ul li span{font-size:16px;}

	.rental-fee span{top:14px; font-size:14px;}
	.rental-fee tbody tr{border-bottom:1px solid #ddd;}
	.rental-fee tbody tr th{vertical-align:middle; font-size:18px; color:#231F20; letter-spacing:-1px;}
	.rental-fee tbody tr th:first-child{border-left:none;}
	.rental-fee tbody tr td{font-size:16px; padding:0 10px; letter-spacing:-1px;}
	.rental-fee tbody tr td:last-child{border-left:none; border-right:none;}
    .rental-fee tbody tr td:nth-of-type(1){text-align:left; color:#666;}
	
	.rental-qa .accordian{margin-left:-20px; margin-right:-20px;}
	.rental-qa .accordian li{position:relative;}
	.rental-qa .accordian li .tit{font-size:16px; line-height:20px; font-weight:500; padding:12px 45px 12px 50px;}
	.rental-qa .accordian li .tit:before{top:10px; left:20px; background-size:20px 20px; width:20px; height:20px;}
	.rental-qa .accordian li .tit:after{right:20px; width:15px; background:url('/wowfa20/front/assets/img/rental-accordian-arr-m.png')no-repeat;}
	.rental-qa .accordian .item.on .tit:after{background:url('/wowfa20/front/assets/img/rental-accordian-arr-m-on.png')no-repeat;}
	.rental-qa .accordian li .sub{font-size:16px; line-height:20px; padding:15px 40px 20px 50px;}
	.rental-qa .accordian li .sub p:before{top:0; left:-30px; background-size:20px 20px; width:20px; height:20px;}
	.rental-qa .accordian + div p{font-size:16px;}
	.rental-qa .accordian + div p + ul{margin-top:5px;}
	.rental-qa .accordian + div ul{font-size:16px; line-height:22px;}
	.rental-qa .accordian + div ul li{margin-bottom:0;}
	.rental-qa .accordian + div ul + ul{margin-top:0;}

	.rental-map{margin-left:-20px; margin-right:-20px;}
	.rental-map > div{display:block; text-align:center; padding:30px 20px;}
	.rental-map > div p{display:block; font-size:18px; line-height:26px; text-align:center; width:100%;}
	.rental-map > div p + address{display:inline-block; padding-left:0; background:none; font-size:16px; line-height:22px;}
	
	.rental-reservation .hasDatepicker .ui-datepicker .ui-widget-header{font-size:23px; font-weight:400; margin:0 auto 20px;}
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar th,
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{font-size:16px;}
	.rental-reservation .calendar .type{bottom:20px;}
	.rental-reservation .calendar .type span{font-size:14px;}			
	.rental-reservation .reservation_form .selectbox p{background-position:center right 15px;}																   
																							   
																 
																						 
																										 
	.rental-reservation .reservation_form .txtbox{padding:10px 20px;}
	.rental-reservation .bbsBtnArea{text-align:center !important;}
	.rental-reservation .bbsBtnArea button{height:40px; font-size:16px; line-height:38px; width:125px;}

	/* 마이페이지 ---------------------------------------------------------------------------------------------*/
	.mypage .accordian{padding:20px 0 90px;}

	.mypage .mob{display:block !important;}
	.mypage .pc{display:none !important;}
	
	.mypage .my_tit{position:relative; padding-bottom:25px; margin-bottom:15px;}
	.mypage .my_tit:after{content:''; display:block; position:absolute; left:-20px; right:-20px; bottom:0; border-bottom:10px solid #F2F4F7;}
	.mypage .my_tit > p{text-align:center; font-size:22px; line-height:30px; font-weight:bold;}
	.mypage .my_tit > dl{float:none; display:block;}
	.mypage .my_tit > dl dt{float:none; text-align:center; font-size:22px; line-height:30px; font-weight:bold;}
	.mypage .my_tit > dl dd{display:none;s}
	.mypage .my_tit > a{display:block; float:left; margin:0; padding:0; background:url('/wowfa20/front/assets/img/icon_back.png')no-repeat center; background-size:10px 16px; width:10px; height:30px; text-indent:-9999px;}
	
	.mypage .my_sum{position:relative;}
	.mypage .my_sum:after{content:''; display:block; position:absolute; left:-20px; right:-20px; bottom:0; border-bottom:10px solid #F2F4F7;}
 	.mypage .my_sum .box{border-bottom:none; border-top:none;}
	
	.mypage table.table_data.list thead{display:block; width:100%;}
	.mypage table.table_data.list thead tr{display:none;}
	.mypage table.table_data.list thead tr.mob{width:100%; overflow:hidden; padding:10px 5px; border-top:1px solid #231F20;}
	.mypage table.table_data.list thead tr.mob th:first-child{display:inline-block; font-size:18px; line-height:24px; height:auto; padding:0; float:left; }
	.mypage table.table_data.list thead tr.mob th:last-child{display:inline-block; font-size:18px; line-height:24px; height:auto; padding:0; float:right; }
    
	.mypage .cont .wrap{display:block;}
	.mypage .cont.bread-crumb + .cont{margin-top:20px;}
	.mypage .cont .wrap aside.leftMenu{display:none;}
	.mypage .cont .wrap main{display:block; padding:0;}
	.mypage .cont .wrap main > div{margin-top:20px;}
	.mypage .cont .wrap main > div:last-child{margin-bottom:80px;}
	.mypage .cont .wrap main .my_info{display:none;}

	.mypage .my_info .grade{width:32%; padding-left:80px;}
	.mypage .my_info .grade:before{width:45px; height:55px; left:20px; background-size:45px 55px !important;}
	
	.mypage .thumnail-wrapper > li{width:calc(100% / 2 - 5px);}
	.mypage .thumnail-wrapper > li{margin-right:5px !important; margin-left:0 !important;}
	.mypage .thumnail-wrapper > li:nth-child(2n){margin-right:0 !important;}

	.mypage table.table_data th{display:none;}
	.mypage table.table_data th.mob{display:block !important;}
    
	.mypage table.table_data.list tbody tr td{height:auto; padding:0;}
	.mypage table.table_data.list tbody tr td.sday,
	.mypage table.table_data.list tbody tr td.state{display:none;}
	.mypage table.table_data.list tbody tr td.tit{width:calc(100% - 100px);}
	.mypage table.table_data.list tbody tr td.state.c_state{display:inline-block; font-size:18px !important; line-height:26px !important; position:absolute; top:50%; right:5px; transform:translateY(-50%);}
	
	.mypage table.table_data.list th, 
	.mypage table.table_data.list td{font-size:16px !important; line-height:24px !important;}
	.mypage table.table_data td.lecture,
	.mypage table.table_data td.date,
	.mypage table.table_data td.count,
	.mypage table.table_data td.writer{font-size:14px !important; line-height:22px !important;}

	/* 수강중 */
	.mypage table.table_data.list .ing .tit{position:relative; padding-top:18px;}
	.mypage table.table_data.list .ing .tit:before{content:'수강중'; display:block; position:absolute; left:0; top:0px; padding:0 5px; height:15px; background:#20d592; border-radius:50px; color:#fff; font-size:12px; line-height:15px; text-align:center;}
	.mypage table.table_data.list .stop .tit{position:relative; padding-top:18px;}
	.mypage table.table_data.list .stop .tit:before{content:'수강중지'; display:block; position:absolute; left:0; top:0px; padding:0 5px; height:15px; background:#9D9D9D; border-radius:50px; color:#fff; font-size:12px; line-height:15px; text-align:center;}
	.mypage table + .info{margin-top:10px;}
	
	/* 조회 영역 */
	.mypage .search-area{border:none;}
	.mypage .search-area .month .txt,
	.mypage .search-area .date,
	.mypage .search-area .search-btn{;}
	
	.search-area .date .datepicker{position:relative; display:inline-block; font-size:0; width:clac(100% - 50px)}
	.search-area .date .datepicker > span{display:inline-block; font-size:14px; line-height:30px; padding:0 10px;}
	.search-area .date .datepicker input{border:1px solid #ddd; width:40%; height:30px; background:url('/wowfa20/front/assets/img/icon_calendar.png')no-repeat left 10px center; background-size:20px 17px; padding:0 15px 0 40px;}
	.search-area .date .datepicker input:focus{border:1px solid #231f20;}
	.search-area  #btnSearch		{height:40px; width:50px;  }

	.mypage .search-area .month{display:block;}
	.mypage .search-area .month .selectbox{text-align:left;}
	.mypage .search-area .service .selectbox{display:block; width:100%; margin:0;}
	.mypage .search-area .month .selectbox > p,
	.mypage .search-area .service .selectbox > p{display:block; border:1px solid #ddd; background-size:12px 6px !important; background-position:center right 15px !important;}
	.mypage .search-area .month .selectbox.on > p,
	.mypage .search-area .service .selectbox.on > p{border:1px solid #707070;}
	.mypage .search-area .month .selectbox.on ul{display:block;}
	.mypage .search-area .month .selectbox ul{display:none; position:absolute; width:100%; padding:5px 0; bottom:1px; transform:translate(0, 100%); border:solid 1px #707070;}
	.mypage .search-area .month .selectbox ul li.selected{display:none;}
	.mypage .search-area .month .selectbox{display:block; float:none; margin-left:0;}
	.mypage .search-area .month .selectbox.on ul{float:none; margin-left:0;}
	.mypage .search-area .month .selectbox ul li{display:block; float:none; margin-left:0;}
	.mypage .search-area .month .selectbox > p > .btn,
	.mypage .search-area .service .selectbox > p > .btn,
	.mypage .search-area .month .selectbox ul li .btn,
	.mypage .search-area .service .selectbox ul li .btn{display:block; border:none; width:100%; color:#666; font-size:18px; line-height:25px; text-align:left;  padding:10px 35px 10px 20px;}
	.mypage .search-area .month .selectbox ul li .btn,
	.mypage .search-area .service .selectbox ul li .btn{padding:10px 20px !important; height:auto;}
	.mypage .search-area .month .selectbox ul li.selected .btn, 
	.mypage .search-area .month .selectbox ul li:hover .btn,
	.mypage .search-area .month .selectbox ul li.selected .btn:after,
	.mypage .search-area .month .selectbox ul li:hover .btn:after{border:none !important;}
	.mypage .search-area .month .selectbox ul li:first-child .btn{border-left:none;}
	.mypage .search-area .month .selectbox.on .btn{color:#231f20;}
	.mypage .search-area .month .selectbox ul li.selected .btn,
	.mypage .search-area .month .selectbox ul li:hover .btn{color: #ed2023 !important; background: url('/wowfa20/front/assets/img/select-chk.png')no-repeat left 4px center !important;}
	.mypage .search-area .service .txt{display:none;}
	.mypage .search-area .service .selectbox p{height:auto;}
	.mypage .search-area.ty2 .month{width:calc(50% - 5px); float:left; margin-right:5px;}
	.mypage .search-area.ty2 .service{display:block; width:calc(50% - 5px); float:left; margin-left:5px;}
	.mypage .search-area.ty2 .month .selectbox ul li .btn{width:100%;}
	
	/* 내관심강좌 */
	.mypage .my_tit + ul{border-top:none;}
	.mypage .thumnail-wrapper > li{margin-top:20px !important;}
	.mypage .thumnail-wrapper > li:nth-child(-n+2){margin-top:2px !important;}

	/* 공지사항 */
	.bbs-search-wrap + .table_data.list{margin-top:2px;}
	.notice-line{position:relative; padding:35px 5px 15px !important;}
	.notice-line:before{content:'공지'; display:inline-block; border-radius:10px; font-size:12px; line-height:16px; color:#fff; background:#ED2023; padding:0 5px; position:absolute; top:18px; left:5px;}
	.table_data.list .category:before{content:'[';display:inline;}
	.table_data.list .category:after{content:']';display:inline;}
	.table_data.list .category{float:left; font-size:16px;}
	.table_data.list .category + .txt{float:left; clear:none;}
	.mypage .bbsBtnArea{margin-bottom:80px;}

	.mypage .bbs-search-wrap{padding:0;}
	.mypage .bbs-search-wrap-inner input[type='text']{width:100%; height:30px; padding:0 35px 0 20px;}
    .mypage .bbs-search-wrap-inner input[type='text']::placeholder{font-size:18px;}
    .mypage .bbs-search-wrap-inner input[type='text']:-ms-input-placeholder{font-size:18px;}
    .mypage .bbs-search-wrap-inner input[type='text']::-ms-input-placeholder{font-size:18px;}
	.mypage .bbs-search-wrap-inner input[type='submit']{height:30px; width:30px;}
	.mypage .bbs-search-wrap-inner button[type='submit']{height:30px; width:30px;}

	.mypage .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner p{font-size:22px; line-height:31px;}
	.mypage .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dt, 
	.mypage .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dd{font-size:18px; line-height:18px;}
	.mypage .bbs-view-wrap.view .bbs-content-area{font-size:18px; line-height:28px;}
}

@media all and (max-width : 767px){ 
	/* 메인 ---------------------------------------------------------------------------------------------*/
	/* #main_con_05 강사진 ---------------------------------------------------------------------------------------------*/
	#main_con_05 .wrap{padding:0 20px;}
	#teacher{display:none;}
	#teacher_m{display:block;}
	#teacher_m .swiper-slide a{width:100%;display:block;position:relative;}
	#teacher_m .swiper-slide a+a{margin-top:4px;}
	#teacher_m .swiper-slide a img{width:100%;display:block;}
	#teacher_m .swiper-slide a .textbox{height:63.6%;display:flex;display:ms-flex;flex-direction:column;position:absolute;top:18.2%;left:7.8%;justify-content:space-between;}
	#teacher_m .swiper-slide a .textbox span:first-child{width:54%;display:block;color:#1b1b1b;font-size:14px;line-height:1.43;letter-spacing:-.7px;text-align:left;}
	#teacher_m .swiper-slide a .textbox span:nth-child(2){color:#1b1b1b;font-size:14px;font-weight:bold;letter-spacing:-.7px;text-align:left;}
	#teacher_m .swiper-slide a .tabbox{width:25%;position:absolute;display:flex;display:ms-flex;flex-direction:column;top:21.8%;right:3.6%;}
	#teacher_m .swiper-slide a .tabbox span{width:100%;height:24px;display:block;border-radius:24px;border:solid 1px #1b1b1b;color:#1b1b1b;font-size:12px;letter-spacing:-.6px;line-height:24px;text-align:center;}
	#teacher_m .swiper-slide a .tabbox span+span{margin-top:6px;}

	/* #main_con_06 프로모션배너 ---------------------------------------------------------------------------------------------*/
	#main_con_06 .wrap{padding:0;}
	#main_con_06 .swiper-wrapper .swiper-slide{width:100% !important;}
	#main_con_06 .swiper-wrapper .swiper-slide img.pc{display:none !important;}
	#main_con_06 .swiper-wrapper .swiper-slide img.mob{display:block !important;}
	#main_con_06 .swiper-wrapper .swiper-slide a > span{padding-left:20px; padding-bottom:5%; width:60%;}
	#main_con_06 .swiper-wrapper .swiper-slide a > span > em{font-size:20px; line-height:29px; padding-bottom:6px;}
	#main_con_06 .swiper-wrapper .swiper-slide a > span > span{font-size:14px; line-height:20px;}

	/* 서브 ---------------------------------------------------------------------------------------------*/
	/*  프로모션 롤링 배너 (서브용) */
	.promotion .wrap{padding:0;}
	.promotion .swiper-wrapper .swiper-slide{width:100% !important;}
	.promotion .swiper-wrapper .swiper-slide img.pc{display:none !important;}
	.promotion .swiper-wrapper .swiper-slide img.mob{display:block !important;}

	/* 팝업 */
	.popup .cont{width:100%; height:100%; top:0; left:0; right:0; bottom:0; transform:translate(0, 0); padding:0 0 40px; max-width:600px; margin-bottom:0 !important; max-height:none; max-width:none;}
	.popup .cont .top{min-height:50px; padding:15px 20px;}
	.popup .cont .wrap{margin:10px; padding:0 10px; width:calc(100% - 20px); height:calc(100% - 50px); min-width:auto;}
	.btn.close{top:15px; right:20px;}

	/* 아카데미 > 강좌소개 - 서적 팝업 */
	.popup.book-popup .cont .wrap{margin: 10px;width: calc(100% - 20px);}
	.book-popup .book-box{overflow:hidden;}
	.book-popup .book-box .tit{font-size:26px; line-height:30px;}
	.book-popup .book-box .sub{font-size:14px; line-height:20px;}
	.book-popup .book-box .tit-info{position:relative; top:0; left:0; padding-left:0; margin-bottom:30px;} 
	.book-popup .book-box .img-area{}
	.book-popup .book-box .price-info{padding-left:180px;}
	.book-popup .book-box .price{font-size:16px; line-height:20px;}
	.book-popup .book-box .shipping{font-size:16px; line-height:20px;}
	.book-popup .book-box .btn{width:86px; height:30px; font-size:14px; line-height:20px;}
	.book-popup .book-box .img-area{width:150px; display:block; }
	.book-popup .desc-area .tit{font-size:16px; line-height:20px;}
	.book-popup .desc-area .desc{margin-top:10px; font-size:14px; line-height:20px;}
	.lectureList .visual-img-banner .mob .rs{display:block; width:100%; }
	.lectureList .visual-img-banner .mob .rs video{ width:100%; }
	
	.payment-cancel-info .cont .top > .title{font-size:20px;}
	.payment-cancel-info .cont .top:after{left:20px; right:20px;}

	/* (상품) 강좌 */
	.item-box{padding:20px 0;}
	.item-box .img-area{float:none; width:335px; margin:0 auto; padding-right:0 !important;}
	.item-box .txt-area{width:auto; margin-top:30px;}
	.item-box .txt-area .tit{font-size:22px; line-height:28px; letter-spacing:-1px; max-height:90px;}
	.item-box .txt-area .desc{font-size:16px; line-height:25px; margin-top:20px;}
	.item-box .txt-area .btn-box{position:relative; margin-top:15px; text-align:left; padding:0;}
	.item-box .txt-area .btn-box .check.typ2 input[type="checkbox"] + .label-text:before{width:16px; height:16px; background-size:16px 16px;}
	.item-box .btn-box > span{display:block; float:none; width:100%;}
	.item-box .btn-box > span button{max-width:none; /*line-height:40px; height:40px; font-size:16px;*/}
	.item-box .txt-area .btn-box.ty3 .check.typ2{padding-bottom:25px; font-size:14px; line-height:20px;}
	.btn-box.ty3 .check.typ2{line-height:18px; padding-bottom:30px; font-size:14px;}
	.btn-box.ty3 .check.typ2 input[type="checkbox"] + .label-text{padding-left:22px;}
	.btn-box.ty3 .check.typ2 input[type="checkbox"] + .label-text:before{width:18px; height:18px; background-size:18px 18px;}
	.btn-box.ty3 > span{width:100% !important;}
	.btn-box.ty3 > span > button{width: calc((100% / 3) - 0.1px);}
	.item-box .thumnail-info.on + .thumnail-popup-info{bottom:70px;}
	
	/* 테셋 */
	.tesat-intro ~ .visual-img-banner .visualTxt{padding:30px 0 20px;}
	.tesat-intro ~ .visual-img-banner .visualTxt .tit > span:first-child{font-size:22px; margin-bottom:20px;}
	.tesat-intro ~ .visual-img-banner .visualTxt .tit > span{font-size:22px; line-height:28px;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt{padding-bottom:0;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt img{width:100%;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt > div{display:block; position:relative; background:#BE0B0D; padding:20px 20px 40px;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt > div > div{padding:0;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt p{font-size:16px; line-height:26px; padding-bottom:0;} 
	.tesat-intro ~ .visual-img-banner .visualTxt .txt p + .bbsBtnArea{position:relative; display:block; bottom:auto; left:auto; transform:translateX(0);}
	.tesat-intro ~ .visual-img-banner .visualTxt .subtxt{font-size:18px; line-height:29px; background:#171818; }
	.tesat-intro ~ .visual-img-banner .lb{display:block;}

	.tab-accordian .tab .tab-button{font-size:16px;}
}


@media all and (max-width : 600px){ 
	.lectureList .visual-img-banner .visualTxt .tit{font-size:30px; line-height:45px; max-height:100px; width:230px;}
	.lectureList .visual-img-banner .visualTxt .lecturerName{font-size:55px; line-height:65px; margin-top:5%;}
} 

@media all and (max-width : 515px){ 
	/* 서브 -------------------------------------------------------------------------------------------------------*/
	/* 아카데미 > 강사소개 -------------------------------------------------------------------------------------------------------*/
	.lecturerInfo .visual-img-banner .visualTxt .emblem{width:60px;}
	.lecturerInfo .visual-img-banner .visualTxt .tit01{font-size:30px; line-height:33px;}
	.lecturerInfo .visual-img-banner .visualTxt .lecturerName{font-size:25px; line-height:35px;}
	.lecturerInfo .visual-img-banner .visualTxt .info{font-size:14px; line-height:20px;}

	.video-img:after{width:40px; height:40px; background-size:40px 40px;}

	/* 테셋 */
	.tesat-dday{width:335px;}
	.tesat-dday .day{left:76px; bottom:24px; font-size:24px;}
	.tesat-dday .round		{right: 160px;top: 28px;  font-size: 21px;width: 100px ;}
	.tesat-dday .date		{right: 65px;bottom: 16px; font-size: 22px;}
	.tesat-dday .date span{font-weight:normal; }

	.tesat-apply img{width:100%; margin:35px auto 0;}
	.payment-cancel-info .list .img img{width:100%;}  
	
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar td{height:100px;}
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{width:auto; height:100px;}
	.rental-reservation .datepicker-calendar-wrapbl .bull{width:15px; height:15px; font-size:12px; line-height:16px; font-weight:300;} 

	.lectureList .visual-img-banner .visualTxt .tit{font-size:25px; line-height:35px; max-height:90px; width:200px;}
	.lectureList .visual-img-banner .visualTxt .lecturerName{font-size:45px; line-height:55px; margin-top:5%;}
}

@media all and (max-width : 420px){ 
	#mainVisualWrap .pc{display:none !important;}
	#mainVisualWrap .mob{display:block !important;}

	#main_con_04 .popular-content li{height:160px;}
	#main_con_04 .popular-content li a > span em{font-size:14px; line-height:18px; font-weight:normal; margin-bottom:5px;}
	#main_con_04 .popular-content li a > span span{font-size:12px; line-height:15px; font-weight:300; max-height:30px; letter-spacing:-0.6px}
	
	.lectureList .visual-img-banner .mob .rs{display:block;}
	.lectureList .visual-img-banner .mob .rs vedio{width:100%; }
	.lectureList .visual-img-banner .mob .info,
	.lectureList .visual-img-banner .mob .thumnail-img{float:none; width:100%; display:block;}
	.lectureList .visual-img-banner .mob .info + .thumnail-img{margin-top:30px;}

	.visual-rolling-banner-ty2 .swiper-container .swiper-wrapper{left:-14%;}
	.visual-rolling-banner-ty2 .swiper-container .swiper-wrapper .swiper-slide{width:73% !important;}	

	/* 무료강의 > 강연회 일정 -------------------------------------------------------------------------------------------------------*/
	.lecture-schedule .datepicker-calendar-wrapbl em{width:15px; height:15px; font-size:11px;}
	.lecture-schedule .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{width:40px;}

	/* 무료특강 > 강사 */
	.lecturer-box{height:150px; padding:10px;}
	.lecturer-box img{width:55%;}
	.lecturer-box .txt{font-size:12px; line-height:18px;}
	.lecturer-box .lecturer{font-size:14px; line-height:14px;}
	.lecturer-box .detail{height:30px;}
	.lecturer-box .detail i{padding:0; font-size:12px; line-height:30px;}
}

@media all and (max-width : 375px){ 

	/* #main_con_03  추천강좌 ---------------------------------------------------------------------------------------------*/
	/* #main_con_02  맞춤강좌 ---------------------------------------------------------------------------------------------*/
	.tag button{font-size:14px; min-width:120px;}

	.notice ul li a{font-size:14px; line-height:20px;}
	.notice ul li a .bull{margin:0px 5px 0px 0px;}
	
	#main_con_07 .total-schedule .calendar .type span{font-size:12px;}
	.hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{width:40px; font-size:13px;}
	.hasDatepicker .ui-datepicker .ui-widget-header{font-size:21px;}
	.datepicker-calendar-wrapbl em{width:15px; height:15px; font-size:11px; line-height:15px;}

	/* 서브 -------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠별 간격, 타이틀 */
	.cont{margin-top:60px;}
	.cont:first-child{margin-top:0;}
	.cont:last-child{margin-bottom:60px;}
	.cont h3{font-size:20px; line-height:29px; letter-spacing:-1px; padding-bottom:15px;}

	.selectbox a{font-size:14px;}
	.hasDatepicker .ui-datepicker .ui-datepicker-calendar th{font-size:12px;}
	
	/* 동영상 섬네일 */
	.thumnail-info .title{font-size:12px;}
	.thumnail-info .info{font-size:12px;}
	.mainVideoVisual .swiper-wrapper{left:75.5%}
	.thumnail-wrapper .thumnail-info .title{font-size:12px;}
	.thumnail-wrapper .thumnail-info .desc{font-size:12px; margin-top:0;}
	.thumnail-info.on + .thumnail-popup-info{padding:5px 8px !important;}
																																	
	.thumnail-info.on + .thumnail-popup-info:before{border-bottom:solid 10px #545454; border-left:solid 7px transparent; border-right:solid 7px transparent; top:-8px;}
	.doubleSwipeList .thumnail-info.on + .thumnail-popup-info, 
	.morebtnSwipeList .thumnail-info.on + .thumnail-popup-info{bottom:35px;}

	/* 회원만 공개 */.thumnail-box.membership:before{font-size:12px; line-height:20px; height:20px; width:66px;}

	.btn-box > span > button{height:30px; font-size:14px;}

	/* (상품) 강좌 */
	.btn-box.ty3 .check.typ2{font-size:12px !important; line-height:16px !important; padding-bottom:20px;}
	.btn-box.ty3 .check.typ2 input[type="checkbox"] + .label-text{padding-left:20px;}
	.btn-box.ty3 .check.typ2 input[type="checkbox"] + .label-text:before{width:16px !important; height:16px !important; background-size:16px 16px !important;}
	.item-box .img-area{width:100%;}
	.item-box .btn-area{padding-top:10px;}
	.item-box .btn-box > span button,
	.item-box .btn-box > span a,
	.item-box + div .btn-box > span > button,
	.item-box + div .btn-box > span > a{font-size:16px !important; height:40px !important; line-height:38px !important;}
	.item-box .thumnail-info.on + .thumnail-popup-info{bottom:50px;}
	
	/* 무료강의 > 강연회 일정 -------------------------------------------------------------------------------------------------------*/
	.thum-list .txt .bull{font-size:10px; line-height:15px;}
	.thum-list .txt .tit,
	.thum-list .txt .desc{font-size:12px; line-height:18px; padding:3px 0 !important;}

	/* 아카데미 > 강사소개 */
	.lecturerInfo .txt h3{font-size:18px; line-height:24px;}
	.lecturerInfo .txt > div{font-size:14px; line-height:24px;}
	/* 아카데미 > 강좌소개 - 패키지 강좌 */
	.lectureList .visual-img-banner .visualTxt .lecturerName{font-size:35px; line-height:40px; margin-top:3%;}
	.lectureList .visual-img-banner .visualTxt .tit{font-size:20px; line-height:30px; width:160px; max-height:60px;}
	.lectureList h3 + .item-box, 
	.lectureList h3 + .doubleSwipeList, 
	.lectureList h3 + .bookList{padding-top:20px;}

	/* 아카데미 > 강좌소개 - 주요컨텐츠 */
	.keyCont a{font-size:12px;}
	.keyCont a:before{font-size:12px; line-height:16px;}
	.keyCont + .cont{margin-top:40px;}

	/* 아카데미 > 강좌소개 - 서적 */
	.book-box .txt-area .tit{font-size:16px; line-height:18px; max-height:54px;}
	.book-box .txt-area .desc{font-size:12px; line-height:18px; max-height:36px;}
	.book-box:last-child{padding-bottom:0;}

	/* 아카데미 > 강좌 상세 - 유사강좌추천 */
	.thumnail-img .video-img + span{font-size:12px;}

	.item-box .txt-area .tit{font-size:20px; line-height:26px;}
	.item-box .txt-area .desc{font-size:14px; line-height:23px;}

	.item-box-info > p:first-child{font-size:14px; line-height:20px;}
	.item-box-info > p:last-child{padding:5px 0 20px;}
	.item-box-info > p:last-child > span:first-child{font-size:14px; line-height:20px; margin-bottom:10px !important;}
	
	/* 무료강의 > 강연회 일정 -------------------------------------------------------------------------------------------------------*/
	.lecture-schedule{padding:0;}
	.lecture-schedule .thum-list{padding:20px 20px 0 20px;}
	.lecture-schedule .calendar-area{border-right:0; border-left:0;}
	.lecture-schedule .calendar-area .hasDatepicker{width:95%; margin:0 auto;}
	.lecture-schedule .hasDatepicker .ui-datepicker .ui-widget-header .ui-datepicker-title{font-size:21px;}
	.lecture-schedule .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{width:40px; height:45px;}
	.lecture-schedule .hasDatepicker .ui-datepicker .ui-datepicker-calendar th{font-size:12px;}
	.lecture-schedule .calendar .type span{font-size:12px;}

	/* 테셋 -------------------------------------------------------------------------------------------------------*/
	.tesat-main .btn-line{height:38px; line-height:37px; font-size:16px;}
	.tesat-intro .logo-area span{font-size:14px; line-height:23px;}
	.tesat-intro .logo-area span img{width:165px;}
	.tesat-intro .logo-area + .sub-tit{font-size:20px; line-height:26px;}
	.tesat-intro .txt{font-size:14px; line-height:26px;}
	.tesat-intro ~ .visual-img-banner .visualTxt .tit > span:first-child{font-size:20px; line-height:27px;}
	.tesat-intro ~ .visual-img-banner .visualTxt .txt p{font-size:14px; line-height:24px;}
	.tesat-intro ~ .visual-img-banner .visualTxt .subtxt{font-size:16px; line-height:27px; }
															 
													
													
	.tesat-dday{width:280px;}
	.tesat-dday .day{left:65px; bottom:21px; font-size:18px;}
	.tesat-dday .round		{right: 134px;top: 24px;font-size: 18px;width: 100px;}
	.tesat-dday .date		{right: 57px;bottom: 11px;font-size: 18px;}

	.tesat-intro .img-tit .tit{font-size:20px;}
	.tesat-company h3 + span{font-size:12px; line-height:18px;}
	.tab-accordian .tab .tab-button{font-size:14px; height:45px; line-height:45px; letter-spacing:-1.5px;}
	.tab-accordian .tab .tab-button:before{width:12px; background-size:12px 6px !important;}

	h3.tesat-tit{padding-bottom:0;}
	h3.tesat-tit + span{font-size:12px; letter-spacing:0;}
	h4.tesat-tit{font-size:16px;}
	.tesat-schedule .box .num b, .tesat-schedule .box .date b,
	.tesat-schedule .box .num em, .tesat-schedule .box .date em,
	.tesat-schedule .box b, .tesat-schedule .box em{font-size:14px;}
	.tesat-schedule .box > ul li:first-child .date,
	.tesat-schedule .box em{padding-left:70px;}

	.tesat-schedule .exam-info > li{padding-bottom:10px;}
	.tesat-schedule .exam-info li em,
	.tesat-schedule .exam-info li span{font-size:14px;}
	
	ul.list li{font-size:14px; line-height:26px; }
	
	.tesat.lectureList h3 + .sub-tit span{font-size:18px; line-height:26px;}
	.tesat.lectureList h3 + .sub-tit + .txtbox{font-size:14px; line-height:24px;}

	/* 검색결과 ---------------------------------------------------------------------------------------------*/
	.search_head h3{font-size:20px; line-height:30px; padding-bottom:5px;}
	.search_head .desc{font-size:16px;}

	.search_result .tit span{font-size:14px; margin-left:3px; line-height:35px;}
	.search_result .tit h3{font-size:20px; line-height:30px;}

	.search-box input[type='search']{font-size:20px;}
	.search-box input[type='search']::placeholder{font-size:20px;}

	
	/* 대관예약 */	
	.rental-advantage ul li{height:70px;}
	.rental-advantage ul li:before{width:30%; height:70px;}
	.rental-advantage ul li:nth-child(1):before,
	.rental-advantage ul li:nth-child(2):before,
	.rental-advantage ul li:nth-child(3):before,
	.rental-advantage ul li:nth-child(4):before,
	.rental-advantage ul li:nth-child(5):before{background-size:62px 42px !important;}
	.rental-advantage ul li em{font-size:16px; line-height:20px; letter-spacing:-1.5px;}
	.rental-floor .imgarea{padding:20px 0;}

	.rental-step ul li{height:70px}
	.rental-step ul li i{width:20%; font-size:14px;}
	.rental-step ul li em{width:30%; font-size:20px;}
	.rental-step ul li span{font-size:14px;}

	.rental-fee span{top:12px; font-size:12px;}
	.rental-fee tbody tr th{font-size:14px; line-height:20px;}
	.rental-fee tbody tr td{font-size:14px; line-height:20px;}

	.rental-qa .accordian li .tit,
	.rental-qa .accordian li .sub{font-size:14px;}
	.rental-qa .accordian + div p{font-size:14px; background-size:13px 12px; padding-left:20px;}
	.rental-qa .accordian + div ul{font-size:14px; line-height:20px;}
		
	.rental-map > div p{font-size:16px; line-height:24px;}
	.rental-map > div p + address{font-size:14px; line-height:20px;}
	
	.rental-reservation .hasDatepicker .ui-datepicker .ui-widget-header{font-size:21px;}
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar th,
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{font-size:14px;}
	.rental-reservation .calendar .type span{font-size:12px;}
	.rental-reservation .calendar,
	.rental-reservation .reservation_form{margin-left:-20px; width:calc(100% + 40px); border-right:0 none; border-left:0 none;}
	.rental-reservation .reservation_form span,
													 
														  
	.rental-reservation .reservation_form .selectbox p a,
	.rental-reservation .reservation_form .selectbox span,
													  
	.rental-reservation .reservation_form .selectbox ul a,
	.rental-reservation .reservation_form .txtbox label,
	.rental-reservation .reservation_form .txtbox input[type='text'],
	.rental-reservation .reservation_form .txtarea label,
	.rental-reservation .reservation_form .txtarea textarea{font-size:14px; line-height:20px;}
	.rental-reservation .reservation_form input[type='text'], 
	.rental-reservation .reservation_form input[type='tel'],
	.rental-reservation .reservation_form input[type='text']:focus, 
	.rental-reservation .reservation_form input[type='tel']:focus{height:20px;}
	.rental-reservation .bbsBtnArea button{font-size:14px; line-height:normal;}
	.rental-reservation .reservation_form .selectbox p{height:50px;}
	.rental-reservation .reservation_form .selectbox span{top:16px; left:15px;}
	.rental-reservation .reservation_form .selectbox span + p a,
	.rental-reservation .reservation_form .selectbox span + p + ul a{padding:15px 15px 14px 40% !important;}
	.rental-reservation .reservation_form .selectbox p a,
	.rental-reservation .reservation_form .selectbox ul a{padding:15px 15px 15px 15px !important;}
	.rental-reservation .reservation_form .txtbox{height:50px; padding:0 15px;}
	.rental-reservation .reservation_form .txtarea{padding:15px 15px;}
	.rental-reservation .reservation_form .txtbox label.date{line-height:20px;}
	.rental-reservation .reservation_form .txtbox label.date + input[type='text'], 
	.rental-reservation .reservation_form .txtbox label.date + input[type='tel']{height:20px;}
	.rental-reservation .reservation_form input[type='text']::placeholder,
	.rental-reservation .reservation_form input[type='tel']::placeholder,
	.rental-reservation .reservation_form textarea::placeholder{font-size:14px; line-height:20px;}
	.rental-reservation .reservation_form input[type='text']:-ms-input-placeholder,
	.rental-reservation .reservation_form input[type='tel']:-ms-input-placeholder,
	.rental-reservation .reservation_form textarea:-ms-input-placeholder{font-size:14px; line-height:20px;}
	.rental-reservation .reservation_form input[type='text']::-ms-input-placeholder,
	.rental-reservation .reservation_form input[type='tel']::-ms-input-placeholder,
	.rental-reservation .reservation_form textarea::-ms-input-placeholder{font-size:14px; line-height:20px;}
	.rental-reservation .reservation_form input[type='text'].txr + span, 
	.rental-reservation .reservation_form input[type='tel'].txr + span{top:15px;}
	.rental-reservation .hasDatepicker .ui-datepicker .ui-datepicker-calendar td a.ui-state-default{border-radius:10px; }

	/* 마이페이지 -------------------------------------------------------------------------------------------------------*/
	.accordian{font-size:18px; line-height:18px;}
	.mypage .mob .my_sum .box li{padding:10px 10px 10px 2%;}
	.mypage .mob .my_sum li > div > span.tit{font-size:16px; line-height:18px; min-width:87px; padding:0 5px 0 43px;}
	.mypage .mob .my_sum li > div > span.tit::before{width:40px; height:40px; background-size:40px 40px !important;}
	.mypage .mob .my_sum .num{font-size:40px; line-height:43px;}
	
	.mypage .my_tit > p{font-size:20px; line-height:25px;}
	.mypage .my_tit > a{height:25px;}
	.mypage table + .info,
	ul.list + .info{font-size:12px; line-height:14px; margin-top:10px;}
	.mypage .search-area .month .selectbox > p > .btn,
	.mypage .search-area .service .selectbox > p > .btn,
	.mypage .search-area .month .selectbox ul li .btn,
	.mypage .search-area .service .selectbox ul li .btn{font-size:16px; line-height:23px;}

	.mypage table.table_data.list th, 
	.mypage table.table_data.list td{font-size:14px !important; line-height:22px !important;}
	.mypage table.table_data td.lecture,
	.mypage table.table_data td.date,
	.mypage table.table_data td.count,
	.mypage table.table_data td.writer{font-size:12px !important; line-height:20px !important;}
	.mypage table.table_data.list tbody tr td.state.c_state{font-size:16px !important; line-height:24px !important;}

	.mypage table.table_data.list thead tr.mob th:first-child,
	.mypage table.table_data.list thead tr.mob th:last-child{font-size:16px; line-height:22px;}

	.mypage div.table_data.list.mob > table .itemInfo .orderdate{font-size:14px; line-height:20px; letter-spacing:-0.5px;}
	.mypage div.table_data.list.mob > table .itemInfo .tit{font-size:16px; line-height:24px;}
	.mypage div.table_data.list.mob > table .itemInfo .info{font-size:12px; line-height:16px; letter-spacing:-1px;}
	.mypage div.table_data.list.mob > table .itemInfo .info .price b:after{width:10px; height:10px; background-size:12px 18px;}
	.mypage div.table_data.list.mob > table .priceInfo .payment{font-size:14px; line-height:18px;}
	.mypage div.table_data.list.mob > table .s_state b{font-size:12px; line-height:16px;}
	.mypage div.table_data.list.mob > table td{font-size:14px;}

	.notice-line:before{font-size:12px; line-height:16px;}
	.table_data.list .category{font-size:14px;}
    .mypage .bbs-search-wrap-inner input[type='text']::placeholder{font-size:16px;}
    .mypage .bbs-search-wrap-inner input[type='text']:-ms-input-placeholder{font-size:16px;}
    .mypage .bbs-search-wrap-inner input[type='text']::-ms-input-placeholder{font-size:16px;}

	.mypage .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner p{font-size:20px; line-height:29px;}
	.mypage .bbs-view-wrap.view .bbs-content-area{font-size:16px; line-height:26px;}
	.mypage .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dt, 
	.mypage .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dd{font-size:16px; line-height:16px;}
}	

@media all and (max-width : 370px){ 
	/* 서브 -------------------------------------------------------------------------------------------------------*/
	/* 무료강의 > 무료강좌 -------------------------------------------------------------------------------------------------------*/
	.morebtnSwipeList .thumnail-popup-info .txt{letter-spacing:-1.7px;}
	.morebtnSwipeList .btn-area .check.typ2 input[type="checkbox"] + .label-text:before{margin-right:1px;}
	.morebtnSwipeList .btn-area .check.typ2 input[type="checkbox"]{letter-spacing:-1.5px;}
	.morebtnSwipeList .thumnail-wrapper .thumnail-info .btn-area > span{width:calc(100% - 80px);}
	.morebtnSwipeList .thumnail-wrapper .thumnail-info .btn-area .check.typ2 i{display:none;}
	.morebtnSwipeList .thumnail-wrapper .thumnail-info .btn-area.ty2 .check.typ2 i{display:inline;}
																																			 
							  
														
																 

	/* 테셋 -------------------------------------------------------------------------------------------------------*/
	/*.tesat-shortcut li span{width:200px !important;}
	.tesat-shortcut li a{font-size:16px;}*/
}

@media all and (max-width : 340px){ 
							
												   
									  

	/* 메인 -------------------------------------------------------------------------------------------------------*/
	#main_con_06 .swiper-wrapper .swiper-slide a > span{padding-bottom:15px;}
	#main_con_06 .swiper-wrapper .swiper-slide a > span > em{line-height:25px;}

	/* 서브 -------------------------------------------------------------------------------------------------------*/
	/* 동영상 리스트(pc - 더보기, mobile - 스와이퍼) -------------------------------------------------------------------------------------------------------*/
	.morebtnSwipeList .thumnail-popup-info{padding:5px 7px;}
	.morebtnSwipeList .thumnail-popup-info .btn-basic{padding:5px 5px 7px;}
	.morebtnSwipeList .thumnail-popup-info .btn-basic.typ2{padding:5px 5px 7px;}

	.lecturerInfo .visual-img-banner .mob .visualTxt > div{padding-right:36%;}

	.book-popup .book-box .img-area{width:130px;}
	.book-popup .book-box .price-info{padding-left:150px;}

}

/* 수강신청 레이어 */
#editApplyContainer .list-type-form								{}
#editApplyContainer .list-type-form ul						{}
#editApplyContainer .list-type-form ul li				{padding:5px 0;  border-bottom:1px solid #eee; line-height:40px;  }
#editApplyContainer .list-type-form ul li strong				{display: inline-block; width:20%; line-height:40px; }
#editApplyContainer .list-type-form ul li input				{height:40px; border:1px solid #ddd;  width:20%; }
#editApplyContainer .list-type-form ul li select				{height:40px; border:1px solid #ddd; min-width:90px; }
#editApplyContainer .list-type-form ul li select:focus				{border:1px solid #ddd !important; ; }
#editApplyContainer .clause-box .check-box							{height:30px; margin-top:20px;  }
#editApplyContainer .clause-box .check-box  .check.typ2				{float:none; height:40px;  }
#editApplyContainer .clause-box .box-scroll				{height:80px; overflow:auto; border:1px solid #ddd;  padding:10px;  }



.eventModalPop			{position:fixed; width:100%; height:100%; top:0; z-index:9999; text-align:center;  }
.eventModalPop::before			{content:""; position:absolute; width:100%; height:100%; background:#000; opacity:0.7; left:0; top:0; }
.eventModalPop .eventModalBody			{position:relative; z-index:10; display:inline-block; text-align:center; margin-top:10%; color:#fff; }
.eventModalPop .eventModalBody .close			{position:absolute; right:0px; top:calc(-10% + 16px); }
.eventModalPop .eventModalBody img			{max-width:100%; height:auto;  margin:0 auto; }
.eventModalPop .eventModalBody a			{color:#fff; text-decoration:underline }
.eventModalPop .eventModalBody .todayChk			{text-align:right; color:#fff; margin-top:5px; }
.eventModalPop .chkbox input[type="checkbox"] + .label-box		{background:#fff; vertical-align:-5px;  }



.rental-reservation .ui-datepicker td a	{/* text-align:left; */ line-height:16px;  }		
.rental-reservation  .ui-datepicker td a b ~ b		{font-weight:normal; }