@charset "utf-8";

@font-face {
    font-family: 'SCoreDream';
    font-weight: 100;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff');
    font-display: swap;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/noto-sans-kr-v12-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v12-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v12-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/noto-sans-kr-v12-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v12-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v12-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v12-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/*@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');*/

html,body {
	height: 100%;
}
body {
    font-size: 14px;
    line-height: 1.4285;
    color: #333333;
    font: 13px/1.7em "Noto Sans KR";
    overflow-x:hidden;
}
.login_wrap {
	display: flex;
	width: 100%;
    height: 100%;
}
.left_box {
	width: 45%;
}
.left_box .form_wrap {
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    max-width: 360px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.left_box .form_wrap .logo {
	width: 100%;
	text-align: center;
	margin-bottom: 32px;
}
.left_box .form_wrap .logo img{
	max-width: 260px;
	height:auto;
}
.left_box .form_wrap .input-group {
	width: 100%;
	margin-bottom: 20px;
}
.left_box .form_wrap .input-group span {
	color: #C1C1C1;
    font-weight: normal;
    font-size: 14px;
}
.left_box .form_wrap .input-group img {
	position: absolute;
    top: 38px;
    left: 15px;
    z-index: 9;
}
.left_box .form_wrap .input-group input {
	height: 50px;
    padding-left: 40px;
    background: #F8F8F8;
    border: 1px solid #C1C1C1;
    border-radius: 2px;
}
.left_box .form_wrap .login_btn {
	margin-bottom: 10px;
}
.left_box .form_wrap .login_btn .signin {
	height: 64px;
	background: #192B77;
/* 	background: #004DA0; */
	color: #fff;
	transition: all .5s ease;
}
.left_box .form_wrap .login_btn .signin:hover {
	background: #324595;
}
.copy {
	color: #D2D2D2;
	padding: 0 20px;
}
.copy img {
	display: block;
	width: 50%;
	margin: 0 auto 10px;
}
.right_box {
	width: 55%;
	background: #003876;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	display: flex;
	align-items: center;
}
.swiper-slide.slide1 {
 	background: url(../../resource/img/main/login-main.jpg) 50% 50% / cover no-repeat;
}
.swiper-slide.slide2 {
	background: url(../../resource/img/main/login_main2.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.swiper-slide .slide_title {
	color: #fff;
	position: absolute;
    left: 100px;
    bottom: 250px;
    max-width: 620px;
    width: 100%;
}
.swiper-slide .slide_title h6 {
	font-size: 18px;
	letter-spacing: 5px;
}
.swiper-slide .slide_title h3 {
	font-size: 36px;
	font-weight: bold;
	word-break: keep-all;
	line-height: 60px;
}
.swiper-slide .slide_title h3 > span {
	display: block;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}

.swiper-slide .slide_title.demo h3{
    font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 52px;
	color: #FFFFFF;
}

.swiper-slide .slide_title.demo h3 span {
    font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.8);
}

.swiper-pagination.swiper-pagination-bullets {
	bottom: 200px;
    left: 100px;
    text-align: left;
}
.swiper-pagination-bullet {
	border-radius: 0;
	width: 40px;
    height: 3px;
    background: rgba(255, 255, 255, 0.6);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #00AC92;
}

@media screen and (max-width:768px){
	.form_wrap .logo{
		display:block !important;
	}
	.left_box .form_wrap{
		background: #fff;
		height: auto;
		padding: 40px 0;
		border-radius: 14px;
		box-shadow: 0px 2px 14px rgba(0,0,0,0.14);
		margin: initial;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-width:360px){
	.left_box .form_wrap{
		width:80%;
	}
	.logo img{
		width:80%;
	}
	.left_box .form_wrap .form-group{
		width:80%;
		margin:0 auto;
	}
	.login_btn{
		width:80%;
		margin:0 auto;
	}
	.left_box .form_wrap .login_btn .signin{
		height:40px;
	}
	.copy{
		text-align:center;
	}
}