@charset "utf-8";

/* main ---------------------------------------------- */
img {
	width: 100%;
}
#lnb.type-2.clubapply-lnb li {
	width: 33% !important;
}
.clubapply {
	margin-bottom: 10rem;
}
.clubapply-main {
	display: flex;
	padding-top: 10rem;
	margin-bottom: 7rem;
}
.clubapply-main .clubapply-main-img {
	width: 33%;
	position: relative;
	z-index: 1;
}
.clubapply-main .clubapply-main-header {
	position: relative;
}
.clubapply-main-header .tit::before {
	content: '';
	display: inline-block;
	width: 12.2rem;
	height: 12.2rem;
	position: absolute;
	right: 15rem;
	top: -2.6rem;
	z-index: -1;
	background: url('../images/clubapply/main_img2.png') no-repeat center / 100%;
}
.clubapply-main .clubapply-main-header .sub-tit {
	position: relative;
	text-align: center;
	margin: 3.4rem 0;
	padding: 1.4rem 0;
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.2;
	color: #737373;
}
.clubapply-main .clubapply-main-header .sub-tit::before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 10rem;
	background: url('../images/clubapply/main_subtit_line.png') no-repeat center / 100%;
}
.clubapply-main .clubapply-main-header .sub-tit span {
	font-weight: 500;
}
.clubapply-main .clubapply-main-header .list {
	width: 100%;
	min-height: 30rem;
	position: relative;
	padding-top: 3rem;
	background: url('../images/clubapply/main_list_bg.png') no-repeat top / 100%;
}
.clubapply-main .clubapply-main-header .list::before {
	content: '';
	display: inline-block;
	width: 10rem;
	height: 10rem;
	position: absolute;
	right: -5rem;
	top: -4.6rem;
	z-index: -1;
	background: url('../images/clubapply/main_img3.png') no-repeat center / 100%;
}
.clubapply-main .clubapply-main-header .list li {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.clubapply-main .clubapply-main-header .list li:not(.list-noti){
	padding-left: 14.4rem;
}
.clubapply-main .clubapply-main-header .list li .list-tit {
	min-width: 12rem;
	min-height: 3.5rem;
	text-align: center;
	font-size: 2rem;
	color: #ffffff;
	border-radius: 5rem;
	background: #485697;
}
.clubapply-main .clubapply-main-header .list li .list-txt {
	margin-left: 2rem;
	font-size: 2rem;
	color: #333333;
}
.clubapply-main .clubapply-main-header .list li.list-noti {
	margin: 0 auto;
	font-size: 2.4rem;
}
.clubapply-main .clubapply-main-header .list li.list-noti p {
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.clubapply-main .clubapply-main-header .list li.list-noti strong {
	font-weight: 400;
}
.clubapply-main .clubapply-main-header .list li.list-noti .point-color {
	color: #d94548;
}
.clubapply-main .clubapply-main-header .list li.list-noti p::before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 2rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: 5rem;
	background-color: #e4c1cd;
}

.clubapply-main .clubapply-main-header .notice-txt {
	position: absolute;
	bottom: 0;
	right: 4rem;
	font-size: 1.6rem;
	color: #555555;
}

/* clubapply-btn */
.clubapply-btn {
	text-align: right;
	margin-right: 12rem;
	margin-bottom: 7rem;
}

.clubapply-btn a {
	min-width: 25rem;
	padding: 1.6rem 1rem;
	display: inline-block;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 300;
	border-radius: 5rem;
	color: #ffffff;
}

.clubapply-btn a.write-btn {
	margin-right: 4rem;
	background-color: #d94548;
} 

.clubapply-btn a.inquiry-btn {
	background-color: #575e70;
} 

/* clubapply-close */
.clubapply-close {
	width: 100%;
	height: 7rem;
	text-align: center;
	padding: 1rem 0;
	margin-bottom: 7rem;
	font-size: 3rem;
	font-weight: 600;
	background-color: #444153;
	color: #fff;
}

/* clubapply-list */
.clubapply-list .clubapply-list-tit {
	font-size: 2.4rem;
	font-weight: 600;
	color: #111111;
}
.clubapply-list .list01 {
	margin-top: 1.6rem;
	text-align: center;
}
.clubapply-list .list01 thead tr th {
	padding: 1.8rem 0 1.5rem;
	font-size: 2rem;
	border-right: 0.1rem solid #e1e4ea;
	border-top: 0.2rem solid #535a6b;
	color: #535a6b;
	background: #f3f3f3;
}
.clubapply-list .list01 tbody tr td {
	padding: 1.8rem 0 1.5rem;
	font-size: 1.8rem;
	border-right: 0.1rem solid #e1e4ea;
	border-top: 0.1rem solid #e1e4ea;
	color: #535a6b;
}
.clubapply-list .list01 thead tr th:last-of-type,
.clubapply-list .list01 tbody tr td:last-of-type {
	border-right: 0;
}
.clubapply-list .list01 tbody tr:last-of-type td {
	border-bottom: 0.1rem solid #535a6b;
}
.clubapply-list .paging {
	margin: 2rem 0 2.8rem;
	text-align: center;
}
.clubapply-list .paging .paging_wrap .paging-num {
	font-size: 1.8rem;
	color: #999999;
	cursor: pointer;
	border: 0;
	background: transparent;
}

.clubapply-list .paging .paging_wrap .paging-num.active {
	color: #535a6b;
}
.clubapply-list .paging .paging_wrap .btn {
	width: 2rem;
	height: 2rem;
	font-size: 0;
	border: 0;
	cursor: pointer;
}
.clubapply-list .paging .paging_wrap .btn.prev {
	background: url('../images/clubapply/prev_btn.png') no-repeat center /100%;
}
.clubapply-list .paging .paging_wrap .btn.prev.active {
	background: url('../images/clubapply/prev_btn_on.png') no-repeat center /100%;
}
.clubapply-list .paging .paging_wrap .btn.next {
	background: url('../images/clubapply/next_btn.png') no-repeat center /100%;
}
.clubapply-list .paging .paging_wrap .btn.next.active {
	background: url('../images/clubapply/next_btn_on.png') no-repeat center /100%;
}


/* 개인정보동의 ----------------------------------------- */
.privacy-consent {
	margin-top: 5rem;
}
.step-wrap {
	margin-bottom: 5rem;
}
.clubapply .sms-inbx {
	display: none;
}
.ui-accd.is-active .hBox {
	background: #5d7784;
	font-weight: 600;
	color: #fff;
}
.cBox {
	display: none;
}
.ui-accd.is-active .cBox {
	display: block;
}
.hBox {
	width: 100%;
	height: 8rem;
	padding: 2rem;
	text-align: center;
	position: relative;
	font-size: 3rem;
	font-weight: 300;
	border-radius: 1.6rem;
	color: #333333;
	background: #b1c2cd;
}

.hBox::before {
	content: '';
	display: inline-block;
	width: 99%;
	height: 6.7rem;
	position: absolute;
	top: 0.4rem;
	left: 50%;
	transform: translate(-50%, 0);
	border-radius: 1.6rem;
	border: 0.2rem solid rgba(255, 255, 255, 0.3);
}
.privacy-consent-box {
	padding: 5rem;
	border-top: 0.1rem solid #535a6b;
	border-bottom: 0.1rem solid #535a6b;
	background-color: #f3f3f3;
}
/* 14세미만 */
h3.step-title {
	margin: 6rem 0 2rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
}
.privacy-consent-box .step-txt1 {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.4;
	color: #434343;
}
.search-box {
	text-align: center;
	margin-top: 4rem;
}
.search-box .button {
	min-width: 28rem;
	height: 5rem;
	padding: 0;
}
.search-box .button span,
.btn-box .button span{
	padding: 1rem 0;
	font-size: 2.4rem;
	font-weight: 300;
	border-radius: 5rem;
	font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
	color: #ffffff;
}
.search-box .btn-telSh span{
	background-color: #575e70;
}
.search-box .sms-inbx .input {
	width: 100%;
	max-width: 56rem;
	height: 5rem;
	margin-bottom: 3rem;
	text-align: center;
	border-radius: 0;
	font-size: 2.4rem;
	color: #434343;
	border: 0.1rem solid #bcbec0;
	background-color: #fff;
}
.search-box .sms-inbx .input::placeholder {
	font-size: 2.4rem;
}
.search-box .btn-smsSend {
	margin-right: 3rem;
}
.search-box .btn-smsSend span{
	background-color: #3b53c2;
}
.search-box .btn-history span{
	background-color: #575e70;
}
.privacy-consent-box .list-star {
	margin-top: 4rem;
}
.privacy-consent-box .list-star li {
	margin-bottom: 1rem;
	font-size: 2rem;
	font-weight: 300;
	color: #434343;
}
.privacy-consent-box .list-star li .point-color {
	font-weight: 400;
	color: #d94548;
}
.btn-box {
	margin: 7rem 0 4rem;
}
.btn-box .button {
	min-width: 23rem;
	height: 6rem;
	padding: 0;
}
.btn-box .button span {
	background-color: #1f4e79;
}
/* 발송내역보기 */
.send-list {
	max-width: 72.7rem;
	margin: 3.0rem auto 3.0rem;
	font-size: 2rem;
	text-align: center;
	border-top: 0.2rem solid #535a6b;
	border-bottom: 0.1rem solid #535a6b;
	background: #fff;
}
.send-list thead {
	width: 72.7rem;
	display: block;
}
.send-list thead tr th {
	padding: 0.8rem 0;
	font-weight: 400;
	color: #535a6b;
	border-bottom: 0.1rem solid #e1e4ea;
}
.send-list thead tr th:nth-child(1),
.send-list tbody tr td:nth-child(1){
	width: 13.5rem;
}
.send-list thead tr th:nth-child(2),
.send-list tbody tr td:nth-child(2){
	width: 30rem;
}
.send-list thead tr th:nth-child(3),
.send-list tbody tr td:nth-child(3){
	width: 29.4rem;
}
.send-list tbody {
	width: 72.7rem;
	height: 20.6rem;
	display: block;
	overflow: hidden;
	overflow-y: auto;
}
.send-list tbody tr td {
	width: 200rem;
	padding: 0.9rem 0;
	font-weight: 400;
	color: #535a6b;
	border-bottom: 0.1rem solid #e1e4ea;
}

/* 지원서 작성 및 확인 ----------------------------------------- */
.score-btn-wrap {
	width: 100%;
	text-align: right;
}
.popup-score-btn {
	font-size: 2rem;
	padding: 0.5rem 1.9rem;
	border-radius: 5rem;
	background: #575e70;
	color: #fff;
}
.list-box-wrap {
	position: relative;
	margin-bottom: 4rem;
}
.list-box {
	padding: 5rem;
	position: relative;
	border-top: 0.2rem solid #535a6b;
	border-bottom: 0.1rem solid #cbcbcb;
	background-color: #f3f3f3;
}
.list-box-tit {
	display: inline-block;
	font-size: 2.4rem;
	font-weight: 600;
	color: #111111;
}
.tips {
	width: 15rem;
	height: 3rem;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 1.4rem;
	text-align: center;
	font-size: 1.8rem;
	background: #777777;
	color: #fff;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.dot-list li{
	position: relative;
	padding-left: 1rem;
	margin-bottom: 0.8rem;
	font-size: 1.8rem;
	color: #3b53c2;
}
.dot-list li::before {
	content: '';
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	top: 0.5rem;
	left: 0;
	border-radius: 50%;
	background: #3b53c2;
}
.list-box table tr td{
	padding-bottom: 2rem;
	font-size: 1.8rem;
	color: #7d7d7d;
}
.list-box span {
	font-size: 1.8rem;
	color: #7d7d7d;
	line-height: 1.4;
}
.list-box table tr td.table-tit {
	font-weight: 500;
	color: #434343;
}
.line::before {
	content: '';
	width: 0.1rem;
	height: 1.6rem;
	margin: 0 1rem;
	display: inline-block;
	background: #b8b8b8;
}
.list-box table tr:last-of-type td {
	padding-bottom: 0;
}
.list-box select {
	width: 42%;
	height: 4rem;
	padding: 0 0.7rem;
	margin-bottom: 0.8rem;
	margin-right: 2rem;
	font-size: 1.8rem;
	color: #7d7d7d;
	border: 0.1rem solid #bcbec0;
}

.list-box select:disabled {
	background: #cccccc;
}

.list-box .c-red {
	font-size: 1.6rem;
	color: #d94548;
}
.list-box .c-blue{
	color: #3b53c2;
}
.list-box input:not(.upload-name) {
	position: absolute;
	width: 0.1rem;
	height: 0.1rem;
	padding: 0;
	margin: -0.1rem;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.list-box input+label {
	display: inline-block;
	position: relative;
	padding-left: 3rem;
	padding-right: 6.6rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	font-size: 1.8rem;
	color: #434343;
}
.list-box input+label:first-of-type{
	width: 18rem;
	padding-right: 0;
}
.list-box input+label:last-of-type {
	padding-right: 0;
}
					
.list-box input+label:before {
	content: '';
	position: absolute;
	left: 0.4rem;
	top: 0.1rem;
	width: 1.8rem;
	height: 1.8rem;
	text-align: center;
	background-color: #fff;
	border: 0.2rem solid #bec0c2;
	border-radius: 100%;
	box-shadow: none;
}
.list-box input:checked+label:before {
	background-color: #fff;
	border-color: #bec0c2;
} 
					
.list-box input:checked+label:after {
	content: '';
	position: absolute;
	top: 0.3rem;
	left: 0.6rem;
	width: 1.8rem;
	height: 1.8rem;
	background-color: #666666;
	border-radius: 100%;
	box-shadow: none;
}
.list-box input[type="checkbox"]+label:before {
	border-radius: 0;
	border: 0.1rem solid #bec0c2;
}
.list-box input[type="checkbox"]+label {
	padding-right: 0;
	margin-top: 1rem;
}
.list-box input[type="checkbox"]+label.schoolReport,
.list-box input[type="checkbox"]+label.competition {
	width: 37rem;
}
.list-box input[type="checkbox"]+label.appointment,
.list-box input[type="checkbox"]+label.EnglishCertificate {
	width: 32.6rem;
}
.list-box input[type="checkbox"]:checked+label:after {
	top: 0.2rem;
	left: 0.5rem;
	border-radius: 0;
	background-image: url('../images/clubapply/checkbox_on.png');
	background-repeat: no-repeat;
	background-position: center;
}

.list-box table.proof-table tbody tr td.table-tit{
	width: 12rem;
	padding-top: 2.4rem;
	vertical-align: top;
}

.list-box table.proof-table tbody tr td p.c-red{
	margin-top: 2rem;
}
.list-box table.proof-table tr td.table-data {
	padding-top: 2.4rem;
}
.list-box table.proof-table tr td.table-data span {
	display: inline-block;
}
.list-box table.proof-table tr td.table-data span:first-of-type,
.list-box table.proof-table tr td.table-data span:nth-child(2),
.list-box table.proof-table tr td.table-data span:nth-child(3) {
	padding-bottom: 1rem;
}
.list-box table.proof-table tr td.table-data span:first-of-type,
.list-box table.proof-table tr td.table-data span:nth-child(4) {
	width: 43%;
}
.list-box table.proof-table tr td.table-data span:nth-child(2),
.list-box table.proof-table tr td.table-data span:nth-child(5) {
	width: 33%;
}
/* 수상이력 테이블 영역 */
.award-history .table-tit{
	width: 32rem;
	display: inline-block;
}
.award-history-td table tbody tr td {
	width: 14rem;
	display: inline-block;
}
.award-history-td table tbody tr td:first-of-type {
	width: 17rem;
}
.award-history-td table tbody tr td:last-of-type {
	width: 10rem;
}
.list-box p {
	font-size: 1.8rem;
	color: #434343;
	line-height: 1;
}
.list-box textarea {
	width: 100%;
	height: 15rem;
	padding: 2rem;
	margin: 1.6rem 0;
	font-size: 1.8rem;
	font-weight: 300;
	color: #7d7d7d;
	line-height: 1.2;
	border: 0.1rem solid #bcbec0;
	resize: none;
}
.list-box .textarea-wrap {
	position: relative;
}
.list-box .text-length-wrap {
	position: absolute;
	bottom: 3.0rem;
	right: 2rem;
}

.list-box .text-length-wrap p {
	display: inline-block;
	font-size: 1.6rem;
	color: #999999;
}
.list-box .text-length-wrap p.textcount {
	color: #d94548;
}
.list-box .file-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 1.8rem;
}
.list-box .filebox input {
	width: 40rem;
	height: 4rem;
	margin: 0 2rem;
	padding: 0 2rem;
	border: 0.1rem solid #bcbec0;
	background-color: #fff;
}
.list-box .filebox input+label[for="ex_filename"]:before {
	content: none;
}
.list-box .filebox label {
	width: 13rem !important;
	height: 4rem;
	border-radius: 5rem;
	padding: 0.8rem 0;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	background: #575e70;
}
.list-box .file-noti {
	margin-left: 8rem;
	font-size: 1.6rem;
	color: #434343;
}
/* 버튼 */
.btn-wrap {
	width: 49rem;
	text-align: center;
	margin: 7rem auto 3.3rem;
}
.btn-wrap a {
	height: 6rem;
	font-size: 2.4rem;
	padding: 1.5rem 0;
	display: inline-block;
	color: #fff;
	border-radius: 5rem;
}
.btn-wrap .btn-inline {
	width: 100%;
	margin-bottom: 4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn-wrap .btn-inline a {
	width: 47%;
}
.btn-wrap .cancel-btn {
	margin-right: 2.7rem;
	background-color: #575e70;
}
.btn-wrap .temporary-btn {
	background-color: #3b53c2;
}
.btn-wrap .final-btn {
	width: 100%;
	background-color: #1f4e79;
}
.btn-wrap .list-btn {
	width: 30rem;
	background-color: #575e70;
}
/* 보호자동의문자팝업 */
.popup-league .popup-body {
	width: 56rem;
	padding: 4rem;
}
.popup-league .popup-body .hp-inbx {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.popup-league .popup-body .hp-inbx .button {
	width: 27rem;
	height: 5rem;
	padding: 0;
	margin-left: 1rem;
	line-height: 4.8rem;
}
.popup-league .popup-body .hp-inbx .button span {
	font-size: 2.4rem;
	font-weight: 300;
	border-radius: 5rem;
	font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
	color: #ffffff;
	box-shadow: none;
	background-color: #3b53c2;
}
.popup-league .popup-body .hp-inbx input {
	font-size: 2.4rem;
	height: 5rem;
	padding: 0 1.2rem;
	border-radius: 0;
	background-color: #fff;
}
.popup-league .popup-body .list-star {
	margin-top: 2rem;
}
.popup-league .popup-body .list-star li {
	margin-bottom: 1.4rem;
	font-size: 2rem;
	font-weight: 300;
	color: #434343;
}
.popup-league .popup-body .list-star li .point-color {
	font-weight: 400;
	color: #d94548;
}
.popup-league .btnClose {
	min-width: 15rem;
	height: 5rem;
	padding: 1rem 0;
	margin-bottom: 2rem;
	display: inline-block;
	text-align: center;
	position: relative;
	left: 32%;
	border-radius: 5rem;
	font-size: 2.4rem;
	color: #fff;
	background: #d94548;
}

/* 만14세이상 ------------------------------------------- */
.div14up {
	margin-bottom: 6rem;
}
.div14up .list-star {
	margin-top: 0;
}
.div14up .list-star li {
	line-height: 1.4;
}
.sub-box {
	margin-top: 4rem;
}
.sub-box strong {
	font-size: 2.4rem;
	color: #434343;
}
.sub-box-list {
	padding: 5rem;
	border: 0.1rem solid #e1e1e1;
	background-color: #fff;
}
.sub-box-list dl {
	margin-top: 2rem;
}
.sub-box-list dl:first-of-type {
	margin-top: 0;
}
.sub-box-list dl dt {
	margin-bottom: 0.6rem;
	font-weight: 600;
}
.sub-box-list dl dt,
.sub-box-list dl dd {
	font-size: 1.8rem;
	line-height: 1.6;
	color: #7d7d7d;
}
.sub-box-list dl dd p{
	position: relative;
	padding-left: 1rem;
}
.sub-box-list dl dd p span {
	position: absolute;
	left: 0;
	top: -0.3rem;
}
.agree-btn-wrap p {
	margin: 3.2rem 0 4rem;
	font-size: 2rem;
	line-height: 1.4;
	color: #434343;
}
.agree-btn-wrap .agree-btn {
	text-align: center;
}
.agree-btn-wrap input {
	position: absolute;
	width: 0.1rem;
	height: 0.1rem;
	padding: 0;
	margin: -0.1rem;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.agree-btn-wrap input+label {
	display: inline-block;
	position: relative;
	padding-left: 3.6rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	font-size: 2.4rem;
	font-weight: 600;
	color: #111111;
}
.agree-btn-wrap input+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.2rem;
	width: 2.4rem;
	height: 2.4rem;
	text-align: center;
	background-color: #fff;
	border: 0.1rem solid #bcbec0;
	box-shadow: none;
}
.agree-btn-wrap input:checked+label:before {
	background-color: #fff;
	border-color: #bcbec0;
} 
					
.agree-btn-wrap input:checked+label:after {
	content: '';
	position: absolute;
	top: 0.3rem;
	left: 0.1rem;
	width: 2.4rem;
	height: 2.4rem;
	background-color: #666666;
	background-image: url('../images/clubapply/checkbox_on.png');
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: none;
}
/* popup ---------------------------------------------- */
.alert-layer .alert-ctn {
	text-align: center;
	display: block;
}
.alert-layer .alert-ctn p,
.alert-layer .alert-ctn > div {
	height: auto;
	display: block;
	font-size: 2.4rem;
	line-height: 1.4;
	font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
	color: #434343;
}
.alert-layer .alert-ctn p .point-color,
.alert-layer .alert-ctn div .point-color {
	color: #3b53c2;
}
.alert-layer .alert-ctn p .point-red,
.alert-layer .alert-ctn div .point-red {
	color: #d94548;
}
.alert-layer .alert-btn > ul > li .button > span{
	min-width: 15rem;
	padding: 0.8rem 0;
	font-size: 2.4rem;
	font-weight: 300;
	font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움';
	border-radius: 5rem;
	color: #fff;
	box-shadow: none;
}
.alert-layer .alert-btn > ul > li .button.btnCancel span{
	background: #575e70;
}
.alert-layer .alert-btn > ul > li .button.btnConfirm span{
	background: #d94548;
}

.alert-layer .alert-btn > ul > li .button.btnConfirm1 span {
	background: #d94548;
}

/* 항목별 안내팝업 */
.alert-layer.popup-score .alert-body {
	width: 90rem;
	height: 75.2rem;
	padding: 0;
}
.alert-layer.popup-score .alert-body .alert-header {
	width: 100%;
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-top-right-radius: 2.6rem;
	border-top-left-radius: 2.6rem;
	background-color: #575e70;
}
.alert-layer.popup-score .alert-body .alert-header h4 {
	font-size: 2.4rem;
	font-weight: 400;
	color: #fff;
}
.alert-layer.popup-score .alert-body .alert-header .btn {
	width: 3rem;
	height: 3rem;
	position: absolute;
	right: 2rem;
	font-size: 0;
	border: 0;
	background: transparent;
}
.alert-layer.popup-score .alert-body .alert-header .btn::before,
.alert-layer.popup-score .alert-body .alert-header .btn::after {
	content: '';
	width: 0.2rem;
	height: 2.5rem;
	position: absolute;
	top: 0.4rem;
	display: inline-block;
	background: #fff;
	transform: rotate(-45deg);
}
.alert-layer.popup-score .alert-body .alert-header .btn::before {
	transform: rotate(-137deg);
	left: 1.5rem;
}
.alert-layer.popup-score .alert-body .alert-ctn {
	padding: 3rem;
}
.alert-layer.popup-score .alert-body .alert-ctn .main-table{
	border-top: 0.2rem solid #535a6b;
	border-bottom: 0.1rem solid #535a6b;
}
.alert-layer.popup-score .alert-body .alert-ctn .main-table>thead tr th {
	padding: 1.5rem;
	color: #535a6b;
	border-bottom: 0.1rem solid #e1e4ea;
}
.alert-layer.popup-score .alert-body .alert-ctn .main-table>thead tr th:first-of-type {
	border-right: 0.1rem solid #e1e4ea;
}
.alert-layer.popup-score .alert-body .alert-ctn .main-table>tbody tr td {
	padding: 0.4rem;
	line-height: 1.5;
	color: #535a6b;
}
.alert-layer.popup-score .alert-body .alert-ctn .main-table>tbody .top-border {
	border-top: 0.1rem solid #e1e4ea;
}
.alert-layer.popup-score .alert-body .alert-ctn .main-table>tbody .right-border {
	border-right: 0.1rem solid #e1e4ea;
}
.alert-layer.popup-score .alert-body .alert-ctn .sub-table {
	margin-top: 1rem;
	border-collapse: collapse;
  border-radius: 0.8rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem #e1e4ea;
}
.alert-layer.popup-score .alert-body .alert-ctn .sub-table> thead tr th {
	padding: 0.4rem 0;
	font-size: 1.6rem;
	font-weight: 500;
	background: #f3f3f3;
	border: 0.1rem solid #e1e4ea;
}
.alert-layer.popup-score .alert-body .alert-ctn .sub-table> thead tr th:first-of-type {
	border-top-left-radius: 1rem;
}
.alert-layer.popup-score .alert-body .alert-ctn .sub-table> thead tr th:last-of-type {
	border-top-right-radius: 1rem;
}
.alert-layer.popup-score .alert-body .alert-ctn .sub-table> tbody tr td {
	vertical-align: top;
	padding: 0.5rem 0;
	line-height: 1.4;
	border: 0.1rem solid #e1e4ea;
}

@media screen and (min-width: 279px) and (max-width: 767px) {
	.clubapply-btn {
		text-align: center;
		margin-right: 0;
		margin-bottom: 7rem;
	}
	.clubapply-main .clubapply-main-header .notice-txt {
		right: 0;
	}
	.clubapply-main .clubapply-main-header .list {
		padding-top: 2rem;
	}
	.clubapply-main .clubapply-main-header .list li:not(.list-noti) {
		padding-left: 7rem;
		margin-bottom: 0.6rem;
	}
	.search-box .button {
		min-width: 26rem;
	}
	.search-box .btn-smsSend {
		margin-right: 1rem;
	}
	.send-list,
	.send-list thead,
	.send-list tbody {
		width: 100%;
		max-width: 100%;
	}
	.list-box p {
		line-height: 1.3;
	}
	.list-box table tr td.award-history-td {
		display: block;
		padding-bottom: 3rem;
	}
	.award-history .table-tit {
		width: 43rem;
		padding-bottom: 1rem;
	}
	.award-history-td table tbody tr td:first-of-type {
		width: 14rem;
	}
	.award-history-td table tbody tr td {
		width: 10rem;
	}
	.list-box input+label:first-of-type {
		width: 100%;
	}
	.proof-table tbody tr td:last-of-type {
		display: block;
	}
	.list-box input[type="checkbox"]+label {
		display: block;
		width: 100%;
	}
	.list-box .filebox input {
		width: 31rem;
	}

	.award-history-view table tr td {
		display: block;
	}
	.award-history-view .list-box table tr td.table-tit {
		padding-bottom: 0.2rem;
	}
	.award-history-view .list-box table.proof-table tr td.table-data span:first-of-type, 
	.award-history-view .list-box table.proof-table tr td.table-data span:nth-child(2),
	.award-history-view .list-box table.proof-table tr td.table-data span:nth-child(4),
	.award-history-view .list-box table.proof-table tr td.table-data span:nth-child(5){
		width: 100%;
	}
	.award-history-view .list-box table.proof-table tr td.table-data {
		padding-top: 0.2rem;
	}
	.alert-layer.popup-score .alert-body {
		width: 90%;
		height: auto;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.list-box p {
		line-height: 1.3;
	}
	.list-box table tr td.award-history-td {
		display: block;
		padding-bottom: 3rem;
	}
	.award-history .table-tit {
		width: 43rem;
		padding-bottom: 1rem;
	}
	.award-history-td table tbody tr td:first-of-type {
		width: 14rem;
	}
	.award-history-td table tbody tr td {
		width: 10rem;
	}
	.list-box input+label:first-of-type {
		width: 100%;
	}
	.proof-table tbody tr td:last-of-type {
		display: block;
	}
	.list-box input[type="checkbox"]+label {
		display: block;
		width: 100%;
	}
	.list-box .filebox input {
		width: 31rem;
	}
}

/* 클럽이벤트 */
#club.clubevent{
    padding-bottom:10rem;
    background:#f3f5f9;
}
#club.clubevent *{
    box-sizing: border-box;
}
#club.clubevent .dn{
    display: none;
}
.clubevent .clubevent-section01{
    display: block;
    padding-top: 9.5rem;
    margin-bottom: 4rem;
}
.clubevent .clubevent-section01 .mo{
    display: none;
}
.clubevent .clubevent-section02{
    display: block;
    padding:6rem 0 0 0; 
    margin-bottom: 4rem;
    border:0.8rem solid #173a48;
    border-radius: 6rem;
    background:#fff;
    overflow: hidden;
}
.clubevent .clubevent-section02{
    display: block;
    padding:6rem 0 0 0; 
    margin-bottom: 4rem;
    border:0.8rem solid #173a48;
    border-radius: 6rem;
    background:#fff;
    overflow: hidden;
}
.clubevent .clubevent-section02 .txt01{
    width:57.9rem;
    margin:0 auto;
}
.clubevent .clubevent-section02 .txt02{
    margin:6rem auto 4rem auto;
    font-weight: bold;
    font-size: 4.4rem;
    position: relative;
    display:block;
    color:#173a48;
    text-align: center;
}
.clubevent .clubevent-section02 .txt02 strong{
    position: relative;
    z-index: 1;
}
.clubevent .clubevent-section02 .txt02 strong::after{
    content: "";
    display:inline-block;
    width:100%;
    height:1.7rem;
    border-radius: 0.8rem;
    background:#ccdee0;
    z-index: -1;
    position: absolute;
    left:0;
    bottom:0
}
.clubevent .clubevent-section02 .txt02 strong.red{
    color:#f13e25;
}
.clubevent .clubevent-section02 .txt02 strong.red::after{
    background:#ffdfdb;
}
.clubevent .clubevent-section02 .txt03{
    color:#173a48;
    font-size: 2.2rem;
    position: relative;
    display:block;
    text-align: center;
}
.clubevent .clubevent-section02 .txt03 strong{
    font-size: 2.4rem;
    display: block;
}
.clubevent .clubevent-section02 .info{
    padding:0 5.2rem;
}
.clubevent .clubevent-section02 .info::after{
    content: "";
    clear: both;
    display: block;
    width: 100%;
}
.clubevent .clubevent-section02 .info .img{
    width:43.3%;
    float: left;   
}
.clubevent .clubevent-section02 .info ul{
    width:56%;
    float: right;
    margin:8rem 0 0 0;
}

.clubevent .clubevent-section02 .info ul::before{
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height:2px;
    background:url('/V2/club/images/clubevent/dot_line.png')  repeat-x left top;
    padding-bottom:2rem;
}
.clubevent .clubevent-section02 .info ul::after{
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height:2px;
    background:url('/V2/club/images/clubevent/dot_line.png')  repeat-x left bottom;
    padding-top:2rem;
}
.clubevent .clubevent-section02 .info ul li{                 
    display: block;
    width:100%;
    margin:2rem 0;
    height:5rem;
    background:#f3f5f9;
    border-radius:2.5rem;
    font-size: 1.9rem;
    font-weight: bold;
    color:#173a48;
}
.clubevent .clubevent-section02 .info ul li span{
    color:#f13e25;
}
.clubevent .clubevent-section02 .info ul li p{                 
    font-size: 1.9rem;
    font-weight: bold;
    color:#fff;
    text-align: center;
    background:#577885;
    width:14rem;
    height:5rem;
    display: inline-block;
    border-radius:2.5rem ;
    padding-top: 0.8rem;
    margin-right: 1.2rem;
}
.clubevent .clubevent-section02 dl{
    width:100%;
    background:#f3f5f9;
    margin-top: 6rem;
    padding:6rem 5.2rem;
}
.clubevent .clubevent-section02 dl dt{
    color:#173a48;
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom:3rem;
}
.clubevent .clubevent-section02 dl dd{
    color:#222;
    font-size: 2rem;
    margin-bottom: 1rem;
}
.clubevent .clubevent-section02 dl dd::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width:5px;
    height:5px;
    margin:-0.5rem 0.8rem 0 0;
    border-radius: 50%;
    background:#577885;
}
.clubevent .clubevent-section03{
    display: block;
    padding:6rem 5.2rem;
    margin-bottom: 4rem;
    border:0.8rem solid #173a48;
    border-radius: 6rem;
    background: #fff;
}
.clubevent .clubevent-section03 h4{
    font-size: 3.6rem;
    font-weight: bold;
    display: block;
    position: relative;
    width: 100%;
    color:#173a48;
}
.clubevent .clubevent-section03 span.txt{
    float:right;
    font-size: 16px;
    font-weight: 300;
    margin:1rem 0 0 0;
}
.clubevent .clubevent-section03 .formbox01{
    background: #f3f5f9;
    border-radius: 2rem;
    padding:4rem;
    margin:3.5rem 0 0 0;
}
.clubevent .clubevent-section03 .formbox01 ul::after{
    content: "";
    display: block;
    clear: both;

}
.clubevent .clubevent-section03 .formbox01 ul li{
    width: 50%;
    color:#173a48;
    float: left;
}
.clubevent .clubevent-section03 .formbox01 ul li .formtitle::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width:5px;
    height:5px;
    margin:-0.5rem 0.8rem 0 0;
    border-radius: 50%;
    background:#577885;
}

