@charset 'utf-8';

/* 확대보기 */
.ly_enlarge{position:absolute;right:0;top:0;left:0;bottom:60px;display:none;background-color:rgba(0,0,0,.3);}
.ly_enlarge .ly_container{position:relative;margin:11px 12px 5px;padding:10px;border-radius:16px;background:#fff;height:780px}
.ly_enlarge .btn_close{position:absolute;top:2px;right:30px;overflow:hidden;width:56px;height:51px;text-indent:-999em;background:url(../images/popup/btn_pop_close.png) no-repeat;}
.ly_enlarge .btn_close:hover{background-position:0 -60px}
.ly_enlarge .img_quiz .item button:after{width:90px;height:72px;margin:-5px 0 0 -10px;content:'';background-image:url(../images/common/img_correct_enlarge.png)}
.ly_enlarge .quiz_itemfind .img_quiz img{vertical-align:top;height:645px;}
/* 팝업 */

.pop_wrap{position:absolute;z-index:50;top:95px;left:50% ; transform: translateX(-50%);display:block;overflow:hidden;width:1440px;height: 984px; /*height:860px;*/margin:0;border-radius:32px;background-color:#F2F2F2; box-shadow: 0 4px 12px 6px rgba(0,0,0,0.15); box-sizing: border-box; padding: 0 60px ;}
.pop_wrap.video { padding: 0 88px; box-sizing: border-box; height:860px}
.media_comn.full .pop_wrap { padding: 0;}
.pop_wrap.visible { overflow: visible;}

.pop_wrap .pop_container{height: 828px;/*height:712px;*/margin:0 ;padding:0;border:0;border-radius:20px;background-color:#fff;}
.pop_wrap.video .pop_container { height: 712px;}
.media_comn.full .pop_wrap .pop_container { background-color: #f2f2f2}
.pop_wrap .scrollContent{overflow:hidden;max-height:800px;margin:0}
          .pop_wrap .scroll_detail{padding-right:46px;padding-left:46px;}
/* .pop_wrap .scroll_detail{overflow:hidden;min-height:702px;padding-left:30px;} */
.pop_wrap .h_dir+.ui_script{margin-top:30px}

.pop_wrap .pop_tit{ position: relative; display: flex;align-items:center;overflow:hidden;height:80px;}

.pop_wrap .pop_tit.video { height: 56px;}
/*.pop_wrap .pop_tit .titleImg { margin-right: 10px;}*/
.pop_wrap .pop_tit h1{font-family:'Jalnan';font-size:24px;font-weight:bold;margin:0;color:#606060;}
.pop_wrap .pop_tit .btns{position:absolute;top:24px;right:29px;}
.pop_wrap .pop_tit .btns .bt_base{margin-left:7px;height:40px;line-height:46px;}
.pop_wrap .h_base{font-size:40px;font-weight:bold;line-height:1.475;color:#000;}


.media_comn.full .pop_wrap .pop_tit.title { padding-left: 138px;}
.media_comn.full .pop_wrap .pop_tit.title:before { left: 88px;}
.pop_wrap .pop_tit.title { padding-left: 50px;}
.pop_wrap .pop_tit.title:before {
    content: '';
    position: absolute;;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url("../../../include/libs/images/title/title_img.png");
    width: 40px;
    height: 30px;
}
.pop_wrap .pop_tit.script { padding-left: 39px; align-items: flex-start; }
.pop_wrap .pop_tit.script h1 { padding-top: 35px;}
.pop_wrap .pop_tit.script:before {
    content: '';
    position: absolute;;
    top:35px;
    left: 0;
    background: url("../../../include/libs/images/title/title_script.png");
    width: 23px;
    height: 25px;
}
.pop_wrap .pop_tit.dictation { padding-left: 39px; align-items: flex-start; }
.pop_wrap .pop_tit.dictation h1 { padding-top: 35px;}
.pop_wrap .pop_tit.dictation:before {
    content: '';
    position: absolute;;
    top:35px;
    left: 0;
    background: url("../../../include/libs/images/title/title_dictation.png");
    width: 25px;
    height: 25px;
}

.pop_wrap .pop_tit.hp { padding-left: 39px; align-items: flex-start; }
.pop_wrap .pop_tit.hp h1 { padding-top: 35px;}
.pop_wrap .pop_tit.hp:before {
    content: '';
    position: absolute;;
    top:31px;
    left: 0;
    background: url("../../../include/libs/images/title/title_hp.png");
    width: 29px;
    height: 31px;
}

.pop_wrap .pop_tit.sp { padding-left: 39px; align-items: flex-start; }
.pop_wrap .pop_tit.sp h1 { padding-top: 35px;}
.pop_wrap .pop_tit.sp:before {
    content: '';
    position: absolute;;
    top:31px;
    left: 0;
    background: url("../../../include/libs/images/title/title_sp.png");
    width: 29px;
    height: 32px;
}

.pop_wrap .pop_tit.ms { padding-left: 39px; align-items: flex-start; }
.pop_wrap .pop_tit.ms h1 { padding-top: 35px;}
.pop_wrap .pop_tit.ms:before {
    content: '';
    position: absolute;;
    top:26px;
    left: -8px;
    background: url("../../../include/libs/images/title/title_ms.png");
    width: 40px;
    height: 40px;
}

.pop_wrap .pop_tit.sc { padding-left: 39px; align-items: flex-start; }
.pop_wrap .pop_tit.sc h1 { padding-top: 35px;}
.pop_wrap .pop_tit.sc:before {
    content: '';
    position: absolute;;
    top:31px;
    left: 0;
    background: url("../../../include/libs/images/title/title_sc.png");
    width: 29px;
    height: 32px;
}





.pop_wrap .pop_close{position:absolute;top:24px;right:16px;overflow:hidden;width: 44px; height: 44px;text-indent:-999em;background:url(../images/popup/new_btn_pop_close.png) no-repeat;}
.pop_wrap .pop_close:hover{background:url(../images/popup/new_btn_pop_close_hover.png) no-repeat;}
.pop_wrap.video .pop_close { top:12px;}

.pop_wrap .scrollContent{overflow:hidden}
/* .pop_wrap .ui_script_wrap:last-child{margin-bottom:80px} */
.pop_wrap .ui_script{margin:24px 0 0  ;}
/*.pop_wrap .ui_script p{margin-left:10px;}*/
.pop_wrap .scroll_detail>.h_dir{margin-top:0}
.pop_wrap .scroll_detail>.h_dir.typeB{margin-top:20px;}

/* 레이어 */
.ly_wrap{font-family:'NotoSans';position:absolute;z-index:50;top:0;left:0;display:block;display:none;overflow:hidden;width:100%;height:100%;background-color:rgba(255,255,255,0);}
.ly_wrap .ly_container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;background-color:#fff;}
/* .ly_wrap .ly_content{padding:28px 35px 30px;background:#fff;border-radius: 10px;} */
/* .ly_wrap .ly_tit h1{font-size:20px;font-weight:bold;padding:0 10px;color:#fff;}
.ly_wrap .ly_content{padding:18px 35px 30px}
.ly_wrap .word_wrap{font-size:24px}
.ly_wrap .word{font-family:'Times New Roman';font-size:50px;font-weight:bold;line-height:1.2;margin-bottom:15px;}
.ly_wrap .mean{font-weight:bold;margin-bottom:10px}
.ly_wrap .mean li{position:relative;padding-left:25px}
.ly_wrap .mean .type{position:absolute;top:3px;left:0;display:inline-block;vertical-align:text-bottom;}
.ly_wrap .ex{font-family:'NotoSans';font-weight:400;position:relative;padding-left:40px;}
.ly_wrap .ex .type{position:absolute;top:0;left:0;}
.ly_wrap .trlate{visibility:visible;color:#36c}
.ly_wrap .ly_close{position:absolute;top:-15px;right:-15px;display:block;width:32px;height:32px;text-indent:-999em;background:url(../images/popup/btn_ly_close.png) no-repeat;} */

/* 레이어2 */
.ly_wrap2{font-family:'PretendardM';;position:absolute;z-index:50;top:0;left:0;display:block;display:none;overflow:hidden;width:100%;height:100%;background-color:rgba(255,255,255,0);}
.ly_wrap2 .ly_container{position:absolute;top:50%;left:50%;margin:0 10px;padding:35px 40px;transform:translate(-50%,-50%);border:0;border:4px solid #f26522;border-radius:10px;background-color:#fff;width:600px}
/* .ly_wrap2 .ly_close{position:absolute;top:-15px;right:-15px;display:block;width:32px;height:32px;text-indent:-999em;background:url(../images/popup/btn_ly_close.png) no-repeat;} */
/*
.ly_wrap2 .ly_close{position:absolute;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';}
*/
.ly_wrap2 .list_dot{font-size:52px;margin:0; color:#1b1b1b;}
.ly_wrap2 .list_dot li{margin:10px 0;letter-spacing:-1px;}
.ly_wrap2 .list_dot li:before{width:8px;height:8px;}

.ly_wrap2 .ly_container .pop_tit {
    position: relative;
    display: flex;
    padding-left: 99px;
    overflow: hidden;
    height: 80px;

}

.ly_wrap2 .ly_container .pop_tit.sound:before {
    content: '';
    position: absolute;
    top: 35px;
    left: 60px;
    background: url(../../../include/libs/images/title/title_sound.png);
    width: 29px;
    height: 29px;
}
.ly_wrap2 .ly_container .pop_tit h1 {
    font-family: 'Jalnan';
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    color: #606060;
    padding-top: 35px;
}

.ly_wrap2 .ly_close{position:absolute;top:24px;right:16px;overflow:hidden;width: 44px; height: 44px;text-indent:-999em;background:url(../images/popup/new_btn_pop_close.png) no-repeat;}
.ly_wrap2 .ly_close:hover{background:url(../images/popup/new_btn_pop_close_hover.png) no-repeat;}

.ly_wrap2 .list_dot li { margin-bottom: 91px;}
.ly_wrap2 .list_dot li:last-child { margin-bottom: 0;;}

.ly_wrap2 .list_dot li .text_underline {color: #f00;}
.ly_wrap2 .list_dot li .text_underline:after{ height: 2px;}


.ly_word {font-size:40px;line-height: 1.2;}
.ly_word .ly_container{background-color:#F97870;padding:0 20px 20px;border-radius: 16px;width:960px;/*height: 540px;*/ box-sizing: border-box;}
.ly_word .ly_content{ /*height: 428px;*/padding:34px 34px 34px 35px;background:#fff;border-radius: 10px; box-sizing: border-box;}
.ly_word .ly_content .scrollContent{max-height:420px;margin:0} /*210726 max-height:460px -> 465px */
.ly_word .ly_content .scrollContent .scroll_detail{min-height:420px;margin-bottom:0px; padding-right: 30px; padding-bottom: 0;} /*210726 min-height:450px -> 430px */

.ly_word .ly_tit h1{font-size:28px;color:#fff;;margin:24px 0 22px; ;font-family:'Jalnan';}
.ly_word .phrase{font-family:'PretendardB';font-size:56px; color: #1b1b1b; /*margin-bottom:20px;*/display:inline-block;margin-bottom: 28px}
.ly_word .word{font-size:50px;font-weight:bold;line-height:1.2;}
.ly_word .mean{font-weight:bold;margin-bottom:55px}
.ly_word .mean em{margin-left:10px; /*font-style: normal;*//*font-family:'NotoSans';*/font-weight: 500;  margin-right: 30px;}
.ly_word .mean em:first-child{margin-left:0}
.ly_word .mean .dsc{margin-top:22px; font-size: 42px; color: #1b1b1b;font-family:'PretendardM';}
.ly_word .mean .dsc.m_indent{text-indent: -46px;margin-left:50px;}
.ly_word .mean .dsc:first-child{margin-top:0;}
.ly_word .mean li{position:relative;padding-left:25px}
.ly_word .mean .type{position:absolute;top:3px;left:0;display:inline-block;vertical-align:text-bottom;}
.ly_word .ex{position:relative;padding-left:70px;margin-top:15px;}
.ly_word .ex .type{position:absolute;top:0;left:0;}
.ly_word .ex strong{font-family: 'VisangHT';}
.ly_word .trlate{visibility:visible;color:#36c;font-size: 30px;font-weight: bold;}
.ly_word .ly_close{position:absolute;top:16px;right:20px;display:block;width: 44px; height: 44px;text-indent:-999em;background:url(../images/popup/btn_ly_close_word.png) no-repeat;}
.ly_word .imp{font-weight:bold;font-style:normal;position:relative;display:inline-block;padding:0 5px;background-color:rgba(249, 120, 112, 0.40)}
.ly_word .eg{position:relative;padding-left:92px;margin-top:0;}
.ly_word .eg .type{position:absolute;top:-10px;left:0; width: 80px; height: 63px; background-color:#DCDCDC; border-radius: 12px;  display: flex; justify-content: center ;align-items: center; font-size: 36px; color: #1b1b1b; font-family:'PretendardM';}
.ly_word .eg strong{font-family: 'VisangHT';}
.ly_word .eg .kr_txt { font-size: 32px; color: #0079AF; font-family:'PretendardM';}


.ly_word.type_str .ly_container{background-color:#329960;width:1280px; height: 720px; border-radius: 16px; padding: 0 20px 20px;}
.ly_word.type_str .ly_content { height: 624px;}
.ly_word.type_str .ly_content .scrollContent{max-height:580px;margin:0}
/*.ly_word.type_str .ly_content .scrollContent .scroll_detail{min-height:570px;}*/
.ly_word.type_str .phrase{line-height: 1.1;margin:0 0 14px;font-size:52px; }
.ly_wrap.type_str .mean{background:url(../images/popup/bg_dashed.png) repeat-x 0 0;margin:30px 0 55px;padding-top:40px;}
.ly_wrap.type_str .mean .dsc{line-height: 1.4;text-indent: 0;font-family:'PretendardM'; color: #1b1b1b;font-size: 42px;margin:0}
.ly_wrap.type_str .phrase + .mean{background:none;padding-top:0;margin-top:0;;}


/* .ly_word .ly_container,.ly_word_str .ly_container{width:910px;border:9px solid #F75662}
.ly_word .ly_tit {font-size:40px}
.ly_word_str .ly_content{line-height:1.2;padding:22px 25px;}
.ly_word_str .ly_tit{border-bottom:1px solid #404040;background-color:#408c40;}

.ly_wrap .mean .dsc{font-size:30px;font-weight:500;color:#000;}
.ly_wrap .eg{font-size:30px;font-weight:400;position:relative;margin:30px 0 40px;padding-left:58px;}
.ly_wrap .eg .type{position:absolute;top:0;left:0;font-style:italic;} */

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



.checkListArea { padding-top: 34px;}
.checkListArea .list { position: relative; padding-left: 42px; margin-bottom: 32px;}
.checkListArea .list:last-child { margin-bottom: 0;}
.checkListArea .list:before { content: ''; position: absolute; top: 25px; left: 0; width: 12px; height: 12px; border-radius: 100%; background-color: #898989; }
.checkListArea .list .text { font-size: 52px; color: #1b1b1b; font-family:'PretendardM'; }

.checkListArea .checkBoxArea { position: absolute; top: 0; right: 0; display: flex; ;border-radius: 60px;}

.checkListArea .checkBoxArea .check { display: flex; justify-content: center; align-items: center; width: 72px; height: 60px; border: 2px solid #D6D6D6; font-size: 24px; color: #898989; background-color: #fff; font-family:'Jalnan'; box-sizing: border-box;}
.checkListArea .checkBoxArea .check.yes { border-radius: 60px 0 0 60px;; border-right-width: 1px;}
.checkListArea .checkBoxArea .check.no { border-radius: 0 60px 60px 0;  border-left-width: 1px;}
.checkListArea .checkBoxArea .check:hover { background-color: #FCDEC9; color: #FF6700; border-color: #FCDEC9;}
.checkListArea .checkBoxArea .check.on { background-color: #FF6700; color: #fff; border-color:#FF6700; }