@charset 'utf-8'; /* --------------------------------- LAYOUT --------------------------------- */ /* DEFAULT ----------- */ body{overflow:hidden;background:#18AFE6; } #wrap{width:100%;} #header{position:relative;z-index:51;height:78px;} #container{position:relative;width:1280px;height:960px;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;} #content{position:absolute;top:79px;left:0px;width:1180px;height:822px;padding:0 50px 60px 50px;background-color:#fff;z-index: 0;} .mCSB_container{overflow: hidden;} /* #contentArea{width:1180px;height:822px;padding:0 50px 60px 50px;background-color:#fff;} */ #nav .prev, #nav .next {display:none; } /* layout.css 문제 초기화 ---------- */ #container #content{ position:absolute; top:95px; left:50%; transform: translateX(-50%); width:1440px; height:985px; padding:0 59px 88px; background-color:#fff; z-index: 0; box-sizing:border-box; outline: 4px solid #0093C5; border-top-left-radius: 32px; border-top-right-radius: 32px; } body { position: fixed; width: 100%; height: 100vh; overflow: hidden; font-family: 'Roboto', 'NotoSans'; font-weight:400; background-color:#18AFE6; overflow-x: hidden; } #wrap.media_comn #container #content { outline: none; background-color: transparent;} #wrap.contentNone #container #content { outline: none; background-color: transparent;} #wrap.media_comn .videoWrap .btnCover { background: url('../../libs/images/media/video_player/new_btn_play_video.png') no-repeat; background-position: center center; } #wrap.media_comn .videoWrap .btnCover:hover{background: url('../../libs/images/media/video_player/new_btn_play_video_hover.png') no-repeat; background-position: center center;} #wrap.media_comn.full .videoWrap .btnCover { margin-left: 88px;} /*.pop_content:fullscreen .videoWrap .btnCover {width:2000px !important; height:1000px !important;}*/ /*.pop_content:fullscreen .videoWrap .poster {background-repeat: no-repeat; width:100% !important ; height:100% !important;top:-41px;}*/ /* CONTROLLER ----------- */ .media_comn #controller, .contentNone #controller {background:none;} .media_comn.controllerShow #controller { background: #EFEAE4 !important;;} /*.intro_comn #controller {background:none;}*/ #controller{position:absolute;bottom:0;left:0;width:100%;height:65px;background:#EFEAE4;} #controller .default{margin-top:5px} #controller .default .tit{display:inline-block;overflow:hidden;height:60px;margin-left:0px;vertical-align:top;} /*#controller .default .ui_btn{margin-top:3px}*/ #controller .default.bg_trans{background-color:transparent;} #controller .ui_tip_wrap{display:inline-block;} #controller .rgt_area{position:absolute;top:2px;right:0;padding-right:38px; font-size: 0;} #controller .rgt_area.top { top: 10px;} #controller .rgt_area .bt_base2{position:relative;top:auto; bottom: -9px;} /* TOOL TIP */ #controller .tooltip{font-size:40px;font-weight:400;position:absolute;z-index:50;top:0;left:0;display:none;width:561px;padding:25px 25px 25px 29px;transform:translateY(-100%);border:1px solid #666;border-radius:10px;border-radius:10px;background-color:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.1);} #controller .tooltip .ff_hand{line-height:1.3} #controller .tooltip:after{position:absolute;bottom:-14px;left:34px;display:block;width:19px;height:14px;content:'';background:url(../images/layout/bg_nav_arrow.png) no-repeat;} #controller .tooltip .word{display:inline-block;margin-bottom:5px} #controller .tooltip .tooltip_close{position:absolute;top:-12px;right:-12px;display:block;width:30px;height:30px;text-indent:-999em;background:url(../images/btn/btn_tooltip_close.png) no-repeat;} #controller .tooltip.c_mint{border:3px solid #64c0ab;border-radius:20px;} #controller .tooltip.c_mint:after{background-image:url(../images/layout/bg_nav_arrow_mint.png);} #controller .tooltip.c_mint .tooltip_close{top:-20px;right:-20px;width:40px;height:40px;line-height:1;background:none;border-radius:50%;background-color:#666;color:#fff;font-size:25px;text-indent: unset;font-weight:lighter;font-family:'NotoSans';} #controller .tooltip.c_orange:after{background:url(../images/layout/bg_nav_arrow_orange.png) no-repeat;} /* QUICK ----------- */ #quick{position:absolute;z-index:51;top:838px;right:-90px;width:70px;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;} #quick li{margin-top:12px;/*display:flex;*/} #quick li:first-child{margin-top:0;} #quick a{display:block;overflow:hidden;width: 74px; height: 74px;text-indent:-999em;background:url(../images/layout/new_btn_quick.png) no-repeat;} #quick .tooltip{position:absolute;display:none;margin-top:25px;top: -67px; right: -46px;;width:max-content;justify-content:center;align-items:center;font-size:18px;color:#333;font-family:'NotoSans';padding:2px 10px;border:solid 1px #aaa;box-sizing: border-box;border-radius:3px;background-color:#fff;} #quick li:hover .tooltip{display:block;} #quick .pptBtn { background:url(../images/layout/new_btn_ppt.png) no-repeat;} #quick .me a{background-position:-78px -240px;} #quick .ms a{background-position:-160px 0;} #quick .abc a{background-position:-240px 0;} #quick .msg a{height:72px;background-position:-320px 0;} #quick .rp a{width:82px;height:82px;background-position:-399px -90px;} #quick .rp2 a{width:82px;height:82px;background-position:-399px -180px;} #quick .mq.on a{background-position:0 -80px;} #quick .me.on a{background-position:-80px -80px;} #quick .ms.on a{background-position:-160px -80px;} #quick .abc.on a{background-position:-240px -80px;} #quick .msg.on a{background-position:-320px -80px;} #quick .rp.on a{background-position:-400px 0;} #quick .rp2.on a{background-position:-400px 0;} /*#quick .mqp a{background-position:0 -159px;}*/ /*#quick .mep a{background-position:-80px -159px;} #quick .msp a{background-position:-159px -159px;} #quick .mqp.on a{background-position:0 -80px;} #quick .mep.on a{background-position:-80px -80px;} #quick .msp.on a{background-position:-160px -80px;} #quick .mqp2 a{background-position:0 -240px;} #quick .mep2 a{background-position:-80px -240px;} #quick .msp2 a{background-position:-160px -240px;}*/ /* SCROLL COMMON ----------- */ .scrollContent.type_full{margin-top:30px;/*max-height:780px;*/ min-height: 860px} .scrollContent.type_full .scroll_detail{min-height:770px;} .scrollContent.type_tab{max-height:630px !important;} .scrollContent.type_tab .list_ordnum_aw .para{font-size:40px;font-weight:400} .scrollContent{overflow:hidden;max-height:660px;margin:10px -40px 0 -50px;} .scrollContent .quiz_wrap{margin:0 -50px 0 0;} .scrollContent .scroll_detail{padding-right:40px;min-height:650px;} .scrollContent .scroll_detail:before{content:'';display:block;clear: both;height:1px} /*margin-top scroll 해결*/ .scrollContent.unscroll{overflow:hidden;box-sizing:border-box;max-height:100%;} .pop_wrap .scrollContent.unscroll{overflow:hidden;box-sizing:border-box;max-height:100%;} .scrollContent.guider{padding-left:50px;} /* NAV ----------- */ #nav{position:absolute;z-index:52;top:50%;left:0px;width:100%;height:0;transform:translateY(-50%);} #nav>div{position:fixed;top:50%;left:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;} #nav a{display:inline-block;width:40px;height:64px;cursor:pointer;text-indent:-9999px;background:#ddd;background:url(../images/layout/btn_nav.png) no-repeat;} #nav a:hover{background-position:0 -70px;} #nav .next{right:0;left:auto;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;} #nav .next a{background-position:-50px 0;} #nav .next a:hover{background-position:-50px -70px;} #nav .alert{font-size:35px;font-weight:400;position:absolute;top:-110px;left:50px;display:none;padding:25px 25px 25px 29px;white-space:nowrap;border:1px solid #666;border-radius:10px;border-radius:10px;background-color:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.1);} #nav .alert:after{position:absolute;bottom:-14px;left:34px;display:block;width:19px;height:14px;content:'';background:url(../images/layout/bg_nav_arrow.png) no-repeat;} #nav .next .alert{right:50px;left:auto;} #nav .next .alert:after{right:34px;left:auto;} @media (max-width:1280px){#nav{min-width:1280px;}} /* NAV : READ ----------- */ .nav_read{position:absolute;top:36px;left:-82px;} .nav_read li { position: absolute; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #606060;font-family:'Jalnan';} .nav_read li:nth-of-type(1){ z-index: 4} .nav_read li:nth-of-type(2){ top: 79px;z-index: 3} .nav_read li:nth-of-type(3){ top: 164px;z-index: 2} .nav_read li:nth-of-type(4){ top: 249px;z-index: 1 ;background: url("../images/layout/readTabD1.png")no-repeat;width: 80px; height: 101px} .nav_read li:nth-of-type(4):hover{ background: url("../images/layout/readTabH1.png")no-repeat;;width: 80px; height: 101px} .nav_read li:nth-of-type(4).on{ background: url("../images/layout/readTabOn1.png")no-repeat;;width: 80px; height: 101px} .nav_read li:nth-of-type(4).on:hover{ background: url("../images/layout/readTabOnH1.png")no-repeat;;width: 80px; height: 101px} .nav_read li:hover a, .nav_read li:hover a span { color:#FF6700 } .nav_read li.on a, .nav_read li.on a span{ color: #FFDC4A;} .nav_read li a { color:#606060; text-align: center;} .nav_read li a span { display: block; color: #898989; font-size: 20px; padding-top: 18px; margin-bottom: 2px;} .nav_read li a .smallText{ font-size: 16px; color: #fff !important;} .nav_read .overview { background: url("../images/layout/readVidTab.png")no-repeat; width: 80px; height: 100px;} .nav_read .overview:hover {background: url("../images/layout/readVidTabH.png")no-repeat;} .nav_read .overview.on {background: url("../images/layout/readVidTabOn.png")no-repeat;} .nav_read .overview.on:hover {background: url("../images/layout/readVidTabOnH.png")no-repeat;} .nav_read .overview a {opacity: 0;} .nav_read li { background: url("../images/layout/readTabD.png")no-repeat; width: 80px; height: 106px;} .nav_read li:hover { background: url("../images/layout/readTabH.png")no-repeat; width: 80px; height: 106px;} .nav_read li.on { background: url("../images/layout/readTabOn.png")no-repeat; width: 80px; height: 106px;} .nav_read li.on:hover { background: url("../images/layout/readTabOnH.png")no-repeat; width: 80px; height: 106px;} /* NAV : STEP ----------- */ .nav_step{position:absolute;z-index:-1;top: 36px;left: -82px;} .nav_step a{display:block;overflow:hidden;width:95px;height:82px;text-indent:-999em;} /*.nav_step a:hover,.nav_step .on a{background-position-x:-104px;} .nav_step .step_b a{background-position-y:-92px;} .nav_step .step_b a:hover,.nav_step .step_b.on a{background-position-x:-104px;} .nav_step .step_c a{background-position-y:-184px;} .nav_step .step_c a:hover,.nav_step .step_c.on a{background-position-x:-104px;}*/ .nav_step li { position: absolute;} .nav_step li:nth-of-type(1){z-index: 3} .nav_step li:nth-of-type(2){top: 79px; z-index: 2} .nav_step li:nth-of-type(3){top: 164px; z-index: 1} .nav_step .step_a a {background:url(../images/layout/step1.png) no-repeat; width: 80px; height: 100px} .nav_step .step_b a {background:url(../images/layout/step2.png) no-repeat; width: 80px; height: 106px} .nav_step .step_c a {background:url(../images/layout/step3.png) no-repeat; width: 80px; height: 101px} .nav_step .step_a a:hover {background:url(../images/layout/step1_hover.png) no-repeat; } .nav_step .step_b a:hover {background:url(../images/layout/step2_hover.png) no-repeat; } .nav_step .step_c a:hover {background:url(../images/layout/step3_hover.png) no-repeat; } .nav_step .step_a.on a {background:url(../images/layout/step1_on.png) no-repeat; } .nav_step .step_b.on a {background:url(../images/layout/step2_on.png) no-repeat; } .nav_step .step_c.on a {background:url(../images/layout/step3_on.png) no-repeat; } .nav_step .step_a.on a:hover {background:url(../images/layout/step1_on_hover.png) no-repeat; } .nav_step .step_b.on a:hover {background:url(../images/layout/step2_on_hover.png) no-repeat; } .nav_step .step_c.on a:hover {background:url(../images/layout/step3_on_hover.png) no-repeat; } /* LIB ----------- */ .mCSB_scrollTools{width:20px;} .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail{position:relative;left:4px;width:10px;border-radius:10px;background-color:#e6e6e6;} .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar{box-sizing:border-box;width:18px;border:1px solid #cec9b3;border-radius:20px;background-color:#fff;} .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger{min-height:150px !important} /* --------------------------------- UI ELEMENTS --------------------------------- */ /* POINT CONNECT ----------- */ .ui_connect .point{position:relative;fill:rgba(0,0,0,0);} .ui_connect .point.on{fill:rgba(0,0,0,1);} .ui_connect .line{stroke:black;stroke-width:3;} .ui_connect.essayAnswer .point{fill:red;} .ui_connect.essayAnswer .line.essayAnswer{stroke:red;} /* TOOL TIP ----------- */ .ui_tip_wrap{position:relative;} .ui_tooltip{font-size:18px;position:absolute;top:100%;left:50%;display:none;min-width:50px;margin-top:10px;padding:5px 10px;transform:translateX(-50%);text-align:center;white-space:inherit;border:1px solid #666;border-radius:3px;background-color:#fff;} .ui_tooltip:after{position:absolute;top:-7px;left:50%;display:block;width:17px;height:7px;margin-left:-8px;content:'';background:#fff url(../images/ico/bg_tip_arr.png) no-repeat;} /* BUTTON ----------- */ /* TEXT */ .bt_base{font-size:21px;font-weight:bold;line-height:39px;display:inline-block;min-width:70px;height:46px !important;padding:0 20px;text-align:center;color:#777;border:2px solid #D6D6D6;border-radius:37px;background-color:#fff} .bt_base2{display:inline-block;font-size:24px; color: #fff; background: url("../images/btn/new_btn_correct.png") no-repeat; width: 185px; height: 60px;text-align: left; padding-left: 64px;line-height: 60px; font-family:'Jalnan'; box-sizing: border-box;} .rgt_area .bt_base{display:inline-block;font-size:18px;line-height:48px;min-width:80px;height:48px !important;;padding:0 30px;text-align:center;border-radius:40px;font-weight:bold;font-family:'NotoSans';vertical-align: middle;} .bt_base2.quizReset { background: url("../images/btn/new_btn_reset.png") no-repeat; width: 185px;height: 60px;} .bt_base2.quizReset:hover { background: url("../images/btn/new_btn_reset_hover.png") no-repeat;} .bt_base2.exCorrect { background: url("../images/btn/new_btn_ex_correct.png")no-repeat; width: 209px; height: 60px; padding-left: 75px;} .bt_base2.exCorrect:hover { background: url("../images/btn/new_btn_ex_correct_hover.png")no-repeat;} .bt_base2.exReset { background: url("../images/btn/new_btn_ex_Reset.png")no-repeat; width: 209px; height: 60px; } .bt_base2.exReset:hover { background: url("../images/btn/new_btn_ex_Reset_hover.png")no-repeat;} .bt_base2.diaryReset { background: transparent; width: 132px; height: 60px; background-color: #FFF; color: #666; padding-left: 0; text-align: center; border-radius: 20px 20px 0 0; border: 2px solid #D7D3CD; box-sizing: border-box; } .bt_base2.diaryReset:hover {background: transparent; background-color: #DBDBDB; } .rgt_area .bt_base.btnTranActive{ position: relative; bottom: -9px;display:inline-block;font-size:24px; color: #fff; background: url("../images/btn/new_btn_correct.png") no-repeat; width: 185px; height:60px!important; text-align: left;padding: 0; border: none; padding-left: 64px !important;line-height: 60px; font-family:'Jalnan'; box-sizing: border-box; border-radius: 0 !important;;} .rgt_area .bt_base.btnTranActive:hover { background: url(../images/btn/new_btn_correct_hover.png) no-repeat; } .rgt_area .bt_base.quizHide {position: relative; bottom: -6px; background: url("../images/btn/hideText.png")no-repeat; border: none; border-radius: 0; width: 167px; height: 60px !important; padding: 0; margin-right: 26px; } .rgt_area .bt_base.quizHide span { text-indent: -9999px; display: inline-block} .rgt_area .bt_base.quizHide:hover { background: url("../images/btn/hideText_hover.png")no-repeat;} .smallBtnArea{ position: absolute; bottom: 9px; right: 60px;} .smallBtnArea .bt_base2.smallBtn { display: flex; justify-content: center; align-items: center;background: none; width: 138px; height: 46px; border: 2px solid #E05D00; border-radius: 60px; background-color: #FF7E26; padding-left: 0; font-size: 21px;} .smallBtnArea .bt_base2.smallBtn:hover { background: none; background-color: #AE6635; border-color: #7F3F12;} .smallBtnArea .bt_base2.smallBtn.quizReset { background-color: #12B255; border-color: #0A9042;} .smallBtnArea .bt_base2.smallBtn.quizReset:hover { background-color: #058152; border-color: #077739;} .bt_base{color:#898989;border:2px solid #D6D6D6;background-color:#fff; font-size: 21px; font-family: 'Jalnan'; height: 46px !important; line-height: 46px; box-sizing: border-box;} .bt_base:hover,.bt_base.on{color:#fff;} .bt_base.green:hover,.bt_base.green.on{background-color:#00A83C;} .bt_base.blue:hover,.bt_base.blue.on{background-color:#008EC6;} .bt_base.ora:hover,.bt_base.ora.on{background-color:#f26522;} .bt_base.white:hover,.bt_base.white.on{background-color:#777;} .bt_base.mint:hover,.bt_base.mint.on{background-color:#51b1bf !important; background:#51b1bf !important;} .bt_base.pink:hover,.bt_base.pink.on{background-color:#EC7094;} .bt_base.purple:hover,.bt_base.purple.on{background-color:#8665A9;} .bt_base.gradient{padding:0;line-height:40px;} .bt_base.gradient span{display:block;margin-top:-3px;border-radius:40px;width:100%;height:42px;box-shadow:0 3px #c3c3c3;padding:0 30px;box-sizing: border-box;border:1px solid #dadada;border-width:1px 0;} .bt_base.gradient:hover span{background: rgb(242,242,242); background: linear-gradient(-180deg, rgba(242,242,242,1) 0%, rgba(232,232,232,1) 35%, rgba(185,185,185,1) 100%); box-shadow: 0 3px #929292; border:0; color:#000; } #controller .rgt_area .bt_base.gradient span{margin-top:-2px;} #controller .rgt_area .bt_base.gradient.on, .bt_base.gradient.g_pink:hover{color:#fff;border:0;background-color:#c8716c;box-shadow:0 3px #924c48;} #controller .rgt_area .bt_base.gradient.on span, .bt_base.gradient.g_pink:hover span, .bt_base2:hover{ background: url("../images/btn/new_btn_correct_hover.png") no-repeat; } .bt_base2.white{color:#666;border-color:#a0a0a0;background-color:#fff;} .bt_base2.white.on{color:#fff;border-color:#963;background-color:#ee9522;} .bt_base2.bt_spview{width:161px;padding-left:0;padding-right:0;} .bt_base.gradient.g_pink:hover, #controller .rgt_area .bt_base.gradient.on{box-shadow:none;} .bt_base.gradient.g_pink:hover span, #controller .rgt_area .bt_base.gradient.on span{box-shadow:0 3px #924c48;color:#fff;border:0;} .bt_num{font-family:'Jalnan';font-size:40px;;line-height:70px;display:inline-block;overflow:hidden;box-sizing:border-box;width:70px;height:70px;text-align:center;color:#fff;border:2px solid #c2d7e3;border-radius:100%;background-color:#898989;/*box-shadow:3px 3px 3px rgba(0,0,0,.3);*/} .bt_num.on{background-color:#FF6700;} /* IMAGE */ .ui_btn{font-size:0;position: relative; ;display:inline-block;width:190px;height:57px;text-indent:-9999px;background:url(../images/btn/btn_prelesson.png) 0px 0px no-repeat; vertical-align: middle;} .ui_btn.star{margin-right:7px} .ui_btn.star:after{position:absolute;top:-7px;right:-8px;display:block;width:24px;height:24px;content:'';background:url(../images/ico/ico_star.png) no-repeat;} .ui_btn.btn_prelesn{ width: 196px; height: 60px;;background-image:url(../images/btn/btn_preview.png); margin-right: 26px;} .ui_btn.btn_prelesn:hover{background-image:url(../images/btn/btn_preview_hover.png)} .ui_btn.btn_stuplan{ width: 216px; height: 60px ;;background-image:url(../images/btn/new_btn_studyplan.png);} .ui_btn.btn_stuplan:hover{background-image:url(../images/btn/new_btn_studyplan_hover.png)} .ui_btn.btn_wordCard{ width: 188px; height: 60px;background-image:url(../images/btn/btn_wordCard.png); margin-right: 26px;} .ui_btn.btn_wordCard:hover{background-image:url(../images/btn/btn_wordCard_hover.png);} .ui_btn.btn_getready{position:absolute; top: 12px; right: 258px;width: 234px; height: 64px ;background-image:url(../images/btn/new_btn_getready.png); margin-top: 0 !important;} .ui_btn.btn_getready:hover{;background-image:url(../images/btn/new_btn_getready_hover.png);} .ui_btn.btn_background{width:202px;height:57px;background-image:url(../images/btn/btn_back.png);} .ui_btn.btn_background:hover{background-position:0 -60px;} .ui_btn.btn_sound{width:126px;height:51px;background-image:url(../images/btn/btn_set_round.png);} /* .ui_btn.btn_sound:hover{background-position:0 -70px;} */ .ui_btn.btn_ov{width:187px;height:41px;background:url(../images/btn/btn_set_round.png) 0 -60px;} /* .ui_btn.btn_ov:hover{background-position:0 -80px;} */ .ui_btn.btn_script{width: 164px; height: 64px; background-image:url(../images/btn/new_btn_script.png); margin-right: 26px;} .ui_btn.btn_script:hover{background-image:url(../images/btn/new_btn_script_hover.png)} .ui_btn.btn_dict{position:relative;width: 204px; height: 64px;background-image:url(../images/btn/new_btn_dict.png); margin-right: 26px;} .ui_btn.btn_dict:hover{background-image:url(../images/btn/new_btn_dict_hover.png)} .ui_btn.btn_htp{position:relative;width: 242px; height: 60px;background-image:url(../images/btn/btn_htp_text.png);} .ui_btn.btn_htp:hover{background-image:url(../images/btn/btn_htp_text_hover.png);} .ui_btn.btn_htp2{position:relative;width:70px;height:52px;margin-left:-5px;background-image:url(../images/btn/btn_htp2.png);} .ui_btn.btn_htp2:hover{background-position:0 -60px;} .ui_btn.btn_htp_text{position:relative; width: 242px; height: 60px;background-image:url(../images/btn/btn_htp.png);} .ui_btn.btn_htp_text:hover{background-image:url(../images/btn/btn_htp_hover.png);} .ui_btn.btn_at{width:183px;height:51px;background:url(../images/btn/btn_activity_tools.png) no-repeat;} .ui_btn.btn_at:hover{background-position:0 -59px;} .ui_btn.btn_ms{position:relative; width: 245px; height: 60px;background-image:url(../images/btn/btn_ms.png); margin-right: 26px;} .ui_btn.btn_ms:hover{background-image:url(../images/btn/btn_ms_hover.png);} .ui_btn.btn_grammer{position:relative; width: 211px; height: 60px;background-image:url(../images/btn/btn_grammer.png); margin-right: 26px;} .ui_btn.btn_grammer:hover{background-image:url(../images/btn/btn_grammer_hover.png);} .ui_btn.btn_more_sen{position:relative; width: 284px;height: 60px ;background-image:url(../images/btn/btn_moreST.png); } .ui_btn.btn_more_sen:hover{background-image:url(../images/btn/btn_moreST_hover.png);} .ui_btn.btn_adorn{position:relative; width: 230px; height: 60px;background-image:url(../images/btn/btn_adorn.png); } .ui_btn.btn_adorn:hover{background-image:url(../images/btn/btn_adorn_hover.png);} .ui_btn.btn_more{width:116px;height:51px;background:url(../images/btn/btn_more.png) no-repeat;} .ui_btn.btn_more:hover{background-position:0 -60px;} .ui_btn.btn_more_p{width:116px;height:51px;background:url(../images/btn/btn_more_p.png) no-repeat;} .ui_btn.btn_more_p:hover{background-position:0 -60px;} .ui_btn.btn_comm{ width: 291px;height: 60px ;background:url(../images/btn/btn_comm.png) no-repeat; margin-right: 26px; margin-top: -1px} .ui_btn.btn_comm:hover{background:url(../images/btn/btn_comm_hover.png) no-repeat;} .aside_btns{position:absolute;right:-61px;bottom:85px;width:58px;} .aside_btns .ui_btn{vertical-align: top;margin-top:10px} .ui_btn.btn_selfcheck{width: 60px; height: 180px;background-image:url(../images/btn/btn_self.png);} .ui_btn.btn_selfcheck:hover{background-image:url(../images/btn/btn_self_hover.png);} .ui_btn.btn_pc{width:34px;height:146px;background:url(../images/btn/btn_aside.png) 0 -150px no-repeat;} /* .ui_btn.btn_pc:hover{background-position:0 -70px;} */ .ui_btn.btn_selfpccheck{width:34px;height:272px;background-image:url(../images/btn/btn_aside2.png);} .ui_btn.btn_perform{width:121px;height:50px;background:url(../images/btn/btn_perform.png) no-repeat;} .ui_btn.btn_perform:hover{background-position:0 -70px;} .ui_btn.btn_tip{width:78px;height:66px;background:url(../images/btn/btn_tip.png) no-repeat;} .ui_btn.btn_tip:hover{background-position:0 -70px;} .ui_btn.btn_wr{width:201px;height:50px;background:url(../images/btn/btn_wr.png) no-repeat;} .ui_btn.btn_wr:hover{background-position:0 -60px;} .ui_btn.btn_ppt{width:156px;height:50px;background:url(../images/btn/btn_ppt.png) no-repeat;} .ui_btn.btn_ppt:hover{background-position:0 -60px;} .ui_btn.btn_explan{width:84px;height:51px;background:url(../images/btn/btn_explan.png) no-repeat;} .ui_btn.btn_explan:hover{background-position:0 -70px;} .ui_btn.btn_mr{width:160px;height:50px;background:url(../images/btn/btn_mr.png) no-repeat;} .ui_btn.btn_mr:hover{background-position:0 -60px;} .ui_btn.btn_rc{width:246px;height:50px;margin-right:5px;background:url(../images/btn/btn_rc.png) no-repeat;} .ui_btn.btn_rc:hover{background-position:0 -60px;} .ui_btn.btn_ma{width:205px;height:50px;background:url(../images/btn/btn_ma.png) no-repeat;} .ui_btn.btn_ma:hover{background-position:0 -60px;} .ui_btn.btn_ma3{width:231px;height:50px;background:url(../images/ico/ico_more_activities2.png) no-repeat;/*background-size:contain;*/} .ui_btn.btn_ma3:hover{background-position:0 -50px;} .ui_btn.btn_gppt{width:159px;height:50px;background:url(../images/btn/btn_gppt.png) no-repeat;} .ui_btn.btn_gppt:hover{background-position:0 -60px;} .ui_btn.btn_gp{width:200px;height:50px;background:url(../images/btn/btn_gp.png) no-repeat;} .ui_btn.btn_gp:hover{background-position:0 -60px;} .ui_btn.btn_sc{width:121px;height:50px;background:url(../images/btn/btn_sc.png) no-repeat;} .ui_btn.btn_sc:hover{background-position:0 -60px;} .ui_btn.btn_se{width:159px;height:50px;background:url(../images/btn/btn_se.png) no-repeat;} .ui_btn.btn_se:hover{background-position:0 -60px;} .ui_btn.btn_rppt{width:147px;height:50px;background:url(../images/btn/btn_rppt.png) no-repeat;} .ui_btn.btn_rppt:hover{background-position:0 -60px;} .ui_btn.btn_correct{width:114px;height:48px;background-image:url(../images/btn/btn_correct.png);} .ui_btn.btn_again{width:114px;height:49px;background-image:url(../images/btn/btn_replay.png);} .ui_btn.btn_sound2{ width: 48px; height: 48px; ;background-image:url(../images/btn/btn_headset.png);} .ui_btn.btn_sound2.on{background-image:url(../images/btn/btn_headset_play.png);} .ui_btn.btn_tip2{width:45px;height:48px;background:url(../images/btn/btn_tip2.png) no-repeat;} /* .ui_btn.btn_tip2:hover{background-position:0 -70px;} */ /* UI COMMON */ .ui_btn_lang{position:absolute;right:-10px;top:57px;display:block;width: 90px;height: 45px;text-indent:-9999em;background:url(../images/btn/new_btn_lang.png) no-repeat;} .ui_btn_lang.eng{background:url(../images/btn/new_btn_langE.png) no-repeat} .ui_btn_lang.top { top: 0;} .ui_btn_lang.bottom { bottom: 0;} .trlate{font-family:'PretendardM';visibility:hidden;color:#0079AF;} /* INPUT ----------- */ .ui_inp_group{position:relative;display:inline-block;margin-top:-3px;vertical-align:middle;} .ui_inp_group input[type='checkbox']{position:absolute;top:3px;left:-4px;width:25px;height:26px;cursor:pointer;opacity:0;} .ui_inp_group input[type='checkbox']+i:before{display:inline-block;width:25px;height:26px;margin:-20px 6px 0 0;content:'';vertical-align:middle;background:url(../images/common/ui_chk.png) no-repeat 50% 50%;} .ui_inp_group input[type='checkbox']:checked+i:before,.ui_inp_group.checked input[type='checkbox']+i:before{background-image:url(../images/common/ui_chk_chked.png);} .ui_in_radio{position:relative;display:inline-block;margin-top:-3px;vertical-align:middle;} .ui_in_radio input[type='radio']{position:absolute;top:3px;left:-4px;width:25px;height:26px;cursor:pointer;opacity:0;} .ui_in_radio input[type='checkbox']+i:before{display:inline-block;width:25px;height:26px;margin:-4px 6px 0 0;content:'';vertical-align:middle;background:url(../images/common/ui_chk.png) no-repeat 50% 50%;} .ui_in_radio input[type='checkbox']:checked+i:before,.ui_in_radio.checked input[type='checkbox']+i:before{background-image:url(../images/common/ui_chk_chked.png);} .ui_input{display:inline-block;} .ui_check{position:relative;display:inline-block;margin-top:-3px;vertical-align:middle;} .ui_check input{position:absolute;top:-3px;left:-5px;width:69px;height:56px;cursor:pointer;opacity:0;} .ui_check input+i{display:inline-block;height:44px;} .ui_check input+i:before{display:inline-block;width: 64px; height: 58px;content:'';vertical-align:top;background:url(../images/common/ui_check.png) no-repeat 0 0;} .ui_check input:checked+i:before,.ui_check.checked input+i:before{background:url(../images/common/ui_check_on.png) no-repeat 0 0;} .ui_grade{position:relative;display:inline-block;width:41px;height:41px;margin:0 10px;vertical-align:middle;background:url(../images/common/ui_grade.png) no-repeat 0 0;} .ui_grade.normal{background-position:0 -50px;} .ui_grade.bad{background-position:0 -100px;} .ui_grade input{position:absolute;top:-3px;left:-5px;width:100%;height:100%;cursor:pointer;opacity:0;} .ui_grade input+i{position:absolute;top:-7px;left:-10px;display:none;width:69px;height:56px;background:url(../images/common/ui_grade.png) no-repeat -50px 0;} .ui_grade input:checked+i,.ui_grade.checked input+i{display:block;} .ui_select_mini{font-family:'Jalnan';font-size:28px;font-weight:bold;position:relative;width:60px;text-align:center;cursor:pointer;} .ui_select_mini .current{display: flex; justify-content: center; align-items: center; position:relative;z-index:1;width:60px;height:54px;color:#f00;border:2px solid #606060;border-radius:10px;background-color:#fff;;} .ui_select_mini .options{line-height:1.2;position:absolute;z-index:2;width:60px;border:2px solid #CECECE;border-radius:10px;background-color:#fff;} .ui_select_mini .options a{display:block; color: #2b2b2b} .ui_select_mini .options a:hover{background-color:#FF6700; color: #fff;} .ui_select_mini input{display:none;} .ui_select_mini .current .ques { color: #CFCFCF;} .ui_select_mini .options li { height: 54px; line-height: 54px; border-bottom: 2px solid #CECECE;box-sizing: border-box;} .ui_select_mini .options li:first-child a{border-radius: 10px 10px 0 0;} .ui_select_mini .options li:last-child a{border-radius: 0 0 10px 10px;} .ui_select_mini .options li:last-child { border-bottom: none; } /* TITLE ----------- */ .type_intro .h_type{min-height:120px;} /* 지시문 */ #content>.h_dir:first-child{margin-top:36px;} .h_dir{font-size:44px; font-family:'PretendardEB';position:relative;min-height:120px;margin-top:20px;margin-bottom:10px;color:#1b1b1b} .h_dir.title2 { font-family:'PretendardSB'} /*.h_dir .eng{line-height:1.45;}*/ .h_dir .lab_order+.kor{margin-left:7px;} .h_dir .lab_order+.kor+.eng{line-height:1.37;margin-left:4px;} .h_dir.single{min-height:59px;} .h_dir.single .ui_btn_lang{top:10px;bottom:auto;} .h_dir.single_k .ui_btn_lang{top:10px;bottom:auto;} .h_dir.eng.single_k .ui_btn_lang{top:auto;bottom:13px;} .h_dir.eng.single_e .ui_btn_lang{top:10px;bottom:auto;} .h_dir .eng { letter-spacing: 1.056px;} .h_dir.txt{min-height:auto;} .h_dir.txt:first-child{margin-top:34px;} .h_dir.h_chk,.h_dir.h_cal,.h_dir.h_mov{line-height:normal;} .h_dir.h_chk{min-height:123px;padding-left:54px;background:url(../images/title/h_chk.png) 0 -2px no-repeat;} .h_dir.h_chk .i_base{margin:-8px 0 0 4px;vertical-align:middle;} .h_dir.h_cal{padding-left:52px;letter-spacing:-1px;background:url(../images/title/h_cal.png) no-repeat 0 5px;} .h_dir.h_mov{min-height:110px;margin-top:50px;padding-left:60px;padding-left:52px;background:url(../images/title/h_mov.png) 0 -4px no-repeat;} .h_dir.h_mov .ui_btn_lang{top:8px;bottom:auto;} .h_dir.h_mov .eng{line-height:1.3;} .h_dir.h_mov.eng .ui_btn_lang{top:auto;bottom:8px;} .h_dir .label{font-family:'NotoSans';font-size:36px;font-weight:500;font-style:normal;display:inline-block;box-sizing:border-box;height:61px;margin-right:10px;padding:3px 10px;vertical-align:top;color:#346606;border-radius:10px;background-color:#ebebeb;background-repeat:no-repeat;background-position:14px 50%;} .h_dir .label.evl{padding-left:54px;background-image:url(../images/common/bul_evl.png);} .h_dir .label.stplan{padding-left:54px;background-image:url(../images/common/bul_stplan.png);} /* 타이틀 내 스타일 */ .h_dir .undline{position:relative;} .h_dir .undline:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;content:'';background-color:#000;} #content > .h_dir.h_ordnum{margin-top:60px;} .h_dir.h_ordnum.single_k .ui_btn_lang{top:10px;bottom:auto;} .h_dir.h_ordnum.eng.single_k .ui_btn_lang{top:auto;bottom:13px;} /* 아이콘이 있는 경우 (unindent 형태) */ .h_dir .ordnum_alp{margin:0 20px 0 5px;color:#603913;} .h_dir.step_a:before,.h_dir.step_b:before{display:inline-block;width:145px;height:60px;margin:2px 20px 0 0;content:'';vertical-align:top;background:url(../images/ico/ico_dir_step.png) no-repeat;} .h_dir.step_b:before{background-position:0 -70px;} /* 아이콘이 있는 경우 (indent 형태) */ .h_dir.mov{min-height:61px;padding-left:60px;background:url(../images/title/h_mov_blk.png) no-repeat 0 2px;} .h_dir.more{padding-left:115px;} .h_dir.more .ui_btn_lang{top:12px;bottom:auto;} .h_dir.more.eng .ui_btn_lang{top:auto;bottom:13px;} /* 아이콘이 있는 경우 (indent 형태) */ .h_dir_ord{min-height:121px;margin-top:20px;letter-spacing:-1px;} .h_dir_ord.inlineB { display: inline-block;} .h_dir_ord .i_base{vertical-align:top;} .h_dir_ord .i_base.tac{margin-top:0;margin-top:5px;} .h_dir_ord .i_base.alp_a,.h_dir_ord .i_base.alp_b,.h_dir_ord .i_base.alp_c{margin-top:5px;margin-right:10px;} .h_dir_ord .i_base.chk{margin-top:10px;} .h_dir_ord span { flex: 1} .h_dir_ord span:first-child, .h_dir_ord div:first-child { flex: none;} .h_dir_circ{position:relative;padding-left:50px;} .h_dir_circ:before{position:absolute;top:12px;left:0;width:38px;height:38px;content:'';background:url(../images/title/bul_dir_circ.png) no-repeat 0 0;} .h_dir_circ.small{font-size:30px;padding-left:45px;letter-spacing:-.3px;} .h_dir_circ.small:before{top:6px;} .h_dir_circ.small .i_base.chk{margin-top:10px;vertical-align:top;} .stepBox { position: relative;display: inline-block; justify-content: center; align-items: center;width: 141px; height: 52px; padding-left: 18px;line-height: 52px;border-radius: 100px; background-color: #6495C9; color: #fff; font-size: 28px; font-family:'UniversLTS' ; margin-right: 8px; box-sizing: border-box; padding-top: 3px;} .stepBox:after{content: '' ;font-size: 44px; font-family:'UniversLTSB'; position: absolute; top: 3px;left: 98px; color: #fff;} .stepBox.step2:after{content: '2'} .stepBox.eng{ width:94px; height: 40px; font-size: 20px; padding-left: 10px; line-height: 40px; letter-spacing: 0; margin-left: 15px; margin-right: 0; vertical-align: middle;} .stepBox.eng:after { font-size: 30px; left: 66px;} .byrNum { font-size: 44px; color: #fff; width: 49px; height: 49px; display: inline-block; border-radius: 100%; ;line-height: 49px; font-family:'PretendardEB'; text-align: center; margin: 0 4px;} .byrNum.green { background-color: #00A73C;} .byrNum.blue { background-color: #0870B9;} .byrNum.pink { background-color: #EC7093;} .byrNum.purple { background-color: #8665A9;} .byrNum.orange { background-color: #ED6D00;} .h_dir .chk_gray{margin-top:-7px;vertical-align:middle;} .h_dir .btn_more{position:absolute;top:5px;left:0;} .h_dir .info{font-family:'NotoSans';font-size:20px;font-weight:400;line-height:34px;display:inline-block;height:34px;margin-top:6px;padding:0 14px 0 40px;vertical-align:top;border:1px solid #000;border-radius:34px;background:url(../images/title/bul_info.png) no-repeat 2px 2px;} .h_dir .info2{font-family:'NotoSans';font-size:24px;font-weight:400;line-height:42px;display:inline-block;height:42px;margin-top:6px;padding:0 14px;vertical-align:top;border:1px solid #666;border-radius:10px;} .h_dir2{font-size:28px;font-weight:400;position:relative;margin-bottom:10px;} .h_dir2 .lab_img.lab_rdtip{margin-top:3px;vertical-align: top;} .h_dir_sub{font-family:'NotoSans';font-size:40px;font-weight:bold;position:relative;margin-bottom:10px;padding-left:55px;} .h_dir_sub .num{position:absolute;top:0;left:0;} .h_dir_sub .undline{position:relative;} .h_dir_sub .undline:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;content:'';background-color:#000;} .h_dir .deco{position:relative;margin-left:5px;} .h_dir .deco:before{content:'';background:url(../images/ico/ico_deco_top.png) no-repeat;display:block;position:absolute;left:-10px;;top:-10px;;width:25px;height:19px;} .h_dir .deco:after{content:'';background:url(../images/ico/ico_deco_bot.png) repeat-x;display:block;position:absolute;left:0;;bottom:-5px;;width:100%;height:7px;} .list_ordnum_wrap + .h_dir{margin-top:60px} /* 01_01_03 */ .h_warmup{margin:0 0 10px;} .h_warmup .eng{line-height:1.25;display:inline-block/*;margin-top:5px;*//*word-spacing:.34rem;*/} /* .h_warmup .ui_btn_lang.eng{bottom:-10px;} */ .h_warmup .fs30 + .ui_btn_lang.eng{bottom:-10px;} .h_warmup .fs35{line-height: 1.6;} .h_getready{font-size:44px;font-family:'PretendardEB';line-height:1.475;position:relative;box-sizing:border-box;min-height:140px;margin-top:36px;color:#000;} .h_getready .lab_img{display:inline-block;width:208px;height:56px;margin:3px 3px 0 0;vertical-align:top;background:url(../images/common/lab_getready.png) no-repeat;} .h_getready .ui_btn_lang{right:-10px;top:57px;} .h_getready span { flex: 1;} .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);} .i_base.chk.small{width:28px;height:30px;background-image:url(../images/title/ico_chk_small.png);} .i_base.chk_gray{width:43px;height:44px;background-image:url(../images/title/ico_chk_gray.png);} .i_base.tac{width:39px;height:50px;background-image:url(../images/ico/ico_tac.png);} .i_base.alp_a,.i_base.alp_b,.i_base.alp_c{width:50px;height:50px;background:url(../images/title/ico_lab_order.png) no-repeat;} .i_base.alp_b{background-position:0 -60px;} .i_base.alp_c{background-position:0 -120px;} /* LABEL ----------- */ .lab_img{font-size:0;display:inline-block;width:347px;height:44px;vertical-align:middle;text-indent:-9999px;color:#fff;background:url(../images/common/lab_lamp.png) no-repeat;} .lab_img.lab_lamp{margin:20px 0 17px;background:url(../images/common/lab_lamp.png) no-repeat;} .lab_img.lab_warmup{width:185px;height:40px;margin:20px 0 8px;background:url(../images/common/lab_warmup.png) no-repeat;} .lab_img.lab_eg{display:inline-block;width:80px;height:45px;background:url(../images/common/lab_eg.png) no-repeat;} .lab_img.lab_eval{display:inline-block;width:198px;height:61px;background:url(../images/common/lab_eval.png) no-repeat;} .lab_img.lab_rdtip{display:inline-block;width:150px;height:37px;background:url(../images/common/lab_rdtip.png) no-repeat;} .lab_img.lab_gr{display:inline-block;width: 188px; height: 49px;margin:2px 6px 0 0px;vertical-align:top;background:url(../images/title/new_lab_gr.png) no-repeat;} .lab_img.lab_lf{display:inline-block;width: 258px; height: 106px;margin:-24px 6px 0 0px;vertical-align:top;background:url(../images/title/lab_lf.png) no-repeat; flex: none;} .lab_img.lab_pd{display:inline-block;width: 336px; height: 103px;margin:-38px 6px 0 0px;vertical-align:top;background:url(../images/title/lab_pd.png) no-repeat; flex: none;} .lab_img.lab_wp{display:inline-block;width: 265px; height: 91px;margin:-27px 6px 0 0px;vertical-align:top;background:url(../images/title/lab_wp.png) no-repeat; flex: none;} .lab_img.lab_wu{display:inline-block;width: 160px; height: 49px;margin:0 6px 0 0px;vertical-align:top;background:url(../images/title/lab_wu.png) no-repeat; flex: none;} .lab_img.lab_gbp{display:inline-block;width: 342px; height: 91px; ;margin:-23px 6px -11px 0px;vertical-align:top;background:url(../images/title/lab_gbp.png) no-repeat; flex: none;} .lab_img.lab_cod{display:inline-block;width: 367px; height: 91px; ;margin:-23px 6px -11px 0px;vertical-align:top;background:url(../images/title/lab_cod.png) no-repeat; flex: none;} .lab_img.lab_tt{display:inline-block; width: 266px; height: 91px ;margin:-23px 6px -11px 0px;vertical-align:top;background:url(../images/title/lab_tt.png) no-repeat; flex: none;} .lab_img.lab_grammar{display:inline-block; width: 272px; height: 52px ;margin:0 6px 0x 0px;vertical-align:top;background:url(../images/title/lab_grammarPlus.png) no-repeat; flex: none;} .lab_img.lab_gr_pen{display:inline-block;width:201px;height:55px;background:url(../images/title/lab_gr.png) 0 -70px no-repeat;} .lab_img.lab_green{display:inline-block; width: 204px; height: 59px ;margin:0 6px 0 0px;vertical-align:top;background:url(../images/title/lab_titG.png) no-repeat; flex: none;} .lab_img.lab_blue{display:inline-block; width: 244px; height: 59px ;margin:0 6px 0 0px;vertical-align:top;background:url(../images/title/lab_titB.png) no-repeat; flex: none;} .lab_img.lab_pink{display:inline-block; width: 91px; height: 59px ;margin:0 6px 0 0px;vertical-align:top;background:url(../images/title/lab_titP.png) no-repeat; flex: none;} .lab_img.lab_purple{display:inline-block; width: 143px;height: 59px ;margin:0 6px 0 0px;vertical-align:top;background:url(../images/title/lab_titPur.png) no-repeat; flex: none;} .lab_img.lab_orange{display:inline-block; width: 190px; height: 59px ;margin:2px 6px 0 0px;vertical-align:top;background:url(../images/title/lab_titO.png) no-repeat; flex: none;} .lab_img.lab_wyf{display:inline-block;width: 370px; height: 51px ;margin:0 6px 0 0px; line-height: 51px; background: transparent; text-align: center;vertical-align:top;border:4px solid #DED5EA; border-radius: 100px; flex: none; text-indent: 0; font-size: 32px; color: #8665A9; font-family:'PoetsenOneR'; } .lab_img.lab_wyf span { display: inline-block; padding: 0; box-sizing: border-box;} .lab_img.lab_pt{display:inline-block; width: 342px; height: 91px; ;margin:-24px 6px 0 0px;vertical-align:top;background:url(../images/title/lab_pt.png) no-repeat; flex: none; ; font-size: 32px; color: #8665A9; font-family:'PoetsenOneR'; } .lab_img.lab_pt span { display: inline-block; padding: 5px 0 0 25px; box-sizing: border-box;} .lab_img.lab_pw{display:inline-block; width: 340px; height: 91px ;margin:-24px 6px 0 0px;vertical-align:top;background:url(../images/title/lab_pw.png) no-repeat; flex: none; ; font-size: 32px; color: #8665A9; font-family:'PoetsenOneR'; } .lab_img.lab_pw span { display: inline-block; padding: 5px 0 0 25px; box-sizing: border-box;} .lab_txt.kicker{font-size:26px;font-weight:bold;display:inline-block;box-sizing:border-box;width:170px;height:51px;margin-top:27px;padding:5px;text-align:center;color:#fff;border-radius:20px 20px 0 0;background-color:#a47341;} .lab_txt.exam{font-size:30px;font-weight:bold;line-height:41px;display:inline-block;width:91px;height:40px;text-align:center;color:#fff;border-radius:10px;background-color:#818949;} .lab_ordnum{font-family:'NotoSans';font-size:55px;line-height:1;margin-right:15px;vertical-align:top;color:#ab6200;} .lab_ordnum:before{position:absolute;top:-65px;left:-30px;width:174px;height:92px;content:'';background:url(../images/title/lab_lt.png) 0 0 no-repeat;} .lab_ordnum.rnw:before{position:absolute;top:-65px;left:-30px;content:'';background-position:0 -110px;} .lab_order{font-family:'VAGRounded BT';font-weight:400;position:relative;display:inline-block;margin:10px 0 0 0;padding-left:60px;vertical-align:top;letter-spacing:0;color:#f15922;} .lab_order:before{position:absolute;top:-6px;left:0;display:block;width:50px;height:50px;content:'';background:url(../images/title/ico_lab_order.png) no-repeat;} .lab_order.alp_b:before{background-position:0 -60px;} .lab_order.alp_c:before{background-position:0 -120px;} .lab_order.purple{color:#8a288f;} .lab_order.alp_a.purple:before{background-position:-130px 0;} .lab_order.alp_b.purple:before{background-position:-130px -59px;} .lab_order.green{color:#00a148;} .lab_order.green:before{content:'';width:50px;height:50px;background:url(../images/title/ico_lab_order_green.png) no-repeat;background-size:cover;} .lab_order.alp_b.green:before{background-position-x:-64px;} .lab_order.alp_c.green:before{background-position-x:-128px;} .lab_order.blue{color:#099EDC;} .lab_order.blue:before{content:'';width:43px;height:43px;background:url(../images/title/ico_lab_order_blue.png) no-repeat;background-size:cover;} .lab_order.alp_b.blue:before{background-position-x:-56px;} .lab_order.alp_c.blue:before{background-position-x:-108px;} /* lab_order */ .lab_order.step_a:before,.lab_order.step_b:before,.lab_order.step_c:before{top:-15px;width:45px;height:65px;background-position:-70px 0;} .lab_order.step_b:before{background-position:-70px -70px;} .lab_order.step_c:before{background-position:-70px -140px;} .lab_order.step_a.purple:before,.lab_order.step_b.purple:before,.lab_order.step_c.purple:before{top:-15px;width:46px;height:64px;background-position:-190px 0;} .lab_order.step_b.purple:before{background-position:-190px -70px;} .lab_order.step_c.purple:before{background-position:-190px -140px;} /* LIST ----------- */ .ui_list_dot{font-size:40px;font-weight:500;margin-top:10px;} .ui_list_dot li{position:relative;margin:8px 0;padding-left:18px;} .ui_list_dot li:first-child{margin-top:0;} .ui_list_dot li:before{position:absolute;top:20px;left:0;display:block;width:7px;height:8px;content:'';border-radius:100%;background-color:#777;} .ui_list_dot.fs50 li{font-size:50px;padding-left:25px;} .ui_list_dot.fs50 li:before{top:26px;width:6px;height:6px;} dl.ui_list_dot.square{margin-bottom:40px;} dl.ui_list_dot.square:first-child{margin-top:0;} dl.ui_list_dot.square>dt{font-weight:bold;position:relative;margin:24px 0 5px;padding-left:32px;color:#666;} dl.ui_list_dot.square>dt:first-child{margin-top:0;} dl.ui_list_dot.square>dt:before{position:absolute;top:26px;left:0;display:block;width:11px;height:11px;margin-right:3px;content:'';background-color:#666;} dl.ui_list_dot.square .ui_list_dot{margin-top:0;} .list_selfcheck{margin:0 0 16px;} .list_selfcheck p{font-size:40px;font-weight:bold;color:#000;} .list_selfcheck li{font-size:40px;position:relative;padding:45px 280px 45px 10px;border-bottom:2px dashed #e6e6e6;} .list_selfcheck .ui_input{margin-left:24px;} .list_selfcheck .ui_input:before{display:block;width:40px;height:40px;margin:0 auto;margin-bottom:12px;content:'';background:url(../images/common/ico_grade.png) no-repeat;} .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;top:20px;right:0;} .list_voca_wrap{overflow:hidden;} .list_voca{font-size:40px;position:relative;overflow:hidden;} .list_voca:after{display:block;clear:both;content:'';} .list_voca li{position:relative;float:left;box-sizing:border-box;width:50%;margin:32px 0;} .list_voca li:nth-child(odd){padding-right:32px;} .list_voca li:nth-child(even){padding-left:32px;} .list_voca .eng{font-family:'Times New Roman','Crimson','NotoSerif';margin-left:10px;} .list_voca .kor{position:absolute;top:0;right:0;} .list_voca .ui_check{margin-top:3px;} .list_voca .input_wrap .answer_txt{font-size:30px;font-weight:400;width:248px;padding-bottom:12px;text-align:left;color:red;} .list_voca .input_wrap.row2{position:relative;top:-19px;} .list_voca .input_wrap.row2 .answer_txt{line-height:1.3;padding-bottom:0} .list_voca .input_wrap.row2 .answer_txt:after{top:0;} .h_dir_ord+.list_ordnum_wrap{margin-top:30px;} .list_ordnum{font-family:'Times New Roman','Crimson','NotoSerif';font-size:45px;line-height:1.1;} .list_ordnum>li{position:relative;margin:22px 0;padding-left:58px;} .list_ordnum .num,.list_ordnum .ordnum{font-family:'Roboto';font-weight:bold;position:absolute;top:0;left:0;} .list_ordnum .input_wrap .answer_txt{padding-bottom:8px;} .list_ordnum.chk_type>li{margin:25px 0;padding-right:150px;} .list_ordnum.chk_type .ui_check_mini{position:absolute;top:-10px;right:0;} .list_ordnum.chk_type .ui_check_mini .ui_check{margin:0 10px;} .list_ordnum.chk_type>li:first-child .ui_check_mini .ui_check:before{position:absolute;top:-52px;left:-3px;display:block;width:52px;height:47px;content:'';background:url(../images/ico/ico_ordnum_tf.png);} .list_ordnum.chk_type>li:first-child .ui_check_mini .ui_check:last-child:before{background-position:0 -60px;} .list_ordnum.wc_type>li{margin:35px 0;padding-right:400px;} .list_ordnum.wc_type .answer_area{position:absolute;top:-6px;right:0;} .list_ordnum.wc_type .answer_area .answer_txt{width:170px;} .list_ordnum.wc_type .answer_area i{display:inline-block;width:32px;height:25px;margin-top:15px;content:'';vertical-align:top;background:url(../images/ico/ico_quiz_arrow.png) no-repeat;} .list_ordnum.type_img>li{overflow:hidden;min-height:181px;margin:0 0 40px;padding-bottom:10px;padding-left:335px;} .list_ordnum.type_img>li .img{position:absolute;top:0;left:60px;} .list_ordnum.type_img .ui_script2{margin-top:32px;} .list_ordnum.type_img .ui_script2.fs40{font-size:40px;} .list_ordnum.type_img .ui_script2.fs40>li{margin-top:30px;padding-left:54px;} .list_ordnum.type_img .ui_script2.fs40>li:first-child{margin-top:0;} .list_ordnum.type_img .ui_script2.fs40>li p{margin-top:25px;} .list_ordnum.type_img .ui_script2.fs40>li .name+p{margin-top:0;} .list_ordnum.type_img .ui_script2.fs40>li .input_wrap .sample_word{position:absolute;top:50px;left:0px;width:100%;text-align:center;} .list_ordnum.wc_type>li{margin:25px 0;padding-right:400px;} .list_ordnum2{font-size:52px;font-weight:500;margin-top:46px} .list_ordnum2>li{position:relative;margin:32px 0;padding-left:56px;} .list_ordnum2 .ordnum{position:absolute;top:0;left:0; font-size: 52px; color:#898989;font-family:'PretendardB';} .list_ordnum2 .ordnum.ques{top:8px;overflow:hidden;width:57px;height:42px;text-indent:-9999em;background:url(../images/ico/ico_ques.png) no-repeat;} /* .list_ordnum2 .input_wrap .answer_txt{padding-bottom:4px;} */ .list_ordnum2 p{margin-top:8px;} .list_ordnum2 .ordnum+p{margin-top:0;} .list_ordnum2.chk_type>li{padding-right:50px;} .list_ordnum2.chk_type .ui_select_mini{position:absolute;top:8px;right:0;} .list_ordnum2.medium{font-size:40px;font-weight:400;} .list_ordnum2.medium>li{margin:11px 0;padding-left:70px;} .list_ordnum2.medium .ui_script{font-size:40px;line-height:1.35;margin-bottom:0;} .list_ordnum2.medium .ui_script>li{padding-left:42px;} .list_ordnum2.medium .ui_script>li p{margin-top:0;} /* .list_ordnum2.font_times .ui_script .name{font-family:'NotoSans';font-weight:bold;} .list_ordnum2.font_times{font-family:'Times New Roman','Crimson','NotoSerif';} */ .list_ordnum2.unbrket>li{padding-left:45px;} .list_ordnum2.fs40>li{margin:30px 0;} .list_ordnum2.fs40 .ordnum{font-size:40px;} .list_ordnum2 .ui_script2{font-size:40px;} .list_ordnum2 .ui_script2>li{margin-top:25px;padding-left:46px;} .list_ordnum2 .ui_script2>li:first-child{margin-top:0;} .list_ordnum2 .ui_script2>li .ordnum{font-size:40px;} .list_ordnum2.ff_serif .ui_script>li .name{font-family:'Roboto';color:#777} .ordnum_qa_wrap{font-size:45px;position:relative;padding-left:50px;} .ordnum_qa_wrap>.ordnum{font-size:35px;font-weight:400;position:absolute;top:3px;left:0;} .list_qa>li{font-family:'Times New Roman','Crimson','NotoSerif' !important;position:relative;margin:35px 0;padding-left:80px;} .list_qa>li:before{position:absolute;top:0;left:0;display:block;overflow:hidden;width:71px;height:47px;content:'';text-indent:-9999em;background:url(../images/ico/ico_qa.png) no-repeat;} .list_qa>li.answ:before{background-position:0 -60px;} .list_qa>li p{margin-top:12px} .list_ordnum_cir{font-size:52px; color: #1B1B1B; font-family:'PretendardSB';} .list_ordnum_cir>li{font-weight:bold;line-height:1.5;position:relative;padding-left:48px;} .list_ordnum_cir>li:before{font-family:'PretendardB';font-size:52px;line-height:normal;position:absolute;top:6px;left:0;content:'1';text-align:center;color:#898989;} .list_ordnum_cir>li:nth-child(1):before{content:'1';} .list_ordnum_cir>li:nth-child(2):before{content:'2';} .list_ordnum_cir>li:nth-child(3):before{content:'3';} .list_ordnum_cir>li:nth-child(4):before{content:'4';} .list_ordnum_cir>li:nth-child(5):before{content:'5';} .list_ordnum_q{font-size:35px;} .list_ordnum_q>li{font-weight:bold;position:relative;margin:18px 0;padding-left:70px;} .list_ordnum_q>li:before{position:absolute;top:0;left:0;width:56px;height:56px;content:'1';text-indent:-9999em;background:url(../images/ico/ico_ordnum_q.png) no-repeat;} .list_ordnum_q>li:nth-child(2):before{background-position:0 -70px;} .list_ordnum_q>li:nth-child(3):before{background-position:0 -140px;} .list_ordnum_q>li:nth-child(4):before{background-position:0 -210px;} .list_ordnum_aw{font-size:35px;} .list_ordnum_aw>li{position:relative;margin:25px 0;padding-left:40px;} .list_ordnum_aw>li:before{font-family:'Roboto';font-size:40px;font-weight:bold;position:absolute;top:5px;left:0;content:'1';} .list_ordnum_aw>li:nth-child(2):before{content:'2';} .list_ordnum_aw>li:nth-child(3):before{content:'3';} .list_ordnum_aw>li:nth-child(4):before{content:'4';} .list_ordnum_aw>li:nth-child(5):before{content:'5';} .list_ordnum_aw>li:nth-child(6):before{content:'6';} .list_ordnum_aw>li:nth-child(7):before{content:'7';} .list_ordnum_aw>li:nth-child(8):before{content:'8';} .list_ordnum_aw .answer{font-size:40px;position:relative;margin-top:15px;padding-left:45px;} .list_ordnum_aw .answer:before{position:absolute;top:10px;left:0;display:block;width:32px;height:25px;content:'';background:url(../images/ico/ico_quiz_arrow.png) no-repeat;} .list_ordnum_aw .answer .answer_txt{font-weight:500;box-sizing:border-box;width:100%;text-align:left;} .list_ordnum_aw.narrow>li{margin:14px 0;} .list_ordnum_aw.narrow .input_wrap.ff_hand{line-height:1.3;} .list_ordnum_aw_wc{font-size:35px;font-weight:500;overflow:hidden;} .list_ordnum_aw_wc li{position:relative;float:left;box-sizing:border-box;margin:24px 0;padding:0 0 0 40px;} .list_ordnum_aw_wc li:before{position:absolute;top:0;left:0;content:'';} .list_ordnum_aw_wc li:nth-child(even){float:right;} .list_ordnum_aw_wc li:nth-child(1):before{content:'1.';} .list_ordnum_aw_wc li:nth-child(2):before{content:'2.';} .list_ordnum_aw_wc li:nth-child(3):before{content:'3.';} .list_ordnum_aw_wc li:nth-child(4):before{content:'4.';} .list_ordnum_aw_wc li:nth-child(5):before{content:'5.';} .list_ordnum_aw_wc li:nth-child(6):before{content:'6.';} .list_ordnum_aw_wc .answer_txt{line-height:55px;width:210px;height:52px;} .list_ordnum_aw_wc .arr{display:inline-block;width:32px;height:25px;margin:0 10px;background:url(../images/ico/ico_quiz_arrow.png) no-repeat;} .list_ordalp{font-family:'Times New Roman','Crimson','NotoSerif';font-size:35px;} .list_ordalp>li{font-weight:500;line-height:1.5;position:relative;margin-bottom:30px;padding-bottom:30px;padding-left:75px;background:url(../images/common/bg_ordalp_dot.png) repeat-x 0 100%;} .list_ordalp>li:last-child{margin-bottom:0;padding-bottom:0;background:none;} .list_ordalp>li:before{position:absolute;top:-3px;left:0;width:60px;height:60px;content:'';text-indent:-9999em;background:url(../images/ico/ico_ordalp.png) no-repeat;} .list_ordalp>li:nth-child(2):before{background-position:0 -70px;} .list_ordalp .imp{font-weight:bold;font-style:normal;position:relative;display:inline-block;padding:0 5px;background:url(../images/common/bg_highlight.png) no-repeat 0 60%;background-size:100% 40px;} .list_ordalp p.inline_type{display:inline-block;vertical-align:top;} .list_ordalp p.inline_type.dash{position:relative;padding-left:20px;} .list_ordalp p.inline_type.dash:before{position:absolute;top:0;left:0;content:'-';} .list_word_wrap{position:relative;/*padding-left:50px;*/ /*스피커추가시 패딩 주석 해제*/} .list_word_wrap .btn_sound2{position:absolute;top:4px;left:-10px;} .list_word{font-weight:500;} .list_word>li{margin:34px 0 32px;} .list_word .word{font-size:52px;font-family:'PretendardB'; color: #1b1b1b;position:relative;display:inline-block;padding-left:25px;} .list_word .word:before{position:absolute;top:32px;left:0;display:block;width:10px;height:11px;content:'';border-radius:11px;background-color:#000;} .list_word .word .trlate{font-size:44px; font-family:'PretendardB';;margin-left:10px;color:#0079AF;;} .list_word .word .trlate.show{visibility:visible;} .list_word .exam{font-size:48px;font-family:'NotoSans'; font-weight:500;color:#1b1b1b;position:relative;padding-left:25px;} .list_word .exam:before{position:absolute;top:0;left:0;content:'-';} .list_word .divi{font-style:italic;visibility:hidden;} .list_word .divi em{font-family:'NotoSans';font-weight:700; font-style: italic} .list_word .exam .trlate{font-size:40px;visibility:hidden;color:#0079AF;font-family:'PretendardM';;margin-top:3px;} .list_word .exam .trlate.hide{visibility: hidden;display:block !important} .list_word .exam.show{display:block !important;} .list_word .exam.show .trlate,.list_word .exam.show .divi{visibility:visible;} .list_word_sound dt{font-size:40px;font-weight:bold;margin-bottom:5px;color:#187d7d;margin-left:22px} .list_word_sound em{font-weight:bold;font-style:normal;position:relative;} .list_word_sound em:before{position:absolute;bottom:-12px;left:50%;display:block;width:35px;height:12px;transform:translateX(-50%);content:'';background:url(../images/common/bg_sound_cnect.png) no-repeat 50% 100%;} .list_word_sound .list_dot li:before{top:25px;} /* --------------------------------- UI COMMON --------------------------------- */ /* TEXT ----------- */ .mp_text.canHover,.mp_text.canHover span,.caption{cursor:pointer;/*-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;*/} .mp_text.canHover:hover,.mp_text.canHover:hover span{color:#08977D !important;} .mp_text.noHover:hover,.mp_text.noHover:hover span{color:#000 !important;} .mp_text.noHover:hover .answer_txt{color:#fb261f !important;} .mp_text.red{color:#b53833;} .mp_text .undline, .caption .undline{position:relative;z-index:1;display:inline-block;min-width:50px;padding:0 5px;text-align:center;color:#000;background:none;} .mp_text .undline:before, .caption .undline:before{position:absolute;z-index:1;bottom:-2px;left:0;display:block;width:100%;height:2px;content:'';background:#333;} /* SCRIPT ----------- */ .ui_script_wrap .tit{position:relative;margin:34px 0 0;display: inline-block;} /*200511 클릭영역 */ /* .ui_script_wrap .tit:first-child{margin-top:0} */ .ui_script_wrap .tit .btn_sound{z-index:1;top:10px;left:-30px} .ui_script_wrap .num:hover {color:#04ada9 !important;} .ui_script_wrap .num{display: flex; justify-content: center;align-items: center; width: 48px; height: 48px; background-color:#cecece;border-radius: 100%; ;font-size:32px;line-height:1;color:#fff; font-family: 'PretendardM'} .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{position:absolute;top:16px;left:0;display:block;width:30px;height:28px;text-indent:-999em;background:url(../images/common/ico_sound.png) no-repeat;} .ui_script_wrap .btn_sound{display:none;} .ui_script_wrap .btn_sound:before{top:0;content:'';opacity:0;background-position:0 -30px;} .ui_script_wrap .btn_sound:hover:before,.ui_script_wrap .captionOn .btn_sound:before{-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;opacity:1;} .ui_script_wrap .btn_sound.captionOn{top:0;content:'';opacity:1;background:url(../images/common/ico_sound.png) no-repeat;background-position:0 -30px;} .ui_script_wrap .tab-cont .h_dir.txt + div.show{margin-top:30px} .ui_script{font-size:52px;font-family:'PretendardM';; color: #1B1B1B;} .ui_script li{position:relative;margin:5px 0;padding-left:84px;} .ui_script li:first-child{margin-top:0;} .ui_script .name{position:absolute;top:0;left:0; font-size: 52px; font-family:'PretendardB'; color: #898989;} .ui_script .name .fontS { font-size: 24px;} .ui_script li>p>span{position:relative;display:inline-block;margin-bottom:5px;} .ui_script li .trlate{display:block;visibility:hidden;margin-top:8px;color:#0079AF; font-size: 40px;} .ui_script li .inline_type{display:inline-block;} .ui_script li .inline_type + .inline_type{margin-left:0} .ui_script li .arrow_txt{display:inline-block;} .ui_script li .arrow_type{display:inline-block;margin-left:10px} .ui_script li .mp_text.hidden,.ui_script li .st_text.hidden{cursor:pointer;opacity:0;} .ui_script li .trlate.visible{visibility:visible;} .ui_script .answer_txt{padding-bottom:5px;} .ui_script.type_script{line-height:1.05;} .ui_script.type_script:first-child{margin-top:30px;} .ui_script.type_script .trlate{font-size:40px;} .ui_script.type_script li{padding-left:50px} .ui_script.type_script li>p>span{margin-bottom:0; } .ui_script.type_script li > p:first-child >span{ padding-left: 31px;} .readAllSt .ui_script.type_script li > p:first-child >span, .readAllSt .ui_script.type_script .tEng{ padding-left: 0;} /* .ui_script.type_script li .inline_type{margin-left:-9px;} */ .ui_script.type_script .caption{position:relative;} /* caption 위치 조정 유동성으로 간격 수정 */ .ui_script.type_script .tEng{position:relative;padding-left:31px;} .ui_script.type_script .tKor{position:relative;padding-left:31px;} .ui_script.type_script .caption + .caption{margin-left:-12px;} /*.ui_script.type_script .inline_type + .inline_type{margin-left:-12px;}*/ /* 영어문장보다 해석이 긴 경우 별도 처리 - 일반 trlate와 구조 다름 */ .ui_script.type_script .trlate.type_long{padding-left:31px;} .readAllSt .ui_script.type_script .trlate.type_long{padding-left:0;} .ui_script.type_script .btn_sound{top:18px;} /*200512 sound 위치 수정 // 210627 13px -> 18px 수정*/ .readAllSt .ui_script.type_script li { padding-left: 0;} .readAllSt .st_text.title { font-family:'PretendardB';} .readAllSt li > p { margin-bottom: 8px;} .readAllSt li > p:last-child { margin-bottom: 0} .ui_script_exam{font-family:'Times New Roman','Crimson','NotoSerif';margin-top:10px;} .ui_script_exam .cont{position:relative;padding-left:65px;} .ui_script_exam .num{font-size:40px;font-weight:400;line-height:1;position:absolute;top:8px;left:0;display:inline-block;color:#000;} .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;} .ui_script.type_wrong li>p{margin-bottom:22px;} .ui_script.type_wrong li .answer_bg .txt{margin-top:12px} .ui_script2{font-size:35px;}/*line-height:1.45;*/ .ui_script2 li{position:relative;padding-left:50px;} .ui_script2 li:first-child{margin-top:0;} .ui_script2 li:after{display:block;height:5px;content:'';} .ui_script2 .name{font-family:'NotoSans';font-weight:bold;position:absolute;top:-5px;left:0;color:#777;} .ui_script2 li>p>span{position:relative;display:inline;} .ui_script2 .imp{font-style:normal;color:#f00;} .ui_script2 .imp.hide{display:none;} .ui_script2 .bold{font-style:normal;} /* .ui_script2 em{font-style: normal;} */ .ui_script2.ff_serif li .name{top:-5px} .ui_script2.colon_type{line-height: 1.3;} .ui_script2.colon_type>li{font-weight:400;padding-left:40px;} .ui_script2.colon_type>li .input_wrap{line-height: 1.1;} .ui_script2.colon_type .name{top:-5px;color:#000;} .ui_script2.colon_type .name:after{font-size:32px;content:':';} .ui_script2.ff_serif{font-family:'Crimson','NotoSerif';font-weight:500;} .ui_script2.ff_serif li{margin:6px 0;padding-left:38px;} .list_ordnum .ui_script2.fs40 .input_wrap .answer_txt{padding-bottom:0;} .h_dir+.ui_script2.type_name{margin-top:30px;} .ui_script2.type_name{font-size:40px;line-height:normal;} .ui_script2.type_name>li{margin-top:10px;padding-left:180px;} .ui_script2.type_name>li:first-child{margin-top:5px;} .ui_script2.type_name .name{font-family:'Roboto';font-weight:500;} .reading_context{line-height: 1.5; font-size: 42px; color: #1b1b1b; font-family:'PretendardM';} .reading_context .headline{text-align: center;line-height: 1;margin-top:30px; color: #1b1b1b; font-family:'PretendardB'; font-size: 56px;} .reading_context .deck{line-height: 1;font-size: 40px;text-align:center;margin-top:20px} .reading_context > p{margin-top:50px;text-indent:25px;letter-spacing: -0.5px;} .reading_context .name{text-align:right;margin-top:20px } .reading_context .flex { display: flex; justify-content: flex-end; text-indent: 0 !important;;} .reading_trlate{font-size:50px;font-weight:500;line-height:1.05;} .reading_trlate .trlate{font-size:35px;display:block;visibility:visible;margin-top:3px;color:#2b76cb;} .reading_trlate .inline_type{display:inline-block;} .reading_trlate>.div_reading{margin:30px 0 60px} .reading_trlate>.div_reading:first-child{margin-top:10px} .reading_trlate>.div_reading:last-child{margin-bottom:20px} /* .reading_trlate>.div_reading.name{margin:30px 0 60px} .reading_trlate>.div_reading.name:last-child{margin-bottom:20px;} */ /* TABS ----------- */ .tab-contents .tab-cont{display:none;} .tab-contents .tab-cont .list_ordnum_aw .para b.bold{font-weight:500;} .tab-contents .tab-cont.num_top .list_ordnum_aw>li:before{top:1px;} .tab-contents .tab-cont.ft_resize .list_ordnum2 .ordnum{font-size:40px;font-weight:bold;top:1px;} .tab-contents .tab-cont.ft_resize .list_ordnum2 p{font-weight:normal;} .tab-contents .tab-cont.ft_resize .list_ordnum2 p .answer_txt{font-weight:500;} .tab_menu{height:55px;border-bottom:2px solid #603913;} .tab_menu a{font-family:'NotoSans';font-size:40px;font-weight:bold;line-height:53px;position:relative;display:block;float:left;box-sizing:border-box;width:23.5%;height:55px;margin-left:2%;text-align:center;color:#fff;border:2px solid #b7b7b7;border-width:2px 2px 0;border-radius:10px 10px 0 0;background:#b7b7b7 ;} .tab_menu a:before{position:absolute;bottom:-2px;left:0;display:block;display:none;width:100%;height:3px;content:'';background-color:#fff;} .tab_menu a:hover,.tab_menu a.on{height:57px;color:#603913;border-color:#603913;background-color:#fff;} .tab_menu a:hover:before,.tab_menu a.on:before{display:block;} .tab_menu a:first-child{margin-left:0;} /* TABLE ----------- */ /* 01_11_08_SE */ .tbl_selfcheck{font-size:25px;font-weight:500;line-height:1.2;width:100%;margin-top:30px;table-layout:fixed;text-align:center;} .tbl_selfcheck td{position:relative;border-collapse:collapse;vertical-align:middle;border-bottom:2px solid #ccc;border-left:2px solid #ccc;} .tbl_selfcheck thead th{font-size:26px;line-height:1;height:96px;text-align:center;vertical-align:middle;color:white;border:0;border-right:2px solid #fff;border-radius:8px 8px 0 0;background-color:#acadd6;} .tbl_selfcheck thead th .num_wrap{position:relative;height:90px;} .tbl_selfcheck thead th .txt{font-size:20px;} .tbl_selfcheck thead th .num{font-size:30px;font-weight:'Roboto';font-weight:bold;position:absolute;bottom:0;display:block;width:100%;} .tbl_selfcheck tbody th{line-height:1;vertical-align:middle;border-bottom:2px solid #fff;border-radius:5px;background-color:#faefd8;} .tbl_selfcheck tbody th .page{font-size:20px;} .tbl_selfcheck tbody .cont{padding:20px 20px 16px;text-align:left;border-left:none !important;} .tbl_selfcheck tbody td{height:32px;} .tbl_selfcheck tbody td:last-child{border-right:2px solid #ccc;} .tbl_selfcheck2{font-size:35px;width:100%;margin-top:30px;table-layout:fixed;text-align:center;} .tbl_selfcheck2 th,.tbl_selfcheck2 td{border-left:5px solid #fff;} .tbl_selfcheck2 thead th.self{height:60px;background:url(../images/common/th_selfchk.png) no-repeat;} .tbl_selfcheck2 thead th.peer{background:url(../images/common/th_peerchk.png) no-repeat;} .tbl_selfcheck2 tbody th,.tbl_selfcheck2 tbody td{height:116px;background:url(../images/common/tbl_dot.png) repeat-x 0 0;background-color:#edf5f5;} .tbl_selfcheck2 tbody th,.tbl_selfcheck2 tbody td:last-child {background-color: #f0f0f8;} .tbl_selfcheck2 tbody tr:first-child th,.tbl_selfcheck2 tbody tr:first-child td{background-image:none;} .tbl_selfcheck2 tbody th{vertical-align:middle;background-color:#eeebe8;} .tbl_selfcheck2 tbody tr:first-child th{border-radius:20px 0 0 0;} .tbl_selfcheck2 tbody tr:last-child th{border-radius:0 0 0 20px;} .tbl_selfcheck2 tbody th .txt{display:block;padding:0 35px;text-align:left;} /*.tbl_selfcheck2 tbody th .txt:before{display:inline-block;width:13px;height:14px;margin:-4px 20px 0 0;content:'';vertical-align:middle;border-radius:10px;background-color:#bba75d;}*/ /* --------------------------------- QUIZ --------------------------------- */ /* 01_08_02_GP */ .quiz_essay{font-size:40px;margin-top:30px;} .quiz_essay .essay_box{font-family:'Times New Roman','Crimson','NotoSerif';font-size:40px;margin-bottom:20px;padding:20px 30px;padding-right:26px;text-indent:30px;border-radius:30px;background-color:#f3f9f2;} .quiz_essay .essay_answer{position:relative;margin-left:10px;padding-left:45px;} .quiz_essay .essay_answer:before{position:absolute;top:15px;left:0;display:block;width:32px;height:25px;content:'';background:url(../images/ico/ico_quiz_arrow.png) no-repeat;} .ui_quiz_ordnum{font-family:'Times New Roman','Crimson','NotoSerif';font-size:35px;} .ui_quiz_ordnum>li{font-weight:400;position:relative;margin-top:11px;padding-left:48px;} .ui_quiz_ordnum>li:first-child{margin-top:0;} .ui_quiz_ordnum>li .ordnum{position:absolute;top:3px;left:0;content:'';} .ui_quiz_ordnum .ordnum .ui_radio{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;} .ui_quiz_ordnum .ordnum .ui_radio+.num:before{position:absolute;top:5px;left:5px;display:none;width:28px;height:30px;content:'';background:url(../images/ico/ico_quiz_ordnum_check.png) no-repeat;} .ui_quiz_ordnum .ordnum .ui_radio+.num:before{top:15px;left:8px;width:40px;height:43px;background-position:0 -40px;}/* 위코드랑 중복인데 정리하기 애매해서 아랫쪽에 있던 스타일 그대로 그냥 여기다 올림 */ .ui_quiz_ordnum .ordnum .ui_radio:checked+.num:before{display:block;} /* .ui_quiz_ordnum.type_row2{margin-left:50px;margin-right:50px} */ .ui_quiz_ordnum.type_row2:after{content:'';display:block;clear:both} .ui_quiz_ordnum.type_row2>li{width:50%;box-sizing: border-box;float:left;} .ui_quiz_ordnum.type_row3:after{content:'';display:block;clear:both} .ui_quiz_ordnum.type_row3>li{width:33.3%;box-sizing: border-box;float:left;margin-top:20px} .quiz_exam_wrap.multiple .ordnum .ui_radio+.num:before{top:-3px;left:5px;} .quiz_exam .ui_quiz_ordnum>li .ordnum{top:0;left:0;content:'';} .ui_quiz_ordnum.fs50{font-size:50px;} .ui_quiz_ordnum.fs50>li{padding-left:68px;} .ui_quiz_ordnum.fs40{font-size:40px;} .ui_quiz_ordnum.fs40>li .ordnum{top:-5px;} .ui_quiz_ordnum.fs40 .ordnum .ui_radio+.num:before{top:2px;left:8px;} .ui_quiz_ordnum.fs45{font-size:45px;} .ui_quiz_ordnum.fs45>li{padding-left:55px;margin-top:30px}/*padding-left 수치 변경 가능 (임의지정)*/ .ui_quiz_ordnum.fs45>li .ordnum{position:absolute;top:-3px;left:0;content:'';} .ui_quiz_ordnum.fs45 .ordnum .ui_radio+.num:before{top:8px;left:8px;width:40px;height:43px;background-position:0 -40px;} .ui_quiz_ordnum.fs45 .ordnum.fs50{top:-14px;font-size:50px;} .ui_quiz_ordnum.fs45 .ordnum.fs50 .ui_radio+.num:before{top:12px;left:12px;} .ui_quiz_ordnum.fs45 .ordnum.fs50 + p{margin-left:5px} .ui_quiz_ordnum.fs20{font-size:20px;} .ui_quiz_ordnum.fs20>li{padding-left:20px;margin:15px 0} .ui_quiz_ordnum.fs20 .ordnum{font-weight: bold;} .ui_quiz_ordnum.fs20 .ordnum .ui_radio+.num:before{width:28px;height:30px;top:-4px;left:0;background-position: 0 0} /* QUIZ - SAMPLE */ .quiz_sample{position:relative;padding:10px 20px 10px 55px;border-radius:12px;background-color:#faf7e6} .quiz_sample:before{position:absolute;top:34px;left:0;display:block;width:20px;height:80px;content:'';background:url(../images/ico/ico_sample.png) no-repeat;} .quiz_sample .btn_sound2{position:absolute;top:5px;left:5px;} .quiz_sample .script{font-family:'PretendardM';font-size:44px;font-weight:500;line-height:1.142;color: #1B1B1B} .quiz_sample .script li{position:relative;padding-left:60px; margin-bottom: 16px;} .quiz_sample .script li:last-child{margin-bottom: 0;} .quiz_sample .script li:after{display:block;height:5px;content:'';} .quiz_sample .script .name{font-family:'PretendardB';;font-size:44px;font-weight:bold;position:absolute;top:3px;left:0;color:#898989;} .quiz_sample .script li>p>span{position:relative;display:inline;} .quiz_sample .script li .trlate{display:block;visibility:hidden;margin-top:3px;color:#2b76cb;} .quiz_sample .script li .inline_type{display:inline-block;} .quiz_sample .script li .imp{color:#EC008D;} .quiz_sample .script li .imp.hide{display:none;} .quiz_sample .txt_plus{position:relative;} .quiz_sample .txt_plus:before{position:absolute;top:-3px;left:-18px;display:block;width:14px;height:14px;content:'';background:url(../images/ico/ico_plus_mini.png) no-repeat;} .quiz_sample .plus_mini{position:absolute;top:13px;left:60px;display:block;width:20px;height:20px;background:url(../images/ico/ico_plus_mini.png) 0 0 no-repeat;background-size:contain;} .quiz_sample.half .plus{position:static;top:13px;left:60px;display:block;width:20px;height:20px;background:url(../images/ico/ico_plus_mini.png) 0 0 no-repeat;} .quiz_sample_wrap .plus{font-size:25px;position:relative;min-height:40px;margin-top:8px;padding:5px 0 0 100px;color:#000;} .quiz_sample_wrap .plus:before{position:absolute;top:0;left:0;display:block;width:92px;height:40px;content:'';background:url(../images/ico/ico_plus.png) 0 0 no-repeat;} .quiz_sample .note_wrap{position:relative;} .quiz_sample .note_wrap .script{margin-left:25px;} .quiz_sample .note_wrap .tit{font-size:25px;font-weight:400;color:#ee7b36;} .quiz_sample .note_wrap .tit .txt{position:relative;display:block;margin-bottom:12px;padding:2px 0 0 43px;} .quiz_sample .note_wrap .tit .txt:before{position:absolute;top:0;left:0;display:block;width:34px;height:33px;content:'';background:url(../images/ico/ico_arrow.png) no-repeat;} .quiz_sample .note_wrap .info{font-family:'NotoSans';font-size:30px;font-weight:400;display:inline-block;margin-top:4px;vertical-align:top;} .quiz_sample .note_wrap .ico_arr{display:inline-block;overflow:hidden;width:38px;height:33px;margin:0 10px 0 5px;vertical-align:top;text-indent:-999em;background:url(../images/ico/ico_arrow.png) -40px 0 no-repeat;} .quiz_sample .note_wrap.other {border-top:2px dashed #333;padding:10px 0;margin-top:20px} .quiz_sample .note_wrap.other .tit{color:#197fc4;} .quiz_sample .note_wrap.other .txt:before{position:absolute;top:0;left:0;display:block;width:34px;height:33px;content:'';background-position:0 -40px;} .quiz_sample .note_wrap.other .ico_arr{background-position:-40px -40px;} .quiz_sample .note_wrap .deck {font-size:27px;font-weight:400;color:#ee7b36;position:relative;padding-left:55px;margin:0 0 15px;padding-top:8px;min-height: 42px;} .quiz_sample .note_wrap.other .deck{color:#197fc4;} .quiz_sample.half{font-size:35px;width:615px;padding:25px 30px;border-radius:20px;box-sizing: border-box;} .quiz_sample.half:before{top:20px;} .quiz_sample.half .script{font-size:38px;} .quiz_sample.half .script li{padding-left:40px;} .quiz_sample.half .script li:after{height:8px;} .quiz_sample.half .script .name{top:-1px;} /* .quiz_sample.half .note_wrap{margin-left:-40px;padding-left:47px;} */ .quiz_sample.half .note_wrap.btn_sound2{left:10px;} .quiz_sample.half.bold_type .mp_text{font-weight:bold;} .quiz_sample.half .btn_sound2{position:absolute;left:0;top:0;z-index:1} .quiz_sample.half.type_long{padding-left:70px;padding-right:10px} .quiz_sample.half.type_long .btn_sound2{top:-10px;left:-15px;} .quiz_sample.half.type_long .note_wrap{margin-left:-40px;padding-left:47px;} .quiz_sample.half.type_long .note_wrap.other{border-top:0;padding-top:0;margin-top:0} .quiz_sample.half.fs32 .script{font-size:32px;line-height: 1.4;} .quiz_sample.half.fs32 .script li{padding-left:30px} .quiz_sample.half.fs32 .script .name{font-size:32px} /* QUIZ - IMG */ .quiz_img{position:relative;margin:0 -50px 26px 0;text-align:left;} .quiz_img .img{text-align:center;} .quiz_img .speech{line-height:1.4;position:absolute;text-align:center;} .quiz_img .speech .mp_text{font-size:40px;display:block;text-align:center;} .quiz_img .fs35 .input_wrap{line-height:1.4;} .pos_xy{position:absolute !important;} .quiz_wrap{font-size:40px;position:relative;margin:30px -50px 26px;text-align:left;} .quiz_wrap .img{text-align:center;} .quiz_wrap .box{position:absolute;display:block;width:27px;height:27px;border:3px solid #999;border-radius:100%;background-color:#fff;} .quiz_wrap .box:before{position:absolute;top:0;left:0;display:block;width:18px;height:18px;content:'';} .quiz_wrap .quiz_txt{position:absolute;left:150px;top:270px;} .h_dir+.quiz_wrap{margin-top:0;} .quiz_wrap .paragraph{position:relative;margin:0 50px 10px;} .quiz_wrap .paragraph .btn_sound2{position:absolute;top:-25px;left:-30px;} /* QUIZ - FIND ITEM */ .quiz_itemfind{text-align:center;} .quiz_itemfind .img_quiz{position:relative;display:inline-block;vertical-align:top;} .quiz_itemfind .img_quiz img{vertical-align:top;height:465px;} .quiz_itemfind .img_quiz .item{position:absolute;top:0;left:0;display:block;width:41px;height:39px;cursor:default;} .quiz_itemfind .img_quiz .item button{display:block;width:100%;height:100%;cursor:default;text-indent:-999em;background:rgba(255,255,255,0);} .quiz_itemfind .img_quiz .item button:after{position:absolute;top:0;left:0;display:none;width:69px;height:55px;margin:-5px 0 0 -10px;content:'';background:url(../images/common/img_correct.png) no-repeat;} .quiz_itemfind .img_quiz .item.correct button:after{display:block;} .quiz_itemfind .img_quiz .btn_zoom{position:absolute;right:15px;bottom:23px;display:block;width: 64px; height: 64px;cursor:pointer;text-indent:-9999em;background:url(../images/btn/btnZoom.png) no-repeat;} /* QUIZ - EXAMPLE */ .quiz_exam_wrap{font-size:40px;} .quiz_exam_wrap .img_exam{margin:30px 0 0;} .quiz_exam_wrap .quiz_exam{position:relative;margin:55px 0 20px;padding-left:60px;} .quiz_exam_wrap .quiz_exam .h_dir_sub{margin-left:-60px;} /* QUIZ - EXAMPLE */ .ui_exam_wrap{font-size:40px;margin-top:42px;} .ui_exam_wrap .div_exam{position:relative;margin-bottom:32px;padding:40px 35px;border:3px solid #8ea35f;border-radius:15px;} .ui_exam_wrap .div_exam.row2{height:131px;} .ui_exam_wrap .div_exam dt{position:absolute;top:-30px;left:48px;width:88px;height:59px;text-indent:-9999em;background:url(../images/ico/ico_exam.png) no-repeat;} .ui_exam_wrap .div_exam dd{overflow:hidden;} .ui_exam_wrap .div_exam dd.div_cols{text-align:center;} .ui_exam_wrap .div_exam dd.div_cols>span{margin:0 60px;} .ui_exam_wrap .div_exam dd.div_cols .col{float:left;box-sizing:border-box;width:25%;margin:0;padding:0 1%;} .ui_exam_wrap .div_exam dd.div_cols .col span{line-height:49px;display:block;height:49px;margin:15px 0;} .ui_exam_wrap .div_exam.align_l dd.div_cols{text-align:left;} .ui_exam_wrap .div_answer{overflow:hidden;margin-left:40px;} .ui_exam_wrap .div_answer>li{position:relative;float:left;width:50%;} .ui_exam_wrap .div_answer .ordnum{font-weight:500;position:absolute;top:5px;left:0;} .ui_exam_wrap .div_answer dt{font-weight:400;position:absolute;top:-25px;left:50%;width:68%;height:47px;padding:5px 10px;transform:translateX(-50%);white-space:nowrap;color:#fff;border-radius:22px 0 22px 22px;background:#8ca540;} .ui_exam_wrap .div_answer .box{position:relative;position:relative;min-height:164px;margin:30px 50px 30px 60px;padding:25px 50px;text-align:center;vertical-align:middle;border:2px solid #d7d7d7;border-radius:20px;background-color:#fff;} .ui_exam_wrap .div_answer .box .input_wrap.unline{display:inline-block;margin-top:18%;} .ui_exam_wrap .div_answer .box .input_wrap.unline.type_flex{display:flex;margin-top:5%;width:100%;height:100%;justify-content:center;align-items:center;} /* CENTER */ .ui_exam_wrap .div_answer.center .box{position:relative;z-index:1;height:169px;margin-top:60px;margin-left:0;padding-top:48px;padding-right:10px;padding-left:10px;letter-spacing:-0.5px;background-color:#fff;} .ui_exam_wrap .div_answer.center .box dt{width:165px;} .ui_exam_wrap .div_answer.center .box dd{font-family:'Times New Roman','Crimson','NotoSerif';font-size:35px;text-align:left;line-height: 1.45;} .ui_exam_wrap .div_answer.center .box dd .input_wrap{line-height: 1;} .ui_exam_wrap .div_answer.center li:nth-child(odd) .box dt{top:-30px;left:38px;transform:translateX(0);} .ui_exam_wrap .div_answer.center li:nth-child(even) dt{top:-30px;right:38px;left:auto;transform:translateX(0);} .ui_exam_wrap .div_answer.center li:nth-child(3),.ui_exam_wrap .div_answer.center li:nth-child(4){margin-top:130px;} .ui_exam_wrap .div_answer_center{position:relative;} .ui_exam_wrap .div_answer.img_type{margin:-80px 0 0;text-align:center;padding-bottom:3px} .ui_exam_wrap .div_answer.img_type .img{margin-bottom:-10px;} .ui_exam_wrap .div_answer.img_type p{font-family:'Times New Roman','Crimson','NotoSerif';} .ui_exam_wrap .div_answer.img_type li{margin-top:80px;} .ui_exam_wrap .center_txt{position:absolute;top:365px;left:345px;} .ui_exam_wrap .center_txt:before,.ui_exam_wrap .center_txt:after{position:absolute;top:50px;left:0;display:block;width:488px;height:2px;content:'';transform:rotate(32deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;background:#d7d7d7;} .ui_exam_wrap .center_txt:after{transform:rotate(-32deg);} .ui_exam_wrap .center_txt span{font-size:45px;font-weight:500;line-height:94px;position:absolute;z-index:1;top:0;left:0;display:block;width:461px;height:94px;text-align:center;color:#fff;border-radius:20px;background-color:#6e8f08;} .ui_exam_wrap .div_answer{overflow:hidden;margin-left:10px;} .ui_exam_wrap .div_answer.words>li{width:33.33%;} .ui_exam_wrap .div_answer.words .box{font-size:35px;font-weight:500;height:219px;margin:30px 20px 30px 40px;padding:25px 0;} .ui_exam_wrap .div_answer.words .box dt i.ico{display:inline-block;width:28px;height:23px;background:url(../images/ico/ico_exam_arr.png) no-repeat;} .ui_exam_wrap .div_answer.words .box dd{line-height:1.8;} /* --------------------------------- LAYOUT --------------------------------- */ /* 01_08_02 */ .ui_lf:after{display:block;clear:both;content:'';} .ui_lf .lft_area{float:left;width:50%;} .ui_lf .rgt_area{float:right;width:50%;} /* 00. INTRO ----------- */ /*.type_intro{background:#fff8cc !important;}*/ .type_intro{font-weight:500;} /*.type_intro .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail{background-color:#e6e0b8;}*/ .type_intro .lab_img+.h_dir{margin-top:0;} .type_intro .scrollContent{max-height:600px;} .type_intro .scroll_detail{padding:14px 40px 0 50px;} .group_goal{font-size:30px;margin-bottom:80px;} .group_goal:after{display:block;clear:both;content:'';} .group_goal em.txt{font-family:'VAGRounded BT';font-size:40px;font-style:normal;display:block;margin-bottom:12px;color:#ed1c24;} .group_goal em{font-style:normal;} .group_goal i{font-style:italic;} .group_goal .ui_inp_group{position:absolute;top:11px;left:2px;} /* 200516 체크 박스 위치값 수정*/ .group_goal .item{position:relative;margin-top:28px;padding-left:41px;} .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{position:relative;margin:12px 0 12px;padding-left:18px;} dl.list_dot dt:first-child{margin-top:0;} dl.list_dot dt:before{position:absolute;top:26px;left:0;display:block;width:9px;height:10px;margin-right:3px;content:'';border-radius:100%;background-color:#000;} ul.list_dot{font-size:35px;font-weight:400;margin-top:18px;} ul.list_dot li{position:relative;margin:14px 0 15px;padding-left:18px;} ul.list_dot li:first-child{margin-top:0;} ul.list_dot li:before{position:absolute;top:17px;left:0;display:block;width:7px;height:8px;margin-right:3px;content:'';border-radius:100%;background-color:#000;} ul.list_dot.type_dot_bold li{padding-left:36px} ul.list_dot.type_dot_bold li:before{width:12px;height:12px; top:22px; background-color: #898989} .comm_txt{font-family:'Roboto', 'NotoSans', 'KoPubDotum';font-weight:400;line-height:1.142;margin-left:44px;} .comm_txt li{margin-top:10px;margin-left:-50px;padding-left:40px;position:relative;} .comm_txt li:first-child{margin-top:0;} .comm_txt li .name {position:absolute;left:4px;top:0px} /* Theme */ .group_goal .theme .kor{font-weight:500;display:inline-block;margin-top:-3px;margin-left:13px;vertical-align:top;} .group_goal .theme em.txt{display:inline-block;margin-bottom:0;} /* Read Think */ .group_goal .read .eng{font-size:35px;font-weight:400;margin:12px 0 10px;} .group_goal .read .kor{font-size:29px;font-weight:500;margin-left:0;letter-spacing:-2.1px;} /*.intro_ques{font-size:40px;font-weight:400;margin:0 15px 5px 40px;margin-bottom:35px;color:#000;} 210721 수치값 조정 */ .intro_ques{font-size:40px;font-weight:400;margin:0 15px 0px 40px;margin-bottom:0px;color:#000;} .intro_ques:before{display:inline-block;width:48px;height:48px;margin:0 15px 0 0;content:'';vertical-align:middle;background:url(../images/common/bul_q.png) no-repeat;} .ctrl_btns{position:relative;min-height:58px;margin:10px 0 0;} .ctrl_btns .rgt_area{position:absolute;top:0;right:40px;} .ctrl_btns .rgt_area .btn_ui{margin-top:6px;} .eg_context{font-size:40px;position:relative;z-index:100;min-height:101px;padding:20px 10px 10px 60px;border:1px solid #000;border-radius:15px;background-color:#fff;margin:10px auto 12px;} .eg_context .lab_img.lab_eg{margin:-5px 0 0 0;vertical-align:middle;} .eg_context .btn_all{position:absolute;top:15px;left:7px;display:block;width:41px;height:34px;text-indent:-9999em;background:#fff url(../images/btn/btn_headset.png) no-repeat;} .eg_context .ui_btn{position:absolute;top:15px;left:7px;} .underline_wrap{position:relative;display:inline;padding:0 10px;border-bottom:2px solid #333;} .underline_wrap:after{position:absolute;right:-15px;bottom:-2px;display:block;content:'.';} .underline_wrap .answer{visibility:hidden;color:#fb261f;} .btns_wrap{margin-top:20px;} /* QUIZ - input_wrap */ .input_wrap{position:relative;display:inline-block;} .input_wrap.full{width:100%} .input_wrap.full .answer_txt{box-sizing:border-box;width:100%;text-align:left;} .input_wrap.tac .answer_txt{text-align:center} .input_wrap.tal .answer_txt{text-align:left} .input_wrap .input_txt{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;cursor:pointer;color:rgba(0,0,0,0);border:0;background:rgba(0,0,0,.001);text-shadow:rgba(0,0,0,0) 0 0 0;} .input_wrap .answer_txt{position:relative;z-index:1;display:inline-block;min-width:50px;padding:0 5px;text-align:center;color:#f00;background:none;} .input_wrap .answer_txt:before{position:absolute;z-index:1;bottom:-4px;left:0;display:block;width:100%;height:2px;content:'';background:#333;} .input_wrap .answer_txt:after{position:absolute;top:2px;left:0;display:block;width:100%;height:calc(100%);content:'';background:rgba(255,255,255, 1);} .input_wrap .answer_txt.show:after{display:none;} .input_wrap .answer_txt .note{font-size:30px;position:absolute;z-index:1;bottom:-100%;left:0;display:block;display:none;width:100%;text-align:center;} .input_wrap .answer_txt.show .note{display:block;} .input_wrap .answer_txt.guide{color:#2d4198;} .input_wrap .answer_txt .txt_outline {color:#fb261f;} .input_wrap sup{font-family:'Roboto';font-size:18px;font-weight:bold;position:absolute;z-index:1;top:0;left:5px;color:#000 !important;} .input_wrap sup+.answer_txt{padding-left:25px;} .input_wrap.ex_sup sup{top:-30px;left:15px;z-index:2;} .ff_hand .input_wrap .answer_txt:after, .input_wrap.ff_hand .answer_txt:after{top:0;} .input_wrap.narrow .answer_txt:before{bottom:0;} .input_wrap.narrow .answer_txt:after{top:0;} .input_wrap.unpadd .answer_txt{padding-right:0;padding-left:0;} .input_wrap .answer_txt.view{color:#000} .input_wrap .answer_txt.view.show{color:#fb261f} .input_wrap .answer_txt.view:after{display:none;} .mp_text .input_wrap .input_txt{cursor:pointer;} .canHover .essayAnswer.show{cursor:pointer;} /* .input_wrap{position:relative;} .input_wrap.full .answer_txt{box-sizing:border-box;width:100%;text-align:left;} .input_wrap.tac .answer_txt{text-align:center} .input_wrap .answer_txt,.mp_text .undline{position:relative;display:inline-block;min-width:50px;padding:0 5px;text-align:center;background:none;} .input_wrap .answer_txt{cursor:pointer;color:#fb261f;} .input_wrap .answer_txt:before,.mp_text .undline:before{position:absolute;z-index:1;bottom:-4px;left:0;display:block;width:100%;height:2px;content:'';background:#333;} .input_wrap .answer_txt:after{position:absolute;top:4px;left:0;display:block;width:100%;height:calc(100%);content:'';background:rgba(255,255,255, 1);} .input_wrap .answer_txt.show:after{display:none;} .input_wrap .answer_txt .note{font-size:30px;position:absolute;z-index:1;bottom:-100%;left:0;display:block;display:none;width:100%;text-align:center;} .input_wrap .answer_txt.show .note{display:block;} .input_wrap .answer_txt.guide{color:#2d4198;} .input_wrap sup{font-family:'Roboto';font-size:18px;font-weight:bold;position:absolute;z-index:1;top:0;left:5px;color:#000 !important;} .input_wrap sup+.answer_txt{padding-left:25px;} .input_wrap.ff_hand .answer_txt:after{top:0;} .input_wrap.fs35 .answer_txt:before{bottom:0} .input_wrap.fs35 .answer_txt:after{top:0;} .input_wrap.narrow .answer_txt:before{bottom:0;} .input_wrap.narrow .answer_txt:after{top:0;} .input_wrap.unpadd .answer_txt{padding-right:0;padding-left:0;} */ /* multiple */ .input_wrap.multiple{line-height:59px;padding:0px;border:none;border-radius:0;background:url('../images/common/bg_textarea.png') 0px 0 repeat-y;background-attachment:local;box-shadow:none;} .input_wrap.multiple:after{display:block;width:100%;height:4px;content:'';} .input_wrap.multiple .answer_txt{line-height:59px;display:inline;text-align:left;color:rgba(0,0,0,0);} .input_wrap.multiple .answer_txt.show{color:#f00;} .input_wrap.multiple .answer_txt:before,.input_wrap.multiple .answer_txt:after{display:none;} .input_wrap.multiple .answer_txt{display:inline !important;min-width:0;height:calc(100%);text-align:center;} .input_wrap.multiple .unline{position:relative;} .input_wrap.multiple .unline:after{position:absolute;bottom:-8px;left:0;display:block;width:100%;height:10px;content:'';background:#fff;} .input_wrap.multiple.ff_serif{line-height:61px;} .input_wrap.multiple.line_none{background:none;} /* UNLINE */ .input_wrap.unline .answer_txt:before{display:none;} /* WHITE */ .input_wrap.white .answer_txt{color:rgba(0,0,0,0) !important;} .input_wrap.white .answer_txt:after{display:none;} .input_wrap.white .answer_txt.show{color: #fb261f !important;} /* Caption 내 white */ .caption .tEng.canHover:hover .input_wrap.white .answer_txt, .captionOn .tEng.canHover .input_wrap.white .answer_txt {color:rgba(0,0,0,0) !important;} .caption .tEng.canHover:hover .input_wrap.white .answer_txt.show {color: #04ada9 !important;} .caption.captionOn .tEng.canHover .input_wrap.white .answer_txt.show {color: #04ada9 !important;} .caption .tEng.noHover.canHover:hover .input_wrap.white .answer_txt{color:rgba(0,0,0,0) !important;} .caption .tEng .input_wrap.white .answer_txt.show {color: #fb261f !important;} /* GRAY */ .input_wrap.gray .answer_txt:after{background-color:#d9d9d9} /* NO HOVER */ /*.mp_text.noHover:hover .input_wrap.white,.mp_text.canHover:hover .input_wrap.white .answer_txt,.mp_text.noHover:hover .input_wrap.white span,.mp_text.canHover:hover .input_wrap.white .answer_txt span{color:rgba(251,38,31,0) !important;}*/ /*.mp_text.noHover .input_wrap.white .answer_txt.show,*/ /*.mp_text.canHover .input_wrap.white .answer_txt.show,*/ /*.mp_text.noHover .input_wrap.white .answer_txt.show span,*/ /*.mp_text.canHover .input_wrap.white .answer_txt.show span{color:rgba(251,38,31,1) !important;}*/ /*.mp_text.canHover:hover .input_wrap.white .answer_txt.show,*/ /*.mp_text.canHover:hover .input_wrap.white .answer_txt.show span{color:#04ada9 !important;}*/ /*.mp_text.captionOn .input_wrap.white .answer_txt.show,.mp_text.canHover.captionOn .input_wrap.white .answer_txt.show,.mp_text.captionOn .input_wrap.white .answer_txt.show span,.mp_text.captionOn .input_wrap.white .answer_txt.show span{color:#04ada9 !important;}*/ /*.mp_text.noHover:hover .input_wrap.white,*/ /*.mp_text.canHover:hover .input_wrap.white .answer_txt,*/ /*.mp_text.noHover:hover .input_wrap.white span,*/ /*.mp_text.canHover:hover .input_wrap.white .answer_txt span{color:rgba(251,38,31,0) !important;}*/ /*.mp_text.noHover:hover .input_wrap.white .show,*/ /*.mp_text.canHover:hover .input_wrap.white .answer_txt.show,*/ /*.mp_text.noHover:hover .input_wrap.white span.show,*/ /*.mp_text.canHover:hover .input_wrap.white .answer_txt.show span{color:rgba(251,38,31,1) !important;}*/ /* 기존 활성화 코드 수정 21.07.21 */ .mp_text.canHover:hover .input_wrap.white, .mp_text.canHover:hover .input_wrap.white span.show {color:#04ada9 !important;} .mp_text.canHover.captionOn .input_wrap.white, .mp_text.canHover.captionOn .input_wrap.white span.show {color:#04ada9 !important;} .mp_text.noHover:hover .input_wrap.white, .mp_text.noHover:hover .input_wrap.white span.show {color:rgba(251,38,31,1) !important;} .mp_text.canHover:hover .input_wrap.white, .mp_text.canHover:hover .input_wrap.white span {color:rgba(251,38,31,0) !important;} /* FONT SIZE */ .fs35 .input_wrap .input_txt{min-height:31px;} .input_wrap.arrow{padding-left:45px;} .input_wrap.arrow:before{position:absolute;top:15px;left:0;display:block;width:34px;height:30px;content:'';background:url(../images/ico/ico_arr_correct.png) no-repeat;} .input_wrap .answer_radio{position:relative;z-index:1} .input_wrap .answer_radio input[type='radio']{position:absolute;top:3px;left:-4px;width:25px;height:26px;cursor:pointer;opacity:0;} /*.input_wrap .answer_radio input[type='radio']+label{cursor:pointer;color:#000 !important;}*/ .input_wrap .answer_radio input[type='radio']+label{color:#000 !important;} .input_wrap .answer_radio input[type='radio'].checked+label{color:red !important;} .input_wrap .answer_radio input[type='radio'].unchecked+label{color:gray !important;} .input_wrap .answer_radio.pen_type label{position:relative} .input_wrap .answer_radio.pen_type input[type='radio'].checked+label{color:#000 !important;} .input_wrap .answer_radio.pen_type input[type='radio'].checked+label:before{position:absolute;top:2px;left:-12px;display:block;width:30px;height:30px;content:'';border:7px solid #f15a40;border-radius:100%;} .input_wrap .answer_radio.pen_type input[type='radio'].unchecked+label{color:#000 !important;} [mc*="text:"].canHover:hover span.slash, .caption .tEng.canHover:hover span.slash, .input_wrap .answer_radio span.slash{color:#000 !important;} .input_wrap .answer_bg{position:relative;z-index:1;color:#000;} .input_wrap .answer_bg:after{position:absolute;top:10%;left:-6px;display:none;width:100%;height:90%;padding:0 5px;content:'';border-radius:5px;background-color:rgba(255,0,0,.2);} .mp_text .input_wrap .answer_bg .txt, .caption .input_wrap .answer_bg .txt{font-size:52px;;font-weight:500;position:absolute;top:45px;left:0;display:none;width:150%;padding-left:50px;color:#f00 !important;} .mp_text .input_wrap .answer_bg .txt:hover, .caption .input_wrap .answer_bg .txt:hover, .caption .tEng:hover .input_wrap .answer_bg .txt {color:#f00 !important;} .input_wrap .answer_bg .txt:before{position:absolute;top:9px;left:0;display:block; width: 48px; height: 46px;content:'';background:url(../images/ico/new_ico_arr_correct.png) no-repeat;} .input_wrap .answer_bg.correct:after,.mp_text .input_wrap .answer_bg.correct .txt,.caption .input_wrap .answer_bg.correct .txt{display:block;} /* 01_01_01_SP */ .box_plan{position:relative;margin:83px 0px;padding:10px 40px 10px 30px;border:2px dashed #4198a0 ;border-radius:20px;} .box_plan:last-child{margin:83px 0px 20px 0px;} .box_plan .subhead{position:absolute;top:-59px;left:10px;height:57px;color:#49307e;color:#000;} .box_plan .subhead .h{font-size:35px;font-weight:bold;line-height:57px;display:inline-block;min-width:290px;height:57px;text-align:center;vertical-align:top;border-radius:15px 15px 0 0;background-color:#a9dade;} .box_plan .subhead .deck{font-size:30px;font-weight:500;display:inline-block;margin-top:13px;margin-left:15px;vertical-align:top;} .box_plan:before{position:absolute;top:-105px;left:50%;display:block;width:53px;height:57px;margin-left:-25px;content:'';background:url(../images/ico/ico_plan_arr.png) no-repeat;} .h_dir+.box_plan:before{display:none;} ul.list_test{font-size:40px;font-weight:400;margin-top:18px;} ul.list_test li{position:relative;margin:20px 0 15px;padding-left:32px;} ul.list_test li:first-child{margin-top:0;} ul.list_test li:before{position:absolute;top:20px;left:0;display:block;width:9px;height:9px;margin-right:3px;content:'';border-radius:100%;background-color:#000;} ul.list_test .write{position:relative;overflow:hidden;padding-bottom:48px;} ul.list_test .write:before{position:absolute;z-index:0;left:0;display:block;width:100%;height:48px;content:'';border-bottom:2px solid #000;} ul.list_test .write .txt{font-weight:500;position:relative;z-index:1;display:inline-block;height:51px;padding-right:17px;vertical-align:top;background-color:#fff;} ul.list_test .write .note{font-family:'NotoSans';font-size:30px;font-weight:500;font-style:normal;position:relative;top:54px;margin-left:-15px;color:#666;} /* 01_03_05 */ .sec_tap{overflow:hidden;} .sec_tap .lft_area{float:left;} .sec_tap .rgt_area{float:right;margin-top:40px;} .sec_tap .img_quiz{position:relative;display:inline-block;vertical-align:top;} .sec_tap .img_quiz{background-color:#fff;} /* .sec_tap .img_quiz{margin-left:-20px;background-color:#fff;} */ .sec_tap .img_quiz img{vertical-align:top;} .sec_tap .img_quiz .item{position:absolute;top:0;left:0;display:block;border-radius: 100%;} /*width:41px;height:39px;*/ .sec_tap .img_quiz .item button{display:block;width:100%;height:100%;position:relative;text-indent: -9999em;} .sec_tap .img_quiz .item button .txt{display:block;text-indent: 0;} .sec_tap .img_quiz .item button.on{color:red;border:4px solid red} .sec_tap .img_quiz .item .txt{position: absolute;left:0;top:0;width:100%} .sec_tap .img_quiz [data-target]{cursor:pointer} .sec_tap .img_quiz .on[data-target]{color:red;} /* 01_01_01_SP */ .sec_sp{margin:0 0 57px;} .sec_sp .div_exam{font-family:'Times New Roman','Crimson','NotoSerif';font-size:40px;margin:15px 0 30px;padding:40px 20px;text-align:center;border:4px solid #888889;border-radius:30px;} .sec_sp .div_exam span{margin:0 100px;} .sec_sp .lab_txt+.h_dir{margin-top:0;margin-bottom:25px;} /* quiz - multiple */ .quiz_choice{font-family:'Times New Roman','Crimson','NotoSerif';font-size:40px;position:relative;} .quiz_choice .item{position:relative;} .quiz_choice input[type='radio']{position:absolute;top:3px;left:-4px;width:25px;height:26px;cursor:pointer;opacity:0;color:#000;} .quiz_choice input[type='radio']:checked+label{color:red;} .quiz_choice input[type='radio'].unchecked+label{color:gray;} /* 01_04_01 */ .sec_iyc .tit_img{margin:30px 0 10px;} .sec_iyc .h_dir{margin-top:20px;margin-bottom:5px;} .sec_iyc .input_wrap{font-size:40px;font-weight:500;display:block;box-sizing:border-box;width:1000px;margin:0 130px 0 60px;} .sec_iyc .input_wrap .answer_txt{padding-bottom:10px;} .sec_iyc .img{margin:20px 0 0;text-align:center;} .sec_iyc .img+.h_dir{margin-top:0;} /* 01_06_01 */ #container #content.sec_cont_txt{/*width:1260px;*/padding-right:0;padding-left:20px;} .sec_cont_txt .headline{font-size:28px;margin-bottom:0px;text-align:center;} .sec_cont_txt .headline .trlate{margin-top:-15px;} .sec_cont_txt .deck{font-size:28px;margin-bottom:35px;text-align:center;text-align:center;} .sec_cont_txt .deck .img{font-size:35px;line-height:48px;position:relative;display:inline-block;} .sec_cont_txt .deck .txt{position:absolute;top:3px;left:0;width:100%;font-family:'Visang_CS';letter-spacing: -1px;font-size:34px} .sec_cont_txt .deck .caption .tEng{color:#fff;} .sec_cont_txt .deck .trlate{margin-top:-15px;} .sec_cont_txt{font-size:35px;} /* .sec_cont_txt .inline_type{display:inline;vertical-align: top;position:relative;} */ .sec_cont_txt .inline_type{position:relative;} .sec_cont_txt .caption+.trlate{font-size:36px; color: #0079aF; font-family:'PretendardM';} .sec_cont_txt .inline_type i{display:block;box-sizing:border-box;width:20px;} .sec_cont_txt .mp_text.hidden{cursor:pointer;opacity:0;} .sec_cont_txt .trlate.visible{visibility:visible;} .sec_cont_txt .scrollContent{margin-right:0;margin-left:-20px;} .sec_cont_txt .scrollContent .scroll_detail{padding-right:20px;} .ui_reading{font-size:40px;line-height:2.45;position:relative;margin-right:30px;letter-spacing:-.2px;} .ui_reading .script_wrap{text-indent:20px;position:relative} .ui_reading .script_wrap.rgt_type{margin-left:40px;} .ui_reading:after{display:block;clear:both;content:'';} .ui_reading .caption{position:relative;z-index:1;} .ui_reading .input_wrap{position:relative;z-index:0} .ui_reading .caption .tEng.noHover.canHover:hover .answer_txt{color:#000 !important;} .ui_reading .caption.captionOn .tEng.noHover.canHover:hover .answer_txt{color:#04ada9 !important;} .ui_reading .caption .tEng.canHover:hover .answer_txt{color: #04ada9 !important;} .ui_reading p.img{position:absolute;} .ui_reading .word_wrap{line-height:normal;position:relative;display:inline-block;text-indent:0; font-size: 42px; color: #1b1b1b; font-family:'PretendardM';} .ui_reading .inline_type:after{top:auto;bottom:-35px;background:green;} .ui_reading .btn_word{position:absolute;z-index:5;top:-20px;left:-20px;display:block;padding:5px;text-indent:-999em;line-height: 0;font-size: 0;} .ui_reading .btn_word:before{content:'';display:block;width: 27px; height: 27px; background:url(../images/btn/btn_wordR.png) no-repeat;} .ui_reading .btn_word.str:before{background:url(../images/btn/btn_wordG.png) no-repeat;} .ui_reading .double .btn_word{left:-16px;padding:5px 0} .ui_reading .double .btn_word + .btn_word{margin-left:20px;} .ui_reading .lower .btn_word{top:-12px;} .ui_reading .input_wrap.gray .answer_txt{min-width:0;padding:0;color:#1b1b1b;} .ui_reading .trlate{font-weight:500;position:absolute;top:auto;} .ui_reading.ff_hand .caption{font-family:'Visang_CS', 'NotoSans' !important} .ui_reading .deco{position:relative;margin-left:5px;} .ui_reading .deco:before{content:'';background:url(../images/ico/ico_deco_top.png) no-repeat;display:block;position:absolute;left:-10px;;top:-10px;;width:25px;height:19px;} .ui_reading .deco:after{content:'';background:url(../images/ico/ico_deco_bot.png) repeat-x;display:block;position:absolute;left:0;;bottom:-5px;;width:100%;height:7px;} .ui_reading .script_wrap.type_fs30{text-indent:0;font-size:30px;line-height: 2.7;} .ui_reading .script_wrap.type_fs30 .trlate{font-size: 28px;} .ui_reading .script_wrap.type_fs30 .caption+.trlate{line-height: 2.8;margin-top:-4px} .ui_reading .script_wrap.type_fs30 .lower .btn_word{top:-16px} .ui_reading .script_wrap.type_fs30.ff_roboto .caption{font-family:'Roboto', 'NotoSans' !important;} .readTitleArea { display: flex; align-items: center; padding: 34px 0 0 60px; box-sizing:border-box;} .readTitleArea .tip { padding: 0 13px; box-sizing: border-box; height: 42px; border-radius: 100px; background-color: #57B76F; display: flex; justify-content: center; align-items: center; font-size: 22px; color: #fff; font-family:'UniversLTSB'; font-weight: 700; margin-right: 33px; padding-top: 3px;} .readTitleArea .title { font-size: 36px; color: #1b1b1b;font-family:'PretendardM';letter-spacing: 0.864px;} .nameArea { font-size: 32px; color: #1b1b1b; font-family:'PretendardM';letter-spacing: -0.264px;} .whelkText { font-size: 28px; color: #898989; font-family:'PretendardM '; letter-spacing: -0.192px;} .sec_cont_txt .name{line-height:normal;position:relative;display:block;margin:50px 40px 0 auto;text-align:right;text-indent:0;} .sec_cont_txt .name .img{display:inline-block;text-indent:0;} .sec_cont_txt .name .img img{vertical-align:top;} .sec_cont_txt .name .caption{font-family:'Visang_CS';font-size:30px;font-weight:bold;line-height:58px;position:absolute;top:0;left:0;display:block;width:100%;height:58px;text-align:center;text-indent:0;} .sec_cont_txt .name .trlate{font-size:28px;line-height:normal;position:static;display:block;margin-top:-10px;text-align:center;text-indent:0;} .tit_cont_txt{height:62px;margin:20px 0 50px 40px;position:relative;z-index: 1;} .tit_cont_txt.type_mb_low{margin-bottom:15px;} .tit_cont_txt .btns{position:absolute;top:7px;right:39px;} .ques_word_wrap{font-size:52px;;} .ques_word_wrap .ques_area{position:relative;margin:0 0 91px;padding:6px 0 0 87px;color:#864b15;font-size:52px} .ques_word_wrap .btn_find{display:block;width: 52px; height: 53px;text-indent:-999em;background:url(../images/btn/btn_find_qw.png) no-repeat;} .ques_word_wrap .btns{position:absolute;top:3px;right:0;} /* .ques_word_wrap .btns210701_word 돋보기 버튼 가운데 정렬을 위해 top:3px ->top:3px 수정 */ .ques_word_wrap .ord_q{position:absolute;top:0;top:14px;left:0;overflow:hidden;width:63px;height:49px; background-color: #42568C; border-radius: 8px; color: #fff; font-size: 40px; font-family:'DINB'; display: flex; justify-content: center; align-items: center;} /*.ques_word_wrap .ord_q.num1{position:absolute;top:10px;left:-5px;overflow:hidden;width: 63px; height: 50px; ;text-indent:-9999em;background:url(../images/ico/ico_q1.png) no-repeat;} .ques_word_wrap .ord_q.num2{position:absolute;top:10px;left:-5px;overflow:hidden;width: 63px; height: 50px;text-indent:-9999em;background:url(../images/ico/ico_q2.png) no-repeat;} .ques_word_wrap .ord_q.num3{position:absolute;top:10px;left:-5px;overflow:hidden;width: 63px; height: 50px;text-indent:-9999em;background:url(../images/ico/ico_q3.png) no-repeat;} .ques_word_wrap .ord_q.num4{position:absolute;top:10px;left:-5px;overflow:hidden;width: 63px; height: 50px;text-indent:-9999em;background:url(../images/ico/ico_q4.png) no-repeat;} .ques_word_wrap .ord_q.num5{position:absolute;top:10px;left:-5px;overflow:hidden;width: 63px; height: 50px;text-indent:-9999em;background:url(../images/ico/ico_q5.png) no-repeat;}*/ .ques_word_wrap .word_area{font-size:44px; color: #1b1b1b;font-family:'PretendardM'; ;position:relative;padding:11px 50px 0 136px;text-align: left;} .ques_word_wrap .word_area:after{content:'';display:block;clear: both;} /* .ques_word_wrap .word_area.narrow .mp_text{margin-left:15px;} */ .ques_word_wrap .word_area .word{/*width:25%;*/float:left;margin-bottom:20px;} .ques_word_wrap .word_area .word span{margin-right:37px; margin-left:0px;} /* .ques_word_wrap .word_area .ord_word+.mp_text{margin-left:5px;} */ /*.ques_word_wrap .word_area .btn_find{background-position:0 -60px;}*/ .ques_word_wrap .ord_word{position:absolute;top:0;top:8px;left:0;overflow:hidden; width: 131px; height: 49px;text-indent:-9999em;background:url(../images/ico/ico_words_01.png) no-repeat;} /* .ques_word_wrap .ord_word 210701_word 돋보기 버튼 가운데 정렬을 위해 top:8px ->top:11px 수정 */ .ques_word_wrap .word_area.type_row3 .word{width:33%;float:left;margin-bottom:20px;} /* 01_02_05 */ .sec_item_select{position:relative;} .sec_item_select .label{font-size:23px;left:8px;letter-spacing:-.5px;} .sec_item_select .label.on{cursor:default;color:red;} .sec_item_select .item{font-size:20px;top:0;left:0;-webkit-transform-origin:0 0%;-ms-transform-origin:0 0%;transform-origin:0 0%;text-align: left;} .sec_item_select .item.on{cursor:default;color:red;} .sec_item_select .item.active{position:absolute;left:0;top:0;} .sec_item_select .item img{vertical-align:top;} .sec_item_select .item .txt{position:absolute;top:3px;left:0;display:block;min-width:52px;padding:0 9px;text-align:center;font-weight: bold;} .sec_item_select .item .book .txt{min-width:62px;} .sec_item_select .item .bear .txt{min-width:73px;} .sec_item_select .area{position:relative;} .sec_item_select .txt_own{font-size:16px;line-height:1.25;top:337px;left:742px;width:165px;padding:10px;letter-spacing:-.7px;} .sec_item_select .txt_own.on{color:red;} /* 01_08_01 */ .sec_ma .info_wrap{margin-top:150px;padding:0 30px;text-align:right;margin:50px 0 25px;} .sec_ma .info_wrap .page{font-family:'Roboto';font-size:28px;font-weight:500;display:inline-block;vertical-align:middle;} .box_ordalp{padding:30px 25px;border-radius:15px;background-color:#fcf9ec;} .sec_se .note{font-size:25px;text-align:right;color:#000;} .sec_se .note:before{display:inline-block;width:35px;height:37px;margin:0 12px 0 0;content:'';vertical-align:top;background:url(../images/ico/ico_book.png) no-repeat;background-size:35px auto;} .sec_se .box_se{font-weight:500;min-height:470px;margin:35px 0 15px;padding:30px 45px 30px 50px;border-radius:30px;background-color:#f2f2f2;} .sec_se .box_se .h{font-size:35px;font-weight:bold;margin-bottom:22px;color:#000;} .sec_se .box_se .h:before{display:inline-block;width:41px;height:43px;margin:8px 22px 0 0;content:'';vertical-align:top;background:url(../images/ico/ico_book.png) no-repeat;} .sec_se .box_se p{font-size:30px;color:#666;} .sec_se .chart_area{margin:30px 0;} .sec_se .chart_area .score{font-size:30px;font-weight:bold;text-align:right;} .sec_se .chart_area .score em{font-style:normal;position:relative;display:inline-block;width:80px;text-align:center;color:red;} .sec_se .chart_area .score em:before{position:absolute;bottom:-6px;left:0;display:block;width:100%;height:2px;content:'';background-color:#000;} .sec_se .chart_area .chart{margin:70px 0 45px;} .sec_se .user_write p{height:58px;border-bottom:2px solid #000;} .sec_gd .div_exam{font-size:40px;position:relative;margin:35px 0 35px;padding:23px 20px 27px 150px;border-radius:20px;background-color:#fcfaec;} .sec_gd .div_exam .para{font-size:35px;} .sec_gd .div_exam .para.ff_serif{font-size:40px;} .sec_gd .serif{font-family:'NotoSerif';} .sec_gd .div_exam .lab_txt{position:absolute;top:30px;left:30px;} .sec_gd .div_exam .answer{font-family:'Times New Roman','Crimson','NotoSerif';position:relative;margin-top:10px;padding-left:50px;} .sec_gd .div_exam .answer:before{position:absolute;top:18px;left:0;display:block;width:32px;height:25px;content:'';background:url(../images/ico/ico_quiz_arrow.png) no-repeat;} .sec_gd .div_exam .blank{display:inline-block;vertical-align: middle;width:200px;border-bottom:2px solid #000;text-align:center;padding-bottom:3px} .sec_rc{font-size:40px;} .sec_rc .box_paragraph{font-family:'Times New Roman','Crimson','NotoSerif';font-size:35px;line-height:1.6;margin-bottom:20px;padding:20px;border:3px solid #888889;border-radius:20px;} .sec_rc .box_paragraph p{text-align:justify;text-indent:25px;} .sec_rc .box_paragraph .name{font-style:italic;text-align:right;} .sec_rc .box_paragraph .name:before{display:inline-block;width:25px;height:2px;margin:30px 10px 0 0;content:'';vertical-align:top;background-color:#000;} .sec_rc .box_paragraph2{font-family:'Times New Roman','Crimson','NotoSerif';font-size:35px;line-height:1.5;margin-bottom:20px;padding:20px;border:3px solid #888889;border-radius:20px;} .sec_rc .box_paragraph2 p{text-align:justify;padding-left:35px;position:relative;} .sec_rc .box_paragraph2 .name{font-family:'NotoSans';font-weight:bold;position:absolute;top:-2px;left:0px;color:#777} .sec_rc .box_paragraph3{font-family:'Times New Roman','Crimson','NotoSerif';font-size:35px;line-height:1.5;margin-bottom:20px;padding:20px;background:#F3F9F2;border-radius:20px;} .sec_rc .box_paragraph3 p{text-align:justify;padding: 0 25px;position:relative;} .sec_fw{margin-top:40px;} .sec_fw .img_fw{margin-top:30px;} .sec_fw .img_fw.essayAnswer{display:none;} .sec_fw .img_fw.show{display:block;} .sec_fw .memo{font-family:'Visang_CS';font-size:35px;line-height:1.2;position:relative;display:block;width:448px;margin:0 0 0 auto;} .sec_fw .memo .eg{position:absolute;top:107px;left:105px;transform:rotate(-3.5deg);} .sec_fw .memo .eg.top_txt{top:60px;left:30px;font-size:30px;color:#333;} .ui_box_order{font-family:'Times New Roman','Crimson','NotoSerif' !important;font-size:40px;position:relative;margin-top:75px;border:7px solid #fed09e;border-radius:20px;} .ui_box_order .btn_sound2{position:absolute;top:5px;left:5px;} .ui_box_order .box_area{padding:20px 30px;} .ui_box_order .box_area>li{position:relative;min-height:64px;margin:20px 0;padding-left:135px;overflow: hidden;} .ui_box_order .box_area>li p{margin-top:5px;} .ui_box_order .ordnum{position:absolute;top:0;left:0;display:block;width:115px;height:58px;border:3px solid #fed09e;border-radius:55px;background-color:#fff;} .ui_box_order .ui_select_mini{margin:5px 0 0 35px;} .ui_box_order .ordnum.guide{font-family:'Roboto';font-size:45px;font-weight:500;font-style:italic;line-height:62px;text-align:center;color:#2b4198;} .box_summary{padding:20px 45px 40px;border-radius:30px;background-color:#f9fbed;} .box_summary .ui_script2{font-size:38px;line-height: 1.3;} .box_summary .ui_script2>li{margin:0;padding-left:110px;} .box_summary .ui_script2 .name{font-size:35px;top:0;} .box_summary .summary{font-family:'Visang_CS';font-size:30px;line-height:2;position:relative;margin-top:20px;margin-left:110px;padding:15px 25px;border:3px solid #bfd6a7;border-radius:20px;background-color:#fff;} .box_summary .summary:before{font-size:18px;content:'　';} .box_summary .summary:after{position:absolute;top:0;left:-65px;width:48px;height:45px;content:'';background:url(../images/ico/ico_summary_arr.png) no-repeat;} .box_list_wrap{font-family:'Times New Roman','Crimson','NotoSerif';margin-top:80px;padding:32px 46px 52px;border:5px solid #bfd6a7;border-radius:30px;} .box_list_wrap .ui_list_dot{margin:0;} .box_list_wrap .ui_list_dot li{margin:0;padding-left:22px;} .box_list_wrap .ui_list_dot li:before{top:26px;width:11px;height:10px;} .box_list_wrap .ui_list_dot .ordnum{line-height:1;display:inline-block;margin-top:0;vertical-align:middle;} /* .ui_script_wrap .mp_text{position:relative;} .ui_script_wrap .mp_text .noSound{position:absolute;z-index:2;top:7px;left:0;width:100%;height:90%;cursor:pointer;color:rgba(0,0,0,0);border:0;background:red;text-shadow:rgba(0,0,0,0) 0 0 0;} .ui_script_wrap .mp_text .noSound.blind{opacity:.01;background:#fff;color:#000 !important} */ /* more activities css 별도 추가 */ .sec_ma.typeB .info_wrap{margin-top:50px;margin-bottom:25px;} .sec_ma.typeB .list_ordalp{font-size:38px;} .sec_ma.typeB .list_ordalp p.inline_type.dash:before{content:'';width:20px;height:2px;background-color:#000;display:inline-block;top:25px;} .sec_ma.typeB .list_ordalp p.inline_type.dash{padding-left:25px;} /* [] 괄호 간격 관련 css 별도 추가 */ .txt_outline::before{display:inline-block;content:'〔';margin-left:-20px;} .txt_outline::after{display:inline-block;content:'〕';margin-right:-10px;} .txt_outline.type_min::before{margin-left:0;} .txt_outline.type_min_r::after{margin-right:-20px;} .txt_outline_circle{border:3px solid #ff0000;border-radius:50%;width:50px;height:50px;position:absolute;top:-4px;left:35px;display:none;} .txt_outline.narrow {margin:0 -15px;} /* page별 css 추가 - 추후 공통요소 추출하여 css 취합예정 */ .p01_01_01_008 .intro_ques{display:inline-block;} /* 210414 피드백 수정 - ej */ /* .p01_02_03_010 #controller .ui_btn.btn_sound{width:126px;background-image:url(../images/ico/ico_sound.png);background-size:contain;} */ /* 210421 공통부분이라 수정 - ej */ /* .p01_02_03_010 .ly_wrap2 .ly_close, .p01_03_03_012 .ly_wrap2 .ly_close{top:-20px;right:-20px;width:40px;height:40px;line-height:1;background:none;border-radius:50%;background-color:#666;color:#fff;font-size:25px;text-indent: unset;font-weight:lighter;font-family:'NotoSans';} */ /* 210415 ch01에 해당페이지 1개 케이스밖에 없고, 기준 페이지가 ch1 이기 때문에 아래 스타일로 최종 병합했습니다. - 추후 스타일 변경이 필요한 경우는 아래 스타일 참고해서 사용하겠습니다. */ /* .p01_03_04_013 .quiz_sample.half .script{font-size:38px;} */ /* .p01_03_04_013 .quiz_sample .btn_sound2{top:-10px;left:-15px;} */ .p01_06_01_016 .ly_wrap .mean, .p01_06_01_016 .ly_wrap .eg{margin-left:-2px;} /* .p01_06_02_ADD .ques_word_wrap .btns .ui_tooltip{left:12px;} */ .p01_07_01_RC .ui_exam_wrap .div_answer.center .box dd{font-size:38px;line-height:1.5;} .p01_07_01_RC .input_wrap .answer_txt.show .note{font-weight:bold;} .p01_07_01_MR .ui_quiz_ordnum .eng{font-size:39px;} .p01_07_03_018 .quiz_wrap .pos_xy{line-height:150%;} .p01_10_01_021 .ui_btn_lang.eng{top:5px;} .p01_10_01_021 .quiz_wrap{width:1280px;height:623px;background:url(./../../../ch1/popup/images/01_10_01.png) no-repeat;display:flex;justify-content: space-between;} .p01_10_01_021 .quiz_wrap .quiz_desc{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;width:600px;font-size:20px;padding:100px 20px 100px 220px;box-sizing: border-box;word-break:keep-all;line-height:2;} .p01_10_01_021 .quiz_wrap .quiz_desc.align_r{padding-left:20px;padding-right:220px;} .p01_11_02_022 .ui_btn_lang{top:10px;} .p01_11_02_022 .ui_btn_lang.eng{top:unset;} .p01_11_02_022 .ui_quiz_ordnum{font-size:53px;line-height:150%;} .p01_11_02_022 .quiz_exam .ui_quiz_ordnum>li{padding-left:65px;} .p01_11_02_022 .quiz_exam .ui_quiz_ordnum>li .ordnum{top:3px;} .p01_11_03_022 .ui_box_order .box_area>li{overflow: unset;} .p01_11_06_023 .box_summary .summary{font-size:32px;} .p01_11_08_se .tbl_selfcheck thead th, .p01_11_08_se .tbl_selfcheck thead th .num{font-weight:normal;} .ui_img_toggle{position:relative} .ui_img_toggle img{vertical-align: top;-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_img_toggle .off{opacity:1} .ui_img_toggle .on{position:absolute;left:0;top:0;opacity:0} .ui_img_toggle.captionOn .off, .ui_img_toggle:hover .off{opacity:0} .ui_img_toggle.captionOn .on, .ui_img_toggle:hover .on{opacity:1} .ui_choice .ui_radio{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor: pointer;} .ui_choice .ui_radio+.num .ico{position:absolute;top:15px;left:8px;display:none;width:40px;height:43px;content:'';background:url(../images/ico/ico_quiz_ordnum_check.png) 0 -40px no-repeat;text-indent: -9990em;} .ui_choice .ui_radio:checked+.num .ico{display:block;} /*210629 reading comprehension*/ .r_comp .list_ordnum >li{margin:25px 0px !important;} .r_comp .quiz_wrap.type_border{margin:25px 0px !important; padding:20px;} .r_comp .quiz_wrap{margin: 25px 0px 0px; padding:20px; font-size:43px;line-height:1.4;} .r_comp .ui_exam_wrap .div_exam{padding:20px;margin:25px 0px;} .r_comp .ui_exam_wrap{margin-top:0px;} .r_comp .list_ordnum_aw>li{padding-left:58px !important;} .r_comp .list_ordnum_aw .answer{padding-left:50px;} .r_comp .list_ordnum_aw .answer:before{top:0px;} .r_comp .box1{padding:20px !important;margin-top:25px;} .r_comp .list_ordnum_aw{font-size:45px;} .r_comp .ordnum_box{padding: 20px !important;line-height: 1.4;margin-top:25px;} .div_exam.word_list{padding:20px;} /*210630 wrap_up*/ .wr_up .c_blue{margin-top:40px;} .wr_up .c_beige{margin-top:20px;} .wr_up .box1{margin-top:20px;} .wr_up .ordnum_box{padding:30px;} .wrapup .ui_box_order{margin-top:40px !important;}