/* choice */
.oImg, .xImg {
    position: absolute;
    z-index: 15;
}

.img_choice .q_img {
    width: 450px;
}
.repeatSayPopArea .repeatPop.recording .rp_button {
    animation: playing 1s infinite;
 }

 .btn_repeat, .btn_read {
    display: none;
 }

.line_connect .oImg, .line_connect .xImg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.text_choice_write .xImg{
    position: absolute;
    top: -440px;
    left: -560px;
}

.img_write_num .xImg{
    position: absolute;
    top: -440px;
    left: -520px;
    width: 300px;
}

.text_choice_write .xImg,
.img_write_text .xImg, 
.text_array_write .xImg,
.text_write .xImg{
    position: absolute;
    top: -420px;
    left: -500px;
    width: 300px;
}

.line_connect .xImg{
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
}

.drag_drop .oImg, 
.drag_drop .xImg, 
.img_write_num .oImg, 
.text_choice_write .oImg, 
.img_write_text .oImg, 
.text_array_write .oImg,
.text_write .oImg,
.img_write_text .oImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.drag_drop .drop_zone p {
    text-align: center;
}

.read1 {
    color: #0000ff;
}
.read1 .drag_item, .read1 .ans_input  {
    color: #0000ff !important;
    
}
.read2 {
    color: #ff0000;
    
}
.read2 .drag_item, .read2 .ans_input  {
    color: #ff0000 !important;
    
}

.read_on {
    pointer-events: none !important;
}
.none_ev {
    pointer-events: none !important;
}

.italic{
    font-style: italic;
}

.img_conversation_choice .text_box p{
    display: inline-block !important;
}

@keyframes playing {

0%,
20%,
50%,
80%,
100% {
    transform: scale(1);
}

40% {
    transform: scale(1.1);
}

60% {
    transform: scale(1.05);
}
}

/* add page css */
#container.easy_css015_06 .exText_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

/* line_connect 오디오 버튼 효과 */
.line_connect .btn_sound.on {
    display: inline-block;
    width: 87px;
    height: 87px;
    cursor: pointer;
    background: url(../images/icon_audio_on.png) no-repeat;
    animation: blink 1.5s ease infinite;
}

@keyframes blink{
    from{
        opacity: 1;
    }
    50%{
        opacity: 0.3;
    }
    to{
        opacity: 1;
    }
}

.listen_balloon.btn_sound1{
    top: 193px;
}

.listen_balloon.btn_sound2{
    top: 383px;
}

.contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1{
    top: 260px;
}

.contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2{
    top: 450px;
}


.hard_css009_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css023_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css037_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css053_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css067_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css081_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css099_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css113_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css127_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css143_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css157_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1,
.hard_css171_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound1{
    top: 193px;
}

.hard_css009_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css023_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css037_06  .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css053_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css067_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css081_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css099_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css113_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css127_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css143_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css157_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2,
.hard_css171_06 .contents:has(div.line_connect.temp3) .listen_balloon.btn_sound2{
    top: 383px;
}

.img_write_text .zoom_pop .zoom .zoom_img{
    width: 100%;
    height: auto;
}

/* 이미지 선택 문제 보기 3개 */
.img_choice.selcet3 .choice_wrap .choice_box{
   width: 355px;
   height: 315px;
}

.img_choice.selcet3 .choice_wrap .choice_box .q_img{
   width: 350px;
}

/* 이미지 보고 숫자 선택 보기 3개 템플릿2 */
.img_num_choice.temp2 .q_img{
    width: 700px;
}
 
.img_num_choice.temp2 .choice_wrap{
    flex-direction: column;
}

.img_num_choice.temp2 .zoom_pop .zoom .zoom_img{
    width: 100%;
    height: auto;
}

/* 대화 읽고 이미지 고르기(대화 3줄 일때) */
.text_img_choice.temp2 .q_text .t_text_box{
    width: 100%;
}

.text_img_choice.temp2 .q_text p{
    font-size: 45px;
    line-height: 55px;
    text-align: left;
    width: 100%;
    text-indent: -45px;
    margin-left: 45px;
}

.text_img_choice.temp2 .q_wrap{
    gap: 0;
}

/* 대화 읽고 이미지 고르기 문장 박스 수정 */
.text_img_choice.temp3 .q_text p{
    display: block;
}

/* 대화 읽고 이미지와 일치하는지 ox 고르기(대화 3줄 일때) */
.img_text_ox_choice.temp2 .q_text p{
    font-size: 50px;
    line-height: 60px;
    text-align: left;
    width: 100%;
}

