@charset 'utf-8';

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*적용폰트*/
@font-face{
	src: url("/include/font/SCDream1.otf");
	font-family: "score1";
}
@font-face{
	src: url("/include/font/SCDream2.otf");
	font-family: "score2";
}
@font-face{
	src: url("/include/font/SCDream3.otf");
	font-family: "score3";
}
@font-face{
	src: url("/include/font/SCDream4.otf");
	font-family: "score4";
}
@font-face{
	src: url("/include/font/SCDream5.otf");
	font-family: "score5";
}
@font-face{
	src: url("/include/font/SCDream6.otf");
	font-family: "score6";
}
body{font-family: 'Noto Sans KR', sans-serif;width:100%;overflow-x: hidden}

/* body */
body{
	max-width: 720px;
	margin: auto;
	overflow-x: hidden;
	position: relative;
	left: 0;
	transition: all 0.4s;
	padding-top: 162px /* !important */;
}

/* header */
.header{
	width: 100%;
	height: 70px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

.header .inner{
	width: 90%;
	margin: auto;
	position: relative;
	height: 100%;
}

.header .logo{
	max-width: 229px;
	width: 60%;
	position: absolute;
	left: 50%;
	top: 54%;
	transform: translate(-55%,-55%);
}
.header .logo img{
	width: 100%;
	vertical-align: middle;
}
.header .btn_menu{
	width: 25px;
	height: 17px;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	outline: none;
}
.header .btn_menu span{
	display: block;
	width: 100%;
	height: 1px;
	background: #333;
	position: absolute;
	left: 0;
	transition: all 0.2s;
	outline: none;
}
.header .btn_menu span:nth-child(1){
	top: 0
}
.header .btn_menu span:nth-child(2){
	top: 50%;
	margin-top: -0.5px;
}
.header .btn_menu span:nth-child(3){
	bottom: 0
}
.header .btn_menu.on span{
	background: #fff;
}
.header .btn_menu.on span:nth-child(1){
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.header .btn_menu.on span:nth-child(2){
	opacity: 0;
}
.header .btn_menu.on span:nth-child(3){
	bottom: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
}

/* 전체메뉴 */
.nav_area{
	position: fixed;
	top: 0;
	right: -100%;
	width: 250px;
	height: 100%;
	background: #fff;
	z-index: 999;
	transition: all 0.4s
}
.nav_area.on{
	right: 0
}
.nav_area .top{
	background: #213568;
	padding-top: 20px;
	padding-left: 30px;
}
.nav_list ul{
	padding: 40px 0 20px;
	background: url(http://krcs.kr/mb/img/icon_home.png) no-repeat top left / 25px auto;
}
.nav_list ul li.cut{
	margin-bottom: 20px;
}
.nav_list ul li a{
	color: #fff;
	line-height: 35px;
	font-size: 14px;
	font-weight: 400;
}

.nav_area .bottom{
	padding-left: 0px;
}
.nav_area .bottom a{
	display: block;
}
.nav_area .bottom a:nth-child(1){
	padding-left: 30px;
	box-sizing: border-box;
	line-height: 45px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 20px;
	font-size: 14px;
}
.nav_area .bottom a:nth-child(2){
	width: 200px;
	margin: auto;
	font-size: 12px;
	text-align: center;
	border: 1px solid #ddd;
	line-height: 30px;
}

.nav_bg{
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.75;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 995;
}


/* 금융사 */
.brand_list{
	height: 40px;
	background: #fff;
	position: relative;
	overflow: hidden;
	position: fixed;
	top: 122px;
	left: 0;
	width: 100%;
	z-index: 8;
}
.brand_list img{
	width: auto;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0%;
	animation: logoSlide 120s linear infinite;
	animation-delay: 2s;
}
@keyframes logoSlide{
	0%{left: 0;}
	100%{left: -2800px;}
}


/* count_area */
.count_area{
	width: 100%;
	background: #395586;
	height: auto;
	padding: 10px 0;
	height: 52px;
	box-sizing: border-box;
	position: fixed;
	top: 70px;
	left: 0;
	z-index: 9;
}
.count_area article{
	display: block;
	width: 33.33%;
	float: left;
	border-right: 1px solid #5c667e;
	box-sizing: border-box;
}
.count_area article p{
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-bottom: 5px;
	white-space: pre
}
.count_area article h4{
	color: #fff;
	font-size: 11px;
	text-align: center;
	white-space: pre
}
.count_area article:last-child{
	border: 0;
}
.count_area article:last-child p,
.count_area article:last-child h4{
	color: #fe914c;
}


/* footer */
.footer{
	width: 100%;
	/* height: 50px; */
}
.footer ul{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f3f3f3;
	height: 50px;
	border-radius: 7px 7px 0 0;
	box-shadow:  rgba(0,0,0,.02) 0 -2px 2px;
}
.footer ul li{
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #a6a6a6;
}
.footer ul li:last-child{
	border: 0;
}
.footer ul li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 50px;
	color: #132756;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
}
.footer ul li a img{
	vertical-align: middle;
	width: 30px;
	margin-right: 4px;
	animation: btmIcon 2s infinite;
}
.footer ul li:last-child a img{
	width: 26px;
}
@keyframes btmIcon{
	0%{transform: rotate(0deg)}
	10%{transform: rotate(7deg)}
	15%{transform: rotate(-7deg)}
	20%{transform: rotate(0deg)}
}

.footer article{
	margin-bottom: 50px;
	text-align: center
}
.footer article div a{
	display: inline-block;
	width: 35%;
	font-size: 12px;
	text-align: center;
	margin: 10px 0;
	padding: 5px 0;
	border: 1px solid #bbb;
}
.footer article p{
	font-size: 12px;
	color: #999;
	padding-bottom: 20px;
	margin-top: 10px
}

/* 개인정보처리방침 모달 */
.personal_modal{
	position: fixed;
	overflow: hidden;
	width: 90%;
	height: 80%;
	background: #fff;
	top: 150%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 995;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	transition: all 0.4s;
}
.personal_modal.on{
	top: 50%;
}
.personal_modal .txt{
	width: 100%;
	height: calc(100% - 40px);
	overflow: scroll;
	margin-bottom: 10px;
}
.personal_modal .txt p{
	font-size: 12px;
	line-height: 1.3;
}
.modal_close{
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	width: 80px;
	font-size: 12px;
	margin: auto;
	background: #555;
	color: #fff ! important;
}
.modal_bg{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 905;
}
/* foot */
.foot{
	height: auto !important;
	font-size: 10px;
	box-sizing: border-box;
	padding: 10px 5% 60px;
	text-align: center;
}

.foot .fp-tableCell{
	height: auto !important;
}

.adjob{
	margin-top: 20px;
}

.adjob img{
	width: 15%;
}

.adjob span{
	font-size: 10px;
}

.adjob a{
	display: block;
	margin: 10px auto 0;
	width: 80px;
	text-align: center;
	font-size: 10px;
	height: 25px;
	line-height: 25px;
	background: #f8f8f8;
	border: 1px solid #eee;
}

.adjob a b{
	font-size: 0.2em;
}