body{padding:0; margin:0; font-family: 'nanumbarungothic'; background:#252525;}
.wrap{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:1008px; height:650px; overflow:hidden; color:#434343;}
.main_wrap{position:relative; width:1008px; height:590px;}
.bottom_wrap{position:relative; color:white;  background:#404f69; width:1008px; height:60px;}
.title_area {position: absolute; left:85px; top:15px; width:530px; }
.title_area li {display:inline-block; float:left; zoom:1; *display:inline; float:left;}
.title_area li span{display:inline;}
.content_title {position: relative; left:5px; font-size: 23px; color:#ffffff;}
.week_title_class{ position: relative; top:6px; left:10px; font-size:14px; color:#78cee7;}
.week_title {position: relative; top:6px; left:10px; font-size: 14px; color:#a1e2f5;}
.index_btn_area{position:absolute;}
.index_btn_area:hover{cursor:pointer;}
.week_title_area{position:absolute; font-size:17px; left:85px; top:20px;}
.contents_bg{position:absolute; top:0; left:0; width:1008px; height:650px; z-index:-1;}

.help_btn {position: relative; top:8px; font-size: 12px; color:#9dbfc2; background-color:#4d7586; padding:5px 8px 5px 8px; margin-right:20px; border-radius:8px;}
.help_btn:hover{color:#ffffff; background-color:#6d95a6; cursor:help;}

.help_btn_area{position:absolute; right:280px; top:12px;}
.help_btn_area span{margin-left:10px;}

.cont_btn_area{position:absolute; font-size:18px; right:20px; top:15px; z-index:110;}
.cont_move_btn{padding-right:10px; font-size:15px;}
.cont_move_btn a{color:#bbc8de; text-decoration:none;}
.cont_move_btn a:hover{color:white; text-decoration:underline;}

.crrent_p_num{font-size:25px;}
.divison_icon{font-size:12px;}
.total_p_num{padding-right:10px; font-size:15px;}
#next_page_inline{color:white; text-decoration:underline;}

.next_btn_click {position: absolute; z-index:110; right:25px; bottom:35px; background-image:url('../../SMT_course_common/img/next_page_img.png'); background-repeat: no-repeat; font-size:13px; width:86px; height:55px; padding:16px 5px 0 5px; text-align:center;}

.menu_wrap{position:absolute; z-index:999; top:0; left:-250px; width:250px; height:590px;}
.menu_list_index{position:absolute; top:15px; font-size:20px; width:250px; text-align:center; color:white;}
.top_navigation {position:absolute; width:250px; left:0px; height:540px; overflow-y:auto; top:50px; text-align:left;}
.top_navigation ul {list-style:none; padding-left:0; margin-left:0;}
.top_navigation ul li {display:block;}
.top_navigation ul li a {text-decoration:none; font-weight:600;}
.top_navigation ul li ul {list-style:none; padding-left:0; margin-left:0; padding-top:10px; padding-bottom:10px;}
.top_navigation ul li ul li{padding:5px 30px 5px 30px;}
.top_navigation ul li ul li a{text-decoration:none;  color:#585858; font-size:15px;}
.top_navigation ul li ul li a:hover {color:#ff7575;}
.nav_current {padding:15px 15px 15px 40px; color:white; background-color:#418cc1; background-image:url('../../SMT_course_common/img/index_list_ck.png'); background-repeat: no-repeat;}
.nav_diactive {padding:15px 15px 15px 40px; color:#585858; background-image:url('../../SMT_course_common/img/index_list_none.png'); background-repeat: no-repeat;}
.nav_diactive:hover {color:white; background-color:#418cc1; background-image:url('../../SMT_course_common/img/index_list_ck.png'); background-repeat: no-repeat;}
.nav_line {border-bottom:1px solid #cccccc; border-top:1px solid #fff; height:0px;}

.black_op_bg{position:absolute; z-index:100; width:1008px; height:590px; background:#000000; opacity:0; display:none;}

.ycc_video_wrap{position: absolute; left:0px; top:0px;}
.main_audio_area{position: absolute; display:none;}


.intro_bg_img{position:absolute; top:0; left:0;}
#intro_title{
	position: absolute;
	z-index: 15;
	opacity: 0;
	left: 150px;
	top: 70px;
}
.week_list {position: absolute; z-index:30; left:530px; top:280px;}
.week_list_title {font-size:20px; padding-bottom:0px; color:white; font-weight:bold;}
.week_list ul li {display:block; font-size:15px; list-style:none; text-align:left; padding-bottom:8px; margin-left:0px; color:white;}
.week_list_class {padding:3px 10px 3px 0px;}
.week_list_start {color:#13a1bf; font-size:14px; padding:3px 8px 3px 8px; background-color:#ffffff; border-radius:8px;}
.week_list_start_area:hover{color:#e16767; cursor:pointer;}

.start_btn{position:absolute; z-index:20; opacity:0; left:400px; top:350px; width:152px; height:42px; border:2px solid #2aa7b2;}
.start_btn:hover{border:2px solid #fff600; cursor:pointer;}

.main_video_wrap{position:absolute;  z-index:20; width:960px; height:540px; top:25px; left:24px; border:1px solid #404f69;}
.main_audio_wrap{position:absolute;  z-index:20; top:500px; left:130px;}
.noclick_btn_area{position:absolute; z-index:21; width:50px; height:50px; background:white; top:0; right:0;}
.main_title_img{position:absolute; top:30px;}
.main_title_area{position:relative; top:40px; color:#000000; font-size:20px; color:#454545;}

/*µé¾î°¡±âÆäÀÌÁö*/
.warming_wrap{position:relative; left:180px;}
.warming_area01{position:relative; }
.warming_area02{position:relative; }
.warming_obj01{position:relative;}
.warming_obj02{position:relative; width:650px; padding:0 20px 0 20px;}
.warming_obj02 li{display:block; font-size:18px; line-height:28px;}
.warming_obj03{position:relative;}
.warming_obj04{position:relative; width:650px; padding:0 20px 0 20px;}
.warming_obj04 li{display:block; font-size:18px; line-height:28px;}
.wp_click_event{background:#2aa7b2; color:#2aa7b2; border-radius:5px;}
.wp_click_event:hover{cursor:pointer; background:#57c7d1; color:#57c7d1;}

.summury_box{position:absolute; width:800px; height:0px; left:100px; top:80px; overflow:hidden; }
.summury_area{position:relative; width:800px; height:500px; line-height:1.8; top:0; overflow-y:auto;}


.next_t_are {position: absolute; width:800px; left:80px; top:100px; padding:10px 20px 10px 20px;  background:white; border:5px solid #2aa7b2;}
.References_area {position: absolute; bottom:50px; left:250px; width:600px;}
.References_title {position: absolute; background-color:#ffffff; z-index:1; border-radius:10px; padding:5px 10px 5px 10px; border:1px solid #13a1bf;  color:#13a1bf; font-size:13px;}
.References_con {position: relative; top:15px; padding:20px 10px 10px 10px; border:1px dotted #000000; border-radius:10px; line-height:20px; font-size:13px; background-color:#ffffff;}
.References_con li{line-height:15px;}


/*ÄûÁîÆäÀÌÁö ¼Ó¼º*/
.quiz_start {display:none;}
.quiz_start_area {position: absolute; left:80px; top:200px; width:850px; font-size:18px; text-align:center; line-height:30px; opacity:0;}
.quiz_start_num {font-size:30px; font-weight:700; padding:0 5px; 0 5px; color:#13a1bf;}
.quiz_start_btn{position: relative; left:340px; top:50px; width:130px; text-align:center; background-color:#e16767; padding:10px 20px 10px 20px; border-radius:10px; color:#ffffff; font-size:20px; font-weight:700; opacity:0;}
.quiz_start_btn:hover {background-color:#bc5252; cursor:pointer;}

/*¹®Á¦¿µ¿ª ¼Ó¼º*/
.quz_area {position: absolute; left:75px; top:50px; width:850px;}
.quz_title {position: relative; font-size:15px; color:#595959; margin-bottom:10px;}
.quz_title li {display:inline-block; zoom:1; *display:inline; color:#43aabf;}
.quz_mun_are {position: relative; width:850px; margin-bottom:20px;}
.quz_mun_title {position: absolute; left:20px; padding:0 10px 0 10px; font-size:20px; color:#68a4e2; background-color:#ffffff; z-index:1;}
.quz_mun_con {position: relative; top:20px; width:800px; padding:30px 30px 20px 30px; border:1px dotted #68a4e2; border-radius:10px; line-height:20px;}
.quz_mun_sum {position: absolute; left:140px; top:15px; padding:0 5px 0 5px; font-size:11px; color:#68a4e2; background-color:#ffffff; z-index:1;}
.quz_mun_state{position: absolute; right:10px; top:10px; padding:0 5px 0 5px; font-size:15px; color:#68a4e2; background-color:#ffffff; z-index:1;}

/*üũ¿µ¿ª ¼Ó¼º*/
.quz_check_are {position: relative; width:850px;}
.quz_check_OX {text-align:center;}
.quz_check_OX li{display:inline-block; zoom:1; *display:inline; padding:0px 40px 10px 40px; font-size:100px; font-weight:bold; font-family:Arial; color:#ababab;}
.quz_check_select {position: relative; top:20px;}
.quz_check_select li{display:block; font-size:15px; padding:0px 40px 10px 40px; line-height:20px;}
.quz_check_select2 {position: relative; top:20px;}
.quz_check_select2 li{display:inline-block; font-size:15px; padding:0px 20px 20px 20px; line-height:20px;}
.quz_check_select_dap:hover {color:#e16767; cursor:pointer;}
.quiz_check_O:hover{color:#e16767; cursor:pointer;}
.quiz_check_X:hover{color:#e16767; cursor:pointer;}
.quiz_check_btn{position: relative; left:750px; top:5px; width:80px; text-align:center; background-color:#68a4e2; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_check_btn:hover{background-color:#4783c1; cursor:pointer;}
.quiz_single_check_btn{position: relative; left:750px; top:5px; width:80px; text-align:center; background-color:#68a4e2; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_single_check_btn:hover{background-color:#4783c1; cursor:pointer;}
.quiz_multi_check_btn{position: relative; left:750px; top:5px; width:80px; text-align:center; background-color:#68a4e2; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_multi_check_btn:hover{background-color:#4783c1; cursor:pointer;}
.quiz_text_check_btn{position: relative; left:750px; top:5px; width:80px; text-align:center; background-color:#68a4e2; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_text_check_btn:hover{background-color:#4783c1; cursor:pointer;}
.li_single_none {color:#7e7e7e; cursor:pointer;}
.li_single_none:hover {color:#e16767;  cursor:pointer;}
.li_single_select {color:#e16767; cursor:pointer; font-weight:bold;}
.li_multi_none {color:#7e7e7e; cursor:pointer;}
.li_multi_none:hover {color:#e16767;  cursor:pointer;}
.li_multi_select {color:#e16767; cursor:pointer; font-weight:bold;}
.text_user_answer_area {position: relative; left:100px; top:8px; }
.text_user_answer {width:600px; height:25px;}

/*¹öÆ°¿µ¿ª ¼Ó¼º*/
.quiz_next_btn{position: relative; left:750px; top:5px; width:80px; text-align:center; background-color:#68a4e2; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_next_btn:hover{background-color:#4783c1; cursor:pointer;}

.quiz_last_check {position: relative; top:150px; text-align:center; font-size:18px;}
.quiz_last_check_num {font-size:30px; padding:0 5px; 0 5px; color:#13a1bf; font-weight:bold;}
.quiz_reload_btn{position: relative; left:350px; top:200px; width:130px; font-weight:700; text-align:center; background-color:#e16767; padding:10px 20px 10px 20px; border-radius:10px; color:#ffffff; font-size:20px;}
.quiz_reload_btn:hover{background-color:#bc5252; cursor:pointer;}

/*Çǵå¹é ¼Ó¼º*/
.OX_animation {position:absolute; top:20px; left:90px; z-index:100;}
.feedback_title {position: absolute; left:20px; padding:0 15px 0 15px; font-size:20px; color:#438cc1; background-color:#ffffff; z-index:1;}
.feedback_are {position: relative; width:800px; top:40px; padding:30px 30px 20px 30px; background:#d9e7f2; border-radius:10px; line-height:20px;}