@charset "utf-8";

/* �ʱ�ȭ */
html {position:relative;margin:0;padding:0;}
body {position:relative;width:100%;margin:0;padding:0;overflow-y:scroll;background:#eee}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:22px;font-family:'���� ����','Malgun Gothic','Nanum Gothic','����',dotum,sans-serif;color:#666} /* color���� �����ΰ��̵忡 �°Ի�� */
a {color:#666;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}

textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}

.size12 {font-size:12px;line-height:18px;}
.size14 {font-size:14px;line-height:20px;}
.size16 {font-size:16px;line-height:22px;}
.size18 {font-size:18px;line-height:24px;}
.size24 {font-size:24px;line-height:32px;}
.size30 {font-size:30px;line-height:40px;}
.size36 {font-size:36px;line-height:44px;}

.red {color:#f75665}
.blue {color:#569ffd}
.blue_b {color:#86bce3}
.gray {color:#888}
.black {color:#222}
.white {color:#fff}
.orange {color:#ff7700}
.green {color:#05b621}

.bold {font-weight:bold}
.normal {font-weight:normal}

.clb {clear:both}



h1 {font-size:40px;line-height:48px;font-weight:700}
h2 {font-size:30px;line-height:38px;font-weight:normal}
h3 {font-size:24px;line-height:30px;font-weight:normal}
h3 strong {color:#cc0001;font-weight:normal}

#container_wrap {width:100%;}

#fullpage {width:100%;min-width:1200px;}

#fix_header {position:absolute !important;top:0;left:0;width:100%;height:80px;background:#fff;z-index:999999;
filter:alpha(opacity=100); /* ie  */
-moz-opacity:1; /* old mozilla browser like netscape  */
-khtml-opacity:1; /* for really really old safari */  
opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */ 

-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;

_position:expression('absolute');
 _left:expression(offsetParent.'px');
 _top:expressioin(offsetParent.scrollTop+'px');
}
#fix_header .logo {margin:0 0 0 10px;z-index:99999999}
#fix_header .tnb {position:absolute;right:10px;top:40px;margin:0}
#fix_header .tnb li {display:block;float:left;}
#fix_header .tnb li a {display:block;padding:0 8px;font-size:11px;color:#999;line-height:20px;border-right:solid 1px #ccc;}
#fix_header .tnb li a.last {border:none}

#fix_footer {position:absolute;bottom:0;left:0;width:100%;background:#fff;z-index:999999;
_position:expression('absolute');
 _left:expression(offsetParent.'px');
 _top:expressioin(offsetParent.scrollTop+'px');
}

#main_pop {display:none;}
#main_pop:before {position:fixed; top:0; left:0; right:0; bottom:0; z-index:222222222; background:rgba(0,0,0,0.8); content:'';}
#main_pop .box {position:fixed; top:50%; left:50%; z-index:2222222222222; width:94%; max-width:640px; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
#main_pop .box img {width:100%;}
#main_pop .btn_close {position:absolute; top:-50px; right:0px;}
#main_pop .pop_footer {overflow:hidden; padding:8px 10px; font-size:13px; color:#606060; background:#fff;}
#main_pop .pop_footer * {vertical-align:middle;}
#main_pop .pop_footer .chk {float:left;}
#main_pop .pop_footer button {float:right; font-size:13px; color:#606060;}


.fix_footer {position:relative;width:1200px;margin:0 auto;padding:10px 0;}
.fix_footer .fix_phone {float:left;width:190px;height:73px;margin:0 10px 0 0;padding:8px 0 7px 73px;font-size:12px;line-height:18px;background:url(../images_201710/icon_customer.png) no-repeat 19px 4px #f6f6f6;border:solid 1px #ccc;border-radius:5px;}
.fix_footer .fix_phone strong {display:block;margin:0 0 6px 0;font-size:30px;color:#eb2100;font-weight:700;line-height:30px;letter-spacing:-1px;}
.fix_footer .fix_wrap {float:left;}
.fix_footer .fix_bank {width:170px;margin:0 10px 0 0;padding:8px 16px;background:#eee;border-radius:5px;cursor: pointer;}
.fix_footer .fix_bank ul {}
.fix_footer .fix_bank ul li {display:block;height:25px;line-height:22px;font-size:14px;font-weight:700;letter-spacing:-1px;white-space:nowrap;}
.fix_footer .fix_bank ul li a {text-decoration: none;}
.fix_footer .fix_bank ul li label {display:inline-block;width:65px;color:#444;font-weight:700}
.fix_footer .fix_bank ul li img {}
.fix_footer .fix_sns {width:176px;margin:9px 10px 0 0;padding:1px 13px;background:#eee;border-radius:5px;}
.fix_footer .fix_sns .last {display:block;padding: 5px 0px;line-height: 22px;font-size: 14px;font-weight: 700;letter-spacing: -1px;}
.fix_footer .fix_sns .last a {padding:0 1.5px;}
.fix_footer .fix_sns .last a:hover {text-decoration: none;}
.fix_footer .fix_sns .last img {width:28px;margin-right: 4px;}
.fix_footer .fix_btn {position:absolute;right:0;top:10px; width:930px;}
.fix_footer .fix_btn ul {}
.fix_footer .fix_btn ul li {display:block;float:left;}
.fix_footer .fix_btn ul li a {display:block;width:161px;height:40px;margin:0 0 10px 5px;padding:0 10px;line-height:40px;font-weight:700;text-decoration:none;background:#eee;border-radius:5px;}
.fix_footer .fix_btn ul li a img {margin:0 5px 0 0}
.fix_footer .fix_btn ul li a.part {width:160px !important;}
.fix_footer .fix_btn ul li a.kakao {width:160px !important;color:#3d3137;background:#f9e81e;}

ul.copy_info {margin:8px 0 0 0;text-align:center;}
ul.copy_info li {display:inline-block;margin:0 3px 0 0;padding:0 8px 0 0;color:#444;font-size:12px;line-height:normal;border-right:solid 1px #ddd;}
ul.copy_info li:last-child {margin:0;padding:0;border-right:none;}
ul.copy_info li.ft_privacy_policy {font-weight:600; color:#c6322c; cursor: pointer;}


/** ��������ó����ħ **/ 
.privacy_policy_ct {color:#555; line-height: 1.6; padding: 35px 30px;}
.privacy_policy_ct h1 {font-size:24px; text-align: center; color:#333; padding-bottom:20px;}
.privacy_policy_ct h3 {font-size:16px; font-weight:600; letter-spacing: -1px; color:#333; padding:30px 0 2px;}
.privacy_policy_ct p {font-size:12px;}
.privacy_policy_ct p.subheading {font-size:12px; color:#333; font-weight:600;padding-top:10px;}
.privacy_policy_ct ul {padding-top:4px;}
.privacy_policy_ct ul li {font-size:12px; color:#777; margin-left:15px; list-style: none;}
.privacy_policy_ct ul li.first_li {font-size:12px; color:#444; margin-left:10px; }
.privacy_policy_ct ul li.indent {padding-left: 20px; text-indent: -20px;}



/*** gnb ***/
#gnb {position:absolute;width:720px;left:50%;top:20px;margin:0 auto 0 -320px;z-index:99999;}
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
#gnb ul {position:relative;}
#gnb ul li {display:block;float:left;text-align:center;zoom:1;}
#gnb ul li:hover {color:#ed2100;}
#gnb ul li:hover a {color:#ed2100;}
#gnb ul li.gnb_img {display:block;}
#gnb ul li.gnb_reg {display:none;}
#gnb ul li span.arrow {display:none;
/* "display:none" to hide arrows for the non-mobile nav */
position:absolute;
left:50%;
bottom:0;  
width:20px;
margin-left:-10px;
color:#666;
text-align:center;
font-size:11px;
z-index:5;
cursor:pointer;
}
#gnb ul li a {display:block;height:60px;padding:0 10px;font-size:15px;font-weight:700;color:#000;line-height:60px;text-align:center;text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#gnb ul li a:hover {color:#ed2100;}
#gnb ul li ul {position:absolute;display:none;width:100%;left:0;top:60px;padding:0;
filter:alpha(opacity=80); /* ie  */
-moz-opacity:0.8; /* old mozilla browser like netscape  */
-khtml-opacity:0.8; /* for really really old safari */  
opacity: 0.8; /* css standard, currently it works in most modern browsers like firefox,  */ 
}
#gnb ul li ul li {display:block;float:left;width:25% !important}
#gnb ul li ul li a {display:block;width:100%;height:80px;padding:0;color:#fff !important;font-size:12px;line-height:18px;text-align:center;font-weight:normal;letter-spacing:-1px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#gnb ul li ul li a:hover {color:#ed2100;}
#gnb ul li ul li a img {display:block;margin:20px auto 0 auto;}

#gnb .nav-bars {display:none;position:absolute;right:10px;top:18px;font-size:28px;cursor:pointer;}

#gnb.mobile {position:absolute;width:100%;left:0;top:0;margin:0;padding-top:80px;}
#gnb.mobile ul {display:none;width:100%;}
#gnb.mobile ul li {display:block;position:relative;width:100%;}
#gnb.mobile ul li:hover {color:#444 !important;background:#eee}
#gnb.mobile ul li.gnb_reg {display:flex; justify-content: space-between;}
#gnb.mobile ul li.gnb_reg a {display:block;float:left;font-size:12px !important;color:#999;text-align:center;text-decoration:underline}
#gnb.mobile ul li.gnb_reg a:hover {color:#444}
#gnb.mobile ul li.gnb_img {display:none;}
#gnb.mobile ul li span.arrow {
display: block;
top:0px;
font-size:24px;
margin:0;
right:10px;
left:auto;
padding:10px;
}
#gnb.mobile ul li span.arrow:hover {color:#444;}
#gnb.mobile ul li span.arrow.arrow-rotate {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#gnb.mobile ul li a {display:block;width:100%;padding:0;font-size:14px !important;text-indent:10px;text-align:left;border-right:none;border-left:none;border-bottom:solid 1px #ddd;}
#gnb.mobile ul li ul {position:static;width:100%;height:auto;background:#fff;
filter:alpha(opacity=100); /* ie  */
-moz-opacity:1; /* old mozilla browser like netscape  */
-khtml-opacity:1; /* for really really old safari */  
opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */ 
}
#gnb.mobile ul li ul li {width:100% !important;}
#gnb.mobile ul li a {color:#444;background:#f6f6f6;}
#gnb.mobile ul li a:hover {color:#444 !important;background:#eee;}
#gnb.mobile ul li ul {display:none;height:auto;padding:0;}
#gnb.mobile ul li ul li a {display:block;height:40px;font-size:12px !important;color:#666 !important;text-indent:20px !important;line-height:40px;background:#fff;border-bottom:solid 1px #eee;}
#gnb.mobile ul li ul li a:hover {color:#ed2100;line-height:40px;}
#gnb.mobile ul li ul li a img {display:none;}

#gnb.mobile .nav-bars {display:block;position:absolute;right:10px;top:23px;font-size:28px;cursor:pointer;}

.viz {position:absolute;display:none;left:0;top:80px;width:100%;height:260px;border-bottom:solid 5px #ed2100;z-index:999;}

.section {width:100%;margin:0 auto;background-size:cover !important;background-attachment:fixed;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}

#event_summer {color:#fff;font-size:16px;line-height:26px;text-align:center;}
#event_summer strong {display:inline-block;margin:0 0 10px 0;padding:8px 16px;color:#fff;font-size:18px;font-weight:normal;background:rgba(246,57,65,0.7);border-radius:5px;}
#event_summer h2 {display:block;color:#fff;font-size:24px;font-weight:normal;
text-shadow: 2px 2px 3px #666;
}
#event_summer h2 strong {display:inline-block;margin:0;padding:0;font-size:30px;background:none;border-radius:0}
#event_summer a {display:block;width:260px;height:50px;margin:20px auto;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#f63941;border-radius:5px;}

#event_talk {color:#fff;font-size:16px;line-height:24px;text-align:center;}
#event_talk h2 {display:block;margin:0 0 20px 0;font-size:30px;font-weight:bold;}
#event_talk p {width:100%;max-width:900px;margin:0 auto 20px auto;font-size:18px;}
#event_talk a {display:inline-block;height:50px;margin:0 3px;padding:0 24px;color:#fff;font-size:18px;line-height:50px;text-decoration:none;background:#f63941;border-radius:5px;}
ul.benefit {display:block;width:100%;max-width:860px;margin:0 auto 40px auto;padding:40px;background:rgba(0,0,0,0.6);}
ul.benefit li {display:block;position:relative;min-height:40px;margin:0 0 10px 0;padding:0 0 10px 120px;font-size:16px;text-align:left;border-bottom:solid 1px;border-color:rgba(255,255,255,0.3)}
ul.benefit li label {display:block;position:absolute;left:0;top:0;width:100px;;height:40px;text-align:center;line-height:40px;font-weight:bold;background:#569ffd;border-radius:20px;}



#event_wrap {text-align:center;}
#event_wrap .event_title {width:96%;max-width:850px;margin:0 auto;}
#event_wrap .event_title2 {width:96%;max-width:850px;margin:0 auto;}
#event_wrap .event_title img {width:54%;padding-bottom: 20px;height:auto; margin: 0;}
#event_wrap .event_title2 img {width:95%; height:auto; margin: 55px 0 40px 0;}
#event_wrap .event_footer { background: url(/event/event12_footer.png) 50% 50% / cover no-repeat; padding: 60px 0; width: 800px; margin: 0 auto;}

#event_wrap .event_con {background: url('/event/event_2_txt.png') 50% 50% / cover no-repeat; padding: 51px 0; width: 100%; max-width: 500px; margin: 0 auto;}
#event_wrap .event_con2 {width:100%;max-width:600px;margin:0 auto 30px auto;}
#event_wrap .event_con2 img {width:95%;height:auto}
#event_wrap .event_con_txt {background: url('/event/event_2_txt2.png') 50% 50% / cover no-repeat; padding: 37.5px 0; width: 100%; max-width: 320px; margin: 30px auto 0;}


#event_wrap .event_coupon {width:80%;max-width:420px;margin:0 auto;}
#event_wrap .event_coupon img {width:100%;height:auto;}

.one-event { background: url(/event/190228_event_1_bg.jpg) 50% 50% / cover no-repeat; }
.two-event { background: url(/event/190228_event_2_bg.jpg) 50% 50% / cover no-repeat; }



/**
.anniversary_bg { background: url(/event/anniversary_bg.jpg) 50% 50% / cover no-repeat; }
#event_wrap .anniversary {width:100%;max-width:798px;margin:0 auto;}
#event_wrap .anniversary img {width:100%;height:auto}
#event_wrap .anniversary { background: url(/event/anniversary_con.png) 50% 50% / cover no-repeat; padding: 288px 0; }
#event_wrap .anniversary_txt { background-color: rgba(255, 255, 255, 0.5); border-radius: 25px; display: inline-block; padding: 24px 100px; font-size: 16px; letter-spacing: -0.5px;}
**/


.event_1_bg { background: url(/event/event_1_bg.jpg) 50% 50% / cover no-repeat; }
#event_wrap .event_1 {background: url(/event/event_1_txt.png) 50% 50% / cover no-repeat; padding: 269px 0; width:100%;max-width:946px;margin:0 auto;}
#event_wrap .event_1 img {width:100%;height:auto}
#event_wrap .event_1_btn { display: inline-block; width: 200px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #ffa200; border-radius: 5px; }

#mask_king_wrap {text-align: center;}
.mask_king_bg { background: url('/event/mask_king_bg.jpg') 50% 50% / cover no-repeat; }
#mask_king_wrap .mask_king {background: url('/event/mask_king_txt.png') 50% 50% / cover no-repeat; padding: 286px 0; width:100%;max-width:929px;margin:0 auto;}
#mask_king_wrap .mask_king img {width:100%;height:auto}
#mask_king_wrap .mask_king_btn { display: inline-block; width: 250px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #e20065; border-radius: 5px; }


.attendance_check_bg { background: url('/event/attendance_check_bg.jpg') 50% 50% / cover no-repeat; }
#attendance_check .attendance_check {background: url('/event/attendance_check_txt_250331.png') 50% 50% / cover no-repeat; padding: 310px 0; width:100%;max-width:1000px;margin:0 auto;}
#attendance_check .attendance_check img {width:100%;height:auto}


#concurrent_lecture {text-align: center;}
.concurrent_lecture_bg { background: url('/event/concurrent_lecture_bg.jpg') 50% 50% / cover no-repeat; }
#concurrent_lecture .concurrent_lecture {background: url('/event/concurrent_lecture_txt4.png') 50% 50% / cover no-repeat; padding: 225px 0; width:100%;max-width:710px;margin:0 auto;}
#concurrent_lecture .concurrent_lecture img {width:100%;height:auto}
#concurrent_lecture .concurrent_lecture_btn {display: inline-block; width: 240px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #c6322c; border-radius: 5px;}


.price_tuition_bg { background: url('/event/price_tuition_bg.jpg') 50% 50% / cover no-repeat; }
#event_main .price_tuition {background: url('/event/price_tuition_txt2.png') 50% 50% / cover no-repeat; padding: 211px 0; width:100%;max-width:761px;margin:0 auto;}
#event_main .price_tuition img {width:100%;height:auto}
#event_main .event_main_btn_wrap {margin-top: 10px;}

.free_class_bg { background: url('/event/free_class_bg.jpg') 50% 50% / cover no-repeat; }
#event_main .free_class {background: url('/event/free_class_txt.png') 50% 50% / cover no-repeat; padding: 240px 0; width:100%;max-width:914px;margin:0 auto;}
#event_main .free_class img {width:100%;height:auto}
#event_main .event_main_btn_wrap {margin-top: 10px;}


.pronunciation_bg { background: url(/event/pronunciation_event_bg.jpg) 50% 50% / cover no-repeat; }
#pronunciation .pronunciation {background: url(/event/pronunciation_event_txt.png) 50% 50% / cover no-repeat; padding: 241px 0; width:100%;max-width:800px;margin:0 auto;}
#pronunciation .pronunciation img {width:100%;height:auto}
#pronunciation .event_main_btn {display: inline-block; width: 250px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #ffa200; border-radius: 5px;}
#pronunciation .event_main_btn_wrap {margin-top: 10px; text-align: center;}

#review_event {text-align: center;}
.review_event_bg { background: url(/event/review_event_bg.jpg) 50% 50% / cover no-repeat; }
#review_event .review_event {background: url('/event/review_event_txt_240731.png') 50% 50% / cover no-repeat; padding: 277px 0; width:100%;max-width:800px;margin:0 auto;}
#review_event .review_event img {width:100%;height:auto}
#review_event .review_event_btn { display: inline-block; width: 200px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #ffa200; border-radius: 5px; }

#test_taker {text-align: center;}
.test_taker_bg { background: url('/event/test_taker_bg.jpg') 50% 50% / cover no-repeat; }
#test_taker .test_taker {background: url('/event/test_taker_txt.png') 50% 50% / cover no-repeat; padding: 245px 0; width:100%;max-width:770px;margin:0 auto;}
#test_taker .test_taker img {width:100%;height:auto}


#new_year_wrap {text-align: center;}
.new_year_bg { background: url('/event/new_year_bg_250131.jpg') 50% 50% / cover no-repeat; }
#new_year_wrap .new_year {background: url('/event/new_year_txt_250131.png') 50% 50% / cover no-repeat; padding: 238px 0; width:100%;max-width:652px;margin:0 auto;}
#new_year_wrap .new_year img {width:100%;height:auto}
#new_year_wrap .new_year_btn { display: inline-block; width: 200px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #c6322c; border-radius: 5px; }

#autonomy_wrap {text-align: center;}
.autonomy_bg { background: url('/event/autonomy_bg.jpg') 50% 50% / cover no-repeat; }
#autonomy_wrap .autonomy {background: url('/event/autonomy_txt.png') 50% 50% / cover no-repeat; padding: 225px 0; width:100%;max-width:630px;margin:0 auto;}
#autonomy_wrap .autonomy img {width:100%;height:auto}
#autonomy_wrap .autonomy_btn { display: inline-block; width: 200px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #ffa200; border-radius: 5px; }

#event_main {text-align: center;}
.event_main_bg { background: url('/event/event1_bg_250731.jpg?v=2') 50% 50% / cover no-repeat; }
#event_main .event_main_con {background: url('/event/event1_txt_250801.png?v=3') 50% 50% / cover no-repeat; padding: 249px 0; width:100%;max-width:644px;margin:0 auto;}
#event_main .event_main img {width:100%;height:auto}
#event_main .event_main_btn {display: inline-block; width: 250px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #c6322c; border-radius: 5px;}
#event_main .ytb_video {width: 100%; max-width: 650px; height: 366px;}
#event_main .event_main_btn_wrap {margin-top: 10px;}




#letter_event {text-align: center;}
.letter_event_bg { background: url('/event/letter_event_bg_250430.jpg') 50% 50% / cover no-repeat; }
#letter_event .letter_event {background: url('/event/letter_event_txt_250430.png') 50% 50% / cover no-repeat; padding: 272px 0; width:100%;max-width:696px;margin:0 auto;}
#letter_event .letter_event img {width:100%;height:auto}
#letter_event .letter_event_btn { display: inline-block; width: 200px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #ffa200; border-radius: 5px;}

#write_letter {text-align: center;}
.write_letter_bg { background: url('/event/write_letter_bg.jpg') 50% 50% / cover no-repeat; }
#write_letter .write_letter {background: url('/event/write_letter_txt.png') 50% 50% / cover no-repeat; padding: 245px 0; width:100%;max-width:899px;margin:0 auto;}
#write_letter .write_letter img {width:100%;height:auto}
#write_letter .write_letter_btn { display: inline-block; width: 200px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #ffa200; border-radius: 5px; }

#fall_event {text-align: center;}
.fall_event_bg { background: url('/event/covid_event_bg.jpg') 50% 50% / cover no-repeat; }
#fall_event .fall_event {background: url('/event/covid_event_txt.png') 50% 50% / cover no-repeat; padding: 243px 0; width:100%;max-width:714px;margin:0 auto;}
#fall_event .fall_event img {width:100%;height:auto}
#fall_event .fall_event_btn { display: inline-block; width: 240px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #c6322c; border-radius: 5px; }

#third_party {text-align: center;}
.third_party_bg { background: url('/event/third_party_bg.jpg') 50% 50% / cover no-repeat; }
#third_party .third_party {background: url('/event/third_party_txt.png') 50% 50% / cover no-repeat; padding: 276px 0; width:100%;max-width:788px;margin:0 auto;}
#third_party .third_party img {width:100%;height:auto}

#premium_package {text-align: center;}
.premium_package_bg { background: url('/event/premium_package_bg2.jpg') 50% 50% / cover no-repeat;}
#premium_package .btn { display: inline-block; width: 250px; height: 50px; margin: 12px auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #c6322c; border-radius: 5px; }

#premium_package .premium_package_m {display: none;}


.learning_drama_bg { background: url(/event/learning_drama_bg.jpg) 50% 50% / cover no-repeat; margin: 80px 0 0 0;}
#event_wrap .learning_drama {width:100%;max-width:923px;margin:0 auto; }
#event_wrap .learning_drama img {width:100%;height:auto}
#event_wrap .learning_drama { background: url(/event/learning_drama_con.png) 50% 50% / cover no-repeat; padding: 80px 0 130px; background-size: inherit;}
#event_wrap .learning_drama_btn { display: inline-block; width: 250px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #c6322c; border-radius: 5px; }
#event_wrap .cont_wrap { width: 100%; max-width: 1050px; margin: 0 auto; display: inline-block;}
#event_wrap .cont_wrap .cont1 { background: url(/event/cont_img_1.png) 50% 50% / cover no-repeat; float: left;padding: 139px 0; width: 330px; margin: 0 10px;}
#event_wrap .cont_wrap .cont1:hover { background: url(/event/cont_img_1_hover.png) 50% 50% / cover no-repeat; float: left;padding: 139px 0; width: 330px; margin: 0 10px;}
#event_wrap .cont_wrap .cont2 { background: url(/event/cont_img_2.png) 50% 50% / cover no-repeat; float: left;padding: 139px 0; width: 330px; margin: 0 10px;}
#event_wrap .cont_wrap .cont2:hover { background: url(/event/cont_img_2_hover.png) 50% 50% / cover no-repeat; float: left;padding: 139px 0; width: 330px; margin: 0 10px;}
#event_wrap .cont_wrap .cont3 { background: url(/event/cont_img_3.png) 50% 50% / cover no-repeat; float: left;padding: 139px 0; width: 330px; margin: 0 10px;}
#event_wrap .cont_wrap .cont3:hover { background: url(/event/cont_img_3_hover.png) 50% 50% / cover no-repeat; float: left;padding: 139px 0; width: 330px; margin: 0 10px;}


.local_training_bg { background: url(/event/local_training_bg.jpg) 50% 50% / cover no-repeat; }
#event_wrap .local_training {width:100%;max-width:1000px;margin:0 auto;}
#event_wrap .local_training img {width:100%;height:auto}
#event_wrap .local_training { background: url(/event/local_training_con.png) 50% 50% / cover no-repeat; padding: 246px 0; }
#event_wrap .local_training_btn { display: inline-block; width: 250px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #ffb400; border-radius: 5px; }


.new_school_term_bg {/*background: url(/event/new_school_term_bg.jpg) 50% 50% / cover no-repeat;*/ }
.new_school_term_bg video {position: absolute; top: -260px; left: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; overflow: hidden; background: center center;}
#event_wrap .new_school_term img {width:100%;height:auto}
#event_wrap .new_school_term {width:100%;max-width:674px;margin:0 auto;background: url(/event/new_school_term_txt.png) 50% 50% / cover no-repeat; padding: 205px 0; }
#event_wrap .new_school_term_btn {display: inline-block; width: 250px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #c6322c; border-radius: 5px;}



.app_pelease_bg { background: url(/event/app_pelease_bg.jpg) 50% 50% / cover no-repeat; }
#event_wrap .app_pelease_tit img {width:100%;height:auto}
#event_wrap .app_pelease_tit {width:100%;max-width:381px;margin:0 auto;background: url(/event/app_pelease_tit.png) 50% 50% / cover no-repeat; padding: 49px 0; }
#event_wrap .ytb_video {width: 100%; max-width: 650px; height: 366px;}


.wechat_bg { background: url(/event/wechat_bg.jpg) 50% 50% / cover no-repeat; }
#event_wrap .wechat_title img {width:100%;height:auto}
#event_wrap .wechat_title {width:100%;max-width:697px;margin:0 auto;background: url(/event/wechat_title.png) 50% 50% / cover no-repeat; padding: 24px 0; }
#event_wrap .wechat_video {width: 100%; max-width: 650px; height: 366px;}
#event_wrap .wechat_txt {width:100%;max-width:645px;margin:0 auto;background: url(/event/wechat_txt.png) 50% 50% / cover no-repeat; padding: 42px 0; margin-top: 30px;}


.use_method { background: url(/event/use_method_bg.jpg) 50% 50% / cover no-repeat; }
#event_wrap .use_method_tit img {width:100%;height:auto}
#event_wrap .use_method_tit {width:100%;max-width:571px;margin:0 auto;background: url(/event/use_method_txt.png) 50% 50% / cover no-repeat; padding: 25px 0; }
#event_wrap .use_method_video {width: 100%; max-width: 900px; height: 506px;}


/**
.ace_teacher_bg { background: url(/event/ace_teacher_bg.jpg) 50% 50% / cover no-repeat; }
#event_wrap .ace_teacher {width:100%;max-width:1018px;margin:0 auto;}
#event_wrap .ace_teacher img {width:100%;height:auto}
#event_wrap .ace_teacher_con { background: url(/event/ace_teacher_con.png) 50% 50% / cover no-repeat; padding: 287px 0; }
**/







ul.event_li {width:100%;max-width:1200px;margin:0 auto 10px auto}
ul.event_li:after {display:block;visibility:hidden;clear:both;content:""}
ul.event_li li {display:block;float:left;width:50%;text-align:center}
ul.event_li li img {width:94%;max-width:581px;}

#event_wrap .wechat {width:100%;max-width:865px;margin:0 auto;}
#event_wrap .wechat img {width:100%;height:auto}
#event_wrap a.btn {display: inline-block; width: 200px; height: 50px; margin: 0 10px 0 0; color: #fff; font-size: 18px; text-align: center; line-height: 50px; text-decoration: none; background: #ed2100; border-radius: 5px;}
#event_wrap .wechat_cont_img { background: url(/event/wechat.png) 50% 50% / cover no-repeat; padding: 324px 0; }
















.event_w_box {width:960px;padding:20px 40px;margin:20px auto;text-align:left;background:url(../images_201710/event_w_bg.png);border-radius:5px;}
.event_w_box ul {float:left;width:420px;}
.event_w_box ul li {display:block;height:30px;padding:0 0 0 24px;line-height:30px;font-size:16px;background:url(../images_201710/chk.png) no-repeat 0 50%}

.event_appl {width:100%;max-width:800px;margin:0 auto;}
.event_appl:after {display:block;visibility:hidden;clear:both;content:""}
.event_appl label {display:block;float:left;width:25%;height:40px;margin:0 0 10px 0;line-height:40px;background:#ff7700;border-radius:20px;}
.event_appl span {display:block;float:left;width:73%;margin:0 0 10px 2%;text-align:left;}

#event_sub {width:1240px;margin:30px auto 0 auto;text-align:center}
.event1 {width:50%;float:left;text-align:center;}
.event2 {width:50%;float:left;text-align:center;}

#spec_open_wrap {margin:0;color:#fff;text-align:center;font-size:18px;background:url(../images_201710/spec_open_bg.jpg) no-repeat 50% top;background-size:cover}
#spec_open_wrap a.btn {display:inline-block;width:300px;height:50px;margin:0 10px;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#ed2100;border-radius:5px;}

.notice_wrap {margin: -15px auto 0 !important;}
.notice_con {display: flex;flex-flow: column;height: 100%;}
#ten_wrap {text-align:center;background:url('../images_201710/10_bg_.jpg?v=2') no-repeat 50% 50% / cover; height: calc(100% - 475px); display: flex;justify-content: center;align-items: center;}
#ten_wrap .con {margin-top: 55px;}
#ten_wrap img {display:block;width:90%;max-width:640px;margin:0 auto;}
#ten_wrap a {display:inline-block;width: 220px; height:56px;margin:0 4px 10px;padding:0 24px;color:#fff;font-size:23px;line-height:55px;text-decoration:none;background:#c6322c;border-radius:5px;}
#ten_wrap a:hover {background:#af1e18;}
#ten_wrap .btn_200 {padding:0 95px;}

.ht_box {}
#recent_wrap {width:1200px;margin:20px auto;}
.recent {float:left;width:558px;height:180px;margin:0 20px;border:solid 1px #ccc;}
.recent .title {height:39px;padding:0 20px;line-height:40px;font-size:18px;font-weight:700;color:#444;background:#f6f6f6;border-bottom:solid 1px #ccc;}
.recent .title .more {display:block;float:right;margin:0 20px 0 0;color:#999;font-size:12px;font-weight:normal;text-decoration:underline}
.recent ul {margin:10px 20px;}
.recent ul li {display:block;position:relative;}
.recent ul li a {display:block;height:30px;line-height:30px;}
.recent ul li .date {position:absolute;right:20px;top:0;color:#999;}

#quick_wrap {width:1200px;margin:0 auto 0 auto;}
#quick_wrap li {display:block;float:left;width:150px;height:120px;}
#quick_wrap li a {display:block;font-size:14px;text-align:center;font-weight:bold;}
#quick_wrap li a img {display:block;width:100px;margin:0 auto;}

#add_class {position:relative;width:1120px;margin:0 auto 80px auto;}
#add_class .add_cl {display:table-cell;vertical-align:middle;width:550px;height:460px;color:#fff;font-size:30px;text-align:center;line-height:50px;background-size:contain;border:solid 5px #ed2100;cursor:pointer}
#add_class .add_cl_gap {display:table-cell;width:20px;}
#add_class .add_circle {position:absolute;left:50%;top:50%;width:200px;height:140px;margin:-100px 0 0 -100px;padding:60px 0 0 0;color:#fff;font-size:36px;text-align:center;line-height:40px;background:#ed2100;border-radius:100px;}

#talk_exam_wrap {width:100%;color:#fff;font-size:18px;text-align:center;line-height:30px;background:url(../images_201710/talk_bg.jpg) no-repeat 50% 50%;background-size:cover}
#talk_exam_wrap strong {color:#ffff00;font-weight:700}
#talk_exam_wrap a.btn {display:inline-block;width:300px;height:50px;margin:0 10px;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#ed2100;border-radius:5px;}

#talk_exam_wrap dl {width:790px;margin:0 auto;}
#talk_exam_wrap dl dt {display:block;float:left;width:240px;height:50px;margin:0 30px 20px 0;font-size:24px;color:#fff;text-align:center;line-height:50px;background:#ff7700;border-radius:25px;}
#talk_exam_wrap dl dd {display:block;float:left;width:240px;height:50px;margin:0 30px 20px 0;font-size:24px;color:#fff;text-align:center;line-height:50px;border:solid 1px #fff;border-radius:25px;}
#talk_exam_wrap dl dd.last {display:block;float:left;width:240px;height:50px;margin:0 0 20px 0;font-size:24px;color:#fff;text-align:center;line-height:50px;background:url(../images_201710/talk_.png);border:solid 1px #fff;border-radius:25px;}
#talk_exam_wrap dl dt a,
#talk_exam_wrap dl dd a {color:#fff;text-decoration:none}


    


#band_wrap {color:#fff;font-size:18px;text-align:left;line-height:24px;background:url(../images_201710/bg_band.jpg) no-repeat 50% 50%;background-size:cover}
#band_wrap .band_img {width:80px !important;height:auto;margin:0 0 24px 0;}
#band_wrap a.btn {display:inline-block;width:200px;height:50px;margin:0 10px 0 0;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#ed2100;border-radius:5px;}
#band_area {width:1200px;margin:0 auto;}
#band_area:after {display:block;visibility:hidden;clear:both;content:""}
#band_area .band_info {float:left;width:740px;height:490px;padding:50px 0 0 60px;background:url(../images_201710/bg_band_over.jpg) no-repeat 0 50%;background-size:cover}
#band_area .band_info h1 {display:block;margin:0;padding:0 0 18px 0;color:#fff;font-size:36px;font-weight:700;background:url(../images_201710/band_var.gif) no-repeat 0 bottom;}
#band_area ul {float:left;}
#band_area ul li {display:block;width:400px;height:150px;padding:30px 0 0 0;color:#fff;font-size:30px;font-weight:700;text-align:center;}
#band_area ul li img {margin:0 0 12px 0;}

/*#band_wrap ul.band_talk {width:1000px;margin:0 auto 30px auto;}
#band_wrap ul.band_talk li {display:block;float:left;width:33.3%;}
#band_wrap ul.band_talk li span {display:block;position:relative;width:300px;margin:0 auto;overflow:hidden;border-radius:5px;}
#band_wrap ul.band_talk li span img {width:100%;height:auto}
#band_wrap ul.band_talk li p {display:block;position:absolute;width:100%;left:0;top:50%;margin:-15px 0 0 0;font-size:30px;color:#fff;text-align:center;font-weight:700;border-radius:5px;}
#band_wrap ul.band_talk li p strong {font-weight:700}*/

#post_wrap {color:#000;letter-spacing: -1px; text-align:center;background:url('../event/post_bg.jpg');}
#post_wrap a.btn {display:inline-block;width:280px;height:50px;margin:0 10px;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#ed2100;border-radius:5px;}
#post_wrap ul {width:1200px;margin:0 auto}
#post_wrap ul li {display:block;position:relative;float:left;width:280px;height:240px;margin:0 80px 40px 0;padding:19px 29px;text-align:left;font-size:14px;line-height:22px;border:solid 1px #222;background-color: rgb(34, 34, 34, 0.9);color:#fff;letter-spacing: 0px;}
#post_wrap ul li.last {margin:0 0 0 0;}
#post_wrap ul li strong {display:block;margin:0 0 10px 0;font-size:18px;font-weight:normal}
#post_wrap ul li strong img {margin:0 0 15px 0;vertical-align:bottom}
#post_wrap ul li .end {display:block;position:absolute;right:-1px;bottom:-1px;}

#card_wrap {color:#fff;text-align:center;background:url(../images_201710/wall.jpg) no-repeat 50% 50%;background-size:cover}
#board_frame {width:1180px;margin:0 auto;padding:10px;background:url(../images_201710/wood.jpg) no-repeat 50% 50%;background-size:cover}
#board_wrap {width:1100px;margin:0 auto;padding:20px;background:url(../images_201710/board.jpg);}
.card {width:1100px;margin:0 auto;}
.card li {display:block;float:left;width:33.3%;text-align:left;}
.card li.half {width:50% !important;margin:0 0 0 0;}
.card li span {display:block;padding:9px;margin:0 -1px -1px 0;border:solid 1px #666;/*background:#fff;*/}
.card li span strong {display:block;height:40px;font-size:18px;color:#ed2100;font-weight:700;line-height:24px;}

.card_chk {width:1100px;margin:0 auto;}
.card_chk li {display:block;float:left;width:50%;height:30px;line-height:30px;text-indent:22px;text-align:left;background:url(../images_201710/chk.png) no-repeat 0 50%}

#exam_schedule {font-size:18px;color:#fff;text-align:center;background:url(../images_201710/exam_bg.jpg) no-repeat 50% 50%;background-size:cover}
#exam_schedule a.btn {display:inline-block;width:300px;height:50px;margin:0 10px;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#ed2100;border-radius:5px;}

#exam_type {width:1180px;margin:0 auto;}
#exam_type table {width:1180px;border-collapse:collapse;border-spacing:0}
#exam_type th {width:140px;padding:12px 0;font-size:16px;color:#fff;text-align:center;font-weight:bold;background:url(../images_201710/talk_.png);border:solid 1px #555;}
#exam_type th.blank {width:5px !important;padding:0 !important;}
#exam_type td {width:140px;padding:12px 0;font-size:16px;color:#fff;text-align:center;border:solid 1px #555}
#exam_type td a {color:#fff;text-decoration:underline}
#exam_type td.blank {width:5px !important;padding:0 !important;}

#coupon {text-align:center;color:#fff;font-size:30px;line-height:36px;background:url(../images_201710/coupon_bg.jpg) no-repeat 50% 50%;background-size:cover}
#coupon strong {color:#ffff00;font-size:24px;font-weight:normal}
#coupon .coupon_slogon {display:block;width:70%;max-width:400px;margin:0 auto 40px auto;}
#coupon .coupon_img {display:block;width:80%;max-width:342px;margin:40px auto;}

#add_section {text-align:center;color:#fff;font-size:23px;line-height:30px;background:url(../images_201710/add_section_bg.jpg) no-repeat 50% 50%;background-size:cover}
#add_section span {display:inline-block}
#add_section a.btn {display:inline-block;width:300px;height:50px;margin:0 10px;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#ed2100;border-radius:5px;}
.add_section_box {width:100%;max-width:900px;margin:20px auto 30px;padding:30px 0;border:solid 7px #fff;}


#busi_area_wrap {font-size:16px;color:#fff;text-align:center;/*background:url(../images_201710/busi_area_bg.jpg) no-repeat 50% 50%;*/background-size:cover}
#busi_area_wrap h1 {font-size: 42px; line-height: 52px; font-weight: 500; letter-spacing: -3px;}
#busi_area_box {width:1200px;margin:0 auto; display: inline-block;}
#busi_area_box .busi_area_cell {display:block;float:left;border-radius:0px;width:23%;margin:0 0.8%;color: #ffffff;font-size:24px;text-align:center; border: 1px solid #c6c9ce;}
#busi_area_box .busi_area_cell a {text-decoration: none;}
#busi_area_box .busi_area_img {display:block;margin:28px auto 25px auto;}
#busi_area_box .busi_area_tit {font-size: 26px; margin-bottom: 14px; color: #fff; letter-spacing: -2px;}
#busi_area_box .busi_area_subt {font-size: 16px; color: #fff; letter-spacing: -1px;}
#busi_area_box .busi_area_btn { display: block; width: 200px; height: 50px; margin: 46px auto 28px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #c6322c; border-radius: 5px;}
#busi_area_wrap video {position: absolute; top: 0px; left: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; overflow: hidden; background: center center;}


#life_review_wrap {font-size:16px;color:#fff;text-align:center;background:url(../images_201710/life_review_bg.jpg) no-repeat 50% 50%;background-size:cover}
#life_review_wrap h1 {font-size: 46px; line-height: 52px; font-weight: 600; letter-spacing: -4px; color:#000;}
#life_review_wrap h1 span {color:#c6322c;}
#life_review_wrap h3 {color:#433f3a; letter-spacing: -2px; font-size: 22px;}
#life_review_box {width:1200px;margin:0 auto; display: inline-block;}
#life_review_box .busi_area_cell {display:block;float:left;border-radius:22px;width:30%;margin:0 1.6%;color: #ffffff;font-size:24px;text-align:center; background-color: rgba(255, 255, 255, 0.6);}
#life_review_box .busi_area_cell a {text-decoration: none;}
#life_review_box .busi_area_img {display:block;margin:28px auto 25px auto;}
#life_review_box .life_review_txt {font-size: 24px; margin-bottom: 14px; color: #000; letter-spacing: -1.5px; line-height: 30px;}
#life_review_box .busi_area_subt {font-size: 16px; color: #fff; letter-spacing: -1px;}
#life_review_box .busi_area_btn { display: block; width: 200px; height: 50px; margin: 25px auto 28px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #c6322c; border-radius: 5px;}





#outro_wrap {font-size:16px;color:#fff;text-align:center;background:url(../images_201710/outro_bg.jpg) no-repeat 50% 50%;background-size:cover}
#outro_box {width:1200px;margin:0 auto}
#outro_box .outro_cell {display:block;float:left;width:370px;height:250px;margin:0 10px;padding:20px 0 0 0;font-size:24px;text-align:center;border:solid 1px #666;}
#outro_box .outro_cell img {display:block;margin:0 auto 12px auto;}
#outro_box .outro_cell .tel {font-size:48px;color:#ed2100;line-height:50px;}
#outro_box .outro_cell .fax {font-size:18px;line-height:30px;}
#outro_box .outro_cell .time {font-size:16px;}
#outro_box .outro_cell a.btn {display:inline-block;height:50px;padding:0 16px;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#ed2100;border-radius:5px;}
#outro_box .copy {display:block;color:#ccc;line-height:24px}
#outro_box .copy_m {display:none;color:#ccc;line-height:24px}


#viz_sub {display:table;width:100%;margin:0;padding:80px 0 0 0;color:#fff;font-size:36px;text-align:center;line-height:56px;font-weight:700;border-bottom:solid 5px #ed2100;}
#viz_sub video {position: absolute; top: -140px; left: 0px; min-width: 100%; width: auto; height: auto; z-index: -1; overflow: hidden; background: center center;}

#viz_sub span {display:table-cell;vertical-align:middle;height:260px;color: #000;}
#viz_sub span strong {display:block;margin:0;font-size:18px;font-weight:normal;line-height:24px; color: rgb(0 0 0 / 90%);}
#viz_sub .video_bg {height:360px;}

#viz_sub_p {display:table;width:100%;margin:0;padding:80px 0 0 0;color:#000;font-size:36px;text-align:center;line-height:56px;font-weight:700;border-bottom:solid 5px #ed2100;}
#viz_sub_p span {display:table-cell;vertical-align:middle;height:260px;}
#viz_sub_p span strong {display:block;margin:0;font-size:18px;font-weight:normal;line-height:24px;}

ul.viz_serv {display:block;width:950px;margin:20px auto 0 auto}
ul.viz_serv li {display:block;float:left;width:140px;height:100px;margin:0 5px;padding:10px 0 0 0;color:#000;font-size:14px;font-weight:bold;line-height:18px;border: solid 1px rgb(0,0,0,0.2);}
ul.viz_serv li img {width:40px;height:40px;margin:0 0 8px 0;}

.content_title {display:block;margin:0 0 40px 0;font-size:30px;color:#444;font-weight:700;line-height:44px;text-align:center;}
.content_title .sub {display:block;margin:0;/*padding:0 0 0 18px;*/font-size:16px;color:#666;font-weight:normal;line-height:22px;/*border-left:solid 1px #ddd;*/}
.content_title img {}

.content_title_sub {display:block;margin:0 0 20px 0;font-size:24px;color:#444;font-weight:700;line-height:36px;text-align:center;}
.content_title_sub .sub {display:block;margin:0;font-size:16px;color:#666;font-weight:normal;line-height:24px;/*border-left:solid 1px #ddd;*/}

#location_wrap {height:40px;border-bottom:solid 1px #ccc;background-color: #fff;}
#location_wrap_fix {display:none}
.location {width:1200px;margin:0 auto;}
.location dl {}
.location dl dt {display:block;float:left;background:#fff;}
.location dl dd {display:block;float:left;position:relative;background:#fff;}
.location dl dd a {display:block;width:169px;height:40px;padding:0;font-size:12px;line-height:40px;text-decoration:none;text-indent:10px;background:url(../images_201710/arrow_down.gif) no-repeat right 50%;border-right:solid 1px #ccc;cursor:pointer}
.location dl dd ul {display:none;position:absolute;left:-1px;top:40px;background:#fff;border:solid 1px #ddd;z-index:999999}
.location dl dd ul li {display:block;}
.location dl dd ul li a {display:block;line-height:30px;font-size:12px;background:none;border:none}
.location dl dd ul li a:hover {color:#ff7700}



#sitemap_wrap {padding:80px 0;font-size:24px;color:#fff;text-align:center;background:url(../images_201710/sitemap_bg.jpg) no-repeat 50% 50%;background-size:cover}
#sitemap_wrap ul{width:1200px;margin: 0 auto}
#sitemap_wrap ul li {display:block;float:left;height:330px;padding:0 30px 0 20px;border-left: solid 1px rgb(0, 0, 0, 0.1);}
#sitemap_wrap ul li dl {}
#sitemap_wrap ul li dl dt {display:block;}
#sitemap_wrap ul li dl dt a {display:block;height:40px;color:#222;font-size:16px;font-weight:700;text-align:left;letter-spacing:-1px;}
#sitemap_wrap ul li dl dd {display:block;}
#sitemap_wrap ul li dl dd a {display:block;height:30px;color:#333;font-size:14px;text-align:left;letter-spacing:-1px;}
#sitemap_wrap strong {display:block;height:80px;font-size:30px;color:#000;font-weight:700}

#footer_wrap {padding:60px 0;background: #fff;border-top: 1px solid #e5e5e5;}
#footer_wrap ul {width:1200px;margin:0 auto}
#footer_wrap ul li {display:block;float:left;width:660px;height:180px;margin:0 20px 0 0;color:#666;font-size:14px;line-height:30px;border-right:solid 1px #dedede}
#footer_wrap ul li.first {width:260px;}
#footer_wrap ul li.last {width:200px;margin:0;border:none}
#footer_wrap ul li .copy {display:block;}
#footer_wrap ul li .copy_m {display:none;}

#content_wrap {width:100%;max-width:1200px;margin:0 auto;padding:60px 0;}

#list_type {margin:0 0 20px 0;border-top:none;}
#list_type table {width:100%;border-collapse:collapse;border-spacing:0}

#list_type th {padding:14px 0 14px 12px;font-size:14px;color:#444;text-align:left;font-weight:bold;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #bbb}
#list_type td {padding:14px 0 14px 12px;font-size:14px;text-align:left;border-bottom:solid 1px #ddd;}
#list_type td .cmt {display:inline-block;margin:0 2px;font-size:12px;color:#ff7700;}
#list_type td .list_info {display:none}

.num {width:60px;text-align:left}
.subject {text-align:left;}
.date {width:100px;text-align:left}
.name {width:100px;text-align:left}
.down {width:140px;text-align:center !important;}
.grade {width:120px;text-align:left;}
.vi_evalue {width:80px;text-align:left;}
.evalue_info {display:none}
.evalue_grade {display:none}
.pay_way {width:140px;text-align:left;}
.pay_price {width:140px;text-align:left;}
.proc {width:120px;text-align:left;}
.receipt {width:80px;text-align:left;}

#list_category {width:100%;margin:0 0 40px 0}
#list_category h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#list_category ul {}
#list_category ul li {display:block;float:left;width:12.5%}
#list_category ul li a {display:block;height:48px;margin:0 -1px -1px 0;font-size:14px;color:#999;text-align:center;line-height:48px;background:#fff;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#list_category ul li a#on {height:48px;margin:0 0 -1px 0 !important;color:#fff;font-weight:bold;background:#f75665;border:solid 1px #f75665;z-index:99999}
#list_category ul li a:hover {color:#fff;background:#666}

.btn_frm {display:inline-block;padding:0 14px;height:36px;font-size:14px;color:#666;font-weight:normal;text-decoration:none;border:solid 1px #ddd;}
a.btn_frm {height:32px;color:#666;line-height:32px;text-decoration:none;}

#paging_area {height:80px;text-align:center}
#paging_area a {display:inline-block;margin:2px;padding:0 12px;height:30px;color:#666;letter-spacing:0;line-height:30px;border:solid 1px #ccc;vertical-align:middle}
#paging_area a:focus, 
#paging_area a:hover {text-decoration:none;}
#paging_area a {background:#eee;text-decoration:none}
#paging_area .pg_prev {padding:0 12px 0 24px;background:url(../images_201710/btn_page_next.gif) no-repeat 50% 50%}
#paging_area .pg_start {padding:0 12px 0 24px;background:url(../images_201710/btn_page_next2.gif) no-repeat 50% 50%}
#paging_area .pg_end {padding:0 24px 0 12px;background:url(../images_201710/btn_page_prev2.gif) no-repeat 50% 50%}
#paging_area .pg_next {padding:0 24px 0 12px;background:url(../images_201710/btn_page_prev.gif) no-repeat 50% 50%}
#paging_area .pg_current {display:inline-block;padding:0 14px;color:#fff;font-weight:bold;background:#444;border:solid 1px #222;}

#search_type {text-align:center;}
#search_type .select {display:inline-block;width:140px;}
#search_type .input {width:300px;height:30px;font-size:14px;line-height:30px;text-indent:6px;border:solid 1px #ccc}
#search_type .btn {display:inline-block;width:60px;height:32px;color:#fff;font-size:14px;line-height:32px;text-align:center;background:#444;border:none}
#search_type span,
#search_type input,
#search_type {vertical-align:top;}

#btn_area_move {margin:0 0 40px 0;font-size:14px;text-align:left;border-top:solid 1px #ddd}
#btn_area_move strong {display:inline-block;width:60px;color:#666;font-weight:bold}
#btn_area_move a.btn_prev {display:block;padding:22px 10px 22px 34px;color:#999;border-bottom:solid 1px #ddd}
#btn_area_move a.btn_next {display:block;padding:22px 10px 22px 34px;color:#999;border-bottom:solid 1px #ddd}
#btn_area_move a:hover {}

#btn_area_center {height:50px;text-align:center;vertical-align:top;}
#btn_area_center a {display:inline-block;margin-left:3px;padding:12px 18px;font-size:14px;color:#fff;line-height:normal;text-decoration:none;background:#444;cursor:pointer;}
#btn_area_center .btn_act {display:inline-block;margin-left:3px;padding:10px 18px;font-size:14px;color:#fff;line-height:normal;background:#ed2100;border:none;border-radius:5px;cursor:pointer;}
#btn_area_center a.btn_cancel {padding:9px 16px;color:#666;background:#f6f6f6;border:solid 1px #ddd;border-radius:5px;cursor:pointer;}
#btn_area_center input.btn_appl {display:inline-block;height:50px;margin:0 auto;padding:0 36px 0 66px;font-size:18px;color:#333;line-height:50px;text-align:center;font-weight:700;text-decoration:none;background:url(../images_201710/icon_appl.png) no-repeat 36px 50%;border:none;border-radius:5px;cursor:pointer;border: 2px solid #333;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#btn_area_center input.btn_appl:hover {background:url(../images_201710/icon_appl.png) no-repeat 36px 50% #fffafa;border: 2px solid #ed2100;box-shadow: 1px 8px 13px 0px rgba(0,0,0,0.1);}
#btn_area_center input,
#btn_area_center a {vertical-align:top}

#btn_area {height:50px;text-align:right;}
#btn_area a {display:inline-block;margin-left:3px;padding:12px 18px;font-size:14px;color:#fff;line-height:normal;background:#444;text-decoration:none;border-radius:5px;}
#btn_area a.btn_act {background:#ed2100}
#btn_area a.btn_cancel {padding:10px 16px;color:#666;background:#f6f6f6;border:solid 1px #ddd}



#view_title {padding:22px 10px;color:#444;font-size:18px;font-weight:bold;text-align:left;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #ddd}
#view_title .category {color:#999;margin:0 10px 0 0;padding:0 10px 0 0;font-size:14px;border-right:solid 1px #ddd}
#view_title .date {color:#999;font-size:14px;}
#view_info {padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #ddd}
#view_info strong {color:#444;font-weight:bold;}
#view_info .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_file {}
#view_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_file ul {}
#view_file ul li {display:block;padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #eee}
#view_file ul li .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_link {}
#view_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_link ul {}
#view_link ul li {display:block;padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #eee}
#view_link ul li .label {display:inline-block;width:80px;color:#444;font-weight:bold}


/*

#view_type {max-width:1200px;margin:0 auto 30px auto;}
#view_type #view_title {padding:22px 10px;color:#444;font-size:18px;font-weight:bold;text-align:left;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #ddd}
#view_type #view_title .category {color:#999;margin:0 10px 0 0;padding:0 10px 0 0;font-size:14px;border-right:solid 1px #ddd}
#view_type #view_title .date {color:#999;font-size:14px;}
#view_type #view_info {padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #ddd}
#view_type #view_info strong {color:#444;font-weight:bold;}
#view_type #view_info .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_type #view_file {}
#view_type #view_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_file ul {}
#view_type #view_file ul li {display:block;padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_file ul li .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_type #view_link {}
#view_type #view_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_link ul {}
#view_type #view_link ul li {display:block;padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_link ul li .label {display:inline-block;width:80px;color:#444;font-weight:bold}
*/


#view_content_type {padding:30px 10px;font-size:14px;text-align:left;}
#view_content_type h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#view_sns_type {height:50px;}
#view_sns_type ul {}
#view_sns_type ul li {display:block;float:left}
#view_sns_type ul li a {display:block;margin:0 8px 0 0}

#btn_choice_good, #btn_choice_bad {display:none;position:absolute;top:30px;left:0;min-width:250px;padding:19px;color:#999;text-align:center;background:#f6f6f6;border:solid 1px #ddd}

#cmt_type {margin:0 0 40px 0;font-size:14px;text-align:left;}
#cmt_type h2 {display:none}
#cmt_type #cmt_title {display:block !important;height:40px;padding:30px 0 0 0;color:#444;font-weight:bold;}
#cmt_type p {line-height:22px;}
#cmt_type .cmt_info {height:30px;}
#cmt_type .date {color:#999;font-size:11px;}
#cmt_type .cmt_info #cmt_btn {float:right;}
#cmt_type .cmt_info #cmt_btn ul {}
#cmt_type .cmt_info #cmt_btn ul li {display:block;float:left;}
#cmt_type .cmt_info #cmt_btn ul li a {display:block;margin:0 6px 0 0;padding:0 6px 0 0;color:#999;font-size:14px;border-right:solid 1px #ddd;}
#cmt_type .cmt_info #cmt_btn ul li a.last {margin:0;padding:0;border-right:none}

#cmt_form_type {padding:20px 0;}
#cmt_form_type table {width:100%;margin:0 0 30px 0;border-collapse:collapse;border-top:solid 1px #ddd;border-spacing:0}
#cmt_form_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#cmt_form_type th {width:120px;padding:18px 8px;font-size:14px;color:#444;text-align:left;font-weight:bold;/*background:#f6f6f6;*/border-bottom:solid 1px #eee;}
#cmt_form_type td {width:;padding:18px 8px;font-size:14px;color:#999;text-align:left;border-bottom:solid 1px #eee;}
#cmt_form_type textarea {width:95%;height:150px;border:solid 1px #ddd;}
#cmt_form_type .btn_cmt_submit {display:block;width:100%;height:50px;color:#fff;font-weight:bold;font-size:14px;text-align:center;background:#444;border:none;cursor:pointer}

#btn_area_frm {position:relative;height:80px;text-align:center} /* ���Ĵܰ� ���� */
#btn_area_frm .btn {display:inline-block;padding:0 44px;font-size:16px;font-weight:bold;background:#fff;border:solid 1px #ccc;cursor:pointer;}
#btn_area_frm .btn_act {height:50px;color:#fff;text-decoration:none;background:#ed2100;border:solid 1px #1e80ff !important}
#btn_area_frm a.btn_act {height:50px;color:#fff;line-height:48px;text-decoration:none;background:#ed2100;border:solid 1px #1e80ff !important}
#btn_area_frm .btn_normal {height:50px;color:#666;text-decoration:none;}
#btn_area_frm a.btn_normal {height:48px;color:#666;line-height:48px;text-decoration:none;}
#btn_area_frm input,
#btn_area_frm button,
#btn_area_frm span,
#btn_area_frm img,
#btn_area_frm a {vertical-align:top;}

#form_type {margin:0 0 20px 0;border-top:solid 2px #ed2100;}
#form_type table {width:100%;border-collapse:collapse;border-spacing:0}

#form_type th {width:120px;padding:12px 0 12px 14px;font-size:14px;color:#444;text-align:left;font-weight:bold;background:#f6f6f6;border-bottom:solid 1px #bbb}
#form_type td {width:;padding:12px 0 12px 14px;font-size:14px;text-align:left;border-bottom:solid 1px #ddd;}
#form_type td .input {width:200px;height:28px;font-size:14px;line-height:28px;text-indent:7px;border:solid 1px #ccc;}
#form_type td .input_b {width:700px;height:28px;font-size:14px;line-height:28px;text-indent:7px;border:solid 1px #ccc;}
#form_type td .select {display:inline-block;width:200px;}
#form_type td .textarea {width:90%;height:200px;border:solid 1px #ccc;}
#form_type td .div_box {display:block;float:left;width:25%;}
#form_type td .div_box2 {display:block;float:left;width:20%;}
#form_type td .input_tel {display:inline-block;width:80px;height:30px;font-size:14px;text-indent:6px;line-height:normal;border:solid 1px #ccc;}




#info_wrap {padding:60px;font-size:18px;color:#fff;text-align:center;line-height:24px;background:url(../images_201710/info_bg.jpg) no-repeat center top #eee;background-size:cover}

.reg_title {height:50px;color:#444;font-size:30px;font-weight:bold;text-align:center;}
.find_txt {font-size:16px;color:#666;text-align:center;font-weight:normal;margin-bottom:44px;letter-spacing: -0.5px;line-height: 1.6;}
.find_txt span {color:#333;font-weight:bold;}



#login_wrap {max-width:1000px;margin:0 auto;text-align:left;font-size:14px;}
#login_wrap ul {max-width:600px;margin:0 auto;}
#login_wrap ul li {display:block;position:relative;margin:0 0 10px 0;text-align:left;font-size:14px;}
#login_wrap ul li label {position:absolute;display:block;left:0;top:0;font-size:14px;line-height:40px;padding:0 0 0 9px}
#login_wrap ul li .input {display:block;width:100%;height:38px;font-size:14px;text-indent:9px;line-height:38px;border:solid 1px #ddd}
#login_wrap ul li .btn_submit {width:100%;height:50px;color:#fff;font-size:14px;line-height:50px;text-align:center;background:#569ffd;border:none}
#login_wrap p {display:block;max-width:600px;margin:0 auto 20px auto;text-align:left;}
#login_wrap a {display:inline-block;margin:0 2px;padding:12px 18px;font-size:14px;color:#666;line-height:normal;text-decoration:none;background:#f6f6f6;border:solid 1px #ddd;}


#login_type {max-width:500px;margin:0 auto;padding:39px;background:#eee;}

#login_type ul.tabs{margin: 20px auto 0;padding: 0px;list-style: none;text-align: center;}
#login_type ul.tabs li{background: none;color: #888;display: inline-block;padding: 13px 10px;cursor: pointer;margin: 0;border: solid 1px #cecece;width: 44.5%;font-size: 16px;font-weight: bold;letter-spacing: -0.5px;}
#login_type ul.tabs li.current{background: #444444;color: #fff;border: none;padding: 14px 10px;}
#login_type .tab-content{display: none;background: #ededed;}
#login_type .tab-content.current{display: inherit;}

#login_type .find_id_txt {text-align: center;}
#login_type .find_id_txt p {font-size: 15px;color:#666;margin:32px 0 34px; display: inline-block;letter-spacing: -0.5px;line-height: 1.5;}
#login_type .find_id_txt .id_info {margin: 0 0 25px 0;font-weight: bold;color: #2f2626;background-color: #f1e6e6;padding: 23px 15px;width: 73%;border: 2px solid #ce322c;}
#login_type .find_id_txt .id_info span {color:#c6322c;}
#login_type .find_id_txt .pw_info_box {margin: 0 0 10px 0;}
#login_type .find_id_txt .pw_info {font-size: 14px; margin: 0 0 30px 0;}

#login_type .phone_number {margin:0 0 8px 0;}
#login_type .phone_number .idealselect .title {height: 40px;line-height: 40px;}
#login_type .phone_number .input_tel {width: 35%;height: 38px;line-height: 38px;text-indent: 8px;border: solid 1px #ccc;vertical-align: top;}

#login_type ul {width:100%;max-width:400px;margin:0 auto;}
#login_type ul li {display:block;margin:0 0 20px 0;line-height:30px;}
#login_type ul li label {display:block;height:30px;color:#444;font-weight:700;}
#login_type ul li .input {width:100%;height:38px;line-height:38px;text-indent:8px;border:solid 1px #ccc;}
#login_type .btn_reg_area {width:100%;max-width:400px;margin:0 auto 24px auto;}
#login_type .btn_reg_area .btn_act {width:100%;height:50px;color:#fff;text-align:center;line-height:50px;font-weight:700;background:#444;border:none;cursor:pointer}

#agree_type {max-width:1100px;margin:0 auto;padding:39px;background:#eee}
#agree_type ul {width:100%;max-width:1000px;margin:0 auto;}
#agree_type ul li {display:block;margin:0 0 12px 0;line-height:30px;}
#agree_type ul li.chk {margin:0 0 30px 0;line-height:22px;}
#agree_type ul li label {display:block;height:40px;font-size:18px;color:#444;font-weight:700;}
#agree_type ul li .input {width:100%;height:38px;line-height:38px;text-indent:8px;border:solid 1px #ccc;}
#agree_type ul li .textarea {width:100%;height:180px;border:solid 1px #ccc}
.btn_reg_area {width:100%;max-width:900px;margin:0 auto 24px auto;text-align:center;}
.btn_reg_area .btn_act {width:140px;height:50px;color:#fff;text-align:center;line-height:50px;font-weight:700;background:#444;border:none;cursor:pointer}

.reg_title_sub {height:40px;color:#444;font-size:18px;font-weight:700;text-align:left;}

#reg_type {max-width:1200px;margin:0 auto 60px auto;padding:9px 29px;background:#fff;border-top:solid 2px #ed2100;}
#reg_type dl {}
#reg_type dl dd {display:block;position:relative;padding:12px 0 12px 160px;line-height:30px;border-bottom:solid 1px #ddd;}
#reg_type dl dd label {display:block;position:absolute;left:0;top:12px;width:160px;color:#444;font-size:14px;font-weight:700}
#reg_type dl dd .form_info {color:#666;font-weight:normal;line-height:22px;}
#reg_type dl dd .input {display:inline-block;width:272px;height:30px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#reg_type dl dd .btn_reg_in {display:inline-block;height:30px;padding:0 18px;color:#fff;text-align:center;line-height:30px;text-align:center;font-weight:700;background:#ed2100;border-radius:5px;}
#reg_type dl dd .select {display:inline-block;width:300px;}
#reg_type dl dd .input_b {display:inline-block;width:80%;height:30px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#reg_type dl dd .input_tel {display:inline-block;width:80px;height:30px;margin:0 10px 0 0;font-size:14px;text-indent:6px;line-height:normal;border:solid 1px #ccc;}

#reg_type dl dd .radio_area {display:inline-block;width:30%;margin:0 0 12px;font-weight:normal;color:#666;line-height:normal}
#reg_type dl dd .radio_area span,
#reg_type dl dd .radio_area input,
#reg_type dl dd .radio_area img,
#reg_type dl dd .radio_area a {vertical-align:middle}
#reg_type dl dd .textarea {width:95%;height:150px;border:solid 1px #ccc}
#reg_type dl dd .textarea_b {width:100%;height:200px;font-size:14px;border:solid 1px #ccc}
#reg_type dl dd input,
#reg_type dl dd span,
#reg_type dl dd img,
#reg_type dl dd a {vertical-align:middle}

#reg_result_type {padding:80px 0;text-align:center;font-size:36px;color:#222}

/* �˾� */
#p_wrap {}
#p_title {height:50px;margin:0;color:#fff;font-size:14px;font-weight:bold;text-indent:10px;line-height:50px;background:#444}
#p_wrap p {min-height:40px;margin:30px 10px;padding:9px 9px 9px 59px;font-size:12px;line-height:18px;background:url(../images_201710/icon_info.png) no-repeat 20px 13px #f6f6f6;border:solid 1px #ddd}
#p_wrap .p_con {min-height:40px;margin:30px 20px;padding:9px;line-height:18px;background:#f6f6f6;border:solid 1px #ddd}
#p_wrap .p_con strong {color:#444;font-size:16px;font-weight:700;line-height:20px;}
#p_wrap .p_img {text-align:center;}
#p_wrap .p_img img {max-width:760px;height:auto}
#p_form_wrap {margin:0 10px;}
#p_form_wrap label {display:block;height:30px;color:#444;font-weight:bold;}
#p_form_wrap .input {display:block;width:100%;height:38px;margin:0 0 10px 0;line-height:38px;text-indent:7px;border:solid 1px #ccc}
#p_form_wrap .input_b {width:80px;height:38px;margin:0 0 10px 0;line-height:38px;text-indent:7px;border:solid 1px #ccc}

#p_li_type {margin:0 0 20px 0;}
#p_li_type ul {}
#p_li_type ul li {display:block;padding:16px 10px;line-height:normal;border-bottom:solid 1px #eee;}
#p_li_type ul li.first {color:#fff;font-size:14px;font-weight:bold;background:#666;}
#p_li_type ul li .p_chk_area {display:inline-block;width:20px;}
#p_li_type ul li label {margin:0;padding:0;}
#p_li_type ul li span,
#p_li_type ul li input,
#p_li_type ul li img,
#p_li_type ul li a {vertical-align:middle}

#p_btn_wrap {height:60px;text-align:center;}
#p_btn_wrap .btn {display:inline-block;padding:0 24px;font-size:12px;font-weight:bold;background:#fff;border:solid 1px #ccc;cursor:pointer;}
#p_btn_wrap .btn_act {height:30px;color:#fff;text-decoration:none;background:#ed2100;border:solid 1px #a1200b !important}
#p_btn_wrap .btn_normal {height:30px;color:#666;line-height:28px;text-decoration:none;}

#print_title {height:60px;padding:0 10px;color:#444;font-size:18px;line-height:60px;text-align:left;font-weight:700;}
#print_title_sub {height:40px;padding:0 10px;color:#444;font-size:16px;line-height:40px;text-align:left;font-weight:700;}

#print_type {margin:20px 10px;}
#print_type table {width:100%;border-collapse:collapse;border-spacing:0}
#print_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#print_type th {padding:12px 0 12px 3px;font-size:12px;color:#444;text-align:left;font-weight:bold;background:#f6f6f6;border:solid 1px #666;border:solid 1px #bbb}
#print_type td {padding:12px 0 12px 7px;font-size:12px;text-align:left;border:solid 1px #ddd;}
#print_type td a {font-size:14px !important}

.print_txt {height:70px;margin:20px 10px;padding:10px 70px 0 0;text-align:right;background:url(../images_201710/stemp.gif) no-repeat right top}

#persnal_info {margin:0 0 40px 0;padding:29px 39px;background:#f6f6f6;border:solid 1px #ccc;}
#persnal_info ul {}
#persnal_info ul li {display:block;float:left;width:33.3%;height:40px;line-height:40px;font-size:16px;text-align:left;}
#persnal_info ul li label {display:inline-block;width:130px;margin:0 10px 0 0;color:#444;font-weight:700;border-right:solid 1px #ddd;}
#persnal_info ul li label img {width:40px;height:auto}
#persnal_info ul li strong {color:#444;font-weight:700;}
#persnal_info ul li.w100 {width:100%;margin:20px 0 0 0}

#persnal_lec {margin:0 0 40px 0;padding:29px 0;background:#fff;border:solid 1px #ccc;}
#persnal_lec ul {width:100%;max-width:1100px;margin:0 auto;}
#persnal_lec ul li {display:block;float:left;width:33.3%;height:16px;padding:16px 0;line-height:16px;font-size:14px;text-align:left;border-bottom:solid 1px #eee;}
#persnal_lec ul li label {display:inline-block;width:110px;margin:0 10px 0 0;color:#444;font-weight:700;border-right:solid 1px #ddd;}
#persnal_lec ul li strong {color:#ed2100;font-weight:700}
#persnal_lec ul li a {color:#ff7700;text-decoration:underline}
#persnal_lec ul li.none {display:block}

#persnal_btn {margin:0 auto 40px auto;text-align:center;}
#persnal_btn ul {}
#persnal_btn ul li {display:block;float:left;width:25%;}
#persnal_btn ul.persnal_btn_wrap li {width: 33.3%;}
#persnal_btn a {display:block;width:90%;height:50px;margin:0 auto;color:#333;font-size:14px;font-weight:700;text-align:center;line-height:50px;text-decoration:none;background:transparent;border-radius:5px;border: 2px solid #333;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#persnal_btn a:hover {border: 2px solid #ed2100;background: #fffafa;box-shadow: 1px 8px 13px 0px rgba(0,0,0,0.1);}

#lecture_btn {margin:0 auto 40px auto;text-align:center;}
#lecture_btn ul {}
#lecture_btn ul li {display:block;float:left;width:25%;}
#lecture_btn a {display:block;width:90%;height:50px;margin:0 auto;color:#333;font-size:14px;font-weight:700;text-align:center;line-height:50px;text-decoration:none;background:#transparent;border-radius:5px; border: 1px solid #ddd; background: #fff;border: 2px solid #333;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#lecture_btn a:hover {border: 2px solid #ed2100;background: #fffafa;box-shadow: 1px 8px 13px 0px rgba(0,0,0,0.1);}

.lecture_search_2021 {text-align:right !important;}
.lecture_search_2021 .lecture_search_form {margin-right: 15px;}
.lecture_search_2021 .lecture_search_form input {padding: 0px 10px; color: #000; letter-spacing: -1px; font-weight: 500; margin-right: -5px; border: 1px solid #c5c5c5; border-radius: 3px; height: 36px; line-height: 36px; width: 200px;}
.lecture_search_2021 .lecture_search_form button {background-color: #c6322c; color: #fff; height: 38px; line-height: 38px; padding: 0px 14px; letter-spacing: -1px; font-weight: 600; border-radius: 3px;}
.lecture_search_2021 .lecture_search_form button:hover {background-color: #444;}


#delay_policy {margin:0 0 20px 0;padding:19px;background:#f6f6f6;border:solid 1px #ddd;}
#delay_policy .title {margin:0 0 20px 0;color:#444;font-weight:700;font-size:24px;text-align:left;line-height:32px;}
#delay_policy .title img {vertical-align:top}
#delay_policy ul {}
#delay_policy ul li {display:block;margin:0 0 4px 0;;padding:0 0 0 12px;background:url(../images_201710/bullet_orange.png) no-repeat 0 7px;}

#calen_wrap {margin:0 0 40px 0;}
.bumlae {margin:0 0 20px 0;padding:19px;background:#f6f6f6;border:solid 1px #aaa} 
.bumlae ul {}
.bumlae ul li {display:block;float:left;width:16.6%;height:20px;line-height:20px;}
.calen_1 {display:inline-block;width:14px;height:14px;background:#ff7700}
.calen_2 {display:inline-block;width:14px;height:14px;background:#1398d9}
.calen_3 {display:inline-block;width:14px;height:14px;background:#aa7bc1}
.calen_4 {display:inline-block;width:14px;height:14px;background:#f75665}
.calen_5 {display:inline-block;width:14px;height:14px;background:#05b721}
.calen_6 {display:inline-block;width:14px;height:14px;background:#717380}

.calendar {}
.calendar_month {height:40px;margin:0 0 10px 0;color:#eb150a;font-size:30px;text-align:center;font-weight:700;line-height:normal;}
.calendar ul {}
.calendar ul li {display:block;float:left;width:16%;height:180px;margin:0 -1px -1px -1px;background:#fff;border:solid 1px #ddd;}
.calendar ul li.week {width:10%;}
.calendar ul li.title {height:40px !important;line-height:40px;text-align:center;background:#eee}
.calendar ul li.blank {background:#eee}
.calendar ul li .day {font-weight:700;text-align:left;border-bottom:solid 1px #ddd;}
.calendar ul li div {margin:0 8px 10px 8px;padding:8px 0;text-align:center;}
.calendar ul li div span {vertical-align:middle}
.calendar ul li a {display:block;width:100px;height:35px;margin:0 auto;color:#fff;text-align:center;text-decoration:none;line-height:35px;background:#444;}
.calendar ul li a.point {background:#569ffd}

#pop_title {position:relative;margin:10px 20px 20px 20px;padding:10px;color:#fff;font-weight:700;font-size:24px;background:#eb150a;border-radius:5px;}
#pop_title .slogon {display:block;position:absolute;right:10px;top:10px;}

.lec_mov {margin:20px}

#lec_wrap {margin:20px}
.lec_img {float:left;overflow:hidden;text-align:center;border:solid 1px #ccc;border-radius:5px;}
.lec_img img {width:270px;height:auto;}
.lec_career {height:220px;margin:0 0 0 360px;padding:19px;border:solid 1px #ccc;border-radius:5px;}
.lec_career dl {}
.lec_career dt {display:block;height:40px;margin:0 0 10px 0;padding:0 0 0 12px;color:#fff;font-size:16px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}
.lec_career dd {display:block;padding:0 0 0 12px;font-size:14px;line-height:16px;/*background:url(../images_201710/bullet_red.png) no-repeat 0 50%*/}
.lec_career dd strong {font-weight:700;color:#444}
.lec_con {font-size:14px;margin:20px 0 10px 0;padding:19px;background:#f6f6f6;border:solid 1px #ccc;border-radius:5px;}
.lec_con .title{display:block;height:40px;margin:0 0 20px 0;padding:0 0 0 12px;color:#fff;font-size:16px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}
a.lec_con_lnk {display:block;width:300px;height:50px;margin:0 auto;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#ed2100;border-radius:5px;}

.lec_class {overflow:hidden;font-size:14px;margin:30px 20px;padding:0;background:#f6f6f6;border:solid 1px #ccc;border-radius:5px;}
.lec_class img {width:100%;height:auto;}
.lec_class .title{display:block;height:40px;margin:0 0 20px 0;padding:0 0 0 12px;color:#fff;font-size:16px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}

.lec_btn {margin:20px 0;text-align:center;}
.lec_btn .select {display:inline-block;width:160px;}
.lec_btn .btn {display:inline-block;height:30px;padding:0 12px;color:#fff;line-height:30px;font-weight:700;background:#555;border:solid 1px #444;}
.lec_btn span,
.lec_btn input,
.lec_btn img,
.lec_btn a {vertical-align:top;}

.lec_info {height:220px;margin:0 0 0 360px;padding:19px;border:solid 1px #ccc;border-radius:5px;}
.lec_info dl {}
.lec_info dt {display:block;height:40px;margin:0 0 10px 0;padding:0 0 0 12px;color:#fff;font-size:16px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}
.lec_info dd {display:block;height:25px;padding:8px 0 0 0;font-size:14px;line-height:normal;}
.lec_info dd label {display:inline-block;width:100px;margin:0 10px 0 0;color:#444;font-weight:700;border-right:solid 1px #ddd;}

.manager_img {float:left;overflow:hidden;border:solid 1px #ccc;border-radius:5px;}
.manager_img img {width:130px;height:auto;}
.manager_career {height:150px;margin:0 0 0 160px;padding:19px;border:solid 1px #ccc;border-radius:5px;}
.manager_career dl {}
.manager_career dt {display:block;height:40px;margin:0 0 10px 0;padding:0 0 0 12px;color:#fff;font-size:16px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}
.manager_career dd {display:block;height:25px;padding:0 0 0 12px;font-size:14px;line-height:25px;background:url(../images_201710/bullet_red.png) no-repeat 0 50%}
.manager_career dd strong {font-weight:700;color:#444}

#chart_wrap {width:40%;margin:0 auto 40px auto;}

#book_wrap {width:100%;max-width:1200px;margin:60px auto;padding:40px 0;background:url(../images_201710/book_wall.jpg);}
#book_wrap ul {}
#book_wrap ul li {display:block;float:left;width:20%;margin:20px 0;}
#book_wrap ul li a {display:block;width:150px;height:180px;margin:0 auto;padding:40px 0 0 25px;color:#fff;font-size:18px;font-weight:700;text-align:center;line-height:24px;text-decoration:none;background:url(../images_201710/book_bg.png) no-repeat 0 0;background-size:100% auto}

a.lnk_blog {display:block;width:500px;height:50px;margin:0 auto 40px auto;font-size:16px;color:#fff;line-height:50px;text-align:center;text-decoration:none;background:#444;border-radius:5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
a.lnk_blog:hover {color:#fff;background:#ed2100;}

#snb_sub {height:40px;margin:0 0 20px 0;border-bottom:solid 1px #444;}
ul.sub_tabs {width:400px;margin:0 auto 40px auto}
ul.sub_tabs li {display:block;float:left;width:50%;margin:0 -1px -1px -1px;background:#fff;border:solid 1px #444;border-bottom:none;cursor:pointer}
ul.sub_tabs li a {display:block;height:40px;color:#666;font-size:16px;text-align:center;line-height:40px;font-weight:700;text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
ul.sub_tabs li a:hover {color:#fff;background:#ed2100;}
ul.sub_tabs li.active {color:#fff !important;font-weight:bold;background:#444}
ul.sub_tabs li.active a {color:#fff !important}

ul.tabs {margin:0 0 40px 0}
ul.tabs li {display:block;float:left;width:20%;margin:0 -1px -1px -1px;background:#fff;border:solid 1px #ddd;cursor:pointer}
ul.tabs li a {display:block;height:40px;color:#999;font-size:14px;text-align:center;line-height:40px;text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
ul.tabs li a:hover {color:#fff;background:#ed2100;}
ul.tabs li.active {color:#fff !important;font-weight:bold;background:#666}
ul.tabs li.active a {color:#fff !important}

ul.tabs_b {margin:0 0 20px 0}
ul.tabs_b li {display:block;float:left;width:33.3%;margin:0 -1px -1px -1px;background:#fff;border:solid 1px #ddd;cursor:pointer}
ul.tabs_b li a {display:block;height:40px;color:#999;font-size:14px;text-align:center;line-height:40px;text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
ul.tabs_b li a:hover {color:#fff;background:#ed2100;}
ul.tabs_b li.active {color:#fff !important;font-weight:bold;background:#666}
ul.tabs_b li.active a {color:#fff !important}

#jrc_type {}
#jrc_type ul {}
#jrc_type ul li {display:block;float:left;width:20%;margin:0 0 40px 0;}
#jrc_type ul li .jrc_con {display:block;width:200px;margin:0 auto;padding:9px;font-size:12px;border:solid 1px #ccc;}
#jrc_type ul li .jrc_con .img {display:block;margin:0 auto 14px auto;}
#jrc_type ul li .jrc_con strong {display:block;height:50px;margin:0 0 8px 0;font-size:16px;color:#444;font-weight:700;letter-spacing:-1px;border-bottom:solid 1px #eee}
#jrc_type ul li .jrc_con label {display:inline-block;width:60px;margin:0 7px 0 0;color:#444;font-weight:700;}
#jrc_type ul li dl {}
#jrc_type ul li dl dd {display:block;float:left;width:33.3%;margin:14px 0}
#jrc_type ul li dl dd.w50 {width:50% !important;}
#jrc_type ul li dl dd a {display:block;width:90%;margin:0 auto;padding:8px 0;font-size:14px;color:#333;font-weight:700;text-align:center;line-height:18px;text-decoration:none;background:transparent;border-radius:5px;box-shadow: 0 0 0 1px #333 inset;}
#jrc_type ul li dl dd a.jrc_pay {background:#ed2100;color: #fff;box-shadow: none;}

#jrc_list {margin:0 0 20px 0;}
#jrc_list ul {}
#jrc_list ul li {display:block;position:relative;padding:16px 0 16px 120px;border-bottom:solid 1px #ddd}
#jrc_list ul li label {display:block;position:absolute;width:100px;left:0;top:16px;color:#444;font-weight:700;border-right:solid 1px #ddd;}
#jrc_list ul li strong {color:#ed2100;font-weight:700}

#jrc_list dl {}
#jrc_list dl dd {display:block;position:relative;margin:0 -1px -1px -1px;padding:8px 0;background:#f6f6f6;border:solid 1px #ddd;}
#jrc_list dl dd .num {display:inline-block;width:50px;margin:0 10px 0 0;color:#ed2100;font-weight:700;text-align:center;border-right:solid 1px #ddd;}
#jrc_list dl dd a {display:block;position:absolute;right:20px;top:50%;margin:-11px 0 0 0}

.price_type {margin:0 0 10px 0;border-top:none;}
.price_type table {width:100%;border-collapse:collapse;border-spacing:0}
.price_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

.price_type th {width:16.6%;padding:14px 0 14px 0px;font-size:14px;text-indent:10px;color:#444;text-align:center;font-weight:bold;background:#fff;border:solid 1px #bbb;}
.price_type td {width:16.6%;padding:14px 0 14px 0px;font-size:14px;text-indent:10px;text-align:center;border:solid 1px #ddd;}
.price_type td a {text-decoration:none;cursor:pointer}
.price_type td a:hover {color:#ff7700}

.tab_container {margin:0 0 20px 0;}
.tab_container table {width:100%;border-collapse:collapse;border-spacing:0}
.tab_container td {padding:12px 0;font-size:16px;color:#666;text-align:center;background:#f6f6f6;border:solid 1px #ccc;}
.tab_container td a {cursor:pointer}

.grade_tt {display:none;width:90%;margin:10px 0;padding:19px;line-height:25px;background:#f6f6f6;border:solid 1px #ddd}
.grade_tt strong {display:inline-block;width:120px;color:#444;font-weight:700}

.grade_tt2 {display:none;width:90%;margin:10px auto;padding:19px;line-height:25px;background:#f6f6f6;border:solid 1px #ddd}
.grade_tt2 strong {display:inline-block;width:120px;color:#444;font-weight:700}

#class_process {margin:0 0 40px 0px;}
#class_process dl {}
#class_process dl dd {display:block;float:left;width:320px;height:120px;margin:0 0 20px 0;padding:19px;background:#f6f6f6;border:solid 1px #ccc;}
#class_process dl dd img {display:block;margin:0 0 12px 0;}
#class_process dl dd strong {display:block;color:#444;font-size:18px;font-weight:700;}
#class_process dl dd.arrow {width:40px !important;padding:19px 0;line-height:140px;background:none;border:none;}
#class_process dl dd.arrow img {display:inline;margin:0}
#class_process dl dd a#sms_view {position:relative;}
#class_process dl dd a#sms_view img {display:inline-block;margin:0;}
#class_process dl dd #sms {display:none;position:absolute;z-index:9999999}

a.lnk_leveltest {display:block;width:400px;height:60px;margin:0 auto 40px auto;font-size:18px;color:#333;line-height:60px;text-align:center;text-decoration:none;background:transparent;border-radius:5px;border: 2px solid #333;font-weight: 600;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a.lnk_leveltest:hover {border: 2px solid #ed2100;background: #fffafa;box-shadow: 1px 8px 13px 0px rgba(0,0,0,0.1);}

.lev_title {height:40px;font-size:24px;color:#222;text-align:center;font-weight:700}

#lev_choice {margin:0 0 60px 0;}
#lev_width {height:20px;margin:0 0 10px 0;padding:1px;line-height:0;background:#eee;}
#lev_var {width:0;height:20px;background:url(../images_201710/lev_var.gif) no-repeat #999;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;
}

.lev_choice {margin:0 0 40px 0;padding:20px;line-height:22px;background:#fff;border: 1px solid #ccc;}
.lev_choice .area {display:block;float:left;width:25%;height:22px;padding:6px 0;color: #222;}

ul.lev_term {margin:0;}
ul.lev_term li {display:block;float:left;width:25%;margin:0 0 20px 0;;}
ul.lev_term li a {display:block;width:90%;height:230px;margin:0 auto;text-align:center;color:#222;font-size:18px;font-weight:700;line-height:230px;text-decoration:none;background-size:cover !important;border:solid 4px #fff;cursor:pointer;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;
}
ul.lev_term li a:hover {border:solid 4px #f75665}
ul.lev_term li a#lev_chk1 {background:url('../images_201710/lev_term1.jpg');}
ul.lev_term li a#lev_chk2 {background:url('../images_201710/lev_term2.jpg');}
ul.lev_term li a#lev_chk3 {background:url('../images_201710/lev_term3.jpg');}
ul.lev_term li a#lev_chk4 {background:url('../images_201710/lev_term4.jpg');}
ul.lev_term li a#lev_chk5 {background:url('../images_201710/lev_term5.jpg');}
ul.lev_term li a#lev_chk6 {background:url('../images_201710/lev_term6.jpg');}
ul.lev_term li a#lev_chk7 {background:url('../images_201710/lev_term7.jpg');}
ul.lev_term li a#lev_chk8 {background:url('../images_201710/lev_term8.jpg');}

ul.lev_term li a#lev_chk1:hover {background:url(../images_201710/lev_term1_on.jpg);}
ul.lev_term li a#lev_chk2:hover {background:url(../images_201710/lev_term2_on.jpg);}
ul.lev_term li a#lev_chk3:hover {background:url(../images_201710/lev_term3_on.jpg);}
ul.lev_term li a#lev_chk4:hover {background:url(../images_201710/lev_term4_on.jpg);}
ul.lev_term li a#lev_chk5:hover {background:url(../images_201710/lev_term5_on.jpg);}
ul.lev_term li a#lev_chk6:hover {background:url(../images_201710/lev_term6_on.jpg);}
ul.lev_term li a#lev_chk7:hover {background:url(../images_201710/lev_term7_on.jpg);}
ul.lev_term li a#lev_chk8:hover {background:url(../images_201710/lev_term8_on.jpg);}

ul.lev_term li a#lev_chk1:active {background:url(../images_201710/lev_term1_on.jpg);}
ul.lev_term li a#lev_chk1:focus {background:url(../images_201710/lev_term1_on.jpg);}
ul.lev_term li a#lev_chk1:visited {background:url(../images_201710/lev_term1_on.jpg);}


#lev_test_form {display:none;position:relative;}
#lev_test_form .choice_area {display:block;position:relative;line-height:34px;margin:0;padding:0 0 0 30px;}
#lev_test_form .choice_area:after {display:block;visibility:hidden;clear:both;content:""}
#lev_test_form .choice_area .chk {position:absolute;left:0;top:7px;}
#lev_test_form .choice_area input,
#lev_test_form .choice_area span {vertical-align:top}
#lev_test_form .mg_check_wrap {display: flex; flex-flow: wrap; gap: 20px;}
#lev_test_form .mg_check_wrap .mg_checkitem {display: flex; align-items: center; flex: 0 1 calc(25% - 15px); line-height: 20px;}
#lev_test_form .mg_check_wrap .mg_checkitem .ez-checkbox {display: flex; margin-right: 6px;}
#lev_test_form .mg_check_wrap .mg_checkitem input {}


#proc {height:50px;text-align:center;}
#proc a {display:inline-block;margin:0 20px;color:#444;font-size:16px;font-weight:700;line-height:47px;text-decoration:none}
#proc a:hover {color:#ec2200;}
#proc a.on  {color:#ec2200;border-bottom:solid 3px #ec2200}

#proc_sub {padding:19px 0;text-align:center;background:#fff;border-top:solid 1px #ccc;}
#proc_sub a {display:inline-block;width:140px;height:80px;margin:0 5px;font-size:18;color:#999;text-align:center;font-weight:700;line-height:80px;text-decoration:none;background:#fff;border-radius:5px; border: 1px solid #ddd;}

#proc_sub a.proc1_1:hover {color:#000;background:url(''../images_201710/p1_2_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc1_1_on {color:#000;background:url(../images_201710/p1_2_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc1_2:hover {color:#000;background:url(../images_201710/p1_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc1_2_on {color:#000;background:url(../images_201710/p1_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc1_3:hover {color:#000;background:url(../images_201710/p1_3_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc1_3_on {color:#000;background:url(../images_201710/p1_3_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc2_1:hover {color:#000;background:url(../images_201710/p2_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc2_1_on {color:#000;background:url(../images_201710/p2_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc3_1:hover {color:#000;background:url(../images_201710/p3_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc3_1_on {color:#000;background:url(../images_201710/p3_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc3_2:hover {color:#000;background:url(../images_201710/p3_2_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc3_2_on {color:#000;background:url(../images_201710/p3_2_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc4_1:hover {color:#000;background:url(../images_201710/p4_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc4_1_on {color:#000;background:url(../images_201710/p4_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc4_2:hover {color:#000;background:url(../images_201710/p4_2_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc4_2_on {color:#000;background:url(../images_201710/p4_2_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc4_3:hover {color:#000;background:url(../images_201710/p4_3_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc4_3_on {color:#000;background:url(../images_201710/p4_3_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc5_1:hover {color:#000;background:url(../images_201710/p5_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc5_1_on {color:#000;background:url(../images_201710/p5_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc5_2:hover {color:#000;background:url(../images_201710/p5_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc5_2_on {color:#000;background:url(../images_201710/p5_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc6_1:hover {color:#000;background:url(../images_201710/p6_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc6_1_on {color:#000;background:url(../images_201710/p6_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc6_2:hover {color:#000;background:url(../images_201710/p6_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc6_2_on {color:#000;background:url(../images_201710/p6_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc7_1:hover {color:#000;background:url(../images_201710/p7_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc7_1_on {color:#000;background:url(../images_201710/p7_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc7_2:hover {color:#000;background:url(../images_201710/p7_2_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc7_2_on {color:#000;background:url(../images_201710/p7_2_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc7_3:hover {color:#000;background:url(../images_201710/p7_3_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc7_3_on {color:#000;background:url(../images_201710/p7_3_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc7_4:hover {color:#000;background:url(../images_201710/p7_4_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc7_4_on {color:#000;background:url(../images_201710/p7_4_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc8_1:hover {color:#000;background:url(../images_201710/p8_1_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc8_1_on {color:#000;background:url(../images_201710/p8_1_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc8_2:hover {color:#000;background:url(../images_201710/p8_2_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc8_2_on {color:#000;background:url(../images_201710/p8_2_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc8_3:hover {color:#000;background:url(../images_201710/p8_3_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc8_3_on {color:#000;background:url(../images_201710/p8_3_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc8_4:hover {color:#000;background:url(../images_201710/p8_4_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc8_4_on {color:#000;background:url(../images_201710/p8_4_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc8_5:hover {color:#000;background:url(../images_201710/p8_5_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc8_5_on {color:#000;background:url(../images_201710/p8_5_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}
#proc_sub a.proc8_6:hover {color:#000;background:url(../images_201710/p8_6_230718.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc8_6_on {color:#000;background:url(../images_201710/p8_6_230718.jpg) 50% 50% !important;background-size:cover !important;box-shadow: 0 0 0 3px #ed2100 inset;}

#proc_viz {display:table;width:100%;height:480px;color:#333;font-size:24px;text-align:center;line-height:30px;background-size:cover !important;}
#proc_viz div {display:table-cell;vertical-align:middle;text-shadow: 2px 2px 18px rgb(255,255,255,0.5);}
#proc_viz strong {display:block;font-size:60px;font-weight:700;line-height:72px; color: #000;}
#proc_viz span {display:block;margin:0 0 30px 0;font-size:36px;font-weight:700;line-height:44px; color: #ec2200;}

.proc_txt {margin:0 0 20px 0;color:#f75665;font-size:18px;text-align:center;font-weight:700}

.proc_lev {display:block;margin:0 0 40px 0;}
.proc_lev dl {}
.proc_lev dl dt {display:block;float:left;width:10%;margin:0 -1px;color:#444;font-size:16px;font-weight:700;line-height:40px;text-indent:7px;background:#fff;border:solid 1px #ccc;border-top:none;border-bottom:none}
.proc_lev dl dt.last {border-right:none}
.proc_lev dl dd {display:block;float:left;width:10%;margin:0 -1px;border:solid 1px #fff}
.proc_lev dl dd a {display:block;height:40px;line-height:40px;color:#fff;text-indent:7px;font-weight:700;text-decoration:none;}
.proc_lev dl dd:hover {background-color: #444 !important;}
.proc_lev_m {display:none}

#textbook {position:relative;margin:0 0 20px 0;padding:19px;border:solid 1px #aaa;}
#textbook .textbook_img {float:left;width:150px;padding:4px;border:solid 1px #ddd;}
#textbook .textbook_img img {width:150px;height:auto;margin:0;}
#textbook .textbook_img a {display:block;height:40px;margin:10px 0 0 0;color:#fff;text-align:center;font-weight:700;line-height:40px;text-decoration:none;background:#444;cursor:pointer}
#textbook .textbook_intro {margin:0 0 0 200px;}
#textbook .textbook_intro dt {display:block;height:39px;margin:0 0 20px 0;color:#444;font-size:18px;font-weight:700;border-bottom:solid 1px #ddd;}
#textbook .textbook_intro dd {display:block;position:relative;}
#textbook .textbook_intro dd label {display:block;position:absolute;left:0;top:0;width:80px;padding:8px 0;color:#444;font-weight:700;background:url(../images_201710/var2.gif) no-repeat right 50%}
#textbook .textbook_intro dd span {display:block;margin:0 0 0 90px;padding:8px 0;}
#textbook .textbook_btn {position:absolute;display:block;right:20px;top:88px;}
#textbook .textbook_btn a {display:block;width:120px;height:40px;margin:0 0 10px 0;color:#fff;text-align:center;font-weight:700;line-height:40px;text-decoration:none;background:#444;cursor:pointer}
#textbook .textbook_sample {display:none;margin:20px 0 0 0;padding:30px;text-align:center;background:#444}
#textbook .textbook_sample a {display:inline-block;height:50px;padding:0 14px;color:#ccc;font-size:14px;font-weight:700;line-height:50px;text-decoration:none;background:#222;border-radius:5px;cursor:pointer}

ul.mg_intro {margin:0 0 40px 0;}
ul.mg_intro li {display:block;float:left;width:50%;margin:-1px;background:#fff;border:solid 1px #ccc}
ul.mg_intro li .mg_intro_img {position:relative;margin:0}
ul.mg_intro li .mg_intro_img img {width:100%;height:auto;}
ul.mg_intro li .mg_intro_img strong {display:block;position:absolute;width:100%;height:60px;left:0;bottom:0;color:#fff;font-size:18px;font-weight:700;line-height:60px;text-indent:20px;background:#000;
filter:alpha(opacity=70); /* ie  */
-moz-opacity:0.7; /* old mozilla browser like netscape  */
-khtml-opacity:0.7; /* for really really old safari */  
opacity: 0.7; /* css standard, currently it works in most modern browsers like firefox,  */ 
}
ul.mg_intro li .mg_intro_con {height:180px;padding:20px;}

#content_sub {padding:60px 0;}

.mg_only {width:100%;max-width:1200px;margin:0 auto 60px auto;}
.mg_only ul {}
.mg_only ul li {display:block;float:left;width:33.3%;color:#444;font-size:16px;font-weight:700;text-align:center}
.mg_only ul li img {display:block;width:70%;max-width:240px;height:auto;margin:0 auto 20px auto;}

.mg_wing {display:table;width:100%;margin:0 0 40px 0;color:#fff;font-size:36px;font-weight:700;text-align:center;line-height:44px;background:url(../images_201710/mg_wing.jpg) no-repeat;background-size:cover !important}
.mg_wing span {display:table-cell;height:300px;vertical-align:middle}

.mg_service {margin:0;min-width:1200px;background:url(../images_201710/mg_service_bg.jpg);background-size:cover !important}
.mg_service ul {width:100%;max-width:1200px;margin:0 auto;padding:60px 0;}
.mg_service ul li {display:block;float:left;width:33.3%;color:#fff;font-size:16px;font-weight:700;text-align:center;}
.mg_service ul li .mg_service_c {display:block;width:200px;height:200px;margin:0 auto;background: rgb(255,255,255,0.5);border-radius:50%;}
.mg_service ul li .mg_service_c img {margin:30px 0 0 0}
.mg_service ul li .mg_service_c strong {display:block;margin:10px 0;font-size:18px;font-weight:700;line-height:24px;color: #222;}
.mg_service ul li .mg_service_con {min-height:120px;margin:10px 0;color: #333;}

ul.mg_poddcy {}
ul.mg_poddcy li {display:block;float:left;width:33.3%;margin:-1px;text-align:center;color:#888;font-size:14px;line-height:22px;letter-spacing:-1px;background:#fff;border:solid 1px #ccc;}
ul.mg_poddcy li .mg_poddcy_con {padding:20px;height:300px;}
ul.mg_poddcy li .mg_poddcy_con strong {display:block;margin:0 0 10px 0;color:#222;font-size:18px;font-weight:700;line-height:24px;}
ul.mg_poddcy li .size_s {height:240px;}
ul.mg_poddcy li.main {line-height:240px;background:url(../images_201710/mg_poddcy_bg_1.jpg) !important;background-size:cover !important}
ul.mg_poddcy li.main2 {line-height:240px;background:url(../images_201710/mg_poddcy_bg2_1.jpg) !important;background-size:cover !important}

#lec_profile {color:#fff;text-align:center;background:#efefef}
#lec_profile ul {width:1200px;margin:0 auto;padding:40px;}
#lec_profile ul li {display:block;position:relative;float:left;width:338px;margin:0 30px 30px 30px;border-radius: 15px 15px 0 0;}
#lec_profile ul li.last {margin:0 0 0 0 !important}
#lec_profile ul li:first-child .more_btn { display: inline; float: right; position: absolute; padding: 22px 0 0 255px;}
#lec_profile ul li .more_btn { display: none;}
#lec_profile ul li .more_btn a { color: #000; font-weight: bold; font-size: 14px; border: 1px solid rgba(0,0,0,0.7) !important; padding: 7px 13px; border-radius: 3px; text-decoration:none;}
#lec_profile ul li .img {width:338px;height:250px; border-radius: 15px 15px 0 0;}
#lec_profile ul li .name {display:block;position:absolute;left:0;top:201px;width:100%;height:50px;color:#fff;font-size:24px;text-align:center;line-height:50px;background:#000;
filter:alpha(opacity=60); /* ie  */
-moz-opacity:0.6; /* old mozilla browser like netscape  */
-khtml-opacity:0.6; /* for really really old safari */  
opacity: 0.6; /* css standard, currently it works in most modern browsers like firefox,  */ 
}
#lec_profile ul li ul {width:100%;padding:0;display: flex;}
#lec_profile ul li ul li {width:33.3%;margin:0;border-right: 1px solid #ddd;border-radius: 0;}
#lec_profile ul li ul li:last-child {border-right: 0;}
#lec_profile ul li ul li.bb {display:block;width:33.3%;height:58px;color:#bbb;font-size:16px;text-align:center;line-height:58px;background:#444}
#lec_profile ul li ul li a {display:block;height:58px;color:#888;font-size:14px;font-weight: 600;text-align:center;line-height:58px;text-decoration:none;background:#fff}
#lec_profile ul li ul li a:hover {color: #333;}
#manager_intro {padding:60px 0;background:#f6f6f6}
#manager_intro .title {height:50px;color:#444;font-size:30px;font-weight:700;text-align:center;}
#manager_intro ul {width:100%;max-width:1200px;margin:0 auto;}
#manager_intro ul li {display:block;float:left;width:33.3%;min-height:220px;margin:0 -1px -1px -1px;background:#fff;border:solid 1px #ccc;}
#manager_intro ul li .img {float:left;width:130px;height:auto;margin:20px;padding:4px;border:solid 1px #ddd}
#manager_intro ul li dl {margin:20px 20px 0 180px;}
#manager_intro ul li dl dt {display:block;height:29px;color:#444;font-weight:700;font-size:16px;border-bottom:solid 1px #ddd;}
#manager_intro ul li dl dd {display:block;height:70px;padding:10px 0;line-height:18px !important;}
#manager_intro ul li dl dd a {display:block;width:100px;height:40px;;color:#fff;text-align:center;line-height:40px;font-weight:700;text-decoration:none;background:#444;border-radius:5px;}

.abo_phone {color:#fff;font-size:20px;text-align:center;line-height:28px;background:#444;}
.abo_phone h1 {display:block;margin:0 0 20px 0;font-size:48px;font-weight:700;line-height:50px}
.abo_phone h2 {display:block;margin:0 0 20px 0;font-size:30px;font-weight:700;line-height:40px}
.abo_phone strong {color:#fff568;font-weight:700;}
.abo_bg0 {background:url(../images_201710/abo_bg0.jpg) no-repeat 50% 50%;}
.abo_bg1 {background:url(../images_201710/abo_bg1.jpg) no-repeat 50% 50%;}
.abo_bg2 {background:url(../images_201710/abo_bg2.jpg) no-repeat 50% 50%;}
.abo_bg3 {background:url(../images_201710/abo_bg3.jpg) no-repeat 50% 50%;}
.abo_phone a.btn {display:inline-block;width:300px;height:50px;margin:0 10px;color:#fff;font-size:18px;text-align:center;line-height:50px;text-decoration:none;background:#ed2100;border-radius:5px;}

.abo_phone .img {width:100%;max-width:600px;}

.scr_bg0 {background:url(../images_201710/scr_bg0.jpg) no-repeat 50% 50%;}
.scr_bg1 {background:url(../images_201710/scr_bg1.jpg) no-repeat 50% 50%;}
.scr_bg2 {background:url(../images_201710/scr_bg2.jpg) no-repeat 50% 50%;}
.scr_bg3 {background:url(../images_201710/scr_bg3.jpg) no-repeat 50% 50%;}
.scr_bg4 {background:url(../images_201710/scr_bg4.jpg) no-repeat 50% 50%;}
.scr_bg5 {background:url(../images_201710/scr_bg5.jpg) no-repeat 50% 50%;}

.mg_bg0 {background:url(../images_201710/mg_bg0.jpg) no-repeat 50% 50%;}
.mg_bg1 {background:url(../images_201710/mg_bg1.jpg) no-repeat 50% 50%;}
.mg_bg2 {background:url(../images_201710/mg_bg2.jpg) no-repeat 50% 50%;}

.screen_img {display:block;width:80%;max-width:500px;height:auto;margin:0 auto 40px auto;}
.screen_img img {width:100%;height:auto;padding:4px;border:solid 1px #777}

ul.screen {width:100%;max-width:1000px;margin:0 auto;}
ul.screen li {display:block;float:left;width:50%;text-align:center;}
ul.screen li img {width:90%;max-width:400px;height:auto;padding:4px;border:solid 1px #666;}
ul.screen li span {display:block;margin:10px 0 40px 0;font-size:16px;color:#fff200}

.lev_intro {margin:0 0 30px 0;padding:19px 29px;text-align:left;font-size:14px;line-height:24px;background:#f6f6f6;border:solid 1px #ddd}
.lev_intro strong {display:block;margin:0 0 8px 0;padding:0 0 0 14px;color:#444;font-size:16px;font-weight:bold;background:url(../images_201710/bullet_orange.png) no-repeat 0 50% }
.lev_intro .lev_intro_con {position:relative;margin:0 0 10px 0;padding:0 0 0 80px;}
.lev_intro .lev_intro_con label {display:block;position:absolute;width:60px;left:0;top:0;color:#569ffd;font-weight:bold;border-right:solid 1px #ccc;}

#faq_wrap {margin:0 0 30px 0;text-align:left;}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_con {border-bottom:1px solid #ddd;}
#faq_con h3 a {display:block;padding:18px 8px;font-size:14px;font-weight:bold;line-height:32px;border-top:1px solid #ddd;text-decoration:none;}
#faq_con .lbl_q {display:block;float:left;width:32px;height:32px;margin-right:10px;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:32px;background:#444;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
#faq_con .lbl_a {display:block;width:32px;height:32px;margin-bottom:10px;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:32px;background:#569ffd;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
#faq_con .con_inner {display:none;padding:10px 10px 40px 10px;font-size:14px;line-height:24px;border-top:solid 1px #ddd}
#faq_con .con_closer {margin:10px 0 0;text-align:right}
#faq_con .closer_btn {height:29px;padding:0 12px;color:#666;text-align:center;line-height:27px;font-weight:bold;text-decoration:none;background:#f6f6f6/*linear-gradient(0deg, #444, #666)*/;border:solid 1px #ccc;cursor:pointer;}}
#faq_con span,
#faq_con img,
#faq_con a {vertical-align:middle}

#agree_tab {display:block;height:50px;margin:20px 20px -1px 20px}
#agree_tab li {display:block;float:left;width:33.3%}
#agree_tab li a {display:block;height:48px;margin:0 -1px 0 -1px;color:#999;font-size:16px;line-height:48px;text-align:center;text-decoration:none;background:#f6f6f6;border:solid 1px #ccc;cursor:pointer}
#agree_tab li a.on {color:#fff;background:#444;}
#agree_tab li a.off {color:#999;background:#f6f6f6;}

#agree_con {display:block;margin:0 20px;padding:20px 0;}
#agree_con li {display:block;height:400px;font-size:14px;line-height:24px;}
#agree_con li.con1 {}
#agree_con li.con2 {display:none;}
#agree_con li.con3 {display:none;}

/* add file */
.fileWrapper{position:relative;overflow:hidden;margin:0;padding:0;}
input[type=text].fileInputText{float:left;text-indent:6px;font-size:14px;border:1px solid #ddd;margin:0;padding:0}
input[type=button].fileInputButton{float:right;border:solid 1px #bbb;background:#eee;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}

/* checkbox, radio */
/* CSS File for ezMark jQuery Plugin */
.ez-hide {width:22px;height:22px;opacity:0;filter:alpha(opacity=0);}
.ez-checkbox {display:inline-block;width:22px;height:22px;background: transparent url('../images_201710/checkbox.png') 0 0 no-repeat;cursor:pointer}
.ez-radio {display:inline-block;width:22px;height:22px;background: transparent url('../images_201710/radio.png') 0 0 no-repeat;}
.ez-checked {background-position: 0 -30px;}
.ez-selected {background-position: 0 -30px;}
.ez-checkbox, .ez-radio {zoom:1; *display:inline;_height:30px;}





#song_event {margin:0 20px;background:#fff;}
#song_event .se_img {width:100%;height:auto;}
.song_event_con {padding:20px 10px;}
.song_event_con dl {margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:solid 1px #ddd;}
.song_event_con dl:after {display:block;visibility:hidden;clear:both;content:""}
.song_event_con dl dt {display:block;float:left;clear:both;margin:0 10px 0 0}
.song_event_con dl dt img {width:100%;max-width:310px;height:auto;}
.song_event_con dl dd {display:block;float:left;width:110px;}



















/* ����� */
@media only screen and (max-width: 1024px) {

#container_wrap {width:100%;min-width:320px;}

.section {width:100%;min-height:1100px;margin:0 auto;padding:60px 0;background-size:cover !important;background-attachment:fixed;}

h1 {font-size:24px;line-height:40px;font-weight:700;letter-spacing:-1px;}
h1 img {display:block;width:auto;height:40px;margin:0 auto}
h2 {font-size:18px;line-height:30px;font-weight:normal;letter-spacing:-1px;}
h3 {font-size:16px;}

body,th,td,input,select,textarea,button {font-size:12px;line-height:18px;font-family:'Nanum Gothic','����',dotum,sans-serif;color:#666} /* color���� �����ΰ��̵忡 �°Ի�� */

#container_wrap {width:100%;min-width:320px;}

#fullpage {width:100%;min-width:320px;margin:0;}

#fix_header .logo {display:block;position:absolute;width:180px;height:80px;left:50%;top:0;margin:0 0 0 -90px;z-index:9999999999}
#fix_header .logo img {width:100%;height:auto}

#fix_header {width:100%;min-width:320px;}
#fix_header .tnb {display:none;}

#fix_footer {display:none;}

#lev_test_form .mg_check_wrap .mg_checkitem {flex: 0 1 calc(33.3% - 15px);}









ul.event_li li {float:none;width:100%;margin:0 0 20px 0;}

#event_wrap h1 {display:block;margin:0 10px 20px 10px;color:#fff;font-size:24px;text-align:center;line-height:30px;font-weight:700}
#event_wrap .wechat {width:auto;margin:0 10px 40px 10px;padding:40px 20px;color:#fff;font-size:16px;line-height:24px;text-align:left;border:solid 4px #fff;}
#event_wrap .wechat strong {color:#fff568;font-size:18px;font-weight:700}
#event_wrap .wechat .qr {display:block;width:160px;height:auto;margin:10px auto 0 auto;}
#event_wrap .wechat_cont_img { background: url(/event/wechat_m.png) 50% 50% / cover no-repeat; padding: 450px 50px; background-size: contain;}

.one-event { background: url(/event/190228_event_1_bg_m.jpg) 50% 50% / cover no-repeat; }
.two-event { background: url(/event/190228_event_2_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap a.btn { display: block; width: 180px; height: 40px; margin: 0 auto 12px auto; color: #fff; font-size: 14px; text-align: center; line-height: 40px; text-decoration: none; background: #ed2100; border-radius: 5px; }
#event_wrap .event_con {background: url('/event/event_2_txt.png') 50% 50% / cover no-repeat; background-size: contain; padding: 100px 0 0 0; margin-top: 100px;}
.brand_award_wrap  .ytb_video {width: 100%; max-width: 650px; height: 366px;}
#event_wrap .event_con_txt {background: url('/event/event_2_txt_m2.png') 50% 50% / cover no-repeat; background-size: contain; padding: 60px 0 0 0; max-width: 240px;}



/**
.anniversary_bg { background: url(/event/anniversary_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .anniversary {width:94%;margin:0 auto; background: none; padding: 0;}
#event_wrap .anniversary img {width:100%;height:auto;display:none; }
#event_wrap .anniversary_con { background: url(/event/anniversary_con_m.png) 50% 50% / cover no-repeat; background-size: contain; padding: 200px 0; }
#event_wrap .anniversary_txt { background-color: rgba(255, 255, 255, 0.5); border-radius: 25px; display: inline-block; padding: 24px 110px; font-size: 18px; line-height: 1.2; letter-spacing: -0.5px;}
**/

.event_1_bg { background: url(/event/event_1_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .event_1 {width:94%;margin:0 auto; background: none; padding: 0;}
#event_wrap .event_1 img {width:100%;height:auto}
#event_wrap .event_1_con { background: url(/event/event_1_txt_m.png) 50% 50% / cover no-repeat; background-size: contain; padding: 542px 0 0 0; }
#event_wrap .event_1_btn { display: block; width: 200px; height: 50px; margin: 0 auto 12px auto; color: #fff; font-size: 17px; text-align: center; line-height: 48px; text-decoration: none; background: #ffa200; border-radius: 5px; }

.mask_king_bg { background: url('/event/mask_king_bg_m.jpg') 50% 50% / cover no-repeat; }
#mask_king_wrap .mask_king {width:94%;margin:0 auto; background: none; padding: 0;}
#mask_king_wrap .mask_king img {width:100%;height:auto}
#mask_king_wrap .mask_king_con { background: url('/event/mask_king_txt_m.png') 50% 50% / cover no-repeat; background-size: contain; padding: 350px 0 0 0; }
    
    
.new_year_bg { background: url('/event/new_year_bg_m_250131.jpg') 50% 50% / cover no-repeat; }
#new_year_wrap .new_year {width:94%;margin:0 auto; background: none; padding: 0;}
#new_year_wrap .new_year img {width:100%;height:auto}
#new_year_wrap .new_year_con { background: url('/event/new_year_txt_m_250131.png') 50% 50% / cover no-repeat; background-size: contain; padding: 440px 0 0 0;}


.autonomy_bg { background: url('/event/autonomy_bg_m.jpg') 50% 50% / cover no-repeat; }
#autonomy_wrap .autonomy {width:94%;margin:0 auto; background: none; padding: 0;}
#autonomy_wrap .autonomy img {width:100%;height:auto}
#autonomy_wrap .autonomy_con { background: url('/event/autonomy_txt_m.png') 50% 50% / cover no-repeat; background-size: contain; padding: 410px 0 0 0; }


#event_wrap .event_footer { background: url(/event/event12_footer_m.png) 50% 50% / cover no-repeat; padding: 70px 0; width: 91%; margin: 0 auto;}

.learning_drama_bg { background: url(/event/learning_drama_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .learning_drama {width:94%;margin:0 auto; background: none; padding: 0;}
#event_wrap .learning_drama img {width:100%;height:auto}
#event_wrap .learning_drama_con { background: url(/event/learning_drama_con_m.png) 50% 50% / cover no-repeat;background-size: 70%; padding: 150px 0 0 0; max-width: 400px;margin: 0 auto;}
#event_wrap .cont_wrap { width: 100%; max-width: 450px; margin: 0 auto; display: inline-block;}
#event_wrap .cont_wrap .cont1 { background: url(/event/m_cont_img_1.png) 50% 50% / cover no-repeat; background-size: 70%; padding: 78px 0; width: 100%; margin: 4px 0;}
#event_wrap .cont_wrap .cont1:hover { background: url(/event/m_cont_img_1_hover.png) 50% 50% / cover no-repeat; background-size: 70%; padding: 78px 0; width: 100%; margin: 4px 0;}
#event_wrap .cont_wrap .cont2 { background: url(/event/m_cont_img_2.png) 50% 50% / cover no-repeat; background-size: 70%; padding: 78px 0; width: 100%; margin: 4px 0;}
#event_wrap .cont_wrap .cont2:hover { background: url(/event/m_cont_img_2_hover.png) 50% 50% / cover no-repeat; background-size: 70%; padding: 78px 0; width: 100%; margin: 4px 0;}
#event_wrap .cont_wrap .cont3 { background: url(/event/m_cont_img_3.png) 50% 50% / cover no-repeat; background-size: 70%; padding: 78px 0; width: 100%; margin: 4px 0;}
#event_wrap .cont_wrap .cont3:hover { background: url(/event/m_cont_img_3_hover.png) 50% 50% / cover no-repeat; background-size: 70%; padding: 78px 0; width: 100%; margin: 4px 0;}


.local_training_bg { background: url(/event/local_training_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .local_training {width:94%;margin:0 auto; background: none; padding: 0;}
#event_wrap .local_training img {width:100%;height:auto}
#event_wrap .local_training_con { background: url(/event/local_training_con_m.png) 50% 50% / cover no-repeat; background-size: contain; padding: 670px 0 0 0; }

.new_school_term_bg { background: url(/event/new_school_term_bg_m.jpg) 50% 50% / cover no-repeat; }
    .new_school_term_bg video {display: none;}
#event_wrap .new_school_term {width:94%;margin:0 auto; background: none; padding: 0;}
#event_wrap .new_school_term img {width:100%;height:auto}
#event_wrap .new_school_term_con { background: url(/event/new_school_term_txt_m.png) 50% 50% / cover no-repeat; background-size: contain; padding: 300px 0 0 0; }
    
.app_pelease_bg { background: url(/event/app_pelease_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .app_pelease_tit {width:100%;max-width:190px;margin:0 auto;background: url(/event/app_pelease_tit_m.png) 50% 50% / cover no-repeat; padding: 56px 20px;}
#event_wrap .app_pelease_txt {width:100%;max-width:240px;margin:0 auto;background: url(/event/app_pelease_txt_m.png) 50% 50% / cover no-repeat; padding: 39px 20px;}
#event_wrap .ytb_video {width: calc(100% - 40px); max-width: 650px; height: 300px; padding: 0 20px;}

.wechat_bg { background: url(/event/wechat_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .wechat_title {width:100%;max-width:190px;margin:0 auto;background: url(/event/wechat_title_m.png) 50% 50% / cover no-repeat; padding: 52px 20px;}
#event_wrap .wechat_video {width: calc(100% - 40px); max-width: 650px; height: 300px; padding: 0 20px;}
#event_wrap .wechat_txt {width:100%;max-width:270px;margin:0 auto;background: url(/event/wechat_txt.png) 50% 50% / cover no-repeat; padding: 26px 0; margin-top: 30px;}

    
.use_method { background: url(/event/app_pelease_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .use_method_tit {width:100%;max-width:190px;margin:0 auto;background: url(/event/use_method_txt_m.png) 50% 50% / cover no-repeat; padding: 56px 20px;}
#event_wrap .use_method_video {width: calc(100% - 40px); max-width: 650px; height: 300px; padding: 0 20px;}
    
    

/**
.ace_teacher_bg { background: url(/event/ace_teacher_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .ace_teacher {width:94%;margin:0 auto;}
#event_wrap .ace_teacher img {width:100%;height:auto}
#event_wrap .ace_teacher_con { background: url(/event/ace_teacher_con_m.png) 50% 50% / cover no-repeat; background-size: contain; padding: 450px 0; }
**/


.attendance_check_bg { background: url('/event/attendance_check_bg_m.jpg') 50% 50% / cover no-repeat; }
#attendance_check .attendance_check {width:94%;margin:0 auto; background: none; padding: 0;}
#attendance_check .attendance_check img {width:100%;height:auto}
#attendance_check .attendance_check_con { background: url('/event/attendance_check_txt_m_250331.png') 50% 50% / cover no-repeat; background-size: contain; padding: 650px 0 0 0; }


.concurrent_lecture_bg { background: url('/event/concurrent_lecture_bg_m.jpg') 50% 50% / cover no-repeat; }
#concurrent_lecture .concurrent_lecture {width:94%;margin:0 auto; background: none; padding: 0;}
#concurrent_lecture .concurrent_lecture img {width:100%;height:auto}
#concurrent_lecture .concurrent_lecture_con { background: url('/event/concurrent_lecture_txt_m4.png') 50% 50% / cover no-repeat; background-size: contain; padding: 500px 0 0 0; }



.price_tuition_bg { background: url('/event/price_tuition_bg_m.jpg') 50% 50% / cover no-repeat; }
#event_main .price_tuition {width:94%;margin:0 auto; background: none; padding: 0;}
#event_main .price_tuition img {width:100%;height:auto}
#event_main .price_tuition { background: url('/event/price_tuition_txt_m2.png') 50% 50% / cover no-repeat; background-size: contain; padding: 350px 0 0 0; }


.free_class_bg { background: url('/event/free_class_bg_m.jpg') 50% 50% / cover no-repeat; }
#event_main .free_class {width:94%;margin:0 auto; background: none; padding: 0;}
#event_main .free_class img {width:100%;height:auto}
#event_main .free_class { background: url('/event/free_class_txt_m.png') 50% 50% / cover no-repeat; background-size: contain; padding: 430px 0 0 0; }

.pronunciation_bg  { background: url('/event/pronunciation_event_bg_m.jpg') 50% 50% / cover no-repeat; }
#pronunciation .pronunciation {width:94%;margin:0 auto; background: none; padding: 0;}
#pronunciation .pronunciation img {width:100%;height:auto}
#pronunciation .pronunciation_con { background: url('/event/pronunciation_event_txt_m.png') 50% 50% / cover no-repeat; background-size: contain; padding: 500px 0 0 0; }

.review_event_bg { background: url('/event/review_event_bg_m.jpg') 50% 50% / cover no-repeat; }
#review_event .review_event {width:94%;margin:0 auto; background: none; padding: 0;}
#review_event .review_event img {width:100%;height:auto}
#review_event .review_event_con { background: url('/event/review_event_txt_m_240731.png') 50% 50% / cover no-repeat; background-size: contain; padding: 600px 0 0 0; }


.test_taker_bg { background: url('/event/test_taker_bg_m.jpg') 50% 50% / cover no-repeat; }
#test_taker .test_taker {width:94%;margin:0 auto; background: none; padding: 0;}
#test_taker .test_taker img {width:100%;height:auto}
#test_taker .test_taker_con { background: url('/event/test_taker_txt_m.png') 50% 50% / cover no-repeat; background-size: contain; padding: 600px 0 0 0; }


.letter_event_bg { background: url('/event/letter_event_bg_m_250430.jpg') 50% 50% / cover no-repeat; }
#letter_event .letter_event {width:94%;margin:0 auto; background: none; padding: 0;}
#letter_event .letter_event img {width:100%;height:auto}
#letter_event .letter_event_con { background: url('/event/letter_event_txt_m_250430.png') 50% 50% / cover no-repeat; background-size: contain; padding: 512px 0 0 0; }

.write_letter_bg { background: url('/event/write_letter_bg_m.jpg') 50% 50% / cover no-repeat; }
#write_letter .write_letter {width:94%;margin:0 auto; background: none; padding: 0;}
#write_letter .write_letter img {width:100%;height:auto}
#write_letter .write_letter_con { background: url('/event/write_letter_txt_m.png') 50% 50% / cover no-repeat; background-size: contain; padding: 400px 0 0 0; }

    
.event_main_bg { background: url('/event/event1_bg_m_250731.jpg?v=2') 50% 50% / cover no-repeat; }
#event_main .event_main {width:94%;margin:0 auto; background: none; padding: 0;}
#event_main .event_main img {width:100%;height:auto}
#event_main .event_main_con { background: url('/event/event1_txt_m_250801.png?v=3') 50% 50% / cover no-repeat; background-size: contain; padding: 370px 0 0 0; }
#event_main .ytb_video {width: calc(100% - 40px); max-width: 650px; height: 300px; padding: 0 20px;}
    
    
    
.fall_event_bg { background: url(/event/covid_event_bg_m.jpg) 50% 50% / cover no-repeat; }
#fall_event .fall_event {width:94%;margin:0 auto; background: none; padding: 0;}
#fall_event .fall_event img {width:100%;height:auto}
#fall_event .fall_event_con { background: url(/event/covid_event_txt_m.png) 50% 50% / cover no-repeat; background-size: contain; padding: 380px 0 0 0; }

.third_party_bg { background: url(/event/third_party_bg_m.jpg) 50% 50% / cover no-repeat; }
#third_party .third_party {width:94%;margin:0 auto; background: none; padding: 0;}
#third_party .third_party img {width:100%;height:auto}
#third_party .third_party_con { background: url(/event/third_party_txt_m.png) 50% 50% / cover no-repeat; background-size: contain; padding: 440px 0 0 0; }

.premium_package_bg { background: url('/event/premium_package_bg_m2.jpg') 50% 50% / cover no-repeat; }
#premium_package .premium_package_pc {display: none;}
#premium_package .premium_package_m {display: inline-block; width: 100%; max-width: 560px; padding-top: 100px;}
#premium_package .premium_package_m img {width: 100%;}
    

#event_summer .event_summer {padding:0 20px;}
#event_summer span {display:block;margin:0 0 10px 0;}

#event_talk {font-size:14px;line-height:20px;}
#event_talk h2 {margin:0 10px 20px 10px;font-size:24px;}
#event_talk p {width:auto;margin:0 10px 20px 10px;font-size:16px;}
#event_talk a {display:block;width:240px;margin:0 auto 10px auto;padding:0;}
ul.benefit {width:auto;margin:0 10px 40px 10px;padding:40px 20px;}
ul.benefit li {min-height:40px;margin:0 0 10px 0;padding:0 0 10px 0;font-size:14px;}
ul.benefit li label {display:block;position:relative;left:0;top:0;width:120px;margin:0 0 10px 0;font-size:16px;}

.event_appl {width:auto;margin:0 20px;}
.event_appl label {float:none;width:100%;height:40px;margin:0 0 20px 0;line-height:40px;background:#ff7700;border-radius:20px;}
.event_appl span {float:none;width:100%;margin:0 0 20px 0;text-align:center;}

.event_w_box {width:auto;padding:20px 10px;margin:20px 0;text-align:left;background:url(../images_201710/event_w_bg.png);border-radius:5px;}
.event_w_box ul {float:none;width:100%;}
.event_w_box ul li {display:block;height:auto;padding:0 0 12px 24px;line-height:normal;font-size:12px;background:url(../images_201710/chk.png) no-repeat 0 0}
.event_w_box span {display:block;text-align:center;}
.event_w_box span img {width:auto;height:66px;}

#event_sub {width:100%;margin:30px auto 0 auto;text-align:center}
.event1 {width:100%;float:none;margin:0 0 20px 0;}
.event2 {width:100%;float:none;}
#event_sub img {width:98%;height:auto}

#spec_open_wrap {padding:80px 0 0 0;color:#fff;text-align:center;font-size:12px;background:url(../images_201710/spec_open_bg_m.jpg) no-repeat 50% top;background-size:cover}
#spec_open_wrap a.btn {display:inline-block;width:240px;height:40px;margin:0 5px 10px 5px;color:#fff;font-size:18px;text-align:center;line-height:40px;text-decoration:none;background:#ed2100;border-radius:5px;}

#ten_wrap {background:url(../images_201710/10_bg_.jpg) no-repeat 50% 50%;background-size:cover;height: auto;}
#ten_wrap .con {margin: 30px 0 40px;}
#ten_wrap a {display:block;width:260px;height:50px;margin:0 auto 10px auto;padding:0;font-size:18px;line-height:50px;}
#ten_wrap .btn_200 {width:260px;padding:0;}


#recent_wrap {width:auto;margin:40px 10px 20px 10px;}
.recent {float:none;width:100%;height:180px;margin:0 0 20px 0;border:solid 1px #ccc;}
.recent .title {height:39px;padding:0 10px;line-height:40px;font-size:16px;font-weight:700;color:#444;background:#f6f6f6;border-bottom:solid 1px #ccc;}
.recent .title .more {display:block;float:right;margin:0 10px 0 0;color:#999;font-size:12px;font-weight:normal;text-decoration:underline}
.recent ul {margin:10px 10px;}
.recent ul li {display:block;position:relative;}
.recent ul li a {display:block;height:30px;line-height:30px;}
.recent ul li .date {position:absolute;right:10px;top:0;color:#999;}

#quick_wrap {width:100%;margin:0 auto 40px auto;}
#quick_wrap li {display:block;float:left;width:25%;height:130px;}
#quick_wrap li a {display:block;font-size:12px;text-align:center;font-weight:bold;letter-spacing:-1px;}
#quick_wrap li a img {display:block;width:80px;margin:0 auto;}

#add_class {position:relative;width:100%;margin:0 0 40px 0 }
#add_class .add_cl {display:table;vertical-align:middle;width:100%;height:150px;padding:50px 0 0 0;color:#fff;font-size:18px;text-align:center;line-height:40px;background-size:contain;border:0;cursor:pointer}
#add_class .add_cl img {width:40px;height:auto;}
#add_class .add_cl_gap {display:block;width:100%;height:30px;}
#add_class .add_circle {position:absolute;left:50%;top:50%;width:120px;height:80px;margin:-80px 0 0 -60px;padding:40px 0 0 0;color:#fff;font-size:18px;text-align:center;line-height:22px;background:#ed2100;border-radius:100px;}

#talk_exam_wrap {width:100%;padding:0 10px;color:#fff;font-size:12px;text-align:center;line-height:18px;background:url(../images_201710/talk_bg.jpg) no-repeat 50% 50%;background-size:cover}
#talk_exam_wrap strong {color:#ffff00;font-weight:700}
#talk_exam_wrap a.btn {display:inline-block;width:240px;height:40px;margin:0 5px 10px 5px;color:#fff;font-size:18px;text-align:center;line-height:40px;text-decoration:none;background:#ed2100;border-radius:5px;}

#talk_exam_wrap dl {width:100%;margin:0;}
#talk_exam_wrap dl dt {display:block;float:none;width:100%;height:30px;margin:0 0 10px 0;font-size:12px;color:#fff;text-align:center;line-height:30px;background:#ff9900;}
#talk_exam_wrap dl dd {display:block;float:none;width:100%;height:30px;margin:0 0 10px 0;font-size:12px;color:#fff;text-align:center;line-height:30px;border:solid 1px #fff;border-radius:15px;}
#talk_exam_wrap dl dd.last {display:block;float:none;width:100%;height:30px;margin:0 0 30px 0;font-size:12px;color:#fff;text-align:center;line-height:30px;background:url(../images_201710/talk_.png);border:solid 1px #fff;border-radius:15px;}

    

    
    
/*#band_wrap {padding:0 20px;color:#fff;font-size:12px;text-align:center;line-height:18px;}
#band_wrap .band_img {width:50px !important;height:auto}
#band_wrap a.btn {display:inline-block;width:140px;height:40px;margin:0 5px 10px 5px;color:#33bb11;font-size:12px;text-align:center;line-height:40px;text-decoration:none;background:#fff200;border-radius:5px;}
#band_wrap ul.band_talk {width:100%;margin:0 auto 30px auto;}
#band_wrap ul.band_talk li {display:block;float:none;width:100%;margin:0 0 10px 0}
#band_wrap ul.band_talk li span {display:block;position:relative;width:100%;max-width:450px;margin:0 auto;overflow:hidden;border-radius:5px;}
#band_wrap ul.band_talk li span img {width:100%;height:auto}
#band_wrap ul.band_talk li p {display:block;width:100%;font-size:24px;color:#fff;text-align:center;}
#band_wrap ul.band_talk li p strong {font-weight:700}*/


#band_wrap {margin:0;padding:0;color:#fff;font-size:12px;text-align:center;line-height:18px;background:url(../images_201710/bg_band.jpg) no-repeat 50% 50%;background-size:cover}
#band_wrap .band_img {width:60px !important;height:auto;margin:0 0 12px 0;}
#band_wrap a.btn {display:block;width:180px;height:40px;margin:0 auto 12px auto;color:#fff;font-size:14px;text-align:center;line-height:40px;text-decoration:none;background:#ed2100;border-radius:5px;}
#band_area {width:98%;margin:0 auto;padding:0;}
#band_area:after {display:block;visibility:hidden;clear:both;content:""}
#band_area .band_info {float:none;width:100%;height:auto;padding:40px 0;background:url(../images_201710/bg_band_over.jpg) no-repeat 0 50%;background-size:cover}
#band_area .band_info h1 {display:block;margin:0 0 18px 0;padding:0 0 16px 0;color:#fff;font-size:16px;font-weight:700;background:url(../images_201710/band_var.gif) no-repeat 50% bottom;}
#band_area ul {float:none;width:100%;}
#band_area ul:after {display:block;visibility:hidden;clear:both;content:""}
#band_area ul li {display:block;float:left;width:33.3%;height:auto;padding:30px 0;color:#fff;font-size:16px;font-weight:700;text-align:center;}
#band_area ul li img {width:40px;height:auto;margin:0 0 8px 0;}




#post_wrap {padding:0 10px;text-align:center;background:url('../event/post_bg_m.jpg');}
#post_wrap a.btn {display:inline-block;width:180px;height:40px;margin:0 5px 10px 5px;color:#fff;font-size:14px;text-align:center;line-height:40px;text-decoration:none;background:#ed2100;border-radius:5px;}
#post_wrap ul {width:auto;margin:0;padding:0}
#post_wrap ul li {display:block;position:relative;float:none;width:auto;height:auto;margin:0 0 20px 0;padding:9px 19px 49px 19px;text-align:left;font-size:12px;line-height:18px;border:solid 1px #444}
#post_wrap ul li.last {margin:0 0 20px 0;}
#post_wrap ul li strong {display:block;margin:0 0 10px 0;font-size:16px;font-weight:normal}
#post_wrap ul li strong img {margin:0 0 10px 0;vertical-align:bottom}

#card_wrap {padding:40px 10px;text-align:center;}
#board_frame {width:auto;margin:0 auto;padding:5px;background:url(../images_201710/wood.jpg) no-repeat 50% 50%;background-size:cover}
#board_wrap {width:auto;margin:0 auto;padding:10px;background:url(../images_201710/board.jpg);}
.card {width:auto;margin:0 auto;}
.card li {display:block;float:none;width:100%;text-align:left;}
.card li.half {width:100% !important;margin:0 0 0 0;}
.card li span {display:block;padding:9px;margin:0 -1px -1px 0;border:solid 1px #666;/*background:#fff;*/}
.card li span strong {display:block;height:30px;font-size:14px;color:#ed2100;font-weight:700;line-height:24px;}
.card li span strong img {width:auto;height:18px}



.card_chk {width:auto;margin:0 10px;}
.card_chk li {display:block;float:none;width:auto;height:auto;padding:0 0 6px 22px;line-height:18px;text-indent:0;text-align:left;background:url(../images_201710/chk.png) no-repeat 0 1px}

#exam_schedule {font-size:12px;color:#fff;text-align:center;background:url(../images_201710/exam_bg2.jpg) no-repeat 50% 50%;background-size:cover}
#exam_schedule a.btn {display:inline-block;width:240px;height:40px;margin:0 5px 10px 5px;color:#fff;font-size:18px;text-align:center;line-height:40px;text-decoration:none;background:#ed2100;border-radius:5px;}

#exam_type {width:100%;margin:0;overflow-x:scroll;overflow-y:hidden}
#exam_type table {width:740px;border-collapse:collapse;border-spacing:0}
#exam_type th {width:90px;padding:12px 0;font-size:12px;color:#fff;text-align:center;font-weight:bold;background:url(../images_201710/talk_.png);border:solid 1px #555;}
#exam_type th.blank {width:5px !important;padding:0 !important;}
#exam_type td {width:90px;padding:12px 0;font-size:12px;color:#fff;text-align:center;border:solid 1px #555}
#exam_type td.blank {width:5px !important;padding:0 !important;}

#coupon {padding:0 20px;text-align:center;color:#fff;font-size:18px;line-height:24px;background:url(../images_201710/coupon_bg2.jpg) no-repeat 50% 50%;background-size:cover}
#coupon strong {color:#ffff00;font-size:14px;font-weight:normal}
#coupon .coupon_slogon {display:block;width:70%;max-width:400px;margin:0 auto 30px auto;}
#coupon .coupon_img {display:block;width:80%;max-width:342px;margin:30px auto;}


#add_section {text-align:center;color:#fff;font-size:16px;line-height:24px;background:url(../images_201710/add_section_bg.jpg) no-repeat 50% 50%;background-size:cover}
#add_section span {display:block}
#add_section a.btn {display:inline-block;width:240px;height:40px;margin:0 5px 10px 5px;color:#fff;font-size:18px;text-align:center;line-height:40px;text-decoration:none;background:#ed2100;border-radius:5px;}
.add_section_title {width:100%;height:auto}
.add_section_box {width:90%;max-width:900px;margin:40px auto;padding:33px 0;border:solid 4px #fff;}


#busi_area_wrap {padding:0 10px;font-size:12px;color:#fff;text-align:center;background:url(../images_201710/busi_area_bg.jpg) no-repeat 50% 50%;background-size:cover}
#busi_area_wrap h1 {font-size: 26px;line-height: 36px;margin-top: 60px;}
#busi_area_box {width:auto;margin:0 10px;}
#busi_area_box img {width:60%;}
#busi_area_box .busi_area_img {margin: 10px auto 18px auto;}
#busi_area_box .busi_area_cell {display:block;float:left;width: 41%;height: auto;padding: 3% 3% 0;margin: 0px 1% 8px;font-size:18px;text-align:center;border: 1px solid #6d6863;}
#busi_area_box .busi_area_cell:nth-child(4) .busi_area_btn {margin: 43px auto 28px auto;}
#busi_area_box .busi_area_subt {font-size: 13px;letter-spacing: -1.5px;}
#busi_area_box .busi_area_tit {font-size: 18px;font-weight: 700; margin-bottom: 8px;}
#busi_area_box .busi_area_btn {margin: 25px auto 28px auto;width: 120px;height: 42px;font-size: 15px;line-height: 42px;}
#busi_area_wrap video {display: none;}
    
    
#life_review_wrap {padding:0 10px;font-size:12px;color:#fff;text-align:center;background:url(../images_201710/life_review_bg.jpg) no-repeat 50% 50%;background-size:cover}
#life_review_wrap h1 {font-size: 28px;font-weight: 500;line-height: 36px;margin-top: 60px;}
#life_review_wrap h3 {font-size: 16px;font-weight: 300;line-height: 26px;margin: 0 30px;}
#life_review_box {width:auto;margin:0 10px;}
#life_review_box img {width:45%;}
#life_review_box .busi_area_img {margin: 10px auto 18px auto;}
#life_review_box .busi_area_cell {display:block;float:left;width:92%;height: auto;padding: 3% 3% 0;margin: 0px 1% 8px;font-size:18px;text-align:center;}
#life_review_box .life_review_txt {font-size: 18px;font-weight: 700; margin-bottom: 8px;line-height: 24px;}
#life_review_box .busi_area_btn {margin: 25px auto 28px auto;width: 120px;height: 42px;font-size: 15px;line-height: 42px;}
    
    
    

#outro_wrap {padding:0 10px;font-size:12px;color:#fff;text-align:center;background:url(../images_201710/outro_bg.jpg) no-repeat 50% 50%;background-size:cover}
#outro_box {width:auto;margin:0 10px;}
#outro_box .outro_cell {display:block;float:none;width:100%;height:auto;margin:0 0 10px 0;padding:20px 0;font-size:18px;text-align:center;border:solid 1px #666;}
#outro_box .outro_cell img {display:block;width:40px;height:auto;margin:0 auto 12px auto;}
#outro_box .outro_cell .tel {font-size:30px;color:#ed2100;line-height:36px;}
#outro_box .outro_cell .fax {font-size:18px;line-height:24px;}
#outro_box .outro_cell .time {font-size:14px;}
#outro_box .outro_cell a.btn {display:inline-block;height:40px;padding:0 16px;color:#fff;font-size:18px;text-align:center;line-height:40px;text-decoration:none;background:#ed2100;border-radius:5px;}
#outro_box .copy {display:none;color:#ccc;line-height:24px}
#outro_box .copy_m {display:block;color:#ccc;line-height:18px}
#outro_box .copy_m .ft_privacy_policy {font-weight:600; color:#c6322c;}
#outro_box .copy_m .last {padding-top:24px;}


#viz_sub {display:table;width:100%;margin:0;padding:80px 0 0 0;color:#fff;font-size:24px;text-align:center;line-height:30px;border-bottom:solid 5px #ed2100; background: url(../images_201710/viz1.jpg) 50% 50% / cover no-repeat;}
#viz_sub video {display: none;}
#viz_sub span {display:table-cell;vertical-align:middle;height:180px;margin:20px 0;font-weight:700;text-shadow: none;}
#viz_sub span strong {display:block;margin:0 0 0 0;font-size:14px;font-weight:normal;line-height:18px}

#viz_sub_p {display:table;width:100%;margin:0;padding:80px 0 0 0;color:#000;font-size:24px;text-align:center;line-height:30px;border-bottom:solid 5px #ed2100;}
#viz_sub_p span {display:table-cell;vertical-align:middle;height:300px;margin:20px 0;font-weight:700;}
#viz_sub_p span strong {display:block;margin:0 0 0 0;font-size:14px;font-weight:normal;line-height:18px}

ul.viz_serv {display:block;width:100%;margin:20px auto 0 auto}
ul.viz_serv li {display:block;float:left;width:28%;height:80px;margin:0 2% 10px 2%;padding:10px 0 0 0;font-size:12px;font-weight:bold;line-height:16px;letter-spacing:-1px;}
ul.viz_serv li img {width:30px;height:30px;margin:0 0 8px 0;}

.content_title {display:block;margin:0 0 40px 0;font-size:18px;color:#444;font-weight:700;line-height:30px;text-align:center;}
.content_title .sub {display:block;margin:0;/*padding:0 0 0 18px;*/font-size:14px;color:#666;font-weight:normal;line-height:18px;/*border-left:solid 1px #ddd;*/}
.content_title img {width:150px;height:auto}

.content_title_sub {display:block;margin:0 0 20px 0;font-size:16px;color:#444;font-weight:700;line-height:30px;text-align:center;}
.content_title_sub .sub {display:block;margin:0;font-size:14px;color:#666;font-weight:normal;line-height:18px;/*border-left:solid 1px #ddd;*/}

#location_wrap {height:40px;border-bottom:solid 1px #ccc; background-color: #fff;}
#location_wrap_fix {position:absolute;display:block;width:100%;height:40px;top:80px;left:0;border-bottom:solid 1px #ccc;}
.location {width:100%;margin:0 auto;}
.location dl {}
.location dl dt {display:none;float:left;background:#fff;}
.location dl dd {display:block;float:left;position:relative;width:50%;background:#fff;}
.location dl dd a {display:block;width:100%;height:40px;margin:0 0 0 -1px;padding:0;font-size:12px;line-height:40px;text-decoration:none;text-indent:7px;background:url(../images_201710/arrow_down.gif) no-repeat right 50%;border-right:solid 1px #ccc;cursor:pointer}
.location dl dd ul {display:none;position:absolute;left:0;top:40px;width:100%;margin:0 -1px 0 -1px;background:#fff;border:solid 1px #ddd;z-index:999999}
.location dl dd ul li {display:block;}
.location dl dd ul li a {display:block;line-height:30px;font-size:12px;background:none;border:none}
.location dl dd ul li a:hover {color:#ff7700}



#sitemap_wrap {display:none;}

#footer_wrap {padding:40px 0;text-align:center;}
#footer_wrap ul {width:auto;margin:0 10px}
#footer_wrap ul li {display:block;float:none;width:100%;height:auto;margin:0;padding:20px 0;font-size:12px;line-height:24px;border-bottom:solid 1px #dedede;border-right:none}
#footer_wrap ul li.first {width:100%}
#footer_wrap ul li.last {width:100%;margin:0;border:none}
#footer_wrap ul li .copy {display:none;}
#footer_wrap ul li .copy_m {display:block;}

#content_wrap {width:auto;max-width:1200px;margin:0 5px;padding:60px 0;}

#list_type {margin:0 0 10px 0;border-top:solid 1px #666 !important;}
#list_type table {width:100%;border-collapse:collapse;border-spacing:0}
#list_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#list_type th {display:none;padding:12px 0 12px 3px;font-size:12px;color:#444;text-align:left;font-weight:bold;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #bbb}
#list_type td {padding:12px 0 12px 7px;font-size:12px;text-align:left;border-bottom:solid 1px #ddd;}
#list_type td a {font-size:12px !important}
#list_type td .cmt {display:inline-block;margin:0 2px;font-size:11px;color:#ff7700;}
#list_type td .list_info {display:block;margin:6px 0 0 0;}
#list_type td .list_info .var {display:inline-block;margin:0 3px;font-size:12px;color:#ccc}
#list_type td .list_info strong {color:#666;font-weight:bold;}

.num {display:none;width:60px;text-align:left}
.subject {text-align:left;}
.date {display:none;width:120px;text-align:left}
.name {display:none;width:100px;text-align:left}
.down {width:40px;text-align:center !important;}
.grade {display:none;width:120px;text-align:left;}
.vi_evalue {display:none;width:40px;text-align:left;}
.vi_evalue img {width:16px;height:auto;}
.evalue_info {display:inline-block}
.evalue_grade {display:block;margin:10px 0;}
.evalue_grade dl {}
.evalue_grade dl dt {float:left;display:block;width:16.6%;height:28px;margin:0 -1px -1px -1px;color:#444;text-align:center;line-height:28px;background:#f6f6f6;border:solid 1px #ddd}
.evalue_grade dl dd {float:left;display:block;width:16.6%;height:28px;margin:0 -1px -1px -1px;text-align:center;line-height:28px;background:#fff;border:solid 1px #ddd}
.evalue_grade dl dd img {width:16px;height:auto;}


.pay_way {display:none;width:140px;text-align:left;}
.pay_price {display:none;width:width:80px;text-align:right;}
.proc {display:none;width:120px;text-align:left;}
.receipt {width:40px;text-align:left;}



#list_category {width:100%;margin:0 0 40px 0}
#list_category h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#list_category ul {}
#list_category ul li {display:block;float:left;width:50% !important}
#list_category ul li a {display:block;height:38px;margin:0 -1px -1px 0;font-size:12px;color:#999;text-align:center;line-height:38px;background:#fff;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#list_category ul li a#on {height:38px;margin:0 0 -1px 0 !important;color:#fff;font-weight:bold;background:#e87a45;border:solid 1px #e87a45;z-index:99999}
#list_category ul li a:hover {color:#fff;background:#666}



.btn_frm {display:inline-block;padding:0 14px;height:32px;font-size:12px;color:#666;font-weight:normal;text-decoration:none;border:solid 1px #ddd;}
a.btn_frm {height:32px;color:#666;line-height:32px;text-decoration:none;}

#btn_area_move {margin:0 0 40px 0;font-size:12px;text-align:left;border-top:solid 1px #ddd}
#btn_area_move strong {display:inline-block;width:60px;color:#666;font-weight:bold}
#btn_area_move a.btn_prev {display:block;padding:18px 10px 18px 34px;color:#999;border-bottom:solid 1px #ddd}
#btn_area_move a.btn_next {display:block;padding:18px 10px 18px 34px;color:#999;border-bottom:solid 1px #ddd}
#btn_area_move a:hover {}

#btn_area_center {height:50px;text-align:center;vertical-align:top;}
#btn_area_center a {display:inline-block;margin-left:3px;padding:10px 14px;font-size:12px;color:#fff;line-height:normal;text-decoration:none;background:#444;cursor:pointer;}
#btn_area_center .btn_act {display:inline-block;margin-left:3px;padding:8px 12px;font-size:12px;color:#fff;line-height:normal;background:#ed2100;border:none;cursor:pointer;}
#btn_area_center a.btn_cancel {padding:7px 14px;color:#666;background:#f6f6f6;border:solid 1px #ddd;cursor:pointer;}
#btn_area_center input.btn_appl {display:inline-block;height:40px;margin:0 auto;padding:0 36px 0 66px;font-size:14px;line-height:40px;text-align:center;font-weight:700;text-decoration:none;background:url(../images_201710/icon_appl.png) no-repeat 36px 50%;border-radius:5px;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}

#btn_area_center input,
#btn_area_center a {vertical-align:top}

#btn_area {height:50px;text-align:right;}
#btn_area a {display:inline-block;margin-left:2px;padding:8px 12px;font-size:12px;color:#fff;line-height:normal;background:#444;}
#btn_area a.btn_act {background:#ed2100}

#paging_area {height:50px;text-align:center}
#paging_area a {display:inline-block;margin:2px;padding:0 6px;height:18px;color:#666;letter-spacing:0;line-height:18px;border:solid 1px #ccc;vertical-align:middle}
#paging_area a:focus, 
#paging_area a:hover {text-decoration:none;}
#paging_area a {background:#eee;text-decoration:none}
#paging_area .pg_prev {padding:0 8px 0 14px;background:url(../images_201710/btn_page_next.gif) no-repeat 50% 50%}
#paging_area .pg_start {padding:0 8px 0 14px;background:url(../images_201710/btn_page_next2.gif) no-repeat 50% 50%}
#paging_area .pg_end {padding:0 14px 0 8px;background:url(../images_201710/btn_page_prev2.gif) no-repeat 50% 50%}
#paging_area .pg_next {padding:0 14px 0 8px;background:url(../images_201710/btn_page_prev.gif) no-repeat 50% 50%}
#paging_area .pg_current {display:inline-block;padding:0 8px;color:#fff;font-weight:bold;background:#444;border:solid 1px #222;}

#search_type {text-align:center;}
#search_type .select {display:inline-block;width:80px;font-size:14px;}
#search_type .input {display:inline-block;width:120px;height:30px;font-size:12px;line-height:30px;text-indent:6px;border:solid 1px #ddd}
#search_type .btn {display:inline-block;width:60px;height:32px;color:#fff;font-size:12px;line-height:32px;text-align:center;background:#444;border:none}
#search_type span,
#search_type input,
#search_type {vertical-align:top;}

#view_type {max-width:1200px;margin:0 auto 30px auto;}
#view_type #view_title {padding:18px 10px;color:#444;font-size:14px;font-weight:bold;text-align:left;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #ddd}
#view_type #view_title .category {display:block;color:#999;margin:0 10px 6px 0;padding:0 10px 0 0;font-size:14px;border-right:none}
#view_type #view_title .date {color:#999;font-size:12px;}
#view_type #view_info {padding:18px 10px;font-size:12px;text-align:left;border-bottom:solid 1px #ddd}
#view_type #view_info strong {color:#444;font-weight:bold;}
#view_type #view_info .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_type #view_file {}
#view_type #view_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_file ul {}
#view_type #view_file ul li {display:block;padding:18px 10px;font-size:12px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_file ul li .label {display:inline-block;width:60px;color:#444;font-weight:bold}

#view_type #view_link {}
#view_type #view_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_link ul {}
#view_type #view_link ul li {display:block;padding:18px 10px;font-size:12px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_link ul li .label {display:inline-block;width:60px;color:#444;font-weight:bold}

#view_content_type {padding:30px 10px;font-size:12px;text-align:left;}
#view_content_type h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#view_sns_type {height:50px;}
#view_sns_type ul {}
#view_sns_type ul li {display:block;float:left}
#view_sns_type ul li a {display:block;margin:0 8px 0 0}

#btn_choice_good, #btn_choice_bad {display:none;position:absolute;top:30px;left:0;min-width:250px;padding:19px;color:#999;text-align:center;background:#f6f6f6;border:solid 1px #ddd}

#cmt_type {margin:0 0 40px 0;font-size:12px;text-align:left;}
#cmt_type h2 {display:none}
#cmt_type #cmt_title {display:block !important;height:40px;padding:20px 0 0 0;color:#444;font-weight:bold;}
#cmt_type p {line-height:18px;}
#cmt_type .cmt_info {height:30px;}
#cmt_type .date {color:#999;font-size:11px;}
#cmt_type .cmt_info #cmt_btn {float:right;}
#cmt_type .cmt_info #cmt_btn ul {}
#cmt_type .cmt_info #cmt_btn ul li {display:block;float:left;}
#cmt_type .cmt_info #cmt_btn ul li a {display:block;margin:0 6px 0 0;padding:0 6px 0 0;color:#999;font-size:12px;border-right:solid 1px #ddd;}
#cmt_type .cmt_info #cmt_btn ul li a.last {margin:0;padding:0;border-right:none}

#cmt_form_type {padding:20px 0;}
#cmt_form_type table {width:100%;margin:0 0 30px 0;border-collapse:collapse;border-top:solid 1px #ddd;border-spacing:0}
#cmt_form_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

#cmt_form_type th {width:120px;padding:18px 8px;font-size:12px;color:#444;text-align:left;font-weight:bold;/*background:#f6f6f6;*/border-bottom:solid 1px #eee;}
#cmt_form_type td {width:;padding:18px 8px;font-size:12px;color:#999;text-align:left;border-bottom:solid 1px #eee;}
#cmt_form_type textarea {width:95%;height:100px;border:solid 1px #ddd;}
#cmt_form_type .btn_cmt_submit {display:block;width:100%;height:40px;color:#fff;font-weight:bold;font-size:14px;text-align:center;background:#444;border:none;cursor:pointer}

#btn_area_frm {position:relative;height:80px;text-align:center} /* ���Ĵܰ� ���� */
#btn_area_frm .btn {display:inline-block;padding:0 44px;font-size:14px;font-weight:bold;background:#fff;border:solid 1px #ccc;cursor:pointer;}
#btn_area_frm .btn_act {height:50px;color:#fff;text-decoration:none;background:#ed2100;border:solid 1px #1e80ff !important}
#btn_area_frm a.btn_act {height:50px;color:#fff;line-height:48px;text-decoration:none;background:#ed2100;border:solid 1px #1e80ff !important}
#btn_area_frm .btn_normal {height:50px;color:#666;text-decoration:none;}
#btn_area_frm a.btn_normal {height:48px;color:#666;line-height:48px;text-decoration:none;}
#btn_area_frm input,
#btn_area_frm button,
#btn_area_frm span,
#btn_area_frm img,
#btn_area_frm a {vertical-align:top;}

#form_type {margin:0 0 20px 0;border-top:solid 2px #ed2100;}
#form_type table {width:100%;border-collapse:collapse;border-spacing:0}

#form_type th {width:80px;padding:8px 0 8px 6px;font-size:12px;color:#444;text-align:left;font-weight:bold;background:#f6f6f6;border-bottom:solid 1px #bbb}
#form_type td {width:;padding:8px 0 8px 6px;font-size:12px;text-align:left;border-bottom:solid 1px #ddd;}
#form_type td .input {width:120px;height:28px;font-size:12px;line-height:28px;text-indent:7px;border:solid 1px #ccc;}
#form_type td .input_b {width:95%;height:28px;font-size:12px;line-height:28px;text-indent:7px;border:solid 1px #ccc;}
#form_type td .select {display:inline-block;width:95%;}
#form_type td .textarea {width:95%;height:200px;border:solid 1px #ccc;}
#form_type td .div_box {display:block;float:left;width:95%;padding:4px 0;}
#form_type td .div_box2 {display:block;float:left;width:95%;padding:4px 0;}
#form_type td .input_tel {display:inline-block;width:60px;height:28px;font-size:14px;text-indent:6px;line-height:normal;border:solid 1px #ccc;}

#info_wrap {padding:40px;font-size:14px;color:#fff;text-align:center;line-height:18px;background:url(../images_201710/info_bg.jpg) no-repeat center top #eee;background-size:cover}

.reg_title {height:50px;color:#444;font-size:18px;font-weight:bold;text-align:center;}

#agree_type {max-width:1100px;margin:0 auto;padding:9px;background:#eee}
#agree_type ul {width:100%;max-width:1000px;margin:0 auto;}
#agree_type ul li {display:block;margin:0 0 12px 0;line-height:30px;}
#agree_type ul li.chk {margin:0 0 30px 0;line-height:22px;}
#agree_type ul li label {display:block;height:30px;font-size:14px;color:#444;font-weight:700;}
#agree_type ul li .input {width:100%;height:38px;font-size:12px;line-height:38px;text-indent:8px;border:solid 1px #ccc;}
#agree_type ul li .textarea {width:100%;height:180px;font-size:12px;border:solid 1px #ccc}
.btn_reg_area {width:100%;max-width:900px;margin:0 auto 24px auto;text-align:center;}
.btn_reg_area .btn_act {width:120px;height:40px;font-size:12px;color:#fff;text-align:center;line-height:40px;font-weight:700;background:#444;border:none;cursor:pointer}

#reg_type {max-width:1200px;margin:0 auto 60px auto;padding:9px 9px;background:#fff;border-top:solid 2px #ed2100;}
#reg_type dl {}
#reg_type dl dd {display:block;position:relative;padding:12px 0 12px 0px;line-height:30px;border-bottom:solid 1px #ddd;}
#reg_type dl dd label {display:block;position:relative;left:0;top:0;width:160px;color:#444;font-size:14px;font-weight:700}
#reg_type dl dd .form_info {color:#666;font-weight:normal;line-height:22px;}
#reg_type dl dd .input {display:inline-block;width:130px;height:30px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#reg_type dl dd .btn_reg_in {display:inline-block;height:30px;padding:0 18px;color:#fff;text-align:center;line-height:30px;text-align:center;font-weight:700;background:#ed2100;border-radius:5px;}
#reg_type dl dd .select {display:inline-block;width:300px;margin:10px 0 0 0}
#reg_type dl dd .input_b {display:inline-block;width:100%;height:30px;font-size:14px;text-indent:6px;font-weight:normal;line-height:normal;border:solid 1px #ccc;}
#reg_type dl dd .input_tel {display:inline-block;width:60px;height:28px;margin:0 5px 0 0;font-size:14px;text-indent:6px;line-height:normal;border:solid 1px #ccc;}
#reg_type dl dd .select {display:inline-block;width:100%;}
#reg_type dl dd .textarea {width:95%;height:150px;border:solid 1px #ccc}
#reg_type dl dd .textarea_b {width:100%;height:200px;font-size:12px;border:solid 1px #ccc}
#reg_type dl dd .radio_area {display:inline-block;width:40%;margin:0 0 12px;font-weight:normal;color:#666;line-height:normal}
#reg_type dl dd .radio_area span,
#reg_type dl dd .radio_area input,
#reg_type dl dd .radio_area img,
#reg_type dl dd .radio_area a {vertical-align:middle}
#reg_type dl dd input,
#reg_type dl dd span,
#reg_type dl dd img,
#reg_type dl dd a {vertical-align:middle}
#reg_type dl dd.w85 {width:100% !important}
#reg_type dl dd.w100 {width:100% !important}
#reg_type dl dd .form_info {font-weight:normal}

#reg_result_type {padding:60px 0;text-align:center;font-size:16px;color:#222;line-height:20px;}

#persnal_info {margin:0 0 40px 0;padding:19px 9px;background:#f6f6f6;border:solid 1px #ccc;}
#persnal_info ul {}
#persnal_info ul li {display:block;float:none;width:100%;height:30px;padding:6px 0;line-height:30px;font-size:12px;text-align:left;}
#persnal_info ul li label {display:inline-block;width:120px;margin:0 10px 0 0;color:#444;font-weight:700;border-right:solid 1px #ddd;}
#persnal_info ul li label img {width:30px;height:auto}
#persnal_info ul li strong {color:#444;font-weight:700;}
#persnal_info ul li.w100 {width:100%;margin:0}

#persnal_lec {margin:0 0 40px 0;padding:19px 0;background:#fff;border:solid 1px #ccc;}
#persnal_lec ul {width:100%;max-width:1100px;margin:0 auto;}
#persnal_lec ul li {display:block;float:none;width:100%;height:auto;padding:12px 0;line-height:14px;font-size:12px;text-align:left;border-bottom:solid 1px #eee;}
#persnal_lec ul li label {display:inline-block;width:100px;margin:0 10px 0 10px;color:#444;font-weight:700;border-right:solid 1px #ddd;}
#persnal_lec ul li strong {color:#ed2100;font-weight:700}
#persnal_lec ul li.none {display:none}

#persnal_btn {margin:0 auto 40px auto;text-align:center;}
#persnal_btn ul {}
#persnal_btn ul.persnal_btn_wrap li {width:100%;}
#persnal_btn ul li {display:block;float:none;width:100%;margin:0 0 5px 0;}
#persnal_btn ul li.m_none {display:none}
#persnal_btn a {display:block;width:100%;height:40px;margin:0 auto;font-size:12px;font-weight:700;text-align:center;line-height:40px;text-decoration:none;border-radius:5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#persnal_btn a img {width:20px;height:auto}
#persnal_btn .blank {display:none}

#lecture_btn {margin:0 auto 40px auto;text-align:center;}
#lecture_btn ul {}
#lecture_btn ul li {display:block;float:left;width:50%;margin:0 0 5px 0;}
#lecture_btn ul li.m_none {display:none}
#lecture_btn a {display:block;width:96%;height:40px;margin:0 auto;font-size:12px;font-weight:700;text-align:center;line-height:40px;text-decoration:none;;border-radius:5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
/*#lecture_btn a:hover {background:#ed2100;}*/
#lecture_btn a img {width:20px;height:auto}
#lecture_btn .blank {display:none}

#delay_policy {padding:19px;background:#f6f6f6;border:solid 1px #ddd;}
#delay_policy .title {margin:0 0 40px 0;color:#444;font-weight:700;font-size:16px;text-align:left;line-height:32px;}
#delay_policy .title img {vertical-align:top}
#delay_policy ul {}
#delay_policy ul li {display:block;margin:0 0 4px 0;;padding:0 0 0 12px;background:url(../images_201710/bullet_orange.png) no-repeat 0 7px;}

#calen_wrap {margin:0 0 40px 0;}
.bumlae {float:none;width:auto;margin:0 0 10px 0;padding:9px;background:#f6f6f6;border:solid 1px #aaa} 
.bumlae ul {}
.bumlae ul li {display:block;float:left;width:50%;height:30px;line-height:30px;}

.calendar {margin:0;}
.calendar_month {height:30px;margin:0 0 10px 0;color:#eb150a;font-size:24px;text-align:center;font-weight:700;line-height:normal;}
.calendar_month img {width:24px;height:auto}
.calendar ul {}
.calendar ul li {display:block;clear:both;float:none;width:100%;height:auto;margin:0;background:#fff;border-bottom::solid 1px #ddd;border-right:none;border-top:none;border-left:none}
.calendar ul li.week {width:100%;}
.calendar ul li.title {display:none;}
.calendar ul li.blank {display:none;}
.calendar ul li .day {display:block;float:left;width:30px;font-weight:700;text-align:left;border-bottom:none;}
.calendar ul li div {display:block;float:left;width:150px;margin:0;padding:8px 0;text-align:left;}
.calendar ul li div span {vertical-align:middle}
.calendar ul li a {display:block;float:right;width:80px;height:25px;margin:8px auto;color:#fff;text-align:center;text-decoration:none;line-height:25px;background:#444;}

#pop_title {position:relative;margin:10px;padding:10px;color:#fff;font-weight:700;font-size:18px;background:#eb150a;border-radius:5px;}
#pop_title .slogon {display:none}

.lec_mov {margin:10px}

#lec_wrap {margin:20px 10px}
.lec_img {float:none;width:270px;overflow:hidden;margin:0 auto 10px auto;text-align:center;border:solid 1px #ccc;border-radius:5px;}
.lec_img img {width:270px;height:auto;}
.lec_career {height:auto;margin:0;padding:9px;border:solid 1px #ccc;border-radius:5px;}
.lec_career dl {}
.lec_career dt {display:block;height:40px;margin:0 0 10px 0;padding:0 0 0 12px;color:#fff;font-size:14px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}
.lec_career dd {display:block;padding:0 0 0 12px;font-size:12px;line-height:16px;/*background:url(../images_201710/bullet_red.png) no-repeat 0 50%*/}
.lec_con {font-size:12px;margin:10px 0 10px 0;padding:19px;background:#f6f6f6;border:solid 1px #ccc;border-radius:5px;}
.lec_con .title{display:block;height:40px;margin:0 0 20px 0;padding:0 0 0 12px;color:#fff;font-size:14px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}
a.lec_con_lnk {display:block;width:auto;height:40px;margin:0 0 10px 0;color:#fff;font-size:14px;text-align:center;line-height:40px;text-decoration:none;background:#ed2100;border-radius:5px;}

.lec_class {overflow:hidden;font-size:12px;margin:30px 10px;padding:0;background:#f6f6f6;border:solid 1px #ccc;border-radius:5px;}
.lec_class img {width:100%;height:auto;}
.lec_class .title{display:block;height:40px;margin:0 0 20px 0;padding:0 0 0 12px;color:#fff;font-size:14px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}

.lec_btn {margin:20px 0;text-align:center;}
.lec_btn .select {display:block;width:100%;margin:0 0 10px 0;}
.lec_btn .btn {display:inline-block;height:30px;padding:0 12px;color:#fff;line-height:30px;font-weight:700;background:#555;border:solid 1px #444;}
.lec_btn span,
.lec_btn input,
.lec_btn img,
.lec_btn a {vertical-align:top;}

.lec_info {height:auto;margin:0;padding:9px;border:solid 1px #ccc;border-radius:5px;}
.lec_info dl {}
.lec_info dt {display:block;height:40px;margin:0 0 10px 0;padding:0 0 0 12px;color:#fff;font-size:14px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}
.lec_info dd {display:block;height:25px;padding:8px 0 0 0;font-size:12px;line-height:normal;}
.lec_info dd label{display:inline-block;width:80px;margin:0 10px 0 0;color:#444;font-weight:700;border-right:solid 1px #ddd;}

.manager_img {float:none;overflow:hidden;width:130px;margin:0 auto 10px auto;border:solid 1px #ccc;border-radius:5px;}
.manager_img img {display:block;width:130px;height:auto;margin:0 auto;}

.manager_career {height:auto;margin:0;padding:9px;border:solid 1px #ccc;border-radius:5px;}
.manager_career dl {}
.manager_career dt {display:block;height:40px;margin:0 0 10px 0;padding:0 0 0 12px;color:#fff;font-size:14px;font-weight:700;line-height:40px;;background:#363945;border-radius:5px;}
.manager_career dd {display:block;height:25px;padding:0 0 0 12px;font-size:12px;line-height:25px;background:url(../images_201710/bullet_red.png) no-repeat 0 50%}

#chart_wrap {width:80%;margin:0 auto 40px auto;}

#book_wrap {width:100%;max-width:1200px;margin:40px auto;padding:40px 0;background:url(../images_201710/book_wall.jpg);}
#book_wrap ul {}
#book_wrap ul li {display:block;float:left;width:33.3%;margin:20px 0;}
#book_wrap ul li a {display:block;width:115px;height:140px;margin:0 auto;padding:30px 0 0 15px;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:18px;text-decoration:none;background:url(../images_201710/book_bg.png) no-repeat 0 0;background-size:100% auto}

a.lnk_blog {display:block;width:100%;height:40px;margin:0 auto 20px auto;font-size:12px;color:#fff;line-height:40px;text-align:center;text-decoration:none;background:#444;border-radius:5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
a.lnk_blog:hover {color:#fff;background:#ed2100;}
a.lnk_blog img {width:14px;height:auto}

#snb_sub {height:40px;margin:0 0 20px 0;border-bottom:solid 1px #444;}
ul.sub_tabs {width:100%;margin:0 auto 40px auto}
ul.sub_tabs li {display:block;float:left;width:50%;margin:0 -1px -1px -1px;background:#fff;border:solid 1px #444;border-bottom:none;cursor:pointer}
ul.sub_tabs li a {display:block;height:40px;color:#666;font-size:14px;text-align:center;line-height:40px;font-weight:700;text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
ul.sub_tabs li a:hover {color:#fff;background:#ed2100;}
ul.sub_tabs li.active {color:#fff !important;font-weight:bold;background:#444}
ul.sub_tabs li.active a {color:#fff !important}

ul.tabs {margin:0 0 40px 0}
ul.tabs li {display:block;float:left;width:50%;margin:0 -1px -1px -1px;background:#fff;border:solid 1px #ddd;cursor:pointer}
ul.tabs li a {display:block;height:30px;color:#999;font-size:12px;text-align:center;line-height:30px;text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
ul.tabs li a:hover {color:#fff;background:#ed2100;}
ul.tabs li.active {color:#fff !important;font-weight:bold;background:#666}
ul.tabs li.active a {color:#fff !important}

ul.tabs_b {margin:0 0 20px 0}
ul.tabs_b li {display:block;float:left;width:33.3%;margin:0 -1px -1px -1px;background:#fff;border:solid 1px #ddd;cursor:pointer}
ul.tabs_b li a {display:block;height:30px;color:#999;font-size:12px;text-align:center;line-height:30px;text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
ul.tabs_b li a:hover {color:#fff;background:#ed2100;}
ul.tabs_b li.active {color:#fff !important;font-weight:bold;background:#666}
ul.tabs_b li.active a {color:#fff !important}

#jrc_type {}
#jrc_type ul {}
#jrc_type ul li {display:block;float:left;width:50%;margin:0 0 40px 0;}
#jrc_type ul li .jrc_con {display:block;width:200px;margin:0 auto;padding:9px;font-size:12px;border:solid 1px #ccc;}
#jrc_type ul li .jrc_con .img {display:block;margin:0 auto 14px auto;}
#jrc_type ul li .jrc_con strong {display:block;height:40px;margin:0 0 8px 0;font-size:14px;color:#444;font-weight:700;letter-spacing:-1px;border-bottom:solid 1px #eee}
#jrc_type ul li .jrc_con label {display:inline-block;width:60px;margin:0 7px 0 0;color:#444;font-weight:700;}
#jrc_type ul li dl {}
#jrc_type ul li dl dd {display:block;float:left;width:33.3%;margin:14px 0}
#jrc_type ul li dl dd a {display:block;width:90%;margin:0 auto;padding:8px 0;font-size:12px;font-weight:700;text-align:center;line-height:18px;text-decoration:none;border-radius:5px;}
#jrc_type ul li dl dd a.jrc_pay {background:#ed2100;color: #fff;box-shadow:none;}

#jrc_list {margin:0 0 20px 0;}
#jrc_list ul {}
#jrc_list ul li {display:block;position:relative;padding:12px 0;border-bottom:solid 1px #ddd}
#jrc_list ul li label {display:block;position:relative !important;width:100%;left:0;top:0;margin:0 0 6px 0;color:#444;font-weight:700;border-right:none}
#jrc_list ul li strong {color:#ed2100;font-weight:700}

#jrc_list dl {}
#jrc_list dl dd {display:block;position:relative;margin:0 -1px -1px -1px;padding:8px 0;background:#f6f6f6;border:solid 1px #ddd;}
#jrc_list dl dd .num {display:inline-block;width:30px;margin:0 7px 0 0;color:#ed2100;font-weight:700;text-align:center;border-right:solid 1px #ddd;}
#jrc_list dl dd a {display:block;position:absolute;right:7px;top:50%;margin:-11px 0 0 0}

#price_title {margin:0 0 20px 0;font-size:12px;color:#f75665;text-align:center;}
#price_title strong {display:block;font-size:16px;color:#444;margin:0 0 8px 0;font-weight:bold;}

.price_type {width:100%;overflow-x:scroll;margin:0 0 10px 0;border-top:none;}
.price_type table {width:1000px;border-collapse:collapse;border-spacing:0}
.price_type caption {display:none;padding:10px 0;font-weight:bold;text-align:left}

.price_type th {width:16.6%;padding:7px 0;font-size:12px;text-indent:6px;color:#444;text-align:center;font-weight:bold;background:#f6f6f6;border:solid 1px #bbb;}
.price_type td {width:16.6%;padding:7px 0;font-size:12px;text-indent:6px;text-align:center;border:solid 1px #ddd;}

.grade_tt {display:none;width:90%;margin:10px 0;padding:9px;line-height:25px;background:#f6f6f6;border:solid 1px #ddd}
.grade_tt strong {display:inline-block;width:80px;color:#444;font-weight:700}

.grade_tt2 {display:none;width:90%;margin:10px auto;padding:9px;line-height:25px;background:#f6f6f6;border:solid 1px #ddd}
.grade_tt2 strong {display:inline-block;width:80px;color:#444;font-weight:700}

.tab_container table {width:100%;border-collapse:collapse;border-spacing:0}
.tab_container td {padding:12px 0;color:#666;text-align:center;background:#f6f6f6;border:solid 1px #ccc;}
.tab_container td a {cursor:pointer}

#class_process {margin:0 0 40px 0px;}
#class_process dl {}
#class_process dl dd {display:block;float:none;width:70%;height:100px;margin:0 auto 20px auto;padding:19px;text-align:center;background:#f6f6f6;border:solid 1px #ccc;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#class_process dl dd img {display:block;margin:0 auto 12px auto;}
#class_process dl dd strong {display:block;color:#444;font-size:16px;font-weight:700;}
#class_process dl dd.arrow {width:40px !important;height:40px;padding:0;line-height:normal;background:none;border:none;}
#class_process dl dd.arrow img {display:inline;margin:0;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;

-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#class_process dl dd a#sms_view {position:relative;}
#class_process dl dd a#sms_view img {display:inline-block;margin:0;}
#class_process dl dd #sms {display:none;position:absolute;left:50%;margin:0 0 0 -161px;z-index:9999999}

a.lnk_leveltest {display:block;width:100%;height:40px;margin:0 auto 20px auto;font-size:16px;line-height:40px;text-align:center;text-decoration:none;border-radius:5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
a.lnk_leveltest img {width:18px;height:auto}

.lev_title {height:30px;font-size:16px;color:#222;text-align:center;font-weight:700}

#lev_choice {margin:0 0 40px 0;}
#lev_width {height:20px;margin:0 0 5px 0;padding:1px;line-height:0;background:#eee;}
#lev_var {width:0;height:20px;background:url(../images_201710/lev_var.gif) no-repeat #999;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;
}

.lev_choice {margin:0 0 40px 0;padding:20px;line-height:22px;}
.lev_choice .area {display:block;float:left;width:50%;height:22px;padding:6px 0;}

ul.lev_term {margin:0;}
ul.lev_term li {display:block;float:left;width:50%;margin:0 0 10px 0;}
ul.lev_term li a {display:block;width:90%;height:140px;margin:0 auto;text-align:center;font-size:14px;font-weight:700;line-height:140px;background:#444;border:solid 4px #fff;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}

#proc {height:120px;padding:10px;text-align:center;}
#proc a {display:block;float:left;width:33.3%;height:40px;margin:0 ;color:#444;font-size:12px;font-weight:700;line-height:14px;text-align:center;letter-spacing:-1px;text-decoration:none;background:#fff;}
#proc a:hover {color:#ec2200;}
#proc a.on  {color:#ec2200;border-bottom:none}

#proc_sub {padding:19px 0;text-align:center;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc}
#proc_sub a {display:inline-block;width:80px;height:50px;margin:0 5px;font-size:14;color:#999;text-align:center;font-weight:700;line-height:50px;text-decoration:none;background:#fff;border-radius:5px;}

/* #proc_sub a.proc1_1:hover {color:#fff;background:url(../images_201710/p1_1.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc1_2:hover {color:#fff;background:url(../images_201710/p1_2.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc1_1_on {color:#fff;background:url(../images_201710/p1_1.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc1_2_on {color:#fff;background:url(../images_201710/p1_2.jpg) 50% 50% !important;background-size:cover !important;} */

#proc_viz {display:table;width:100%;height:180px;font-size:14px;text-align:center;line-height:18px;background-size:cover !important;}
#proc_viz div {display:table-cell;vertical-align:middle;}
#proc_viz strong {display:block;font-size:24px;font-weight:700;line-height:30px;}
#proc_viz span {display:block;margin:0 0 20px 0;font-size:16px;font-weight:700;line-height:20px;}

.proc_txt {margin:0 0 20px 0;color:#f75665;font-size:12px;text-align:center;font-weight:700}

.proc_lev {display:none}

.proc_lev_m {display:block;margin:0 0 40px 0;}
.proc_lev_m dl {}
.proc_lev_m dl dt {display:block;float:left;width:20%;margin:0 -1px;color:#444;font-size:12px;font-weight:700;line-height:30px;text-indent:7px;background:#fff;border:solid 1px #ccc;border-top:none;border-bottom:none}
.proc_lev_m dl dt.last {border-right:none}
.proc_lev_m dl dd {display:block;float:left;width:20%;margin:0 -1px;border:solid 1px #fff}
.proc_lev_m dl dd a {display:block;height:30px;line-height:30px;color:#fff;text-indent:7px;font-weight:700;text-decoration:none;}

#textbook {position:relative;margin:0 0 20px 0;padding:9px;border:solid 1px #aaa;}
#textbook .textbook_img {float:none;width:120px;margin:0 auto 20px auto;padding:4px;border:solid 1px #eee;}
#textbook .textbook_img img {width:120px;margin:0 0 5px 0;height:auto;}
#textbook .textbook_intro {margin:0;}
#textbook .textbook_intro dt {display:block;height:auto;padding:0 0 14px 0;color:#444;font-size:14px;font-weight:700;border-bottom:solid 1px #ddd;}
#textbook .textbook_intro dd {display:block;position:relative;border-bottom:solid 1px #ddd;}
#textbook .textbook_intro dd label {display:block;position:relative;left:0;top:0;width:90%;padding:6px 0;color:#444;font-weight:700;background:none}
#textbook .textbook_intro dd span {display:block;margin:0;padding:6px 0;}
#textbook .textbook_btn {position:relative;display:block;left:0;top:0;text-align:center;}
#textbook .textbook_btn a {display:inline-block;width:120px;height:40px;margin:10px 0 10px 0;color:#fff;text-align:center;font-weight:700;line-height:40px;text-decoration:none;background:#444;cursor:pointer}
#textbook .textbook_sample {display:none;position:relative;margin:20px 0 0 0;padding:30px;text-align:center;background:#444}
#textbook .textbook_sample a {display:block;height:40px;margin:0 0 10px 0;padding:0 14px;color:#ccc;font-size:12px;font-weight:700;line-height:40px;text-decoration:none;background:#222;border-radius:5px;cursor:pointer}
#textbook .textbook_sample a img {width:auto;height:30px;}

ul.mg_intro {margin:0 0 40px 0;}
ul.mg_intro li {display:block;float:left;width:100%;margin:-1px;background:#fff;border:solid 1px #ccc}
ul.mg_intro li .mg_intro_img {position:relative;margin:0}
ul.mg_intro li .mg_intro_img img {width:100%;height:auto;}
ul.mg_intro li .mg_intro_img strong {display:block;position:absolute;width:100%;height:50px;left:0;bottom:0;color:#fff;font-size:16px;font-weight:700;line-height:50px;text-indent:20px;background:#000;
filter:alpha(opacity=70); /* ie  */
-moz-opacity:0.7; /* old mozilla browser like netscape  */
-khtml-opacity:0.7; /* for really really old safari */  
opacity: 0.7; /* css standard, currently it works in most modern browsers like firefox,  */ 
}
ul.mg_intro li .mg_intro_con {height:auto;padding:20px 10px;}

#content_sub {margin:0 5px;padding:60px 0;}

.mg_only {width:100%;max-width:1200px;margin:0 auto 40px auto;}
.mg_only ul {}
.mg_only ul li {display:block;float:left;width:100%;margin:0 0 30px 0;padding:0 0 30px 0;color:#444;font-size:14px;font-weight:700;text-align:center;border-bottom:solid 1px #ddd}
.mg_only ul li img {display:block;width:70%;max-width:240px;height:auto;margin:0 auto 20px auto;}

.mg_wing {display:table;width:100%;margin:0 0 20px 0;color:#fff;font-size:18px;font-weight:700;text-align:center;line-height:24px;background:url(../images_201710/mg_wing.jpg) no-repeat;background-size:cover !important}
.mg_wing span {display:table-cell;height:160px;vertical-align:middle}

.mg_service {margin:0;min-width:auto;background:url(../images_201710/mg_service_bg.jpg) no-repeat;background-size:cover !important}
.mg_service ul {width:100%;max-width:1200px;margin:0 auto;padding:40px 0;}
.mg_service ul li {display:block;float:none;width:100%;color:#fff;font-size:12px;font-weight:700;text-align:center;}
.mg_service ul li .mg_service_c {display:block;width:160px;height:160px;margin:0 auto;border-radius:50%;}
.mg_service ul li .mg_service_c img {width:40px;height:auto;margin:25px 0 0 0}
.mg_service ul li .mg_service_c strong {display:block;margin:10px 0;font-size:16px;font-weight:700;line-height:20px;}
.mg_service ul li .mg_service_con {min-height:0;margin:10px 0;padding:0 0 40px 0;}

ul.mg_poddcy {}
ul.mg_poddcy li {display:block;float:none;width:100%;margin:-1px;text-align:center;font-size:12px;line-height:18px;letter-spacing:-1px;}
ul.mg_poddcy li .mg_poddcy_con {padding:20px;height:auto;}
ul.mg_poddcy li .mg_poddcy_con strong {display:block;margin:0 0 10px 0;font-size:16px;font-weight:700;line-height:20px;}
ul.mg_poddcy li .size_s {height:auto;}
ul.mg_poddcy li.main {display:none}
ul.mg_poddcy li.main2 {display:none}

#lec_profile {color:#fff;text-align:center;}
#lec_profile img {width:80%;height:auto;max-width:400px;}
#lec_profile ul {width:auto;margin:0 auto;padding:10px;display: flex;flex-wrap: wrap;}
#lec_profile ul li {display:block;position:relative;float:left;width:50%;margin-bottom: 20px;flex: 1 1 calc(50% - 5px);margin: 0 5px 20px;}
#lec_profile ul li:nth-child(odd) {margin-left: 0;}
#lec_profile ul li:nth-child(even) {margin-right: 0;}
#lec_profile ul li .img {width:100% !important;height:auto;max-width: 100%;}
#lec_profile ul li.last {margin:0 -1px 20px -1px !important}
#lec_profile ul li:first-child .more_btn { display: inline; float: right; position: absolute; padding: 14px 0 0 126px;}
#lec_profile ul li .more_btn { display: none;}
#lec_profile ul li .more_btn a { color: #000; font-weight: bold; font-size: 14px; border: 1px solid rgba(0,0,0,0.7) !important; padding: 7px 9px; border-radius: 3px; text-decoration:none;}
#lec_profile ul li .name {display:block;position:relative;width:100%;height:40px;left:0;top:0;color:#fff;font-size:14px;text-align:center;line-height:40px;background:#222;}
#lec_profile ul li ul {flex-flow: column;}
#lec_profile ul li ul li {width:100%;margin:0;border:none;}
#lec_profile ul li ul li img {width:20px;height:auto}
#lec_profile ul li ul li.bb {display:block;width:100%;height:38px;color:#fff;font-size:12px;text-align:center;line-height:38px;background:#444;border-top:solid 1px #666}
#lec_profile ul li ul li a {display:block;height:38px;color:#888;font-size:12px;text-align:center;line-height:38px;text-decoration:none;background:#fff;border-top:solid 1px #ddd}

#p_wrap .p_con {min-height:40px;margin:20px 10px;padding:9px;line-height:16px;background:#f6f6f6;border:solid 1px #ddd}
#p_wrap .p_con strong {color:#444;font-size:14px;font-weight:700;line-height:18px;}
#p_wrap .p_img {margin:0 10px;text-align:center}
#p_wrap .p_img img {width:100%;max-width:600px;height:auto}

#manager_intro {padding:40px 0;background:#f6f6f6}
#manager_intro .title {height:40px;color:#444;font-size:18px;font-weight:700;text-align:center;}
#manager_intro ul {width:100%;max-width:1200px;margin:0 auto;}
#manager_intro ul li {display:block;float:none;width:100%;margin:0 -1px -1px -1px;background:#fff;border:solid 1px #ccc;}
#manager_intro ul li .img {float:left;width:90px;height:auto;margin:10px;padding:4px;border:solid 1px #ddd}
#manager_intro ul li dl {margin:10px 10px 0 120px;}
#manager_intro ul li dl dt {display:block;height:29px;color:#444;font-weight:700;font-size:14px;border-bottom:solid 1px #ddd;}
#manager_intro ul li dl dd {display:block;height:50px;padding:5px 0;}
#manager_intro ul li dl dd a {display:block;width:80px;height:30px;color:#fff;text-align:center;line-height:30px;font-weight:700;text-decoration:none;background:#444;border-radius:5px;}

.abo_phone {padding:0 20px;color:#fff;font-size:14px;text-align:center;line-height:18px;background:#444;}
.abo_phone h1 {display:block;margin:0 0 20px 0;font-size:24px;font-weight:700;line-height:30px}
.abo_phone h2 {display:block;margin:0 0 20px 0;font-size:18px;font-weight:700;line-height:24px}
.abo_phone strong {color:#fff568;font-weight:700;}
.abo_bg0 {background:url(../images_201710/abo_bg0.jpg) no-repeat 50% 50%;}
.abo_bg1 {background:url(../images_201710/abo_bg1.jpg) no-repeat 50% 50%;}
.abo_bg2 {background:url(../images_201710/abo_bg2_m.jpg) no-repeat 50% 50%;}
.abo_bg3 {background:url(../images_201710/abo_bg3.jpg) no-repeat 50% 50%;}
.abo_phone a.btn {display:inline-block;width:240px;height:40px;margin:0 5px 10px 5px;color:#fff;font-size:18px;text-align:center;line-height:40px;text-decoration:none;background:#ed2100;border-radius:5px;}

.scr_bg0 {background:url(../images_201710/scr_bg0.jpg) no-repeat 50% 50%;}
.scr_bg1 {background:url(../images_201710/scr_bg1.jpg) no-repeat 50% 50%;}
.scr_bg2 {background:url(../images_201710/scr_bg2.jpg) no-repeat 50% 50%;}
.scr_bg3 {background:url(../images_201710/scr_bg3.jpg) no-repeat 50% 50%;}
.scr_bg4 {background:url(../images_201710/scr_bg4.jpg) no-repeat 50% 50%;}
.scr_bg5 {background:url(../images_201710/scr_bg5.jpg) no-repeat 50% 50%;}

.mg_bg0 {background:url(../images_201710/mg_bg0.jpg) no-repeat 50% 50%;}
.mg_bg1 {background:url(../images_201710/mg_bg1.jpg) no-repeat 50% 50%;}
.mg_bg2 {background:url(../images_201710/mg_bg2.jpg) no-repeat 50% 50%;}

ul.screen li {display:block;float:none;width:100%;text-align:center;}
ul.screen li img {width:90%;max-width:400px;height:auto;padding:4px;border:solid 1px #666;}
ul.screen li span {display:block;margin:10px 0 20px 0;font-size:14px;color:#fff200}

.lev_intro {margin:0 0 20px 0;padding:9px;text-align:left;font-size:12px;line-height:18px;background:#f6f6f6;border:solid 1px #ddd}
.lev_intro strong {display:block;margin:0 0 8px 0;padding:0 0 0 12px;color:#444;font-size:14px;font-weight:bold;background:url(../images_201710/bullet_orange.png) no-repeat 0 50% }
.lev_intro .lev_intro_con {position:relative;margin:0 0 10px 0;padding:0 0 0 0;}
.lev_intro .lev_intro_con label {display:block;position:relative;width:100%;left:0;top:0;margin:0 0 4px 0;color:#569ffd;font-weight:bold;border-right:none;}

#faq_wrap {margin:0 0 30px 0;text-align:left;}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_con {border-bottom:1px solid #ddd;}
#faq_con h3 a {display:block;padding:16px 8px;font-size:14px;font-weight:bold;line-height:26px;border-top:1px solid #ddd;text-decoration:none}
#faq_con .lbl_q {display:block;float:left;width:26px;height:26px;margin-right:10px;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:26px;background:#444;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
#faq_con .lbl_a {display:block;width:26px;height:26px;margin-bottom:10px;color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:26px;background:#569ffd;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
#faq_con .con_inner {display:none;padding:10px 10px 40px 10px;font-size:12px;line-height:18px}
#faq_con .con_closer {margin:10px 0 0;text-align:right}
#faq_con .closer_btn {height:29px;padding:0 12px;color:#666;text-align:center;line-height:27px;font-weight:bold;text-decoration:none;background:#f6f6f6/*linear-gradient(0deg, #444, #666)*/;border:solid 1px #ccc;cursor:pointer;}
#faq_con span,
#faq_con img,
#faq_con a {vertical-align:middle}

#agree_tab {display:block;height:130px;margin:10px 10px -1px 10px}
#agree_tab li {display:block;float:none;width:100%}
#agree_tab li a {display:block;height:38px;margin:0 0 -1px 0;color:#999;font-size:14px;line-height:38px;text-align:center;background:#f6f6f6;border:solid 1px #ccc;cursor:pointer}
#agree_tab li a.on {color:#fff;background:#444;}

#agree_con {display:block;;margin:0 10px;padding:20px 0;}
#agree_con li {display:block;height:400px;font-size:12px;line-height:20px;}
#agree_con li.con1 {}
#agree_con li.con2 {display:none;}
#agree_con li.con3 {display:none;}

.bnr_edu {display:inline-block;padding:0 6px;}

/* add file */
.fileWrapper{position:relative;overflow:hidden;margin:0;padding:0;}
input[type=text].fileInputText{float:left;text-indent:6px;font-size:12px;border:1px solid #ddd;margin:0;padding:0}
input[type=button].fileInputButton{float:right;border:solid 1px #bbb;background:#eee;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}
}




#mypaper_wrap {width:100%;background:#222}
#mypaper_wrap ul {width:100%;max-width:1200px;margin:0 auto;}
#mypaper_wrap ul li {display:block;float:left;width:20%;text-align:center;}
#mypaper_wrap ul li a {display:block;margin:0 -1px 0 -1px;padding:16px 0;color:#fff;text-decoration:none;background:#222;border-left:solid 1px #444;border-right:solid 1px #444;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;
}
#mypaper_wrap ul li a:hover {background:#ed2100}
#mypaper_wrap ul li a img {display:block;width:40px;height:auto;margin:0 auto 8px auto;}

.pdf_wrap {width:100%;height:600px;}



@media only screen and (max-width: 430px) {
#book_wrap {width:100%;max-width:1200px;margin:40px auto;padding:40px 0;background:url(../images_201710/book_wall.jpg);}
#book_wrap ul {}
#book_wrap ul li {display:block;float:left;width:50%;margin:20px 0;}
#book_wrap ul li a {display:block;width:115px;height:140px;margin:0 auto;padding:30px 0 0 15px;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:18px;text-decoration:none;background:url(../images_201710/book_bg.png) no-repeat 0 0;background-size:100% auto}

#jrc_type {}
#jrc_type ul {}
#jrc_type ul li {display:block;float:left;width:100%;margin:0 0 40px 0;}
#jrc_type ul li .jrc_con {display:block;width:200px;margin:0 auto;padding:9px;font-size:12px;border:solid 1px #ccc;}
#jrc_type ul li .jrc_con .img {display:block;margin:0 auto 14px auto;}
#jrc_type ul li .jrc_con strong {display:block;height:40px;margin:0 0 8px 0;font-size:14px;color:#444;font-weight:700;letter-spacing:-1px;border-bottom:solid 1px #eee}
#jrc_type ul li .jrc_con label {display:inline-block;width:60px;margin:0 7px 0 0;color:#444;font-weight:700;}
#jrc_type ul li dl {}
#jrc_type ul li dl dd {display:block;float:left;width:33.3%;margin:14px 0}
#jrc_type ul li dl dd a {display:block;width:90%;margin:0 auto;padding:8px 0;font-size:12px;font-weight:700;text-align:center;line-height:18px;text-decoration:none;border-radius:5px;}



#login_type .phone_number .input_tel {width: 34%;}
    
    
.lecture_search_2021 .lecture_search_form {margin-right: 5px;}
.lecture_search_2021 .lecture_search_form input {width: calc(100% - 105px);}


.song_event_con dl dt {display:block;float:left;clear:both;width:100%;margin:0 0 20px 0}
.song_event_con dl dt img {width:100%;max-width:310px;height:auto;}
.song_event_con dl dd {display:block;float:left;width:50%;text-align:center;}
.song_event_con dl dd img {width:100%;max-width:107px;height:auto}

}


@media all and (max-width:500px){
    #login_type ul.tabs li{font-size: 14px;padding: 12px 6px;width: 44%;}
    #login_type ul.tabs li.current{padding: 13px 6px;}
	
	.pdf_wrap {display:block;width:90%;height:300px;margin:0 auto;}
}

@media all and (max-width:700px){
	.videoBoxWrap {position:relative;background:#fff;/*margin-top:-60px;padding-bottom:56.23%;*/
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
	.videoBox {/*position:fixed; top:0px; left:5px; right:5px; padding-top:10px;*/background:#fff;}
	.sticky {position:fixed;top:0;left:0;right:0;width:100%;}
	#lev_test_form .mg_check_wrap {gap: 12px;}
	#lev_test_form .mg_check_wrap .mg_checkitem {flex: 0 1 calc(50% - 6px);}

}