/**
 * 공통  CSS
 * @author JSCHOI@YUNILAB
 * @since  2021
 * @version 1.0
 * @see
 * Copyright (C)  All right reserved.
*/

/********** account **********/
/* login */
body::before {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   /*  background:#f5f6f8 url(../../img/account/barunwejang/bg.png) no-repeat top center; */
    background-size: cover;
    filter: blur(1px);
    z-index: -1;
    content: "";
    opacity: 0.7;
}

.login_bg {position:fixed;width:100%;height:100%;}

#login_box {position:fixed; left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:700px;}
.login_box_inner {display:inline-block;width:450px;background:#fff;border-radius:10px;padding:70px 60px;box-sizing:border-box;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
}

/* login box content */
.login_title {margin-bottom:30px;display:block;text-align:center;}
.login_title a {display:inline-block;}
.login_title a img {width:230px;}

.login_content {margin-bottom:30px;width:100%;}

.login_id_wrap {
	position: relative;
}

.login_id_wrap:before {
	position: absolute;
	content: '';
	top: 24px;
	left: 24px;
	width: 20px;
	height: 18px;
	background: url(../../img/account/login_icon_id.svg) no-repeat top left;
	background-size: auto 18px;
}

input.login_id {
	background: #eee;
	padding: 16px;
	margin: 8px 0;
	outline: none;
	border-radius: 20px;
	box-shadow: inset 7px 2px 10px #babebc, inset -5px -5px 12px #fff;
	width: 100%;
	text-align: left;
	height: 50px;
	border: 1px solid #ccc;
	padding-left: 55px;
}

.login_pw_wrap {position:relative;margin-top:5px;}
.login_pw_wrap:before {position:absolute;content:'';top:25px;left:24px;width:20px;height:18px;background:url(../../img/account/login_icon_pwd.svg) no-repeat top left;background-size:auto 18px;}
input.login_pw {background: #eee;
	padding: 16px;
	margin: 8px 0;
	outline: none;
	border-radius: 20px;
	box-shadow: inset 7px 2px 10px #babebc, inset -5px -5px 12px #fff;
	width: 100%;
	text-align: left;
	height: 50px;
	border: 1px solid #ccc;
	padding-left: 55px;
	}

.btn_login {border-radius: 20px;
	border: none;
	outline: none;
	
	font-weight: bold;
	padding: 0px 45px;
	margin: 0px;
	letter-spacing: 1px;
	text-transform: uppercase;
	
	transition: transform 80ms ease-in;
	box-shadow: -5px -5px 10px #fff, 5px 5px 8px #babebc;
	margin-top: 30px;
	width: 100%;
	text-align: center;
	height: 50px;
	line-height: 50px;
	background: #00397f;
	color: #fff;
	font-size: 17px;
	font-family: 'Noto Sans KR Bold';
}

/* login box bottom */
.login_bottom
{
width
:
100%;
text-align
:
right;
}.login_list li {position:relative;padding-left:20px;display:inline-block;color:#555;font-size:14px;font-family: 'Noto Sans KR Medium';}
.login_list li:before {position:absolute;content:'';top:50%;margin-top:-7px;left:10px; width:1px;height:14px;background:#ccc;}
.login_list li:first-child {padding-left:0;}
.login_list li:first-child:before {display:none;}
.login_list li a {display:inline-block;color:#555;}

/* login copy */
.login_copyright {margin-top:30px; text-align:center;display:inline-block;color:#555;font-size:12px;font-family: 'Noto Sans KR Medium';}
.login_copyright span {display:block;}

/* ���̵�/��й�ȣ ã�� */
.find_box {padding:40px 20px 20px 20px;box-sizing:border-box;}
.find_box input {height:40px;}
.find_box select {height:40px;}

.find_header {margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #444;}
.find_header img {display:inline-block;width:200px;vertical-align:bottom;}
.find_header .find_tit {position:relative;display:inline-block;margin-left:16px;padding-left:11px;vertical-align:bottom;color:#111;font-size:19px;font-family: 'Noto Sans KR Bold';}
.find_header .find_tit:before {position:absolute;content:'';top:50%;margin-top:-9px;left:0px; width:1px;height:19px;background:#ccc;}

.find_content {margin-bottom:10px;}

.find_stit {position:relative;padding-left:15px;padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid #ccc;color:#111;font-size:18px;font-family: 'Noto Sans KR Medium';}
.find_stit:before {position:absolute;content:'';top:4px;left:0; width:5px;height:15px;border-radius:3px;background:#ddd;}

.find_table {width:100%;}
.find_table th {vertical-align:top;text-align:left;padding:13px 0;color:#111;font-size:14px;font-family: 'Noto Sans KR Medium';}
.find_table td {vertical-align:top;text-align:left;padding:5px;color:#555;font-size:14px;font-family: 'Noto Sans KR Medium';}

.btn_find {width:100%;text-align:center;height:50px;line-height:50px;background:#00397f;color:#fff;font-size:17px;font-family: 'Noto Sans KR Bold';}


.find_infobox {display:block;overflow:hidden;border-radius:5px;background:#eee;padding:10px;color:#555;font-size:13px;font-family: 'Noto Sans KR Medium';}
.find_infobox_right {float:right;}

.find_copyright {margin-top:30px;padding-top:10px;border-top:1px solid #ccc; text-align:left;display:block;color:#555;font-size:13px;font-family: 'Noto Sans KR Medium';}




/********** response **********/
@media screen and (max-width : 620px) {
	/* login */
	.login_bg {background:#fff;}
	#login_box {position: relative;left: auto;top: auto;transform: none;text-align: center;width:100%;}
	.login_box_inner {width:100%;padding: 70px 60px;box-shadow:none;}
	.login_copyright {width:100%;margin-top:10px;text-align:left;padding:20px;border-top:1px solid #ddd;font-size:12px;line-height:21px;}
}

@media screen and (max-width : 350px) {
	
	/* login */
	.login_box_inner {padding:60px 20px;}
	.login_title a img {width:200px;}
	.login_content {margin-bottom:40px;}
	input.login_id {padding-left:50px;}
	input.login_pw {padding-left:50px;}
	.login_btn {font-size:16px;margin-top:5px;}
	.login_list li {font-size:13px;display:block;border:1px solid #e1e1e1;text-align:center;padding:3px 0;margin-top:2px;}
	.login_list li:before {display:none;}
	
	/* ���̵�/��й�ȣ ã�� */
	.find_box {padding:30px 15px;}
	.find_header {margin-bottom: 20px;padding-bottom: 15px;}
	.find_header img {width: 150px;}
	.find_header .find_tit {padding-left:0;margin-left:0;padding-top:10px;font-size:17px;display:block;margin-bottom:0px;}
	.find_header .find_tit:before {display:none;}
	.find_copyright {width:100%;margin-top:10px;text-align:left;padding-top:20px;border-top:1px solid #ddd;font-size:12px;line-height:21px;}

	.find_stit {padding-left:12px;font-size:16px;margin-bottom:0;}
	.find_table {display:block;}
	.find_table colgroup {display:none;}
	.find_table tr {display:block;}
	.find_table tr th {display:block;padding:15px 0 5px 0;}
	.find_table tr td {display:block;padding:0;}
}