.text-align-right {
	float: right;
}
.page-mark {
	display: inline-block;
	background-color: #e01f23;
	color: #ffffff;
	padding: 3px 7px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.text-red {
	color: #e01f23;
}

.col-percent-10 {
	width: 10%;
	float: left;
}
.col-percent-20 {
	width: 20%;
	float: left;
}
.col-percent-30 {
	width: 30%;
	float: left;
}
.col-percent-40 {
	width: 40%;
	float: left;
}
.col-percent-50 {
	width: 50%;
	float: left;
}
.col-percent-60 {
	width: 60%;
	float: left;
}
.col-percent-70 {
	width: 70%;
	float: left;
}
.col-percent-80 {
	width: 80%;
	float: left;
}
.col-percent-90 {
	width: 90%;
	float: left;
}
.col-percent-100 {
	width: 100%;
	float: left;
}

.font-nano {
	font-size: 9px;
	line-height: 110%;
	overflow : hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display: inline-block;
	width: 100%;
}

.page-list.col-group .page-list-item .list-title,
.page-list.col-group .page-list-item .list-contents {
	padding: 0 5px;

}

.description-list {
	
}
.description-list dt {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
.description-list dd {
	padding-bottom: 20px;
}

.page-popup-open-btn {
	cursor: pointer;
}
.page-popup {
	width: 100%;
	position: absolute;
	z-index:1000;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	border: 1px solid #d1d1d1;
	padding: 50px 10px 10px 10px;
	box-sizing: border-box;	
}
.page-popup .page-popup-close-btn {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.page-popup .page-popup-title {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 18px;
	font-weight: bold;	
}

#container {
	overflow: hidden;
	position: relative;
	margin: 20px 10px 50px;
	font-size: 14px;
	color: #4c4c4c;
	line-height: 140%;
}
#container h2 {
	display: none;
}

#container .page-summary {
	font-size:23px;
	color: #000;
	line-height: 120%;
	letter-spacing: -2px;
	padding-bottom: 10px;
    padding-top:8px;
    text-align:center;
}
#container .page-sub-summary {
	font-size: 18px;
}
#container .page-summary span {
	font-weight: bold;
}

#container .page-paragraph {
	padding-bottom: 15px;
}

#container .page-image-viewer {
}



#container .page-list {
	overflow: hidden;	
}
#container .page-list-item {
	
}
#container .page-list .list-title {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 10px;
}
#container .page-list .list-title em {
	color: #e01f23;
	margin-right: 5px;
}
#container .page-list .list-contents {
	overflow: hidden;
	padding-bottom: 20px;
}
#container .page-list .list-contents ul {
	margin-bottom: 10px;
}
#container .page-list .list-contents ul li:before {
	content: "• ";
	color: red;
}


