/* main-quick-btn */
	.main-quick-btn{
		display: flex;
		gap: 20px;
	}
	.main-quick-btn > li{
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.quick-btn-box {
		
	}

	.quick-btn-box a{
		color: #fff;
	}

	.quick-btn-box > a{
		color: #fff;
		width: 100%;
		height: 285px;
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
		padding: 20px;
		transition: all 0.5s;
	}
	.quick-btn-box  h5{
		font-weight: 700;
	}
	.quick-btn-cover{
		padding: 20px;
		opacity: 0;
		transition: all 0.5s;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		background-color: #0c2b64d6;
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: start;
		justify-content: end;
	} 
	p.angle_arrow > img{
		vertical-align: baseline;
    	margin-left: 8px;
	}
	.quick-btn-box > a > h5, .quick-btn-box > a > div:nth-child(1) > img{
		transition: all 0.5s;
	}
	.quick-btn-box > a:hover > h5, .quick-btn-box > a:hover > div:nth-child(1) img{
		opacity: 0;
	}
	.quick-btn-box > a:hover .quick-btn-cover {
		opacity: 1;
		right: 0;
	}

	.quick-btn-box:nth-child(1) > a:nth-child(1) {
		background: url(../img/main/main-quick-box1.png) center/cover no-repeat;
	}
	.quick-btn-box:nth-child(1) > a:nth-child(2) {
		background: url(../img/main/main-quick-box4.png) center/cover no-repeat;
	}
	.quick-btn-box:nth-child(2) > a:nth-child(1) {
		background: url(../img/main/main-quick-box2.png) center/cover no-repeat;
	}
	.quick-btn-box:nth-child(2) > a:nth-child(2) {
		background: url(../img/main/main-quick-box5.png) center/cover no-repeat;
	}
	.quick-btn-box:nth-child(3) > a:nth-child(1) {
		background: url(../img/main/main-quick-box3.png) center/cover no-repeat;
	}
	.quick-btn-box:nth-child(3) > a:nth-child(2) {
		background: url(../img/main/main-quick-box6.png) center/cover no-repeat;
	}

	.quick-btn-box-tit{
		font-weight: 700;
		text-align: center;
	}
	.quick-btn-box-sub{
		color: #838383;
		white-space: pre-line;
		font-weight: 400;
	}

	.main-quick-btn > li.quick-banner{
		position: relative;
	}
	.quick-banner {
		font-weight: 700;
		text-align: center;
		color: #fff;
		background: #0c2b64;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.quick-banner > span:last-child{
		font-weight: 400;
	}
	.cnt-num{
		display: flex;
    	gap: 8px;
    	align-items: end;
	}
	.cnt-num > span:last-child {
		margin-bottom: 7px;
	}

	@media (max-width:1200px){
        #wrapper {
            margin-top: 74px;
        }
		.quick-btn-box > div{
			width: 100%;
		}
		.main-quick-btn {
			flex-direction: column;
		}
		.main-quick-btn > li:not(:last-child) {
			flex-direction: row;
			justify-content: center;
		}
		.quick-banner{
			padding: 80px 0;
		}
	}

	@media(max-width:769px) {
		.quick-btn-box-sub{
			font-size: 14px;
		}
		.main-quick-btn{
			gap: 6px;
		}
		.main-quick-btn > li{
			gap: 8px;
		}
	}

	/* main-banner */
	.main-banner-section{
		overflow: hidden;
		position: relative;
		padding-bottom: 170px;
		padding-top: 170px;
		color: #fff;

		display: flex;
		align-items: center;
	}
	.main-banner-section > .img{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transition: all 10s;

		background: url(../img/main/main-bg-01.png) center/cover no-repeat;
	}
	.main-banner-section > .bg-deco{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 50%;
		bottom: 0;
		background-color: #01184e;
		transition: all 10s;
	}
	.main-banner-section.active > .img{
		transform: scale(1.2);
	}

	.main-banner-con{
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
	.main-banner-con img{
		max-width: 238px;
	}

	.ask-btn-box{
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 20px;
	}
	.ask-btn-box a{
		text-align: center;
		color: #fff;
 		border: 2px solid #fff;
		padding: 20px 70px;
		font-weight: 500;
		font-size: 24px;

		transition: color 0.5s;
	}
	.ask-btn-box a:hover{
		border: 2px solid #ffdc37;
		color: #ffdc37;
	}

	
	/* main-banner */
	.main-banner-section{
		overflow: hidden;
		position: relative;
		padding-bottom: 170px;
		padding-top: 170px;
		color: #fff;

		display: flex;
		align-items: center;
	}
	.main-banner-section > .img{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transition: all 10s;

		background: url(../img/main/main-bg-01.png) center/cover no-repeat;
	}
	.main-banner-section > .bg-deco{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 50%;
		bottom: 0;
		background-color: #01184e;
		transition: all 10s;
	}
	.main-banner-section.active > .img{
		transform: scale(1.2);
	}

	@media(max-width:769px) {
		.main-banner-con{
			padding-bottom: 180px;
		}
		.ask-btn-box a {
			width: 300px;
		}

		.main-banner-section{
			padding-bottom: 80px;
			padding-top: 80px;
		}
		.main-banner-section div{
			align-items: center;
			justify-content: center;
		}
		.ask-btn-box {
			margin-top: 0px;
			padding-bottom: 40px;
		}
		.main-banner-section > .bg-deco{
			top: 0;
			left: 0;
			right: 0;
			bottom: 42%;
		}
	}

	/* main-special-section */
	.main-special-section {
		overflow: hidden;
	}
	.main-special-section > .flex > a{
		padding: 20px;	
	}

	.main-special-section .special-tit-box{
		position: relative;
		border-top: 10px solid #0c2b64;
		display: flex;
		flex-direction: column;
		padding-top: 60px;
		gap: 4px;
	}
	.special-tit-box .img{
		position: absolute;
		position: absolute;
    	transform: translate(50%, 50%);
    	right: 0;
    	bottom: 0;
		z-index: -1;
	}

	.content-slide .swiper-pagination-bullet{
		transition: background 0.5s;
		width: 15px;
		height: 15px;
	}

	.content-slide .swiper-pagination-bullet-active{
		background: #ffdc37;
	}

	/* 리뷰 */
	.main-area13 {
			background-color: #fff;
		}
		.review_sub{
			display: flex;
			flex-direction: column;
			padding-top: 16px;
			padding-bottom: 30px;
		}
		.review_sub > span:nth-child(1) {
			color: #29aae1;
			font-weight: bold;
			font-size: 18px;
		}
		.review_sub > span:nth-child(2) {
			margin-top: 8px;
			font-size: 24px;
			font-weight: bold;
		}
		.review_sub > span:nth-child(3) {
			margin-top: 4px;
			font-size: 16px;
		}
		.special-slide-wrap {
		display: flex;
		max-width: 100vw;
		margin: 0 auto;
		}
		.special-slide-wrap > li:first-child {
		display: flex;
		justify-content: flex-end;
		margin: 40px 80px 0 0;
		width: 30%;
		}
		.special-slide-wrap > li:first-child > div {
		display: flex;
		flex-direction: column;
		}
		.special-slide-wrap > li:last-child {
		position: relative;
		width: 70%;
		}
		.special-slide-wrap .special-slide {
		position: relative;
		}
		.special-slide-wrap .special-slide .swiper-slide {
		display: flex;
		justify-content: center;
		flex-direction: column;
       	align-items: start;
		}
		.special-slide-wrap .special-slide .img {
		display: inline-block;
		overflow: hidden;
		border-radius: 15px;
		}
		.special-slide-wrap .special-slide .img img {
		width: 100%;
		transition: transform 1.5s ease-in-out;
		}
		.special-slide-wrap .special-slide .txt {
		padding: 10px 15px;
		}
		.special-slide-wrap .special-slide .txt .tit {
		white-space: pre-line;
		line-height: 1.4;
		font-weight: 600;
		}
		.special-slide-wrap .special-slide .txt .tit span {
		font-weight: 900;
		font-size: 1.4em;
		}
		.special-slide-wrap .swiper-scrollbar {
		position: static !important;
		margin-top: 10px !important;
		width: 98% !important;
		height: 7px !important;
		}
		
		.special-slide-wrap .slide_btn .special-slide-prev {
		display: inline-block;
		width: 60px;
		height: 60px;
		border: 1px solid #ddd;
		background: url(../img/main_prev.png) center no-repeat;
		cursor: pointer;
		}
		.special-slide-wrap .slide_btn .special-slide-next {
		display: inline-block;
		width: 60px;
		height: 60px;
		border: 1px solid #ddd;
		background: url(../img/main_next.png) center no-repeat;
		cursor: pointer;
		}
		.special-slide-wrap .slide_btn .special-slide-prev.swiper-button-disabled {
		background: url(../img/main_prev_off.png) center no-repeat;
		cursor: pointer;
		}
		.special-slide-wrap .slide_btn .special-slide-next.swiper-button-disabled {
		background: url(../img/main_next_off.png) center no-repeat;
		cursor: pointer;
		}


		.review .swiper-btn{
			display: flex;
			gap: 8px;
			margin-top: 380px;
		}
		.review .swiper-btn > div{
			color: #fff;
			border-radius: 999px;
			background-color: #000;
			position: static;
			width: 62px;
			height: 62px;
		}
		.review .swiper-scrollbar-drag{
			background: #235ec2;
		}

		/* 1200 */
		@media (max-width:1200px) {
		.special-slide-wrap > li:first-child {
		margin: 40px 45px 0 10px;
		width: 30%;
		}
		.special-slide-wrap > li:last-child {
		width: 70%;
		}
		}
		/* 900 */
		@media (max-width:900px) {
		.special-slide-wrap {
		flex-direction: column;
		}
		.special-slide-wrap > li {
		width: 100% !important;
		margin: 0 !important;
		}
		.special-slide-wrap > li:first-child > div {
		width: 100%;
		padding: 20px;
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
		}
		.special-slide-wrap .special-slide {
		padding: 0 10px;
		}
		.special-slide-wrap .special-slide .txt {
		padding: 10px 0;
		}
		.special-slide-wrap .slide_btn {
		margin-top: 0;
		}
		}

		/* 425 */
		@media (max-width:425px) {
			.special-slide-wrap > li:first-child > div {
				padding: 10px;
			}
		}

		/* main-banner2 */
	.main-banner-section2{
		overflow: hidden;
		position: relative;
		padding-bottom: 170px;
		padding-top: 170px;
		color: #fff;

		display: flex;
		align-items: center;
	}
	.main-banner-section2 > .img{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transition: all 10s;

		background: url(../img/main/main-bg-02.png) center/cover no-repeat;
	}
	.main-banner-section2.active > .img{
		transform: scale(1.2);
	}

	.main-banner-section2 .main-banner-con{
		vertical-align: baseline;
	}

	.main-banner-section2 .main-banner-con{
		position: relative;
		transform: translateX(50%);
		color: #fff;
		padding: 30px;
		background-color: #01184e;
	}
	.main-banner-section2 .main-banner-con > .deco-img{
		position: absolute;
    	left: 48px;
    	bottom: -46px;
    	width: 56px;
    	height: 46px;
	}

	@media(max-width:769px) {
		.main-banner-section2{
			padding-bottom: 80px;
			padding-top: 80px;
		}

		.main-banner-section2 .main-banner-con{
			transform: translateX(0);
		}
	}