@charset "utf-8";
@import "./normarlize.css";
@import url("/resources/login/font/pretendard.css");

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {

	border         : 0;
	font           : inherit;
	font-family    : -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
	font-size      : 14px;
	margin         : 0;
	padding        : 0;
	vertical-align : baseline;
}

label, .label {
	color       : #5D5D5D;
	display     : inline-block;
	font-size   : 14px;
	font-weight : 600;
}

* {
	box-sizing     : border-box;
	font-size      : 14px;
	letter-spacing : -1px;
}

h1, h2, h3, h4, h5, h6 {
	color       : #252122;
	font-weight : 700;
}

p, ul, ol, dl, table {
	margin-bottom : 1em;
}

html, body, #wrap {
	height : 100%;
}

body {
	font-family : "Pretendard", "MalgunGothic", "맑은 고딕", "돋움", "dotom", "Apple SD Gothic Neo", Tahoma, Geneva, sans-serif;
}

/*login*/

.lgoin_body {
	background : #F4F4F4 url(/resources/login/images/bg_img.png) no-repeat; background-size: cover;
}

.login_wrap {
	align-items     : center;
	display         : flex;
	flex-flow       : column nowrap;
	height          : 100%;
	justify-content : center;
	width           : 100%;
}

.login_wrap .container {
	background    : #FFF;
	border-radius : 16px;
	box-shadow    : 10px 10px 30px rgba(0, 0, 0, 0.1);
	min-width     : 350px;
	padding       : 56px 60px 44px 60px;
	max-width     : 480px;
}

.login_wrap .logo_area {
	margin : 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-bottom	: 34px;
	color          : #252122;
	font-size      : 16px;
	font-weight    : 600;
}

#login_img{
	height: 4.6em;
}

#login_title{
	font-size: 1.26em;
	color: #3B4951;
	line-height: 1;
	margin-left: 8px;
	letter-spacing: -2px;
	padding-bottom: 8px;
}

.login_wrap .login_box {
	display   : flex;
	flex-flow : column nowrap;
}

.login_wrap .login_box + div {
	display: none;
}

.login_wrap .foot_area p:nth-child(2),
.login_wrap .foot_area p:nth-child(3){
	display: none;
}

.login_wrap .login_box label {
	border        : 1px solid #DDD;
	display       : block /* ;flex:1 */;
	height        : 52px;
	margin-bottom : 8px;
	border-radius: 4px;
}

.login_wrap .login_box input {
	border      : none;
	font-size   : 16px;
	height      : 50px;
	line-height : 50px;
	padding     : 0 13px;
	width       : 100%;
	border-radius: 4px;
}

.login_wrap .login_box input::placeholder {
	color: #aaa;
	font-size: 14px;
}

.login_wrap .login_box input[type="password"] {
	background: url(/resources/login/images/icon/pw_icon.png) no-repeat; background-position: center right 15px;
}

.login_wrap .foot_area {
	color      : #aaa;
	font-size  : 14px;
	text-align : center;
	font-weight: 600;
}

.login_wrap .foot_area p{
	letter-spacing: 0;
}

.login_wrap .login_box input{
	background-color : #FFF !important;
}


.contents {
	box-sizing  : border-box;
	margin-left : 250px;
	min-height  : calc(100vh - 263px);
	padding     : 0 1rem 3rem 1rem;
}

.contents header {
	padding : 1.4rem 0 0;
}

.contents header h3 {
	color     : #373737;
	font-size : 24px;
}

.container {
	margin    : 0 auto;
	min-width : 1400px;
	position  : relative;
	width     : 100%;
}

.login_wrap .login_box .login_btn {
	color         : #FFF;
	font-size     : 18px;
	font-weight   : 600;
	height        : 60px;
	line-height   : 60px;
	margin-top : 6px;
	text-align    : center;
	width         : 100%;
	transition: 300ms;
	background    : linear-gradient(90deg, #FFB320, #FF451A);
	border-radius: 5px;
	box-shadow: 0 4px 15px rgba(255, 69, 26, 0.3);
	margin-bottom: 58px;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button, .button {
	-webkit-appearance : none;
	background         : #5D5D5D;
	border             : 0;
	border-radius      : 2px;
	box-sizing         : border-box;
	color              : #FFF;
	cursor             : pointer;
	display            : inline-block;
	font-size          : 14px;
	height             : 34px;
	outline            : 0;
	padding            : 0 1rem;
	text-decoration    : none;
	transition         : background-color .25s ease-in-out;
	vertical-align     : middle;
}

textarea,
input[type=date],
input[type="text"],
input[type="password"],
input[type="number"],
select {
	background     : #FFF;
	background     : #FFF;
	border         : solid 1px #C8C8C8;
	border-radius  : 0;
	box-sizing     : border-box; /* -webkit-appearance: none; */
	display        : inline-block;
	font-size      : 14px;
	font-size      : 14px;
	height         : 34px;
	line-height    : 32px;
	line-height    : 28px;
	padding        : 0 .5rem;
	padding        : 0 .5rem;
	vertical-align : middle;
}


/* 모바일 로그인 화면 */
@media(max-width:768px) {
	#wrap {background:none;background-color:#fff !important;}
	#wrap > div {padding:100px 40px 48px;}
	.title {margin: 0 0 80px;font-size:23px;}
	#userid, #userpwdTmp {font-size:16px;height:50px;}
	#login-btn {height:50px;border:0;font-size:16px;font-weight:500;}
	.btn_group {margin-top:20px;}
	.link > a {font-size:16px;}
	.link > a+a {margin-left:14px;}
	.warning {text-align:center;word-break:keep-all;width:90%;margin:0 auto !important;font-size:13px;line-height:20px;}
	.copyright {font-size:15px;}
}