/* ----------------------------------------------------------------
	Login Form Styles
-----------------------------------------------------------------*/
.login-form {padding: 45px 35px 0;}
.login-form .login-tit {font-size: 26px; color: #707070; line-height: 1.3;}

.login-form input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

input[type=text], input[type=date], input[type=time], input[type=tel], input[type=search], input[type=number], input[type=password], input[type=email] {
	font-family: 'SUIT';
	width: 100%;
	height: 55px;
	box-sizing: border-box;
	padding-left: 15px;
	font-size: 15px;
	color: #333;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	outline: none;
	transition: border-color 150ms ease-in-out 0s;
	-webkit-appearance: none;
}
select {
	font-family: 'SUIT';
	width: 100%;
	height: 55px;
	box-sizing: border-box;
	font-size: 13px;
	color: #333;
	padding-left: 8px;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	appearance: auto;
	-webkit-appearance: auto;
}

.member-form input[type=text], input[type=date], input[type=time], input[type=tel], input[type=search], input[type=number], input[type=password], input[type=email] {
	height: 48px;
}
input::placeholder {color: #BEBEBE; font-size: 14px;}

.chk-id label {
	font-size: 15px;
	position: relative;
	padding: 1px 0 0 26px;
	line-height: 19px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.chk-id input[type="checkbox"] + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 10px;
	height: 10px;
	background: url('/img/sub/check_icon_gray.png') 0 / 100% no-repeat;
}
.chk-id input[type="checkbox"]:checked + label:after {
	background: url('/img/sub/check_icon_white.png') 0 / 100% no-repeat;
}
.chk-id input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #E5E5E5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.chk-id input[type="checkbox"]:checked + label:before {
	background-color: #b8292f;
	border: none;
}
.btn-wrap {margin-top: 30px;}
.btn {
	display: block;
	background-color: #f5f5f5;
	width: 100%;
	text-align:center;
	font-size: 16px;
	font-weight: 700;
	padding: 17px 0;
	border-radius: 6px;
}

.login-form .input-set {margin: 24px 0 5px;}
.login-form .input-set input {margin-bottom: 10px;}

.login-form .chk-id {display: inline-block;}
.login-form .btn-wrap button, .member-form .btn-wrap button {
	width:100%;
	height: 55px;
	background-color: #E9E9E9;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	font-family: 'SUIT';
}

.login-form .btn-wrap button.on, .member-form .btn-wrap button.on {
	background-color: #b8292f;
}

.login-form button.btn-login,  .member-form button.btn-join {background-color: #b8292f;}
.login-find {display: flex; justify-content: center; margin: 30px 0 50px;}
.login-find li {margin: 0 13px; position: relative;}
.login-find li:before{
	content: '';
	display: block;
	position: absolute;
	left: -13px;
	top: 0;
	width: 1px;
	height: 14px;
	background-color: #BEBEBE;
}
.login-find li:first-child:before{
	background: none;
}
.login-find li a {font-size: 15px;}


.sns-login {position: relative; padding-top: 5px; text-align: center;}
.sns-login:before {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	width: 100%;
	height: 1px;
	background-color: #E5E5E5;
}
.sns-login .login-easy{
	position: relative;
	padding: 0 11px;
	background-color: #fff;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: -0.325px;
	z-index: 2;
}
.sns-login .sns-list {display: flex; justify-content: center;}
.sns-login .sns-list li {margin: 30px 10px;}
.sns-login .sns-list li a img {width: 55px;}


/* ----------------------------------------------------------------
	Join Form Styles
-----------------------------------------------------------------*/
.member-form input[type="checkbox"], input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.member-form {padding: 36px 20px 50px;}
.member-form .member-tit {margin-bottom: 25px;font-size: 18px;line-height: 1.2em;}
.member-form .join-tit {padding: 0;}
.member-form .agree-all {
	display: block;
	padding-bottom: 13px;
	border-bottom: 1px solid #707070;
}
.member-form .agree-all label {
	display: inline-block;
	position: relative;
	font-size: 16px;
}
.member-form button.btn-find {background-color: #b8292f;}

@media (min-width: 360px) and (max-width: 380px) {
		input[type=text], input[type=date], input[type=time], input[type=tel], input[type=search], input[type=number], input[type=password], input[type=email], select {
		height: 45px;
	}
		.login-form .btn, .member-form .btn {
		margin-top: 25px;
	}
		.login-form .btn button, .member-form .btn button {
		height: 45px;
		font-size: 16px;
	}
}
.member-form .vrf-code {margin-top: 10px;}

.agree-all label {
	
	position: relative;
	padding: 1px 0 0 26px;
	line-height: 19px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.agree-all input[type="checkbox"] + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 10px;
	height: 10px;
	background: url('/img/sub/check_icon_gray.png') 0 / 100% no-repeat;
}
.agree-all input[type="checkbox"]:checked + label:after {
	background: url('/img/sub/check_icon_white.png') 0 / 100% no-repeat;
}
.agree-all input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #E5E5E5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.agree-all input[type="checkbox"]:checked + label:before {
	background-color: #b8292f;
	border: none;
}

.agree-box li {position: relative; padding-top: 12px; font-size: 14px;}
.agree-box li a{position: absolute; top: 14px; right: 5px; text-decoration: underline;}

.agree-box label {
	
	position: relative;
	padding: 1px 0 0 26px;
	line-height: 19px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.agree-box input[type="checkbox"] + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 10px;
	height: 10px;
	background: url('/img/sub/check_icon_gray.png') 0 / 100% no-repeat;
}
.agree-box input[type="checkbox"]:checked + label:after {
	background: url('/img/sub/check_icon_white.png') 0 / 100% no-repeat;
}
.agree-box input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #E5E5E5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.agree-box input[type="checkbox"]:checked + label:before {
	background-color: #b8292f;
	border: none;
}
.tit-box {padding: 40px 20px; background-color: #FDEBEB;}
.member-form .join-box, .open-form .join-box {margin-top: 30px;}
.member-form .join-list, .open-form .join-list {position: relative; margin-bottom: 10px; font-size: 16px; font-weight: 600;}

.member-form .add-ex, .open-form .add-ex {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	color: #707070;
	letter-spacing: -1px;
	line-height: 1.2;
}
.member-form .warning-msg {
	display: block;
	margin: 10px 0;
	font-size: 13px;
	color: #b8292f;
	letter-spacing: -1px;
	line-height: 1.3em;
}

.member-form .required, .open-form .required {color: #b8292f; word-break: keep-all;}
.phone-num {width: 70%;}
.chk-phone {display: inline-block; margin-top: 10px;}


.radio-box {display: flex; position: relative;}
.radio-box li {margin-right: 32px; font-size: 15px;}
.radio-box li label {
	position: relative;
	padding: 1px 0 0 26px;
	line-height: 19px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.radio-box li input[type="radio"] + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	
}
.radio-box li input[type="radio"]:checked + label:after {
	background-color: #b8292f;
}
.radio-box li input[type="radio"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #E5E5E5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.radio-box li input[type="radio"]:checked + label:before {
	background-color: #fff;
	border: solid 1px #b8292f;
}
.chk-phone, .address, .email-certify {display: flex; position: relative; margin-bottom: 10px;}
.chk-phone input, .address input, .email-certify input {width: 70%; margin: 0 5px 0 0;}

.email-certify .countdown {
	position: absolute;
	top: 40%;
	right: 36%;
	font-size: 13px;
	color: #b8292f;
}

.chk-phone a, .address a, .email-certify a {
	align-items: center;
	display: flex;
	width: 30%;
	background-color: #707070;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 0 4px;
	justify-content: center;
	border-radius: 4px;
}
.address-blank {background-color: #f5f5f5; margin-bottom: 10px;}
.address-box input {margin-bottom: 10px;}
.course-ex {
	background-color: #f5f5f5;
	padding: 15px;
	margin-top: 20px;
	font-size: .75rem;
	line-height: 1.3;
}
.course-ex p:first-child {margin-bottom: 10px; color: #f00; font-size: .875rem;}


.itall-certify {
	margin: 30px 0;
	padding: 25px 15px;
	border-top: 1px solid #333; 
	background-color: #f8f8f8;
	border-bottom: 1px solid #333;
}
.itall-certify .member-tit {padding-bottom: 10px;}
.chk-agree {display: inline-block;}
.chk-agree a {display: inline-block; text-decoration: underline; font-size: 13px; margin-left: 15px;}

.Kiosk-box input{margin-bottom: 10px;}
.Kiosk-find {display: flex;}
.Kiosk-find li {margin-right: 32px; position: relative; font-size: 14px;}
.Kiosk-find li:first-child:before {
	content: '';
	display: block;
	position: absolute;
	right: -15px;
	top: 0;
	width: 1px;
	height: 14px;
	background-color: #BEBEBE;
}
.chk-agree label {
	
	position: relative;
	padding: 1px 0 0 26px;
	line-height: 19px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.chk-agree input[type="checkbox"] + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 10px;
	height: 10px;
	background: url('/img/sub/check_icon_gray.png') 0 / 100% no-repeat;
}
.chk-agree input[type="checkbox"]:checked + label:after {
	background: url('/img/sub/check_icon_white.png') 0 / 100% no-repeat;
}
.chk-agree input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #E5E5E5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.chk-agree input[type="checkbox"]:checked + label:before {
	background-color: #b8292f;
	border: none;
}

@media (min-width: 360px) and (max-width: 380px) {
	.member-form .join-box {
		margin-top: 25px;
	}
	.course-ex {font-size: 13px;}
}

/* ----------------------------------------------------------------
	Board Styles
-----------------------------------------------------------------*/

.board-search {display: flex; margin-bottom: 35px; justify-content: space-between; align-items: center;}
.board-search li {margin-right: 10px;}
.board-search li:last-child {display: flex; align-items: center; margin: 0;}
.board-search li:nth-of-type(2) {width: 65%;}
.board-search li:nth-of-type(2) input {padding-left: 10px;}
.board-search li select, .board-search li input {
	width: 100% !important;
	height: 45px;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	border-bottom: 1px solid #707070;
}

.board .board-list {
	position: relative;
	padding: 20px 0 18px;
	border-bottom: 1px solid #E5E5E5;
}
.board .board-list a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.board .board-list .board-tit{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	color: #333;

}
.board .board-list .board-tit .notice {
	display: inline-block;
	margin-right: 8px;
	padding: 2px 12px;
	font-size: 14px;
	border-radius: 15px;
	border: 1px solid #b8292f;
	background: #fff;
}

.board .board-list .board-sub {
	margin-top: 12px;
	font-size: 14px;
}

.board .board-list .board-sub span {
	display: inline-block;
	position: relative;
	margin-right: 16px;
}
.board .board-list .board-sub span:before {
	content: '';
	display: block;
	position: absolute;
	right: -10px;
	top: 0;
	width: 1px;
	height: 14px;
	background-color: #BEBEBE;
}
.board .board-list .board-sub span:last-child:before {display: none;}
.board .board-list .board-sub .date {color: #BEBEBE;}

.board .board-list .board-sub .tag01 {color: #b8292f;}
.board .board-list .board-sub .tag02 {color: #333;}
.board .board-list .board-sub .tag03 {color: #b8292f; font-weight: 700;}
.board .board-list .board-sub .tag04 {color: #BEBEBE; font-weight: 700;}

.board-view-head {padding-bottom: 20px; border-bottom: 1px solid #E5E5E5;}
.board-view-head .tit {font-size: 18px; line-height: 1.3;}
.board-view-head .board-sub {
	margin-top: 6px;
	font-size: 14px;
}

.board-view-head .board-sub span {
	display: inline-block;
	position: relative;
	margin-right: 16px;
	vertical-align: middle;
}
.board-view-head .board-sub span:before {
	content: '';
	display: block;
	position: absolute;
	right: -10px;
	top: 0;
	width: 1px;
	height: 14px;
	background-color: #BEBEBE;
}
.board-view-head .board-sub span:last-child:before {display: none;}
.board-view-head .board-sub .date {color: #BEBEBE;}

.board-view-head .board-sub .tag01 {color: #b8292f;}
.board-view-head .board-sub .tag02 {color: #333;}
.board-view-head .board-sub .tag03 {color: #b8292f; font-weight: 700;}
.board-view-head .board-sub .tag04 {color: #BEBEBE; font-weight: 700;}
.board-view-head .board-sub img{display: inline-block;vertical-align: middle;}

.board-view-cont {padding: 40px 10px;}
.board-view-cont p{font-size: 14px; line-height: 1.3; text-overflow: ellipsis; overflow: hidden;}
.board-view-cont img {text-align: center; max-width: 100%;}

.board-pages {
	/*margin-top: 40px;*/
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.5;
}
.board-pages li {
	padding: 15px 30px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}
.board-pages li.prev {border-bottom: 1px solid #E5E5E5; background:url('/img/Up_arrow.png') no-repeat 10px center; background-size: 12px auto;}
.board-pages li.next {background:url('/img/down_arrow.png') no-repeat 10px center; background-size: 12px auto;}
.board-pages li a span{position: relative; margin-right: 32px;}

.board-pages li span:before {
content: '';
	display: block;
	position: absolute;
	right: -15px;
	top: 0;
	width: 1px;
	height: 14px;
	background-color: #BEBEBE;
}

/* 이벤트 페이지 */

.event-nav {width: 100%; border-bottom: 1px solid #E5E5E5;}
.event-nav ul {display: flex; justify-content: flex-start;}
.event-nav ul li {position: relative; height: 60px;}
.event-nav ul li a {display: block; padding: 0 17px; font-size: 15px; color: #BEBEBE; line-height: 60px;}
.event-nav ul li .on {
   color: #333;
   font-weight: 700;
}
.event-nav ul li .on:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #b8292f;
}
.board .board-list .event-thumb {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	border-radius: 20px;
}
.board .board-list .event-thumb img {width: 100%; vertical-align: bottom;}
.board .event-list {
	border: none;
	padding: 0;
	margin-bottom: 35px;
}
.board .event-list .board-sub, .board .winner-list .board-sub {margin-top: 10px;}
.board .winner-list .board-tit {white-space: normal;}

.event-thumb.end:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
}

/* ----------------------------------------------------------------
	Mypage Styles
-----------------------------------------------------------------*/
.contents {background-color: #f8f8f8;}
.cont-wrap {
	padding: 30px 20px 45px;
	background-color: #fff;
}
.cont-wrap.mypage-wrap {margin-bottom: 12px; position:relative;}
.cont-wrap .my-tit {margin-bottom: 25px; font-size: 18px;}
.mb-name {display: inline-block; margin-right: 5px;}
.mb-scores {margin-left: 10px; color: #b8292f;}
.reward-vm {
	display: inline-block;
	position: absolute;
	top: 32px;
	right: 20px;
	font-size: 13px;
}
.apply-btn .btn {margin: 0 0 12px;}
.reward-com {
	font-size: 14px;
	line-height: 1.4;
}

.rule-btn {
	display: flex;
	justify-content: center;
	margin: 12px 0;
}
.rule-btn a {
	display: inline-block;
	font-size: 14px;
	color: #b8292f;
	background-color: #fff;
	border: 1px solid #b8292f;
	padding: 12px 40px;
	border-radius: 20px;
}


.appl-cont {width: 100%;}
.appl-cont table {width: 100%; border-top: 1px solid #333;}
table tr th {width: 13%; padding: 12px 0; font-size: 13px; background-color: #f8f8f8; border-bottom: 1px solid #E5E5E5;}
table tr td {text-align: center; font-size: 13px; padding: 16px 0; border-bottom: 1px solid #E5E5E5;}

/* ----------------------------------------------------------------
	Enter Reservation Styles
-----------------------------------------------------------------*/
.enter-tit {font-size: 18px;}
.enter-form {padding-bottom: 0;}

.ot-video {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
	margin-top: 10px;
}
.ot-video:nth-of-type(1) {margin-top: 25px;}
.ot-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.ot-wrap {width: 100%; position: relative; margin-top: 25px;}
.ot-wrap .ot-tit {font-size: 16px; font-weight: 600;}
.ot-wrap .ot-list {display: flex; flex-wrap: wrap; margin: 15px 0 25px;}
.ot-wrap .ot-list li {margin: 0 10px 10px 0;}
.ot-wrap .ot-list li a {display: inline-block; padding: 11px 18px; border-radius: 25px; border: 1px solid #b8292f; font-size: 14px;}

/* ----------------------------------------------------------------
	Comment Styles
-----------------------------------------------------------------*/

.write-wrap {margin-top: 12px;}
.write-wrap .post-cmt {
	width: 100%;
	padding: 14px 0;
	margin-top: 12px;
	border: none;
	border-radius: 4px;
}
.write-box {margin-top: 6px; padding-left: 15px; border: 1px solid #E5E5E5; border-radius: 4px;}
.cmt-wrap {padding: 8px 20px 15px 8px; border-bottom: 1px solid #E5E5E5;}
.cmt-txt {margin-top: 4px; font-size: 14px; line-height: 1.3;}
.cmt-caution {color: #BEBEBE;}
.write-info {margin-top: 9px; color: #707070; font-size:12px; line-height: 1.3;}
.write-info .writer {color: #333;}
.write-info .write-date {margin-left: 12px;}
.write-info .write-date .time {margin-left: 6px;}

.clsBtn_PwdUdt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	min-width: 90px;
	height: 48px;
	background-color: #707070;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 0 4px;
	border-radius: 4px;
	font-family: 'SUIT';
}

/* ----------------------------------------------------------------
   Join Result Styles
-----------------------------------------------------------------*/

.login-form .join-check {text-align: center;}
.login-form .join-check img {width: 70px;}
.login-form .join-result {
	margin-top: 30px;
	font-size: 26px;
	color: #707070;
	line-height: 1.3;
	text-align: center;
}
.login-form .join-result span {font-weight: 700;}
.login-form .btn-wrap .btn-main {margin-top: 16px; color: #333;}


/* ----------------------------------------------------------------
   Itsangbu Styles
-----------------------------------------------------------------*/

.itsb-tit {font-size: 18px;}
.itsb-info {margin-top: 25px;}
.itsb-info p {font-size: 14px; line-height: 1.3; letter-spacing: -1px;}
.itsb-img {margin-top: 20px; border: 1px solid #E9E9E9 ; border-radius: 8px;}
.itsb-img img {width: 100%;}
.itsb-sd {margin-top: 35px;}
.itsb-sd .sd-info {font-size: 15px; font-weight: 600;}
.itsb-sd .sd-txt {margin-top: 10px; padding: 16px 20px; background-color: #FDEBEB;}
.itsb-sd .sd-txt p {font-size: 15px;}
.itsb-sd .sd-txt span {display: block; margin-top: 10px; color: #707070; font-size: 13px; line-height: 1.2;}

.go-itsb {margin-top: 35px; font-size: 16px;}
.go-itsb a {text-decoration: underline;}
.itsb-tb {margin-top: 20px;}
.itsb-tb table {width: 100%; border-top: 2px solid #b11623;}
.itsb-tb table th {
	height: 45px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 600;
	border-bottom: 1px solid #e0e0e0;
	background: none;
	padding: 0;
}
.itsb-tb table td {
	height: 45px;
	vertical-align: middle;
	font-size: 15px;
	border-bottom: 1px solid #BEBEBE;
	padding: 0;
}
.itsb-db {font-size: 0.9em; color: #ccc;}




/*재원생 공지사항*/
#contentsWarp{padding: 30px 20px 45px;}



/*이용약관*/
.pp-tit {font-size: 18px;}
.pp-txt {margin-top: 6px; font-size: 12px; line-height: 1.3;}
.pp-txt-tit {margin-top: 25px; font-size: 13px; font-weight: 600;}
.pp-subtit {margin-top: 25px; font-size: 15px;}


/*마케팅정보 수신동의*/
.marketing-agree {margin-top: 25px; border-top: 2px solid #b8292f;}
.marketing-agree tr th {padding: 12px 4px; width: 30%; vertical-align: middle; word-break: keep-all;}
.marketing-agree tr td {padding: 16px 6px; text-align: left; line-height: 1.2;}


/*230727 - 공지사항 첨부파일 버튼 css*/
.notice_file_btn {margin-top: 8px; border: none; background: #444; color: #fff; font-family: 'SUIT'; padding: 6px 15px; border-radius: 5px;}


/* 240115 수능관 3차 유지보수 */
.required{
	color: #f00 !important;
}
.help_txt{
	font-size: 13px;
}

.input_birth_wrap{
	display: flex;
}

.radio_wrap {
	display: flex; 
	position: relative;
}
.radio_wrap .radio_group {margin-right: 32px; font-size: 15px;}
.radio_wrap .radio_group label {
	position: relative;
	padding: 1px 0 0 26px;
	line-height: 19px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.radio_wrap .radio_group input[type="radio"] + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	
}
.radio_wrap .radio_group input[type="radio"]:checked + label:after {
	background-color: #b8292f;
}
.radio_wrap .radio_group input[type="radio"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #E5E5E5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.radio_wrap .radio_group input[type="radio"]:checked + label:before {
	background-color: #fff;
	border: solid 1px #b8292f;
}

.certify_wrap{
	margin: 30px 0;
	padding: 25px 15px;
	border-top: 1px solid #333; 
	border-bottom: 1px solid #333;
	background-color: #f8f8f8;
}
.certify_wrap .form_tit{
	margin-bottom: 30px;
}
.certify_wrap .form_tit h4{
	font-size: 18px;
	line-height: 1.2em;
	word-break: keep-all;
}
.certify_wrap .form_tit span,
.certify_wrap .item_tit span{
	display: block;
	margin-top: 10px;
	font-size: 13px;
	color: #707070;
	font-weight: 400;
	line-height: 1.2em;
	word-break: keep-all;
}
.certify_wrap .form_tit + .item{
	display: flex;
	justify-items: flex-start;
	margin-bottom: 30px;
}
.certify_wrap .form_tit + .item .input a{
	display: inline-block;
	margin-left: 15px;
	font-size: 13px;
	text-decoration: underline;
}
.certify_wrap .item_tit{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
}
.certify_wrap .btn_quick_prov{
	display: inline-block;
	margin-left: 15px;
	font-size: 13px;
	text-decoration: underline;
}


.input_wrap + .kiosk_find{
	margin-top: 10px;
}
.input_wrap .exam_number{
	display: block;
	width: 100%;
	height: 48px;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background-color: #fce8e4;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}


.register_kiosk_wrap{
	margin-top: 30px;
}
.register_kiosk_wrap .btn-wrap button{
	background-color: #707070;
	cursor: pointer;
}
.register_kiosk_wrap .btnAuthDisconnect{
	margin-left: 0;
}

/* input */
.input_wrap .w33p{
	width: calc((100% - 50px)/3);
}
.input_wrap .w100p + .w100p{
	margin-top: 10px;
}
.input_birth_wrap{
	display: flex;
	align-items: center;
}
.input_birth_wrap span{
	display: inline-block;
	margin-left: 2px;
	margin-right: 6px;
	vertical-align: middle;
}
.input_birth_wrap span:last-child{
	margin-right: 0;
}