/* 보기에서 표현 골라쓰기 블랭크 너비 수정 */
.text_choice_write.temp2 .ans_input{
    width: 450px;
}

/* 보기 표현 골라쓰기 하단에 텍스트 4줄일 경우 */
.text_choice_write.temp3 .text_zone p {
    font-size: 40px;
    line-height: 60px;
}

.text_choice_write.temp3 .ans_input{
    font-size: 40px;
    width: 200px;
}

.text_choice_write.temp3 .q_img {
    width: 360px;
    height: 220px;
}

.text_choice_write.temp3 .ex_box{
    height: 220px;
}

.text_choice_write.temp3 .text_zone {
    height: 250px;
}


/* 이미지 보고 텍스트 쓰기 */
.img_write_text.temp2 .img_box {
    width: 330px;
    height: 200px;
    border-radius: 20px;
    border: 4px solid #E0DEDF;
    overflow: hidden;
    margin: 20px auto 30px;
    position: relative;
}

.img_write_text.temp2 .zoom_pop .zoom .zoom_img{
    width: 95%;
    height: auto;
}

.img_write_text.temp2 .text_zone p{
    font-size: 45px;
    line-height: 60px;
}

.img_write_text.temp2 .ans_input{
    font-size: 45px;
}

/* 선긋기 이미지, 텍스트일 경우 */
.line_connect.temp2 .line_container{
    width: 100%;
}

.line_connect.temp2 .audio_wrap{
    gap: 50px;
}

.line_connect.temp2 .dot.col1{
    left: 300px;
}

.line_connect.temp2 .q_wrap{
    height: 575px;
}

.line_connect.temp2 .line_container .audio_wrap{
    gap: 50px;
}

.line_connect.temp2 .btn_zoom:nth-of-type(1) {
    top: 94px;
    left: 203px;
    z-index: 1;
}

.line_connect.temp2 .btn_zoom:nth-of-type(2) {
    top: 286px;
    left: 205px;
    z-index: 1;
}

.line_connect.temp2 .btn_zoom:nth-of-type(3) {
    top: 476px;
    left: 207px;
    z-index: 1;
}


/* 선긋기 이미지 3개일 경우 확대 버튼 위치 */
.line_connect.temp3 .btn_zoom:nth-of-type(1) {
    top: 88px;
    right: 121px;
    z-index: 1;
}

.line_connect.temp3 .btn_zoom:nth-of-type(2) {
    top: 256px;
    right: 121px;
    z-index: 1;
}

.line_connect.temp3 .btn_zoom:nth-of-type(3) {
    top: 426px;
    right: 121px;
    z-index: 1;
}

/* 개별 css 수정 */

/* 1단원 4차시 보충 */
.easy_css015_03 .tab_content:nth-child(6) .drop_zone p{
    line-height: 80px;
}
.easy_css015_03 .tab_content:nth-child(6) .drop_zone .drag_word{
    line-height: 60px;
}

/* 1단원 4차시 심화 */
.hard_css015_03 .text_choice_write .text_zone{
    margin-left: 0;
    width: 1200px;
}
.hard_css015_03 .text_choice_write .ex_box p{
    font-size: 40px;
}
.hard_css015_03 .text_choice_write .text_zone p{
    font-size: 40px;
}
.hard_css015_03 .text_choice_write .ans_input{
    width: 250px;
    height: 55px;
    letter-spacing: -1px;
    font-size: 40px;
}

/*2단원 3차시 기본*/
.basic_css027_09 .text_img_choice.temp2 .q_text p:nth-child(3){
   position: absolute;
   top: 304px;
   left: 530px;
   width: max-content;
}

/*2단원 3차시 심화*/
.hard_css027_09 .text_img_choice .q_text .t_text_box{
    width: 100%;
}

.hard_css027_09 .text_img_choice .q_text p:nth-child(3){
    position: absolute;
    top: 289px;
    left: 705px;
}

/*2단원 4차시 보충*/
.easy_css029_03 .drag_drop .drop_zone .drag_word{
    width: 200px !important;
}

.easy_css029_03 .drag_drop .droppable{
    width: 200px !important;
}

.easy_css029_03 .tab_content:nth-child(6) .drop_zone p:nth-child(3){
    position: absolute;
    top: 111px;
    left: -30px;
    text-indent: 560px;
    width: 1100px;
}

.easy_css029_03 .tab_content:nth-child(6) .drop_zone{
    position: relative;
    top: -20px;
}

.easy_css029_03 .contents .tab_content:nth-child(6) .btn_a{
    bottom: 77px;  
}

