@charset "utf-8";

/*
main-color: #416fef
*/

.skip_snb_menu {display:none;}
#fs_container_wrap {}


/* 비주얼 */
.fs_main_visual {display:block;width:100%;overflow:hidden;}
.fs_main_visual .slides01 {display:block;width:100%;height:100vh;text-align:center;}
.fs_main_visual .slides01 .main_visual_text {}
.fs_main_visual .slides01 .main_visual_text * {display:inline-block;color:#fff;animation-duration: 2s;animation-delay: 4s;-webkit-animation-duration: 2s;-webkit-animation-delay: 4s;}
.fs_main_visual .slides01 .main_visual_text .sta {font-size:68px;line-height:1.3em;font-weight:600;}

.fs_main_visual .slides01 > li {position:relative;display:block;width:100%;height:100%;padding-top:90px;background:url(./../img/main/mvis01.jpg) no-repeat  center;background-size:cover;}
.fs_main_visual .slides01 > li .mvis_box {display:flex;flex-wrap:wrap;width:100%;height:calc(100% - 80px);align-content:center;justify-content:center;}
.fs_main_visual .slides01 > li .mvis_box > div {width:100%;z-index: 1;}
.fs_main_visual .slides01 > li .mvis_box .contact_box {display:flex;justify-content:center;margin-top:60px;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box {position:relative;display:flex;margin:0 20px;color:#fff;text-align:left;padding:40px;border:1px solid #fff;border-radius:20px;}

.fs_main_visual .slides01 > li .mvis_box .contact_box .box .title {position:relative;padding-right:30px;font-size:18px;font-weight:600;line-height:1.5em;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .title a {display:block;width:100%;height:100%;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .title a:hover {text-decoration:none;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .title:after {content:'';position:absolute;top:0;bottom:0;right:0;margin:auto;width:1px;height:100%;background:rgba(255,255,255,.5);}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .title em {display:inline-block;position:relative;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .info {padding-left:30px;font-size:16px;line-height:1.8em;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .info > li {display: flex;align-items: center;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .info > li .icon {display:inline-block;margin-right:10px;width:16px;height:16px;text-align: center;align-items:center;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .info > li .icon.contact {background:url("./../img/main/contact03-1.png") no-repeat center;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .info > li .icon.mail {background:url("./../img/main/contact03-2.png") no-repeat center;}
.fs_main_visual .slides01 > li .mvis_box .contact_box .box .info > li + li {}

.fs_main_visual .slides01 > li .status_box {position:absolute;left:0;right:0;bottom:0;z-index: 2;}
.fs_main_visual .slides01 > li .status_box ul {display:flex;justify-content: center;align-items:center;width:100%;height:80px;background:rgba(0,15,76,.7);}
.fs_main_visual .slides01 > li .status_box ul li {position:relative;width:50%;display:flex;align-items:center;color:#fff;padding:0 30px;line-height:32px;}
.fs_main_visual .slides01 > li .status_box ul li:first-child {justify-content: flex-end;}
.fs_main_visual .slides01 > li .status_box ul li + li:after {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;width:1px;height:17px;background:rgba(255,255,255,.3);}
.fs_main_visual .slides01 > li .status_box ul li .tit {margin-right:20px;font-size:17px;font-weight:600;}
.fs_main_visual .slides01 > li .status_box ul li .num {display:inline-block;margin-right:10px;line-height:26px;font-size:18px;}
.fs_main_visual .slides01 > li .status_box ul li .num em {display:inline-block;font-family:'Montserrat',Sans-serif;font-weight:500;color:#5e89ff;font-size:28px;line-height:32px;}
.fs_main_visual .slides01 > li .status_box ul li .num em:after {content:'건';margin-left:5px;color:#fff;font-size:18px;font-weight:lighter;}

.fs_main_visual .slides01 > li .bg-icon {position:absolute;width:100%;height:100%;top:0;left:0;right:0;}
.fs_main_visual .slides01 > li .bg-icon span {position:absolute;display:inline-block;mix-blend-mode:hard-light;border-radius:50%;z-index:0;}
.fs_main_visual .slides01 > li .bg-icon span.yellow {background:#f0df29;}
.fs_main_visual .slides01 > li .bg-icon span.blue {background:#5e89ff;}
.fs_main_visual .slides01 > li .bg-icon span.blue.b1 {top:20%;right:21%;width:110px;height:110px;animation:rotate ease-in-out 4s infinite alternate;}
.fs_main_visual .slides01 > li .bg-icon span.blue.b2 {bottom:22%;left:17%;width:120px;height:120px;animation:rotate2 ease-in-out 6s infinite alternate;}
.fs_main_visual .slides01 > li .bg-icon span.blue.b3 {top:13%;left:-1%;width:100px;height:100px;animation:rotate3 ease-in-out 4s infinite alternate;}
.fs_main_visual .slides01 > li .bg-icon span.yellow.y1 {top:26%;left:29%;width:50px;height:50px;animation:rotate2 ease-in-out 4s infinite alternate;}
.fs_main_visual .slides01 > li .bg-icon span.yellow.y2 {top:24%;left:28%;width:15px;height:15px;animation:rotate2 ease-in-out 5s infinite alternate;}
.fs_main_visual .slides01 > li .bg-icon span.yellow.y3 {top:28%;right:24.5%;width:60px;height:60px;animation:rotate2 ease-in-out 6s infinite alternate;}
.fs_main_visual .slides01 > li .bg-icon span.yellow.y4 {bottom:21%;left:21%;width:50px;height:50px;animation:rotate ease-in-out 4s infinite alternate;}
.fs_main_visual .slides01 > li .bg-icon span.yellow.y5 {bottom:-5%;right:13%;width:240px;height:240px;animation:rotate ease-in-out 6s infinite alternate;}

.fs_main_visual .slides01 > li .scroll-box {position:absolute;left:0;right:0;bottom:0;max-width:1750px;height:140px;text-align: left;z-index:110;}
.fs_main_visual .slides01 > li .scroll-box .box {position:relative;display:block;height:100%;}
.fs_main_visual .slides01 > li .scroll-box span {display:inline-block;padding:20px 10px 0;transform:rotate(90deg);color:#fff;font-size:14px;}
.fs_main_visual .slides01 > li .scroll-box:before {content:'';position:absolute;left:0;bottom:0;width:2px;height:100%;background:rgba(255,255,255,.3);}
.fs_main_visual .slides01 > li .scroll-box:after {content:'';position:absolute;left:0;top:0;width:2px;height:40px;background:rgba(255,255,255,1);animation: scroll ease 3s infinite;}
	@keyframes rotate {
		0% {transform: translate(0px, 0px);}
		50% {transform: translate(10px, 15px);}
		100% {transform: translate(-10px, -5px);}
	}
	@keyframes rotate2 {
		0% {transform: translate(0, 0);}
		50% {transform: translate(-15px, -15px);}
		100% {transform: translate(10px, 5px);}
	}
	@keyframes rotate3 {
		0% {transform: translate(0, 0);}
		50% {transform: translate(-25px, 25px);}
		100% {transform: translate(-20px, 15px);}
	}
	@keyframes scroll {
		from {transform: translateY(0);}
		to {transform: translateY(140px);}
	}

	/* 반응형 */
	@media only screen and (max-width:1749px){
		.fs_main_visual .slides01 > li .scroll-box {margin:0 30px;}
	}
	@media only screen and (max-width:1399px){
		@keyframes rotate2 {
			0% {transform: translate(0, 0);}
			50% {transform: translate(-10px, -10px);}
			100% {transform: translate(5px, 0px);}
		}

		.fs_main_visual .slides01 > li .bg-icon span.blue.b1 {top:15%;right:200px;}
		.fs_main_visual .slides01 > li .bg-icon span.blue.b2 {left:80px;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y1 {left:300px;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y2 {left:260px;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y3 {top:23%;right:260px;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y4 {left: 90px;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y5 {right:50px;}
	}
	@media only screen and (max-width:1299px){
		.fs_main_visual .slides01 .main_visual_text .sta {font-size:60px;}

		.fs_main_visual .slides01 > li .bg-icon span.blue.b1 {right:5%;}
		.fs_main_visual .slides01 > li .bg-icon span.blue.b2 {left:-50px;}
		.fs_main_visual .slides01 > li .bg-icon span.blue.b3 {display:none;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y1 {left:10%;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y2 {left:8%;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y3 {right: 4%;top:25%;width: 50px;height: 50px;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y4 {left:3%;bottom:22%;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y5 {right:-5%;}
	}
	@media only screen and (max-width:1023px){
		.fs_main_visual .slides01 .main_visual_text .sta {font-size:52px;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box {margin-top:40px;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box .box {display:block;width:45%;margin:0 10px;padding:30px;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box .box:before {background-color:#000;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box .box .title {padding-bottom:5px;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box .box .title:after {left:0;right:0;top:unset;bottom:0;width:100%;height:1px;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box .box .title br {display:none;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box .box .title em:after {display:none;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box .box .info {padding:0;margin-top:10px;line-height:1.5em;}

		.fs_main_visual .slides01 > li .bg-icon span {animation:none !important;}
		.fs_main_visual .slides01 > li .bg-icon span.blue.b1,
		.fs_main_visual .slides01 > li .bg-icon span.blue.b2,
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y3,
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y4 {display:none;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y5 {background:#5e89ff;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual .slides01 .main_visual_text .sta {font-size:40px;}

		.fs_main_visual .slides01 > li .mvis_box .btn_box {flex-wrap:wrap;margin-top:40px;}
		/*.fs_main_visual .slides01 > li .mvis_box .btn_box > div {width:50%;}*/
		.fs_main_visual .slides01 > li .mvis_box .btn_box a {display:inline-block;height:40px;line-height:40px;margin-top:5px;}

		.fs_main_visual .slides01 > li .status_box {}
		.fs_main_visual .slides01 > li .status_box ul {display:block;height:auto;}
		.fs_main_visual .slides01 > li .status_box ul li {width:100%;justify-content:center;padding:10px 0;}
		.fs_main_visual .slides01 > li .status_box ul li:first-child {justify-content: center;}
		.fs_main_visual .slides01 > li .status_box ul li + li:after {width:calc(100% - 50px);height:1px;top:0;left:0;right:0;bottom:unset;}
		.fs_main_visual .slides01 > li .status_box ul li .tit {font-size:16px;word-break: keep-all;text-align:left;margin:0;}
		.fs_main_visual .slides01 > li .status_box ul li .tit br {display:none;}
		.fs_main_visual .slides01 > li .status_box ul li .num {padding-left:20px;}
		.fs_main_visual .slides01 > li .status_box ul li .num em {font-size:24px;font-weight:600;}

		.fs_main_visual .slides01 > li .scroll-box {display: none;}
	}
	@media only screen and (max-width:560px){
		.fs_main_visual .slides01 .main_visual_text .sta {font-size:32px;word-break: keep-all;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y1 {top:17%;width:40px;height:40px;}
		.fs_main_visual .slides01 > li .bg-icon span.yellow.y2 {top:16%;left:7%;width:12px;height:12px;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box {display:block;margin-top:20px;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box .box {width:calc(100% - 20px);margin:10px;padding:20px;}
		.fs_main_visual .slides01 > li .mvis_box .contact_box .box:before {top:10px;right:20px;left:unset;background-color:unset;}
		.fs_main_visual .slides01 > li .mvis_box .btn_box {margin-top:30px;}
		.fs_main_visual .slides01 > li .mvis_box .btn_box a {display:inline-block;height:30px;line-height:30px;margin-top:5px;font-size:15px;}
		.fs_main_visual .slides01 > li .mvis_box .btn_box a.circle_btn span.arrow {height:30px;width:30px;}
		.fs_main_visual .slides01 > li .mvis_box .btn_box a.circle_btn span.arrow:before {background-size:10px;}
	}

/* 컨텐츠 시작 */
.fs_main_contents {}
.con_box {padding-top:150px;}
.con_box > .mcont + .mcont {margin-top:150px;}

/* 공통 */
.fbox {display:flex;flex-wrap:wrap;}
.fbox > div:nth-child(1) {width:36%;}
.fbox > div:nth-child(2) {width:64%;}
.mcont .mtit {font-size:52px;line-height:1.3em;color:#000;font-weight:600;}
	/* 반응형 */
	@media only screen and (max-width:1750px){
		.mcont,
		.mcont .wrap {padding:0 30px;}
		.mcont .mtit {font-size:44px;}
	}
	@media only screen and (max-width:1399px){
		.fbox > div:nth-child(1) {width:100%;}
		.fbox > div:nth-child(2) {width:100%;margin-top:40px;}
		.mcont .mtit {text-align:center;font-size:40px;}
	}
	@media only screen and (max-width:1023px){
		.con_box {padding-top:120px;}
		.con_box > .mcont + .mcont {margin-top:120px;}
	}
	@media only screen and (max-width:767px){
		.con_box {padding-top:100px;}
		.con_box > .mcont + .mcont {margin-top:100px;}

		.mcont, .mcont .wrap {padding:0 15px;}
		.mcont .mtit {font-size:36px;}
	}
	@media only screen and (max-width:560px){
		.con_box {padding-top:80px;}
		.con_box > .mcont + .mcont {margin-top:80px;}

		.mcont .mtit {font-size:32px;}
	}


/* 샌드박스 제도 */
.mcont1 .infobox {}
.mcont1 .infobox ul {display:flex;flex-wrap:wrap;}
.mcont1 .infobox ul li {width:50%;padding:10px;position:relative;overflow-x: hidden;}
.mcont1 .infobox ul li:nth-child(-n+2) {padding-top:0;}
.mcont1 .infobox ul li .box {position:relative;border:1px solid #eee;padding:50px 40px;transition:all .4s;-webkit-transition:all .4s;background:#000;}
.mcont1 .infobox ul li .box * {position:relative;z-index: 1;transition:all .4s;-webkit-transition:all .4s;}
.mcont1 .infobox ul li:after {
	content: '';width: 100%;height: 100%;left: -100%;top: 0;display: block;position: absolute;opacity: .3;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%);
}
.mcont1 .infobox ul li:hover:after {
	left: 100%;top: 0;-webkit-transition: left 1s, top 1s;-moz-transition: left 1s, top 1s;transition: left 1s, top 1s;
}
.mcont1 .infobox ul li .box:before {content:'';position:absolute;left:0;right:0;top:0;width:100%;height:100%;background:url("./../img/main/mcon01_bg1.png") no-repeat bottom right;background-size: 100%;opacity:.4;transition:all .4s;-webkit-transition:all .4s;}
.mcont1 .infobox ul li:nth-child(2) .box:before {background:url("./../img/main/mcon01_bg2.png") no-repeat bottom right;background-size: 100%;opacity:.45;}
.mcont1 .infobox ul li:nth-child(3) .box:before {background:url("./../img/main/mcon01_bg3.png") no-repeat bottom right;background-size: 100%;opacity:.45;}
.mcont1 .infobox ul li:nth-child(4) .box:before {background:url("./../img/main/mcon01_bg4.png") no-repeat bottom right;background-size: 100%;opacity:.45;}
.mcont1 .infobox ul li .box .boxtit {font-size:28px;color:#fff;font-weight:700;}
.mcont1 .infobox ul li .box .boxinfo {margin-top:30px;line-height:1.5em;color:#bbb;}

	/* 반응형 */
	@media only screen and (max-width:1750px){
		.mcont1 .infobox ul li .box:after {background-size:cover !important;}
	}
	@media only screen and (max-width:767px){
		.mcont1 .infobox ul li {width:100%;padding:5px;}
		.mcont1 .infobox ul li:nth-child(n+2) {padding:5px;}
		.mcont1 .infobox ul li .box {padding:30px;}
		.mcont1 .infobox ul li .box .boxtit {font-size:24px;}
		.mcont1 .infobox ul li .box .boxinfo {margin-top:10px;}
	}
	@media only screen and (max-width:560px){
		.mcont1 .infobox ul li .box {background:#000;}
		.mcont1 .infobox ul li .box:after {opacity:.3 !important;}
		.mcont1 .infobox ul li .box .boxtit {color:#fff;}
		.mcont1 .infobox ul li .box .boxinfo {line-height:1.4em;color:#d4d4d4;font-size:15px;}
	}

/* 샌드박스 새로운 소식 */
.mcont2 {background:#f8f8f8;padding:150px 0;}
.mcont2 .board_box {display:flex;flex-wrap:wrap;}
.mcont2 .board_box > div {width:50%;padding:0 10px;position:relative;}
.mcont2 .board_box > div .tit {display:block;padding-top:20px;font-weight:700;font-size:28px;color:#000;border-bottom:1px solid #ddd;}
.mcont2 .board_box > div .tit span {display:inline-block;position:relative;padding-bottom:10px;}
.mcont2 .board_box > div .tit span:after {content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#000;}
.mcont2 .board_box > div .list_box {margin-top:20px;}
.mcont2 .board_box > div .list_box ul li  {display:flex;flex-wrap:wrap;justify-content: space-between;line-height:2.4em;}
.mcont2 .board_box > div .list_box ul li .list_tit {position:relative;padding-left:14px;color:#444;width:78%;font-weight:500;}
.mcont2 .board_box > div .list_box ul li .list_tit:hover {text-decoration:underline;}
.mcont2 .board_box > div .list_box ul li .list_tit:before {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:#82adfd;width:4px;height:4px;}
.mcont2 .board_box > div .list_box ul li .date {color:#757575;width:20%;font-size:14px;}
	/* 반응형 */
	@media only screen and (max-width:1023px){
		.mcont2 {padding:120px 0;}
		.mcont2 .board_box {display:block;}
		.mcont2 .board_box > div {width:100%;}
		.mcont2 .board_box > div + div {margin-top:20px;}
	}
	@media only screen and (max-width:767px){
		.mcont2 {padding:100px 0;}
		.mcont2 .board_box > div .tit span {font-size:24px;}
	}
	@media only screen and (max-width:560px){
		.mcont2 .board_box > div .list_box ul li {display:block;line-height:2em;}
		.mcont2 .board_box > div .list_box ul li .list_tit {width:95%;}
		.mcont2 .board_box > div .list_box ul li .date {display:none;}
		.mcont2 .btn_more {top:10px;}
	}

/* 샌드박스 이야기 영상*/
.mcont3 {}
.mcont3 .fbox {}
.mcont3 .vidbox {position:relative;padding-top:60px;}
.mcont3 .vidbox .vid-list {}
.mcont3 .vidbox .vid-list a {position:relative;display:block;height:100%;padding:0 10px;}
.mcont3 .vidbox .vid-list a .box-wrp {display:block;overflow:hidden;border:1px solid #bbb;position: relative;}
.mcont3 .vidbox .vid-list .imgbox {display:block;aspect-ratio: 16/9;overflow:hidden;background-color:#ddd;border:1px solid #ddd;}
.mcont3 .vidbox .vid-list .imgbox img {max-width: 100%;}
.mcont3 .vidbox .vid-list .txtbox {position:absolute;right:0;bottom:0;height:100px;width:85%;background:rgba(255,255,255,.95);z-index:1;padding:30px 50px 30px 30px;font-size:18px;line-height:1.6em;color:#222;font-weight:600;word-break: keep-all;}
.mcont3 .vidbox .vid-list .txtbox span {width:100%;}
.mcont3 .vidbox .vid-list .txtbox:hover span {}
.mcont3 .vidbox .vid-list .slick-arrow {position:absolute;left:-15px;top:0;bottom:0;margin:auto;width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.3);font-size:0;z-index:1;transition:all .4s;-webkit-transition:all .4s;}
.mcont3 .vidbox .vid-list .slick-arrow:hover {background:rgba(0,0,0,.6);}
.mcont3 .vidbox .vid-list .slick-arrow.slick-next {right:-15px;left:unset;}
.mcont3 .vidbox .vid-list .slick-arrow:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("./../img/common/btn_arrow.png") no-repeat center;width:11px;height:20px;}
.mcont3 .vidbox .vid-list .slick-arrow.slick-prev:after {transform:rotate(180deg);}
.mcont3 .btn_more {left:unset;right:10px;width:45px;height:45px;top:0;}
	/* 반응형 */
	@media only screen and (max-width:767px) {
		.mcont3 .vidbox .vid-list .txtbox {position:unset;padding:20px 10px;font-size:17px;width:100%;}
		.mcont3 .vidbox .vid-list .slick-arrow {top:-100px;}
	}
	@media only screen and (max-width:560px) {
		.mcont3 .vidbox {padding-top:50px;}
		.mcont3 .vidbox .vid-list .slick-arrow {width:45px;height:45px;}
	}
/* 지정기업 투자 */
.mcont4 {background:#f8f8f8;padding:150px 0;overflow:hidden;}
.mcont4 .mtit p {display:inline-block;}
.mcont4 .marquee_list {margin-top:80px;}
.mcont4 .marqueeText {display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items: center;gap: 40px;position:relative;animation: moveLeft 20s linear infinite;}
.mcont4 .marqueeText.right {margin-left:-100px;animation: moveLeft 20s linear infinite;}
.mcont4 .marquee_list .marqueeText.stop, /* 마우스오버시 멈춤*/
.mcont4 .marquee_list .marqueeText.right.stop {animation-play-state: paused;}
.mcont4 .marquee_list .marqueeText li img {max-height:125px;}
	@keyframes moveLeft {
		from{transform:translateX(0);}
		to{transform:translateX(-55%);}
	}
.mcont4 .btn_box {display:inline-block;margin-top:0;}
.mcont4 .btn_box a {font-size:16px;font-weight:500;color:#222;margin:0 0 0 40px;}
.mcont4 .btn_box a.circle_btn span.arrow {border:1px solid #bbb;}
.mcont4 .btn_box a.circle_btn span.arrow:before {filter:invert(60%) sepia(8%) saturate(20%) hue-rotate(323deg) brightness(90%) contrast(88%);}
.mcont4 .btn_box a.circle_bt
n:hover span.arrow {border:none;}
.mcont4 .btn_box a.circle_btn:hover span.arrow:before {filter:none;}
.mcont4 .btn_box a.circle_btn span.txt {line-height:normal;}
.mcont4 .btn_box a.circle_btn span.txt:after {background:#222;}
.mcont4 .pause_box {text-align:center;margin:20px auto 0;}
.mcont4 .pause_box a {display:inline-block;width:35px;height:35px;border:1px solid #bbb;border-radius:50px;overflow: hidden;}
.mcont4 .pause_box a span {position:relative;display:block;width:100%;height:100%;transition:all .4s;-webkit-transition:all .4s;}
.mcont4 .pause_box a span:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:6px;height:10px;background:url("./../img/main/btn_stop.png") no-repeat center;transition:all .4s;-webkit-transition:all .4s;filter:invert(46%) sepia(2%) saturate(5%) hue-rotate(325deg) brightness(95%) contrast(90%);}
.mcont4 .pause_box a span:after {content:'';display:none;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("./../img/main/btn_play.png") no-repeat center left 2px;width:10px;height:10px;background-size:contain;filter: invert(78%) sepia(8%) saturate(21%) hue-rotate(358deg) brightness(94%) contrast(94%);transition:all .4s;-webkit-transition:all .4s;}
.mcont4 .pause_box a.on span:before {display:none;}
.mcont4 .pause_box a.on span:after {display:inline-block;}
.mcont4 .pause_box a:hover {border:1px solid #666;}
.mcont4 .pause_box a:hover span:before {filter: invert(160%) sepia(0%) saturate(1242%) hue-rotate(271deg) brightness(91%) contrast(104%);}
.mcont4 .pause_box a:hover span:after {filter: invert(11%) sepia(0%) saturate(0%) hue-rotate(235deg) brightness(99%) contrast(93%);}
	/* 반응형 */
	@media only screen and (max-width:1399px){
		.mcont4 .mtit p {display:block;}
		.mcont4 .btn_box a {margin:0;}
	}
	@media only screen and (max-width:1023px){
		.mcont4 {padding:120px 0;}
	}
	@media only screen and (max-width:767px){
		.mcont4 {padding:100px 0;}
		.mcont4 .marquee_list {margin-top:60px;}
		.mcont4 .marquee_list .marqueeText li img {max-height:76px;}
		.mcont4 .marqueeText.right {margin-top:10px;}
	}
	@media only screen and (max-width:560px){
		.mcont4 .marquee_list {margin-top:40px;}
		.mcont4 .marquee_list .marqueeText li img {max-height:60px;}
	}