/* airpods */
.airpods_2_area{background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_191209/bg_top.png) repeat-x 0 0;}
.airpods_2_area .inner_cont{position:relative;width:950px;margin:0 auto;}
.airpods_2_area .ban_area{position:relative;height:525px;}
.airpods_2_area .ban_area .txt{position:absolute;top:107px;right:0;width:250px;text-align:center;font-size:18px;color:#000;font-weight:bold}
.airpods_2_area .ban_area a{position:absolute;top:139px;right:0;}
.airpods_2_area .visual_cont{height:710px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_191209/bg_wave.png) no-repeat 50% 50%;background-size:cover;}
.airpods_2_area .visual_cont .inner_cont{padding-top:348px}
.airpods_2_area .visual_cont .video_box{position:absolute;top:-265px;}
.airpods_2_area .visual_cont .info{position:relative;}
.airpods_2_area .visual_cont .info a{position:absolute;top:0;right:0;}

/* common */
.main_contents .clear:after{content:'';display:block;clear:both}
.main_contents{font-family: "Noto Sans KR";color:#000;letter-spacing:-0.03em;}
.main_contents *{box-sizing:border-box;}
.main_contents .cont_box{position:relative;width:1080px;margin:0 auto;}
.main_contents .sub_tit{font-size:18px;font-weight:bold;}
 /* common : slide pager */
 .main_contents .bx-controls-direction a{display:none;position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;overflow:hidden;text-indent:-999em;z-index:10;}
 .main_contents .bx-wrapper:hover .bx-controls-direction a{display:block;}
 .main_contents .bx-controls-direction .bx-prev{left:-25px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_201912/slide/btn_prev.png) no-repeat 0 0;}
 .main_contents .bx-controls-direction .bx-next{right:-25px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_201912/slide/btn_next.png) no-repeat 0 0;}
 .main_contents .bx-pager{position:absolute;top:-10px;right:0;}
 .main_contents .bx-pager .bx-pager-item{float:left;margin-left:5px;}
 .main_contents .bx-pager .bx-pager-item a{display:block;width:30px;height:3px;overflow:hidden;text-indent:-999em;background:#ccc;}
 .main_contents .bx-pager .bx-pager-item a.active{background:#ff3d00;}

/* top banner */
.main_contents .ban_top_area a{display:block;width:100%;text-align:center;background:#ffed00;}
/* new main */
.main_contents .sub_bn_area{margin-top:45px;}
.main_contents .sub_bn_area .ban_service_area{float:left;}
.main_contents .sub_bn_area .bn_slide_1,
.main_contents .sub_bn_area .bn_slide_2{position:relative;float:left;}
.main_contents .sub_bn_area .bn_slide_1 img,
.main_contents .sub_bn_area .bn_slide_2 img{width:359px;height:158px;}
.main_contents .sub_bn_area .bn_slide_3 img{width:344px;height:77px;}
.main_contents .sub_bn_area .ban_service_area .bn_slide_1{margin-right:4px;}
.main_contents .sub_bn_area .ban_event_area{float:right;width:344px;}
.main_contents .sub_bn_area .ban_event_area li a:first-child{display:block;margin-bottom:4px;}
.main_contents .sub_bn_area .bx-wrapper{position:relative}
.main_contents .sub_bn_area .sub_tit{margin-bottom:12px;}

.main_contents .goal_30{margin-top:52px;padding:70px 0 200px;font-size:24px;font-weight:bold;background:#f7f7f7 url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_202005/bg_goal_30.png) no-repeat 50% 100%;}
.main_contents .goal_30 p{margin:22px 0;color:#b7b6b6}
.main_contents .goal_30 p strong{color:#1b1b1b}
.main_contents .goal_30 p span{color:#f2501f}
.main_contents .goal_30 .info_txt{position:absolute;bottom:-70px;left:0;color:#d3d3d3;font-size:12px;}

.main_contents .skill_up_area{padding:85px 0;}
.main_contents .skill_up_area .sub_tit{text-align:center;font-family:'Myriad Pro', sans-serif;}
.main_contents .skill_up_area .sub_tit span{display:block;color:#fb511f;font-size:17px;}
.main_contents .skill_up_area .sub_tit strong{display:block;padding:35px 0 25px;color:#000;font-size:34px;}
.main_contents .skill_up_area .sub_tit p{color:#8e8d8d;font-size:18px;}
.main_contents .skill_up_area .skillup_1 .slide_area{position:relative;margin-top:55px;}
.main_contents .skill_up_area .skillup_1 li{position:relative;box-sizing:border-box;float:left;width:196px;height:360px;margin-right:25px;overflow:hidden;border-radius:8px;color:#fff;font-size:14px;}
.main_contents .skill_up_area .skillup_1 li a{color:#fff;}
.main_contents .skill_up_area .skillup_1 li:last-child{margin-right:0;}
.main_contents .skill_up_area .skillup_1 li img{position:absolute;top:0;left:0;}
.main_contents .skill_up_area .skillup_1 li:after{content:'';display:block;position:absolute;top:0;left:0;width:196px;height:360px;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0.63) 100%);}
.main_contents .skill_up_area .skillup_1 li > div{position:relative;padding:170px 20px 0;z-index:2;}
.main_contents .skill_up_area .skillup_1 li > div > a > div{height:60px;margin-bottom:20px;overflow:hidden;}
.main_contents .skill_up_area .skillup_1 li > div span{display:block;}
.main_contents .skill_up_area .skillup_1 li > div .hash{height:22px;line-height:22px;color:#b9b8b8;font-size:13px;}

.main_contents .skill_up_area .skillup_2{margin-top:80px;padding-top:80px;border-top:1px solid #ededed;}
.main_contents .skillup_2 .today_date{position:relative;margin-top:40px;text-align:center;}
.main_contents .skillup_2 .today_date img{position:absolute;top:50%;margin-top:-10px}
.main_contents .skillup_2 .today_date strong{margin-left:111px;font-size:32px;color:#000;}
.main_contents .skillup_2 .table_area{margin-top:25px;border-bottom:3px solid #333;}
.main_contents .skillup_2 .table_area .time{padding-left:80px;border-top:3px solid #333;border-bottom:3px solid #333;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_202005/bg_table_tit.png) no-repeat 80px 0;}
.main_contents .skillup_2 .table_area .time span{float:left;width:250px;height:47px;line-height:47px;text-align:center;font-size:18px;color:#333;font-weight:bold}
.main_contents .skillup_2 .time_detail_area .row{position:relative;height:136px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_202005/bg_table.png) no-repeat 0 0;}
.main_contents .skillup_2 .time_detail_area .tit_lec{display:block;width:80px;height:136px;line-height:136px;font-size:18px;color:#000;text-align:center;}
.main_contents .skillup_2 .time_detail_area .t_box{box-sizing:border-box;position:absolute;top:17px;width:242px;height:104px;padding-left:115px;border-radius:10px;overflow:hidden;box-shadow: 8px 8px 9px 5px rgba(0,0,0,0.21);background:#fff;}
.main_contents .skillup_2 .time_detail_area .t_box.on{border:4px solid #ff673b;border-radius:0 10px 10px 10px;}
.main_contents .skillup_2 .time_detail_area .t_box.on:after{content:'';display:block;position:absolute;top:-4px;left:-4px;width:52px;height:22px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_202005/blt_onair.png) no-repeat 0 0;}
.main_contents .skillup_2 .time_detail_area .t_box .img{position:absolute;top:0;left:0;width:104px;height:104px;overflow:hidden;}
.main_contents .skillup_2 .time_detail_area .t_box .img img{width:104px;height:104px;}
.main_contents .skillup_2 .time_detail_area .t_box .data_area{width:100px;padding-top:10px}
.main_contents .skillup_2 .time_detail_area .t_box .data_area strong,
.main_contents .skillup_2 .time_detail_area .t_box .data_area span{display:block}


.main_contents .RA .cont_box{margin-top:80px;padding-top:80px;border-top:1px solid #ededed;}
.main_contents .RA .sub_tit{margin-bottom:20px;font-size:24px;font-weight:bold;}
.main_contents .RA .ban_area{box-shadow:-1px 7px 21px 0px rgba(0,0,0,.2);}
.main_contents .RA .package_area{margin-top:60px;}
.main_contents .RA .package_area .info_txt{float:left;margin-right:54px;padding-left:55px;}
.main_contents .RA .package_area .info_txt strong{display:block;padding-top:10px;font-size:16px;color:#333;}
.main_contents .RA .package_area .info_txt span{font-size:12px;color:#a0a0a0;font-weight:bold;}
.main_contents .RA .package_area .info_txt strong span{font-weight:normal;}
.main_contents .RA .package_area .info_txt > span{display:block;margin-top:18px;}
.main_contents .RA .package_area .img{float:left;}
.main_contents .RA .package_area .img img{float:left;width:100px;height:100px;margin-right:10px;border-radius:50%;overflow:hidden;}
.main_contents .RA .bx-controls-direction a{display:block;position:absolute;top:75%;width:38px;height:72px;margin-top:-36px;overflow:hidden;text-indent:-999em;z-index:10;}
.main_contents .RA .bx-controls-direction .bx-prev{left:-75px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_201912/slide/btn_prev_arrow.png) no-repeat 0 0;}
.main_contents .RA .bx-controls-direction .bx-next{right:-75px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_201912/slide/btn_next_arrow.png) no-repeat 0 0;}

.main_contents .book{padding:100px 0;background:#f5f5f5;}
.main_contents .book .tit_info_txt{margin-bottom:40px;text-align:center;font-size:18px;font-weight:bold;color:#aaa}
.main_contents .book .tit_info_txt strong{display:block;margin-bottom:15px;font-size:24px;color:#000}
.main_contents .book .stella_area{position:relative;}
.main_contents .book .stella_area .box{float:left;margin-right:30px;}
.main_contents .book .stella_area .box:last-child{margin-right:0;}
.main_contents .book .stella_area .bx-pager{top:155px;}
.main_contents .book .stella_area .bx-controls-direction a{top:358px;}
.main_contents .book .stella_area .info_txt{position:absolute;bottom:-35px;left:0;width:100%;text-align:center;color:#d3d3d3;font-size:12px;}
.main_contents .a_slide{box-sizing:border-box;float:left;position:relative;width:255px;height:370px;margin-right:20px;border:1px solid #e7e7e7;overflow:hidden;}
.main_contents .a_slide:last-child{margin-right:0;}
.main_contents .a_slide .test_box{padding:23px 15px 0;height:120px;background:#fff;letter-spacing:-0.03em;}
.main_contents .a_slide .test_box span{color:#959595;font-weight:bold;font-size:12px;line-height:normal;}
.main_contents .a_slide .test_box .q{margin-top:3px;color:#666;font-size:11px;line-height:22px;}
.main_contents .a_slide .eng_box{padding:15px 13px 20px;height:250px;letter-spacing:-0.03em;}
.main_contents .a_slide .eng_box.kok{background:#29b5f6;}
.main_contents .a_slide .eng_box.ysy{background:#00e676;}
.main_contents .a_slide .eng_box.jjh{background:#f97439;}
.main_contents .a_slide .eng_box.hjk{background:#7e73ff;}
.main_contents .a_slide .eng_box.jhj{background:#f777a1;}
.main_contents .a_slide .eng_box.jade{background:#949494;}
.main_contents .a_slide .eng_box.gw{background:#009f8f;}
.main_contents .a_slide .eng_box span{color:#fff;font-weight:bold;font-size:12px;}
.main_contents .a_slide .eng_box .qna{margin-top:12px;height:154px;color:#000;font-size:11px;line-height:22px;}
.main_contents .a_slide .eng_box .qna.q{height:66px;}
.main_contents .a_slide .eng_box .source{margin-top:15px;height:24px;background:#fff;border-radius:2px;text-align:center;color:#0d0d0d;font-weight:bold;font-size:11px;line-height:24px;}
.main_contents .a_slide .eng_box .bubble{position:absolute;top:85px;right:20px;padding-top:12px;width:57px;height:58px;background:#000;border-radius:50%;text-align:center;color:#fff;}
.main_contents .a_slide .bx-viewport{overflow:inherit !important;}

.main_contents .book .popularity_area{position:relative;margin-top:95px;}
.main_contents .book .popularity_area .box{float:left;width:192px;height:272px;margin-right:30px;border:1px solid #e7e7e7;overflow:hidden;background:#fff;font-size:13px;}
.main_contents .book .popularity_area .box:last-child{margin-right:0;}
.main_contents .book .popularity_area .box .img{position:relative;width:192px;height:192px;overflow:hidden;}
.main_contents .book .popularity_area .box .img img{width:192px;height:192px;}
.main_contents .book .popularity_area .box .info{display:block;width:100%;height:35px;margin-bottom:12px;padding:12px 10px 0;border-top:1px solid #e7e7e7;color:#333;overflow:hidden;}
.main_contents .book .popularity_area .box .name{display:block;padding-left:10px;color:#bcbcbc}
.main_contents .book .popularity_area .box .name img{margin-right:5px;}
/* .main_contents .book .popularity_area .box a:hover .img:after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,.5) url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_201912/bg_plus.png) no-repeat 147px 147px;} */
/* .main_contents .book .popularity_area .box .info:hover{text-decoration:underline;} */
.main_contents .book .popularity_area .bx-pager{top:110px;}
.main_contents .book .popularity_area .bx-controls-direction a{top:245px;}

.main_contents .book .textbook{margin-top:95px;}
.main_contents .book .textbook .tit_info_txt{text-align:left}
.main_contents .book .textbook .recommend_area .box{float:left;width:254px;height:340px;margin-right:21px;background:#fff;cursor:pointer;}
.main_contents .book .textbook .recommend_area .box:last-child{margin-right:0;}
.main_contents .book .textbook .recommend_area .img{width:254px;height:252px;background:#f1f1f1;}
.main_contents .book .textbook .recommend_area .info{padding:12px 15px;}
.main_contents .book .textbook .recommend_area .info strong{display:block;font-size:15px;}
.main_contents .book .textbook .recommend_area .info span{font-size:13px;color:#c4c4c4}
.main_contents .book .textbook .recommend_lecture{position:relative;margin-top:80px;}
.main_contents .book .textbook .recommend_lecture > div{display:none;}
.main_contents .book .textbook .recommend_lecture > div.on{display:block;}
.main_contents .book .textbook .book_review{position:relative;float:left;width:710px;height:370px;background:#fff;}
.main_contents .book .textbook .book_review .tit{height:59px;padding-left:30px;border-bottom:1px solid #f8f8f8;line-height:59px;font-size:18px;font-weight:bold;}
.main_contents .book .textbook .book_review li{position:relative;height:102px;padding-left:120px;border-top:1px solid #f8f8f8;line-height:125px}
.main_contents .book .textbook .book_review li .img{position:absolute;top:17px;left:30px;width:70px;height:70px;border-radius:8px;overflow:hidden;}
.main_contents .book .textbook .book_review li .subject{display:inline-block;line-height:27px;}
.main_contents .book .textbook .book_review li .subject div{font-size:13px;font-weight:bold;}
.main_contents .book .textbook .book_review li .subject div span{color:#c4c4c4;}
.main_contents .book .textbook .book_review li .subject div span:nth-child(2){display:none;margin-left:9px;padding-left:9px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_202005/bg_textbook_bar.png) no-repeat 0 50%;}
.main_contents .book .textbook .book_review li .subject div strong{display:none;margin-left:9px;padding-left:9px;background:url(//s3.ap-northeast-2.amazonaws.com/st.dangidata/eng_dangicokr/img/engdangi/toeic/main/main_202005/bg_textbook_bar.png) no-repeat 0 50%;}
.main_contents .book .textbook .book_review li a{position:absolute;top:32px;right:29px;width:150px;height:34px;border:2px solid #e2e2e2;border-radius:4px;line-height:34px;text-align:center;font-size:13px;color:#666;font-weight:bold;}
.main_contents .book .textbook .ban_book{float:right;position:relative;}
.main_contents .book .textbook .ban_book .tit{height:59px;line-height:59px;text-align:center;font-size:18px;background:#fff;font-weight:bold;}
.main_contents .book .textbook .ban_book .bx-pager {top:350px;width:100%;text-align:center;}
.main_contents .book .textbook .ban_book .bx-pager .bx-pager-item{float:none;display:inline-block;}
.main_contents .book .textbook .ban_book .bx-pager .bx-pager-item a{width:12px;height:12px;border-radius:50%;background:#fff;}
.main_contents .book .textbook .ban_book .bx-pager .bx-pager-item a.active{background:#000;}

.main_contents .notice_area .cont_box{padding:50px 0 90px;}
.main_contents .notice_area .tit{font-size:16px;font-weight:bold;}
.main_contents .notice_area .box{height:150px;margin-top:15px;padding:4px 0 4px 9px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:13px;}
.main_contents .notice_area .notice{float:left;width:525px;}
.main_contents .notice_area .notice .box li{padding:4px 0 5px;}
.main_contents .notice_area .notice .box a{display:block;}
.main_contents .notice_area .notice .box a:after{content:'';display:block;clear:both}
.main_contents .notice_area .notice .box strong{float:left;margin-right:20px;color:#ff3d00;}
.main_contents .notice_area .notice .box .n_tit{overflow:hidden;float:left;width:325px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;color:#737373;}
.main_contents .notice_area .notice .box span{float:right;color:#777;}
.main_contents .notice_area .notice .box a:hover .n_tit{text-decoration:underline;}
.main_contents .notice_area .center{float:right;width:525px; }
.main_contents .notice_area .center .box{padding-top:20px;}
.main_contents .notice_area .center li{float:left;margin-top:23px;margin-left:10px}
.main_contents .notice_area .center li:first-child{margin-left:0}
.main_contents .notice_area .center li a{display:block;width:155px;height:25px;line-height:25px;text-align:center;color:#000;font-size:13px;background:#e5e5e5;border-radius:3px;}
.main_contents .notice_area .center li a:hover{background:#fc2408;color:#fff; }