.clubevent .clubevent-section03 .formbox01 ul li .formtitle{
    font-size: 2.2rem;
    font-weight: bold;
    display: inline-block;
    margin-right:2.5rem;
}
.clubevent .clubevent-section03 .formbox01 ul li input{
    border:2px solid #577885;
    border-radius:10px;
    height:60px;
    padding:2.5rem;
    font-size: 16px;
    vertical-align: middle;
    margin-top: -8px;
    width:30rem;
}
.clubevent .clubevent-section03 .formbox01 ul li input::placeholder{
    font-weight: 400;
    color: #999;
    font-size: 16px;
}   
.clubevent .clubevent-section03 .formbox02{
    padding:2rem 2rem 3.5rem 2rem;
}
.clubevent .clubevent-section03 .formbox02::after{
    content: "";
    display: block;
    clear: both;
}
.clubevent .clubevent-section03 .formbox02 .chk-box{
    display: block;   
    float: left;
}
.clubevent .clubevent-section03 .formbox02 #chk{
    display: none;
}
.clubevent .clubevent-section03 .formbox02 #chk+ label{
    cursor:pointer;
    vertical-align: middle;
}
.clubevent .clubevent-section03 .formbox02 #chk+ label span{
    vertical-align: top;
    font-size: 1.8rem;
    color:#222;
}
.clubevent .clubevent-section03 .formbox02 #chk + label:before{
    content:"";
    display:inline-block;
    width:3rem;
    height:3rem;
    line-height:3rem;
    background:url('/V2/club/images/clubevent/check_off.png') no-repeat center top;
    background-size: 100%;
    margin-right: 1rem;
    
}
.clubevent .clubevent-section03 .formbox02 #chk:checked + label:before{
    content:"";
    display:inline-block;
    width:3rem;
    height:3rem;
    line-height:3rem;
    background:url('/V2/club/images/clubevent/check_on.png') no-repeat center top;
    background-size: 100%;
}
.clubevent .clubevent-section03 .formbox02 .btn_view{
    display: block;   
    float: right;
    width:9.5rem;
    height:3.6rem;
    color:#fff;
    text-align: center;
    font-size: 1.6rem;
    border-radius: 1.8rem;
    background: #577885;
    border:none;
}
.clubevent .clubevent-section03 .formbox03{
    background: #f3f5f9;
    border-radius: 2rem;
    padding:4rem;
    margin:3.5rem 0 0 0;
}
.clubevent .clubevent-section03 .formbox03 ul::after{
    content: "";
    display: block;
    clear: both;

}
.clubevent .clubevent-section03 .formbox03 ul li{
    color:#173a48;
    display: block;
}
.clubevent .clubevent-section03 .formbox03 ul li .formtitle::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width:5px;
    height:5px;
    margin:-0.5rem 0.8rem 0 0;
    border-radius: 50%;
    background:#577885;
}

