@charset "utf-8";

/* 로그인 시작
------------------------------------------------------ */
.loginWr { 
	height: 90vh;
}
.loginWr .loginBox { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 100%;
	height: 100%;
	padding:40px 16px;
}
.loginWr .loginForm { 
	width: 400px;
	max-width: 100%;
	margin:0 auto;
}
.loginWr .loginForm .iptTit01 { 
	display:block;
	margin:0 0 7px;
	padding:0 4px;
	font-weight: 500;
	font-size: 15px;
	color: #373737;
}
.loginWr .loginForm * + .iptTit01 { 
	margin-top:25px;
}
.loginWr .loginForm .ipt {
	display:block;
	padding:16px 15px 12px;
	border:1px solid #E0E0E0;
	border-radius: 8px;
	font-size: 15px;
	color: #373737;
}
.loginWr .loginForm .ipt::placeholder { 
	color: #8B8F93; 
}
.loginWr .loginForm .ipt.fullWid { 
	width: 100%; 
}
.loginWr .loginForm .btnBox01 {
	margin:32px 0 0;
}
.loginWr .loginForm .btnBox01 .btn { 
	display:block; 
	width: 100%;
	margin:0 0 12px;
	padding:16px 16px 14px;
	border-radius: 10px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
}
.loginWr .loginForm .btnBox01 .btn.st01 { 
	background: #448AFF; 
	color: #FFF;
}
.loginWr .loginForm .btnBox01 .btn.st02 { 
	background: #2E3337;
	color: #FFF;
}
.loginWr .loginForm .btnBox01 .btn:last-child { 
	margin:0;
}
.loginWr .loginForm .lnkLst01 { 
	display:flex;
	justify-content:center;
	gap:21px;
	margin:32px 0 0;
}
.loginWr .loginForm .lnkLst01 li { 
	position:relative;
	padding:0 22px 0 0;
}
.loginWr .loginForm .lnkLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 14px;
	top: 50%;
	right: 0;
	margin:-7px 0 0;
	background: #E0E0E0;
}
.loginWr .loginForm .lnkLst01 li:last-child { 
	padding:0;
}
.loginWr .loginForm .lnkLst01 li:last-child:after { 
	display:none;
}
.loginWr .loginForm .lnkLst01 .lnk { 
	display:block;
	font-size: 15px;
	color: #373737;
}
@media all and (max-width:999px){
	.loginWr { 
		height: auto; 
	}
	.loginWr .loginBox { 
		display:block;
	}
	.loginWr .loginForm .iptTit01 {
		font-size: 14px;
	}
	.loginWr .loginForm * + .iptTit01 { 
		margin-top:14px;
	}
	.loginWr .loginForm .ipt { 
		padding:13px 15px 11px;
		font-size: 14px;
	}
	.loginWr .loginForm .btnBox01 .btn { 
		margin:0 0 8px;
		padding:16px 11px 11px;
		font-size: 16px;
	}
}
/* 로그인 끝
------------------------------------------------------ */
/* 회원가입(기타 입력 폼 페이지 포함) 시작
------------------------------------------------------ */
.joinWr { 
	max-width: 500px;
	margin:0 auto;
	padding:96px 0 120px;
}
.joinWr .joinTit01 {
	margin:0 0 47px;
	padding:0 0 19px;
	border-bottom:1px solid #8B8F93;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: -.2px;
	color: #2E3337;
}
.joinWr .joinTit02 { 
	margin:0 0 43px;
	font-weight: 700;
	font-size: 26px;
	letter-spacing: -.5px;
	text-align: center;
	color: #373737;
}
.joinWr .joinTit02 .titTxt01 {
	display:block;
	margin:7px 0 0;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
}
.joinWr .iptTit01 { 
	display:block;
	margin:0 0 7px;
	padding:0 0 0 4px;
	font-weight: 500;
	font-size: 15px;
	color: #373737;
}
.joinWr *:not(.joinTit01, .joinTit02) + .iptTit01 { 
	margin-top:25px;
}
.joinWr .ipt {
	display:block;
	padding:16px 15px 12px;
	border:1px solid #E0E0E0;
	border-radius: 8px;
	font-size: 15px;
	color: #373737;
}
.joinWr .ipt::placeholder { 
	color: #8B8F93; 
}
.joinWr .ipt.fullWid { 
	width: 100%; 
}
.joinWr .hasBtnBox { 
	display:flex;
	gap:10px;
}
.joinWr .hasBtnBox .ipt { 
	flex-grow:1; 
}
.joinWr .hasBtnBox .btn { 
	flex-shrink:0;
	display:block;
	padding:16px 19px 12px;
	border-width:1px;
	border-style:solid;
	border-radius: 8px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.2px;
	text-align: center;
}
.joinWr .hasBtnBox .btn.st01 { 
	background: #EDF7FF;
	border-color: #448AFF;
	color: #448AFF;
}
.joinWr .infoTxt01 { 
	margin:8px 0 0;
	font-size: 14px; 
	letter-spacing: -.2px;
	color: #EE6C5D;
}
.joinWr .termChkBox { 
	margin:52px 0 0;
}
.joinWr .termChkBox .chkIpt { 
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.joinWr .termChkBox .chkLbl {
	position:relative;
	display:block;
	padding:0 0 0 29px;
}
.joinWr .termChkBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background:#DBDBDB url(/Form/_guest/basic/images/joinTermChk01.svg) no-repeat center center;
	border-radius: 3px;
}
.joinWr .termChkBox .chkIpt:checked + .chkLbl:before { 
	background-color: #448AFF;
}
.joinWr .termChkBox .termToggle { 
	flex-shrink:0;
	position:relative;
	display:block;
	width: 24px;
	height: 24px;
}
.joinWr .termChkBox .termToggle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin:-7px 0 0 -5px;
	transform:rotate(45deg);
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	transition:all .3s ease;
}
.joinWr .termChkBox .termToggle.on:before {
	margin:-2px 0 0 -5px;
	transform:rotate(225deg); 
}
.joinWr .termChkBox .allChkBox { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	padding:14px 3px;
}
.joinWr .termChkBox .allChkBox .chkLbl {
	font-weight: 700;
	font-size: 16px;
	color: #2E3337;
}
.joinWr .termChkBox .termLst01 { 
	padding:24px;
	background: #F9F9F9; 
}
.joinWr .termChkBox .termLst01 li { 
	margin:0 0 13px;
}
.joinWr .termChkBox .termLst01 li:last-child { 
	margin:0;
}
.joinWr .termChkBox .termLst01 .lstTopBox { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 12px;
	padding:0 3px;
}
.joinWr .termChkBox .termLst01 .chkLbl { 
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.joinWr .termChkBox .termLst01 .chkLbl span { 
	color: #448AFF; 
}
.joinWr .termChkBox .termLst01 .termBox { 
	padding:20px;
	background: #FFF;
	border:1px solid #E0E0E0;
}
.joinWr .termChkBox .termLst01 .scrollBox { 
	max-height: 80px;
	overflow-y:auto;
	scrollbar-width:thin;
}
.joinWr .termChkBox .termLst01 .termTxt01 { 
	font-size: 12px; 
	letter-spacing: 0;
	color: #424242;
}
.joinWr .termChkBox .termLst01 .termTxt01 + .termTxt01 { 
	margin-top:17px;
}
.joinWr .completeTxt01 { 
	padding:24px 16px;
	background: #EDF7FF;
	border-radius: 8px;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -.2px;
	text-align: center;
	color: #2E3337;
}
.joinWr .chkBox01 { 
	background: #F6F6F9;
	border:1px solid #E0E2E4;
	border-radius: 10px;
}
.joinWr .chkBox01 .lst01 { 
	max-height: 168px;
	padding:13px 0;
	overflow-y:auto;
	scrollbar-width:thin;
}
.joinWr .chkBox01 .lst01 li { 
	position:relative;
	padding:9px 22px;
	border-bottom:1px solid #E0E2E4;
}
.joinWr .chkBox01 .lst01 .chkIpt { 
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.joinWr .chkBox01 .lst01 .chkLbl {
	position:relative;
	display:block;
	padding:0 0 0 29px;
	font-size: 15px;
	color: #2E3337;
}
.joinWr .chkBox01 .lst01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background:#DBDBDB url(/Form/_guest/basic/images/joinTermChk01.svg) no-repeat center center;
	border-radius: 3px;
}
.joinWr .chkBox01 .lst01 .chkIpt:checked + .chkLbl:before { 
	background-color: #448AFF;
}
.joinWr .chkBox01 .noDataTxt01 {
	padding:75px 16px 72px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #C4C6C8;
}
.joinWr * + .chkBox01 { 
	margin-top:16px;
}
.joinWr .resultBox01 {
	padding:28px 29px 26px;
	border:1px solid #E0E0E0;
	border-radius: 8px;
}
.joinWr .resultBox01 .tit01 { 
	margin:0 0 5px;
	font-weight: 700;
	font-size: 16px;
	color: #448AFF;
}
.joinWr .resultBox01 .lst01 li { 
	margin:0 0 5px;
	font-size: 15px;
	color: #2E3337;
}
.joinWr .resultBox01 .lst01 li:last-child { 
	margin:0;
}
.joinWr .resultBox01 .noDataBox { 
	text-align: center; 
}
.joinWr .resultBox01 .noDataBox .noDataImgBox { 
	margin:0 0 14px;
	font-size: 0;
}
.joinWr .resultBox01 .noDataBox .noDataImgBox img { 
	max-width: 100%; 
}
.joinWr .resultBox01 .noDataBox .noDataTxt01 { 
	font-weight: 700; 
	font-size: 16px;
	color: #448AFF;
}
.joinWr .joinBtmBox {
	display:flex;
	gap:8px;
	margin:48px 0 0;
}
.joinWr .joinBtmBox .btn {
	display:block; 
	width: calc((100% - 8px)/2);
	padding:17px 10px 14px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
}
.joinWr .joinBtmBox .btn.st01 {
	background: #448AFF;
	color: #FFF;	 
}
.joinWr .joinBtmBox .btn.st02 {
	background: #575E65;
	color: #FFF;	 
}
.joinWr .joinBtmBox .btn.st01.fullWid { 
	width: 100%; 
}
@media all and (max-width:999px){
	.joinWr { 
		padding:50px 0 130px;
	}
	.joinWr .joinTit01 {
		margin:0 0 29px;
		padding:0 0 12px;
		font-size: 18px;
	}	
	.joinWr .joinTit02 { 
		margin:0 0 27px;
		font-size: 20px;
	}
	.joinWr .joinTit02 .titTxt01 { 
		margin:4px 0 0;
		font-size: 13px; 
	}
	.joinWr .iptTit01 {
		font-size: 14px;
	}
	.joinWr *:not(.joinTit01, .joinTit02) + .iptTit01 {
		margin-top:22px;
	}
	.joinWr .ipt { 
		padding:12px 15px;
		font-size: 14px;
	}
	.joinWr .hasBtnBox .btn { 
		padding:13px 18px;
		font-size: 14px;
	}
	.joinWr .infoTxt01 {
		font-size: 12px;
	}
	.joinWr .termChkBox { 
		margin:36px 0 0;
	}
	.joinWr .completeTxt01 {
		font-size: 14px;
	}	
	.joinWr .chkBox01 .lst01 { 
		max-height: 156px;
	}
	.joinWr .chkBox01 .lst01 .chkLbl {
		padding:0 0 0 26px;
		font-size: 14px;
	}
	.joinWr .chkBox01 .lst01 .chkLbl:before {
		width: 15px;
		height: 15px;
		top: 1px;
		background-size:8px auto;
	}
	.joinWr .chkBox01 .noDataTxt01 { 
		padding:68px 16px;
		font-size: 14px; 
	}	
	.joinWr .resultBox01 {
		padding:18px 18px 16px;
	}	
	.joinWr .resultBox01 .noDataBox .noDataImgBox { 
		width: 26px;
		margin:0 auto 12px;
	}
	.joinWr .joinBtmBox {
		margin:32px 0 0;
	}
}
/* 회원가입(기타 입력 폼 페이지 포함) 끝
------------------------------------------------------ */
/* 마이페이지 공통 시작
------------------------------------------------------ */
.myPageWr { 
	display:flex;
	gap:60px;
	max-width: 1100px;
	margin:0 auto;
}
.myPageWr .myPageMenuBox { 
	flex-shrink:0;
	width:216px;
}
.myPageWr .myPageMenuBox .depth1Lst01 .depth1 { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:10px 20px 10px 0;
	font-weight: 800;
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
	text-align: left;
}
.myPageWr .myPageMenuBox .depth1Lst01 .depth1:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 8px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:1px solid #8B8F93;
	border-right:1px solid #8B8F93;
}
.myPageWr .myPageMenuBox .depth1Lst01 .depth1.on { 
	color: #448AFF; 
}
.myPageWr .myPageMenuBox .depth2Lst01 > li { 
	border-bottom:1px solid #E0E2E4;
}
.myPageWr .myPageMenuBox .depth2Lst01 .depth2 { 
	display:block;
	padding:14px 0 11px;
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
	transition:all .3s ease;
}
.myPageWr .myPageMenuBox .depth2Lst01 .depth2.on,
.myPageWr .myPageMenuBox .depth2Lst01 .depth2:focus,
.myPageWr .myPageMenuBox .depth2Lst01 .depth2:hover { 
	color: #448AFF; 
}
.myPageWr .myPageBox { 
	flex-grow:1;
	max-width: calc(100% - 276px);
}
.myPageWr .myPageTopBox { 
	display:flex;
	align-items:center;
	gap:27px;
	margin:0 0 29px;
	padding:24px 30px;
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0 4px 16px 0 rgba(64,82,97,.1);
}
.myPageWr .myPageTopBox .thumbBox { 
	flex-shrink:0;
	position:relative;
	font-size: 0;
}
.myPageWr .myPageTopBox .thumbBox .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.myPageWr .myPageTopBox .thumbBox .fileLbl { 
	position:relative; 
	display:block; 
	width: 96px;
	height: 96px;
	border:1px solid #D7E0FF;
	border-radius: 50%;
	overflow: hidden;
}
.myPageWr .myPageTopBox .thumbBox .fileLbl img { 
	position:absolute; 
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .myPageTopBox .thumbBox .btn { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 32px;
	height: 32px;
	bottom: 0;
	right: 0;
	background: #DFEEFF;
	border-radius: 50%;
}
.myPageWr .myPageTopBox .name { 
	margin:0 0 13px;
	font-weight: 700;
	font-size: 22px;
	color: #2E3337;
}
.myPageWr .myPageTopBox .callNum { 
	display:inline-block;
	padding:12px 23px 7px;
	background: #F6F6F9;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
}
.myPageWr .cateBox01 {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 32px;
}
.myPageWr .cateBox01 .btnCate { 
	display:block;
	padding:10px 23px 7px;
	background: #F6F6F9;
	border:1px solid #E0E2E4;
	border-radius: 999px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.5px;
	text-align: center;
	color: #575E65;
}
.myPageWr .cateBox01 .btnCate.on { 
	background: #EFF5FF;
	border-color:#448AFF;
	color: #448AFF;
}
.myPageWr .cateBox02 { 
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:0 0 11px;
}
.myPageWr .cateBox02 .btnCate {
	display:block;
	padding:9px 18px 7px;
	background: #F6F6F9;
	border-radius: 1000px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
	color: #8B8F93;
}
.myPageWr .cateBox02 .btnCate.on { 
	background: #2E3337;
	color: #FFF;
}
.myPageWr .myPageCon.stOff { 
	display:none;
}
.myPageWr .formBox01 { 
	max-width: 500px;
	margin:0 auto;
}
.myPageWr .formBox01 dl { 
	display:flex;
	align-items:center;
	gap:10px;
}
.myPageWr .formBox01 dl + dl { 
	margin-top:16px;
}
.myPageWr .formBox01 dt { 
	flex-shrink:0;
	width: 130px;
}
.myPageWr .formBox01 dt .iptTit { 
	display:block;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.2px;
	color: #2E3337;
}
.myPageWr .formBox01 dd { 
	flex-grow:1; 
}
.myPageWr .formBox01 dd .ipt { 
	display:block;
	padding:11px 8px;
	border:1px solid #E0E2E4;
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: -.2px;
	color: #2E3337;
}
.myPageWr .formBox01 dd .ipt::placeholder { 
	color: #8B8F93; 
}
.myPageWr .formBox01 dd .ipt.fullWid { 
	width: 100%; 
}
.myPageWr .formBox01 .btmBox { 
	display:flex;
	justify-content:center;
	margin:32px 0 0;
}
.myPageWr .formBox01 .btmBox .btn { 
	display:block;
	padding:12px 48px;
	border-radius: 8px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.2px;
	text-align: center;
}
.myPageWr .formBox01 .btmBox .btn.st01 { 
	background: #2E3337; 
	color: #FFF;
}
.myPageWr .formBox02 { 
	max-width: 500px; 
	margin:0 auto;
}
.myPageWr .formBox02 .iptTit01 { 
	display:block;
	margin:0 0 7px;
	padding:0 0 0 4px;
	font-weight: 500;
	font-size: 15px;
	color: #373737;
}
.myPageWr .formBox02 *:not(.cTit01, .cTit02) + .iptTit01 { 
	margin-top:25px;
}
.myPageWr .formBox02 .ipt {
	display:block;
	padding:16px 15px 12px;
	border:1px solid #E0E0E0;
	border-radius: 8px;
	font-size: 15px;
	color: #373737;
}
.myPageWr .formBox02 .ipt::placeholder { 
	color: #8B8F93; 
}
.myPageWr .formBox02 .ipt.fullWid { 
	width: 100%; 
}
.myPageWr .formBox02 .fileBox01 { 
	position:relative;
	display:flex;
	gap:10px;
} 
.myPageWr .formBox02 .fileBox01 .ipt { 
	flex-grow:1; 
}
.myPageWr .formBox02 .fileBox01 .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.myPageWr .formBox02 .fileBox01 .fileLbl { 
	flex-shrink:0;
	display:block;
	padding:16px 19px 12px;
	background: #EDF7FF;
	border:1px solid #448AFF;
	border-radius: 8px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.2px;
	text-align: center;
	color: #448AFF;
}
.myPageWr .formBox02 .formCateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.myPageWr .formBox02 .formCateBox01 .formCate { 
	display:block;
	width: calc((100% - 10px)/2);
	padding:15px 15px 12px;
	border:1px solid #E0E0E0;
	border-radius: 8px;
	font-size: 16px;
	text-align: center;
	color: #8B8F93;
}
.myPageWr .formBox02 .formCateBox01 .formCate.on { 
	background: #EDF7FF;
	border-color:#448AFF;
	font-weight: 700;
	color: #448AFF;
}
.myPageWr .formBox02 .profileBox01 { 
	position:relative;
	width: 120px;
	margin:0 auto;
}
.myPageWr .formBox02 .profileBox01 .pfTit01 {
	margin:0 0 7px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #373737;
}
.myPageWr .formBox02 .profileBox01 .pfImgBox { 
	position:relative;
	width: 120px; 
	height: 120px;
	background: #F6F6F9;
	border-radius: 50%;
	overflow: hidden;
}
.myPageWr .formBox02 .profileBox01 .pfImgBox img { 
	position:absolute; 
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .formBox02 .profileBox01 .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.myPageWr .formBox02 .profileBox01 .fileLbl { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	bottom: 0;
	right: 0;
	width: 28px;
	height: 28px;
	background: #448AFF;
	border-radius: 50%;
	font-size: 0;
}
.myPageWr .formBox02 .btmBox {
	display:flex;
	justify-content:center;
	gap:8px;
	margin:48px 0 0;
}
.myPageWr .formBox02 .btmBox .btn {
	display:block; 
	width: calc((100% - 8px)/2);
	max-width: 200px;
	padding:17px 10px 14px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
}
.myPageWr .formBox02 .btmBox .btn.st01 {
	background: #448AFF;
	color: #FFF;	 
}
.myPageWr .formBox02 .btmBox .btn.st02 {
	background: #575E65;
	color: #FFF;	 
}
.myPageWr .formBox02 .btmBox .btn.st03 {
	background: #275BB3;
	color: #FFF;	 
}
.myPageWr .formBox02 .btmBox .btn.st01.fullWid { 
	width: 100%; 
}
.myPageWr .dropoutBox { 
	padding:32px 20px;
	background: #F2F7FF;
	border-radius: 8px;
	text-align: center; 
}
.myPageWr .dropoutBox .imgBox { 
	margin:0 0 19px;
	font-size: 0;
}
.myPageWr .dropoutBox .imgBox img { 
	max-width: 100%; 
}
.myPageWr .dropoutBox .txt01 { 
	margin:0 0 8px;
	font-weight: 600;
	font-size: 18px;
	color: #2B2B2B;
}
.myPageWr .dropoutBox .txt02 { 
	font-size: 15px; 
	color: #8B8F93;
}
.myPageWr .dropoutBox .btnBox { 
	display:flex;
	justify-content:center;
	gap:8px;
	margin:19px 0 0;
}
.myPageWr .dropoutBox .btnBox .btn { 
	display:block; 
	padding:15px 72px 12px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
}
.myPageWr .dropoutBox .btnBox .btn.st01 { 
	background: #C4C6C8;
	color: #FFF;
}
.myPageWr .dropoutBox .btnBox .btn.st02 { 
	background: #448AFF;
	color: #FFF;
}
.myPageWr .pushBox {
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	padding:19px 30px 18px;
	background: #F6F6F9;
	transition:all .3s ease;
}
.myPageWr .pushBox .txt01 {
	margin:0 0 5px;
	font-size: 16px;
	letter-spacing: -.2px;
	color: #8B8F93;
}
.myPageWr .pushBox .txt02 { 
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.2px;
	color: #2E3337;
}
.myPageWr .pushBox .pushToggle {
	position:relative; 
	display:block;
	width: 40px;
	height: 24px;
	background: #C4C6C8;
	border-radius: 999px;
	font-size: 0;
	transition:all .3s ease;
}
.myPageWr .pushBox .pushToggle span { 
	position:absolute; 
	display:block;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 2px;
	margin:-10px 0 0;
	background: #FFF;
	border-radius: 50%;
	transition:all .3s ease;
}
.myPageWr .pushBox .pushToggle.on { 
	background: #448AFF;
}
.myPageWr .pushBox .pushToggle.on span { 
	left: 18px;
}
.myPageWr .pushBox.on { 
	background: #EFF5FF; 
}
.myPageWr .noticeBox01 { 
	margin:0 0 32px;
	padding:18px 30px;
	background: #F2F7FF;
}
.myPageWr .noticeBox01 .txt01 { 
	margin:0 0 5px;
	font-size: 16px;
	letter-spacing: -.2px;
	color: #448AFF;
}
.myPageWr .noticeBox01 .txt02 { 
	font-weight: 700; 
	font-size: 18px;
	letter-spacing: -.2px;
	color: #2E3337;
}
.myPageWr .noticeBox02 { 
	margin:0 0 16px;
	text-align: center;
}
.myPageWr .noticeBox02 .imgBox { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 52px;
	height: 52px;
	margin:0 auto 12px;
	background: #F2F7FF;
	border-radius: 50%;
	font-size: 0;
}
.myPageWr .noticeBox02 .txt01 { 
	font-weight: 700; 
	font-size: 20px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .noticeBox02 .txt01 span { 
	color: #448AFF; 
}
.myPageWr .termBox01 { 
	border:1px solid #E0E2E4;
}
.myPageWr .termBox01 .tit01 {
	padding:12px 29px 11px;
	background: #F0F0F6;
	border-bottom:1px solid #E0E2E4;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .termBox01 .conBox {
	max-height: 364px;
	padding:29px;
	background: #F6F6F9;
	overflow-y:auto;
	scrollbar-width:thin;
}
.myPageWr .termBox01 .txt01 { 
	font-size: 15px;
	letter-spacing: 0;	
	color: #2E3337;
}
.myPageWr .termBox01 .txt01 + .txt01 { 
	margin-top:19px;
}
.myPageWr .schoolInfoBox { 
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin:0 0 37px;
	padding:23px 28px;
	border:1px solid #E0E2E4;
	border-radius: 20px;
}
.myPageWr .schoolInfoBox .imgBox {
	flex-shrink:0;
	position:relative;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
}
.myPageWr .schoolInfoBox .imgBox img { 
	position:absolute; 
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .schoolInfoBox .conBox { 
	flex-grow:1; 
}
.myPageWr .schoolInfoBox .name { 
	font-weight: 700; 
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .schoolInfoBox .name span { 
	font-weight: 500; 
	color: #8B8F93;
}
.myPageWr .schoolInfoBox .num { 
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .schoolInfoBox .num span { 
	color: #448AFF; 
}
.myPageWr .schoolInfoBox .lnk {
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:12px;
	padding:13px 32px 12px;
	background: #448AFF;
	border-radius: 8px;
}
.myPageWr .schoolInfoBox .lnk span { 
	display:block; 
}
.myPageWr .schoolInfoBox .lnk .plus { 
	position:relative; 
	width: 14px;
	height: 14px;
}
.myPageWr .schoolInfoBox .lnk .plus:before,
.myPageWr .schoolInfoBox .lnk .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;
	border-radius: 4px;
}
.myPageWr .schoolInfoBox .lnk .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.myPageWr .schoolInfoBox .lnk .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.myPageWr .schoolInfoBox .lnk .lnkTxt { 
	padding:2px 0 0;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #FFF;
}
.myPageWr .studentInfoBox01 { 
	margin:0 0 29px;
	border:1px solid #E0E2E4;
	border-radius: 10px;
	overflow: hidden;
}
.myPageWr .studentInfoBox01 .topBox { 
	position:relative;
	display:flex;
	align-items:center;
	gap:17px;
	padding:19px 29px 15px;
}
.myPageWr .studentInfoBox01 .topBox .topLBox {
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:17px;
}
.myPageWr .studentInfoBox01 .topImgBox { 
	flex-shrink:0;
	position:relative; 
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
}
.myPageWr .studentInfoBox01 .topImgBox img { 
	position:absolute; 
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .studentInfoBox01 .topConBox { 
	flex-grow:1;
	position:relative;
}
.myPageWr .studentInfoBox01 .topConBox .name { 
	margin:0 0 7px;
	padding:0 10px 0 0;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .studentInfoBox01 .topConBox .lst01 li { 
	font-size: 16px;
	color: #8B8F93;
}
.myPageWr .studentInfoBox01 .btmToggle {
	position:absolute;
	display:block; 
	width: 18px;
	height: 18px;
	top: 19px;
	right: 15px;
}
.myPageWr .studentInfoBox01 .btmToggle:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin:-8px 0 0 -5px;
	transform:rotate(45deg);
	border-bottom:2px solid #C4C6C8;
	border-right:2px solid #C4C6C8;
	transition:all .3s ease;
}
.myPageWr .studentInfoBox01 .btmToggle.on:before { 
	margin:-1px 0 0 -5px;
	transform:rotate(225deg); 
}
.myPageWr .studentInfoBox01 .topBtnBox { 
	flex-shrink:0;
	display:flex;
	gap:8px;
}
.myPageWr .studentInfoBox01 .topBtnBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	padding:12px 30px;
	border-radius: 8px;
}
.myPageWr .studentInfoBox01 .topBtnBox .btn span { 
	display:block;
}
.myPageWr .studentInfoBox01 .topBtnBox .btn .plus {
	position:relative;
	width: 14px;
	height: 14px;
}
.myPageWr .studentInfoBox01 .topBtnBox .btn .plus:before,
.myPageWr .studentInfoBox01 .topBtnBox .btn .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;
	border-radius: 4px;
}
.myPageWr .studentInfoBox01 .topBtnBox .btn .plus:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.myPageWr .studentInfoBox01 .topBtnBox .btn .plus:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.myPageWr .studentInfoBox01 .topBtnBox .btn .btnIco { 
	font-size: 0; 
}
.myPageWr .studentInfoBox01 .topBtnBox .btn .btnIco img { 
	max-width: 100%; 
}
.myPageWr .studentInfoBox01 .topBtnBox .btn .btnTxt { 
	padding:3px 0 0;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #FFF;
}
.myPageWr .studentInfoBox01 .topBtnBox .btn.st01 { 
	background: #448AFF; 
}
.myPageWr .studentInfoBox01 .topBtnBox .btn.st02 { 
	background: #1F58B8;
}
.myPageWr .studentInfoBox01 .btmBox {
	display:flex;
	flex-wrap:wrap;
	gap:3px;
	padding:19px 28px 15px;
	background: #F6F6F9;
	border-top:1px solid #E0E2E4;
}
.myPageWr .studentInfoBox01 .btmBox dl { 
	display:flex;
	align-items:center;
	gap:12px;
	width: calc((100% - 6px)/3);
	font-size: 16px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .studentInfoBox01 .btmBox dt { 
	font-weight: 700; 
}
.myPageWr .mbtiResultBox01 .mbtiBox { 
	display:flex;
	align-items:flex-start;
	gap:48px;
	padding:0 24px;
}
.myPageWr .mbtiResultBox01 .imgBox { 
	font-size: 0; 
}
.myPageWr .mbtiResultBox01 .imgBox img { 
	max-width: 100%; 
}
.myPageWr .mbtiResultBox01 .conBox { 
	flex-shrink:0;
	width: 400px;
	max-width: 100%;
	padding:24px 29px 17px;
	border:1px solid #E0E2E4;
	border-radius: 15px;
}
.myPageWr .mbtiResultBox01 .conBox .txt01 { 
	font-size: 14px; 
	line-height: 1.5;
	letter-spacing: 0;
	color: #000;
	word-break:break-all;
}
.myPageWr .registedLst01 > li { 
	margin:0 0 20px;
	border:1px solid #E0E2E4;
	border-radius: 10px;
	overflow: hidden;
}
.myPageWr .registedLst01 > li:last-child { 
	margin:0;
}
.myPageWr .registedLst01 .lstTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:16px;
	padding:24px 28px 18px;
}
.myPageWr .registedLst01 .lstTopBox .lBox { 
	position:relative;
	display:flex;
	align-items:center;
	gap:16px;
	padding:0 24px 0 0;
}
.myPageWr .registedLst01 .lstBtmBox { 
	display:flex;
	flex-wrap:wrap;
	gap:3px;
	padding:19px 29px 15px;
	background: #F6F6F9;
	border-top:1px solid #E0E2E4;
}
.myPageWr .registedLst01 .lstBtmBox dl { 
	display:flex;
	align-items:center;
	gap:12px;
	width: calc((100% - 6px)/3);
	font-size: 16px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .registedLst01 .lstBtmBox dt { 
	font-weight: 700; 
}
.myPageWr .registedLst01 .imgBox { 
	flex-shrink:0;
	position:relative;
	width: 80px;
	height: 80px;
	background: #F6F6F9;
	border-radius: 50%;
	overflow: hidden;
}
.myPageWr .registedLst01 .imgBox img { 
	position:absolute; 
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .registedLst01 .infoName { 
	margin: 0 0 6px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color:#2E3337;
}
.myPageWr .registedLst01 .infoLst01 li { 
	font-size: 16px; 
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .registedLst01 .infoBtnBox { 
	display:flex;
	flex-wrap:wrap;
	margin:9px 0 0;
}
.myPageWr .registedLst01 .infoBtnBox .btn { 
	display:block;
	padding:7px 21px 6px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
}
.myPageWr .registedLst01 .infoBtnBox .btn.st01 { 
	background: #F6F6F9;
	border-color:#E0E2E4;
	color: #575E65; 
}
.myPageWr .registedLst01 .btmToggle {
	flex-shrink:0;
	position:absolute; 
	display:block; 
	width: 18px;
	height: 18px;
	top: 0;
	right: 0;
}
.myPageWr .registedLst01 .btmToggle:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin:-8px 0 0 -5px;
	transform:rotate(45deg);
	border-bottom:2px solid #C4C6C8;
	border-right:2px solid #C4C6C8;
	transition:all .3s ease;
}
.myPageWr .registedLst01 .btmToggle.on:before { 
	margin:-1px 0 0 -5px;
	transform:rotate(225deg); 
}
.myPageWr .registedLst01 .iptLnkBox { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	max-width: 264px;
}
.myPageWr .registedLst01 .iptLnkBox .iptLnk { 
	display:block;
	width: 60px;
	font-size: 0;
	text-align: center;
}
.myPageWr .registedLst01 .iptLnkBox .iptLnk span { 
	display:block;
}
.myPageWr .registedLst01 .iptLnkBox .iptLnk .lnkIco { 
	margin:0 0 5px;
}
.myPageWr .registedLst01 .iptLnkBox .iptLnk .lnkIco img { 
	max-width: 100%; 
}
.myPageWr .registedLst01 .iptLnkBox .iptLnk .lnkTxt { 
	font-weight: 500; 
	font-size: 13px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .registedLst01 .editLnkBox { 
	display:flex;
	gap:8px;
}
.myPageWr .registedLst01 .editLnkBox .editLnk { 
	display:block;
	min-width: 144px;
	padding:7px;
	border-radius: 10px;
	border-width:1px;
	border-style:solid;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
}
.myPageWr .registedLst01 .editLnkBox .editLnk.st01 { 
	background: #EDF7FF;
	border-color:#8EB8FF;
	color: #448AFF;
}
.myPageWr .registedLst01 .editLnkBox .editLnk.st02 { 
	background: #FFEFED;
	border-color:#FF9B8E;
	color: #EE6C5D;
}
.myPageWr .registedLst01 .editLnkBox .editLnk.st03 { 
	background: #F6F6F9;
	border-color:#E0E2E4;
	color: #575E65;
}
.myPageWr .registedBtmBox { 
	margin:32px 0 0;
	text-align: center;
}
.myPageWr .registedBtmBox .btn { 
	display:inline-block;
	padding:14px 32px 12px;
	border-width:1px;
	border-style:solid;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
}
.myPageWr .registedBtmBox .btn.st01 { 
	background: #F6F6F9;
	border-color:#E0E2E4;
	color: #575E65;
}
.myPageWr .counselBox01 {
	padding:32px 0 0;
	border-top:1px solid #E0E2E4;
}
.myPageWr .counselBox01 .infoTxt01 { 
	margin:0 0 28px;
	font-size: 14px;
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .counselBox01 .counselLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.myPageWr .counselBox01 .counselLst01 > li { 
	width: calc((100% - 12px)/2);
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	overflow: hidden;
}
.myPageWr .counselBox01 .counselLst01 .lstTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	padding:18px 18px 19px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.myPageWr .counselBox01 .counselLst01 .lstConBox { 
	width: 100%;
	padding:20px;
}
.myPageWr .counselBox01 .counselLst01 .lstTit01 { 
	font-weight: 700; 
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .counselBox01 .counselLst01 .lstLnk01 { 
	position:relative; 
	display:block;
	padding:0 16px 0 0;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .counselBox01 .counselLst01 .lstLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:1px solid #8B8F93;
	border-right:1px solid #8B8F93;
}
.myPageWr .counselBox01 .counselLst01 .lstLnk02 { 
	display:block;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	color: #2E3337;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.myPageWr .counselBox01 .counselLst01 .lstLnk03 { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	width: 100%;
	margin:12px 0 0;
	padding:12px 12px 13px;
	border-radius: 8px;
	border-width:1px;
	border-style:solid;
}
.myPageWr .counselBox01 .counselLst01 .lstLnk03 span { 
	display:block; 
}
.myPageWr .counselBox01 .counselLst01 .lstLnk03 .plus { 
	position:relative;
	width: 14px;
	height: 14px;
}
.myPageWr .counselBox01 .counselLst01 .lstLnk03 .plus:before,
.myPageWr .counselBox01 .counselLst01 .lstLnk03 .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	border-radius: 4px;
}
.myPageWr .counselBox01 .counselLst01 .lstLnk03 .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.myPageWr .counselBox01 .counselLst01 .lstLnk03 .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.myPageWr .counselBox01 .counselLst01 .lstLnk03 .lnkTxt {
	padding:2px 0 0;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0;
}
.myPageWr .counselBox01 .counselLst01 .sLst01 > li { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:8px;
	width: 100%;
	margin:0 0 11px;
}
.myPageWr .counselBox01 .counselLst01 .sLst01 > li:last-child { 
	margin:0;
}
.myPageWr .counselBox01 .counselLst01 .sLst01 .date { 
	flex-shrink:0;
	font-size: 15px;
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .counselBox01 .counselLst01 > li.st01 { 
	border-color:#C4DAFF;
}
.myPageWr .counselBox01 .counselLst01 > li.st01 .lstTopBox { 
	background: #EDF7FF;
	border-bottom-color:#C4DAFF;
}
.myPageWr .counselBox01 .counselLst01 > li.st01 .lstLnk03 { 
	background: #EDF7FF;
	border-color:#448AFF;
}
.myPageWr .counselBox01 .counselLst01 > li.st01 .lstLnk03 .plus:before,
.myPageWr .counselBox01 .counselLst01 > li.st01 .lstLnk03 .plus:after { 
	background: #448AFF;
}
.myPageWr .counselBox01 .counselLst01 > li.st01 .lstLnk03 .lnkTxt { 
	color: #448AFF;
}
.myPageWr .counselBox01 .counselLst01 > li.st02 { 
	border-color:#F2E3BC;
}
.myPageWr .counselBox01 .counselLst01 > li.st02 .lstTopBox { 
	background: #FFFAED;
	border-bottom-color:#F2E3BC;
}
.myPageWr .counselBox01 .counselLst01 > li.st02 .lstLnk03 { 
	background: #FFFAED;
	border-color:#FFAC30;
}
.myPageWr .counselBox01 .counselLst01 > li.st02 .lstLnk03 .plus:before,
.myPageWr .counselBox01 .counselLst01 > li.st02 .lstLnk03 .plus:after { 
	background: #FFAC30;
}
.myPageWr .counselBox01 .counselLst01 > li.st02 .lstLnk03 .lnkTxt { 
	color: #FFAC30;
}
.myPageWr .counselBox01 .counselLst01 > li.st03 { 
	border-color:#B7DEBE;
}
.myPageWr .counselBox01 .counselLst01 > li.st03 .lstTopBox { 
	background: #F0FBF2;
	border-bottom-color:#B7DEBE;
}
.myPageWr .counselBox01 .counselLst01 > li.st03 .lstLnk03 { 
	background: #F0FBF2;
	border-color:#5AC479;
}
.myPageWr .counselBox01 .counselLst01 > li.st03 .lstLnk03 .plus:before,
.myPageWr .counselBox01 .counselLst01 > li.st03 .lstLnk03 .plus:after { 
	background: #5AC479;
}
.myPageWr .counselBox01 .counselLst01 > li.st03 .lstLnk03 .lnkTxt { 
	color: #5AC479;
}
.myPageWr .counselBox01 .counselLst01 > li.st04 { 
	border-color:#B6C7F2;
}
.myPageWr .counselBox01 .counselLst01 > li.st04 .lstTopBox { 
	background: #EDF2FF;
	border-bottom-color:#B6C7F2;
}
.myPageWr .counselBox01 .counselLst01 > li.st04 .lstLnk03 { 
	background: #EDF2FF;
	border-color:#548FCC;
}
.myPageWr .counselBox01 .counselLst01 > li.st04 .lstLnk03 .plus:before,
.myPageWr .counselBox01 .counselLst01 > li.st04 .lstLnk03 .plus:after { 
	background: #548FCC;
}
.myPageWr .counselBox01 .counselLst01 > li.st04 .lstLnk03 .lnkTxt { 
	color: #548FCC;
}
.myPageWr .counselBox01 .counselLst01 > li.st05 { 
	border-color:#C6E6E9;
}
.myPageWr .counselBox01 .counselLst01 > li.st05 .lstTopBox { 
	background: #F2FEFF;
	border-bottom-color:#C6E6E9;
}
.myPageWr .counselBox01 .counselLst01 > li.st05 .lstLnk03 { 
	background: #F1FEFF;
	border-color:#5AA8C4;
}
.myPageWr .counselBox01 .counselLst01 > li.st05 .lstLnk03 .plus:before,
.myPageWr .counselBox01 .counselLst01 > li.st05 .lstLnk03 .plus:after { 
	background: #5AA8C4;
}
.myPageWr .counselBox01 .counselLst01 > li.st05 .lstLnk03 .lnkTxt { 
	color: #5AA8C4;
}
.myPageWr .counselBox01 .counselLst01 > li.st06 { 
	border-color:#E0E2E4;
}
.myPageWr .counselBox01 .counselLst01 > li.st06 .lstTopBox { 
	background: #F6F6F9;
	border-bottom-color:#E0E2E4;
}
.myPageWr .counselBox01 .counselLst01 > li.st06 .lstLnk03 { 
	background: #F6F6F9;
	border-color:#8B8F93;
}
.myPageWr .counselBox01 .counselLst01 > li.st06 .lstLnk03 .plus:before,
.myPageWr .counselBox01 .counselLst01 > li.st06 .lstLnk03 .plus:after { 
	background: #8B8F93;
}
.myPageWr .counselBox01 .counselLst01 > li.st06 .lstLnk03 .lnkTxt { 
	color: #8B8F93; 
}
.myPageWr .counselBox01 .rstBox01 { 
	width: 100%;
	max-width: 812px;
	border:1px solid #C4DAFF;
	border-radius: 10px;
	overflow: hidden;
}
.myPageWr .counselBox01 .rstBox01 .rstTit01 { 
	padding:18px 18px 19px;
	background: #EDF7FF;
	border-bottom:1px solid #C4DAFF;
	font-weight: 700; 
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #2E3337;
}
.myPageWr .counselBox01 .rstBox01 .rstLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	width: 100%;
	padding:23px 31px;
}
.myPageWr .counselBox01 .rstBox01 .rstLst01 li { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	width: calc((100% - 12px)/2);
}
.myPageWr .counselBox01 .rstBox01 .rstLst01 .lstTxt01 { 
	font-weight: 500; 
	font-size: 15px;
	letter-spacing: 0;
	color: #2E3337;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.myPageWr .counselBox01 .rstBox01 .rstLst01 .date { 
	flex-shrink:0;
	font-size: 15px;
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .counselBox01 .chkLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	counter-reset: counselChkNum01 0;
}
.myPageWr .counselBox01 .chkLst01 li { 
	position:relative;
	width: calc((100% - 20px)/2);
	padding:17px 20px 18px;
	background: #F6F6F9;
	border-radius: 10px;
}
.myPageWr .counselBox01 .chkLst01 li.on {
	background: #EDF7FF;	 
}
.myPageWr .counselBox01 .chkLst01 li.fullWid { 
	width: 100%; 
}
.myPageWr .counselBox01 .chkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.myPageWr .counselBox01 .chkLst01 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 20px 0 38px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .counselBox01 .chkLst01 .chkLbl:before,
.myPageWr .counselBox01 .chkLst01 .chkLbl:after {
	position:absolute;
	box-sizing:border-box;
}
.myPageWr .counselBox01 .chkLst01 .chkLbl:before { 
	counter-increment: counselChkNum01 1;
	content: counter(counselChkNum01);
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 30px;
	height: 30px;
	top: -3px;
	left: 0;
	background: #FFF;
	border:1px solid #448AFF;
	border-radius: 50%;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #448AFF;
}
.myPageWr .counselBox01 .chkLst01 .chkLbl:after {
	content:"";
	display:block;
	width: 18px;
	height: 18px;
	top: 3px;
	right: 0;
	background:#DBDBDB url(/Form/_guest/basic/images/joinTermChk01.svg) no-repeat center center;
	border-radius: 3px;
}
.myPageWr .counselBox01 .chkLst01 .chkIpt:checked + .chkLbl:after { 
	background-color: #448AFF;
}
.myPageWr .counselBox01 .chkLst01 .chkLbl.noChk { 
	padding-right:0;
}
.myPageWr .counselBox01 .chkLst01 .chkLbl.noChk:after { 
	display:none;
}
.myPageWr .counselBox01 .chkLst01 .ipt { 
	display:block;
	padding:16px 14px 13px;
	background: #FFF;	
	border:1px solid #E0E0E0;
	border-radius: 8px;
	font-size: 15px;
	color: #2E3337;
}
.myPageWr .counselBox01 .chkLst01 .ipt::placeholder { 
	color: #8B8F93; 
}
.myPageWr .counselBox01 .chkLst01 .ipt.fullWid { 
	width: 100%; 
}
.myPageWr .counselBox01 .chkLst01 .chkLbl + .ipt { 
	margin-top:20px;
}
.myPageWr .counselBox01 .counselBtmBox { 
	display:flex;
	justify-content:center;
	gap:10px;
	margin:32px 0 0;
}
.myPageWr .counselBox01 .counselBtmBox .btn { 
	display:block;
	padding:17px 91px 14px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
}
.myPageWr .counselBox01 .counselBtmBox .btn.st01 { 
	background: #448AFF;
	color: #FFF;
}
.myPageWr .counselBox01 .counselBtmBox .btn.st02 {
	background: #F5F5F5;
	color: #333;
}
.myPageWr .counselBox01 .counselBtmBox .btn.st03 {
	background: #DC3545;
	color: #FFF;
}
.myPageWr .counselBox01.noBorder { 
	padding:0;
	border-top:none;
}
.myPageWr .selectBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.myPageWr .selectBox01 .btnSel { 
	display:flex;
	align-items:center;
	gap:16px;
	width: calc((100% - 24px)/3);
	padding:20px;
	border:1px solid #E0E2E4;
	border-radius: 20px;
	text-align: left;	
	transition:all .3s ease;
}
.myPageWr .selectBox01 .btnSel:focus,
.myPageWr .selectBox01 .btnSel:hover { 
	background: #EDF7FF;
	border-color:#C4DAFF;
}
.myPageWr .selectBox01 .btnSel span { 
	display:block;
}
.myPageWr .selectBox01 .btnSel .btnIco { 
	flex-shrink:0;	
	position:relative; 
	width: 88px;
	height: 88px;
	border-radius: 50%;
	font-size: 0;
	overflow: hidden;
}
.myPageWr .selectBox01 .btnSel .btnIco img { 
	position:absolute;
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .selectBox01 .btnSel .btnTxtBox { 
	flex-grow:1; 
}
.myPageWr .selectBox01 .btnSel .txt01 { 
	margin:0 0 5px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
	word-break:break-all;
}
.myPageWr .selectBox01 .btnSel .txt02 { 
	font-weight: 500; 
	font-size: 16px;
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .printBox01 { 
	margin:32px 0 0;
}
.myPageWr .printBox01 .printTit01 { 
	margin:0 0 32px;
	padding:9px 9px 8px;
	background: #E0E2E4;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: -.5px;
	text-align: center; 
	color: #2E3337;
}
.myPageWr .printBox01 .printTit02 { 
	padding:12px 10px 10px;
	background: #EDF7FF;
	border:1px solid #E0E2E4;
	border-bottom:none;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	color: #2E3337;
}
.myPageWr .printBox01 .printViewBox { 
	margin-top:11px;
}
.myPageWr .printBox01 .printViewBox.stOff { 
	display:none;
}
.myPageWr .printBox01 .printBox { 
	padding:51px 44px;
	background: #FFF;
	border:1px solid #E0E2E4;
	box-shadow:2px 4px 10px 0 rgba(0,0,0,.08);
}
.myPageWr .printBox01 .printBox .topBox { 
	margin:0 0 11px;
	padding:15px 15px 14px;
	background: #ACD9FF;
	font-size: 0;
	text-align: center;
}
.myPageWr .printBox01 .printDlBox { 
	display:flex;
	flex-wrap:wrap;
	border:1px solid #E0E2E4;
}
.myPageWr .printBox01 .printDlBox .txt01 {
	width: 100%;
	padding:8px;
	font-size: 14px;
	letter-spacing: 0;
	color: #2E3337;
	word-break:break-all;	 
}
.myPageWr .printBox01 .printDlBox dl {
	width: 100%;
	border-right:1px solid #E0E2E4;
}
.myPageWr .printBox01 .printDlBox dl:last-child { 
	border-right:none;
}
.myPageWr .printBox01 .printDlBox dt { 	
	padding:8px;
	background: #F6F6F9;
	border-bottom:1px solid #E0E2E4;
	font-size: 14px;
	letter-spacing: 0;
	color: #2E3337;
	text-align: center;
}
.myPageWr .printBox01 .printDlBox dd {
	padding:8px;
	font-size: 14px;
	letter-spacing: 0;
	color: #2E3337;
	word-break:break-all;
}
.myPageWr .printBox01 .printDlBox dd .imgBox {
	position:relative; 
	width: 120px;
	height: 120px;
	margin:0 auto;
	overflow: hidden;
}
.myPageWr .printBox01 .printDlBox dd .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .printBox01 .printDlBox dd canvas { 
	max-width: 100%;
	height: 200px !important;
	margin:0 auto;
}
.myPageWr .printBox01 .printDlBox dd.stTac { 
	text-align: center; 
}
.myPageWr .printBox01 .printDlBox dl.stFlex { 
	display:flex;
}
.myPageWr .printBox01 .printDlBox dl.stFlex dt { 
	flex-shrink:0;
	min-width: 48px;
	border-right:1px solid #E0E2E4;
	border-bottom:none;
}
.myPageWr .printBox01 .printDlBox dl.stFlex dd { 
	flex-grow:1; 
}
.myPageWr .printBox01 .printDlBox .stBold01 {
	font-weight: 700;
	font-size: 18px;
}
.myPageWr .printBox01 .printDlBox.has2 dl { 
	width: 50%;
	border-top:1px solid #E0E2E4;
}
.myPageWr .printBox01 .printDlBox.has2 dl:nth-child(2n) { 
	border-right:none;
}
.myPageWr .printBox01 .printDlBox.has2 dl:nth-child(-n+2) { 
	border-top:none;
}
.myPageWr .printBox01 .printDlBox.has4 dl { 
	width: 25%;
	border-top:1px solid #E0E2E4;
}
.myPageWr .printBox01 .printDlBox.has4 dl:nth-child(4n) { 
	border-right:none;
}
.myPageWr .printBox01 .printDlBox.has4 dl:nth-child(-n+4) { 
	border-top:none;
}
.myPageWr .printBox01 .printDlBox.has5 dl { 
	width: 20%;
	border-top:1px solid #E0E2E4;
}
.myPageWr .printBox01 .printDlBox.has5 dl:nth-child(5n) { 
	border-right:none;
}
.myPageWr .printBox01 .printDlBox.has5 dl:nth-child(-n+5) { 
	border-top:none;
}
.myPageWr .printBox01 .btmBox { 
	display:flex;
	justify-content:center;
	margin:32px 0 0;
}
.myPageWr .printBox01 .btmBox .btn {
	display:block; 
	padding:15px 72px 12px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
}
.myPageWr .printBox01 .btmBox .btn.st01 { 
	background: #448AFF;
	color: #FFF;
}
.myPageWr .albumLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:33px 0 0;
	border-top:1px solid #2E3337;
}
.myPageWr .albumLst01 li { 
	width: calc((100% - 24px)/4); 
}
.myPageWr .albumLst01 li.fullWid { 
	width: 100%; 
}
.myPageWr .albumLst01 .lstImgBox { 
	position:relative;
	margin:0 0 14px;
	padding:100% 0 0;
	font-size: 0;
	overflow: hidden;
}
.myPageWr .albumLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .albumLst01 .lstTit01 { 
	margin:0 0 3px;
	font-weight: 500; 
	font-size: 17px;
	letter-spacing: 0;
	color: #2E3337;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.myPageWr .albumLst01 .lstDate { 
	margin:0 0 14px;
	font-size: 14px;
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .albumLst01 .lstLnk01 { 
	position:relative; 
	display:inline-block;
	padding:7px 8px 4px 38px;
	background: #F6F6F9;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .albumLst01 .lstLnk01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 4px;
	left: 8px;
	background:url(/Form/_guest/basic/images/photoAlbumDown01.svg) no-repeat;
	background-size:cover;
}
.myPageWr .myAlbumLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.myPageWr .myAlbumLst01 li { 
	width: calc((100% - 20px)/2);
	padding:20px;
	border:1px solid #E0E2E4;
	border-radius: 20px;
}
.myPageWr .myAlbumLst01 .lstBox { 
	display:flex;
	align-items:center;
	gap:24px;
}
.myPageWr .myAlbumLst01 .lstImgBox {
	flex-shrink:0;
	position:relative; 
	width: 120px;
	height: 120px;
	background: #F6F6F9;
	border-radius: 8px;
	overflow: hidden;
}
.myPageWr .myAlbumLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .myAlbumLst01 .lstImgBox.noImg { 
	background-image: url(/Form/_guest/basic/images/myAlbumNoImg01.png);
	background-size:cover;
}
.myPageWr .myAlbumLst01 .lstConBox { 
	flex-grow:1;
	position:relative;
	max-width: calc(100% - 144px);
}
.myPageWr .myAlbumLst01 .lstTit01 { 
	margin:0 0 5px;
	padding:0 24px 0 0;
	font-weight: 700; 
	font-size: 18px;
	letter-spacing: -.5px;
	color: #2E3337;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.myPageWr .myAlbumLst01 .lstDate { 
	font-size: 14px; 
	letter-spacing: -.5px;
	color: #C4C6C8;
}
.myPageWr .myAlbumLst01 .lstDel { 
	position:absolute; 
	display:block; 
	top: 2px;
	right: -2px;
	font-size: 0;
}
.myPageWr .myAlbumLst01 .lstDel img { 
	max-width: 100%; 
}
.myPageWr .myAlbumLst01 .lstBtnBox { 
	display:flex;
	gap:8px;
	margin:13px 0 0;
}
.myPageWr .myAlbumLst01 .lstBtnBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:5px;
	width: calc((100% - 8px)/2);
	padding:11px 11px 8px;
	border-radius: 10px;
}
.myPageWr .myAlbumLst01 .lstBtnBox .btn span { 
	display:block; 
}
.myPageWr .myAlbumLst01 .lstBtnBox .btnIco { 
	font-size: 0; 
}
.myPageWr .myAlbumLst01 .lstBtnBox .btnIco img { 
	max-width: 100%; 
}
.myPageWr .myAlbumLst01 .lstBtnBox .btnTxt { 
	font-weight: 700; 
	font-size: 16px;
	letter-spacing: -.5px;
}
.myPageWr .myAlbumLst01 .lstBtnBox .btn.st01 { 
	background: #448AFF;
}
.myPageWr .myAlbumLst01 .lstBtnBox .btn.st01 .btnTxt { 
	color: #FFF; 
}
.myPageWr .myAlbumLst01 .lstBtnBox .btn.st02 { 
	background: #EDF7FF;
}
.myPageWr .myAlbumLst01 .lstBtnBox .btn.st02 .btnTxt { 
	color: #448AFF;
}
.myPageWr .makeAlbumLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin:32px 0 0;
}
.myPageWr .makeAlbumLst01 > li { 
	display:flex;
	flex-direction:column;
	gap:12px;
	/* width: calc((100% - 20px)/2); */
	width: 100%;
}
.myPageWr .makeAlbumLst01 .lstTopBtn { 
	display:block;
	width: 100%;
	padding:12px 9px 9px;
	background: #F6F6F9;
	border:1px solid #E0E2E4;
	border-radius: 8px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.2px;
	text-align: center;
	color: #8B8F93;
}
.myPageWr .makeAlbumLst01 .tempLst01 {
	flex-grow:1;
	padding:28px 15px;
	background: #F6F6F9;
	box-shadow:2px 4px 10px 0 rgba(0,0,0,.1);
}
.myPageWr .makeAlbumLst01 .tempLst01 li { 
	position:relative;
}
.myPageWr .makeAlbumLst01 .tempLst01 .btnTemp {
	position:absolute; 
	display:block; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #FFF url(/Form/_guest/basic/images/makeAlbumNoImg01.png) no-repeat center center;
	font-size: 0;
	overflow: hidden;
}
.myPageWr .makeAlbumLst01 .tempLst01 .btnTemp img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .makeAlbumLst01 .tempLst01 .btnTemp.on { 
	background-image:none; 
}
.myPageWr .makeAlbumLst01 .tempLst01.st01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
.myPageWr .makeAlbumLst01 .tempLst01.st01 > li { 
	width: calc((100% - 8px)/2); 
}
.myPageWr .makeAlbumLst01 .tempLst01.st01 .sLst01 li { 
	position:relative;
	margin:0 0 12px;
	font-size: 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st01 .sLst01 li:last-child { 
	margin:0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st01 > li:first-child .sLst01 li:first-child { 
	padding:136% 0 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st01 > li:first-child .sLst01 li:last-child { 
	padding:139% 0 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st01 > li:last-child .sLst01 li:first-child { 
	padding:120% 0 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st01 > li:last-child .sLst01 li:last-child { 
	padding:155% 0 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st02 li { 
	margin:0 0 12px;
	padding:66% 0 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st02 li:last-child { 
	margin:0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st03 li { 
	width: 100%;
	padding:137% 0 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st04 { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.myPageWr .makeAlbumLst01 .tempLst01.st04 li { 
	width: calc((100% - 12px)/2);
	padding:67.03% 0 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st04 li.fullWid { 
	width: 100%; 
}
.myPageWr .makeAlbumLst01 .tempLst01.st05 { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.myPageWr .makeAlbumLst01 .tempLst01.st05 li { 
	width: calc((100% - 12px)/2);
	padding:113% 0 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st06,
.myPageWr .makeAlbumLst01 .tempLst01.st07 { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.myPageWr .makeAlbumLst01 .tempLst01.st06 > li,
.myPageWr .makeAlbumLst01 .tempLst01.st07 > li { 
	width: calc((100% - 12px)/2); 
}
.myPageWr .makeAlbumLst01 .tempLst01.st06 .sLst01 li,
.myPageWr .makeAlbumLst01 .tempLst01.st07 .sLst01 li { 
	margin:0 0 12px;
}
.myPageWr .makeAlbumLst01 .tempLst01.st06 .sLst01 li:last-child,
.myPageWr .makeAlbumLst01 .tempLst01.st07 .sLst01 li:last-child { 
	margin:0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st06 > li:first-child .sLst01 li,
.myPageWr .makeAlbumLst01 .tempLst01.st07 > li:last-child .sLst01 li { 
	padding:143% 0 0;
}
.myPageWr .makeAlbumLst01 .tempLst01.st06 > li:last-child .sLst01 li,
.myPageWr .makeAlbumLst01 .tempLst01.st07 > li:first-child .sLst01 li { 
	padding:94% 0 0;
}
.myPageWr .albumPageBox { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	max-width: 610px;
	margin:32px auto 0;
}
.myPageWr .albumPageBox .pageBox { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.myPageWr .albumPageBox .pageBox .btnPage {
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 40px;
	height: 36px;
	background: #EDF7FF;
	border-radius: 50%;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	color: #448AFF;
}
.myPageWr .albumPageBox .pageBox .btnPage.on { 
	background: #448AFF;
	color: #FFF;
}
.myPageWr .albumPageBox .pageAdd { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:6px;
	padding:7px 20px 6px;
	background: #F6F6F9;
	border-radius: 999px;
	font-size: 0;
}
.myPageWr .albumPageBox .pageAdd span { 
	display:block; 
}
.myPageWr .albumPageBox .pageAdd .plus { 
	position:relative; 
	width: 12px;
	height: 12px;
}
.myPageWr .albumPageBox .pageAdd .plus:before,
.myPageWr .albumPageBox .pageAdd .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #111827;
	border-radius: 4px;
}
.myPageWr .albumPageBox .pageAdd .plus:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.myPageWr .albumPageBox .pageAdd .plus:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.myPageWr .albumPageBox .pageAdd .btnTxt { 
	padding:2px 0 0;
	font-size: 16px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .albumViewBox01 .topBox { 
	margin:0 0 20px;
	padding:20px 0 0;
	border-top:1px solid #E0E2E4;
}
.myPageWr .albumViewBox01 .topBox .tit01 { 
	margin:0 0 12px;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: 0;
	color: #2E3337;
	word-break:break-all;
}
.myPageWr .albumViewBox01 .topBox .date { 
	font-size: 15px;
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .albumViewBox01 .conBox .imgBox { 
	font-size: 0; 
}
.myPageWr .albumViewBox01 .conBox .imgBox img { 
	width: 100%; 
}
.myPageWr .albumViewBox01 .conBox .videoBox { 
	position:relative;
	padding:50.49% 0 0;
	font-size: 0;
}
.myPageWr .albumViewBox01 .conBox .videoBox .videoArea { 
	position:absolute; 
	display:block; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #F6F6F9;
}
.myPageWr .albumViewBox01 .conBox .downLnk01 { 
	position:relative;
	display:inline-block;
	margin:0 0 24px;
	padding:0 0 0 21px;
}
.myPageWr .albumViewBox01 .conBox .downLnk01 span { 
	position:relative;
	display:block;
	padding:0 0 2px;
	font-size: 14px;
	letter-spacing: 0;
	color: #448AFF;
	word-break:break-all;
}
.myPageWr .albumViewBox01 .conBox .downLnk01:before,
.myPageWr .albumViewBox01 .conBox .downLnk01 span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.myPageWr .albumViewBox01 .conBox .downLnk01:before { 
	width: 18px; 
	height: 18px;
	top: 2px;
	left: 0;
	background:url(/Form/_guest/basic/images/comDown01.svg) no-repeat;
	background-size:cover;
}
.myPageWr .albumViewBox01 .conBox .downLnk01 span:after { 
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #448AFF;
}
.myPageWr .albumViewBox01 .conBox .voiceTxt01 { 
	padding:33px 24px;
	background: #EDF7FF; 
	font-size: 15px;
	line-height: 1.5;
	color: #2E3337;
	word-break:break-all;
}
.myPageWr .albumViewBox01 .btmBox { 
	margin:32px 0 0;
	text-align: center; 
}
.myPageWr .albumViewBox01 .btmBox .lnk { 
	display:inline-block;
	padding:14px 32px 12px;
	background: #F6F6F9;	
	border:1px solid #E0E2E4;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	color: #575E65;
}
.myPageWr .statLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}
.myPageWr .statLst01 > li { 
	width: calc((100% - 16px)/2);
	padding:18px 26px;
	border:1px solid #E0E2E4;
	border-radius: 20px;
}
.myPageWr .statLst01 > li.fullWid { 
	width: 100%; 
}
.myPageWr .statLst01 .lstTopBox { 
	display:flex;
	justify-content:space-between; 
	gap:16px;
	min-height: 148px;
	margin:0 0 9px;
}
.myPageWr .statLst01 .lstTopBox.stWrap { 
	flex-wrap:wrap;
}
.myPageWr .statLst01 .lstTit01 { 
	margin:0 0 2px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
}
.myPageWr .statLst01 .lstTit02 { 
	margin:0 0 11px;
	font-size: 14px;
	letter-spacing: 0;
	color: #8B8F93;
}
.myPageWr .statLst01 .lstInfoLst01 li { 
	position:relative;
	margin:0 0 3px;
	padding:0 0 0 9px;
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0;
	color: #575E65;
}
.myPageWr .statLst01 .lstInfoLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 6px;
	top: 3px;
	left: 0;
	border-radius: 50%;
}
.myPageWr .statLst01 .lstInfoLst01 li.st01:before { 
	background: #4472C4; 
}
.myPageWr .statLst01 .lstInfoLst01 li.st02:before { 
	background: #ED7D31;
}
.myPageWr .statLst01 .lstInfoLst01 li.st03:before { 
	background: #FFC000; 
}
.myPageWr .statLst01 .lstInfoLst01 li.st04:before { 
	background: #4472C4; 
}
.myPageWr .statLst01 .lstInfoLst01 li.st05:before { 
	background: #5B9BD5;
}
.myPageWr .statLst01 .lstInfoLst01 li.st06:before { 
	background: #9466B3;
}
.myPageWr .statLst01 .lstInfoLst01 li:last-child { 
	margin:0;
}
.myPageWr .statLst01 .chartBox { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 193px;
	height: 130px;
}
.myPageWr .statLst01 .chartBox:not(.stWordCloud) canvas { 
	height: 100% !important; 
}
.myPageWr .statLst01 .chartBox.stWordCloud { 
	width: auto; 
	height: auto;
}
.myPageWr .statLst01 .lstTopBox.stWrap .chartBox { 
	width: 100%; 
}
.myPageWr .statLst01 .lstLnk01 { 
	display:block; 
	width: 100%;
	padding:13px 10px 10px;
	background: #EDF7FF;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	color: #448AFF;
}
@media all and (max-width:999px){
	.myPageWr { 
		display:block;
	}
	.myPageWr .myPageMenuBox,
	.myPageWr .myPageTopBox { 
		display:none;
	}
	.myPageWr .myPageBox { 
		max-width: 100%; 
	}
	.myPageWr .cateBox01 {
		margin:0 0 22px;
	}
	.myPageWr .cateBox01 .btnCate { 
		padding:8px 15px 6px;
		font-size: 13px;
	}
	.myPageWr .formBox01 dl { 
		flex-wrap:wrap;
		gap:6px;
	}
	.myPageWr .formBox01 dd { 
		width: 100%; 
	}
	.myPageWr .formBox01 dd .ipt { 
		padding:15px 15px 12px;
		font-size: 16px;
	}
	.myPageWr .formBox01 .btmBox .btn { 
		padding:15px 12px 12px;
		font-size: 16px; 
		letter-spacing: 0;
	}	
	.myPageWr .formBox02 .iptTit01 {
		font-size: 14px;
	}
	.myPageWr .formBox02 *:not(.cTit01, .cTit02) + .iptTit01 {
		margin-top:10px;
	}
	.myPageWr .formBox02 .ipt { 
		padding:12px 15px;
		font-size: 14px;
	}
	.myPageWr .formBox02 .fileBox01 .fileLbl { 
		padding:13px 18px;
		font-size: 14px;
	}
	.myPageWr .formBox02 .btmBox {
		margin:32px 0 0;
	}
	.myPageWr .dropoutBox .imgBox { 
		margin:0 0 24px;
	}
	.myPageWr .dropoutBox .txt01 { 
		margin:0 0 10px;
		font-size: 16px;
	}
	.myPageWr .dropoutBox .txt02 { 
		font-size: 13px; 
		line-height: 1.4;
	}
	.myPageWr .dropoutBox .btnBox { 
		margin:23px 0 0;
	}
	.myPageWr .dropoutBox .btnBox .btn { 
		width: calc((100% - 8px)/2);
		padding:15px 15px 12px;
	}
	.myPageWr .pushBox {
		padding:18px 20px 17px;
	}
	.myPageWr .pushBox .txt01 {
		margin:0 0 8px;
		font-size: 14px;
	}
	.myPageWr .pushBox .txt02 { 
		font-size: 16px;
	}
	.myPageWr .noticeBox01 { 
		padding:15px 15px 14px;
		text-align: center;
	}
	.myPageWr .noticeBox01 .txt01 { 
		margin:0;
	}
	.myPageWr .termBox01 .tit01 {
		padding:10px 16px 9px;
		font-size: 15px;
	}
	.myPageWr .termBox01 .conBox {
		max-height: 200px;
		padding:16px;
	}
	.myPageWr .termBox01 .txt01 { 
		font-size: 13px;
	}
	.myPageWr .termBox01 .txt01 + .txt01 { 
		margin-top:12px;
	}
	.myPageWr .schoolInfoBox { 
		display:block;
		padding:23px 19px;
		background: #EDF7FF;
		border-color:#448AFF;
		border-radius: 15px;
		text-align: center;
	}
	.myPageWr .schoolInfoBox .imgBox { 
		margin:0 auto 11px;
	}
	.myPageWr .schoolInfoBox .name { 
		margin:0 0 1px;
		font-size: 16px;
	}
	.myPageWr .schoolInfoBox .num { 
		margin:0 0 13px;
		font-size: 20px; 
	}
	.myPageWr .studentInfoBox01 { 
		margin:0 0 23px;
	}
	.myPageWr .studentInfoBox01 .topBox { 
		padding:19px 15px 15px;
	}
	.myPageWr .studentInfoBox01 .topImgBox { 
		width: 64px;
		height: 64px;
	}
	.myPageWr .studentInfoBox01 .topConBox .name {
		font-size: 17px;
	}
	.myPageWr .studentInfoBox01 .topConBox .lst01 li { 
		font-size: 14px; 
	}
	.myPageWr .studentInfoBox01 .topBtnBox .btn { 
		width: calc((100% - 8px)/2);
		padding:12px;
	}
	.myPageWr .studentInfoBox01 .topBtnBox .btn .btnTxt { 
		padding:0;
		font-size: 14px;
	}
	.myPageWr .studentInfoBox01 .btmBox { 
		gap:5px;
		padding:15px 15px 11px;
	}
	.myPageWr .studentInfoBox01 .btmBox dl {
		width: calc((100% - 5px)/2);
		font-size: 12px; 
	}
	.myPageWr .mbtiResultBox01 .mbtiBox { 
		flex-direction:column;
		align-items:center; 
		gap:32px;
		padding:0;
	}
	.myPageWr .mbtiResultBox01 .conBox { 
		width: 100%; 
		padding:14px 19px 13px;
	}
	.myPageWr .registedLst01 > li { 
		margin:0 0 12px;
	}
	.myPageWr .registedLst01 .lstTopBox {
		padding:19px 15px;
	}	
	.myPageWr .registedLst01 .lstBtmBox { 
		gap:5px;
		padding:15px 15px 13px;
	}
	.myPageWr .registedLst01 .lstBtmBox dl { 
		width: calc((100% - 5px)/2); 
		font-size: 12px;
	}
	.myPageWr .registedLst01 .imgBox { 
		width: 64px;
		height: 64px;
	}
	.myPageWr .registedLst01 .infoName { 
		font-size: 17px; 
	}
	.myPageWr .registedLst01 .infoLst01 li { 
		font-size: 14px; 
	}
	.myPageWr .registedLst01 .infoBtnBox { 
		margin:7px 0 0;
	}
	.myPageWr .registedLst01 .infoBtnBox .btn { 
		padding:5px 16px 4px;
		border-radius: 5px;
		font-size: 13px;
	}
	.myPageWr .registedLst01 .btmToggle {
		top: 19px;
		right: 15px;
	}
	.myPageWr .registedLst01 .editLnkBox .editLnk { 
		width: calc((100% - 8px)/2);
		min-width: 0; 
	}
	.myPageWr .counselBox01 { 
		padding:11px 0 0;
	}
	.myPageWr .counselBox01 .infoTxt01 { 
		margin:0 0 24px;
		font-size: 12px; 
	}
	.myPageWr .counselBox01 .counselLst01 > li { 
		width: 100%; 
	}
	.myPageWr .counselBox01 .counselLst01 .lstLnk02 { 
		font-size: 14px; 
	}
	.myPageWr .counselBox01 .counselLst01 .sLst01 .date { 
		font-size: 14px; 
	}
	.myPageWr .counselBox01 .rstBox01 .rstTit01 { 
		padding:16px 16px 17px;
		border-bottom:none;
	}
	.myPageWr .counselBox01 .rstBox01 .rstLst01 { 
		gap:10px;
		padding:18px;
	}
	.myPageWr .counselBox01 .rstBox01 .rstLst01 li { 
		width: 100%; 
	}
	.myPageWr .counselBox01 .chkLst01 { 
		gap:12px; 
	}
	.myPageWr .counselBox01 .chkLst01 li { 
		width: 100%;
		padding:17px 20px 15px;
	}
	.myPageWr .counselBox01 .chkLst01 .chkLbl { 
		padding:0 20px 0 32px;
		font-size: 16px;
	}
	.myPageWr .counselBox01 .chkLst01 .chkLbl:before { 
		width: 24px;
		height: 24px;
		font-size: 14px;
	}
	.myPageWr .counselBox01 .chkLst01 .chkLbl + .ipt { 
		margin-top:12px;
	}
	.myPageWr .counselBox01 .counselBtmBox { 
		margin:24px 0 0;
	}
	.myPageWr .selectBox01 {
		gap:8px;
	}
	.myPageWr .selectBox01 .btnSel {
		display:block;
		width: calc((100% - 8px)/2);
		padding:20px 20px 18px;
		text-align: center;
	}
	.myPageWr .selectBox01 .btnSel .btnIco { 
		width: 72px;
		height: 72px;
		margin:0 auto 15px;
	}
	.myPageWr .selectBox01 .btnSel .txt01 { 
		margin:0 0 2px;
		font-size: 16px;
	}
	.myPageWr .selectBox01 .btnSel .txt02 { 
		font-size: 14px; 
	}
	.myPageWr .printBox01 { 
		margin:24px 0 0;
	}
	.myPageWr .printBox01 .printTit01 { 
		margin:0 0 16px;
		padding:11px 8px 8px;
		font-size: 16px;
	}
	.myPageWr .printBox01 .printBox { 
		padding:19px 16px;
	}
	.myPageWr .printBox01 .printTit02 { 
		padding:10px 8px 8px;
		font-size: 14px;
	}
	.myPageWr .printBox01 .printBox .topBox img { 
		width: 60px;
		margin:0 auto;
	}
	.myPageWr .printBox01 .printDlBox dt,
	.myPageWr .printBox01 .printDlBox dd,
	.myPageWr .printBox01 .printDlBox .txt01 { 
		font-size: 12px; 
	}
	.myPageWr .printBox01 .printDlBox dd .imgBox { 
		width: 46px;
		height: 46px;
	}
	.myPageWr .printBox01 .printDlBox dd canvas { 
		height: 140px !important; 
	}
	.myPageWr .printBox01 .printDlBox .stBold01 { 
		font-size: 13px;
	}
	.myPageWr .albumLst01 li { 
		width: calc((100% - 16px)/3); 
	}
	.myPageWr .albumLst01 .lstImgBox {
		margin:0 0 14px;
	}
	.myPageWr .albumLst01 .lstTit01 { 
		margin:0 0 3px;
		font-size: 16px;
	}
	.myPageWr .albumLst01 .lstDate { 
		margin:0 0 14px;
		font-size: 13px;
	}
	.myPageWr .albumLst01 .lstLnk01 {
		padding:5px 9px 5px 34px;
		font-size: 14px;
	}
	.myPageWr .albumLst01 .lstLnk01:before {
		width: 20px;
		height: 20px;
		top: 4px;
		left: 8px;
	}
	.myPageWr .myAlbumLst01 { 
		gap:12px; 
	}
	.myPageWr .myAlbumLst01 li { 
		width: 100%; 
	}
	.myPageWr .myAlbumLst01 .lstBox { 
		gap:16px; 
	}
	.myPageWr .myAlbumLst01 .lstImgBox { 
		width: 80px;
		height: 80px;
	}
	.myPageWr .myAlbumLst01 .lstConBox { 
		max-width: calc(100% - 96px); 
	}
	.myPageWr .myAlbumLst01 .lstTit01 { 
		margin:0 0 3px;
		font-size: 16px;
	}
	.myPageWr .myAlbumLst01 .lstDate { 
		font-size: 12px; 
	}
	.myPageWr .myAlbumLst01 .lstDel { 
		width: 16px;
		top: 1px;
		right: 3px;
	}
	.myPageWr .myAlbumLst01 .lstBtnBox { 
		margin:8px 0 0;
	}
	.myPageWr .myAlbumLst01 .lstBtnBox .btn { 
		padding:10px 6px 5px;
	}
	.myPageWr .myAlbumLst01 .lstBtnBox .btnTxt { 
		padding:0 0 3px;
		font-size: 14px;
	}
	.myPageWr .makeAlbumLst01 { 
		gap:10px;
		margin:24px 0 0;
	}
	.myPageWr .makeAlbumLst01 > li { 
		gap:8px;
		/* width: calc((100% - 10px)/2); */
	}
	.myPageWr .makeAlbumLst01 .lstTopBtn { 
		padding:10px 8px 8px;
		font-size: 12px;
	}
	.myPageWr .makeAlbumLst01 .tempLst01 { 
		padding:14px 7px;
		box-shadow:1px 2px 5px 0 rgba(0,0,0,.1);
	}
	.myPageWr .makeAlbumLst01 .tempLst01 .btnTemp { 
		background-size:50px auto;
	}
	.myPageWr .albumPageBox { 
		flex-wrap:wrap;
		gap:12px;
	}
	.myPageWr .albumPageBox .pageBox { 
		gap:6px;
	}
	.myPageWr .albumPageBox .pageBox .btnPage { 
		width: 37px;
		height: 34px;
		font-size: 14px;
	}
	.myPageWr .albumPageBox .pageAdd { 
		width: 100%; 
	}
	.myPageWr .albumPageBox .pageAdd .btnTxt { 
		font-size: 14px; 
	}
	.myPageWr .albumViewBox01 .topBox { 
		padding:0;
		border-top:none;
	}
	.myPageWr .albumViewBox01 .topBox .tit01 { 
		margin:0 0 8px;
		font-weight: 500;
		font-size: 18px;
	}
	.myPageWr .albumViewBox01 .topBox .date { 
		font-size: 14px; 
	}
	.myPageWr .albumViewBox01 .conBox .downLnk01 { 
		margin:0 0 16px;
	}
	.myPageWr .albumViewBox01 .conBox .downLnk01:before { 
		top: 0; 
	}
	.myPageWr .albumViewBox01 .conBox .downLnk01 span { 
		font-size: 12px; 
	}
	.myPageWr .albumViewBox01 .conBox .voiceTxt01 { 
		padding:18px 16px;
	}
	.myPageWr .statLst01 { 
		gap:30px; 
	}
	.myPageWr .statLst01 > li { 
		width: 100%;
		padding:16px;
	}
	.myPageWr .statLst01 .lstTit01 { 
		font-size: 16px; 
	}
	.myPageWr .statLst01 .lstTit02 { 
		margin:0 0 14px;
		font-size: 12px;
	}
}
@media all and (max-width:799px){
	.myPageWr .registedLst01 .lstTopBox { 
		flex-wrap:wrap;
		gap:24px;
	}
	.myPageWr .registedLst01 .lstTopBox .lBox,
	.myPageWr .registedLst01 .lstTopBox .rBox { 
		width: 100%; 
	}
	.myPageWr .registedLst01 .lstTopBox .lBox { 
		justify-content:center;
	}
	.myPageWr .registedLst01 .iptLnkBox { 
		margin:0 auto;
	}
}
@media all and (max-width:599px){
	.myPageWr .formBox01 .btmBox .btn,
	.myPageWr .formBox02 .btmBox .btn,
	.myPageWr .counselBox01 .counselBtmBox .btn,
	.myPageWr .printBox01 .btmBox .btn.st01 {
		width: 100%;
	}
	.myPageWr .albumLst01 li { 
		width: calc((100% - 8px)/2); 
	}
}
/* 마이페이지 공통 끝
------------------------------------------------------ */
/* 공지사항 시작
------------------------------------------------------ */
.noticeWr .cTit01 { 
	margin:0;
}
@media all and (max-width:999px){
	.noticeWr .cTit01 { 
		margin:0 0 16px;
	}
}
/* 공지사항 끝
------------------------------------------------------ */
/* 메인 시작
------------------------------------------------------ */
.mBnrWr {
	font-size: 0; 
}
.mBnrWr img { 
	width: 100%; 
}
.mSchoolRegWr .inner { 
	position:relative;
	padding:80px 0 80px 276px;
}
.mSchoolRegWr .lBox { 
	position:absolute; 
	width: 160px;
	top: 50%;
	left: 0;
	transform:translateY(-50%);
}
.mSchoolRegWr .mSrTit01 { 
	margin:0 0 28px;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 0;
	color: #2E3337;
}
.mSchoolRegWr .lnk01 { 
	display:none;
	align-items:center; 
	justify-content:center;
	gap:8px;
	padding:12px;
	background: #448AFF;
	border-radius: 100px;
	font-size: 0;
}
.mSchoolRegWr .lnk01 span { 
	display:block;
}
.mSchoolRegWr .lnk01 .plus { 
	position:relative; 
	width: 14px;
	height: 14px;
}
.mSchoolRegWr .lnk01 .plus:before,
.mSchoolRegWr .lnk01 .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;
	border-radius: 4px;
}
.mSchoolRegWr .lnk01 .plus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.mSchoolRegWr .lnk01 .plus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.mSchoolRegWr .lnk01 .lnkTxt { 
	padding:3px 0 0;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #FFF;
}
.mSchoolRegWr .lBox .lnk01 { 
	display:flex;
}
.mSchoolRegWr .schoolSwipeBox { 
	position:relative;
}
.mSchoolRegWr .schoolSwipe { 
	overflow: hidden; 
}
.mSchoolRegWr .schoolBox { 
	display:flex;
	align-items:center;
	gap:16px;
	padding:20px;
	border:1px solid #E0E2E4;
	border-radius: 20px;
}
.mSchoolRegWr .schoolBox .imgBox { 
	flex-shrink:0;
	position:relative; 
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
}
.mSchoolRegWr .schoolBox .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.mSchoolRegWr .schoolBox .name { 
	margin:0 0 5px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
}
.mSchoolRegWr .schoolBox .txt01 { 
	font-weight: 500; 
	font-size: 16px;
	letter-spacing: 0;
	color: #8B8F93;
}
.mSchoolRegWr .schoolArrow {
	position:absolute; 
	display:block; 
	width: 40px;
	height: 40px;
	top: 50%;
	margin:-20px 0 0;
	background: #FFF;
	border-radius: 50%;
	box-shadow:0 4px 15px 0 rgba(64,82,97,.1);
	z-index: 1;
}
.mSchoolRegWr .schoolArrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	border-top:2px solid #8B8F93;
	border-right:2px solid #8B8F93;
}
.mSchoolRegWr .schoolArrow.stPrev {
	left: -30px;
}
.mSchoolRegWr .schoolArrow.stPrev:before {
	margin:-5px 0 0 -3px;
	transform:rotate(-135deg);
}
.mSchoolRegWr .schoolArrow.stNext { 
	right: -30px;
}
.mSchoolRegWr .schoolArrow.stNext:before {
	margin:-5px 0 0 -7px;
	transform:rotate(45deg);
}
.mSchoolRegWr .noDataBox { 
	padding:48px 16px;
	border-top:1px solid #E0E2E4;
	border-bottom:1px solid #E0E2E4;
	text-align: center;
}
.mSchoolRegWr .noDataBox .imgBox { 
	margin:0 0 14px;
	font-size: 0;
}
.mSchoolRegWr .noDataBox .imgBox img { 
	max-width: 100%; 
}
.mSchoolRegWr .noDataBox .txt01 { 
	font-size: 17px; 
	letter-spacing: 0;
	text-align: center;
	color: #8B8F93;
}
.mBrdWr { 
	padding:77px 0 80px;
	background: #F6F6F9;
}
.mBrdWr .inner { 
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
.mBrdWr .mBrdBox { 
	width: calc((100% - 40px)/2); 
}
.mBrdWr .brdTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 16px;
}
.mBrdWr .brdTit01 { 
	font-weight: 700; 
	font-size: 24px;
	letter-spacing: 0;
	color: #2E3337;
}
.mBrdWr .brdTopLnk01 { 
	position:relative;
	display:block;
	padding:0 16px 0 0;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	color: #448AFF;
}
.mBrdWr .brdTopLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:1px solid #448AFF;
	border-right:1px solid #448AFF;
}
.mBrdWr .brdLst01 {
	padding:30px 30px 26px;
	background: #FFF;
	border-radius: 20px;
	box-shadow:1px 2px 8px 0 rgba(0,0,0,.08);
}
.mBrdWr .brdLst01 li { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 15px;
}
.mBrdWr .brdLst01 li:last-child { 
	margin:0;
}
.mBrdWr .brdLst01 .brdLnk01 { 
	display:block; 
	font-size: 16px;
	letter-spacing: 0;
	color: #2E3337;
	transition:all .3s ease;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.mBrdWr .brdLst01 .brdLnk01:focus,
.mBrdWr .brdLst01 .brdLnk01:hover { 
	color: #448AFF; 
}
.mBrdWr .brdLst01 .date { 
	font-size: 15px;
	letter-spacing: 0;
	color: #8B8F93;
}
.mBrdWr .brdCallBox { 
	border-radius: 20px;
	box-shadow:1px 2px 8px 0 rgba(0,0,0,.08);
	overflow: hidden;
}
.mBrdWr .brdCallBox .topBox { 
	padding:23px 80px 21px 30px;
	background:#E5EFFF url(/Form/_guest/basic/images/mBrdCallBg01.png) no-repeat right 30px center;
}
.mBrdWr .brdCallBox .topBox .tit01 { 
	margin:0 0 1px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
}
.mBrdWr .brdCallBox .topBox .lnk01 { 
	position:relative; 
	display:inline-block;
	padding:0 10px 0 0;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0;
	color: #448AFF;
}
.mBrdWr .brdCallBox .topBox .lnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 6px;
	top: 50%;
	right: 0;
	margin:-3px 0 0;
	transform:rotate(45deg);
	border-top:1px solid #448AFF;
	border-right:1px solid #448AFF;
}
.mBrdWr .brdCallBox .btmBox { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	padding:21px 30px 18px;
	background: #FFF;
}
.mBrdWr .brdCallBox .btmBox .txt01 { 
	font-weight: 500; 
	font-size: 16px;
	letter-spacing: 0;
	color: #8B8F93;
}
@media all and (max-width:1399px){
	.mSchoolRegWr .schoolArrow.stPrev { 
		left: -8px; 
	}
	.mSchoolRegWr .schoolArrow.stNext { 
		right: -8px;
	}
}
@media all and (max-width:999px){
	.mSchoolRegWr .inner { 
		padding:20px 0;
	}
	.mSchoolRegWr .lBox { 
		position:relative;
		width: 100%;
		top: auto;
		left: auto;
		margin:0 0 13px;
		transform:translateY(0);
	}
	.mSchoolRegWr .mSrTit01 { 
		margin:0;
		font-size: 16px;
	}
	.mSchoolRegWr .lnk01 { 
		display:flex;
		width: 100%;
		margin:12px 0 0;
		border-radius: 10px;
	}
	.mSchoolRegWr .lBox .lnk01 { 
		display:none;
	}
	.mSchoolRegWr .schoolBox { 
		display:block;
		border-radius: 10px;
		text-align: center;
	}
	.mSchoolRegWr .schoolBox .imgBox { 
		width: 72px;
		height: 72px;
		margin:0 auto 15px;
	}
	.mSchoolRegWr .schoolBox .name { 
		margin:0 0 2px;
		font-size: 16px;
	}
	.mSchoolRegWr .schoolBox .txt01 { 
		font-size: 14px; 
	}
	.mSchoolRegWr .noDataBox { 
		padding:24px 16px;
	}
	.mSchoolRegWr .noDataBox .imgBox { 
		width: 70px;
		margin:0 auto 10px;
	}
	.mSchoolRegWr .noDataBox .txt01 { 
		font-size: 14px;
	}
	.mBrdWr { 
		padding:11px 0 72px;
		background:#FFF; 
	}
	.mBrdWr .inner { 
		flex-wrap:wrap;
		gap:20px;
	}
	.mBrdWr .mBrdBox { 
		width: 100%; 
	}
	.mBrdWr .brdTopBox {
		display:none;
		margin:0 0 12px;
	}
	.mBrdWr .mBrdBox:first-child .brdTopBox { 
		display:flex;
	}
	.mBrdWr .brdTit01 { 
		font-size: 16px; 
	}
	.mBrdWr .brdTopLnk01 { 
		padding:0 11px 0 0;
		font-size: 13px;
	}
	.mBrdWr .brdTopLnk01:after { 
		width: 6px; 
		height: 6px;
		margin:-5px 0 0;
	}
	.mBrdWr .brdLst01 { 
		padding:19px 19px 17px;
		border-radius: 10px;
	}
	.mBrdWr .brdLst01 li { 
		margin:0 0 12px;
	}
	.mBrdWr .brdLst01 .brdLnk01 { 
		font-size: 13px; 
	}
	.mBrdWr .brdLst01 .date { 
		font-size: 12px; 
	}
	.mBrdWr .brdCallBox { 
		border-radius: 10px;
	}
	.mBrdWr .brdCallBox .topBox { 
		padding:21px 70px 17px 20px;
		background-position: right 20px center;
	}
	.mBrdWr .brdCallBox .topBox .tit01 { 
		font-size: 16px; 
	}
	.mBrdWr .brdCallBox .btmBox { 
		padding:11px 20px 9px;
		background: #F6F6F9;
	}
	.mBrdWr .brdCallBox .btmBox .txt01 { 
		font-size: 13px; 
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 사진첩 시작
------------------------------------------------------ */
@media all and (max-width:999px){
	.photoAlbumWr .myPageWr .studentInfoBox01 .topBox { 
		flex-wrap:wrap;
	}
	.photoAlbumWr .myPageWr .studentInfoBox01 .topBtnBox { 
		width: 100%; 
	}
}
/* 사진첩 끝
------------------------------------------------------ */
/* 앨범 제작하기 시작
------------------------------------------------------ */
.makeAlbumWr .myPageWr .formBox02 { 
	max-width: 687px; 
}
.selectAlbumPop .popBox01 { 
	position:absolute; 
	width: 904px;
	max-width: 81.39%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 30px;
}
.selectAlbumPop .popBox01 .tit01 { 
	margin:0 0 24px;
	padding:11px 11px 10px;
	background: #EDF7FF;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	color: #448AFF;
}
.selectAlbumPop .popBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	max-height: 523px;
	overflow-y: auto;
	scrollbar-width:thin;
}
.selectAlbumPop .popBox01 .lst01 li { 
	position:relative; 
	width: calc((100% - 24px)/4);
}
.selectAlbumPop .popBox01 .lst01 .lstImgBox { 
	position:relative;
	margin:0 0 14px;
	padding:100% 0 0;
	border-radius: 4px;
	font-size: 0;
	overflow: hidden;
}
.selectAlbumPop .popBox01 .lst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.selectAlbumPop .popBox01 .lst01 .lstTit01 { 
	margin:0 0 3px;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0;
	color: #2E3337;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.selectAlbumPop .popBox01 .lst01 .lstDate { 
	font-size: 14px; 
	letter-spacing: 0;
	color: #8B8F93;
}
.selectAlbumPop .popBox01 .lst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.selectAlbumPop .popBox01 .lst01 .chkLbl { 
	position:relative;
	display:block;
}
.selectAlbumPop .popBox01 .lst01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block; 
	width: 24px;
	height: 24px;
	top: 14px;
	left: 14px;
	background: #DBDBDB url(/Form/_guest/basic/images/comChk01.svg) no-repeat center center;
	border-radius: 4px;
	z-index: 1;
}
.selectAlbumPop .popBox01 .lst01 .chkIpt:checked + .chkLbl:before { 
	background-color: #448AFF;
}
.selectAlbumPop .popBox01 .btmBox {
	display:flex;
	justify-content:center;
	gap:8px;
	margin:32px 0 0;
}
.selectAlbumPop .popBox01 .btmBox .btn {
	display:block;
	min-width: 200px;
	padding:15px 11px 11px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
}
.selectAlbumPop .popBox01 .btmBox .btn.st01 { 
	background: #448AFF;
	color: #FFF;
}
.selectAlbumPop .popBox01 .btmBox .btn.st02 { 
	background: #E0E2E4;
	color: #8B8F93;
}
.albumCpltPop .popBox01 { 
	position:absolute; 
	width: 360px;
	top: 50%;
	left: 50%;
	padding:40px 44px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 16px;
	border:1px solid #C4C6C8;
	text-align: center;
}
.albumCpltPop .popBox01 .imgBox { 
	margin:0 0 17px;
	font-size: 0;
}
.albumCpltPop .popBox01 .imgBox img { 
	max-width: 100%; 
}
.albumCpltPop .popBox01 .txt01 { 
	margin:0 0 6px;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 0;
	color: #2E3337;
}
.albumCpltPop .popBox01 .txt02 { 
	font-size: 16px; 
	letter-spacing: 0;
	color: #8B8F93;
}
.albumCpltPop .popBox01 .btnBox { 
	margin:28px 0 0;
}
.albumCpltPop .popBox01 .btnBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	width: 100%;
	margin:0 0 8px;
	padding:16px 10px;
	border-radius: 8px;
}
.albumCpltPop .popBox01 .btnBox .btn span { 
	display:block;
}
.albumCpltPop .popBox01 .btnBox .btn:last-child { 
	margin:0;
}
.albumCpltPop .popBox01 .btnBox .btnIco { 
	font-size: 0; 
}
.albumCpltPop .popBox01 .btnBox .btnIco img { 
	max-width: 100%; 
}
.albumCpltPop .popBox01 .btnBox .btnTxt { 
	padding:2px 0 0;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0;
}
.albumCpltPop .popBox01 .btnBox .btn.st01 { 
	background: #2E3337; 
}
.albumCpltPop .popBox01 .btnBox .btn.st02 { 
	background: #448AFF;
}
.albumCpltPop .popBox01 .btnBox .btn.st03 { 
	background: #F6F6F9;
}
.albumCpltPop .popBox01 .btnBox .btn.st01 .btnTxt,
.albumCpltPop .popBox01 .btnBox .btn.st02 .btnTxt { 
	color: #FFF; 
}
.albumCpltPop .popBox01 .btnBox .btn.st03 .btnTxt { 
	color: #2E3337;
}
.albumTempPop .popBox01 { 
	position:absolute; 
	width: 940px;
	max-width: 81%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 30px;
}
.albumTempPop .popBox01 .selectedImgBox { 
	display:none;
	width: 160px;
	margin:0 auto 20px;
	font-size: 0;
}
.albumTempPop .popBox01 .selectedImgBox img { 
	max-width: 100%; 
}
.albumTempPop .popBox01 .lst01 {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.albumTempPop .popBox01 .lst01 li { 
	position:relative;
	width: calc((100% - 60px)/4); 
}
.albumTempPop .popBox01 .lst01 .lstImgBox { 
	margin:0 0 15px;
	font-size: 0;
}
.albumTempPop .popBox01 .lst01 .lstImgBox img { 
	width: 100%; 
}
.albumTempPop .popBox01 .lst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.albumTempPop .popBox01 .lst01 .chkLbl { 
	position:relative; 
	display:block;
	padding:0 0 0 24px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	color: #2E3337;
}
.albumTempPop .popBox01 .lst01 .chkLbl .circle { 
	position:absolute;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	border:1px solid #C4C6C8;
	border-radius: 50%;
}
.albumTempPop .popBox01 .lst01 .chkIpt:checked + .chkLbl .circle { 
	border-color:#448AFF;
}
.albumTempPop .popBox01 .lst01 .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #448AFF;
	border-radius: 50%;
}
.albumTempPop .popBox01 .btmBox { 
	display:flex;
	justify-content:center;
	gap:8px;
	margin:20px 0 0;
}
.albumTempPop .popBox01 .btmBox .btn { 
	display:block;
	min-width: 200px;
	padding:15px 10px 12px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
}
.albumTempPop .popBox01 .btmBox .btn.st01 { 
	background: #448AFF;
	color: #FFF;
}
.albumTempPop .popBox01 .btmBox .btn.st02 { 
	background: #E0E2E4;
	color: #2E3337;
}
@media all and (max-width:999px){
	.selectAlbumPop .popBox01 { 
		padding:16px 22px;
		border-radius: 20px;
	}
	.selectAlbumPop .popBox01 .tit01 { 
		margin:0 0 16px;
		font-size: 12px;
	}
	.selectAlbumPop .popBox01 .lst01 { 
		max-height: 220px; 
	}
	.selectAlbumPop .popBox01 .lst01 li { 
		width: calc((100% - 8px)/2); 
	}
	.selectAlbumPop .popBox01 .lst01 .lstTit01 { 
		margin:0 0 5px;
		font-size: 14px;
	}
	.selectAlbumPop .popBox01 .lst01 .lstDate { 
		font-size: 12px; 
	}
	.selectAlbumPop .popBox01 .lst01 .chkLbl:before { 
		width: 20px; 
		height: 20px;
		top: 10px;
		right: 10px;
		background-size:10px auto;
		border-radius: 4px;
	}
	.selectAlbumPop .popBox01 .btmBox .btn { 
		width: calc((100% - 8px)/2);
		min-width: 0; 
	}
	.albumCpltPop .popBox01 { 
		padding:20px;
	}
	.albumCpltPop .popBox01 .txt01 { 
		margin:0 0 3px;
		font-size: 16px; 
	}
	.albumCpltPop .popBox01 .txt02 { 
		font-size: 14px; 
	}
	.albumCpltPop .popBox01 .btnBox { 
		margin:18px 0 0;
	}
	.albumTempPop .popBox01 { 
		padding:16px;
	}
	.albumTempPop .popBox01 .selectedImgBox {
		display:block;
	}
	.albumTempPop .popBox01 .lst01 { 
		gap:10px; 
	}
	.albumTempPop .popBox01 .lst01 li { 
		width: calc((100% - 10px)/2); 
	}
	.albumTempPop .popBox01 .lst01 .lstImgBox { 
		display: none;
	}
	.albumTempPop .popBox01 .lst01 .chkLbl { 
		padding:0 0 0 18px;
		font-size: 14px; 
	}
	.albumTempPop .popBox01 .lst01 .chkLbl .circle { 
		width: 14px;
		height: 14px;
		top: 2px;
	}
	.albumTempPop .popBox01 .lst01 .chkIpt:checked + .chkLbl .circle:before { 
		width: 8px;
		height: 8px;
	}
	.albumTempPop .popBox01 .btmBox .btn { 
		width: calc((100% - 8px)/2);
		min-width: 0; 
	}
}
/* 앨범 제작하기 끝
------------------------------------------------------ */
/* 통계 상세 시작
------------------------------------------------------ */
.statisticsViewWr .brdViewBox01 .topBox { 
	margin:0;
	border-top:1px solid #E0E2E4;
	border-bottom:none;
}
.statisticsViewWr .chartBox { 
	padding:24px;
	border:1px solid #E0E2E4;
	border-radius: 20px;
}
@media all and (max-width:999px){
	.statisticsViewWr .chartBox { 
		padding:10px;
	}
}
/* 통계 상세 끝
------------------------------------------------------ */
/* 학생통합특성 및 의견 시작
------------------------------------------------------ */
.collectOpinionWr .opinionDl01 { 
	border:1px solid #E0E2E4;
}
.collectOpinionWr .opinionDl01 dt { 
	padding:15px;
	background: #EDF7FF;
	border-bottom:1px solid #E0E2E4;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #2E3337;
}
.collectOpinionWr .opinionDl01 dd { 
	padding:20px;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0;
	color: #2E3337;
	word-break:break-all;
}
@media all and (max-width:999px){
	.collectOpinionWr .opinionDl01 dt {
		font-size: 16px;
	}
	.collectOpinionWr .opinionDl01 dd {
		font-size: 14px;
	}
}
/* 학생통합특성 및 의견 끝
------------------------------------------------------ */
/* 학생등록 시작
------------------------------------------------------ */
.studentRegistWr .myPageWr .myPageBox { 
	max-width: 100%; 
}
/* 학생등록 끝
------------------------------------------------------ */