@charset "utf-8";

/* ---------------------------------
	LAYOUT
--------------------------------- */
/* CONTROLLER ----------- */
#controller{height:60px;border-top:1px solid #999;width:100%;position: absolute;bottom:0;left:0;background-color:#fff;}
#controller .default .tit{background-color:#e1e1e1;display:inline-block;vertical-align: top;height:60px;overflow: hidden;}
/* #controller .default .tit{background-color:#e1e1e1;display:inline-block;vertical-align: top;height:50px;width:210px;padding-left:13px;color:#333;font-size:24px;font-weight: bold;position:relative;padding-top:10px}
#controller .default .tit:before{content:'';display:inline-block;width:28px;height:27px;vertical-align: top;background:url(../images/layout/ico_ctrl_tit.png) no-repeat;margin:6px 8px 0 0}
#controller .default .tit:after{content:'';display:block;width:25px;height:60px;background:red;position:absolute;top:0;right:-20px;background:url(../images/layout/bg_ctrl_tit.png) no-repeat;} */
#controller .rgt_area{position:absolute;right:0;top:0;padding-right:20px}
#controller .rgt_area .ui_btn{margin-top:4px;vertical-align: top;}
#controller .rgt_area .bt_base2{margin-top:9px}

/* QUICK ----------- */
#quick{position:absolute; width:80px; top:80%; transform: translateY(-50%); right:15px; z-index:51;}
#quick li{margin-top:12px}
#quick a{background:url(../images/layout/btn_quick.png) no-repeat;display:block;width:70px;height: 71px;text-indent: -999em;overflow:hidden}
#quick .me a{background-position:-80px 0}
#quick .ms a{background-position:-160px 0}
#quick .abc a{background-position:-240px 0}
#quick .msg a{background-position:-320px 0;height:61px;}
#quick .rp a{background-position:-400px 0;width:60px;height:81px;}
#quick .mq a:hover{background-position:0 -80px}
#quick .me a:hover{background-position:-80px -80px}
#quick .ms a:hover{background-position:-160px -80px}
#quick .abc a:hover{background-position:-240px -80px}
#quick .msg a:hover{background-position:-320px -80px}
#quick .rp a:hover{background-position:-400px -90px}

#quick .mqp a:hover{background-position:0 -80px}
#quick .mqp a{background-position:0 -160px}

/* QUICK ----------- */
.scroll_wrap{overflow:hidden;}
.scroll_wrap .scroll_inner{padding-right:50px}

/* NAV ----------- */
#nav{position:absolute; top:50%; left:0px; width:100%; height:0; z-index:52;}
#nav > div{position:absolute;top:0px;left:0}
#nav a{ display:inline-block; width:70px;height:113px; background:#ddd; cursor:pointer; text-indent:-9999px;background:url(../images/layout/btn_nav.png) no-repeat}
#nav a:hover{background-position:0 -120px;}
#nav .next{right:0;left:auto}
#nav .next a{background-position:-80px 0; }
#nav .next a:hover{background-position:-80px -120px;}
#nav .alert{position:absolute; display:none; border:1px solid #666666;border-radius: 10px;font-size:35px;font-weight: 400;background-color:#fff;padding:25px 25px 25px 29px;left:50px;top:-110px;white-space: nowrap;border-radius: 10px;box-shadow: 5px 5px 5px rgba(0,0,0,.1);}
#nav .alert:after{content:'';background:url(../images/layout/bg_nav_arrow.png) no-repeat;width:19px;height:14px;display:block;position:absolute;bottom:-14px;left:34px}
#nav .next .alert{left:auto;right:50px}
#nav .next .alert:after{right:34px;left:auto}


@media (max-width:1280px) {
	#nav{min-width: 1280px;}
}