.clubevent .clubevent-section03 .formbox03 ul li .formtitle{
    font-size: 2.2rem;
    font-weight: bold;
    display:block;
    margin:2.5rem 0 1.5rem 0;
}
.clubevent .clubevent-section03 .formbox03 ul li select{
    border:2px solid #577885;
    border-radius:10px;
    height:60px;
    font-size: 16px;
    width:100%;
    padding: 0 2rem;
    /* color: #999; */
    color: #000;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:#fff url('/V2/club/images/clubevent/btn_select.png') no-repeat 98% center;
}
.clubevent .clubevent-section03 .formbox03 ul li select:required:invalid {
    color: #999;
}
.clubevent .clubevent-section03 .formbox03 ul li select::-ms-expand{
    display:none;
}
.clubevent .clubevent-section03 .formbox03 ul li select option{
    color:#000;
}
.clubevent .clubevent-section03 .formbox03 ul li select option[value=""][disabled] {
    font-weight: 400;
    color: #999;
    font-size: 16px;
}
.clubevent .clubevent-section03 .formbox03 ul li .textarea-box{
    border:2px solid #577885;
    border-radius:10px;
    height:160px;
    font-size: 16px;
    width:100%;
    padding:2rem;
    color: #000;
    background: #fff;
    margin-bottom:0.5rem;
}
.clubevent .clubevent-section03 .formbox03 ul li .textarea-box textarea{
    width:100%;
    height:100%;
    border: none;
}

