@charset "utf-8";

.content_area	{position:relative;max-width:1330px;width:100%;margin:80px auto;padding-top:80px;}

/* form */
select{padding:0 30px 0 10px;background:url('../images/common/ico_sel.png') no-repeat 90% 50%;border:1px solid #dadada;font-size:17px;color:#888;border-radius:10px;font-family:'NanumSquare';line-height:50px;}
input[type="text"],input[type="password"],input[type="tel"],input[type="number"]{padding:0 10px;border:1px solid #dadada;font-size:17px;color:#888;border-radius:10px;font-family:'NanumSquare';line-height:50px;}
select[disabled], input[disabled] { cursor: not-allowed; }
textarea{padding:15px;border:1px solid #dadada;border-radius:10px;width:100%;min-height:150px;}
input[type="password"]	{font-family:'NanumGothic';}
.tar{text-align:right !important;}
.tal{text-align:left !important;}
.Mt10{margin-top:10px;}

/* tab_ui */
.tab_ui ul	{margin-bottom:60px;display:flex;justify-content: center;}
.tab_ui ul li	{display:block;}
.tab_ui ul li ~li	{margin-left:10px;}
.tab_ui ul li a	{transition:all 0.2s ease;display:block;min-width:210px;line-height:75px;padding:0 60px;width:100%;text-align:center;background:#dce4f5;color:#9aafdb;font-weight:600;font-size:22px;border-radius:15px 40px 40px 40px;}
.tab_ui ul li a.on, .tab_ui ul li a:hover 	{color:#fff600;background:#004eff;border-radius:40px;transform: scaleX(1);transition:all 0.2s ease;}

/* pasing */
.paging	{position:relative;display:flex;width:100%;margin-top:50px;justify-content:center;}
.paging > a	{position:relative;display:inline-block;height:21px;line-height:21px;width:21px;background:#555;border-radius:5px;font-weight:600;font-size:0;}
.paging > a:before	{content:'';position:absolute;left:50%;top:50%;transform: translateX(-50%);margin-top:-3.5px;width:0;height:0;border-right:6px solid #fff;border-bottom:3px solid transparent;border-top:3px solid transparent;}
.paging ul, .paging li	{display:inline-block;text-align:center;}
.paging > a ~a, .paging ul li ~li, .paging ul	{margin-left:10px;}
.paging ul	{margin:0 15px;}
.paging li > a	{font-size:17px;color:#555;font-weight:600;line-height:21px;}
.paging li > a.on	{color:#004eff;}
.paging > a.next:before	{border-left:6px solid #fff;border-right:0;}

/* 이메일무단수집 거부 */
.con_list_1	{margin-top:20px;}
.con_list_1 li{position:relative;padding-left:12px;line-height:36px;font-size:16px;}
.con_list_1 li:before	{content:'';position:absolute;left:0;top:13px;width:4px;height:7px;background:url('../images/common/ico_conli.png') no-repeat 0 0;}

/* 수강신청 버튼 */
.btnX2, a span.s1	{display:inline-block;padding:2px 10px;background:#004eff;color:#fff !important;text-align:center;font-size:13px;border-radius:4px;}
.btnX2:hover, a:hover span.s1	{color:#fff !important;}
.btnX2	{background:#111;}

/* radio */
.radioWrap { }
.radioWrap input[type=radio] {opacity: 0;-webkit-appearance: none;position: absolute;left: -5000px;height: 0;line-height: 0; }
.radioWrap label {position: relative;padding-left:30px;font-size: 18px;color: #000;cursor: pointer;line-height:32px;}
.radioWrap label:before {content: '';position: absolute;top: -2px;left: 0;width: 22px;height: 22px;border:1px solid #a1a1a1;border-radius:100%;background:#fff;}
.radioWrap input[type=radio]:checked+label:before {border:1px solid #004eff; }
.radioWrap input[type=radio]:checked+label:after {content: '';position: absolute;top:4px;left:6px;width:12px;height:12px;background:#004eff;border-radius:100%;}
.radioWrap ~ .radioWrap	{margin-left:30px;}

/* checkbox */
.chkWrap {position: relative;display: inline-block; margin: 3px 0;}
.chkWrap ~ .chkWrap  {margin-left:30px;}
.chkWrap input[type=checkbox] {opacity: 0;-webkit-appearance: none;position: absolute;left: -5000px;height: 0;line-height: 0;}
.chkWrap label {position: relative;padding-left:30px;;font-size:15px;font-family:'NanumGothic';color: #555;cursor: pointer;line-height:32px;}
.chkWrap label:before {content: '';position: absolute;top: -2px;left: 0;width: 20px;height: 20px;background:#fff;border:1px solid #a5a5a5;border-radius:5px;}
.chkWrap input[type=checkbox]:checked+label:before {background: url('../images/common/ico_chk_on.png') no-repeat 50% 50% #004eff;;border:1px solid #004eff; }

/* file upload */
.fileWrap{position:relative; display: flex;}
.fileWrap input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; display: none;}
.fileWrap label{cursor: pointer; width:90px;margin-left:5px;line-height:50px;text-align:center;font-size:15px;color:#fff;font-family:'NanumGothic';font-weight:400;background:#444;border-radius:10px;}
.fileWrap label:focus{outline:2px solid #444;}
.fileWrap .upload_name{display:inline-block;padding:0 10px;border:1px solid #dadada;background:#fff;font-size:17px;color:#888;border-radius:10px;font-family:'NanumSquare';line-height:50px;margin-right:5px;}
dd > .fileWrap > input	{width:clac(100% - 100px);}


.login_ui .box{padding:40px 10px 50px;margin-bottom:90px;font-family:'Jalnan';}
.login_ui .box:before{content:"";display:block;width:82px;height:80px;margin:0 auto;background:url('../images/common/i_login.png') no-repeat 50% 50%;}
.login_ui.out .box:before{background:url('../images/common/i_out.png') no-repeat 50% 50%;}
.login_ui .box h2{margin-top:15px;text-align:center;font-size:38px;color:#555;}
.login_ui .box h2 + p{margin-top:15px;text-align:center;color:#333;font-weight:400;}
.login_ui .box .form{position:relative;width:420px;margin:30px auto 0;}
.login_ui .box .form input{width:100%;padding-left:50px;background-position:20px 50%;background-repeat:no-repeat;}
.login_ui .box .form input[type="text"]{background-image:url('../images/common/ico_bgid.png');}
.login_ui .box .form input[type="password"]{background-image:url('../images/common/ico_bgpw.png');}
.login_ui .box .form li{height:55px;line-height:55px;}
.login_ui .box .form li ~li{margin-top:5px;}
.login_ui .box .form .btn_login{margin-top:20px;width:100%;display:block;line-height:80px;color:#fff;font-size:20px;background:#004eff;border-radius:40px 10px 45px 40px;box-shadow: 8px 8px 10px rgba(1,78,255,0.15);letter-spacing:2px;}
.login_ui .Sear	{text-align:center;margin-top:50px;}
.login_ui .Sear a	{display:inline-block;color:#555;font-size:17px;font-family:'NanumSquare';position:relative;font-weight:600;}
.login_ui .Sear a:nth-child(2)::before	{content:'';position:absolute;left:-13px;top:2px;width:1px;height:13px;background:#cbcbcb;}
.login_ui .Sear a:last-child::before	{content:'';position:absolute;left:-13px;top:2px;width:1px;height:13px;background:#cbcbcb;}
.login_ui .Sear a ~a	{margin-left:25px;}

.btn_block	{display:block;width:100%;margin-top:70px;text-align:center;}
.btn_block a ~a	{margin-left:10px;}
.btn_block a	{min-width:210px;padding:0 60px;display:inline-block;line-height:70px;color:#444444;font-size:20px;font-family:'Jalnan';font-weight:400;background:#fff;border:1px solid #dcdce2;border-radius:40px 10px 45px 40px;box-shadow: 8px 8px 10px rgba(0,0,0,0.05);letter-spacing:1px}
.btn_block a.okay	{background:#004eff;box-shadow: 8px 8px 10px rgba(1,78,255,0.15);color:#fff;}

.btn_join	{margin-top:70px;padding:0 60px;display:inline-block;line-height:70px;color:#fff;font-size:20px;font-family:'Jalnan';font-weight:400;background:#004eff;border-radius:40px 10px 45px 40px;box-shadow: 8px 8px 10px rgba(1,78,255,0.15);letter-spacing:1px;}
.btn_join.list	{background:#999;box-shadow: 8px 8px 10px rgba(255,255,255,0.15);}
.btn_join.out	{background:#444;box-shadow: 8px 8px 10px rgba(255,255,255,0.15);}
.btn_out	{width:100%;margin-top:20px;display:block;background:#777;line-height:70px;font-size:19px;font-weight:400;text-align:center;color:#fff;}
.login_ui.out .text	{max-width:600px;margin:20px auto;font-size:16px;color:#ef4848;font-weight:300;line-height:25px;}

h2.memH2_tit{text-align:center;font-size:38px;color:#555;letter-spacing:1px;margin-top:15px;font-family:'Jalnan';font-weight:400;}
h2.memH2_tit:before	{content:'';display:block;width:100%;height:73px;margin-bottom:30px;background:url('../images/common/i_id.png') no-repeat 50% 50%;}
h2.memH2_tit.fail:before	{background:url('../images/common/i_fail.png') no-repeat 50% 50%;}
h2.memH2_tit.pw:before	{background:url('../images/common/i_pw.png') no-repeat 50% 50%;}
h2.memH2_tit.join:before	{height:80px;background:url('../images/common/i_login.png') no-repeat 50% 50%;}
h2.memH2_tit.form:before	{height:80px;background:url('../images/common/i_agree.png') no-repeat 50% 50%;}
.memH2_txt{color:#555;font-size:17px;font-family:'NanumSquare';text-align:center;margin:15px 0 60px 0;font-weight:600;line-height:30px;}
.memH2_txt b{color:#000;font-weight:700;}
.memH3_tit	{border-bottom:1px solid #333;display:block;padding-bottom:5px;text-align:left;font-size:24px;color:#333;letter-spacing:1px;margin-bottom:15px;font-family:'Jalnan';font-weight:400;}
.memH3_tit span {position:relative;color:#333;font-size:16px;font-weight:600;font-family:'NanumGothic';padding-left:390px;}
.memH3_tit span:before  {content:'*';position: absolute;left:375;top:2px;width:5px;height:5px;border-radius:100%;color: #e14c4c;}
dl + .memH3_tit	{margin-top:50px;}
.mem_coment{margin-top:30px;color:#818181}
.mem_coment strong{color:#000}
/* 아이디 찾기 */
.search_i	{display:block;width:630px;margin:30px auto 0 auto;text-align:center;}
.search_i dl, .search_i div.dl	{display:flex;width:100%;margin:0 auto;flex-wrap: wrap;text-align:left;}
.search_i dt, .search_i div dt	{position:relative;padding-left:10px;width:150px;font-size:15px;color:#222;font-family:'NanumGothic';font-weight:600;}
.search_i dt:before	{position:absolute;content:'';width:5px;height:5px;left:0;top:5px;background:#004eff;border-radius:100%;}
.search_i dd, .search_i div dd	{width:calc(100% - 150px);}
.search_i div.dl	{margin-top:20px;display:none;}
.search_i div.dl.on	{display:flex;}
.search_i dd span	{font-size:13px;color:#222;font-family:'NanumGothic';font-weight:400;margin-top:5px;display:inline-block;line-height:20px;}
.search_i dd input	{width:100%;}
.search_i dd ~dd, .search_i dt ~dt	{margin-top:20px;}
.search_i dd.flex	{display:flex;}
.search_i dd.flex.wrap	{flex-wrap: wrap;}
.search_i dd.width	{width:100%;text-align:center;margin-top:60px;}
.search_i select	{width:calc(100%/3 - (20px/3));}
.search_i select ~select	{margin-left:10px;}
.color_red	{color:#e14c4c !important;}
.search_i .radioWrap label	{color:#222;font-weight:600;font-size:18px !important;font-family:'NanumSquare';}
.search_i dd input.certi	{width:calc(100% - 100px);}
.btn_certi, a.btn_certi	{display:inline-block;width:90px;margin-left:10px;line-height:50px;text-align:center;font-size:15px;color:#fff;font-family:'NanumGothic';font-weight:400;background:#444;border-radius:10px;}

.result	{display:block;width:100%;margin-top:20px;text-align:center;}
.result .box{max-width:630px;padding:30px 0;margin:30px auto 0;font-size:18px;color:#222;background:#f9f9f9;border-radius:15px;font-weight:600;}
.result .box strong, .result .box strong.ty2{margin:0 10px;font-size:25px;font-weight:700;color:#004eff;}

.all_chk	{text-align:left;margin-top:50px;}
.all_chk .chkWrap label	{color:#222;font-size:18px;font-weight:600;font-family:'NanumSquare';}
.all_chk p	{font-size:15px;color:#222;font-family:'NanumGothic';font-weight:400;margin-top:10px;}
.agree_box	{width:100%;border:1px solid #e3e3e4;background:#f9f9fa;margin-top:15px;padding:20px;text-align:left;}
.agree_box p	{position:relative;}
.agree_box p a	{position:absolute;right:0;top:8px;color:#004eff;font-size:15px;font-family:'NanumGothic';font-weight:600;border-bottom:1px solid #004eff;}

/* layer popup */
.usedterms .pop_area	{width:600px;height:calc(100% - 100px);}

/* 마이페이지 - vocab */
.Vocab_area	{margin:0 auto;max-width:670px;width:100%;}
.Vocab_area select	{line-height:41px;height:41px;min-width:120px;font-family:'NanumGothic';font-weight:400;font-size:14px;color:#555;padding-left:12px;border-radius:5px;}
.Break_area .item i.delet	{width:32px;height:32px;border-radius:100%;border:1px solid #004eff;background:#fff;top:50%;transform: translateY(-50%);}
.Break_area .item i.delet span	{position:relative;width:100%;display:block;}
.Break_area .item i.delet span:before	{position:absolute;left:50%;top:50%;transform: translateX(-50%);margin-top:13px;width:12px;height:1px;content:'';background:#004eff;}
.Vocab_area	.item p.eng	{background:#004eff;border-color:#004eff;color:#fff;}
.mypage_area	{margin:0 auto;width:100%;max-width:640px;position:relative;}
.mypage_area.page	{max-width:100%;}
.mypage_area.page01	{max-width:1130px;}
.none_text	{display:block;width:100%;padding:35px 20px;text-align:center;border-radius:20px;background:#fafafa;color:#555;font-size:17px;font-weight:600;font-family:'NanumSquare';}
.info_mo	{display:block;color:#555;font-size:20px;font-weight:600;font-family:'NanumSquare';text-align:center;}
.info_mo:before	{content:'';display:block;margin:0 auto 20px auto;width:110px;height:110px;background:url('../images/common/i_mypage_modify.png') no-repeat 50% 100% #f6f6f6;border-radius:100%;}
.info_pw	{display:flex;margin-top:40px;align-items:center;justify-content: center;max-width:600px;background:#f9f9fa;padding:25px 0;}
.info_pw label	{margin-right:10px;line-height:50px;color:#222;font-size:16px;font-family:'NanumGothic';font-weight:600;}
.info_pw button	{margin-left:10px;line-height:50px;background:#444;border-radius:10px;padding:0 20px;color:#fff;font-size:16px;font-family:'NanumGothic';font-weight:600;}
.info_mo.out:before	{background:url('../images/common/i_out.png') no-repeat 0 90% #dff4ff;}
.info_coupon	{display:block;color:#555;font-size:20px;font-weight:600;font-family:'NanumSquare';text-align:center;}
.list_li	{margin-top:25px;text-align:left;}
.list_li li	{position:relative;padding:2px 0 2px 10px;line-height:30px;font-size:15px;font-family:'NanumGothic';font-weight:500;color:#555;}
.list_li li:before	{position:absolute;left:0;top:15px;content:'';width:4px;height:4px;background:#a9a9a9;border-radius:100%;}
.list	{text-align:left;}
.list lil	{display:block;}
ul + .memH3_tit	{margin-top:70px;}
.memH3_tit .memo	{font-size:15px;font-family:'NanumGothic';font-weight:500;color:#555;margin-left:5px;}
.sec_1	{display:flex;margin-bottom:40px;}
.info_area	{width:10%;max-width:125px;margin-right:10px;}
.time_area	{width:30%;max-width:325px;margin-right:10px;}
.study_area	{width:calc(70% - 10px);min-width:calc(100% - 335px);}
.study_area2	{width:calc(60% - 20px);min-width:calc(100% - 470px);}
.info_box	{position:relative;width:100%;padding:20px 10px;background:#f0f3f9;border-radius:20px;min-height:140px;}
.info_box ul	{margin-top:10px;}
.info_box li	{position:relative;color:#004eff;font-size:20px;font-weight:bold;font-family:'NanumGothic';line-height:30px;}
.time_box	{position:relative;width:100%;padding:20px 20px 20px 120px;background:#f0f3f9;border-radius:20px;min-height:140px;}
.time_box:before	{content:'';position:absolute;left:28px;top:50%;transform: translateY(-50%);width:70px;height:70px;background:url('../images/common/ico_time.png') no-repeat 50% 50% #fff;border-radius:100%;}
.time_box p	{color:#333;font-size:22px;font-weight:600;font-family:'NanumSquare';}
.time_box p span	{color:#004eff;font-size:32px;font-weight:700;}
.time_box ul	{margin-top:10px;}
.time_box li	{position:relative;color:#5c5c5c;font-size:14px;font-weight:400;font-family:'NanumGothic';padding-left:6px;line-height:24px;}
.time_box li:before	{position:absolute;left:0;top:8px;content:'';width:2px;height:2px;background:#5c5c5c;border-radius:100%;}
.time_box li span	{color:#093291;margin-left:5px;}
.study_box	{position:relative;width:100%;background:#f0f3f9;padding:0 20px;border-radius:20px;min-height:140px;display:flex;justify-content:space-between;align-items:center;}
.study_level	{display:flex;cursor:pointer;}
.study_level ~.study_level	{margin-left:10px;}
.study_level.on	{width:calc(100% - 200px);}
.study_level a	{display:inline-block;line-height:95px;background:#fff;border-radius:30px 15px 30px 30px;padding:0 30px;text-align:center;color:#191919;font-size:18px;font-family:'Jalnan';}
.study_level a span	{color:#004eff;font-size:26px}
.study_level.on a	{background:#004eff;color:#fff;}
.study_level.on a span	{color:#f7f100;font-size:26px}
.study_level .study_score	{display:flex;width:0;opacity:0;}
.study_level.on .study_score	{display:flex;justify-content: space-evenly;align-items: center;width:100%;opacity:1;transition:all 0.8s ease;}
.study_score p	{width:20%;text-align:center;color:#002271;font-size:17px;font-weight:600;font-family:'NanumSquare';}
.study_score span	{width:100%;max-width:70px;height:70px;line-height:70px;display:block;border-radius:100%;background:#cddfff;color:#004eff;font-size:32px;margin:0 auto 5px auto;}
.study_score span.all	{background:#ff9000;color:#fff;}
.sec_2	{display:flex;margin:40px 0;}
.evalu_area	{width:calc(60% - 30px);min-width:calc(100% - 380px);margin-right:30px;}
.calendar_area	{width:40%;max-width:350px;}
.evalu_area .correct_ara table	{border-bottom:1px solid #004eff;}
.evalu_area .paging	{margin-top:20px;}
.calendar	{width:100%;font-size:14px;font-weight:600;font-family:'NanumGothic';border-top:2px solid #004eff;border-bottom:1px solid #004eff;text-align:center;}
.calendar th	{border-bottom:1px solid #004eff;line-height:32px;}
.calendar .sun	{color:#e51d1d;}
.calendar .sat	{color:#004eff;}
.calendar .off	{color:#999;}
.calendar th, .calendar td	{width:calc(100%/7);}
.calendar td	{line-height:32px;padding:10px 0;max-width:32px;}
.calendar td .on	{display:block;max-width:32px;line-height:32px;border-radius:100%;width:100%;background:#004eff;color:#fff;}

.h3_title	{color:#000;font-size:18px;font-weight:600;font-family:'NanumSquare';margin-bottom:20px;}
.board + .h3_title	{margin-top:30px;}
.compu  {position:absolute;right:0;top:5px;}
.compu span {position:relative;color:#555;font-size:14px;font-weight:600;font-family:'NanumGothic';padding-left:12px;}
.compu span:before  {content:'';position: absolute;left:0;top:6px;width:5px;height:5px;background:#004eff;border-radius:100%;}
i.key	{font-size:0;width:10px;height:100%;display:inline-block;position:relative;}
i.key:before {position:absolute;left:0;top:12px;content:'';width:5px;height:5px;border-radius:100%;background:#004eff;}
*i.key:before {top:0px !important;}
.board  {position:relative;width:100%;border-top:2px solid #004eff;}
.board table th   {font-size:17px;color:#004eff;font-weight:600;font-family:'NanumSquare';background:#fff;border-bottom: 1px solid #004eff;line-height:50px;}
.board table td {padding:10px 20px;line-height:30px;color:#555;font-size:15px;font-weight:500;font-family:'NanumGothic';border-bottom: 1px solid #004eff;text-align:center;}
.board table td.tal	{text-align:left;}
.board table tr:nth-child(even) td	{background:#f0f3f9;}
.board.form {border-bottom:1px solid #004eff;}
.board.form table td, .board.form table th	{text-align:left;vertical-align:top;border-bottom:none;}
.board.form table tbody th	{padding-left:20px;width:150px;}
.board.form table tr:nth-child(even) td	{background:#fff;}
.board.form select, .board.form input, .board.form textarea	{border-color:#dadada;line-height:41px;border-radius:5px;color:#555;font-size:15px;font-weight:500;font-family:'NanumGothic';}
.board.form input	{width:100%;}
.board.form select	{min-width:150px;}
.board.form .fileWrap label	{line-height:43px;height:43px;}
.board.view	{border-bottom:1px solid #004eff;}
.board.view table td, .board.view table th	{text-align:left;vertical-align:top;border-bottom:none;}
.board.view table th	{width:140px;}
.board.view table tr:nth-child(even) td, .board.view table tr:nth-child(even) th	{background:#f0f3f9;}
.board.view table th	{padding-left:20px;}

p.file  {display:flex;flex-wrap:wrap;margin-top:5px;}
p.file a    {padding-bottom:1px;border-bottom:1px solid #000;color:#000;line-height:23px;}
p.file a:hover  {color:#000;text-decoration:none;}
.file.closed    {position:relative;display:block;margin: 0 15px 0 5px;border:0;padding:0;font-size:0;width:23px;height:23px;background:url('../images/common/ico_file_x.png') no-repeat 50% 50% #616161;border-radius:5px;}

.S_btn	{display:inline-block;line-height:30px;padding:0 12px;background:#ff8f00;color:#fff;border-radius:5px;font-size:14px;}
.S_btn.okay	{background:#004eff;}
.paging + .btn_area	{margin-top:-40px;}
.btn_area	{text-align:right;margin-top:40px;}
.btn_area button ~button	{margin-left:10px;}
.btn_type	{position:relative;padding:0 60px;display:inline-block;line-height:60px;color:#fff;font-size:20px;font-family:'Jalnan';font-weight:400;background:#004eff;border-radius:40px 10px 45px 40px;box-shadow: 8px 8px 10px rgba(1,78,255,0.15);letter-spacing:1px;}
.btn_type.list	{background:#999;box-shadow: 8px 8px 10px rgba(255,255,255,0.15);}
.btn_type.out	{background:#444;box-shadow: 8px 8px 10px rgba(255,255,255,0.15);}
.memout_text	{margin-top:70px;font-size:15px;color:#888;font-family:'NanumGothic';text-align:center;}
.memout_text a	{display:inline-block; margin-left:10px;color:#444;text-decoration:underline;}


@media (max-width: 1330px) {
	.content_area	{max-width:100%;}
}
@media (max-width: 1130px) {
	.mypage_area.page01	{max-width:100%;}

	.sec_1	{display:block;}
	.info_area	{width:100%;max-width:100%;margin-bottom:30px;}
	.time_area	{width:100%;max-width:100%;}
	.info_box	{min-height:90px;}
	.info_box li	{display:inline-block;}
	.info_box li ~li	{margin-left:20px;}
	.time_box:before	{left:50px;}
	.time_box	{min-height:90px;display:flex;align-items:center;padding-left:150px;}
	.time_box ul	{margin-top:0;margin-left:30px;}
	.time_box li	{display:inline-block;}
	.time_box li ~li	{margin-left:20px;}
  .study_area,.study_area2	{width:100%;min-width:auto;margin-top:30px;}
	.study_level.on	{width:calc(100% - 160px);}
	.study_level a	{font-size:16px;padding:0 15px;}
	.study_level a span, .study_level.on a span	{font-size:22px}
	.study_level .study_score	{display:flex;width:0;opacity:0;}
	.study_level.on .study_score	{display:flex;justify-content: space-evenly;width:100%;opacity:1;transition:all 0.8s ease;}
	.study_score p	{font-size:14px;font-family:'NanumGothic';}
	.study_score span	{max-width:50px;height:50px;line-height:50px;font-size:20px;}
}
@media (max-width: 900px) {
	.content_area	{padding:40px 20px 0;}

	/* tab_ui */
	.tab_ui ul	{margin-bottom:40px;}
	.tab_ui ul li ~li	{margin-left:10px;}
	.tab_ui ul li a	{min-width:auto;line-height:60px;padding:0 20px;border-radius:10px 30px 30px 30px;font-size:17px;}

	/* pasing */
	.paging li > a	{font-size:15px;font-family:'NanumGothic';font-weight:600;}

	.time_box:before	{left:20px;}
	.time_box	{padding-left:100px;}
	.time_box ul	{margin-left:20px;}
	.time_box li	{display:inline-block;}
	.time_box li ~li	{margin-left:10px;}
}

@media (max-width: 640px) {
	/* tab_ui */
	.tab_ui ul li ~li	{margin-left:4px;}
	.tab_ui ul li a	{min-width:auto;line-height:55px;font-family:'NanumGothic';font-weight:600;padding:0 15px;font-size:13px;border-radius:8px 25px 25px 20px;}

	/* pasing */
	.paging li > a	{font-size:13px;}

	/* input 요소 */
	.popup input[type=password], .popup input[type=text], .form_data table td input[type=text], .form_data table td input[type=password], .form_data.agree .selectric .label, .form_data.agree .selectric .button	{line-height:40px;height:40px;}
	input[type=text], input[type=password], input[type=email], input[type=number], input[type=search], input[type=tel]	{line-height:40px;height:40px;padding:0 10px;font-size:12px;font-family:'NanumGothic'}
	.form_data.agree .selectric	{min-width:80px;}
	.form_data.agree input	{min-width:40%;}
	.form_data.agree .selectric .label	{padding-left:5px;font-size:13px;}
	.form_data .size1	{width:100% !important;}

	select	{height:40px !important;background-size:10px auto !important;background-position:90% 50% !important;}

	/* radio */
	.radioWrap label {position: relative;padding-left: 28px;font-size: 13px;line-height: 22px;}
	.radioWrap label:before {top: -2px;width: 20px;height: 20px;}
	.radioWrap label ~ label	{margin-left: 30px;}
	.radioWrap input[type=radio]:checked+label:after	{top:3px;left:5px;}
	.search_i .radioWrap label	{font-size: 13px !important;font-family:'NanumGothic';}

	/* input */
	input {height: 40px;line-height: 40px; padding: 0 10px;}

	/* file upload */
	.fileWrap label{min-width: auto;height: 40px;line-height: 40px; border-radius: 4px;}
	.fileWrap .upload_name{height:40px;line-height:40px;padding:0 10px;max-width: 70%; margin-right: 5px;}

	/* checkbox */
	.chkWrap label {padding-left: 22px;font-size: 13px;}
	.chkWrap label:before {width: 16px;height: 16px;top: 0;background-size:80% auto !important;}

	/* login */
	.search_i	{width:calc(100% - 40px);}
	.login_ui .box h2	{font-size:32px;}
	.login_ui .box h2 + p	{margin-top:25px;}
	.login_ui .box	{margin-bottom:30px;}
	.login_ui .box .form	{width:100%;}
	.login_ui .box .form li{height: auto;line-height: inherit;}
	.login_ui .box .form li ~li{margin-top:5px;}
	.login_ui.out .text	{font-size:13px;}
	.login_ui .solution	{display:block;}
	.login_ui .solution .col ~.col	{margin-top:40px;border-top:1px dashed #ccc;padding-top:40px;}
	.login_ui .solution p:nth-child(3)	{margin-top:10px;}
	.memAgree_ui h2	{font-size:35px;}
	.memAgree_ui h2:before	{background-size: auto 100%;height:60px;}
	.memAgree_ui .agree_box label	{font-size:15px;}
	.memAgree_ui .agree_box h3	{font-size:16px;}
	.agree_box p, .agree_box .terms_list li	{font-size:14px;}
	.memAgree_ui .all_chk	{margin-top:20px;padding:10px 0 30px 0;}
	.form_data table .em	{font-size:14px;line-height:22px;letter-spacing:-1px;}
	.btn_out, .login_ui .box .form .btn_login	{line-height:60px;}
	.login_ui.out .text	{max-width:100%;font-size:14px;line-height:18px;}
	.mypg_txt + h2	{margin-top:40px;}
	h2.memH2_tit	{margin-bottom:20px;}
	.result .box	{max-width:100%;}
	.btn_block	{margin-top:50px;}
	select	{font-size:13px;font-family:'NanumGothic';font-weight:400;line-height:40px;}
	.memH3_tit	{font-size:18px;}

	/* 마이페이지 - vocab */
	.Vocab_area	{max-width:100%;}
	.Vocab_area .Break_area .item	{width:100%;}
	.none_text	{padding:20px 20px;border-radius:12px;font-size:14px;font-family:'NanumGothic';font-weight:400;}
	.Break_area .item i.delet	{width:25px;height:25px;}
	.Break_area .item i.delet span:before	{margin-top:11px;width:8px;}
	.mypage_area	{max-width:100%;}
	.info_mo	{font-size:17px;}
	.info_mo:before	{width:90px;height:90px;background-size: auto 70%;}
	.info_pw	{max-width:100%;}
	.info_pw label, .info_pw button		{line-height:40px;font-size:13px;}
	.sec_1	{display:block;}
	.time_area	{width:100%;margin-right:0px;max-width:100%;}
	.study_area	{width:100%;margin-top:30px;}

	.sec_2	{display:block;}
	.evalu_area	{width:100%;margin-right:0px;}
	.calendar_area	{width:100%;max-width:100%;margin-top:30px;}
	.calendar	{font-size:12px;}
	.board	{overflow-x:auto;width:100%;}
	.board table	{min-width:600px;}
	.board table th	{font-size:14px;font-family:'NanumGothic';font-weight:600;}
	.board table td {padding:10px 10px;line-height:30px;font-size:13px;line-height:22px;}
	.board.form table, .board.view table	{min-width:100%;}
	.board.form table tbody th, .board.view table tbody th	{width:80px;padding-left:10px;}
	.board.form select, .board.form input, .board.form textarea	{font-size:13px;}
	.btn_area button ~button	{margin-left:5px;}
	.btn_type	{line-height:50px;height:50px;font-size:18px;padding:0 30px;}
	.S_btn	{font-size:12px;padding:0 8px;}
	.paging + .btn_area	{margin-top:30px;}

	.time_box	{padding-left:110px;}
	.time_box ul	{margin-left:20px;width:160px;}
	.time_box p	{font-size:17px;width:calc(100% - 160px);}
	.time_box p span	{font-size:25px;}
	.time_box li	{font-size:13px;}
	.time_box li ~li	{margin-left:0;}
	.study_box {align-items:normal;padding-top:20px;min-height:180px;}
	.study_level.on, .study_level	{width:calc(100%/3 - (20px/3));}
	.study_level.on .study_score	{display:flex;cursor:pointer;position:absolute;left:0;top:90px;width:100%;}
	.study_level a, .study_level.on a	{line-height:60px;height:60px;width:100%;}
	.study_score p	{font-size:13px;}

}

@media (max-width: 480px) {
	.content_area	{padding-top:40px;}
	h2.memH2_tit	{font-size:25px;margin-bottom:10px;}
	h2.memH2_tit:before	{margin-bottom:5px;height:60px;background-size: auto 100% !important;}
	.memH2_txt	{margin:0 0 30px 0;font-size:14px;font-family:'NanumGothic';font-weight:500;line-height:22px;padding:0 20px;}
	.search_i	{margin-top:0px;padding:0;width:100%;}
	.search_i dl	{display:block;}
	.search_i dt, .search_i dd	{display:block;width:100%;}
	.search_i dt	{margin-bottom:10px;font-size:13px;padding-top:0;}
	.search_i dt:before	{width:4px;height:4px;top:10px;}
	.search_i dd span	{font-size:12px;}
	.search_i dt, .search_i div dt, .search_i dd, .search_i div dd	{width:100%;}
	.btn_certi, a.btn_certi	{line-height:40px;height:40px;width:60px;font-size:13px;}
	.search_i dd input.certi	{width:calc(100% - 70px);}
	.btn_join	{line-height:60px;height:60px;font-size:18px;margin-top:40px;}
	.btn_block a	{line-height:60px;height:60px;font-size:16px;min-width:auto;padding:0 30px;}
	.result	{padding:0;}
	h2 + .search_i	{margin-top:20px;}
	.info_mo.out + .search_i	{margin-top:20px;}
	.list_li li	{font-size:13px;line-height:25px;}
	.list_li li:before	{top:13px;width:3px;height:3px;}
	.memH3_tit .memo	{font-size:12px;}
	.memout_text	{margin-top:50px;font-size:13px;line-height:20px;}

	.time_box	{padding-left:80px;}
	.time_box:before	{left:15px;width:50px;height:50px;background-size: 38% auto;}
	.time_box ul	{margin-left:20px;width:160px;}
	.time_box p	{font-size:15px;font-family:'NanumGothic';font-weight:600;}
	.time_box p span	{font-size:20px;}
	.time_box li	{font-size:12px;}

}
@media (max-width: 390px) {
	.tab_ui ul li a	{font-size:12px;letter-spacing:-1px;padding:0 8px;}

	.time_box	{padding:20px 10px 20px 60px;}
	.time_box:before	{left:10px;width:40px;height:40px;background-size: 45% auto;}
	.time_box ul	{margin-left:10px;width:140px;}
	.time_box p	{font-size:15px;font-family:'NanumGothic';font-weight:600;}
	.time_box p span	{font-size:17px;}
	.time_box li	{font-size:12px;}
	.study_score p	{font-size:12px;}
}
@media (max-width: 320px) {
	.content_area	{padding:40px 10px 0;}
	/* tab_ui */
	.tab_ui ul li ~li	{margin-left:2px;}
	.tab_ui ul li a	{font-size:11px;border-radius:8px 20px 20px 15px;}
	.tab_ui ul li a.on, .tab_ui ul li a:hover	{border-radius:20px;}

	h2.memH2_tit	{font-size:20px;}
	h2.memH2_tit:before	{height:50px;}
	.result .box	{font-size:15px;font-family:'NanumGothic';font-weight:600;line-height:25px;}
	.result .box strong, .result .box strong.ty2	{font-size:20px;font-family:'NanumSquare';}
	.btn_block a	{font-size:14px;padding:0 20px;line-height:50px;height:50px;}
	.btn_block a ~a	{margin-left:5px;}
	.all_chk p	{font-size:13px;}
	.agree_box	{padding:5px 15px;}
	/* checkbox */
	.chkWrap label {padding-left:22px;font-size:11px;padding-left:18px;}
	.chkWrap label:before {width:14px;height:14px;top:-2px;background-size:60% auto !important;}
	.agree_box p a	{font-size:12px;top:9px;}
	.info_mo	{font-size:14px;font-family:'NanumGothic';font-weight:600;}
	.info_mo:before	{width:80px;height:80px;}
	.info_pw label	{margin-right:5px;}
	.info_pw button		{padding:0 10px;border-radius:8px;margin-left:5px;}
	.btn_type	{line-height:45px;height:45px;font-size:16px;padding:0 20px;}

	.time_box	{padding-left:20px;}
	.time_box:before	{display:none;}
	.time_box p {width:calc(100% - 130px);}
	.time_box p span	{font-size:17px;}
	.time_box ul	{width:130px;}
	.time_box li	{font-size:11px;}

	.study_box {padding:20px 10px;min-height:160px;}
	.study_level.on, .study_level	{width:calc(100%/3 - (20px/3));}
	.study_level.on .study_score	{top:80px;width:calc(100% - 20px);left:10px;}
	.study_level a, .study_level.on a	{line-height:45px;height:45px;font-size:14px;}
	.study_level a span, .study_level.on a span	{font-size:19px;}
	.study_score p	{font-size:12px;width:calc(20% - 5px);max-width:40px;}
	.study_score span	{line-height:40px;height:40px;}
}