/*body { width:1280px; height:825px;  background-color:#000 }*/

body { width:1280px; height:825px }

#main_wrap { width:1280px; height:825px; background:url(../../../images/d10/basic/background.png) no-repeat 0 0 }

/*102*/
header { position:relative; height:68px;  }
header .logo { position:absolute; top:32px; right:52px }

/*header { position:relative }
header .logo { position:absolute; top:25px; right:48px }*/
header h1 { display:block; height:44px; border-top:7px solid rgba(255, 255, 255, .2) }
header h1 .title { margin-left:19px; line-height:57px; color:#fff; font-size:21px; vertical-align:middle }
header h1 .unit { margin-left:33px; color:#fff; font-size:14px; vertical-align:middle }
header h1 .section { margin-left:13px; line-height:51px; color:#e6ffa9; font-size:21px; vertical-align:middle }

nav { width:100% }
nav > ul { height:34px }
nav > ul > li { float:left; width:209px; height:24px; margin-right:2px }
nav > ul > li:first-child { margin-left:10px }

/* sub */
nav > ul > li > ul { position:absolute; top:31px; left:0px; z-index:9; width:149px; height:23px }
nav > ul > li > ul > li { float:left; font-size:13px; width:74px; height:23px; line-height:23px }
nav > ul > li > ul > li:first-child { text-align:right }
nav > ul > li > ul > li:first-child span { padding-right:7px }
nav > ul > li > ul > li:last-child span { padding-left:7px }
nav > ul > li > ul > li:last-child { padding-left:1px; background:url(../../../images/d10/tab/nav_bar.png) no-repeat 0 50% }
nav > ul > li > ul > li { display:none }

/*.title_text_01 { position:absolute;bottom:215px;left:560px;font-weight:bold;font-family:'Malgun Gothic','맑은 고딕',Sans-serif;font-size:18px;letter-spacing:-1px;color:#1f1f1e }*/
/*.title_text_02 { position:absolute;bottom:187px;left:560px;font-weight:bold;font-family:'Malgun Gothic','맑은 고딕',Sans-serif;font-size:18px;letter-spacing:-1px;color:#1f1f1e }*/

/*#intro > ul { position:absolute;width:500px;bottom:300px;right:300px; border:1px solid }*/

/*#contents { position:relative; width:958px; height:575px; margin:0 auto }958*/
/*#contents { position:relative; width:1260px; height:673px; margin:0 auto; background:url(../../../images/d10/basic/contents_background.png) no-repeat 0 0 }
#contents .con article { width:938px; height:437px; border-bottom:3px solid #002a4a;   } /*958
#contents .con article h2 { padding-left:4px; height:31px; line-height:23px;  }*/

#contents { position:relative; width:1260px; height:705px; margin:0 auto; background:url(../../../images/d10/basic/contents_background.png) no-repeat 0 100% }
#contents .con article { width:1260px; height:649px }
#contents .con article h2 { padding-left:24px; height:31px; line-height:33px; background:#fafafa }

/*#contents .con .video_box { position:relative; width:720px; height:405px; margin:0; background:#000; border:0px solid red }
#contents .con .video_contents { display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:720px; height:405px; margin:auto; border:0px solid }*/

#contents .con .video_box { position:relative; width:994px; height:566px; margin:19px 0 0 22px; border-radius:10px; background:#000 } /*994 566*/
#contents .con .video_contents { display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:976px; height:549px; margin:auto }

#contents .con .con_box { position:relative; width:1215px; height:566px; margin:19px 0 0 22px; border-radius:10px; background:#fff }

#contents .con .con_box.con_quiz { /*width:936px; height:403px;*/ border:1px solid #dedede }
#contents .con .con_box.con_quiz.bg1 { background:url(../../../images/d10/quiz/qb1.png) no-repeat 0 0 }
#contents .con .con_box.con_quiz.bg2 { background:url(../../../images/d10/quiz/qb2.png) no-repeat 0 0 }
#contents .con .con_box.con_quiz.bg3 { background:url(../../../images/d10/quiz/qb3.png) no-repeat 0 0 }
#contents .con .con_box.con_quiz.bg01 { background:url(../../../images/d10/quiz/qb01.png) no-repeat 0 0 }
#contents .con .con_box.con_quiz.bg02 { background:url(../../../images/d10/quiz/qb02.png) no-repeat 0 0 }

#contents .con .con_box.con_quiz.bg5 { background:url(../../../images/d10/quiz/ending_01.png) no-repeat 0 0 }
#contents .con .con_box.con_quiz.bg6 { background:url(../../../images/d10/quiz/ending_02.png) no-repeat 0 0 }

#contents .con .con_box .con_quiz_que1 { float:left; width:583px; height:566px }
#contents .con .con_box .con_quiz_que1 > span { display:block; position:relative; margin:28px 0 0 287px; width:268px; height:155px }
#contents .con .con_box .con_quiz_que1 > span > p {  display:block; position:absolute; width:268px; font-weight:bold; font-size:26px; text-align:center; margin:auto; left:0; right:0 }

#contents .con .con_box .con_quiz_que2 { float:left; width:632px; height:566px }
#contents .con .con_box .con_quiz_que2  > span { display:block; color:#7f5816; font-size:18px; font-weight:bold; margin:69px 0 0 78px }
#contents .con .con_box .con_quiz_que2 .con_quiz_que_btn { margin:19px 0 0 78px }
#contents .con .con_box .con_quiz_que2 .con_quiz_que_btn li { position:relative; width:388px; height:66px; background:#eeb048; margin:0 0 15px 0; border-radius:10px; cursor:pointer }
#contents .con .con_box .con_quiz_que2 .con_quiz_que_btn li:hover { background:#3db081; }
#contents .con .con_box .con_quiz_que2 .con_quiz_que_btn li:last-child { margin:0 0 0px 0 }
#contents .con .con_box .con_quiz_que2 .con_quiz_que_btn li span { display:block; font-weight:bold; text-align:center; color:#fff; font-size:33px; width:388px; height:50px; position:absolute; margin: auto; top:0; bottom:0; left:0; right:0 }
#contents .con .con_box .con_quiz_que2 .con_quiz_sentence { /*overflow:hidden; word-break:normal;*/ width:549px; /*height: 47px;*/ border-bottom:2px solid #e2e2e2; line-height:40px; font-size:32px; text-align:center; font-weight:bold }
#contents .con .con_box .con_quiz_que2 .con_quiz_sentence:after { display: block; content: ''; clear: both }
/*#contents .con .con_box .con_quiz_que2 .con_quiz_sentence .con_quiz_sentence_text { border-bottom:2px solid #e2e2e2;  }*/


#contents .con .con_box .con_quiz_que2 .qtrue { display:none; margin:16px 0 0 80px; width:386px; height:53px; text-align:center }
#contents .con .con_box .con_quiz_que2 .qfalse { display:none; margin:16px 0 0 80px; width:386px; height:53px; text-align:center }
#contents .con .con_box.con_quiz .qbok { display:none; position:absolute; bottom:0; width:386px;top:480px;left:105px;font-size:26px;text-align:center;border:0px solid; z-index:3 }
#contents .con .con_box.con_quiz .qbno { display:none; position:absolute; bottom:0; color:#000;width:386px;top:480px;left:105px;font-size:26px;text-align:center;border:0px solid; z-index:3 }


#contents .con .con_box .con_quiz_que3 { width:1215px; height:566px }
#contents .con .con_box .con_quiz_que3 .con_quiz_talk { width:538px; height:132px; margin: 0 auto; margin-top:23px; position:relative }
#contents .con .con_box .con_quiz_que3 .con_quiz_talk > span { display:block; width:223px; height:132px; text-align:center }
#contents .con .con_box .con_quiz_que3 .con_quiz_talk .talk1s { float:left; color:#151f30; font-size:24px }
#contents .con .con_box .con_quiz_que3 .con_quiz_talk .talk2s { float:right; /*color:#7f5816;*/ font-size:24px }
#contents .con .con_box .con_quiz_que3 .con_quiz_talk .talk3s { float:right; /*color:#7f5816;*/ font-size:24px; display:none }

#contents .con .con_box .con_quiz_que3 .qcontrol { position: relative; width:383px; height:53px; margin:0 auto; margin-top:114px; text-align:center }
#contents .con .con_box .con_quiz_que3 .qcontrol img { }

#contents .con .con_box .con_quiz_que3 .qcontrol .qbok2 { display:none; position: absolute; width:386px; top:-68px; margin:auto; left:0px; right:0; border:0px solid }
#contents .con .con_box .con_quiz_que3 .qcontrol .qbno2 { display:none; position: absolute; width:256px; top:-68px; margin:auto; left:0px; right:0; border:0px solid }


#contents .con .con_box .con_quiz_que3 .con_quiz_que_btn { width:809px; margin:0 auto; margin-top:18px }
#contents .con .con_box .con_quiz_que3 .con_quiz_que_btn li { position:relative; width:809px; height:62px; background:#eeb048; margin:0 0 8px 0; border-radius:10px; cursor:pointer }
#contents .con .con_box .con_quiz_que3 .con_quiz_que_btn li:hover { background:#354c6c; }
#contents .con .con_box .con_quiz_que3 .con_quiz_que_btn li:last-child { margin:0 0 60px 0 }
#contents .con .con_box .con_quiz_que3 .con_quiz_que_btn li span { display:block; font-weight:bold; color:#fff; font-size:33px; width:801px; height:50px; position:absolute; margin: auto; top:0; bottom:0; left:0; right:0; padding-left:20px }

/*
#que_exam_1 { background:#eeb048; }
#que_exam_2 { background:#eeb048; }
#que_exam_3 { background:#eeb048; }
#que_exam_1:hover { background:#354c6c; }
#que_exam_2:hover { background:#354c6c; }
#que_exam_3:hover { background:#354c6c; }
*/

/*
#contents .con .con_readalong h3 { width:881px; height:77px; margin:0 auto; padding-left:8px; border-bottom:1px solid #b1b1b1; line-height:90px }
#contents .con .con_readalong .mp3_menu { position:absolute; top:25px; right:36px; border:0px solid }
#contents .con .con_readalong_text { width:856px; height:347-269px; margin:0 auto; overflow-y:auto; font-size:28px; font-weight:bold; padding:0px 0 39px 34px; color:#02243d }
*/



#contents .footer { width: 1260px; height: 55px; margin: 0 auto }
#contents .footer .copyright { float: left; display: block; margin: 23px 0 0 26px }
#contents .footer .paging { float: right; display: block; margin: 0 33px 0 0 }

#contents .aside_box { position:absolute; top:50px; right:23px; width:207px; height:566px; border-radius:10px; /*background: rgba(255, 255, 255, .6)*/ background:#f7f7f7 }
#contents .aside_box .user_box { width:193px; height:54px; border-bottom:1px solid #002a4a; margin:0 auto; margin-top:7px; height:54px }
#contents .aside_box .user_box .user_img { float:left; margin:0px 0 0 5px }
#contents .aside_box .user_box ul li { float:left  }
#contents .aside_box .user_box ul .user_message { margin:0 0 0 8px }
#contents .aside_box .user_box ul .user_coupon { margin:0 0 0 2px }
#contents .aside_box .user_box ul .user_setting { margin:0 0 0 2px }
#contents .aside_box .user_box ul .user_id_view span { display: block; font-size: 17px; font-weight: bold; color: #263248; margin: 10px 0 0 9px }
#contents .aside_box .user_box:after { display: block; content: ''; clear: both }
#contents .user_info_box { display:none; position:absolute; top:58px; right:22px; width:211px; height:425px; border-radius:10px; background:#fff }


#contents .du_table { width: 199px;  border-collapse: collapse; margin:7px auto 7px auto }
#contents .du_table th { width:48px }
#contents .du_table th span { display:block; font-size:11px; letter-spacing:-1px; margin-top:-1px; margin-left:6px; color:#02253b }
#contents .du_table td span { display:block; width:144px; height:4px; background:url('../../../images/d10/basic/user_duration.png') no-repeat 0 0 }
#contents .du_table th, .du_table td { height:16px; font-weight: bold }
#contents .du_table .search_box_cur_du_graph { width:0%; background:#00a8aa; height:4px; border-radius:9px }
#contents .du_table .search_box_tot_du_graph { width:0%; background:#0092d4; height:4px; border-radius:9px }

#contents .search_form { display:block; width:193px; margin:6px auto 0 auto }
#contents .search_form legend { display:none }
#contents .search_form input[type='text'] { float:left; display:block; width:164px; height:23px; border:2px solid #002a4a; border-right: 0; font-size:15px; background:#fff url('../../../images/d10/basic/user_search_placeholder.png') no-repeat 0 0; vertical-align:middle }
#contents .search_form input[type='submit'] { float:left; background:url('../../../images/d10/basic/user_search_btn.png') no-repeat 0 0; width:27px; height:27px; border:0; cursor:pointer }
#contents .search_result { width:192px; height:456px; /*height:240px;*/ margin:6px auto 0 auto; overflow:auto }







/*
#contents .aside_box .search_menu_box { width:199px; height:21px; margin:0 auto; margin-top:11px }
#contents .aside_box .search_menu_box li { float:left; margin:0 0 0 3px }
#contents .aside_box .search_box { width:199px; margin:0 auto; background:#bbb }
*/



#contents .con .quiz_contents h3 { position:relative; width:881px; height:77px; margin:0 auto; border-bottom:1px solid #2e303d; line-height:90px } /*20170508*/
#contents .con .quiz_contents h3 img { /*margin-left:12px*/ } /*20170508*/
#contents .con .quiz_contents h3 span { padding-left:5px; font-weight:bold; font-size:28px; color:#0e3f6c; vertical-align:middle } 
#contents .con .quiz_contents h3 .quiz_submit { position:absolute; bottom:7px; right:0; cursor:pointer /*bottom:0; margin-top:auto; margin-bottom:auto*/ }


/*#contents .con .quiz_contents .quiz_answer_choice { display:none; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background: rgba(255, 255, 255, .6); border-radius:15px; width:249px; height:139px; z-index:9 }*/
/*#contents .con .quiz_contents .quiz_answer_choice { display:none; position:absolute; bottom:0; right:48px; margin:auto; width:249px; height:139px; z-index:9 }*/
#contents .con .quiz_contents .quiz_answer_choice { display:none; position:absolute; bottom:0; right:10px; margin:auto; width:363px; height:222px; z-index:9 }

#contents .con .quiz_wrap { height:348px; overflow:hidden }
#contents .con .quiz_wrap02 { height:425px; overflow:hidden }
#contents .con .quiz_wrap03 { height:348px; overflow:hidden }
#contents .con .quiz_wrap03 { font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif !important }

#contents .con .quiz { width:849px; margin:0 auto; margin-top:25px; font-size:30px; /*line-height:60px;*/ overflow:hidden } /*20170508*/
#contents .con .quiz.top { margin-top:60px }

#contents .con .quiz_wrap02 .quiz_font { font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif }

#contents .con .quiz_wrap02 .quiz_res_1 { width:825px; height:128px; margin:0 auto; margin-top:32px; border-bottom:1px solid #b1b1b1; font-size:30px; line-height:60px; overflow:hidden } /*20170508*/
#contents .con .quiz_wrap02 .quiz_res_2 { width:825px; height:113px; margin:0 auto; font-size:30px; line-height:60px; overflow:hidden } /*20170508*/

#contents .con .quiz_wrap02 .quiz_res_1_table { margin-top:12px }
#contents .con .quiz_wrap02 .quiz_res_1_table .td_1 { width:159px; height:100px; line-height:24px }
#contents .con .quiz_wrap02 .quiz_res_1_table .td_2 { width:162px; height:50px }
#contents .con .quiz_wrap02 .quiz_res_1_table .td_3 { width:393px }
#contents .con .quiz_wrap02 .quiz_res_1_table .td_4 { width:111px }
#contents .con .quiz_wrap02 .quiz_res_1_table .td_5 { height:50px }
#contents .con .quiz_wrap02 .quiz_res_1_table .tfont { color:#02243d; font-size:24px; line-height:24px; font-weight:bold }
#contents .con .quiz_wrap02 .quiz_res_1_table .tgraph { background:url('../../../images/d10/video_du_graph.png') no-repeat 0 50% }
#contents .con .quiz_wrap02 .quiz_res_1_table .tdubg { text-align:center; color:#fff; font-size:21px; line-height:21px; font-weight:bold; background:url('../../../images/d10/video_du_bg.png') no-repeat 50% 50% }

#contents .con .quiz_wrap02 .quiz_res_2_table { margin-top:27px }

#contents .con .quiz_wrap02 .quiz_res_2_table .td_1 { width:159px; height:50px; line-height:24px }
#contents .con .quiz_wrap02 .quiz_res_2_table .td_2 { width:666px; background:url('../../../images/d10/quiz_du_graph.png') no-repeat 0 50% }

#contents .con .quiz_wrap02 .grade { width:825px; height:119px; margin:0 auto; background:#eaeaea }
#contents .con .quiz_wrap02 .grade img { margin:29px 0 0 40px }

#contents .con .quiz_wrap03 .quiz { width:881px; height:346px; margin:0 auto; margin-top:0px; font-size:30px; /*line-height:60px;*/ overflow:hidden } /*20170508*/
#contents .con .quiz_wrap03 .quiz.top { margin-top:0px }
#contents .con .quiz_wrap03 .quiz input { height:60px; font-size:34px; border:0; border-radius:5px; background:#eaeaea /*url('../../../images/d10/quiz/quiz_img_input.png') no-repeat 50% 50%;*/ }

#contents .con .quiz .quiz_img01 { float:left }
#contents .con .quiz .quiz_img02 { float:left }
#contents .con .quiz .quiz_img03 { float:left }
#contents .con .quiz .quiz_img04 { float:left }

#contents .con .quiz .quiz_img05 { /*width:100%*/ }
#contents .con .quiz .quiz_img06 { /*width:100%*/ }

#contents .con .quiz .quiz_left { float:left }
#contents .con .quiz .quiz_top { }

#contents .con .quiz .quiz_left_bg { float:left; position:relative; width:531px ; height:287px; font-weight:bold; color:#2c2c2c; line-height:38px } /*20170508*/
#contents .con .quiz .quiz_left_bg span { position:absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto; width:95%; height:90% } /*20170508*/

#contents .con .quiz .quiz_center_bg_1 { position:relative; width:865px; height:73px; margin-bottom:30px; background:#f0f0f0; font-weight:bold; color:#2c2c2c } /*20170508*/
#contents .con .quiz .quiz_center_bg_1 span { position:absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto; height:85% } /*20170508*/
#contents .con .quiz .quiz_center_bg_1 .sp1 { width:15%; } 
#contents .con .quiz .quiz_center_bg_1 .sp2 { width:28%; } 
#contents .con .quiz .quiz_center_bg_1 .sp3 { width:32%; }

#contents .con .quiz .quiz_center_bg_2 { position:relative; width:830px; height:180px; margin:0 auto; margin-bottom:30px; background:#f0f0f0; font-weight:bold; color:#2c2c2c } /*20170508*/
#contents .con .quiz .quiz_center_bg_2 span { position:absolute; right: 0; top: 0; bottom: 0; width:74%; height:100% } /*20170508*/



#contents .con .quiz .quiz_left_text_bg { float:left; position:relative; width:531px ; height:287px; border-radius:9px; background:#f0f0f0; font-weight:bold; font-size:30px; color:#2c2c2c; line-height:38px;  }
#contents .con .quiz .quiz_left_text_bg span { position:absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto; width:90%; height:70% }

#contents .con .quiz .quiz_left_text_bottom { float:left; position:relative; width:531px ; height:287px }
#contents .con .quiz .quiz_left_text_bottom div { position:relative;  width:531px; height:73px; border-radius:9px; background:#f0f0f0; font-weight:bold; font-size:30px; color:#2c2c2c }
#contents .con .quiz .quiz_left_text_bottom span { position:absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto; width:85%; height:85% }





#contents .con .quiz .ul_01 { float:right; width:274px; margin-top:1px } /*20170508*/
#contents .con .quiz .ul_01 li { height:63px; margin-bottom:10px; background:#49a717; text-align:center; border-radius:8px; cursor:pointer }
#contents .con .quiz .ul_01 li:last-child { margin-bottom:0px }
#contents .con .quiz .ul_01 li span { font-weight:bold; color:#fff }

#contents .con .quiz .ul_02 { }
#contents .con .quiz .ul_02 li { float:left; width:25%; height:25%; text-align:center; cursor:pointer }
#contents .con .quiz .ul_02 li:last-child { margin-bottom:0px }
#contents .con .quiz .ul_02 li span { display:inline-block }
#contents .con .quiz .ul_02 li img { width:90% }

#contents .con .quiz .ul_03 { width:783px; margin:0 auto; margin-top:20px } /*20170508*/
#contents .con .quiz .ul_03 li { float:left; width:180px; height:63px; margin-right:21px; height:25%; background:#49a717; text-align:center; border-radius:8px; cursor:pointer } /*20170508*/
#contents .con .quiz .ul_03 li:last-child { margin-right:0 }
#contents .con .quiz .ul_03 li span { display:inline-block; font-weight:bold; color:#fff }

#contents .con .quiz .quiz_question { font-size:32px; letter-spacing:-2px; font-weight:bold } /*20170508*/
#contents .con .quiz .quiz_question_cf { font-size:35px; text-align:center; font-weight:bold }

/*#contents .con .quiz .quiz_input_answer { margin-top:0px; font-size:30px; background:#eaeaea; border-radius:5px }*/
/*#contents .con .quiz .quiz_input_answer input { padding:0; margin:6px 10px 0 10px; width:50%; height:50px; font-size:37px; border:0; background:#eaeaea url('../../../images/d10/quiz/quiz_img_input.png') no-repeat 50% 50%; }*/

#contents .con .quiz .quiz_input_answer { margin-top:0px; font-size:30px; /*text-align:center*/ padding-left:20px }
#contents .con .quiz .quiz_input_answer input { height:60px; font-size:40px; border:0; border-radius:5px; background:#eaeaea url('../../../images/d10/quiz/quiz_img_input.png') no-repeat 50% 50%; }

#contents .con .quiz .quiz_question_hint { /*height:50px;*/ color:#ea3061; font-size:38px; /*text-align:center;*/ padding-left:40px; font-weight:bold }  /*20170508*/
#contents .con .quiz .quiz_question_hint span { display:inline-block }  /*20170508*/
#contents .con .quiz .quiz_submit { display:block; width:214px; margin:0 auto; margin-top:12px; cursor:pointer } /*20170508*/

#contents .con .memo_box { position:absolute; top:0; bottom:0; left:0; right:0; width:845px; height:385px; margin:auto; /*background:#000*/ } 
/*#contents .con .video_contents { display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:720px; height:405px; margin:auto; border:0px solid }*/

#contents .con .memo_box .memo_nav { height:30px; background:#f2f2f2 }
#contents .con .memo_box .memo_nav .memo_nav_main { width:807px; margin-left:auto; margin-right:auto; margin-top:3px }
#contents .con .memo_box .memo_nav .memo_nav_main > li { float:left; position:relative; width:78px; height:22px; margin-left:3px; text-align:center; background:#f0563e; color:#fff; line-height:22px; cursor:pointer }
#contents .con .memo_box .memo_nav .memo_nav_main > li:first-child { margin-left:0 }
#contents .con .memo_box .memo_nav .memo_nav_main > li.on { color:yellow }
#contents .con .memo_box .memo_nav .memo_nav_main:after { display:block; content:''; clear:both }


#contents .con .memo_box .memo_nav .memo_nav_sub { display:none; position:absolute; width: 250px }
#contents .con .memo_box .memo_nav .memo_nav_sub > li { float:left; width:60px;  background:#b7c11e; cursor:pointer }

#contents .con .memo_box .memo_nav .memo_nav_main > li:hover ul {display:block} 

/*aside*/




















/*#contents .du_table table { width: 199px; border-collapse: collapse }*/
/*#contents .du_table table, th, td { border: 1px solid black }*/

/*
#contents .du_table { width: 199px;  border-collapse: collapse; border:0px solid; margin:7px auto 7px auto }
#contents .du_table th { width:48px; line-height:2px }
#contents .du_table th span { font-size:11px; letter-spacing:-1px; margin-left:6px; color:#02253b }
#contents .du_table td span { display:block; width:144px; height:4px; background:url('../../../images/d10/basic/user_duration.png') no-repeat 0 0 }
#contents .du_table th, .du_table td { height:15px; font-weight: bold }
#contents .du_table .search_box_cur_du_graph { width:0%; background:#00a8aa; height:4px; border-radius:9px }
#contents .du_table .search_box_tot_du_graph { width:0%; background:#0092d4; height:4px; border-radius:9px }
*/
/*
#contents .search_menu { width:192px; margin:0 auto; border:1px solid red }
#contents .search_menu li { float:left; margin-left:2px; height:21px  }
#contents .search_menu li:first-child { margin-left:0  }
#contents .search_menu:after { display:block; content:''; clear:both }
*/
/*
#contents .search_form { display:block; width:193px; margin:6px auto 0 auto }
#contents .search_form legend { display:none }
#contents .search_form input[type='text'] { width:162px; height:23px; border:2px solid #002a4a; border-right: 0; font-size:15px; background:#fff url('../../../images/d10/basic/user_search_placeholder.png') no-repeat 0 0; vertical-align:middle }
#contents .search_form input[type='submit'] { background:url('../../../images/d10/basic/user_search_btn.png') no-repeat 0 0; width:27px; height:27px; border:0; cursor:pointer }
#contents .search_result { width:192px; height:260px; /*height:240px;*/ margin:6px auto 0 auto; overflow:auto }
*/


.word-data { -x-background: #ffffee; }
.current-word { background: #f25a29; outline: solid 2px #f25a29; /*box-shadow: 0 0 10px rgba(0,0,0,0.5)*/ }
.aligned-word:hover { cursor: pointer; background: #fa9551 }

.none { display: none }
.bdr { border: 1px solid }