#sub{
	width:100%;
}

.Back{
	width:100%;
	background:#f7f7f7;
	box-sizing:border-box;
	padding-bottom:90px;
	min-height:600px;
}

#sub .subCt{
	width:100%;
}

#sub .subCt .topqrA{
	width:100%;
	display:flex;
	background:#fff;
	padding:50px 3% 150px;
	box-sizing:border-box;
}

#sub .subCt .topqrA .txA{
	display:inline-block;
	width:80%;
}

#sub .subCt .topqrA .txA .subj{
	font-size:15px;
	color:#222;
}


#sub .subCt .topqrA .txA .brp{
	font-size:32px;
	color:#222;
	font-family:'rajdhani';
	margin-top:10px;
	font-weight:700;
}




#sub .subCt .topqrA .qrA{
	display:inline-block;
	width:20%;
}

#sub .subCt .topqrA .qrA img{
	width:100%;
}

#sub .subCt .topqrA .qrA img{
	width:100%;
}







#sub .subCt .myInfoBox{
	width:94%;
	margin:-90px auto 0;
	background:#FF6A3B;
	border-radius:20px;
	padding:20px;
	box-sizing:border-box;
}

#sub .subCt .myInfoBox .subjLine{
	width:100%;
	display:flex;
}


#sub .subCt .myInfoBox .subjLine .subjA{
	width:85%;
	display:inline-block;
}

#sub .subCt .myInfoBox .subjLine .subjA .subj{
	font-size:18px;
	color:#fff;
	font-family:'ONE-Mobile-Bold'
}


#sub .subCt .myInfoBox .subjLine .subjA .subs{
	font-size:15px;
	color:#fff;
	margin-top:10px;
}
#sub .subCt .myInfoBox .subjLine .infoCha{
	width:80px;
	display:inline-block;
	vertical-align:middle;
}

#sub .subCt .myInfoBox .subjLine .infoCha img{
	width:100%;
}

#sub .subCt .myInfoBox .myMenu{
	width:100%;
	display:flex;
	margin-top:0;
}

#sub .subCt .myInfoBox .myMenu div{
	width:100%;
	display:inline-block;
	margin-left:15px;
	border:1px dashed #fff;
	padding:15px;
	box-sizing:border-box;
	border-radius:10px;
	font-size:14px;
	color:#fff;
	line-height:22px;
}
#sub .subCt .myInfoBox .myMenu div:first-child{
	margin-left:0px;
}


#sub .subCt .myInfoBox .myMenu div a{
	color:#fff;
}

#sub .subCt .anList{
	width:94%;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	margin:20px auto 0;
	border-radius:20px;
	clear:both;
}

#sub .subCt .anList li{
	width:100%;
	margin-top:20px;
}


#sub .subCt .anList li:first-child{
	margin-top:0px;
}



#sub .subCt .anList li .ico{
	display:inline-block;
	vertical-align:Middle;
	width:10%;
	text-align:Center;
}


#sub .subCt .anList li .ico img{
	height:32px;
}


#sub .subCt .anList li .tx{
	display:inline-block;
	vertical-align:Middle;
	font-size:15px;
	margin-left:10px;
	
}


#sub .subCt .tabA{
	width:100%;
	background:#fff;
	display:flex;
}

#sub .subCt .tabA li{
	width:100%;
	display:inline-block;
	border-bottom:1px solid #e5e5e5;
	color:#777;
	padding:20px 0px;
	text-align:Center;
	font-size:16px;
}

#sub .subCt .tabA li a{
	color:#777;
}

#sub .subCt .tabA .on{
	border-bottom:1px solid #FF6A3B;
	color:#FF6A3B
}

#sub .subCt .tabA .on a{
	color:#FF6A3B
}


#sub .subCt .infoB{
	width:100%;
	padding:30px 3%;
	box-sizing:border-box;
}

#sub .subCt .infoB .bInfoBox{
	width:100%;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	border-radius:20px;
	margin-bottom:50px;
}

#sub .subCt .infoB .bInfoBox .subj{
	font-family:'ONE-Mobile-bold';
	color:#222;
	font-size:18px;
}


#sub .subCt .infoB .bInfoBox .alT{
	font-size:15px;
	margin-top:10px;
}



#sub .subCt .infoB .bInfoBox .subs{
	font-size:14px;
	margin-top:20px;
	color:#777;
	word-break:keep-all;
	line-height:21px;
}



#sub .subCt .formA{
	width:100%;
	box-sizing:border-box;
}

#sub .subCt .formA .subj{
	font-family:'ONE-Mobile-bold';
	font-size:18px;
	color:#222;
}

#sub .subCt .formA .subs{
	font-size:14px;
	color:#777;
	word-break:keep-all;
	margin-top:15px;
	line-height:22px;
}

#sub .subCt .formA .formList{
	width:100%;
	margin-top:20px;
}



#sub .subCt .formA .formList li{
	width:100%;
	display:inline-block;
	margin-top:20px;
}

#sub .subCt .formA .formList li label{
	width:100%;
	font-size:14px;
	color:#444;
	display:block;
}


