/*怨듯넻*/
.wrap-s {
	width: 400px;
	margin: 0 auto;
}

ul.list-type li {
	background: url('../images/ico-dot1.png') no-repeat 0 9px;
	padding: 2px 0 2px 10px;
}

ul.list-type li:hover {
	text-decoration: underline
}

.tab {
	overflow: hidden;
	margin-bottom: 25px;
}

.tab ul li {
	width: 33.333%;
	float: left;
}

.tab ul li a {
	display: block;
	border: 1px solid #d7d7d7;
	border-left: none;
	background: #fff;
	padding: 15px 0;
}

.tab ul li:first-child a {
	border-left: 1px solid #d7d7d7
}

.tab ul li.on a {
	background: #434343;
	color: #fff;
}

.tab.v2 ul li {
	width: 50%
}

.tab.v2 ul li:nth-child(2n-1) a {
	border-left: 1px solid #d7d7d7
}

@media only screen and (max-width : 600px) {
	.wrap-s {
		width: 100%
	}
}

/*怨듯넻�긽�떒*/
.utill {
	text-align: center;
	border-bottom: 1px solid #cdcdcd;
}

.utill>div {
	position: relative;
	padding: 15px 0
}

.utill h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

.utill .btn a {
	display: inline-block;
	width: 38px;
	height: 38px;
	font-size: 0;
	text-indent: -999em;
	background-repeat: no-repeat;
	position: absolute;
	top: 12px;
}

.utill .btn a.btn-login {
	background-image: url('../images/btn-top1.png');
	left: 10px;
}

.utill .btn a.btn-guide {
	background-image: url('../images/btn-top2.png');
	right: 10px;
}

/*濡쒓렇�씤*/
.login-wrap {
	background: #d0d0d0;
	padding: 25px 0;
}

.login-wrap>div {
	padding: 0 10px;
	text-align: center;
}

.login-wrap .input-id {
	border: 1px solid #d5d5d5;
	border-radius: 40px;
	line-height: 40px;
	height: 40px;
	width: 100%;
	padding: 0 10px 0 40px;
	margin-bottom: 10px;
	background: #fff url('../images/bg-input1.png') no-repeat 15px 50%;
}

.login-wrap .input-pw {
	border: 1px solid #d5d5d5;
	border-radius: 40px;
	line-height: 40px;
	height: 40px;
	width: 100%;
	padding: 0 10px 0 40px;
	margin-bottom: 10px;
	background: #fff url('../images/bg-input2.png') no-repeat 15px 50%;
}

.login-wrap .input-submit {
	display: block;
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 40px;
	background: #6548dc;
	color: #fff;
	line-height: 40px;
	height: 40px;
	width: 100%;
	font-weight: bold;
}

.login-wrap .btn-pwid {
	display: block;
	text-align: center;
	margin-top: 15px;
	font-weight: bold;
}

/*�쉶�썝媛��엯�븞�궡*/
.join-guide>div {
	padding: 25px 10px;
}

.join-guide h4 {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 30px;
	line-height: 40px;
	background-repeat: no-repeat;
	background-position: 0 50%
}

.join-guide h4.ico1 {
	background-image: url('../images/ico-title1.png')
}

.join-guide h4.ico2 {
	background-image: url('../images/ico-title2.png')
}

.btn-join a {
	display: block;
	border-radius: 40px;
	background: #edc331;
	line-height: 40px;
	height: 40px;
	text-align: center;
	margin-top: 15px;
	font-weight: bold;
}

/*援먯쭅�썝 濡쒓렇�씤*/
.login-wrap ul.btn {
	display: inline-block;
	padding: 15px 0
}

.login-wrap ul.btn:after {
	display: block;
	content: '';
	clear: both;
}

.login-wrap ul.btn li {
	float: left;
}

.login-wrap ul.btn li a {
	display: inline-block;
	font-size: 0.9em;
	font-weight: bold;
}