.clubevent .clubevent-section03 .formbox03 ul li .textarea-box textarea::placeholder{
    font-weight: 400;
    color: #999;
    font-size: 16px;
    opacity: 1;
} 
.clubevent .clubevent-section03 .formbox03 ul li .text-length-wrap{
    display: block;
    float: right;
    font-size: 1.6rem;
    font-weight: normal;
}
.clubevent .clubevent-section03 .btn-wrap{
    text-align: center;
    margin: 4rem auto 0 auto;
}

.clubevent .clubevent-section03 .btn-wrap .final-btn{
    font-size: 2.4rem;
    font-weight: bold;
    width:21rem;
    height:6rem;
    background:#173a48;
    color:#fff;
    cursor: pointer;
}
.clubevent .clubevent-section03 .btn-wrap .final-btn input{
    font-size: 2.4rem;
    font-weight: bold;
    background:#173a48;
    border: none;
    color:#fff;
    cursor: pointer;
}
.clubevent .clubevent-section04{
    display: block;
    margin-bottom: 4rem;
    border:0.8rem solid #173a48;
    border-radius: 6rem;
    padding:5rem 5.2rem 0 5.2rem;
    background: #fff;
    position: relative;
}
#clubevent-ank{position: absolute;
    left: 0;top:-200px;
    width:1px;
    height:1px;
}
.clubevent .clubevent-section04 .clubevent-list .clubevent-list-tit{
    font-size: 3.6rem;
    font-weight: bold;
    color:#173a48
}
.clubevent .clubevent-section04 .clubevent-list .clubevent-list-tit strong{
    color:#f13e25
}