#sub .subCt .formA .formList li .w100{
	width:100%;
	padding:13px;
	box-sizing:border-box;
	font-size:14px;
	border-radius:10px;
	margin-top:10px;
	border:1px solid #e5e5e5;
}


#sub .subCt .formA .formList li .w50{
	width:48%;
	display:inline-block;
	float:left;
	margin-left:4px;
	margin-top:10px;
	padding:12px;
	box-sizing:Border-box;
	border-radius:5px;
	border:1px solid #e5e5e5
}

#sub .subCt .formA .formList li .w50:first-child{
	margin-left:0;
}

#sub .subCt .formA .formList li .w70{
	width:70%;
	display:inline-block;
	float:left;
	margin-left:4px;
	margin-top:10px;
	padding:12px;
	box-sizing:Border-box;
	border-radius:5px;
	border:1px solid #e5e5e5
}


#sub .subCt .formA .formList li .w70{
	width:70%;
	display:inline-block;
	float:left;
	margin-left:4px;
	margin-top:10px;
	padding:12px;
	box-sizing:Border-box;
	border-radius:5px;
	border:1px solid #e5e5e5
}






#sub .subCt .formA .formList li .w70{
	display:none;
}



#sub .subCt .formA .formList li .button{
	width:20%;
	display:inline-block;
	float:Right;
	background:#222;
	text-align:Center;
	padding:12px;
	font-size:14px;
	color:#fff;
	margin-top:10px;
	border-radius:5px;
}









.fixedButton{
	width:100%;
	position:fixed;
	text-align:center;
	display:flex;
	bottom:0;
	left:0;
}

.fixedButton button{
	width:100%;
	text-align:center;
	padding:15px 0px;
	font-size:15px;
}


.fixedButton .dBtn{
	background:#FF6A3B;
	color:#fff;
}

.fixedButton .sBtn{
	background:#FBB099;
	color:#fff;
}



#sub .subCt .brBox{
	width:100%;
	padding:15px;
	box-sizing:border-box;
	display:inline-block;
	background:#fff;
	border-radius:10px;
	margin-bottom:50px;
}

#sub .subCt .brBox .subj{
	font-size:15px;
	box-sizing:border-box;
	display:inline-block;
	color:#222;
}


#sub .subCt .brBox .price{
	font-size:15px;
	box-sizing:border-box;
	display:inline-block;
	color:#FF6A3B;
	float:right;
	font-family:lato
}





#sub .subCt .memOut{
	display:inline-block;
	text-align:right;
	width:100%;
	margin-top:20px;
}

#sub .subCt .memOut a{
	font-size:14px;
	color:#999;
	text-decoration:underline;
}



#sub .subCt .infoB .bInfoBox .bInfoList{
	width:100%;
	margin-top:10px;
}

#sub .subCt .infoB .bInfoBox .bInfoList li{
	width:100%;
	margin-top:20px;
	display:inline-block;
}

#sub .subCt .infoB .bInfoBox .bInfoList li .subject{
	display:inline-block;
	color:#777;
}

#sub .subCt .infoB .bInfoBox .bInfoList li .substance{
	display:inline-block;
	color:#444;
	float:Right;
}






#sub .subCt .infoB dd{
	width:100%;
	margin-top:50px;
}

#sub .subCt .infoB dd:first-child{
	margin-top:0px;
}

#sub .subCt .infoB dd .tit{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	font-size:18px;
	color:#222;
	font-family:'ONE-Mobile-bold';
	padding-bottom:10px;
}


#sub .subCt .infoB dd .infoBList{
	width:100%;
	margin-top:20px;
}

#sub .subCt .infoB dd .infoBList li{
	width:100%;
	margin-top:10px;
	display:inline-block;
}

#sub .subCt .infoB dd .infoBList li .subj{
	color:#777;
	display:inline-block;
	font-size:14px;
}

#sub .subCt .infoB dd .infoBList li .subs{
	color:#222;
	display:inline-block;
	font-size:14px;
	float:right;
}


#sub .subCt .infoB dd .subsA{
	widtH:100%;
	margin-top:30px;
	color:#999;
	font-size:14px;
	line-height:22px;
}




#sub .mypage{
	width:100%;
}


#sub .mypage .mySe{
	width:100%;
	padding:50px 3%;
	box-sizing:border-box;
	display:flex;
}

#sub .mypage .mySe .txA{
	display:inline-block;
	width:80%;
}

#sub .mypage .mySe .txA .name{
	font-size:18px;
	color:#222;
}
#sub .mypage .mySe .txA .id{
	font-size:13px;
	color:#999;
	margin-top:10px;
}

#sub .mypage .mySe .txA .qrA{
	width:100%;
	margin-top:25px;
}

#sub .mypage .mySe .txA .qrA .ico{
	width:22px;
	display:inline-block;
	vertical-align:middle;
}

#sub .mypage .mySe .txA .qrA .ico img{
	width:100%;
}
#sub .mypage .mySe .txA .qrA .tx{
	font-size:13px;
	color:#999;
	display:inline-block;
	vertical-align:middle;
}


#sub .mypage .mySe .profile{
	display:inline-block;
	width:20%;
}


