@charset "utf-8";


/*****************************************************
	Main-visual
*****************************************************/

.visual-20230918 {
	position:relative;
}
.visual-20230918 .btn-wrap {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.visual-20230918 .btn-wrap .btn {
	display:inline-block;
	padding: 13px 25px;
	border-radius:50px;
	color:#fff;
	font-size: 14px;
	line-height: 1.2;
}
.visual-20230918 .btn-wrap .btn.btn01 {
	background-color:#2d2961;
}
.visual-20230918 .btn-wrap .btn.btn01:hover,
.visual-20230918 .btn-wrap .btn.btn01:focus {
	background-color:#504b92;
}
.visual-20230918 .btn-wrap .btn.btn02 {
	background-color:#802a57;
}
.visual-20230918 .btn-wrap .btn.btn02:hover,
.visual-20230918 .btn-wrap .btn.btn02:focus {
	background-color:#9a396c;
}

@media (min-width: 992px) {
	.visual-20230918 .btn-wrap {
		bottom: 10px;
		/* left: 46%; */
	}
	.visual-20230918 .btn-wrap .btn {
		padding: 12px 40px;
		font-size: 20px;
	}
}
@media (min-width: 1400px) {
    .visual-20230918 .btn-wrap .btn {
		padding: 16px 40px;
	}
}


/*****************************************************
	Popup
*****************************************************/

.popup-inner {
	position:relative;
}
.popup-btn {
	position:relative;
}
.btn-wrap {
	position:absolute;
	bottom: 2%;
	display: -ms-flexbox !important;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 15px;
}
.btn-wrap > .btn {
	display:block;
	min-width:110px;
	margin:1px;
	padding: 7px 15px;
	color:#fff;
}

.btn-wrap .btn.btn01 {
	background:#14456a;
	color:#fff;
}
.btn-wrap .btn.btn01:hover, .btn-wrap .btn.btn01:focus {
	background:#0e3049;
}
.btn-wrap .btn.btn02 {
	background:#1c97a4;
	color:#fff;
}
.btn-wrap .btn.btn02:hover, .btn-wrap .btn.btn02:focus {
	background:#008a9c;
}
.btn-wrap .btn.btn03 {
	background:#008eec;
	color:#fff;
}
.btn-wrap .btn.btn03:hover, .btn-wrap .btn.btn03:focus {
	background:#0074c1;
}
.btn-wrap .btn.btn04 {
	background:#FFC107;
	color:#000;
}
.btn-wrap .btn.btn04:hover, .btn-wrap .btn.btn04:focus {
	background:#e5ad05;
}
.btn-wrap .btn.btn05 {
	background: #db2e69;
	color:#fff;
}
.btn-wrap .btn.btn05:hover, .btn-wrap .btn.btn05:focus {
	background:#d32a64;
}


.popup-link-img {
	width:100%;
}


/* 20220908 CWY */
.banner01 a:hover, .banner02 a:hover {
	color: #fff;
}
.banner01, .banner02 {
	width: 100%;
	height: 90px;
}
.banner01 img , .banner02 img {
	margin: 0px 10px;
}
.banner-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.banner01 .banner-wrap span {
	font-size: 14px;
	font-weight: 400;
}
.application {
	background-color: #269dff;
	text-align: center;
	width: 100%;
	height: 100%;
}
.banner01 .application .banner-wrap img {
	width: 45px;
	height: 45px;
}
.banner02 {
	display: flex;
	flex-wrap: nowrap;
	text-align: center;
}
.uway {
	background-color: #fffce0;
	width: 50%;
	height: 100%;
}
.jinhak {
	background-color: #36b39f;
	width: 50%;
	height: 100%;
}
.banner02 .uway .banner-wrap img {
	width: 60%;
}
.banner02 .jinhak .banner-wrap img {
	width: 60%;
}
.banner-wrap {
	padding: 10px;
	height: 100%;
	align-items: center;
	color: #000;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
}
.banner-wrap p {
	margin: 0;
	
}
.banner02 .banner-wrap {
	font-size:18px;
}

@media (max-width: 576px) {
	.banner01 img {
		display: none !important;
	}
}
@media (min-width: 768px) {
	 .popup-link-img {
		width:auto;
  	}
	.application {
		text-align: left;
	}
	.application img {
		width: 100%;
		height: 100%;
	}
	.banner01, .banner02 {
		height: 110px;
	}
}