@charset "utf-8";
html{

}

input{ime-mode:inactive;
-webkit-appearance: none;
 -webkit-border-radius: 0;
}
input[type=text]::-ms-clear {display: none;}
.moving{
    	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.moving_row{
    -webkit-transition: all 1000ms ease-in-out;
	-moz-transition: all 1000ms ease-in-out;
	-o-transition: all 1000ms ease-in-out;
	transition: all 1000ms ease-in-out;
}

a:-webkit-any-link {text-decoration: none}
a {text-decoration: none;}
html,body{margin:0;padding:0;height:100%;min-width:320px;margin:0 auto;;background-size:27px 27px;}
body{font-family: 'Noto Sans KR', sans-serif;color:#666;font-weight: 400}

.skipnav {margin-bottom:0}
.skipnav a{position:absolute;top:-999999px;background:#333;color:#fff;width:100%;padding:10px 0;text-align:center;text-decoration:none;z-index:10001;}
/*.skipnav a:focus{display:block;top:0;}*/

.linear{font-size: 40px;width:auto;display: inline-block;position: relative;margin: 0 3px 7px;width:25%;box-sizing: border-box;}
.longs .tbx.active{color:#fff;margin-bottom: 20px;}
.dots_add{position: absolute;top:0px;right:-1px;width:100px;height: 10px;width:100%;text-align: right;font-size: 0;padding:0 7px;box-sizing: border-box;}
.dot_circle{width:5px;height: 5px;display: inline-block;background: #0a8800;border-radius: 50%;margin-left:4px;
}

#VLBX1{width:0;height:0;overflow:hidden;}

.dot_circle:first-child{margin-left:none;}
.inner{max-width:1024px;margin:0 auto;min-width: 960px;position: relative;}
.typing_box  .linear input{
ime-mode:inactive;
/*    width:auto;*/
/*letter-spacing :10%;font-stretch:condensed;*/

}
.type_bar {position: relative;font-size: 0;}

.inner:after{content:'';clear:both;display:block;}
.header{background: url(../../img/header_bg.png) repeat 0 0;height:87px;}
.header .inner{padding-top:21px;position: relative;}
.header .inner .logo{position: absolute;top:50%;margin-top:-13.5px;left:47px;}
.header .inner .logo .time_count{background: #fff;font-weight: 500;color:#832b9a;
font-size: 18px;display: inline-block;border-radius: 15px;padding:3px 0;width:103px;text-align: center;
margin-left:20px;margin-top: -3px;}
.clearfix {zoom:1;}
.content{width:100%;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}



.fz20{font-size:20px !important;}


.header .inner .menu{float:right;margin-right: 30px;}
.header .inner .menu li{float:left;width:132px;height:66px;border-radius:66px 66px 0 0;background-color:rgba(39,40,48,.6);}
.header .inner .menu li.on{background-color:rgba(39,40,48,1);}
.header .inner .menu li a{display:block;text-align:center;padding-top:20px;}
.header .inner .menu li a strong{display:block;line-height:20px;font-size:17px;color:#fff;opacity:.7;font-weight: 400;}

.container{position:relative;background-color:#fff;overflow:hidden;}
.content{position:relative;min-height:430px;}

.inline_wrap{display: inline-block}

.helper{display:inline-block;height: 100%;vertical-align: middle;}

.location{margin-top: 33px;margin-bottom: 17px;}
.location ul li{float:left;font-size: 18px;font-weight: 400;
color:#555555;padding-right: 25px;background:url(../../img/location_arrow.png)no-repeat 86% center}
.location ul li:last-child{background:none;}
.center_space{width:521px;height: 300px;float:left;border: 1px solid #bcbcbc;border-top-left-radius: 11px;overflow: hidden;background-repeat: no-repeat;
 background-position: center center;background-size: 100% 100%;
border-bottom-left-radius: 11px;}
.center_space img{width:100%;height: 282px;vertical-align: middle;}
.center_space.on{border-radius: 11px;}

.word_area{background: #fff;float:left;min-width:150px;position: relative;border: 1px solid #bcbcbc;position: relative;
border-top-right-radius: 11px;border-left:none;height: 300px;
border-bottom-right-radius: 11px;opacity: 1;right:0;}

.word_area.on{opacity: 0;height: 0;overflow: hidden;}

.word_area h3{line-height:49px;text-align: center;border-radius:10px 10px 0 0;font-size:16px;color:#272830;height: 49px;font-weight: 600;
margin-bottom: 25px;border-bottom:1px solid #c2c4c4;text-indent: -15px;}


.word_area .word_list{height:210px;overflow-y:scroll;min-width:140px;margin-right: 10px;
-webkit-overflow-scrolling: touch;

}
/* Chrome, Safari용 스크롤 바 */
.word_area .word_list::-webkit-scrollbar {width:17px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
.word_area .word_list::-webkit-scrollbar-button:start:decrement,
.word_area .word_list::-webkit-scrollbar-button:end:increment {display: block;}  /*상하좌우 화살표 영역_배경넣어줘야함*/


.word_area .word_list::-webkit-scrollbar-button:start:decrement{background:url(../../img/scroll_arrow_top.png)no-repeat center center;width:14px;height:30px;}
.word_area .word_list::-webkit-scrollbar-button:end:increment {width:14px;height: 30px;
    background:url(../../img/scroll_arrow_bottom.png)no-repeat center center;
}

.word_area .word_list::-webkit-scrollbar-track {background:#fff;} /*트랙*/
.word_area .word_list::-webkit-scrollbar-thumb {background:#e3e3e3; border: 1px solid #e3e3e3;} /*스크롤*/

.word_area .word_list{

/*ie*/
  scrollbar-face-color: #e0e0e0;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-highlight-color: #e0e0e0;
  scrollbar-3dlight-color: none;
  scrollbar-shadow-color: #e0e0e0;
  scrollbar-darkshadow-color: none;
}



.word_area .word_list li{padding:5px;text-align: left;padding-left:15px;padding-bottom: 7px;}
.word_area .word_list li a{display:inline-block;line-height:28px;padding:0 12px;box-sizing:border-box;font-size:18px;color:#555555;font-size: 18px;}
.word_area .word_list li.active a{display:inline-block;line-height:28px;padding:0 12px;background-color:#832b9a;color:#fff;border-radius:14px;}
.word_area .word_list li .ans{display:inline-block;width:28px;height:28px;text-indent:-9999em;vertical-align:top;}
.word_area .word_list li .ans_t{background: url(../../img/ans_t.png) no-repeat 50% 50%}
.word_area .word_list li .ans_f{background: url(../../img/ans_f.png) no-repeat 50% 50%}
.block_close{position:absolute;right:11px;top:18px;display:block;width:14px;height:14px;text-indent:-9999em;vertical-align:top;background: url(../../img/block_close.png) no-repeat 50% 50%}

.r_box{position:absolute;right:0;top:128px;}
.r_box .r_menu{}
.r_box .r_menu > li{position:relative;}
.r_box .r_menu > li + li{border-top:1px solid #9a9ea1;}
.r_box .r_menu > li > a{display:block;width:59px;height:59px;background-color:#4e555b;text-indent:-9999em;}
.r_box .r_menu > li > a.setting_lang{background: #4e555b url(../../img/ico_lang.png) no-repeat 50% 50%}
.r_box .r_menu > li > a.setting_a{background: #4e555b url(../../img/ico_a.png) no-repeat 50% 50%;text-indent:0;}
.r_box .r_menu > li > a.setting_w{background: #4e555b url(../../img/ico_w.png) no-repeat 50% 50%;text-indent:0;}
.r_box .r_menu > li > a.setting_pass{background: #4e555b url(../../img/ico_pass.png) no-repeat 50% 50%;text-indent:0;}
.r_box .r_menu > li > a.setting_speed{background: #4e555b url(../../img/ico_speed.png) no-repeat 50% 50%;text-indent:0;text-align:center;padding-top:26px;;color:#fff;box-sizing:border-box;font-size:14px;letter-spacing:-1px;}
.r_box .r_menu > li > a .cnt{display:inline-block;width:20px;height:20px;background-color:#832b9a;color:#fff;border-radius:10px;text-align:center;line-height:20px;position:absolute;left:50%;top:10px;}
.r_box .r_menu > li:first-child > a{border-radius:10px 0 0 0}
.r_box .r_menu > li:last-child > a{border-radius:0 0 0 10px;}


.r_box .r_menu > li .option_box{display:none}
.r_box .r_menu > li.on .option_box{display:block;position:absolute;right:0;top:0;height:59px;background-color:#4e555b;border-radius:10px 0 0 10px;}
.r_box .r_menu > li.on .option_box .select_list{width:245px;padding:16px;box-sizing:border-box;text-align:center;font-size:0;}
.r_box .r_menu > li.on .option_box .select_list li{display:inline-block;}
.r_box .r_menu > li.on .option_box .select_list li a{display:inline-block;color:#fff;font-size:16px;padding:0 10px;height:28px;line-height:28px;}
.r_box .r_menu > li.on .option_box .select_list li.selected a{background-color:#fff;color:#832b9a;border-radius:14px;}

.r_box .r_menu > li.on .option_box .option_in{width:337px;padding:16px;box-sizing:border-box;text-align:center;font-size:0;}
.r_box .r_menu > li.on .option_box .option_in .o_tt{display:inline-block;font-size:16px;color:#fff;line-height:22px;padding-right:8px;}
.r_box .r_menu > li.on .option_box .option_in .option_list{display:inline-block;width:200px;vertical-align:top;border-radius:14px;background-color:#fff;overflow:hidden;}
.r_box .r_menu > li.on .option_box .option_in .option_list.o_speed{width:240px;}
.r_box .r_menu > li.on .option_box .option_in .option_list li{display:inline-block;width:20%;background-color:#832b9a;border-left:1px solid #4e555b;box-sizing:border-box;}
.r_box .r_menu > li.on .option_box .option_in .option_list li a{display:block;font-size:16px;color:#fff;line-height:22px;}
.r_box .r_menu > li.on .option_box .option_in .option_list .selected ~ li a{background-color:#fff;color:#4e555b;}
.r_box .r_menu > li.on .option_box .option_in .option_list.o_speed li{background-color:#fff;}
.r_box .r_menu > li.on .option_box .option_in .option_list.o_speed li a{display:block;font-size:16px;color:#4e555b;line-height:22px;}
.r_box .r_menu > li.on .option_box .option_in .option_list.o_speed .selected a{background-color:#832b9a;color:#fff;}

.r_box .r_menu > li.on .setting_pass + .option_box .option_in{width:150px;}
.r_box .r_menu > li.on .option_box .option_in .o_tx{display:inline-block;width:30px;height:30px;background-color:#832b9a;color:#fff;border-radius:15px;text-align:center;line-height:30px;font-size:16px;}

.progress{background-color:#000;height:42px;font-size:0;}
.progress .inner{position:relative;}
.progress a.btns{display:inline-block;width:20px;height:20px;}
.progress a.btns + .btns{margin-left:30px;position: relative;
z-index:10000}
.progress a.btn_prev{background:url(../../img/btn_prev.png) no-repeat 50% 50%;}




.progress a.btn_prev.on{background:url(../../img/btn_prev_on.png) no-repeat 50% 50%;}
.progress a.btn_play{background:url(../../img/btn_play.png) no-repeat 50% 50%;}

/*해드셋 온오프*/
.progress a.headset{background:url(../../img/headset.png) no-repeat 50% 50%;width:24px;}
.progress a.headset.on{background:url(../../img/headset_on.png) no-repeat 50% 50%;24px;}


/*해드셋 온오프*/
.progress a.stop_long{background:url(../../img/long_stop.jpg) no-repeat 50% 50%;width:24px;}
.progress a.stop_long.on{background:url(../../img/long_stop_on.jpg) no-repeat 50% 50%;24px;}

/*마이크 온*/
.progress a.mic{background:url(../../img/mic.png) no-repeat center top ;height: 25px;}
.progress a.btn_pause{background:url(../../img/btn_pause.png) no-repeat 50% 50%;}
.progress a.btn_pause.on{background:url(../../img/btn_pause_on.png) no-repeat 50% 50%;}
.progress a.btn_next{background:url(../../img/btn_next.png) no-repeat 50% 50%;}
.progress a.btn_next.on{background:url(../../img/btn_next_on.png) no-repeat 50% 50%;}
.progress a.btn_re{background:url(../../img/btn_re.png) no-repeat 50% 50%;}
.progress a.btn_re.on{background:url(../../img/btn_re_on.png) no-repeat 50% 50%;}
.progress a.btn_vol{background:url(../../img/btn_vol.png) no-repeat 50% 50%;}
.progress a.btn_vol.on{background:url(../../img/btn_vol_on.png) no-repeat 50% 50%;}
.progress a.btn_menu{background:url(../../img/btn_menu.png) no-repeat 50% 50%;}

.progress .btn_box{display:inline-block;vertical-align:top;border-right:1px solid #272830;box-sizing:border-box;width:363px;height: 42px;text-align:center;
padding:11px 30px;
width:35.449%;}



.progress .bar_area{position:relative;display:inline-block;width:375px;border-right:1px solid #272830;height:42px;box-sizing:border-box;text-align: center;width:36.621%;}


/*.bar_area:before{content:'';position:absolute;left:18px;top:9px;background: url(../../img/ico_circle.png) no-repeat 0 0;display:block;width:14px;height:14px;z-index:15;}*/




.bar_area .first_page{display:inline-block;font-size: 15px;line-height: 14px;
color:#7d7e83;text-align: center;height: 42px;line-height: 42px;}


.bar_area .last_page{display:inline-block;width:14px;height:14px;font-size: 15px;line-height: 14px;
color:#7d7e83;text-align: center;}

.progress .bar_box{position:relative;width:217px;background: #272830;display: inline-block;height: 2px;
margin:0 14px;vertical-align: middle;margin-top: -11px;}
.progress .bar_box .cursur{position: absolute;left:0;top:0;background: #832b9a;height: 2px;}

.progress .bar_box .ing{display: inline-block;height: 2px;}
/*.progress .bar_box .cursor{position:absolute;top:0;z-index:20;width:50%;left:0;background: #832b9a;}*/
.progress .bar_box .cur_img{display:block;position:absolute;left:100%;top:-30px;width:50px;height:60px;background: url(../../img/cursor_01.png) no-repeat 0 100%;text-indent:0;margin-left:-25px;}
.progress .bar_box .cur_img2{display:block;position:absolute;left:100%;top:-30px;width:49px;height:55px;background: url(../../img/cursor_02.png) no-repeat 0 100%;text-indent:0;margin-left:-25px;}
.progress .bar_box .tx_b{position:absolute;right:10px;top:-25px;display:block;padding:3px 8px;background-color:#4e555b;height:22px;line-height:22px;border-radius:14px;font-size:15px;color:#fff;white-space:nowrap;}
.progress .bar_box .tx_b em{display:inline-block;line-height:22px;width:22px;border-radius:11px;background-color:#272830;font-size:15px;margin-right:6px;}
.progress .chapter{display:inline-block;padding:6px 0;border-right:1px solid #272830;vertical-align:top;line-height:20px;text-align:center;width:77px;box-sizing:border-box;font-size:15px;color:#7d7e83;}

.progress .score_box{display:inline-block;background-color:#000;border-top:1px solid #272830;border-radius:0 0 8px 8px;text-align:center;font-size:0;box-sizing: border-box;height: 42px;width:286px;width:27.929%;
vertical-align: top;padding-top: 5px;}

.progress .score_box .score_change{display: inline-block;vertical-align:top}
.progress .score_box .smile{display: inline-block;height: 28px;vertical-align: top;margin-left:17px;}
.progress .score_box .score_change .submit{width:111px;height: 28px;line-height: 28px;font-size: 18px;color:#fdd000;font-weight: bold;text-align: center;border-radius: 15px;background: #272830;cursor: pointer}
.progress .score_box .score_f{display:inline-block;width:27px;height:27px;text-indent:-9999em;background: url(../../img/score_f.png) no-repeat 0 0;}

.progress .score_box .score_f.on{display:inline-block;width:27px;height:27px;text-indent:-9999em;background: url(../../img/score_f_on.png) no-repeat 0 1px;}

.progress .score_box .score_t{display:inline-block;width:27px;height:27px;text-indent:-9999em;background: url(../../img/score_t.png) no-repeat 0 0;}

.progress .score_box .score_t.off{
    background: url(../../img/sad_smile.png) no-repeat 0 0;
}

.progress .score_box .score_f + .score_t{margin-left:8px;}
.progress .score_box .score_t + .score_t{margin-left:1px;}
.study_box{background-color:#272830;width:100%;min-height: 300px;height:300px;

position: relative;
}
.center_content {height:303px;overflow:hidden;}
.study_box .inner{display:table;height: 100%;}
.study_box .inner .conbox{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.conbox .lang_en{font-size:50px;color:#fff;width:100%;}
.conbox .lang_ko{font-size:40px;color:#fff;opacity:.5;width:100%;}

.conbox .lang_ko.line{font-size:14px;}

.conbox .lang_ko_s{font-size:18px;color:#ababad;line-height:30px;}
.conbox > p + p{margin-top:10px;}
.conbox input{font-size:50px;color:#fff;background-color:transparent;height:60px;line-height:60px;width:100%;border:none;text-align:center;text-decoration:underline;}
.typing_box input{color:#fff;background-color:transparent;height:40px;line-height:40px;width:100%;border:none;text-align:center;/*text-decoration:underline;*/
border-bottom:2px solid #fff;text-decoration: none;font-size: 20px;letter-spacing: 4px;
        font-family: 'Noto Sans KR', sans-serif;font-weight: 400;


}

.typing_box input.wfz{font-size:50px;height:72px;line-height:65px;}
.answer_box.wfz{font-size:50px;height:72px;line-height:65px;top:-2px;}
.ic{
    font-size: 23px;vertical-align: top;
    width: auto;height: 70px;line-height: 40px;
    display: inline-block;
    position: relative;
    color:#fff;
    box-sizing: border-box;


}
.ic.qe{
    margin-left: -9px;
}
.answer_box{position: absolute;top:-2px;left:0;width:100%;
height: 100%;background: #272830;
    font-size: 40px;
    color: #fff;

    height: 40px;
    line-height: 40px;
    width: 100%;
    border: none;
    text-align: center;
    /* text-decoration: underline; */
border-bottom: 2px solid #fff;
    text-decoration: none;
    font-size: 24px;
    letter-spacing: 4px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}

.ic.dot{line-height: 50px;}
.wrong_text{text-indent: 0;
   font-size:50px;color:#fff;background-color:transparent;height:30px;line-height:30px;width:100%;border:none;text-align:center;
text-decoration: none;font-size: 17px;opacity: 0.6;
    min-height:30px;
}
.wrong_text.no_write{text-indent:-99999px;}
.wrong_text.all{text-indent: -99999px;}
.linear.write {padding-bottom: 30px;}
.linear.write .wrong_text{position: absolute;bottom:0;left:0;}

.wrong_text span{width:auto;display: inline-block;margin:0;padding:0;}
.wrong_text .wrong{color:#0a8800;}
.typing_box input:focus{outline:0;background: transparent;box-shadow:  none;border: none;/*text-decoration: underline;*/border-bottom:2px solid #fff;text-decoration: none;}

.study_box .type_bar .liners{height: 78px;width:100%;background:#fff;}

.study_box .type_bar .info{width: 100%;text-align: left;margin-top: 5px;}
.study_box .type_bar .info .con{margin-right: 50px;display: inline-block;font-size:11px;height:14px;line-height:14px;
vertical-align:top;}
.study_box .type_bar .info .con:last-child{margin-right: 0;}
.study_box .type_bar .info .con .box{width:14px;height: 14px;background: #000;margin-right: 6px;
margin-bottom:-2px;
    display: inline-block;}

.type_bar.area textarea{
    font-size: 14px;
    color:#fff !important;text-shadow: none;
    background: none;border:none;font-weight: 500;
    outline: 0;box-shadow: none;
}
.type_bar.area textarea:focus{outline: 0;}
*:focus {
    outline: 0;
}
.type_bar.area iframe{height: 100% !important;}
#smart_editor2 .se2_text_tool {display: none !important;}

.vol_box{display:none;position:absolute;bottom:40px;background-color: rgba(39,40,48,.7);width:50px;height:100px;left:50%;margin-left: 90px;}
.vol_box .vol_no{display:none;}
.vol_box .vol_g{width:6px;height:74px;background-color:#fff;border:none;float:none;margin:12px auto;}
.vol_box .ui-slider-range{width:6px;border:none;margin:0 auto;}
.vol_box .ui-slider-handle{width:20px;height:8px;background-color:#832b9a;border-radius:4px;border:none;margin-left:-6px;margin-bottom:-4px;}

.cmtbox_01{position:absolute;left:50%;top:-50px;margin-left:-282px;width:500px;text-align:center;}
.cmtbox_01 .arrow_set{position:absolute;background: url(../../img/ico_bb.png) no-repeat 50% 100%;width:12px;height: 10px;bottom:-10px;margin-left:-6px;left:50%;}

.cmtbox_01 .txb{background-color:rgb(131, 43, 154);color:#fff;font-size:17px;border-radius:21px;height: 38px;line-height: 38px;font-weight: 400;padding:0 30px;display: inline-block;


}
.cmtbox_02{display:;position:absolute;left:50%;top:464px;padding-bottom:10px;background: url(../../img/ico_bb.png) no-repeat 50% 100%;margin-left:-496px;}
.cmtbox_02 .txb{padding:10px 30px;background-color:rgba(131,43,154,.8);color:#fff;font-size:20px;line-height:22px;border-radius:21px}

.characters{position: absolute;bottom:0;left:0;z-index:9999}
.types{width:210px;height: 152px;bottom:0;}
.type01{content:'';position:absolute;left:0;bottom:0;display:block;background: url(../../img/type01.png) no-repeat 0 0}
.type02{content:'';position:absolute;left:0;display:block;background: url(../../img/type02.png) no-repeat 0 0;z-index:10;}
.type03{content:'';position:absolute;left:0;display:block;background: url(../../img/type03.png) no-repeat 0 0;z-index:10;}
.type04{content:'';position:absolute;left:0;display:block;background: url(../../img/type04.png) no-repeat 0 0;z-index:10;}
.type05{content:'';position:absolute;left:0;display:block;background: url(../../img/type05.png) no-repeat 0 0;z-index:10;}
.type06{content:'';position:absolute;left:0;display:block;background: url(../../img/type06.png) no-repeat 0 0;z-index:10;}
.type07{content:'';position:absolute;left:0;display:block;background: url(../../img/type07.png) no-repeat 0 0;z-index:10;}
.type08{content:'';position:absolute;left:0;display:block;background: url(../../img/type08.png) no-repeat 0 0;z-index:10;}


.speak_box{}
.speak_box .eq_box{width:684px;background-color:#fff;height:78px;margin:10px auto 5px auto;}
.speak_box .eq_dis{width:684px;text-align:left;margin:0 auto;}
.speak_box .eq_dis .eq_st{position:relative;font-size:15px;padding-left:18px;color: rgba(255,255,255,.5);}
.speak_box .eq_dis .eq_st + .eq_st{margin-left:50px;}
.speak_box .eq_dis .eq_native:after{content:'';display:block;width:13px;height:13px;background-color:#7ec34e;position:absolute;left:0;top:1px;}
.speak_box .eq_dis .eq_student:after{content:'';display:block;width:13px;height:13px;background-color:#f7a329;position:absolute;left:0;top:1px;}

.sync_box{}
.sync_box .sync_en{font-size:25px;color:#4e555b;line-height:30px;}
.sync_box .sync_ko{font-size:18px;color:#4e555b;line-height:22px;}
.sync_box .sync_tx{margin-bottom:30px;}
.sync_box .sync_tx .sync_en{color:#fff;}
.sync_box .sync_tx .sync_ko{color:#fff;}

.dim{background: rgba(0,0,0,.75);position:fixed;left:0;top:0;z-index:100000;width:100%;height:100%;}
.top_line{background:#fff url(/img/top_line.jpg)repeat-x top left;
height: 9px;width:100%;}
.pop_area{position:absolute;left:50%;top:15%;z-index:1059999;width:430px;margin-left:-215px;background: #fff;
}
.pop_area .pops{border: 1px solid #e1e1e3;border-top:none;}

.pop_area .pops .mark{width:320px;position:absolute;top:60px;left:50%;margin-left:-160px;

	transform: rotate( -10deg );}


.pop_area .inner_pop{width:330px;margin:0 auto;padding:40px;padding-bottom: 30px;}
.pop_area .inner_pop .con .tt{float:left;width:160px;
background: #72be3f;height: 45px;text-align: center;border-radius: 30px;
line-height: 45px;color:#fff;font-size: 20px;}
.pop_area .inner_pop .con .tt.cb{background:#7e3b95}


.pop_area .inner_pop .con{background: #f2f2f2;border-radius: 30px;
height: 45px;overflow: hidden;margin-bottom: 30px;box-sizing: border-box;
}
.pop_area .inner_pop .con.cb{margin-bottom:10px;}


.pop_area .inner_pop .con:last-child{margin-bottom: 0;}
.pop_area .inner_pop .con .result_pop{float:right;height: 45px;line-height: 42px;color:#272830;width:165px;text-align:center;font-size:20px;}

.pop_area .inner_pop .con .tt.tp{background: #f99a1a;}
.g_line{width:100%;box-sizing: border-box;margin:30px auto;width:389px;
background: #dedcdc;height: 1px;margin-top: 0;}
.pop_area .btn_area{width:100%;font-size: 0;text-align: center;
padding-bottom:40px;}
.pop_area .btn_area a{display: inline-block;}
.pop_area .btn_area a:first-child{margin-right: 10px;}


.pop_area .tp02 .score_f{
    display: inline-block;

    width: 27px;
    height: 27px;
    text-indent: -9999em;
    background: url(../../img/y_star.png) no-repeat 0 0;
}
.pop_area .tp02 .score_f.on{

    background: url(../../img/on_y_star.png) no-repeat 0 0;
}
.pop_area .tp02 .star_area{margin-bottom: 30px;}
.pop_area .tp02 .star_area .tt{background: #fff;box-sizing:border-box;padding-top:3px;}
.pop_area .tp02 .star_area .con{margin-bottom: 10px;box-sizing: border-box;
width:100%;border: 1px solid #f1f0f0;}
/*
.pop_wrap{position:absolute;left:50%;top:250px;z-index:105;width:410px;background-color:#fff;margin-left:-205px;}
.pop_wrap .pop_header{height:50px;line-height:50px;padding-left:20px;background-color:#9a4bb6;font-size:16px;color:#fff;}
.pop_wrap .pop_body{border:1px solid #ccc;border-top:none;box-sizing:border-box;padding:36px 40px 40px 40px;}
.pop_wrap .pop_body .study_comple{text-align:center;font-size:18px;color:#333;line-height:30px;}
.pop_wrap .pop_body .tc_green{color:#44a900;}
.pop_wrap .pop_body .pop_btns{text-align:center;font-size:0;margin-top:20px;}
.pop_wrap .pop_body .pop_btns .btn_p{display:inline-block;width:148px;height:43px;line-height:43px;text-align:center;border-radius:4px;background-color:#832b9a;color:#fff;text-align:center;font-size:16px;}
.pop_wrap .pop_body .pop_btns .btn_b{display:inline-block;width:148px;height:43px;line-height:43px;text-align:center;border-radius:4px;background-color:#8f8f9b;color:#fff;text-align:center;font-size:16px;}
.pop_wrap .pop_body .pop_btns a + a{margin-left:10px;}
.pop_wrap .pop_close{position:absolute;right:19px;top:19px;display:block;width:12px;height:12px;background: url(../../img/pop_close.png) no-repeat 0 0;text-indent:-9999em;}
*/

.long_text_t3 {height:70px;margin-bottom:10px;}
.long_text_t4{height:60px}
.dum{position: fixed;top:0;left:0;right:0;bottom:0;width:100%;height: 100%;z-index:80000;display: none;opacity: 0;}

.dum.on{display: block;}

.no_cur{cursor:default;}


.iw{vertical-align: middle;width:31px;height: 34px;margin-right: 10px;text-indent:45px;
    margin-top: -6px;}
.wp{background: url(/img/wp.png)no-repeat 14.5px 26px;position: absolute;top:0;left:0;width:130%;height:100%;}
/* .WF.WW.WD{text-indent:45px;} */
/* .F.W.D{text-indent:45px;} */

.indent_text{text-indent:45px !important;}
.indent_text2{text-indent:40px !important;}
.inden{text-indent:45px;}

.sp{background: url(/img/sp.png)no-repeat 15px 26px;position: absolute;top:0;left:0;width:100%;height:100%;}
.one_icon{vertical-align: middle;margin-right: 10px;margin-top: -6px;}

.right_menu_wrap{position: absolute;top:75px;right:0;z-index:90000;}
.right_menu_wrap .right_menu{right:0;position: relative;}
.right_menu_wrap .right_menu.on{right:-150px;}
.right_menu_wrap .right_menu ul{border: 1px solid #bcbcbc;border-top-left-radius: 13px;
    background: #fff;border-bottom-left-radius: 13px;border-right: none;}
.right_menu_wrap .right_menu ul li{height: 75px;width:106px;position: relative;border-top:1px solid #ccc;}
.right_menu_wrap .right_menu ul li:first-child{border-top: none;}




.right_menu_wrap .right_menu ul li a{font-size: 18px;font-weight: bold;color:#555555;display: block;height: 100%;text-align: center;line-height: 74px;}


.right_menu_wrap .right_menu ul li .spell{width:35px;background: url(../../img/rotate_coner.png) no-repeat bottom center;display: inline-block;height: 50px;margin-right: 10px;color:#b4b7ba;
margin-top: -7px;}

.all_menu{position: absolute;top:0;right:0;border: 1px solid #bcbcbc;border-top-left-radius: 13px;width:0; overflow: hidden; background: #fff;right:-1px;
border-bottom-left-radius: 13px;}

.all_menu.on{width: 430px;overflow: visible;right:0;}
.all_menu_list{width:430px;}
.all_menu_list>li{padding-left:24px;padding-right: 12px;padding-top: 19.7px;padding-bottom: 19.7px;border-top:1px solid #e6e6e6;}
/* .all_menu_list>li:last-child{border-top:none} */
.right_menu_wrap .right_menu ul li .con{display: inline-block;}
.right_menu_wrap .right_menu ul li .con span{color:#832b9a;}

.right_menu_wrap .right_menu ul li.daley{box-sizing: border-box;background:  url(../../img/time_road.png) no-repeat 15px center;text-indent: 35px;border-bottom:none;}
.right_menu_wrap .right_menu ul li.daley a{}

.right_menu_wrap .right_menu.type2 ul li.daley{
        box-sizing: border-box;
    background: url(../../img/wp.png) no-repeat 15px center;
    text-indent: 35px;
    border-bottom: none;
}
.right_menu_wrap .right_menu.type2 ul li.daley a{color:#832b9a}

.all_menu .round_bar{background: #e6e6e6;border-radius: 20px;display: inline-block;
overflow: hidden;}
.all_menu .round_bar li{float:left;height: 35px;line-height: 35px;
text-align: center;font-weight: bold;color:#555555;width:20%;}
.all_menu .round_bar li a{font-weight: bold;font-size: 18px;background: #e6e6e6;text-indent: 0;
    color:#fff;text-align: center;height: 100%;width:100%;
display: block;color:#555555;}
.all_menu .round_bar li.on{background: #832b9a;color:#fff;}
.all_menu .round_bar li.on a{font-weight: bold;font-size: 18px;background: #832b9a;
color:#fff;}
.all_menu h2.tit{color:#832b9a;font-weight: bold;font-size: 18px;display: inline-block;margin-top:3px;
vertical-align: top;width:113px;white-space: nowrap}

.all_menu .round_bar{width:277px;vertical-align: top; }

.all_menu .round_bar.lang{width:373px;margin-left:24px;}
.all_menu .round_bar.lang li{width:25%;}
.all_menu .round_bar li {cursor: pointer;}
.all_menu.type2 .all_menu_list{width:400px;}
.all_menu.type2 .round_bar.ones{width:58px;}
.all_menu.type2 .round_bar.ones li{width:100%;}
.all_menu.type2.on{width:400px;}
.all_menu.type2 .all_menu_list>li{padding-left:13px;}
.all_menu.type2 .round_bar.lang{margin-left:0;}
.all_menu.type2>ul>li{text-align: right;}
.all_menu.type2 .tit{margin-right: 18px;}

.long_text{font-size: 18px;color:#fff;width:100%;box-sizing: border-box;padding-right: 10px;box-sizing: border-box;padding: 15px;
word-break: break-all;text-align: center;padding-bottom:0;}

.long_text_b{margin-bottom: 8px;font-size:20px;}
.long_text_s{font-size:14px;}
.long_text_t1{font-size:20px !important;height:auto !important;}
.long_text_t2{font-size:14px !important;height:auto !important;}

.pop_wrap{position:absolute;left:50%;top:250px;z-index:1000000;width:410px;background-color:#fff;margin-left:-205px;}
.pop_wrap .pop_header{height:50px;line-height:50px;padding-left:20px;background-color:#9a4bb6;font-size:16px;color:#fff;}
.pop_wrap .pop_body{border:1px solid #ccc;border-top:none;box-sizing:border-box;padding:36px 40px 40px 40px;}
.pop_wrap .pop_body .study_comple{text-align:center;font-size:18px;color:#333;line-height:30px;}
.pop_wrap .pop_body .tc_green{color:#44a900;}
.pop_wrap .pop_body .pop_btns{text-align:center;font-size:0;margin-top:20px;}
.pop_wrap .pop_body .pop_btns .btn_p{display:inline-block;width:148px;height:43px;line-height:43px;text-align:center;border-radius:4px;background-color:#832b9a;color:#fff;text-align:center;font-size:16px;}
.pop_wrap .pop_body .pop_btns .btn_b{display:inline-block;width:148px;height:43px;line-height:43px;text-align:center;border-radius:4px;background-color:#8f8f9b;color:#fff;text-align:center;font-size:16px;}
.pop_wrap .pop_body .pop_btns a + a{margin-left:10px;}
.pop_wrap .pop_close{position:absolute;right:19px;top:19px;display:block;width:12px;height:12px;background: url(../../img/pop_close.png) no-repeat 0 0;text-indent:-9999em;}

/*
.long_text{font-size: 18px;color:#fff;width:100%;box-sizing: border-box;padding-right: 10px;
word-break: break-all;height: 250px;text-align: left;
overflow-y: scroll;}
*/
/* Chrome, Safari용 스크롤 바 */
.long_text::-webkit-scrollbar {width:17px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
.long_text::-webkit-scrollbar-button:start:decrement,
.long_text::-webkit-scrollbar-button:end:increment {display: block;}  /*상하좌우 화살표 영역_배경넣어줘야함*/


.long_text::-webkit-scrollbar-button:start:decrement{background:url(../../img/scroll_arrow_top.png)no-repeat center center;width:14px;height: 30px;}
.long_text::-webkit-scrollbar-button:end:increment {width:14px;height: 30px;
    background:url(../../img/scroll_arrow_bottom.png)no-repeat center center;

}

.long_text::-webkit-scrollbar-track {background:rgba(255, 255, 255, 0);} /*트랙*/
.long_text::-webkit-scrollbar-thumb {background:#e3e3e3; border: 1px solid #e3e3e3;}
.long_text{

  scrollbar-face-color: #ccc;
  scrollbar-track-color: #272830;
  scrollbar-arrow-color: #ccc;
  scrollbar-highlight-color: #ccc;
  scrollbar-3dlight-color: none;
  scrollbar-shadow-color: #272830;
  scrollbar-darkshadow-color: none;

}

.alert_land{width:100%;height: 100%;top:0;left:0;position: fixed;background:#282830 url(../../img/land_load_row.jpg)no-repeat center center;display: none;z-index:99999999;}
/*
@media (min-width: 100%), handheld and (orientation: landscape) {
    .alert_land{display: block;}
}
*/

 @media only screen and (orientation : portrait) {

   .alert_land{display: block;}
}

@media only screen and (max-width:100%) {

  .inner{min-width:960px;}

}