@charset "utf-8";

.fontred{color:#cd1519}
#contents{padding-bottom:60px;min-height:-webkit-calc(100vh - 443px);min-height:-moz-calc(100vh - 443px);min-height:calc(100vh - 443px);}
#contents .cont_header{padding:60px 0 60px;}
#contents .cont_header h1{padding:0;text-align:center;font-size:30px;font-weight:500;line-height:25px;color:#080808;letter-spacing:-2px;}
#contents .cont_header h2{padding:5px 0 0px 0;text-align:center;font-size:36px;font-weight:700;color:#080808;letter-spacing:-2px;}
#contents .cont_header h3{padding:0px;margin:0;text-align:center;font-size:26px; line-height:30px;font-weight:700;color:#080808;letter-spacing:-2px;}
#contents .cont_header h4{padding:0px;margin:0;text-align:center;font-size:22px; line-height:28px;font-weight:500;color:#080808;letter-spacing:-2px;}
#contents .cont_header h4.login_guide{font-size:20px;line-height:1.5;letter-spacing:-0.5px;}
#contents .cont_header h4.login_guide strong{}
#contents .cont_header .summary{margin-top:5px;text-align:center;font-size:22px;font-weight:500;color:#525252;letter-spacing:-1.5px;}
#contents .cont_header .summary2{margin-top:2px;text-align:center;font-size:20px; font-weight:500;}
#contents .cont_header .summary3{margin-top:35px;text-align:center;font-size:16px;font-weight:400;color:#525252;letter-spacing:-1px;}
#contents .cont_header .tab_type_a{margin-top:62px;}

#contents .cont_header .faqbox{position:relative;display:block;height:75px; width:800px;vertical-align:middle;border:1px solid #d2d2d2;background-color:#f7f7f7;border-radius:10px; margin:20px auto 60px auto}

#contents .cont_header .faqbox ul{color:#171717; width:580px;margin:0 auto}
#contents .cont_header .faqbox ul li{float:left;font-weight:400;position:relative;}

#contents .cont_header .faqbox ul li .tit{font-size:18px;font-weight:500;color:#000;line-height:25px;padding-right:30px; margin-top:23px;}
#contents .cont_header .faqbox ul li .tit:before{content:'';width:30px;height:35px;margin-left:8px;display:inline-block;vertical-align:middle;background:url("/assets/hpg/asp/ebspeak/cmn/pc/images/layout/communityicon.png") 0 -1px no-repeat;position:relative;}
#contents .cont_header .faqbox ul li em{font-size:24px;font-weight:700;color:#000;line-height:20px;padding-right:5px;}
#contents .cont_header .faqbox ul li p{margin-top:25px;}

#contents .cont_header.curriculum{padding:60px 0 25px;}

#contents .cont_header .wrapper_small.pay{border-bottom:2px solid #424242;padding-bottom:10px;margin-bottom:20px}
#contents .cont_header .wrapper_small.pay ul.location{position:absolute;right:0px;bottom:20px }
#contents .cont_header .wrapper_small.pay ul.location li{float:left;font-size:18px;font-weight:500;color:#7d7d7d;}
#contents .cont_header .wrapper_small.pay ul.location li::before{content:'';width:18px;height:18px;margin-left:10px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_page_next.png') no-repeat;position:relative;top:-1px;}
#contents .cont_header .wrapper_small.pay ul.location li:first-child::before{display:none;}
#contents .cont_header .wrapper_small.pay ul.location li.active{color:#cd1519}
#contents .cont_header h2.pay{ text-align:left !important;}



#contents .cont_header .sort{position:relative;display:inline-block;width:100%}

#contents .cont_header .sort .sort-left select{margin-right:10px}
#contents .cont_header .sort .sort-left a{position:absolute;top:0px }
#contents .cont_header .sort .sort-right{position:absolute;right:0px;top:0}



/* forms */
.radio{display:inline-block;position:relative;}
.radio input[type="radio"]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0;}
.radio em{display:block;font-size:15px;color:#000;}
.radio em:before{content:'';width:20px;height:20px;margin-right:5px;display:inline-block;vertical-align:-2px;border:1px solid #a6a6a6;border-radius:50%;box-sizing:border-box;position:relative;top:-1px;}
.radio input[type="radio"]:checked + em:before{border:4px solid #2a58a8;}
.radio.ver2 em:before{width:34px;height:34px;margin:0;vertical-align:middle;border:none;background-color:#fff;top:0;}
.radio.ver2 input[type="radio"]:checked + em:before{border:none;background:#2a58a8 url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_check02.png') 50% 50% no-repeat;}
.radio_multi{font-size:0;}
.radio_multi label{display:inline-block;position:relative;}
.radio_multi label + label{margin-left:20px;}
.radio_multi input[type="radio"]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0;}
.radio_multi label em{display:block;font-size:15px;color:#000;}
.radio_multi label em:before{content:'';width:20px;height:20px;margin-right:5px;display:inline-block;vertical-align:middle;border:1px solid #a6a6a6;border-radius:50%;box-sizing:border-box;position:relative;top:-1px;}
.radio_multi input[type="radio"]:checked + em:before{border:4px solid #2a58a8;}

.checkbox,
.checkbox em{display:inline-block;vertical-align:middle;position:relative;}
.checkbox input[type="checkbox"]{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;cursor:pointer;z-index:1;}
.checkbox em{font-size:16px;color:#010101;position:relative;}
.checkbox em:before{content:'';width:24px;height:24px;margin-right:4px;display:inline-block;vertical-align:middle;border:1px solid #bec6cd;border-radius:4px;position:relative;top:-1px;background:#ffffff}
.checkbox input[type="checkbox"]:checked + em:before{background:#ffffff url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_check.png') 50% 50% no-repeat;}

.checkbox.ver2 em:before{width:26px;height:26px;margin-right:8px;border:none;border-radius:50%;background-color:#ddd;}
.checkbox.ver2 input[type="checkbox"]:checked + em:before{background:#ff7800 url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_check02.png') 50% 50% no-repeat;}






.check_multi{font-size:0;}
.check_multi label{display:inline-block;position:relative;}
.check_multi label + label{margin-left:20px;}
.check_multi input[type="checkbox"]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0;cursor:pointer;}
.check_multi label em{display:block;font-size:15px;color:#000;}
.check_multi label em:before{content:'';width:27px;height:27px;margin-right:8px;display:inline-block;vertical-align:middle;border:1px solid #bec6cd;border-radius:4px;position:relative;top:-1px;}
.check_multi input[type="checkbox"]:checked + em:before{background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_check.png') 50% 50% no-repeat;}
.check_multi.ver2 label em:before{content:'';width:26px;height:26px;margin-right:8px;border:none;border-radius:50%;background-color:#ddd;}
.check_multi.ver2 input[type="checkbox"]:checked + em:before{background:#ff7800 url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_check02.png') 50% 50% no-repeat;}
.check_multi.ver3 label em:before{content:'';width:20px;height:20px;border:1px solid #a7a7a7;}
.check_multi.ver3 input[type="checkbox"]:checked + em:before{border-color:#2a58a8;background:#2a58a8 url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_check02.png') 50% 50% no-repeat;}





.search_box{margin-bottom:0px;text-align:center;}
.search_box > span{margin-right:8px;display:inline-block;vertical-align:middle;font-size:17px;font-weight:500;color:#000;}
.search_input{width:300px;height:45px;padding:0 50px 0 0;display:inline-block;vertical-align:middle;border:1px solid #d2d2d2;background-color:#fff;border-radius:5px;position:relative;}
.search_input input[type="text"]{width:100%;height:100%;font-size:14px;color:#545454;border:none;background:none;outline:none;}
.search_input .btn_search{width:50px;position:absolute;right:0;top:0;bottom:0;}
.search_input .btn_search span{width:100%;height:100%;display:block;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_search.png') 50% 50% no-repeat;}


.search_input2{width:410px;height:45px;padding:0 50px 0 0;display:inline-block;vertical-align:middle;border:0px solid #d2d2d2;background-color:#fff;border-radius:5px;position:relative;text-align:left;}
.search_input2 input[type="text"]{width:300px;height:100%;font-size:15px;color:#545454;}
.search_input2 .btn_search{width:100px;position:absolute;right:0;top:0;bottom:0;background-color:#4f4f4f;border-radius:5px;}
.search_input2 .btn_search span{width:100%;height:100%;display:block;color:#ffffff;font-size:15px;line-height:17px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_search_white.png') 20px 50% no-repeat;padding:15px 15px 0 30px}




.search_form{padding:10px 0;}
.search_form th,
.search_form td{text-align:left;}
.search_form th{padding:0 0 0 15px;font-size:16px;color:#fff;}
.search_form td{padding:7px 0;position:relative;}
.search_form td input[type="text"],
.search_form td select{width:100%;}
.search_form .search_input{width:100%;}
.search_form .label_question{margin-left:5px;position:absolute;left:100%;top:8px;}
.search_form .btn_select_layer{width:100%;display:block;height:50px;text-align:center;font-size:16px;line-height:50px;color:#fff;background-color:#2a58a8;border-radius:5px;}


.pagination{padding:60px 0;text-align:center;font-size:0;}
.pagination a{width:25px;height:40px;margin:0 10px;display:inline-block;vertical-align:middle;text-align:center;font-size:16px;font-weight:400;line-height:40px;color:#c6c6c6;}
.pagination > a.on{color:#000;border-bottom:2px solid #000;}
.pagination .prev,
.pagination .next{font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 52%;}
.pagination .prev{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_page_prev.png');}
.pagination .next{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_page_next.png');}




/*tab*/
.allWrap{ margin:0 auto;}
.tabBox{margin:50px 0;text-align:center;}
.tabBox p{margin:0 4px}
.tab-link{display:inline-block;padding:12px 30px;min-width:110px; font-weight:500; text-align:center;background-color:#ffffff;border:1px solid #ebebeb;border-radius:10px;color:#646464;font-size:16px;cursor:pointer;}
.tab-link.current{ color:#ffffff; background-color:#cd1519;font-weight:500;border:1px solid #cd1519;}
.tab-content{display:none;}
.tab-content.current{display:block;width:100%;text-align:center;}


.tab_type_b{text-align:center;font-size:0;position:relative;border-bottom:2px solid #000;}
.tab_type_b ul{width:100%;display:table;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.tab_type_b li{float:left;}
.tab_type_b li a{min-width:130px;height:55px;padding:0 40px;display:block;text-align:center;font-size:16px;font-weight:500;line-height:55px;color:#666;border:0px solid #2a58a8;border-radius:10px 10px 0px 0px;border-right:none;background-color:#ebebeb;}
.tab_type_b li + li a{border-left:2px solid #fff;}
.tab_type_b li.on a,
.tab_type_b li a.on{color:#fff;background-color:#000000;border-bottom-color:#000;}


.tab_type_b.faq li a{padding:0 44px;}

.tab_type_b.tab_regi{text-align:center;font-size:0;position:relative;border-bottom:0px solid #000;}
.tab_type_b.tab_regi ul{width:100%;display:table;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.tab_type_b.tab_regi li{float:left;padding-right:10px;vertical-align:middle;}
.tab_type_b.tab_regi li a{padding:0 30px;height:48px;font-size:16px; font-weight:500; border-radius:10px;color:#464646; background:#ffffff;line-height:50px; border:1px solid #d3d3d3;}
.tab_type_b.tab_regi li a:hover{padding:0 30px;height:50px;line-height:48px;font-size:16px; font-weight:500; border-radius:10px;  color:#ffffff; background:#cd1519;border:1px solid #cd1519;}
.tab_type_b.tab_regi li.on a,
.tab_type_b.tab_regi li a.on{padding:0 30px;height:50px;line-height:48px;font-size:16px; font-weight:500; border-radius:10px;  color:#ffffff; background:#cd1519;border:1px solid #cd1519;}




.tab_type_c{width:100%;display:table;table-layout:fixed;border-bottom:2px solid #000000;}
.tab_type_c a{height:50px;display:table-cell;vertical-align:middle;text-align:center;font-size:16px;font-weight:500;line-height:50px;color:#666;border:0px solid #2a58a8;border-radius:10px 10px 0px 0px;border-right:none;background-color:#ebebeb;}
.tab_type_c a.on{background-color:#000000;color:#fff;}
.tab_type_c a + a{border-left:1px solid #fff;}

.tab_type_d{width:100%;display:table;table-layout:fixed;}
.tab_type_d a{height:55px;display:table-cell;vertical-align:middle;text-align:center;font-size:18px;font-weight:500;color:#696969;background-color:#fff;border:1px solid #dddddd;}
.tab_type_d a.on{font-weight:500;color:#000;background-color:#ffffff;border:2px solid #e68a8c;}
.tab_type_d a + a{border-left:1px solid #fff;}

.tab_type_e{margin-bottom:17px;font-size:0;}
.tab_type_e a{width:116px;height:39px;display:inline-block;vertical-align:top;text-align:center;font-size:14px;line-height:39px;color:#fff;background-color:#c8c8c8;border-radius:39px;}
.tab_type_e a + a{margin-left:4px;}
.tab_type_e a.on{background-color:#4454b6;}



/*
.curriculum-flters{position:relative;display:block;width:600px;margin:0 auto 50px auto;text-align:center;}
.curriculum-flters  a{margin:5px;padding:0}
.curriculum-flters .nav{ display:inline-block; padding:10px 25px; font-size:14px;  border-radius:10px;color:#464646; background:#ffffff; border:1px solid #ebebeb;transition:.3s;}
.curriculum-flters .nav.active,
.curriculum-flters .nav:hover{padding:10px 25px; font-size:14px; border-radius:10px;  color:#ffffff; background:#cd1519;border:1px solid #cd1519;}

*/

/* table */



.gray_list table{border-top:1px solid #a3a3a3;border-right:1px solid #ddd;}
.gray_list th,
.gray_list td{text-align:left;}
.gray_list th{padding:12px 15px;font-size:16px;font-weight:500;color:#000;background-color:#f2f2f2;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.gray_list td{padding:12px 15px;font-size:16px;font-weight:300;color:#545454;border-bottom:1px solid #ddd;}
.gray_list td.pay{ text-align:center;}
.gray_list td.pay span{font-size:30px;font-weight:500;color:#000;}

/*
.icon_npay{width:20px;height:20px;margin-right:2px;display:inline-block;vertical-align:middle;line-height:40px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_npay.png') no-repeat;position:relative;top:-2px;}
.icon_kakaopay{width:46px;height:19px;margin-right:2px;display:inline-block;vertical-align:middle;line-height:40px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_kakaopay.png') no-repeat;position:relative;top:-2px;}
*/


.gray_list2 table{border-top:1px solid #a3a3a3;border-right:1px solid #ddd;}
.gray_list2 th,
.gray_list2 td{text-align:center;}
.gray_list2 td.sbj{text-align:left;}
.gray_list2 td.sbj ul.program li{float:left;}
.gray_list2 td.sbj ul.program li img{width:60px;margin-right:25px}
.gray_list2 td.sbj ul.program li p{font-size:15px;font-weight:300;line-height:25px;padding-top:20px }
.gray_list2 th{padding:12px 15px;font-size:16px;font-weight:500;color:#000;background-color:#f2f2f2;border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.gray_list2 td{padding:12px 15px;font-size:16px;font-weight:300;color:#545454;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}



.sheet_list{}
.sheet_list table{border-top:2px solid #333;}
.sheet_list th,
.sheet_list td{text-align:center;}
.sheet_list th{padding:14px 0;font-size:16px;font-weight:500;color:#000;background-color:#fff;border-bottom:1px solid #c3c3c3;}
.sheet_list td{padding:20px 15px;font-size:15px;font-weight:300;color:#333333;border-bottom:1px solid #ddd;}
.sheet_list td p{font-size:15px;}
.sheet_list td.sbj{padding:20px;text-align:left;}
.sheet_list td.sbj ul.program li{float:left;}
.sheet_list td.sbj ul.program li img{width:60px;margin-right:25px}
.sheet_list td.sbj ul.program li h3{font-size:18px;color:#cd1519;font-weight:500;}
.sheet_list td.sbj ul.program li p{font-size:15px;font-weight:300;line-height:25px;padding-bottom:5px }
.sheet_list td.sbj img{width:40px;}
.sheet_list td .notice{padding:0 10px 0 28px;display:inline-block;font-size:14px;color:#f67a00;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_notice.png') 0 0 no-repeat;}
.sheet_list td .date{font-size:14px;}
.sheet_list td .btn_type_a{min-width:105px;margin:0 2px;}
.sheet_list td .c_orange{color:#ffa800;}
.sheet_list td .c_red{color:#ea434b;}
.sheet_list td .btn_type_i{min-width:auto;padding:0 13px;border-radius:5px;}
.sheet_list td strong{font-weight:500;}
.sheet_list td.answer-box{background-color:#f6f6f6;text-align:left;}
.sheet_list.faq{border-top:0px solid #333;}
.sheet_list td.frd{color:#cd1519;font-weight:500;font-size:20px;}

.sheet_list tr.off td{color:#aeaeae}
.sheet_list tr.off td .textline{text-decoration:line-through;}

.sheet_list.small th{font-size:14px;}
.sheet_list.small td{font-size:14px;}

.sheet_list td .ico_list_gray{width:100%;margin:2px 0}

.sheet_list_default{}
.sheet_list_default table{}
.sheet_list_default th{height:40px;padding:14px 0;font-size:15px;font-weight:500;color:#000;background-color:#f2f2f2;border:1px solid #d3d3d3;text-align:center;}
.sheet_list_default td{text-align:center;font-size:16px;color:#000;border:1px solid #d3d3d3;font-weight:300;}
.sheet_list_default td.sbj{background-color:#576684;color:#fff;height:200px}






.sheet_modify{position:relative;display:inline-block;width:100%}
.sheet_modify table{border-top:1px solid #2c2c2c;}
.sheet_modify th,
.sheet_modify td{padding:15px 10px;border-bottom:1px solid #e8e8e8;}
.sheet_modify th{padding:30px 10px 0 40px;text-align:left;vertical-align:top;font-size:16px;color:#000;font-weight:500;background-color:#f9f9f9;}
.sheet_modify td{height:85px;padding:18px 10px 18px 22px;text-align:left;font-size:15px;font-weight:300;color:#000;}
.sheet_modify td select,
.sheet_modify td input[type="text"]{padding:0 13px;font-size:14px;font-weight:300;color:#7a7a7a;}
.sheet_modify input[type="file"]{font-size:15px;background:none;border:none;color:#000;}
.sheet_modify textarea{width:100%;border:1px solid #d6dae1;}
.sheet_modify .tel_form select,
.sheet_modify .tel_form input[type="text"]{width:90px;margin-right:6px;}
.sheet_modify .address_form{padding:10px 0 0;}
.sheet_modify .address_form input[type="text"]{width:100%;}
.sheet_modify .address_form div + div{margin-top:6px;}
.sheet_modify .address_form .post_num{font-size:0;}
.sheet_modify .address_form .post_num input[type="text"]{width:150px;margin-right:2%;}
.sheet_modify .address_form .post_num a{width:130px;}
.sheet_modify .comment{margin:5px 0 0 4px;font-size:14px;font-weight:300;color:#dc2316;}
.sheet_modify .time_select select{width:90px;}
.sheet_modify .time_select input[type="text"]{width:110px;margin-right:10px;}
.sheet_modify .time_select em{margin:0 15px 0 3px;color:#7a7a7a;}
.sheet_modify .noti_box{margin-top:36px;}
.sheet_modify .required_noti{margin-bottom:5px;font-size:15px;font-weight:300;color:#db494a;}
.sheet_modify .img-icon{margin:25px 0}
.sheet_modify .img-icon span{border:1px solid #d6dae1;border-radius:5px;padding:19px}



.sheet_write{position:relative;display:inline-block;width:100%}
.sheet_write table{border-top:1px solid #2c2c2c;}
.sheet_write th,
.sheet_write td{padding:13px 10px;border-bottom:1px solid #e8e8e8;}
.sheet_write th{padding:20px 10px 0 40px;text-align:left;vertical-align:top;font-size:16px;color:#000;font-weight:400;background-color:#f9f9f9;}
.sheet_write td{padding:13px 10px 13px 22px;text-align:left;font-size:15px;font-weight:400;color:#000;}
.sheet_write td.ft12{font-size:12px;font-weight:300;}
.sheet_write td select,
.sheet_write td input[type="text"]{padding:0 13px;font-size:14px;font-weight:400;color:#7a7a7a;}
.sheet_write input[type="file"]{font-size:15px;background:none;border:none;color:#000;}
.sheet_write textarea{width:100%;border:1px solid #d6dae1;}



.agree_box{padding:22px 0 0;text-align:right;}
.agree_box span{display:inline-block;vertical-align:middle;font-size:15px;color:#4f4f4f;}
.agree_box span em{font-size:15px;color:#4f4f4f;}
.agree_box span + span{margin-left:50px;}
.agree_box .btn_privacy{height:32px;padding:0 15px;margin-left:10px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;line-height:30px;color:#484848;border:1px solid #c8c8c8;background-color:#ededed;border-radius:1px;position:relative;top:-1px;}
.agree_box .btn_privacy:after{content:'';width:5px;height:8px;margin-left:8px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_link02.png') no-repeat;position:relative;top:-1px;}

.sheet_view{}
.sheet_view table{border-top:2px solid #333;}

.sheet_view .subject{font-size:18px;font-weight:500;color:#000;text-align:left;}
.sheet_view .view_cont{min-height:250px;padding:10px 20px;vertical-align:top;color:#393939;}
.sheet_view .attach_photo{font-size:0;}
.sheet_view .attach_photo a{width:54px;height:54px;display:inline-block;vertical-align:middle;border:1px solid #adadad;overflow:hidden;}
.sheet_view .attach_photo a + a{margin-left:8px;}
.sheet_view .attach_photo a img{width:100%;height:100%;}
.sheet_view .attach_file{font-size:0;}
.sheet_view .attach_file a{width:30px;height:30px;display:inline-block;vertical-align:middle;border:1px solid #adadad;overflow:hidden;}
.sheet_view .attach_file a + a{margin-left:8px;}
.sheet_view .attach_file a img{width:100%;height:100%;}
.sheet_view th,
.sheet_view td{padding:15px 13px;text-align:left;line-height:1.8;color:#000;border-bottom:1px solid #ddd;}
.sheet_view th{font-size:15px;font-weight:400;text-align:right;}
.sheet_view td{font-size:15px;font-weight:300;}
.sheet_view .nav{ position:relative;display:block;}
.sheet_view .nav > div{position:relative;}
.sheet_view .nav a{padding:18px 0 18px 59px;display:block;font-size:16px;color:#545454;border-bottom:1px solid #ddd;}
.sheet_view .nav a p{display:inline-block;vertical-align:middle;font-size:16px;font-weight:400;}
.sheet_view .nav a:after{content:'';width:59px;height:100%;background-repeat:no-repeat;background-position:50% 50%;position:absolute;left:0;top:0;}
.sheet_view .nav a p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sheet_view .nav .writer{margin-top:-14px;font-size:16px;font-weight:400;position:absolute;right:15px;top:50%;}
.sheet_view .nav .prev a:after{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_view_nav_prev.png');}
.sheet_view .nav .next a:after{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_view_nav_next.png');}
.sheet_view .noti_box{margin-top:36px;}




.view_wrap{position:relative;display:inline-block;padding:0 0 0px;}
.view_wrap.ver3{min-height:820px}
.view_wrap .tab_contents{margin-top:40px;}
.view_wrap h4{margin-bottom:10px;font-size:20px;font-weight:700;color:#000;}
.view_wrap h4 img{width:45px;vertical-align:middle;}
.view_wrap .tab_section.border-bottom{border-bottom:1px solid #b5b5b5;padding-bottom:40px}
.view_wrap .tab_section + .tab_section{margin-top:40px;}
.view_wrap .tab_contents{display:none;}



.view_wrap .tab_contents .teacher-box{font-weight:300;height:200px;overflow:auto;}
.view_wrap .tab_contents .teacher-box::-webkit-scrollbar{ width:8px; }
.view_wrap .tab_contents .teacher-box::-webkit-scrollbar-thumb{ background-color:#9f9f9f; border-radius:10px; }
.view_wrap .tab_contents .teacher-box::-webkit-scrollbar-track{ background-color:#f1f1f1; border-radius:10px;box-shadow:inset 0px 0px 5px white; }

.view_wrap .tab_contents .class-box{font-weight:300;height:700px;overflow:auto;}
.view_wrap .tab_contents .class-box::-webkit-scrollbar{ width:8px; }
.view_wrap .tab_contents .class-box::-webkit-scrollbar-thumb{ background-color:#9f9f9f; border-radius:10px; }
.view_wrap .tab_contents .class-box::-webkit-scrollbar-track{ background-color:#f1f1f1; border-radius:10px;box-shadow:inset 0px 0px 5px white; }




.score{color:#000000;font-weight:400;margin-bottom:20px}
.score .name{color:#414141;font-weight:400;margin:0 20px 0 40px}
.score .name.ver2{font-size:18px;color:#8e8e8e;font-weight:400;margin:0 20px 0 0px}
.score.mb-0{margin-bottom:0px}





.stars{padding:0; line-height:25px;}
.stars > div{width:79px;height:14px;background:url("/assets/hpg/asp/ebspeak/cmn/pc/images/icon/ico_star_rv_off.png") 0 0 no-repeat;display:inline-block;margin-right:10px;}
.stars > div > span{display:block;width:100%;height:100%;text-indent:-9999px;font-size:0;background:url("/assets/hpg/asp/ebspeak/cmn/pc/images/icon/ico_star_rv_on.png") no-repeat;background-size:cover;padding:0 !important;}
.stars .num{color:#414141;font-weight:400;}





.gray_list table td .survey_inquiry{padding:10px 5px;font-size:0;}
.gray_list table td .survey_inquiry button{width:8px;height:16px;color:transparent;font-size:0;text-indent:-9999px;background:transparent url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/bg_star.png');outline:none;}
.gray_list table td .survey_inquiry button:nth-child(even){margin-right:4px;background-position:8px 0;}
.gray_list table td .survey_inquiry button.active{background-position:0 -16px;}
.gray_list table td .survey_inquiry button:nth-child(even).active{background-position:8px -16px;}
.gray_list table td .survey_inquiry .num{font-size:14px;color:#414141;	font-weight:400;padding-left:5px;vertical-align:middle;}




/*faq accordian*/

.accordian-container{width:100%;}
.accordian{background-color:#ffffff;   color:#3b3b3b;   cursor:pointer;   font-size:16px;   vertical-align:middle;margin:0;   padding:24px 10px;   font-weight:400;	border-bottom:1px solid #e5e5e5;}
.accordian.defaultlist{border-bottom:1px dashed #e5e5e5;}
.accordian span.Q{font-size:22px; font-weight:500;padding-right:10px}
.accordian-arrow{transition:all 0.5s ease; float:right; color:#222222;margin:0;}
.accordian:hover .accordian-arrow{color:#222222;}
.content{background:#f7f7f7;padding:40px;font-size:14px; font-weight:300;border-top:none;border-bottom:1px solid #e5e5e5;}
.more{transform:rotateX(0deg);}
.less{transform:rotateX(180deg);}




/*1:1문의*/

.qustionlist{position:relative; display:inline-block;padding:0 ;margin:0;}
.qustionlist li{float:left; padding:0 ;margin:0; line-height:40px; text-align:center;}
.qustionlist li:nth-child(1){width:110px;}
.qustionlist li:nth-child(2){width:680px;text-align:left;}
.qustionlist li:nth-child(3){width:170px;}
.qustionlist li:nth-child(4){width:170px;}


.question-select{ margin:0px;}
.question-select  .centant{margin:5px 0px 0px 45px;color:#222222}
.question-select .q-icon-category{margin:0; font-size:14px;font-weight:500;color:#777777}
.question-select .q-icon-category span{width:30px;height:30px;background-color:#e29b04;line-height:30px;padding:5px 12px;border-radius:50%;font-size:16px;font-weight:500;color:#fff;margin-right:10px}
.question-select .file{margin-top:50px;font-weight:300;color:#3b3b3b}

.answer-select{padding-top:40px;margin:40px 0px 20px 00px;background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/board-line.png');background-repeat :repeat-x}
.answer-select .centant{margin:5px 0px 0px 45px;color:#222222}
.answer-select .a-icon-category{position:absolute; margin:0;text-align:left;}
.answer-select .a-icon-category span{width:30px;height:30px;background-color:#6792e5;line-height:30px;padding:5px 12px;border-radius:50%;font-size:16px;font-weight:500;color:#fff;margin-right:5px}
.answer-select .centant .file{margin-top:50px;font-weight:300;color:#3b3b3b}
.answer-select .centant .right-day{margin-top:10px;font-weight:300;font-size:14px;color:#898989}


/*
 * event 영역은 기존 ebslang을 가져옴
 */



.eventwrap{width:100%;position:relative;display:inline-block;border-top:2px solid #b6b6b6; border-bottom:1px solid #b6b6b6;padding:50px 0 0px 0}
.eventwrap .eventbox{width:342px;margin-right:60px;margin-bottom:60px;float:left;cursor:pointer;}
.eventwrap .eventbox:nth-child(3n){margin-right:0;}
.eventwrap .eventbox .imgarea{width:100%;height:180px;background:#ffffff;border:1px solid #ffffff;border-radius:10px;overflow:hidden;}
.eventwrap .eventbox .imgarea img{width:100%;height:100%;}
.eventwrap .eventbox .textarea{padding:15px 10px;}
.eventwrap .eventbox .textarea p.eventtxt{font-size:14px;color:#ba9f7e;font-weight:500;}
.eventwrap .eventbox .textarea h3{font-size:18px;color:#222222;font-weight:700;margin-bottom:15px;}
.eventwrap .eventbox .textarea p.tip{font-size:14px;color:#363636;font-weight:300;}
.eventwrap .eventbox .textarea p.tip span{color:#fff;text-align:center;font-size:13px;font-weight:400;border-radius:6px;margin-right:5px}
.eventwrap .eventbox .textarea p span.tip-ing{padding:3px 8px; background:#dc5b5e;}
.eventwrap .eventbox .textarea p span.tip-end{padding:3px 14px; background:#7D7D7D;}



/*
 * 커리큘럼 상단 이미지
 */
.cont_img{position:relative;display:inline-block;background:#000000;width:100%;height:440px;  margin-top:25px}
.cont_img .curriculum_items{padding-top:50px;height:440px;}
.cont_img .curriculum_items .item_items{position:relative;display:inline-block;width:100%;padding-top:50px}
.cont_img .curriculum_items .item_items .item_img{width:240px; margin-left:100px}
.cont_img .curriculum_items .item_items .item_img img{width:100%}
.cont_img .curriculum_items .item_items .item_txt{position:absolute;left:500px;top:60px }
.cont_img .curriculum_items .item_items .item_txt h1{font-size:50px;font-weight:700;color:#ffffff;letter-spacing:-1px;}
.cont_img .curriculum_items .item_items .item_txt h2{font-size:30px;font-weight:700;color:#cd1519;}
.cont_img .curriculum_items .item_items .item_txt p{font-size:18px;font-weight:500;color:#676767;margin-top:20px}


.curriculum-flters{position:relative;display:block;width:700px;margin:0 auto 50px auto;text-align:center;}
.curriculum-flters  a{margin:5px;padding:0}
.curriculum-flters .nav{ display:inline-block; padding:12px 30px; font-size:16px;font-weight:500; border-radius:10px;color:#464646; background:#ffffff; border:1px solid #ebebeb;transition:.3s;}
.curriculum-flters .nav.active,
.curriculum-flters .nav:hover{padding:12px 30px; font-size:16px; border-radius:10px;  color:#ffffff; background:#cd1519;border:1px solid #cd1519;}

.curriculum-flters.left{position:relative;display:block;width:600px;margin:0 0 50px 0;text-align:center;}


.curriculum-container .curriculum-item{width:300px;margin-right:33px;margin-bottom:35px;float:left;cursor:pointer;}
.curriculum-container .curriculum-item:nth-child(4n){margin-right:0;}
.curriculum-inner{position:relative;   background:#ffffff;border:1px solid #e3e3e3;border-radius:10px;	overflow:hidden;   box-shadow:0 0 45px rgba(0, 0, 0, .04);}
.curriculum-inner:hover{border:1px solid #cd1519;}
.curriculum-inner img{ height:300px;transition:.5s;}
.curriculum-inner:hover img{ transform:scale(1.1);}

.curriculum-inner .cur-txt{text-align:center;padding:30px}
.curriculum-inner .txt-redti{font-size:14px;color:#cd1519}
.curriculum-inner h2{font-size:24px;color:#000;font-weight:700; letter-spacing:-2px;line-height:30px;height:60px;}
.curriculum-inner h5{font-size:20px;color:#3b3b3b;font-weight:500; letter-spacing:-1px;margin-top:5px}
.curriculum-inner .txt-ss{font-size:15px;color:#8a8a8a;font-weight:300;padding-top:10px; height:60px;overflow:hidden;}
.curriculum-inner .cun-btn_wrap{position:relative;display:inline-block;margin-top:25px;margin-bottom:10px }

 

.curri-view-header{position:relative;display:inline-block;margin-bottom:50px;width:100%; text-align:left;}
.curri-view-header .curri-view_items{position:relative;display:inline-block;width:100%;}
.curri-view-header .curri-view_items .item_img{width:260px; margin-left:50px}
.curri-view-header .curri-view_items .item_img img{width:100%}
.curri-view-header .curri-view_items .item_txt2{position:absolute;left:360px;top:0px; text-align:left;}
.curri-view-header .curri-view_items .item_txt2 p.title{font-size:40px;color:#000000;font-weight:700;letter-spacing:-1px; line-height:40px;}
.curri-view-header .curri-view_items .item_txt2 p.txt{font-size:18px;color:#000000;font-weight:400;letter-spacing:-1px;line-height:25px;margin:20px 0 50px 0}
.curri-view-header .curri-view_items .item_txt2 .tags{font-size:16px;color:#cd1519;font-weight:500;line-height:30px;}
.curri-view-header .curri-view_items .item_txt22 a{}

.cont_header + .coupont_contents{margin-top:-60px;}
.currtab-content{margin:0 60px 60px}
.currtab-content h1{font-size:34px;color:#000000;font-weight:700;letter-spacing:-1px; line-height:40px;margin:0px 0 60px 0}
.currtab-content .process-item{position:relative;display:inline-block;width:100%;min-height:240px;}
.currtab-content .process-item .process-img{ position:absolute;width:348}
.currtab-content .process-item .process-txt{margin-left:400px;text-align:left;}
.currtab-content .process-item .process-txt .ico_type{height:42px;padding:0 20px;display:inline-block;text-align:center;font-size:18px;font-weight:400;line-height:40px;color:#fff;background-color:#cd1519;border-radius:10px;}

.currtab-content .process-item .process-txt h3{font-size:30px;color:#000000;font-weight:700;letter-spacing:-1px; line-height:40px;margin-top:5px;margin-bottom:10px}
.currtab-content .process-item .process-txt h3 span{display:block;font-size:25px;color:#cd1519;font-weight:500;letter-spacing:-1px; line-height:30px;margin-top:5px;margin-bottom:5px}


.currtab-content .process-item .process-txt p.list{font-size:18px;color:#545454;font-weight:400;line-height:30px;}
.currtab-content .process-item .process-txt p.list:before{content:'·';width:8px;height:4px;background-color:#fff;padding-right:5px}




/*강사소개*/

.teacher-container .teacher-item{width:300px;margin-right:32px;margin-bottom:35px;float:left;cursor:pointer;}
.teacher-container .teacher-item:nth-child(4n){margin-right:0px;}

.teacher-inner{position:relative;   background:#ffffff;border:1px solid #e3e3e3;border-radius:10px;	overflow:hidden;   box-shadow:0 0 45px rgba(0, 0, 0, .04);}

.teacher-inner:hover{border:1px solid #cd1519;}
.teacher-inner img.w-100{ width:100%;height:250px;transition:.5s;overflow:hidden;object-fit:contain;}
.teacher-inner:hover img{ transform:scale(1.1);}

.teacher-inner .cur-txt{padding:20px 30px;}
.teacher-inner .cur-txt .lh-base{height:120px}
.teacher-inner .txt-redti{font-size:14px;color:#cd1519}
.teacher-inner h2{font-size:24px;color:#db8600;font-weight:700; letter-spacing:-2px;line-height:30px;}
.teacher-inner h5{font-size:15px;color:#3b3b3b;font-weight:400; letter-spacing:-1px;margin-top:15px}
.teacher-inner .txt-ss{font-size:14px;color:#165592;font-weight:300;padding-top:0px;height:55px;}

.teacher-inner .cun-btn_wrap{position:relative;display:inline-block;margin:0px 0  10px 0;}





.detailprocess-container{position:relative;display:inline-block;}
.detailprocess-container .detailprocess-item{width:340px;margin-right:80px;margin-bottom:35px;float:left;cursor:pointer;}
.detailprocess-container .detailprocess-item:nth-child(3n){margin-right:0;}
.detailprocess-inner{position:relative;  background:#ffffff;border:1px solid #e3e3e3;border-radius:10px;	text-align:center;overflow:hidden;   box-shadow:0 0 45px rgba(0, 0, 0, .04);padding-top:50px}
.detailprocess-inner:hover{border:1px solid #cd1519;}
.detailprocess-inner img{ border:1px solid #e3e3e3;margin-bottom:40px }

.detailprocess-inner .cur-txt{text-align:center;padding:30px;border-top:1px solid #e3e3e3;}
.detailprocess-inner .txt-redti{font-size:14px;color:#cd1519}
.detailprocess-inner h2{font-size:26px;color:#000;font-weight:700; letter-spacing:-2px;line-height:30px;}
.detailprocess-inner h5{font-size:20px;color:#3b3b3b;font-weight:400; letter-spacing:-1px;margin-top:15px}
.detailprocess-inner .txt-ss{font-size:15px;color:#8a8a8a;font-weight:400;padding-top:10px;}
.detailprocess-inner .txt-ss.curri{height:90px }
.detailprocess-inner .cun-btn_wrap{position:relative;display:inline-block;margin:25px 0 }
.ico_btn_line_red{min-width:105px;height:40px;padding:0 15px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;font-weight:500;line-height:38px;color:#3b3b3b;border:1px solid #e68a8c;border-radius:5px;} /* 빨간라인 회색글씨 */
.ico_btn_line_red:hover{color:#fff;border-color:#cd1519;background-color:#cd1519;} /* 빨간배경 흰글씨  */



/*후기*/

.review-container{position:relative;display:inline-block;width:100%;padding:0;margin:0;}
.review-container ul.list{position:relative;border-top:1px solid #e3e3e3;}
.review-container ul.list li{display:block;padding:0px 0;border-bottom:1px solid #e3e3e3;}
.review-container ul.list li dl{position:relative;}
.review-container ul.list li .review-item{margin-left:80px;color:#222;font-size:20px;font-weight:500;padding-top:30px}
.review-container ul.list li .txt{margin-top:35px;color:#444444;font-size:16px; font-weight:300; background:#f8f8f8;border-top:1px solid #e1e1e1;padding:30px}
.review-container ul.list li .txt span{font-size:16px; font-weight:300;color:#444444;}
.review-container ul.list li i{position:absolute;top:20px;left:0;display:inline-block;width:65px;height:45px;border-radius:8px;text-align:center;color:#fff;font-size:14px;line-height:45px}
.review-container ul.list li .textall{background-color:#f8f8f8;padding:30px;font-weight:300;margin-top:20px;line-height:24px;}


/*수강료*/

.view_menu{}
.view_menu  a{margin:5px;padding:0}
.view_menu .nav{ display:inline-block; padding:12px 30px; font-size:16px;font-weight:500;border-radius:10px;color:#464646; background:#ffffff; border:1px solid #ebebeb;transition:.3s;}
.view_menu .nav span{color:#cd1519}
.view_menu .nav.active,
.view_menu .nav:hover{padding:12px 30px; font-size:16px;font-weight:500; border-radius:10px;  color:#ffffff; background:#cd1519;border:1px solid #cd1519;}

.view_menu .nav.active span,
.view_menu .nav:hover span{color:#ffffff}




/*교재 단독구매*/
.buy_book-guide{font-size:14px;font-weight:400;}
.order-pay{position:relative;display:inline-block; width:100%;margin:20px 0;text-align:right;color:#000000;font-size:18px;font-weight:700;}
.order-pay em{font-size:25px;padding-left:20px;letter-spacing:-1px;color:#cd1519}
.order-pay span{font-size:14px;font-weight:500;color:#828282;}
.endpay{position:relative;display:inline-block;background:#f2f2f2;padding:20px 35px;border:1px solid #d3d3d3;width:100%;margin-top:20px; font-size:20px; font-weight:700;color:#000;}
.endpay span{position:absolute;right:30px;font-size:24px; font-weight:700;}
.endpay span em{ font-size:24px; color:#cd1519;font-weight:700;}
.gray-box{position:relative;display:inline-block;background:#f2f2f2;padding:30px;border:1px solid #d3d3d3;width:100%;}
.gray-box.padding10{padding:15px;}
.gray-box .guide-txt li{font-size:14px;font-weight:300;color:#333333;line-height:24px;}
.gray-box .guide-txt li.stitle{font-size:16px;font-weight:500;color:#000000;padding:5px 0}


.endpay2{position:relative;display:inline-block;background:#f2f2f2;color:#000000;padding:20px 35px;border:1px solid #d3d3d3;width:100%;}



/*수강후기*/
.review_contents{position:relative;display:inline-block; width:100%;}
.review_contents.ver2{background:#f5ece5;}


.yutube{position:relative;display:inline-block; width:100%;}

.review-top-box{position:relative;display:inline-block;width:550px; text-align:center; margin-left:100px;}

.review-top-box .youtube_bg{width:545px;height:335px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/sub/youtube_main_bg.png') no-repeat; padding:25px 0 0 25px; text-align:left;margin-top:120px}


.review-txt{position:absolute;width:450px;top:80px;right:160px;font-size:18px; font-weight:400;letter-spacing:-2px;text-align:center;}
.review-txt .titlereview{font-size:30px; font-weight:700;letter-spacing:-2px;margin-bottom:30px}

.review-main{position:relative;display:inline-block;width:100%;  padding:0px; border-radius:10px;text-align:center;}
.review-main .youtube_main{width:545px;height:335px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/sub/youtube_main_bg.png') no-repeat; padding:25px 0 0 21px; text-align:left; margin:20px auto;}





.bg-white{background-color:#fff !important}
.img-fluid{max-width:100%;height:auto}
.w-100{width:100% !important}
.text-center{text-align:center !important}
.text-right{text-align:right !important}
.fsmall-14{font-size:14px;font-weight:400;}
.f-12{font-size:12px;line-height:18px;}
.f-14{font-size:14px;line-height:20px;font-weight:300;}
.f-16{font-size:16px;font-weight:500;}
.f-18{font-size:18px;font-weight:500;}
.f-20{font-size:20px;font-weight:500;}
.f-gray{ color:#5f5f5f}
.f-black{color:#000000}
.f-gray2{ color:#787878}
.f-darkgray{ color:#424242}
.f-brown{ color:#be6700}
.fred{color:#dc0000;}
.fblue{color:#002cab;}
.fgray{color:#aeaeae;}
.f-tag{font-size:14px;color:#165592;font-weight:400;}
.text-decoration{text-decoration:line-through;}

.fweight-300{font-weight:300 !important;}
.fweight-400{font-weight:400 !important;}
.fweight-500{font-weight:500 !important;}
.fweight-600{font-weight:600 !important;}

h1.title10B{font-size:30px;font-weight:700;color:#000000;letter-spacing:-1px;margin:80px 0 30px 0}

h2.title20B{font-size:20px;font-weight:500;color:#000000;letter-spacing:-1px;margin:70px 0 15px 0;line-height:20px;}
h2.title20B.one{font-size:20px;font-weight:500;color:#000000;letter-spacing:-1px;margin:0px 0 15px 0}
h2.title20B .fweight-s{font-weight:300;}
h2.title20B.one span.point{font-size:14px;font-weight:500;color:#3c3c3c;}

.title-sub2{font-size:16px;font-weight:400;color:#000000; margin:0px 0 15px 0}


h2.title20c{font-size:20px;font-weight:700;line-height:30px; color:#000000;letter-spacing:-1px;margin:70px 0 5px 0}
h2.title20c.one2{ont-size:20px;font-weight:700;line-height:30px;color:#000000;letter-spacing:-1px;margin:0px 0 0px 0}


h2.title24{font-size:24px;font-weight:700;line-height:33px;color:#000000;letter-spacing:-1px;margin:50px 0 40px 0}

.mt-0{margin-top:0px !important;}
.mt-1{margin-top:10px !important;}
.mt-2{margin-top:20px !important;}
.mt-3{margin-top:30px !important;}
.mt-4{margin-top:40px !important;}
.mt-5{margin-top:50px !important;}
.mt-6{margin-top:60px !important;}
.mt-7{margin-top:70px !important;}
.mt-8{margin-top:80px !important;}
.mt-12{margin-top:120px !important;}
.mt-15{margin-top:150px !important;}

.m-2{margin:20px}
.my-05{margin:5px 0px !important;}
.my-1{margin:10px 0px !important;}
.my-2{margin:20px 0px !important;}
.my-3{margin:30px 0px !important;}


.mb-2{margin-bottom:20px !important;}
.mb-1{margin-bottom:10px !important;}
.mb-4{margin-bottom:40px !important;}
.mb-5{margin-bottom:50px !important;}
.mb-7{margin-bottom:70px !important;}



.mx-1{margin:0 10px}
.mx-2{margin:0 20px}
.mx-3{margin:0 30px}
.mxl-1{margin-left:10px}
.mxl-2{margin-left:20px}

.mxr-1{margin-right:10px}
.mxr-2{margin-right:20px}
.mxr-3{margin-right:30px}
.mxr-4{margin-right:40px}

.pt-1{padding-top:10px !important;}

.px-1{padding:0 10px !important;}
.px-2{padding:0 20px}
.px-3{padding:0 30px}
.pb-1{padding-bottom:10px}
.pb-2{padding-bottom:20px}

.pr-2{padding-right:10px}
.pl-1{padding-left:10px}
.pl-2{padding-left:20px}

.btn_wrap{position:relative;display:inline-block;margin:80px 0 70px 0;width:100%;border:1px solid #d7d7d7;}
.btn_wrap-h20{position:relative;display:inline-block;margin:20px 0 10px 0;width:100%;}
.btn_wrap-h40{position:relative;display:inline-block;margin:20px 0 30px 0;width:100%;}
.btn_wrap-h60{position:relative;display:inline-block;margin:60px 0 60px 0;width:100%;}
.btn_wrap-h60.ver2{margin:50px 0 0px 0;}

.btn_wrap-h80{position:relative;display:inline-block;margin:80px 0 70px 0;width:100%;}


.btn{padding:10px 25px; font-size:15px; border-radius:10px;}
.btn-small{padding:10px 25px; font-size:14px; border-radius:5px;}
.btn-small.px-35{padding:10px 35px;}
.btn-lage{padding:15px 40px; font-size:20px; border-radius:10px;}
.btn-red{color:#ffffff; background:#cd1519;font-weight:400;}
.btn-darkgray{color:#ffffff; background:#333333;}
.btn-white{color:#000000; background:#ffffff;font-weight:400;}
.btn-white-line{color:#464646; background:#ffffff; border:1px solid #aaaaaa; padding:15px 50px; font-size:20px;font-weight:700;}
.btn-red-line{color:#5e5e5e; background:#ffffff; border:1px solid #e68a8c;}
.btn-red-line2{color:#cd1519; background:#ffffff; border:1px solid #cd1519;}

.a_C{ text-align:center;}
.a_R{ text-align:right;}
.a_L{ text-align:left;}

.wd100{width:100%  !important;}
.wd50{width:50%  !important;}

/* icons */
.ico_type_a{min-width:105px;height:40px;padding:0 15px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;line-height:38px;color:#3b3b3b;border:1px solid #d7d7d7;border-radius:5px;}  /* 회색라인 회색글씨 */
.ico_type_a.ver2{color:#fff;border-color:#cd1519;background-color:#cd1519;} /* 빨간배경 흰글씨  */

.ico_type_b{min-width:105px;height:40px;padding:0 15px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;line-height:38px;color:#3b3b3b;border:1px solid #e68a8c;border-radius:5px;} /* 빨간라인 회색글씨 */
.ico_type_b.ver2{color:#fff;border-color:#cd1519;background-color:#cd1519;} /* 빨간배경 흰글씨  */

.ico_type_sb{width:80px;height:30px;padding:0 10px;display:inline-block;vertical-align:middle;text-align:center;font-size:13px;font-weight:400;line-height:28px;color:#4c4c4c;border:1px solid #e68a8c;border-radius:5px;} /* 빨간라인 회색글씨 */


.ico_type_c{height:40px;padding:0 20px;display:inline-block;text-align:center;font-size:14px;font-weight:400;line-height:40px;color:#fff;background-color:#787878;border-radius:5px;} /* 회색배경 흰글씨 중간 버튼 수정-삭제 */
.ico_type_c.ver2{height:26px;padding:0 15px;font-size:12px;line-height:26px;color:#fff;background-color:#787878;border-radius:5px;} /* 회색배경 흰글씨 작은 버튼-안내 */

.ico_type_d{height:32px;padding:0 12px;display:inline-block;vertical-align:middle;text-align:center;font-size:16px;line-height:32px;color:#fff;background-color:#f2820a;border-radius:32px;}
.ico_type_d.ver2{background-color:#0a5fb0;}
.ico_type_d.ver3{background-color:#ffae00;}
.ico_type_d.ver4{background-color:#df0000;}
.ico_listening{width:15px;height:13px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_listening_gray.png') no-repeat;}
.ico_listening02{width:50px;height:50px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_quiz_listening.png') no-repeat;}
.ico_listening03{width:24px;height:20px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_listening_gray02.png') no-repeat;}
.ico_listening04{width:24px;height:20px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_listening02.png') no-repeat;}

.ico_type_h{height:28px;padding:0 12px;display:inline-block;text-align:center;font-size:13px;font-weight:400;line-height:28px;color:#fff;background-color:#0a5fb0;border-radius:4px;}
.ico_type_h.ver2{background-color:#49b00a;}
.ico_type_h.ver3{background-color:#ffae00;}
.ico_type_h.ver4{background-color:#df0000;}


.ico_type_search{height:30px;padding:0 14px 0 10px;display:inline-block;text-align:center;font-size:12px;font-weight:300;line-height:30px;color:#fff;background-color:#475572;border-radius:6px;}  /* 교재미리보기 버튼-돋보기 */
.ico_type_search:before{content:'';width:18px;height:18px;margin-right:4px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_search_white2.png') no-repeat;position:relative;top:-1px;}

.ico_type_next2{height:30px;padding:0 5px 0 15px;display:inline-block;text-align:center;font-size:13px;font-weight:300;line-height:30px;color:#ffffff;background-color:#475572;border-radius:6px;}  /* 교재미리보기 버튼-돋보기 */
.ico_type_next2:after{content:'';width:18px;height:18px;margin-left:6px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_white2.png') no-repeat;position:relative;top:4px;}
.ico_type_next2.ver2{color:#ffffff;}



.ico_type_next{height:60px; padding:15px 30px 15px 50px;  font-size:20px;font-weight:500;border-radius:10px;display:inline-block;text-align:center;line-height:30px;color:#fff;background-color:#cd1519;border-radius:10px;} /* 빨간색 > 있는 버튼 */
.ico_type_next:after{content:'';width:18px;height:18px;margin-left:20px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_white.png') no-repeat;position:relative;top:-1px;}


.ico_type_prev{height:60px; padding:15px 50px 15px 30px;  font-size:20px;font-weight:500;border-radius:10px;display:inline-block;text-align:center;line-height:30px;color:#fff;background-color:#8e8e8e;border-radius:10px;} /* 빨간색 > 있는 버튼 */
.ico_type_prev:before{content:'';width:18px;height:18px;margin-right:20px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_prev_white.png') no-repeat;position:relative;top:-1px;}



.ico_type_white_next{height:60px; padding:15px 30px 15px 50px;  font-size:20px; font-weight:500;border-radius:10px;display:inline-block;text-align:center;line-height:30px;color:#cd1519;border:1px solid #cd1519;background-color:#ffffff ;border-radius:10px;} /* 빨간색 > 있는 버튼 */
.ico_type_white_next:after{content:'';width:18px;height:18px;margin-left:20px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_red.png') no-repeat;position:relative;top:-1px;}

.w300px{width:300px;}


.ico_type_red{height:60px; padding:15px 50px;  font-size:20px; border-radius:10px;display:inline-block;text-align:center;font-weight:500;line-height:30px;color:#fff;background-color:#cd1519;}
.ico_type_red.mid{height:50px; font-size:17px; line-height:18px;}
.ico_type_red.login{width:100%}
.ico_type_red.ft30{height:70px; padding:0px 50px;font-size:30px;line-height:70px;}

.ico_type_gray{height:60px; padding:15px 50px;  font-size:20px;font-weight:500;border-radius:10px;display:inline-block;text-align:center; line-height:30px;color:#fff;background-color:#4f4f4f;}

.ico_type_grayline{height:60px; padding:15px 50px;  font-size:20px;font-weight:500;border-radius:10px;display:inline-block;text-align:center;line-height:30px;color:#474747;background-color:#ffffff;border:1px solid #919191;}
.ico_type_grayline.smallver{height:32px; padding:2px 10px;  font-size:14px; border-radius:3px;display:inline-block;text-align:center;line-height:27px;color:#474747;background-color:#ffffff;border:1px solid #919191;}

.ico_type_grayline.smallver2{height:32px; padding:2px 10px;  font-size:14px; border-radius:3px;display:inline-block;text-align:center;line-height:27px;color:#474747;background-color:#ffffff;border:1px solid #919191;}
.ico_type_grayline.smallver2:after{content:'';width:10px;height:15px;margin-left:7px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_gray.png') no-repeat;position:relative;top:3px;}


.ico_type_grayline2.smallver2{height:40px; padding:2px 15px  2px 25px; font-size:15px; border-radius:20px;display:inline-block;text-align:center;line-height:35px;color:#222;background-color:#fff;border:1px solid #d0d0d0;}
.ico_type_grayline2.smallver2:after{content:'';width:10px;height:15px;margin-left:9px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_gray.png') no-repeat;position:relative;top:3px;}
.ico_type_grayline2.smallver2:hover{border:1px solid #3768aa;}

.ico_type_redline{height:60px; padding:15px 50px;  font-size:20px;font-weight:500; border-radius:10px;display:inline-block;text-align:center;line-height:30px;color:#cd1519;background-color:#ffffff;border:1px solid #cd1519;}
.ico_type_redline.mid{height:50px; font-size:17px; line-height:18px;}


.ico_search_post{height:45px;padding:0 20px;display:inline-block;text-align:center;font-size:14px;font-weight:400;line-height:45px;color:#fff;background-color:#787878;border-radius:5px;}

.ico_type_e{height:29px;padding:0 8px;display:inline-block;text-align:center;font-size:12px;font-weight:400;line-height:26px;color:#002cab;background-color:#ffffff;border-radius:5px;border:1px solid #002cab} /* 회색배경 흰글씨 작은 버튼-안내 */

.search_btn{height:45px;padding:0 20px;display:inline-block;text-align:center;font-size:14px;font-weight:400;line-height:40px;color:#fff;background-color:#4f4f4f;border-radius:5px;}

.search_btn.ver2{height:45px;padding:0 35px 0 25px;display:inline-block;text-align:center;font-size:15px;font-weight:500;line-height:46px;color:#fff;background-color:#4f4f4f;border-radius:5px;margin-left:10px}
.search_btn.ver2:before{content:'';width:19px;height:20px;margin-right:4px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_search_white.png') no-repeat;position:relative;top:-1px;}

.search_btn.ver3{height:60px;padding:0 35px 0 25px;display:inline-block;text-align:center;font-size:16px;font-weight:400;line-height:60px;color:#fff;background-color:#4f4f4f;border-radius:5px;}


.review_btn{height:45px;padding:0 30px 0 30px;  font-size:16px;font-weight:500;border-radius:5px;display:inline-block;text-align:center;line-height:45px;color:#fff;background-color:#cd1519;margin-left:30px} /* 빨간색 > 있는 버튼 */
.review_btn:after{content:'';width:18px;height:18px;margin-left:15px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_white.png') no-repeat;position:relative;top:0px;}

.ico_answer{height:60px; padding:15px 50px;  font-size:20px; border-radius:10px;display:inline-block;text-align:center;font-weight:500;line-height:30px;color:#fff;background-color:#173b63;}
.ico_answer:before{content:'';width:18px;height:18px;margin-right:20px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_paper.png') no-repeat;position:relative;top:-1px;}

.ico_answer_close{height:60px; padding:15px 47px;  font-size:20px; border-radius:10px;display:inline-block;text-align:center;font-weight:500;line-height:30px;color:#fff;background-color:#173b63;}
.ico_answer_close:after{content:'';width:24px;height:24px;margin-left:20px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_layer_close_white.png') no-repeat;position:relative;top:-1px;}


.ico_type_more{height:60px; padding:15px 40px 15px 40px;  font-size:20px; font-weight:500;border-radius:10px;display:inline-block;text-align:center;line-height:30px;color:#fff;background-color:#cd1519;} /* 빨간색 > 있는 버튼 */
.ico_type_more:after{content:'';width:18px;height:18px;margin-left:20px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_more_white.png') no-repeat;position:relative;top:0px;}


.ico_type_f{min-width:90px;height:40px;padding:0 15px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;line-height:38px;color:#3b3b3b;border:1px solid #d7d7d7;border-radius:5px;}  /* 회색라인 회색글씨 */
.ico_type_f.ver2{color:#fff;border-color:#6792e5;background-color:#6792e5;} /* 빨간배경 흰글씨  */


.ico_review_view{height:40px; padding:5px 20px;  font-size:14px;font-weight:500;border-radius:5px;display:inline-block;text-align:center;line-height:30px;color:#474747;background-color:#ffffff;border:1px solid #b6b6b6;}
.ico_review_view:after{content:'';width:17px;height:15px;margin-left:7px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/review-icon.png') no-repeat;position:relative;top:-5px;}

.btn-more{height:30px; padding:5px 0px;  font-size:14px;font-weight:500;border-radius:5px;display:inline-block;text-align:center;line-height:30px;color:#474747;background-color:#ffffff;border:0px solid #b6b6b6;}
.btn-more:after{content:'';width:17px;height:15px;margin-left:7px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_view_nav_next.png') no-repeat;position:relative;top:3px;}

.btn-more-close{height:30px; padding:5px 0px;  font-size:14px;font-weight:500;border-radius:5px;display:inline-block;text-align:center;line-height:30px;color:#474747;background-color:#ffffff;border:0px solid #b6b6b6;}
.btn-more-close:after{content:'';width:17px;height:15px;margin-left:7px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_view_nav_prev.png') no-repeat;position:relative;top:3px;}


.ico_type_r{height:40px;padding:0 8px;display:inline-block;text-align:center;font-size:13px;font-weight:500;line-height:40px;color:#fff;background-color:#cd1519;border-radius:5px;}
.ico_type_r.ver2{font-size:15px;padding:0 20px;font-weight:500;}
.ico_type_g{height:40px;padding:0 8px;display:inline-block;text-align:center;font-size:13px;font-weight:500;line-height:40px;color:#fff;background-color:#4f4f4f;border-radius:5px;}



.ico_list_gray{height:37px;padding:0 15px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;font-weight:500;line-height:35px;color:#3b3b3b;border:1px solid #d7d7d7;border-radius:5px;}  /* 회색라인 회색글씨 */
.ico_list_gray.ver2{height:40px;margin-right:4px;width:100px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/gray_bg.jpg') no-repeat;background-repeat:repeat-x}
.ico_list_gray.ver3{margin-left:20px;height:32px; line-height:30px;padding:0;font-size:12px;color:#222222;width:130px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/gray_bg.jpg') no-repeat;background-repeat:repeat-x}
.ico_list_gray.ver4{ position:absolute;right:0px;top:-15px;height:40px;width:120px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/gray_bg.jpg') no-repeat;background-repeat:repeat-x}
.ico_list_gray.ver5{border-radius:50px;height:40px;font-weight:400;line-height:40px;padding:0;font-size:13px;color:#000000;width:102px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/gray_bg.jpg') no-repeat;background-repeat:repeat-x;box-shadow:1px 1px 2px rgba(0, 0, 0, .2);}

.ico_list_red{height:37px;padding:0 15px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;line-height:35px;color:#3b3b3b;border:1px solid #e68a8c;border-radius:5px;} /* 빨간라인 회색글씨 */



.btn_order_print{height:37px;padding:0 25px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;font-weight:500;line-height:35px;color:#3b3b3b;border:1px solid #d7d7d7;border-radius:5px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/gray_bg.jpg') no-repeat;background-repeat:repeat-x}
.btn_order_print:before{content:'';width:17px;height:20px; display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon-print.png') no-repeat 0px 3px;position:relative;padding-right:8px}


.btn-close{height:30px; padding:5px 15px;  font-size:14px;font-weight:500;border-radius:5px;display:inline-block;text-align:center;line-height:30px;color:#474747; border:0px solid #b6b6b6;}
.btn-close:after{content:'';width:17px;height:15px;margin-left:7px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_view_nav_prev.png') no-repeat;position:relative;top:3px;}


.ico_new{padding:5px 8px;width:42px;font-size:12px; border-radius:13px;display:inline-block;text-align:center;line-height:13px;color:#fff; background-color:#ffa011;margin-left:5px;}



.ico_type_r2{width:120px;height:40px;padding:0 15px;display:inline-block;text-align:center;font-size:13px;font-weight:500;line-height:40px;color:#fff;background-color:#cd1519;border-radius:5px;}
.ico_type_g2{width:120px;height:40px;padding:0 15px;display:inline-block;text-align:center;font-size:13px;font-weight:500;line-height:40px;color:#fff;background-color:#4f4f4f;border-radius:5px;}




.btn_listen{padding:0 20px 0 20px;height:40px;line-height:40px;border-radius:5px;border:1px solid #e68a8c;text-align:center;display:inline-block;letter-spacing:-0.05em;font-size:14px;font-weight:500;color:#5e5e5e;margin-right:5px}
.btn_listen:before{content:'';width:17px;height:20px; display:inline-block;vertical-align:middle;background:#fff url('/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_listen.png') no-repeat 0px 0px;position:relative;padding-right:8px}

.btn_down{padding:0 20px 0 20px;height:40px;line-height:40px;border-radius:5px;border:1px solid #e68a8c;text-align:center;display:inline-block;letter-spacing:-0.05em;font-size:14px;font-weight:500;color:#5e5e5e;}
.btn_down:before{content:'';width:17px;height:20px; display:inline-block;vertical-align:middle;background:#fff url('/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_down.png') no-repeat 0px 0px;position:relative;padding-right:8px}



.btn_gray{width:80px;height:25px;color:#777;text-shadow:1px 1px 0 #fff;font-weight:bold;font-size:11px !important;border-width:1px;border-style:solid;border-color:#c9c9c9 #a3a3a3 #b4b4b4 #d4d4d4;border-radius:3px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/bg_btngray.gif) repeat-x;}

.ico_ing{height:28px;padding:0 10px;display:inline-block;text-align:center;font-size:12px;font-weight:500;line-height:27px;color:#ffffff;background-color:#4cd4c6;border-radius:20px;}
.ico_ing.ver2{height:28px;padding:0 10px;display:inline-block;text-align:center;font-size:12px;font-weight:500;line-height:27px;color:#ffffff;background-color:#57cdf2;border-radius:20px;}
.ico_ing.ver3{height:28px;padding:0 10px;display:inline-block;text-align:center;font-size:12px;font-weight:500;line-height:27px;color:#ffffff;background-color:#c5c5c5;border-radius:20px;}

.ico_tec_view{width:120px;height:40px;padding:0 12px;display:inline-block;text-align:center;font-size:14px;font-weight:500;line-height:37px;color:#4d4d4d;background-color:#fff;border:1px solid #607ebc;border-radius:5px;}

.ico_view{width:120px;height:40px;padding:0 12px;display:inline-block;text-align:center;font-size:14px;font-weight:500;line-height:40px;color:#fff;background-color:#607ebc;border-radius:5px;}
.ico_view:after{content:'';width:5px;height:10px;margin-left:8px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_white2.png') no-repeat;position:relative;top:0px;}


.ico_tech{height:28px;padding:0 10px;display:inline-block;text-align:center;font-size:12px;font-weight:500;line-height:27px;color:#ffffff;background-color:#0a5fb0;border-radius:20px;}
.ico_tech.ver2{height:28px;padding:0 10px;display:inline-block;text-align:center;font-size:12px;font-weight:500;line-height:27px;color:#ffffff;background-color:#49b00a;border-radius:20px;}

.ico_face_in{width:120px;height:40px;padding:0 12px;display:inline-block;text-align:center;font-size:14px;font-weight:500;line-height:40px;color:#fff;background-color:#cd1519;border-radius:5px;}
.ico_face_in:after{content:'';width:5px;height:10px;margin-left:8px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_white2.png') no-repeat;position:relative;top:0px;}

.ico_send_in{width:120px;height:40px;padding:0 12px;display:inline-block;text-align:center;font-size:14px;font-weight:500;line-height:40px;color:#fff;background-color:#3a427b;border-radius:5px;}
.ico_send_in:after{content:'';width:5px;height:10px;margin-left:8px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_white2.png') no-repeat;position:relative;top:0px;}




/*선생님소개 팝업*/

.teacher-view-item{position:relative;display:inline-block;margin-bottom:30px}
.teacher-view-item ul li{float:left;padding:0 20px 0 50px;}

.teacher-view-item ul li h1{font-size:26px;color:#000000;font-weight:700;}
.teacher-view-item ul li h1 a{position:absolute;top:10px;margin-left:10px}

.teacher-view-item ul li.teach-photo{padding:0px;border-radius:10px;display:inline-block;width:300px;height:300px;border:1px solid #dddddd;overflow:hidden;text-align:center;}
.teacher-view-item ul li.teach-photo img{width:100%;width:100%;}

.ico_type_headset{height:27px;padding:0 15px;display:inline-block;text-align:center;font-size:12px;font-weight:400;line-height:27px;color:#fff;background-color:#cd1519;border-radius:20px;}
.ico_type_headset:before{content:'';width:19px;height:17px;margin-right:5px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_headset.png') no-repeat;position:relative;top:-2px;}

.teacher_list dl{display:flex;}
.teacher_list dt{width:80px;font-weight:700;color:#171717;padding:5px 0}
.teacher_list dd{margin-left:10px;font-weight:400;color:#5b5b5b;padding:5px 0 }

.teacher-revew{border-bottom:1px solid #b5b5b5;padding-bottom:30px;margin-bottom:30px}
.teacher-revew h2{font-size:20px;color:#000000;font-weight:700;padding-bottom:10px}
.teacher-revew p{ color:#7b7b7b;font-weight:300;}

.datepicker_cmm{width:226px;height:40px;padding-right:42px;font-size:14px;font-weight:300;color:#6d6e6e;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_calendar.png') 98% 50% no-repeat;cursor:pointer}








/*  문화비 소득공제 안내 팝업 */

.culture_info .section h4.stit{margin:0 0 10px;color:#3f3f3f;font-size:16px;line-height:17px;font-weight:500 !important;}
.culture_info .section .txt{font-size:12px;line-height:1.5;color:#656565;position:relative;padding-left:10px;font-weight:300;}
.culture_info .section .txt:before{content:'';position:absolute;left:0;top:8px;width:2px;height:2px;background:#656565;}
.culture_info .section .txt span{border-bottom:1px solid #656565;}
.culture_info .contwrap{margin-bottom:25px;text-align:left;}
.contwrap table{width:100%;border:1px solid #cfd6e0;margin:25px 0;}

.contwrap table th{padding:11px 0;border-left:1px solid #cfd6e0;background:#e6ecf4;color:#33353e;font-weight:bold;text-align:center;letter-spacing:-0.5px;}
.contwrap table td{padding:17px 10px;border-top:1px solid #cfd6e0;border-left:1px solid #cfd6e0;background:#fff;color:#858585;font-size:12px !important; letter-spacing:-0.5px;line-height:18px}
.contwrap table td.td1{text-align:center;font-weight:bold;color:#666;}
.contwrap table th:first-child,
.contwrap table td:first-child{border-left:0;}
.contwrap table td p{position:relative;padding-left:5px;font-weight:300;font-size:12px}
.contwrap table td p.dot:before{content:'';position:absolute;left:0;top:8px;width:2px;height:1px;background:#858585;}

.contwrap.ver2 table td{padding:12px 10px;border-top:1px solid #cfd6e0;border-left:1px solid #cfd6e0;background:#fff;color:#555;font-size:14px !important; letter-spacing:-0.5px;line-height:18px}

.speaker{
	display:inline-block;
	width:24px;
	height:19px;
	background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_speaker.png) 0 -25px no-repeat;
	vertical-align:middle;
}





.sort-cstselect{position:relative;display:inline-block;width:100%;background-color:#f1f1f1;padding:20px ;margin-bottom:40px}

.cstselect{position:static;display:inline-block;width:330px;height:45px;background-color:#ffffff;margin:0px 10px;vertical-align:middle;text-align:left;z-index:1;border:1px solid #d2d2d2;border-radius:4px;top:-2px}
.cstselect *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.cstselect a.selected{display:block;height:45px;line-height:45px;padding-left:8px;color:#858585;font-size:14px;border-radius:4px;text-decoration:none;}
.cstselect a.selected:hover,
.cstselect a.selected:focus,
.cstselect a.selected:active{text-decoration:none}
.cstselect div{display:none;position:absolute;left:0;top:44px;}
.cstselect table{text-align:center;border-width:1px 1px 0 1px;border-style:solid;border-color:#cecece;background:#fff;}
.cstselect table th{color:#888;font-size:13px;border-bottom:1px solid #cecece;background-color:#f4f4f4;}
.cstselect table td{border-width:0 0 1px 1px;border-style:solid;border-color:#cecece;}
.cstselect table td a{display:block;width:100%;padding:8px 0;color:#666;font-size:13px;text-decoration:none;vertical-align:middle;cursor:pointer}
.cstselect table td a:hover{color:#fff;background-color:#c42605;}
.cstselect.on{position:relative;z-index:2}
.cstselect.on div{display:block}
.sort-cstselect  .csselectbtn{position:absolute;display:inline-block;width:620px;height:45px;right:10px;}
.sort-cstselect  .csselectbtn .sbtn{position:absolute;}

.review_btn.ver2{margin-left:160px}

.best-review3{position:relative;display:inline-block;}
.best-review3 .best-item{width:355px;margin-right:40px;margin-bottom:35px;float:left;cursor:pointer;text-align:center;}
.best-review3 .best-item:nth-child(3n){margin-right:0;}
.best-inner{position:relative;   background:#ffffff;border:1px solid #e3e3e3;border-radius:10px;	overflow:hidden;   box-shadow:0 0 45px rgba(0, 0, 0, .04); padding:30px}

.best-inner .best_tit{position:relative;height:85px;padding-left:75px;margin:0px;text-align:left;}
.best-inner .best_tit img{position:absolute;left:0;top:0;}
.best-inner .best_tit p{line-height:28px;margin-top:5px;color:#333;font-size:15px;}
.best-inner .best_tit p strong{display:block;font-size:20px; word-break:keep-all;}



.best-inner .remenu_bg{display:none;z-index:99999;}
.best-inner .remenu{ position:absolute;top:0px;left:0px; width:355px;height:309px;  background-color:#fff; border:1px solid #d2d2d2;border-radius:4px;}
.best-inner .remenu .close{ position:absolute;top:20px;right:20px;}
.best-inner .remenu .recont-body{text-align:left;padding:20px 20px 20px 20px}
.best-inner .remenu .recont-body h1{font-size:16px;color:#000;font-weight:500;padding:0 0 20px 0}
.best-inner .remenu .recont-body p{font-size:14px;color:#666666;font-weight:300;height:210px;overflow:auto;}
.best-inner .remenu .recont-body p::-webkit-scrollbar{ width:8px; }
.best-inner .remenu .recont-body p::-webkit-scrollbar-thumb{ background-color:#9f9f9f;   border-radius:10px; }
.best-inner .remenu .recont-body p::-webkit-scrollbar-track{background-color:#f1f1f1;   border-radius:10px;   box-shadow:inset 0px 0px 5px white; }



.review-con{width:100%;}
.reviewbox{background-color:#ffffff;color:#3b3b3b;font-size:16px;vertical-align:middle;margin:0;padding:24px 10px;font-weight:400;border-bottom:1px solid #e5e5e5;}


.default-review-container{position:relative;display:block;}
.review-photo-list{border-top:1px solid #d4d4d4;}

.review-photo-list .review-photo-item{position:relative;display:block;width:100%;}
.review-photo-list .review-photo-item img.photo{position:absolute;top:0px;left:0px;width:200px;}
.review-photo-list .review-photo-item .txt{min-height:140px;margin-left:250px;font-size:14px; font-weight:300;color:#666666;}

.review-photo-list .review-photo-item .txt.noimg{margin-left:0px;}
.review-photo-list .review-photo-item .txt h2, .review-default-list .review-default-item .txt h2{font-size:18px;color:#000;font-weight:400;line-height:18px;padding-bottom:5px}
.review-photo-list .review-photo-item .txt h4, .review-default-list .review-default-item .txt h4{font-size:14px;color:#ba9f7e;font-weight:500;line-height:18px}

.review-photo-list .review-photo-item .txt .nameday{ margin-top:-20px;margin-left:100px;}
.review-photo-list .review-photo-item .txt .nameday.ver2{ margin-top:10px;margin-left:0px;}


.review-photo-list .review-photo-item .txt .nameday span{padding-right:20px;}
.review-photo-list .review-photo-item .txt span:nth-child(3n){ border-left:0px solid #d2d2d2;padding-left:20px }
.review-photo-list .review-photo-item .score-star, .review-default-list .review-default-item .score-star{position:absolute;top:0;right:0px;}
.review-photo-list .review-photo-item .score-star a, .review-default-list .review-default-item .score-star a{width:100%}

.review-photo-list .review-photo-item .txt  .reviw-s-content{width:700px;}
.review-photo-list .review-photo-item .txt.noimg .reviw-s-content{ width:950px}

.review-photo-list .review-photo-item .review-modify-btn{position:absolute;bottom:0;right:0px;}

.reviw-s-content .review-photo-item-box{margin-top:30px;padding:0px;}
.reviw-s-content .review-photo-item-box a{margin-right:3px;}
.reviw-s-content .review-photo-item-box img{width:170px;border-radius:5px;}

.review-default-list {border-top:2px solid #d4d4d4;}
.review-default-list .review-default-item{position:relative;display:inline-block;width:100%;height:70px}
.review-default-list .review-default-item .txt{min-height:140px;font-size:14px; color:#666666;}
.review-default-list .review-default-item .txt .defaulttxt{padding:20px 0}
.review-default-list .review-default-item .txt .reviw-default-content{ width:950px}
.review-default-list .review-default-item .txt .nameday{ margin-top:-20px;margin-left:100px}
.review-default-list .review-default-item .txt .nameday span{padding-right:20px;}




.morecontent span{display:none;}
.morelink{display:block;font-size:13px;padding-top:10px}




.collapse:not(.show){display:none;}




/* free_contents */
.free_login_area{position:relative;display:block;width:500px;margin:0 auto;}
.free_login_area h2.title24B{font-size:22px;font-weight:700;color:#000000;letter-spacing:-1px;margin-bottom:10px}
.free_login_form{width:100%;display:block;}
.free_login_form li{padding:5px 0}
.free_login_form input[type="text"]{width:100%;height:60px;padding:0 15px;font-size:16px;line-height:60px;color:#545454;border:1px solid #d2d2d2;border-radius:5px;background:#f5f5f5}
.free_login_form  a{cursor:pointer;}
.free_login_form input + a{margin-left:10px}


.tablelist-top-con{position:relative;display:block;height:60px}
.tablelist-top-con p{font-size:18px;color:#000;font-weight:500;padding-top:15px }
.tablelist-top-con span{position:absolute;top:0px;right:0px;}

.guide-gray-box{ background:#f1f1f1;padding:25px;color:#717171;}
.guide-gray-box p{font-size:14px;font-weight:400;}

.guide-white-box{ background:#ffffff;margin-top:30px;padding:0px;color:#424242;font-size:14px;font-weight:400;}
.guide-white-box .txtlist{padding-left:5px}
.guide-gray-box .guide-txt{background:#ffffff;padding:40px;color:#424242;}
.guide-gray-box .guide-txt p{line-height:26px;font-weight:500;}
.guide-gray-box .guide-txt .face-img{position:relative;display:block;border-top:1px solid #eeeeee;padding-top:50px;padding-left:20px;margin-top:50px}
.guide-gray-box .guide-txt .face-img p{position:absolute;top:50px;right:20px;width:480px}
.guide-gray-box a{color:#000}


.supply-cont li{width:50%;float:left; height:600px;text-align:center;}
.supply-cont li:nth-child(3) .sup-box-txt{margin-bottom:0px}
.supply-cont li:nth-child(4) .sup-box-txt{margin-bottom:0px}

.supply-cont .sup-box{ background:#f0f0f0;padding:30px;color:#717171;font-size:14px;font-weight:400;border:3px solid #e6e6e6;border-radius:10px;}
.supply-cont .sup-box-txt{padding:0 10px;text-align:left;}
.supply-cont .sup-box-txt h2{font-size:20px;font-weight:700;color:#000000;letter-spacing:-1px;margin-top:25px;margin-bottom:10px ;line-height:30px;}
.supply-cont .sup-box-txt h2 span{padding:4px 10px;font-size:13px;font-weight:500;color:#ffffff;background:#e68a8c;border-radius:50%;margin-right:3px}
.supply-cont .sup-box-txt p{font-size:16px;font-weight:400;color:#626262;}



.s-title{font-size:16px;font-weight:400;padding:0;color:#333333}
.experience-box{margin:10px 0;padding:20px;border:1px solid #cd1519;background:#ffffff;border-radius:10px;}

.cont-section{position:relative;display:inline-block;width:100%; margin:0px;}
ul.free-item-4{ margin-top:20px;}
ul.free-item-4 li{width:25%;float:left;padding-right:20px}
ul.free-item-4 li:nth-child(4){padding-right:0px}
ul.free-item-4 li a{width:100%;background:#ffffff; color:#424242;border-radius:10px;text-align:center;font-size:20px;font-weight:700;display:block;border:1px solid #d3d3d3;vertical-align:middle;height:120px;line-height:120px;}
ul.free-item-4 li a:hover{border:1px solid #cd1519;color:#cd1519;}
ul.free-item-4 li a.on{border:1px solid #cd1519;color:#cd1519;}

.agreement-box{margin-top:60px}
.allagreement{position:relative;display:inline-block;width:100%;font-size:24px;font-weight:700;padding:0 0 20px 0;color:#000; border-bottom:1px solid #ececec;}
.allagreement em{font-size:20px;font-weight:700;color:#000;}

.selectagreement{position:relative;display:inline-block;margin-top:20px;width:100%;}
.selectagreement p{padding:2px 0;position:relative;display:block;}
.selectagreement p a{position:absolute;top:3px;right:0px;font-weight:400;}
.selectagreement em{font-size:15px;font-weight:400;color:#333333;}





.modal-free-ex-contents{background:#fff;	border-radius:10px;min-width:650px;height:700px;padding:50px 20px 50px 50px}

.time_sel_list h2.daytitle{font-size:20px;font-weight:700;color:#333333;margin-top:40px;border-top:1px solid #eaeaea;padding:20px 5px}

.applyform a:hover,
.applyform a:focus{text-decoration:none}
.applyform .time_sel_list{width:100%;height:600px;overflow-y:auto;}
.applyform .time_sel_list::-webkit-scrollbar{  width:8px; }
.applyform .time_sel_list::-webkit-scrollbar-thumb{  background-color:#9f9f9f;   border-radius:10px; }
.applyform .time_sel_list::-webkit-scrollbar-track{  background-color:#f1f1f1;   border-radius:10px;   box-shadow:inset 0px 0px 5px white; }

.applyform .time_sel_list dl{}
.applyform .time_sel_list dl:after{content:'';display:block;clear:both}

.applyform .time_sel_list dd{width:100%;margin-bottom:13px}
.applyform .time_sel_list dd li{display:inline-block;text-align:center;width:16%;height:38px;line-height:36px;vertical-align:top;font-size:14px;padding:0 5px;}
.applyform .time_sel_list li a{width:100%;border:1px solid #ccc;border-radius:5px;color:#666;display:inline-block;background:#fff;-ms-transition:background 0.2s ease-out;-webkit-transition:background 0.2s ease-out;transition:background 0.2s ease-out;}
.applyform .time_sel_list li a:hover,
.applyform .time_sel_list li.sel a{border:0;color:#c02a05;border:1px solid #c02a05;}
.applyform .time_sel_list li.end{}
.applyform .time_sel_list li.end a{background:#f9f9f9;border-radius:5px;border:0;text-decoration:line-through;color:#d9d9d9;cursor:default;border:1px solid #eaeaea}

.labelrig label{position:absolute;top:25px;right:20px;font-weight:400;}


.selectguide{position:relative;display:block;width:100%;}
.selectguide .rit{position:absolute;top:0px;right:0px;width:870px;text-align:left; display:inline-block;padding-bottom:50px}
.selectguide img{margin:20px 25px;width:190px;height:170px}





/* modal popup */

/*모달*/

.modal_bg{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto; z-index:99999;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.modal_wrap{position:fixed; top:50%;	left:50%;	transform:translate(-50%,-50%);	  z-index:1000;background-color:#fefefe;margin:auto;padding:0;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.modal_wrap.round{border-radius:10px;}
.modal_close{position:absolute;right:20px;top:20px;width:26px;height:26px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_layer_close_black.png') no-repeat;font-size:0;z-index:99999;}
.modal_close.white{position:absolute;right:20px;top:15px;width:26px;height:26px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_layer_close_white.png') no-repeat;font-size:0;z-index:99999;}
.modal-contents{position:relative;display:inline-block;}

.l_teacher_detail2{background:#fff;	border-radius:10px;width:1200px;height:700px;padding:50px}


.modal-custom{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto; z-index:99999;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}

.modaltitle{ background:#555555; font-size:16px;line-height:38px;font-weight:700;color:#ffffff;padding:6px 20px}


.modal-guide-contents{background:#fff;border-radius:0px; min-width:700px;padding:0px;}
.modal-guide-contents .modal-body{padding:30px ; max-height:700px;overflow:auto; text-align:left;}
.modal-guide-contents .modal-body::-webkit-scrollbar{  width:8px; }
.modal-guide-contents .modal-body::-webkit-scrollbar-thumb{  background-color:#9f9f9f;   border-radius:10px; }
.modal-guide-contents .modal-body::-webkit-scrollbar-track{  background-color:#f1f1f1;   border-radius:10px;   box-shadow:inset 0px 0px 5px white; }


/*쿠폰팝업*/
.coupon_info{
	width:800px;
}


/*쿠폰팝업*/
.review_register{
	width:800px;
}


.level_register{
	width:470px;
}

.mov_register{
	width:600px;
}

.face_register{
	width:915px;
}








/* 커스텀 */

/* 슬라이더 1 시작 */
.slider-1{height:580px;position:relative;}

.slider-1.review{height:580px;position:relative;}


/* 슬라이더 1 - 페이지 버튼 
.slider-1 > .page-btns{
    text-align:center;
    position:absolute;
    bottom:-25px;
    left:0;
    width:100%;
}

.slider-1 > .page-btns > div{
    width:10px;
    height:10px;
    background-color:rgba(0,0,0,.5);
    border-radius:50%;
    display:inline-block;
    cursor:pointer;
}

.slider-1 > .page-btns > div.active{
    background-color:rgba(0,0,0,1);
}
*/



/* 슬라이더 1 - 슬라이드 */

.slider-1 > .slides > div{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity 0.3s;background-position:center;background-size:cover;background-repeat:no-repeat;}

.slider-1 > .slides > div.active{
    opacity:1;
}

.slider-1 > .slides > div img{width:100%;height:100%;border-radius:8px;}



/* 슬라이더 좌우 버튼 */

.slider-1.review > .side-btns > div{left:0px;}
.slider-1.review > .side-btns > div:last-child{right:0px;}

.slider-1.review >.side-btns > div > span{top:50%;}


.slider-1 > .side-btns > div{position:absolute;top:0;left:-60px;width:25%;height:100%;cursor:pointer;}
.slider-1 > .side-btns > div:last-child{left:auto;right:-60px;}
.slider-1 >.side-btns > div > span{position:absolute;top:50%;left:20px;
padding:1px 13px;border-radius:50px;font-size:25px;}
.slider-1 >.side-btns > div:last-child > span{left:auto;right:20px;}

/* 슬라이더 1 끝 */



.register-content{position:relative; padding:60px 60px;font-weight:400;}




/*
 *수강신청 상단 이미지
 */
.register_img{position:relative;display:inline-block;background:#efefef;width:100%;height:300px;  margin-top:25px}
.register_img .register_items{height:300px;}
.register_img .register_items .item_img{ width:100%;text-align:center;}


/* register_contents */


.register_area{padding:0px;position:relative;display:inline-block;width:100%;margin-top:60px}
.register_area.type_re{padding:0;}

.register_area .regist_form_wrap{width:900px;}
.register_area .regist_form_wrap .step_box{margin-bottom:60px;}
.register_area .regist_form_wrap .step_box + .btn_wrap{padding-top:20px;}
.register_area .regist_form_wrap .sheet_date{margin-top:20px;}
.register_area .regist_form_wrap .step_box.graybg{background:#f2f2f2;border-radius:5px;padding:30px}



.regist_detail{width:310px;position:absolute;right:0;top:0px;background-color:#474747; border-radius:10px;}
.regist_detail h3{height:55px;text-align:center;font-size:20px;line-height:53px;font-weight:700;color:#fff;background-color:#333333;border-radius:10px 10px 0px 0px }
.regist_detail .detail_contents{border:0px solid #ededed;}
.regist_detail .regist_spec{padding:10px 25px;}
.regist_detail .regist_spec dl{border-bottom:1px solid #434343;}
.regist_detail .regist_spec dl:after{content:'';display:block;clear:both;}
.regist_detail .regist_spec dt,
.regist_detail .regist_spec dd{font-size:14px;line-height:48px;letter-spacing:-0.5px }
.regist_detail .regist_spec dt{float:left;color:#fff;}
.regist_detail .regist_spec dd{float:right;font-weight:400;color:#fff;}
.regist_detail .regist_spec dd span{color:#a2a2a2;}
.regist_detail .payment{padding:10px 25px 20px 25px;background-color:#333333;}
.regist_detail .payment dl{padding:9px 0;}
.regist_detail .payment dl:after{content:'';display:block;clear:both;}
.regist_detail .payment dt,
.regist_detail .payment dd{line-height:25px;}
.regist_detail .payment dt{font-size:14px;float:left;color:#e4c996;}
.regist_detail .payment dd{text-align:right;font-size:14px;color:#e4c996;float:right;font-weight:400;}

.regist_detail .payment .total_payment{padding:0}
.regist_detail .payment .total_payment dt{font-size:18px;font-weight:700;color:#fff;}
.regist_detail .payment .total_payment dd{font-size:18px;font-weight:700;color:#fff;}
.regist_detail .regist_btns{margin:0px;font-size:0;}
.regist_detail .regist_btns a{width:100%;height:60px;display:inline-block;vertical-align:top;text-align:center;font-size:20px;font-weight:700;line-height:60px;color:#fff;background-color:#ca0000;border-radius:0px 0px 10px 10px  }
.fixed .regist_detail{margin-right:-650px;position:fixed;right:50%;}




.step_tit{margin-bottom:10px;}

.step_tit span{height:40px;padding:0px 0px;margin:0px;display:inline-block;font-size:18px;line-height:25px;font-weight:500;position:relative; color:#333;}
.step_tit strong{font-size:20px;line-height:40px;font-weight:700;color:#000;}




.options_box{ }
.options_box ul{margin:-8px;font-size:0;}
.options_box li{min-width:33.33%;padding:8px;display:inline-block;}

.options_box button{position:relative;display:inline-block;width:100%}
.options_box button{display:block;padding:30px;text-align:center;border:1px solid #d3d3d3;border-radius:10px;}
.options_box button:hover{background-color:#fff;border:1px solid #cd1519;}
.options_box button.on{border:1px solid #cd1519;}

.options_box button span{font-size:16px;font-weight:500;line-height:29px;color:#000;}
.options_box button h2{font-size:29px;line-height:29px;color:#000;font-weight:700;}
.options_box button span.label_sale{position:absolute;left:0;top:0;background-color:#cd1519;height:35px;padding:5px 10px;font-size:14px;font-weight:400;line-height:25px;color:#fff;border-radius:7px 0px 0px 0px }



.graybg_box{background:#f2f2f2;border-radius:10px;padding:30px 30px 50px 30px;position:relative;display:inline-block;width:100%;margin-bottom:60px}
.options_ver2  ul{margin:-8px;font-size:0;}
.options_ver2 li.title{float:left; width:15%;padding:0px;display:inline-block;font-size:18px;font-weight:700;color:#000;  height:60px;line-height:60px;}
.options_ver2 li.sub{float:right;width:80%;padding:0px;display:inline-block;height:60px;line-height:60px;}
.options_ver2 li.sub.ver2 button span{}
.options_ver2 li.h70px{padding-top:10px}
.options_ver2 button span{padding:10px 0px;width:125px;text-align:center;font-size:16px;line-height:21px;font-weight:500;color:#555555;background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;margin:0 5px}
.options_ver2 button span.ve2{height:64px;line-height:40px;}
.options_ver2 button span em{display:block;font-weight:400;font-size:14px;}
.options_ver2 button:hover span{background-color:#fff;border:1px solid #cd1519;}
.options_ver2 button.on span{border:1px solid #cd1519;color:#cd1519;}









.tooltip{position:relative;display:inline-block;border-bottom:0px dotted black;top:-2px; height:20px;line-height:20px;}

.tooltip .tooltiptext{visibility:hidden;width:450px;color:#6d6d6d;background-color:#ffffff;border:1px solid #d3d3d3;border-radius:5px;padding:30px;position:absolute;z-index:1;top:125%;left:50%;margin-left:-46px;opacity:0;transition:opacity 1s;}

.tooltip .tooltiptext ul li{font-size:12px; font-weight:300;padding:5px 0 5px 20px;line-height:16px;}
.tooltip .tooltiptext ul li:before{content:'';width:18px;height:18px; display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon-check.png') no-repeat;position:relative;top:2px;margin-left:-20px}
.tooltip .tooltiptext span.color1{color:#cd0000}
.tooltip .tooltiptext span.color2{color:#2074cb}
.tooltip .tooltiptext span.color3{color:#a32be2}
.tooltip .tooltiptext span.color4{color:#5b970e}
.tooltip .tooltiptext span.color5{color:#0f8d9c}



.tooltip:hover .tooltiptext{visibility:visible;opacity:1;}

.tooltip .tooltiptext::after{content:"";position:absolute;bottom:100%;left:10%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #d3d3d3 transparent;}






/*레벨테스트*/

.result_view{background:#f0f0f0;padding:85px}
.result_view.ver2{background:#f0f0f0;padding:40px}
.result_view .section1{margin-bottom:30px;}
.result_view .section1 .tit_user{float:left;font-size:26px;font-weight:400;color:#333;line-height:30px;padding:0px 0 0 40px;}
.result_view .section1 .tit_user .user_name{color:#d46400;font-weight:700;}
.lvtest_info{position:relative;padding:30px 0 10px 0;zoom:1;border:1px solid #687895; background:#ffffff}
.lvtest_info:after{content:'';display:block;clear:both}
.lvtest_info .info_group{float:right;text-align:right;padding-right:39px}

.lvtest_info .test_etc{padding:0px;margin-bottom:0px}
.lvtest_info .test_etc dt,
.lvtest_info .test_etc dd{font-size:13px;color:#444;display:inline-block;font-weight:300}
.lvtest_info .test_etc dt{padding-left:20px;position:relative;margin-left:20px;}

.lvtest_info .test_etc dd{}
.lvtest_info .test_etc dt:first-child{padding-left:0;margin-left:0}
.lvtest_info .test_etc dt:first-child:after{display:none}

.lvtest_info .record_group{ padding:10px 0 }
.lvtest_info .record_group .tit{font-size:13px;color:#444;font-weight:300;display:inline-block;margin-right:9px;}
.lvtest_info .record_group .record-btn{display:inline-block;}



.mylevel_graph{background:#4b4b4b;width:980px;height:410px;position:relative}
.mylevel_graph .lv_tit{font-size:24px; font-weight:700;color:#fff;letter-spacing:-0.05em;line-height:1;padding:30px 0 0 38px;height:50px;margin-bottom:30px}
.mylevel_graph .lv_info{font-size:12px;color:#ffd646;letter-spacing:-0.05em;position:absolute;top:15px;right:41px;}


.mylevel_graph .graph_box{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/bg_graph_box.gif) no-repeat 0 0;position:relative;width:900px;height:225px;margin:0 auto}

.mylevel_graph .lv_bar{width:90px;height:225px;border-left:1px solid #c02a05;position:absolute;bottom:0;left:0}
.mylevel_graph .lv_bar > p{width:73px;height:23px;line-height:23px;border-radius:23px;color:#fff;font-size:13px;letter-spacing:-0.05em;background:#c02a05;text-align:center;position:absolute;top:-23px;left:-37px;}
.mylevel_graph .lv_bar > p:after{content:'';display:block;width:12px;height:6px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/bar_ar.png) no-repeat 0 0;position:absolute;bottom:-6px;left:50%;margin-left:-6px}
.mylevel_graph .lv_bar.lv1{left:45px}
.mylevel_graph .lv_bar.lv2{left:135px} 
.mylevel_graph .lv_bar.lv3{left:225px}
.mylevel_graph .lv_bar.lv4{left:315px}
.mylevel_graph .lv_bar.lv5{left:405px}
.mylevel_graph .lv_bar.lv6{left:495px}
.mylevel_graph .lv_bar.lv7{left:585px}
.mylevel_graph .lv_bar.lv8{left:675px}
.mylevel_graph .lv_bar.lv9{left:765px}
.mylevel_graph .lv_bar.lv10{left:855px}
.mylevel_graph .lv_sticker{position:absolute;top:59px;left:45px;width:120px;height:120px}
.mylevel_graph .lv_sticker.lv1{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv1.png) no-repeat 0 0;background-size:120px auto}
.mylevel_graph .lv_sticker.lv2{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv2.png) no-repeat 0 0;background-size:120px auto}
.mylevel_graph .lv_sticker.lv3{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv3.png) no-repeat 0 0;background-size:120px auto}
.mylevel_graph .lv_sticker.lv4{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv4.png) no-repeat 0 0;background-size:120px auto}
.mylevel_graph .lv_sticker.lv5{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv5.png) no-repeat 0 0;background-size:120px auto}
.mylevel_graph .lv_sticker.lv6{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv6.png) no-repeat 0 0;background-size:120px auto}
.mylevel_graph .lv_sticker.lv7{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv7.png) no-repeat 0 0;background-size:120px auto}
.mylevel_graph .lv_sticker.lv8{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv8.png) no-repeat 0 0;background-size:120px auto}
.mylevel_graph .lv_sticker.lv9{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv9.png) no-repeat 0 0;background-size:120px auto}
.mylevel_graph .lv_sticker.lv10{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/sticker_lv10.png) no-repeat 0 0;background-size:120px auto}

.mylevel_graph .lv_num{zoom:1;padding:10px 0 18px 65px}
.mylevel_graph .lv_num:after{content:'';display:block;clear:both}
.mylevel_graph .lv_num li{float:left;width:91px;font-size:16px;font-family:Arial;font-weight:bold;color:#fff}

.mylevel_graph .lv_arrow{width:928px;height:40px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/lv_arrow.jpg) no-repeat 0 0;margin:0 auto;font-size:0;line-height:0;text-indent:-9999px}

.mylevel_point{padding:0px;margin-top:30px}
.mylevel_point .point_box{}
.mylevel_point .point_top{position:relative;padding:11px 0 5px}
.mylevel_point .lv_logo{}
.mylevel_point .lv_txt{font-size:13px;color:#4a4794;position:absolute;bottom:8px;right:2px;}
.mylevel_point .point_list{background:#fff;height:83px;padding:22px 0 0 40px}
.mylevel_point .point_list:after{content:'';display:block;clear:both}

.mylevel_point .point_list li{float:left;width:90px;font-size:13px;color:#3e3e4f;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/line_dot.gif) repeat-x 0 34px}
.mylevel_point .point_list li:last-child{width:9px}
.mylevel_point .point_list li:after{content:'';display:block;width:10px;height:10px;background:#adadad;border-radius:50%;margin:9px 0 0}
.mylevel_point .point_list li p{display:inline-block;text-align:center}
.mylevel_point .point_list li.on{color:#c02a05}

.mylevel_point .point_list li.on p{min-width:20px;padding:0 9px;height:23px;color:#fff;background:#c02a05;border-radius:23px;margin-left:-7px;position:relative;top:-7px}


.mylevel_point .point_list li.on.ver2 p{min-width:20px;padding:0 9px;height:23px;color:#fff;background:#c02a05;border-radius:23px;margin-left:-17px;position:relative;top:-7px}

.mylevel_point .point_list li.on:after{width:6px;height:6px;background:#fff;border:3px solid #c02a05;margin:5px 0 0}
.mylevel_point .point_list li.on p:after{content:'';display:block;width:10px;height:6px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ar_point.png) no-repeat 0 0;position:absolute;bottom:-6px;left:50%;margin-left:-5px}

.mylevel_point .point_list li.inactive{background:none}
.mylevel_point .point_list li.inactive:after{background:none}
.mylevel_point .point_list li.inactive p{display:none}



.mylevel_point .txt_info{font-size:13px;color:#969696;font-weight:300;text-align:center;padding:22px 0 20px;}

.result_view .section2{background:#f0f0f0;padding:0px;margin-bottom:30px}

.result_view .tit_section{font-size:22px;color:#000;line-height:1;letter-spacing:-0.05em;font-weight:700;padding:15px 0}
.result_view .tit_section p{display:inline-block;padding:30px 0 25px}

.result_view .section2 .result_txt{background:#fff;font-size:15px;color:#666;font-weight:300;line-height:26px;letter-spacing:-0.05em;padding:20px 20px 18px}

.result_view .section3{background:#f0f0f0;padding:0px;margin-bottom:30px;position:relative}
.result_view .tit_section .study{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_study.png) no-repeat 0 34px;padding-left:40px}

.result_view .section3 .score_info{position:relative;padding:0 0 10px 32px}
.result_view .section3 .score_info .total{font-size:13px;color:#888;letter-spacing:-0.05em;padding-top:27px}
.result_view .section3 .gr_info{position:absolute;top:16px;right:0}
.result_view .section3 .gr_info li{display:inline-block;font-size:12px;color:#999;letter-spacing:-0.05em;position:relative;padding:9px 0 0 21px;margin-left:13px;height:17px}
.result_view .section3 .gr_info li.av{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_av.gif) no-repeat 0 5px;height:35px;}
.result_view .section3 .gr_info li.my{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_my.gif) no-repeat 0 5px;height:35px;}

.graph_group{padding:0 0 65px 75px;}
.graph_group.ver2{padding:0 0 65px 35px;}
.graph_group:after{content:'';display:block;clear:both}

.graph_group > div{float:left;width:180px;height:300px;position:relative;margin-right:1px}
.graph_group.ver2 > div{float:left;width:176px;height:300px;position:relative;margin-right:1px}

.graph_group .gr_tit{font-size:18px;letter-spacing:0;text-align:center;padding:20px 0 0;}

.graph_group .gr_box{height:200px;position:absolute;bottom:0;left:0}
.graph_group .gr_box > div{position:absolute;bottom:0;left:0;width:50px}

.graph_group .gr_box .average_sc{left:33px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_body1.gif) repeat-y 0 0}
.graph_group .gr_box .average_sc.ver2{left:70px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_body1.gif) repeat-y 0 0}


.graph_group .gr_box .my_sc{left:94px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_body0.gif) repeat-y 0 0}
.graph_group .gr_box .my_sc.ver2{left:70px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_body0.gif) repeat-y 0 0}

.graph_group .gr_box .gr_num{position:absolute;top:-40px;left:0;width:50px;height:24px;line-height:24px;text-align:center;font-size:16px;color:#b10000;font-weight:500}


.graph_group .gr_box .average_sc:before{content:'';display:block;width:50px;height:22px;position:absolute;top:-13px;left:0}
.graph_group .gr_box .average_sc:after{content:'';display:block;width:50px;height:15px;position:absolute;bottom:-15px;left:0;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_after1.png) no-repeat 0 0}

.graph_group .gr_box .my_sc:before{content:'';display:block;width:50px;height:22px;position:absolute;top:-13px;left:0}
.graph_group .gr_box .my_sc:after{content:'';display:block;width:50px;height:15px;position:absolute;bottom:-15px;left:0;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_after0.png) no-repeat 0 0}

.graph_group .graph_comp .gr_tit{color:#df4f66}
.graph_group .graph_voca .gr_tit{color:#418ac2}
.graph_group .graph_gram .gr_tit{color:#72ad4a}
.graph_group .graph_pron .gr_tit{color:#50a491}
.graph_group .graph_flue .gr_tit{color:#8053a7}


.graph_group .graph_comp{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/bg_graph1.gif) no-repeat 0 0}
.graph_group .graph_voca{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/bg_graph1.gif) no-repeat 0 0}
.graph_group .graph_gram{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/bg_graph1.gif) no-repeat 0 0}
.graph_group .graph_pron{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/bg_graph1.gif) no-repeat 0 0}
.graph_group .graph_flue{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/bg_graph1.gif) no-repeat 0 0}

.graph_group .graph_comp .average_sc{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_body1.gif) repeat-y 0 0}
.graph_group .graph_voca .average_sc{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_body1.gif) repeat-y 0 0}
.graph_group .graph_gram .average_sc{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_body1.gif) repeat-y 0 0}
.graph_group .graph_pron .average_sc{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_body1.gif) repeat-y 0 0}
.graph_group .graph_flue .average_sc{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_body1.gif) repeat-y 0 0}

.graph_group .graph_comp .average_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before1.png) no-repeat 0 0}
.graph_group .graph_voca .average_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before1.png) no-repeat 0 0}
.graph_group .graph_gram .average_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before1.png) no-repeat 0 0}
.graph_group .graph_pron .average_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before1.png) no-repeat 0 0}
.graph_group .graph_flue .average_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before1.png) no-repeat 0 0}

.graph_group .graph_comp .average_sc:after{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_after1.png) no-repeat 0 0}
.graph_group .graph_voca .average_sc:after{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_after1.png) no-repeat 0 0}
.graph_group .graph_gram .average_sc:after{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_after1.png) no-repeat 0 0}
.graph_group .graph_pron .average_sc:after{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_after1.png) no-repeat 0 0}
.graph_group .graph_flue .average_sc:after{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_after1.png) no-repeat 0 0}

.graph_group .graph_comp .my_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before1_2.png) no-repeat 0 0}
.graph_group .graph_voca .my_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before2_2.png) no-repeat 0 0}
.graph_group .graph_gram .my_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before3_2.png) no-repeat 0 0}
.graph_group .graph_pron .my_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before4_2.png) no-repeat 0 0}
.graph_group .graph_flue .my_sc:before{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/gr_before5_2.png) no-repeat 0 0}

.graph_group .graph_comp .my_sc .gr_num{color:#ffffff;background:#ff7e7e;border-radius:5px;top:-47px;height:28px}
.graph_group .graph_comp .my_sc .gr_num::before{ content:''; display:block; border-style:solid;  border-width:5px; border-style:solid;position:absolute;top:28px;left:40%;border-color:#ff7e7e transparent  transparent   transparent  ;}

.graph_group .graph_voca .my_sc .gr_num{color:#ffffff;background:#4a98d3;border-radius:5px;top:-47px;height:28px}
.graph_group .graph_voca .my_sc .gr_num::before{ content:''; display:block; border-style:solid;  border-width:5px; border-style:solid;position:absolute;top:28px;left:40%;border-color:#4a98d3 transparent  transparent   transparent  ;}

.graph_group .graph_gram .my_sc .gr_num{color:#ffffff;background:#81c254;border-radius:5px;top:-47px;height:28px}
.graph_group .graph_gram .my_sc .gr_num::before{ content:''; display:block; border-style:solid;  border-width:5px; border-style:solid;position:absolute;top:28px;left:40%;border-color:#81c254 transparent  transparent   transparent  ;}

.graph_group .graph_pron .my_sc .gr_num{color:#ffffff;background:#60b7a3;border-radius:5px;top:-47px;height:28px}
.graph_group .graph_pron .my_sc .gr_num::before{ content:''; display:block; border-style:solid;  border-width:5px; border-style:solid;position:absolute;top:28px;left:40%;border-color:#60b7a3 transparent  transparent   transparent  ;}

.graph_group .graph_flue .my_sc .gr_num{color:#ffffff;background:#9969c3;border-radius:5px;top:-47px;height:28px}
.graph_group .graph_flue .my_sc .gr_num::before{ content:''; display:block; border-style:solid;  border-width:5px; border-style:solid;position:absolute;top:28px;left:40%;border-color:#9969c3 transparent  transparent   transparent  ;}


.num_bar{position:absolute;top:93px;left:29px}
.num_bar span{display:block;font-size:13px;color:#222;width:20px;text-align:center;padding-top:86px}

.num_bar.ver2{position:absolute;top:34px;left:5px}
.num_bar.ver2 span{display:block;font-size:13px;color:#222;width:20px;text-align:center;padding-top:86px}



.result_help_area{zoom:1;background:#fff;padding-bottom:20px; margin:0px;}
.result_help_area:after{content:'';display:block;clear:both}

.result_help_area .area_l{float:left;width:270px;margin-right:24px;position:relative}
.result_help_area .area_l .tit_big{font-size:28px;font-weight:700;line-height:23px;color:#000;letter-spacing:-0.02em;text-align:center;padding:26px 0 29px;margin-top:30px}
.result_help_area .area_l .tit_big span{display:block;font-size:22px;letter-spacing:-0.05em;margin-top:7px}
.result_help_area .area_l .tit_big.ver2{line-height:30px;padding:40px 0 10px 0 }
.result_help_area .area_l .tit_big.ver2 span{margin-top:0px}

.result_help_area .score_area{position:relative;margin:0 auto}
.result_help_area .score_area .my_num span{font-size:50px;font-weight:600}
.result_help_area .score_area .my_num{font-size:95px;font-family:Arial;font-weight:bold;letter-spacing:-2px;width:190px;text-align:center;display:block;}


.result_help_area .area_r{float:left;width:640px;padding-top:38px;}
.result_help_area .area_r.ver2{float:left;width:580px;padding-top:38px;}


.result_help_area .result_txt .tit.dia{font-size:18px;font-weight:500;color:#333; height:26px; padding:0  0px 0px 0px;display:block; margin:8px 0;margin-left:0px}
.result_help_area .result_txt .tit.dia:before{content:'';width:22px;height:26px;margin-right:5px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_dia.gif') no-repeat;position:relative;top:-1px;}
.result_help_area .result_txt .tit.study{font-size:18px;font-weight:500;color:#333; height:26px; padding:0  0px 0px 0px;display:block; margin:8px 0;margin-left:0px}
.result_help_area .result_txt .tit.study:before{content:'';width:22px;height:26px;margin-right:5px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_study2.gif') no-repeat;position:relative;top:-1px;}


.result_help_area .result_txt .txt{font-size:15px;color:#555;line-height:25px;margin-bottom:25px;font-weight:300 ;border-top:1px dotted #ddd;padding-top:5px}


.result_help_area .check_detail{ background:#f3f3f3;padding:10px 20px;border:1px solid #e1e1e1;margin-bottom:20px}
.result_help_area .check_detail .tit_chk{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/icon-exclamation.png) no-repeat 0 9px; display:inline-block;line-height:34px;font-size:15px;color:#ff842f;padding-left:20px;}
.result_help_area .check_detail .con_group{border-bottom:1px dotted #d5ac7d;margin-bottom:18px}
.result_help_area .check_detail .con_group:last-child{border-bottom:0;margin-bottom:0}
.result_help_area .check_detail .con_tit{font-size:14px;color:#666666;padding-bottom:5px;font-weight:300}
.result_help_area .check_detail .con_txt{font-size:14px;color:#666666;line-height:23px;letter-spacing:-0.05em;c}
.result_help_area .check_detail .con{padding-bottom:20px}
.result_help_area .check_detail .con:last-child{padding-bottom:10px}
.result_help_area .check_detail .con_txt .iconliten{margin:0 0 0 10px}

.result_help_area.comp .score_area{width:190px;height:211px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/help_comp.png) no-repeat 0 0}
.result_help_area.voca .score_area{width:190px;height:211px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/help_comp.png) no-repeat 0 0}
.result_help_area.gram .score_area{width:190px;height:211px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/help_comp.png) no-repeat 0 0}
.result_help_area.pron .score_area{width:190px;height:211px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/help_comp.png) no-repeat 0 0}
.result_help_area.flue .score_area{width:190px;height:211px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/help_comp.png) no-repeat 0 0}

.result_help_area.comp .score_area2{width:60px;background:#f6f6f6;border-radius:20px;margin:0 auto;text-align:center;padding:10px}
.result_help_area.voca .score_area2{width:60px;background:#f6f6f6;border-radius:20px;margin:0 auto;text-align:center;padding:10px}
.result_help_area.gram .score_area2{width:60px;background:#f6f6f6;border-radius:20px;margin:0 auto;text-align:center;padding:10px}
.result_help_area.pron .score_area2{width:60px;background:#f6f6f6;border-radius:20px;margin:0 auto;text-align:center;padding:10px}
.result_help_area.flue .score_area2{width:60px;background:#f6f6f6;border-radius:20px;margin:0 auto;text-align:center;padding:10px}



.result_help_area .area_l .tit_big.ver2{font-size:24px;padding:40px 0 10px 0 }
.result_help_area .area_l .tit_big.ver2 span{font-size:18px;margin-top:0px}


.result_help_area.comp .tit_big,.result_help_area.comp .tit_big.ver2,
.result_help_area.comp .score_area .my_num{color:#df4f66}
.result_help_area.voca .tit_big, .result_help_area.voca .tit_big.ver2,
.result_help_area.voca .score_area .my_num{color:#418ac2}
.result_help_area.gram .tit_big, .result_help_area.gram .tit_big.ver2,
.result_help_area.gram .score_area .my_num{color:#72ad4a}
.result_help_area.pron .tit_big,.result_help_area.pron .tit_big.ver2,
.result_help_area.pron .score_area .my_num{color:#50a491}
.result_help_area.flue .tit_big,.result_help_area.flue .tit_big.ver2,
.result_help_area.flue .score_area .my_num{color:#8053a7}

.result_help_area.comp .score_area .my_num{padding:10px 0 0 0px}
.result_help_area.voca .score_area .my_num{padding:10px 0 0 0px}
.result_help_area.gram .score_area .my_num{padding:10px 0 0 0px}
.result_help_area.pron .score_area .my_num{padding:10px 0 0 0px}
.result_help_area.flue .score_area .my_num{padding:10px 0 0 0px}}



.result_help_area .btn_listen_ex{width:30px;height:30px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/btn_listen_ex.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;display:inline-block;vertical-align:middle;margin-left:5px}
.result_help_area .btn_listen_ex.on{background-position:-30px 0}
.result_help_area .btn_chk_more{padding:0 0 20px}
.result_help_area .btn_chk_more a{width:180px;height:40px;line-height:40px;background:#666 url(/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_more_white.png) no-repeat 110px 14px;border-radius:5px;font-size:15px;font-weight:400;color:#fff;text-align:center;display:block;margin:0 auto;text-decoration:none;text-indent:-10px}

.result_view{}
.result_view .section4{background:#f0f0f0;padding:0px 0px;margin-bottom:30px;}
.result_view .tit_section .comment{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_comment.png) no-repeat 0 29px;padding-left:37px}
.result_view .section4 .result_txt{background:#fff;font-size:15px;font-weight:300;color:#666;line-height:27px;letter-spacing:-0.02em;padding:20px 20px 18px;word-break:break-all;}

.result_view .section5{background:#f0f0f0;padding:0px;margin-bottom:30px}
.result_view .tit_section .zoom{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_zoom.gif) no-repeat 0 31px;padding-left:36px}
.view_wrong_area{padding-top:0px;zoom:1}
.view_wrong_area:after{content:'';display:block;clear:both}
.view_wrong_area .view_box{background:#fff;position:relative;padding:0px;width:480px;float:right}
.view_wrong_area .view_box:first-child{float:left}

.view_wrong_area .view_box .tit{height:40px;line-height:35px;display:inline-block;padding:0 23px 0 22px;letter-spacing:-0.05em;background:#000000;width:100%}
.view_wrong_area .view_box .tit .en{font-size:17px;color:#fff;letter-spacing:0}
.view_wrong_area .view_box .tit .kr{padding:4px 8px;font-size:13px;color:#fff;margin-left:9px;background:#383838;border-radius:10px;}

.view_wrong_area .view_box .wrongbox{padding:20px;}
.view_wrong_area.ver2{padding:20px;}
.wrongbox2{background:#f0f0f0;padding:20px;}

.view_wrong_area .view_box .wrongbox ul li{padding:10px 0}
.view_wrong_area .view_box .wrongbox ul li p{word-break:break-all;word-break:break-word;word-wrap:break-word;}

.view_wrong_area .view_box .wrongbox ul li p strong{color:#cd1519;font-size:15px;}


.view_wrong_area .view_box .wrong_list li p{font-size:14px;color:#656565;letter-spacing:0;padding-bottom:10px;font-weight:300;}
.view_wrong_area .view_box .wrong_list li .explain{color:#ff842f;padding-bottom:28px;letter-spacing:-0.05em}
.view_wrong_area .view_box .wrong_list li:last-child .explain{padding-bottom:16px}


.result_view .section6{background:#f0f0f0;padding:0px;margin-bottom:30px}
.result_view .tit_section .course{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ico_course.gif) no-repeat 0 26px;padding-left:35px}
.result_view .tit_section .course .user_name{vertical-align:top}
.result_view .section6 .course_area{border-top:2px dashed #d8d8d8}
.result_view .section6 .course_info{text-align:right;padding:13px 0 10px}
.result_view .section6 .course_info li{font-size:13px;color:#999;display:inline-block;margin-left:17px;padding-left:17px;position:relative}
.result_view .section6 .course_info li:after{content:'';display:block;width:7px;height:7px;border-radius:50%;position:absolute;top:5px;left:0}
.result_view .section6 .course_info li.my:after{background:#c02a05}
.result_view .section6 .course_info li.tc:after{background:#003cd4}
.result_view .section6 .course_area .lv_tab{background:#3e3e4f}
.result_view .section6 .lv_tab ul{zoom:1}
.result_view .section6 .lv_tab ul:after{content:'';display:block;clear:both}
.result_view .section6 .lv_tab li{float:left;width:70px;height:40px;line-height:40px;text-align:center;background:#3e3e4f;font-size:12px;color:#fff;letter-spacing:0}
.result_view .section6 .lv_tab li.tit{width:240px}
.result_view .section6 .lv_tab li.on{background:#c02a05;position:relative}
.result_view .section6 .lv_tab li.on:after{content:'';display:block;width:12px;height:7px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/ar_lv_tab.png) no-repeat 0 0;position:absolute;bottom:-1px;left:50%;margin-left:-6px}
.result_view .section6 .lv_tab .level_info{text-align:center;line-height:16px;font-size:13px;color:#df4b4b;background:#fff;border:1px solid #df4b4b;letter-spacing:-0.05em;padding:10px 0 8px;}
.course_tbl table{width:100%}
.course_tbl th{font-size:12px;color:#3e3e4f;letter-spacing:-0.03em;border-right:1px solid #fff;border-bottom:1px solid #e4e4e4;line-height:16px;background:#f0f0f0;padding:6px 7px}
.course_tbl td{background:#fff;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center;padding:6px 0}
.course_tbl td.lect_lv{background:#eeeef3}
.course_tbl td.my_lv{background:#ffefef;border:1px solid #f1a4a4;border-top:0}
.course_tbl td.my_lv .my_recom{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c02a05}
.course_tbl td.my_lv .tc_recom{display:inline-block;width:7px;height:7px;border-radius:50%;background:#003cd4}

.result_view .section6 .book_list{padding-top:0px}
.result_view .section6 .book_list li{background:#fff;padding:30px 0 30px 136px;margin-top:12px;position:relative}
.result_view .section6 .book_list li .book_img{position:absolute;top:29px;left:30px}
.result_view .section6 .book_list li .book_img img{width:85px;height:126px;border:1px solid #7f7f7f;vertical-align:top}

.result_view .section6 .book_list li .book_info{position:relative;padding-right:87px;min-height:95px}
.result_view .section6 .book_list li p{line-height:1}

.result_view .section6 .book_list li .book_name{font-size:20px;color:#222222;line-height:23px;padding-bottom:7px;font-weight:700;}
.result_view .section6 .book_list li .book_tit{font-size:16px;color:#4b4b4b;line-height:19px;padding-bottom:10px;font-weight:500;}
.result_view .section6 .book_list li .book_con{font-size:14px;color:#808080;line-height:22px;padding:0 0 15px;font-weight:300;}

.result_view .section6 .book_list li .book_option{font-size:14px;font-weight:500;color:#476183;padding-bottom:12px}

.result_view .section6 .book_list li .btn_book{position:absolute;bottom:19px;right:28px}


.bt_view{display:inline-block;width:126px;padding:0 10px;height:35px;line-height:33px;font-size:0.813rem;font-weight:500;color:#333;border-radius:33px;background-color:#ffffff; border:1px solid #333 ;margin:0 3px;letter-spacing:-1px; text-align:center;}
.bt_view:after{width:10px;height:20px;margin-left:0px;display:inline-block;vertical-align:middle;position:relative; font-family:"Font Awesome 5 Free"; content:'\f0da'; font-weight:600;top:-8px;}

.bt_curri{display:inline-block;width:126px;padding:0 20px;height:35px;line-height:33px;font-size:0.813rem;font-weight:500;color:#bd2e26;border-radius:33px;background-color:#ffffff; border:1px solid #bd2e26 ;margin:0 3px;letter-spacing:-1px; text-align:center;}
.bt_curri:after{width:10px;height:20px;margin-left:0px;display:inline-block;vertical-align:middle;position:relative; font-family:"Font Awesome 5 Free"; content:'\f0da'; font-weight:600;top:-8px;}




.result_view .btn_apply_group{text-align:center;padding:10px 0 50px}
.result_view .btn_apply_group a{display:inline-block;width:230px;height:45px;line-height:45px;font-size:20px;color:#fff;letter-spacing:-0.05em;margin:0 8px;text-decoration:none}
.result_view .btn_apply_group a.btn_app1{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/btn_app1.jpg) no-repeat 0 0}
.result_view .btn_apply_group a.btn_app2{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/btn_app2.jpg) no-repeat 0 0}
.result_view .btn_apply_group a.btn_app3{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/lvtest/btn_app3.jpg) no-repeat 0 0}







.stit{display:block;padding:0px;margin-bottom:30px;color:#33353e;text-align:center;font-size:30px;line-height:31px}

.listwrap{overflow:hidden;margin-top:20px;padding-bottom:50px;text-align:center;}
.listwrap .boardlist{float:left;width:48%;color:#444444;margin-right:2%}
.listwrap .boardlist:first-child{margin-right:0px}
.listwrap .boardlist th:first-child{border-right:1px solid #cfd6e0}
.listwrap .boardlist thead th{border-bottom:1px solid #cfd6e0}
.listwrap .boardlist tbody th{border-top:0}
.listwrap .boardlist td{border-top:0;}

/* boardlist */
table.boardlist{width:100%;border-width:2px 0 1px;border-style:solid;border-color:#b3b3b3 #cfd6e0 #cfd6e0;background:#fff}
table.boardlist thead th{height:48px;background:#f8f8f8;color:#333;font-size:15px;text-align:center}
table.boardlist tbody th{border-top:1px solid #cfd6e0;text-align:center}
table.boardlist tbody td{padding:12px 0 11px;border-width:1px 0 0 0;border-style:solid;border-color:#cfd6e0;text-align:center;font-size:13px;font-weight:300;color:#444444}
table.boardlist td *{vertical-align:middle}




.reclistwrap{width:100%;padding:20px;box-sizing:border-box}
.reclistwrap .playbox{margin-bottom:20px;padding:20px 0;background:#f7f7f7;text-align:center}
.reclistwrap .txtbox{margin-top:10px;padding-left:15px;color:#858585;font-size:12px;line-height:18px}
.reclistwrap .txtbox em{margin-left:-15px}
.reclistwrap .txtbox b{color:#c42605}
.reclistwrap .boardlist_03 th,
.reclistwrap .boardlist_03 td{text-align:center}
.reclistwrap .boardlist_03 th{padding:10px 0;font-size:13px}
.reclistwrap .boardlist_03 td{padding:3px 0}

table.boardlist_03{clear:both;width:100%;border-top:2px solid #3e3e4f;background:#fff}
table.boardlist_03 th,
table.boardlist_03 td{border-bottom:1px solid #cfd6e0;padding:8px 0}
table.boardlist_03 th{padding:12px 0 12px 20px;text-align:left;font-size:16px}
table.boardlist_03 th.line{position:relative}
table.boardlist_03 th.line:before{position:absolute;top:50%;left:0;width:1px;height:15px;margin-top:-7.5px;background:#969696;content:''}
table.boardlist_03 td.link{padding-right:20px;text-align:right}
table.boardlist_03 td.link a{display:inline-block;padding-bottom:2px}
table.boardlist_03 td.link.write{padding-right:10px}
table.boardlist_03 td.link.write a{position:relative;color:#4161b2}
table.boardlist_03 td.link.write a .balloon{position:absolute;top:50%;right:95px;margin-top:-12.5px}
table.boardlist_03.benefit th em{color:#95897f}
table.boardlist_03.benefit td{padding-right:25px;color:#c42605;text-align:right;font-size:16px}




/*
 *수강타입 상단 이미지
 */
.types_img{position:relative;display:inline-block;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/sub/course-types.jpg) ;background-repeat:repeat-x; background-position:center;width:100%;height:440px;  margin-top:0px}
.types_img .types_items{margin:110px 0 0 110px}
.types_img .types_items h1{padding:0;font-size:44px;font-weight:700;line-height:50px;color:#fff;letter-spacing:-2px;}
.types_img .types_items h5{padding:0;font-size:18px;font-weight:400;line-height:26px;color:#fff;letter-spacing:-1px;margin-top:50px}


/*
 *화상영어 상단 이미지
 */
.face_eng-img{position:relative;display:inline-block;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/sub/face-eng.jpg) ;background-repeat:repeat-x; background-position:center;width:100%;height:440px;  margin-top:25px}
.face_eng-img .types_items{margin:110px 0 0 110px}
.face_eng-img .types_items h1{padding:0;font-size:44px;font-weight:700;line-height:50px;color:#fff;letter-spacing:-2px;}
.face_eng-img .types_items h5{padding:0;font-size:18px;font-weight:400;line-height:26px;color:#fff;letter-spacing:-1px;margin-top:50px}

/*
 *Why? 토쿨
 */
.whytalkool{position:relative;display:inline-block;margin:0 auto; width:100%;text-align:center;}
.whytalkool ul{position:relative;display:inline-block; width:1000px}
.whytalkool ul li{float:left; width:50%;margin:10px;}
.whytalkool ul li{color:#fff;text-align:center;padding-top:100px;font-size:35px;font-weight:700;letter-spacing:-1px;line-height:40px;}
.whytalkool ul li p{color:#fff;text-align:center; font-size:35px;font-weight:400;letter-spacing:-1px;}
.whytalkool ul li:nth-child(1){background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/sub/whytalkool01.jpg') no-repeat;position:relative;width:476px;height:298px}
.whytalkool ul li:nth-child(2){background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/sub/whytalkool02.jpg') no-repeat;position:relative;width:476px;height:298px}
.whytalkool ul li:nth-child(3){background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/sub/whytalkool03.jpg') no-repeat;position:relative;width:476px;height:298px}
.whytalkool ul li:nth-child(4){background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/sub/whytalkool04.jpg') no-repeat;position:relative;width:476px;height:298px}


.step_items{position:relative;display:inline-block;width:100%;background:#ffffff;padding:0px 70px 0px 70px;border-radius:10px;}
.step_items.ver2{padding:30px 80px 50px 80px;}
.types_contents{position:relative;display:inline-block;background:#717274 url(/assets/hpg/asp/ebspeak/cmn/pc/images/sub/type-img.jpg) no-repeat 0 0;width:100%;min-height:600px;padding-bottom:140px}
.type_title{margin-top:130px;text-align:center}
.type_system h1{padding:0;font-size:50px;font-weight:700;line-height:60px;color:#fff;letter-spacing:-2px;  margin-top:10px}
.type_system h3{padding:0;font-size:30px;font-weight:700;line-height:50px;color:#fff;letter-spacing:-2px;}
.type_system h5{padding:0;font-size:24px;font-weight:400;line-height:50px;color:#fff;letter-spacing:-2px;margin-top:50px}

.type-test{margin:100px 0}
.typestab-content{padding:20px }
.step_items h1{padding:0;font-size:30px;font-weight:700;line-height:30px;color:#000;letter-spacing:-2px;margin-bottom:20px;margin-top:50px}


.typestab-content .tb_freenoti{width:100%;}
.typestab-content .tb_freenoti .tb_freeinfo{width:100%;border:0;border-spacing:0;border-bottom:1px solid #dbdcdd;table-layout:fixed}
.typestab-content .tb_freenoti .tb_freeinfo thead th{background-color:#3e3e3e;color:#fff;border-right:1px solid #dbdcdd;}
.typestab-content .tb_freenoti .tb_freeinfo th, 
.typestab-content .tb_freenoti .tb_freeinfo td{margin:0;padding:10px;border:0;border-top:1px solid #dbdcdd;font-size:13px;line-height:1.5;letter-spacing:-0.05em}
.typestab-content .tb_freenoti .tb_freeinfo th{color:#5f5f5f;font-weight:bold;background-color:#f0f0f0;}
.
.typestab-content .tb_freenoti .tb_freeinfo th:first-child{border-left:0}
.typestab-content .tb_freenoti .tb_freeinfo td a{display:inline-block;vertical-align:top}
.typestab-content .tb_freenoti .tb_freeinfo.ver2 td{border-right:1px solid #dbdcdd;vertical-align:top;font-weight:300;}





.contArea{margin:0 auto;width:100%; padding:0}
.contArea .contTit{margin-bottom:15px;font-size:40px;color:#000000;font-weight:700;line-height:45px;letter-spacing:-1.6px;margin-right:-1rem;}
.contArea .contDesc{line-height:30px;font-size:25px;color:#000000;font-weight:700;letter-spacing:-0.6px;margin-bottom:30px}
.contArea .center{text-align:center;}




.boxRound .boxCont{display:flex;height:626px; padding:0;margin:0;width:100%;}
.boxRound .boxCont > .thumb{width:400px;height:626px;text-align:center;}
.boxRound .boxCont > .summWrap{max-width:435px;height:400px;margin:60px 0 0 105px;}

.boxRound.scrollFixed{ padding:0;margin:0}
.boxRound.scrollFixed .boxWrapper{position:sticky;position:-webkit-sticky;top:80px;}
.boxRound.scrollFixed .box{position:absolute;width:100%;height:100%;display:flex;display:-webkit-flex;display:-ms-flexbox;flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;align-items:center;-webkit-align-items:center;-ms-align-items:center;opacity:0;transition:opacity .4s ease-in-out;}
.boxRound.scrollFixed .box.active{opacity:1;z-index:2;}

.boxRound.scrollFixed .boxNav{width:100%;font-size:0;margin:-30px 0 0;text-align:center;}
.boxRound.scrollFixed .boxNav .circle{display:inline-block;margin:0 2.5px;width:10px;height:10px;border-radius:100%;outline:0;background:#CCCCCC;}
.boxRound.scrollFixed .boxNav .circle.active{background:#000;}




/*구매내역 */
.orderlist_contents{}
.orderlisttopbox{display:inline-block;border:1px solid #dddddd;background:#f7f7f7;width:100%;padding:23px 23px 23px 40px;border-radius:10px;font-size:18px;font-weight:500;color:#000;letter-spacing:-0.6px;margin-bottom:20px}
.orderlisttopbox span{position:absolute;right:20px;top:15px}
.orderlisttopbox .ico_regulation{width:180px;height:45px;padding:0 14px 0 10px;display:inline-block;text-align:center;font-size:16px;font-weight:500;line-height:45px;color:#fff;background-color:#cd1519;border-radius:6px;}  /* 교재미리보기 버튼-돋보기 */
.orderlisttopbox .ico_regulation:before{content:'';width:18px;height:18px;margin-right:4px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon-check-red.png') no-repeat;position:relative;top:-1px;}

.orderlist-search{position:relative;display:inline-block;width:100%;padding:20px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;margin-bottom:50px}
.orderlist-search .btn_search_dgray{width:100px;height:45px;padding:0 14px 0 10px;display:inline-block;text-align:center;font-size:16px;font-weight:500;line-height:45px;color:#fff;background-color:#4f4f4f;border-radius:6px;}
.orderlist-search .btn_search_dgray:before{content:'';width:18px;height:18px;margin-right:4px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_search_white.png') no-repeat;position:relative;top:-1px;}
.orderlist-search td{padding:4px 0}
.orderlist-search td select{height:40px;padding:0px 15px;}
.orderlist-search .couimg{}
.orderlist-search .sort-r{position:absolute;left:200px;top:20px}

.btn-search2{width:100px;height:44px;padding:0 15px;display:inline-block;text-align:center;font-size:15px;font-weight:500;line-height:40px;color:#fff;background-color:#cd1519;border-radius:5px;margin-left:10px}


.gray_list .title-btn, .sheet_list .title-btn{position:relative;display:inline-block;width:100%; }

.gray_list .title-btn a.btnright, .sheet_list .title-btn a.btnright{position:absolute;right:0px;top:0px}

.gray_list .title-btn button{position:absolute;right:0px;top:-15px}




/*나의 학습현황 */

.tag_items{font-size:0;overflow:hidden;}
.tag_items > div{margin:-2px;}
.tag_items span{height:23px;padding:0 6px;margin:2px;display:inline-block;line-height:23px;font-size:12px;font-weight:300;color:#fff;background-color:#165592;}

.lv_label{width:100px;padding:17px 0;display:inline-block;text-align:center;border:1px solid #fff;border-radius:5px;background:rgb(243,156,10);background:-moz-linear-gradient(135deg, rgba(243,156,10,1) 0%, rgba(230,120,0,1) 100%);background:-webkit-linear-gradient(135deg, rgba(243,156,10,1) 0%, rgba(230,120,0,1) 100%);background:linear-gradient(135deg, rgba(243,156,10,1) 0%, rgba(230,120,0,1) 100%);box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.2);}
.lv_label em{font-size:14px;font-weight:500;color:#fff;}
.lv_label span{margin-top:2px;display:block;font-size:13px;font-weight:300;color:#fff;}
.lv_label.ver2{background:rgb(43,135,184);background:-moz-linear-gradient(135deg, rgba(43,135,184,1) 0%, rgba(0,110,169,1) 100%);background:-webkit-linear-gradient(135deg, rgba(43,135,184,1) 0%, rgba(0,110,169,1) 100%);background:linear-gradient(135deg, rgba(43,135,184,1) 0%, rgba(0,110,169,1) 100%);}
.lv_label.ver3{background:rgb(236,64,64);background:-moz-linear-gradient(135deg, rgba(236,64,64,1) 0%, rgba(223,0,0,1) 100%);background:-webkit-linear-gradient(135deg, rgba(236,64,64,1) 0%, rgba(223,0,0,1) 100%);background:linear-gradient(135deg, rgba(236,64,64,1) 0%, rgba(223,0,0,1) 100%);}



.my-learning{}



/* objs */
.class_progress h4{margin-bottom:2px;font-size:22px;font-weight:700;color:#000}
.class_progress .attendance_rate{}
.class_progress .now_info{padding:0 0 2px 2px;font-size:14px;color:#707070;}
.class_progress .now_info em{font-weight:700;color:#fd8300;}
.class_progress .progress_box{height:15px;margin-bottom:11px;border:1px solid #e5e5e5;background-color:#fff;position:relative;border-radius:5px;margin:10px 0}
.class_progress .progress_box .bar_sucess,
.class_progress .progress_box .bar_att{position:absolute;left:-1px;top:-1px;bottom:-1px;box-sizing:content-box;}
.class_progress .progress_box .bar_sucess{width:70%;border-right:1px solid #df0000;background-color:#f0f0f0;}
.class_progress .progress_box .bar_sucess span{margin-bottom:7px;font-size:14px;color:#ed0000;position:absolute;right:0;bottom:100%;-ms-transform:translate(50%, 0);-webkit-transform:translate(50%, 0);transform:translate(50%, 0);}
.class_progress .progress_box .bar_att{width:30%;padding-left:1px;background-color:#fd8300;border-radius:5px;}
.class_progress .progress_box .markings{margin-top:8px;text-align:center;font-size:14px;font-weight:500;color:#282828;position:absolute;left:0;top:100%;right:0;}
.class_progress .progress_box .markings:before,
.class_progress .progress_box .markings:after{position:absolute;top:0;}
.class_progress .progress_box .markings:before{content:'0%';left:0;}
.class_progress .progress_box .markings:after{content:'100%';right:-15px;}

.class_progress .results{width:100%;margin-top:20px;display:table;table-layout:fixed;border-collapse:collapse;}
.class_progress .results > div{padding:5px 5px 5px 0;display:table-cell;text-align:right;vertical-align:middle;font-size:18px;color:#000;border:0px solid #e5e5e5;}
.class_progress .results em{min-width:40px;height:40px;color:#fff;background:#666666;border-radius:50px;margin:0 3px;padding:0 8px;display:inline-block;vertical-align:middle;text-align:center;font-weight:700;line-height:40px;position:relative;top:-2px;}
.class_progress .results .att em{color:#fff;background:#3e60b5;border-radius:60px;}
.class_progress .results .abs em{color:#fff;background:#ea434b;border-radius:50px;}
.class_progress .results .sch em{color:#fff;background:#a3c7a2;border-radius:50px;}
.class_progress .results .delay em{color:#fff;background:#7fbe6f;border-radius:50px;}
.class_progress .results .can em{color:#fff;background:#6f8cb2;border-radius:50px;}
.class_progress .btns{margin-top:8px;text-align:right;}
.class_progress .btns a{margin-left:5px;}
.class_progress .results.type_min{display:block;font-size:0;border-top:0px solid #e5e5e5;border-left:0px solid #e5e5e5;}
.class_progress .results.type_min > div{width:50%;display:inline-block;vertical-align:top;border-top:none;border-left:none;}

.class_progress.type_report .attendance_rate:after{content:'';display:block;clear:both;}
.class_progress.type_report .attendance_rate > div{float:left;}
.class_progress.type_report .attendance_rate .now_info{width:100%;font-size:22px;color:#282828;}
.class_progress.type_report .progress_box{width:52%;height:15px;margin:14px 0 28px;background-color:#f0f0f0;}
.class_progress.type_report .attendance_rate .results{width:45%;margin:0;float:right;}
.class_progress.type_report .results > div{background-color:#fff;}

.lecture_items ul{}
.lecture_items > div{padding:22px 0;}
.lecture_items > ul > li{padding:40px 33px;}
.lecture_items > ul > li + li{border-top:1px dotted #c6c6c6;}
.lecture_items .info .name{font-size:24px;font-weight:700;color:#000;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.lecture_items .wrap{width:100%;display:table;table-layout:fixed;}
.lecture_items .wrap > div{display:table-cell;vertical-align:top;}

.lecturebtn{margin-top:20px;text-align:center;}
.lecturebtn a{margin-right:10px}

.lecture_items .wrap .price{vertical-align:middle;}
.lecture_items .img{width:260px;}
.lecture_items .img .btn_box{margin-top:10px;}
.lecture_items .img .btn_box a{width:100%;padding:0;}
.lecture_items .img .btn_box a + a{margin-top:6px;}
.lecture_items .img.size_s{width:104px;}
.lecture_items .img.size_m{width:158px;}
.lecture_items .img.size_l{width:219px;}
.lecture_items .img_box{position:relative;}
.lecture_items .img_box img{width:100%;overflow:hidden;border-radius:6px;}
.lecture_items .img_box .label{width:43px;height:30px;text-align:center;font-size:14px;line-height:30px;color:#fff;border-radius:3px;position:absolute;left:-17px;top:-11px;}
.lecture_items .img_box .label.type_recomm{background-color:#f40000;}
.lecture_items .img_box .label.type_tutor{width:auto;height:auto;left:0;}
.lecture_items .info{padding:0 50px;}
.lecture_items .img.size_s + .info{padding:0 28px;}
.lecture_items .info .ico_ing{vertical-align:0;}
.lecture_items .info .cate{font-size:17px;color:#000;}
.lecture_items .info .cate .ico_ing{margin-left:5px;}
.lecture_items .info .cates{margin-bottom:5px;font-size:0;}
.lecture_items .info .cates span{padding-right:13px;display:inline-block;vertical-align:middle;font-size:14px;color:#000;}
.lecture_items .info .cates span + span{padding:0 13px;position:relative;}
.lecture_items .info .cates span + span:after{content:'';width:1px;height:12px;margin:-6px 0 0;background-color:#cecece;position:absolute;left:0;top:50%;}
.lecture_items .info .cates .btn_video_preview{margin-left:20px;}
.lecture_items .info .name_ai{font-size:26px;font-weight:700;color:#000;}
.lecture_items .info .name_ai span{margin-right:6px;vertical-align:middle;font-size:17px;font-weight:700;line-height:39px;position:relative;top:-2px}
.lecture_items .info .desc,
.lecture_items .info .date{font-size:16px;line-height:1.5;color:#414141;}
.lecture_items .info .desc{margin-top:15px;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.lecture_items .info .summary{margin-top:26px;font-size:14px;line-height:1.45;font-weight:400;color:#444;}
.lecture_items .info .date{margin-top:6px;font-weight:300;}
.lecture_items .info .date.ver2{margin-top:15px;font-size:20px;font-weight:700;color:#000;}
.lecture_items .info .spec{margin-top:10px;}
.lecture_items .info .spec li{font-size:15px;font-weight:300;color:#444;line-height:30px;}

.lecture_items .info .spec li em{min-width:85px;padding-right:5px;display:inline-block;font-weight:500;}
.lecture_items .info .spec li .btn_type_arr,
.lecture_items .info .spec li .btn_type_s{margin-right:6px;font-size:14px;}
.lecture_items .info .spec .part + .part{margin-left:50px;}



.lecture_items .info .tel_form{position:relative;display:inline-block;}
.lecture_items .info .tel_form select{width:66px;height:33px;line-height:31px;margin-right:5px;color:#777;border-color:#dbdbdb;}
.lecture_items .info .tel_form input[type="text"]{width:66px;height:33px;line-height:33px;margin-right:6px;color:#777;border-color:#dbdbdb;}
.lecture_items .info .tel_form button{position:absolute;top:0;}


.lecture_items .others{padding:0 0 0 17px;}
.lecture_items .tags{margin:0 -30px 0 0;min-height:160px;padding:7px 0 0;}/* width가 부족하여 마이너스 마진으로 조정 */
.lecture_items .tags span{height:28px;margin:3px 3px 0 0;padding:0 12px;display:inline-block;vertical-align:top;font-size:14px;font-weight:400;line-height:28px;color:#fff;background-color:#6f8cb2;}
.lecture_items .incharge{margin-right:-35px;font-size:14px;color:#757575;}
.lecture_items .incharge span{padding:2px 0;display:block;position:relative;}
.lecture_items .price{width:210px;}
.lecture_items .price .total{font-size:30px;font-weight:700;color:#ff1e00;}
.lecture_items .price .total em{font-weight:700;color:#414141;}
.lecture_items .btns{width:152px;}
.lecture_items .btns a{width:100%;height:48px;display:block;text-align:center;font-size:18px;font-weight:300;line-height:48px;color:#fff;background-color:#0070d6;}
.lecture_items .btns a + a{margin-top:3px;}
.lecture_items .btns .btn_apply{background-color:#ff6100;}
.lecture_items .btns_s{width:134px;}
.lecture_items .btns_s a{width:100%;padding:0;}
.lecture_items .btns_s a + a{margin-top:5px;}
.lecture_items .sheet_type_time{width:350px;}
.lecture_items .detail_btn{margin:-35px -33px 0;text-align:right;}

.lecture_items.type_min{padding:10px 40px;}
.lecture_items.type_min > ul > li{padding:22px 0 22px 15px;}
.lecture_items.type_min .img{width:104px;}
.lecture_items.type_min .info{padding:0 30px;}
.lecture_items.type_min .info .desc{margin-top:11px;font-weight:300;}
.lecture_items.type_min .img_box .label.type_tutor{width:70px;top:-12px;}

.lecture_items.type_unit{padding:10px 35px;background-color:#eff3f6;position:relative;border-radius:10px;}
.lecture_items.type_unit > div{padding:20px 0;}
.lecture_items.type_unit > ul > li{padding:20px 0;}
.lecture_items.type_unit .img{width:78px;}
.lecture_items.type_unit .info{padding:3px 20px 0;}
.lecture_items.type_unit .info .desc{height:auto;font-weight:400;}
.lecture_items.type_unit .info .btn_box{margin-top:10px;}
.lecture_items.type_unit .info .spec li{font-size:14px;font-weight:400;color:#000;}
.lecture_items.type_unit .info .spec li + li{margin-top:4px;}
.lecture_items.type_unit .info .spec li em{padding-right:10px;}
.lecture_items.type_unit .unit_btn{width:222px;vertical-align:middle;}
.lecture_items.type_unit .btm_box{margin-top:20px;text-align:center;}
.lecture_items.type_unit .btm_box a + a{margin-left:35px;}
.lecture_items.type_unit .btm_box .msg{padding:5px 16px;text-align:left;font-size:14px;font-weight:300;color:#272727;background-color:#fff;border:1px solid #d9e6f0;}
.lecture_items.type_unit .chat_wrap{position:absolute;right:30px;top:5px;}
.lecture_items.type_unit .swich_button{margin-top:15px;}

.lecture_items.type_book li{padding:25px 0 25px 12px;}
.lecture_items.type_book li + li{border-top:1px solid #e0e0e0;}
.lecture_items.type_book .img{width:85px;}
.lecture_items.type_book .info{padding:3px 35px 0;}
.lecture_items.type_book .info .name{font-size:18px;}
.lecture_items.type_book .info .name em{color:#0070d6;}
.lecture_items.type_book .info .name .ico_type_b{margin-left:10px;position:relative;top:-1px;}
.lecture_items.type_book .info .desc{height:auto;margin-top:8px;font-size:14px;color:#444;-webkit-line-clamp:6;}
.lecture_items.type_book .info .summary{margin:5px 0 0;font-size:13px;}
.lecture_items.type_book .info_btns{margin-top:15px;}
.lecture_items.type_book .info_btns a{margin:0 2px;}
.lecture_items.type_book .btns{vertical-align:middle;}
.lecture_items.type_book .btns a{height:44px;font-size:16px;line-height:44px;}
.lecture_items .active .lecture_detail{display:block;}
.lecture_items .active .detail_btn{display:none;}
.lecture_detail{margin:38px -33px 0;padding:0 25px;border:1px solid #0070d6;position:relative;display:none;}
.lecture_detail .lecture_items.type_book{border:none;}
.lecture_detail .btn_close{position:absolute;right:-1px;top:-39px;}
.lecture_detail .btn_close span{width:94px;height:38px;text-align:center;font-size:14px;line-height:38px;color:#fff;background-color:#0070d6;border-radius:4px 4px 0 0;}
.lecture_detail .btn_close span:after{content:'';width:9px;height:6px;margin-left:8px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_close_arr.png') no-repeat;}


.class_items{padding:20px 10px 20px 20px;}
.class_items .wrap{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.class_items .wrap > div{display:table-cell;vertical-align:middle;text-align:center;}
.class_items .wrap .btns{width:145px;}
.class_items .wrap .state{width:130px;}
.class_items .wrap .info{text-align:left;color:#000;}
.class_items .info .time{font-size:22px;}
.class_items .info .time em{color:#f00000;}
.class_items .info .teacher{margin-top:3px;font-size:26px;font-weight:700;}
.class_items .info .desc{font-size:16px;}
.class_items .state span{width:68px;height:36px;display:inline-block;text-align:center;font-size:18px;line-height:36px;font-weight:400;color:#fff;background-color:#f27d00;}
.class_items .state span.ver2{background-color:#a2a2a2;}
.class_items .btns a{width:100%;display:block;text-align:center;font-size:20px;line-height:48px;color:#fff;border:1px solid #df0000;background-color:#df0000;border-radius:6px;}
.class_items .btns a.ver2{color:#000;border-color:#ccc;background-color:#e1e1e1;}
.class_items .btns a + a{margin-top:7px;}

.schedule_wrap{}
.schedule_nav{height:30px;margin-bottom:45px;text-align:center;position:relative;}
.schedule_nav a{width:30px;height:30px;margin-top:-5px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;position:absolute;top:50%;}
.schedule_nav a.prev{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_page_prev2.png');left:30%;}
.schedule_nav a.next{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_page_next2.png');right:30%;}
.schedule_nav .current{font-size:28px;line-height:50px;color:#000;}


/* registration period */
.regi_period{margin-bottom:35px;text-align:left;font-size:18px;}
.regi_period em,
.regi_period span{display:inline-block;vertical-align:middle;line-height:48px;}
.regi_period em{height:48px;padding:0 17px;color:#fff;background-color:#ff8400;border-radius:5px;}
.regi_period span{margin-left:10px;color:#434343;}

.reserv_wrap{}
.reserv_wrap .reserv_box{padding:20px;border:1px solid #d9d9d9; border-radius:8px;}
.reserv_wrap .reserv_box + .reserv_box{margin-top:20px;}
.reserv_spec{padding:0 15px;}
.reserv_spec li{width:100%;display:table;table-layout:fixed;}
.reserv_spec li em,
.reserv_spec li span{display:table-cell;vertical-align:middle;text-align:left;color:#343434;}
.reserv_spec li em{width:128px;padding:3px 0;font-size:14px;font-weight:300;}
.reserv_spec li span{font-size:16px;}
.reserv_form_wrap{}
.reserv_form_wrap .step_box{margin-top:40px;}
.reserv_form_wrap .step_tit{margin-bottom:20px;}
.reserv_form_wrap .step_tit span{height:30px;margin-right:18px;font-size:12px;line-height:30px;}
.reserv_form_wrap .step_tit span em{margin-left:2px;font-size:15px;}
.reserv_form_wrap .step_tit span:after{border-top:15px solid transparent;border-left:15px solid #dc2316;border-bottom:15px solid transparent;}
.reserv_form_wrap .step_tit strong{font-size:20px;line-height:30px;}

.selected_class_info{padding:23px 28px 28px;margin-top:45px;background-color:#e9e9e9;}
.selected_class_info h4{margin-bottom:9px;font-size:20px;font-weight:700;color:#080808;}
.selected_wrap{padding:0 120px 0 0;position:relative;}

.selected_wrap .class_data{padding:15px 20px;background-color:#fff;}
.selected_wrap .class_data li{width:100%;display:table;table-layout:fixed;}
.selected_wrap .class_data li em,
.selected_wrap .class_data li span{display:table-cell;vertical-align:middle;text-align:left;color:#000;}
.selected_wrap .class_data li em{width:100px;padding:3px 0;font-size:14px;font-weight:300;}
.selected_wrap .class_data li span{font-size:16px;}
.selected_wrap .btn_reserv{width:112px;text-align:center;background-color:#df0000;position:absolute;right:0;top:0;bottom:0;}
.selected_wrap .btn_reserv span{width:100%;margin-top:-11px;text-align:center;font-size:18px;font-weight:700;color:#fff;position:absolute;left:0;top:50%;}

.teachers_select{overflow:hidden;}
.teachers_select ul{margin:-5px;font-size:0;}
.teachers_select li{width:33.33%;padding:5px;display:inline-block;vertical-align:top;position:relative;}
.teachers_select .wrap{width:100%;height:160px;display:block;border:1px solid #d2d2d2;overflow:hidden;position:relative;border-radius:5px;}
.teachers_select .on .wrap{border-color:#dc2316;}
.teachers_select .photo,
.teachers_select .tag_items,
.teachers_select .name{position:absolute;}
.teachers_select .photo{left:-20px;top:0;}
.teachers_select .photo img{width:190px;}
.teachers_select .tag_items{text-align:center;left:10px;right:10px;bottom:7px;}
.teachers_select .name{font-size:20px;font-weight:700;color:#343434;top:16px;right:21px;}
.teachers_select .name a{margin-right:3px;}


.date_time_select{margin:0 -6px;}
.date_time_select a{text-align:center;font-size:14px;font-weight:300;color:#080808;}
.date_time_select .part_wrap{width:100%;display:table;table-layout:fixed;}
.date_time_select .part{padding:0 6px;display:table-cell;vertical-align:top;}
.date_time_select .part.type_time{width:466px;}
.date_time_select .cate_name{margin-bottom:5px;padding:9px 14px;font-size:14px;color:#080808;background-color:#cfcfcf;}
.date_time_select .select_prog,
.date_time_select .select_day,
.date_time_select .select_time{border:1px solid #d2d2d2;}
.date_time_select .select_prog{padding:4px;}
.date_time_select .select_prog a{display:block;line-height:33px;border:1px solid #e9e9e9;}
.date_time_select .select_prog a.on{border-color:#dc2316;}
.date_time_select .select_prog a + a{margin-top:4px;}
.date_time_select .select_day a{height:30px;display:block;line-height:29px;}
.date_time_select .select_day a.on{color:#fff;background-color:#dc2316;}
.date_time_select .select_day a.disabled{color:#fff;text-decoration:line-through;background-color:#dadada;}
.date_time_select .select_day a + a{border-top:1px solid #e9e9e9;}
.date_time_select .select_time{width:100%;display:table;table-layout:fixed;}
.date_time_select .select_time > div{display:table-cell;vertical-align:top;}
.date_time_select .time_section{width:62px;}
.date_time_select .time_section a{height:60px;padding-top:5px;display:block;line-height:1.1;}
.date_time_select .time_section a + a{border-top:1px solid #e9e9e9;}
.date_time_select .time_table{font-size:0;border-left:1px solid #e9e9e9;}
.date_time_select .time_table a{width:16.66%;height:30px;display:inline-block;vertical-align:top;line-height:30px;border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;}
.date_time_select .time_table a:nth-child(n+1):nth-child(-n+6){border-top:none;}
.date_time_select .time_table a:nth-child(6n+0){width:16.7%;border-right:none;}
.date_time_select .select_time a.on{background-color:#dc2316;color:#fff;}
.date_time_select .select_time a.disabled{background-color:#dadada;color:#fff;}



.unit_select{}
.unit_select td select{width:100%;}
.unit_select .unit_items{margin-top:14px;border:1px solid #ced4da;}
.unit_select .items_head,
.unit_select .items_body a{width:100%;display:table;table-layout:fixed;}
.unit_select .items_head span,
.unit_select .items_body a span{display:table-cell;vertical-align:middle;text-align:center;border-bottom:1px solid #eee;}
.unit_select .items_head span:first-child,
.unit_select .items_body a span:first-child{width:160px;border-right:1px solid #eee;}
.unit_select .items_head span{height:36px;font-size:15px;line-height:36px;background-color:#f4f4f4;}
.unit_select .items_body{max-height:110px;overflow-x:hidden;overflow-y:auto;}
.unit_select .items_body a span{height:26px;font-size:14px;font-weight:300;color:#000;}
.unit_select .items_body a.on span{background-color:#dae2f4;}

.word_items{}
.word_items .word_utils{margin-bottom:12px;}
.word_items .word_utils select{width:190px;}
.word_items .word_utils .num{margin-left:10px;font-size:15px;font-weight:400;color:#000;}
.word_items .word_utils .num em{font-weight:700;color:#df0000;}
.word_items .sorting{margin-bottom:25px;}
.word_items li{padding:15px 18px;border:1px solid #e3e3e3;background-color:#f4f4f4;position:relative;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;border-radius:6px;}
.word_items li + li{margin-top:10px;}
.word_items .ico_listening{margin-left:10px;position:relative;top:-1px;}
.word_items .word{padding:0 10px 8px;color:#1d1d1d;}
.word_items .word .original{margin-bottom:8px;font-size:18px;font-weight:400;}
.word_items .word .interpretation{font-size:14px;font-weight:300;}
.word_items .example{padding:10px;font-size:14px;font-weight:300;color:#1d1d1d;border-top:1px solid #e7e7e7;}
.word_items .example em{margin-right:3px;color:#e27000;}
.word_items .memorizing{border:1px solid #f3dfaf;background-color:#f9f5ea;border-radius:6px;}
.word_items .memorizing .example{border-top-color:#f3dfaf;}
.word_items .select_memorizing{position:absolute;right:18px;top:15px;}

.word_note{border:1px solid #e8e8e8;box-shadow:0 0 6px 1px rgba(0, 0, 0, 0.2);border-radius:6px;overflow:hidden;}
.word_note .note_head{border-bottom:1px solid #c9c9c9;background-color:#a6a6a6;position:relative;}
.word_note .note_head h4{padding:10px 21px;font-size:20px;font-weight:500;color:#fff;}
.word_note .note_head .btn_all_view{margin-top:-15px;position:absolute;right:13px;top:50%;}
.word_note .note_body{padding:20px;}
.word_note .note_body .sorting{margin-bottom:23px;}
.note_items{}
.note_items li{padding:7px 5px;font-size:14px;line-height:1.5;font-weight:300;color:#1d1d1d;border-bottom:1px solid #e7e7e7;}

.quiz_intro{padding:20px 0 30px;text-align:center;}
.quiz_intro .msg{margin-bottom:58px;padding:0 0 3px;display:inline-block;font-size:24px;color:#3c4c64;border-bottom:1px solid #3c4c64;}
.quiz_intro .quiz_start{width:600px;padding:90px 0 40px;margin:0 auto;background-color:#ececec;}
.quiz_intro .quiz_start p{margin-bottom:75px;font-size:30px;line-height:1.2;color:#3f3f3f;font-weight:700;}

.quiz_area{min-height:570px;padding:0 0 45px;border:1px solid #ebebeb;position:relative;}
.quiz_area .paging{font-size:0;position:absolute;right:17px;top:17px;}
.quiz_area .paging em{padding:0 5px;display:inline-block;font-size:16px;color:#454545;}
.quiz_area .paging em + em{position:relative;}
.quiz_area .paging em + em:before{content:'';width:1px;height:14px;margin-top:-6px;background-color:#c9c9c9;position:absolute;left:0;top:50%;}
.quiz_area .paging em.current{font-weight:700;color:#2779e6;}
.quiz_area .guide_msg{font-size:14px;color:#4e4e4e;position:absolute;left:24px;top:16px;}
.quiz_item{}
.quiz_item .questions{padding:60px 0;text-align:center;position:relative;}
.quiz_item .questions .ico_listening02{margin-right:15px;position:absolute;right:100%;top:0;}
.quiz_item .questions p{display:inline-block;vertical-align:middle;font-size:30px;font-weight:700;color:#2779e6;position:relative;}
.quiz_item .insert_ans{padding:30px 50px 40px;text-align:center;font-size:28px;color:#4e4e4e;}
.quiz_item .insert_ans .insert_text{min-width:140px;height:46px;margin:0 12px;padding:0 10px;display:inline-block;vertical-align:middle;text-align:center;font-size:24px;line-height:44px;font-weight:700;color:#2779e6;border:1px solid #ddd;border-radius:5px;position:relative;top:-2px;}
.quiz_item .insert_ans .insert_words{min-height:160px;padding:30px 10px 40px;border:1px solid #ddd;border-radius:5px;word-break:keep-all;}
.quiz_item .choose_ans{width:562px;margin:10px auto 0;}
.quiz_item .choose_ans li{}
.quiz_item .choose_ans li + li{margin-top:10px;}
.quiz_item .choose_ans a{height:55px;display:block;text-align:center;font-size:16px;line-height:55px;font-weight:400;color:#252525;border:1px solid #ddd;border-radius:55px;position:relative;}

.quiz_btn{margin-top:60px;text-align:center;}
.quiz_btn a + a{margin-left:9px;}
.quiz_item .choose_ans .correct a{border-color:#f2b95b;background-color:#ffd38b;}
.quiz_item .choose_ans .correct a:after{content:'정답!';width:52px;height:35px;text-align:center;font-size:14px;font-weight:700;line-height:30px;color:#fff;text-indent:2px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_correct.png') no-repeat;position:absolute;right:-20px;top:-5px;}
.quiz_item .choose_ans ul .choose a{border-color:#ddd;background-color:#f0f0f0;}
.quiz_item.type_o .questions .icon{width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;left:50%;top:50%;}
.quiz_item.type_o .questions .icon:after{content:'';border:9px solid #df0000;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:50%;opacity:0.7;}
.quiz_item.type_x .questions .icon:before,
.quiz_item.type_x .questions .icon:after{content:'';width:150px;height:10px;margin:-5px 0 0 -75px;background-color:#df0000;position:absolute;left:50%;top:50%;opacity:0.7;}
.quiz_item.type_x .questions .icon:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.quiz_item.type_x .questions .icon:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.type_last.quiz_area{min-height:auto;}
.type_last .quiz_item .complete_ans{margin-bottom:32px;padding-bottom:35px;text-align:center;font-size:14px;color:#4e4e4e;border-bottom:1px solid #ebebeb;}
.type_last .quiz_item .choose_ans{width:100%;padding:25px 0 0;}
.type_last .quiz_item .choose_ans ul{text-align:center;font-size:0;}
.type_last .quiz_item .choose_ans li{margin:0;display:inline-block;vertical-align:top;}
.type_last .quiz_item .choose_ans li + li{margin-left:23px;}
.type_last .quiz_item .choose_ans li a{min-width:140px;height:46px;padding:0 10px;display:inline-block;vertical-align:top;text-align:center;font-size:20px;line-height:44px;color:#252525;border:1px solid #ddd;border-radius:5px;}
.type_last .quiz_item .choose_ans li a.on{background-color:#ebebeb;}
.type_last .quiz_item .quiz_utils{margin-top:35px;padding:40px 0 0;text-align:center;border-top:1px solid #ebebeb;}
.type_last .quiz_item .quiz_utils a + a{margin-left:22px;}

.quiz_result{width:754px;margin:0 auto;padding-top:35px;text-align:center;border:0px solid #e5e5e5;border-radius:30px;}
.quiz_result .score{margin-bottom:30px;font-size:140px;line-height:150px;font-weight:700;color:#df0000;}
.quiz_result .score em{font-size:35px;line-height:35px;font-weight:700;color:#000}
.quiz_result .comment{margin-bottom:30px;font-size:30px;color:#000;letter-spacing:-2px}
.quiz_result .comment em{margin-right:10px;display:inline-block;font-weight:700;color:#4ba1e4;}
.quiz_result .comment em:before{content:'';width:51px;height:51px;margin-right:10px;display:inline-block;vertical-align:middle;background-repeat:no-repeat;position:relative;top:-4px;}
.quiz_result .type_smile1 em:before{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_smile1.png');}
.quiz_result .type_smile2 em:before{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_smile2.png');}
.quiz_result .type_smile3 em:before{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_smile3.png');}
.quiz_result .type_smile4 em:before{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_smile4.png');}
.quiz_result .type_smile5 em:before{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_smile5.png');}
.quiz_result .type_smile6 em:before{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_smile6.png');}
.quiz_result .status{margin-bottom:30px;}
.quiz_result .status span{font-size:30px;color:#000;}
.quiz_result .status span em{width:64px;height:38px;margin-left:4px;display:inline-block;vertical-align:middle;text-align:center;line-height:38px;color:#fff;background-color:#dc0606;border-radius:38px;position:relative;top:-2px;}
.quiz_result .status span + span{margin-left:35px;}
.quiz_result .status span + span em{background-color:#717171;}
.quiz_result .average{padding:10px 0;font-size:18px;color:#666;margin-bottom:50px}
.quiz_result .average em{font-weight:700;color:#df0000;}

.conversation_items{}
.conversation_items li{border:1px solid #e3e3e3;background-color:#f4f4f4;}
.conversation_items li + li{margin-top:15px;}
.conversation_items .wrap{width:100%;display:table;table-layout:fixed;}
.conversation_items .wrap > div{display:table-cell;vertical-align:middle;text-align:left;}
.conversation_items .wrap .character1{width:150px;text-align:center;border-right:1px solid #e7e7e7;}
.conversation_items .wrap .character1 span{width:59px;padding-top:58px;display:inline-block;font-size:18px;font-weight:500;color:#030303;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_character1.png') 50% 0 no-repeat;}
.conversation_items .wrap .character2{width:150px;text-align:center;border-right:1px solid #e7e7e7;}
.conversation_items .wrap .character2 span{width:59px;padding-top:58px;display:inline-block;font-size:18px;font-weight:500;color:#030303;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_character2.png') 50% 0 no-repeat;}
.conversation_items .wrap .listen{width:98px;text-align:left;}
.conversation_items .conversation{padding:18px 33px;}
.conversation_items .conversation > div{min-height:37px;padding:5px 0;font-size:18px;line-height:1.5;font-weight:300;color:#1d1d1d;position:relative;}
.conversation_items .conversation .kr{margin-top:2px;font-size:16px;}
.conversation_items .conversation em{color:#014dc1;}
.conversation_items .conversation > div:after,
.conversation_items .type_all .conversation > div:after{content:'';width:100%;height:100%;background-color:#e6e6e6;position:absolute;left:0;top:0;opacity:0;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);}
.conversation_items .type_original .conversation .kr:after{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.conversation_items .type_original .conversation .pinyin:after{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}

.conversation_items .type_pinyin .conversation .original:after{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.conversation_items .type_pinyin .conversation .kr:after{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}

.conversation_items .type_kr .conversation .original:after{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.conversation_items .type_kr .conversation .pinyin:after{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}


.conversation_items .active{background-color:#fdf0de;}
.conversation_items .active .ico_listening03{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_listening_red02.png');}

.chat_wrap{position:relative;}
.chat_wrap .btn_teacher_chat{width:70px;height:80px;padding-top:55px;display:block;text-align:center;font-size:12px;color:#444;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_chat.png') no-repeat;}
.chat_wrap .chat_layer{width:623px;background-color:#f3f3f3;border:1px solid #e5e5e5;position:absolute;right:-110px;top:-15px;border-radius:10px;overflow:hidden;opacity:0;box-shadow:0 0 8px 1px rgba(0, 0, 0, 0.3);-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);transform-origin:70% 20%;}
.chat_wrap .chat_layer .chat_head{background-color:#ffffff;border-bottom:1px solid #e5e5e5;position:relative;box-shadow:0 0 5px rgba(0, 0, 0, .09);}
.chat_wrap .chat_layer .chat_head .name{padding:11px 18px;font-size:18px;font-weight:500;color:#000;}
.chat_wrap .chat_layer .chat_head .btn_layer_close{width:50px;height:100%;margin-top:-25px;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_layer_close_black.png') 50% 50% no-repeat;position:absolute;right:0;top:50%;}
.chat_wrap .chat_layer .chat_body{height:345px;padding:30px 10px 20px 25px;background-color:#f3f3f3;overflow-x:hidden;overflow-y:auto;}
.chat_wrap .chat_layer .chat_foot{padding:10px;position:relative;}
.chat_wrap .chat_layer .chat_foot input[type="text"]{width:100%;height:48px;border:1px solid #f5f5f5;border-radius:6px;}
.chat_wrap .chat_layer .chat_foot .btn_send{width:76px;text-align:center;font-size:18px;line-height:46px;color:#fff;background-color:#292929;position:absolute;right:11px;top:11px;bottom:11px;border-radius:0 6px 6px 0;}
.chat_layer .msg_item{padding:0 124px 0 53px;position:relative;}
.chat_layer .msg_item + .msg_item{margin-top:12px;}
.chat_layer .msg_item .thumb{width:41px;height:41px;border-radius:50%;position:absolute;left:0;top:0;}
.chat_layer .msg_item .msg_box{min-height:44px;padding:11px 20px;display:inline-block;text-align:left;font-size:14px;font-weight:300;color:#0c0c0c;background-color:#fff;border-radius:15px;position:relative;}
.chat_layer .msg_item .date{width:123px;margin:0 0 0 6px;font-size:12px;color:#59616d;position:absolute;left:100%;bottom:0;overflow:hidden;}
.chat_layer .msg_item .date .btn_delete{width:11px;height:11px;margin:4px 0 0 3px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_chat_delete.png') no-repeat;}
.chat_layer .msg_item .date em,
.chat_layer .msg_item .date .btn_delete{float:left;}
.chat_layer .msg_item.type_my{padding:0 0 0 124px;text-align:right;}
.chat_layer .msg_item.type_my .msg_box{background-color:#ffeb33;}
.chat_layer .msg_item.type_my .date{margin:0 6px 0 0;left:auto;right:100%;}
.chat_layer .msg_item.type_my .date em,
.chat_layer .msg_item.type_my .date .btn_delete{float:right;}
.chat_layer .msg_item.type_my .date .btn_delete{margin:4px 3px 0 0;}



.chat_wrap.active .chat_layer{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}

.feedback_box{}
.feedback_box + .feedback_box{margin-top:25px;}
.feedback_box h4{height:50px;padding:0 0px;font-size:18px;line-height:50px;font-weight:500;color:#000;}
.feedback_box .feedback_cont{padding:36px 30px;font-size:16px;line-height:1.5;font-weight:300;color:#000;border:1px solid #ebebeb;background-color:#fff;}
.feedback_box .feedback_cont:after{content:'';display:block;clear:both;}
.feedback_box .feedback_cont .part{width:50%;float:left;}
.feedback_box .feedback_cont dl{}
.feedback_box .feedback_cont dt{width:185px;height:35px;display:inline-block;text-align:center;font-size:16px;line-height:35px;color:#fff;background-color:#dca38f;border-radius:5px;}
.feedback_box .feedback_cont dt em{margin-left:6px;padding-left:8px;display:inline-block;vertical-align:top;position:relative;}
.feedback_box .feedback_cont dt em:before{content:'';width:1px;height:12px;margin-top:-6px;background-color:#fff;position:absolute;left:0;top:50%;}
.feedback_box .feedback_cont dd{padding:15px 6px;font-size:16px;font-weight:400;}
.feedback_box .feedback_cont dd strong{display:block;font-size:18px;font-weight:500;}
.feedback_box .feedback_cont dd em{color:#d60000;font-weight:400;}
.feedback_box .feedback_cont dd span{font-weight:500;}

.feedback_box .view_wrong_area{background:#fff;border:1px solid #ebebeb;}
.feedback_box .view_wrong_area:after{content:'';display:block;clear:both}
.feedback_box .view_wrong_area .view_box{ position:relative;width:50%;float:right;padding:10px 10px;font-size:16px;font-weight:300;line-height:28px;}
.feedback_box .view_wrong_area .view_box.ver2{width:100%;}
.feedback_box .view_wrong_area .view_box:first-child{float:left;border-right:1px solid #ebebeb;}
.feedback_box .view_wrong_area .view_box em{margin-left:6px;padding-left:8px;display:inline-block;vertical-align:top;position:relative;color:#d60000;font-weight:300;}
.feedback_box .view_wrong_area .view_box em:before{content:'';width:1px;height:12px;margin-top:-6px;background-color:#fff;position:absolute;left:0;top:50%;}
.feedback_box .view_wrong_area .view_box strong{display:block;font-size:18px;font-weight:500;}
.feedback_box .view_wrong_area .view_box span{font-weight:500;}



.mp3_box{}
.mp3_box .mp3_outer{padding:6px;border:1px solid #d1d3d3;background-color:#fafafa;border-radius:5px;}
.mp3_box .mp3_outer .date{margin:8px 0 3px;padding-left:20px;position:relative;}
.mp3_box .mp3_outer .date:before{content:'';width:3px;height:3px;background-color:#767676;border-radius:1px;position:absolute;left:12px;top:10px;}
.mp3_box .mp3_outer .date span{font-size:14px;color:#2c5169;}
.mp3_box .mp3_outer .date span + span{margin-left:5px;}

.guide_list li{padding:0 0 0 13px;font-size:16px;line-height:1.6;font-weight:400;color:#404040;position:relative;}
.guide_list li:before{content:'';width:4px;height:4px;background-color:#8b8b8b;border-radius:2px;position:absolute;left:0;top:11px;}
.notice_box{padding:30px 35px;background-color:#f7f7f7;}
.notice_box h4{margin-bottom:10px;font-size:18px;font-weight:500;color:#404040;}
.notice_box li{padding:2px 0 2px 13px;font-size:16px;line-height:1.6;font-weight:400;color:#404040;position:relative;}
.notice_box li:before{content:'';width:4px;height:4px;background-color:#8b8b8b;border-radius:2px;position:absolute;left:0;top:13px;}

.swich_button{text-align:center;}
.swich_button .swich_inner{display:inline-block;vertical-align:top;font-size:0;background-color:#dedede;position:relative;overflow:hidden;border-radius:100px;}
.swich_button a{width:116px;height:40px;display:inline-block;vertical-align:top;text-align:center;font-size:14px;line-height:40px;color:#fff;position:relative;}
.swich_button .swich_inner:before{content:'';width:116px;height:100%;background-color:#4454b6;position:absolute;left:0;top:0;border-radius:100px;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.swich_button a + a{margin-left:-12px;}
.swich_button.active .swich_inner:before{left:50%;}

.select_memorizing{display:inline-block;font-size:0;background-color:#fff;border:1px solid #e5e5e5;border-radius:100px;overflow:hidden;}
.select_memorizing label{display:inline-block;position:relative;}
.select_memorizing label input[type="radio"]{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;z-index:1;cursor:pointer;}
.select_memorizing label em{width:47px;height:24px;display:block;text-align:center;font-size:12px;font-weight:300;line-height:24px;color:#575757;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.select_memorizing label input[type="radio"]:checked + em{background-color:#eb7e09;color:#ffffff;}


.my_class_status{width:100%;margin:0 auto;position:relative;}
.my_class_status .my_remain_point{font-size:18px;font-weight:500;color:#333;position:absolute;right:30px;top:15px;}
.my_class_status .my_remain_point em{color:#df0000;}
.my_class_status h3{margin-bottom:8px;text-align:center;font-size:30px;font-weight:700;color:#000;}

.my_class_status .class_tab{font-size:0;margin-left:20px}
.my_class_status .class_tab a{width:150px;height:55px;margin-right:1px;display:inline-block;vertical-align:top;text-align:center;font-size:16px;font-weight:400;line-height:55px;color:#666;background-color:#ebebeb;border-radius:10px 10px 0 0;}
.my_class_status .class_tab a.on{font-weight:500;color:#fff;background-color:#000000;}
.my_class_status .status_container{padding:50px;background-color:#fff;border-radius:10px;box-shadow:0 0 8px 1px rgba(0, 0, 0, 0.1);position:relative;margin-bottom:100px}
.my_class_status .status_container:after{content:'';display:block;clear:both;}
.my_class_status .status_container > div{float:left;}
.my_class_status .status_container .box{border:1px solid #e5e5e5;}
.my_class_status .stat_lecture{width:100%;border:1px solid #e5e5e5;position:relative;}
.my_class_status .stat_lecture + .stat_lecture{margin-top:20px;}
.my_class_status .stat_lecture.closed{background-color:#e8e8e8;}
.my_class_status .stat_lecture .swiper-container{overflow:hidden;}
.my_class_status .stat_lecture .nav{display:none;}
.my_class_status .stat_lecture .nav button{width:38px;height:38px;margin-top:-19px;font-size:0;background-repeat:no-repeat;position:absolute;top:50%;z-index:1;}
.my_class_status .stat_lecture .nav button.prev{left:-19px;background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_nav_prev.png');}
.my_class_status .stat_lecture .nav button.next{right:-19px;background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_nav_next.png');}
.my_class_status .stat_lecture .nav button.swiper-button-disabled{opacity:0.5;cursor:default;}
.my_class_status .nothing_lecture{padding:70px 0 60px;text-align:center;}
.my_class_status .nothing_lecture p{font-size:30px;line-height:1.3;color:#000;}
.my_class_status .nothing_lecture p span{font-size:20px;}
.my_class_status .nothing_lecture a{width:470px;height:83px;margin-top:30px;display:inline-block;text-align:center;font-size:28px;line-height:83px;font-weight:700;color:#fff;background-color:#0c2b84;}

.my_class_status .stat_lecture .split_box{width:100%;display:table;table-layout:fixed;}
.my_class_status .stat_lecture .split_box > div{display:table-cell;vertical-align:top;}
.my_class_status .stat_lecture .split_box .stat_class{width:770px;}
.my_class_status .stat_lecture .split_box .stat_ai{padding:30px 40px;border-left:1px solid #e5e5e5;position:relative;}
.my_class_status .stat_lecture .split_box .stat_progress{padding:20px 40px;border-left:1px solid #e5e5e5;position:relative;}
.my_class_status .stat_lecture .split_box .stat_lec{padding:40px 0 40px 40px;}

.my_class_status .stat_lecture .stat_class{padding:30px;}
.my_class_status .stat_lecture .btn_area{margin-top:15px;text-align:right;}
.my_class_status .stat_lecture .btn_area a{margin-left:5px;}
.my_class_status .stat_lecture .no_data{padding:100px 0;text-align:center;font-size:25px;font-weight:700;color:#212121;}

.my_class_status .stat_class .lecture_items,
.my_class_status .stat_class .lecture_items > div,
.my_class_status .stat_lec .lecture_items,
.my_class_status .stat_lec .lecture_items > div{padding:0;}
.my_class_status .class_spec{}
.my_class_status .class_spec span{padding:0 0 0 17px;display:block;font-size:18px;line-height:1;font-weight:500;color:#000;position:relative;}
.my_class_status .class_spec span + span{margin-top:18px;}
.my_class_status .class_spec span:before{content:'';width:8px;height:8px;background-color:#0070d6;border-radius:7px;position:absolute;left:0;top:6px;}
.my_class_status .class_spec span em{font-weight:500;}
.my_class_status .stat_progress h4{font-size:22px;}
.my_class_status .stat_progress .class_progress{margin-top:0;}
.my_class_status .class_delay{margin-top:18px;width:100%;display:table;table-layout:fixed;}
.my_class_status .class_delay > h4,
.my_class_status .class_delay > div{display:table-cell;vertical-align:top;}
.my_class_status .class_delay h4{width:110px;margin-bottom:2px;font-weight:700;color:#000}
.my_class_status .class_delay .delay_info{padding-top:10px;}
.my_class_status .class_delay .use{margin-bottom:5px;font-size:16px;font-weight:400;color:#707070;}
.my_class_status .class_delay .use em{font-weight:700;color:#df0000;}
.my_class_status .class_delay .btn_type_i{margin-bottom:3px;}
.my_class_status .class_delay .msg{padding:0 2px;font-size:14px;color:#ec1822;}
.my_class_status .class_reserv{margin-top:18px;position:relative;}
.my_class_status .class_reserv h4{margin-bottom:10px;font-weight:700;color:#000}
.my_class_status .class_reserv h4 a{margin-left:10px;vertical-align:middle;position:relative;top:-2px;}
.my_class_status .class_reserv .msg{margin-top:8px;padding:0 2px;font-size:14px;line-height:1.3;color:#ec1822;}
.my_class_status .reserv_info{width:100%;display:table;table-layout:fixed;}
.my_class_status .reserv_info > div,
.my_class_status .reserv_info > span{height:86px;display:table-cell;vertical-align:middle;text-align:center;}
.my_class_status .reserv_info > span{width:18px;font-size:18px;font-weight:500;color:#a3a3a3;}
.my_class_status .reserv_info > div{background-color:#ababab;font-size:13px;line-height:1.3;font-weight:400;color:#fff; border-radius:6px;}
.my_class_status .reserv_info .type_possib{background-color:#314d9b;}
.my_class_status .reserv_info em{margin-top:4px;display:block;font-size:17px;font-weight:500;color:#fff;}
.my_class_status .reserv_info .type_possib strong{color:#e91000;}
.my_class_status .reserv_info .type_possib strong:first-child{color:#ffd800;}
.my_class_status .reserv_info .type_compl em{color:#264bb6;}
.my_class_status .reserv_info .type_total em{color:#bd0f38;}
.my_class_status .class_progress{margin-top:5px;}

.my_class_status .stat_ai .btn_detail{position:absolute;right:40px;top:40px;}
.my_class_status .stat_ai .stat_ai_head{margin-bottom:35px;position:relative;}

.my_class_status .stat_ai .stat_ai_head .ai_btns{position:absolute;right:0;top:30px;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.my_class_status .stat_ai .stat_ai_head .ai_btns a{display:block;position:relative;right:0;top:0;}
.my_class_status .stat_ai .stat_ai_head .ai_btns a + a{margin-top:5px;}
.my_class_status .stat_ai h4{margin-top:15px;font-size:22px;font-weight:700;color:#000;}

.my_class_status .stat_leveltest{width:295px;}
.my_class_status .stat_leveltest .level_txt{height:67px;text-align:center;font-size:18px;line-height:66px;color:#000;border-bottom:1px solid #e8e8e8;}
.my_class_status .stat_leveltest .level_txt em{width:38px;height:38px;display:inline-block;vertical-align:middle;text-align:center;line-height:38px;color:#fff;background-color:#0046f7;border-radius:50%;position:relative;top:-2px;}
.my_class_status .stat_leveltest .level_info{padding:0 24px 24px;}
.my_class_status .stat_leveltest .level_graph{height:217px;}
.my_class_status .stat_leveltest .btn_detail{width:100%;height:42px;line-height:42px;}
.my_class_status .stat_leveltest .btn_detail:after{margin-left:9px;}
.my_class_status .status_container .stat_recomm{width:880px;float:right;}
.my_class_status .stat_recomm .box{padding:20px 0 21px;}
.my_class_status .tab_sc_st,
.my_class_status .stat_schedule,
.my_class_status .stat_class_ai{width:100%;margin-top:70px;}
.my_class_status .progress_ai{margin-bottom:30px;padding:0 0 0 165px;position:relative;}
.my_class_status .progress_ai h4{padding:0 0 0 38px;margin-top:-20px;font-size:24px;font-weight:700;color:#171717;position:absolute;left:0px;top:50%;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_title02.png') 0 10px no-repeat;}

.my_class_status .status_container .my_class_view{float:none;}
.my_class_view .class_dashboard{padding:27px 19px 34px;background:#f3f1e8;}
.class_dashboard .dashboard_inner{padding-right:208px;position:relative;}
.class_dashboard .btn_class_schedule{position:absolute;right:8px;top:0;}
.class_dashboard .class_navi{width:100%;display:table;table-layout:fixed;border-spacing:0;}
.class_dashboard .class_navi > div{width:317px;height:100px;padding:0 8px;display:table-cell;vertical-align:top;}
.class_dashboard .class_navi dl{height:100%;padding:16px 20px;background-color:rgba(255, 255, 255, 0.7);position:relative;}
.class_dashboard .class_navi dl:after{content:'';display:block;clear:both;}
.class_dashboard .class_navi dt{float:left;font-size:22px;line-height:1.2;font-weight:700;color:#000;}
.class_dashboard .class_navi dd{padding:;float:right;}
.class_dashboard .class_navi dd a{width:115px;height:30px;display:block;text-align:center;font-size:14px;line-height:30px;color:#fff;background-color:#373737;border-radius:6px;}
.class_dashboard .class_navi dd a + a{margin-top:4px;}
.class_dashboard .class_navi dd a.on{background-color:#cd1519;}
.class_dashboard .class_navi .active dl{background-color:rgba(255, 255, 255, 1);}
.class_dashboard .class_navi .active dl:before{content:'';width:0;height:0;margin-left:-10px;border-top:12px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:50%;top:100%;}
.class_dashboard .class_navi .active dt{color:#cd1519;}

.my_class_view .class_view_contents{padding:25px 36px 40px;border:1px solid #e5e5e5;}
.my_class_view .view_info{}
.my_class_view .view_info .subject{margin-bottom:10px;font-size:16px;line-height:32px;color:#343434;}
.my_class_view .view_info .subject em{margin-right:4px;font-size:18px;font-weight:500;}
.my_class_view .view_info .subject .ico_type_d{margin-right:8px;vertical-align:-1px;}
.my_class_view .view_info .unit_choose{margin-bottom:20px;position:relative;}
.my_class_view .view_info .unit_choose select{min-width:595px;font-size:15px;}
.my_class_view .view_info .unit_choose .btn_download{position:absolute;right:0;top:-2px;}
.my_class_view .view_cont{margin-top:35px;}
.my_class_view .preview_video{width:600px;padding:10px 0 0;margin:0 auto;}
.my_class_view .view_word_wrap{width:100%;display:table;table-layout:fixed;}
.my_class_view .view_word_wrap > div{display:table-cell;vertical-align:top;}
.my_class_view .view_word_wrap .type_note{width:438px;padding-left:37px;border-radius:6px;}
.my_class_view .view_note_link{padding:22px 0 25px;text-align:center;background-color:#eff3f6;border-radius:10px;}
.my_class_view .view_note_link h4{margin-bottom:28px;font-size:36px;font-weight:700;color:#0b0b0b;}
.my_class_view .view_note_link a + a{margin-left:33px;}
.my_class_view .view_cont .pagination{padding-top:35px;}
.my_class_view .view_quiz_wrap{}
.my_class_view .quiz_area{margin-top:30px;}
.my_class_view .quiz_result_area{margin:45px auto 0;}
.my_class_view .quiz_result_area .quiz_btn{margin-top:40px;}
.my_class_view .view_ai{padding:20px 0;}
.my_class_view .view_ai .notice{margin-bottom:40px;text-align:center;font-size:22px;color:#e80000;}
.my_class_view .view_main_class{}
.my_class_view .pdf_viewer{margin-top:30px;background-color:#f7f7f7;}
.my_class_view .view_correct_wrap .notice_box{margin-top:70px;}

.stat_recomm .lecture_items.type_min .info .name{font-size:22px;}
.recommended_box .lecture_items.type_min .info .name{font-size:22px;}





.sheet_type_time{}
.sheet_type_time table{border-collapse:collapse;}
.sheet_type_time th,
.sheet_type_time td{vertical-align:middle;font-weight:500;border:1px solid #d9d9d9;}
.sheet_type_time th{padding:12px 0 12px 21px;text-align:left;font-size:17px;color:#2c2c2c;}
.sheet_type_time td{height:66px;padding:12px 0;text-align:center;font-size:26px;color:#6d6c6c;}
.sheet_type_time td em{margin-right:10px;display:inline-block;vertical-align:middle;font-size:17px;color:#2c2c2c;position:relative;top:-2px;}
.sheet_type_time .blue{color:#3d9aef;}
.sheet_type_time .red{color:#c9353d;}


.sheet_date{}
.sheet_date a{width:100%;height:44px;display:block;font-size:15px;line-height:44px;font-weight:300;color:#000;}
.sheet_date td{text-align:center;font-size:15px;color:#000;border:1px solid #d8d8d8;}
.sheet_date thead td a{display:block;font-weight:500;}
.sheet_date thead td a.on{background-color:#f4e8d2;}
.sheet_date tbody td a.disabled{background-color:#f0f0f0;color:#999;text-decoration:line-through;cursor:default;}
.sheet_date tbody td a.selected{background-color:#c00000;font-weight:500;color:#fff;}

.sheet_cart{}
.sheet_cart table input[type="checkbox"]{width:20px;height:20px;}
.sheet_cart th,
.sheet_cart td{text-align:center;border-bottom:1px solid #e8e8e8;}
.sheet_cart th{padding:18px 0;font-size:18px;color:#000;border-top:1px solid #0070d6;}
.sheet_cart td.img img{width:158px;}
.sheet_cart td.sbj{padding:25px;text-align:left;}
.sheet_cart td .lec_spec{font-size:16px;font-weight:400;line-height:1.8;color:#000;}
.sheet_cart td.price{padding:28px 25px;vertical-align:top;text-align:right;position:relative;}
.sheet_cart td.price .real_price{}
.sheet_cart td.price .real_price em,
.sheet_cart td.price .real_price strong{display:inline-block;vertical-align:middle;}
.sheet_cart td.price .real_price em{font-size:22px;color:#363636;}
.sheet_cart td.price .real_price strong{margin-left:10px;font-size:30px;font-weight:500;color:#080808;}
.sheet_cart td.price .btns{position:absolute;right:25px;bottom:28px;}
.sheet_cart td.price .btns a + a{margin-left:3px;}
.sheet_cart td.no_data{height:280px;font-size:18px;color:#212121;}
.sheet_cart .disabled td{background-color:#f1f1f1;}
.sheet_cart .disabled td.img img{opacity:0.6;}
.sheet_cart .disabled td .lec_spec{color:#5b5b5b;}
.sheet_cart .disabled td.price{vertical-align:middle;}
.sheet_cart .disabled .disable_msg{text-align:left;font-size:18px;line-height:1.7;color:#363636;}

.sheet_report{}
.sheet_report th,
.sheet_report td{padding:13px 0;text-align:center;font-size:14px;line-height:20px;font-weight:500;color:#000;border:1px solid #d8d8d8;}
.sheet_report th{background-color:#f1f1f1;}
.sheet_report td .level{font-size:16px;font-weight:500;color:#de0000;}

.sheet_curriculum{border-top:3px solid #28324b;}
.sheet_curriculum table{}
.sheet_curriculum th,
.sheet_curriculum td{text-align:center;border:1px solid #d8d6d4;}
.sheet_curriculum th{padding:16px 0;font-size:14px;font-weight:500;color:#080808;border-right:1px solid #fff;background-color:#e5ebf1;}
.sheet_curriculum th:last-child{border-right-color:#d8d6d4;}
.sheet_curriculum td{padding:15px 0;font-size:13px;line-height:1.4;font-weight:300;color:#777;border-top:1px solid #d8d6d4;border-right:1px solid #d8d6d4;}
.sheet_curriculum .lv_cate{background-color:#f4f5f8;}
.sheet_curriculum .course_item{display:block;}
.sheet_curriculum .course_item .img img{width:80px;}
.sheet_curriculum .course_item .name{margin-top:8px;font-size:13px;color:#080808;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


.sheet_utils{padding:14px 8px;}
.sheet_utils:after{content:'';display:block;clear:both;}
.sheet_utils .sort{}
.sheet_utils .sort select{min-width:140px;margin-right:20px;color:#000;}

.sheet_head{width:100%;margin-bottom:25px;display:table;table-layout:fixed;}
.sheet_head > div{display:table-cell;text-align:left;vertical-align:bottom;}
.sheet_head > div + div{text-align:right;}
.sheet_head .total{font-size:17px;color:#000;}
.sheet_head .total em{color:#0070d6;}
.sheet_head .search_input{width:325px;}
.sheet_head.ver2{margin-bottom:15px;}
.sheet_head.ver2 .total{vertical-align:middle;font-size:16px;}
.sheet_head.ver2 .total span{font-weight:700;}
.sheet_head.ver2 .total span em{color:#e80000;}
.sheet_head.ver2 .btn,
.sheet_head.ver2 .btn a{vertical-align:bottom;}

.sheet_btns{margin:35px 0 0;text-align:center;position:relative;}
.sheet_btns a,
.sheet_btns button{margin:0 4px;}
.sheet_btns .btn_list{margin:0;position:absolute;left:0;top:0;}

.sheet_calendar{}
.sheet_calendar table{border:1px solid #e5e5e5;}
.sheet_calendar th{padding:15px 5px;font-size:16px;color:#000;text-align:center;border-left:1px solid #e5e5e5;background-color:#f6f6f6;border-bottom:2px solid #d2d0d6;}
.sheet_calendar td{padding:12px;height:120px;vertical-align:top;font-size:14px;border:1px solid #e5e5e5;text-align:left;}
.sheet_calendar thead tr th:first-child{color:#dc1212;}
.sheet_calendar thead tr th:last-child{color:#0749a1;}
.sheet_calendar tbody tr td:first-child .day,
.sheet_calendar tbody tr td.public_holiday,
.sheet_calendar tbody tr td.public_holiday .day,
.sheet_calendar tbody tr td.public_holiday .state{color:#dc1212;font-weight:500;}
.sheet_calendar tbody tr td:last-child .day{color:#0749a1;font-weight:500;}
.sheet_calendar tbody tr td.date_dimmed .day{color:#cecece;}
.sheet_calendar .day{padding:4px 0 10px;display:block;font-weight:300;color:#6d6d6d;}
.sheet_calendar .state{padding-left:12px;font-weight:300;color:#000;position:relative;}
.sheet_calendar .state > em,
.sheet_calendar .state > span{display:inline-block;vertical-align:middle;}
.sheet_calendar .state em{margin-right:6px;font-weight:500;color:#13b27c;}
.sheet_calendar .state em:before{content:'';width:6px;height:6px;background-color:#7bca9e;border-radius:4px;position:absolute;left:2px;top:9px;}
.sheet_calendar .btnver2 a,
.sheet_calendar .btnver2 button{width:100%;height:32px;margin-top:4px;padding:0 0px;display:block;text-align:center;font-size:12px;font-weight:300;line-height:32px;color:#fff;letter-spacing:-1px;background-color:#df0000;border-radius:4px;}
.sheet_calendar .btnver2 a.type_abs,
.sheet_calendar .btnver2 button.type_abs{background-color:#bbb;}
.sheet_calendar .btnver2 a.type_pre,
.sheet_calendar .btnver2 button.type_pre{background-color:#777;}
.sheet_calendar .btnver2 a.type_lein,
.sheet_calendar .btnver2 button.type_lein{background-color:#2ec0aa;}

.sheet_calendar .type_att.state em{color:#df0000;}
.sheet_calendar .type_att.state em:before{background-color:#df0000;}
.sheet_calendar .type_abs.state,
.sheet_calendar .type_abs.state em{color:#bbb;}
.sheet_calendar .type_abs.state em:before{background-color:#bbb;}
.sheet_calendar .type_hold.state em{color:#1494bb;}
.sheet_calendar .type_hold.state em:before{background-color:#1494bb;}
.sheet_calendar .type_dl.state em{color:#ffae00;}
.sheet_calendar .type_dl.state em:before{background-color:#ffae00;}
.sheet_calendar .type_repl.state em{color:#78af6d;}
.sheet_calendar .type_repl.state em:before{background-color:#78af6d;}
.sheet_calendar .type_tptc.state em{color:#ffc600;}
.sheet_calendar .type_tptc.state em:before{background-color:#ffc600;}
.sheet_calendar .type_cancle.state em{color:#a475c5;}
.sheet_calendar .type_cancle.state em:before{background-color:#a475c5;}

.sheet_calendar.type_min .btn{padding:0}
.sheet_calendar.type_min .btn a,
.sheet_calendar.type_min .btn button{height:27px;font-weight:500;line-height:27px;color:#fff;}
.sheet_calendar.type_min td{padding:10px;height:110px;}
.sheet_calendar.type_min .day{padding:2px 0 5px;}
.sheet_calendar.type_min .state{margin-bottom:4px;}

.sheet_time_table{}
.sheet_time_table th,
.sheet_time_table td{height:40px;vertical-align:middle;text-align:center;border:1px solid #e5e5e5;}
.sheet_time_table th{padding:12px 0;font-size:14px;color:#000;background-color:#f1f1f1;}
.sheet_time_table td a,
.sheet_time_table td > span{width:100%;height:40px;display:block;text-align:center;font-size:14px;font-weight:400;line-height:40px;color:#0a5fb0;}
.sheet_time_table td .another{color:#49b00a;}
.sheet_time_table td .nothing{color:#ddd;text-decoration:line-through;}

.sheet_book{}
.sheet_book th,
.sheet_book td{text-align:center;color:#000;border-bottom:1px solid #e8e8e8;}
.sheet_book th{padding:15px 0;font-size:14px;border-top:1px solid #0070d6;}
.sheet_book td{padding:5px 0;vertical-align:middle;font-size:14px;font-weight:400;}
.sheet_book .topic{padding:5px 12px;text-align:left;line-height:1.3;}




.guide_info li{line-height:24px;text-align:left;}
.guide_info li{padding-left:8px;position:relative;}
.guide_info li:before{content:'';width:4px;height:4px;background-color:#979797;border-radius:2px;position:absolute;left:0;top:12px;}




/* buttons */
.btn_type_s{min-width:115px;height:35px;padding:0 15px;display:inline-block;text-align:center;font-size:16px;font-weight:300;line-height:35px;color:#fff;background-color:#ff6100; border-radius:5px;}
.btn_type_s.ver2{background-color:#0070d6;}
.btn_type_s.ver3{background-color:#ffae00;}
.btn_type_s.ver4{background-color:#df0000;}
.btn_type_s.ver5{background-color:#6b6b6b;}
.btn_type_s.ver6{background-color:#6b6b6b;padding:0 10px;font-size:13px;font-weight:300;height:30px;line-height:30px;}
.btn_type_s.ver6:after{content:'';width:6px;height:9px;margin-left:6px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_next_white2.png') no-repeat;position:relative;top:-1px;}


.btn_type_arr{min-width:115px;height:35px;padding:0 15px;display:inline-block;text-align:center;font-size:16px;font-weight:300;line-height:35px;color:#fff;background-color:#dc1212;border-radius:5px;}
.btn_type_arr:after{content:'';width:23px;height:9px;margin-left:6px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_btn_arr.png') no-repeat;position:relative;top:-3px;}
.btn_type_arr.ver2{background-color:#0070d6;}

.btn_type_i{height:33px;padding:0 19px;display:inline-block;vertical-align:middle;border:1px solid #d6d6d6;font-size:14px;line-height:31px;font-weight:400;color:#3e3e3e;background-color:#eee;border-radius:5px;}
.btn_type_i.ver2{color:#fff;border-color:#ff6100;background-color:#ff6100;}
.btn_type_i.ver3{color:#df0101;border-color:#fff;background-color:#fff;}

.btn_type_d{height:32px;padding:0 12px;display:inline-block;text-align:center;font-size:14px;font-weight:300;line-height:32px;color:#fff;background-color:#0a76d8;border-radius:5px;}
.btn_type_d.ver2{background-color:#0070d6;}
.btn_type_d.ver3{background-color:#ffae00;}
.btn_type_d.ver4{background-color:#df0000;}
.btn_type_d.ver5{background-color:#808080;}

.btn_type_j{height:36px;padding:0 14px;display:inline-block;border:1px solid #c2c2c2;font-size:13px;line-height:34px;font-weight:400;color:#1a1a1a;border-radius:5px;}
.btn_type_j.ver2{color:#2756ac;border-color:#7ab8e8;}
.btn_type_k{min-width:200px;height:50px;padding:0 30px;display:inline-block;text-align:center;font-size:16px;line-height:50px;color:#fff;background-color:#afafaf;border-radius:5px;}
.btn_type_k:hover{background-color:#999;}
.btn_type_k.ver2{background-color:#0070d6;}
.btn_type_k.ver2:hover{background-color:#0260b5;}
.btn_type_k.ver3{background-color:#df0000;}
.btn_type_k.ver3:hover{background-color:#cc0505;}
.btn_type_k.ver4{background-color:#ff6100;}
.btn_type_k.ver4:hover{background-color:#f05e04;}

.btn_type_quiz{width:274px;height:56px;display:inline-block;vertical-align:middle;text-align:center;font-size:18px;line-height:56px;font-weight:500;color:#fff;background-color:#131313;}
.btn_type_quiz.continue{text-indent:20px;}
.btn_type_quiz.continue:after{content:'';width:23px;height:9px;margin-left:20px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_btn_arr.png') no-repeat;position:relative;top:-3px;}


.btn_video_preview{height:35px;padding:0 20px;display:inline-block;vertical-align:middle;font-size:16px;line-height:35px;font-weight:300;color:#fff;background-color:#df0000;border-radius:35px;}
.btn_video_preview:after{content:'';width:11px;height:35px;margin-left:7px;display:inline-block;vertical-align:top;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_video_arr.png') 0 50% no-repeat;}
.btn_voice{width:135px;height:38px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;line-height:36px;color:#1a1a1a;border:1px solid #979797;border-radius:5px;}
.btn_voice:before{content:'';width:20px;height:20px;margin-right:8px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_notice.png') no-repeat;position:relative;top:-2px;}
.btn_voice_link{width:25px;height:25px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_voice.png') no-repeat;}



.btn_book_download,
.btn_mp3_download{height:42px;padding:0 21px 0 24px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;line-height:42px;color:#fff;background-color:#519de3;border-radius:4px;}
.btn_book_download.ver2,
.btn_mp3_download.ver2{background-color:#1cbf73;}
.btn_book_download:after,
.btn_mp3_download:after{content:'';width:19px;height:19px;margin-left:5px;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;position:relative;top:-1px;}
.btn_book_download:after{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_book_down.png');}
.btn_mp3_download:after{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_mp3_down.png');}
.btn_book_download.ver2:after,
.btn_mp3_download.ver2:after{background-position:0 -19px;}

.btn_book_view,
.btn_pdf_viewer{height:35px;padding:0 15px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;font-weight:300;line-height:35px;color:#fff;border-radius:4px;}

.btn_book_view:before,
.btn_pdf_viewer:before{content:'';width:16px;height:35px;margin-right:5px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:50% 50%;}
.btn_book_view{background-color:#37b0a4;}
.btn_book_view:before{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_book_view.png');}
.btn_pdf_viewer{background-color:#dc1212;}
.btn_pdf_viewer:before{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_pdf.png');}
.btn_data_view{height:35px;padding:0 15px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;font-weight:300;line-height:35px;color:#fff;background-color:#376bb0;border-radius:4px;}
.btn_quiz_uitl{width:216px;height:50px;display:inline-block;text-align:center;font-size:16px;line-height:50px;color:#fff;background-color:#a8a8a8;border-radius:50px;}
.btn_quiz_uitl:before{content:'';height:50px;margin-right:8px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:0 50%;}
.btn_quiz_uitl.ver_refresh{}
.btn_quiz_uitl.ver_refresh:before{width:23px;background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_refresh.png');}
.btn_quiz_uitl.ver_confirm{background-color:#df0000;}
.btn_quiz_uitl.ver_confirm:before{width:29px;background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_confirm.png');}

.btn_review_write{height:35px;padding:0 15px;display:inline-block;vertical-align:middle;text-align:center;font-size:13px;font-weight:300;line-height:35px;color:#9badd9;border:1px solid #9badd9;background-color:#ffffff;border-radius:4px;margin-top:7px;letter-spacing:-1px}
.btn_review_write:before{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon-revew.png'); content:'';width:16px;height:35px;margin-right:5px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:50% 50%;}



.btn_print{}
.btn_print span{font-size:14px;line-height:52px;font-weight:300;color:#898989;}
.btn_print span:after{content:'';width:52px;height:52px;margin-left:6px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_print.png') 50% 50% no-repeat;border:2px solid #e4e4e4;border-radius:50%;box-sizing:border-box;}
.btn_print.ver2 span{color:#0070d6;}
.btn_print.ver2 span:after{border-color:#3083ce;background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_print_blue.png');}





.btn_class_schedule{height:60px;padding:0 26px 0 51px;display:inline-block;font-size:16px;border-radius:6px;line-height:60px;color:#fff;background:#f49107 url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_schedule.png') 27px 50% no-repeat;}
.btn_class_schedule:after{content:'';width:24px;height:60px;margin-left:9px;display:inline-block;vertical-align:top;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_go.png') 50% 50% no-repeat;}

.btn_today{height:50px;padding:0 78px 0 38px;display:inline-block;vertical-align:middle;font-size:16px;font-weight:500;line-height:50px;color:#fff;background-color:#df0000;border-radius:50px;overflow:hidden;position:relative;}
.btn_today:after{content:'';width:55px;height:100%;background:#cd0000 url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_word.png') 40% 50% no-repeat;position:absolute;right:0;top:0;}
.btn_today.ver_quiz:after{background:#cd0000 url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_quiz.png') 50% 50% no-repeat;}
.btn_today.ver_book:after{background:#cd0000 url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_paper.png') 50% 50% no-repeat;}
.btn_all_view{height:30px;padding:0 15px 0 17px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;line-height:30px;color:#fff;background-color:#3848ab;border-radius:30px;}
.btn_all_view:after{content:'';width:8px;height:12px;margin-left:6px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_link_white.png') no-repeat;position:relative;top:-1px;}
.btn_download{height:43px;padding:0 66px 0 27px;display:inline-block;vertical-align:middle;font-size:16px;font-weight:500;line-height:43px;color:#fff;background-color:#df0000;border-radius:5px;overflow:hidden;position:relative;}
.btn_download:after{content:'';width:46px;height:100%;background:#cd0000 url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_download.png') 50% 50% no-repeat;position:absolute;right:0;top:0;}
.btn_download.ver_correct:after{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_btn_correct.png');}


/* icon */
.ico_listening{width:15px;height:13px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_listening_gray.png') no-repeat;}
.ico_listening02{width:50px;height:50px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_quiz_listening.png') no-repeat;}
.ico_listening03{width:24px;height:20px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_listening_gray02.png') no-repeat;}
.ico_listening04{width:24px;height:20px;display:inline-block;vertical-align:middle;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_listening02.png') no-repeat;}




.schedule_guide{margin-bottom:45px;}
.schedule_guide .msg{margin-bottom:11px;font-size:14px;font-weight:300;color:#343434;}
.schedule_guide .spec{width:100%;display:table;table-layout:auto;border-collapse:collapse;}
.schedule_guide .spec > span{padding:13px 0;display:table-cell;vertical-align:middle;text-align:center;font-size:14px;color:#000;background-color:#f2f2f2;border:1px solid #e3e3e3;}
.schedule_guide .spec em{min-width:68px;height:34px;margin-left:3px;padding:0 11px;display:inline-block;vertical-align:middle;font-size:15px;line-height:34px;color:#fff;background-color:#b89841;border-radius:34px;}
.schedule_guide .spec > span:nth-child(2) em{background-color:#0780f4;}
.schedule_guide .spec > span:nth-child(3) em{background-color:#ea434b;}
.schedule_guide .spec > span:nth-child(4) em{background-color:#7fbe6f;}
.schedule_guide .guide_info{margin-top:18px;padding:15px 20px;border:1px solid #d9d9d9;}
.schedule_guide .guide_info p{padding:0 8px;}
.schedule_guide .guide_info p,
.schedule_guide .guide_info li{font-size:14px;line-height:1.7;font-weight:300;color:#343434;}
.schedule_guide .guide_info li{padding-left:8px;position:relative;}
.schedule_guide .guide_info li:before{content:'';width:4px;height:4px;background-color:#979797;border-radius:2px;position:absolute;left:0;top:13px;}
.schedule_guide .guide_info li span{color:#ed0000;}
.schedule_guide .guide_info li em{min-width:74px;padding:0 10px;height:27px;display:inline-block;text-align:center;font-size:14px;line-height:27px;color:#fff;background-color:#e20000;border-radius:4px;}
.schedule_guide .guide_info li em.type_rein{background-color:#2ec0aa;}
.schedule_guide .guide_info li em.type_pre{background-color:#777;}







.l_face_wrap{width:100%;padding:0px;height:700px;overflow-y:scroll;}
.l_face_wrap img{width:100%;}



/*
 *layers
 *기본 사이즈는 layer_body에 들어가는 컨텐츠의 사이즈에 따라서 자동 조정
 *레이어의 사이즈를 직접 지정 할 수도있고 내부의 컨텐츠 사이즈를 지정 할 수도 있음
 */
.layer_dim{width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);position:fixed;left:0;top:0;z-index:100;display:none;}
.layerpop{margin-top:-300px;border:1px solid #c2c2c2;background-color:#fff;position:absolute;left:-100%; opacity:0;z-index:101;-ms-transition:opacity 0.2s ease-out, transform 0.2s ease-out;-webkit-transition:opacity 0.2s ease-out, transform 0.2s ease-out;transition:opacity 0.2s ease-out, transform 0.2s ease-out;-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);}
.layerpop.popreview{border-radius:10px;}
.layerpop.allmap{margin-top:0px;}
.layerpop.type_fixed{margin-top:0;border-radius:10px;position:fixed;top:50%;-ms-transform:translate(-50%, -50%) scale(0);-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);}
.layerpop .layer_head{text-align:left;background-color:#3c3c3c;position:relative;}
.layerpop .layer_head .layer_tit{padding:10px 20px;font-size:18px;font-weight:700;color:#fff;}
.layerpop .layer_head .layer_tit em{color:#6bfffa;}
.layerpop .layer_head .layer_tit.ver2{padding:10px 18px;text-align:left;font-weight:700;}
.layerpop .layer_head .btn_layer_close{margin-top:-25px;background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_layer_close_white.png');top:50%;}
.layerpop .layer_body{padding:20px;position:relative;}
.layerpop .layer_body.nopadding{padding:0px;}
.layerpop .btn_layer_close{width:50px;height:50px;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_layer_close.png') 50% 50% no-repeat;position:absolute;right:0;top:0;}
.layerpop.type_video .layer_head{text-align:left;background-color:#090446;}
.layerpop.type_video .layer_head .layer_tit{padding:12px 22px;font-size:18px;}
.layerpop.type_video .layer_body{padding:0;}
.layerpop.type_class{border:none;box-shadow:1px 1px 7px 1px rgba(0, 0, 0, 0.1);}
.layerpop.type_class .layer_head{background-color:#97b1c8;}
.layerpop.type_class .layer_head .layer_tit{padding:10px 25px;text-align:left;font-size:24px;font-weight:700;color:#fff;}
.layerpop.show{left:50%;opacity:1;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.layerpop.show.type_fixed{left:50%;opacity:1;-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);}

.l_class_wrap{width:885px;}
.l_reserv_result{width:600px;padding:10px 20px;}
.l_reserv_result .msg{margin-bottom:10px;font-size:22px;color:#000;}
.l_reserv_result .sheet_result{padding:8px 0 10px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.l_reserv_result table{}
.l_reserv_result th,
.l_reserv_result td{padding:6px 2px;text-align:left;font-size:18px;}
.l_reserv_result .sheet_result th{font-weight:400;color:#4f4f4f;}
.l_reserv_result .sheet_result td{color:#000;}
.l_reserv_result .btn_confirm{margin-top:16px;text-align:right;}
.l_reserv_result .btn_confirm a{height:40px;padding:0 20px;display:inline-block;font-size:18px;line-height:40px;color:#fff;background-color:#000;border-radius:6px;}

.l_preview_wrap{width:1200px;}
.l_preview_wrap .preview_sbj{padding:12px 22px;font-size:18px;color:#fff;background-color:#111c6e;}
.l_preview_wrap .preview_video{width:1072px;padding:54px 38px;margin:25px auto;background-color:#000;border-radius:20px;overflow:hidden;position:relative;}
.l_preview_wrap .preview_video:before,
.l_preview_wrap .preview_video:after{content:'';position:absolute;left:50%;}
.l_preview_wrap .preview_video:before{width:12px;height:12px;margin-left:-6px;background-color:#f7f7f7;border-radius:50%;top:21px;}
.l_preview_wrap .preview_video:after{width:62px;height:26px;margin-left:-31px;border:2px solid #969696;border-radius:9px;bottom:15px;box-sizing:border-box;}
.l_preview_wrap .vjs-poster{background-color:#4c4c4c;}
.l_preview_wrap .video_wrap .video-js .vjs-big-play-button{background-color:#888;}
.l_preview_wrap .video_wrap .video-js:hover .vjs-big-play-button,
.l_preview_wrap .video_wrap .video-js .vjs-big-play-button:hover{background-color:#999;}


#layer_teacher_detail{width:592px;}
.l_teacher_detail{padding:10px;}
.l_teacher_detail .teacher_info{width:100%;display:table;table-layout:fixed;}
.l_teacher_detail .teacher_info > div{display:table-cell;vertical-align:top;}
.l_teacher_detail .teacher_info .photo{width:210px;}
.l_teacher_detail .teacher_info .photo_box{border:1px solid #dfdfdf;border-radius:6px;overflow:hidden;}
.l_teacher_detail .teacher_info .photo_box img{width:100%;}
.l_teacher_detail .teacher_info .cont{padding:0 0 0 28px;position:relative;}
.l_teacher_detail .teacher_info .info_txt{}
.l_teacher_detail .teacher_info .info_txt strong{font-size:22px;line-height:1.3;font-weight:500;color:#343434;}
.l_teacher_detail .teacher_info .info_txt p{margin-top:13px;font-size:15px;line-height:1.3;font-weight:400;color:#595959;}
.l_teacher_detail .teacher_info .btn_voice{margin-top:15px;}
.l_teacher_detail .teacher_info .tag_items{margin-top:15px;}
.l_teacher_detail .teacher_spec{margin-top:26px;background-color:#f4f4f4;border-radius:6px;}
.l_teacher_detail .teacher_spec dl{padding:20px 30px;color:#343434;}
.l_teacher_detail .teacher_spec dt{padding:7px 0 7px 19px;font-size:18px;font-weight:500;border-bottom:1px solid #cacaca;position:relative;}
.l_teacher_detail .teacher_spec dt:before{content:'';width:14px;height:14px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_bullet.png') no-repeat;position:absolute;left:0;top:15px;}
.l_teacher_detail .teacher_spec dd{margin-top:15px;font-size:14px;font-weight:400;}
.l_teacher_detail .teacher_spec dd p{padding:2px 0;font-weight:400;}

.l_book_wrap{width:760px;}
.l_book_wrap .easy_download{margin-bottom:14px;}
.l_book_wrap .easy_download li{padding:3px 6px;text-align:left;}
.l_book_wrap .easy_download li + li{margin-top:3px;}
.l_book_wrap .easy_download li em{margin:0 0 3px;display:block;vertical-align:middle;font-size:18px;color:#343434;}
.l_book_wrap .easy_download li a + a{margin-left:3px;}


/*리뷰 이미지 팝업*/
#layer_reviewimg{margin-top:50px;}
.modal-review-contents{background:#fff;	border-radius:10px;width:1000px;padding:50px}

.l_allmap_wrap{width:1100px;height:700px;overflow:auto;padding-right:20px;}
.l_allmap_wrap::-webkit-scrollbar{ width:8px; }
.l_allmap_wrap::-webkit-scrollbar-thumb{ background-color:#9f9f9f; border-radius:10px; }
.l_allmap_wrap::-webkit-scrollbar-track{ background-color:#f1f1f1; border-radius:10px;box-shadow:inset 0px 0px 5px white; }


.l_video_wrap{width:600px;}
.l_video_wrap .video_sbj{margin-bottom:10px;font-size:14px;font-weight:400;color:#000;}
.l_video_wrap .video_sbj em{margin-right:10px;font-size:18px;font-weight:500;color:#29d1cf;}
.l_video_wrap .video_sbj em strong{font-size:20px;font-weight:700;}

.l_schedule_wrap{width:760px;padding-bottom:20px;}
.l_schedule_wrap .schedule_nav{margin-bottom:30px;}
.l_schedule_wrap .sheet_head{margin:27px 0 19px;}
.l_schedule_wrap .sheet_head .ico_type_c + .ico_type_c{margin-left:3px;}

.l_reserv_wrap{width:760px;}
.l_reserv_wrap.ver2{width:700px;}
.l_reserv_wrap_black{width:700px;background-color:#33333}
.l_file_wrap{width:450px;}


.l_recording_wrap{width:640px;padding:0 0 40px;}
.l_recording_wrap .mp3_box{padding:24px 18px 0;margin-bottom:54px;}
#layer_recording_file .ico_listening04{margin-right:10px;}

.l_correct_wrap{width:670px;padding:0 0 30px;}
.l_correct_wrap .lecture_items{margin-bottom:23px;}
.l_correct_wrap .topic_select{}
.l_correct_wrap .topic_select select{width:100%;}
.l_correct_wrap .correct_textarea{padding:16px 0 25px;}
.l_correct_wrap .correct_textarea textarea{width:100%;height:180px;border:1px solid #ced4da;}
.l_correct_wrap .correct_textarea .byte{padding:5px 0 0 8px;font-size:14px;color:#5b5b5b;}
.l_correct_wrap .notice_box{padding:20px 27px;}
.l_correct_wrap .notice_box li{font-size:14px;}
.l_correct_wrap .notice_box li:before{top:12px;}

.voice_recording_box{padding:45px 0;text-align:center;}
.voice_recording_box .start_recording,
.voice_recording_box .voice_recorder{height:43px;display:inline-block;vertical-align:middle;}
.voice_recording_box .start_recording{width:125px;text-align:center;font-size:14px;line-height:43px;color:#fff;background-color:#1275bb;border-radius:5px;}
.voice_recording_box .voice_recorder{margin-left:3px;}

/* 윈도우 팝업 */
#certificate{width:537px;height:764px;}
#certificate .btn{padding:10px 21px;text-align:right;}
#certificate .btn_print:hover span{color:#333;}
#certificate .btn_print:hover span:after{border-color:#666;}

#certificate .certificate_container{width:495px;height:668px;margin:0 auto;padding:4px;text-align:center;color:#000;border:5px solid #b6b6b6;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_print_logo.png') 50% 50% no-repeat;}
#certificate .certificate_container .outer{height:650px;margin:0 auto;padding:0 40px;border:1px solid #b6b6b6;position:relative;}
#certificate  h1{height:155px;padding-top:45px;font-size:36px;font-weight:700;}
#certificate  h1 em{display:inline-block;border-bottom:2px solid #000;}
#certificate .specified{text-align:left;font-size:17px;line-height:2;}
#certificate .date{font-size:16px;color:#2b2b2b;}
#certificate .proof_box{width:100%;letter-spacing:0;position:absolute;left:0;bottom:57px;}
#certificate .proof_box .logo{margin-top:8px;}
#certificate .attendance_cont{height:520px;overflow:hidden;}
#certificate .attendance_cont .specified{height:184px;}
#certificate .attendance_cont .desc{padding:15px 0;font-size:16px;color:#2b2b2b;background-color:rgba(195, 195, 195, 0.35);}
#certificate .attendance_cont .desc em{font-size:18px;}
#certificate .attendance_cont .date{margin-top:53px;}
#certificate .attendance_cont .date em{font-size:18px;}
#certificate .enrollment_cont .specified{height:280px;}



/* mypage_contents */
.mypage_contents{}
.mypage_contents .info_msg{padding:0 4px;margin-bottom:25px;text-align:left;font-size:15px;font-weight:400;line-height:1.6;color:#4f4f4f;position:relative;}
.mypage_contents .info_msg em{font-weight:500;color:#195b97;}
.mypage_contents .info_msg .btn_print{position:absolute;right:0;top:0;}

.report_tit{padding:15px 0;text-align:center;font-size:28px;font-weight:700;color:#fff;background-color:#6d7fcf;border-radius:10px;}

.monthly_report_wrap{}
.monthly_report_wrap .report_tit{margin-bottom:40px;}
.monthly_report_wrap .sheet_report{margin-bottom:32px;}
.monthly_report_wrap .class_progress{margin-bottom:50px;}


/* 프린트 속성 */
@media print{
	#header,#footer,.cont_header{display:none;}
	html, body, #certificate{width:100%;height:100%;position:relative;}
	#certificate .certificate_container{width:495px;height:668px;margin:-334px 0 0 -248px;position:absolute;left:50%;top:50%;}
	#certificate .certificate_container .outer{width:100%;height:100%;}
	#certificate .btn{display:none;}
	#certificate .attendance_cont .specified{}

	#wrap{width:100%;}
	#wrap .wrapper{width:100%;}
	.mypage_contents{margin:0 auto;}
	.mypage_contents .info_msg{display:none;}
	.evaluation_graph img{width:100%;}
	.evaluation_list dl{page-break-inside:avoid;page-break-after:auto;}
	.evaluation_list .comment_box{page-break-before:auto;}
}


/* 예외 처리 */
.type_my_status .wrapper{width:1298px;}
.type_my_status .cont_header{padding:60px 0 0;}
.type_my_status .cont_header .location{margin:55px 10px 0 0;}
.type_my_status .cont_header .location a{position:relative;z-index:1;}
.type_my_status .mypage_contents{margin-top:-30px;padding-top:0;}

/* video js */
.video_wrap .video-js button span{position:static;}
.video_wrap .video-js .vjs-big-play-button .vjs-icon-placeholder{display:inline;}
.video_wrap .video-js .vjs-big-play-button{width:84px;height:76px;margin:-42px 0 0 -38px;font-size:40px;line-height:76px;border:none;background-color:#474747;left:50%;top:50%;}
.video_wrap .video-js:hover .vjs-big-play-button,
.video_wrap .video-js .vjs-big-play-button:hover{background-color:#474747;}

/* 결제 모듈 및 기타 팝업용 */
body.popupFixed{height:100%;overflow:hidden;}
.registerPopup{}
.layerpopup{display:none;overflow:auto;position:fixed;z-index:1001;top:0px;left:0px;right:0px;bottom:0px;}
.layerpopupIn{position:absolute;background-color:#fff;top:60px;left:50%;width:650px;margin-left:-325px;margin-bottom:60px;z-index:1003;height:676px;/* overflow:hidden;*/border-radius:10px;}
.layerPopupCloseButton{cursor:pointer;background-color:#fff;color:#5F5F5F;width:30px;height:30px;border-radius:15px;text-align:center;font-size:20px;line-height:33px;position:absolute;right:0;top:-46px;margin:0px;}
.layerPopupCloseButton:before,
.layerPopupCloseButton:after{content:'';width:24px;height:1px;margin-left:-12px;background-color:#000;position:absolute;left:50%;top:50%;}
.layerPopupCloseButton:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.layerPopupCloseButton:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.layerPopupBackground{background-color:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;z-index:1002;}



/* 말풍선 적절한 top 과 margin-left 로 위치조정 */
.arrow_box{
	display:none;
	position:absolute;
	width:300px;
	padding:8px;
	left:60%;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#333;
	color:#fff;
	font-size:14px;
}

.arrow_box:after{
	position:absolute;
	bottom:100%;
	left:20%;
	width:0;
	height:0;
	margin-left:-10px;
	border:solid transparent;
	border-color:rgba(51, 51, 51, 0);
	border-bottom-color:#333;
	border-width:10px;
	pointer-events:none;
	content:' ';
}

span:hover + p.arrow_box{
	display:block;
}

.py-2{padding:0 20px}




.refundwrap{width:700px;padding:30px 20px 20px;/*background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/bg_print.png') no-repeat 50% 45%;*/box-sizing:border-box}
.refundwrap .msg{display:block;margin-bottom:30px;color:#33353e;font-size:20px;line-height:23px}
.refundwrap .tit{display:block;margin:10px 0 40px;color:#33353e;text-align:center;font-size:35px;line-height:38px}
.refundwrap .listwrap{padding:20px;border:1px solid #d9d9d9;background:#f7f7f7}
.refundwrap .listwrap dl{margin-top:35px;text-align:left;}
.refundwrap .listwrap dl:first-child{margin-top:0}
.refundwrap .listwrap dl dt{color:#3f3f3f;font-size:18px;font-weight:500;}
.refundwrap .listwrap dl dd{margin-top:15px}
.refundwrap .listwrap dl dd strong{display:block;margin-bottom:10px;color:#4161b2;font-size:15px}
.refundwrap .listwrap dl dd ul li{margin-top:3px;padding-left:10px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/bu_gray_03.png') no-repeat 0 6px;font-size:13px;font-weight:300;line-height:17px;letter-spacing:-0.7px}
.refundwrap .listwrap dl dd ul li:first-child{margin-top:0}
.refundwrap .listwrap em{color:#b28d6e}
.refundwrap .caution{margin-top:15px;padding-left:15px;color:#898989;font-size:13px;line-height:17px;letter-spacing:-0.7px}
.refundwrap .caution span{margin-left:-15px}
.refundwrap .info{width:151px;height:173px;margin:25px auto 0;padding-top:70px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/bg_presentinfo.png') no-repeat 0 0;text-align:center;box-sizing:border-box}
.refundwrap .info strong{display:block;color:#d5000a;font-size:20px;font-weight:500;line-height:27px}
.refundwrap .date{margin-top:20px;padding:10px 0;border:1px solid #d4dae3;text-align:center}
.refundwrap .date dt{color:#4161b2;font-size:13px;font-weight:500;}
.refundwrap .date dd{padding:0 60px}
.refundwrap .date dd span{display:inline-block;width:50px;margin-top:10px}
.refundwrap .confirm{padding:90px 0 60px;color:#33353e;text-align:center}
.refundwrap .confirm.st02{padding:30px 0}
.refundwrap .confirm b{font-size:16px}
.refundwrap .confirm strong{display:block;margin-top:12px;font-size:20px;height:21px}
.refundwrap .stamp{margin-top:20px;text-align:center}
.refundwrap .stamp *{vertical-align:middle}
.refundwrap .stamp b{margin-right:3px;color:#33353e;font-size:16px}
.refundwrap .btncenter{padding:0}
.refundwrap .btncenter.st02{padding:50px 0 10px}
.refundwrap .bottom{margin-top:50px;padding-top:5px;border-top:2px solid #d6d7d8;text-align:right}
.refundwrap .bottom em{float:left;margin-top:10px;color:#969696;font-weight:500;}

.registerwrap{width:700px;padding:30px 20px 20px;background:#fff;box-sizing:border-box}

#layer_tutor .popup_scroll_box{height:700px;overflow-x:hidden;overflow-y:auto;}



table.boardlist_02{clear:both;width:100%;border:1px solid #cfd6e0;background:#fff}
table.boardlist_02 th{height:40px;border-left:1px solid #cfd6e0;background:#e6ecf4;color:#33353e}
table.boardlist_02 td{padding:12px 0;border-width:1px 0 0 1px;border-style:solid;border-color:#cfd6e0;text-align:center;line-height:18px}
table.boardlist_02 th:first-child,
table.boardlist_02 td:first-child{border-left:0}
table.boardlist_02 td.pos{color:#4161b2;font-weight:500}
table.boardlist_02 td.impos{color:#cf0800;font-weight:500}
table.boardlist_02 td.thumb{padding:6px 0;text-align:center}
table.boardlist_02 td.thumb img{display:block;width:50px; margin:0 auto} /* ciy202 2020.05.29 수정*/
table.boardlist_02 td.program{border-left:0;text-align:left}
table.boardlist_02.receipt{background:transparent}
table.boardlist_02.receipt thead th{position:relative;height:40px;border-bottom:1px solid #cfd6e0;color:#4161b2;font-size:16px;font-weight:500}
table.boardlist_02.receipt thead th:after{position:absolute;top:38px;left:0;width:100%;height:1px;background:#cfd6e0;content:''}
table.boardlist_02.receipt tbody th{border-top:1px solid #cfd6e0;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/bg_transp.png') repeat 0 0}
table.boardlist_02.receipt tbody tr:first-child th,
table.boardlist_02.receipt tbody tr:first-child td{border-top:0}
table.boardlist_02.receipt tbody th,
table.boardlist_02.receipt tbody td{padding-left:10px;text-align:left;letter-spacing:-0.7px}
table.boardlist_02.receipt th.bdl{border-left:1px solid #cfd6e0}



.daysearch_box{margin-bottom:0px;border:1px solid #d9d9d9;background:#f5f5f5;padding:10px;margin:10px 0}
.daysearch_box > span{margin-right:8px;display:inline-block;vertical-align:middle;font-size:14px;font-weight:400;color:#000;}
.daysearch_box > .search_input{width:400px;height:45px;padding:0 50px 0 0;display:inline-block;vertical-align:middle;border:1px solid #d2d2d2;background-color:#fff;border-radius:5px;position:relative;}
.daysearch_box > .search_input input[type="text"]{width:100%;height:100%;font-size:14px;color:#545454;border:none;background:none;outline:none;}
.daysearch_box > .search_input .btn_search{width:50px;position:absolute;right:0;top:0;bottom:0;}
.daysearch_box > .search_input .btn_search span{width:100%;height:100%;display:block;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_calendar.png') 50% 50% no-repeat;}



.btn_print02{width:150px;height:45px;line-height:45px; border-radius:5px;background:#cd1519;text-align:center;display:inline-block;letter-spacing:-0.05em;font-size:15px;color:#ffffff;}
.btn_print02:before{content:'';width:17px;height:20px; display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_print_02.png') no-repeat 0px 3px;position:relative;padding-right:8px}

.type_attbg{background:#dc0000;color:#fff;border-radius:30px;padding:5px 10px;margin-bottom:10px;font-size:12px}
.type_arrivebg{background:#13b27c;color:#fff;border-radius:30px;padding:5px 10px;margin-bottom:10px;font-size:12px}




/* login */

.wrapper_login{width:910px;margin:0 auto;position:relative;}
.wrapper_login:after{content:'';display:block;clear:both;}

.loginbox{position:relative;display:inline-block; width:100%;border:1px solid #cfd6e0;border-radius:10px;padding:50px 65px;}
.loginbox .login_warap{display:flex;justify-content:space-between;align-items:center;}
.loginbox .login_warap .login_input{width:330px}
.loginbox .login_warap .login_input h2{text-align:center;}
.loginbox .login_warap .login_input input + input{margin:10px 0}
.loginbox .login_warap .login_input input[type="text"],
.loginbox .login_warap .login_input input[type="password"]{height:50px;line-height:50px;}
.loginbox .login_warap .banner{width:380px;}
.loginbox .login_warap .banner a,
.loginbox .login_warap .banner img{width:100%;display:block;}
.loginbox .login_warap .banner a + a{margin-top:5px;}
.loginbox .login_warap .banner img{width:100%;height:160px;}

.loginbox .chk{position:relative;display:inline-block;width:100%;}
.loginbox .chk .id-pass-search{position:absolute;top:2px;right:0;}

.memberjoin-txt{ position:relative;display:inline-block;width:100%;margin-top:40px;color:#2d2d2d;font-weight:300;}
.memberjoin-txt h3{font-size:18px;font-weight:500;line-height:40px;}
.memberjoin-txt a{position:absolute;top:2px;right:0;}




/*전체메뉴*/

table.prgmlist{width:100%;border:1px solid #595967}
table.prgmlist thead th{vertical-align:top}
table.prgmlist th{padding:15px 0 10px;background:#595967;color:#fff;font-size:14px}
table.prgmlist th em{color:#feca4d}
table.prgmlist th span{display:block;color:#b4b4c3;font-size:11px;}
table.prgmlist tbody th{border-top:1px solid #6a6b78}
table.prgmlist td{padding:15px 0 10px ;border-width:1px 0 0 1px;border-style:solid;border-color:#cfd6e0;text-align:center}
table.prgmlist td span{color:#3f3f3f;font-size:11px;font-weight:500}
table.prgmlist td b a{color:#c42605;text-decoration:underline}
table.prgmlist td b span{color:#c42605}
table.prgmlist td.empty{background:#f1f1f1}
table.prgmlist tr.desc td{padding:3px;color:#969696;font-size:12px}
table.prgmlist td .ic{display:inline-block;margin:0 0 0 5px;vertical-align:top}
table.prgmlist.chn td{padding:5px 0 4px}



/* 수정*/
table.prgmlist td{position:relative;}
table.prgmlist td .ic{position:absolute;left:-10px;top:-5px;}


/* 추가 */
table.prgmlist .add_clip{position:relative;border-top:2px solid #f1b500;border-bottom:2px solid #f1b500}
table.prgmlist .add_clip:nth-child(2){border-left:2px solid #f1b500;}
table.prgmlist .add_clip:nth-child(7){border-right:2px solid #f1b500;}
table.prgmlist .add_clip:nth-child(7):after{content:'';position:absolute;top:-5px;right:-35px;display:inline-block;width:75px;height:19px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_clip.png) no-repeat;z-index:1;}

table.boardlist td.result button.btn_feedback{width:100px;}

/* 191203 ciy 추가 */
table.prgmlist .add_clip2{position:relative;border-top:2px solid #f1b500;border-bottom:2px solid #f1b500}
table.prgmlist .add_clip2:nth-child(2){border-left:2px solid #f1b500;}
table.prgmlist .add_clip2:nth-child(6){border-right:2px solid #f1b500;}
table.prgmlist .add_clip2:nth-child(6):after{content:'';position:absolute;top:-5px;right:-35px;display:inline-block;width:75px;height:19px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_clip.png) no-repeat;z-index:1;}

/* 20200819 ciy 추가 */
table.prgmlist .add_clip3{position:relative;border-top:2px solid #f1b500;border-bottom:2px solid #f1b500}
table.prgmlist .add_clip3:nth-child(2){border-left:2px solid #f1b500;}
table.prgmlist .add_clip3:nth-child(2){border-right:2px solid #f1b500;}
table.prgmlist .add_clip3:nth-child(2):after{content:'';position:absolute;top:-5px;right:-35px;display:inline-block;width:75px;height:19px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_clip.png) no-repeat;z-index:1;}


table.prgmlist .add_clip_start,table.classlist .add_clip_start {border-left:2px solid #f1b500;}
table.prgmlist .add_clip_top{border-top:2px solid #f1b500;}
table.prgmlist .add_clip_btm{border-bottom:2px solid #f1b500;}
table.prgmlist .add_clip_end{border-right:2px solid #f1b500;}
table.prgmlist .add_clip_top.add_clip_end{position:relative;}
table.prgmlist .add_clip_top.add_clip_end:after{content:'';position:absolute;top:-5px;right:-35px;display:inline-block;width:75px;height:19px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_clip.png) no-repeat;z-index:1;}








.useguidewrap{font-size:14px}
.useguidewrap > dl{margin-top:45px}
.useguidewrap > dl > dt{background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/line_useguide.png') no-repeat 100% 50%;color:#3f3f3f}
.useguidewrap > dl > dt strong{display:inline-block;padding:0 10px 0 30px;background-color:#fff;background-repeat:no-repeat;background-position:0 50%;font-size:20px;line-height:25px;letter-spacing:-1px}
.useguidewrap > dl > dd{margin-top:15px}
.useguidewrap dl.step_01 dt strong{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/bg_useguide_01.png')}
.useguidewrap dl.step_01 dd li{margin-top:30px;padding-left:7px;line-height:18px}
.useguidewrap dl.step_01 dd li:first-child{margin-top:0}
.useguidewrap dl.step_01 dd strong{display:block;position:relative;margin:0 0 0 -7px;padding-left:7px;color:#3f3f3f;font-size:16px;line-height:20px}
.useguidewrap dl.step_01 dd strong:after{position:absolute;top:50%;left:0;width:2px;height:2px;margin-top:-1px;background:#656565;content:''}
.useguidewrap dl.step_01 dd p{position:relative;margin-top:10px}
.useguidewrap dl.step_01 dd b{color:#f46700}
.useguidewrap dl.step_01 dd .btn_org{position:absolute;top:-18px;margin-left:20px}
.useguidewrap dl.step_01 dd .linkbox{display:block;overflow:hidden;margin-top:10px;text-align:center;font-size:0;line-height:0}
.useguidewrap dl.step_01 dd .linkbox a{display:inline-block;margin-left:10px}
.useguidewrap dl.step_01 dd .linkbox a:first-child{margin-left:0}
.useguidewrap dl.step_01 dd .linkbox a img{display:block}
.useguidewrap dl.step_02 dt strong{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/bg_useguide_02.png')}
.useguidewrap dl.step_02 dd p{font-family:ngb}
.useguidewrap dl.step_02 dd p em{color:#ac7f5a}
.useguidewrap dl.step_02 dd ul{overflow:hidden;margin-top:25px}
.useguidewrap dl.step_02 dd ul li{float:left;width:50%;text-align:center}
.useguidewrap dl.step_02 dd ul li b{font-size:16px}
.useguidewrap dl.step_02 dd ul li b strong{color:#f46700}
.useguidewrap dl.step_02 dd ul li span{display:block;margin-top:10px;text-align:center}
.useguidewrap dl.step_03 dt strong{background-image:url('/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/bg_useguide_03.png')}
.useguidewrap dl.step_03 dd b strong{color:#3f3f3f;font-size:15px}
.useguidewrap dl.step_03 dd ul li{position:relative;margin-top:10px;padding-left:7px}
.useguidewrap dl.step_03 dd ul li:after{position:absolute;top:50%;left:0;width:2px;height:2px;margin-top:-1px;background:#656565;content:''}
.useguidewrap dl.step_03 dd ul li strong{color:#3f3f3f}
.useguidewrap dl.step_03 dd ul li strong em{color:#f46700}
.useguidewrap dl.step_03 dd dl{overflow:hidden;margin:20px 0;padding:18px;border:1px solid #f9cc96;line-height:18px}
.useguidewrap dl.step_03 dd dl dt{float:left;width:240px;padding-left:40px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/bg_question.png') no-repeat 0 50%;color:#3f3f3f;font-size:15px;font-family:ngb;box-sizing:border-box}
.useguidewrap dl.step_03 dd dl dd{float:none}
.useguidewrap dl.step_03 dd .faq button{margin-left:10px}


.liveguidewrap .guide_tab:after{content:'';display:block;clear:both;}
.liveguidewrap .guide_tab li{float:left;width:33.3%;}
.liveguidewrap .guide_tab li:last-child{width:33.4%;}
.liveguidewrap .guide_tab li a{height:60px;line-height:60px;display:block;font-size:18px;color:#666;background:#ccc;box-sizing:border-box;font-weight:bold;}
.liveguidewrap .guide_tab li.on a:after{content:'';display:inline-block;vertical-align:middle;width:0;height:0;border-top:7px solid #fff;border-bottom:0;border-right:5px solid transparent;border-left:5px solid transparent;margin-left:10px;}
.liveguidewrap .guide_tab li a:hover,a:active,a:focus{text-decoration:none;}
.liveguidewrap .guide_tab li.on a{background:#bd2905;color:#fff;}
.liveguidewrap .guide_cont > div{display:none;}
.liveguidewrap .guide_cont > div:first-child{display:block;}
.liveguidewrap .live_info_list{background:#f7f7f7;padding:26px 30px;border:1px solid #d9d9d9;box-sizing:border-box;width:920px;margin:0 auto 30px;}
.liveguidewrap .live_info_list li{font-size:14px;color:#656565;line-height:24px;}
.liveguidewrap .live_info_list li strong{color:#bd2905;}
.liveguidewrap .point_txt{font-weight:bold;font-size:16px;color:#656565;padding-bottom:7px;}
.liveguidewrap .guide_box{width:920px;margin:0 auto;border:1px solid #6471ad;box-sizing:border-box;}
.liveguidewrap .guide_box + .guide_box{margin-top:30px;}
.liveguidewrap .guide_box > dt{text-align:center;font-size:20px;font-weight:bold;color:#fff;line-height:50px;background:#6471ad;}
.liveguidewrap .guide_box > dd{padding:38px 0 20px;}
.liveguidewrap .guide_box .live_info_area .info_txt strong{color:#bd2905;}
.liveguidewrap .liveclass_txt{padding-left:40px;}
.liveguidewrap .liveclass_txt li{font-size:14px;color:#555;line-height:22px;}
.liveguidewrap .liveclass_txt li strong{color:#bd2905;}
.liveguidewrap .liveclass_type{margin:25px 0 25px 40px;}
.liveguidewrap .liveclass_type:after{content:'';display:block;clear:both;}
.liveguidewrap .liveclass_type dl{float:left;width:410px;text-align:center;}
.liveguidewrap .liveclass_type dl + dl{margin-left:8px;}
.liveguidewrap .liveclass_type dt{line-height:40px;background:#9a9eb3;font-size:15px;color:#fff;font-weight:bold;}
.liveguidewrap .liveclass_type dd{background:#f4f4f4;height:100px;width:100%;display:table;}
.liveguidewrap .liveclass_type dd p{display:table-cell;vertical-align:middle;line-height:22px;font-size:14px;color:#666;}
.liveguidewrap .img_solo{text-align:center;}



.liveguidewrap .live_check_list{background:#f6f6f6;padding:26px 30px;margin:20px 0 27px;}
.liveguidewrap .live_check_list li{font-size:14px;color:#858585;line-height:24px;}
.liveguidewrap .live_check_list li .point1{color:#c42605;}
.liveguidewrap .live_check_list li strong{color:#555;display:inline-block;vertical-align:inherit;border-bottom:1px solid #555;line-height:1;padding-bottom:1px;}
.liveguidewrap .live_info_area{padding:0 40px 17px 34px;}
.liveguidewrap .live_info_area:after{content:'';display:block;clear:both;}
.liveguidewrap .live_info_area .info_txt{float:right;padding-top:40px;}
.liveguidewrap .live_info_area .info_txt ul{padding-bottom:20px;}
.liveguidewrap .live_info_area .info_txt li{font-size:14px;color:#333;font-weight:bold;padding-bottom:8px;}
.liveguidewrap .live_info_area .info_txt p{font-size:14px;color:#555;line-height:23px;}
.liveguidewrap .live_info_area .info_txt p span{color:#3d8bf7;}
.liveguidewrap .complete table.boardlist_02 td.lvtest_step{text-align:left;padding:10px 10px}
.liveguidewrap .complete table.boardlist_02 td.lvtest_step .step_txt{color:#c42605}
.liveguidewrap .btn_lvtest_go{text-align:center;font-size:11px;color:#858585;font-weight:bold;background:linear-gradient(#fff 40%,#eee) padding-box, linear-gradient(to right, #d8d8d8, #9c9c9c) border-box;width:238px;height:22px;border:1px solid transparent;border-radius:3px;display:inline-block;margin:5px 0 8px 15px;box-shadow:1px 1px 0 #e4e4e4;outline:0;}


.liveguidewrap{width:980px;height:800px;overflow-y:scroll;}
.liveguidewrap .liveguidecont{padding:0px;margin-top:40px;background:#fff;}
.layerpop .liveguidewrap .liveguidecont{padding-top:30px;margin-top:0;}
.liveguidewrap .guide_tab{text-align:center;padding-bottom:30px;width:100%;}
.layerpop .liveguidewrap .guide_tab{width:920px;margin:0 auto;}
.liveguidewrap .guide_tab:after{content:'';display:block;clear:both;}
.liveguidewrap .guide_tab li{float:left;width:33.3%;}
.liveguidewrap .guide_tab li:last-child{width:33.4%;}
.liveguidewrap .guide_tab li a{height:60px;line-height:60px;display:block;font-size:18px;color:#666;background:#ccc;box-sizing:border-box;font-weight:bold;}
.liveguidewrap .guide_tab li.on a:after{content:'';display:inline-block;vertical-align:middle;width:0;height:0;border-top:7px solid #fff;border-bottom:0;border-right:5px solid transparent;border-left:5px solid transparent;margin-left:10px;}
.liveguidewrap .guide_tab li a:hover,a:active,a:focus{text-decoration:none;}
.liveguidewrap .guide_tab li.on a{background:#bd2905;color:#fff;}
.liveguidewrap .guide_cont > div{display:none;}
.liveguidewrap .guide_cont > div:first-child{display:block;}
.liveguidewrap .live_info_list{background:#f7f7f7;padding:26px 30px;border:1px solid #d9d9d9;box-sizing:border-box;width:920px;margin:0 auto 30px;}
.liveguidewrap .live_info_list li{font-size:14px;color:#656565;line-height:24px;}
.liveguidewrap .live_info_list li strong{color:#bd2905;}
.liveguidewrap .point_txt{font-weight:bold;font-size:16px;color:#656565;padding-bottom:7px;}
.liveguidewrap .guide_box{width:920px;margin:0 auto;border:1px solid #6471ad;box-sizing:border-box;}
.liveguidewrap .guide_box + .guide_box{margin-top:30px;}
.liveguidewrap .guide_box > dt{text-align:center;font-size:20px;font-weight:bold;color:#fff;line-height:50px;background:#6471ad;}
.liveguidewrap .guide_box > dd{padding:38px 0 20px;}
.liveguidewrap .guide_box .live_info_area .info_txt strong{color:#bd2905;}
.liveguidewrap .liveclass_txt{padding-left:40px;}
.liveguidewrap .liveclass_txt li{font-size:14px;color:#555;line-height:22px;}
.liveguidewrap .liveclass_txt li strong{color:#bd2905;}
.liveguidewrap .liveclass_type{margin:25px 0 25px 40px;}
.liveguidewrap .liveclass_type:after{content:'';display:block;clear:both;}
.liveguidewrap .liveclass_type dl{float:left;width:410px;text-align:center;}
.liveguidewrap .liveclass_type dl + dl{margin-left:8px;}
.liveguidewrap .liveclass_type dt{line-height:40px;background:#9a9eb3;font-size:15px;color:#fff;font-weight:bold;}
.liveguidewrap .liveclass_type dd{background:#f4f4f4;height:100px;width:100%;display:table;}
.liveguidewrap .liveclass_type dd p{display:table-cell;vertical-align:middle;line-height:22px;font-size:14px;color:#666;}
.liveguidewrap .img_solo{text-align:center;}



.description{padding:22px 20px;background:#f9f9f9;line-height:22px;margin-bottom:30px}












/*예복습현황*/

.contentwrap.myclass{margin-top:40px}
.contentwrap.myclass .ly_type1{background:#fff;border:1px solid #000;z-index:99;position:absolute;top:36px;left:0;padding:10px 0;box-shadow:3px 3px 0 #adadad;display:none}
.contentwrap.myclass .ly_type1:before{content:'';display:block;width:13px;height:11px;position:absolute;top:-11px;left:63px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/ly_ar.png) no-repeat 0 0}
.contentwrap.myclass .ly_type1 .txt1{font-size:13px;color:#5f5f68;letter-spacing:-0.05em;text-align:center;line-height:17px}
.contentwrap.myclass .ly_type1 .txt1 span{color:#e44c51;text-decoration:underline;font-weight:500}
.contentwrap.myclass .ly_type1 .ly_tit{font-size:20px;font-weight:700;color:#000;letter-spacing:-0.05em;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/ico_chk.png) no-repeat 0 1px;padding:0 0 12px 17px;margin:9px 0 0 16px}


/*?*/
.contentwrap.myclass .mypagecont.w_status .ly_type1{padding:10px;}
.contentwrap.myclass .mypagecont.w_status .ly_type1 .txt1{line-height:1.4;font-weight:700;text-align:left;}
.contentwrap.myclass .mypagecont.w_status .ly_type1 .txt1 em{color:#e44c51;text-decoration:none;}
.contentwrap.myclass .mypagecont.w_status .ly_type1 .txt1 span{color:#9a9a9e;font-size:13px;text-decoration:none;}


.mypagecont{width:1200px;margin:20px auto 0; }

.mypagebox{position:relative;margin-bottom:25px;border:1px solid #ddd; box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.mypagebox .h4{position:absolute;top:13px;left:17px;font-size:22px;line-height:26px;display:block;color:#333;font-weight:700;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/ico_tit3.png') left center no-repeat;}






/* new 학습강의실 */


.contentwrap.myclass .boxmid{padding-left:185px;position:relative}
.contentwrap.myclass .help_area{display:inline-block;vertical-align:middle;position:relative}
.contentwrap.myclass .btn_help{width:22px;height:22px;display:inline-block;vertical-align:middle;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/ico_help.png) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px}
.contentwrap.myclass .btn_help:hover{background-position:0 -32px}
.contentwrap.myclass .help_area .ly_type1{left:-20px}
.contentwrap.myclass .help_area .ly_type1:before{left:23px}
.contentwrap.myclass .help_area:hover .ly_type1{display:block}
.contentwrap.myclass .btn_gy{display:inline-block;vertical-align:middle;border-radius:3px;padding:0 7px;height:23px;line-height:23px;background:#8c8c8c;font-size:13px;color:#fff;font-weight:500;text-decoration:none !important;letter-spacing:-0.05em}
.contentwrap.myclass .btn_gy.ar{padding-right:19px;background:#8c8c8c url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/ar_w.png) no-repeat 95% 7px;}



.mypagecont.w_status .mypagebox{display:inline-block;width:48%;}

.f_left{float:left;}
.f_right{float:right;}

.mypagecont.w_status .mypagebox .boxtop{background-position:right top;}
.mypagecont.w_status .mypagebox .boxmid{padding:15px;background-position:right top;}
.mypagecont.w_status .mypagebox .boxmid .h4{position:static;padding-left:45px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #b5b5b5;background-position:15px 3px;}

.mypagecont.w_status .mypagebox .boxmid > div{margin:20px 15px;}
.mypagecont.w_status .mypagebox .boxmid > div dl{vertical-align:top;}
.mypagecont.w_status .mypagebox .boxmid > div dl dt{text-align:left;}
.mypagecont.w_status .mypagebox .boxmid > div dl dt span{display:inline-block;margin-right:3px;color:#444;font-size:14px;font-weight:500;text-align:left;vertical-middle;}
.mypagecont.w_status .mypagebox .boxmid > div dl dd{position:relative;margin-top:25px;text-align:center;}
.mypagecont.w_status .mypagebox .boxmid > div dl dd p.count{line-height:1;margin-bottom:25px;color:#8c8d91;font-size:16px;font-weight:500;letter-spacing:-.5px;}
.mypagecont.w_status .mypagebox .boxmid > div dl dd p.count strong{color:#f33535;font-size:30px;font-weight:700;}

/*진도*/
.mypagecont.w_status .w_progress{border-bottom:1px dashed #d6d6db;}
.mypagecont.w_status .w_progress dl{display:inline-block;width:50%;}
.mypagecont.w_status .w_progress dl.board{}
.mypagecont.w_status .w_progress dl.board ul{height:160px;text-align:center;}
.mypagecont.w_status .w_progress dl.board ul li{display:inline-block;width:120px;margin:10px 3px;color:#2a6ea1;font-weight:700;text-align:center;border:1px solid #ddd;border-radius:5px;box-shadow:0px 3px 0 #d3d2d2;}
.mypagecont.w_status .w_progress dl.board ul li span{position:relative;display:block;margin:6px 0 10px;color:#484848;font-size:13px;}
.mypagecont.w_status .w_progress dl.board ul li span:after{content:'';display:block;width:100%;height:25px;margin-top:6px;background-position:center;background-repeat:no-repeat;}
.mypagecont.w_status .w_progress dl.board ul li span.icon01:after{background-image:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/icon_con01.png);}
.mypagecont.w_status .w_progress dl.board ul li span.icon02:after{background-image:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/icon_con02.png);}
.mypagecont.w_status .w_progress dl.board ul li span.icon03:after{background-image:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/icon_con03.png);}
.mypagecont.w_status .w_progress dl.board ul li em{display:block;padding:8px 0;font-size:22px;background-color:#e6e6ea;}






/*퀴즈점수*/
.mygraph_group{ }

.mygraph_group:after{content:'';display:block;clear:both;}
.mygraph_group .graph_unit{float:left;position:relative;width:130px !important;height:225px;margin:0 20px 15px 15px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/bg_graph01.png) no-repeat;}
.mygraph_group .gr_tit{padding:15px 0 0;color:#444;font-size:14px;font-weight:500;letter-spacing:0;text-align:center;}
.mygraph_group .gr_box{position:absolute;left:0;right:0;bottom:0;height:150px;}

.mygraph_group .gr_box > div{position:absolute;bottom:0;width:36px;background-position:left top;background-repeat:repeat-y;}
.mygraph_group .gr_box > div:before{content:'';display:block;width:36px;height:17px;position:absolute;left:0;top:-8px;background-position:left top;background-repeat:no-repeat;}
.mygraph_group .gr_box > div:after{content:'';display:block;width:36px;height:11px;position:absolute;left:0;bottom:-11px;}

.mygraph_group .gr_box .average_sc{left:24px;background-image:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/gr_body1.png);}
.mygraph_group .gr_box .average_sc:before{background-image:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/gr_before1.png);}
.mygraph_group .gr_box .average_sc:after{background-image:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/gr_after1.png);}

.mygraph_group .gr_box .my_sc{left:70px;background-image:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/gr_body0.png);}
.mygraph_group .gr_box .my_sc:before{background-image:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/gr_before0.png);}
.mygraph_group .gr_box .my_sc:after{background-image:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/gr_after0.png);}

.mygraph_group .gr_box .gr_num{position:absolute;left:-6px;display:inline-block;padding:3px 10px;font-size:18px;font-style:italic;font-family:Arial;font-weight:bold;text-align:center;}
.mygraph_group .gr_box .average_sc .gr_num{top:-32px;color:#21317c;}
.mygraph_group .gr_box .my_sc .gr_num{top:-41px;color:#ce1719;border-radius:24px;background:#fff;}
.mygraph_group .gr_box .my_sc .gr_num:after{content:'';position:absolute;left:50%;bottom:-4px;display:block;width:5px;height:4px;margin-left:-2px;background:url(/asset/skin/riki_senior/images/lvtest/ar_w.png) no-repeat;}
.mygraph_group .noquiz{width:100%;height:100%;}
.mygraph_group .noquiz p{margin-top:120px;font-size:18px;color:#2a6ea1}

.mypagecont.w_status .mypagebox .boxmid .w_slider{height:350px;}
.mypagecont.w_status .mypagebox .boxmid .w_slider dl dd{position:relative;min-height:220px;padding:0 17px 0 16px;}

.mypagecont.w_status .mypagebox .boxmid .w_slider dl dd p.quiz_none{width:70%;padding:80px 0 25px;margin:60px auto 0;color:#adadb8;font-size:17px;font-weight:500;border-width:1px 0;border-style:dashed;border-color:#b5b5b5;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/mypage/quiz_none.png) center 15px no-repeat;}

.mypagecont.w_status .swiper-container{position:relative;height:250px;}
.mypagecont.w_status button[class*=bt_]{position:absolute;top:43%;display:block;width:25px;height:25px;border-width:3px 3px 0 0;border-style:solid;border-color:#dbdbdb;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100%;cursor:pointer;}
.mypagecont.w_status .bt_prev{left:-10px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.mypagecont.w_status .bt_next{right:-10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.mypagecont.w_status .clr_info{margin-top:15px;text-align:right;}
.mypagecont.w_status .clr_info span{position:relative;display:inline-block;margin:0 10px;color:#8c8d91;font-size:16px;font-weight:500;}
.mypagecont.w_status .clr_info span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:5px;}
.mypagecont.w_status .clr_info span.score01:before{background-color:#1b77ac;}
.mypagecont.w_status .clr_info span.score02:before{background-color:#ce1719;}


.mypagecont.w_status .donuts{position:relative;width:145px;height:145px;margin:0 auto 15px;}
.contentwrap.myclass .help_area .ly_type1.resume:before{left:125px;}
.mypagecont.w_status .donuts .rate_num{position:absolute;left:0;right:0;top:30%;color:#1b77ac;font-size:25px;font-weight:700;text-align:center;}
.mypagecont.w_status .donuts .rate_count{position:absolute;left:0;right:0;top:53%;color:#1b77ac;font-size:14px;font-weight:500;text-align:center;}
.mypagecont.w_status .donuts .rate_count strong{color:#ce1719;font-weight:700;}

.mypagecont.w_status .bt_pprev{left:-10px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.mypagecont.w_status .bt_nnext{right:-10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.mypagecont.w_status .mypagebox .boxmid .w_slider dl dd{min-height:235px;}





.contentwrap.myclass .mypagebox.review .boxmid{min-height:621px;}
.mypagecont.w_status .w_progress{min-height:208px;}


.jqplot-grid-canvas{display:none;}
.jqplot-data-label{color:white;font-size:11px;padding:0px 0px 0px 2px;text-align:center;}


h3.title-01{font-size:16px;font-weight:500;color:#000000;letter-spacing:-1px;margin:10px 0 }
.poptitle{text-align:center;margin:20px 0; }
.poptitle h3{ color:#6e6e6e;font-size:16px;font-weight:400;letter-spacing:-0.2px;}
.poptitle h1{ color:#444;font-size:24px;font-weight:500;line-height:26px;letter-spacing:-0.3px;}
.poptitle h1 span{color:#f95151;font-weight:700;}

.divp10{padding:10px}

.repettition{ color:#f95151;font-size:24px;font-weight:700;line-height:26px;letter-spacing:-0.3px;text-align:center;margin-top:30px}



.irdbox{display:inline-block;overflow:hidden;width:20px;height:20px;margin:0px 6px 0 0;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/radio_off.png') no-repeat 0 0;vertical-align:middle;cursor:pointer}
.irdbox.on{background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/radio_on.png') no-repeat 0 0}
.irdbox input.radio{opacity:0;filter:alpha(opacity="0");cursor:pointer}
.ichkbox{display:inline-block;overflow:hidden;width:14px;height:13px;margin:-2px 5px 0 0;background:url('../images/common/chk_off.png') no-repeat 0 0;vertical-align:middle;cursor:pointer}
.ichkbox.on{background:url('../images/common/chk_on.png') no-repeat 0 0}
.ichkbox input.checkbox{opacity:0;filter:alpha(opacity="0");cursor:pointer}



table.payment{clear:both;width:100%;margin-top:30px}
table.payment thead th{position:relative;padding-bottom:10px;color:#33353e}


table.payment td input.txt{width:210px;margin-right:5px}

table.payment td.escrow{background:#f1f4f9}
table.payment td.escrow div{display:inline-block;position:relative;width:20%;padding-left:19px;background:url('../images/icon/icon_exclam.png') no-repeat 0 50%;color:#555;font-size:13px;box-sizing:border-box}
table.payment td.escrow div p{display:none;position:absolute;bottom:25px;left:-7px;z-index:2;width:455px;padding:10px;background:#3f3e50;color:#fff;font-size:11px;letter-spacing:0;box-sizing:border-box}
table.payment td.escrow div p:before{position:absolute;bottom:-5px;left:10px;z-index:3;width:7px;height:5px;background:url('../images/enroll/bg_escrow.png') no-repeat 0 0;content:''}
table.payment td.escrow div:hover p{display:block}
table.payment td.credit strong{margin-right:20px;color:#555;font-size:12px}
table.payment td.credit span{margin-right:10px;font-size:11px}
/* 180731 dh 추가 */
table.payment td.credit{padding:10px;}
table.payment td.credit p{margin-top:3px;}
table.payment td.credit button{background:none;}
/* //180731 dh 추가 */


table.payment td.labbox b{width:auto;line-height:40px}
table.payment td.labbox b + b{margin-left:38px;}
table.payment .icon_npay{width:50px;height:19px;margin-right:2px;display:inline-block;vertical-align:middle;line-height:40px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_npay.png') no-repeat;position:relative;top:-2px;}
table.payment .on + .icon_npay{background-position:0 -19px;}
table.payment .btn_npay_confirm{width:120px;margin-left:10px;}
table.payment .icon_kakaopay{width:46px;height:19px;margin-right:2px;display:inline-block;vertical-align:middle;line-height:40px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_kakaopay.png') no-repeat;position:relative;top:-2px;}
table.payment .on + .icon_kakaopay{background-position:0 -19px;}
table.payment .btn_kakaopay_confirm{width:120px;margin-left:10px;}
table.payment td.labbox b{line-height:40px}
table.payment td.price b{color:#3f3f3f}
table.payment td.wait b{color:#20a7ce}
table.payment td.comp b{color:#62a74f}
table.payment td.comp_02 b{color:#eb6320}
table.payment .thumb{border:0 !important;padding:0}
table.payment .thumb img{display:block}
table.payment .bdl{border-left-width:1px}




/*Self모의고사*/

.exam_area{padding:30px 40px;border:1px solid #cacaca;border-radius:10px;background-color:#fffae8;}
.exam_area:after{content:'';position:absolute;right:-1px;bottom:-1px;display:inline-block;width:25px;height:25px;background:url(/asset/skin/riki_senior/images/mypage/bg_item.gif) no-repeat;}

.exam_area .em_top{position:relative;padding-bottom:10px;border-bottom:1px solid #cbc8bc;}
.exam_area .em_top:after{content:'';position:absolute;left:0;right:0;bottom:-2px;width:100%;height:1px;background-color:#f5f0df;}
.exam_area .em_top strong{display:block;line-height:1.2;padding-right:100px;color:#000;font-size:18px;font-family:ng;font-weight:bold;text-indent:4px;}
.exam_area .em_top span.q_num{position:absolute;right:10px;top:0;color:#666;font-size:16px;}
.exam_area .em_top span.q_num b{color:#393939;font-size:22px;}

.exam_area .em_mid{position:relative;margin:30px;border:6px solid #45322b;}
.exam_area .em_mid .e_m_top{position:relative;padding:10px 25px 12px;background-color:#45322b;}
.exam_area .em_mid .e_m_top strong{color:#fff;font-size:22px;vertical-align:middle;}

.em_mid .wrap_jplayer{display:inline-block;line-height:0;margin:0 20px;vertical-align:middle;}
.em_mid .wrap_jplayer .jp-audio{display:inline-block;border:none;background-color:transparent;}
.em_mid .wrap_jplayer .jp-audio .jp-controls{width:auto;padding:0;}
.em_mid .wrap_jplayer .jp-interface{position:relative;width:100%;background-color:transparent;}
.em_mid .wrap_jplayer .jp-audio .jp-interface,
.em_mid .wrap_jplayer .jp-audio-stream .jp-interface{height:50px;}
.em_mid .wrap_jplayer .jp-audio .jp-progress{position:absolute;top:19px;left:135px;width:200px;height:11px;background-color:#fff;z-index:2;}
.em_mid .wrap_jplayer .jp-audio .jp-progress .jp-seek-bar{background:#fff;}
.em_mid .wrap_jplayer .jp-audio .jp-progress .jp-play-bar{background:#ea393d;}
.em_mid .wrap_jplayer .jp-audio .jp-type-playlist .jp-time-holder{position:absolute;top:11px;left:70px;width:335px;z-index:1;}
.em_mid .wrap_jplayer .jp-audio .jp-current-time,
.em_mid .wrap_jplayer .jp-audio .jp-duration{width:65px;color:#fff;font-size:16px;font-style:normal;}
.em_mid .wrap_jplayer .jp-play{width:57px;height:50px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/common/jplayer_play.png) no-repeat;}
.em_mid .wrap_jplayer .jp-play:hover{background-position:0 -60px;}
.em_mid .wrap_jplayer .jp-state-playing .jp-play{background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/common/jplayer_stop.png) no-repeat;}
.em_mid .wrap_jplayer .jp-state-playing .jp-play:hover,
.em_mid .wrap_jplayer .jp-state-playing .jp-play:focus{background-position:0 -60px;}

.exam_area .em_mid .e_m_top button.down_src{position:absolute;right:25px;top:18px;border:none;background:none;}

.exam_area .em_mid .e_m_cont{line-height:1.5;height:480px;padding:30px 40px;text-align:center;background-color:#fff;overflow-x:hidden;overflow-y:auto;}
.exam_area .em_mid .e_m_cont p{color:#666;font-size:17px;font-weight:bold;text-align:left;}
.exam_area .em_mid .e_m_cont img{max-width:100%;}


/*모범답안*/
.exam_area .em_mid .model_answer{position:absolute;left:-6px;right:-6px;top:-6px;bottom:-6px;border:6px solid #3d4d98;z-index:3;}
.exam_area .em_mid .model_answer .e_m_top{position:relative;background-color:#3d4d98;}
.exam_area .em_mid .model_answer .e_m_top button.close_model{position:absolute;right:-47px;top:-6px;line-height:0;border:none;background:none;}
.exam_area .em_mid .model_answer .e_m_top strong{position:relative;color:#ffca22;}
.exam_area .em_mid .model_answer .e_m_top strong:before{content:'';display:inline-block;width:22px;height:31px;margin-right:5px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_paper.png) center no-repeat;vertical-align:middle;}

.exam_area .em_btm{margin:30px 0 10px;text-align:center;}












.satisfaction a.video_enter_btn{position:relative;display:inline-block;padding:0px 8px;margin-right:5px;color:#fff;font-size:12px;font-weight:500;border-radius:5px;background-color:#808080;}
.satisfaction a.video_enter_btn:after{content:'';display:inline-block;width:4px;height:7px;margin-left:10px;background:url(/assets/hpg/asp/ebspeak/cmn/pc/images/common/ico_arrow4.png) no-repeat;}



.ly_rating a.btn_rating{padding:5px 25px;color:#fff;background-color:#808080;}
.ly_rating a.btn_rating:after{content:none;}

.satisfaction{margin-left:3px;display:inline-block;vertical-align:middle;position:relative;}

.ly_rating{width:240px;background:#fff;border:1px solid #000;z-index:99;position:absolute;top:40px;right:0;box-shadow:3px 3px 0 #adadad;display:none}
.ly_rating:before{content:'';display:block;width:13px;height:11px;position:absolute;top:-11px;right:48px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/ly_ar.png') no-repeat 0 0}
.ly_rating .rating_wrap{padding:20px;text-align:center;}
.ly_rating .rating_wrap .rating_panel{margin-bottom:23px;}
.rating_panel{width:190px;height:27px;display:inline-block;vertical-align:middle;font-size:0;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/icon_rating.png') 0 0 repeat-x;position:relative;}
.rating_panel .rating_score{content:'';width:100%;height:100%;font-size:0;text-indent:-9999px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/icon_rating.png') 0 -27px repeat-x;position:absolute;left:0;top:0;}
.rating_panel button{width:10%;height:100%;display:inline-block;font-size:0;text-indent:-9999px;background:none;position:relative;z-index:1;}



.checkbox.ver3 em:before{content:'';width:20px;height:20px;margin-right:4px;display:inline-block;vertical-align:middle;border:1px solid #bec6cd;border-radius:4px;position:relative;top:-1px;background:#ffffff}
.checkbox.ver3 input[type="checkbox"]:checked + em:before{background:#ffffff url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_check.png') 50% 50% no-repeat;}
.popcheck em{line-height:20px;font-size:0.938rem;}



/*웹컴이벤트*/
.wellcom_contents{background-color:#ffffff;padding:30px;margin:0 auto;}
.wellcom_contents .contentbox01{position:relative;display:block;margin:0 auto;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/event/wellcom01.jpg') 0 0 no-repeat;width:1200px;height:1200px;}
.wellcom_contents .contentbox01 > h1{position:absolute;top:140px;left:190px;font-size:3.000rem;font-weight:600;color:#000000;letter-spacing:-2px;}
.wellcom_contents .contentbox01 > ul{position:absolute;bottom:40px;left:140px}
.wellcom_contents .contentbox01 > ul > li{font-size:1.125rem;font-weight:300;color:#000000;letter-spacing:-1px;}
.wellcom_contents .contentbox02{position:relative;display:block;margin:0 auto;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/event/wellcom02.jpg') 0 0 no-repeat;width:1200px;height:624px;}
.wellcom_contents .contentbox02 > a{position:absolute;bottom:160px;left:410px;}
.wellcom_contents .contentbox02 > h5{position:absolute;bottom:90px;left:250px;font-size:1.250rem;font-weight:300;color:#fff;letter-spacing:-1px;}


.hidden{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}

.sub-tit{margin-bottom:20px;font-size:24px;font-weight:700;}
/* form elements */
.check-cmm{display:inline-block;vertical-align:middle;}
.check-cmm,
.check-cmm em{position:relative;}
.check-cmm em{min-height:34px;padding:0 0 0 42px;display:block;font-size:18px;line-height:35px;font-weight:500;}
.check-cmm em span{font-weight:400;color:#494d50;}
.check-cmm em:before{content:'';position:absolute;left:0;top:0;width:32px;height:32px;border:1px solid #e1e1e1;border-radius:3px;background-color:#fff;}
.check-cmm input[type="checkbox"]{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:1;opacity:0;}
.check-cmm input[type="checkbox"]:checked + em:before{background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/icon_check.png') 50% 50% no-repeat;}
.multi-check-wrap{margin:-4px -14px;font-size:0;}
.multi-check-wrap .check-cmm{margin:4px 14px;}
.multi-check-wrap .sheet-in-noti{margin-left:15px;}

.radio-cmm{display:inline-block;vertical-align:middle;}
.radio-cmm,
.radio-cmm em{position:relative;}
.radio-cmm em{min-height:34px;padding:0 0 0 42px;display:block;font-size:18px;line-height:35px;font-weight:500;}
.radio-cmm em span{font-weight:400;color:#494d50;}
.radio-cmm em .desc{margin-top:-2px;display:block;font-size:16px;line-height:1.5;}
.radio-cmm em .desc span{color:#ff2424;}
.radio-cmm em .desc span.c-orange{color:#ff6724;}
.radio-cmm em:before,
.radio-cmm em:after{content:'';position:absolute;left:0;top:0;}
.radio-cmm em:before{width:32px;height:32px;border:1px solid #e1e1e1;border-radius:50%;background-color:#fff;}
.radio-cmm input[type="radio"]{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:1;opacity:0;}
.radio-cmm input[type="radio"]:checked + em:after{width:14px;height:14px;margin:10px 0 0 10px;background-color:#343434;border-radius:45%;}

.multi-radio-wrap{margin:-4px -14px;font-size:0;}
.multi-radio-wrap .radio-cmm{margin:4px 14px;}
.multi-radio-wrap .part + .part{margin-top:12px;}
.multi-radio-wrap .sheet-in-noti{margin-left:15px;}
.multi-radio-wrap strong{margin:0 10px 0 14px;display:inline-block;vertical-align:middle;font-size:18px;font-weight:700;}

.multi-select-wrap{display:flex;justify-content:space-between;}
.multi-select-wrap span{flex:1;}
.multi-select-wrap span + span{margin-left:20px;}
.multi-select-wrap span select{width:100%;}

.input-cmm-width{width:619px;}

/* buttons */
.btn-cmm{min-width:95px;padding:10px 25px;display:inline-block;text-align:center;font-size:18px;color:#fff;border-radius:5px;background-color:#1E78FF;}
.btn-cmm:hover{background-color:#003F9F;}
.btn-cmm.ver2,
.btn-cmm.ver2:hover{background-color:#494D50;}
.btn-cmm-02{padding:5px 9px;display:inline-block;vertical-align:middle;text-align:center;font-size:14px;color:#494d50;border:1px solid #acb1b5;border-radius:3px;background-color:#f7f7f7;}
.btn-cmm-02.ver2{color:#fff;border-color:#121212;background-color:#494d50;}
.btn-cmm-03{padding:7px 21px;text-align:center;font-size:14px;color:#fff;background-color:#494d50;border-radius:28px;}
.btn-cmm-04{height:38px;padding:0 17px;display:inline-block;vertical-align:middle;text-align:center;font-size:18px;line-height:38px;font-weight:400;color:#fff;background-color:#494d50;border-radius:3px;}
.btn-cmm-04.ver2{background-color:#1E78FF;}

.btn-box{margin-top:50px;text-align:center;font-size:0;}
.btn-box a,
.btn-box button{margin:0 15px;}
.btn-box .ico_type_red,
.btn-box .ico_type_gray{min-width:172px;}

/* tabs */
.tab-cmm{position:relative;margin-bottom:25px;padding:0 30px;font-size:0;border-bottom:1px solid #1e78ff;}
.tab-cmm a{position:relative;width:40%;height:46px;display:inline-block;vertical-align:top;text-align:center;font-size:18px;line-height:46px;font-weight:600;color:#494d50;border:1px solid #e1e1e1;border-bottom:none;border-radius:3px 3px 0 0;}
.tab-cmm a + a{margin-left:2px;}
.tab-cmm a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:1px;background-color:#1e78ff;}
.tab-cmm a.on{border-color:#1e78ff;color:#1e78ff;}
.tab-cmm a.on:after{background-color:#fff;}

.tab-cmm-02{position:relative;margin-bottom:35px;display:flex;font-size:0;border-bottom:1px solid #121212;}
.tab-cmm-02 a{position:relative;width:40%;height:46px;flex:1;text-align:center;font-size:18px;line-height:46px;font-weight:600;color:#494d50;border:1px solid #e1e1e1;border-bottom:none;border-radius:3px 3px 0 0;}
.tab-cmm-02 a + a{margin-left:2px;}
.tab-cmm-02 a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:1px;background-color:#121212;}
.tab-cmm-02 a.on{border-color:#121212;color:#121212;}
.tab-cmm-02 a.on:after{background-color:#fff;}

.pw-info-wrap .input-form{margin-top:13px;font-size:0;}
.pw-info-wrap .input-form dt,
.pw-info-wrap .input-form dd{padding:6px 0;display:inline-block;vertical-align:middle;}
.pw-info-wrap .input-form dt{width:150px;font-size:18px;font-weight:600;}
.pw-info-wrap .input-form dd{width:calc(100% - 160px);}
.pw-info-wrap .input-form dd input[type="password"]{width:300px;}
.pw-info-wrap .rules{margin-top:15px;padding:15px 20px;background-color:#f9f9f9;border-radius:10px;}
.pw-info-wrap .rules dt{margin-bottom:10px;font-size:18px;font-weight:600;}
.pw-info-wrap .rules dd{font-size:16px;line-height:1.4;}
.pw-info-wrap .rules dd .check{width:68px;display:inline-block;vertical-align:top;color:#acb1b5;}
.pw-info-wrap .rules dd .check.ok{color:#1e78ff;}
.pw-info-wrap .rules dd .check.ok:before{content:'';position:relative;top:-1px;width:20px;height:14px;margin-right:6px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/icon_ok.png') no-repeat;}
.pw-info-wrap .rule-noti{margin-top:10px;padding:10px 18px;font-size:16px;font-weight:500;color:#b60e0e;border:1px solid #f5d3d3;background-color:#ffe9e9;border-radius:10px;}

.sheet-cmm-modify{}
.sheet-cmm-modify + .sheet-cmm-modify{margin-top:60px;}
.sheet-cmm-modify table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.sheet-cmm-modify th,
.sheet-cmm-modify td{vertical-align:middle;font-size:18px;border:1px solid #c1c1c1;border-right:none;}
.sheet-cmm-modify th:first-child{border-left:none;}
.sheet-cmm-modify th{padding:17px 0;text-align:center;font-weight:600;}
.sheet-cmm-modify td{padding:17px 20px;text-align:left;}
.sheet-cmm-modify td.multi-rows{padding:0;}
.sheet-cmm-modify td.multi-rows .row{padding:15px 20px;}
.sheet-cmm-modify td.multi-rows .row + .row{border-top:1px solid #c1c1c1;}
.sheet-cmm-modify td select{min-width:40%;height:40px;line-height:38px;vertical-align:middle;}
.sheet-cmm-modify td textarea{width:100%;}
.sheet-cmm-modify td input[type="text"],
.sheet-cmm-modify td input[type="password"],
.sheet-cmm-modify td input[type="email"],
.sheet-cmm-modify td input[type="tel"],
.sheet-cmm-modify td input[type="number"]{height:40px;line-height:40px;vertical-align:middle;}
.sheet-cmm-modify .check-cmm.type-top{margin-bottom:12px;}
.sheet-cmm-modify .select-items-box{margin-top:-1px;}
.sheet-cmm-modify .time-select-wrap{margin:-7px -20px -7px 0;}
.sheet-cmm-modify .required{color:#ff2424;position:relative;left:2px;top:-3px;}
.sheet-cmm-modify .agree-box{margin-top:0;line-height:1.4;border:none;}
.sheet-cmm-modify .agree-box .check-cmm{margin-top:20px;display:block;}
.sheet-cmm-modify .limit-byte{margin-top:12px;text-align:right;font-size:16px;}
.sheet-cmm-modify .limit-byte .byte{color:#ff2424;}
.sheet-cmm-modify .sheet-cmm-noti{margin-top:10px;padding:8px 18px;font-size:16px;font-weight:600;color:#494d50;border:1px solid #e1e1e1;background-color:#f7f7f7;border-radius:10px;}
.sheet-cmm-modify .sheet-cmm-noti.ver2{color:#b60e0e;border-color:#f1c0c0;background-color:#ffe0e0;}

.sheet-cmm-modify.type-my-info th{padding:17px 10px 17px 29px;text-align:left;}
.sheet-cmm-modify.type-my-info th .en-txt{position:relative;margin-left:11px;padding-left:11px;display:inline-block;vertical-align:top;font-weight:400;color:#acb1b5;}
.sheet-cmm-modify.type-my-info th .en-txt:before{content:'';position:absolute;left:0;top:7px;width:1px;height:15px;background-color:#acb1b5;}
.sheet-cmm-modify.type-my-info td{font-weight:600;}

.sheet-cmm-modify.type-my-info .pw-info-wrap{font-weight:400;}
.sheet-cmm-modify.type-my-info .pw-info-wrap .desc{font-size:16px;line-height:1.5;}
.sheet-cmm-modify.type-my-info .tel-input-field{}
.sheet-cmm-modify.type-my-info .tel-input-field select,
.sheet-cmm-modify.type-my-info .birthday-field select,
.sheet-cmm-modify.type-my-info .email-field select,
.sheet-cmm-modify.type-my-info .email-field input[type="text"]{width:200px;min-width:auto;}
.sheet-cmm-modify.type-my-info .email-field select{margin-right:5px;}
.sheet-cmm-modify.type-my-info .birthday-field select + select{margin-left:5px;}
.sheet-cmm-modify.type-my-info .tel-input-field input[type="number"],
.sheet-cmm-modify.type-my-info .tel-input-field input[type="text"]{width:200px;margin-left:5px;}
.sheet-cmm-modify.type-my-info .pw-info-wrap{padding:10px 0;}

.sheet-in-noti{display:inline-block;vertical-align:middle;font-size:14px;color:#ff6724;}
.sheet-in-noti02{margin-top:10px;font-size:16px;}
.sheet-noti{margin-bottom:13px;font-size:24px;font-weight:700;color:#003f9f;}

.accept-agree{}
.accept-agree .desc{margin-top:15px;font-size:16px;line-height:1.5;}
.membership-withdrawal{margin-top:50px;padding:20px 35px;display:flex;justify-content:space-between;align-items:center;border:1px solid #c1c1c1;background-color:#f7f7f7;}
.membership-withdrawal strong{font-size:27px;font-weight:700;}
.membership-withdrawal strong:before{content:'';width:64px;height:68px;margin-right:28px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/icon_withdrawal.png') no-repeat;}/* 240930 kmh 수정 */
.member_contents{padding-bottom:50px;}
.member-form{}
.member-form input[type="text"],
.member-form input[type="password"]{width:100%;margin-bottom:10px;}
.member-form .id-save{margin-bottom:20px;}
.member-form .btn a{height:50px;display:block;text-align:center;font-size:21px;line-height:50px;font-weight:700;color:#fff;background-color:#cd1519;border-radius:4px;}
.member-form .other-links{margin-top:15px;display:flex;justify-content:space-between;}
.member-form .other-links a{font-size:18px;border-bottom:1px solid #121212;}

.member-welcome{padding:60px 0 10px;text-align:center;}
.member-welcome h4{font-size:34px;}
.member-welcome h4 em{font-weight:700;}

.id-pw-wrap{padding-bottom:80px;display:flex;justify-content:center;align-content:stretch;font-size:0;}
.id-pw-wrap .find-form{position:relative;width:410px;margin:0 10px;padding:20px;border:1px solid #e1e1e1;border-radius:10px;}
.id-pw-wrap .find-form .desc{margin-bottom:15px;font-size:16px;line-height:1.3;letter-spacing:-1px;}
.id-pw-wrap .find-form .find-msg{position:absolute;left:0;top:calc(100% + 20px);width:100%;padding:15px 18px;font-size:15px;line-height:1.5;color:#b60e0e;border:1px solid #f1c0c0;background-color:#ffe0e0;border-radius:10px;}
.id-pw-wrap .find-form .find-msg em{font-weight:700;}
.id-pw-wrap .find-form .find-msg span{border-bottom:1px solid #b60e0e;}
.id-pw-wrap .find-form .btn{padding:0;}

.confirm-pw-box{width:470px;margin:0 auto;padding:50px 0;}
.confirm-pw-box p{margin-bottom:23px;text-align:center;font-size:24px;font-weight:700;}
.confirm-pw-box input[type="password"],
.confirm-pw-box a{width:100%;}
.confirm-pw-box input[type="password"]{margin-bottom:20px;}
.confirm-pw-box a{height:50px;display:block;text-align:center;font-size:21px;line-height:50px;font-weight:700;color:#fff;background-color:#cd1519;border-radius:4px;}

.join-process{margin-bottom:45px;}
.join-process ol{display:flex;}
.join-process li{position:relative;flex:1;text-align:center;font-size:24px;font-weight:700;color:#494d50;}
.join-process li + li:before{content:'';position:absolute;left:-14px;top:calc(50% - 25px);width:28px;height:50px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/sub/icon_join_process_arr.png') no-repeat;background-size:100% auto;}
.join-process .icon{height:64px;margin-bottom:15px;overflow:hidden;}
.join-process li.active{color:#cd1519;}
.join-process li.active .icon img{margin-top:-64px;}

.agree-guide{padding:25px 5px;text-align:center;font-size:18px;font-weight:600;border:1px solid #e1e1e1;background-color:#f7f7f7;border-radius:10px;}
.agree-guide p{margin-bottom:5px;}
.agree-guide .check-cmm em{font-weight:600;}

.agree-guide{padding:25px 5px;text-align:center;font-size:18px;font-weight:600;border:1px solid #e1e1e1;background-color:#f7f7f7;border-radius:10px;}
.agree-guide p{margin-bottom:5px;font-size:18px;}
.agree-guide .check-cmm em{font-weight:600;}

.agree-box{margin-top:30px;border:1px solid #e1e1e1;border-radius:10px;}
.agree-box p,
.agree-box th,
.agree-box td{font-size:18px;}
.agree-box .box-head{position:relative;}
.agree-box .box-head h4{padding:25px 30px;font-size:24px;font-weight:700;}
.agree-box .box-head .check-cmm,
.agree-box .box-head .trigger{position:absolute;}
.agree-box .box-head .check-cmm em{font-weight:400;}
.agree-box .box-head .check-cmm{right:98px;top:calc(50% - 18px);}
.agree-box .box-head .trigger{right:30px;top:calc(50% - 12px);width:40px;height:24px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/common/icon_arr_up.png') no-repeat;background-size:100% auto;transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.agree-box .box-body{padding:10px 30px 20px;}
.agree-box.active .box-head .trigger{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.agree-box.active .box-body{display:none;}

.agree-box .agree-txt{line-height:1.4;}
.agree-box .agree-txt p{margin-bottom:15px;}
.agree-box .agree-txt p em{font-weight:600;}
.agree-box .agree-txt table{margin-bottom:15px;border-spacing:0;border-collapse:collapse;}
.agree-box .agree-txt th,
.agree-box .agree-txt td{border:1px solid #e1e1e1;}
.agree-box .agree-txt th{padding:12px 0;text-align:center;}
.agree-box .agree-txt td{padding:12px 10px 12px 26px;text-align:left;}
.agree-box .agree-txt .mo-th{display:none;}
.agree-box .agree-txt .indent{padding-left:14px;text-indent:-14px;}
.agree-box .agree-txt .confirm-txt{margin-top:40px;font-weight:600;}

.member-out-wrap{}
.member-out-wrap .section + .section{margin-top:45px;}

.terms-cont h3{margin-bottom:35px;padding:10px 30px;font-size:22px;font-weight:600;}
.terms-cont .section{padding:0 30px;font-size:16px;line-height:1.7;}
.terms-cont .section + .section{margin-top:20px;word-break:keep-all;}
.terms-cont strong{margin-bottom:5px;display:block;font-weight:600;}
.terms-cont table{margin:10px 0;}
.terms-cont table th,
.terms-cont table td{padding:10px 10px 10px 20px;vertical-align:top;text-align:left;font-size:16px;border:1px solid #e1e1e1;}
.terms-cont table th{font-weight:600;}