@charset "utf-8";

body {overflow-x: hidden;}
#container_wrap {word-break:keep-all;}

/* 비주얼 */
.main_visual {position:relative;z-index:50;}
.main_visual .slides01 .swiper-slide {position:relative;display:grid;place-items:center;padding-top:50%;text-align:center;overflow: hidden;}
.main_visual .slides01 .swiper-slide .main_visual_text {position: absolute;top:50%;left:50%;width:100%;color:#fff;transform: translate(-50%,-50%);}
.main_visual .slides01 .swiper-slide:nth-child(even) .main_visual_text {color:#c7ffc9;}
.main_visual .slides01 .swiper-slide .main_visual_text span {display:block;opacity: 0;transform: translateY(-30px);transition: 3s;}
.main_visual .slides01 .swiper-slide .main_visual_text .sta {font-size:4em;}
.main_visual .slides01 .swiper-slide .main_visual_text .sta em {display:block;font-weight:bold;}
.main_visual .slides01 .swiper-slide .main_visual_text .stb {line-height:1.5;margin-top:30px;font-size:1.5em;}
.main_visual .slides01 .swiper-slide img {position: absolute;top:0;width: 100%;z-index: -1;}
.main_visual .slides01 .swiper-slide.swiper-slide-active {}
.main_visual .slides01 .swiper-slide.swiper-slide-active img {z-index: -1;animation : visual_scale both ease-in-out 5s;}
.main_visual .slides01 .swiper-slide.swiper-slide-active .main_visual_text span {opacity: 1;transform: translateY(0px);}
@keyframes visual_scale{
	0%{
		transform: scale(1.2);
	}
	100%{
		transform: scale(1.0);
	}
}

/* 컨트롤 */
.main_visual .mvis_controll_box {display:flex;position:absolute;left:50%;bottom:55px;z-index:60;height:16px;transform:translateX(-50%);}
.main_visual .mvis_controll_box a {display:inline-block;}
.main_visual .mvis_controll_box .mvis_pager span {width:39px;height:10px;background:#d7d7d7;border-radius:50px;opacity:1;transition:0.4s;}
.main_visual .mvis_controll_box .mvis_pager span.swiper-pagination-bullet-active {width:59px;height:10px;background:#00b648;}
.main_visual .mvis_controll_box .mvis_play {display:none;width:30px;height:30px;background:url("./../image/main/mvis_play_btn.png") center top no-repeat;font-size:0;transform:translateY(-5px);}
.main_visual .mvis_controll_box .mvis_pause {width:30px;height:30px;background:url("./../image/main/mvis_stop_btn.png") center top no-repeat;font-size:0;transform:translateY(-5px);}
	@media only screen and (max-width:1399px){
		
	}
	@media only screen and (max-width:1023px){
		.main_visual .slides01 .swiper-slide .main_visual_text {padding:40px 15px 0 15px;}
		.main_visual .slides01 .swiper-slide .main_visual_text .sta {font-size:3.6875em;}
		.main_visual .slides01 .swiper-slide .main_visual_text .stb {margin-top:20px;font-size:1.2em;}
		.main_visual .mvis_controll_box {bottom:25px;}
	}
	@media only screen and (max-width:767px){
		.main_visual .slides01 .swiper-slide {padding-top:65%;}
		.main_visual .slides01 .swiper-slide .main_visual_text {padding:40px 15px 0 15px;}
		.main_visual .slides01 .swiper-slide .main_visual_text .sta {font-size:2em;}
		.main_visual .slides01 .swiper-slide .main_visual_text .stb {margin-top:10px;font-size:1em;text-wrap:balance;}
		.main_visual .slides01 .swiper-slide img {width: 130%;}
		.main_visual .mvis_controll_box {bottom:25px;height:11px;}
		.main_visual .mvis_controll_box .mvis_pager span {width:10px;height:5px;}
		.main_visual .mvis_controll_box .mvis_pager span.swiper-pagination-bullet-active {width:25px;height:5px;}
		.main_visual .mvis_controll_box .mvis_play {transform:translateY(-4px);}
		.main_visual .mvis_controll_box .mvis_pause {transform:translateY(-4px);}
	}


/* 링고유니버스 */
.con_box1 {overflow:hidden;position:relative;padding:84px 15px 80px 15px;}
.con_box1:before {content:"";position:absolute;left:0;top:-165px;z-index:-1;width:146px;height:100%;background:url(./../image/main/bg_left.png) no-repeat left top;}
.con_box1:after {content:"";position:absolute;right:-100px;bottom:0;z-index:-1;width:264px;height:100%;background:url(./../image/main/bg_right.png) no-repeat left bottom;}
.con_box1 h3 {font-weight:700;font-size:3.75em;text-align:center;color:#111;}
.con_box1 .box {margin-top:80px;}
.con_box1 .box .top {border-bottom: 1px solid #e7e9ec;}
.con_box1 .box .top strong {position:relative;padding-right:30px;background:#fff;font-size:2.25em;font-weight: 600;color:#111;}
.con_box1 .box .top strong:after {content: "";position:absolute;right:17px;top:11px;display: block;width: 14px;height: 14px;border-radius: 100%;background:#00b648;}
.con_box1 .box .top strong span {display:block;margin-bottom:8px;font-weight: 400;font-size:0.4em;color: #767676;}
.con_box1 .box .top strong em {color:#00b648;}
.con_box1 .box .bot {margin-top:30px;}
.con_box1 .box .bot ul {display: flex;flex-wrap: wrap;margin-left:-17px;}
.con_box1 .box .bot ul li {width: 33.3%;height: 504px;padding:0 0 17px 17px;}
.con_box1 .box .bot ul li a {position: relative;z-index: 0;display: flex;justify-content:flex-end;flex-direction:column;height: 100%;padding:30px 40px;background-repeat:no-repeat;background-size: cover;background-position:center top;border-radius: 10px;text-decoration: none;transition: .3s;}
.con_box1 .box .bot ul li a .sttit {font-size:2em;color:#0e322c;}
.con_box1 .box .bot ul li:nth-child(odd) a .sttit {color: #fff;}
.con_box1 .box .bot ul li a .pcon {height:70px;margin-bottom:25px;line-height:1.3;margin-top:20px;color: #3c7168;transition: .3s;}
.con_box1 .box .bot ul li:nth-child(odd) a .pcon {color: rgba(255,255,255,0.8);}
.con_box1 .box .bot ul li a .sns {display: flex;gap:10px;}
.con_box1 .box .bot ul li a .sns span {display:inline-flex;align-items:center;padding:0 20px;height:40px;background: #3ca4b0;border-radius: 50px;color:#c5f4f9;font-size:0.93em;}
.con_box1 .box .bot ul li:nth-child(even) a .sns span {background: #daf0ec;color: #6aa297;}
.con_box1 .box .bot ul li:nth-child(3) a .sns span {background: #4b7db3;color:#d3e5f7;}
.con_box1 .box .bot ul li:nth-child(5) a .sns span {background: #23476e;color:#d1e1f4;}
.con_box1 .box .bot ul li:nth-child(1) a {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(44, 130, 140, 0.2), rgba(44, 130, 140, 0.96), rgba(44, 130, 140, 1)), url('./../image/main/img1.png');}
.con_box1 .box .bot ul li:nth-child(2) a {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(235, 250, 257, 0.2), rgba(235, 250, 257, 0.99), rgba(235, 250, 257, 1)), url('./../image/main/img2.png');}
.con_box1 .box .bot ul li:nth-child(3) a {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(44, 91, 140, 0.2), rgba(44, 91, 140, 0.96), rgba(44, 91, 140, 1)), url('./../image/main/img3.png');}
.con_box1 .box .bot ul li:nth-child(4) a {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(235, 250, 257, 0.2), rgba(235, 250, 257, 0.99), rgba(235, 250, 257, 1)), url('./../image/main/img4.png');}
.con_box1 .box .bot ul li:nth-child(5) a {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(18, 47, 79, 0), rgba(18, 47, 79, 0.93), rgba(18, 47, 79, 1)), url('./../image/main/img5.png');}
.con_box1 .box .bot ul li:nth-child(6) a {background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(235, 250, 257, 0.2), rgba(235, 250, 257, 0.96), rgba(235, 250, 257, 1)), url('./../image/main/img6.png');}
.con_box1 .box .bot ul li a:is(:hover,:focus,:active) {transform: scale(1.05,1.05);}
.con_box1 .box .bot ul li a:is(:hover,:focus,:active) .pcon {margin-bottom:45px;}
	@media only screen and (max-width:1209px){
		.con_box1 .box .bot ul li a .pcon br {display: none;}
	}
	@media only screen and (max-width:1199px){
		.con_box1 .box {padding:0;}
		.con_box1 .box .bot ul li a {padding:20px 30px;}
	}
	@media only screen and (max-width:1023px){
		.con_box1 {padding:50px 0;}
		.con_box1:before {left:-50px;}
		.con_box1:after {right:-150px;}
		.con_box1 h3 {font-size:3em;}
		.con_box1 .box {margin-top:40px;padding:0 15px;}
		.con_box1 .box .top strong span {margin-bottom:4px;}
		.con_box1 .box .bot {margin-top:15px;}
		.con_box1 .box .bot ul {margin-left:-15px;}
		.con_box1 .box .bot ul li {height: auto;padding:0 0 15px 15px;}
		.con_box1 .box .bot ul li a {padding:50% 15px 20px 15px;}
		.con_box1 .box .bot ul li a .pcon {height:60px;margin-bottom:15px;margin-top:10px;}
		.con_box1 .box .bot ul li a .sns {gap:4px;}
		.con_box1 .box .bot ul li a .sns span {padding:0 11px;height:35px;}
	}
	@media only screen and (max-width:767px){
		.con_box1 {padding:40px 0;}
		.con_box1:before {left:-80px;background-position:left top;}
		.con_box1:after {right:-180px;background-position:left bottom;}
		.con_box1 h3 {font-size:2.5em;}
		.con_box1 .box .bot ul {margin-left:-10px;}
		.con_box1 .box .bot ul li {width:50%;padding:0 0 10px 10px;}
		.con_box1 .box .bot ul li a .pcon {height:auto;margin-bottom:10px;margin-top:10px;}
	}
	@media only screen and (max-width:499px){
		.con_box1 {padding:30px 0;}
		.con_box1 .box .bot ul li {width:100%;}
	}

	
/* 비즈니스 */
/*.con_box2 {padding:100px 0;background:#f2f2f2;}
.con_box2 h3 {font-size:3.75em;color:#111;}
.con_box2 .business_box {display:flex;margin-top:45px;margin-left:-40px;}
.con_box2 .business_box .img_box {width:33.3%;padding-left:40px;}
.con_box2 .business_box .img_box > div {background:#fff;}
.con_box2 .business_box .img_box .img {}
.con_box2 .business_box .img_box .img img {width:100%;}
.con_box2 .business_box .img_box .txt {padding:25px 15px 25px 135px;}
.con_box2 .business_box .img_box:nth-child(1) .txt {background:url(./../image/main/icon1.png) no-repeat 30px center;}
.con_box2 .business_box .img_box:nth-child(2) .txt {background:url(./../image/main/icon2.png) no-repeat 35px center;}
.con_box2 .business_box .img_box:nth-child(3) .txt {background:url(./../image/main/icon3.png) no-repeat 35px center;}
.con_box2 .business_box .img_box .txt strong {font-size:1.625em;color:#111;}
.con_box2 .business_box .img_box .txt p {margin-top:10px;line-height:1.3;font-size:1.062em;color:#444;}
	@media only screen and (max-width:1399px){
		.con_box2 .business_box .img_box .txt br {display:none;}
		.con_box2 .business_box {margin-left:-20px;}
		.con_box2 .business_box .img_box {padding-left:20px;}
	}
	@media only screen and (max-width:1023px){
		.con_box2 {padding:50px 0;}
		.con_box2 h3 {font-size:3em;}
		.con_box2 .business_box {flex-direction:column;margin-top:25px;margin-left:0;}
		.con_box2 .business_box .img_box {width:100%;padding-left:0;}
		.con_box2 .business_box .img_box > div {display:flex;align-items:stretch;margin-top:20px;}
		.con_box2 .business_box .img_box:first-child > div {margin-top:0;}
		.con_box2 .business_box .img_box .img {position:relative;width:30%;overflow:hidden;background:#000;}
		.con_box2 .business_box .img_box .img img {position:absolute;left:50%;top:50%;width:auto;height:100%;transform:translate(-50%, -50%);}
		.con_box2 .business_box .img_box .txt {display:flex;justify-content:center;flex-direction:column;width:100%;padding:20px 100px 20px 25px;}
		.con_box2 .business_box .img_box:nth-child(1) .txt {background-position:right 20px center;background-size:40px auto;}
		.con_box2 .business_box .img_box:nth-child(2) .txt {background-position:right 20px center;background-size:40px auto;}
		.con_box2 .business_box .img_box:nth-child(3) .txt {background-position:right 20px center;background-size:40px auto;}
	}
	@media only screen and (max-width:767px){
		.con_box2 {padding:40px 0;}
		.con_box2 .business_box {margin-top:20px;}
		.con_box2 .business_box .img_box > div {margin-top:15px;}
		.con_box2 .business_box .img_box .img {width:35%;}
		.con_box2 .business_box .img_box .img img {width:auto;height:100%;}
		.con_box2 .business_box .img_box .txt {padding:20px 60px 20px 20px;}
	}
	@media only screen and (max-width:579px){
		.con_box2 .business_box .img_box > div {flex-direction: column;}
		.con_box2 .business_box .img_box .img {width:100%;padding-top:49%;}
		.con_box2 .business_box .img_box .img img {width:100%;height:auto;}
	}*/


/* 고객센터 */
.con_box3 {padding:100px 0;background: url(./../image/main/bg.jpg) no-repeat center / cover;text-align:center;}
.con_box3 h3 {margin-bottom:0;font-size:3.75em;color:#fff;}
.con_box3 p {margin:30px 0 35px 0;font-size:1.375em;color:#fff;}
.con_box3 a {display:grid;place-items:center;width:233px;height:50px;padding:10px 40px;margin:0 auto;border:1px solid #fff;color:#fff;}
.con_box3 a:hover,.con_box3 a:focus,.con_box3 a:active {background: #fff;color:#222;}
	@media only screen and (max-width:1023px){
		.con_box3 {padding:50px 0;}
		.con_box3 h3 {font-size:3em;}
		.con_box3 p {margin:20px 15px 25px 15px;line-height:normal;}
	}
	@media only screen and (max-width:767px){
		.con_box3 {padding:40px 0;}
		.con_box3 h3 {font-size:3em;}
		.con_box3 p {margin:15px 15px 20px 15px;line-height:normal;}
	}