/*2단원 4차시 심화*/
.hard_css029_03 .text_choice_write .ans_input {
    width: 210px;
}

.hard_css029_03 .text_choice_write .t_text .ans_input:last-child{
    width: 348px;
}

/*3단원 3차시 보충*/
.easy_css041_08 .img_text_ox_choice.temp2 .t_text_box p:nth-child(4){
    position: absolute;
    top: 377px;
    left: 460px;
    width: max-content;
}

/*3단원 3차시 기본*/
.basic_css041_08 .text_img_choice.temp2 .q_text p:nth-child(4){
    position: absolute;
    top: 331px;
    left: 494px;
    width: max-content;
}

/*3단원 3차시 심화*/
.hard_css041_08 .img_conversation_choice .text_box p{
    width: 590px;
}

.hard_css041_08 .tab_content.img_conversation_choice .q_wrap{
    left: -20px;
}

.hard_css041_08 .text_img_choice .q_text .t_text_box{
    width: 100%;
    padding-left: 110px;
}

.hard_css041_08 .text_img_choice .q_text p:nth-child(3){
    position: absolute;
    top: 289px;
    left: 710px;
}

/*3단원 4차시 보충*/
.easy_css043_03 .drag_drop .droppable{
    width: 300px !important;
}

.easy_css043_03 .drag_drop .drop_zone .drag_word{
    width: 300px !important;
}

.easy_css043_03 .tab_content:nth-child(6) .drop_zone p:nth-child(3){
    position: absolute;
    top: 637px;
    left: 680px;
    width: max-content;
}

.easy_css043_03 .drop_zone p{
    line-height: 80px;
}
.easy_css043_03 .drop_zone .drag_word{
    line-height: 60px;
}

/*3단원 4차시 기본*/
.basic_css043_03 .contents .tab_content:nth-child(4).text_choice_write .ans_input{
    width: 300px;
}

.basic_css043_03 .tab_content:nth-child(5) .text_zone p:nth-child(3){
    position: absolute;
    top: 636px;
    left: 670px;
    width: max-content;
}

/*3단원 4차시 심화*/
.hard_css043_03 .text_choice_write .t_text:first-child .ans_input:last-child {
    width: 495px;
}

.hard_css043_03 .img_write_text .text_zone p:nth-child(3){
    margin-left: 100px;
}

/*4단원 3차시 심화*/
.hard_css057_09 .img_conversation_choice .text_box p{
    width: 590px;
}

/*4단원 4차시 보충*/
.easy_css059_03 .drag_drop .droppable{
    width: 220px !important;
}

.easy_css059_03 .drag_drop .drop_zone .drag_word{
    width: 220px !important;
}

.easy_css059_03 .contents .tab_content:nth-child(6) .btn_a{
    bottom: 77px;  
}

.easy_css059_03 .tab_content:nth-child(6) .drop_zone p{
    line-height: 66px;
}
.easy_css059_03 .tab_content:nth-child(6) .drop_zone .drag_word{
    line-height: 60px;
}

/*4단원 4차시 기본*/
.basic_css059_03 .contents .tab_content:nth-child(5) .t_text:last-child .ans_input:last-child {
    width: 380px;
}

/*4단원 4차시 심화*/
.hard_css059_03 .text_choice_write .ans_input{
    width: 220px;
}

.hard_css059_03 .text_choice_write .t_text:last-child .ans_input:nth-child(3) {
    width: 340px;
}

.hard_css059_03 .img_write_text .zoom_pop .zoom .zoom_img{
    width: 100%;
    height: auto;
}

/*5단원 4차시 보충*/
.easy_css073_03 .drag_drop .droppable{
    width: 260px;
}

.easy_css073_03 .drag_drop .drop_zone .drag_word{
    width: 260px !important;
}

.easy_css073_03 .contents .tab_content:nth-child(6) .btn_a{
    bottom: 77px;  
}

.easy_css073_03 .tab_content:nth-child(6) .drop_zone p:nth-child(1){
    position: relative;
    top: 10px;
}
.easy_css073_03 .tab_content:nth-child(6) .drop_zone p:nth-child(2){
    position: relative;
    top: 8px;
}
.easy_css073_03 .tab_content:nth-child(6) .drop_zone p{
    line-height: 80px;
}
.easy_css073_03 .tab_content:nth-child(6) .drop_zone .drag_word{
    line-height: 60px;
}

/*5단원 4차시 기본*/
.basic_css073_03 .contents .tab_content:nth-child(5).text_choice_write .ans_input{
    width: 345px;
}

