body {margin:0; font-size:12px; font-family:"Arial" , "Malgun Gothic" !important; word-break:break-all}
a {text-decoration:none; border:none; outline:0; color:#414141}
ul {margin:0; padding:0}
ul li {list-style:none}
a:hover {-webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; opacity:0.7}
input:focus {outline: none}
input, select {border:1px solid #c7c7c7}
input, .ui-widget {font-family:"Arial" , "Malgun Gothic" !important;}

/* Basic Code */

.f_left {float:left}
.f_right {float:right}
.margin {margin:150px auto 0}
.width {width:100%}

.txleft {text-align:left}
.txcenter {text-align:center}
.txright {text-align:right}
.p_re {position:relative}
.p_ab {position:absolute}

h1 {font-size:30px; line-height:40px; margin:0; padding:0}
h2 {font-size:25px; line-height:35px; margin:0; padding:0}
h3 {font-size:20px; line-height:30px; margin:0; padding:0}
h4 {font-size:16px; line-height:20px; margin:0; padding:0}
h5 {font-size:14px; line-height:18px; margin:0; padding:0}

.bar_wrapper {position:relative; color:#e1e1e1}
.progressbar {background:#555; border-radius:5px; height:5px; overflow:hidden; position:absolute; top:0; width:100%}
.progressbar-value {background:#ffa60b; border-radius:5px; height:5px; width:0; position:absolute}

.vjs-default-skin .vjs-fullscreen-control,
.vjs-default-skin .vjs-fullscreen-control .vjs-control-content,
.vjs-default-skin .vjs-fullscreen-control .vjs-control-content .vjs-control-text {display:none}
.vjs-volume-control {margin-right:20px !important}

/* Content - Detail */
.content .main_text tr .no_lesson {display:block; height:488px; line-height:488px}

/* 공통 */
#lecture_detail {background:grey; position:absolute; width:100%; height:100%;  word-break:inherit}
#lecture_detail #content {float:left; background:none; padding:0}
#lecture_detail .width960 {width:960px; height:620px}

/* 동영상 */
#lecture_detail #content .title_top .video_btn {position:absolute; top:17px; left:435px}
#lecture_detail #content .title_top .video_btn span {font-size:22px}
#lecture_detail #content .title_top .video_btn span a {color:#c2c2c2; padding:0 10px}
#lecture_detail #content .title_top .video_btn span .hover {color:#f90}
#lecture_detail #content .title_top .video_btn .btn2 a{border-left:1px solid #c2c2c2}

#lecture_detail #content .lecture_left.video {width:762px; border-right:none}

/* 공통 - SUB */
#lecture_detail #content .title_top {background:url("../../images/bn_credu_top.png") no-repeat scroll 0 0 transparent; height:70px; margin:0; padding:0; position:relative}
#lecture_detail #content .title_top .sub_title {color:#fff; font-size:20px; width:98%; padding:8px 10px; float:left}
#lecture_detail .lecture_left {float:left; width:759px; border-right:3px solid #000}
#lecture_detail .lecture_left .intro a:hover {opacity:1}

#text_content, #wordbook_content, #talk_content {margin:0}

#text_content {background:#fff; display:block; height:550px; overflow:hidden; position:relative}
#text_content .main_text {font-size:16px; font-weight:bold; width:637px}
#talk_content .main_text tr td {padding:20px 0; font-size:16px; font-weight: bold}

/* 따라하기 */
#text_content .text_content_form {float:left; width:722px; height:432px; padding:40px 20px 0}
#text_content .text_content_form.main_text .main_text_box {padding:0 14%}
#text_content .text_content_form.main_text .main_text_box .title {font-size:18px; font-weight:bold; color:#fd5e20; padding:80px 30px 0}
#text_content .text_content_form.main_text .main_text_box .introduction {font-size:16px; color:#333; font-weight:bold; padding:30px 30px 0}
#text_content .text_content_form.main_text .main_text_box .introduction_content {font-size:15px; font-weight:normal; padding:10px 30px 0; color:#555; line-height:23px}

#text_content .text_content_form.while_text .while_text_box .title {width:100%; float:left; font-size:15px; font-weight:bold; color:#fd5e20; margin-bottom:5px}
#text_content .text_content_form.while_text .while_text_box .point_box {float:left; width:89.7%; min-height:90px; margin-bottom:11px; padding:2% 5% 7%; background:#fff; border:1px solid #a5a5a5}
#text_content .text_content_form.while_text .while_text_box .point_box .audio_en {font-size:14px; font-weight:bold; padding-bottom:4px; font-weight:bold; color:#f90; width:100%}
#text_content .text_content_form.while_text .while_text_box .point_box .audio_en_example {font-size:15px; font-weight:bold; line-height:18px; letter-spacing:-0.03em; color:#232323; width:100%}
#text_content .text_content_form.while_text .while_text_box .point_box .audio_ko {color:#a9a9a9; font-size:14px; font-weight:normal; padding-top:3px}

#text_content .text_content_form.while_text .while_text_box .point_box .translation {position:absolute; left:37%; right:37%; bottom:15px}
#text_content .text_content_form.while_text .while_text_box .point_box .translation .btnLine {}
#text_content .text_content_form.while_text .while_text_box .point_box .translation .btnLine div {float:left; width:58px; height:26px; position:relative; margin:0 2px; bottom:0}
#text_content .text_content_form.while_text .while_text_box .point_box .translation .btnLine div a {}
#text_content .text_content_form.while_text .while_text_box .point_box .translation .btnLine div a img {display:block; width:58px; height:26px}
#text_content .text_content_form.while_text .while_text_box .point_box .record {position:absolute; left:0; right:0; bottom:5px; width:100%}

#text_content .text_content_form.while_text .while_text_box .box {float:left; width:44.9%; height:125px; background:#f9f9f9; border:1px solid #a5a5a5; padding:2%}
#text_content .text_content_form.while_text .while_text_box .box .title {color:#232323; font-weight:bold; padding:0; font-size:15px}
#text_content .text_content_form.while_text .while_text_box .box .text {font-size:13px; line-height:21px; overflow-y:auto; height:95px}

#text_content .text_content_form.while_text .while_text_box .explanation {margin-right:1.5%}

#text_content .while_text {margin-left:-2px; position:relative}

#text_content .while_text .box .tdtitle {float:left; width:93%; height:20px; padding:10px 10px 0}
#text_content .while_text .box .tdtext {float:left; width:93%; height:85px; margin-top:10px; padding:0 10px; overflow-y:auto; font-size:13px; line-height:21px}
#text_content .while_text .box .title {font-weight:bold; margin:0; padding:0; font-size:15px}

#text_content .width {position:absolute; bottom:0}
#text_content .width.button {bottom:135px}
#text_content .button a {float:left; display:block; position:absolute; cursor:pointer; text-indent:-9999px}
#text_content .audio .button a {position:inherit; text-indent:0}
#text_content .number {font-size:14px; text-align:center; bottom:50px}

#text_content .btn_left {background:url("../../images/pre_active.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; left:305px; top:12px}
#text_content .btn_left:hover {background:url("../../images/pre_hover.png") no-repeat scroll 0 0 transparent}
#text_content .pre_not {background:url("../../images/pre_not_active.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; left:305px; top:12px; cursor:default; opacity:1}
#text_content .btn_right {background:url("../../images/next_active.png") no-repeat scroll 0 0 transparent; width:56px; height:56px; left:354px; right:354px}
#text_content .btn_right:hover {background:url("../../images/next_hover.png") no-repeat scroll 0 0 transparent}
#text_content .next_not {background:url("../../images/next_not_active.png") no-repeat scroll 0 0 transparent; width:56px; height:56px; left:354px; right:354px; cursor:default; opacity:1}

#text_content .quiz_tab {background:url("../../images/bottombar.png") repeat-x scroll 0 0 transparent; height:35px; border-top:1px solid #7c7c7c; position:absolute; bottom:0}
#text_content .quiz_tab .tab {display:block; float:left; width:32px; height:35px}
#text_content .quiz_tab .o {background:url("../../images/quiz_wrong.png") no-repeat scroll 0 0 transparent;}
#text_content .quiz_tab .x {background:url("../../images/quiz_correct.png") no-repeat scroll 0 0 transparent;}
#text_content .quiz_tab .dot {background:url("../../images/quiz_dot.png") no-repeat scroll 0 0 transparent;}
#text_content .quiz_tab .fin {background:url("../../images/quiz_complete.png") no-repeat scroll 0 0 transparent;}

/* 단어 */
#wordbook_content .information {position:relative; overflow:hidden; height:550px}

/* 단어 - 1page */
#wordbook_content {background:#f4f4f4; float:left}
#wordbook_content .word_quiz {width:541px; height:270px; margin:140px 0 ; padding:0 109px}
#wordbook_content .word_quiz .start_quiz {background:url("../../images/a_quiz.png") no-repeat scroll 0 0 transparent}
#wordbook_content .word_quiz .start_quiz:hover {background:url("../../images/a_quiz_hover.png") no-repeat scroll 0 0 transparent}
#wordbook_content .word_quiz .start_voca {background:url("../../images/a_list.png") no-repeat scroll 0 0 transparent}
#wordbook_content .word_quiz .start_voca:hover {background:url("../../images/a_list_hover.png") no-repeat scroll 0 0 transparent}
#wordbook_content .word_quiz .word_image {float:left; cursor:pointer; margin:0 20px; width:230px; height:230px}
#wordbook_content .word_quiz .word_image p {text-align:center; margin:143px 0 0}

/* 단어 - 2page */
#wordbook_content .word_quiz_test {position:relative; height:550px}
#wordbook_content .word_quiz_test .number{color:#8b8b8b; text-align:right; border-bottom:1px solid #a6a6a6; margin:0; padding:10px 5px}
#wordbook_content .word_quiz_test .ox {position:absolute; width:350px; top:45px; left:0; right:0; margin:0 auto}
#wordbook_content .word_quiz_test .quiz {background:#fdfdfd; width:365px; height:100px; text-align:center; margin:40px auto; padding:40px 0; font-family:"Arial"; border:1px solid #a6a6a6; border-radius:10px}
#wordbook_content .word_quiz_test .quiz .word_name {padding-top:5px; font-size:40px; color:#3b3b3b; font-weight:bold; word-break:normal; word-wrap:break-word}
#wordbook_content .word_quiz_test .quiz .pronounce {padding-top:5px; font-size:25px; color:#b2b2b2}
#wordbook_content .word_quiz_test .example {margin:0 102px; float:left}
#wordbook_content .word_quiz_test .example .ex {background:#fff; color:#fd8d20; font-size:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:265px; height:65px; line-height:65px; border:1px solid #a6a6a6; float:left; margin:5px; cursor:pointer}
#wordbook_content .word_quiz_test .example .click {background:#e57a11; color:#fff}
#wordbook_content .word_quiz_test .example .ex:hover {background:#ebebeb}

/* 단어 - 3page */
#wordbook_content .word_quiz_complete {position:relative; text-align:center; width:559px; height:387px; padding:100px 100px 60px}
#wordbook_content .word_quiz_complete .correct {font-size:25px; color:#1c1c1c; margin:115px 0 20px}
#wordbook_content .word_quiz_complete .correct span {font-size:35px; padding:0 5px 0 10px; position:inherit}
#wordbook_content .word_quiz_complete .go {float:left; margin:0 auto; padding:15px 0; text-align:center; width:100%}
#wordbook_content .word_quiz_complete .go p {background:url("../../images/quiz_example.png") repeat-x scroll 0 0 transparent; border:1px solid #5e5e5e; padding:5px 15px; color:#050505; margin:0 200px}

/* 단어 - 4page */
#wordbook_content .word_quiz_confirm {height:550px; overflow-y:auto; overflow-x:inherit}
#wordbook_content .word_quiz_confirm .number {float:right; color:#7f7f7f; line-height:22px}
#wordbook_content .word_quiz_confirm .float_left {width:742px; float:left}
#wordbook_content .word_quiz_confirm .word_title {font-size:14px; color:#f05500; margin:25px 20px 15px; height:22px; float:left; width:702px}
#wordbook_content .word_quiz_confirm .word_title .title_title {border:2px solid #f05500; border-radius:12px; padding:2px 14px}
#wordbook_content .word_quiz_confirm .word_title .word_name {color:#3b3b3b; font-size: 20px; font-weight:bold; padding-right:5px}
#wordbook_content .word_quiz_confirm .word_title .pronounce {color:#7a7a7a}

#wordbook_content .word_quiz_confirm .correct {margin-top:10px}
#wordbook_content .word_quiz_confirm .word_text:first-child {border-top:1px solid #e6e6e6}
#wordbook_content .word_quiz_confirm .word_text:last-child {border-bottom:1px solid #e6e6e6}
#wordbook_content .word_quiz_confirm .word_text {background:#fff; width:742px; float:left}
#wordbook_content .word_quiz_confirm .word_text .word_name {font-size:20px; color:#3b3b3b; font-weight:bold}
#wordbook_content .word_quiz_confirm .word_text .pronounce {font-size:16px; color:#7a7a7a}
#wordbook_content .word_quiz_confirm .word_text .verb {color:#fd8d20}
#wordbook_content .word_quiz_confirm .word_text .verb_text {color:#2c2c2c}
#wordbook_content .word_quiz_confirm .word_text .text_left {width:50%; float:left; clear:both; margin:-1px 0 1px; padding:13px 0 13px 5%; border-top:1px solid #e6e6e6}
#wordbook_content .word_quiz_confirm .word_text .text_right {width:40%; float:right; font-size:14px; line-height:24px; padding:13px 0; margin:-1px 5% 1px 0; border-top:1px solid #e6e6e6}
#wordbook_content .word_quiz_confirm .resolve_button {text-align:center; margin:60px 0 0; padding:0; height:85px; float:left}

#wordbook_content .word_quiz_confirm .diagonal {padding:13px 0 16px; margin:0 5px}
#wordbook_content .word_quiz_confirm .diagonal a {color:#4f4f4e; font-size:12px}
#wordbook_content .word_quiz_confirm .all_resolve_quiz {background:url("../../images/all.png") no-repeat scroll 0 0 transparent}
#wordbook_content .word_quiz_confirm .all_resolve_quiz a {padding:12px 32px 12px 55px}
#wordbook_content .word_quiz_confirm .all_resolve_quiz:hover {background:url("../../images/all_pressed.png") no-repeat scroll 0 0 transparent}
#wordbook_content .word_quiz_confirm .wrong_resolve_quiz {background:url("../../images/part.png") no-repeat scroll 0 0 transparent}
#wordbook_content .word_quiz_confirm .wrong_resolve_quiz a {padding:12px 50px 12px 65px}
#wordbook_content .word_quiz_confirm .wrong_resolve_quiz:hover {background:url("../../images/part_pressed.png") no-repeat scroll 0 0 transparent}

#wordbook_content .word_quiz_confirm .diagonal .resolve_padding {padding:15px 0}
#wordbook_content .word_quiz_confirm .diagonal .resolve_padding a {color:#fff; font-size:12px; font-weight:bold; line-height:50px; text-align:center; padding:17px 0 15px 50px}
#wordbook_content .word_quiz_confirm .diagonal .all_resolve a {padding-right:25px; padding-left:50px}
#wordbook_content .word_quiz_confirm .diagonal .wrong_resolve a {padding-right:20px}

/* 퀴즈 */
#talk_content {position:relative; overflow:hidden; height:550px; background:#fff}
#talk_content ul {margin:0; padding:0}
#talk_content ul li {list-style:none outside none; float:left; width:100%}
#talk_content ul li span {display:block}
#talk_content ul li .chn {color:#3b3b3b; margin-bottom:5px; width:95%}
#talk_content ul li .prn {color:#828282; margin-bottom:10px; font-size:12px; width:95%}
#talk_content .btnLine {height:38px; margin-bottom:15px}
#talk_content .btnLine span a {float:left; width:50px; height:25px; background:#f7f7f7; border:1px solid #b9b9b9; border-radius:5px; margin:5px 20px 5px 0}
#talk_content .btnLine span a img:hover {opacity:0.5}
#talk_content .btnLine .record a {margin-right:5px}

#talk_content .button {position:absolute; bottom:135px}
#talk_content .number {position:absolute; text-align:center; bottom:50px; font-size:14px}

#talk_content .ox_quiz {float:left; width:487px; height:300px; padding:100px 136px 0; position:relative}
#talk_content .ox_quiz .title {font-size:15px; color:#6a6a6a; margin:0 0 10px; padding:0; width:100%}
#talk_content .ox_quiz .text {font-size:14px; font-weight:bold; color:#1c1c1c; width:100%; margin-bottom:15px; clear:both}

#talk_content .answer {border:1px solid #787878; border-radius:5px; padding:10px; position:absolute; top:160px; background:#fff}
#talk_content .answer1 {text-align:center; border:1px solid #787878; border-radius:5px; padding:0 10px; position:absolute; top:160px; background:#fff; width:455px; height:235px}
#talk_content .answer1 span {width:100%; float:left}
#talk_content .answer1 .title {color:#343434; padding-top:10px; margin-bottom:10px}
#talk_content .answer1 .blue {color:#1499dd; font-size:14px; line-height:14px; padding-bottom:5px}
#talk_content .answer1 .red {color:#919191; font-size:14px; line-height:14px; float:left; margin:0 auto; width:100%; padding-bottom:8px}
#talk_content .answer1 .red span {float:none}
#talk_content .answer1 .original {color:#424242; font-size:11px; line-height:13px; border-bottom:1px dotted #636363; padding-bottom:20px; min-height:45px}
#talk_content .answer1 .text {color:#fff; float:left; margin:0 auto; width:100%; padding:4px 0}
#talk_content .answer1 .text .wrong {background:#e61111; float:none; padding:2px 8px 4px}
#talk_content .answer1 .text .correct {background:#1499dd; float:none; padding:2px 8px 4px}

/* Quiz Type 1 */
#talk_content .ox_quiz .ex {background:#f2f2f2; width:467px; padding:7px 10px; margin-bottom:5px; font-size:14px; cursor:pointer}
#talk_content .ox_quiz .ex span {color:#1cabec; float:right; padding-right:5px; font-weight:bold}
#talk_content .ox_quiz .check {background:url("../../images/ox_check.png") repeat-x scroll 0 0 transparent; color:#fff}
#talk_content .ox_quiz .blue_check {background:url("../../images/ox_check1.png") repeat-x scroll 0 0 transparent; color:#fff}
#talk_content .ox_quiz .check span, #talk_content .ox_quiz .blue_check span {color:#fff}

/* Quiz Type 2 */ 
#c_quiz_form2_boxes {margin:-3px; width:100%}
#talk_content .ox_quiz .example {color:#333; margin-bottom:10px}
#talk_content .ox_quiz .ex_word {background:url("../../images/quiz_example.png") repeat-x scroll 0 0 transparent; float:left; display:block; border:1px solid #5e5e5e; margin:3px; padding:3px 15px; color:#050505}
#talk_content .ox_quiz .ex_word_end {float:left; display:block; margin:6px; padding:3px 10px; color:#050505}
#talk_content .ox_quiz .sentence {margin-top:35px; float:left}
#talk_content .ox_quiz .sentence textarea {background:url("../../images/quiz_form2_bg.png") repeat-x scroll 0 0 transparent; border:1px solid #4a4a4a; width:380px; text-align:left; height:45px; resize:none; font-size:12px; padding:10px; margin:20px 5px 0 0}
#talk_content .ox_quiz .sentence .boxBtn {background:url("../../images/quiz_btn.png") repeat-x scroll 0 0 transparent; border:none; color:#fff; border:1px solid #4a4a4a; width:67px; height:67px; padding:5px; cursor:pointer; float:right; margin-top:21px}
#talk_content .ox_quiz .sentence .boxBtn:hover {opacity:0.8}

/* Quiz Finish */
#talk_content .ox_quiz .result {font-size:25px; color:3333; text-align:center; margin:90px 0 30px}
#talk_content .ox_quiz .result .number {font-size:35px; padding:0 5px 0 10px; position:inherit}
#talk_content .ox_quiz .try_again {float:left; width:100%; margin:0 auto; text-align:center; padding:15px 0}
#talk_content .ox_quiz .try_again a {background:url("../../images/quiz_example.png") repeat-x scroll 0 0 transparent; border:1px solid #5e5e5e; padding:3px 15px; color:#050505}

/* Quiz Type Button */
#talk_content .button a {position:absolute; cursor:pointer}
#talk_content .button .quiz-prev {width:35px; height:35px; left:305px; top:12px}
#talk_content .button .quiz-prev:hover {background:url("../../images/pre_hover.png") no-repeat scroll 0 0 transparent}
#talk_content .button .quiz-next {width:56px; height:56px; left:354px; right:354px}
#talk_content .button .quiz-next:hover {background:url("../../images/next_hover.png") no-repeat scroll 0 0 transparent} 

#talk_content #c_quiz_info {display:none !important}
#talk_content #c_quiz_navi .quiz-info {background:url("../../images/ex_not_active.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; right:265px; top:12px; text-indent:-9999px}
#talk_content #c_quiz_navi .click {background:url("../../images/ex_hover.png") no-repeat scroll 0 0 transparent}

#talk_content .button .bubble {background:url("../../images/explanation.png") no-repeat scroll 0 0 transparent; width:203px; height:128px; right:25px; top:-107px; text-indent:0; opacity:1; padding:15px 15px 25px 26px}

/* Quiz Type Tab */
#talk_content .quiz_tab {background:url("../../images/quiz_tab_bg.png") repeat-x scroll 0 0 transparent; height:35px; border-top:1px solid #7c7c7c; position:absolute; bottom:0}
#talk_content .quiz_tab .tab {display:block; float:left; width:32px; height:35px}

/* Tab */
#lecture_detail .lecture_right {float:right; width:198px}
#lecture_detail .lecture_right .tab_slide {background:#333}
#lecture_detail .lecture_right .tab_slide .tab {display:block; width:198px; height:110px} 

#lecture_detail .lecture_right .tab_slide .tab a {display:block; width:198px; height:110px; text-indent:-9999px}
#lecture_detail .lecture_right .tab_slide .tab a:hover {opacity:0.8}

#lecture_detail .lecture_right .tab_slide .camera_tab1 a {background:url("../../images/real_biz.png") no-repeat scroll 0 0 transparent}
#lecture_detail .lecture_right .tab_slide .camera_tab1.active a {background:url("../../images/real_biz_pressed.png") no-repeat scroll 0 0 transparent}
#lecture_detail .lecture_right .tab_slide .camera_tab2 a {background:url("../../images/lecture.png") no-repeat scroll 0 0 transparent}
#lecture_detail .lecture_right .tab_slide .camera_tab2.active a {background:url("../../images/lecture_pressed.png") no-repeat scroll 0 0 transparent}
#lecture_detail .lecture_right .tab_slide .list_tab a {background:url("../../images/repeat.png") no-repeat scroll 0 0 transparent}
#lecture_detail .lecture_right .tab_slide .list_tab.active a {background:url("../../images/repeat_pressed.png") no-repeat scroll 0 0 transparent}
#lecture_detail .lecture_right .tab_slide .word_tab a {background:url("../../images/voca.png") no-repeat scroll 0 0 transparent}
#lecture_detail .lecture_right .tab_slide .word_tab.active a {background:url("../../images/voca_pressed.png") no-repeat scroll 0 0 transparent}
#lecture_detail .lecture_right .tab_slide .speak_tab a {background:url("../../images/test.png") no-repeat scroll 0 0 transparent}
#lecture_detail .lecture_right .tab_slide .speak_tab.active a {background:url("../../images/test_pressed.png") no-repeat scroll 0 0 transparent}


#lecture_detail .lecture_right .tab_slide .tab0 {display:block; width:198px; height:137.5px} 

#lecture_detail .lecture_right .tab_slide .tab0 a {display:block; width:198px; height:137.5px; text-indent:-9999px}
#lecture_detail .lecture_right .tab_slide .tab0 a:hover {opacity:0.8}

#lecture_detail .lecture_right .tab_slide .camera_tab0 a {background:url("../../images/play.png") no-repeat scroll 0 0 transparent; background-size:198px 137.5px}
#lecture_detail .lecture_right .tab_slide .camera_tab0.active a {background:url("../../images/play_pressed.png") no-repeat scroll 0 0 transparent; background-size:198px 137.5px}
#lecture_detail .lecture_right .tab_slide .list_tab0 a {background:url("../../images/repeat0.png") no-repeat scroll 0 0 transparent; background-size:198px 137.5px}
#lecture_detail .lecture_right .tab_slide .list_tab0.active a {background:url("../../images/repeat_pressed0.png") no-repeat scroll 0 0 transparent; background-size:198px 137.5px}
#lecture_detail .lecture_right .tab_slide .word_tab0 a {background:url("../../images/word.png") no-repeat scroll 0 0 transparent; background-size:198px 137.5px}
#lecture_detail .lecture_right .tab_slide .word_tab0.active a {background:url("../../images/word_pressed.png") no-repeat scroll 0 0 transparent; background-size:198px 137.5px}
#lecture_detail .lecture_right .tab_slide .speak_tab0 a {background:url("../../images/quiz.png") no-repeat scroll 0 0 transparent; background-size:198px 137.5px}
#lecture_detail .lecture_right .tab_slide .speak_tab0.active a {background:url("../../images/quiz_pressed.png") no-repeat scroll 0 0 transparent; background-size:198px 137.5px}

.detail #drop_btn {float:right; cursor:pointer}
.detail .back {background:none; border:2px solid #a4a4a4; color:#858585; float:left; font-size:21px; font-weight:bold; width:40px; height:40px; margin:10px 40px 25px; cursor:pointer}
.detail .videocontent {display:block}
.detail .title {padding-bottom:5px; margin-bottom:20px}
.detail .title .upper {color:#515151; font-size:14px; width:85%; float:left}
.detail .title .list_list {float:right; color:#a4a4a4; font-size:15px; line-height:35px; padding-right:10px}

.detail .slide .button a {color:#adadad}
.detail .slide .button a span {float:left; display:block; line-height:40px; padding-left:45px; font-size:18px; font-weight:bold}
.detail .slide .wrapper_right {float:right; width:335px}

.detail .info #wordbook_content .word_wrap {float:left; margin-bottom:40px}
.word_title {margin:25px 20px 10px}
.word_title .word_name {color:#3b3b3b; font-size: 20px; font-weight:bold; padding-right:5px}
.word_title .pronounce {color:#7a7a7a}
.word_content {margin:0 0 10px 15px; float:left}
.word_content .verb {color:#fd8d20; float:left; padding-right:5px}
.word_content .verb_text {color:#2c2c2c; float:left; width:745px}

/* End Content - Detail */

/* Hack Mac-OS Safari */

.webkit body {font-size:12px; font-family:"Arial" , "NanumGothic"!important}
.webkit h1, .webkit h2, .webkit h3, .webkit h4, .webkit h5, input {font-family:"Arial" , "NanumGothic"!important}

.webkit .lesson_box .lesson_box_title .title {margin: 18px 25px}
.webkit .lesson_box #tabs #bntab  ul li {line-height:70px}

.webkit #inquire .introinquire .text .dotted_third .left {height:10px}

/* Main header */
.webkit #login .local_nav {width:72%}
.webkit #login .local_nav .btn_login .click {margin:0 7px; line-height:24px}

/* Feature */
.webkit #mobile .content {margin: 25px 75px 0}
.webkit #lms .text {font-size:13px}
.webkit #lms .lms_text {font-size:23px}

/* Introduce Course */
.webkit #introduce_course .introcourse .title {font-size:22px}
.webkit #introduce_course .introcourse .text {font-size:16px}
.webkit #introduce_course .introcourse span .title {font-size:16px}

/* wordbook_content */
.webkit #wordbook_content .word_quiz_confirm .diagonal a {font-size:11px}
.webkit #wordbook_content .word_quiz_confirm .all_resolve_quiz a {padding:12px 50px 12px 60px}
.webkit #wordbook_content .word_quiz_confirm .wrong_resolve_quiz a { padding:12px 65px 12px 70px}

.webkit #speaker .speaker_tab {letter-spacing:-0.2px}
.webkit #introduce_course #bncontent .tab .box ul li a {line-height:20px}

.webkit .video_box .video_text{font-family:"NanumGothic"; font-size:17px; color:#6d6d6d}
.webkit .feature_box .feature_tab .text{line-height:28px}
.webkit #service .service_box .text{line-height:32px; font-size:21px; margin-top:-10px}

/* End Mac-OS Safari */

/* Hack Chrome */

.chrome body {font-size:12px; font-family:"Arial" , "Malgun Gothic"!important; letter-spacing:0}
.chrome h1, .chrome h2, .chrome h3, .chrome h4, .chrome h5, input {font-family:"Arial" , "Malgun Gothic"!important}

/* 企業の方はこちら */
.chrome #inquire .introinquire .text .dotted .left {height:49px}
.chrome #inquire .introinquire .text .dotted_third .left {height:51px}
.chrome #inquire .introinquire .text .dotted_last .left {height:226px}

/* 特定商取引法に基づく表記 */
.chrome .tabs_tab .tab-content #tab3 .first {width:399.6%; display:block}
.chrome .tabs_tab .tab-content #tab3 .first td p {width:521%}

/* パスワードを忘れた方 */
.chrome #b2b_login .password .b2b_logo {margin:21px 0}

/* ご登録 */
.chrome .sign .info {padding-top:25px}


/* Main header */
.chrome #login .local_nav {width:70%}
.chrome #login .local_nav .btn_login .click {margin:0 8px; line-height:21px}

/* Feature */
.chrome #mobile .content {margin: 25px 80px 0}
.chrome #lms .text {font-size:13px}
.chrome #lms .lms_text {font-size:24px}

/* Introduce Course */
.chrome #introduce_course .introcourse .title {font-size:22px}
.chrome #introduce_course .introcourse .text {font-size:16px}
.chrome #introduce_course .introcourse span .title {font-size:16px}

.chrome #speaker .speaker_tab {letter-spacing:0}
.chrome #introduce_course #bncontent .tab .box ul li a {line-height:20px}

/* wordbook_content */
.chrome #wordbook_content .word_quiz_confirm .diagonal a {font-size:11px}

/* End Hack Chrome */

/* Hack ie8 */

#b2b_login .lb1 {z-index:11\9;}
a img {border:0\9;}
.ceo .face {z-index:1000\9;}
.ceo .face:hover {filter: alpha(opacity = 0)\9; z-index:0\9;}
.ceo a .hover:hover {display:block\9; z-index:1000\9; filter: alpha(opacity = 70)\9;}
.admin_content ul .tab5b {height:50px\9;}
#login .main_login .box {line-height:25px\9;}
#video .introvideo .lecture_text .video_text span {font-size:11px\9;}
#video .introvideo {position:relative\9;}
#video .introvideo .lecture_text {position:absolute\9; bottom:45px\9; right:25px\9;}
#b2b_login .wrapper_grid .b2b_login .main_login input {line-height:30px\9;}
body #main_slide .bx-wrapper .bx-controls-direction a {z-index:3; width:32px\9; height:32px\9;}
body #main_slide .bx-wrapper .bx-prev {background: url("images/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0)\9; left:-40px\9;}
body #main_slide .bx-wrapper .bx-next {background: url("images/controls.png") no-repeat scroll -43px -32px rgba(0, 0, 0, 0)\9; right:-40px\9;}
body #main_slide .bx-wrapper .bx-next:hover {background-position:-43px 0\9;}
#inquire .introinquire .text .dotted_third .right input {border:none\9;}
body #inquire .introinquire .text .dotted .left {height:49px\9;}
#inquire .introinquire .text .dotted_third .left {height:61px\9;}
#inquire .introinquire .text .dotted_last .left {height:224px\9;}
#lecture_detail .lecture_right #lecture_list .list img {background:none repeat scroll 0 0 #f3f3f3\9; float:right\9;}
.sign .sign_left .img input[type="file"] {filter:alpha(opacity=0);}

 /* End Hack ie8 */

/* Hack IE 9 10 */

/* 企業の方はこちら */
:root #inquire .introinquire .text .dotted .left {height:49px}
:root #inquire .introinquire .text .dotted_third .left {height:61px; line-height:61px}
:root #inquire .introinquire .text .dotted_last .left {height:223px}
:root #inquire .introinquire .text .dotted .right .radio {border:none}

/* 特定商取引法に基づく表記 */
:root .tabs_tab .tab-content #tab3 .first {width:399.2%; display:block}
:root .tabs_tab .tab-content #tab3 .first td p {width:522.2%}

/* main_slide */
:root body #main_slide .bx-wrapper .bx-controls-direction a {width:75px\0/; height:75px\9;}
:root body #main_slide .bx-wrapper .bx-prev {left:-100px\9;}
:root body #main_slide .bx-wrapper .bx-next {right:-100px\9;}
:root body #main_slide .bx-wrapper .bx-next:hover {background-position:-87px 0\9;}

/* Hack IE 9 10 */

/* Hack IE 11 */

/* 企業の方はこちら */
.win #inquire .introinquire .text .dotted .left {height:49px}
.win #inquire .introinquire .text .dotted_third .left {height:51px}
.win #inquire .introinquire .text .dotted_last .left {height:223px}

/* 特定商取引法に基づく表記 */
.win .tabs_tab .tab-content #tab3 .first {width:399.2%; display:block}
.win .tabs_tab .tab-content #tab3 .first td p {width:522.2%}

/* パスワードを忘れた方 */
.win #b2b_login .password .b2b_logo {margin:20px 0}