body {
    background: #e4edf2;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Poppins','Noto Sans KR', sans-serif;
    color: #555;
	word-break: keep-all
}



a{
	color:#00c8d0;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	color:#fb6c46;
	text-decoration:none;
}
a.href-gray{
	color:#aaaaaa;
	text-decoration:none;
	font-size:13px;
	cursor:pointer;
}
a:hover.href-gray{
	color:#fb6c46;
	text-decoration:none;
}
.href-gray svg{width:1rem}
 input:focus, input:active, .form-control:focus, .form-control:active, .form-select:focus, .form-select:active{
     outline: 0 !important;
     box-shadow: none !important;
}
input:-webkit-autofill,  input:-webkit-autofill:hover, input:-webkit-autofill:focus, .input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px rgb(255,255,255) inset !important;
    -webkit-text-fill-color: #212121 !important;
}
 .btn.focus, .btn:focus, button:focus{
     outline: 0!important;
     box-shadow: none!important;
}
 .btn{
     cursor:pointer;
}
 .btn-ss{font-size:.87rem;}
 .form-control:focus, .form-control:active{
     border:1px dotted #333333;
}
 .form-control[disabled]:focus, .form-control[disabled]:active{
     border:1px solid #e9ecef;
}
.form-check-input {
    width: 1.2em;
    height: 1.2em;
    margin-top: .12em;
}
.form-check-input:checked {
    background-color: #6711b1;
    border-color: #6711b1;
}
.form-check-input:focus {
    border-color: #6711b1;
}
.overflow-hidden{overflow:hidden}
.form-control{
	border: 1px solid #dde3ea;
}
.form-check-input{
	    border: 1px solid rgb(221 227 234);
}
.form-control:focus{
	  border: 1px solid #23cbe0!important;
}
.text-orange{color:#fd7e14}
.btn-main{padding:0.7rem 2.5rem; background-color:#630aaf; color:#ffffff}
.btn-main:hover{background-color:#49078e; color:#ffffff}
.btn-sub{padding:.7rem 2.5rem; background-color:#00c8d0; color:#ffffff}
.btn-sub:hover{background-color:#630aaf; color:#ffffff}
.btn-point1{background-color:#ffc82c; color:#ffffff}
.btn-point1:hover{background-color:#ff952c; color:#ffffff}
.btn-point5{padding:.7rem 2.5rem; background-color:#b29183; color:#ffffff}
.btn-point5:hover{background-color:#b27d6b; color:#ffffff}
.btn-line-main{border:1px solid #630aaf; background-color:#ffffff; color:#630aaf}
.btn-line-main:hover{border:1px solid #630aaf; background-color:#630aaf; color:#ffffff}
.btn-hide-login{
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.btn-point2 {
    padding: 0.7rem 2.5rem;
    background-color: #ffa7a7;
    color: #ffffff;
}
.btn-point2:hover {
    background-color: #ff8b8b;
    color: #ffffff;
}
.text-main{color: #630aaf}
#authGuide3 svg{width:1.2rem}
.guide{font-size:13px; color:#fd7e14}
/* Header */
header {
	position: relative;
	padding: 15px 0;
	background-color: #fff;
	border-bottom: 1px solid #d9e1e6;
}

#logo_home h1 {
	margin: 0;
	padding: 0;
}

#logo_home h1 a {
	width: 100px;
	height: 35px;
	display: block;
	background-image: url(/common/img/logo-vodaedu.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100px auto;
	text-indent: -9999px;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#logo_home h1 a {
		background-image: url(../img/logo_2x.png);
		background-size: 50px 35px;
	}
}


#form_container{
	background-color: #fff;
	width: 1000px;
	margin: 100px auto 30px;
}
#head_container {
	background-color: #fff;
	width: 1000px;
	margin:0 auto;
}
#left_form {
	background-color: #630aaf;
	color: #fff;
	text-align: center;
	padding: 70px 50px 30px 50px;
	box-sizing: border-box;
	position: relative;
	height: 100%;
}

#left_form h2 {
	font-weight: 300;
	color: #fff;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 36px;
	margin-bottom: 15px;
}

#left_form p {
	font-size: 16px;
}

a#more_info {
	width: 26px;
	height: 26px;
	color: #fff;
	position: absolute;
	line-height: 1;
	left: 15px;
	bottom: 15px;
	z-index: 2;
	font-size: 26px;
}
#top-wizard {
	margin-left: -24px;
}

#middle-wizard {
	padding: 45px 45px 130px 15px;
}

#bottom-wizard {
	text-align: right;
	position: absolute;
	width: 100%;
	bottom: 25px;
	right: 45px;
}

.ui-widget {}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {}

.ui-widget-content {}

.ui-widget-content a {
	color: #222222;
}

.ui-widget-header {
	background: #6C3;
}

.ui-widget-header a {
	color: #222222;
}

input#website {
	display: none;
}

#wizard_container {
	position: relative;
	min-height: 480px;
}

h3.main_question {
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: 500;
	font-size:calc(12px + .8rem);
}

h3.main_question strong {
	display: block;
	color: #999;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 400;
}

.modal-body h3{font-size:18px!important}
.modal-body h4{font-size:16px!important}
.modal-body h5{font-size:14px!important}
.modal-title {color:#630aaf}
/* Wizard Buttons*/
button.backward,
button.forward,
button.submit {
	border: none;
	color: #fff;
	padding: 7px 20px;
	text-decoration: none;
	transition: background .5s ease;
	-moz-transition: background .5s ease;
	-webkit-transition: background .5s ease;
	-o-transition: background .5s ease;
	display: inline-block;
	cursor: pointer;
	font-weight: 400;
	outline: none;
	text-align: center;
	background: #409fff;
	position: relative;
	font-size: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1;
	padding: 10px 30px 10px 30px;
}

button.backward {
	color: #333;
	background: #e8e8e8;
	padding: 10px 20px 10px 30px;
}

button.forward,
button.submit {
	padding: 10px 30px 10px 20px;
}

button[disabled] {
	display: none;
}


/* footer */
footer {
	background-color: #fff;
	border-top: 1px solid #ededed;
	padding: 25px 0;
}
footer#home {
	width: 1000px;
	margin: auto;
	font-size: 15px;
	margin-bottom: 30px;
	color: #777;
	background-color: transparent;
	border-top: none;
	padding: 0;
}
footer p {
	margin: 0;
	padding: 0;
	float: left;
}
footer ul {
	float: right;
	margin: 0;
	padding: 0;
}
footer ul li{
	float: left;
	margin-right: 15px;
	list-style: none;
}
footer ul li:last-child {
    margin-right: 0;
}
footer ul li:after {
    content: "|";
    font-weight: 300;
    position: relative;
    left: 9px;
}
footer ul li:last-child:after {
    content: "";
}
footer ul li a{
	color: #777;
}

#loadingImage {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url('/membership/img/loadingImage.gif') 50% 50% no-repeat rgb(249, 249, 249);
		opacity: 0.7;
}