.login-wrap ul.btn li a:before {
	display: inline-block;
	content: '｜';
	color: #666
}

.login-wrap ul.btn li:first-child a:before {
	display: none;
}

/*�쉶�썝媛��엯 �꽑�깮*/
.join-sel:after {
	display: block;
	content: '';
	clear: both;
}

.join-sel li {
	width: 49%;
	float: left;
}

.join-sel li:nth-child(2n) {
	float: right;
}

.join-sel li a {
	display: block;
	padding: 90px 15px 15px 15px;
	background-color: #fff;
	height: 170px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: 50% 20px
}

.join-sel li.ico1 a {
	background-image: url('../images/ico-join1-off.png')
}

.join-sel li.ico2 a {
	background-image: url('../images/ico-join2-off.png')
}

.join-sel li.ico3 a {
	background-image: url('../images/ico-join3-off.png')
}

.join-sel li:nth-child(3), .join-sel li:nth-child(4) {
	margin-top: 10px;
}

.join-sel li a:hover, .join-sel li a:focus {
	background-color: #6648dc;
	color: #fff;
}

.join-sel li.ico1 a:hover, .join-sel li.ico1 a:focus {
	background-image: url('../images/ico-join1-on.png')
}

.join-sel li.ico2 a:hover, .join-sel li.ico2 a:focus {
	background-image: url('../images/ico-join2-on.png')
}

.join-sel li.ico3 a:hover, .join-sel li.ico3 a:focus {
	background-image: url('../images/ico-join3-on.png')
}

.join-sel li span.title {
	display: block;
	font-weight: bold;
	margin-bottom: 5px
}

/*�젅�씠�뼱�뙘�뾽*/
.popup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5)
}

.popup .popup-in {
	width: 300px;
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -150px;
	background: #fff;
}

/*湲곌��븰援먭��깋*/
.school-search-title {
	background: #6648dc;
}

.school-search-title>div {
	position: relative;
}

.school-search-title h4 {
	line-height: 52px;
	height: 52px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0 15px;
}

.school-search-title .close {
	position: absolute;
	top: 0;
	right: 0;
}

.school-search {
	padding: 15px;
}

.school-search p {
	margin-bottom: 15px;
}

.school-search .search {
	position: relative;
	padding-right: 70px;
}

.school-search .search input[type='text'] {
	width: 100%;
	height: 44px;
	line-height: 44px;
	border: solid 1px #dbdbdb;
	padding: 0 0 0 10px;
}

.school-search .search input[type='submit'] {
	border: none;
	background: #533ab5;
	color: #fff;
	cursor: pointer;
	width: 70px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	top: 0;
	right: 0
}

.school-search .search input[type='button'] {
	border: none;
	background: #533ab5;
	color: #fff;
	cursor: pointer;
	width: 70px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	top: 0;
	right: 0
}

.school-search .result {
	background: #f0f0f0;
	overflow: hidden;
	margin-top: 25px;
	padding: 15px;
	overflow-y: scroll;
	height: 250px;
}

/*�쉶�썝媛��엯*/
.join-step {
	background: url('../images/bar-join.png') repeat-x 0 50%;
	margin-bottom: 15px;
}

.join-step:after {
	display: block;
	content: '';
	clear: both;
}

.join-step li {
	float: left;
	text-align: center;
}

.join-step.v4 li {
	width: 33%;
}

.join-step.v4 li:first-child {
	text-align: left;
	width: 17%
}

.join-step.v4 li:last-child {
	text-align: right;
	width: 17%
}

.join-step.v3 li {
	width: 40%;
}

.join-step.v3 li:first-child {
	text-align: left;
	width: 30%
}

.join-step.v3 li:last-child {
	text-align: right;
	width: 30%
}

.join-step li span {
	display: inline-block;
	font-size: 0;
	width: 40px;
	height: 45px;
	background-repeat: no-repeat;
	background-color: #d0d0d0;;
}

