@charset "utf-8";
/* @container (min-width: 1920px) { } */
/*aspect-ratio: 16 / 9.3; */
/*border:1px solid red;*/

	.spon_block {
		position:relative;
		background-color:#f2f8fb;
		margin:0;
		padding:min(60px, 7.89vw)  min(30px, 3.9vw)  min(30px, 3.9vw)  min(30px, 3.9vw);
		.spon_box {
			position:relative;
			width:100%;
			overflow:auto;
			/*overflow-y:hidden;*/	
			-ms-overflow-style: none;	/* 인터넷 익스플로러, 엣지 */				
			scrollbar-width: none;/* 3. Firefox용 */
			/* iOS에서 부드러운 관성 스크롤 적용 */
			-webkit-overflow-scrolling: touch;
			scroll-snap-type: x mandatory;

			&::-webkit-scrollbar {
			display: none; /* 크롬, 사파리, 오페라, 엣지(신버전) */
			}				
			.spon_slide {
			    display:block;
				white-space: nowrap;
				transition: transform 1s ease;
				width:auto;
				li {
					display:inline-flex;
					flex-wrap: wrap;
					justify-content: space-between; /* 좌우 끝으로 밀착 배치 */	
					vertical-align:top;
					margin:0;
					padding:0;
					width:calc(100% - 2px); height:auto;
					white-space: normal;
					/*border:1px solid red;*/
					.spon_item {
						display:flex;
						align-items: center;
						justify-content: center;
						width:min(330px, 43.42vw); height:auto;
						aspect-ratio: 330 / 170;
						border:1px solid #cccccc;
						background-color:#ffffff;
						margin:min(15px, 2vw) 0;
						border-radius:min(10px, 1.6vw);
						img { 
							display:inline-block;
							vertical-align:middle;
							width:auto; max-width:90%;
							height:auto; max-height:60%;
							margin:0;
							padding:0;
							background-color:#ffffff;
						}
					}
				}
			}
		}
		.spon_point {
			/*position:absolute;
			transform:translateX(-50%);*/
			display:block;
			width:auto;
			background-color:#f2f8fb;
			margin-top: min(20px, 2.6vw);
			li {
				display:inline-block;
				margin: min(25px, 3.28vw);
				width:min(30px, 4vw);
				height:min(30px, 4vw);
				border-radius:50%;
				font-size:0;
				cursor:pointer;
				&.on {
					background-color:#2794bb;
					color:#2794bb;
				}
				&.off {
					background-color:#e8e8e8;
					color:#e8e8e8;
				}
			}
		}
	}

	.partnership_box {
        text-align:left;
		margin:min(60px, 7.89vw) min(30px, 4vw);
		.partnership_title {
			color:#2794bb;
            font-size: 1.52rem;
            font-weight: 700;
		}
		.partnership_info {
			margin-top:min(60px, 7.89vw);
			.partnership_subject {
				font-size: 1.2rem;
				font-weight: 600;
			}
			input {
				margin-top:min(10px, 1.3vw);
				padding:0 min(30px, 4vw);
				border:1px solid #cccccc;
				border-radius:min(10px, 1.3vw);
				height:min(100px, 13.15vw);
				width:100%; /*calc(100% - min(30px, 4vw));*/
				&[type='email'] {
					width:calc(100% - min(65px, 8.55vw));
				}
			}
			textarea {
				margin-top:min(10px, 1.3vw);
				padding:min(10px, 1.3vw) min(30px, 4vw);
				border:1px solid #cccccc;
				height:min(400px, 52.63vw);
				line-height:1.8em;
				border-radius:min(10px, 1.3vw);
				width:calc(100% - min(65px, 8.55vw));
				color: #004080;
				font-family: 'Noto Sans KR','NanumGothic', '나눔고딕';
				font-size: 16px;
			}
		}

		.send_btn {
            text-align: center;

            margin: min(60px, 7.89vw) min(30px, 4vw) min(110px, 14.47vw) min(30px, 4vw);

            height: min(100px, 13.15vw);
            line-height: min(100px, 13.15vw);
            font-size: 1.4rem;
            font-weight: 500;
            border-radius: 2vw;
            &.on {
                color: #ffffff;
                background-color: #2794bb;
            }
			&.off {
                color: #9a9a9a;
                background-color: #e2e2e2;
            }
        }
	}

	.terms_box {
		position:relative;
		text-align:left;
		color:#ffffff;
		background-color:#899295;
		font-weight:700;
		padding: min(30px, 4vw);
		.con_box {
			.shot { 
				display:inline-block;
				width:30%;
			}
			.long {
				display:inline-block;
				width:100%;				
			}
			.sns {
				float:right;
				img {
					width:min(60px, 8vw);
				}
				a + a {  margin-left:min(20px, 2.6vw);/* border:1px solid red;*/}
			}
			a { color:#ffffff; }

		}
		.cycle {
			position:absolute;
			display:inline-block;
			/*border:1px solid red;*/
			cursor:pointer;
			text-align:center;
			top:max(-50px, -6.57vw);
			right:min(30px, 4vw);
			width:min(75px, 10vw);
			height:min(75px, 10vw); line-height:min(75px, 10vw);
			border-radius:50%;
			background-color:#ffffff;
			box-shadow:1px 1px 14px #888888;
			img {
				width:50%; height:auto;
			}
		}
		.ceo_box {
			margin-top: min(60px, 8vw);
			color:#dfe1e2;
			font-weight:100;
			li {
				display:block;
				&.right {
					margin-top:min(20px, 2.6vw);
				}
			}
		}

	}