.password-box{
	position:relative;
}
.password-box .eye-icon{
	position:absolute;
	right:1rem;
	top:50%;
	margin-top:-.6rem;
	z-index:10;
}
.password-box .eye-icon img{
	width:1.2rem
}

/* 크롬 & 엣지의 눈 아이콘 숨기기 */
input[type="password"]::-ms-reveal, 
input[type="password"]::-webkit-reveal, 
input[type="password"]::-webkit-credentials-auto-fill-button {
    display: none;
    visibility: hidden;
    pointer-events: none;
}

/*============================================================================================*/
/* RESPONSIVE  */
/*============================================================================================*/
@media (max-width: 1024px) {
	
	#form_container, footer#home, #head_container {
	   width:800px;
    }
	
}
@media (max-width: 991px) {
	
	#form_container, #head_container {
		width:auto;
		margin-top: 0;
	}
 #head_container {
		margin-left:calc(1.5rem * .5);
		margin-right:calc(1.5rem * .5)
	}	
	#form_container .row {
		margin: 0;
	}
	footer#home {
		width:100%;
		padding: 0 30px;
	}
	#left_form {
		text-align:left;
		padding:30px;
		min-height:inherit;
    }
	#left_form img{
		float: left;
		margin-right: 30px;
    }
	a#more_info{
		left:auto;
		right:30px;
    }
	#top-wizard {
		margin-left: 0;
	}
	#wizard_container {
		min-height:inherit;
	}
	#middle-wizard {
		padding: 30px 30px 120px 30px;
	}
	
}

@media (max-width: 768px) {
	
}


@media (max-width: 767px) {
	
	#form_container .row > [class*='col-'] {
		padding-left: 0 !important;
    	padding-right: 0 !important;
	}
 #head_container {
		margin-left:30px;
		margin-right:30px;
	}		
	
	h1.main_title,
	h2.main_title {
		font-size: 32px;
	}
	h1.main_title span,
	h2.main_title span {
		font-size: 18px;
	}
	p.lead.styled {
		font-size: 16px;
	}
	
	#left_form img{
		float: none;
		margin-right: 0;
		width: 100px;
		height: 100%;
    }
	/* Margin tools */
	.margin_60 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.margin_30 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.margin_60_35 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.add_bottom_60 {
		margin-bottom: 30px;
	}
	
	#bottom-wizard {
	right:35px;
}

}


@media (max-width: 480px) {
	
	label.rating_type, .rating  {float:left; display:block;}
	label.rating_type  {width:100%;}
	
	#map_contact {height: 300px;}
	#left_form {
		height: auto
	}	
	 
}