@charset "utf-8";

.mcont {position:relative; max-width:1200px; margin:0 auto}

@media screen and (max-width:1220px){
	.mcont {max-width:94%}
}


@keyframes fade-in-up02 {
  from { transform: translateY(20px); opacity:0; }
  to   { transform: translateY(0);    opacity:1; }
}

@keyframes fade-out-down02 {
  from { transform: translateY(0);    opacity:1; }
  to   { transform: translateY(20px); opacity:0; }
}

@keyframes fade-in-right02 {
  from { transform: translateX(-100%); opacity:0; }
  to   { transform: translateX(0);    opacity:1; }
}

@keyframes fade-out-left02 {
  from { transform: translateX(0);    opacity:1; }
  to   { transform: translateX(-100%); opacity:0; }
}

@keyframes in-from-right {
  from { transform: translateX(100%); opacity: 0; }
  to   { transform: translateX(0);    opacity: 1; }
}

@keyframes out-to-right {
  from { transform: translateX(0);    opacity: 1; }
  to   { transform: translateX(100%); opacity: 0; }
}


/* --------------------------------------------------섹션01-------------------------------------------------- */
.msec01 {background:url(/new_share/img/main/bg01.jpg) no-repeat 50% 50%; background-size:cover}
.msec01 .mcont {height:860px; display:flex; align-items:center; justify-content:center;}

.msec01 .c_txtBox {position:relative;}


.msec01:not(.active) .c_txtBox .big_tltBox {animation: fade-out-down02 .3s ease-out both; animation-delay:0.3s;}
.msec01 .c_txtBox .big_tltBox .tlt01 {font-size:57px; line-height:1.2em}
.msec01 .c_txtBox .big_tltBox .tlt02 {font-size:70px; line-height:1.2em}
.msec01 .c_txtBox .big_tltBox .tlt03 {font-size:70px; line-height:1.1em}
.msec01 .c_txtBox .big_tltBox .tlt04 {font-size:40px; line-height:1.2em}

.msec01:not(.active) .c_txtBox .reriodBox {animation: fade-out-down02 .3s ease-out both; animation-delay:0.3s;}
.msec01 .c_txtBox .reriodBox {margin-top:60px}
.msec01 .c_txtBox .reriodBox span {display:inline-block; vertical-align:top;}
.msec01 .c_txtBox .reriodBox .data {font-size:47px; line-height:1.2em}
.msec01 .c_txtBox .reriodBox .day {font-size:20px; line-height:1.2em; margin-top:2px}
.msec01 .c_txtBox .reriodBox .tlt {font-size:31px; line-height:1.2em; letter-spacing:-0.075em}

