@charset "utf-8";
/* 로그인 */
#info-container .info .sub-gnb .subject .ico-area img { margin-top: 12px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap { border: 1px solid #dcdcdc; padding: 70px 225px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap h4 { font-size: 2.3rem; display: block; margin-bottom: 40px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap h4 span { color: #20bd9e; }

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .login-form { margin-bottom: 30px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap  input { width: 100%; border: none; border-bottom: 1px solid #dcdcdc; height: 45px; font-size: 1.7rem; margin-bottom: 30px; outline: 0; letter-spacing: 0; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .login-form .imp-b { font-size: 1.4rem; color: #FF363A; margin-bottom: 5px; display: block; }  

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .login-normal-btn { height: 57px; background: #0e9d81; width: 100%; display: block; text-align: center; border-radius: 6px; margin-bottom: 35px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .login-normal-btn span { display: block; line-height: 50px; background: #20bd9e; border-radius: 5px; font-size: 1.8rem; color: #fff; }

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .etc-btn { text-align: center; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .etc-btn li { display: inline-block; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .etc-btn li a { font-size: 1.7rem; color: #7a7a7a; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .etc-btn li:nth-child(2) { margin: 0 20px; }

@media all and (max-width:1199px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap { padding: 70px; }
}
@media all and (max-width:699px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap { padding: 50px; }
}
@media all and (max-width:499px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap { padding: 40px 30px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap h4 { margin-bottom: 20px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .login-form input { margin-bottom: 15px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .login-normal-btn { height: 42px; margin-bottom: 20px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .login-normal-btn span { height: 37px; line-height: 37px; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .etc-btn li a { font-size: 1.5rem; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .etc-btn li:nth-child(2) { margin: 0 10px; }
}

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .certified { overflow: hidden; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .certified input[type=text] { width: 50%; float: left; margin-bottom: 10px; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .certified .certified-normal-btn { border: 1px solid #dcdcdc; height: 46px; display: inline-block; padding: 0 40px; min-width: 190px; text-align: center; border-radius: 23px; font-size: 1.5rem; font-weight: bold; color: #999; line-height: 44px; float: right; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .certified .count { display: block; width: 100%; float: left; font-size: 1.4rem;  }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .certified .count .head { font-weight: bold; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .certified .count .time { margin-left: 8px; }
@media all and (max-width:499px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .certified input[type=text] { width: 40%; }
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .certified .certified-normal-btn { min-width: 150px; }
}
@media all and (max-width:399px)
{
	#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .certified .certified-normal-btn { min-width: 90px; }
}

#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .find-result { text-align: center; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .find-result .id-result { font-size: 2.5rem; display: block; font-weight: bold; color: #20bd9e; margin-bottom: 45px;  }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .find-result a { height: 45px; width: 190px; border: 1px solid #dcdcdc; display: inline-block; line-height: 43px; font-size: 1.5rem; font-weight: bold; color: #999999; border-radius: 22.5px; -webkit-transition: box-shadow 0.5s cubic-bezier(0.02, 0.01, 0.47, 1); transition: box-shadow 0.5s cubic-bezier(0.02, 0.01, 0.47, 1); -webkit-transition: background 0.5s cubic-bezier(0.02, 0.01, 0.47, 1); transition: background 0.5s cubic-bezier(0.02, 0.01, 0.47, 1) ; }
#info-container .info .sub-info-content-wrap .sub-info-content .content-area .content-box .login-info-wrap .find-result a:hover { box-shadow: 0 1px 8px rgba(58,51,53,0.3); color: #fff; background: #20bd9e; border-color: #20bd9e; }