@charset "utf-8";

body{padding:0; margin:0; font-family: 'Nanum Gothic'; background:#252525;}
p,span{padding:0; margin:0; font-family: 'Nanum Gothic';}

/*±âº» HTML¼¼ÆÃ*/
* {margin:0; padding:0;}
ul {margin:0; padding:0;}
a {text-decoration:none;}
a:link {text-decoration:none;}
a:active {text-decoration:none;}
img {border:0px;}
/*±âº» °øÅë ¿µ¿ª ¼Ó¼º*/

.wrap{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:960px; height:580px; overflow:hidden; color:#434343;}
.main_wrap{position:relative; width:960px; height:540px;}
.bottom_wrap{position:relative; color:white;  background:#404f69; width:960px; height:40px;}

.top_title_area{position:absolute; z-index:99; left:8px; top:4px; font-size:14px;}
.top_title_area span{float:left;}
.top_week_area{padding:3px 12px 4px 12px;}
.top_class_area{padding:3px 12px 4px 12px;}

.content_title_area {position: absolute; left:85px; top:5px; font-size:14px;}
.week_title_area{position: absolute; left:52px; top:9px; width:500px;  font-size:18px; color:#ffffff;}

.index_btn_area{position:absolute; left:0; top:0;}
.index_btn_area:hover{cursor:pointer;}

.index_open_img{background-image:url('../../AIC_contents_common/img/index_img.png');}
.index_open_img:hover{cursor:pointer; background-image:url('../../AIC_contents_common/img/index_hover.png');}
.index_colse_img{background-image:url('../../AIC_contents_common/img/close_img.png');}
.index_colse_img:hover{cursor:pointer; background-image:url('../../AIC_contents_common/img/close_hover.png');}

.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:pointer;}

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

.media_pop_area{position:absolute; z-index:5; right:10px; top:540px;}
.media_pop_btn{width:40px; height:40px; background-image:url('../../AIC_contents_common/img/media_pop_img.png');}
.media_pop_btn:hover{cursor:pointer;}

.cont_btn_area{position:absolute; font-size:18px; right:20px; top:3px; 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;}
.pop_msg_area{position:absolute; left:380px; top:280px; background:white; text-align:center; font-size:15px; width:200px; border-radius:10px; padding:15px 0; z-index:101; opacity:0.9; font-weight:600;}

.next_btn_click {position: absolute; z-index:110; right:25px; bottom:35px; background-image:url('../../AIC_contents_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;}
.contents_bg{position:absolute; top:0; left:0; width:960px; height:540px; z-index:-2;}
.contents_bg_white{position:absolute; top:70px; left:20px; width:920px; height:470px; z-index:-1; opacity:0;}
.contents_bg_white_sum{background:#e3e3e3; width:900px; font-size:14px; padding:5px 0px 5px 20px; border-bottom:1px dotted #616161; }
.contents_bg_white_con{background:white; width:920px; height:450px;}
.contents_media_bg{position:absolute; top:0; left:0; width:960px; height:540px; z-index:-1; background:white;}

.menu_wrap{position:absolute; z-index:999; top:0; left:-250px; width:250px; height:540px; background-image:url('../../AIC_contents_common/img/index_bg.png');}
.menu_list_index{position:absolute; top:15px; font-size:20px; width:240px; text-align:center; color:white;}
.top_navigation {position:absolute; width:240px; left:0px; height:490px; 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; font-weight:500;}
.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('../../AIC_contents_common/img/index_list_ck.png'); background-repeat: no-repeat;}
.nav_diactive {padding:15px 15px 15px 40px; color:#585858; background-image:url('../../AIC_contents_common/img/index_list_none.png'); background-repeat: no-repeat;}
.nav_diactive:hover {color:white; background-color:#418cc1; background-image:url('../../AIC_contents_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:960px; height:540px; background:#000000; opacity:0; display:none;}
.ycc_video_wrap{position: absolute; left:0px; top:0px;}
.main_audio_area{position: absolute; display:none;}

/*ÀÎÆ®·ÎÆäÀÌÁö*/
.title_img {position:relative; opacity:0;}
.week_list_area{position:relative; opacity:0;}
.week_list_title {margin-top:10px; font-size:18px; font-weight:700;}
.week_class_list {margin-top:10px;}
.week_class_list ul {margin:0; padding:0;}
.week_class_list ul li {margin-left:10px; display:block; font-size:15px; list-style:none; text-align:left; padding-bottom:8px;}
.week_list_class {padding:3px 10px 3px 0px;}
.week_list_start {color:white; background:#464646; font-size:14px; padding:3px 8px 3px 8px; border-radius:8px;}
.week_list_start_area:hover{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;}

/**µé¾î°¡±âÆäÀÌÁö ¼¼·Î ¿µ¿ª Áß¾ÓÁ¤·Ä*/
.page_title_area{position:absolute; z-index:99; top:36px; left:9px;}
.page_title_area span{float:left; display:middle;}
.page_title_bk{width:4px; height:20px;}
.page_title_tex{font-size:20px; font-weight:bold; margin-left:5px;}
.main_title_area{position:absolute; top:50px; left:50px; font-size:15px; color:#5b5b5b; font-weight:500; opacity:0; font-weight:500;}
.middle_center_wrap{position:absolute; top:80px; left:340px; width:620px; height:500px; display:table; }
.middle_center_area{display:table-cell; vertical-align:middle;}

/*µé¾î°¡±âÆäÀÌÁö*/
.warming_prof{position:absolute; left:50px; bottom:50px; text-align:center; opacity:0;}
.warming_prof_tex{font-size:20px; font-weight:600; padding-top:10px;}
.warming_obj01{position:relative; margin-bottom:-5px; z-index:11; font-size:20px; font-weight:600; color:#6e972c; background:white; padding:0 5px 0 5px; width:110px; opacity:0;}
.warming_obj02{position:relative; font-size:1em; line-height:1.8em; width:500px; max-height:160px; overflow-y:auto; margin:0 0 35px 15px; border:1px dotted #6e972c; border-radius:10px; padding:15px 25px; opacity:0;}
.warming_obj03{position:relative; margin-bottom:-5px; z-index:11; font-size:20px; font-weight:600; color:#3f93be; background:white; padding:0 5px 0 5px; width:110px; opacity:0;}
.warming_obj04{position:relative; font-size:1em; line-height:1.8em; width:500px; max-height:160px; overflow-y:auto; margin:0 0 10px 15px; border:1px dotted #3f93be; border-radius:10px; padding:15px 25px; opacity:0;}

/*ÄûÁîÆäÀÌÁö ¼Ó¼º*/
.quiz_start {display:none;}
.quiz_start_area {position: absolute; top:150px; width:960px; 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:400px; top:50px; width:130px; text-align:center; background-color:#37a3da; padding:10px 20px 10px 20px; border-radius:10px; color:#ffffff; font-size:20px; font-weight:700; opacity:0;}
.quiz_start_btn:hover {background-color:#3f93be; cursor:pointer;}
.quiz_last_img{position: absolute; top:180px; left:430px; z-index:1; display:none;}

/*¹®Á¦¿µ¿ª ¼Ó¼º*/
.quz_area {position: absolute; left:50px; top:110px; width:860px;}
.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:860px; 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:130px; top:15px; padding:0 5px 0 5px; font-size:13px; 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:90px; font-weight:900; 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:170px; text-align:center; font-size:20px;}
.quiz_last_check_num {font-size:40px; padding:0 5px; 0 5px; color:#13a1bf; font-weight:700;}
.quiz_reload_btn{position: relative; left:340px; top:180px; 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;}

.quiz_ex_sound_btn{padding:5px 15px; border-radius:5px; width:100px; text-align:center; background:#86B404; color:white;}
.quiz_ex_sound_btn:hover{cursor:pointer; background:#4B8A08;}

/*Çǵå¹é ¼Ó¼º*/
.OX_animation {position:absolute; top:73px; left:58px; 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:20px 30px 20px 30px; background:#ECECEC; border-radius:10px; line-height:20px;}


/*Á¤¸®ÆäÀÌÁö ¼Ó¼º*/
.summury_box{position:absolute; width:880px; height:430px; left:60px; top:110px; overflow:hidden;}
.summury_area{position:relative; width:880px; height:430px; line-height:1.8; top:0; overflow-y:auto;}

/*À¥¿¡µðÆ®ÆäÀÌÁö ¼Ó¼º*/
.web_edit_box{position:absolute; width:880px; height:500px; left:40px; top:40px; overflow:hidden;}
.web_edit_area{position:relative; width:880px; height:500px; line-height:1.6; top:0; overflow-y:auto;}

/*ÄÜÅÙÃ÷ ¾ÆÀÌÇÁ·¹ÀÓ¿µ¿ª ¼Ó¼º*/
.contents_link_area{position:absolute; width:960px; height:580px; left:0px; top:0px; overflow:hidden;}


/*´ÙÀ½½Ã°£¾È³» ¼Ó¼º*/
.next_time_area{position:relative; width:100%; background:white; font-size:18px; color:#5b5b5b; font-weight:600; border:1px solid #cccccc; margin-bottom:120px; opacity:0;}
.next_time_top{position:relative; padding:20px 0 10px 60px; font-weight:600;}
.next_time_bottom{position: relative; text-align:right; padding:10px 60px 20px 0; font-weight:600;}
.next_time_week{position:relative; text-align:center; font-size:24px; font-weight:600;}
.next_time_con{position:relative; text-align:center; margin:10px 20px; font-size:36px; font-weight:600;}
#next_time_class_id{position: relative; text-align:center; margin:10px 0; font-size:30px; font-weight:600;}
.reference_area{position:relative; margin-left:220px; color:#252525;}
.reference_title{position:relative; z-index:2; margin-bottom:-10px; margin-left:-10px; font-size:15px; color:#438cc1; background:white; padding:8px 5px; width:100px; text-align:center; border-radius:8px; border:1px solid #cccccc; opacity:0;}
.reference_con{position:relative; max-height:150px; overflow-y:auto; font-size:13px; line-height:20px; padding:15px; width:500px; background:white; border-radius:5px; opacity:1; border:1px solid #cccccc; opacity:0;}