.basic_css073_03 .text_write .q_box p{
    line-height: 80px;
}

.basic_css073_03 .text_write .q_box p:nth-child(3){
    margin-left: 108px;
}

/*5단원 4차시 심화*/
.hard_css073_03 .text_choice_write .t_text:first-child .ans_input:nth-child(3){
    width: 450px;
}

.hard_css073_03 .text_array_write .ans_input {
    width: 1045px;
}

/*6단원 3차시 보충*/
.easy_css085_07 .img_text_ox_choice.temp2 .t_text_box{
    position: relative;
}

.easy_css085_07 .img_text_ox_choice.temp2 .t_text_box p:nth-child(3){
    position: absolute;
    top: 58px;
    left: 240px;
    width: max-content;
}

.easy_css085_07 .img_text_ox_choice.temp2 .t_text_box p:nth-child(4){
    margin-left: 105px;
}

/*6단원 3차시 기본*/
.basic_css085_07 .text_img_choice.temp2 .q_text p:nth-child(3){
    position: absolute;
    top: 247px;
    left: 324px;
    width: max-content;
}
.basic_css085_07 .text_img_choice.temp2 .q_text p:nth-child(4){
    margin-left: 95px;
}

/*6단원 3차시 심화*/
.hard_css085_07 .img_conversation_choice .text_box p{
    font-size: 42px;
    display: block !important;
}

.hard_css085_07 .img_conversation_choice .choice:nth-child(2) p:nth-child(3){
    position: absolute;
    top: 352px;
    left: 794px;
}

.hard_css085_07 .img_conversation_choice .choice:nth-child(1) p:nth-child(3),
.hard_css085_07 .img_conversation_choice .choice:nth-child(2) p:nth-child(4){
    margin-left: 48px;
    text-indent: 0px;
}

/*6단원 4차시 보충*/
.easy_css087_03 .contents .tab_content:nth-child(4) .droppable{
    width: 230px !important;
}

.easy_css087_03 .contents .tab_content:nth-child(4) .drop_zone .drag_word{
    width: 230px !important;
}

.easy_css087_03 .contents .tab_content:nth-child(5) .droppable{
    width: 260px !important;
}

.easy_css087_03 .contents .tab_content:nth-child(5) .drop_zone .drag_word{
    width: 260px !important;
}

.easy_css087_03 .contents .tab_content:nth-child(6) .drop_zone p{
    font-size: 45px;
    line-height: 50px;
}

.easy_css087_03 .contents .tab_content:nth-child(6) .droppable{
    width: 230px !important;
    height: 55px !important;
}

.easy_css087_03 .contents .tab_content:nth-child(6) .drop_zone .drag_word{
    width: 230px !important;
    height: 55px !important;
}

.easy_css087_03 .contents .tab_content:nth-child(6) .drop_zone p:nth-child(2){
    position: absolute;
    top: 552px;
    left: 230px;
}
.easy_css087_03 .contents .tab_content:nth-child(6) .drop_zone p:nth-child(3){
    position: absolute;
    top: 610px;
    left: 83px;
}
.easy_css087_03 .contents .tab_content:nth-child(6) .drop_zone p:nth-child(4){
    margin-top: 70px;
}
.easy_css087_03 .contents .tab_content:nth-child(6) .drop_zone p:nth-child(5){
    position: absolute;
    top: 674px;
    left: 250px;
}

/*6단원 4차시 기본*/
.basic_css087_03 .contents .tab_content:nth-child(4).text_choice_write .ans_input {
    width: 300px;
}

.basic_css087_03 .contents .tab_content:nth-child(5).text_choice_write .ans_input {
    width: 466px;
}

.basic_css087_03 .text_write .q_box{
    position: relative;
    top: -5px;
    height: 430px;
}

.basic_css087_03 .text_write .q_box p {
    line-height: 70px;
}

.basic_css087_03 .text_write .q_box p:nth-child(3){
    position: absolute;
    top: 69px;
    left: 280px;
}
.basic_css087_03 .text_write .q_box p:nth-child(4){
    margin-left: 105px;
}
.basic_css087_03 .text_write .q_box p:nth-child(6){
    position: absolute;
    top: 210px;
    left: 430px;
}
.basic_css087_03 .text_write .q_box p:nth-child(8){
    margin-left: 105px;
}

/*6단원 4차시 심화*/
.hard_css087_03 .text_choice_write .ans_input{
    width: 330px;
}

.hard_css087_03 .img_write_text .text_zone p{
    font-size: 45px;
    line-height: 60px;
    text-indent: -50px;
    margin-left: 50px;
}