.clubevent .clubevent-section04 .clubevent-list .list01{
    width:100%;
    border-top: 2px solid #173a48;
    margin:3rem 0;
}

.clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td {
    border-bottom: 1px solid #e7e7e7;
    padding:2rem 0;
    
}
.clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .writer{
    font-size: 1.5rem;
    color:#222;
    display: inline-block;
}
.clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td span{
    display: none;
    vertical-align: middle;
}
.clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .date{
    font-size: 1.5rem;
    color:#999;
    display: inline-block;
}
.clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .name{
    font-size: 1.8rem;
    color:#577885;
    font-weight: bold;
    display: inline-block;
}
.clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .txt{
   display: inline-block;
   margin-left: 2px;
}
.clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .txt-cnt{
   display:block;
   width:100%;
   font-size: 15px;
   color:#666;
   padding:2rem 0 0 0;
   word-break: normal;
}
.clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .writer:after,
.clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .date:after{
    content: "";
    display: inline-block;
    width:1px;
    height:10px;
    margin:0 0.8rem;
    background:#d5d5d5;
}
.clubevent .clubevent-section04 .clubevent-list .paging {
    margin: 2rem 0 2.8rem;
    text-align: center;
}
.clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap input{
    width:4rem;
    height:4rem;
    margin:0 0.2rem;
}
.clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap .paging-num {
    font-size: 1.5rem;
    color: #000;
    cursor: pointer;
    border: 0;
    background: transparent;
}

.clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap .paging-num.active {
    color: #fff;
    width:4rem;
    height:4rem;
    background:#173a48;
    border-radius: 2rem;
}
.clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap input.first {
    background:url('/V2/club/images/clubevent/paging_prev01.png') no-repeat center center;
   
}
.clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap input.prev {
    background:url('/V2/club/images/clubevent/paging_prev02.png') no-repeat center center;
   
}
.clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap input.last {
    background:url('/V2/club/images/clubevent/paging_next01.png') no-repeat center center;
    
}
.clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap input.next {
    background:url('/V2/club/images/clubevent/paging_next02.png') no-repeat center center;
    
}
.alert-layer.blue .alert-body{
    padding:0;
    overflow: hidden;
    width:32rem;
}
.alert-layer.blue.agree .alert-body{
    padding:4rem 0 0 0;
}
.alert-layer.blue.agree .alert-body{
    width:75rem;
}
.alert-layer.blue .alert-body.left *{
    text-align: left;
}
.alert-layer.blue .alert-body .alert-head{
    border-bottom:2px solid #577885;
    font-size: 2.4rem;
    color:#000;
    font-weight: bold;
    padding:0 0 2rem 0;
    margin:0 4rem
}
.alert-layer.blue.agree .alert-body .alert-ctn{
    padding:3rem 4rem;
}
.alert-layer.blue .alert-body .alert-ctn{
    padding:5.5rem 4rem;
}
.alert-layer.blue .alert-body .alert-ctn p{
    font-size: 1.8rem;
    line-height: 2.8rem;
    color:#333;
}
.alert-layer.blue.agree .alert-body .alert-ctn p{
    font-size: 1.6rem;
    line-height: 2.8rem;
    color:#333;
}
.alert-layer.blue .alert-body .alert-ctn dt{
    margin: 3.5rem 0 1.5rem 0;
    font-size: 20px;
    font-weight: bold;
    color:#577885;
}
.alert-layer.blue .alert-body .alert-ctn dd{
    font-size: 1.6rem;
    padding-bottom: 0.8rem;
    line-height: 2.8rem;
    color:#577885;
    color:#333;
}
.alert-layer.blue .alert-body .alert-btn{
    background: #577885;
    margin: 0 0 -1px 0;
}
.alert-layer.blue .alert-body .alert-btn .button{
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    color:#fff;
    background: #577885;
    width:100%;
}
@media (max-width: 1280px) {
    .clubevent .clubevent-section03 .formbox01 ul li {
        width: 100%;
        float: none;
    }
    .clubevent .clubevent-section03 .formbox01 ul li .formtitle {
        
        display: block;
        margin: 2.5rem 0 1.5rem 0;
    }
    .clubevent .clubevent-section03 .formbox01 ul li input{
        width: 100%;
        float: none;
        display: block;
    }
	.clubevent .clubevent-section02 .info {
		padding: 0 2.2rem;
	}
}
@media (max-width: 768px) {
    .clubevent .clubevent-section01{
        padding:0;
        width:calc(100% - -10rem);
        margin-left:-5rem;
    }
    .clubevent .clubevent-section01 .pc{
        display: none;
    }
    .clubevent .clubevent-section01 .mo{
        display: block;
    }
    .clubevent .clubevent-section02 {
        display: block;
        padding: 6rem 0 0 0;
        margin-bottom: 4rem;
        border: 0.6rem solid #173a48;
        border-radius: 4rem;
    }
    .clubevent .clubevent-section02 .txt01{
        width: 75%;
    }
    .clubevent .clubevent-section02 .txt02{
        font-size: 22px;
        
    }
    .clubevent .clubevent-section02 .txt03{
        font-size: 12px;
    }
    .clubevent .clubevent-section02 .txt03 strong{
        font-size: 14px;
    }
    .clubevent .mo-br{
        display: block;
    }
    .clubevent .clubevent-section02 .info{
        padding:0 3.2rem;
    }
    .clubevent .clubevent-section02 .info .img{
        width:68%;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .clubevent .clubevent-section02 .info ul{
        width:100%;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .clubevent .clubevent-section02 .info ul li{
        height:40px;
        border-radius: 20px;
        font-size: 12px;
    }
    .clubevent .clubevent-section02 .info ul li p {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        background: #577885;
        width: 14rem;
        height:40px;
        display: inline-block;
        border-radius: 20px;
        padding-top: 1.8rem;
        margin-right: 1.2rem;
    }
    .clubevent .clubevent-section02 dl{
        padding:6rem 3.2rem;
    }
    .clubevent .clubevent-section02 dl dt{
        font-size: 20px;
    }
    .clubevent .clubevent-section02 dl dd{
        text-indent: -10px;
        margin-left: 10px;
        line-height: 20px;
        font-size: 12px;
    }
    .clubevent .clubevent-section02 dl dd::before {
        width: 4px;
        height: 4px;
    }
    .clubevent .clubevent-section03 {
        display: block;
        padding: 6rem 3.2rem 5rem 3.2rem;
        margin-bottom: 4rem;
        border: 0.6rem solid #173a48;
        border-radius: 4rem;
        background: #fff;
    }
    
    .clubevent .clubevent-section03 h4{
        font-size: 20px;
    }
    .clubevent .clubevent-section03 span.txt {
        float: none;
        display: block;
        font-size: 12px;
        font-weight: 300;
    }
    .clubevent .clubevent-section03 .formbox01{
        padding:3rem
    }
    .clubevent .clubevent-section03 .formbox01 ul li{
        margin-bottom: 10px;
    }
    .clubevent .clubevent-section03 .formbox01 ul li:last-child{
        margin-bottom: 0;
    }
    .clubevent .clubevent-section03 .formbox01 ul li:after{
        content: "";
        display: block;
        clear: both;
    }
    .clubevent .clubevent-section03 .formbox01 ul li .formtitle{
        font-size: 13px;
        margin: 2.5rem 0 1.5rem 0;
        display: block;
        float: left;
        width:35%;
    }
    .clubevent .clubevent-section03 .formbox01 ul li .formtitle::before
    {
        width:4px;
        height:4px;
    }
    .clubevent .clubevent-section03 .formbox01 ul li input {
        border: 1px solid #577885;
        border-radius: 5px;
        height: 40px;
        font-size: 16px;
        display: block;
        float:right;
        width:65%;
        margin:0;
        font-size: 12px;
    }
    .clubevent .clubevent-section03 .formbox01 ul li input::placeholder{
        font-size: 12px;
    }
    .clubevent .clubevent-section03 .formbox02 #chk:checked + label:before {
        width: 20px;
        height: 20px;
        background: url('/V2/club/images/clubevent/check_on.png') no-repeat center top;
        background-size: 20px;
    }
    .clubevent .clubevent-section03 .formbox02 #chk + label:before {
        width: 20px;
        height: 20px;
        background: url('/V2/club/images/clubevent/check_off.png') no-repeat center top;
        background-size: 20px;
    }
    .clubevent .clubevent-section03 .formbox02 #chk+ label span {
        font-size: 13px;
    }
    .clubevent .clubevent-section03 .formbox02 .btn_view {
       
        width:75px;
        height: 27px;
        font-size: 13px;
        border-radius: 14px;
    }
    .clubevent .clubevent-section03 .formbox03 {
        padding: 3rem;
        margin-top: 0;
    }
    .clubevent .clubevent-section03 .formbox03 ul li .formtitle {
        font-size: 13px;
        margin: 2.5rem 0 1.5rem 0;
        font-weight: bold;
        display: inline-block;
        text-indent: -11px;
        margin-left: 11px;
        line-height: 18px;
    }
    .clubevent .clubevent-section03 .formbox03 ul li .formtitle::before
    {
        width:4px;
        height:4px;
    }
    .clubevent .clubevent-section03 .formbox03 ul li select {
        border: 1px solid #577885;
        border-radius: 5px;
        height: 40px;
        font-size: 12px;
        width: 100%;
        padding: 0 2rem;
        color: #000;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url(/V2/club/images/clubevent/btn_select.png) no-repeat 96% center;
        background-size: 13px;
        letter-spacing: -1px;
    }
    .clubevent .clubevent-section03 .formbox03 ul li .text-length-wrap{
        float:none;
        display: inline-block;
        margin-left:15px;
        letter-spacing: 1;
        font-size: 10px;
    }
    .clubevent .clubevent-section03 .formbox03 ul li .textarea-box {
        border: 1px solid #577885;
        border-radius: 5px;
        height: 140px;
        font-size: 12px;
        width: 100%;
        padding: 2rem;
        color: #000;
        background: #fff;
    }
    .clubevent .clubevent-section03 .formbox03 ul li .textarea-box textarea::placeholder{
        font-size: 12px;
    }
    .alert-layer.blue.agree .alert-body{
        width:65rem;
    }
    .clubevent .clubevent-section03 .btn-wrap .final-btn{
        height:45px;
        padding-top: 12px;
    }
    .clubevent .clubevent-section03 .btn-wrap .final-btn input{
        font-size: 15px;
    }
    .clubevent .clubevent-section04 {
        display: block;
        padding: 6rem 3.2rem 5rem 3.2rem;
        margin-bottom: 4rem;
        border: 0.6rem solid #173a48;
        border-radius: 4rem;
        background: #fff;
    }
    .clubevent .clubevent-section04 .clubevent-list .clubevent-list-tit{
        font-size: 18px;
        letter-spacing: -1px;
    }
    .clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .writer,
    .clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .date{
        font-size: 11px;
    }
    .clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .name,
    .clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .txt {
        font-size: 13px;
    }
    .clubevent .clubevent-section04 .clubevent-list .list01 tbody tr td .txt-cnt{
        font-size: 11px;
    }
    .clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap .paging-num.active {
        color: #fff;
        width: 5rem;
        height: 5rem;
        background: #173a48;
        border-radius: 50%;
    }
    .clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap input {
        width: 5rem;
        height: 5rem;
        margin: 0 0.2rem;
    }
    .clubevent .clubevent-section04 .clubevent-list .paging .paging_wrap .paging-num {
        font-size: 12px;
        color: #000;
        cursor: pointer;
        border: 0;
        background: transparent;
    }
    .alert-layer.blue .alert-body .alert-ctn p{
        font-size: 2.7rem;
        line-height: 4rem;
    }
    .alert-layer.blue .alert-body .alert-btn .button{
        font-size: 2.7rem;
    }
    .alert-layer.blue .alert-body{
        width:50rem;
    }
    .alert-layer.blue .alert-body .alert-head{
        font-size: 3.5rem;
    }
    .alert-layer.blue.agree .alert-body .alert-ctn p{
        font-size: 2.7rem;
        line-height: 4rem;
    }
    .alert-layer.blue .alert-body .alert-ctn dd{
        font-size: 2.7rem;
        line-height: 4rem;
    }
    #clubevent-ank{position: absolute;
        left: 0;top:-1rem;
        width:1px;
        height:1px;
    }
}

