@charset "utf-8";

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

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


/* --------------------------------------------------첫번째 섹션-------------------------------------------------- */
.msec01 {position:relative; background:#000443;}
.msec01 .mcont {height:598px;}

.msec01 .txtBox {position:absolute; top:50%; left:0; transform:translateY(-50%); text-align:left; z-index:2}
.msec01 .txtBox .tlt {font-size:57px; line-height:1.2em}
.msec01 .txtBox .txt {font-size:26px; margin-top:25px; font-weight:600; line-height:1.3em}

.main .btnBox a {display:inline-flex; align-items:center; height:50px; margin-top:40px;  background:#f426b3; color:#fff; border-radius:15px; padding:0 24px;}
.main .btnBox .icon {height:31px;}
.main .btnBox .icon img {height:100%}
.main .btnBox .btn_txt {margin:4px 0 0 15px; font-size:22px}
.main .btnBox .arrow {margin-left:auto; height:22px; margin-left:55px}
.main .btnBox .arrow img {height:100%}

.main .btnBox_app a {margin-top:10px !important;}

.main .btnBox02 a {background:#000443}


.msec01 .mvBox {position:absolute; top:0; right:0; width:610px; height:100%; pointer-events: none; overflow:hidden}
.msec01 .mvBox_mv {margin:0; padding-bottom:100%; max-width:100%; height:0; position:relative; overflow:hidden;}
.msec01 .mvBox_mv iframe {margin: 0; padding:0; width:150%; height:150%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.msec01 .mvBox_mv video {margin: 0; padding:0; width:200%; height:200%; position:absolute; top:49%; left:50%; transform:translate(-50%,-50%);}

/*애니메이션*/
.msec01 .txtBox .tlt, .msec01 .txtBox .txt, .msec01 .btnBox {opacity:0;}
.msec01.active .txtBox .tlt, .msec01.active .txtBox .txt, .msec01.active .btnBox {opacity:1; animation-fill-mode: both !important; animation: fade-in-right 0.7s; animation-timing-function: ease-out;}
.msec01.active .txtBox .tlt {animation-delay:0.3s}
.msec01.active .txtBox .txt {animation-delay:0.4s}
.msec01.active .btnBox {animation-delay:0.5s}


@media screen and (max-width:1240px){
	.msec01 .txtBox {width:53%}
	.msec01 .mvBox {width:45%;}
	.msec01 .mvBox_mv {padding-bottom:150%}
	.msec01 .mvBox_mv iframe, .msec01 .mvBox_mv video {width:350%; height:350%;}
}

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

	.msec01 .txtBox .tlt {font-size:5.7vw;}
	.msec01 .txtBox .txt {font-size:2.6vw; margin-top:2.5vw;}

	.main .btnBox a {height:5vw; margin-top:4vw; border-radius:1.5vw; padding:0 2.4vw;}
	.main .btnBox .icon {height:3.1vw;}
	.main .btnBox .btn_txt {margin:0.4vw 0 0 1.5vw; font-size:2.2vw}
	.main .btnBox .arrow {height:2.2vw; margin-left:5.5vw}

	.msec01 .mvBox_mv {padding-bottom:160%}
	.msec01 .mvBox_mv iframe, .msec01 .mvBox_mv video {width:400%; height:400%;}
}

@media screen and (max-width:768px){
	.msec01 .mcont {height:auto; max-width:100%}

	.msec01 .txtBox {position:relative; top:inherit; left:inherit; transform:inherit; padding:5vw; width:100%}
	.msec01 .txtBox .tlt {font-size:6.7vw;}
	.msec01 .txtBox .txt {font-size:3.6vw; margin-top:3.5vw;}

	.main .btnBox a {height:7.4vw; margin-top:4.5vw; border-radius:2.5vw; padding:0 3.4vw;}
	.main .btnBox .icon {height:4.1vw;}
	.main .btnBox .btn_txt {margin:0.6vw 0 0 2.5vw; font-size:3.2vw}
	.main .btnBox .arrow {height:3.2vw; margin-left:6.5vw}

	.msec01 .mvBox {position:relative; top:inherit; left:inherit; transform:inherit; width:100%; margin-top:5vw}
	.msec01 .mvBox_mv {padding-bottom:50%}
	.msec01 .mvBox_mv iframe, .msec01 .mvBox_mv video {width:200%; height:200%;}
}

@media screen and (max-width:480px){
	.msec01 .txtBox {padding:6vw;}
	.msec01 .txtBox .tlt {font-size:7.7vw;}
	.msec01 .txtBox .txt {font-size:4.6vw; margin-top:4.5vw;}

	.main .btnBox a {height:9.8vw; margin-top:5vw; border-radius:3.5vw; padding:0 4.4vw;}
	.main .btnBox .icon {height:5.1vw;}
	.main .btnBox .btn_txt {margin:0.8vw 0 0 3.5vw; font-size:4.2vw}
	.main .btnBox .arrow {height:5.2vw; margin-left:7.5vw}

	.main .btnBox_app a {margin-top:7px !important;}

	.msec01 .mvBox {margin-top:6vw}
	.msec01 .mvBox_mv {padding-bottom:50%}
	.msec01 .mvBox_mv iframe, .msec01 .mvBox_mv video {width:200%; height:200%;}
}


/* --------------------------------------------------두번째 섹션-------------------------------------------------- */
.msec02 .mcont {display:flex; align-items:center; padding:50px 0 80px}

.msec02 .txtBox .tlt {font-size:45px; line-height:1.3em}
.msec02 .txtBox .txt {font-size:18px; margin-top:5px; line-height:1.4em}

.msec02 .bntBox {margin-left:auto;}
.msec02 .bntBox a {display:flex; align-items:center; width:300px; height:94px; background:#f426b3; border-radius:20px; padding:0 35px; color:#fff;}
.msec02 .bntBox .icon {height:42px}
.msec02 .bntBox .icon img {height:100%}
.msec02 .bntBox .btn_txt {margin:4px 0 0 18px; font-size:25px; line-height:1.2em}
.msec02 .bntBox .arrow {margin-left:auto; height:29px}
.msec02 .bntBox .arrow img {height:100%}

.msec02 .bntBox:hover .arrow img {animation: float3 1s; animation-iteration-count: infinite;}


@media screen and (max-width:1240px){
	.msec02 .txtBox {width:65%}
}

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

	.msec02 .txtBox {width:63%}
	.msec02 .txtBox .tlt {font-size:4.4vw;}
	.msec02 .txtBox .txt {font-size:1.8vw; margin-top:0.5vw;}

	.msec02 .bntBox a {width:30vw; height:9.4vw; border-radius:2vw; padding:0 3.5vw;}
	.msec02 .bntBox .icon {height:4.2vw}
	.msec02 .bntBox .btn_txt {margin:0.4vw 0 0 1.8vw; font-size:2.5vw;}
	.msec02 .bntBox .arrow {height:2.9vw}
}

@media screen and (max-width:768px){
	.msec02 .mcont {display:block; padding:6vw 0 9vw}

	.msec02 .txtBox {width:100%}
	.msec02 .txtBox .tlt {font-size:5.4vw;}
	.msec02 .txtBox .txt {font-size:2.8vw; margin-top:0.7vw;}

	.msec02 .bntBox a {width:40vw; height:12.4vw; border-radius:3vw; padding:0 4.5vw; margin-top:5vw}
	.msec02 .bntBox .icon {height:5.2vw}
	.msec02 .bntBox .btn_txt {margin:0.6vw 0 0 2.8vw; font-size:3.5vw;}
	.msec02 .bntBox .arrow {height:3.9vw}
}

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

	.msec02 .txtBox .bk {display:block}
	.msec02 .txtBox .tlt {font-size:6.4vw;}
	.msec02 .txtBox .txt {font-size:3.8vw; margin-top:1vw;}

	.msec02 .bntBox a {width:50vw; height:15.4vw; border-radius:4vw; padding:0 5.5vw; margin-top:6vw}
	.msec02 .bntBox .icon {height:6.2vw}
	.msec02 .bntBox .btn_txt {margin:0.8vw 0 0 3.8vw; font-size:4.5vw;}
	.msec02 .bntBox .arrow {height:4.9vw}
}


/* --------------------------------------------------세번째 섹션-------------------------------------------------- */
.msec03 {position:relative; background:#f1f1f2; z-index:1}
.msec03 .mcont {padding:80px 0 85px}

.msec03 .top_tltBox {position:absolute; top:0; left:50%; transform:translateX(-50%); width:330px; height:40px; line-height:30px; border-radius:0 0 20px 20px; background:#fff; font-size:18px;}

.msec03 .sec03Ul {display:flex;}
.msec03 .sec03Ul .tw01 {width:10%}
.msec03 .sec03Ul .tw02 {width:20%}
.msec03 .sec03Ul .tw03 {width:30%}
.msec03 .sec03Ul .tw04 {width:40%}
.msec03 .sec03Ul .tw05 {width:50%}
.msec03 .sec03Ul .tw06 {width:60%}
.msec03 .sec03Ul .tw07 {width:70%}
.msec03 .sec03Ul .tw08 {width:80%}
.msec03 .sec03Ul .tw09 {width:90%}
.msec03 .sec03Ul .tw10 {width:100%}

.msec03 .sec03Ul li:nth-child(1) {text-align:left}
.msec03 .sec03Ul li:last-child {text-align:right}
.msec03 .sec03Ul .txtBox {display:inline-block;}
.msec03 .sec03Ul .num {font-size:100px; line-height:1.3em; font-weight:900}
.msec03 .sec03Ul .txt {font-size:26px; font-weight:600; text-align:center}


@media screen and (max-width:1240px){
	.msec03 .sec03Ul .num {font-size:90px}
}

@media screen and (max-width:1024px){
	.msec03 .mcont {padding:8vw 0 8.5vw}

	.msec03 .top_tltBox {width:33vw; height:4vw; line-height:3vw; border-radius:0 0 2vw 2vw; font-size:1.8vw;}
	.msec03 .sec03Ul .num {font-size:10vw;}
	.msec03 .sec03Ul .txt {font-size:2.6vw;}

	.msec03 .sec03Ul {display:block;}
	.msec03 .sec03Ul .tw01, .msec03 .sec03Ul .tw02, .msec03 .sec03Ul .tw03, .msec03 .sec03Ul .tw04, .msec03 .sec03Ul .tw05, .msec03 .sec03Ul .tw06
	.msec03 .sec03Ul .tw07, .msec03 .sec03Ul .tw08, .msec03 .sec03Ul .tw09, .msec03 .sec03Ul .tw10 {display:inline-block; width:49%}

	.msec03 .sec03Ul li {margin-bottom:4vw}
	.msec03 .sec03Ul li:nth-child(n+3) {margin-bottom:0}
	.msec03 .sec03Ul li:nth-child(1), .msec03 .sec03Ul li:last-child {text-align:center}
}

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

	.msec03 .top_tltBox {width:50vw; height:6vw; line-height:5vw; border-radius:0 0 3vw 3vw; font-size:2.8vw;}
	.msec03 .sec03Ul .num {font-size:11vw;}
	.msec03 .sec03Ul .txt {font-size:3.6vw;}

	.msec03 .sec03Ul li {margin-bottom:5vw}
}

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

	.msec03 .top_tltBox {width:65vw; height:8vw; line-height:7vw; border-radius:0 0 4vw 4vw; font-size:3.8vw;}
	.msec03 .sec03Ul .num {font-size:12vw;}
	.msec03 .sec03Ul .txt {font-size:4.6vw;}

	.msec03 .sec03Ul li {margin-bottom:6vw}
}


/* --------------------------------------------------네번째 섹션-------------------------------------------------- */
.msec04 {position:relative; z-index:2;}
.msec04 .top_tltBox {position:absolute; top:-40px; left:50%; transform:translateX(-50%); width:330px; height:40px; line-height:50px; border-radius:20px 20px 0 0; background:#fff; font-size:18px;}

.msec04 .mcont {padding:80px 0 85px}

.msec04 .sec04_sl .item {width:360px; margin-right:60px}
.msec04 .sec04_sl .txtBox {height:250px;}
.msec04 .sec04_sl .txtBox .txt {position:relative; padding:35px 0 52px; font-size:18px; line-height:1.5em}
.msec04 .sec04_sl .txtBox .txt:before, .msec04 .sec04_sl .txtBox .txt:after {content:""; display:inline-block; position:absolute; width:29px; height:22px; background-size:100% 100% !important}
.msec04 .sec04_sl .txtBox .txt:before {top:0; left:0; background:url(/share/img/main/top_ng04_1.png) no-repeat 0 0}
.msec04 .sec04_sl .txtBox .txt:after {bottom:0; right:20px; background:url(/share/img/main/bottom_ng04_1.png) no-repeat 0 0}

.msec04 .sec04_sl .nameBox {margin-top:30px}
.msec04 .sec04_sl .nameBox .tlt {font-size:22px; font-weight:700; line-height:1.3em}
.msec04 .sec04_sl .nameBox .name {font-size:18px; margin-top:10px; font-weight:500}

.msec04 .sec04_sl .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); border:0; width:20px; height:35px; background-size:100% 100% !improtant; cursor:pointer}
.msec04 .sec04_sl .slick-prev {left:-50px; background:url(/share/img/main/sec09_arrow_l.png) no-repeat 0 0}
.msec04 .sec04_sl .slick-next {right:-50px; background:url(/share/img/main/sec09_arrow_r.png) no-repeat 0 0}


@media screen and (max-width:1240px){
	.msec04 .mcont {max-width:100%}
	.msec04 .sec04_sl .item {margin:0 30px}
}

@media screen and (max-width:1024px){
	.msec04 .top_tltBox {top:-4vw; width:33vw; height:4vw; line-height:5vw; border-radius:2vw 2vw 0 0; font-size:1.8vw;}
	.msec04 .mcont {padding:8vw 0 8.5vw}

	.msec04 .sec04_sl .item {margin:0 3vw}
	.msec04 .sec04_sl .txtBox {height:28vw;}
	.msec04 .sec04_sl .txtBox .txt {padding:3.5vw 0 5.2vw; font-size:1.8vw; line-height:1.3em}
	.msec04 .sec04_sl .txtBox .txt:before, .msec04 .sec04_sl .txtBox .txt:after {width:2.9vw; height:2.2vw;}
	.msec04 .sec04_sl .txtBox .txt:after {right:2vw;}

	.msec04 .sec04_sl .nameBox {margin-top:3vw}
	.msec04 .sec04_sl .nameBox .tlt {font-size:2.2vw;}
	.msec04 .sec04_sl .nameBox .name {font-size:1.8vw; margin-top:1vw;}
}

@media screen and (max-width:768px){
	.msec04 .top_tltBox {top:-5vw; width:50vw; height:6vw; line-height:7vw; border-radius:3vw 3vw 0 0; font-size:2.8vw;}
	.msec04 .mcont {padding:9vw 0 9.5vw}

	.msec04 .sec04_sl .txtBox {height:48vw;}
	.msec04 .sec04_sl .txtBox .txt {padding:4.5vw 0 6.2vw; font-size:2.8vw;}
	.msec04 .sec04_sl .txtBox .txt:before, .msec04 .sec04_sl .txtBox .txt:after {width:3.9vw; height:3.2vw;}

	.msec04 .sec04_sl .nameBox {margin-top:4vw}
	.msec04 .sec04_sl .nameBox .tlt {font-size:3.2vw;}
	.msec04 .sec04_sl .nameBox .name {font-size:2.8vw; margin-top:1.5vw;}
}

@media screen and (max-width:480px){
	.msec04 .top_tltBox {top:-6vw; width:65vw; height:8vw; line-height:9vw; border-radius:4vw 4vw 0 0; font-size:3.8vw;}
	.msec04 .mcont {padding:10vw 0 10.5vw}

	.msec04 .sec04_sl .txtBox {height:48vw;}
	.msec04 .sec04_sl .txtBox .txt {padding:5.5vw 0 7.2vw; font-size:3.8vw;}
	.msec04 .sec04_sl .txtBox .txt:before, .msec04 .sec04_sl .txtBox .txt:after {width:4.9vw; height:4.2vw;}

	.msec04 .sec04_sl .nameBox {margin-top:5vw}
	.msec04 .sec04_sl .nameBox .tlt {font-size:4.2vw;}
	.msec04 .sec04_sl .nameBox .name {font-size:3.8vw; margin-top:2vw;}
}


/* --------------------------------------------------다섯번째 섹션-------------------------------------------------- */
.msec05 {background:#000443;}
.msec05 .mcont {padding:50px 0; display:flex; /*align-items:center;*/}

.msec05 .txtBox {margin-left:50px}
.msec05 .txtBox .top_tlt {font-size:45px; line-height:1.3em}
.msec05 .txtBox .data_listUl li {display:flex; align-items:center; font-size:22px; margin-bottom:15px} 
.msec05 .txtBox .data_listUl li:last-child {margin-bottom:0}
.msec05 .txtBox .data_listUl .tlt {position:relative;}
.msec05 .txtBox .data_listUl .tlt:after {content:""; display:inline-block; vertical-align:middle; width:2px; height:23px; background:#fff; margin:0 20px;}

.msec05 .txtBox .logo_icon_listBox {margin-bottom:25px;}
.msec05 .txtBox .logo_icon_listBox:last-child {margin-bottom:0}
.msec05 .txtBox .logo_icon_listBox .tlt {font-size:18px; margin-bottom:10px}
.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl {display:flex; align-items:center;}
.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl li {margin-right:20px}
.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl li:last-child {margin-right:0}

@media screen and (max-width:1240px){
	.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl {display:block}
	.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl li {display:inline-block; margin-bottom:10px}
}

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

	.msec05 .txtBox {margin-left:4vw}
	.msec05 .txtBox .top_tlt {font-size:4.3vw;}
	.msec05 .txtBox .data_listUl li {font-size:1.8vw; margin-bottom:1.5vw} 
	.msec05 .txtBox .data_listUl .tlt:after {width:0.2vw; height:2.3vw; margin:0 1vw;}

	.msec05 .txtBox .logo_icon_listBox {margin-bottom:2.5vw;}
	.msec05 .txtBox .logo_icon_listBox .tlt {font-size:1.8vw; margin-bottom:1vw}
	.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl li {margin-right:2vw}
	.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl img {height:4.3vw}
}

@media screen and (max-width:768px){
	.msec05 .mcont {padding:6vw 0; display:block}

	.msec05 .posterBox {margin:0 auto 6vw; text-align:center}
	.msec05 .posterBox img {max-width:100%}

	.msec05 .txtBox {margin-left:0}
	.msec05 .txtBox .top_tlt {font-size:5.3vw;}
	.msec05 .txtBox .data_listUl li {font-size:3vw; margin-bottom:2.5vw} 
	.msec05 .txtBox .data_listUl .tlt:after {width:0.4vw; height:3.3vw; margin:0 1.5vw;}

	.msec05 .txtBox .logo_icon_listBox {margin-bottom:3.5vw;}
	.msec05 .txtBox .logo_icon_listBox .tlt {font-size:2.8vw; margin-bottom:2vw}
	.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl li {margin-right:3vw}
	.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl img {height:6.3vw}
}

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

	.msec05 .posterBox {margin-bottom:8vw}

	.msec05 .txtBox .top_tlt {font-size:6.3vw;}
	.msec05 .txtBox .data_listUl li {font-size:3.2vw; margin-bottom:3.5vw} 
	.msec05 .txtBox .data_listUl .tlt:after {width:0.6vw; height:4.3vw; margin:0 2vw;}

	.msec05 .txtBox .logo_icon_listBox {margin-bottom:4.5vw;}
	.msec05 .txtBox .logo_icon_listBox .tlt {font-size:3.8vw; margin-bottom:3vw}
	.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl li {margin-right:3vw}
	.msec05 .txtBox .logo_icon_listBox .logo_icon_listUl img {height:8.3vw}
}


/* --------------------------------------------------여섯번째 섹션-------------------------------------------------- */
.msec06 .mcont {padding:95px 0 105px}
.msec06 .top_tltBox {font-size:25px; line-height:1.5em}

.msec06 .img_listBox {display:flex; margin-top:140px}
.msec06 .img_listBox .img_list {position:relative; width:31.5%; margin-right:3%; background:#f1f1f2; border-radius:20px}
.msec06 .img_listBox .img_list:last-child {margin-right:0}
.msec06 .img_listBox .dong_imgBox {margin-top:-80px;}
.msec06 .img_listBox .dong_imgBox img {opacity:0;}

.msec06 .img_listBox .listUl {text-align:left; padding:30px 70px; height:600px}
.msec06 .img_listBox .listUl li {margin-bottom:35px; cursor:pointer;}
.msec06 .img_listBox .listUl li:hover {color:#f426b3}
.msec06 .img_listBox .listUl li:last-child {margin-bottom:0}
.msec06 .img_listBox .listUl .tlt {font-size:30px; font-weight:700; line-height:1.3em}
.msec06 .img_listBox .listUl .txt {font-size:16px; margin-top:5px; font-weight:500} 
.msec06 .img_listBox .imgBox img {width:100%;}


/*애니메이션*/
.msec06.active .img_listBox .dong_imgBox img {animation-fill-mode: both !important; opacity:1; animation: fanfare2 0.5s;}
.msec06.active .img_listBox .img_list:nth-child(1) .dong_imgBox img {animation-delay:0.3s}
.msec06.active .img_listBox .img_list:nth-child(2) .dong_imgBox img {animation-delay:0.4s}
.msec06.active .img_listBox .img_list:nth-child(3) .dong_imgBox img {animation-delay:0.5s}



/*모달부분*/
.sdk_modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; background-color:rgba(27,28,40,0.7);z-index: -1;opacity:0;transition:all 0.2s;}
.sdk_modal.on {opacity:1;z-index:999;}

.sdk_modal_contBox {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); max-width:1160px; width:100%; background:#fff; padding:84px 50px 70px; border-radius:20px; box-shadow:10px 10px 15px 5px rgba(0, 0, 0, 0.2);}
.sdk_modal_contBox .closeBtn {position:absolute; top:27px; right:50px; cursor:pointer}
.sdk_modal_contBox .closeBtn .txt {font-size:15px; margin-right:10px; font-family: 'GmarketSansMedium'; font-weight:600; letter-spacing:-0.02em;}

.sdk_modal_contBox .tiBox {display:flex;}
.sdk_modal_contBox .tiBox .imgBox {text-align:center;}
.sdk_modal_contBox .tiBox .txtBox {margin:-20px 0 0 35px}
.sdk_modal_contBox .tiBox .txtBox .tlt {font-size:68px; font-weight:700; line-height:1em; margin-bottom:15px}
.sdk_modal_contBox .tiBox .txtBox .stlt {font-size:28px; line-height:1.3em; margin-bottom:30px}
.sdk_modal_contBox .tiBox .txtBox .txt {font-size:18px; line-height:1.5em}


@media screen and (max-width:1240px){
	.msec06 .img_listBox .listUl {padding:30px;}
	
	/*모달부분*/
	.sdk_modal_contBox {width:94%;}
	.sdk_modal_contBox .tiBox .imgBox {width:40%}
	.sdk_modal_contBox .tiBox .imgBox img {width:100%}

	.sdk_modal_contBox .tiBox .txtBox {width:56%; margin-left:auto}
}

@media screen and (max-width:1024px){
	.msec06 .mcont {padding:9.5vw 0 10.5vw}
	.msec06 .top_tltBox {font-size:2.5vw}

	.msec06 .img_listBox {display:block; margin-top:14vw; text-align:left}
	.msec06 .img_listBox .img_list, .msec06 .img_listBox .img_list:last-child {position:relative; display:inline-block; width:49%; margin:0 1.6% 12vw 0; border-radius:2vw; text-align:center}
	.msec06 .img_listBox .img_list:nth-child(2n) {margin-right:0}
	.msec06 .img_listBox .img_list:last-child {margin-bottom:0}
	.msec06 .img_listBox .dong_imgBox {margin-top:-8vw;}
	.msec06 .img_listBox .dong_imgBox img {height:16.8vw}

	.msec06 .img_listBox .listUl {padding:3vw; height:55vw}
	.msec06 .img_listBox .listUl li {margin-bottom:3.5vw;}
	.msec06 .img_listBox .listUl .tlt {font-size:3vw;}
	.msec06 .img_listBox .listUl .txt {font-size:1.6vw; margin-top:0.5vw;} 


	/*모달부분*/
	.sdk_modal_contBox {padding:8.4vw 5vw 7vw;  border-radius:2vw; box-shadow:1vw 1vw 1.5vw 0.5vw rgba(0, 0, 0, 0.2);}
	.sdk_modal_contBox .closeBtn {top:2.7vw; right:5vw;}
	.sdk_modal_contBox .closeBtn .txt {font-size:1.5vw; margin-right:1vw;}
	.sdk_modal_contBox .closeBtn .icon img {height:2.5vw}

	.sdk_modal_contBox .tiBox .txtBox {margin:-2vw 0 0 3.5vw}
	.sdk_modal_contBox .tiBox .txtBox .tlt {font-size:6.8vw; margin-bottom:1.5vw}
	.sdk_modal_contBox .tiBox .txtBox .stlt {font-size:2.8vw; margin-bottom:3vw}
	.sdk_modal_contBox .tiBox .txtBox .txt {font-size:1.8vw;}
}

@media screen and (max-width:768px){
	.msec06 .mcont {padding:10.5vw 0 11.5vw}
	.msec06 .top_tltBox {font-size:3.5vw}

	.msec06 .img_listBox {margin-top:15vw;}
	.msec06 .img_listBox .img_list, .msec06 .img_listBox .img_list:last-child {width:49%; margin:0 1.4% 13vw 0; border-radius:3vw;}
	.msec06 .img_listBox .img_list:last-child {margin-bottom:0}
	.msec06 .img_listBox .dong_imgBox {margin-top:-9vw;}
	.msec06 .img_listBox .dong_imgBox img {height:19.8vw}

	.msec06 .img_listBox .listUl {padding:4vw; height:88vw}
	.msec06 .img_listBox .listUl li {margin-bottom:4.5vw;}
	.msec06 .img_listBox .listUl .tlt {font-size:4vw;}
	.msec06 .img_listBox .listUl .txt {font-size:2.6vw; margin-top:0.7vw;} 


	/*모달부분*/
	.sdk_modal_contBox {padding:11vw 5vw 7vw; border-radius:3vw; box-shadow:2vw 2vw 2.5vw 0.7vw rgba(0, 0, 0, 0.2);}
	.sdk_modal_contBox .closeBtn {top:3.7vw; right:5vw;}
	.sdk_modal_contBox .closeBtn .txt {font-size:2.5vw; margin-right:1.5vw;}
	.sdk_modal_contBox .closeBtn .icon img {height:3.5vw}


	.sdk_modal_contBox .tiBox {display:block;}
	.sdk_modal_contBox .tiBox .imgBox {width:100%}

	.sdk_modal_contBox .tiBox .txtBox {width:100%; margin:2vw 0 0 0}
	.sdk_modal_contBox .tiBox .txtBox .tlt {font-size:7.8vw; margin-bottom:2vw}
	.sdk_modal_contBox .tiBox .txtBox .stlt {font-size:3.8vw; margin-bottom:3vw}
	.sdk_modal_contBox .tiBox .txtBox .txt {font-size:2.8vw;}
}

@media screen and (max-width:480px){
	.msec06 .mcont {padding:11.5vw 0 12.5vw}
	.msec06 .top_tltBox {font-size:4.5vw}

	.msec06 .img_listBox {margin-top:16vw;}
	.msec06 .img_listBox .img_list, .msec06 .img_listBox .img_list:last-child {width:100%; margin:0 0 15vw 0; border-radius:4vw;}
	.msec06 .img_listBox .img_list:last-child {margin-bottom:0}
	.msec06 .img_listBox .dong_imgBox {margin-top:-10vw;}
	.msec06 .img_listBox .dong_imgBox img {height:22.8vw}

	.msec06 .img_listBox .listUl {padding:6vw 7vw 7vw; height:auto}
	.msec06 .img_listBox .listUl li {margin-bottom:5.5vw;}
	.msec06 .img_listBox .listUl .tlt {font-size:5vw;}
	.msec06 .img_listBox .listUl .txt {font-size:3.6vw; margin-top:1vw;} 


	/*모달부분*/
	.sdk_modal_contBox {padding:14vw 5vw 8vw; border-radius:4vw; box-shadow:3vw 3vw 3.5vw 0.9vw rgba(0, 0, 0, 0.2);}
	.sdk_modal_contBox .closeBtn {top:4.7vw; right:5vw;}
	.sdk_modal_contBox .closeBtn .txt {font-size:3.5vw; margin-right:2vw;}
	.sdk_modal_contBox .closeBtn .icon img {height:4.5vw}

	.sdk_modal_contBox .tiBox .txtBox {margin-top:3vw}
	.sdk_modal_contBox .tiBox .txtBox .tlt {font-size:8.8vw; margin-bottom:2.5vw}
	.sdk_modal_contBox .tiBox .txtBox .stlt {font-size:4.8vw; margin-bottom:4vw}
	.sdk_modal_contBox .tiBox .txtBox .txt {font-size:3.8vw;}
}


/* --------------------------------------------------일곱번째 섹션-------------------------------------------------- */
.msec07 {background:#f426b3;}
.msec07 .mcont {display:flex; align-items:center;}

.msec07 .txtBox {margin-left:50px}
.msec07 .txtBox .tlt {font-size:45px; line-height:1.1em}
.msec07 .txtBox .txt {font-size:20px; line-height:1.3em; margin-top:15px}

.msec07 .txtBox .btnBox {margin-top:50px}


/*애니메이션*/
.msec07 .txtBox .tlt, .msec07 .txtBox .txt, .msec07 .btnBox {opacity:0; animation-fill-mode: both !important;}
.msec07.active .txtBox .tlt, .msec07.active .txtBox .txt, .msec07.active .btnBox {opacity:1; animation: fade-in-left 0.7s; animation-timing-function: ease-out;}
.msec07.active .txtBox .tlt {animation-delay:0.3s}
.msec07.active .txtBox .txt {animation-delay:0.4s}
.msec07.active .btnBox {animation-delay:0.5s}


@media screen and (max-width:1240px){
	.msec07 .imgBox {width:80%}
	.msec07 .imgBox img {width:100%}
	.msec07 .txtBox .tlt {font-size:40px;}
	.msec07 .txtBox .txt {font-size:16px;}

	.msec07 .txtBox .btnBox {margin-top:40px}
}

@media screen and (max-width:1024px){
	.msec07 .imgBox {width:100%}
	.msec07 .txtBox {margin-left:3vw}
	.msec07 .txtBox .tlt {font-size:3.5vw}
	.msec07 .txtBox .txt {font-size:1.8vw; margin-top:1.5vw}

	.msec07 .txtBox .btnBox {margin-top:4vw}
}

@media screen and (max-width:768px){
	.msec07 .mcont {display:block; max-width:100%}

	.msec07 .imgBox {width:100%}
	.msec07 .txtBox {margin-left:0; padding:7vw 5vw}
	.msec07 .txtBox .tlt {font-size:5.5vw; line-height:1.3em}
	.msec07 .txtBox .txt {font-size:3vw; margin-top:2.5vw}

	.msec07 .txtBox .btnBox {margin-top:7vw}
}

@media screen and (max-width:480px){
	.msec07 .txtBox {padding:7vw 7vw 10vw}
	.msec07 .txtBox .tlt {font-size:6.5vw}
	.msec07 .txtBox .txt {font-size:4vw; margin-top:3.5vw}

	.msec07 .txtBox .btnBox {margin-top:8vw}
}


/* --------------------------------------------------여덟번째 섹션-------------------------------------------------- */
.msec08 .mcont {padding:105px 0 70px}

.msec08 .top_tltBox .tlt {font-size:36px; line-height:1.3em}
.msec08 .top_tltBox .txt {font-size:18px; margin-top:10px}

.msec08 .img_listUl {display:flex;}
.msec08 .img_listUl > li {position:relative; width:31.5%; margin-right:3%; background:#f1f1f2; border-radius:20px; opacity:0}
.msec08 .img_listUl > li:last-child {margin-right:0}
.msec08 .img_listUl > li:after {content:""; display:inline-block; position:absolute; top:50%; right:-45px; transform:translateY(-50%); width:52px; height:52px; background:url(/share/img/main/plus_icon08.png) no-repeat 0 0; background-size:100% 100%; z-index:2}
.msec08 .img_listUl > li:last-child:after {display:none}

.msec08 .img_listUl .txtBox {height:450px; padding:55px 45px 20px;}
.msec08 .img_listUl .txtBox .tlt {font-size:30px; font-weight:900; line-height:1.3em; margin-bottom:20px}
.msec08 .img_listUl .txtBox .txt {font-size:18px; line-height:1.5em; word-break:keep-all;}
.msec08 .img_listUl .txtBox .txt span {display:block;}
.msec08 .img_listUl .imgBox img {width:100%}


/*애니메이션*/
.msec08.active .img_listUl > li {animation-fill-mode: both !important; opacity:1; animation: fade-in-right 0.7s; animation-timing-function: ease-out;}
.msec08.active .img_listUl > li:nth-child(3) {animation-delay:0.3s; z-index:1}
.msec08.active .img_listUl > li:nth-child(2) {animation-delay:0.4s; z-index:2}
.msec08.active .img_listUl > li:nth-child(1) {animation-delay:0.5s; z-index:3}


@media screen and (max-width:1240px){
	.msec08 .img_listUl .txtBox {height:500px; padding:45px 30px 20px}
	.msec08 .img_listUl > li:after {right:-13%}
}

@media screen and (max-width:1024px){
	.msec08 .mcont {padding:10vw 0 7vw}

	.msec08 .top_tltBox .tlt {font-size:3.6vw;}
	.msec08 .top_tltBox .txt {font-size:1.8vw; margin-top:1vw}

	.msec08 .img_listUl > li {width:31.5%; margin-right:3%; border-radius:2vw}
	.msec08 .img_listUl > li:after {right:-3.8vw; width:5.2vw; height:5.2vw;}

	.msec08 .img_listUl .txtBox {height:55vw; padding:4.5vw 3vw 2vw;}
	.msec08 .img_listUl .txtBox .tlt {font-size:2.8vw; margin-bottom:2vw}
	.msec08 .img_listUl .txtBox .txt {font-size:1.8vw;}
}

@media screen and (max-width:768px){
	.msec08 .mcont {padding:11vw 0 8vw}

	.msec08 .top_tltBox .tlt {font-size:4.6vw;}
	.msec08 .top_tltBox .txt {font-size:2.8vw; margin-top:2vw}

	.msec08 .img_listUl {display:block;}
	.msec08 .img_listUl li {width:100%; margin:0 0 3vw 0}
	.msec08 .img_listUl > li:after {right:inherit; top:inherit; bottom:-5.3vw; left:50%; transform:translateX(-50%); width:7.2vw; height:7.2vw;}

	.msec08 .img_listUl .txtBox {height:auto; padding:6.5vw 5vw 3vw;}
	.msec08 .img_listUl .txtBox .tlt {font-size:3.8vw; margin-bottom:3vw}
	.msec08 .img_listUl .txtBox .txt {font-size:2.6vw;}
	.msec08 .img_listUl .txtBox .txt span {display:inline-block;}
}

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

	.msec08 .top_tltBox .tlt {font-size:5.6vw;}
	.msec08 .top_tltBox .txt {font-size:3.8vw; margin-top:3vw}

	.msec08 .img_listUl li {margin-bottom:4vw}
	.msec08 .img_listUl > li:after {bottom:-6.8vw; width:9.2vw; height:9.2vw;}

	.msec08 .img_listUl .txtBox {padding:7.5vw 6vw 4vw;}
	.msec08 .img_listUl .txtBox .tlt {font-size:4.8vw; margin-bottom:4vw}
	.msec08 .img_listUl .txtBox .txt {font-size:3.6vw;}
}


/* --------------------------------------------------아홉번째 섹션-------------------------------------------------- */
.msec09 {background:#f1f1f2;}
.msec09 .mcont {padding:85px 0 120px}

.msec09 .tbBox {display:flex; align-items: flex-start;}
.msec09 .tbBox .txtBox .tlt {font-size:36px; line-height:1.3em}
.msec09 .tbBox .txtBox .txt {font-size:18px; margin-top:10px}
.msec09 .tbBox .btnBox {margin-left:auto}

.msec09 .sec09_sl .item {width:287px; margin-right:23px; background:#fff; border-radius:20px;}
.msec09 .sec09_sl .imgBox img {width:100%}
.msec09 .sec09_sl .txtBox {padding:35px 30px 30px; font-size:22px; font-weight:600}

.msec09 .sec09_sl .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); border:0; width:20px; height:35px; background-size:100% 100% !improtant; cursor:pointer}
.msec09 .sec09_sl .slick-prev {left:-50px; background:url(/share/img/main/sec09_arrow_l.png) no-repeat 0 0}
.msec09 .sec09_sl .slick-next {right:-50px; background:url(/share/img/main/sec09_arrow_r.png) no-repeat 0 0}

@media screen and (max-width:1240px){
	.msec09 .mcont {max-width:100%}

	.msec09 .tbBox {padding:0 3%}
	.msec09 .tbBox .txtBox {width:60%}
	.msec09 .sec09_sl .item {margin:0 1.5vw}

	.msec09 .tbBox .btnBox {margin-top:30px}
}

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

	.msec09 .tbBox {display:block;}
	.msec09 .tbBox .txtBox {width:100%}
	.msec09 .tbBox .txtBox .tlt {font-size:3.6vw;}
	.msec09 .tbBox .txtBox .txt {font-size:1.8vw; margin-top:1vw}

	.msec09 .sec09_sl .item {border-radius:2vw;}
	.msec09 .sec09_sl .txtBox {padding:3.5vw 3vw 3vw; font-size:2.2vw;}
}

@media screen and (max-width:768px){
	.msec09 .mcont {padding:9.5vw 0 13vw}

	.msec09 .tbBox .txtBox .tlt {font-size:4.6vw;}
	.msec09 .tbBox .txtBox .txt {font-size:2.8vw; margin-top:2vw}

	.msec09 .sec09_sl .item {border-radius:3vw;}
	.msec09 .sec09_sl .txtBox {padding:4.5vw 4vw 4vw; font-size:3.2vw;}
}

@media screen and (max-width:480px){
	.msec09 .mcont {padding:10.5vw 0 14vw}

	.msec09 .tbBox .txtBox .tlt {font-size:5.6vw;}
	.msec09 .tbBox .txtBox .txt {font-size:3.8vw; margin-top:3vw}

	.msec09 .sec09_sl .item {border-radius:4vw;}
	.msec09 .sec09_sl .txtBox {padding:5.5vw 5vw 5vw; font-size:4.2vw;}
}


/* --------------------------------------------------열번째 섹션-------------------------------------------------- */
.msec10 {background:#000443;}
.msec10 .mcont {display:flex; align-items:center; height:122px;}

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

.msec10 .inpBox {margin-left:auto}
.msec10 .inpBox .inpBox_inp {height:40px; width:383px; font-size:20px; background:#fff;}
.msec10 .inpBox .inpBox_btn {height:40px; width:180px; background:#f426b3; color:#fff; border-radius:15px; border:0; margin-left:10px; text-align:left; padding:0 20px}
.msec10 .inpBox .inpBox_btn span {display:inline-block; vertical-align:middle}
.msec10 .inpBox .inpBox_btn .txt {margin:5px 0 0 10px; font-size:22px; line-height:1.5em}


@media screen and (max-width:1240px){
	.msec10 .tltBox .tlt {font-size:25px; margin-right:10px;}
	.msec10 .tltBox .txt {font-size:16px;} 

	.msec10 .inpBox .inpBox_inp {width:300px}
	.msec10 .inpBox .inpBox_btn {width:160px}
}

@media screen and (max-width:1024px){
	.msec10 .mcont {display:block; height:auto; text-align:center; padding:3vw 0}

	.msec10 .tltBox {display:block; margin-bottom:3vw}
	.msec10 .tltBox .bk {display:inline-block}
	.msec10 .tltBox .tlt {font-size:3.4vw; margin:0 0 1vw 0; line-height:1.3em}
	.msec10 .tltBox .txt {font-size:1.8vw; line-height:1.3em} 

	.msec10 .inpBox {margin-left:auto; width:100%}
	.msec10 .inpBox .inpBox_inp {height:4vw; width:74%; font-size:2vw;}
	.msec10 .inpBox .inpBox_btn {height:4vw; width:23.5%; border-radius:1.5vw; margin-left:1.5vw; padding:0 2vw}
	.msec10 .inpBox .inpBox_btn .txt {margin:0.5vw 0 0 1vw; font-size:2.2vw;}
}

@media screen and (max-width:768px){
	.msec10 .mcont {padding:4vw 0}

	.msec10 .tltBox {margin-bottom:4vw}
	.msec10 .tltBox .tlt {font-size:4.4vw; margin:0 0 1vw 0}
	.msec10 .tltBox .txt {font-size:2.8vw} 

	.msec10 .inpBox .inpBox_inp {height:7vw; width:68%; font-size:3vw;}
	.msec10 .inpBox .inpBox_btn {height:7vw; width:29%; border-radius:2.5vw; margin-left:1.5vw; padding:0 3vw}
	.msec10 .inpBox .inpBox_btn .txt {margin:0.7vw 0 0 2vw; font-size:3.2vw;}
}

@media screen and (max-width:480px){
	.msec10 .mcont {padding:5vw 0}

	.msec10 .tltBox {margin-bottom:5vw}
	.msec10 .tltBox .tlt {font-size:5.4vw; margin:0 0 2vw 0}
	.msec10 .tltBox .txt .bk {display:block}
	.msec10 .tltBox .txt {font-size:3.8vw} 

	.msec10 .inpBox .inpBox_inp {height:9vw; width:58%; font-size:4vw;}
	.msec10 .inpBox .inpBox_btn {height:9vw; width:38%; border-radius:3.5vw; margin-left:1.5vw; padding:0 4vw}
	.msec10 .inpBox .inpBox_btn .txt {margin:0.9vw 0 0 3vw; font-size:4.2vw;}
}


/* --------------------------------------------------열한번째 섹션(참가사 만족도 통계)-------------------------------------------------- */
.msec11 {position:relative; background:#f1f1f2; z-index:1}
.msec11 .mcont {padding:80px 0 85px}

.msec11 .top_tltBox {position:absolute; top:0; left:50%; transform:translateX(-50%); width:430px; height:40px; line-height:30px; border-radius:0 0 20px 20px; background:#fff; font-size:22px; color:#f426b3;}
.msec11 .graph_listUl {}
.msec11 .graph_listUl li {display:inline-block; margin-right:100px;}
.msec11 .graph_listUl li:last-child {margin-right:0;}
.msec11 .graph_listUl .graph_txt {margin-top:10px; font-size:24px; line-height:1.3em}

@media screen and (max-width:1024px){
	.msec11 .mcont {padding:8vw 0 8.5vw}

	.msec11 .top_tltBox {width:43vw; height:4vw; line-height:3vw; border-radius:0 0 2vw 2vw; font-size:2.2vw;}
	.msec11 .graph_listUl li {margin-right:7.5vw;}
	.msec11 .graph_listUl .graph_txt {margin-top:1vw; font-size:2.4vw;}
	.msec11 .graph_listUl .graphBox img {height:24vw}
}

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

	.msec11 .top_tltBox {width:60vw; height:6vw; line-height:5vw; border-radius:0 0 3vw 3vw; font-size:3.2vw;}
	.msec11 .graph_listUl li {margin-right:5vw}
	.msec11 .graph_listUl .graph_txt {margin-top:2vw; font-size:3.4vw;}
	.msec11 .graph_listUl .graphBox img {height:25vw}
}

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

	.msec11 .top_tltBox {width:73vw; height:8vw; line-height:7vw; border-radius:0 0 4vw 4vw; font-size:4.2vw;}
	.msec11 .graph_listUl li {width:100%; margin-right:0; margin-bottom:5vw}
	.msec11 .graph_listUl .graph_txt {margin-top:3vw; font-size:4.4vw;}
	.msec11 .graph_listUl .graphBox img {height:40vw}
}