@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}


.s_visual { background-color:#ffffff;position:relative;width:100%; height:100px;box-sizing:border-box;}
@media all and (max-width: 1280px){
	.s_visual { height:70px; }
}
@media all and (max-width:568px){
  .s_visual { height:60px; }
}  


#subContent { position: relative; width: 100%; }

#pageCont { margin-top:100px;min-height:600px;padding: 0% 0 6%;}
#MypageCont { margin-top:100px;}

#subTitle {
    display: block;
    text-align: center;
    padding: 10rem 0rem 0rem 0rem;
}

#subTitle h1 {
    border-bottom: 0.6rem solid;
    display: inline-block;
    font-size: 4.0rem;
    color:#404040;
    line-height: 5.2rem;
    letter-spacing: 0em;
    text-align: center;
    
}

@media all and (max-width:568px) {
	#subTitle { font-size: 3.5rem; }
}

@media all and (max-width:480px) {
	#subTitle { font-size: 3rem;}
}






/*----------------------------------------  로그인 ----------------------------------------*/
/*----------------------------------------  로그인 ----------------------------------------*/

.LoginWarp{text-align:center; max-width:1050px; margin:30px auto 0 auto; }
.LoginSubBox.LoginWhiteBox{background-color:#fff;border:1px solid #eeeeee;box-shadow:2px 4px 8px 1px rgba(0,0,0,.09);border-radius:30px;}
.LoginSubBox.LoginWhiteBox{margin:0 auto 148px; display:inline-block; text-align:left; margin:0px auto 110px;width:40%;box-sizing:border-box;padding:50px 30px;width:100%;}
.LoginSubBox.LoginWhiteBox .LoginBox{padding:20px 40px; }
.LoginSubBox.LoginWhiteBox .LoginBox .loginBoxArea{width:100%; margin:0 0 0 auto;}
.LoginSubBox.LoginWhiteBox .LoginBox a{color:#fff; display:inline-block; text-align:center;box-sizing:border-box; font-weight:400; font-size:1.000em; width:100%;margin-bottom:5px;height:50px;line-height:50px;}
.LoginSubBox.LoginWhiteBox .LoginBox a img{float:left;vertical-align:middle;margin-left:3px;margin-bottom:3px;max-width:50px;}
.LoginSubBox.LoginWhiteBox .LoginBox a strong{color:#fff;font-weight:bold;}
.LoginSubBox.LoginWhiteBox .LoginBox .loginInput input{background:#fff; border:0; width:100%; border:1px solid #d7d7d7; text-indent:15px;margin-bottom:5px; height:50px;line-height:normal; border-radius:0;}
.LoginSubBox.LoginWhiteBox .LoginBox .loginInput input[type="password"].user_pw{font-size:14px;font-family:"Nanum Gothic";} /* added by Oak */

.LoginSubBox.LoginWhiteBox .SchIdPwBox{ padding:20px 40px ;border-left:1px dashed #d7d7d7;}
.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox h4{font-size:1.8rem;font-weight:600; margin-bottom:10px;}
.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox p{font-size:1.4rem; color:#6f6f6f; margin-bottom:20px;}
.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox .NonMember{margin:10px 0 77px;}
.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox .NonMember a{font-size: 16px;color:#333; width:200px;height:43px; line-height:41px; }
.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox .SchIdPw{margin:20px 0 77px 0px;}
.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox .SchIdPw p{float:left;margin-left:0px;}
.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox .SchIdPw a{font-size: 16px;color:#231815; width:200px;height:43px; line-height:41px; box-sizing:border-box;display:inline-block; text-align:center;}
.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox .SchIdPw a:last-child{margin-left:0px;}

.LoginSubBox.LoginWhiteBox .LoginAfter{padding:30px}
.LoginSubBox.LoginWhiteBox .LoginAfter .LoginAfterArea{width:100%; margin:auto;}
.LoginSubBox.LoginWhiteBox .LoginAfter a{color:#fff; display:inline-block; text-align:center;box-sizing:border-box; font-weight:400; font-size:1.000em; width:100%;margin-bottom:5px;height:50px;line-height:50px;}
.LoginSubBox.LoginWhiteBox .LoginAfter a img{float:left;vertical-align:middle;margin-left:3px;margin-bottom:3px;max-width:50px;}
.LoginSubBox.LoginWhiteBox .LoginAfter a strong{color:#fff;font-weight:bold;}
.LoginSubBox.LoginWhiteBox .LoginAfter .loginInput input{background:#fff; border:0; width:100%; border:1px solid #d7d7d7; text-indent:15px;margin-bottom:5px; height:50px;line-height:normal; border-radius:0;}
.LoginSubBox.LoginWhiteBox .LoginAfter .loginInput input[type="password"].user_pw{font-size:12px;font-family:"Nanum Gothic";} /* added by Oak */
.LoginSubBox.LoginWhiteBox .LoginAfter .LoginAfterArea p{font-size:1.4rem; color:#6f6f6f; margin-bottom:5px;}



/*테블릿*/

@media all and (max-width:990px) {

	.LoginSubBox.LoginWhiteBox{width:100%;}
	.LoginSubBox.LoginWhiteBox .LoginBox .loginBoxArea{width:100%;}
	.LoginWhiteBox.LoginSubBox .LoginBox .loginInput input{height:40px;}
	.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox h4{font-size:1.7rem;margin-bottom:5px;}
	.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox p{font-size:1.5rem;margin-bottom:20px; line-height:19px;}
	.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox .NonMember{margin:0px 0 36px;}
	.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox .SchIdPw{margin:20px 0 36px;}
	.LoginSubBox.LoginWhiteBox.LoginBox .loginInput a.whiteBtn, .LoginSubBox.LoginWhiteBox .agreeBoxArea a.whiteBtn{font-size:12px;}
	
  .LoginSubBox.LoginWhiteBox .LoginBox{padding:20px; }
  .LoginSubBox.LoginWhiteBox .SchIdPwBox{ padding:20px;}

	
}


/*모바일*/
@media all and (max-width:767px) {

	.LoginSubBox.LoginWhiteBox{padding:25px;}
	.LoginSubBox.LoginWhiteBox .LoginBox, .LoginSubBox.LoginWhiteBox .SchIdPwBox{width:100%;}
	.LoginSubBox.LoginWhiteBox .LoginBox{}
	.LoginSubBox.LoginWhiteBox .LoginBox a{font-size:1.167em;}
	.LoginSubBox.LoginWhiteBox .LoginBox .loginInfo{font-size:1.167em;}
	.LoginSubBox.LoginWhiteBox .LoginBox .loginInfo a{font-size:1.000em;}
	.LoginSubBox.LoginWhiteBox .SchIdPwBox{border-left:0;}
	.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox .NonMember{margin:30px 0 30px;padding-top:20px;border-top:1px dashed #dedede;}

	
	/* 비밀번호, 아이디 찾기 */
	.LoginSubBox.LoginWhiteBox .{padding:0px 0px 0 0; border-right:0px;}
	.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox h4{font-size:1.6rem;margin-bottom:5px;}
	.LoginSubBox.LoginWhiteBox .SchIdPwBox .memberBox p{font-size:1.3rem;margin-bottom:20px; line-height:19px;}


}

/*----------------------------------------  로그인 ----------------------------------------*/
/*----------------------------------------  로그인 ----------------------------------------*/







/*----------------------------------------  회원가입 ----------------------------------------*/
/*----------------------------------------  회원가입 ----------------------------------------*/

.JoinWarp{text-align:center; max-width:1050px; margin:0 auto 0 auto; }
.JoinSubBox.JoinWhiteBox{width:800px;padding:50px 80px;background-color:#ffff;border:1px solid #eeeeee;box-shadow:2px 4px 8px 1px rgba(0,0,0,.09);border-radius:30px;margin:0 auto 148px;text-align:left;box-sizing:border-box;}
.JoinSubBox.JoinWhiteBox h4{font-size:1.4rem;margin-bottom:7px; margin-top:5px;text-align:left; font-weight:600;}
.JoinSubBox.JoinWhiteBox h2{width:100%;font-size:2.0rem; float:left; margin-bottom:20px; font-weight:700}
.JoinSubBox.JoinWhiteBox h2 span{font-size:1.4rem; float:right;color:#ed5f00;margin-top:5px;}


.JoinSubBox.JoinWhiteBox .JoinInput input{width:78%;background:#fff;float:left;}
.JoinSubBox.JoinWhiteBox .JoinInput{display:inline-block; width:100%; margin-bottom:15px;}
.JoinSubBox.JoinWhiteBox .JoinInput2{display:inline-block; width:100%; margin-bottom:15px;}
.JoinSubBox.JoinWhiteBox .JoinInput #id_chk{font-size:13px; color:#ea3737;margin-top:5px;width:100%;display:inline-block; margin-bottom:10px;}
.JoinSubBox.JoinWhiteBox .JoinInput p.txt,  .JoinSubBox.JoinWhiteBox .JoinInput2 p.txt{font-size:0.938em; color:#777;width:100%; display:inline-block; margin:5px 0 15px;}
.JoinSubBox.JoinWhiteBox .JoinInput2 input[type="password"].user_pw{width:100%;}

.JoinSubBox.JoinWhiteBox .userInfo input.user_pw{margin-bottom:5px;}
.JoinSubBox.JoinWhiteBox .userInfo{border-bottom:1px dashed #dedede;margin-bottom: 20px;}
.JoinSubBox.JoinWhiteBox .userInfo{border-bottom:0;margin-bottom: 0px;}
.JoinSubBox.JoinWhiteBox .userInfo:last-child{margin-bottom:0; padding-bottom:0;border-bottom:0}
.JoinSubBox.JoinWhiteBox select{border-radius:0;}
.JoinSubBox.JoinWhiteBox .userInfo input{border-radius:0; height:37px;text-indent: 10px;margin-bottom:0;}
.JoinSubBox.JoinWhiteBox .userInfo input[type="text"],
.JoinSubBox.JoinWhiteBox .userInfo input[type="number"]{border-radius:0; height:37px; text-indent: 10px;margin-bottom:0;}
.JoinSubBox.JoinWhiteBox .userInfo input[type="text"].user_pw{margin-bottom:5px;}
.JoinSubBox.JoinWhiteBox .userInfo input[type="text"].mb-10{margin-bottom:10px;}
.JoinSubBox.JoinWhiteBox .userInfo .fullInput{width:100%;}
.JoinSubBox.JoinWhiteBox .userInfo .gender{width:100%; display:inline-block;margin-bottom:15px;}
.JoinSubBox.JoinWhiteBox .userInfo .gender label.radio{font-size:13px; color:#555;}

.JoinSubBox.JoinWhiteBox .userInfo .agreeInput{height:40px; line-height:40px; width:100%; display:inline-block;}
.JoinSubBox.JoinWhiteBox .userInfo .agreeInput span{}
.JoinSubBox.JoinWhiteBox .userInfo .agreeInput .checkArea{float:right;}
.JoinSubBox.JoinWhiteBox .userInfo .agreeInput .checkArea label.check{margin-left:10px;}

.JoinSubBox.JoinWhiteBox a img{float:left;vertical-align:middle;margin-left:3px;margin-bottom:3px;max-width:50px;}
.JoinSubBox.JoinWhiteBox a strong{color:#fff;font-weight:bold;}


.JoinSubBox.JoinWhiteBox .txt {font-size:14px}
.JoinSubBox.JoinWhiteBox .comment{float:right;font-size:1.2rem; color:#959595; }
.JoinSubBox.JoinWhiteBox .comment img{vertical-align:middle;margin-top:2px;}

.JoinSubBox.JoinWhiteBox .fullInput.disable{background:#f8f8f8; border:1px solid #d7d7d7;height: 37px;line-height:35px;width:100%; text-indent: 10px; color:#9b9b9b; font-size:13px;}
.JoinSubBox.JoinWhiteBox .fullInput{width:100%;}
.JoinSubBox.JoinWhiteBox .agreeBoxArea{width:100%;padding:0px;display:inline-block;}

.JoinSubBox.JoinWhiteBox .joinBtn{text-align:center;border-radius:0;width:20%;margin-bottom:0;color:#ffff;background-color:#929292;height:37px; line-height:36px; font-size:13px;}



.JoinSubBox.JoinWhiteBox .pCellular{display:inline-block; width:100%;margin-bottom:15px; }
.JoinSubBox.JoinWhiteBox .pCellular select{margin-right:0;width:19%;float:left;}
.JoinSubBox.JoinWhiteBox .pCellular input{width:35.5%; border-radius:0;float:left;}
.JoinSubBox.JoinWhiteBox .pCellular span{display:inline-block; text-align:center; width:5%;float:left; line-height:37px;}


.JoinSubBox.JoinWhiteBox .mail{width:100%; display:inline-block; margin-bottom:15px;}
.JoinSubBox.JoinWhiteBox .mail span{float:left; line-height:37px;width:6%; text-align:center; font-size:15px; color:#9b9b9b;}
.JoinSubBox.JoinWhiteBox .mail .mail1{width:30%;float:left;}
.JoinSubBox.JoinWhiteBox .mail .mail2{width:32%;float:left; }
.JoinSubBox.JoinWhiteBox .mail select{display: inline-block; width: 29%; height:37px;margin-left:3%;margin-top:0;vertical-align:top;}



.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree{background:#fff;    border: 1px solid #d7d7d7;box-sizing:border-box; padding:15px;margin-top:25px;}
.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree .title{    font-size: 14px;margin-bottom:15px;color:#231815;}
.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree .txt{color:#777;white-space:pre-line; font-size: 12px; line-height:18px;margin-bottom:0;}
.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree .checkArea{width:100%;font-size:0.875em;}
.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree .checkArea label.check{width:auto;vertical-align:middle;}
.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree .checkArea label.check a{width:auto; color:#9b9b9b; color:#777;border-bottom:1px solid #9b9b9b;}
.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree .checkArea label.check span{color:#272F82;}
.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree .viewAll{vertical-align:middle; margin-left:5px; font-size:13px;}
.JoinSubBox.JoinWhiteBox .agreeBoxArea .agreeBox .text{font-size: 14px;text-align:center;line-height:18px; margin-bottom: 7px;color:#555;}


.JoinSubBox.JoinWhiteBox .userInfo .birth{display:inline-block; width:100%;margin-bottom:15px;}
.JoinSubBox.JoinWhiteBox .userInfo select{display: inline-block;height:37px;margin-top:0;vertical-align:top;}
.JoinSubBox.JoinWhiteBox .userInfo .BYear{width:32%;float:left;}
.JoinSubBox.JoinWhiteBox .userInfo .BMonth{width:32%;float:left;margin-left:2%;}
.JoinSubBox.JoinWhiteBox .userInfo .BDay{width: 32%; height:37px;margin-left:2%;}

.JoinSubBox.JoinWhiteBox .cellular{display:inline-block; width:100%;margin-bottom:15px; }
.JoinSubBox.JoinWhiteBox .userInfo select{display: inline-block;height:37px;margin-top:0;vertical-align:top;}
.JoinSubBox.JoinWhiteBox .cellular select{width:32%;margin-right:2%;float:left;}
.JoinSubBox.JoinWhiteBox .cellular .Cellular2{width:32%;margin-right:2%;border-radius:0;float:left;}
.JoinSubBox.JoinWhiteBox .cellular .Cellular3{width:32%;border-radius:0;float:left;}

.JoinSubBox.JoinWhiteBox .pwhint{display:inline-block; width:100%;margin-bottom:15px; }
.JoinSubBox.JoinWhiteBox .pwhint select{width:100%;height:37px;float:left;margin-bottom:5px;}
.JoinSubBox.JoinWhiteBox .pwhint input{width:100%; border-radius:0;float:left;}

.JoinSubBox.JoinWhiteBox .SNSID{display:inline-block; width:100%;margin-bottom:15px; }
.JoinSubBox.JoinWhiteBox .SNSID select{margin-right:2%;width:32%;height:37px;float:left;}
.JoinSubBox.JoinWhiteBox .SNSID .SNSCompany{margin-right:2%;width:32%; border-radius:0;float:left;}
.JoinSubBox.JoinWhiteBox .SNSID .SNSID{width:32%; border-radius:0;float:left;}
.JoinSubBox.JoinWhiteBox .SNSID span{display:inline-block; text-align:center; width:5%;float:left; line-height:37px;}

.JoinSubBox.JoinWhiteBox .phone{width:100%; display:inline-block; margin-bottom:15px;}
.JoinSubBox.JoinWhiteBox .phone span{float:left; line-height:37px;width:6%; text-align:center; font-size:15px; color:#9b9b9b;}
.JoinSubBox.JoinWhiteBox .phone .Phone1{width:30%;float:left;}
.JoinSubBox.JoinWhiteBox .phone .Phone2{width:29%;float:left; }
.JoinSubBox.JoinWhiteBox .phone .Phone3{width:29%;float:left; }
.JoinSubBox.JoinWhiteBox .address{width:100%; display:inline-block; margin-bottom:15px;}
.JoinSubBox.JoinWhiteBox .address .schCode{width:25%;float:left;margin-right:2%;}
.JoinSubBox.JoinWhiteBox .address input1{margin-top:5px;}
.JoinSubBox.JoinWhiteBox .address .fullInput {margin-top:5px;}

/*테블릿*/

@media all and (max-width:990px) {


	.JoinSubBox.JoinWhiteBox{width:90%;}
	.JoinSubBox.JoinWhiteBox .JoinBoxArea{width:100%;}
	.JoinWhiteBox.JoinSubBox .JoinInput input{height:40px;}

	.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree:first-child{margin-top:25px;}
	.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .joinAgree{margin-top:15px;}
	.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox .btnarea,
	.JoinSubBox.JoinWhiteBox .agreeBoxArea{width:100%;margin-top:25px;}
	.JoinSubBox.JoinWhiteBox .userInfo select{font-size:12px;}
	.JoinSubBox.JoinWhiteBox .gender .radioArea input.smallInput{width:70%;float:none;}
	.JoinSubBox.JoinWhiteBox .agreeBoxArea{position:relative;}
	.JoinSubBox.JoinWhiteBox .agreeBoxArea .stickyBox{position: relative;;top:0rem;}

}


/*모바일*/
@media all and (max-width:767px) {
	
	.JoinSubBox.JoinWhiteBox > h3{font-size:1.500em;font-weight:bold;}
	.JoinSubBox.JoinWhiteBox > p{font-size:1.333em;}
	.JoinSubBox.JoinWhiteBox {width:100%; padding:20px; }
	.JoinSubBox.JoinWhiteBox .userInfo{border-bottom:0;}
	.JoinSubBox.JoinWhiteBox .agreeBoxArea .AgreeBox {margin-top:25px;}

}

/*----------------------------------------  회원가입 ----------------------------------------*/
/*----------------------------------------  회원가입 ----------------------------------------*/






/**
stickyBox : 부모요소중에 overflow: hidden, auto, scroll 속성이 적용되어 있으면 안된다.
**/

/*----------------------------------------  레벨테스트 ----------------------------------------*/
/*----------------------------------------  레벨테스트 ----------------------------------------*/
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox h4{font-size:1.4rem;margin-bottom:7px; margin-top:5px;text-align:left; font-weight:600;}

.LevelAppliWarp{text-align:center; max-width:1050px; margin:auto; }
.LevelAppliSubBox.LevelAppliWhiteBox{background-color:#ffff;border:1px solid #eeeeee;box-shadow:2px 4px 8px 1px rgba(0,0,0,.09);border-radius:30px;}
.LevelAppliSubBox.LevelAppliWhiteBox{margin:0 auto 148px; display:inline-block; text-align:left;box-sizing:border-box;}
.LevelAppliSubBox .comment{width:100%;margin-top:0px;display:inline-block; }
.LevelAppliSubBox .comment img{float:left;vertical-align:middle;margin-top:2px;}
.LevelAppliSubBox .comment p{font-size:1.3rem; color:#555;}

.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliStep{padding:50px 30px; width:95%;border:1px solid #eeeeee}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox{width:40%;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep.LevelAppliInputStep{border:1px solid #eeeeee}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox{box-sizing:border-box;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .fullInput.disable{background:#f8f8f8; border:1px solid #d7d7d7;height: 37px;line-height:35px;width:100%; text-indent: 10px; color:#9b9b9b; font-size:13px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep{margin:0px auto 110px;width:100%;} /* 외부 div 고정 픽셀 설정으로 인한 입력창 좁아짐 현상 발생시 130px 을 줄일 것 */
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .fullInput{width:100%;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox h2{font-size: 2.4rem; font-weight:700;margin-bottom:20px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep.LevelAppliInputStep .LtInputArea{padding:40px;  border-right:1px dashed #dedede;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .loginInput input{width:78%;background:#fff;float:left;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .loginInput a.whiteBtn, .LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .cellular a.whiteBtn, .LevelAppliSubB
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .loginInput{display:inline-block; width:100%; margin-bottom:15px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .loginInput2{display:inline-block; width:100%; margin-bottom:15px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .loginInput #id_chk{font-size:13px; color:#ea3737;margin-top:5px;width:100%;display:inline-block; margin-bottom:10px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .loginInput p.txt,  .LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .loginInput2 p.txt{font-size:1.4rem; color:#777;width:100%; display:inline-block; margin:5px 0 15px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .loginInput2 input[type="password"].user_pw{width:100%;font-size:12px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo input.user_pw{margin-bottom:5px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo{border-bottom:1px dashed #dedede;margin-bottom: 20px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LevelAppliBtn{border-radius:0;width:20%;margin-bottom:0;color:#ffff;background-color:#929292;height:37px; line-height:36px; font-size:13px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep .LtInputArea .LtUserInfo{border-bottom:0;margin-bottom: 0px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo:last-child{margin-bottom:0; padding-bottom:0;border-bottom:0}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox select{border-radius:0;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo input{border-radius:0; height:37px;text-indent: 10px;margin-bottom:0;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo input[type="text"],
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo input[type="number"]{border-radius:0; height:37px; text-indent: 10px;margin-bottom:0;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo input[type="text"].user_pw{margin-bottom:5px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo input[type="text"].mb-10{margin-bottom:10px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo .fullInput{width:100%;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo .MyLevel{width:100%; display:inline-block;margin-bottom:15px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo .MyLevel label.radio{font-size:13px; color:#555;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo .agreeInput{height:40px; line-height:40px; width:100%; display:inline-block;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo .agreeInput span{}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo .agreeInput .checkArea{float:right;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo .agreeInput .checkArea label.check{margin-left:10px;}


.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea{padding:40px 40px;height:100%;display:inline-block;position:absolute;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .stickyBox{width:100%;display: inline-block;position: sticky;top: 12rem;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree{background:#fff;    border: 1px solid #d7d7d7;box-sizing:border-box; padding:15px;margin-top:0px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .title{font-size: 14px;margin-bottom:15px;color:#231815;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .txt{color:#777;white-space:pre-line; font-size: 13px; line-height:22px;margin-bottom:0;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .checkArea{width:100%;font-size:0.875em;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .checkArea label.check{width:auto;vertical-align:middle;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .checkArea label.check a{width:auto; color:#9b9b9b; color:#777;border-bottom:1px solid #9b9b9b;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .checkArea label.check span{color:#272F82;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .viewAll{vertical-align:middle; margin-left:5px; font-size:13px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .text{font-size: 14px;text-align:center;line-height:18px; margin-bottom: 7px;color:#555;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .LevResult_btn {padding:3px 10px;font-size:12px !important;text-align:center;background:#ed5f00; border: solid 1px #d15400; color:#ffffff;font-size:12px !important;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .LevResult_btn a {font-size:12px !important;font-weight:bold; color:#ffffff; }
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree .LevResult_btn:hover {font-size:12px !important;background:#ff9650;color:#ffffff;}

.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .SNSID{display:inline-block; width:100%;margin-bottom:15px; }
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .SNSID select{margin-right:2%;width:32%;height:37px;float:left;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .SNSID .SNSCompany{margin-right:2%;width:32%; border-radius:0;float:left;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .SNSID .SNSID{width:32%; border-radius:0;float:left;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .SNSID span{display:inline-block; text-align:center; width:5%;float:left; line-height:37px;}

.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .phone{width:100%; display:inline-block; margin-bottom:15px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .phone span{float:left; line-height:37px;width:6%; text-align:center; font-size:15px; color:#9b9b9b;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .phone .Phone1{width:30%;float:left;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .phone .Phone2{width:29%;float:left; }
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .phone .Phone3{width:29%;float:left; }


.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .HopeHour{width:100%; display:inline-block; margin-bottom:15px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .HopeHour .HopeDate{width:31%;float:left;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .HopeHour span{float:left;width:7%;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .HopeHour span img{float:left;vertical-align:middle;width:18px;margin-top:9px;margin-left:2px;}
.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .HopeHour select{display: inline-block; width: 100%; height:37px;margin-top:0;vertical-align:top;}

/*테블릿*/

@media all and (max-width:990px) {
	
	.LevelAppliSubBox.LevelAppliWhiteBox{width:90%;}

	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliStep{border:0}
	.LevelAppliSubBox.LevelAppliWhiteBox .LtInputArea .LtInputBoxArea{width:100%;}
	.LevelAppliWhiteBox.LevelAppliSubBox .LtInputArea .loginInput input{height:40px;}
	#subwrapper{background:#f8f6e9 url('../img/loginBg.jpg')no-repeat top left;}
	#subwrapper .LevelAppliWarp{min-height:648px;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .loginInput a.whiteBtn, .LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea a.whiteBtn{font-size:12px;}


	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea{position:relative;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .stickyBox{position: relative;;top:0rem;}

	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep.LevelAppliInputStep{border:0}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree:first-child{margin-top:25px;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea .LtAgreeBoxArea .LevelAppliAgree{margin-top:15px;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep .LtAgreeArea .LtAgreeBoxArea .btnarea,
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtAgreeArea{margin-top:25px;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep{padding:50px 20px;width:60%;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep .LtInputArea{padding:0 10px 0 10px;width:100%;border-right:0;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep .LtAgreeArea{padding:0 10px 0 10px;width:100%;}

	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep.LevelAppliInputStep .LtInputArea{padding:0 10px 0 10px;width:100%;border-right:0;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep.LevelAppliInputStep .LtAgreeArea{
    padding:0 10px 0 10px;width:100%;border-left:0;
    top: 0rem;
    right: 0rem;
    height: 100%;
  }

	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox .LtInputArea .LtUserInfo select{font-size:12px;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep  .MyLevel .radioArea input.smallInput{width:70%;float:none;}

	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliStep{padding:50px 30px; width:95%;}

}



/*모바일*/
@media all and (max-width:767px) {
	
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliStep{border:0}

	.LevelAppliSubBox.LevelAppliWhiteBox{}
	.LevelAppliSubBox.LevelAppliWhiteBox > h3{font-size:1.500em;font-weight:bold;}
	.LevelAppliSubBox.LevelAppliWhiteBox > p{font-size:1.333em;}
	.LevelAppliSubBox.LevelAppliWhiteBox .loginBox{width:100%; padding:20px 0 0 0; }
	.LevelAppliSubBox.LevelAppliWhiteBox .LtInputArea, .LevelAppliSubBox.LevelAppliWhiteBox {width:100%;}
	.LevelAppliSubBox.LevelAppliWhiteBox .LtInputArea{padding-right:0px; border-right:0;}
	.LevelAppliSubBox.LevelAppliWhiteBox .LtInputArea a{font-size:1.167em;}
	.LevelAppliSubBox.LevelAppliWhiteBox .LtInputArea .loginInfo{font-size:1.167em;}
	.LevelAppliSubBox.LevelAppliWhiteBox .LtInputArea .loginInfo a{font-size:1.000em;}


	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep.LevelAppliInputStep{border:0}

	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox{width:90%;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox{width:90%;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep .LtInputArea .LtUserInfo{border-bottom:0;}
	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep .LtAgreeArea .LtAgreeBoxArea {margin-top:25px;}

	.LevelAppliSubBox.LevelAppliWhiteBox.LevelAppliBox.LevelAppliStep{padding:50px 10px;width:95%;}


}


/*----------------------------------------  레벨테스트 ----------------------------------------*/
/*----------------------------------------  레벨테스트 ----------------------------------------*/





/*--------------------------------------------------------------------------------------
수강신청
--------------------------------------------------------------------------------------*/

.ClassAppliWarp {
  margin: 0 auto;
  display: block;
  max-width: 124rem;
  padding: 0rem 2rem 30rem 2rem;
}

.ClassAppliBox{
position:relative;
width:100%;
padding-right:44rem;

}
.lefteninnerBox{
width:100%;
max-width:76rem;
}

.righteninnerBox {
  display: inline-block;
  width: 36.6rem;
  position: absolute;
  top: 0rem;
  right: 0rem;
  height: 100%;
}
.reninnerBox {
  width: 100%;
  position: sticky;
  top: 12rem;
}
.reninner{
width:100%;
padding:2rem 3rem;
border-radius: 0.8rem;
border: 1px solid #EEE;
background: #FFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}




.ClassProdInfo{display:inline-block; width:100%;margin-bottom:40px;}
.ClassProdInfo:last-child{margin-bottom:0; padding-bottom:0;border-bottom:0}
.ClassProdInfo h4{font-size:2.0rem;font-weight:600;margin-bottom:10px;width:100%;text-align:left; height:40px; line-height:30px;border-bottom:1px dashed #dedede;}

.ClassProdInfo .item-num {
font-size:1.5rem;
color: #ffffff;
background-color: #7e7e7e;
width: 1.8em;
height: 1.8em;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 0.5em;float:left;
}

.PaymentCateBoxOff {color:#4a4a4a;font-size:1.4rem !important;padding:8px 10px;float:left;background-color:#eeeeee;border:1px #c9c9c9 solid;cursor:pointer;margin-right:10px;margin-top:5px;text-align:center;border-radius:0.5em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.PaymentCateBoxOn  {color:#ffffff;font-size:1.4rem !important;padding:8px 10px;float:left;background-color:#5a8cc5;border:0px #415f8a solid;cursor:pointer;color:#fff;margin-right:10px;margin-top:5px;text-align:center;border-radius:0.5em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.PaymentCateBoxNon {width:100%;color:#4a4a4a;font-size:1.3rem !important;padding:8px 10px;float:left;background-color:#f6f6f6;border:1px #eaeaea solid;color:#b6b6b6;text-align:center;margin-top:5px;text-align:center;border-radius:0.5em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}


.ClassAppliPayment{width:95%;background-color:#ffff;border:1px solid #eeeeee;box-shadow:2px 4px 8px 1px rgba(0,0,0,.09);border-radius:20px;padding:20px}
.ClassAppliPaymentInBox{width:100%;margin:auto;border:0px red solid;}
.ClassAppliPaymentInBox ul {
  text-align: left;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ClassAppliPaymentInBox ul li {
width: 100%;
float: left;
text-align: left;
background: #fff; 
font-size:1.3rem;font-weight:400;color:#777777;
border-bottom:1px dashed #dedede;
height:45px;line-height:45px;
}
.ClassAppliPaymentInBox ul li span{
float: right;color:#414141;font-weight:700;
}

.ClassAppliPaymentInBox ul li:nth-child(1),.ClassAppliPaymentInBox ul li:nth-child(8){
font-size:1.6rem;font-weight:600;color:#ffff;border-bottom:0px;text-align:center;background-color:#7e7e7e;
}
.ClassAppliPaymentInBox ul li img{vertical-align:middle;height:20px;}
.ClassAppliPaymentInBox ul li:nth-child(7){ border-bottom:0px ;}
.ClassAppliPaymentInBox ul li:last-child{ border-bottom:0px ;}
.ClassAppliPaymentInBox .FinalAmounttxt{font-size:1.3rem;font-weight:800;}

.ClassAppliPaymentInBox ul li select{font-size:13px}

.HopeHour{width:100%; display:inline-block; margin-bottom:15px;}
.HopeHour select{display: inline-block; width: 100%; height:37px;margin-top:0;vertical-align:top;}

.hopeDHM {width:99%;float:left}
.hopeDHM li{width:50%;float:left;list-style-type: none;padding:0p;}
.HopeHour{width:100%; display:inline-block;margin-left:10px;margin-bottom:15px;}
.HopeHour select{display: inline-block; width: 100%; height:37px;margin-bottom:10px;vertical-align:top;}

.ClassAppliPaymentInBox select{width: 100%; height:35px;margin-top:0px;}
.ClassAppliPaymentInBox input{width:100%;font-size:12px;background:#fff; border:0; width:100%; border:1px solid #d7d7d7; height:37px;line-height:normal;}

.ClassAppliPaymentInBox .PointUse{width:100%; display:inline-block;margin-top:5px;}
.ClassAppliPaymentInBox .PointUse select{width:68%;float:left;margin-right:2%;}
.ClassAppliPaymentInBox .PointUseBtn{text-align:center;width:30%;color:#ffff;background-color:#929292;height:35px; line-height:35px; font-size:12px;}

.ClassAppliPaymentInBox .PointUseStop{width:100%; display:inline-block;margin-top:5px;}
.ClassAppliPaymentInBox .PointUseStop .PointUsedtxt {width:68%;float:left;margin-right:2%;font-size:12px;height:35px; line-height:35px; }

@media (max-width: 1100px){
.ClassAppliBox {
  padding-right: 40rem;
}

}

@media (max-width: 991px){
.ClassAppliWarp {
  padding: 0rem 0rem 10rem 0rem;
}

.ClassAppliBox {
  padding-right: 0rem;
}


.lefteninnerBox {
  padding: 0rem 2rem;
  margin-bottom: 6rem;
  max-width: 100%;
}

.righteninnerBox {
  display: block;
  width: 100%;
  position: relative;
  top: 0rem;
  right: 0rem;
  height: 100%;
}
.righteninnerBox {
  z-index: 100;
  bottom: 0rem;
  display: block;
  width: 100%;
  top: inherit;
  right: 0rem;
  height: 100%;
}
.reninnerBox {
  /* bottom: 0rem; */
  width: 100%;
  position: relative;
  top: inherit;
}

}
@media all and (max-width:990px) {
.ClassAppliPayment{width:100%;}	
}	
@media (max-width: 767px){
  
  .reninnerBox {			
  position: relative;			
  }
  .ClassAppliPayment{width:100%;}
  .hopeDHM li{width:100%;float:left;}
  .HopeHour{margin-left:0px;margin-top:10px;}

}
/*--------------------------------------------------------------------------------------
수강신청
--------------------------------------------------------------------------------------*/