.join-step li.ico1 span {
	background-image: url('../images/ico-step1.png')
}

.join-step li.ico2 span {
	background-image: url('../images/ico-step2.png')
}

.join-step li.ico3 span {
	background-image: url('../images/ico-step3.png')
}

.join-step li.ico4 span {
	background-image: url('../images/ico-step4.png')
}

.join-step li.ico1 span.on {
	background-image: url('../images/ico-step1-on.png')
}

.join-step li.ico2 span.on {
	background-image: url('../images/ico-step2-on.png')
}

.join-step li.ico3 span.on {
	background-image: url('../images/ico-step3-on.png')
}

.join-step li.ico4 span.on {
	background-image: url('../images/ico-step4-on.png')
}

h4.title {
	text-align: left;
	font-weight: bold;
	font-size: 1.15em;
}

.agree {
	margin-top: 15px;
	text-align: left;
}

.agree:after {
	display: block;
	content: '';
	clear: both;
}

.agree h5 {
	background: #edc331;
	font-weight: bold;
	padding: 10px;
}

.agree .box {
	background: #fff;
	padding: 15px
}

.agree .box.over {
	height: 150px;
	overflow-y: scroll;
}

.agree p {
	float: left;
	padding-top: 10px;
	font-size: 13px;
}

.login-ceti li {
	border-top: 1px solid #d7d7d7;
}

.login-ceti li:first-child {
	border-top: 0
}

.login-ceti li a>* {
	display: block;
}

.login-ceti li a {
	display: block;
	text-align: left;
	padding: 15px 15px 15px 120px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 30px 20px;
}

.login-ceti li.ico1 a {
	background-image: url('../images/ico-ipin1.png');
}

.login-ceti li.ico2 a {
	background-image: url('../images/ico-ipin2.png');
}

.login-ceti li.ico3 a {
	background-image: url('../images/ico-ipin3.png');
}

.login-ceti li a:hover, .login-ceti li a:focus {
	background-color: #6548dc;
	color: #fff;
}

.login-ceti li.ico1 a:hover, .login-ceti li.ico1 a:focus {
	background-image: url('../images/ico-ipin1-on.png');
}

.login-ceti li.ico2 a:hover, .login-ceti li.ico2 a:focus {
	background-image: url('../images/ico-ipin2-on.png');
}

.login-ceti li.ico3 a:hover, .login-ceti li.ico3 a:focus {
	background-image: url('../images/ico-ipin3-on.png');
}

.join-form {
	text-align: left;
	margin-top: 15px;
	background: #f7f7f7
}

.join-form ul {
	border: 1px solid #d7d7d7
}

.join-form ul li {
	border-top: 1px solid #d7d7d7;
	padding: 10px;
}

.join-form ul li:first-child {
	border-top: none
}

.join-form ul li input[type='text'], .join-form ul li input[type='password']
	{
	height: 44px;
	line-height: 44px;
	background: #f7f7f7;
}

.join-form ul li .input_v1 {
	width: 100%;
	border: none;
}

.join-form ul li .input_v2 {
	width: 30%;
	border: 1px solid #ddd;
}

.join-form ul li .btn1 a {
	display: block;
	background: #828282;
	color: #fff;
	padding: 7px 10px;
	text-align: center;
	font-weight: bold;
}

.join-form ul li span.title {
	font-weight: bold;
	display: block;
	line-height: 35px;
}

.join-form ul li .ntc {
	padding-top: 10px
}

.btn-wrap {
	margin: 15px 0;
}

.btn-wrap a {
	display: block;
	width: 49%;
	display: inline-block;
}

.btn-wrap a:last-chid {
	margin-left: 1%
}

.btn-wrap a.btn-type1 {
	background: #6548dc;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 13px 0
}

.btn-wrap a.btn-type2 {
	background: #424242;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 13px 0
}

.mem-complete {
	background: url('../images/ico-com.png') no-repeat 50% 0;
	padding: 150px 0 35px 0
}

