@charset "utf-8";

/* 폰트 시작 */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap'); 
html { font-family: 'Ubuntu', sans-serif; }
/* 폰트 끝 */

/* 노멀라이즈 시작 *//* 해당 태그의 list-style을 none으로 하는 것으로 ●을 제거한다 */
body, ul, li { margin: 0; padding: 0; list-style: none;   } 
body { background-color: #ffffff; }

a {
	color: inherit; /* 부모 엘리먼트의 값을 물려받는다 */
	text-decoration: none; /* 해당 태그의 text-decoration을 none으로 하는 것으로 밑줄을 제거한다 */
}
/* 노멀라이즈 끝 */

/* 라이브러리 시작 */
.con {margin-left: auto;margin-right: auto;}
/* 라이브러리 끝 */

/* 커스텀 시작 */
:root { --site-width: 1400px;}
.con-min-width { min-width: var(--site-width);} 
.top-bar > .con { width: var(--site-width);}

/* 드롭다운 메뉴 시작 */
.top-bar__menu-box-1 > ul ul { display: none;} 
.top-bar__menu-box-1 > ul > li {display: inline-block;} 
.top-bar__menu-box-1 {text-align: center;margin-top: 10px;} 
.top-bar__menu-box-1 ul { background-color: black; color: white; } 
.top-bar__menu-box-1 ul > li > a { display: block; font-size: 1.1rem; padding: 10px 20px; } 
.top-bar__menu-box-1 ul > li:hover > a { background-color: #555; } 
.top-bar__menu-box-1 > ul > li { position: relative; } 
.top-bar__menu-box-1 > ul > li > ul { position: absolute; top: 100%; left: 0; width: 100%; }
.top-bar__menu-box-1 > ul > li:hover > ul { display: block; }
.top-bar__menu-box-1 > ul { border-radius: 10px; }
/* 드롭다운 메뉴 끝 */ 
/* 커스텀 끝 */
 
/* 로그인 */
.login_cont { width: 600px; padding: 80px 0; padding-top: 120px; margin: 0 auto;}

.login_area { position: relative; padding: 80px 40px; border: 1px solid #eee; border-radius: 5px; background: #fff; }
.login_area .logo { margin: 0 auto; text-align: center;}
.login_area .logo p { margin-top: 20px; font-weight: 500; font-size: 1.8rem;}

.login_area .check_list { padding: 40px; }
.login_area .check_list input { width: 100%; height: 60px; padding-left: 20px; border: 0; border-radius: 3px; background: #f5f5f5; color: #747474; font-size: 1.6rem;}
.login_area .check_list input.pw { margin-top: 10px;}

.login_area .check_list .login_btn { display: block; width: 100%; height: 60px; margin-top: 20px; border-radius: 3px; background: #0056a2; color: #fff; font-weight: 500; font-size: 1.8rem; text-align: center; line-height: 58px; text-decoration: none;}


