@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2022-08-08
******************************************************** */
.ms-preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    background-color: #000;
}
/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1281px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

/* ******************  메인 인트로 ********************** */
/* #mainIntroCover{position: absolute; left: 0; top: 0; width: 100%; height: 100vh; z-index: 9999; overflow: hidden;}
.main-intro-top-cover {width: 100%; height: 100vh;}
.main-intro-top-cover .punch-svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; min-width: 1920px; min-height: 1080px; z-index: 10;}
.main-intro-top-cover .punch-svg .symbol-group {height: 100%; animation:introAni ease-in-out both 1.5s; animation-delay:0.8s;  
-webkit-transform-origin: 50% 42%; transform-origin: 50% 42%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.main-intro-top-cover .punch-svg path {fill: #fff;}
.main-intro-top-cover .punch-svg.m-svg {display:none;}
.main-intro-top-cover .punch-svg .cls-1 { animation:opacityAni ease-in-out both 1s; animation-delay:0.5s;  }
@keyframes introAni {
	0% {
		transform: scale(1);
		opacity:1;
	}
	70% {
		transform: scale(15);
	}
	100% {
		transform: scale(20);
		opacity:0;
	}
}
@keyframes opacityAni {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
} */



/* ******************  메인 비주얼 ********************** */
#mainVisual{/* overflow:hidden; */ width:100%; height:100vh; position:relative; background-color:#000; transition:var(--transition-custom2);}

.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	transform: scale(1.08,1.08);
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.active-item .main-visual-img{animation: image-zoom-out 8s 1s forwards;}
.active .main-visual-item.active-item .main-visual-img{animation-delay:0s}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
	z-index:1;
}
.main-visual-txt-box{
	display:flex;
	align-items:center;
	height:100%;
	justify-content: flex-start;
	text-align:left;
}

.main-visual-txt-box .main-visual-txt-inner{overflow:hidden;}
.main-visual-txt-box .main-visual-txt1{margin-bottom:5.7rem;}
.main-visual-txt-box .main-visual-txt2{opacity:0; font-size:6rem; line-height:1.5; /* color:#fff; */ font-weight:700; letter-spacing:-0.065em; overflow:hidden; margin-bottom:0.6rem;}
.main-visual-txt-box .main-visual-txt2 b{color:var(--main-color)}
.main-visual-txt-box .main-visual-txt3{font-size:2.2rem; line-height:1.3; letter-spacing:-0.065em; /* color:#fff; */ overflow:hidden;}

