/* CSS Document */

/*======================
SpoqaHanSansNeo
======================*/
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url('../font/SpoqaHanSansNeo-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
/*======================
LGSmHa
======================*/
@font-face {
  font-family: 'LGSmHa';
  src: url('../font/LGSmHaL.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'LGSmHa';
  src: url('../font/LGSmHaR.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'LGSmHa';
  src: url('../font/LGSmHaSB.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'LGSmHa';
  src: url('../font/LGSmHaB.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}




* {margin: 0; padding: 0; }
body,html {font-family: 'SpoqaHanSansNeo'; font-weight: 500; font-size: 14px;}
body{
  min-width:1600px;
}
.div-cont {width: 1200px; padding: 0 30px; box-sizing: border-box; margin: auto;}

/*
#스크롤바
*/

::-webkit-scrollbar {width: 10px; height: 7px;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 7px;}
::-webkit-scrollbar-track {background: transparent; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.0)}
::-webkit-scrollbar-thumb {height: 50px; width: 60px; background: #e5deeb; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.0)}



/*======================
	#logo
======================*/
.login-box .logo {width: 280px; height: 72px; position: relative; margin: 0 auto 30px; background: url("../images/logo.png") no-repeat center center; background-size: contain;}





/*======================
	#footer-wrap
======================*/
.login-wrap .footer-wrap {position: absolute; bottom: 0; left: 0;}
.bg-wrap .footer-wrap {position: absolute; bottom: 0; left: 0;}
.footer-wrap {width: 100%; background: #fff;}
.footer {display: flex; justify-content: space-between; align-items: flex-start; padding-top: 45px; padding-bottom: 45px;}
.footer .flogo {}
.footer .f-info {}
.footer .f-info > ul {display: flex; align-items: center; flex-wrap: wrap;}
.footer .f-info > ul li {list-style: none; margin-right: 30px; position: relative;}
.footer .f-info > ul li + li:before {content: ""; display: block; width: 1px; height: 14px; background: #7b7b7b; position: absolute; left: -15px; top: 50%; margin-top: -7px;}
.footer .f-info p {font-size: 14px; color: #7b7b7b; line-height: 170%; font-weight: 400;}
.footer .f-info a {font-size: 14px; color: #7b7b7b; line-height: 170%; text-decoration: none;}





/*======================
	.popup
======================*/
.dimmed {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.2); display: none; z-index:21;}
.dimmed.open {display: block !important;}
.popup-wrap {display: none;}
.popup-wrap.open {display: block !important;}
.popup {width: 390px; z-index: 998; border-radius: 12px; background: #fff; padding: 0 30px; box-sizing: border-box; border: 1px solid rgba(197,197,197,0.36); box-shadow: 2px 2px 8px rgba(171,171,171,0.30); position: fixed; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); -moz-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); -o-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); display: none;
max-height: 90vh; overflow-y: auto; overflow-x: hidden;}/*스크린 height 100%를 벗어나는 긴 팝업의 경우 추가 class*/

.popup.open {display: block !important;}
.popup .pop-head {padding: 30px 0 25px;
	position: sticky; z-index: 999; top:0; left:30px; background: #fff; /*팝업 스크롤 시 타이틀 고정 */
	}
.popup .pop-head .pop-tit {font-size: 18px; color: #222222; letter-spacing: -1px; line-height: 100%;}
.popup .btn-close {width: 30px; height: 30px; position: absolute; top: 0; right: 0; background: url("../images/icon-close.png") no-repeat center center; background-size: 11px; border: none;}
.popup .pop-cont {}
.popup .pop-cont p {font-size: 16px; color: #666666; font-weight: 400; letter-spacing: -0.8px; line-height: 100%;}
.popup .pop-cont p + p {margin-top: 10px;}
.popup .popup-btn1 {display: flex; justify-content: flex-start; align-items: center; margin: 35px 0 25px;}
.popup .popup-btn2 {display: flex; justify-content: flex-end; align-items: center; margin: 35px 0 25px;}
.popup .popup-btn1 button {width: 140px; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}
.popup .popup-btn2 button {width: 140px; height: 40px; font-size: 16px; font-weight: 400; letter-spacing: -1.1px;}













