@charset "utf-8";
.sub-wrap { margin-top:150px;}

.portfolio-wrap{  border-top:4px solid #89b6f2;text-align:center;padding:70px 0;}
.portfolio-wrap .top-con { font-size:28px;font-weight:300;}
.portfolio-wrap .top-con span { display:block;margin:80px 0 20px;font-size:23px;color:#000;font-weight:300;}
.portfolio-wrap ul { display:table;width:100%;border-bottom:0px solid #e2e2e2;margin-bottom:60px;background:#f9f9f9;border-radius:20px;}
.portfolio-wrap ul li { display:table-cell;font-size:14px;font-weight:300;padding-bottom:60px;border:0px solid yellow;}
.portfolio-wrap ul li p { border:0px solid red;width:200px;}
.portfolio-wrap ul li b { display:block;font-size:22px;display:block;padding-top:20px;}
.portfolio-wrap ul li  span { display:block;color:#1fd8d3;font-size:20px;padding-top:20px;}
.portfolio-wrap ul li img { border-radius:5px;border:0px solid #efefef;margin:30px 0;}
.portfolio-wrap a { margin-top:54px;display:inline-block;height:66px;line-height:66px;font-size:24px;color:#000;background:#F1DC43;;padding:0 60px;border-radius:5px}
.portfolio-wrap a span  { color:#34d3ce;}


@media screen  and (max-width:1000px){

.sub-wrap { margin-top:30px;}

.portfolio-wrap{  border-top:2px solid #89b6f2;text-align:center;padding:20px 0;}
.portfolio-wrap .top-con { font-size:18px;font-weight:300;}
.portfolio-wrap .top-con span { display:block;margin:60px 0 20px;font-size:16px;}
.portfolio-wrap ul { display:table;width:100%;background:#f9f9f9;}
.portfolio-wrap ul li { display:block;font-size:14px;font-weight:300;height:270px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e2e2e2;margin-left:20px;margin-right:20px;}
.portfolio-wrap ul li:nth-child(1n){padding-top:30px;}
.portfolio-wrap ul li:nth-child(2n){height:340px;}
.portfolio-wrap ul li:nth-child(3n){height:320px;}
.portfolio-wrap ul li:nth-child(6n){border-bottom:0px solid #e2e2e2;}
.portfolio-wrap ul li p { border:0px solid red;width:100%;}
.portfolio-wrap ul li b { display:block;font-size:20px;display:block;}
.portfolio-wrap ul li  span { display:block;color:#1fd8d3;font-size:16px;padding-top:10px;}
.portfolio-wrap ul li img { border-radius:5px;border:0px solid #efefef;margin:20px 0;}
.portfolio-wrap a { margin-top:0px;display:inline-block;height:46px;line-height:46px;font-size:14px;color:#000;background:#F1DC43;;padding:0 20px;border-radius:5px;margin-bottom:50px;}
.portfolio-wrap a span  { color:#34d3ce;}

}


.login-wrap { border-top:4px solid #313131;border-bottom:1px solid #e2e2e2;text-align:center;padding:110px 0 120px;margin-bottom:190px;}
.login-wrap p { font-size:26px;margin-bottom:45px;}
.login-wrap input[type=text],
.login-wrap input[type=password] {display:block; width:100%;max-width:530px;height:65px;line-height:65px;padding:0 25px;box-sizing:border-box;font-size:20px;margin:0 auto 15px;border:0;background:#efefef;color:#101010;font-weight:400;}
.login-wrap ::placeholder { font-weight:400;color:#101010;}
.login-wrap input[type=button]  {display:block; width:100%;max-width:530px;height:70px;line-height:70px;padding:0 25px;box-sizing:border-box;font-size:24px;margin:30px auto 40px;border:0;background:#1fd8d3;color:#fff;font-weight:500;text-align:center;}
.login-wrap .smenu a { display:inline-block;font-size:19px;}
.login-wrap .smenu a:after { content:'|';display:inline-block;margin:0 15px;color:#e2e2e2;}
.login-wrap .smenu a:last-child:after { display:none;}

@media screen  and (max-width:1000px){

.login-wrap { border-top:2px solid #313131;padding:20px 0 20px;margin-bottom:40px;}
.login-wrap p { font-size:14px;margin-bottom:15px;}
.login-wrap input[type=text],
.login-wrap input[type=password] {height:35px;line-height:35px;padding:0 10px;font-size:14px;margin:0 auto 5px;}
.login-wrap input[type=button]  {height:40px;line-height:40px;padding:0 10px;font-size:16px;margin:10px auto 10px}
.login-wrap .smenu a { display:inline-block;font-size:14px;}
.login-wrap .smenu a:after { content:'|';display:inline-block;margin:0 15px;color:#e2e2e2;}
.login-wrap .smenu a:last-child:after { display:none;}


}

.id-ok  { width:530px;margin:0 auto;}
.id-ok .con { background:#efefef;height:145px;line-height:145px;text-align:center;font-size:30px;margin-bottom:40px;}
@media screen  and (max-width:1000px){
.id-ok  { width:100%;margin:0 auto;}
.id-ok .con { height:100px;line-height:100px;font-size:20px;margin-bottom:20px;}


}
.id-ok .btn,
.pw-ok .btn{ min-width:48%;border-radius:0;height:70px;line-height:70px;margin:0;}
.id-ok .btn.sky,
.pw-ok .btn.sky{ background:#1fd8d3;color:#fff;margin-left:3%;}
@media screen  and (max-width:1000px){
.id-ok .btn,
.pw-ok .btn{ height:40px;line-height:40px}

}



.pw-ok  { width:530px;margin:0 auto;}
.pw-ok .con { background:#efefef;;text-align:center;font-size:20px;margin-bottom:40px;padding:40px;}
@media screen  and (max-width:1000px){
.pw-ok   { width:100%;}
.pw-ok .con { font-size:14px;margin-bottom:20px;padding:15px;}
}
.join-wrap  { border-top:4px solid #313131;padding:60px 0 0;margin-bottom:190px;}
.join-wrap form .terms_chk .chk1{width: 20px;height:20px;}
.join-wrap form .terms_chk label{font-size: 20px;}
.m-tit { font-size:35px;font-weight:bold;color:#000;margin-top:70px;margin-bottom: 7px;}
.m-tit span { display:inline-block;font-weight:200;font-size:24px;}
.m-tit span:before {content:'|';display:inline-block; margin:0 15px;color:#e2e2e2;font-size:21px;vertical-align:middle;}

@media screen  and (max-width:1000px){

.join-wrap  { border-top:2px solid #313131;padding:20px 0 0;margin-bottom:40px;}
.m-tit { font-size:18px;margin-bottom:10px;}
.m-tit span { display:block;font-size:13px;}
.m-tit span:before {display:none;}


}






table { border-top:1px solid #e2e2e2;margin-bottom:50px;}
table th,
table td{border-bottom:1px solid #e2e2e2 ;padding:26px;;color:#333;font-weight:300}
table th { padding-left:35px;background:#f7f7f7;font-size:20px;text-align:left;width:215px;box-sizing:border-box}
table td { font-size:23px;}
td span { color:#000;font-size:18px;font-weight:300;display:inline-block;margin-left:20px;}
td select { margin-right:8px;}


@media screen  and (max-width:1000px){

table { margin-bottom:20px;}
table th,
table td{padding:15px;word-break:keep-all}
table th { padding-left:15px;font-size:14px;width:20%;}
table td { font-size:14px;}
td span { font-size:13px;margin-left:10px;}
td select { margin-right:4px;}

}

.txt-table  th,
.txt-table td { padding:20px 25px;}
.txt-table td { font-size:20px;}
.emain-input { max-width:170px;}
.join-wrap ::placeholder { font-size:18px;color:#999;}
.small-btn { display:inline-block;height:40px;line-height:40px;padding:0 25px;min-width:110px;color:#fff;font-size:18px;background:#34d3ce;box-sizing:border-box;text-align:center;margin-left:20px;}
.mb80 { margin-bottom:80px;}
.mb0 { margin-bottom:0;}
.join-wrap .center-tit  {text-align:center;font-size:35px;color:#000000;font-weight:300;margin-bottom:50px;}
.pt70 { padding-top:70px;}
.agree-box { height:290px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:30px;font-size:18px;color:#333;font-weight:300;margin-bottom:30px;overflow-y:scroll}
.agree-box2 { border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:30px;font-size:18px;color:#333;font-weight:300;margin-bottom:70px;}
.agree-box2 strong{font-weight:600; display:inline-block;margin-bottom:10px;}



@media screen  and (max-width:1000px){
.txt-table  th,
.txt-table td { padding:10px;}
.txt-table td { font-size:14px;}
.emain-input { max-width:80%;}
.join-wrap ::placeholder { font-size:13px}
.small-btn { height:30px;line-height:30px;padding:0 10px;min-width:50px;;font-size:14px;margin-left:0;}
.mb80 { margin-bottom:40px;}
.join-wrap .center-tit  {font-size:18px;margin-bottom:20px;}
.pt70 { padding-top:30px;}
.agree-box { height:100px;padding:15px;font-size:14px;margin-bottom:20px}


}


.btn-center { text-align:center;}
.btn-center p{font-size: 22px;margin-bottom: 40px;}
.btn { display:inline-block;height:65px;line-height:65px;background:#3f4045;color:#fff;font-size:24px;min-width:220px;padding:0 20px;font-weight:400;text-align:center;border-radius:5px;margin:0 5px;box-sizing:border-box}
.btn.line { border:1px solid #3f4045;color:#3f4045;background:#fff;}
.btn.sky { background:#34d3ce;border-radius:0}

@media screen   and (max-width:1000px){
.btn { height:40px;line-height:40px;font-size:15px;width:48%;min-width:auto;margin:0;}
}
.mypage-top { padding:35px;border-top:4px solid #303030}
.mypage-top img{display:inline-block; border-radius:50%;width:65px;height:65px;vertical-align:middle;margin-right:20px;}
.mypage-top p { display:inline-block;color:#000;font-size:35px;font-weight:300;vertical-align:middle;}
.mypage-top p b { font-weight:bold;margin-right:16px;}
.mypage-top a { float:right;height:65px;line-height:65px;color:#fff;font-weight:bold;background:#1fd8d3;padding:0 30px;border-radius:33px;font-size:22px;}

@media screen  and (max-width:1000px){
.mypage-top { padding:10px;border-top:2px solid #303030}
.mypage-top img{ width:40px;height:40px;margin-right:10px;}
.mypage-top p { font-size:20px;}
.mypage-top p b { margin-right:0;}
.mypage-top a {height:30px;line-height:30px;padding:0 0;border-radius:16px;font-size:13px;margin-top:5px;text-align:center;width:120px;}


}


.border-top-4{border-top:4px solid #303030  }
.border-top-1{border-top:1px solid #e2e2e2  }
.pt60 { padding-top:60px;}
.txt-red { color:#ec1f1f;}

@media screen  and (max-width:1000px){
.border-top-4{border-top:2px solid #303030  }
.pt60 { padding-top:20px;}

}


.info-box { padding:50px 35px;border-bottom:1px solid #e2e2e2;margin-bottom:60px;}
.info-box .m-tit { font-size:28px;}
.info-box p{font-size:21px;font-weight:300;}


@media screen  and (max-width:1000px){


.info-box { padding:15px;margin-bottom:20px;}
.info-box .m-tit { font-size:16px;}
.info-box p{font-size:14px;font-weight:300;}
}

.m-tit  .end { display:inline-block;height:44px;line-height:44px;background:#6b6b6b;font-size:20px;color:#fff;padding:0 18px;font-weight:500;border-radius:22px;vertical-align:middle;margin-left:30px;vertical-align:6px;}
.m-tit  .ing { display:inline-block;height:44px;line-height:44px;background:#1fd8d3;font-size:20px;color:#fff;padding:0 18px;font-weight:500;border-radius:22px;vertical-align:middle;margin-left:30px;vertical-align:2px;padding:0 33px;}
.m-tit  .ing img { width:21px;vertical-align:middle;display:inline-block;margin-right:4px}
@media screen  and (max-width:1000px){
.m-tit  .end { height:30px;line-height:30px;font-size:14px;padding:0 10px;border-radius:16px;margin-left:10px}
.m-tit  .ing { height:30px;line-height:30px;font-size:14px;padding:0 10px;border-radius:16px;margin-left:10px}
.m-tit  .ing img { width:15px;margin-right:2px}
}


.my-service { margin-bottom:50px;}
.my-service li { border:1px solid #e2e2e2;margin-bottom:10px;height:100px;line-height:100px;}
.my-service li p { display:inline-block;color:#000;font-size:20px;font-weight:300;margin-left:40px;}
.my-service li p b { font-weight:500;font-size:26px;margin-right:10px;}
.my-service li .con { width:90%;float:left}
.my-service li .con .ing { display:inline-block;float:right;margin-right:35px;height:44px;line-height:44px;background:#1fd8d3;color:#fff;font-size:20px;font-weight:500;width:150px;text-align:center;border-radius:22px;margin-top:28px;}
.my-service li .con .ing img { width:21px;vertical-align:middle;display:inline-block;margin-right:4px;}
.my-service li .con .end { display:inline-block;float:right;margin-right:35px;height:44px;line-height:44px;background:#6b6b6b;color:#fff;font-size:20px;font-weight:500;width:150px;text-align:center;border-radius:22px;margin-top:28px;}
.my-service li a { float:right;width:100px;border-left:1px solid #e2e2e2;display:block;height:100px;line-height:100px;text-align:center;box-sizing:border-box}


@media screen  and (max-width:1000px){

.my-service { margin-bottom:30px;}
.my-service li { margin-bottom:5px;height:auto;line-height:20px;padding:15px;}
.my-service li:after { content:'';display:block;clear:both}
.my-service li p { font-size:14px;margin-left:0;}
.my-service li p b { font-size:15px;margin-right:0;display:block;}
.my-service li .con { width:100%;float:none}
.my-service li .con .ing { float:none;margin-right:0px;height:30px;line-height:30px;width:100px;border-radius:15px;margin-top:15px;font-size:14px;}
.my-service li .con .ing img { width:15px;margin-right:3px;}
.my-service li .con .end { float:none;margin-right:0px;height:30px;line-height:30px;width:100px;border-radius:15px;margin-top:15px;font-size:14px;}
.my-service li a { float:none;width:100%;border-left:0;border-top:1px solid #e2e2e2;display:block;height:40px;line-height:40px;text-align:center;box-sizing:border-box;margin-top:10px;}
.my-service li a img  { height:20px;}


}
.btn-right { text-align:right;}
.btn-right a { font-size:18px;height:50px;line-height:50px;padding:0 35px;min-width:auto}
@media screen  and (max-width:1000px){
.btn-right a { font-size:13px;height:30px;line-height:30px;padding:0 15px}
}


.tab  { margin:-50px auto 0;text-align:center;border-bottom:4px solid #313131;}
.tab a { display:inline-block;height:50px;line-height:50px;width:190px;text-align:center;border:1px solid #e2e2e2;border-bottom:0;font-size:20px;font-weight:400;margin:0 3px;}
.tab a.active { color:#fff;background:#34d3ce;border:1px solid #34d3ce}

@media screen  and (max-width:1000px){
.tab  { margin:0px auto 0;border-bottom:2px solid #313131;}
.tab a { height:40px;line-height:40px;width:auto;;font-size:14px;padding:0 0;width:30%;margin:0;}

}
.news-wrap{padding:0 20px;}
.news-wrap th { background:#fff;color:#000;text-align:center;padding:30px 0;font-weight:400;}
.news-wrap  td { padding:30px 0;text-align:center;}
.news-wrap  td a{  display:block;text-align:left;}


@media screen  and (max-width:1000px){
.news-wrap th { padding:10px 0;}
.news-wrap  td { padding:10px 0;text-align:center;}

}

.search-box { text-align:center;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:35px;margin-bottom:80px;}
.search-box select { border:0;height:50px;line-height:50px;padding-left:;background:#efefef;font-size:20px;display:inline-block;min-width:150px;font-weight:400;}
.search-box input[type="text"] { border:0;height:50px;line-height:50px;width:430px;display:inline-block;background:#efefef;font-size:20px;margin:0 3px;}
.search-box input[type="button"] { border:0;height:50px;line-height:50px;display:inline-block;background:#6b6b6b;font-size:20px;padding:0 40px;color:#fff}


@media screen  and (max-width:1000px){
.search-box { padding:10px;margin-bottom:40px;}
.search-box select { height:35px;line-height:35px;font-size:14px;min-width:80px;}
.search-box input[type="text"] { height:35px;line-height:35px;width:130px;font-size:14px;margin:0 3px;}
.search-box input[type="button"] { height:35px;line-height:35px;font-size:14px;padding:0 10px}


}


.news-view .view-top { padding:45px 35px;border-bottom:1px solid #e2e2e2;}
.news-view .view-top p { display:inline-block;font-size:26px;font-weight:500;}
.news-view .view-top span { float:right;color:#666;font-size:20px;font-weight:400;}
.news-view .view-con{ padding:40px 35px;font-size:20px;color:#666;line-height:35px;font-weight:300;border-bottom:1px solid #e2e2e2}
.view-bottom  {margin-bottom:50px}
.view-bottom ul  { display:table;width:100%;;}
.view-bottom li { display:table-cell;;border-bottom:1px solid #e2e2e2 ;padding:35px 35px;}
.view-bottom li.tit { width:150px;text-align:center;color:#666;font-size:20px;font-weight:300;}
.view-bottom li.tit span { font-size:16px;margin-right:10px;}
.view-bottom li.con a{display:block;padding-left:0;color:#0c0c0c;font-size:20px;font-weight:400;}

@media screen  and (max-width:1000px){

.news-view .view-top { padding:15px;}
.news-view .view-top p { display:block;font-size:18px;}
.news-view .view-top span { float:none;font-size:14px;}
.news-view .view-con{ padding:15px;font-size:14px;line-height:20px}
.view-bottom  {margin-bottom:20px}
.view-bottom li { padding:15px;}
.view-bottom li.tit { width:70px;text-align:center;color:#666;font-size:14px;font-weight:300;}
.view-bottom li.tit span { font-size:10px;margin-right:5px;}
.view-bottom li.con a{display:block;padding-left:0;color:#0c0c0c;font-size:14px;font-weight:400;}


}


.faq_list .conts { display:none;}
.faq_list .on .conts { display:block;}

.faq_list li{ border-bottom:1px solid #e2e2e2;}
.faq_list li a { display:block;background:url(../img/sub/curriculum-down.png) no-repeat 98% center; padding:25px 40px;}
.faq_list li a img { display:inline-block;margin-right:23px;vertical-align:top;margin-top:6px;}
.faq_list li a p { display:inline-block;font-size:23px;color:#000;font-weight:300;vertical-align:top;}
.faq_list li.on a { background:url(../img/sub/curriculum-up.png) no-repeat 98% center}
.faq_list .conts {border-top:1px solid #e2e2e2 ;padding:25px 40px;}
.faq_list .conts  img  { display:inline-block;margin-right:23px;vertical-align:top;margin-top:7px;}
.faq_list .conts p { display:inline-block;font-size:19px;color:#000;font-weight:300;vertical-align:top;line-height:32px;}
.faq_list .conts p span{font-size:19px !important}



@media screen  and (max-width:1000px){

.faq_list li a { padding:15px;background-size:30px}
.faq_list li a img {margin-right:10px;margin-top:3px;height:15px}
.faq_list li a p {;font-size:14px;width:80%;;}
.faq_list li.on a {background-size:30px}
.faq_list .conts {padding:15px;}
.faq_list .conts  img  { margin-right:10px;margin-top:3px;height:15px;}
.faq_list .conts p {font-size:14px;line-height:20px;}
.faq_list .conts p span{font-size:13px !important}

}


.cs-wrap { border-bottom:1px solid #e2e2e2 ;margin-bottom:80px;padding-bottom:115px;}
.cs-wrap p { text-align:center;font-size:28px;font-weight:300;margin:80px 0 90px;}
.cs-wrap li { display:inline-block;width:32%;text-align:center;vertical-align:top;font-size:26px;font-weight:300;}
.cs-wrap li b { display:block;font-size:30px;margin-bottom:7px;margin-top:40px;}
.cs-wrap p b { display:block;font-weight:500;}

@media screen  and (max-width:1000px){
.cs-wrap { margin-bottom:30px;padding-bottom:3px;}
.cs-wrap p {font-size:14px;margin:20px 0 20px;}
.cs-wrap li { display:inline-block;width:32%;text-align:center;vertical-align:top;font-size:14px;padding:0 10px 20px;box-sizing:border-box;word-break:break-all}
.cs-wrap li b { display:block;font-size:16px;margin-bottom:4px;margin-top:20px;}
}


.info-box01  { padding:30px 30px 30px 105px;font-size:18px;line-height:27px;font-weight:300;background:url(../img/sub/icon-info.png) no-repeat 30px center;}

@media screen  and (max-width:1000px){
.info-box01  { padding:5px 0 15px 40px;font-size:14px;line-height:20px;background:url(../img/sub/icon-info.png) no-repeat 0 10px;background-size:30px}

}


.pay-total {border-bottom:1px solid #e2e2e2 ;padding:40px 50px 40px 35px;font-weight:500;font-size:26px;margin-bottom:70px;}
.pay-total  b { float:right;font-size:40px;font-weight:500;margin-top:-10px;}
.pay-total  b span { font-weight:200;font-size:30px;}
.pay-btm-txt{font-size: 24px;font-weight:300;display: inline-block;margin-top: 10px}
@media screen  and (max-width:1000px){
.pay-total {padding:15px 0;font-size:16px;margin-bottom:30px;}
.pay-total  b { float:right;font-size:25px;margin-top:-6px;}
.pay-total  b span { font-size:15px;}
.pay-btm-txt span{font-size:13px;line-height: 15px;}

}


.pay-start { border-top:1px solid #e2e2e2 ;border-bottom:1px solid #e2e2e2 ;margin-bottom:70px;padding:35px 0;}
.pay-start ul { display:table;width:100%;}
.pay-start ul li { display:table-cell;vertical-align:middle;}
.pay-start ul li.tit { padding:0 30px 0 30px;width:15%;font-size:21px;font-weight:400;}
.pay-start ul li.con { padding:0 30px 0 0;width:35%;}
.pay-start ul li.con:after { content:'';display:block;clear:both}
.pay-start ul li.con input[type="text"] { float:left;width:70%;height:50px;line-height:50px;background:#efefef;border:0;font-size:20px;color:#000;}
.pay-start ul li.con input[type="button"] { float:left;width:30%;height:50px;line-height:50px;background:#1fd8d3;border:0;color:#fff;font-size:20px;text-align:center;cursor:pointer}


@media screen  and (max-width:1000px){
.pay-start  { padding:15px;margin-bottom:30px;}
.pay-start ul li { display:block;}
.pay-start ul li.tit { padding:0 10px 10px 0;font-size:14px;width:100%;}
.pay-start ul li.con { padding:0 10px 0 0;width:100%;margin-bottom:15px;}
.pay-start ul li.con input[type="text"] {height:35px;line-height:35px;font-size:14px;}
.pay-start ul li.con input[type="button"] { width:30%;height:35px;line-height:35px;font-size:14px}

}
.pay-card .box { padding:50px 35px;font-size:21px;font-weight:200;line-height:35px;border-bottom:1px solid #e2e2e2 }
.pay-card .box .s-tit {font-weight:bold;font-size:28px; margin-bottom:20px;}

.pay-card-box { border-bottom:1px solid #e2e2e2;padding:25px 35px;margin-bottom:60px;}
.pay-card-box ul { display:table;width:100%;}
.pay-card-box ul li { display:table-cell;vertical-align:middle;padding:15px 0;}
.pay-card-box ul li.tit { font-size:21px;font-weight:400;font-weight:400;min-width:140px;width:15%;box-sizing:border-box;}
.pay-card-box ul li select { height:50px;line-height:50px;background:#efefef;width:100%;border:0}
.pay-card-box ul li.con { padding-right:55px;width:35%;box-sizing:border-box;font-size:20px;font-weight:400;}
.pay-card-box ul li.con input[type="text"] { width:100%;height:50px;line-height:50px;background:#efefef;border:0;font-size:20px;color:#000;}
.txt-sky { color:#00cac5;}


@media screen  and (max-width:1000px){
.pay-card .box { padding:25px 0;font-size:14px;line-height:20px }
.pay-card .box .s-tit {font-size:16px; margin-bottom:10px;}

.pay-card-box { padding:15px;margin-bottom:30px;}
.pay-card-box ul li { display:block;padding:10px 0;}
.pay-card-box ul li.tit { font-size:14px;min-width:100%;width:100%;padding-bottom:0;}
.pay-card-box ul li select { height:40px;line-height:40px;}
.pay-card-box ul li.con { padding-right:0px;width:100%;font-size:14px}
.pay-card-box ul li.con input[type="text"] { height:40px;line-height:40px;font-size:14px}


}


.pay-chk{position:relative;display:block;width:100%;height:100px;margin-bottom:10px;}
.pay-chk input[type="radio"] { display:none;}
.pay-chk input[type="radio"] + label{ display:block;font-size:26px;font-weight:500;position:relative;;cursor:pointer;width:100%;height:100px;line-height:100px;border:1px solid #e2e2e2;padding:0 45px 0 105px;box-sizing:border-box;background:url(../img/sub/check02.png) no-repeat 37px center;}
.pay-chk input[type="radio"] + label b { float:right;font-size:26px;}
.pay-chk input[type="radio"] + label b span { font-weight:400;font-size:20px;margin-left:8px;}
.pay-chk input[type="radio"]:checked + label {border:1px solid #ccc;color:#fff;background:#ccc url(../img/sub/check-on.png) no-repeat 37px center}

@media screen  and (max-width:1000px){



.pay-chk{height:auto;margin-bottom:5px;}
.pay-chk input[type="radio"] + label{ font-size:14px;font-weight:500;height:auto;line-height:20px;padding:15px 15px 15px 75px ;background:url(../img/sub/check.png) no-repeat 15px center;background-size:40px}
.pay-chk input[type="radio"] + label b { float:none;font-size:14px;display:block;}
.pay-chk input[type="radio"] + label b span { font-size:12px;margin-left:3px;}
.pay-chk input[type="radio"]:checked + label {border:1px solid #ccc;color:#fff;background:#ccc url(../img/sub/check-on.png) no-repeat 15px center;background-size:40px}


}

.card-chk{position:relative;display:inline-block;width:48%;height:80px;text-align:center;}
.card-chk input[type="radio"] { display:none;}
.card-chk input[type="radio"] + label{ display:block;color:#fff;font-size:26px;font-weight:500;position:relative;;cursor:pointer;width:100%;height:80px;line-height:80px;box-sizing:border-box;background:#6b6b6b}
.card-chk input[type="radio"]:checked + label {background:#1fd8d3}
.card-chk input[type="radio"] + label img { vertical-align:baseline;margin-right:6px;}



@media screen  and (max-width:1000px){
.card-chk{position:relative;display:inline-block;width:48%;height:50px;text-align:center;}
.card-chk input[type="radio"] + label{ font-size:14px;width:100%;height:50px;line-height:50px;}
.card-chk input[type="radio"] + label img { vertical-align:baseline;margin-right:4px;width:15px;}

}

.w-tel{ width:112px!important;margin-bottom:10px; }
.btn-s {display:inline-block;height:40px;line-height:40px;vertical-align:middle;margin-left:15px;padding:0 18px;font-size:18px;font-weight:300;color:#fff}
.btn-s.gray { background:#6b6b6b;margin-bottom:10px;}
.btn-s.sky { background:#34d3ce}

.tel-box{  width:374px;display:inline-block;vertical-align:middle;}


@media screen  and (max-width:1000px){
.w-tel { width:29%!important;margin-bottom:0;}
.tel-box  { width:100%;}
.btn-s { height:30px;line-height:30px;margin-left:0;font-size:14px;width:100%;padding:0;text-align:center;margin:5px 0 10px;}
}

.curriculum_list .conts { display:none;}
.curriculum_list .on .conts { display:block;}
.curriculum_list .on .conts p {font-size:18px !important}
.curriculum_list .on .conts p span{font-size:18px !important}
.curriculum_list  {border-top:4px solid #313131 ;margin-bottom:80px;}
.curriculum_list li{ border-bottom:1px solid #e2e2e2;}
.curriculum_list li a { display:block;background:url(../img/sub/curriculum-down.png) no-repeat 98% center; padding:25px 40px;}
.curriculum_list li a b { display:inline-block;font-size:23px;font-weight:500;width:235px;vertical-align:top;}
.curriculum_list li a  p { display:inline-block;vertical-align:top;width:80%;font-size:23px;font-weight:300;}
.curriculum_list li.on a { background:url(../img/sub/curriculum-up.png) no-repeat 98% center}
.curriculum_list .conts {border-top:1px solid #e2e2e2 ;padding:30px 50px;font-size:19px;color:#000;font-weight:300;min-height:150px;box-sizing:border-box}
.curriculum_list li .bg-sky {background:#eafbfa url(../img/sub/curriculum-down.png) no-repeat 98% center; }
.curriculum_list li.on .bg-sky  {background:#eafbfa url(../img/sub/curriculum-up.png) no-repeat 98% center; }


@media screen  and (max-width:1000px){

.curriculum_list  {border-top:2px solid #313131 ;margin-bottom:40px;}
.curriculum_list li a { display:block; background-size:30px;padding:15px 0;}
.curriculum_list li a b { font-size:14px;;width:100%}
.curriculum_list li a  p {width:100%;font-size:14px}
.curriculum_list li.on a {background-size:30px;}
.curriculum_list .conts {padding:15px 0;font-size:14px;min-height:100px}
.curriculum_list li .bg-sky {background-size:30px; }
.curriculum_list li.on .bg-sky  {background-size:30px;}

.curriculum_list .on .conts p {font-size:14px !important}
.curriculum_list .on .conts p span{font-size:14px !important}



}

.analysis-wrap{ border-top:4px solid #303030 ;padding-top:70px;text-align:center;}
.analysis-top { font-size:26px;font-weight:300;margin-bottom:45px;}
.analysis-top b { font-size:40px;display:block;margin-bottom:10px;}
.analysis-top b  span { color:#1fd8d3;}
.analysis-con { border:4px solid #eee;padding:50px;margin-bottom:60px;border-radius:25px}
.analysis-con span { display:inline-block;height:50px;line-height:50px;color:#fff;font-size:25px;font-weight:500;width:180px;background:#97989d;border-radius:25px;margin:45px 6px 0;}
.analysis-wrap .point { padding:0 25px 70px;text-align:left;border-bottom:1px solid #e2e2e2;margin-bottom:60px;}
.analysis-wrap .point .tit { margin-bottom:50px;}
.analysis-wrap .point ul { display:table;width:100%;;}
.analysis-wrap .point ul li { display:table-cell;width:50%;padding:0 90px;font-size:21px;font-weight:300;}
.analysis-wrap .point ul li b { font-size:28px;margin-bottom:25px;display:block;}
.analysis-wrap .point ul li:first-child  {border-right:1px solid #e2e2e2 }


@media screen   and (max-width:1000px){
.analysis-wrap{ border-top:2px solid #303030 ;padding-top:20px}
.analysis-top { font-size:14px;margin-bottom:20px;}
.analysis-top b { font-size:18px;margin-bottom:0;}
.analysis-con { border:2px solid #eee;padding:20px;margin-bottom:20px;border-radius:10px}
.analysis-con span { height:40px;line-height:40px;color:#fff;font-size:14px;width:100px;border-radius:10px;margin:25px 3px 0;}
.analysis-wrap .point { padding:0 0 0px;;margin-bottom:30px;margin-top:30px;}
.analysis-wrap .point .tit { margin-bottom:20px;}
.analysis-wrap .point .tit img { height:30px;}
.analysis-wrap .point ul li { display:block;width:100%;padding:0 0;font-size:14px;margin-bottom:20px;}
.analysis-wrap .point ul li b { font-size:18px;margin-bottom:10px;}
.analysis-wrap .point ul li:first-child  {border-right:0 }

}

.free-request { text-align:center;font-size:30px;color:#666666;padding-bottom:25px;border-bottom:4px solid #313131}
.no-line { border-top:0!important}

.w360 { width:360px!important;}



@media screen   and (max-width:1000px){

.free-request {font-size:14px;padding-bottom:10px;border-bottom:2px solid #313131}


.w360 { width:100%!important;}

}





.terms_chk004{;font-size:23px; color:#333; padding:0px 0 0px; position:relative;display:block;;font-weight:300;padding:10px 0 15px 0;box-sizing:border-box}
.terms_chk004 .chk1+i{top:-2px;}
.terms_chk004 .chk1:checked+i:after{vertical-align:0px!Important;}


.terms_chk004 .chk1{width:10px; height:10px; margin-right:5px; vertical-align:middle;display:none;}
.terms_chk004 .chk1+i{display:inline-block; width:38px; height:38px; position:absolute; left:0; top:10px; /*background:url(../img/sub/check-off.png) no-repeat 0 0;*/ background-size:cover;border:0;background:#ccc;}
.terms_chk004 .chk1+i{pointer-events:none;}
.terms_chk004 .chk1:checked+i{ text-align:center;border:0}
.terms_chk004 .chk1:checked+i:after{content:''; display:inline-block; background:url(../img/sub/check-on01.png) no-repeat 0 0; background-size:cover;width:38px; height:38px;;}
.terms_chk004  label { display:inline-block;position:relative;left:0;padding-left:65px;line-height:36px;margin-left:0;cursor:pointer;color:#000;;vertical-align:top;}

.portfolio-wrap01 { border-top:4px solid #303030 }
.portfolio-wrap01 .sub-tit{text-align:right;font-weight:bold;padding:25px 20px;font-size:22px; }
.portfolio-wrap01 .sub-tit img { vertical-align:middle;margin-right:10px;}
.portfolio-wrap01 .box { border:1px solid #e2e2e2;border-radius:20px;margin-bottom:12px;overflow:hidden}
.portfolio-wrap01 .box .q-box { padding:30px 35px ;font-size:26px;color:#000;font-weight:400;}
.portfolio-wrap01 .box .q-box b { font-size:32px;color:#1fd8d3;display:inline-block;margin-right:4px;}
.portfolio-wrap01 .box .a-box { background:#f6f6f6;padding:30px 35px;}
.portfolio-wrap01 .btn-center { padding-top:60px;}
.portfolio-wrap01 .btn-center img { margin-left:18px;vertical-align:middle;}



@media screen   and (max-width:1000px){
.terms_chk004 { font-size:14px;padding-bottom:10px;}
.terms_chk004 .chk1+i { width:20px;height:20px;}
.terms_chk004 .chk1:checked+i:after { width:20px;height:20px;}
.terms_chk004  label  { line-height:18px;padding-left:30px;}

.btn-center p{font-size: 14px;margin-bottom: 20px;}



.portfolio-wrap01 { border-top:2px solid #303030 }
.portfolio-wrap01 .sub-tit{text-align:right;font-weight:bold;padding:15px 10px;font-size:14px; }
.portfolio-wrap01 .sub-tit img { vertical-align:middle;margin-right:5px;width:20px;}
.portfolio-wrap01 .box { border:1px solid #e2e2e2;border-radius:10px;margin-bottom:10px;overflow:hidden}
.portfolio-wrap01 .box .q-box { padding:15px 15px ;font-size:14px;color:#000;font-weight:400;}
.portfolio-wrap01 .box .q-box b { font-size:16px;color:#1fd8d3;display:inline-block;margin-right:3px;}
.portfolio-wrap01 .box .a-box { background:#f6f6f6;padding:15px 15px;}
.portfolio-wrap01 .btn-center { padding-top:20px;}
.portfolio-wrap01 .btn-center img { margin-left:10px;vertical-align:middle;}
}





.terms_chk{;font-size:17px; color:#000000; padding:0px 0 0px; position:relative;display:inline-block;width:auto;margin:0 auto;font-weight:400;padding:0 0 0 0;}
.terms_chk .chk1+i{top:-2px;}
.terms_chk .chk1:checked+i:after{vertical-align:0px!Important;}


.terms_chk .chk1{width:10px; height:10px; margin-right:5px; vertical-align:middle;display:none;}
.terms_chk .chk1+i{display:inline-block; width:31px; height:31px; position:absolute; left:0; top:0; background:#fafafa; background-size:cover;border:1px solid #808080;border-radius:50%}
.terms_chk .chk1+i{pointer-events:none;}
.terms_chk .chk1:checked+i{ text-align:center;border:0}
.terms_chk .chk1:checked+i:after{content:''; display:inline-block; background:url(../img/sub/check-on02.png) no-repeat  center center; background-size:cover;width:33px; height:33px;;border-radius:50%}
.terms_chk  label { display:inline-block;position:relative;left:0;padding-left:45px;line-height:31px;margin-left:0;cursor:pointer;color:#000;;vertical-align:top;}
.terms_chk  label span { color:#000;text-decoration:underline}

.chk-box   { border-bottom:1px solid #e2e2e2;padding:30px 0;}
.chk-box  p { display:inline-block;font-size:26px;font-weight:400;letter-spacing:-1px}
.chk-box  p a { font-size:17px;font-weight:300px;display:inline-block;margin-left:20px;text-decoration:underline}
.chk-box .chk-right { float:right;text-align:right;}
.chk-box .chk-right  .terms_chk  { margin-left:70px;}
.chk-box .chk-right  .terms_chk label { font-size:17px;font-weight:300;}
.chk-box:after { content:'';display:block;clear:both}

.mt70{  margin-top:70px;}


.check-all { border-bottom:1px solid #e2e2e2;padding-bottom:25px;}
.check-all  .terms_chk label { font-weight:bold;font-size:30px!important;}

@media screen and (max-width:1030px){

.terms_chk { font-size:13px;}
.terms_chk .chk1+i ,
.terms_chk .chk1:checked+i:after{ width:20px;height:20px;}
.terms_chk  label { line-height:20px;padding-left:25px;}


.chk-box   { border-bottom:1px solid #e2e2e2;padding:15px 0;}
.chk-box  p { display:block;font-size:14px;font-weight:400;letter-spacing:-1px}
.chk-box  p a { font-size:14px;font-weight:300px;display:inline-block;margin-left:10px;text-decoration:underline}
.chk-box .chk-right { float:none;text-align:left;padding-top:10px;}
.chk-box .chk-right  .terms_chk  { margin-left:0px;margin-right:15px;}
.chk-box .chk-right  .terms_chk label { font-size:14px;font-weight:300;}
.chk-box:after { content:'';display:block;clear:both}

.mt70{  margin-top:70px;}


.check-all { border-bottom:1px solid #e2e2e2;padding-bottom:15px;}
.check-all  .terms_chk label { font-weight:bold;font-size:20px!important;}

}






.layer-bg-member {display:none; position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:99999}
.layer-bg-member .con-box { position:fixed;width:680px;padding:30px;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%) ;max-height:85%;overflow-y:auto;}
.layer-bg-member .con-box .box { position:relative;height:100%;}
.layer-bg-member .con-box .btn-close { position:absolute;top:-20px;right:0px}
.layer-bg-member  .layer-tit { font-size:25px;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:15px;line-height:16px;}
.layer-bg-member .con-box01 { height:95%;overflow-y:auto;font-size:16px;}


@media screen and (max-width:1000px){

.layer-bg-member {display:none; position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:99999}
.layer-bg-member .con-box { position:fixed;width:96%;padding:20px;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%) ;box-sizing:border-box}
.layer-bg-member .con-box .box { position:relative;}
.layer-bg-member .con-box .btn-close { position:relative;top:-10px;right:-10px;float:right}
.layer-bg-member .con-box01 { width:100%;font-size:14px;}
}