/* 20230224 써밋클럽 3기 활동 */
.club3Active {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background-image: url(/V2/club/images/club3Active/bg.jpg);
}
.club3Active img {
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
.club3Active .c3a_title {
    text-align: center
}
.club3Active .c3a_article {
    position: relative;
    padding: 8rem 11rem 15rem;
    background-color: #fff;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 0 2rem 1rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 2rem 1rem rgba(0, 0, 0, 0.2);
}
.club3Active .c3a_article .__edge {
    width: 13.5rem;
    height: 6rem;
    position: absolute;
    top: -1.3rem;
    left: 1.5rem;
    background-image: url(/V2/club/images/club3Active/label.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.club3Active .c3a_article .__edge > span {
    position: absolute;
    left: 50%;
    top: 13%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 2.8rem;
    color: #fff;
    font-weight: 600;
}
.c3a_article .c3a_atc_tit {
    font-size: 6rem;
    font-weight: 600;
    color: #5d7784;
    text-align: center;
    letter-spacing: -0.04em;
}
.c3a_article .c3a_atc_tit span {
    position: relative;
}
.c3a_article .c3a_atc_tit span:after {
    content:'';
    position: absolute;
    left: -0.1em;
    right: -0.1em;
    top: 0.4em;
    bottom: 0.25em;
    background-color: rgba(93, 119, 132, 0.2);
    border-radius: 50em;
}
.c3a_article .__cont {
    margin-top: 5rem;
}
.c3a_article .d_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.c3a_article.__selection .__cont figure:first-child {
    padding-right: 10rem;
}
.c3a_article.__selection p.__cont {
    text-align: center;
    font-size: 3.2rem;
    letter-spacing: -0.04em;
    line-height: 1.4;
}
.c3a_article.__selection p.__cont b {
    position: relative;
}
.c3a_article.__selection p.__cont b:after {
    content: '';
    position: absolute;
    height: 0.5em;
    left: -0.2em;
    right: -0.2em;
    bottom: 0;
    background-color: rgba(93, 119, 132, 0.3);
    border-radius: 50em;
}
.c3a_article .__bottom_line {
    position: absolute;
    width: 100%;
    height: 4rem;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 1rem solid #5d7784;
    border-bottom: 2rem solid #5d7784; 
    border-radius: 0 0 1.5rem 1.5rem;
}
.c3a_article.__active {
    margin-top: 3.5rem;
}
.c3a_article.__active .active_lists li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 2rem;
    border-bottom: 1px dashed rgba(93, 119, 132, 0.5);
    margin-bottom: 2rem;
}
.c3a_article.__active .active_lists li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.c3a_article.__active .active_lists li.__no_line {
    padding-bottom: 0;
    border-bottom: 0;
}
.c3a_article.__active .active_lists figure {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41rem;
            flex: 0 0 41rem;
    min-width: 41rem;
    margin-right: 3rem;
}
.c3a_article.__active .active_lists .__right figure {
    margin-right: 0;
    margin-left: 3rem;
}
.c3a_article.__active .active_lists .__txt_box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.c3a_article.__active .active_lists .__right .__txt_box {
    text-align: right;
}
.c3a_article.__active .active_lists .__txt_box h5 {
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: -0.05em;
}
.c3a_article.__active .active_lists .__txt_box p {
    margin-top: 0.3em;
    font-size: 2.4rem;
    letter-spacing: -0.05em;
    line-height: 1.4;
}
@media (max-width: 768px) {
    .club3Active .c3a_article {
        padding: 5rem 4rem 8rem;
    }
    .c3a_article .c3a_atc_tit {
        font-size: 4rem;
    }
    .c3a_article.__selection .__cont figure:first-child {
        padding-right: 5rem;
    }
    .c3a_article .d_flex.__respond {
        flex-wrap: wrap;
        justify-content: center;
    }
    .c3a_article .d_flex.__respond figure:first-child {
        min-width: 100%;
        padding-right: 0;
        margin-bottom: 4rem;
        text-align: center;
    } 
    .c3a_article.__selection p.__cont {
        font-size: 2.4rem;
    }
    .c3a_article.__active .active_lists {
        max-width: 410px;
        margin: 0 auto;
    }
    .c3a_article.__active .active_lists li {
        padding-bottom: 4rem;
        margin-bottom: 4rem;
    }
    .c3a_article.__active .active_lists figure {
        min-width: 100%;
        margin-right: 0;
    }
    .c3a_article.__active .active_lists .__txt_box {
        margin-top: 3rem;
    }
    .c3a_article.__active .active_lists .__right figure {
        margin-left: 0;
        margin-top: 3rem;
    }
    .c3a_article.__active .active_lists .__reverse figure {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .c3a_article.__active .active_lists .__reverse .__txt_box {
        margin-top: 0;
        margin-bottom: 3rem;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
}
/* //20230224 */