.msec01:not(.active) .c_txtBox .hostBox {animation: fade-out-down02 .3s ease-out both; animation-delay:0.3s;}
.msec01 .c_txtBox .hostBox {margin-top:70px;}
.msec01 .c_txtBox .host_listUlBox {margin-bottom:15px}
.msec01 .c_txtBox .host_listUlBox:last-child {margin-bottom:0}
.msec01 .c_txtBox .host_listUlBox .tlt {display:inline-block; vertical-align:middle; font-size:14px; margin-right:10px; color:#58585a;}
.msec01 .c_txtBox .hostBox .host_listUl {display:inline-block; vertical-align:middle}
.msec01 .c_txtBox .hostBox .host_listUl li {display:inline-block; vertical-align:middle; margin-right:20px;}
.msec01 .c_txtBox .hostBox .host_listUl li:last-child {margin-right:0}


.msec01 .c_txtBox .host_listUlBox .two_host_list {display:inline-block; vertical-align:middle; margin-right:38px;}
.msec01 .c_txtBox .host_listUlBox .two_host_list:last-child {margin-right:0}

/*애니메이션*/
.msec01.active .c_txtBox .big_tltBox{animation: fade-in-up02 .3s ease-out both; animation-delay: 0.3s;}
.msec01.active .c_txtBox .reriodBox {animation: fade-in-up02 .3s ease-out both; animation-delay:0.5s}
.msec01.active .c_txtBox .hostBox {animation: fade-in-up02 .3s ease-out both; animation-delay:0.7s}


@media screen and (max-width:1024px){
	.msec01 .mcont {height:86vw;} 

	.msec01 .c_txtBox .big_tltBox .tlt01 {font-size:5.7vw;}
	.msec01 .c_txtBox .big_tltBox .tlt02 {font-size:7vw;}
	.msec01 .c_txtBox .big_tltBox .tlt03 {font-size:7vw;}
	.msec01 .c_txtBox .big_tltBox .tlt04 {font-size:4vw;}

	.msec01 .c_txtBox .reriodBox {margin-top:6vw}
	.msec01 .c_txtBox .reriodBox .data {font-size:4.7vw;}
	.msec01 .c_txtBox .reriodBox .day {font-size:2vw; margin-top:0.2vw}
	.msec01 .c_txtBox .reriodBox .tlt {font-size:3.1vw}

	.msec01 .c_txtBox .hostBox {margin-top:7vw;}
	.msec01 .c_txtBox .host_listUlBox {margin-bottom:1.5vw}
	.msec01 .c_txtBox .host_listUlBox .tlt {font-size:1.4vw; margin-right:1vw}
	.msec01 .c_txtBox .hostBox .host_listUl li {margin-right:2vw;}
	.msec01 .c_txtBox .hostBox .host_listUl01 img {height:2.8vw}
	.msec01 .c_txtBox .hostBox .host_listUl02 img {height:1.9vw}

	.msec01 .c_txtBox .host_listUlBox .two_host_list {margin-right:3.8vw;}
}

@media screen and (max-width:768px){
	.msec01 .mcont {height:110vw;} 

	.msec01 .c_txtBox .big_tltBox .tlt01 {font-size:6.1vw; line-height:1.3em}
	.msec01 .c_txtBox .big_tltBox .tlt02 {font-size:7.4vw; line-height:1.3em}
	.msec01 .c_txtBox .big_tltBox .tlt03 {font-size:7.4vw; line-height:1.3em}
	.msec01 .c_txtBox .big_tltBox .tlt04 {font-size:4.3vw; line-height:1.3em}

	.msec01 .c_txtBox .reriodBox {margin-top:7vw}
	.msec01 .c_txtBox .reriodBox .data {font-size:5.7vw;  line-height:1.3em}
	.msec01 .c_txtBox .reriodBox .day {font-size:3vw; margin-top:0.4vw; line-height:1.3em}
	.msec01 .c_txtBox .reriodBox .tlt {font-size:4.1vw; line-height:1.3em}

	.msec01 .c_txtBox .hostBox {margin-top:8vw;}
	.msec01 .c_txtBox .host_listUlBox {margin-bottom:2.5vw}
	.msec01 .c_txtBox .host_listUlBox .tlt {font-size:2.4vw; margin-right:2vw}
	.msec01 .c_txtBox .hostBox .host_listUl li {margin-right:3vw;}
	.msec01 .c_txtBox .hostBox .host_listUl01 img {height:3.8vw}
	.msec01 .c_txtBox .hostBox .host_listUl02 img {height:2.9vw}

	.msec01 .c_txtBox .host_listUlBox .two_host_list {margin-right:4.8vw;}
}


/* --------------------------------------------------섹션02-------------------------------------------------- */
.msec02 .mcont {padding:55px 0 60px;}
.msec02 .poster_txtBox {display:flex; align-items:center;}

.msec02:not(.active) .poster_txtBox .poster {animation: fade-out-left02 .3s ease-out both; animation-delay:0.3s;}
.msec02:not(.active) .poster_txtBox .info_txtBox {animation: out-to-right .3s ease-out both; animation-delay:0.3s;}
.msec02 .poster_txtBox .info_txtBox {opacity:0; width:57%; margin-left:auto;}
.msec02 .poster_txtBox .info_txtBox .info_list {display:flex; margin-bottom:10px}
.msec02 .poster_txtBox .info_txtBox .info_list:last-child {margin-bottom:0}
.msec02 .poster_txtBox .info_txtBox .info_list .tltBox {width:102px; height:30px; margin-right:20px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; background:#f3b91e; border-radius:50px; font-size:20px; font-weight:600; color:#fff; box-sizing:border-box;}
.msec02 .poster_txtBox .info_txtBox .info_list .tltBox span {display:block;}

.msec02 .poster_txtBox .info_txtBox .info_list .txtBox {width:80%;}
.msec02 .poster_txtBox .info_txtBox .info_list .txtBox {font-size:20px; color:#17371f; line-height:1.8em; margin-top:-5px}
.msec02 .poster_txtBox .info_txtBox .info_list .txtBox .tlt {font-size:32px; margin-bottom:5px}
.msec02 .poster_txtBox .info_txtBox .info_list .txtBox .txt {font-size:22px; line-height:1.3em; margin-bottom:20px}

.msec02 .poster_txtBox .info_txtBox .downBtn {margin-top:35px;}
.msec02 .poster_txtBox .info_txtBox .downBtn a {display:flex; align-items:center; width:270px; height:60px; background:#249054; padding:0 30px; border-radius:15px; transition:all 0.2s}
.msec02 .poster_txtBox .info_txtBox .downBtn a:hover {background:#265b34}
.msec02 .poster_txtBox .info_txtBox .downBtn .btn_tlt {font-size:22px; color:#fff; font-family:"GmarketSansMedium"; line-height:1.3em}
.msec02 .poster_txtBox .info_txtBox .downBtn .btn_icon {margin-left:auto;}


/**애니메이션*/
.msec02.active .poster_txtBox .poster {animation: fade-in-right02 .3s ease-out both; animation-delay: 0.3s;}
.msec02.active .poster_txtBox .info_txtBox {animation: in-from-right .3s ease-out both; animation-delay: 0.3s;}


@media screen and (max-width:1220px){
	.msec02 .poster_txtBox {display:block; text-align:center;}
	.msec02 .poster_txtBox .poster {margin:0 auto;} 
	.msec02 .poster_txtBox .info_txtBox {width:100%; margin-top:60px; text-align:left}
	
	.msec02 .poster_txtBox .info_txtBox .downBtn a {width:100%; display:block; line-height:60px; text-align:center}
	.msec02 .poster_txtBox .info_txtBox .downBtn .btn_icon {margin-left:20px}
}

@media screen and (max-width:1024px){
	.msec02 .mcont {padding:5.5vw 0 6vw;}

	.msec02 .poster_txtBox .poster img {max-width:100%}
	.msec02 .poster_txtBox .info_txtBox {margin-top:6vw;}
	.msec02 .poster_txtBox .info_txtBox .info_list {margin-bottom:1vw}
	.msec02 .poster_txtBox .info_txtBox .info_list .tltBox {width:10.2vw; height:3vw; margin-right:2vw; padding:0 1.4vw; border-radius:5vw; font-size:2vw;}

	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox {width:80%;}
	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox {font-size:2vw; margin-top:-0.5vw}
	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox .tlt {font-size:3.2vw; margin-bottom:0.5vw}
	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox .txt {font-size:2.2vw; margin-bottom:2vw}

	.msec02 .poster_txtBox .info_txtBox .downBtn {margin-top:3.5vw;}
	.msec02 .poster_txtBox .info_txtBox .downBtn a { height:6vw; line-height:6vw; padding:0 3vw; border-radius:1.5vw;}
	.msec02 .poster_txtBox .info_txtBox .downBtn .btn_tlt {font-size:2.2vw;}
	.msec02 .poster_txtBox .info_txtBox .downBtn .btn_icon img {height:2vw}
}

@media screen and (max-width:768px){
	.msec02 .mcont {padding:6.5vw 0 7vw;}

	.msec02 .poster_txtBox .info_txtBox {margin-top:7vw;}
	.msec02 .poster_txtBox .info_txtBox .info_list {margin-bottom:2vw}
	.msec02 .poster_txtBox .info_txtBox .info_list .tltBox {width:19vw; height:5vw; margin-right:3.5vw; padding:0 3vw; border-radius:6vw; font-size:2.9vw;}

	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox {width:70%;}
	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox {font-size:2.9vw; margin-top:-0.7vw}
	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox .tlt {font-size:4.2vw; margin-bottom:0.7vw}
	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox .txt {font-size:3.1vw; margin-bottom:3vw}

	.msec02 .poster_txtBox .info_txtBox .downBtn {margin-top:4.5vw;}
	.msec02 .poster_txtBox .info_txtBox .downBtn a {height:9vw; line-height:9vw; padding:0 4vw; border-radius:2.5vw;}
	.msec02 .poster_txtBox .info_txtBox .downBtn .btn_tlt {font-size:3.2vw;}
	.msec02 .poster_txtBox .info_txtBox .downBtn .btn_icon img {height:3vw}
}

@media screen and (max-width:480px){
	.msec02 .mcont {padding:7.5vw 0 8vw;}

	.msec02 .poster_txtBox .info_txtBox {margin-top:8vw;}
	.msec02 .poster_txtBox .info_txtBox .info_list {display:block; margin-bottom:3vw}
	.msec02 .poster_txtBox .info_txtBox .info_list .tltBox {width:29vw; height:7vw; margin-right:0; padding:0 4vw; border-radius:7vw; font-size:3.8vw;}

	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox {width:100%;}
	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox {font-size:3.8vw; margin-top:3vw}
	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox .tlt {font-size:5.2vw; margin-bottom:0.9vw}
	.msec02 .poster_txtBox .info_txtBox .info_list .txtBox .txt {font-size:4vw; margin-bottom:4vw}

	.msec02 .poster_txtBox .info_txtBox .downBtn {margin-top:5.5vw;}
	.msec02 .poster_txtBox .info_txtBox .downBtn a {height:12vw; line-height:12vw; padding:0 5vw; border-radius:3.5vw;}
	.msec02 .poster_txtBox .info_txtBox .downBtn .btn_tlt {font-size:4.2vw;}
	.msec02 .poster_txtBox .info_txtBox .downBtn .btn_icon img {height:4vw}
}


/* --------------------------------------------------섹션03-------------------------------------------------- */
.msec03 {background:url(/new_share/img/main/bg03.jpg) no-repeat 50% 50%; background-size:cover; overflow:hidden}
.msec03 .mcont {padding:135px 0}

.msec03 .light_iconBox {position:absolute; top:0; right:185px}
.msec03 .light_iconBox img {transform: translateY(-100%); transition:all 0.7s; transition-delay:0.3s}

.msec03 .top_tltBox {margin-bottom:65px}
.msec03 .top_tltBox .tlt {font-size:42px; line-height:1.3em}
.msec03 .top_tltBox .txt {font-size:22px; line-height:1.5em; margin-top:25px}

.msec03:not(.active) .sec03_listUl li {animation: fade-out-left02 .3s ease-out both; animation-delay:0.3s;}
.msec03 .sec03_listUl li {display:inline-block; vertical-align:top; width:32%; margin-right:1.5%; background:#fff; border-radius:20px; overflow:hidden}
.msec03 .sec03_listUl li:last-child {margin-right:0}
.msec03 .sec03_listUl .imgBox img {width:100%}
.msec03 .sec03_listUl .txtBox {min-height:190px; padding:40px 30px; text-align:left; box-sizing:border-box;}
.msec03 .sec03_listUl .txtBox .tlt {font-size:28px; color:#339b64; line-height:1.3em; font-weight:700}
.msec03 .sec03_listUl .txtBox .txt {font-size:20px; color:#1c4426; line-height:1.4em; margin-top:15px}

/*애니메이션*/
.msec03.active .sec03_listUl li {animation: fade-in-right02 .5s ease-out both;}
.msec03.active .sec03_listUl li:nth-child(1) {animation-delay: 0.3s;}
.msec03.active .sec03_listUl li:nth-child(2) {animation-delay: 0.4s;}
.msec03.active .sec03_listUl li:nth-child(3) {animation-delay: 0.5s;}

.msec03.active .light_iconBox img {transform: translateY(0);}
	

@media screen and (max-width:1220px){
	.msec03 .top_tltBox .tlt {font-size:38px;}
	.msec03 .top_tltBox .txt {font-size:19px;}

	.msec03 .sec03_listUl .txtBox .tlt {font-size:24px;}
	.msec03 .sec03_listUl .txtBox .txt {font-size:16px;}
	
}

@media screen and (max-width:1024px){
	.msec03 .mcont {padding:13.5vw 0}
	.msec03 .light_iconBox {right:18.5vw}
	.msec03 .light_iconBox img {height:26.2vw}

	.msec03 .top_tltBox {margin-bottom:6vw}
	.msec03 .top_tltBox .tlt {font-size:3.7vw;}
	.msec03 .top_tltBox .txt {font-size:1.9vw;}

	.msec03 .sec03_listUl li {border-radius:2vw}
	.msec03 .sec03_listUl .txtBox {min-height:19vw; padding:4vw 2vw;}
	.msec03 .sec03_listUl .txtBox .tlt {font-size:2.2vw;} 
	.msec03 .sec03_listUl .txtBox .txt {font-size:1.6vw; margin-top:1.5vw}
}

@media screen and (max-width:768px){
	.msec03 .mcont {padding:14.5vw 0 10vw}
	.msec03 .light_iconBox {right:16vw}
	.msec03 .light_iconBox img {height:28.2vw}

	.msec03 .top_tltBox {margin-bottom:6.5vw}
	.msec03 .top_tltBox .tlt {font-size:4.7vw;}
	.msec03 .top_tltBox .txt {font-size:2.65vw;}

	.msec03 .sec03_listUl {text-align:left !important;}
	.msec03 .sec03_listUl li {width:48.5%; margin:0 1.5% 2vw 0; border-radius:2vw}
	.msec03 .sec03_listUl li:nth-child(2n) {margin-right:0}
	.msec03 .sec03_listUl .txtBox {min-height:24vw; padding:4vw 3vw;}
	.msec03 .sec03_listUl .txtBox .tlt {font-size:3.23vw;} 
	.msec03 .sec03_listUl .txtBox .txt {font-size:2.5vw; margin-top:1.5vw}
}

@media screen and (max-width:480px){
	.msec03 .mcont {padding:15.5vw 0 11vw}
	.msec03 .light_iconBox {right:16vw}
	.msec03 .light_iconBox img {height:30.2vw}

	.msec03 .top_tltBox {margin-bottom:7vw}
	.msec03 .top_tltBox .tlt {font-size:5.6vw;}
	.msec03 .top_tltBox .txt {font-size:3.57vw;}

	.msec03 .sec03_listUl li, .msec03 .sec03_listUl li:nth-child(2n) {width:100%; margin:0 0 3vw 0; border-radius:3vw}
	.msec03 .sec03_listUl li:last-child {margin-bottom:0}
	.msec03 .sec03_listUl .txtBox {min-height:34vw; padding:5vw 4vw;}
	.msec03 .sec03_listUl .txtBox .tlt {font-size:4.7vw;} 
	.msec03 .sec03_listUl .txtBox .txt {font-size:3.5vw; margin-top:2.5vw}
}


/* --------------------------------------------------섹션04-------------------------------------------------- */
.msec04 {background:url(/new_share/img/main/bg04.jpg) no-repeat 50% 50%; background-size:cover; overflow:hidden}
.msec04 .mcont {padding:150px 0 120px}
.msec04 .light_iconBox img {transform: translateY(-100%); transition:all 0.7s; transition-delay:0.3s}

.msec04 .light_iconBox {position:absolute; top:-45px; left:100px}
.msec04 .top_tltBox {font-size:50px; line-height:1.3em; margin-bottom:55px}

.msec04 .sec04_listUl li {position:relative; display:inline-block; vertical-align:top; width:48.8%; height:290px; margin:0 2% 28px 0; padding:50px 45px; background:#fff; border-radius:20px; box-sizing:border-box; cursor:pointer; overflow:hidden; transition:all 0.3s}
.msec04 .sec04_listUl li:before {content:""; position:absolute; inset:0; background: linear-gradient(90deg, #2f9d57 0%, #86f06e 100%); opacity:0; transition: opacity 0.3s; z-index:0;}
.msec04 .sec04_listUl li:hover:before {opacity:1}
.msec04 .sec04_listUl li:nth-child(2n) {margin-right:0}
.msec04 .sec04_listUl .tlt {position:relative; font-size:40px; font-weight:700; color:#249053; line-height:1.3em; z-index:2; transition:all 0.3s}
.msec04 .sec04_listUl li:hover .tlt {color:#fff}
.msec04 .sec04_listUl .txt {position:relative; opacity:0; font-size:24px; line-height:1.5em; color:#fff; margin-top:25px; z-index:2; transition:all 0.3s}
.msec04 .sec04_listUl li:hover .txt {opacity:1;}
.msec04 .sec04_listUl .icon {position:absolute; bottom:44px; right:50px}
.msec04 .sec04_listUl .icon img {transform: scale(0);  transition:all 0.3s; transition-delay:0.3s}


/*애니메이션*/
.msec04.active .light_iconBox img {transform: translateY(0);}
.msec04.active .sec04_listUl .icon img {transform: scale(1);}


@media screen and (max-width:1024px){
	.msec04 .mcont {padding:15vw 0 12vw}

	.msec04 .light_iconBox {top:-4.5vw; left:10vw}
	.msec04 .light_iconBox img {height:26.2vw}
	.msec04 .top_tltBox {font-size:5vw; margin-bottom:5.5vw}

	.msec04 .sec04_listUl li {width:48.8%; height:29vw; margin:0 2% 2.8vw 0; padding:5vw 4vw; border-radius:2vw;}
	.msec04 .sec04_listUl li:before {display:none}
	.msec04 .sec04_listUl .tlt {font-size:4vw;}
	.msec04 .sec04_listUl li:hover .tlt {color:#249053}
	.msec04 .sec04_listUl .txt {opacity:1; color:#17371f; font-size:2.4vw; margin-top:2.5vw;}
	.msec04 .sec04_listUl .icon {bottom:4vw; right:4vw}
	.msec04 .sec04_listUl .icon img {height:14.7vw}
}

@media screen and (max-width:768px){
	.msec04 .mcont {padding:16vw 0 10vw}

	.msec04 .light_iconBox {top:-5.5vw; left:9vw}
	.msec04 .light_iconBox img {height:27.2vw}
	.msec04 .top_tltBox {font-size:5.8vw; margin-bottom:6.5vw}

	.msec04 .sec04_listUl li {width:100%; height:39vw; margin:0 0 2.8vw 0; padding:6vw 5.5vw; border-radius:3vw;}
	
	.msec04 .sec04_listUl .tlt {font-size:5vw;}
	.msec04 .sec04_listUl .txt {font-size:3.4vw; margin-top:3.5vw;}
	.msec04 .sec04_listUl .icon {bottom:5.4vw; right:6vw}
	.msec04 .sec04_listUl .icon img {height:16.7vw}
}

@media screen and (max-width:480px){
	.msec04 .mcont {padding:17vw 0 12vw}

	.msec04 .light_iconBox {top:-6.5vw; left:8vw}
	.msec04 .light_iconBox img {height:28.2vw}
	.msec04 .top_tltBox {font-size:6.6vw; margin-bottom:7.5vw}

	.msec04 .sec04_listUl li {height:49vw; margin-bottom:3.8vw; padding:7vw 6.5vw; border-radius:4vw;}
	
	.msec04 .sec04_listUl .tlt {font-size:6vw;}
	.msec04 .sec04_listUl .txt {font-size:4.4vw; margin-top:4.5vw;}
	.msec04 .sec04_listUl .icon {bottom:7.4vw; right:7vw}
	.msec04 .sec04_listUl .icon img {height:18.7vw}
}


/* --------------------------------------------------섹션05-------------------------------------------------- */
.msec05 {background:url(/new_share/img/main/bg05.jpg) no-repeat 50% 50%; background-size:cover; overflow:hidden}
.msec05 .mcont {padding:185px 0 140px}

.msec05 .light_iconBox {position:absolute; top:-120px; left:50%; transform: translateX(-50%);}
.msec05 .light_iconBox img {transform: translateY(-100%); transition:all 0.7s; transition-delay:0.3s}

.msec05 .top_tltBox {font-size:50px; line-height:1.3em; margin-bottom:90px}

.msec05 .sec05_listUl {margin:0 auto;}
.msec05 .sec05_listUl li {display:inline-block; vertical-align:top; width:24.8%;}
.msec05 .sec05_listUl span {display:inline-block; vertical-align:top}
.msec05 .sec05_listUl .num {font-size:95px; color:#f3b91e; line-height:1.3em;}
.msec05 .sec05_listUl .txt {font-size:28px; color:#364d3b; line-height:1.3em; font-weight:600; margin:5px 0 0 12px}

.msec05 .sec05_listUl .two_txt {width:118px;}
.msec05 .sec05_listUl .two_txt02 {width:100px;}
.msec05 .sec05_listUl .three_txt {width:180px;}
.msec05 .sec05_listUl .three_txt02 {width:170px;}


/*애니메이션*/
.msec05.active .light_iconBox img {transform: translateY(0);}


@media screen and (max-width:1220px){
	.msec05 .sec05_listUl li {width:24%}
	.msec05 .sec05_listUl .num {font-size:85px;}
	.msec05 .sec05_listUl .txt {font-size:25px; margin-left:8px}

	.msec05 .sec05_listUl .two_txt {width:108px;}
	.msec05 .sec05_listUl .two_txt02 {width:90px;}
	.msec05 .sec05_listUl .three_txt {width:170px;}
	.msec05 .sec05_listUl .three_txt02 {width:160px;}
}

@media screen and (max-width:1024px){
	.msec05 .mcont {padding:18.5vw 0 14vw}

	.msec05 .light_iconBox {top:-12vw;}
	.msec05 .light_iconBox img {height:26.2vw}
	.msec05 .top_tltBox {font-size:5vw; margin-bottom:9vw}

	.msec05 .sec05_listUl li {width:24.5%;}
	.msec05 .sec05_listUl .num {font-size:8.5vw;}
	.msec05 .sec05_listUl .txt {font-size:2.5vw; margin:0.5vw 0 0 1vw}

	.msec05 .sec05_listUl .two_txt {width:10.8vw;}
	.msec05 .sec05_listUl .two_txt02 {width:9vw;}
	.msec05 .sec05_listUl .three_txt {width:17vw;}
	.msec05 .sec05_listUl .three_txt02 {width:16vw;}
}

@media screen and (max-width:768px){
	.msec05 .mcont {padding:19.5vw 0 10vw}

	.msec05 .light_iconBox {top:-13vw;}
	.msec05 .light_iconBox img {height:27.2vw}
	.msec05 .top_tltBox {font-size:5.8vw; margin-bottom:6vw}

	.msec05 .sec05_listUl li {width:24.2%; text-align:center;}
	.msec05 .sec05_listUl span {display:block;}
	.msec05 .sec05_listUl .num {font-size:9vw; margin:0 auto}
	.msec05 .sec05_listUl .txt {font-size:3.5vw; margin:1vw 0 0 0}

	.msec05 .sec05_listUl .two_txt, .msec05 .sec05_listUl .two_txt02, .msec05 .sec05_listUl .three_txt, .msec05 .sec05_listUl .three_txt02 {width:auto;}
}

@media screen and (max-width:480px){
	.msec05 .mcont {padding:20.5vw 0 11vw}

	.msec05 .light_iconBox {top:-14vw;}
	.msec05 .light_iconBox img {height:28vw}
	.msec05 .top_tltBox {font-size:6.6vw; margin-bottom:7vw}

	.msec05 .sec05_listUl li {width:24%;}
	.msec05 .sec05_listUl .num {font-size:9.5vw;}
	.msec05 .sec05_listUl .txt {font-size:4.5vw; margin-top:2vw}
}


/* --------------------------------------------------메일전송-------------------------------------------------- */
.msec06 {background: linear-gradient(135deg, #9ed46a 0%, #b9e381 45%, #9ed46a 100%);}
.msec06 .mcont {display:flex; align-items:center; height:122px}

.msec06 .tltBox {display:flex; align-items:center;}
.msec06 .tltBox .tlt {font-size:34px; line-height:1.3em; margin-right:20px}
.msec06 .tltBox .txt {font-size:18px; line-height:1.3em;}

.msec06 .inpBox {margin-left:auto; display:flex; align-items:center; text-align:right;}
.msec06 .inpBox .inpBox_inp {width:380px; height:40px; background:#fff}
.msec06 .inpBox .inpBox_btn {display:flex; align-items:center; justify-content:center; width:180px; height:40px; border:0; border-radius:15px; margin-left:12px; background: linear-gradient(135deg, #2eb96b 0%, #51d10b 100%);}
.msec06 .inpBox .inpBox_btn span {display:inline-block; vertical-align:middle}
.msec06 .inpBox .inpBox_btn .icon {margin-right:8px}
.msec06 .inpBox .inpBox_btn .txt {color:#fff; font-size:22px; margin-top:5px}


@media screen and (max-width:1220px){
	.msec06 .tltBox .tlt {font-size:26px; margin-right:8px}
	.msec06 .tltBox .txt {font-size:16px;}

	.msec06 .inpBox .inpBox_inp {width:300px;}
	.msec06 .inpBox .inpBox_btn {width:140px; margin-left:6px}
	.msec06 .inpBox .inpBox_btn .txt {font-size:18px;}
}

@media screen and (max-width:1024px){
	.msec06 .mcont {display:block; height:auto; text-align:center; padding:3vw 0}
	.msec06 .tltBox {display:block; margin-bottom:3vw; margin-right:0}
	.msec06 .tltBox .tlt {font-size:3.4vw; margin:0 0 0.5vw 0}
	.msec06 .tltBox .txt {font-size:1.8vw}

	.msec06 .inpBox {display:block; text-align:center}
	.msec06 .inpBox .inpBox_inp, .msec06 .inpBox .inpBox_btn {display:inline-block; vertical-align:middle}
	.msec06 .inpBox .inpBox_inp {width:76%; height:4vw;}
	.msec06 .inpBox .inpBox_btn {width:22%; height:4vw; margin-left:1vw; border-radius:1.5vw;}

	.msec06 .inpBox .inpBox_btn .icon {margin-right:0.8vw}
	.msec06 .inpBox .inpBox_btn .icon img {height:1.9vw}
	.msec06 .inpBox .inpBox_btn .txt {font-size:2.2vw; margin-top:0.5vw}
}

@media screen and (max-width:768px){
	.msec06 .mcont {padding:4vw 0}
	.msec06 .tltBox {margin-bottom:4vw;}
	.msec06 .tltBox .tlt {font-size:4.4vw; margin-bottom:0.7vw}
	.msec06 .tltBox .txt {font-size:2.8vw}

	.msec06 .inpBox .inpBox_inp {width:68%; height:6vw;}
	.msec06 .inpBox .inpBox_btn {width:28%; height:6vw; margin-left:2vw; border-radius:2vw;}

	.msec06 .inpBox .inpBox_btn .icon {margin-right:1vw}
	.msec06 .inpBox .inpBox_btn .icon img {height:2.9vw}
	.msec06 .inpBox .inpBox_btn .txt {font-size:3.2vw; margin-top:0.5vw}
}

@media screen and (max-width:480px){
	.msec06 .mcont {padding:5vw 0}
	.msec06 .tltBox {margin-bottom:5vw;}
	.msec06 .tltBox .tlt {font-size:5.4vw; margin-bottom:0.9vw}
	.msec06 .tltBox .txt {font-size:3.8vw}

	.msec06 .inpBox .inpBox_inp {width:60%; height:8vw;}
	.msec06 .inpBox .inpBox_btn {width:36%; height:8vw; border-radius:2.5vw;}

	.msec06 .inpBox .inpBox_btn .icon {margin-right:2vw}
	.msec06 .inpBox .inpBox_btn .icon img {height:3.9vw}
	.msec06 .inpBox .inpBox_btn .txt {font-size:4.2vw; margin-top:0.5vw}
}