.hard_css087_03 .img_write_text .text_zone p:nth-child(3){
    position: absolute;
    top: 549px;
    left: 282px;
}

.hard_css087_03 .img_write_text .text_zone p:nth-child(4){
    margin-left: 100px;
}

.hard_css087_03 .text_array_write .q_box{
    height: 490px;
}

.hard_css087_03 .text_array_write .ans_input{
    width: 1040px;
    font-size: 40px;
    line-height: 60px;
}

.hard_css087_03 .text_array_write .q_box p {
    font-size: 42px;
    line-height: 65px;
}

.hard_css087_03 .text_array_write .q_box .t_text:nth-child(3),
.hard_css087_03 .text_array_write .q_box .t_text:nth-child(4){
    text-indent: -45px;
    margin-left: 45px;
}

.hard_css087_03 .text_array_write .q_box p:nth-child(4){
    position: absolute;
    top: 382px;
    left: 284px;
}
.hard_css087_03 .text_array_write .q_box p:nth-child(5){
    margin-left: 48px;
}
.hard_css087_03 .text_array_write .q_box p:nth-child(7){
    margin-left: 50px;
}
.hard_css087_03 .text_array_write .q_box p:nth-child(8){
    position: absolute;
    top: 579px;
    left: 719px;
}

/*7단원 3차시 보충*/
.easy_css103_07 .img_text_ox_choice .q_text p{
    font-size: 55px;
}

/*7단원 3차시 기본*/
.basic_css103_07 .text_img_choice.temp2 .q_text p {
    text-align: center;
    margin-left: 0;
    text-indent: 0;
}

.basic_css103_07 .contents .tab_content:nth-child(6) .q_text p {
    text-align: left;
}

/*7단원 3차시 심화*/
.hard_css103_07 .line_connect .line_container .img_wrap {
    gap: 80px;
    top: 50%;
}

.hard_css103_07 .line_connect .line_container .img_box p {
    line-height: 55px;
}

.hard_css103_07 .img_conversation_choice .text_box p{
    width: 590px;
}

/*7단원 4차시 보충*/
.easy_css105_03 .drag_drop .droppable{
    width: 215px;
}

.easy_css105_03 .drag_drop .drop_zone .drag_word{
    width: 215px !important;
}

.easy_css105_03 .tab_content:nth-child(6) .drop_zone p{
    line-height: 80px;
}
.easy_css105_03 .tab_content:nth-child(6) .drop_zone .drag_word{
    line-height: 60px;
}

/*7단원 4차시 기본*/
.basic_css105_03 .contents .tab_content:nth-child(5).text_choice_write .text_zone p {
    font-size: 47px;
}

.basic_css105_03 .contents .tab_content:nth-child(5).text_choice_write .ans_input {
    font-size: 47px;
}

.basic_css105_03 .contents .tab_content:nth-child(5).text_choice_write .ans_input {
    width: 470px;
}

/*7단원 4차시 심화*/
.hard_css105_03 .text_choice_write .t_text:first-child .ans_input:nth-child(1) {
    width: 315px;
}

.hard_css105_03 .text_choice_write .t_text:last-child .ans_input:last-child {
    width: 315px;
}

.hard_css105_03 .img_write_text .text_zone p {
    letter-spacing: -1px;
}

.hard_css105_03 .text_array_write .q_box .array_txt {
    word-spacing: 90px;
}

/*8단원 3차시 보충*/
.easy_css117_09 .img_text_ox_choice.temp2 .t_text_box p:nth-child(4){
    position: absolute;
    top: 378px;
    left: 470px;
    width: max-content;
}

/*8단원 3차시 기본*/
.basic_css117_09 .text_img_choice.temp2 .q_text p:nth-child(3){
    position: absolute;
    top: 304px;
    left: 426px;
    width: max-content;
}

/*8단원 3차시 심화*/
.hard_css117_09  .line_connect .line_container .img_box p{
    line-height: 60px;
    margin: 21px 0px;
    width: 520px;
}

.hard_css117_09 .img_conversation_choice .choice:nth-child(1) .text_box p:nth-child(3) {
    position: absolute;
    top: 165px;
    left: 587px;
    text-indent: 329px;
}

.hard_css117_09 .img_conversation_choice .choice:nth-child(2){
    margin-top: 50px;
}

/*8단원 4차시 보충*/
.easy_css119_03 .contents .tab_content:nth-child(4) .droppable{
    width: 230px !important;
}

.easy_css119_03 .contents .tab_content:nth-child(4) .drop_zone .drag_word{
    width: 230px !important;
}