.mka_right_tit{font-size:25px;color:#f60707;letter-spacing:-2px;font-weight:100;line-height:28px;padding-bottom:15px;text-align:center}
.mka_right_text{font-size:13px;color:#1c1c1c;letter-spacing:-1px;font-weight:300;line-height:16px;text-align:center}
.mka_right_text li{padding-top:6px}


.modernk_bbox{clear:both; background:#222;width:100%;height:430px;text-align:center;background:url(http://www.modernm.co.kr/include/images/front/modernk/mksa_bg.png) no-repeat;background-size:cover}
.mba_right_tit{font-size:25px;color:#fff;letter-spacing:-2px;font-weight:100;line-height:28px;padding-bottom:15px;text-align:center}
.mba_right_text{font-size:12px;color:#fff;letter-spacing:-1px;font-weight:300;line-height:16px;text-align:center}
.mba_right_text li{padding-top:6px}


.modernk_dbox{width:100%;height:auto;background-color:#dd103d;margin:0 auto;text-align:center;position:relative;margin-top:0px;}


.mkb_atit{font-size:25px;color:#fff;letter-spacing:-2px;font-weight:100;line-height:29px;padding:20px 0px 10px }
.mkb_btit{width:96%;margin:0 auto;text-align:center; font-size:12px;color:#fff;letter-spacing:-1px;font-weight:300;line-height:16px;padding-bottom:12px}

.modernk_box{width: 100%;margin: 0 auto;text-align:center;}
.modernk_tit{font-size:25px;color:#111;letter-spacing:-2px;font-weight:100;line-height:28px;padding-top:30px}
.mkd_left_text{float:none;width:95%;margin:5px auto; height:140px;border:5px solid #c5c5c5}
.mkd_left_text p{font-size:13px;padding-top:25px;letter-spacing:-1px}
.mkd_right_text{float:none;width:95%;margin:5px auto;height:140px;border:5px solid #d12249}
.mkd_right_text p{font-size:13px;padding-top:35px;letter-spacing:-1px}


.modernk_cbox_abox{width:100%;height:auto;position:relative}
.mkc_abox{position:relative;width:100%;height:auto;background-color:#f5f5f5;top:8px;left:0px;z-index:150;padding:10px 0px 0px 0px;}
.mkc_abox p{font-size:12px; line-height:16px;text-align:left;}
.mkc_abox b{color:#f60707;}

.modernk_ebox{clear:both; width: 100%;margin: 0 auto;text-align:center;padding:0px 0px}
.mke_leftbox{float:none;width:100%;}
.mke_rightbox{float:none;width:100%;height:auto;background-color:#fff;margin-top:15px}
.mke_seed_tit{font-size:25px; color:#f60707;letter-spacing:-2px;font-weight:100;line-height:29px;padding-top:20px;}
.mke_seed{font-size:20px;color:#aaa;letter-spacing:5px;line-height:20px;}
.mke_seed_text{font-size:12px;color:#1f2934;padding-top:15px;line-height: 16px}



.mdernk_sys_aassbox{clear:both;width:100%;padding-top:5px;}
.mdernk_sys_aassbox div{float:none;width:100%;text-align:center;}


.ceok_abox{width: 100%;margin: 0 auto;text-align:center;position:relative}
.ceok_sa_leftbox{float:none;width:100%;}
.ceok_sa_rightbox{float:none;width:100%;}

.cesa_top{height:35px;background-color:#f4f4f4;color:#1f2934;font-size:20px;letter-spacing:-3px;padding-top:12px;text-align:center;font-weight:100}
.cesa_text{font-size:12px;text-align:left;color:#1f2934;padding:10px 0px 15px 5px;line-height:16px}
.cesa_top1{height:35px;background-color:#000000;color:#fff;font-size:20px;letter-spacing:-3px;padding-top:12px;text-align:center;font-weight:100}
.cesa_top2{height:35px;background-color:#dd0330;color:#fff;font-size:20px;letter-spacing:-3px;padding-top:12px;text-align:center;font-weight:100}






.organization-chart {
	margin-bottom: 10px;
}
.organization-chart dt {
	margin-bottom: 5px;
	color: #fff;
	padding: 3px 20px;
	display: inline-block;
	background-color: #f64325;
}
.organization-chart dd {
	margin-bottom: 5px;
	color: #626262;
	padding: 3px 5px;
	display: inline-block;
	background-color: #f3f3f3;
}



.page-table {
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	border-top: 2px solid #777777;
	border-bottom: 1px solid #777777;
	margin-bottom: 10px;
}
.page-table tr th {
	vertical-align: middle;
}
.page-table tr:first-child th {
	border-bottom: 2px solid #777777;
	padding-top: 10px;
	padding-bottom: 10px;
}

.page-table th, 
.page-table td {
	border: 1px solid #a1a1a1;
	padding: 5px;
}


.ensemble-list li {
	height: 220px;
}

.page-table.red-table {
}

.page-table.red-table {
	border: 0;
}

.page-table.red-table th,
.page-table.red-table td {
	border: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.page-table.red-table th {
	border-bottom: 1px solid #e51837 !important;
	border-top: 1px solid #e51837;
	color: #e51837;
	text-align: center;
}
.page-table.red-table td {
	border-bottom: 1px solid #000000 !important;
	border-top: 1px solid #000000;
	text-align: left;
}


.lecturer_profile_box{width:100%;}
.lecturer_profile_text{font-size:12px;line-height:18px; color:#828282;width:72%;margin-left:80px }
.lecturer_profile_text p{font-size:15px;color:#323232;margin-bottom:8px;font-weight:bold;}

.lecturer_pbox{height:auto;margin-bottom:20px;width:100%;}

.pass_select li {float:left;margin:1px;padding-top:5px; }
.pass_on{width:49%;display:inline-block; height:26px; text-align:center;background-color:#f00;color:#fff;font-size:17px;font-weight:bold;letter-spacing:-1px }
.pass_off{width:49%;display:inline-block; height:26px; text-align:center;background-color:#c1c1c1;color:#2f2f2f;font-size:17px;letter-spacing:-1px}


.pass_twosixbox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px; }
.pass_twofivebox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px;display:none; }
.pass_aspsasbox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px;display:none; }
.pass_aspsbox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px;display:none; }
.pass_aspbox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px;display:none; }
.pass_ahbox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px;display:none; }
.pass_asbox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px;display:none; }

.pass_aabox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px;display:none; }
.pass_abox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px;display:none; }
.pass_bbox{width:100%; height:auto;margin:0 auto;padding-top:15px; margin-top:5px;display:none;}
.pass_cbox{width:100%; height:auto;margin:0 auto;padding-top:15px; margin-top:5px; display:none;}
.pass_dbox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px; display:none;}
.pass_ebox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px; display:none;}
.pass_fbox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px;display:none;}
.pass_gbox{width:100%; height:auto; margin:0 auto;padding-top:15px; margin-top:5px; display:none;}
.pass_hbox{width:100%; height:auto;margin:0 auto;padding-top:15px; margin-top:5px;display:none;}



.l_tr_a{width:100%;line-height:30px; font-size:14px;text-align:center;color:#f00; font-weight:bold;}
.l_td_a{width:20%;line-height:18px; text-align:center;}
.l_table span {font-weight:bold;margin-right:5px;}
.l_tr_a_t{width:100%;line-height:33px; font-size:14px; text-align:center;color:#f00;font-weight:bold;}


.lecturer_title{font-size:18px;color:#000;;font-weight:bold;padding-left:3px;letter-spacing:-0.5px; padding-bottom:7px}
.sl_movie_m{width:234px;height:180px;}

.ss_text_at{font-size:14px; color:#f43f00; font-weight:bold;}
.ss_text_a{width:100%;font-size:13px; line-height:16px;color:#626262;margin-top:5px;margin-bottom:30px;}
.ss_text_a span{color:#212121;font-weight:bold;}
.ss_text_a_title{width:100%font-size:18px; line-height:22px;color:#626262;margin-top:10px;margin-bottom:5px;font-weight:bold; color:#f00}
.ss_text_lec_t{font-size:18px; color:#f43f00;font-weight:bold; margin-top:30px;margin-bottom:10px;}
.ss_text_lec_left{width:280px;height:157px; float:left;}
.ss_text_lec_right{width:730px;float:right;font-size:15px; color:#525252;line-height:24px;margin-bottom:0px;}
.ss_text_lec_box{width:100%; height:220px;border-bottom:0px solid #e1e1e1;margin-top:60px;}
.ss_text_lec_mar{margin-top:15px;margin-bottom:35px;}
.ss_text_class_a{font-size:17px; color:#ff4325; font-weight:bold;margin-top:0px;margin-bottom:10px;}
.ss_text_c_a_title_a{font-size:30px; color:#212121;line-height:23px;margin-top:15px;margin-bottom:30px;font-weight:bold}
.ss_text_c_a_title_ab{font-size:30px; color:#212121;line-height:23px;margin-top:70px;margin-bottom:30px;font-weight:bold}
.ss_text_c_a{font-size:14px; color:#323232;line-height:17px;margin-top:15px;margin-bottom:15px;}
.ss_text_c_aa{font-size:14px; color:#f00;line-height:23px;margin-top:15px;margin-bottom:15px;}
.ss_text_c_a span{color:#f00;}
.ss_bg_black{height:20px; background-color:#4e4e4e; color:#fdff56; padding-left:5px;margin-bottom:5px;margin-top:15px;}

.ss_text_class_b{font-size:14px; color:#000; font-weight:bold;margin-top:0px;margin-bottom:10px;text-decoration:underline}
.ss_text_class_c{font-size:13px; color:#525252; font-weight:bold;margin-top:0px;margin-bottom:1px;}
.ss_text_class_ca{width:730px;font-size:12px; line-height:20px;color:#828282;margin-top:0px;margin-bottom:12px;}

.mvp_a{float:left; width:20%}
.mvp_b{float:right;width:70%}

.mvp_book_a{float:left; width:30%}
.mvp_book_b{float:right;width:60%}

.m_table01{width:100%; font-size:12px;}
.mol_a{border-top:1px solid #e51837;border-bottom:1px solid #e51837;padding-top:10px;padding-bottom:10px;color:#e51837}
.mol_ab{border-top:1px solid #000;border-bottom:1px solid #000;padding-top:10px;padding-bottom:10px;}

.mol_b{border-bottom:1px solid #a1a1a1;padding-top:10px;padding-bottom:10px; text-align:center;color:#323232;font-size:13px;}
.mol_ba{border-bottom:1px solid #a1a1a1;padding-top:10px;padding-bottom:10px; text-align:center;color:#929292}


.s_table01{width:100%; font-size:12px;border-top:1px solid #000;}
.plan_a{border-top:1px solid #e51837;border-bottom:1px solid #e51837;padding-top:10px;padding-bottom:10px;color:#e51837}
.plan_ab{border-top:1px solid #000;border-bottom:1px solid #000;padding-top:10px;padding-bottom:10px;}
.plan_b{border-bottom:1px solid #a1a1a1;padding-top:10px;padding-bottom:10px; text-align:center;color:#323232}
.plan_ba{border-bottom:1px solid #a1a1a1;padding-top:10px;padding-bottom:10px; text-align:center;color:#323232}


.star_name{font-size:14px;text-align:center;font-weight:bold; color:#111;padding:10px 0px 5px 0px;}
.seed_tex{margin-bottom:20px;font-size:18px;color:#f40034;font-weight:bold}

.seed_tex a{margin-bottom:20px;font-size:18px;color:#f40034;font-weight:bold;text-decoration:underline}

.spacial_box{width:100%;height:auto;margin: auto;text-align: center;list-style: none}
.spacial_box .mb10{padding-top:7px;font-weight:bold}
.spacial_box .mb15{margin-bottom:20px;padding-top:7px;font-weight:bold}


.sub_menu_box_z{width:100%;margin:0 auto;height:auto;position:relative;padding-bottom:20px; }
.sub_menu_box_z li{float:left; width:46.5%;border:1px solid #666;margin:1px;padding:4px 2px; text-align:center; }

.sub_tit_link{font-size:30px;padding:12px 0px; width:90%;margin:0 auto; letter-spacing:-4px;font-weight:200;color:#212121;text-align:center;background-color:#fff;border:1px solid #666}



.lecturer_box{width:100%;padding:14px 0px 0px 0px;}
.lec_name{padding:10px 0px 10px 0px;font-weight:bold;font-size:16px;color:#191919}

.dim{width:100%;height:100%;background-color:#212121;display:block;position:fixed;top:0;left:0;padding:0;margin:0;opacity:0.95;z-index:555}
.dim_main{display:none}


ul.tabs {
	margin-top:50px;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: auto;
    border-left: 1px solid #eee;
    width: 100%;
    font-size:13px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    padding:2px 2px;
    height: 20px;
    line-height:20px;
    border: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}

ul.tabs li a {color:#000}


ul.tabs li.active {
    background: #191919;
    color:#fff;

}

ul.tabs li.active a {
    background: #191919;
    color:#fff;

}
.tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
    padding-bottom:50px;
}
.tab_content {
    padding-top: 15px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}

.tab_container .tab_content ul li{
    line-height:180%;
        font-size:13px;
}

;
 #container_lecturer {
    width: 100%;
    margin: 0 auto;
}

/*sub depth 2-3 20180307*/
.sub_menubox {width:100%;margin:0px auto;height:auto;padding-bottom:12px }
.sub_mebox{width:100%;text-align:center;}
.submenubox{font-size:0;letter-spacing:-5px;}
.submenubox li{display:inline-block; font-size:11px;letter-spacing:0;border-right-width:0;padding:8px 4px;}
.submenubox li a{width:100%;display:block;font-size:11px;font-weight:normal;letter-spacing:-1px;}     

.sub_menu_on{color:#fff;font-weight:normal;border:1px solid #bf1e2e;border-right-width:0;background-color:#bf1e2e}
.sub_menu_on a{color:#fff;}
.sub_menu_off{background:#edeaea;font-weight:normal;border:1px solid #f0ecec;border-right-width:0}
.sub_menu_off a{color:#424242;}



.submenu_box{cursor: pointer;width:96%;margin:0 auto; height:32px; font-size:13px;font-weight:700;line-height:35px;border:1px solid #cbcbcb;z-index:2000;}
.submenu_box li{padding-left:17px;color:#212121;}
.submenu_box_on{width:96%;margin:0 auto; height:32px;color:#212121; float:left;cursor: pointer;background:url(http://file.modernm.co.kr/s_bl.png) no-repeat;background-position :95% 55%;}
.submenu_box_on a{width:96%;margin:0 auto;height:32px;color:#000;cursor: pointer;}

.submenu{position:relative;top:-1px; z-index:2000; cursor:pointer;width:96%;margin:0 auto; height:auto; font-size:13px;font-weight:700;line-height:40px;border-bottom:1px solid #cbcbcb;border-right:1px solid #cbcbcb;border-left:1px solid #cbcbcb;}
.submenu li {display:block; width:100%; line-height:26px;background-color:#fff}
.submenu li:first-child {border-top:1px solid #cbcbcb}
.submenu li a {display:block; width:100%; line-height:26px; padding:5px 0; text-indent:17px; color:#626262; border: 0; text-decoration: none;}
.submenu li a:hover{background:#505d6b; color:#fff}

.submenu_on{width:96%;margin:0 auto; line-height:26px;color:#212121}
.submenu_on a{width:96%;margin:0 auto;line-height:26px;color:#212121}
.submenu_off{width:96%;margin:0 auto;line-height:26px;color:#212121}
.submenu_off a{width:96%;margin:0 auto;line-height:26px;color:#212121}

.submenu_lec_box_a{clear:both; width:100%;margin:0px auto;}

.notice_main_box{width:96%;margin:0 auto; border:1px solid #c0c0c0;padding:17px 0px;font-size:14px;letter-spacing:-2px;margin-bottom:5px;text-align:center;}
.notice_main_a{font-size:20px;font-weight:100;}
.notice_main_a b{font-weight:500;letter-spacing:-3px}
.notice_main_b{font-weight:100;letter-spacing:10px;padding:0px 0px 20px;color:#aaa;font-size:16px;}
.notice_main_c{font-weight:400;margin-top:22px;color:#ff0000;border:1px solid #f00;padding:5px;width:200px;margin:0 auto;}


.recoding_lesson_box{padding-top:30px;}
.recoding_lesson_box li {border:1px solid #666;padding:5px 12px;margin-bottom:4px;}
.recoding_lesson_box li a{font-size:14px;line-height:140%;}
.recoding_lesson_box li a:hover{text-decoration:underline;color:#f00}


.modernk_systit{font-size:20px;padding-top:10px;font-weight:500;letter-spacing:-2px;color:#000}
.modernk_coun_a{font-size:18px;padding-top:23px;font-weight:500;letter-spacing:-2px;color:#f60e0e}
.grey_bg{background-color:#f0f0f0}
.mdernk_coun_table_box{clear:both; padding-top:5px;}
.mdernk_coun_table { width: 100%;background-color:#fff;border-top:3px solid #000;border-bottom:1px solid #000;}
.mdernk_coun_table tr {line-height: 13px;}
.mdernk_coun_table td {font-size:13px;padding:10px 0px;border-top: 1px solid #d7d7d7;text-align:left; line-height:19px;vertical-align:middle}
.mdernk_coun_table td b{font-size:14px;font-weight:700;color:#031e5d;letter-spacing:0px}


.mdernk_sys_imgbox{padding:12px 0px}
.mdernk_sys_table_box{clear:both; padding-top:50px;}
.mdernk_sys_table { width: 100%;background-color:#fff;border-top:3px solid #000;border-bottom:1px solid #000;}
.mdernk_sys_table tr {line-height: 13px;}
.mdernk_sys_table td {font-size:13px;padding:6px 0px;border-top: 1px solid #d7d7d7;text-align:left; line-height:19px;}
.mdernk_sys_table td b{font-size:14px;font-weight:700;color:#031e5d;letter-spacing:-1px}




/*sub depth 2-3 20180307*/






/*system st*/
.modernk_systembox{width: 100%;margin: 0 auto;text-align:center;position:relative}
.modernk_systemkabox{width: 100%;margin: 0 auto;text-align:left;position:relative}
.mkstop_img{width:100%;height:auto;background-color:#fff;position:relative}
.mkstop_img img{max-width:100% }
.mkstop_left{width:100%;height:auto;background-color:#dd0330;position:relative;left:0px;top:0px;color:#fff;}
.mkstop_tit{font-size:25px;letter-spacing:-2px;padding-top:10px;}
.mkstop_text{font-size:15px;line-height:19px;letter-spacing:-1px;font-weight:100;padding-top:10px;padding-bottom:15px}
.mkstop_right{width:100%;height:auto;background-color:#e9e9e9;position:relative;right:0px;top:0px}
.mksright_text{font-size:15px;line-height:19px;letter-spacing:-1px;font-weight:300;color:#4b4848;padding-top:10px;padding-bottom:15px}
.mksright_aatext{font-size:13px;line-height:19px;letter-spacing:-1px;font-weight:300;color:#4b4848;padding-top:10px;padding-bottom:15px}
.hei_100{height:50px;}
.hei_70{height:80px;}
.hei_60{height:70px;}
.mksta_atit{font-size:22px;font-weight:600;padding:6px 0 14px 0px;letter-spacing:-2px;text-align:center;}
.mksta_atext{font-size:12px;font-weight:400;color:#1f2934;padding-bottom:25px;letter-spacing:-1px}
.mksta_atext span{color:#ec003d;font-weight:700}
.sy_aaimg{width:100%;height:auto;background-color:#fff}
.sy_abox{float:none; width:100%;height:auto; background-color:#fff;text-align:center;}
.sy_bbox{float:none; width:100%;height:auto; background-color:#fff;text-align:center;}
.sy_atext{font-size:20px;color:#f80f35;padding-top:12px;letter-spacing:-1px;}
.sy_btext p {font-size:12px;color:#171b28;padding-top:6px;padding-bottom:12px; line-height:18px;letter-spacing:-1px}
.mt_25{margin-top:25px}
.hei_35{clear:both;height:5px;}
.hei_17{clear:both;height:18px;}
.mkstopka_abox{clear:both; width: 100%;height:auto;margin-top:30px; padding:34px 0px; background-color:#f5f5f5}
.mklyrics_abox{clear:both; width: 100%;height:auto;margin-top:30px; padding:0px 0px 40px; background-color:#f5f5f5}
.text_center{text-align:center;}

.mk_ems_left{width:100%;height:auto;margin:0 auto;text-align:center; float:none;margin-left:0px;}
.mk_ems_left img{max-width:70%;margin:0 auto;padding-bottom:8px}
.mk_ems_right{width:100%;float:none;text-align:center}
.mk_ems_ctext{font-size:12px;letter-spacing:-1.5px;line-height:20px;color:#333;padding-top:0px;}
.clear_both{clear:both;height:30px;}
.pt_40{padding-top:40px}

.bu_sarea{clear:both; height:auto;padding:10px 0px;position:relative;}
.plan_sarea{width:100%;float:none; height:auto; vertical-align:top; padding:20px 0px}
.plan_sarea_right{width:100%;float:none; height:auto; vertical-align:top; padding:20px 0px}
.sarea_abox{width:100%;height:auto;background-color:#fff; float:none;padding-bottom:10px }
.sarea_audibox{width:100%;height:auto;background-color:#fff; float:none;overflow:hidden }
.sarea_planbox{width:100%;height:auto;background-color:#fff; float:none; }
.sarea_bbox{width:100%; float:none;text-align:center;}
.sarea_cbox{width:100%; float:none;text-align:center;}
.sarea_dbox{width:100%; float:none;}
.mkbus_title{font-size:25px;color:#dd0330; letter-spacing:-2px;}
.mkbus_engtitle{font-size:13px;color:#dd0330; letter-spacing:1px;padding-top:3px}
.mkbus_blacktitle{font-size:16px;color:#fff; letter-spacing:-1px;background-color:#333;padding:3px;margin:5px 0px}
.mkbus_tex{position:relative; font-size:14px;line-height:20px; font-weight:400;letter-spacing:-1px;padding-top:5px;}
.pt_5{padding-top:5px}
.pt_18{padding-top:11px}
.mt_18{clear:both; padding:0px 0px;}
.mt_35{clear:both; padding:30px 0px;}

.mkreco_abox{clear:both; width: 100%;margin-top:10px; padding:34px 0px; background-color:#f5f5f5}
.mkreco_text{font-size:14px;line-height:19px;letter-spacing:-1px;font-weight:300;color:#4b4848;padding-top:8px;text-align:center;}
.mkhigh_tit{font-size:55px;letter-spacing:-5px;padding-top:40px;}
.mkhigh_text{font-size:15px;line-height:22px;letter-spacing:-1px;font-weight:300;color:#4b4848;padding-top:15px;padding-bottom:8px}
.mkhighs_left{width:100%;height:auto;background-color:#dd4b03;position:relative;left:0px;top:0px;color:#fff;}
.mkaudi_left{width:100%;height:auto;background-color:#0d03dd;position:relative;left:0px;top:0px;color:#fff;}
.mkaudi_text{font-size:16px;line-height:25px;letter-spacing:-1px;font-weight:300;color:#4b4848;padding:15px 0px;}
.audi_top_tit{width:100%;background-color:#0d03dd;padding:5px;margin:0 auto;font-size:17px;line-height:110%;letter-spacing:-2px; text-align:center;color:#fff}
.audi_top_text{font-size:15px;letter-spacing:0px;text-align:center;padding:10px 0px 30px;line-height:22px}

.mkhobby_left{width:100%;height:auto;background-color:#03c6dd;position:relative;left:0px;top:0px;color:#fff;}
.mkhobby_text{font-size:17px;line-height:28px;letter-spacing:-1px;font-weight:300;color:#4b4848;padding:13px 0px;}
.hobby_astit{font-size:18px;background-color:#03c6dd;color:#fff;width:90%;margin:0 auto; text-indent:5px;margin-top:0px;}
.hobby_bstit{font-size:18px;background-color:#03c6dd;color:#fff;width:90%;margin:0 auto;text-indent:5px;margin-top:0px;}
.hobby_ems_ctext{font-size:14px;letter-spacing:-1px;line-height:21px;color:#333;padding-top:10px;}

.mklyc_left{width:100%;height:auto;background-color:#03dd88;position:relative;left:0px;top:0px;color:#fff;}
.mkplan_left{width:100%;height:auto;background-color:#4b03dd;position:relative;left:0px;top:0px;color:#fff;}
.mkplan_tit{font-size:25px;letter-spacing:-2px;padding-top:10px;}
.mkplan_text{font-size:15px;line-height:21px;letter-spacing:-1px;font-weight:300;color:#4b4848;padding:10px 0px;}
.mkplan_top_tit{width:100%;background-color:#4b03dd;padding:8px 0px;margin:0 auto;font-size:17px;letter-spacing:-2px; text-align:center;color:#fff}

.mklyr_top_tit{width:100%;background-color:#03dd88;padding:5px;margin:0px auto;font-size:20px;letter-spacing:-2px; text-align:center;color:#fff}

.main_hobby_abox{clear:both;width:100%;margin:0 auto;padding:10px 0px 35px;}
.main_hobby_sbox{width:100%;text-align:center;padding-bottom:28px}
.main_hobby_abox div p b{color:#03c6dd;font-size:18px;letter-spacing:-1px;}
.main_hobby_abox div p span {font-size:13px}
.main_hobby_abox div p{color:#444;font-size:13px;padding-top:4px;letter-spacing:-1px}
.ta_left{text-align:left;padding-bottom:40px}



.modernk_lymoviebox{width:100%;height:auto;background-color:#03dd88;margin:0 auto;text-align:center;position:relative;margin-top:20px;padding-top:30px;}
.mkb_lyatit{font-size:18px;color:#fff;letter-spacing:-1px;font-weight:200;line-height:25px;padding:0px 0px 8px }
.mkb_lybtit{font-size:12px;color:#fff;letter-spacing:0px;font-weight:300;line-height:18px;padding-bottom:20px}

.mkb_lyctit{font-size:18px;color:#000;letter-spacing:-1px;font-weight:200;line-height:25px;padding:0px 0px 8px }
.mkb_lydtit{font-size:12px;color:#000;letter-spacing:0px;font-weight:300;line-height:18px;padding-bottom:20px}

/*system end*/


.cha_table { width: 100%;background-color:#fff;border-top:3px solid #000;border-bottom:1px solid #000;}
.cha_table th {padding:15px 0px; line-height: 13px;}
.cha_table tr {line-height: 13px;}
.cha_table td {font-size:11px;padding:7px 18px;border-top: 1px solid #d7d7d7;text-align:left; line-height:19px;}
.chacol {color: #000;font-weight: 700;text-align: center;background-color: #f5f6fa; text-indent:0px}
.chacom {color: #111;font-weight:400;letter-spacing: -1px;}
.tablek_tit{font-size:20px;line-height:23px;padding-bottom:5px;font-weight:600}






.lec_movie_text{padding:20px 0px 10px 0px;font-size:14px;letter-spacing:-1px;text-decoration:underline;color:red;font-weight:bold }
.lec_movie_text span{color:black;text-decoration:underline;}










.sub_lyss_box{width:100%; position:absolute;top:120px;z-index:99}
.substance_box{position:relative;  top:0px; padding-top:96px; }


.bu_text{width:48%;display:inline-block;color:#000;padding:5px 0px;border:1px solid #222;text-align:center}
.important {
            font-weight: bold;
            font-size: xx-large;
        }

        .blue {
            color: blue;
        }

 @media screen and (max-width:500px) {
.sub_lyss_box{width:100%; position:absolute;top:160px;z-index:99}
  }      

.iview-controlNav {
	
	position:absolute;
	display:block;
	z-index:100;
	top:200px;

}


}