#sub .mypage .mySe .profile img{
	width:70px;
}






#sub .mypage .mypageMenu{
	width:100%;
}

#sub .mypage .mypageMenu li{
	width:100%;
	padding:20px 3%;
	border-bottom:1px solid #e5e5e5;
}


#sub .mypage .mypageMenu li:first-child{
	border-top:1px solid #e5e5e5;
}


#sub .mypage .mypageMenu li .ico{
	width:15%;
	display:inline-block;
	text-align:center;
}

#sub .mypage .mypageMenu li .ico img{
	height:22px;
	display:inline-block;
}

#sub .mypage .mypageMenu li:first-child .ico img{
	height:30px;
	display:inline-block;
}

#sub .mypage .mypageMenu li .tx{
	width:78%;
	display:inline-block;
	vertical-align:middle;
	font-size:14px
}







#sub .listA{
	width:100%;
}

#sub .listA li{
	width:100%;
	display:flex;
	padding:15px 0px;
	border-bottom:1px solid #e5e5e5;
}

#sub .listA li a{
	width:100%;
	display:flex;
}

#sub .listA li:first-child{
	border-top:1px solid #e5e5e5;
}

#sub .listA li div{
	width:100%;
	text-align:center;
	font-size:13px;
}

#sub .listA .head .subject{
	text-align:center;
}


#sub .listA li .subject{
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


#sub .boardList{
	width:100%;
	padding:30px 3%;
	box-sizing:border-box;
}

#sub .boardList .onTitA{
	width:100%;
}


#sub .boardList .onTitA .tit{
	width:100%;
	font-size:18px;
	color:#222;
	font-family:'ONE-Mobile-bold';
	padding-bottom:10px;
}


#sub .boardList .onTitA .substanceA{
	width:100%;
	display:inline-block;
	margin-bottom:20px;
}

#sub .boardList .onTitA .substanceA .substance{
	display:inline-block;
	font-size:14px;
	color:#777;
}

#sub .boardList .onTitA .substanceA .shortLink{
	display:inline-block;
	font-size:14px;
	color:#222;
	float:Right;
	text-decoration:underline;
}





#sub .infoB .graphImg{
	width:80%;
	margin:0 auto 30px;
}

#sub .infoB .graphImg img{
	width:100%;
}








#login {
	width:100%;
	padding:0px 3% 100px;
	box-sizing:border-box;
	margin-top:100px;
}


#login .tit{
	text-align:Center;
	font-size:36px;
	color:#222;
	font-family:'rajdhani';
	font-weight:600;
}

#login .formList{
	width:100%;
	margin-top:30px;
}

#login .formList li{
	width:100%;
	margin-top:20px;
}


#login .formList li label{
	width:100%;
	display:block;
	font-size:15px;
	color:#444;
}

#login .formList li label span{
	display:inline-block;
	float:Right;	
}

#login .formList li .w100{
	width:100%;
	border:1px solid #e5e5e5;
	padding:12px;
	box-sizing:border-box;
	margin-top:10px;
	border-radius:5px
}

#login .opLine{
	width:100%;
	display:inline-block;
	margin-top:10px;
}

#login .opLine .check{
	display:inline-block;
}

#login .opLine .check label{
	font-size:13px;
}




#login .opLine .memList{
	display:inline-block;
	float:Right;
}

#login .opLine .memList li{
	display:inline-block;
	margin-left:10px;
	font-size:13px;
}


#login .submitBtn{
	width:100%;
	padding:15px 0px;
	margin-top:30px;
	background:#FF6A3B;
	color:#fff;
}


#login .submitBtn a{
	color:#fff;
}





.termA{
	width:100%;
	margin-top:50px !important;
}



.termA .termBox{
	width:100%;
	border:1px solid #e5e5e5;
	margin-top:30px;
}



.termA .termBox .subjA{
	width:100%;
	padding:15px 20px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	font-size:15px;
	
}



.termA .termBox .termCont{
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	min-height:150px;
	font-size:14px;
	color:#777;
}


.termA .termBox .agree{
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	background:#f7f7f7;
	border-top:1px solid #e5e5e5;
	font-size:14px;
}









#sub .viewBox{
	widtH:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}


#sub .viewBox .deA{
	widtH:100%;
	padding:20px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	background:#fff;
}

#sub .viewBox .deA .subjA{
	widtH:100%;
	font-size:18px;
	color:#222;
	font-family:'ONE-Mobile-Bold'
}



#sub .viewBox .deA .opA{
	widtH:100%;
	margin-top:10px;
}

#sub .viewBox .deA .opA div{
	display:inline-block;
	font-size:13px;
	color:#999;
	margin-right:10px;
	border-right:1px solid #c1c1c1;
	padding-right:10px;
}

#sub .viewBox .deA .opA div:last-child{
	border-right:0px solid #c1c1c1;
}



#sub .viewBox .cont{
	width:100%;
	padding:20px;
	min-height:200px;
	font-size:13px;
	color:#444;
	box-sizing:border-box;
}


#sub .boardList .back{
	display:100%;
	text-align:right;
	margin-top:20px;
}

#sub .boardList .back a{
	display:inline-block;
}