.easy_css119_03 .contents .tab_content:nth-child(6) .drop_zone p{
    font-size: 42px;
}

.easy_css119_03 .contents .tab_content:nth-child(6) .drop_zone p:nth-child(1){
    position: relative;
    top: -10px;
}
.easy_css119_03 .contents .tab_content:nth-child(6) .drop_zone p:nth-child(3){
    position: relative;
    top: 5px;
}

.easy_css119_03 .tab_content:nth-child(6) .drop_zone p:nth-child(4){
    position: absolute;
    top: 676px;
    left: 383px;
}


/*8단원 4차시 기본*/
.basic_css119_03 .contents .tab_content:nth-child(5) .ans_input{
    width: 400px;
}

.basic_css119_03 .text_write .q_box p:nth-child(4){
    margin-left: 107px;
}

/*8단원 4차시 심화*/
.hard_css119_03 .text_choice_write .ans_input{
    width: 335px;
}

.hard_css119_03 .text_array_write .ans_input {
    width: 380px;
}

.hard_css119_03 .text_array_write .q_box p:nth-child(5){
    margin-left: 60px;
}

/*9단원 3차시 보충*/
.easy_css131_09 .img_text_ox_choice.temp2 .t_text_box p:nth-child(3){
    margin-left: 105px;
}

/*9단원 3차시 기본*/
.basic_css131_09 .text_img_choice.temp2 .q_text p:nth-child(3){
    margin-left: 95px;
}

.basic_css131_09  .text_img_choice.temp2 .q_text p{
    width: 95%;
}

/*9단원 3차시 심화*/
.hard_css131_09  .text_img_choice.temp2 .q_text p:nth-child(3){
    margin-left: 95px;
}

.hard_css131_09 .img_conversation_choice .choice:nth-child(2) .text_box p:nth-child(3){
    margin-left: 100px;
}

/*9단원 4차시 보충*/
.easy_css133_03 .contents .tab_content:nth-child(6) .drop_zone p{
    font-size: 42px;
}

.easy_css133_03 .contents .tab_content:nth-child(6) .drop_zone p:nth-child(1){
    position: relative;
    top: -10px;
}
.easy_css133_03 .contents .tab_content:nth-child(6) .drop_zone p:nth-child(3){
    position: relative;
    top: 8px;
}

.easy_css133_03 .contents .tab_content:nth-child(6) .drop_zone p.t_text:last-child{
    margin-left: 150px;
}

.easy_css133_03 .contents .tab_content:nth-child(6) .btn_a{
    bottom: 77px;  
}

/*9단원 4차시 기본*/
.basic_css133_03 .text_write .q_box p {
    line-height: 75px;
    text-indent: -56px;
    margin-left: 56px;
}

.basic_css133_03 .text_write .q_box{
    height: 420px;
}

.basic_css133_03 .contents .tab_content:nth-child(5) .text_zone p{
    font-size: 45px !important;
    line-height: 70px;
}

.basic_css133_03 .contents .tab_content:nth-child(5) .text_zone p:nth-child(3){
    margin-left: 105px;
}

.basic_css133_03 .contents .tab_content:nth-child(5) .ans_input{
    width: 550px;
    font-size: 45px !important;
}

.basic_css133_03 .text_write .q_box p:nth-child(3),
.basic_css133_03 .text_write .q_box p:nth-child(6){
    margin-left: 113px;
}

/*9단원 4차시 심화*/
.hard_css133_03 .contents .tab_content:nth-child(4) .t_text .ans_input:last-child{
    width: 400px;
}

.hard_css133_03 .contents .tab_content:nth-child(5) .ans_input{
    width: 600px;
}

.hard_css133_03 .contents .tab_content:nth-child(5) .text_zone p:nth-child(2){
    letter-spacing: -1px;
}
.hard_css133_03 .contents .tab_content:nth-child(5) .text_zone p:nth-child(3){
    margin-left: 98px;
}

.hard_css133_03 .contents .tab_content:nth-child(6).text_array_write .ans_input{
    margin-left: 50px;
    width: 1050px;
}

/* 10단원 3차시 기본 */
.basic_css147_09 .text_img_choice.temp2 .q_text p{
    text-align: center;
    text-indent: 0;
    margin-left: 0;
}

.basic_css147_09 .contents .tab_content:nth-child(6).text_img_choice.temp2 .q_text p{
    text-align: left;
}

.basic_css147_09 .text_img_choice.temp2 .q_text p:nth-child(3){
    position: absolute;
    top: 304px;
    left: 612px;
    width: max-content;
}

