@charset "utf-8";

/* pop */
.pop_wrapper{display: table;width: 740px; height:567px;}
.pop_all_box{display: table;width: 740px;}
.pop_all_box.st2{display: table;width: 746px;border-left: 1px solid #cfd0d8;border-right: 1px solid #cfd0d8;border-bottom: 1px solid #cfd0d8;}
.pop_tit_box{display: table;width: 740px;height: 63px;background-color: #34313e;position: relative;text-align: center;}
.pop_all_box.st2 .pop_tit_box{width: 746px;}
.pop_tit{line-height: 63px;font-size: 20px;color: #fff;font-weight: 600;}
.close{position: absolute;top: 24px;right: 23px;width: 18px;height: 18px;text-indent: -9999px;background: url("../images/icon/btn_close.png") no-repeat;}
.pop_con_box{display: table;width: 740px;padding: 30px 30px 40px;border: 1px solid #cfd0d8;}
.pop_con_tit{font-size: 20px;color: #444457;}
.pop_name_600{color: #34313e;}
.pop_ic_box{position: absolute;top: 8px;left: 27px;}
.pop_wrapper.st2{width: 831px;}
.pop_wrapper.st2 .pop_all_box{width: 831px;}
.pop_wrapper.st2 .pop_tit_box{width: 831px;}
.pop_wrapper.st2 .pop_con_box{width: 831px;}

/* pop_table_list */
.pop_tab_list{display: table;width: 678px;margin-top: 10px;text-align: center;}
.table_top{width: 100%;height: 45px;border-top: 3px solid #f14d4c;border-left: 1px solid #f14d4c;border-right: 1px solid #f14d4c;border-bottom: 1px solid #f14d4c;background-color: #ff6362;}
.table_top th{color: #fff;line-height: 45px;font-size: 12px;}
.table_top th~th{background: url("../images/icon/bor_thead.png") no-repeat 0;} 
.pop_tab_list tbody tr{width: 100%;height: 48px;border-bottom: 1px solid #c7c7cc;}
.standby{display: table;width: 50px;height: 22px;border: 1px solid #4b9eb8;color: #4b9eb8;font-size: 12px;line-height: 22px;}
.finish{display: table;width: 50px;height: 22px;border: 1px solid #6b6b77;color: #fff;font-size: 12px;line-height: 22px;background-color: #7c7a89;}
.pop_tab_list tbody td a{color: #444457;}
/* pop_table_view */
.pop_tab_view{display: table;width: 100%;margin-top: 10px;border-top: 3px solid #f14d4c;}
.pop_tab_view .bor_red{border-bottom: 1px solid #f14d4c;border-left: 1px solid #f14d4c;border-right: 1px solid #f14d4c;}
.pop_tab_view .bg_red{position: relative;width: 676px;height: 45px;background-color: #ff6362;text-align: center;color: #fff;font-size: 15px;}
.finish.st2{position: absolute;top: 10px;left: 11px;}
.pop_tab_view tr{height: 45px;border-bottom: 1px solid #c7c7cc;text-align: center;}
.view_box{width: 100%;height: 600px;overflow: auto;margin-bottom: 10px;}
.view_q{width: 620px;margin: 20px;text-align: left;}
.view_a{padding: 20px;background-color: #f9f9fc;}
.view_a_top{display: table;width: 100%;}
.view_a_ico{float: left;width: 152px;height: 42px;color: #fff;background: url("../images/icon/teacher_correction.png") no-repeat;line-height: 31px;font-weight: 600;}
.view_a_day{float: right;margin-top: 15px;}
.view_a_con{margin-top: 20px;text-align: left;}
.pop_btn_box{display: table;width: 100%;padding-top: 30px;text-align: center;}
.pop_btn_box button{width: 78px;height: 36px;margin-right: 6px;}
.pop_btn_box button.btn_red:hover{background-color: #f14d4c;color:#fff;}
.pop_btn_box button.btn_gray:hover{background-color: #8f8f9a;color:#fff;}
.btn_red{border: 1px solid #f14d4c;color: #f14d4c;}
.btn_gray{border: 1px solid #8f8f9a;}

/* pop_table_write */
.editer_area{padding: 0 30px;}

/* pop_문자알림설정 */
.box_select{display: table;margin: auto;}
.select_span{margin-left: 10px;line-height: 32px;}

/* pop_월별평가표목록 */
.pop_tab_list tbody td a.appraisal{display: inline-block;width: 115px;height: 30px;padding-left: 20px;border: 1px solid #4b9eb8;line-height: 30px;color: #4b9eb8;background: url("../images/icon/appraisal_off.png") no-repeat 14px;}
.pop_tab_list tbody td a.appraisal:hover{padding-left: 20px;color: #fff;background: #4b9eb8 url("../images/icon/appraisal_on.png") no-repeat 16px;}

/* pop_레벨테스트결과확인 */
.appraisal_ing{display: inline-block;width: 115px;height: 30px;padding-left: 20px;border: 1px solid #d1d0d6;line-height: 30px;background: url("../images/icon/appraisal_ing.png") no-repeat 22px;}
.appraisal_ing.st2{background: url("../images/icon/appraisal_st2.png") no-repeat 14px;}

/* pop_수업피디백 */
.pop_ivory_box{display: table;width: 686px;height: 230px;padding: 30px;border-bottom: 1px solid #cfd0d8;background: url("../images/contents/bg_ivory_box.png") no-repeat;background-size: 100%;}
.pop_ivory_con{display: table;width: 100%;margin-top: 20px;}
.pop_ivory_tab{display: table;width: 686px;height: 180px;background: url("../images/contents/bg_ivory_tab.png") no-repeat;background-size: 100%;}
.pop_ivory_tab th{height: 100px;text-indent: -9999px;}
.pop_ivory_tab th~th{border-left: 10px solid transparent;}
.pop_ivory_tab td{text-align: center;color:#fff;font-family: 'lato';font-size: 14px;}
.pop_ivory_tab td~td{border-left: 10px solid transparent;}
.pop_feedback{display: table;width: 686px;margin: 35px 30px 30px;}
.feedback_tit{font-size: 15px;font-weight: 600;background: url("../images/icon/ico_pop_tit.png") no-repeat 0;padding-left: 15px;}
.feedback_box{display: table;width: 100%;margin-top: 10px;}
.feedback_left{float: left;width: 248px;height: 361px;border: 1px solid #c7cad2;}
.feedback_right{float: right;width: 404px;height: 361px;padding: 20px;border: 1px solid #c7cad2;}
.left_play{display: table;width: 248px;height: 217px;text-align: center;}
.left_play_btn{display: table;width: 137px;height: 137px;margin: 0 auto;margin-top: 0px;}
.btn_play{width: 137px;height: 137px;background: url("../images/icon/ico_play_off.png") no-repeat;text-indent: -9999px;}
.btn_play:hover{background: url("../images/icon/ico_play_on.png") no-repeat;}
.btn_movie{margin:40px 0px 0px 0px; width: 137px;height: 137px;background: url("../images/icon/ico_movie_off2.png") no-repeat;text-indent: -9999px;}
.btn_movie:hover{background: url("../images/icon/ico_movie_on2.png") no-repeat;}
.btn_movie_download{margin:40px 0px 0px 0px; width: 137px;height: 137px;background: url("../images/icon/icon_download_1.png") no-repeat;text-indent: -9999px;}
.btn_movie_download:hover{background: url("../images/icon/icon_download_2.png") no-repeat;}
.play_time{display: block;margin-top: 20px;color: #00b6d1;font-size: 14px;line-height: 14px;}
.left_down{display: table;width: 100%;height: 142px;text-align: center;background-color: #f1f3f6;}
.down_phone{display: table;height: 15px;padding-left: 24px;padding-top: 8px;margin: 0 auto;color: #868494;font-size: 12px;line-height: 20px;background: url("../images/icon/ico_adviser.png") no-repeat 0 15px;;}
.btn_down{display: table;width: 100%;padding: 20px 0 25px;}
.btn_down a{display: inline-block;width: 160px;height: 36px;background: url("../images/contents/btn_down_off.png") no-repeat;text-indent: -9999px;}
.btn_down a:hover{background: url("../images/contents/btn_down_on.png") no-repeat;}
.phone_group{display: table;width: 100%;}
.phone_group ul{display: table;margin: auto;}
.phone_group li{float: left;width: 20px;height: 20px;line-height: 16px;}
.phone_group li~li{margin-left: 7px;}
.phone_group li a{display: inline-block;width: 20px;height: 20px;font-size: 12px;border: 1px solid #898796;border-radius: 50%;text-align: center;}
.phone_group li a.on,
.phone_group li a:hover{background-color: #868494;color: #fff;}
.right_inbox{width: 100%;height: 296px;padding: 20px;background-color: #fcffe4;overflow: auto;}
.inbox_top{display: table;width: 100%;margin-bottom: 20px;}
.inbox_top div~div{margin-top: 17px;}
.inbox_top_d{display: table;width: 100%;}
.inbox_top_d p{float: left;width: 100%;line-height: 13px}
.inbox_top_d p~p{margin-top: 7px;}
.ico_x{display: inline-block;float: left;width: 14px;height: 13px;margin-right: 10px;background: url("../images/icon/ico_x.png") no-repeat 0;}
.ico_o{display: inline-block;float: left;width: 14px;height: 13px;margin-right: 10px;background: url("../images/icon/ico_o.png") no-repeat 0;}
.inbox_down{display: table;width: 100%;padding-top: 20px;margin-top: 20px;border-top: 1px dashed #c7cad2;}
.inbox_down p{font-size: 12px;}
.grammar_box{display: table;width: 686px;padding: 15px 20px 20px;margin-top: 30px;border: 1px solid #c7cad2;}
.grammar_inbox{display: table;width: 100%;padding: 20px;margin-top: 10px;background-color: #fcffe4;}
.grammar_bgbox{display: table;width: 100%;}
.bgbox_top{display: table;width: 100%;}
.bgbox_top div~div{margin-top: 20px;}
.ico_student{display: inline-block;float: left;width: 60px;height: 16px;margin-right: 10px;background: url("../images/icon/ico_student.png") no-repeat 0;}
.ico_better{display: inline-block;float: left;width: 60px;height: 16px;margin-right: 10px;background: url("../images/icon/ico_better.png") no-repeat 0;}
.comment_box{position: relative;display: table;width: 100%;padding: 37px 30px;margin-top: 33px;border: 3px solid #f8a6a5;}
.img_posA{position: absolute;top: -6px;left: 23px;}
.comment_area{line-height: 1.8;}
.btn_red.st2{width: 140px;}
.btn_big_box{display: table;width: 100%;padding: 20px 0;border-bottom: 1px dashed #c7cad2;}
.btn_big_txt{padding-left: 10px;margin-bottom: 20px;background: url("../images/icon/ico_btn_big.png") no-repeat 0 7px;}
.btn_big_span{color: #00a08f;}
.pop_btn_big{display: table;width: 275px;height: 45px;margin: auto;background-color: #37618f;color: #fff;font-size: 15px;font-weight: 500;line-height: 45px;}
.btn_big_box.st3{margin-top: 25px;border-top: 1px dashed #c7cad2;}


/* pop_08레벨테스트_신청완료 */
.pop_medium_wrapper{display: table;width: 550px;}
.pop_medium_box{display: table;width: 550px;}
.pop_medium_box .pop_tit_box{width: 550px;position: relative;height: 63px;text-align: center;padding: 0;}
.pop_medium_tit{font-size: 20px;color: #fff;font-weight: 600;line-height: 63px;}
.medium_con_box{display: table;width: 550px;padding: 30px 39px;border-left: 1px solid #cfd0d8;border-right: 1px solid #cfd0d8;border-bottom: 1px solid #cfd0d8;}
.medium_con_tit{display: table;width: 100%;text-align: center;}
.medium_tit_p{padding: 17px 0;font-size: 26px;line-height: 34px;color: #868494;}
.medium_tit_p b{color: #444457;}
.medium_txt_p{font-size: 14px;}
.medium_txt_span{color: #f14d4c;}
.pop_medium_tab{display: table;width: 100%;margin-top: 20px;}
.pop_medium_tab td span{display: inline-block;width: 20px;}
.pop_medium_tab thead tr{border: 1px solid #71707f;background-color: #868494;}
.pop_medium_tab th{height: 36px;color: #fff;}
.pop_medium_tab th~th{border-left: 1px solid #71707f;}
.pop_medium_tab tbody tr{border-left: 1px solid #c7cad2;border-right: 1px solid #c7cad2;border-bottom: 1px solid #c7cad2;}
.pop_medium_tab td{height: 49px;text-align: center;font-weight: 600;}
.pop_medium_tab td~td{border-left: 1px solid #c7cad2;}
.btn_medium_box{display: table;width: 100%;padding: 17px 0 26px;border-bottom: 1px dashed #c7cad2;text-align: center;}
.btn_medium_red{width: 230px;height: 40px;border: 1px solid #f58281;color: #f14d4c;font-weight: 600;}
.btn_medium_red:hover{background-color: #f14d4c;color: #fff;}
.btn_medium_gray{width: 230px;height: 40px;border: 1px solid #7c7c89;font-weight: 600;}
.btn_medium_gray:hover{background-color: #7c7c89;color: #fff;}
.pop_btn_box.st2{padding-top: 17px;}
.pop_btn_box.st2 button{width: 72px;height: 28px;}
.pop_btn_box.st3{padding-top: 17px;margin-top: 25px;border-top: 1px dashed #c7cad2;}
.pop_btn_box.st3 button{width: 72px;height: 28px;}
.medium_txt_p font{font-weight: normal;}
.medium_gray_box{padding-bottom: 25px;text-align: center;border-bottom: 1px dashed #c7cad2;}
.medium_gray_txt{padding: 30px 0;border: 1px solid #e8e8f1;background-color: #efeef5;font-size: 16px;line-height: 24px;font-weight: 600;}
.btn_big_box.st2{padding: 20px 0 0;border-bottom: none;}
.btn_medium_phone{display: inline-block;float: left;width: 225px;height: 50px;background: url("../images/contents/medium_phone_off.png") no-repeat;text-indent: -9999px;}
.btn_medium_phone:hover{background: url("../images/contents/medium_phone_on.png") no-repeat;}
.btn_medium_screen{display: inline-block;float: right;width: 225px;height: 50px;background: url("../images/contents/medium_screen_off.png") no-repeat;text-indent: -9999px;}
.btn_medium_screen:hover{background: url("../images/contents/medium_screen_on.png") no-repeat;}

/* pop_08레벨테스트_알림_alert */
.pop_alert_wrapper{display: table;width: 400px;}
.pop_alert_box{display: table;width: 400px;}
.pop_alert_top{display: table;width: 400px;height: 35px;text-align: center;background-color: #34313e;}
.pop_alert_tit{font-size: 15px;color: #fff;font-weight: 600;line-height: 35px;}
.pop_alert_con{display: table;width: 400px;padding: 20px 0;border-left: 1px solid #cfd0d8;border-right: 1px solid #cfd0d8;border-bottom: 1px solid #cfd0d8;text-align: center;}
.pop_alert_txt{padding: 15px 0 30px;font-size: 15px;line-height: 22px;}
.btn_identify{width: 72px;height: 28px;border: 1px solid #f14d4c;color: #f14d4c;}

/* pop_08로그인 */
.pop_login_wrapper{display: table;width: 403px;}
.pop_login_box{display: table;width: 403px;}
.pop_login_top{display: table;width: 403px;height: 63px;background-color: #34313e;position: relative;text-align: center;}
.pop_login_tit{font-size: 17px;color: #fff;font-weight: 600;line-height: 63px;}
.pop_login_con{display: table;width: 403px;padding: 30px 27px 29px;border-left: 1px solid #cfd0d8;border-right: 1px solid #cfd0d8;border-bottom: 1px solid #cfd0d8;}
.login_top{position: relative;display: table;width: 100%;}
.login_input_box{display: table;margin-bottom: 10px;}
.login_input_box.st2{margin-bottom: 0;}
.login_input_box label{width: 76px;float: left;line-height: 32px;font-weight: 600;}
.login_input_box input{width: 271px;}
.login_btn_box{display: table;width: 100%;padding: 20px 0 0;text-align: center;}
.btn_login{width: 150px;height: 38px;border: 1px solid #a1a5af;}
.btn_login:hover{border: 1px solid #f14d4c;color: #f14d4c;}
.login_down{display: table;width: 100%;margin-top: 20px;padding: 20px 0 0;border-top: 1px dashed #c7cad2;}
.login_ico_01{display: none;position: absolute;top: 7px;right: 10px;width: 18px;height: 18px;background: url("../images/icon/ico_input_name.png") no-repeat;text-indent: -9999px;}
.login_ico_02{display: none;position: absolute;top: 7px;right: 9px;width: 20px;height: 19px;background: url("../images/icon/ico_input_phone.png") no-repeat;text-indent: -9999px;}
.login_ico_03{display: none;position: absolute;top: 7px;right: 10px;width: 20px;height: 20px;}
.login_top_txt{float: right;color: #9a9dab;}
.login_gray_box{display: inline-block;width: 100%;padding: 10px 0;margin-top: 10px;text-align: center;background-color: #f4f4fa;}
.login_gray_box ul{height: 60px;overflow-y: scroll;}
.login_gray_box li{padding: 5px 0;}
.login_gray_box li a{display: table;width: 100%;color: #00a08f;}
.login_gray_box li.on{background-color: #bdbcc4;}
.login_gray_box li.on a{color: #fff;}
.login_big_txt{display: table;width: 100%;text-align: center;color: #9a9dab;line-height: 24px;font-size: 14px;}
.big_txt_B{color: #34313e;}
.login_big_txt b{color: #34313e;font-weight: normal;}
.login_data{color: #00a08f;}
.login_out_txt{display: table;width: 100%;text-align: center;line-height: 24px;}
.pop_login_wrapper.st2,
.pop_login_wrapper.st2 .pop_login_box,
.pop_login_wrapper.st2 .pop_login_top,
.pop_login_wrapper.st2 .pop_login_con{width: 536px;}
.login_main{display: table;width: 100%;}
.login_main_input{position: relative;float: left;}
.login_main_input input{width: 263px;}
.login_main_input.st2 input{width: 298px;height: 42px;}
.btn_main_login{float: right;width: 124px;height: 74px;border: none;background-color: #f14d4c;color: #fff;font-size: 20px;}
.btn_main_login.st2{width: 136px;background-color: #fff;border: 1px solid #f14d4c;color: #f14d4c;}
.btn_main_login.st3{width: 136px;height: 94px;background-color: #fff;border: 1px solid #f14d4c;color: #f14d4c;}
.login_main_check{display: inline-block;width: 100%;padding-left: 76px;margin-top: 10px;}

.comment_01{display: none;position: absolute;top: -34px;left: 167px;width: 172px;height: 38px;background: url("../images/contents/bg_comment_01.png") no-repeat;line-height: 34px;text-align: center;color: #f14d4c;letter-spacing: -0.5px;}
.comment_02{display: none;position: absolute;top: 4px;left: 167px;width: 172px;height: 38px;background: url("../images/contents/bg_comment_01.png") no-repeat;line-height: 34px;text-align: center;color: #f14d4c;letter-spacing: -0.5px;}
.comment_03{display: none;position: absolute;top: 95px;left: 161px;width: 282px;height: 39px;background: url("../images/contents/bg_comment_02.png") no-repeat;line-height: 48px;text-align: center;color: #9a9dab;letter-spacing: -0.5px;}
.login_down_con strong{font-size: 16px;color: #333;}
.login_down_txt{font-size: 12px;color: #9a9dab;}
.login_btn_box button~button{margin-left: 10px;}
.btn_login.st2{border: 1px solid #f58281;color: #f14d4c;}
.btn_login.st2:hover{background-color: #f14d4c;color: #fff;}
.login_h5{display: table;width: 100%;margin-bottom: 10px;}
.login_h5_txt{font-size: 12px;color: #9a9dab;}

/* pop_01레벨테스트_개인정보수집 및 이용안내 */
.pop_info_box{display: table;width: 100%;padding: 10px 0;border-top: 1px solid #c7cad2;border-bottom: 1px solid #c7cad2;}
.pop_info_inbox{height: 400px;overflow-y: scroll;}
.pop_info_inbox span{display: inline-block;font-weight: 600;width: 100%;font-size: 12px;line-height: 20px;}
.pop_info_inbox span.pop_info_con{margin-bottom: 30px;font-weight: normal;}
.pop_info_tit{font-size: 14px;color: #4b9eb8;margin: 30px 0;font-weight: 600;}
.pop_info_inbox span.pop_info_txt{margin-bottom: 30px;font-weight: normal;}


/* pop_01레벨테스트_개인정보수집 및 이용안내 */
.info2_tit{font-size: 15px;font-weight: 600;margin-bottom: 10px;}
.info2_tit.st2{margin-top: 30px;}
.pop_info_inbox.st2{height: 136px;}

/* pop_03수강출석영수증 */
.gray_box{background:#a3b4bf;padding:0 30px}
.dash_top{position:relative;padding:10px 0;border-top:1px dashed #fff;display: table;width: 100%;}
.dash_top .btn_black_bg{width:130px;float:right;height:32px;font-size:14px}
.dash_top .btn_black_bg:hover{background-color: #f14d4c;}
/*.sign{margin-top:30px;display:inline-block;width:100%;height: 70px;position: relative;background: url("../images/icon/ico_stamp.png") no-repeat right 4px;}*/
.sign{margin-top:30px;display:inline-block;width:100%;height: 70px;position: relative;}
.sign div{position: absolute;bottom: 0;right: 0;float:right;padding-right:40px}


/* pop_08_회원가입_기본 */
.con_inbox.st2{padding: 0;border: none;margin: 0;}
.pop_tit_600{position: relative;text-align: center;height: 63px;width: 600px;background-color: #34313e;}
.pop_con_600{display: table;width: 600px;border: 1px solid #cfd0d8;padding: 30px 0 40px;}

/* 내강의실_레벨테스트결과보기 */
.pop_ivory_box.st2 .pop_ivory_tab{background: url("../images/contents/bg_ivory_tab02.png") no-repeat;}
.pop_leveltest_box{display: table;width: 686px;margin: 35px 30px 30px;}
.pop_leveltest{position: relative;width: 100%;}
.pop_leveltest_in{text-align: center;width: 100%;}
.pop_leveltest_top{display: table;margin: auto;}
.leveltest_top_p{font-size: 45px;color: #f14d4c;font-weight: 600;font-family: 'lato';}
.leveltest_top_s{font-size: 25px;color: #989898;}
.pop_leveltest_fr{position: absolute;right: 0;top: 38px;width: 96px;}
.pop_leveltest_fr span{width: 100%;display: table;font-size: 12px;letter-spacing: -1px;}
.leveltest_fr_s01{background: url("../images/contents/leveltest_fr_s01.png") no-repeat 0;padding-left: 50px;}
.leveltest_fr_s02{background: url("../images/contents/leveltest_fr_s02.png") no-repeat 0;padding-left: 25px;}
.bg_graph{width: 100%;height: 5px;margin-top: 15px;margin-bottom: 25px;background: url("../images/contents/bg_graph.png") no-repeat 0;}
.pop_leveltest li{display: table;width: 100%;background: url("../images/contents/bg_graph_li.png") no-repeat;}
.pop_leveltest li~li{margin-top: 10px;}
.pop_leveltest li div{display: table;float: left;width: 100%;height: 20px;}
.pop_leveltest li div div{float: left;color: #fff;font-size: 12px;padding: 0 7px;min-width: 80px;height: 20px;line-height: 20px;}
.pop_leveltest li div span{margin-left: 10px;font-weight: 600;font-family: 'lato';}
.pop_leveltest li div div.graph_01_d{width: 11%;background-color: #8ecc11;}
.pop_leveltest li div div.graph_02_d{width: 24%;background-color: #57b6e6;}
.pop_leveltest li div div.graph_03_d{width: 37%;background-color: #ff7caa;}
.pop_leveltest li div div.graph_04_d{width: 50%;background-color: #ac73e6;}
.pop_leveltest li div div.graph_05_d{width: 63%;background-color: #0db38a;}
.pop_leveltest li div div.graph_gray_01{width: 18%;background-color: #d8d8d8;}
.pop_leveltest li div div.graph_gray_02{width: 31%;background-color: #d8d8d8;}
.pop_leveltest li div div.graph_gray_03{width: 44%;background-color: #d8d8d8;}
.pop_leveltest li div div.graph_gray_04{width: 57%;background-color: #d8d8d8;}
.pop_leveltest li div div.graph_gray_05{width: 70%;background-color: #d8d8d8;}
.pop_leveltest.st3 li div div.graph_01_d{width: 89.5%;background-color: #8ecc11;}
.pop_leveltest.st3 li div div.graph_02_d{width: 83%;background-color: #57b6e6;}
.pop_leveltest.st3 li div div.graph_03_d{width: 83%;background-color: #ff7caa;}
.pop_leveltest.st3 li div div.graph_04_d{width: 89.5%;background-color: #ac73e6;}
.pop_leveltest.st3 li div div.graph_05_d{width: 83%;background-color: #0db38a;}
.pop_leveltest.st3 li div div.graph_gray_01{width: 18%;background-color: #d8d8d8;}
.pop_leveltest.st3 li div div.graph_gray_02{width: 31%;background-color: #d8d8d8;}
.pop_leveltest.st3 li div div.graph_gray_03{width: 44%;background-color: #d8d8d8;}
.pop_leveltest.st3 li div div.graph_gray_04{width: 57%;background-color: #d8d8d8;}
.pop_leveltest.st3 li div div.graph_gray_05{width: 70%;background-color: #d8d8d8;}
.graph_01_s{color: #8ecc11;}
.graph_02_s{color: #57b6e6;}
.graph_03_s{color: #ff7caa;}
.graph_04_s{color: #ac73e6;}
.graph_05_s{color: #0db38a;}
.graph_gray_s{color: #d8d8d8;}
.graph_bar{position: relative;display: table;width: 656px;height: 40px;margin: 50px 14px 35px 15px;background: url("../images/contents/graph_bar_off.png") no-repeat;}
.graph_bar span{display: none;position: absolute;width: 60px;height: 69px;text-indent: -9999px;}
.graph_bar_s00.on{display: block;top: -23px;left: -9px;background: url("../images/contents/graph_bar_on0.png") no-repeat;}
.graph_bar_s01.on{display: block;top: -23px;left: 79px;background: url("../images/contents/graph_bar_on1.png") no-repeat;}
.graph_bar_s02.on{display: block;top: -23px;left: 167px;background: url("../images/contents/graph_bar_on2.png") no-repeat;}
.graph_bar_s03.on{display: block;top: -23px;left: 255px;background: url("../images/contents/graph_bar_on3.png") no-repeat;}
.graph_bar_s04.on{display: block;top: -23px;left: 343px;background: url("../images/contents/graph_bar_on4.png") no-repeat;}
.graph_bar_s05.on{display: block;top: -23px;left: 431px;background: url("../images/contents/graph_bar_on5.png") no-repeat;}
.graph_bar_s06.on{display: block;top: -23px;left: 519px;background: url("../images/contents/graph_bar_on6.png") no-repeat;}
.graph_bar_s07.on{display: block;top: -23px;left: 607px;background: url("../images/contents/graph_bar_on7.png") no-repeat;}
.gradation{width: 100%;height: 10px;background-image: linear-gradient(to top, #ffffff 45%, #f3f3f3 100%);}
.pop_app_box{display: table;width: 100%;margin-top: 30px;}
.pop_app_top01{display: table;width: 100%;padding: 5px 10px;background-color: #8ecc11;}
.pop_app_top02{display: table;width: 100%;padding: 5px 10px;background-color: #57b6e6;}
.pop_app_top03{display: table;width: 100%;padding: 5px 10px;background-color: #ff7caa;}
.pop_app_top04{display: table;width: 100%;padding: 5px 10px;background-color: #ac73e6;}
.pop_app_top05{display: table;width: 100%;padding: 5px 10px;background-color: #0db38a;}
.pop_app_left{float: left;color: #fff;}
.pop_app_right{float: right;}
.app_left{float: left;margin-right: 7px;color: #fff;}
.app_right{display:inline-block;width: 65px;height: 20px;text-align: center;line-height: 20px;font-size: 18px;font-family: 'lato';background: url("../images/icon/bg_app_span.png") no-repeat;color: #989898;}
.app_txt_con01{padding: 20px;}
.app_txt_tit01{display: inline-block;width: 100%;font-weight: 600;background: url("../images/icon/ico_app_tit01.png") no-repeat;padding-left: 25px;color: #f14d4c;margin-bottom: 10px;}
.app_txt_con02{padding: 20px;background-color: #fcffe4;}
.app_txt_tit02{display: inline-block;width: 100%;font-weight: 600;background: url("../images/icon/ico_app_tit02.png") no-repeat;padding-left: 25px;color: #00b6d1;margin-bottom: 10px;}
.comment_box.st2{margin: 5px 0 20px;}
.general_review_box{display: table;width: 100%;text-align: center;background-color: #f14d4c;}
.general_review_tit{display: inline-block;height: 50PX;line-height: 50px;color: #fff;font-weight: 600;font-size: 20px;background: url("../images/icon/ico_general_review.png") no-repeat 0;padding-left: 25px;}
.general_review_con{border: 1px solid #f14d4c;padding: 20px;line-height: 24px;}
.feedback_box.st2{margin-top: 0;}
.feedback_right.st2{position: relative;width: 406px;padding: 0;border: none;background: url("../images/contents/bg_feedback_st2.png") no-repeat;}
.app_banner_btn{position: absolute;bottom: 20px;width: 100%;text-align: center;}
.btn_app_book{width: 326px;height: 40px;background: url("../images/contents/btn_app_book_off.png") no-repeat;text-indent: -9999px;}
.btn_app_book:hover{background: url("../images/contents/btn_app_book_on.png") no-repeat;}

/* 내강의실_수업연기 */
.lesson_ex{display: table;width: 100%;margin-top: 10px;}
.lesson_ex_box{display: table;width: 100%;}
.lesson_ex_box p{float: left;width: 222px;height: 40px;padding: 7px 0;text-align: center;font-size: 14px;color: #fff;}
.lesson_ex_box span{width: 45px;height: 25px;display: inline-block;font-size: 18px;margin: 0 5px;line-height: 25px;font-family: 'lato';font-weight: 600;background: url("../images/icon/bg_lesson_span.png") no-repeat;}
.lesson_ex_p01{background-color: #ff6362;}
.lesson_ex_p02{margin-left: 6px;background-color: #59aec9;}
.lesson_ex_p03{margin-left: 6px;background-color: #989898;}
.lesson_ex_s01{color: #f14d4c;}
.lesson_ex_s02{color: #4b9eb8;}
.lesson_ex_s03{color: #7c7a89;}
.lesson_ex_txt{margin-top: 25px;line-height: 24px;}
.btn_identify.st2{border: 1px solid #8f8f9a;color: #636373;margin-left: 5px;}

/* 내강의실_월별평가표보기 */
.pop_ivory_box.st2 .pop_ivory_tab.st2{background: url("../images/contents/bg_ivory_tab03.png") no-repeat;}
.ivory_tab_bigs{font-size: 24px;}
.ivory_tab_p{float: right;padding-right: 10px;font-size: 11px;color: #ffbbbb;}
.ivory_tab_s{color: #fff;}
.pop_leveltest_fr.st2{width: 118px;}
.bg_graph.st2{margin-top: 0;background: url("../images/contents/bg_graph_st2.png") no-repeat 0;}
.pop_leveltest.st2 li{display: table;width: 100%;background: url("../images/contents/bg_graph_li_st2.png") no-repeat;}
.pop_leveltest.st2 li~li{margin-top: 10px;}
.pop_leveltest.st2 li div{display: table;float: left;width: 100%;height: 20px;}
.pop_leveltest.st2 li div div{float: left;color: #fff;font-size: 12px;padding: 0 7px;min-width: 80px;height: 20px;line-height: 20px;}
.pop_leveltest.st2 li div span{margin-left: 10px;font-weight: 600;}
.pop_leveltest.st2 li div div.graph_01_d{width: 11%;background-color: #8ecc11;}
.pop_leveltest.st2 li div div.graph_02_d{width: 24%;background-color: #57b6e6;}
.pop_leveltest.st2 li div div.graph_03_d{width: 37%;background-color: #ff7caa;}
.pop_leveltest.st2 li div div.graph_04_d{width: 50%;background-color: #ac73e6;}
.pop_leveltest.st2 li div div.graph_05_d{width: 63%;background-color: #0db38a;}
.pop_leveltest.st2 li div div.graph_gray_01{width: 18%;background-color: #d8d8d8;}
.pop_leveltest.st2 li div div.graph_gray_02{width: 31%;background-color: #d8d8d8;}
.pop_leveltest.st2 li div div.graph_gray_03{width: 44%;background-color: #d8d8d8;}
.pop_leveltest.st2 li div div.graph_gray_04{width: 57%;background-color: #d8d8d8;}
.pop_leveltest.st2 li div div.graph_gray_05{width: 70%;background-color: #d8d8d8;}
.graph_bar.st2{width: 666px;height: 68px;margin: 50px 23px 35px 5px;background: url("../images/contents/graph_bar_off_st2.png") no-repeat;}
.graph_bar.st2 .graph_bar_s00.on{height: 89px;width: 77px;left: 0px;background: url("../images/contents/graph_bar_st2_on1.png") no-repeat;}
.graph_bar.st2 .graph_bar_s01.on{height: 91px;width: 124px;left: 126px;background: url("../images/contents/graph_bar_st2_on2.png") no-repeat;}
.graph_bar.st2 .graph_bar_s02.on{height: 89px;width: 60px;left: 308px;background: url("../images/contents/graph_bar_st2_on3.png") no-repeat;}
.graph_bar.st2 .graph_bar_s03.on{height: 91px;width: 65px;left: 455px;background: url("../images/contents/graph_bar_st2_on4.png") no-repeat;}
.graph_bar.st2 .graph_bar_s04.on{height: 89px;width: 60px;left: 608px;background: url("../images/contents/graph_bar_st2_on5.png") no-repeat;}
.pop_app_box.st2{margin-top: 0;}
.feedback_tit.st2{border-top: 1px dashed #c7cad2;padding-top: 30px;background: url("../images/icon/ico_pop_tit.png") no-repeat 0 33px;}
.pop_app_box.st3{margin-top: 10px;border: 1px solid #c7cad2;padding: 20px;}
.pop_app_inbox{padding: 20px;background-color: #f9f9fc;margin-bottom: 30px;}

/* 내강의실_하루시간변경 */
.pop_con_600.st2{padding: 0 30px 30px;}
.oneday_time01{position: relative;display: table;width: 100%;padding: 25px 0;background: url("../images/contents/bg_border.png") no-repeat 0 bottom;}
.oneday_time01 a{position: absolute;bottom: -15px;right: 0;width: 160px;height: 30px;background: url("../images/contents/bg_oneday_a.png") no-repeat;color: #fff;text-align: center;line-height: 30px;}
.oneday_time01 a:hover{background: url("../images/contents/bg_oneday_ahover.png") no-repeat;}
.oneday_time02{display: table;width: 100%;padding-top: 25px;}
.oneday_time_con{display: table;width: 100%;}
.oneday_time_tit{font-size: 18px;font-weight: 600;}
.oneday_number{color: #ff6d6c;}
.oneday_time_txt{font-size: 12px;margin-top: 5px;}
.oneday_time_tab{display: table;width: 100%;margin-top: 20px;border-bottom: 1px solid #c7cad2;border-left: 1px solid #c7cad2;border-right: 1px solid #c7cad2;}
.oneday_time_tab thead{border: 1px solid #71707f;background-color: #868494;}
.oneday_time_tab tr~tr{border-top: 1px solid #dde0e8;}
.oneday_time_tab th{color: #fff;font-weight: normal;height: 32px;}
.oneday_time_tab td{text-align: center;height: 38px;}
.oneday_none01{display: table;width: 100%;padding-top: 25px;}
.oneday_gray_box{display: table;width: 100%;padding: 20px;margin-top: 10px;background-color: #f9f9fc;}
.oneday_gray_box input{width: 188px;margin-right: 10px;text-align: center;}
.select_div_tab.st2{background-color: #fff;}
.select_div_tab.st2 .select_tab_p{width: 126px;}
.select_div_tab.st2 .select_tab_p a{width: 126px;padding: 0 25px 0 20px;}
.select_div_tab.st2 ul{width: 126px;}
.select_div_tab.st2 li a{width: 124px;padding: 0 0 0 20px;}
.oneday_gray_box .time_search{float: right;display: table;width: 154px;height: 32px;text-indent: -9999px;background: url("../images/contents/btn_oneday_gray.png") no-repeat;}
.oneday_none_tit{display: table;width: 100%;height: 40px;padding-left: 20px;border: 1px solid #00a08f;background-color: #59aec9;color: #fff;line-height: 40px;font-size: 18px;font-weight: 600;}
.oneday_time_tab.st2{margin-top: 0;}
.oneday_time_tab.st2 th.th_gray{background-color: #eceef4;color: #444457;font-weight: 600;}
.oneday_time_tab.st2 th.th_ivory{background-color: #f5f5e0;color: #444457;font-weight: 600;}
.td_s_red{padding-right: 15px;background: url("../images/icon/ico_td_span.png") no-repeat right;color: #f14d4c;font-weight: 600;}
.oneday_time_tab.st2 td{color: #9a9dab;}
.oneday_time_tab.st2 td a{color: #34313e;font-weight: 600;}
.oneday_time_tab.st2 td.on{background-color: #f14d4c;}
.oneday_time_tab.st2 td.on a{color: #fff;}
.oneday_none_tit.st2{margin-top: 10px;border: 1px solid #00a08f;background-color: #0db38a;}
.oneday_bigtit{font-size: 28px;line-height: 28px;padding: 30px 0;}
.pop_con_600.st2 dl{padding: 15px 0;}
.pop_con_600.st2 dl~dl{border-top: 1px dashed #c7cad2;}
.pop_con_600.st2 dl:first-child{padding: 0 0 15px 0;}
.pop_con_600.st2 dl:last-child{padding: 15px 0 0 0;}
.pop_con_600.st2 dt{float: left;margin-right: 20px;}
.pop_con_600.st2 dd{display: table;font-size:12px;line-height: 20px;}
.green_box{width: 52px;height: 18px;color: #fff;background-color: #00a08f;display: inline-block;line-height: 18px;padding: 0 3px;margin-right: 3px;}

/* 내강의실_틴주니어영자신문 */
.div_txt{display: table;width: 100%;padding: 0 30px 20px 45px;text-indent: -10px;}
.div_txt.st2{padding: 20px 30px 20px 45px;}
.pop_con_box.st2{padding: 20px 0 50px;}
.pop_con_box.st2 .tabLink{padding: 0 30px;background: url("../images/contents/bg_ul_bottom.png") repeat-x bottom;height: 46px;margin-bottom: 0;}
.pop_con_box.st2 .tabLink li{width: 190px;height: 44px;border-left: 2px solid #c7cad2;border-right: 2px solid #c7cad2;border-top: 2px solid #c7cad2;}
.pop_con_box.st2 .tabLink li a{width: 100%;height: 42px;line-height: 44px;border: none;color: #797686;}
.pop_con_box.st2 .tabLink li~li{margin-left: 2px;}
.pop_con_box.st2 .tabLink li.on{height: 46px;border-top: 2px solid #3d4553;border-left: 2px solid #3d4553;border-right: 2px solid #3d4553;}
.pop_con_box.st2 .tabLink li.on a{color: #3d4553;background: #e0f1f7;height: 45px;}
.pop_con_box.st2 .tabLink li a:hover{color: #3d4553;background: #e0f1f7;}
.day_box.st2 .tabday{padding: 30px 30px 0;background-color: #e0f1f7;}
.day_box.st2 .tabday li{width: 150px;height: 36px;font-size: 15px;background-color: #fff;}
.day_box.st2 .tabday li~li{margin-left: 4px;}
.day_box.st2 .tabday li a{width: 100%;color: #34313e;}
.day_box.st2 .tabday li.on{background-color: #f14d4c;}
.day_box.st2 .tabday li.on a{color:#fff;}
.day_box.st2 .tabday li:hover{background-color: #f14d4c;}
.day_box.st2 .tabday li:hover a{color:#fff;}
.tab_a_box{display: table;width: 100%;padding: 30px;background-color: #e0f1f7;}
.tab_a_box ul{display: table;margin: auto;}
.tab_a_box li{float: left;width: 96px;height: 58px;text-align: center;}
.tab_a_box li~li{border-left: 1px dashed #c7cad2;}
.tab_a_box li a{display: inline-block;width: 100%;height: 58px;text-indent: -9999px;}
.tab_a_box li.tab_a_link01 a{background: url("../images/contents/tab_a_Link01_off.png") no-repeat 50%;}
.tab_a_box li.tab_a_link02 a{background: url("../images/contents/tab_a_Link02_off.png") no-repeat 50%;}
.tab_a_box li.tab_a_link03 a{background: url("../images/contents/tab_a_Link03_off.png") no-repeat 50%;}
.tab_a_box li.tab_a_link04 a{background: url("../images/contents/tab_a_Link04_off.png") no-repeat 50%;}
.tab_a_box li.tab_a_link05 a{background: url("../images/contents/tab_a_Link05_off.png") no-repeat 50%;}
.tab_a_box li.tab_a_link06 a{background: url("../images/contents/tab_a_Link06_off.png") no-repeat 50%;}
.tab_a_box li.tab_a_link07 a{background: url("../images/contents/tab_a_Link07_off.png") no-repeat 50%;}
.tab_a_box li.tab_a_link08 a{background: url("../images/contents/tab_a_Link08_off.png") no-repeat 50%;}
.tab_a_box li.tab_a_link01 a:hover{background: url("../images/contents/tab_a_Link01_on.png") no-repeat 50%;}
.tab_a_box li.tab_a_link02 a:hover{background: url("../images/contents/tab_a_Link02_on.png") no-repeat 50%;}
.tab_a_box li.tab_a_link03 a:hover{background: url("../images/contents/tab_a_Link03_on.png") no-repeat 50%;}
.tab_a_box li.tab_a_link04 a:hover{background: url("../images/contents/tab_a_Link04_on.png") no-repeat 50%;}
.tab_a_box li.tab_a_link05 a:hover{background: url("../images/contents/tab_a_Link05_on.png") no-repeat 50%;}
.tab_a_box li.tab_a_link06 a:hover{background: url("../images/contents/tab_a_Link06_on.png") no-repeat 50%;}
.tab_a_box li.tab_a_link07 a:hover{background: url("../images/contents/tab_a_Link07_on.png") no-repeat 50%;}
.tab_a_box li.tab_a_link08 a:hover{background: url("../images/contents/tab_a_Link08_on.png") no-repeat 50%;}
.news_box{display: table;width: 100%;padding: 50px 80px 0;}
.news_box1{display: table;width: 100%;padding: 0px 10px 0; font-size: 15px;letter-spacing: -0.8px;line-height:18px;}
.news_inbox{display: table;width: 100%;}
.news_tit01{font-size: 18px;text-align: center;color: #797686;}
.news_tit02{font-size: 24px;text-align: center;color: #34313e;margin-bottom: 30px;letter-spacing: -0.5px;}
.news_media{width: 100%;height: 82px;text-align: center;float: left;}
.news_txt{display: inline-block;width: 100%;}
.news_txt table{width: 100%;}
.news_txt table td{font-weight: normal;}
.news_story_box{padding: 0 30px;display: table;width: 100%;}
.news_story{display: table;width: 100%;}
.news_story_tit{display: table;width: 100%;height: 30px;padding-left: 10px;line-height: 30px;background-color: #59aec9;color: #fff;font-weight: 600;}
.news_story ol{display: table;width: 100%;padding: 20px;background-color: #f7f7fa;}
.news_story li{font-weight: 600;line-height: 24px;}
.medium_con_box.st2{padding: 0;}
.wordtip{background-color: #e0f1f7;padding: 30px;}
.wordtip .news_tit02{margin-bottom: 0;}
.news_txt.st2{padding: 30px;margin-top: 0;}
.news_txt.st2 dl{display: table;width: 100%;}
.news_txt.st2 dl~dl{margin-top: 10px;}
.news_txt.st2 dt{float: left;margin-right: 5px;font-size: 14px;font-weight: 600;}
.news_txt.st2 dd{color: #00a08f;font-weight: 600;}

/* 내강의실_voa뉴스 */
.pop_con_box.st3{padding: 0 0 50px;}

/* 내강의실_기사목록 */
.pop_con_box.st4{border: none;}

/* 02_교재 */
.textbook_list{display: table;width: 100%;}
.textbook_list_tit{display: table;width: 100%;text-align: center;font-size: 20px;font-weight: 600;color: #f14d4c;}
.textbook_list_top{display: table;width: 100%;padding: 20px;margin-top: 30px;background-color: #f9f9fc;}
.textbook_tab{display: table;width: 100%;}
.textbook_tab td{height: 35px;color: #839297;line-height: 30px;}
.textbook_tab td .adobe{display: inline-block;float: right;width: 110px;height: 25px;background: url(../images/contents/btn_adobe_off.png) no-repeat;text-indent: -9999px;}
.textbook_tab td .adobe:hover{background: url(../images/contents/btn_adobe_on.png) no-repeat;}
.textbook_list_con{display: table;width: 100%;margin-top: 30px;border-bottom: 1px solid #c7c7cc;}
.textbook_list_con li{display: table;width: 100%;height: 50px;line-height: 50px;}
.textbook_list_con li a{display: table;width: 100%;padding: 0 20px;font-size: 16px;color: #f14d4c;background: url(../images/icon/faq_close.png) no-repeat 626px 20px;}
.textbook_list_con li.on a{color: #fff;background: #f14d4c url(../images/icon/faq_open.png) no-repeat 626px 20px;}
.textbook_list_con li~li{border-top: 1px solid #c7c7cc;}
.textbook_list_box{display: block;width: 100%;background-color: #f9f9fc;}
.textbook_list_box .textbook_list_d~textbook_list_d{border-top: 1px dashed #c7cad2;}
.textbook_list_d{display: table;width: 100%;height: 43px;padding: 0 20px;line-height: 43px;}
.textbook_list_d.on{background-color: #fff;border: 2px solid #25a798;}
.textbook_con_tit{float: left;}
.textbook_tit_s{color: #f14d4c;margin-right: 5px;}
.textbook_btn_box{float: right;padding: 8px 0;}
.textbook_btn_box button{float: left;height: 27px;text-indent: -9999px;}
.textbook_btn_box button~button{margin-left: 5px;}
.textbook_btn01{width: 67px;background: url(../images/icon/textbook_btn01.png) no-repeat;}
.textbook_btn02{width: 67px;background: url(../images/icon/textbook_btn02.png) no-repeat;}
.textbook_btn03{width: 62px;background: url(../images/icon/textbook_btn03.png) no-repeat;}
.textbook_btn04{width: 62px;background: url(../images/icon/textbook_btn04.png) no-repeat;}
.textbook_btn05{width: 67px;background: url(../images/icon/textbook_btn05.png) no-repeat;}
.all_list{background-color: #fff;}
.all_list_p{padding: 0 20px;}
.all_list_d{background-color: #f9f9fc;}
.all_list_d p{color: #4d4c58;padding: 0 20px;border-top: 1px dashed #c7cad2;}
.all_list_d p span{color: #f14d4c;}
.textbook_box{display: table;width: 100%;text-align: center;}
.textbook_box .stereo_cen{height: 63px;border: none;}
.textbook_top{display: table;width: 100%;}
.textbook_top .textbook_list_box{border-bottom: 1px solid #c7c7cc;}
.textbook_top li a{display: inline-block;width: 100%;padding: 0 20px;font-size: 16px;color: #fff;background: #444457 url(../images/icon/faq_close.png) no-repeat 626px 20px;}
.textbook_top li.on a{background: #444457 url(../images/icon/faq_open.png) no-repeat 626px 20px;}
.textbook_top .all_list{color: #fff;background-color: #f14d4c;border-bottom: 1px solid #c7c7cc;}
.textbook_list_box .textbook_list_d~.textbook_list_d{border-top: 1px dashed #c7cad2;}
.textbook_top li .textbook_list_box a{color: #fff;background: #f14d4c url(../images/icon/faq_open.png) no-repeat 626px 20px;}
.textbook_list_box .textbook_list_d.on{border: 2px solid #25a798;}





/* pop_무이자 할부 혜택 */
.pop_card{display: table;width: 520px;}
.pop_card_box{display: table;width: 520px;height: 48px;background-color: #577d96;position: relative;text-align: center;}
.pop_card__tit{font-size: 17px;color: #fff;font-weight: 600;line-height: 48px;}
.card_close{position: absolute;top: 12px;right: 19px;width: 26px;height: 26px;text-indent: -9999px;background: url(../images/icon/btn_card_close.png) no-repeat;}
.card_con_box{display: table;width: 520px;padding: 30px;border-left: 1px solid #cfd0d8;border-right: 1px solid #cfd0d8;border-bottom: 1px solid #cfd0d8;}
.pop_card_tab{display: table;width: 100%;border: 1px solid #c7cad2;}
.pop_card_tab tr~tr{border-top: 1px dashed #c7cad2;}
.pop_card_tab tr.bor_no{border-top: none;}
.pop_card_tab tr.h25 td{height: 25px;}
.pop_card_tab td{height: 40px;font-size: 14px;}
.pop_card_tab td.pT8{padding-top: 8px;}
.pop_card_tab td.pB8{padding-bottom: 8px;}
.pop_card_tab td img{margin-left: 35px;vertical-align: middle;}
.card_f_gray{color: #7c7a89;}
.card_gray_txt{display: table;width: 100%;padding: 10px 20px;margin-top: 10px;background-color: #f7f7fa;}
.card_gray_txt p{padding-left: 10px;font-size: 12px;background: url(../images/icon/bullet.png) no-repeat 0 7px;line-height: 20px;}

/* 정상설치테스트 */
.pop_wrapper_680{display: table;width: 680px;}
.pop_tit_680{position: relative;text-align: center;height: 63px;width: 680px;background-color: #34313e;}
.pop_con_680{display: table;width: 680px;padding: 30px;border: 1px solid #cfd0d8;}
.pop_680_box{display: table;width: 100%;}
.pop_680_left{float: left;width: 135px;height: 118px;}
.pop_680_right{float: right;width: 456px;}
.pop_680_right p{letter-spacing: -0.3px;text-indent: -7px;padding-left: 7px;line-height: 22px;}
.pop_680_right p~p{margin-top: 5px;}
.pop_680_btn{display: table;width: 100%;padding: 40px 23px;background-color: #f9f9fc;border: 1px solid #bdbcc4;border-radius: 5px;}
.pop_680_btn li{float: left;width: 120px;height: 120px;}
.pop_680_btn li~li{margin-left: 30px;}
.pop_680_btn li a{display: inline-block;width: 120px;height: 120px;text-indent: -9999px;}
.pop_680_btn li a.experience_01{background: url("../images/contents/experience_01_off.png") no-repeat;}
.pop_680_btn li a.experience_02{background: url("../images/contents/experience_02_off.png") no-repeat;}
.pop_680_btn li a.experience_03{background: url("../images/contents/experience_03_off.png") no-repeat;}
.pop_680_btn li a.experience_04{background: url("../images/contents/experience_04_off.png") no-repeat;}
.pop_680_btn li a.experience_01:hover{background: url("../images/contents/experience_01_on.png") no-repeat;}
.pop_680_btn li a.experience_02:hover{background: url("../images/contents/experience_02_on.png") no-repeat;}
.pop_680_btn li a.experience_03:hover{background: url("../images/contents/experience_03_on.png") no-repeat;}
.pop_680_btn li a.experience_04:hover{background: url("../images/contents/experience_04_on.png") no-repeat;}