.active-item .main-visual-txt1{animation-delay:0.1s;}
.active-item .main-visual-txt2{animation-delay:0.5s; animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.active-item .main-visual-txt3{animation-delay:0.5s;}
.active-item .main-visual-more-btn{animation-delay:0.8s;}
.main-visual-txt-box .cm-word-split-JS.splitting .char{opacity:0;}
.active-item .main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
/* pc 텍스트 */
/* .main-visual-txt-box .main-visual-txt2.pc-txt,
.main-visual-txt-box .main-visual-txt3.pc-txt{display: block;}
.main-visual-txt-box .main-visual-txt2.m-txt,
.main-visual-txt-box .main-visual-txt3.m-txt{display: none;} */

/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: Dots */
.main-visual-con .slick-dots-wrapper{position:absolute; left:0%; top:50%; width:100%; text-align:right; z-index:11; transform:translateY(-50%); margin-top:14rem;}
.main-visual-con .slick-dots{position: relative; width:15rem; height:4px; background-color: rgba(255,255,255,0.3); display: block; border-radius:4px;}
.main-visual-con .slick-dots li button{position: absolute; top: 0; left: 0; margin:0px; padding:0px; background:none; vertical-align:top; font-size:0; box-sizing:border-box;}
.main-visual-con .slick-dots li button{position:absolute; content:""; width:0; height:100%; background-color:#fff; top:0; left:0; border-radius:4px;}
.main-visual-con:not(.start-progress) .slick-dots li.slick-active button{animation:dotLoading 6.4s linear both;}
.main-visual-con.start-progress .slick-dots li.slick-active button{animation:dotLoading 6.9s linear both;}

@keyframes dotLoading{	
	from{width:0px;}
	to{width:100%;}
}

/* 메인 비주얼 :: 화살표 */
#mainVisual .main-visual-arrow{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9; height:6.7rem;}
#mainVisual .slick-arrow{position: absolute; border:0; cursor:pointer; z-index:9; font-size:4.8rem; color:#fff;}
#mainVisual .slick-arrow.slick-prev{left:-140px;}
#mainVisual .slick-arrow.slick-next{right:-140px;}


.main-visual-btn{overflow:hidden; margin-top:3rem;}
/* **** BUTTON STYLE 06 **** */
.cm-button-style06 {border: 2px solid #fff; display: block; width: 20rem; font-size: 1.6rem; font-weight: 400; padding: 1.5rem 2rem; color: #fff; transition: ease-in 0.3s; box-sizing:border-box; opacity:0; transform:translateY(110%); transition:all 1.5s 1s cubic-bezier(0.4, 0, 0.2, 1);}
.cm-button-style06 span{float: left;}
.cm-button-style06 i{float: right;}
.cm-button-style06 .arrow {margin-left: 1rem; position: relative; top: 0px; left: 0;}
@media all and (min-width:801px){
	.cm-button-style06:hover .arrow {animation: move 0.9s ease-in-out; animation-iteration-count: 1;}
}
@keyframes move {
  0% {
    left: 0%;
  }
  50% {
    left: 7%;
  }
  100% {
    left: 0%;
  }
}

.active-item .cm-button-style06{transform:translateY(0); opacity:1;}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{margin-bottom:55px; letter-spacing:-0.75px; text-align:center;}
.main-tit-box .main-tit{color:#040404; font-size:40px; font-weight:300; }
.main-tit-box .main-tit strong{font-weight:600;}
.main-tit-box .main-sub-tit{display:block; margin-top:15px; color:#aaa; font-size:15px; letter-spacing:-0.75px; font-weight:300; line-height:1.5; }
.main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:var(--transition-custom2);
	transition-property:opacity, transform;
}
 /* animation일때 */ 
/* .aos-animate .main-tit-box .main-tit.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
} */
 /* transition일때 */ 
.active-section .main-tit.splitting .char,
.animated .main-tit.splitting .char{
	opacity:1.0;
	transform:translateY(0);
}



/* -------- 메인 컨텐츠 :: 컨텐츠1(뉴스) -------- */
#mainContent1{position: relative; margin-top: 0;  z-index:9; transition:var(--transition-custom2); opacity:0; transition-delay:0.5s;}
.active #mainContent1{ margin-top: -9.5rem; opacity:1;}
/* 게시판뉴스 */
.main-news-tit-box {width: 100%; height: 18rem; margin-bottom: 4rem; /* box-shadow: 6px 6px 30px rgba(0,0,0,0.1); */}
.main-news-tit-box a {display: flex; align-items: center; width: 100%; height: 100%;padding: 0 2.8rem; box-sizing: border-box;}
.main-news-tit-box.tit01 {background: url('/images/main/main_con01_bg01.jpg') no-repeat center /cover;}
.main-news-tit-box.tit02 {background: url('/images/main/main_con01_bg02.jpg') no-repeat center /cover;}
.main-news-tit-box.tit03 {background: url('/images/main/main_con01_bg03.jpg') no-repeat center /cover;}
.main-news-tit-box.tit01 a {padding: 0;}
.main-news-tit-box.tit01 .tit-box {width: 54.5%; padding: 0 2.8rem; box-sizing: border-box;}
.main-news-tit-box.tit01 .tit-box .month {display: flex; align-items: end; justify-content: space-between; font-size: 4rem; letter-spacing: -0.02rem; line-height: 1; font-weight: 700; color: #444444;}
.main-news-tit-box.tit01 .tit-box .month span {font-size: 1.6rem; color: rgba(68,68,68,0.5); font-weight: 500; letter-spacing: -0.06em; line-height: 1; text-align: right;}
.main-news-tit-box.tit01 .tit-box .txt {font-size: 1.8rem; letter-spacing: -0.02; font-weight: 700; line-height: 1.2; color: #3b4250; padding-top: 3rem;}
.main-news-tit-box.tit01 .tit-box .txt b {color: var(--main-color);}
.main-news-tit-box .tit {width: 70%; font-size: 3.2rem; font-weight: 700; letter-spacing: -0.020em; line-height: 1.375; color: #fff;}
.main-news-tit-box .tit .icon {width: 30%; text-align: center;}
.main-news-tit-box .tit .icon img {max-width: 100%;}

#mainContent1 .main-board-con .main-news-board-item a {display: flex; padding: 1.2rem 0; border-bottom: 1px solid #dfdfdf; transition: all 0.3s;}
#mainContent1 .main-board-con .main-news-board-item .tit {width: 75%; font-size: 1.7rem; line-height: 1.765; letter-spacing: -0.065em; font-weight: 400; color: #222222; padding-right: 2rem; 
	box-sizing: border-box; overflow:hidden;display:block;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 6rem;}
#mainContent1 .main-board-con .main-news-board-item .date {width: 25%; font-size: 1.6rem; line-height: 1.75; letter-spacing: -0.025em; font-weight: 400; color: #9d9d9d; text-align: right; }

.main-con-wrap{display: flex; justify-content:space-between; margin-bottom:4rem;}
/* ************ 갤러리뉴스 ************ */
.main-notice-item{width:100%;}
.main-notice-con a{position: relative; display: flex; align-items:center;background:#f6f6f6;}
.main-notice-con a .img-box{width:42.61%; overflow:hidden;}
.main-notice-con a .img-box span{display: block; position: relative; width:100%; height:0; padding-top:68.6%;}
.main-notice-con a .img-box img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; max-width:100%; height:100%; width:100%; transition:all 0.3s}
.main-notice-con a:hover .img-box img{transform:scale(1.1);}
.main-notice-con a .txt-box{width:57.39%; padding:0 7.7rem; box-sizing:border-box;}
.main-notice-con a .txt-box .date{font-size:1.3rem; line-height:2; letter-spacing:-0.05em; color:#9d9d9d; margin-bottom:1.2rem;}
.main-notice-con a .txt-box .tit{font-size:2.6rem; line-height:1.5; letter-spacing:-0.065em; color:#222; overflow: hidden; text-overflow: ellipsis; height:11.5rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main-notice-con a .txt-box .txt{font-size:1.6rem; line-height:1.75; letter-spacing:-0.065em; color:#222; overflow:hidden; word-break: keep-all; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:5.6rem;}
.main-notice-con a .icon{position: absolute; bottom:0; right:0; width:3.9rem; height:3.9rem; line-height:3.9rem; text-align:center; background:#2c62ca; font-size:1.3rem; color:#fff;}

.main-notice-con .slick-active a .txt-box .text-ani{animation: notice-text-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-notice-con a .txt-box .text-ani.date{animation-delay:0s;}
.main-notice-con a .txt-box .text-ani.tit{animation-delay:0.2s;}
.main-notice-con a .txt-box .text-ani.txt{animation-delay:0.4s;}

@keyframes notice-text-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateX(-15px); 
		transform: translateX(-15px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}
.main-notice-con .slick-dots{position: absolute; width:100%; display: flex; justify-content:center; margin-top:2rem;}
.main-notice-con .slick-dots li{margin:0 5px;}
.main-notice-con .slick-dots li button{display: block; width:8px; height:8px; border-radius:8px; background:#cbcbcb; font-size:0; text-indent:-9999px; transition:var(--transition-custom);}
.main-notice-con .slick-dots li.slick-active button{width:36px; background:var(--main-color);}

/* -------- 메인 컨텐츠 :: 컨텐츠2(자료 / 소개 /활동) -------- */
#mainContent2 .main-con-wrap:first-of-type {margin-bottom: 6rem;}
.cm-main-tit-box{display: flex; justify-content:space-between; align-items:center; margin-bottom:2.7rem;}
.cm-main-tit-box .main-tit{font-size:3.2rem; line-height:1.2; letter-spacing:-0.065em; color:#222; font-weight:700; }
.cm-main-tit-box .main-tit span {padding-right: 1rem;}
.cm-main-tit-box .main-tit span img{  vertical-align:top;  padding-top: 5px;  }
.cm-main-tit-box .main-tit b {color: var(--main-color);}
.cm-main-tit-box .main-tit b.en {font-size: 3.4rem;}
.cm-main-tit-box .main-more-btn{display: block; font-size:1.4rem; line-height:2; letter-spacing:-0.065em; color:#9d9d9d; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.cm-main-tit-box .main-more-btn:hover{color:#333}
.cm-main-tit-box .main-more-btn span{vertical-align:middle;}
.cm-main-tit-box .main-more-btn i{font-size:1.07em; vertical-align:middle;}
.intro-banner-box a {display: block; width: 100%; height: 100%;}
.intro-banner-box a img {width: 100%;}
#mainVideo {width: 100%;}

/* ************ 소개영상 ************ */
.main-intro-item{width:30%;}
/* 비디오 영역 Start */
.video-iframe-wrapper{position:relative; max-width:800px; margin:0px auto; overflow:hidden; cursor:pointer}
.video-iframe-box{position:relative; padding-top:64%; height:0; background-color:#000}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* .video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";} */
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%); width:7rem; height:7rem; border-radius:50%; border:3px solid #fff; background:rgba(0,0,0,0.5); text-align:center;
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.video-cover-box .icon i{font-size:4rem; color:#fff; line-height:7rem; text-indent:5px;}

/* ************ 공지사항 ************ */
.main-board-wrap{width:31.5%;}
.main-board-con{border-top:1px solid #222;}
.main-board-con .main-board-item a{display: block; border-bottom:1px solid #dfdfdf; padding:1.2rem 0 1.5rem; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.main-board-con .main-board-item a:hover{background:#f2f2f2; text-indent:30px;}
.main-board-con .main-board-item .tit{font-size:1.7rem; line-height:2; letter-spacing:-0.065em; color:#222; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height:3.2rem; margin-bottom:0.7rem;}
.main-board-con .main-board-item .date{font-size:1.4rem; line-height:1.3; letter-spacing:-0.025em; color:#9d9d9d}

/* -------- 메인 컨텐츠 :: 컨텐츠2(활동소식 변경) 2023-02-17 -------- */
.main-notice-slide{position: relative; overflow:hidden; padding-bottom:3rem; padding-right:25px; box-sizing:border-box; width: calc(100% + 25px);}
.main-notice-slide .slider-item{}
.main-notice-slide .slider-item a{display: block; position: relative; transition:var(--transition-custom); padding-bottom:2.5rem;}
.main-notice-slide .slider-item .img-box{width:100%;}
.main-notice-slide .slider-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:66.154%;}
.main-notice-slide .slider-item .img-box span img{position: absolute; width:100%; height:100%; top:0; left:0; bottom:0; right:0; margin:auto; max-width:100%; max-width:100%;}
.main-notice-slide .slider-item .txt-box{position: relative; margin-top:3rem; transition:var(--transition-custom);}
.main-notice-slide .slider-item .txt-box .tit{font-size:1.6rem; line-height:1.75; letter-spacing:-0.065em; color:#222; font-weight:500; height:5.6rem; margin-bottom:0.5rem; }
.main-notice-slide .slider-item .txt-box .view {position: relative;display: inline-block; font-size:1.4rem; line-height:2; letter-spacing:-0.025em; color:#9d9d9d; padding-right: 1.5rem;}
.main-notice-slide .slider-item .txt-box .view::before {position: absolute; content: '.'; color: #9d9d9d; top: -0.5rem; right: 0.5rem;}
.main-notice-slide .slider-item .txt-box .date{font-size:1.4rem; line-height:2; letter-spacing:-0.025em; color:#9d9d9d;}
.main-notice-slide .slider-item .category{position: absolute; top:0; left:2rem; display: block; width:3rem; height:5rem; font-size:1.6rem; line-height:1.75; letter-spacing:-0.065em; color:#fff; background:#e60020; text-align:center; padding-top:1.8rem; box-sizing:border-box;}

.main-notice-slide .slider-item a:hover{box-shadow: 13px 13px 17.22px 3.78px rgba(0, 0, 0, 0.1);}
.main-notice-slide .slider-item a:hover .txt-box{padding-left:2rem; width:calc(100% - 2rem);}

.main-notice-slide .swiper-scrollbar{background:#f1f1f1;}
.main-notice-slide.swiper-container-horizontal > .swiper-scrollbar{bottom:1.6rem; left:0; width:calc(100% - 18rem); height:2px;}
.main-notice-slide .swiper-scrollbar-drag{background:var(--main-color);}

.swiper-button-prev, .swiper-button-next{position: absolute; bottom:1.6rem; transform:translateY(50%); z-index:10; cursor:pointer; font-size:3.2rem; color:#000; right:25px;}
.swiper-button-prev{margin-right:9.5rem;}
.swiper-button-prev:before{position: absolute; content:''; width:1px; height:1.5rem; background:#000; top:0; right:-5rem; top:0.8rem; right:-3.1rem;}

@media all and (max-width:1280px){
	.main-notice-slide{padding-right:15px; width: calc(100% + 15px);}
}
@media all and (max-width:800px){
	.main-notice-item.new{margin-bottom:0;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠3(공지사항 / 언론 / 원고 / 연구소) -------- */
/* ************ 소상공인 채널 ************ */
#mainContent3 .main-notice-slide {padding-bottom: 0;}
.main-channel-item{width:30%;}
.channel-list-wrap{position: relative;}
.channel-list-wrap:before{position: absolute; content:''; bottom:0; left:0; width:100%; height:5.9rem; border:1px solid #e8e8e8; border-top:0; box-sizing:border-box;}
.channel-list-wrap .list-item{position: relative;}
.channel-list-wrap .list-item .img-box{position: relative; width:100%; height:0; padding-top:50%;}
.channel-list-wrap .list-item .img-box img{position: absolute; top:0; left:0; max-width:100%; max-height:100%; height:100%;}
.channel-list-wrap .list-item .tit-box{ text-align:center; height:5.6rem; line-height:5.6rem;}
.channel-list-wrap .list-item .tit-box .tit{font-size:1.4rem; letter-spacing:-0.065em; color:#222; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height:5.6rem;}

.channel-list-wrap .slick-dots{position: absolute; width:100%; display: flex; justify-content:center; margin-top:2rem;}
.channel-list-wrap .slick-dots li{margin:0 5px;}
.channel-list-wrap .slick-dots li button{display: block; width:8px; height:8px; border-radius:8px; background:#cbcbcb; font-size:0; text-indent:-9999px; transition:var(--transition-custom);}
.channel-list-wrap .slick-dots li.slick-active button{width:36px; background:var(--main-color);}

/* -------- 메인 컨텐츠 :: 컨텐츠4(구독신청) -------- */
.main-newsletter-con {width: 100%; height: 36rem; background: url('/images/main/main_newsletter_bg.jpg')no-repeat center/cover; padding: 5rem 10rem; box-sizing: border-box; margin-bottom: 10rem;}
.main-newsletter-con h4 {font-size: 3.2rem; font-weight: 700; color: #fff; letter-spacing: -0.020em; line-height: 1.375;}
.main-newsletter-con h4 b {color: var(--main-color);}
.main-newsletter-con h4 br{display: none;}
.main-newsletter-con .newsletter-form-wrapper {display: flex; align-items: end; justify-content: space-between; padding-top: 6.5rem;}
.newsletter-form-wrapper .form-list-input {width: 70%; text-align: left;}
.newsletter-form-wrapper .form-list-input li { background-color: #fff; padding: 0px 2rem; border-radius: 1rem; max-width: 56rem; margin-bottom: 2rem; box-sizing: border-box;}
.newsletter-form-wrapper .form-list-input li:last-child {margin-bottom: 0;}
.newsletter-form-wrapper .form-list-input li i {font-size: 2.4rem; color: var(--main-color); vertical-align: middle; width: 4.5rem;}
.newsletter-form-wrapper .form-list-input li .newsletter-input {height: 5.6rem; line-height: 5.6rem; width: 80%;  background: none; border: 0; color: #000; font-size: 1.7rem;}
.newsletter-form-wrapper .form-list-input li  i + .newsletter-input { width: calc(100% - 7rem);}
.newsletter-form-wrapper .form-list-input li .newsletter-input::placeholder {opacity: 0.5;}

.newsletter-form-wrapper .agree-con {width: 30%; text-align: right;}
.newsletter-form-wrapper .agree-check-box {margin-bottom: 1.5rem; }
.newsletter-form-wrapper .agree-check-box input {display: none;}
.newsletter-form-wrapper .agree-check-box label {display: inline-block;vertical-align: middle;color: #fff;font-size: 1.7rem; letter-spacing: -0.02em; font-weight: 500;}
.newsletter-form-wrapper .agree-check-box label i {display: inline-block; vertical-align: middle;font-size: 2rem; position: relative; top: -3px; color: #fff; margin-right: 5px;}
.newsletter-form-wrapper .agree-check-box label a {color: #fff;}
.newsletter-form-wrapper .agree-check-box input[type="checkbox"]:checked + label i{color: var(--main-color);}
.newsletter-form-wrapper .submit-btn {width: 26rem; height: 5.6rem; line-height: 5.6rem; background-color: var(--main-color); color: #fff; font-size: 1.7rem; font-weight: 700; letter-spacing: -0.020em; text-align: center;}