/* 10단원 3차시 심화 */
.hard_css147_09 .text_img_choice.temp2 .q_text p:nth-of-type(3){
    margin-left: 92px;
}

.hard_css147_09 .img_conversation_choice .text_box p {
    font-size: 42px;
    width: 600px;
}

/* 10단원 4차시 보충 */
.easy_css149_03 .tab_content:nth-child(6) .drop_zone p{
    line-height: 80px;
}
.easy_css149_03 .tab_content:nth-child(6) .drop_zone .drag_word{
    line-height: 60px;
}

/* 10단원 4차시 기본 */
.basic_css149_03 .contents .tab_content:nth-child(5) .text_zone p:nth-child(3){
    margin-left: 110px;
}

/* 10단원 4차시 심화 */
.easy_css149_03 .contents .tab_content:nth-child(5) .droppable,
.easy_css149_03 .contents .tab_content:nth-child(6) .droppable{
    width: 270px;
}

.easy_css149_03 .contents .tab_content:nth-child(5) .drop_zone .drag_word,
.easy_css149_03 .contents .tab_content:nth-child(6) .drop_zone .drag_word{
    width: 270px !important;
}

.hard_css149_03 .contents .tab_content:nth-child(5).img_write_text .text_zone .t_text:last-child{
    margin-left: 100px !important;
}

.hard_css149_03 .contents .tab_content:nth-child(6).text_array_write .ans_input{
    width: 1040px;
}

/*11단원 3차시 보충*/
.easy_css161_09 .img_text_ox_choice.temp2 .q_text{
    height: 150px;
}

.easy_css161_09 .img_text_ox_choice.temp2 .q_text p{
    font-size: 60px;
    line-height: 75px;
}

.easy_css161_09 .img_text_ox_choice.temp2 .t_text_box p:nth-child(2){
   position: absolute;
   top: 273px;
   left: 560px;
   width: max-content;
}

/* 11단원 3차시 기본 */
.basic_css161_09 .text_img_choice.temp2 .q_text p:nth-child(4){
    position: absolute;
    top: 331px;
    left: 669px;
    width: max-content;
}

/* 11단원 3차시 심화 */
.hard_css161_09 .tab_content.img_conversation_choice .q_wrap{
    left: -20px;
}

.hard_css161_09 .img_conversation_choice .text_box p{
    width: 600px;
}

.hard_css161_09 .text_img_choice .q_text .t_text_box{
    width: 100%;
    padding-left: 120px;
}

.hard_css161_09 .text_img_choice .q_text p:nth-child(2){
    position: absolute;
    top: 213px;
    left: 512px;
}

.hard_css161_09 .img_conversation_choice .text_box p:nth-child(4){
    margin-left: 103px;
}

/* 11단원 4차시 보충 */
.easy_css163_03 .contents .tab_content:nth-child(4).drag_drop .droppable,
.easy_css163_03 .contents .tab_content:nth-child(5).drag_drop .droppable {
    width: 293px;
}

.easy_css163_03 .contents .tab_content:nth-child(4).drag_drop .drop_zone .drag_word,
.easy_css163_03 .contents .tab_content:nth-child(5).drag_drop .drop_zone .drag_word {
    width: 293px !important;
}

.easy_css163_03 .contents .tab_content:nth-child(6).drag_drop .droppable {
    width: 200px;
}

.easy_css163_03 .contents .tab_content:nth-child(6).drag_drop .drop_zone .drag_word {
    width: 200px !important;
}

.easy_css163_03 .contents .tab_content:nth-child(6) .drop_zone p:nth-child(2){
    position: absolute;
    top: 552px;
    left: 320px;
}

.easy_css163_03 .tab_content:nth-child(6) .drop_zone p{
    line-height: 80px;
}
.easy_css163_03 .tab_content:nth-child(6) .drop_zone .drag_word{
    line-height: 60px;
}

/*11단원 4차시 기본*/
.basic_css163_03 .text_choice_write .ans_input {
    width: 250px;
}

.basic_css163_03 .contents .tab_content:nth-child(5) .ans_input {
    width: 452px;
    margin-left: 60px;
}

.basic_css163_03 .tab_content:nth-child(5) .text_zone p:nth-child(2){
    position: absolute;
    top: 517px;
    left: 480px;
}

/* 11단원 4차시 심화 */
.hard_css163_03 .text_choice_write .ans_input{
    width: 330px;
}

.hard_css163_03 .text_array_write .ans_input{
    margin-left: 55px;
    width: 1030px;
}