/* NAV : READ ----------- */
.nav_read{position: absolute;left:-84px;top:140px}
.nav_read li{margin-bottom:5px}
.nav_read a{width:74px;height:35px;border-radius: 50px 0 0 50px;background-color:#e1e1e1;display:block;font-size:20px;color:#333333;font-weight: bold;padding:15px 0 0 10px;text-align:center;line-height: 1;}
.nav_read a:hover, .nav_read li.on a{background-color:#ee9522;color:#fff;}
.nav_read .overview a,.nav_read .more a{padding-top:5px;height:45px}
.nav_read .more a{background-color:#d3c9d1;}
.nav_read .more a:hover, .nav_read .more li.on a{background-color:#ee9522;color:#333}

/* NAV : STEP ----------- */
.nav_step{position: absolute;left:-1px;top:62px;z-index:51}
.nav_step li{margin-bottom:-28px}
.nav_step a{background:url(../images/layout/btn_step.png) no-repeat;width:62px;height:124px;display:block;text-indent: -999em;overflow:hidden}
.nav_step a:hover, .nav_step .on a{background-position:0 -130px}
.nav_step .step_b a{background-position:-70px 0}
.nav_step .step_b a:hover, .nav_step .step_b .on a{background-position:-70px -130px}
.nav_step .step_c a{background-position:-140px 0}
.nav_step .step_c a:hover, .nav_step .step_c .on a{background-position:-140px -130px}

/* LIB ----------- */
.mCSB_scrollTools {width:20px;}
.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {width:10px; border-radius:10px;left:4px;position:relative;background-color:#e6e6e6;}
.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar {width:18px;border:1px solid #cec9b3;background-color:#fff;border-radius:20px;box-sizing: border-box;}


/* ---------------------------------
	UI ELEMENTS
--------------------------------- */


/* BUTTON ----------- */
/* .bt_base{height:37px;color:#777;border-radius: 35px;border:1px solid #999;text-align:center;font-size:20px;font-weight: bold;line-height:37px;border:2px solid #C3C3C3;padding:0 20px;background-color:#fff;}
.bt_base.active{background-color:#51b1bf;color:#fff;} */
/* TEXT */
.bt_base{font-size:20px;color:#777;border:1px solid #999;border-radius: 37px;height:37px;min-width:110px;display:inline-block;line-height:39px;text-align:center;background-color:#fff;font-weight: bold;}
.bt_base:hover, .bt_base.on{color:#fff}
.bt_base.green:hover, .bt_base.green.on{background-color:#3cb878}
.bt_base.blue:hover, .bt_base.blue.on{background-color:#79a5ff}
.bt_base.ora:hover, .bt_base.ora.on{background-color:#f26522}
.bt_base2{width:140px;height:42px;background-color:#ee9522;border:1px solid #996633;font-size:20px;font-weight: bold;color:#fff;text-shadow:1px 1px 5px rgba(153,153,153,.75);border-radius: 40px;line-height: 40px;}

/* IMAGE */
.ui_btn{position:relative; display:inline-block; width:190px;height:57px; background:url(../images/btn/btn_prelesson.png) 0px 0px no-repeat; text-indent:-9999px; font-size:0;}
.ui_btn.btn_prelesn{margin-top:5px}
.ui_btn.btn_prelesn:hover{background-position:0 -60px;}
.ui_btn.btn_stuplan{background-image:url(../images/btn/btn_studyplan.png);width:137px;height:51px}
.ui_btn.btn_stuplan:hover{background-position: 0 -60px}
.ui_btn.btn_getready{background-image:url(../images/btn/btn_getready.png);width:188px;height:58px}
.ui_btn.btn_getready:hover{background-position:0 -60px;}
.ui_btn.btn_correct{background-image:url(../images/btn/btn_correct.png);width:114px;height:48px}
.ui_btn.btn_again{background-image:url(../images/btn/btn_replay.png);width:114px;height:49px}
.ui_btn.btn_sound{background-image:url(../images/btn/btn_sound.png);width:130px;height:58px}
.ui_btn.btn_sound:hover{background-position:0 -70px;}
.ui_btn.btn_script{background-image:url(../images/btn/btn_script.png);width:97px;height:50px}
.ui_btn.btn_script:hover{background-position:0 -60px;}
.ui_btn.btn_dict{background-image:url(../images/btn/btn_dict.png);width:122px;height:50px;position:relative}
.ui_btn.btn_dict:hover{background-position:0 -60px;}
.ui_btn.btn_dict:after{content:'';width:24px;height:24px;position:absolute;right:-10px;top:-10px;display:block;background:url(../images/ico/ico_star.png) no-repeat;}
.ui_btn.btn_htp{background-image:url(../images/btn/btn_htp.png);width:201px;height:58px;position:relative}
.ui_btn.btn_htp:hover{background-position:0 -70px;}
.ui_btn.btn_htp2{background-image:url(../images/btn/btn_htp2.png);width:190px;height:54px;position:relative}
.ui_btn.btn_htp2:hover{background-position:0 -60px;}
.ui_btn.btn_selfcheck{background-image:url(../images/btn/btn_selfcheck.png);width:176px;height:55px;position:relative}
.ui_btn.btn_selfcheck:hover{background-position:0 -60px;}
.ui_btn.btn_sound2{background-image:url(../images/btn/btn_headset.png);width:41px;height:34px}

/* UI COMMON */
.ui_btn_lang{position:absolute;right:3px;bottom:13px;width:90px;height:36px;background:url(../images/btn/btn_lang.png) no-repeat;display:block;text-indent:-9999em;}
.ui_btn_lang.eng{background-position:0 -40px}

/* INPUT ----------- */
.ui_inp_group{display:inline-block;margin-top:-3px;vertical-align:middle;position:relative}
.ui_inp_group input[type='checkbox']{position:absolute;width:25px;height:26px;left:-4px;top:3px;opacity:0;cursor: pointer;}
.ui_inp_group input[type='checkbox'] + i:before{content:'';display:inline-block;width:25px; height:26px;background:url(../images/common/ui_chk.png) no-repeat 50% 50%;margin:-4px 6px 0 0;vertical-align:middle}
.ui_inp_group input[type='checkbox']:checked + i:before{background-image:url(../images/common/ui_chk_chked.png)}

.ui_input{display:inline-block;}
.ui_radio{display:inline-block;margin-top:-3px;vertical-align:middle;position:relative}
.ui_radio input[type='radio']{position:absolute;width:44px;height:44px;left:-5px;top:-3px;opacity:0;cursor: pointer;}
.ui_radio input[type='radio'] + i:before{content:'';display:inline-block;width:44px; height:44px;background:url(../images/common/ui_radio.png) no-repeat 0 0;vertical-align:top;}
.ui_radio input[type='radio']:checked + i:before{background-position:0 -50px}


.ui_select_mini{position:relative;width:40px;font-size:30px;font-family:'NotoSans';font-weight: bold;text-align:center;}
.ui_select_mini .current{width:38px;height:38px;border:3px solid #999999;border-radius:8px;color:#FF0000;background-color:#fff;line-height: 38px;}
.ui_select_mini .options{position:absolute;border:1px solid #707070;background-color:#fff;border:2px solid #707070;border-radius: 8px;width:100%;line-height: 1.2;z-index:2}
.ui_select_mini .options a{display:block}
.ui_select_mini .options a:hover{background-color:#ccc}
.ui_select_mini input{display:none}

/* TITLE ----------- */
.type_intro .h_type{min-height:120px;}

.h_type {font-size:40px;font-weight: 600;position:relative;color:#000;margin-bottom:8px;min-height:123px;box-sizing: border-box;}
.h_type .i_base{vertical-align: middle;margin:-8px 0 0 4px}

.h_type.h_chk{padding-left:54px;background:url(../images/title/h_chk.png) 0 4px no-repeat;}
.h_type.eng.h_chk{padding-top:4px;box-sizing: border-box;}
.h_type.eng.h_chk .ui_btn_lang{bottom:23px}

.h_type2{position:relative;padding-left:52px;font-size:35px;padding-bottom:10px;margin-top:35px;min-height:126px}
.h_type2>span{letter-spacing: -1.6px;}
.h_type2 .eng{font-size:40px;font-weight: bold;line-height:1.45;letter-spacing: -1.5px;}
.h_type2 .ui_btn_lang{right:13px;bottom:29px}
.h_type2 .info{display:inline-block;border:1px solid #000;border-radius:34px;height:34px;font-size:20px;padding:0 14px 0 40px;background:url(../images/title/bul_info.png) no-repeat 2px 2px;line-height:34px;vertical-align: top;font-weight: 400;margin-top:6px;font-family:'NotoSans';}

.h_type2.h_cal{background:url(../images/title/h_cal.png) no-repeat 0 5px;letter-spacing: -1px;}
.h_type2.h_mov{padding-left:60px;background:url(../images/title/h_mov.png) 0 -2px no-repeat;min-height: 100px;}
.h_type2.h_mov  .ui_btn_lang{bottom:auto;top:8px}
.h_type2.h_mov .eng{line-height:1.3}
.h_type2.h_mov.eng   .ui_btn_lang{bottom:8px;top:auto}
.h_type2.eng .info{margin:11px 0 0 10px}

.h_warmup{margin-bottom:0}
.h_warmup .eng{line-height:1.2;display:inline-block;margin-top:10px;word-spacing: .34rem;}
.h_warmup .ui_btn_lang.eng{bottom:-10px;}

.h_type3 {font-size:40px;font-weight: 600;position:relative;color:#000;min-height:120px;margin-top:20px;}
.h_type3 .kor{margin-left:17px}
.h_type3 .eng{font-size:40px;font-weight: bold;line-height:1.45;margin-left:4px;letter-spacing:1.8px;}
.h_type3 .ui_btn_lang{right:0;bottom:13px}

.h_getready {font-size:40px;font-weight: 600;position:relative;color:#000;min-height:123px;box-sizing: border-box;line-height: 1.475;margin-top:20px;}
.h_getready .lab_img{width:208px;height:56px;background:url(../images/common/lab_getready.png) no-repeat;display:inline-block;vertical-align: top;margin:3px 3px 0 0;}
.h_getready .ui_btn_lang{bottom:18px;right:8px}

.eng .h_getready{padding-top:0;}
.eng .h_getready .lab_getready{margin-top:3px;margin-right:14px}


/* ICON ----------- */
.i_base{display:inline-block;width:36px;height:39px;vertical-align:middle;text-indent:-999em;background-repeat:no-repeat;}
.i_base.chk{background-image:url(../images/title/ico_chk.png);}

/* LABEL ----------- */
.lab_img{width:347px; height:44px; background:url(../images/common/lab_lamp.png) no-repeat; color:#fff; font-size:0; text-indent:-9999px; display:inline-block;vertical-align: middle;}
.lab_img.lab_lamp{background:url(../images/common/lab_lamp.png) no-repeat;margin:20px 0 17px}
.lab_img.lab_warmup{width:185px;height:40px;background:url(../images/common/lab_warmup.png) no-repeat;margin:20px 0 8px}
.lab_img.lab_eg{width:80px;height:45px;background:url(../images/common/lab_eg.png) no-repeat;display:inline-block}
.lab_img.lab_getready{width:208px;height:56px;background:url(../images/common/lab_getready.png) no-repeat;display:inline-block;vertical-align: top;margin:3px 3px 0 -10px;}
.lab_img.lab_eval{width:198px;height:61px;background:url(../images/common/lab_eval.png) no-repeat;display:inline-block;}
.lab_txt.kicker{display:inline-block;background-color:#a47341;width:170px;height:51px;border-radius:15px 15px 0 0;font-size:26px;color:#fff;text-align:center;font-weight: bold;padding:5px;box-sizing: border-box;}
.lab_que{color:#F15922;font-family: 'VAGRounded BT';letter-spacing: 0;font-weight: 400;position:relative;padding-left:70px;margin:10px 0 0 0;vertical-align: top;display: inline-block;}
.lab_que:before{content:'';display:block;background:url(../images/ico/ico_que_num.png) no-repeat;width:50px;height:50px;position:absolute;left:0;top:-6px}
.lab_que.num_c:before{background-position:0 -120px}


/* LIST ----------- */
.ui_list_dot {font-size:40px;margin-top:10px;font-weight: bold;}
.ui_list_dot li{margin:8px 0;position:relative;padding-left:18px}
.ui_list_dot li:first-child{margin-top:0}
.ui_list_dot li:before{content:'';width:7px;height:8px;display:block;position:absolute;left:0;top:17px;background-color:#000;border-radius: 100%;}
.ui_list_dot.fs50 li{padding-left:25px}
.ui_list_dot.fs50 li:before{width:11px;height:11px;top:25px}

dl.ui_list_dot.square{margin-bottom:40px}
dl.ui_list_dot.square > dt{margin:34px 0 10px;position:relative;padding-left:32px;color:#666;font-weight: bold;}
dl.ui_list_dot.square > dt:first-child{margin-top:0}
dl.ui_list_dot.square > dt:before{content:'';margin-right:3px;width:11px;height:11px;display:block;position:absolute;left:0;top:26px;background-color:#666}

.list_selfcheck{margin:16px 20px}
.list_selfcheck p{color:#000;font-size:40px;font-weight: bold;}
.list_selfcheck li{border-bottom:2px dashed #e6e6e6;padding:45px 280px 45px 10px;font-size:40px;position:relative}
.list_selfcheck .ui_input{margin:0 12px}
.list_selfcheck .ui_input:before{content:'';display:block;margin:0 auto;background:url(../images/common/ico_grade.png) no-repeat;;width:40px;height:40px;margin-bottom:12px}
.list_selfcheck .ui_input.normal:before{background-position: 0 -50px;}
.list_selfcheck .ui_input.bad:before{background-position: 0 -100px;}
.list_selfcheck .check_area{position:absolute;right:48px;top:20px}

/* ---------------------------------
	UI COMMON
--------------------------------- */

/* TEXT ----------- */
.mp_text.canHover, .mp_text.canHover span{-webkit-transition:color .25s ease-out;-moz-transition:color .25s ease-out;-ms-transition:color .25s ease-out;-o-transition:color .25s ease-out;transition:color .25s ease-out;cursor:pointer}
.mp_text.canHover:hover, .mp_text.canHover:hover span{color:#04ada9 !important;}
.mp_text.noHover.canHover:hover, .mp_text.noHover.canHover:hover span{color:#333 !important;}
.mp_text.noHover.canHover:hover .answer_txt{color:#fb261f !important;}
.mp_text.red{color:#B53833;}
/* SCRIPT ----------- */
.ui_script_wrap .h_dir{font-size:40px;font-weight: bold;margin-bottom:48px}
.ui_script_wrap .tit{position:relative;margin:50px 0 18px}
.ui_script_wrap .tit .btn_sound{top:5px;z-index:1}
.ui_script_wrap .num{color:#999;font-size:50px;font-weight:bold;line-height: 1;}
.ui_script_wrap .num.hidden{opacity:0}
.ui_script_wrap .num .btn_sound{top:30px;left:0}
.ui_script_wrap .btn_sound,.ui_script_wrap .btn_sound:before{background:url(../images/common/ico_sound.png) no-repeat;width: 30px;height:28px;display:block;text-indent:-999em;position:absolute;left:0;top:16px;}
.ui_script_wrap .btn_sound{display:none}
.ui_script_wrap .btn_sound:before{content:'';top:0;background-position:0 -30px;opacity: 0;}
.ui_script_wrap .btn_sound:hover:before{opacity: 1;-webkit-transition:opacity .25s ease-out;-moz-transition:opacity .25s ease-out;-ms-transition:opacity .25s ease-out;-o-transition:opacity .25s ease-out;transition:opacity .25s ease-out;}

.ui_script{font-size:50px;line-height: 1.4;}
.ui_script li{position:relative;padding-left:70px}
.ui_script li:first-child{margin-top:0}
.ui_script .name{position:absolute;left:0;top:0}
.ui_script li > p > span{display:inline-block;position: relative;margin-bottom:5px}
.ui_script li .trlate{color:#51B1BF;visibility:hidden;display:block;margin-top:3px;}
.ui_script li .inline_type{display:inline-block;}
.ui_script li .mp_text.hidden{opacity:0;cursor: pointer;}
.ui_script li .trlate.visible{visibility:visible}

.ui_script.fs50{font-size:50px}
.ui_script.fs50 .trlate{font-size:35px}

.ui_script.type_script .txt{padding-left:35px}
.ui_script.type_script .txt{position:relative}
.ui_script.type_script .trlate{padding-left:35px}
/* .ui_script.type_script .btn_sound{position:absolute;left:0;top:16px;} */

.ui_script_exam{margin-top:10px; font-family: 'Times New Roman';}
.ui_script_exam .cont{position:relative;padding-left:65px;}
.ui_script_exam .num{position:absolute; display:inline-block; left:0; top:8px; color:#000;font-size:40px;font-weight: 400;line-height: 1;}
.ui_script_exam .name{font-family: 'Roboto';font-weight: bold;}
.ui_script_exam .ui_script{font-size:40px;margin:0}
.ui_script_exam .ui_script li{padding-left:50px}
/* TABS ----------- */
.tab-contents .tab-cont{display:none;}



/* ---------------------------------
	QUIZ
--------------------------------- */
/* QUIZ - IMG */
.quiz_img{position:relative;margin:30px -50px 26px;text-align:center}
.quiz_img .speech{position:absolute;}
.quiz_img .mp_text{display:block;font-size:40px;text-align:center;}
.quiz_img .fs35 .input_wrap{line-height:1.4}

/* QUIZ - FIND ITEM */
.quiz_itemfind{text-align:center;}
.quiz_itemfind .img_quiz{display:inline-block;position:relative;vertical-align: top;}
.quiz_itemfind .img_quiz img{vertical-align: top;}
.quiz_itemfind .img_quiz .item{display:block;position:absolute;left:0;top:0;width:41px;height:39px;cursor: default;}
.quiz_itemfind .img_quiz .item button{background:rgba(255,255,255,0);display:block;width:100%;height:100%;text-indent:-999em;cursor:default}
.quiz_itemfind .img_quiz .item button:after{content:'';display:none;background:url(../images/common/img_correct.png) no-repeat;position:absolute;left:0;top:0;width:69px;height:55px;margin:-5px 0 0 -10px;}
.quiz_itemfind .img_quiz .item.correct button:after{display:block}
.quiz_itemfind .img_quiz .btn_zoom{display:block;position:absolute;right:15px;bottom:23px;width:45px;height:46px;background:url(../images/btn/btn_zoom.png) no-repeat;text-indent: -9999em;cursor: pointer;}

/* 00. INTRO ----------- */
.type_intro{background:#fff8cc !important;}

.intro_wrap{}
.intro_wrap .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {background-color:#e6e0b8; }
.type_intro .scroll_wrap{max-height:573px}
/* .type_intro .scroll_wrap .mCSB_container{padding-right:50px} */
.intro_wrap .scroll_inner{padding-top:14px;padding-right:0}

.group_goal{font-size:30px;margin-bottom:80px}
.group_goal:after{content:'';clear:both;display:block}
.group_goal em.txt{font-size:40px;font-style:normal;color:#ed1c24;font-family: 'VAGRounded BT';display:block;margin-bottom:12px}
.group_goal em{font-style: normal;}
.group_goal .ui_inp_group{position:absolute;left:2px;top:0}
.group_goal .item{padding-left:41px;position:relative;margin-top:28px;}
.group_goal .item:first-child{margin-top:0}
.group_goal .lft_area{float:left;width:49%}
.group_goal .rgt_area{float:right;width:51%}

dl.list_dot {font-size:35px;margin-top:10px}
dl.list_dot dt{margin:34px 0 15px;position:relative;padding-left:18px}
dl.list_dot dt:first-child{margin-top:0}
dl.list_dot dt:before{content:'';margin-right:3px;width:9px;height:10px;display:block;position:absolute;left:0;top:26px;background-color:#000;border-radius: 100%;}


ul.list_dot {font-size:35px;margin-top: 18px;font-weight: 400;}
ul.list_dot li{margin:14px 0 15px;position:relative;padding-left:18px}
ul.list_dot li:first-child{margin-top:0}
ul.list_dot li:before{content:'';margin-right:3px;width:7px;height:8px;display:block;position:absolute;left:0;top:17px;background-color:#000;border-radius: 100%;}


.comm_txt{margin-left:44px;font-family:'Roboto', 'NotoSans', 'KoPubDotum';line-height: 1.142;font-weight: 400;}
.comm_txt li{text-indent:-44px;margin-top:10px;}
.comm_txt li:first-child{margin-top:0}


/* Theme */
.group_goal .theme .kor{margin-left:13px;display:inline-block;margin-top:-8px;}
.group_goal .theme em.txt{display:inline-block;margin-bottom: 0;}

/* Read Think */
.group_goal .read .eng{font-size:35px;margin:12px 0 10px;font-weight: 400;}
.group_goal .read .kor{font-size:29px;letter-spacing: -2.1px;margin-left:0}


.intro_ques{color:#000;font-size:40px;margin:0 15px 5px 40px;font-weight: 400;}
.intro_ques:before{content:'';display:inline-block;background:url(../images/common/bul_q.png) no-repeat;width:48px;height:48px; vertical-align: middle;margin:0 15px 0 0;}




/* 정리필요 ----------- */
/* 인트로로 사용할지 공통으로 사용할지  */
.ctrl_btns_wrap{position:absolute; display:inline-block; left:0px; top:825px; width:1180px; height:65px; padding:0 50px;}
.ctrl_btns_wrap .rgt_area{position:absolute;right:50px;top:0}

.ctrl_btns{position:relative;margin:10px 0 0;min-height:58px}
.ctrl_btns .rgt_area{position:absolute;right:40px;top:0}
.ctrl_btns .rgt_area .btn_ui{ margin-top:6px;}




.eg_context{border:1px solid #000; border-radius: 15px;position:relative;padding:20px 10px 10px 50px;z-index:100;background-color:#fff;min-height: 101px;margin:5px 0 12px}
.eg_context .lab_img.lab_eg{vertical-align: middle;margin: 0 15px 0 0}
.eg_context p{display:inline;font-size:40px;vertical-align: middle;}
.eg_context .btn_all{display:block;position:absolute;left:7px;top:15px;width:41px;height:34px;background:#fff url(../images/btn/btn_headset.png) no-repeat;text-indent: -9999em;}


#kkk .inner{min-height:810px;box-sizing: border-box;text-align:center}


.underline_wrap{border-bottom:2px solid #333;display:inline;padding:0 10px;position:relative}
.underline_wrap:after{content:'.';display:block;position:absolute;right:-15px;bottom:-2px;}
.underline_wrap .answer{color:#fb261f;visibility:hidden;}



.btns_wrap{margin-top:20px}

/* template - input_wrap */
.input_wrap	{position:relative; display:inline-block; background:none;margin:0px 3px;min-width:50px;background:rgba(0,0,0, .05)}
.input_wrap:before{content:'';display:block;width:100%;height:1px;background:#333;position:absolute;left:0;bottom:0}
.input_wrap	input{margin:0; padding:0; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0);font-size:100%; -webkit-text-size-adjust:100%; font-variant-ligatures:none; -webkit-font-variant-ligatures:none; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased; -webkit-font-smoothing:antialiased;}
/* .input_wrap .input_txt {width:100%;display:inline-block;vertical-align: middle;min-height: 50px;border-bottom:2px solid #333;} */
/* .input_wrap .essayAnswer{position:absolute; display:none; top:0px; left:0px; width:100%; height:calc(100% - 2px); text-align:center} */
.input_wrap .answer_txt{text-align:center;color:#fb261f;border-bottom:1px solid #333;vertical-align: top;opacity:0;display:inline-block;margin-top:-1px;background-color:#e7e7e7;padding:0 5px}
.input_wrap .answer_txt.show{opacity:1;}

.fs35 .input_wrap .input_txt{min-height:31px}


/* .dicQuest					{margin-top:10px; padding-left:55px;font-size:40px;font-family: 'Times New Roman';}
.dicQuest .qNum				{position:absolute; display:inline-block; margin-left:-55px; color:#681b00;}
.dicQuest .btnCheck			{position:absolute; display:inline-block; top:25px; left:-40px;}
.dicContent					{position:relative; display:inline-block; width:100%; margin-bottom:20px;} */
.inputWrap					{position:relative; display:inline-block;}









/* 01_01_01_SP */
.box_plan{position:relative;margin:83px 0px; padding:10px 40px 10px 40px; border:2px dashed #4198a0 ; border-radius:20px;}
.box_plan .subhead{position:absolute; top:-59px; left:10px;color:#49307e; height:57px;color:#000;}
.box_plan .subhead .h{background-color:#a9dade;border-radius: 15px 15px 0 0;font-size:35px;display:inline-block;min-width:290px;vertical-align: top;height:57px;text-align:center;line-height: 57px;}
.box_plan .subhead .deck{display:inline-block;vertical-align: top;font-size:30px;margin-left:15px;margin-top:5px}


ul.list_test {font-size:40px;margin-top: 18px;font-weight: 400;}
ul.list_test li{margin:32px 0 15px;position:relative;padding-left:32px;}
ul.list_test li:first-child{margin-top:0}
ul.list_test li:before{content:'';margin-right:3px;width:9px;height:9px;display:block;position:absolute;left:0;top:20px;background-color:#000;border-radius: 100%;}
ul.list_test .write{position:relative;overflow: hidden;padding-bottom:38px}
ul.list_test .write:before{content:'';display:block;width:100%;height:40px;position:absolute;left:0;z-index:0;border-bottom:1px solid #000}
ul.list_test .write .txt{background-color:#fff;display:inline-block;position:relative;z-index:1;padding-right:17px;vertical-align: top;}
ul.list_test .write .note{font-size:30px;color:#666666;font-style: normal;font-family:'NotoSans';position: relative;top:42px}



.list_tf{font-size:50px;font-weight: bold;}
.list_tf li{position: relative;}
.list_tf .ui_select_mini{position:absolute;right:0;top:0;}


.sec_tap{overflow:hidden}
.sec_tap .lft_area{float:left}
.sec_tap .rgt_area{float:right}
.sec_tap .box_sample{background-color:#faf7e6;position:relative;padding:30px 30px 30px 50px;width:555px;border-radius:20px}
.sec_tap .box_sample:before{content:'';display:block;background:url('../images/ico/ico_sample.png') no-repeat;width:20px;height: 80px;position:absolute;left:-2px;top:20px}

.sec_tap .img_quiz{display:inline-block;position:relative;vertical-align: top;}
.sec_tap .img_quiz img{vertical-align: top;}
.sec_tap .img_quiz .item{display:block;position:absolute;left:0;top:0;width:41px;height:39px;}
.sec_tap .img_quiz .item button{background:rgba(255,0,255,.5);display:block;width:100%;height:100%;text-indent:-999em;border-radius:80px}

.sec_tap .list_script{font-family:'Roboto', 'NotoSans', 'KoPubDotum';line-height: 1.142;font-size:40px}
.sec_tap .list_script li{position:relative;padding-left:58px}
.sec_tap .list_script li:first-child{margin-top:0}
.sec_tap .list_script .name{position:absolute;left:0;top:0}
.sec_tap .list_script li > p > span{display:inline-block;position: relative;margin-bottom:5px}
.sec_tap .list_script li .trlate{color:#51B1BF;visibility:hidden;display:block;margin-top:3px;}
.sec_tap .list_script li .inline_type{display:inline-block;}

.sec_tap .list_script li .imp{font-style: normal;color:#ff0000;}
.sec_tap .list_script li .imp.hide{display:none}

.script .tit{color:#ee7b36;font-size:25px;font-weight: 400;}
.script .txt{position:relative;padding-left:50px}
.script .txt:before{content:'';display:block;background:url('../images/ico/ico_arrow.png') no-repeat;width:34px;height: 33px;position:absolute;left:0;top:0}
.script .ico_arr{display:inline-block;background:url('../images/ico/ico_arrow.png') -40px 0  no-repeat;width:38px;height: 33px;vertical-align: middle;text-indent: -999em;overflow:hidden}
.script.other .tit{color:#197fc4}
.script.other .txt:before{content:'';display:block;background-position:0 -40px;width:34px;height: 33px;position:absolute;left:0;top:0}
.script.other .ico_arr{background-position:-40px -40px;}
.plus{position: relative;color:#000;font-size:25px}
.plus:before{content:'';display:block;background:url('../images/ico/ico_plus.png') no-repeat;width:92px;height:40px;position:absolute;left:0;top:0}

/*  01_01_01_SP */
.sec_sp{margin: 40px 0;}
.sec_sp .div_exam{border:4px solid #888889; border-radius:20px;padding:45px 20px;font-size:40px;font-family: 'Times New Roman';text-align:center;margin:15px 0 30px}
.sec_sp .div_exam span{margin:0 90px}


/* quiz - multiple */
.quiz_choice{position:relative;font-size:40px;font-family: 'Times New Roman';}
.quiz_choice .item{position:relative;}
.quiz_choice input[type='radio']{position:absolute;width:25px;height:26px;left:-4px;top:3px;opacity:0;cursor: pointer;color:#000}
.quiz_choice input[type='radio']:checked + label{color:red;}
.quiz_choice input[type='radio'].unchecked + label{color:gray;}