.mem-complete p {
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

/*鍮꾨�踰덊샇 李얘린*/
.login-wrap .input-pw2 {
	border: 1px solid #d5d5d5;
	border-radius: 40px;
	line-height: 40px;
	height: 40px;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 10px;
}

span.info1 {
	display: block;
	border: 1px solid #d5d5d5;
	border-radius: 40px;
	line-height: 40px;
	height: 40px;
	width: 100%;
	text-align: center;
	background: #fff;
	margin-bottom: 10px;
}

/*理쒓렐�젒�냽�젙蹂�*/
.connec {
	background: #fff;
	padding: 15px;
}

.c-blue {
	font-weight: bold;
	color: #6548dc
}

/*�쉶�썝�젙蹂댁닔�젙*/
.btn-pw {
	display: inline-block;
	margin-left: 5px;
	padding: 4px 10px;
	font-size: 0.9em;
	background: #5477c6;
	color: #fff;
	border: 1px solid #4265b2
}

/*�씠�슜�븞�궡*/
.img-v1 img {
	max-width: 100%
}

/********** 20250513 문유삼 추가 ***********/

.login-wrap .input-submit:focus {
	outline: 2px dashed #4b0000;
}

.popup .close {
  position: absolute;
  top: 0px;
  right: 0px;
}

input::placeholder {
	color: #4D4D4D;
	padding-left: 5px;
}

.join-sel li button {
	display: block;
	padding: 90px 55px 15px 55px;
	background-color: #fff;
	height: 170px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: 50% 20px
}

.utill .btn a.btn-login:focus {
	background-image: url('../images/btn-top1.png');
	left: 10px;
	border-radius: 20px;
	outline-color: #4b0000;
}

.utill .btn a.btn-guide:focus {
	background-image: url('../images/btn-top2.png');
	right: 10px;
	border-radius: 20px;
	outline-color: #4b0000;
}

.join-sel li button:hover, .join-sel li button:focus {
	background-color: #6648dc;
	color: #fff;
}

.join-sel li.ico1 button {
  background-image: url('../images/ico-join1-off.png');
} 

.join-sel li.ico2 button {
  background-image: url('../images/ico-join2-off.png');
} 

.join-sel li.ico3 button {
  background-image: url('../images/ico-join3-off.png');
} 

.join-sel li.ico1 button:hover,
.join-sel li.ico1 button:focus {
	background-image: url('../images/ico-join1-on.png');
}

.join-sel li.ico2 button:hover,
.join-sel li.ico2 button:focus {
	background-image: url('../images/ico-join2-on.png');
}

.join-sel li.ico3 button:hover,
.join-sel li.ico3 button:focus {
	background-image: url('../images/ico-join3-on.png');
}

a:focus {
    outline: 2px dashed #4b0000;
}

.school-search .search input[type='button']:focus {
	outline: 2px dashed #4b0000;
}

.guide-tab {
  list-style: none;
  font-size: 0;
}

.guide-tab li {
  display: inline-block;
  width: 90%;
  margin-bottom: 12px;
  font-size: 14px; 
  font-weight: bold;
  background: white;
}

.guide-tab li a {
	padding:10px; 
	display: block; 
}

.guide-tab li a:focus {
	outline: 2px dashed #4b0000;
	width: 100%;
	padding:10px; 
	display: block; 
}

.guide-tab li.on {
	background: #434343;
	color: #fff;
}

.guide-tab li.on a{
	color: #fff;
}

.checkbox-custom {
  width: 24px;
  height: 24px;
  border: 2px solid #000;  /* 경계선 */
  border-radius: 4px;  /* 둥근 모서리 */
  cursor: pointer;
  position: relative;				
}

.radio-custom {
  width: 24px;
  height: 24px;
  border: 2px solid #000;  /* 경계선 */
  cursor: pointer;
  position: relative;				
}
	
/*************** 20250513 ***************/