.hard_css163_03 .text_array_write .q_box{
    height: 475px;
}

.hard_css163_03 .img_write_text.temp2 .text_zone p:nth-child(4){
    position: absolute;
    top: 602px;
    left: 737px;
}

/*12단원 3차시 보충*/
.easy_css175_09 .img_text_ox_choice.temp2 .q_text{
    height: 150px;
}

.easy_css175_09 .img_text_ox_choice.temp2 .q_text p{
    font-size: 60px;
    line-height: 75px;
}

.easy_css175_09 .img_text_ox_choice.temp2 .t_text_box p:nth-child(3){
   position: absolute;
   top: 350px;
   left: 300px;
   width: max-content;
}

/* 12단원 3차시 기본 */
.basic_css175_09 .text_img_choice:nth-child(6) .q_text p:nth-child(3){
    position: absolute;
    top: 291px;
    left: 299px;
    width: max-content;
}

/* 12단원 3차시 심화 */
.hard_css175_09 .text_img_choice .q_text p:nth-child(3){
    position: absolute;
    top: 289px;
    left: 490px;
}

.hard_css175_09 .img_conversation_choice .choice:nth-child(2) .text_box p:nth-child(3){
    position: absolute;
    top: 440px;
    left: 590px;
    text-indent: 125px;
}

/* 12단원 4차시 보충 */
.easy_css177_03 .drag_drop .drop_zone .drag_word{
    width: 200px !important;
}

.easy_css177_03 .drag_drop .droppable{
    width: 200px;
}

.easy_css177_03 .tab_content:nth-child(6) .drop_zone p:nth-child(3){
    position: absolute;
    top: 636px;
    left: 230px;
}

.easy_css177_03 .tab_content:nth-child(6) .drop_zone p{
    line-height: 80px;
}
.easy_css177_03 .tab_content:nth-child(6) .drop_zone .drag_word{
    line-height: 60px;
}

/* 12단원 4차시 기본 */
.basic_css177_03 .contents .tab_content:nth-child(5).text_choice_write .ans_input{
    width: 650px;
} 

.basic_css177_03 .tab_content:nth-child(4) .text_zone p:nth-child(3){
    position: absolute;
    top: 637px;
    left: 255px;
}

.basic_css177_03 .tab_content:nth-child(5) .text_zone p:nth-child(3){
    position: absolute;
    top: 637px;
    left: 255px;
}

/* 12단원 4차시 심화 */
.hard_css177_03 .text_choice_write .ans_input{
    width: 290px;
}

.hard_css177_03 .img_write_text .ans_input{
    width: 600px;
}

.hard_css177_03 .text_choice_write .text_zone p:nth-child(3){
    position: absolute;
    top: 637px;
    left: 260px;
}

.hard_css177_03 .img_write_text .text_zone p:nth-child(3){
    position: absolute;
    top: 612px;
    left: 258px;
}

/* 이미지 확대 */
.btn_zoom{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    cursor: pointer;
}

.zoom_pop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 20;
}

.zoom_pop .zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 730px;
    border-radius: 30px;
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 6px solid #DEF1EF;
}

.zoom_pop .zoom .zoom_img {
    width: auto;
    height: 100%;
    display: block;
    border-radius: 20px;
}

.btn_lpopClose {
    background: url(../images/icon_close.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 65px;
    height: 65px;
    cursor: pointer;
    border: none;
}

/**/
.img_text_ox_choice.temp2 .q_text{
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
}

.img_text_ox_choice.temp2 .q_text p{
    width: 1080px;
    text-indent: -52px;
    margin-left: 52px;
}

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 20px;
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #dddddd;
    border-radius: 20px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 20px;
    background-color: transparent;
}

.btn_a {
    background: url(../images/btn_see.png) no-repeat;
    width: 250px;
    height: 82px;
    border: none;
    position: absolute;
    bottom: 87px;
    left: 45px;
    background-size: contain;
    cursor: pointer;
    z-index: 10;
}
.btn_a.retry {
    background: url(../images/btn_re.png) no-repeat;
    width: 250px;
    height: 82px;
    border: none;
    position: absolute;
    bottom: 87px;
    left: 45px;
    background-size: contain;
}
.tab_content .btn_answer.retry {
    background: url(../images/btn_re.png) no-repeat;
    width: 226px;
    height: 82px;
    border: none;
    position: absolute;
    bottom: 87px;
    right: 45px;
    left: auto;
    background-size: contain;
}

.tab .tab_item{
    cursor: pointer;
}

input {
    box-sizing: border-box !important;
}