/*------------------------------------------------small pc size-------------------------------------------------------------*/ @media screen and (max-width:1499px){ /* 콩영어 소개 */ .about-content05 .point-slide .slick-prev{left: 30px;} .about-content05 .point-slide .slick-next{right: 30px;} } @media screen and (min-width:1201px) and (max-width:1500px){ } @media screen and (max-width:1399px){ .item_slide .slick-prev, .review-slide .slick-prev{left: -70px} .item_slide .slick-next, .review-slide .slick-next{right: -70px} } @media screen and (max-width:1299px){ /* 메인 */ .main-slide .slick-prev{display: none!important;} .main-slide .slick-next{display: none!important;} .item_slide.slick-dotted.slick-slider{padding-top: 80px} .item_slide .slick-prev, .review-slide .slick-prev{top: 0;left:calc(100% - 140px);transform: translate(0,0);} .item_slide .slick-next, .review-slide .slick-next{top: 0;right: 0;transform: translate(0,0);} .tutor-slide{margin-top: 30px;padding-top: 30px;padding-left: 0;padding-right: 0} .tutor-slide .slick-prev, .tutor-slide .slick-next{transform: translate(0,0);} .tutor-slide .slick-prev{top: 0;left:calc(100% - 110px);transform: translate(0,0);} .tutor-slide .slick-next{top: 0;right: 0;transform: translate(0,0);} .review-slide{padding-top: 80px} aside{display: none;} .main-popup{top: 50%!important;left: 50%!important;width: calc(100% - 30px);transform: translate(-50%,-50%);} } @media screen and (max-width:1199px) { /* common */ .container {width: 970px;} /* 메인 */ .main-content01 .container:first-child ul li:first-child{width: calc(100% - 400px);} .main-content01 .container:first-child ul li:last-child{width: 400px;height: auto;padding-right: 0} .main-content01 .container:first-child p br{display: none;} .main-content01 .main-slide .item04 img{margin-top: 110px;} .main-content01 .container:last-child ul{padding-left: 0;padding-right: 0} .main-content01 .main-slide .slick-dots{width: 940px;margin-left: -470px} .main-content03 ul li{width: calc((100% - 40px) / 3);} .main-content03 ul li:nth-child(3n),.main-content03 ul li:nth-child(6n){margin-right: 0} .main-content03 ul li:nth-child(4n){margin-right: 20px} .main-content03 ul li .img-wrap{padding-left: 80px;padding-right: 80px} .main-content03 ul li h4{height: 52px;} .main-content05 .item_slide .item .wrap{height: 293px;} .main-content07 ul li:first-child{width: calc(100% - 500px);} .main-content07 ul li:last-child{width: 500px;} .main-content08 .item{padding-left: 20px;padding-right: 20px} /* 메인-로그인 */ .main-content02-login .left .img-wrap{width: 400px;} .main-content02-login .left .text-wrap{width: calc(100% - 400px);padding: 12px 20px} .main-content04-login .left{width: 500px;padding-left: 15px;padding-right: 15px;} .main-content04-login .left .text-wrap{width: 200px;} .main-content04-login .left .teacher-slide{width: calc(100% - 200px);} .main-content04-login .left h3{font-size: 20px;} .main-content04-login .right{width: calc(100% - 500px);} .main-content04-login .right .wrap{padding: 60px 15px} /* header */ .header-sub-menu .container > div.program > ul > li{margin-right: 30px;} /* 콩영어소개 */ .register-box{max-width: 940px;} .about-content05{padding-top: 50px} .about-content06{padding-top: 50px;padding-bottom: 50px } .about-content06 div{margin-top: 50px} .about-content07{padding-top: 50px;padding-bottom: 50px} /* AI 딕테이션 */ .guide-banner.ai-banner h3{font-size: 48px} .guide-banner.ai-banner p{font-size: 18px} .guide-banner.ai-banner .right{bottom:30px} /* 레벨테스트-레벨테스트 안내 */ .level01-content02 .level-slide{width: 800px;} /* 교육프로그램 */ .program02-content02 .program-list{padding-left: 15px;padding-right: 15px} /* 커뮤니티-영작클리닉 */ .quiz-content01 .quiz-wrap .quiz-question .input-content{padding-left: 30px;padding-right: 30px;} /* 마이페이지 */ .mypage-wrap .mypage-sub-menu li a{width: 130px;} } @media screen and (max-width:991px) { /* common */ .container {width: 750px;} .hidden-sm{display: none!important;} .visible-sm{display: block!important;} .pt100{padding-top: 50px!important;} .pb100{padding-bottom: 50px!important;} /* footer */ footer{padding: 25px 0;text-align: center;} footer ul li{width: 100%;} footer .footer-logo{display: inline-block;padding-left: 45px;text-align: left;} footer .footer-logo p{font-size: 10px;} footer .footer-logo h2{font-size: 16px;} footer .sns{margin-top: 15px!important;} footer .sns a img{width: 20px;} footer ul li:last-child{margin-top: 20px;font-size: 0;} footer ul li:last-child a{display: inline-block;margin-right: 10px;font-size: 12px;} footer ul li:last-child a:last-child{margin-right: 0;} footer .visible-sm{margin-top: 15px;padding: 13px 0;border-radius: 5px;border: solid 0.5px #fff;} footer .visible-sm *{font-size: 12px;color: #fff} /* 메인 */ .main-content01 .container:first-child ul li:first-child{width: calc(100% - 300px);} .main-content01 .container:first-child ul li:last-child{width: 300px;} .main-content01 .main-slide .item h2{font-size: 36px;} .main-content01 .main-slide .item01 img{margin-top: 50px;} .main-content01 .main-slide .item04 img{margin-top: 175px;} .main-content01 .main-slide .slick-dots{width: 720px;margin-left: -360px} .main-content02 h2,.main-content03 h2,.main-content04 h3,.main-content04 h3 strong,.main-content05 h3,.main-content05 h3 strong,.main-content06 h3,.main-content07 ul li h3,.main-content09 h4{font-size: 32px} .main-content03 ul li{width: calc((100% - 20px) / 2);} .main-content03 ul li:nth-child(even){margin-right: 0!important} .main-content03 ul li:nth-child(odd){margin-right: 20px!important} .main-content03 ul li .img-wrap{padding-left: 120px;padding-right: 120px} .main-content04 ul li,.main-content04 ul li:last-child{width: 100%;} .main-content04 ul li:first-child{text-align: center;} .main-content04 ul li:last-child{margin-top: 30px;padding-left: 0} .main-content04 h3 br,.main-content04 p br{display: none;} .main-content05:after{height: 700px;} .main-content05 h3 br,.main-content05 p br{display: none;} .main-content05 .item_slide .item .wrap{height: 220px;} .item_slide .slick-dots{bottom: -50px} .main-content07 ul li:first-child,.main-content07 ul li:last-child{width: 100%;} .main-content07 ul li:last-child{margin-top: 50px} .main-content07 ul li h3 br,.main-content07 ul li p br{display: none;} .main-content08 .item{padding: 40px} /* 메인-로그인 */ .main-content01 .container.main-tab.login ul li{width: 20%;margin-right: 0;} .main-content01 .container.main-tab h3{font-size: 14px;} .main-content02-login .left{width: 100%;} .main-content02-login .left .img-wrap{width: 100%;background-image: none!important;} .main-content02-login .left .text-wrap{width: 100%;padding: 20px 15px;border-bottom-right-radius: 0;border-top-right-radius: 0;border-left: solid 1px #d3deff;} .main-content02-login .left .text-wrap a{display: inline-block;width: 115px;height: 40px;margin-left: auto;margin-right: auto;border-radius: 30px;background-color: #52e5dd;font-weight: 700;color: #fff;text-align: center;line-height: 40px;} .main-content02-login .right{display: none;} .main-content03-login .content > ul > li > ul > li{width: calc((100% - 30px) / 2);margin-right: 30px;} .main-content03-login .content > ul > li > ul > li:nth-child(5n){margin-right: 30px;} .main-content03-login .content > ul > li > ul > li:nth-child(even),.main-content03-login .content > ul > li > ul > li:nth-child(10n){margin-right: 0;} .main-content03-login .content > ul > li > ul > li:nth-child(n+3){margin-top: 30px;} .main-content04-login .left,.main-content04-login .right{width: 100%;} .main-content04-login .left .text-wrap{width: 300px;} .main-content04-login .left .teacher-slide{width: calc(100% - 300px);} .main-content04-login .right{margin-top: 30px;padding-left: 0;} .main-content04-login .right .text-wrap .text-center{text-align: left!important;} /* 회원가입 */ .register02-content01 .register-form h3,.register02-content01 .register-wrap{padding-left: 30px;padding-right: 30px} /* 콩영어 소개 */ .register-box{max-width: 720px;} .about-content01 ul{padding-left: 0;padding-right: 0} .about-content01 h2{font-size: 42px} .about-content01 p{font-size: 18px} .about-content06{padding-top: 30px} /* 콩영어-이용가이드 */ .guide-banner .right{width: 400px;} .guide-content01 .guide-step li{width: calc((100% - 10px) / 2);margin-right: 10px;} .guide-content01 .guide-step li:nth-child(even){margin-right: 0;} .guide-content01 .guide-step li:nth-child(n+3){margin-top: 10px;} /* 콩영어-강사진소개 */ .teacher-banner .left{width: calc(100% - 300px);} .teacher-banner .right{width: 300px;} .teacher-banner h3{font-size: 32px;} .teacher-banner p{font-size: 18px;} .teacher01-content01 .teacher-list{padding-left: 0;padding-right: 0;} /* 콩영어-강사진소개 뷰 */ .teacher01-view-content01 .teacher-view,.teacher01-view-content01 .teacher-content .content-box{padding-left: 15px;padding-right: 15px;} /* AI 딕테이션 */ .guide-banner.ai-banner .right{position: relative;bottom:0;width: 100%;margin-top: 10px} .guide-banner.ai-banner .right img{margin-left: auto;margin-right: auto} /* 전화/화상영어-전화영어 */ .tel01-content01 h3{font-size: 32px;} .tel01-content01 h3 strong{font-size: 40px} .tel01-content01 p{font-size: 20px;} .tel01-content01 .container{background-size: 300px;} .tel01-content02 .img-wrap{width: 100%;} .tel01-content03 ul li{margin-right: 50px;} /* 전화/화상영어-화상영어 */ .video01-content01 .container{background-size: 250px;} .video01-content01 h3{font-size: 32px;} .video01-content01 .container:before, .video01-content01 .container:after{font-size: 90px;} .video01-content01 .container:before{bottom: 10px} .video01-content01 .container:after{top: -35px} .video01-content01 .video-tab a{width: calc(100% / 3);margin-left: -1px;margin-right: 0;} .video-sub-tab a{width: 50%;} /* 전화/화상영어-정상설치테스트 */ .video02-content01 .wrap{padding: 30px} .video02-content01 .wrap li{margin-right: 20px;} /* 레벨테스트-레벨테스트 안내 */ .level-banner .container:before, .level-banner .container:after{font-size: 65px} .level-banner .container:before{top: 90px} .level-banner .container:after{bottom: 30px} .level-banner .test-tab a{width: calc((100% - 8px) / 3);margin-left: -1px} .level01-content01 .wrap{padding-left: 0;padding-right: 0} .level01-content01 strong{width: calc(100% - 100px);} .level01-content01 strong br{display: none;} .level01-content02 ul li{margin-right: 40px} .level01-content02 .level-slide{width: 100%;padding: 30px 45px} .level01-content02 ul li:after{right: -31px;width: 24px;height: 24px;margin-top: -12px} .level01-content02 .level-slide .item div:first-child{width: 250px;} .level01-content02 .level-slide .item div:first-child + div{width: calc(100% - 250px);padding-top: 0;padding-left: 25px} .level01-content02 .level-slide .item h3{font-size: 18px} .level01-content02 .slick-prev, .level01-content02 .slick-next{width: 35px;height: 35px;margin-top: -17.5px;background-size: 8px;} .level01-content02 .slick-prev{left: 5px} .level01-content02 .slick-next{right: 5px} /* 레벨테스트-레벨테스트 신청 */ .level02-content01 .eng-level li{width: 25%;margin-right: 0;padding: 20px 30px;border-radius: 0;border-left-color:transparent;} .level02-content01 .eng-level li:after{border-radius: 0;} .level02-content01 .eng-level li:nth-child(4n+1){border-left-color: #ddd} .level02-content01 .eng-level li:nth-child(n+5){border-top: none} .level02-content01 .radio-box{margin-left: 0;margin-right: 0;padding: 30px 15px} .level02-content01 .radio-box input[type="radio"] + label{width: 25%;margin-top: 10px;margin-bottom: 10px;margin-right: 0;text-align: left;} .level02-content01 .input-box{padding: 50px 30px} /* 레벨테스트-레벨테스트 결과확인 */ .level03-view-content01 .level-score{padding: 30px 15px} .level03-view-content01 .test-evaluation .left{width: 100%;} .level03-view-content01 .test-evaluation .right{width: 100%;margin-top: 10px;margin-left: 0} .level03-view-content01 .level-score .score-text h3,.level03-view-content01 .level-score .score-text ul{width: 100%;} .level03-view-content01 .level-score .score-text ul{margin-top: 15px} .level03-view-content01 .level-score .score-number{margin-left: 0} .level03-view-content01 .level-score .score-table h4,.level03-view-content01 .level-score .score-table ul{width: 100%;} .level03-view-content01 .level-score .score-table ul li:first-child{border-left: 1px solid #e3e3e3} .level03-view-content01 .sector-score .score-table > li{padding: 30px 15px} .level03-view-content01 .sector-score .score-table h4,.level03-view-content01 .sector-score .score-table > li > div{width: 100%;} .level03-view-content01 .sector-score .score-table > li > div{margin-top: 30px} /* 교육프로그램 */ .program01-content01 .container{background-size: 350px;} .program01-content01 h4{font-size: 24px;} .program01-content01 h3{font-size: 40px;} .program01-content01 p{font-size: 18px;} .program01-content03 ul{margin-left: -15px;margin-right: -15px} .program01-content03 ul li.text div{font-size: 13px;} .program01-content03 ul li div{font-size: 12px;} .program02-content01 ul{padding: 0} .program02-content01 ul li:first-child{width: 100%;padding-right: 0} .program02-content01 ul li:first-child + li{width: 100%;max-width: 400px;margin-top: 50px} .program02-content01 .bg-wrap{display: none;} .program02-content02 .program-list li{width: calc((100% - 30px) / 2);margin-right: 30px} .program02-content02 .program-list li:nth-child(even){margin-right: 0} .program02-content02 .program-list li:nth-child(3n){margin-right: 30px} .program02-content02 .program-list li:nth-child(6n){margin-right: 0} .program02-content02 .program-list li .img-wrap{height: 340px;} .program02-content02 .program-list li h3{margin-top: 15px} /* 수강신청-전화영어 과정 */ .register-class-content01 .tab li,.register-class-content01 .sub-tab li{width: 25%;margin-right: 0!important;border-radius: 0;border-left-color: transparent;} .register-class-content01 .tab li:first-child,.register-class-content01 .sub-tab li:first-child{border-left-color: #cbcbcb} .register-class-content01 .tab li.on,.register-class-content01 .sub-tab li.on{border-color: #23b1a9!important} .register-class-content01 .class-wrap li{padding: 15px} .register-class-content01 .class-wrap li h5{width: 100px;} .register-class-content01 .class-wrap li .btn-box{width: calc(100% - 100px);} .register-class-content01 .class-wrap li h6{font-size: 20px;} /* 수강신청-결제하기 */ .payment-content01 ul{border-bottom: none} .payment-content01 ul li.title,.payment-content01 ul li,.payment-content01.payment-content01.payment-card-content01 ul li.full{width: 50%;} .payment-content01 ul li{border-bottom: 1px solid #d8d8d8;} .payment-content01 ul li.title,.payment-content01 ul li{font-size: 14px;} .payment-content01 ul.calendar-wrap li.title,.payment-content01 ul.calendar-wrap li{width: 100%;text-align: center;} .payment-content01 ul.etc-wrap li.full{width: 50%;} .payment-content01 .coupon-wrap .left p{text-align: left;} .payment-content01 ul.member-wrap li,.payment-content01 ul.tel-wrap li{height: 55px;padding-top: 0;padding-bottom: 0;line-height: 55px;} .payment-content01 ul.etc-wrap li{height: 100px;padding-top: 0;padding-bottom: 0;line-height: 100px;} .payment-content01 ul li input[type="text"], .payment-content01 table input[type="text"]{width: 100%;height: 30px;font-size: 14px;} .payment-content01 ul li input[type="text"].hopedate{margin-bottom: 10px;} .payment-content01 ul li select{height: 30px;font-size: 14px;} .payment-content01 ul li textarea{vertical-align: middle;} .payment-content01 ul li.total-price{width: 50%;font-size: 14px;font-weight: 700;} .payment-content01 ul.price-wrap li input[type="text"]{width: calc(100% - 20px);} .payment-content01 ul li input[type="text"] + span{margin-left: 5px;font-size: 14px;} /* 고객센터-실시간 상담문의 */ .support02-content01 .notice-wrap{margin-top: 0!important;} /* 고객센터-FAQ */ .support03-content01 .faq-tab li{margin-right: 20px;} /* 고객센터-기업/단체 문의 */ .partner-content01 .left,.partner-content01 .right{width: 100%;} .partner-content02 ul{padding-left: 0;} /* 커뮤니티 */ .board-right{width: 100%;padding-left: 0} /* 커뮤니티 뷰 */ .board-view .title li:first-child,.board-view .title li:last-child{width: 100%;} .board-view .title li:last-child{margin-top: 10px} .board-view .contents{padding-left: 0;padding-right: 0} /* 커뮤니티-BEST 수강후기 */ .board-wrap .best-list{padding: 0} /* 마이페이지-나의강의실 */ .mypage-wrap{border: none} .mypage-wrap .mypage-sub-menu{margin-top: 0;} .mypage-wrap .side-menu{display: none;} .mypage-wrap .content-wrap{width: 100%;padding: 0;} .broad-wrap{display: none;} .myclass01-content01 .list-tab li a, .myclass01-content01-view .list-tab li a{width: 130px;height: auto;padding: 8px 15px;line-height: 1;font-size: 14px;font-weight: 300;color: #434242} .myclass01-content01 .list-tab li.on a, .myclass01-content01-view .list-tab li.on a{background-color: #fff;border-color: #4dcac2;color: #4dcac2} .myclass01-content01 .list-content > li{padding: 25px 15px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);border: solid 1px #e6dfdf;background-color: #fff;} .myclass01-content01 .list-content > li .left{width: 100%;padding-right: 0;} .myclass01-content01 .list-content > li .left div{padding-right: 15px;} .myclass01-content01 .list-content > li .left ul li{margin-bottom: 0;padding-left: 20px;line-height: 3;font-size: 10px;} .myclass01-content01 .list-content h3{margin-right: 5px;} .myclass01-content01 .list-content > li .right{display: none;} /* .myclass01-content01 .list-content > li .left .mobile-link{position: absolute;top: 5px;right: 0;display: inline-block;width: 12px;height: 18px;background-image:url(/_inc/images/mypage/icon14.png) ;background-color: #fff;background-repeat: no-repeat;background-position: center center;} */ .myclass01-content01 .list-content > li .left .mobile-link{ position: absolute; top: 0px;right: 0; display: inline-block; width: 80px; height: 18px; display: block; width: 110px; height: 45px; border-radius: 10px; background-color: #ff5757; line-height: 45px; font-size: 14px; font-weight: 700; color: #fff; text-align: center; } .myclass01-content01 .list-content strong.line{margin-left: 0;padding-left: 0;} .myclass01-content01 .list-content strong.line:before{height: 0;} /* 마이페이지-수강/결제내역 */ .payment-modal{width: 100%;height: 100%;max-width: 100%;max-height: 100%;} } @media screen and (min-width:768px) and (max-width:991px) { } /*------------------------------------------------mobile size-------------------------------------------------------------*/ @media screen and (max-width:767px) { /* common */ .container {width: 100%;} .hidden-xs{display: none!important;} .visible-xs{display: block!important;} td.visible-xs{display: table-cell!important;} .broad-wrap h2{font-size: 24px} .broad-wrap .broad{position: relative;margin-top: 5px;text-align: right;} .board-table td.mobile-width{width: 80px;} /* 메인 */ .main-content01{padding-bottom: 70px} .main-content01 .container:first-child ul li:first-child{width: 100%;} .main-content01 .container:first-child ul li:last-child{width: 100%;} .main-content01 .container:first-child h2{font-size: 32px} .main-content01 .container:first-child h2 br{display: none;} .main-content01 .container:first-child ul li:last-child img{max-width: 300px;margin: 20px auto 0} .main-content01 .container:last-child{position: relative;bottom: 0;left: 0;width: calc(100% - 30px);margin-top: 15px;padding-left: 0;padding-right: 0;transform: translateX(0);} .main-content01 .container:last-child ul li{width: 50%;} .main-content01 .container:last-child ul li:nth-child(n+3){margin-top: 30px} .main-content01 .main-slide .item{padding-top: 30px;} .main-content01 .main-slide .slick-dots{display: none!important;} .main-content02{padding-top: 50px;padding-bottom: 50px} .main-content02 .container{margin-top: 0} .main-content02 p br{display: none;} .main-content03{padding-top: 50px;padding-bottom: 50px} .main-content02 h2, .main-content03 h2, .main-content04 h3, .main-content04 h3 strong, .main-content05 h3, .main-content05 h3 strong, .main-content06 h3, .main-content07 ul li h3,.main-content09 h4{font-size: 26px} .main-content03 ul li{width: 100%;} .main-content03 ul li p br{display: none;} .main-content03 ul li .img-wrap{height: auto;padding-top: 50px;padding-left: 0;padding-right: 0;line-height: 1.5;} .main-content03 ul li h3{margin-top: 20px} .main-content03 ul li h4{height: auto;margin-top: 10px;margin-bottom: 20px} .main-content04{padding-top: 50px;padding-bottom: 50px} .main-content05{padding-top: 50px} .main-content06{padding-top: 50px;padding-bottom: 50px} .main-content06 h3{margin-top: 50px!important} .main-content08{padding-bottom: 50px} .main-content09 .left{width: 100%;} /* 메인-로그인 */ .main-content01 .container.main-tab.login ul li{width: 50%;} .main-content01 .container.main-tab.login ul{text-align: left;} .main-content01 .container.main-tab.login h4{padding-left: 15px;} .main-content01-login{padding-top: 0;} .main-content01-login .left{width: 100%;} .main-content01-login .right{width: 100%;margin-top: 50px;} .main-content01-login .right .notice-slide .slick-prev,.main-content01-login .right .notice-slide .slick-next{top: -20px} .main-content01-login .right .notice-slide .slick-prev{left: calc(100% - 70px)} .main-content01-login .right .notice-slide strong{display: none;} .main-content01-login .right .notice-slide span{width: 100%;} .main-content03-login .menu-tab h3.mr80{margin-right: 30px!important;} /* 개인정보처리방침 */ .policy-modal{max-width: calc(100% - 30px);} .policy-modal p{height: 350px;padding-left: 20px;padding-right: 20px;} /* 로그인 */ .login-box{width: calc(100% - 30px);margin-top: 0;margin-left: 0;transform: translate(-50%,-50%);padding: 25px;} .login-box ul li{margin-top: 15px;} .login-box h3{font-size: 18px;} .login-box ul li label{font-size: 16px;} .login-box ul li input{margin-top: 5px;padding: 15px} .login-box ul li a{top: 42px;right: 15px} .login-box .password-find input[type="checkbox"] + label{font-size: 14px;} .login-box .password-find a{font-size: 14px;} .login-box .btn-box a{height: 40px;line-height: 40px;font-size: 16px;} .login-box .register-text span,.login-box .register-text a{font-size: 14px;} .login-close-btn{top: 25px;right: 25px} /* 회원가입 */ .register02-content01 .register-wrap{padding-left: 15px;padding-right: 15px} .register02-content01 .register-form h3{padding-left: 0;padding-right: 0} .register02-content01 .register-tab a{width: calc((100% - 10px) /2);} .register02-content01 .register-content li div:not(".line"){width: 100%!important} .register02-content01 .register-content li div:first-child{width: 100%;margin-bottom: 10px} .register02-content01 .register-content li div:first-child + div{width: 100%;} .register02-content01 .register-content .input-phone .line{width: 10px;margin-left: 5px;margin-right: 5px} .register02-content01 .register-content select,.register02-content01 .register-content .input-phone input{width: calc((100% - 40px) / 3)} .register02-content01 .register-content .input-email input,.register02-content01 .register-content .input-email select{width: calc((100% - 40px) / 3);} .register02-content01 .register-content .input-email a{margin-left: 0;margin-top: 15px} .register02-content01 .register-content.add-info .input-address input:first-child{width: calc(100% - 100px);} .register02-content01 .register-content.add-info .input-address h6{width: 100%;margin-top: 10px;margin-bottom: 10px;padding-left: 0} .register02-content01 .register-content li div span{font-size: 16px} .register02-content01 .register-content input{padding: 0 10px} .register02-content01 .register-content input::placeholder{font-size: 12px} /* 아이디 찾기 */ .modal-box.find-id{width: calc(100% - 30px);margin-left: 0;padding: 30px;transform: translate(-50%,-50%);} .login-find-close-btn{top: 30px;right: 30px} /* 콩영어소개 */ .register-box{max-width: 100%;padding-left: 15px;padding-right: 15px} .about-content01 ul li,.about-content01 ul li:last-child{width: 100%;text-align: center;} .about-content01 ul li:last-child img{margin: 30px auto 0} .about-content03 .img-wrap{padding-left: 0;padding-right: 0;} .about-content03 .img-wrap:before,.about-content03 .img-wrap:after{display: none;} .about-content03 h5{font-size: 16px;} .about-content03 .text-wrap{padding: 30px 15px} .about-content03 .text-wrap h4{font-size: 22px;} .about-content03 .text-wrap p{font-size: 14px;} .about-content04{padding-top: 50px;padding-bottom: 50px;} .about-content04 h2{margin-top: 30px!important;font-size: 28px} .about-content04 h4{font-size: 20px;} .about-content04 .box01, .about-content04 .box02{padding: 30px 15px} .about-content04 .box01{margin-top: 30px!important;} .about-content04 ul li:first-child{width: 100%;} .about-content04 ul li:first-child + li{width: 100%;margin-top: 15px;} .about-content04 p br{display: none;} .about-content04 .box02 ul li{width: 100%;} .about-content04 .box02 ul li img{margin: 0 auto} .about-content04 .box02 ul li:last-child{margin-top: 30px;padding-left: 0;text-align: center;} .about-content05 h2{margin-top: 30px!important;font-size: 28px} .about-content05 .point-slide{margin-top: 30px!important;} .about-content05 .point-slide .slick-prev{display: none!important;} .about-content05 .point-slide .slick-next{display: none!important;} .about-content06 h2{font-size: 50px} .about-content07 h2{font-size: 28px} .about-content07 ul li h4{display: none;} .about-content07 .num{width: 35px;height: 35px;font-size: 24px;line-height: 35px;} .about-content07 .clinic-content{margin-top: 50px!important;} .about-content06 div{margin-top: 50px!important;} .about-content06 div img{display: block;margin: 30px auto 0} .about-content06 div img:first-child + img{margin-top: 30px} /* 콩영어-이용가이드 */ .guide-banner .container{padding: 50px 15px 0} .guide-banner h3{font-size: 48px;} .guide-banner p{font-size: 18px;} .guide-content01 h3{font-size: 20px;} .guide-content01 h4{font-size: 16px} .guide-content01 .text-wrap span, .guide-content01 .text-wrap strong{margin-right: 0;font-size: 60px;} .guide-content01 .text-wrap h5{margin-top: 0;} .guide-banner .right{position: relative;bottom: 0;right: 15px;margin-top: 15px} .guide-content01 .guide-step li{width: 100%;margin-right: 0;} .guide-content01 .guide-step li:nth-child(n+2){margin-top: 10px;} .guide-content01 .video-wrap{padding-left: 0;padding-right: 0;} .guide-content01 .video-wrap ul li{width: 100%;margin-right: 0;} /* 콩영어-강사진소개 */ .teacher-banner .left{width: 100%;} .teacher-banner .right{width: 100%;margin-top: 15px;} .teacher01-content01 .search-box > li:first-child,.teacher01-content01 .search-box > li:first-child + li{width: 100%;} .teacher01-content01 .search-box > li:first-child + li{margin-top: 15px;} .teacher01-content01 .teacher-list li{width: calc((100% - 30px) / 2);margin-right: 30px;} .teacher01-content01 .teacher-list li:nth-child(even){margin-right: 0;} /* 콩영어-강사진소개 뷰 */ .teacher01-view-content01 .teacher-view .left{width: 100%;} .teacher01-view-content01 .teacher-view .right{width: 100%;margin-top: 15px;padding-left: 0;} /* AI 딕테이션 */ .guide-banner.ai-banner h3{font-size: 42px} .guide-banner.ai-banner .right{bottom:0;right: 0} .ai-tab a{width: 200px} /* 전화/화상영어-전화영어 */ .tel01-content01 h3{font-size: 24px;} .tel01-content01 h3 strong{font-size: 28px;} .tel01-content01 p{font-size: 16px;} .tel01-content01 .container{background-image: none;} .tel01-content02 h3{font-size: 24px;} .tel01-content02 ul li{width: 100%;margin-top: 30px;margin-right: 0;} .tel01-content02 ul li:first-child{margin-top: 0;} .tel01-content03 h3{font-size: 24px;} .tel01-content03 ul li{width: 50%;margin-right: 0;} .tel01-content03 ul li:nth-child(n+3){margin-top: 30px;} .tel01-content03 ul li p,.tel01-content03 ul li p strong{font-size: 14px;} /* 전화/화상영어-화상영어 */ .video01-content01 .container{padding-top: 50px;padding-bottom: 80px;background-image: none;} .video01-content01 .container:before, .video01-content01 .container:after{display: none;} .video01-content01 h3{font-size: 27px;} .video01-content01 .video-tab a{font-size: 14px;} .video01-content03 .program-wrap{padding: 35px 15px} .video01-content03 h5{font-size: 20px;} .video01-content03 h6{font-size: 16px;} .video01-content03 .img-wrap div{padding: 30px 15px} /* 전화/화상영어-스카이프영어 */ .video01-content03 .mobile-guide-wrap{padding: 30px 15px} .video01-content03 .mobile-guide-wrap h3{font-size: 20px;} /* 전화/화상영어-정상설치테스트 */ .video02-content01 h3{margin-right:0 ;} .video02-content01 h4{display: block;margin-top: 15px;} .video02-content01 .wrap{padding: 30px 15px} .video02-content01 .wrap li{width: calc((100% - 20px) / 2);} .video02-content01 .wrap li:nth-child(even){margin-right: 0;} .video02-content01 .wrap li:nth-child(n+3){margin-top: 20px;} /* 레벨테스트-레벨테스트 안내 */ .level-banner .container{padding: 60px 0 90px;} .level-banner .container:before,.level-banner .container:after{display: none;} .level-banner h3{font-size: 32px} .level01-content01 h2{font-size: 32px;} .level01-content01 strong{font-size: 16px} .level01-content01 .left,.level01-content01 .right{width: 100%;} .level01-content01 .left{padding-left: 35px;padding-right: 35px} .level01-content01 .right{margin-top: 30px;padding-left: 0} .level01-content02 h3{font-size: 32px} .level01-content02 ul li{width: 100%;margin-bottom: 30px;margin-right: 0;padding: 15px} .level01-content02 ul li h4{height: auto;} .level01-content02 .level-slide{padding: 15px 45px} .level01-content02 .slick-prev, .level01-content02 .slick-next{width: 30px;height: 30px;margin-top: -15px;background-size: 6px;} .level01-content02 .level-slide .item div:first-child{width: 100%;} .level01-content02 .level-slide .item div:first-child + div{width: 100%;margin-top: 15px;padding-left: 0} /* 레벨테스트-레벨테스트 신청 */ .level02-content01 .radio-box input[type="radio"] + label{width: 50%;} .level02-content01 .select-box{margin-left: 0;margin-right: 0;} .level02-content01 .input-box{margin: 0;padding: 30px 15px} .level02-content01 .input-box input{max-width: 100%;} .level02-content01 .input-box input[name="hopedate"]{max-width: calc(100% - 80px);} .level02-content01 .input-box a{width: 75px;margin-left: 5px;} .level02-content01 .check-box strong,.level02-content01 .check-box label{font-size: 14px;} /* 레벨테스트-레벨테스트 결과확인 */ .level03-view-content01 .test-info ul li{font-size: 14px;} .level03-view-content01 .test-info ul li:nth-child(odd){width: 120px;padding: 20px 10px} .level03-view-content01 .test-info ul li:nth-child(even){width: calc(100% - 120px);padding: 20px 10px;border-right: 1px solid #ddd;} .level03-view-content01 .test-info ul:first-child li:nth-child(n+3){border-top: none} .level03-content01 .test-result{margin-left: 15px;margin-right: 15px;} .level03-view-content01 .test-evaluation .left .level,.level03-view-content01 .test-evaluation .left .level-desc{width: 100%;} .level03-view-content01 .test-evaluation .left .level-desc{padding-left: 0} .level03-view-content01 .test-evaluation .left .level-desc h4{margin-top: 30px;padding: 0} .level03-view-content01 .test-evaluation .left .level li h4{width: 100px;} .level03-view-content01 .test-evaluation .left .level li div{width: calc(100% - 100px);} .level03-view-content01 .test-evaluation .right{padding: 30px 15px} .level03-view-content01 .test-score ul.visible-xs{display: flex!important} .level03-view-content01 .test-score li{width: 50%;} .level03-view-content01 .test-score li:nth-child(4n+3){border-left: 1px solid #cecece;} .level03-view-content01 .level-score .score-text h3{font-size: 24px;} .level03-view-content01 .level-score .score-text ul li h4{width: calc(100% - 10px);;padding-left: 5px;padding-right: 5px;font-size: 14px;} .level03-view-content01 .total-evaluation .text{padding: 25px} .level03-view-content01 .comment ul li h4{width: 130px;font-size: 15px;} .level03-view-content01 .comment ul li p{width: calc(100% - 130px);padding: 15px} .level03-view-content01 .level-notice a{width: 165px;} /* 교육프로그램 */ .program01-content01 .container{padding: 50px 15px;background-image: none;} .program01-content01 h4{font-size: 20px;} .program01-content01 h3{font-size: 32px;} .program01-content01 p{font-size: 16px;} .program01-content02 h3{display: block;font-size: 28px;text-align: left;} .program01-content02 ul li strong{width: 80px;height: 35px;font-size: 18px;line-height: 35px;} .program01-content02 ul li span{font-size: 15px;} .program01-content03{padding-top: 50px;padding-bottom: 50px;} .program01-content03 h3{font-size: 28px;} .program01-content04{padding-top: 50px;padding-bottom: 50px;} .program01-content04 h3{margin-top: 30px!important;font-size: 24px;} .program01-content04 a{width: 100%;height: 60px;line-height: 60px;font-size: 24px;} .program02-content01 ul li:first-child h3{font-size: 30px;} .program02-content01 ul li:first-child p{font-size: 15px;} .program02-content01 ul li:first-child + li div{padding-left: 15px;padding-right: 15px;padding-bottom: 15px} .program02-content02 .program-list li .img-wrap{height: 90vw;} .program02-content02 .program-list li{width: 100%;margin-right: 0!important} /* 교육프로그램 뷰 */ .program-view-content01 ul .left,.program-view-content01 ul .right{width: 100%;} .program-view-content01 ul .left img{margin: 0 auto} .program-view-content01 ul .right{margin-top: 30px;padding-left: 0} .program-view-content01 ul li h4{font-size: 20px} .program-view-content01 ul li .title-wrap a{height: 30px;line-height: 28px;font-size: 13px} .program-view-content01 ul li h3{margin-top: 10px;font-size: 24px;} .program-view-content01 ul li p{font-size: 15px;} .dropdown-board ul li{padding-left: 0;padding-right: 0} .dropdown-board ul li h4{padding-left: 15px} /* 수강신청-전화영어 과정 */ .register-class-content01 .tab li{width: 50%;} .register-class-content01 .tab li:nth-child(3){border-left-color:#cbcbcb ;} .register-class-content01 .tab li:nth-child(n+3){border-top-color: transparent;} .register-class-content01 .class-wrap{padding: 30px 15px} .register-class-content01 .class-wrap li .btn-box{display: block;width: 100%;font-size: 0;} .register-class-content01 .class-wrap li .btn-box *{vertical-align: middle;} .register-class-content01 .class-wrap li h5{width: 100%;} .register-class-content01 .class-wrap li input[type="radio"] + label,.register-class-content01 .class-wrap li .btn-box .check-box{width: 33%;font-size: 14px;} .register-class-content01 .class-wrap li .btn-box .check-box label{font-size: 14px;} .register-class-content01 .class-wrap li input[type="checkbox"]{margin-right: 4px;} .register-class-content01 .class-wrap li h6{margin-top: 20px;} .register-class-content01 .class-wrap li a{margin-top: 20px;margin-left: 15px;} /* 수강신청-카드결제 */ .payment-content01 ul li.title, .payment-content01 ul li{width: 100%;padding: 15px 0;text-align: center;} .payment-content01 ul.member-wrap li, .payment-content01 ul.tel-wrap li,.payment-content01 ul.etc-wrap li{height: auto;padding-top: 15px;padding-bottom: 15px;line-height: 1.2;} .payment-content01 ul.etc-wrap li.full{width: 100%;} .payment-content01 .coupon-wrap{padding: 20px 10px} .payment-content01 .coupon-wrap .left, .payment-content01 .coupon-wrap .right{width: 100%;padding-left: 15px;padding-right: 15px;} .payment-content01 .coupon-wrap .left{margin-right: 0;margin-bottom: 10px;} .payment-content01 ul li.total-price{width: 100%} .payment-content01 .payment-wrap{padding: 25px 15px} .payment-content01 .payment-wrap label{margin-right: 20px;} input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label{font-size: 14px;} .payment-content01 .payment-wrap .deposit-wrap table tr:first-child th,.payment-content01 .payment-wrap .deposit-wrap table tr:first-child td{padding: 10px} .payment-content01 .payment-wrap .deposit-wrap table th span,.payment-content01 .payment-wrap .deposit-wrap table strong{font-size: 13px;} .payment-content01 .payment-wrap .deposit-wrap table strong:after{height: 0;} .payment-content01 ul li, .payment-content01.payment-content01.payment-card-content01 ul li.full{width: 100%;} .payment-content01 .btn-box a{width: 150px;} /* 고객센터-공지사항 */ .support01-content01 .search-box, .support02-content01 .search-box{margin-top: 0!important;} .board-table.support-table .notice span{margin-left: 15px;} /* 고객센터-실시간 상담문의 */ .support02-content01 .notice-wrap{margin-bottom: 30px;padding: 30px 15px} .support02-content01 .notice-wrap p{font-size: 14px;} .support02-content01 .myqna-btn,.support02-content01 .write-btn{width: 110px;padding: 10px 5px;font-size: 12px;text-align: center;} .search-box select{padding-left: 10px;padding-right: 20px;font-size: 12px;background-position: center right+5px;} /* 고객센터-실시간 상담문의-뷰페이지 */ .support02-view-content01 .btn-box{margin-top: 0!important;} /* 고객센터-FAQ */ .support03-content01 .faq-wrap{margin-top: 0!important;} .support03-content01 .faq-wrap{padding: 30px 15px} .support03-content01 .faq-tab{font-size: 0;} .support03-content01 .faq-tab li{width: 50%;margin-right: 0;margin-bottom: 10px;} /* 고객센ㅌ-기업/단체 문의하기 */ .partner-content01{padding-top: 50px;padding-bottom: 50px;} .partner-content01 h3{font-size: 34px;} .partner-content02{padding-bottom: 50px;} .partner-content02 ul li .left,.partner-content02 ul li .right{width: 100%;} .partner-content02 ul li .right{margin-top: 10px;} .partner-content02 ul li .right select,.partner-content02 ul li .right input[type="text"]{width: 100%;} .partner-content02 ul li .right span{display: block;margin-left: 0;margin-top: 10px;} /* 커뮤니티 */ .board-wrap .board-table a{padding-left: 5px} .board-wrap .board-table a img{margin-right: 10px} .board-wrap .board-table a img + span{width: calc(100% - 75px);} /* 커뮤니티 뷰 */ .board-view .comment textarea{width: calc(100% - 100px);} .board-view .comment .btn_comment, .board-view .comment .btn_r_comment{width: 100px;} /* 커뮤니티 글쓰기 */ .board-write{padding: 40px 15px} .board-write ul li input[type="text"]{height: 50px;padding-left: 15px} .board-write ul li textarea{height: 200px;padding: 20px 15px;} .board-write ul li span{font-size: 16px} /* 커뮤니티-BEST 수강후기 */ .board-wrap .best-list li{width: 100%;} .board-wrap .best-list li:nth-child(odd){margin-right: 0} .board-wrap .best-list li h3{padding-left: 15px;padding-right: 15px} .board-wrap .best-list li p{height: auto;padding-left: 15px;padding-right: 15px} /* 커뮤니티-영어첨삭게시판 */ .community01-content01 a.status-type01{padding-left: 40px} .tab-list01 li a{font-size: 14px} .mypage-writing-view-content01 .mywriting-wrap{padding-left: 15px;padding-right: 15px} .mypage-writing-view-content01 .mywriting-wrap .text{padding-left: 15px;padding-right: 15px} /* 컨뮤니티-영어첨삭게시판-영작 글쓰기 */ .mypage-writing-content01 .notice-wrap{padding-left: 15px;padding-right: 15px;} .mypage-writing-content01 .notice-wrap ul li{font-size: 13px;} .mypage-writing-content01 .writing-list .list{padding-left: 15px;padding-right: 15px;} .sample-modal,.topic-modal{width: calc(100% - 30px);padding: 30px 15px} .sample-modal ul li{padding: 10px 0;font-size: 16px;} .topic-modal .view-sample{padding-left: 15px;padding-right: 15px;} .topic-modal .view-sample p{height: 100px;padding: 15px;font-size: 12px;overflow-y: auto;} .topic-modal .about-sample p{font-size: 12px;} /* 컨뮤니티-영어첨삭게시판-영작 글쓰기-영작하기 */ .mypage-freewriting-write-content01 .writing-wrap{padding: 30px 15px} .mypage-freewriting-write-content01 .writing-wrap ul li span,.mypage-freewriting-write-content01 .writing-wrap h3,.mypage-freewriting-write-content01 .writing-wrap ul li strong{font-size: 16px;} .mypage-freewriting-write-content01 .writing-wrap input[type="text"]{height: 35px;padding-left: 15px;} .mypage-freewriting-write-content01 .writing-wrap textarea{height: 200px;padding: 15px} /* 커뮤니티-영단어 퀴즈 */ .quiz-table span{margin-left: 0;} .quiz-content01 .quiz-wrap{padding: 20px 15px} .quiz-content01 .quiz-wrap .quiz-question{padding: 30px 15px} /* 커뮤니티-영작클리닉 */ .quiz-content01 .quiz-wrap .quiz-question .input-content{padding-left: 0px;padding-right: 0px;} .quiz-content01 .quiz-wrap .quiz-question .input-content p{font-size: 16px;} /* 커뮤니티-영어받아쓰기 */ .quiz-table.quiz-table02 td:first-child{width: 100px;} .quiz-table.quiz-table02 td:first-child + td{width: calc(100% - 180px);padding-left: 8px;padding-right: 8px;} .quiz-table.quiz-table02 td:first-child + td + td{width: 80px;} .quiz-table.quiz-table02 td:first-child + td strong{margin-left: 0;} .board-wrap .board-table.quiz-table a{padding-left: 10px;padding-right: 10px;} .quiz-table span{font-size: 12px;} .quiz-table strong{font-size: 14px;} .quiz-content01 .quiz-wrap .audio-box strong{font-size: 14px;} /* 커뮤니티-사진묘사하기 */ .quiz-content01 .quiz-wrap textarea{padding-left: 15px;padding-right: 15px;} /* 커뮤니티-미디어 영어 */ .quiz-content01 .video-wrap{padding-left: 15px;padding-right: 15px;} .quiz-content01 .video-wrap .video-content{padding: 20px 15px} .quiz-content01 .script li{width: 100%;} .quiz-content01 .script li:first-child{margin-right: 0;margin-bottom: 15px;} .quiz-content01 .script li .text{padding: 15px;font-size: 14px;} .quiz-content01 .script li .text{height: 150px;} /* 커뮤니티-무료영어강의 */ .community01-content01 .class-tab li{width: calc(100% / 4);} .community01-content01 .class-list li{width: calc((100% - 5px) / 2)} .community01-content01 .class-list li:nth-child(even){margin-right: 0;} .community01-content01 .class-list li:nth-child(n+3){margin-top: 5px;} .community01-content01 .class-list li .img-wrap{height: 25vw;} /* 커뮤니티-이벤트 */ .community01-content01 .event-tab li{width: 50%;} .community01-content01 .event-tab li:nth-child(n+3){border-top-color:transparent;} .community01-content01 .event-tab li:nth-child(3){border-left: 1px solid #c2b2b2} .community01-content01 .event-list .img-wrap{width: 100%;height: auto;margin-bottom: 15px;background-image: none!important;} .community01-content01 .event-list .text-wrap{width: 100%;margin-bottom: 15px;padding-left: 0;} /* 마이페이지-수업스케줄 */ .header-top.mypage-on{display: none;} .mypage-mobile-header{display: block;} .myclass01-content01,.myclass01-content01-view,.mycalendar-content01,.feedback-content01,.mybook-content01,.mypage03-content01,.mypage-writing-content01,.mypage-writing-view-content01,.mypage-level-content01,.mypage-manage-content01,.mypage-freewriting-write-content01,.mypage-review-content01,.mypage-coupon-content01,.mypage-point-content01,.mypage-member-content01,.mypage-payment-content01,.delay-list-content01,.delay-content01{margin-top: 0!important} .mypage-wrap .mypage-sub-menu{margin-left: -15px;margin-right: -15px;} .mypage-wrap .mypage-sub-menu li{width: 20%;margin-right: 0;} .mypage-wrap .mypage-sub-menu li.on:after{height: 0;} .mypage-wrap .mypage-sub-menu li a{width: 100%;height: auto;padding-top: 45px;padding-bottom: 15px;border: none;background-color: #fff;font-size: 12px;font-weight: 400;background-position: top+15px center;background-repeat: no-repeat;line-height: 1.2;} .mypage-wrap .mypage-sub-menu li a:before{content: "";position: absolute;top: 15px;right: 0;width: 1px;height: calc(100% - 30px);background-color: #e9e9e9;} .mypage-wrap .mypage-sub-menu li:first-child a{background-image: url(/_inc/images/mypage/icon15.png);} .mypage-wrap .mypage-sub-menu li:first-child.on a{background-image: url(/_inc/images/mypage/icon15_on.png);} .mypage-wrap .mypage-sub-menu li:first-child + li a{background-image: url(/_inc/images/mypage/icon16.png);} .mypage-wrap .mypage-sub-menu li:first-child + li.on a{background-image: url(/_inc/images/mypage/icon16_on.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li a{background-image: url(/_inc/images/mypage/icon17.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li.on a{background-image: url(/_inc/images/mypage/icon17_on.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li + li a{background-image: url(/_inc/images/mypage/icon18.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li + li.on a{background-image: url(/_inc/images/mypage/icon18_on.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li + li + li a{background-image: url(/_inc/images/mypage/icon19.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li + li + li.on a{background-image: url(/_inc/images/mypage/icon19_on.png);} .mypage-wrap .mypage-sub-menu li.on a{font-weight: 400;color: #0aafa5;} .myclass01-content01-view .schedule-list li .class-teacher span{vertical-align: middle;} .myclass01-content01-view .schedule-list li .class-teacher a{display: inline-block;margin: 0 0 0 5px;width: 60px;height: 15px;border-radius: 10px;font-size: 10px;line-height: 15px;vertical-align: middle;} /* 마이페이지-스케줄 보기 */ .myclass01-content01-view .calendar-view{margin-top: 0!important;margin-left: -15px;margin-right: -15px;padding: 15px;} .myclass01-content01-view .calendar-view a{padding-left: 10px;padding-right: 10px;font-size: 13px;} .myclass01-content01-view .date-view{margin-top: 0!important;margin-left: -15px;margin-right: -15px;} .myclass01-content01-view .date-view h3{border-left: none;border-right: none;} .myclass01-content01-view .schedule-list li{padding-right: 10px;} .myclass01-content01-view .schedule-list li .class-schedule{width: 100%;margin-bottom: 10px;padding-right: 0;font-size: 0;} .myclass01-content01-view .schedule-list li .class-schedule span{display: inline-block;height: 25px;margin-bottom: 0;vertical-align: middle;line-height: 25px;} .myclass01-content01-view .schedule-list li .class-schedule strong{display: inline-block;width: calc(100% - 95px);padding-left: 5px;vertical-align: top;} .myclass01-content01-view .schedule-list li div:after{height: 24px;margin-top: -12px;} .myclass01-content01-view .schedule-list li div.class-schedule:after,.myclass01-content01-view .schedule-list li div.class-teacher:after{height: 0;} .myclass01-content01-view .schedule-list li .class-type{width: 70px;margin-left: 100px;text-align: left;} .myclass01-content01-view .schedule-list li .class-teacher{width: calc(100% - 170px);padding-left: 10px;text-align: left;} .myclass01-content01-view .calendar-view strong{font-size: 20px;} .myclass01-content01-view .schedule-list li .btn-box{width: 100%;margin-top: 10px;} .myclass01-content01-view .schedule-list li .btn-box a{width: 80px;height: 25px;margin-right: 5px;line-height: 25px;font-size: 13px;} .myclass01-content01 .list-content .end h3{width: 100px;padding: 6px 10px;text-align: center;vertical-align: top;} .myclass01-content01 .list-content h4{width: calc(100% - 105px);text-align: left;vertical-align: top;line-height: 1.6;} /* 마이페이지-스케줄 보기-달력 */ .mycalendar-wrap{margin-top: 0!important;margin-left: -15px;margin-right: -15px;} .mycalendar-wrap .month{padding: 15px 10px} .mycalendar-wrap .month > a{right: 10px;width: 95px;} .mycalendar-wrap .month .btn-box *{font-size: 20px;} .mycalendar-wrap .month .btn-box a:first-child{margin-right: 10px;} .mycalendar-wrap .month .btn-box a:last-child{margin-left: 10px;} .mycalendar-wrap ul.date li{padding: 10px 0;text-align: center;} .mycalendar-wrap ul.date li:first-child{border-left: none} .mycalendar-wrap ul.day li{min-height: 75px;padding: 10px 0;border: none;text-align: center;} .mycalendar-wrap ul.day li:nth-child(7n+1){border-left: none} .mycalendar-wrap ul.day li.today{background-color: #fff;} .mycalendar-wrap ul.day li h5{display: inline-block;width: 30px;height: 30px;border-radius: 50%;font-size: 14px;line-height: 30px;} .mycalendar-wrap ul.day li.today h5{background-color: #ff7981;color: #fff} .mycalendar-wrap ul.day li span{font-size: 10px;} .mycalendar-content01 .class-status{padding-left: 0;padding-right: 0;} .mycalendar-content01 .class-status .left,.mycalendar-content01 .class-status .right{width: 100%;} .mycalendar-content01 .class-status .left ul{font-size: 0;} .mycalendar-content01 .class-status .left ul li{display: inline-block;margin-right: 10px;} .mycalendar-content01 .class-status .left ul li:last-child{margin-right: 0} .mycalendar-content01 .class-status .right ul:first-child li:nth-child(n+5){border-top: none} .mycalendar-content01 .class-status .right ul li:nth-child(5){border-left: 1px solid #d5d5d5;} .mycalendar-content01 .class-status .left strong{margin-left: 5px;} .mycalendar-content01 .class-status .right{margin-top: 15px;} .mycalendar-content01 .class-status .right ul li{width: 25%;} .mycalendar-content01 .class-status .right ul li:nth-child(even){width: 25%;} .mycalendar-content01 .class-status .left span{width: 70px;} /* 마이페이지-수업스케줄-피드백 */ .feedback-content01 .class-info{max-width: 100%;padding: 20px 15px} .feedback-content01 .class-info .left,.feedback-content01 .class-info .right{width: 100%;} .feedback-content01 .class-info .left ul{border-right: none} .feedback-content01 .class-info .right.text-center{margin-top: 20px;text-align: left;} .feedback-content01 .class-info .right .level-status{margin: 0} .feedback-content01 .class-info .left span, .feedback-content01 .class-info .left strong{font-size: 14px;} .feedback-content01 .class-info .right .btn-box{margin-top: 10px!important;} .feedback-content01 .class-status .left,.feedback-content01 .class-status .right{width: 100%;} .feedback-content01 .class-status .left ul{font-size: 0;} .feedback-content01 .class-status .left ul li{display: inline-block;margin-right: 10px;} .feedback-content01 .class-status .left ul li:last-child{margin-right: 0} .feedback-content01 .class-status .right ul:first-child li:nth-child(n+5){border-top: none} .feedback-content01 .class-status .right ul li:nth-child(5){border-left: 1px solid #d5d5d5;} .feedback-content01 .class-status .left strong{margin-left: 5px;} .feedback-content01 .class-status .right{margin-top: 15px;} .feedback-content01 .class-status .right ul li{width: 25%;} .feedback-content01 .class-status .right ul li:nth-child(even){width: 25%;} .feedback-content01 .level-graph .axis-y{width: 40px;} .feedback-content01 .level-graph .axis-y li{font-size: 12px;} .feedback-content01 .level-graph .axis-x{width: calc(100% - 40px);} .feedback-content01 .level-graph .axis-x li h5{font-size: 11px;letter-spacing: -.5px;} .feedback-content01 .correction-wrap{width: 100%} /* 마이페이지-나의교재 */ .mybook-content01 .mybook-wrap{padding: 0;background-color: #fff;} .mybook-content01 .mybook-wrap ul{padding: 30px;border-radius: 20px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);border: solid 1px #e6dfdf;background-color: #fff;} .mybook-content01 .mybook-wrap ul li:first-child{width: calc(100% - 145px);} .mybook-content01 .mybook-wrap ul li:first-child + li{width: 145px;padding-left: 15px;padding-right: 0;} .mybook-content01 .mybook-wrap ul li a{display: block;} .mybook-content01 .mybook-wrap ul li:first-child + li + li{width: 100%;} .mybook-content01 .mybook-wrap ul li h3{margin-top: 15px;font-size: 20px;} /* 마이페이지-모든교재 */ .allbook-wrap{padding: 0;background-color: #fff;} .allbook-wrap .allbook-content{padding: 20px; border-radius: 20px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);border: solid 1px #e6dfdf;} .allbook-wrap .allbook-content .search-box{margin-bottom: 15px;} .allbook-wrap .allbook-content .search-box > li:first-child{width: 100%;} .mypage-search-box .select-box{border: none} .mypage-search-box .select{min-width: 100px;height: 30px;padding-top: 0;padding-bottom: 0;border-radius: 20px;background-color: #57e1d9;color: #fff;font-size: 12px;line-height: 30px;background-image: url(/_inc/images/mypage/m_arrow_down01.png);background-position: top+12px right+15px} .mypage-search-box .select-box .select.on{border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .mypage-search-box .select-box .select.on {background-image: url(/_inc/images/mypage/m_arrow_up01.png);} .select-box .option{width: 100%;left: 0} .select-box .option li{margin-bottom: 10px;font-size: 12px;} .allbook-wrap .allbook-content .search-box > li:first-child + li{display: none;} .allbook-wrap .allbook-content .book-list{margin-top: 0!important;} .allbook-wrap .allbook-content .book-list li{display: block;width: 100%;margin-bottom: 10px;margin-left: 0;margin-right: 0;padding: 10px 10px 20px 10px;font-size: 0;} .allbook-wrap .allbook-content .book-list li .img-wrap{display: inline-block;width: 160px;height: 200px;border-radius: 10px;vertical-align: top;} .allbook-wrap .allbook-content .book-list li .text-wrap{display: inline-block;width: calc(100% - 160px);padding-left: 10px;vertical-align: top;} .allbook-wrap .allbook-content .book-list li h4{height: auto;margin-top: 5px;font-size: 16px;-webkit-line-clamp: initial} .allbook-wrap .allbook-content .book-list li a{position: relative;bottom: 0;left: 0;margin-top: 15px;margin-left: 0} /* 마이페이지-연기하기 */ .delay-list-content01 table{margin-top: 10px;border: none} .delay-list-content01 table tbody td{padding: 5px} .delay-list-content01 .visible-xs{padding: 25px 35px;text-align: left; border-radius: 20px;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);border: solid 1px #e6dfdf;background-color: #fff;} .delay-list-content01 .visible-xs h5{font-size: 16px;font-weight: 700;} .delay-list-content01 .visible-xs ul{margin-top: 10px;} .delay-list-content01 .visible-xs ul li{font-size: 0;} .delay-list-content01 .visible-xs ul li strong{font-size: 14px;font-weight: 600;color: #555} .delay-list-content01 .visible-xs ul li span{font-size: 14px;color: #555} .delay-list-content01 table tbody td .visible-xs span:after{height: 0;} .delay-list-content01 table tbody td .visible-xs a{margin-left: 10px;border-radius: 10px;} /* 마이페이지-연기하기-뷰 */ .mypage-bg-wrap,.mypage-white-wrap,.delay-content01 .delay-status,.delay-content01 .delay-status .delay-status-wrap{padding: 0} .delay-content01 .delay-status .delay-status-wrap h3{font-size: 18px;} .delay-content01 .delay-status .delay-status-wrap p{margin-top: 10px!important;font-size: 14px;} .delay-content01 .delay-status .delay-status-wrap > ul{padding: 25px 15px;border-radius: 20px;border: solid 1px #ddd;} .delay-content01 .delay-status .delay-status-wrap .clearfix > li{width: 100%;} .delay-content01 .delay-status .delay-status-wrap .clearfix > li:first-child{margin-right: 0;margin-bottom: 15px;} .delay-content01 .delay-text .pl20{padding-left: 0!important;} .delay-content01 .delay-text ul{margin-bottom: 15px;padding-left: 0;} .delay-content01 .delay-text ul li span{width: 100%;max-width: 120px;} .delay-content01 .delay-text ul li strong{width: 100%;padding-left: 0;} .mycalendar-wrap ul.day li span{width: 90%;margin-left: 5%;} /* 마이페이지-영작교정 */ .mypage-writing-content01 .writing-menu{margin-top: 20px!important;} .mypage-writing-content01 .writing-menu li a{padding-left: 5px;padding-right: 5px;font-size: 13px;} .mypage-writing-content01 .writing-menu li.on a:after{bottom: -2.5px;height: 4px;} .mypage-writing-content01 .writing-list .left{width: calc(100% - 115px);} .mypage-writing-content01 .writing-list .right,.mypage-writing-content01 .writing-list .right a{width: 115px;} .mypage-writing-content01 .writing-list .right a.sample-btn{margin-bottom: 5px;margin-right: 0;} .mypage-writing-content01 .search-box input{width: 100%;margin-bottom: 0;} /* 마이페이지-내가작성한영작-보기 */ .mypage-writing-view-content01 .mywriting-wrap .title-wrap{padding-left: 15px;padding-right: 15px;} .mypage-writing-view-content01 ul li{width: 100%;} /* 마이페이지-레벨테스트 */ .mypage-level-content01 h3{display: none;} .mypage-level-content01 .level-register{margin-top: 0!important;margin-left: -15px;margin-right: -15px;padding: 15px 20px} .mypage-level-content01 .level-register ul li:first-child:after{height: 35px;margin-top: -17.5px;} .mypage-level-content01 .level-register ul li p{display: none;} .mypage-level-content01 .level-register ul li strong{display: none;} .mypage-level-content01 .level-register ul li:last-child{padding-left: 10px;} .mypage-level-content01 .level-register ul li a{display: block;width: 100%;height: 35px;line-height: 35px;font-size: 14px;background:#9f9fff url(/_inc/images/mypage/m_arrow_right.png) no-repeat right+10px center;color: #fff} .mypage-level-content01 .level-register ul li h4{font-size: 13px;font-weight: 500;color: #0a0707} .level03-content01 .test-status span{height: 20px;line-height: 20px;font-size: 13px;} .level03-content01 .test-result > li{padding: 20px 15px} .level03-content01 .test-result > li .test-status{width: 100%;} .level03-content01 .test-result > li .test-info{width: 100%;padding-left: 0;padding-right: 0;} .level03-content01 .test-result > li .btn-box{display: block;margin: 25px auto 0} .level03-content01 .test-result > li .btn-box a{width: 150px;height: 35px;font-size: 13px;line-height: 35px;} .mypage-level-content01 .no-level{margin-top: 0!important;margin-left: -15px;margin-right: -15px;padding: 60px 0;background-color: #f5f6f8;border: solid 1px #e1e1e1;} .mypage-level-content01 .no-level a{width: 215px;height: 40px;border-radius: 20px;background-color: #4ce5dc;font-size: 14px;font-weight: 700;line-height: 40px;} .mypage-level-content01 .no-level p{font-weight: 300;color: #9e9e9e;} /* 마이페이지-학습관리-월별평가 */ .mypage-wrap .mypage-sub-menu li.learning{width: 25%;} .mypage-wrap .mypage-sub-menu li:first-child.learning a{background-image: url(/_inc/images/mypage/icon20.png);} .mypage-wrap .mypage-sub-menu li:first-child.on.learning a{background-image: url(/_inc/images/mypage/icon20_on.png);} .mypage-wrap .mypage-sub-menu li:first-child + li.learning a{background-image: url(/_inc/images/mypage/icon19.png);} .mypage-wrap .mypage-sub-menu li:first-child + li.on.learning a{background-image: url(/_inc/images/mypage/icon19_on.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li.learning a{background-image: url(/_inc/images/mypage/icon21.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li.on.learning a{background-image: url(/_inc/images/mypage/icon21_on.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li + li.learning a{background-image: url(/_inc/images/mypage/icon22.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li + li.on.learning a{background-image: url(/_inc/images/mypage/icon22_on.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li + li + li.learning a{background-image: url(/_inc/images/mypage/icon23.png);} .mypage-wrap .mypage-sub-menu li:first-child + li + li + li + li.on.learning a{background-image: url(/_inc/images/mypage/icon23_on.png);} .mypage-manage-content01 h3{display: none;} /* 마이페이지-학습관리-강사1대1대화 */ .mypage-writing-content01 .mypage-table{margin-left: -15px;margin-right: -15px;} .mypage-table table tbody td{padding: 15px} .mypage-writing-content01 .mypage-table ul.visible-xs li{font-size: 0;} .mypage-writing-content01 .mypage-table ul li span{font-size: 13px;color: #3c3c3c} .mypage-table table tbody td .status-type01,.mypage-table table tbody td .status-type02{width: 65px;height: 20px;line-height: 20px;font-size: 12px;} .mypage-table ul li .status-type01,.mypage-table ul li .status-type02{margin-right: 10px;} .mypage-writing-content01 .mypage-table a span, .mypage-writing-content01 .mypage-table a strong{font-weight: 500;} .search-box a.mobile-write-btn,a.mobile-write-btn,.mypage-review-content01 .review-wrap li a{display: block;width: 100%;height: 35px;padding-top: 0;padding-bottom: 0;line-height: 35px;font-size: 13px;font-weight: 500;background:#9f9fff url(/_inc/images/mypage/m_arrow_right.png) no-repeat right+10px center;color: #fff;border-radius: 0;border: none;text-align: center;} .one-on-one-list .mypage-search-box{margin-top: 0!important;margin-left: -15px;margin-right: -15px;padding: 15px 20px;background-color: #fafafa;} .one-on-one-list .search-box li:first-child{width: calc(100% - 180px);} .one-on-one-list .search-box li:last-child{position: relative;width: 180px;padding-left: 10px;} .one-on-one-list .search-box li:last-child:after{content: "";display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 35px;margin-top: -17.5px;background-color: #d8d8d8;} .one-on-one-list .search-box li p{font-size: 13px;font-weight: 500;color: #0a0707;} /* 마이페이지-학습관리-수업리뷰쓰기 */ .mypage-review-content01 .review-wrap{margin-top: 0!important;margin-left: -15px;margin-right: -15px;padding: 15px 20px;background-color: #fafafa;border-top: none} .mypage-review-content01 .review-wrap li{padding-top: 0;padding-bottom: 0;vertical-align: middle;} .mypage-review-content01 .review-wrap li:first-child{display: none;} .mypage-review-content01 .review-wrap li:first-child + li{width: calc(100% - 180px);} .mypage-review-content01 .review-wrap li:first-child + li + li{width: 180px;} .mypage-review-content01 .review-wrap li p{font-size: 0;} .mypage-review-content01 .review-wrap li p br{display: none;} .mypage-review-content01 .review-wrap li p strong{font-size: 13px;color: #0a0707;} /* 마이페이지-쿠폰/포인트-쿠폰 */ .mypage-wrap .mypage-sub-menu.coupon-menu li{width: 50%;} .mypage-wrap .mypage-sub-menu.coupon-menu li:first-child a{background-image: url(/_inc/images/mypage/icon24.png);} .mypage-wrap .mypage-sub-menu.coupon-menu li:first-child.on a{background-image: url(/_inc/images/mypage/icon24_on.png);} .mypage-wrap .mypage-sub-menu.coupon-menu li:first-child + li a{background-image: url(/_inc/images/mypage/icon25.png);} .mypage-wrap .mypage-sub-menu.coupon-menu li:first-child + li.on a{background-image: url(/_inc/images/mypage/icon25_on.png);} .mypage-coupon-content01 .coupon-wrap{padding: 20px 15px;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);} .mypage-coupon-content01 .coupon-register strong{display: block;margin-bottom: 15px;margin-right: 0;text-align: left;} .mypage-coupon-content01 .coupon-register input{width: calc(100% - 80px);} .mypage-coupon-content01 .coupon-wrap .btn-box a{height: 35px;border-radius: 5px;line-height: 35px;font-size: 13px} .mypage-coupon-content01 .coupon-wrap .btn-box a:first-child{background-color: #9f9fff;} .mypage-coupon-content01 .coupon-list table{padding-left: 10px;padding-right: 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd} .mypage-coupon-content01 .coupon-list table tr{border-bottom: 1px solid #ddd} .mypage-coupon-content01 .coupon-list.mypage-table table tbody td{padding-left: 5px;padding-right: 5px} .mypage-coupon-content01 .coupon-list.mypage-table table tbody td:first-child{width: 20px;padding-left: 0;padding-right: 0} .mypage-coupon-content01 .coupon-list table td.visible-xs h3,.mypage-coupon-content01 .coupon-list table td.visible-xs h4,.mypage-coupon-content01 .coupon-list table td.visible-xs h5{display: inline-block;vertical-align: middle;} .mypage-coupon-content01 .coupon-list table td.visible-xs h3{margin-right: 10px;font-size: 13px;color: #555} .mypage-coupon-content01 .coupon-list table td.visible-xs h4{font-size: 14px;color: #555} .mypage-coupon-content01 .coupon-list table td.visible-xs h5{position: relative;margin-right: 5px;padding-right: 5px;font-size: 12px;color: #3c3c3c} .mypage-coupon-content01 .coupon-list table td.visible-xs h5:after{content: "";display: block;position: absolute;top: 50%;right: 0;width: 1px;height: 10px;margin-top: -5px;background-color: #bebebe;} .mypage-coupon-content01 .coupon-list table td.visible-xs h5:last-child{margin-right: 0;padding-right: 0;} .mypage-coupon-content01 .coupon-list table td.visible-xs h5:last-child:after{height: 0;} table tr.no-point td div{height: 120px;border-radius: 10px;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);border: solid 1px #e3e3e3;background-color: #fff;font-size: 12px;font-weight: 500;color: #a3a3a3;line-height: 120px;} .coupon-modal{max-width: calc(100% - 30px);left: 15px;margin-left: 0} .coupon-modal .coupon-num strong{display: block;width: 100%;margin-right: 0;padding-right: 0} .coupon-modal .coupon-num strong:after{height: 0;} .coupon-modal .coupon-num span{display: block;width: 100%;} /* 마이페이지-쿠폰/포인트-포인트 */ .mypage-point-content01 .point-wrap{padding: 20px 0} .mypage-point-content01 .point-wrap ul li{padding-left: 5px;padding-right: 5px;} .mypage-point-content01 .point-wrap ul li:first-child{width: 90px;} .mypage-point-content01 .point-wrap ul li:first-child + li{width: 110px;} .mypage-point-content01 .point-wrap ul li:first-child + li + li{width: calc(100% - 200px);} .mypage-point-content01 .point-wrap ul li h4,.mypage-point-content01 .point-wrap ul li h5,.mypage-point-content01 .point-wrap ul li strong,.mypage-point-content01 .point-wrap ul li span{font-size: 13px;} .mypage-point-content01 .point-wrap ul li h4{padding-top: 0;} .mypage-point-content01 .point-wrap ul li h5{padding-bottom: 0;} .mypage-point-content01 .point-list table{padding-left: 10px;padding-right: 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .mypage-point-content01 .point-list table td.visible-xs{width: 50%;font-size: 14px;font-weight: 700;color: #ff5252;} .mypage-point-content01 .point-list table tbody td strong{font-size: 13px;font-weight: 700;color: #555;} .mypage-point-content01 .point-list table tbody td span{font-size: 12px;color: #3c3c3c;} /* 마이페이지-수강/결제내역 */ .mypage-payment-content01 .mypage-table table{border: none} .mypage-payment-content01 .mypage-table table tbody td{padding-left: 5px;padding-right: 5px;border: none} .mypage-payment-content01 .visible-xs{padding: 25px;border: 1px solid #e3e3e3;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);border-radius: 10px;} .mypage-payment-content01 .visible-xs h5{font-size: 18px;font-weight: 600;} .mypage-payment-content01 .visible-xs h6{font-size: 16px;font-weight: 500;color: #464646} .mypage-table table tbody td a.btn_show_pay{display: inline-block;width: calc((100% - 20px) / 3);height: 35px;margin-right: 10px;margin-left: -1px;border: 1px solid #bababa;background-color: #fff;line-height: 35px;font-size: 14px;font-weight: 500;color: #373737;text-align: center;} .mypage-table table tbody td a.btn_show_pay:last-child{margin-right: 0;} .payment-modal{padding: 15px} .payment-modal .modal-wrap .company-info ul li strong, .payment-modal .modal-wrap .payment-info ul li strong{width: 100%;} .payment-modal .modal-wrap{max-height: 100%;padding: 25px 15px} .payment-modal .modal-wrap .class-info ul li strong,.payment-modal .modal-wrap .class-info ul li span,.payment-modal .modal-wrap .company-info ul li strong,.payment-modal .modal-wrap .company-info ul li span{width: 100%;} .payment-modal .modal-wrap .class-status .left,.payment-modal .modal-wrap .class-status .right{width: 100%;} .payment-modal .modal-wrap .class-status .left{margin-bottom: 5px;} .payment-modal .modal-wrap .class-status .left ul{font-size: 0;} .payment-modal .modal-wrap .class-status .left ul li{display: inline-block;margin-right: 5px;} .payment-modal .modal-wrap .class-status .left span{width: 65px;font-size: 12px;} .payment-modal .modal-wrap .class-status .left strong{margin-left: 5px;font-size: 12px;} .payment-modal .modal-wrap .class-status .right ul li,.payment-modal .modal-wrap .class-status .right ul li:nth-child(even){width: 25%;} /* 마이페이지-회원정보 */ .mypage-member-content01 .member-wrap{margin-left: 0;margin-right: 0;border: none} .mypage-member-content01 .member-wrap li{margin-bottom: 15px;border: none} .mypage-member-content01 .member-wrap li:last-child{margin-bottom: 0} .mypage-member-content01 .member-wrap li .left,.mypage-member-content01 .member-wrap li .right{width: 100%;} .mypage-member-content01 .member-wrap li .left{margin-bottom: 5px;padding: 0;font-size: 16px;font-weight: 500} .mypage-member-content01 .member-wrap li .right{padding: 0} .mypage-member-content01 input[type="text"]{border-radius: 10px;background-color: #f4f4f4;border: none} .mypage-member-content01 .member-wrap li .right span,.mypage-member-content01 input[type="text"]#name,.mypage-member-content01 input[type="text"]#ename, .mypage-member-content01 input[type="password"]{width: 100%;padding-left: 15px; border-radius: 20px;background-color: #f4f4f4;line-height: 40px;font-size: 16px;border: none} .mypage-member-content01 input[type="text"].w-50{width: 100%;} .mypage-member-content01 .addr-info input[type="text"]:first-child{width: calc(100% - 97px)} .mypage-member-content01 .addr-btn{border-radius: 5px;} .mypage-member-content01 .btn-box{padding-top: 15px;border-top: 1px solid #000} .mypage-member-content01 .resign-box{padding-right: 0} .mypage-member-content01 .resign-box a{position: relative;font-size: 15px;font-weight: 500;color: #828282} .mypage-member-content01 .resign-box a:after{content: ">";padding-left: 5px;font-size: 15px;font-weight: 500;color: #828282} /* 나의강의실 AI 딕테이션 팝업 */ .script-pop.calendar-box{width: 100%} } @media screen and (min-width:320px) and (max-width:767px) { } @media screen and (max-width:640px) { /* 메인 */ .main-content04 ul li:first-child div{width: 100%;} .main-content04 ul li:first-child div:last-child{margin-top: 30px;margin-left: 0} /* 메인-로그인 */ .main-content04-login .left .text-wrap,.main-content04-login .left .teacher-slide{width: 100%;} .main-content04-login .left .teacher-slide{margin-top: 30px;} /* 콩영어소개 */ .about-content01{padding-top:40px;padding-bottom: 40px} .about-content01 ul li:last-child img{max-width: 280px;} .about-content02{padding: 15px 0} .about-content02 ul li{width: 100%;margin-bottom: 15px} .about-content02 ul li:last-child{margin-bottom: 0} .about-content02 ul li:after{height: 0;} /* 레벨테스트 */ .level-banner .test-tab a{font-size: 13px} /* 커뮤니티-영어첨삭게시판 뷰 */ .mypage-writing-view-content01 .mywriting-wrap h4{width: 140px} /* 컨뮤니티-영어첨삭게시판-영작 글쓰기 */ .community01-content01 .mypage-writing-content01 .writing-list .left{width: 100%;padding-right: 0;} .community01-content01 .mypage-writing-content01 .writing-list .right{width: 100%;margin-top: 15px;} /* 커뮤니티-무료영어강의 */ .community01-content01 .class-tab li{width: calc(100% / 3);} .community01-content01 .class-tab li a{font-size: 13px;} /* 240628 스케쥴 변경 모달 */ .schedule-modal{left:15px;width: calc(100% - 30px);max-width:100%;height:60vh;margin-left: 0;padding:20px 15px} .schedule-modal strong{font-size: 14px} .schedule-modal > div span:first-child{width: calc(100% - 140px)} .schedule-modal > div span:first-child + span{width: 60px;} .schedule-modal .wrap{height: 35vh} } @media screen and (max-width:480px) { /* 메인 */ .main-content01 .container:first-child h2{font-size: 28px} .main-content01 .container:first-child p{font-size: 18px} .check-title{font-size: 24px} .main-content02 h2, .main-content03 h2, .main-content04 h3, .main-content04 h3 strong, .main-content05 h3, .main-content05 h3 strong, .main-content06 h3, .main-content07 ul li h3,.main-content09 h4{font-size: 22px} /* 메인-로그인 */ .main-content04-login .right .wrap{padding: 30px 15px;text-align: center;} .main-content04-login .right .text-wrap h3{margin-top: 15px;} .main-content04-login .right .text-wrap{width: 100%;padding-left: 0;} .main-content04-login .right .text-wrap .text-center{text-align: center!important;} /* 회원가입 */ .register02-content01 .register-tab a{width: 100%;} .register02-content01 .register-tab a:first-child{margin-right: 0;margin-bottom: 10px} /* 콩영어소개 */ .about-content04 p{font-size: 16px} .about-content07 p{font-size: 16px} /* 전화/화상영어-전화영어 */ .tel01-content01 .container{background-image: none;} .tel01-content02 h3{font-size: 20px;} /* 레벨테스트-레벨테스트 안내 */ .level01-content02 .level-slide .item p{font-size: 12px} /* 레벨테스트-레벨테스트 신청 */ .calendar-box{width: 100%;padding: 15px} .calendar-box .calendar-wrap{padding: 15px} .calendar-box h3{margin-top: 10px!important;font-size: 16px;} .calendar-box p{font-size: 13px;} .calendar-box .time-wrap{padding: 15px} .calendar-box .calendar-wrap .date li{padding-top: 5px;padding-bottom: 5px;} .calendar-box .time-wrap .time > div h6{height: 30px;line-height: 30px;} .calendar-box .calendar-wrap .day li{padding-top: 6px;padding-bottom: 6px;} .calendar-box .time-wrap h5{font-size: 14px;} /* 교육프로그램 */ .program01-content02 ul li strong{width: 100%;margin-bottom: 15px;} .program01-content02 ul li span{width: 100%;padding-left: 0;} .program01-content03 ul li.text div{font-size: 11px;} .program01-content03 ul li div{font-size: 10px;} .program01-content03 ul li:after{font-size: 14px;} /* 커뮤니티 글 쓰기 */ .board-write ul li span{font-size: 14px} .board-write ul li h4{font-size: 14px} .board-write ul li span:first-child{width: 60px;} .board-write ul li span:first-child + span{width: calc(100% - 60px);} /* 커뮤니티-영어첨삭게시판 */ .tab-list01 li a{font-size: 13px} /* 커뮤니티-미디어영어 */ .quiz-content01 .video-btn-box a{width: 95px;} .quiz-content01 .video-btn-box a.down-btn{padding-left: 10px;padding-right: 10px;background: url(/_inc/images/community/arrow02.png) no-repeat right+10px center;} /* 커뮤니티-무료영어강의 */ .community01-content01 .class-list li{width: 100%;margin-right: 0!important;} .community01-content01 .class-list li:nth-child(n+2){margin-top: 10px;} .community01-content01 .class-list li .img-wrap{height: 50vw;} .community01-content01 .class-list li a h1{height: auto;} /* 마이페이지-수업스케줄 */ .myclass01-content01-view .schedule-list li .class-schedule strong{font-size: 16px;} /* 마이페이지-모든교재 */ .allbook-wrap .allbook-content .book-list li .img-wrap{width: 80px;height: 100px;} .allbook-wrap .allbook-content .book-list li .text-wrap{width: calc(100% - 80px)} /* 마이페이지-연기하기 뷰 */ .mycalendar-wrap ul.day li strong{font-size: 10px;letter-spacing: -1px;} /* 마이페이지-쿠폰/포인트-쿠폰 */ .coupon-modal{padding:30px 15px} .coupon-modal .coupon-num strong,.coupon-modal .coupon-num span{font-size: 16px} .coupon-modal ul li div,.coupon-modal p{font-size: 14px} .coupon-modal ul li div{padding: 10px} .coupon-modal ul li a{padding: 10px;font-size: 14px} .coupon-modal .btn-box a{font-size: 16px} /* AI 딕테이션 */ .ai-tab a{width: 170px;font-size: 16px} } @media screen and (max-width:374px) { }