@charset "utf-8";
@import url('reset.css');
@import url('common.css');

body {overflow:hidden;margin:0;padding:0;font-size:1em;font-family:'Pretendard', dotum, sans-serif;background:#fff; letter-spacing:-0.5px; color:#222; font-weight:400;}
#wrap{ }

/* font-family */
@font-face {
	font-family: 'Pretendard'; 
	font-style: normal;
	font-weight: 100; 
	src: url('/assets/fonts/Pretendard-Thin.woff2') format('font-woff2'), 
       url('/assets/fonts/Pretendard-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard'; 
	font-style: normal;
	font-weight: 200; 
	src: url('/assets/fonts/Pretendard-ExtraLight.woff2') format('font-woff2'), 
       url('/assets/fonts/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard'; 
	font-style: normal;
	font-weight: 300; 
	src: url('/assets/fonts/Pretendard-Light.woff2') format('font-woff2'), 
       url('/assets/fonts/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard'; 
	font-style: normal;
	font-weight: 400; 
	src: url('/assets/fonts/Pretendard-Regular.woff2') format('font-woff2'), 
       url('/assets/fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard'; 
	font-style: normal;
	font-weight: 500; 
	src: url('/assets/fonts/Pretendard-Medium.woff2') format('font-woff2'), 
       url('/assets/fonts/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard'; 
	font-style: normal;
	font-weight: 600; 
	src: url('/assets/fonts/Pretendard-SemiBold.woff2') format('font-woff2'), 
       url('/assets/fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard'; 
	font-style: normal;
	font-weight: 700; 
	src: url('/assets/fonts/Pretendard-Bold.woff2') format('font-woff2'), 
       url('/assets/fonts/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard'; 
	font-style: normal;
	font-weight: 800; 
	src: url('/assets/fonts/Pretendard-ExtraBold.woff2') format('font-woff2'), 
       url('/assets/fonts/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard'; 
	font-style: normal;
	font-weight: 900; 
	src: url('/assets/fonts/Pretendard-Black.woff2') format('font-woff2'), 
       url('/assets/fonts/Pretendard-Black.woff') format('woff');
}


@font-face {
	font-family: 'IvyMode'; 
	font-style: normal;
	font-weight: 300; 
	src: url('/assets/fonts/IvyMode-Light.woff2') format('font-woff2'), 
       url('/assets/fonts/IvyMode-Light.woff') format('woff');
}
@font-face {
	font-family: 'IvyMode'; 
	font-style: normal;
	font-weight: 400; 
	src: url('/assets/fonts/IvyMode-Regular.woff2') format('font-woff2'), 
       url('/assets/fonts/IvyMode-Regular.woff') format('woff');
}
@font-face {
	font-family: 'IvyMode'; 
	font-style: normal;
	font-weight: 600; 
	src: url('/assets/fonts/IvyMode-SemiBold.woff2') format('font-woff2'), 
       url('/assets/fonts/IvyMode-SemiBold.woff') format('woff');
}





/* font-size */
.txt88{font-size:88px;line-height:1.2;}
.txt66{font-size:66px;line-height:1.2;}
.txt62{font-size:62px;line-height:1.428;}
.txt58{font-size:58px;line-height:1.2;}
.txt56{font-size:56px;line-height:1.428;}
.txt54{font-size:54px;line-height:1.428;}
.txt52{font-size:52px;line-height:130%;}
.txt50{font-size:50px;line-height:130%;}
.txt48{font-size:48px;line-height:130%;}
.txt46{font-size:46px;line-height:1.2;}
.txt45{font-size:45px;line-height:1.428;}
.txt44{font-size:44px;line-height:1.428;}
.txt42{font-size:42px;line-height:1.2;}
.txt40{font-size:40px;line-height:1.428;}
.txt38{font-size:38px;line-height:130%;}
.txt36{font-size:36px;line-height:1.428;}
.txt34{font-size:34px;line-height:1.428;}
.txt32{font-size:32px;line-height:1.428;}
.txt30{font-size:30px;line-height:180%;}
.txt28{font-size:28px;line-height:1.33;}
.txt26{font-size:26px;line-height:1.33;}
.txt24{font-size:24px;line-height:1.2;}
.txt22{font-size:22px;line-height:1.33;}
.txt21{font-size:21px;line-height:1.33;}
.txt20{font-size:20px;line-height:1.33;}
.txt19{font-size:19px;line-height:1.33;}
.txt18{font-size:18px;}
.txt17{font-size:17px;line-height:1.33;}
.txt16{font-size:16px;line-height:1.33;}
.txt15{font-size:15px;line-height:1.33;}
.txt14{font-size:14px;line-height:1.5;}
.txt13{font-size:13px;line-height:1.5;}
.txt12{font-size:12px;line-height:1.5;}
.txt11{font-size:11px;line-height:1.5;}
.txt10{font-size:10px;line-height:1.5;}
.txt8{font-size:8px;line-height:1.33;}
/* 공통 */
.row {width: 100%; margin:0 auto; position: relative;}
.tly-50{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tlx-50{position:absolute;left:50%;top:0;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}

article {position: relative;}
.white {color: #fff;}
.black {color: #151515;}
.blue {color: #0f6ec8;}
.gray {color: #666;}
.orange {color: #ffa400;}

.green {color: #72ba41;}
.all_block {display: block;}
.inline_1200 {display: block;}
.inline_768 {display: block;}
.inline_486 {display: block;}

.fwn {font-weight: normal;}
.fwb {font-weight: bold;}
.fw100 {font-weight: 100;}
.fw300 {font-weight: 300;}
.fw350 {font-weight: 350;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}
.wk {-ms-word-break: keep-all;word-break: keep-all;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}

.lh1 {line-height: 1;}
.lh12 {line-height: 1.2;}
.lh13 {line-height: 1.33;}
.lh15 {line-height: 1.5;}
.lh17 {line-height: 1.7;}
.lh2 {line-height: 2;}

.w2000 {max-width: 2000px; margin: 0 auto; position: relative;}
.w1800 {max-width: 1800px; margin: 0 auto; position: relative;}
.w1200 {max-width: 1200px; margin: 0 auto; position: relative;}
.w1100 {max-width: 1100px; margin: 0 auto; position: relative;}
.w780 {max-width: 780px; margin: 0 auto; position: relative;}

/* form */
input[type=text],
select { width: 100%; height: 55px; line-height: 55px; background-color: #fff; border: 1px solid #dfdfe1;  font-size: 15px; color: #666; padding: 0 10px; }
input::placeholder {color: #999;}
select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url('../images/common/select_arr.png') no-repeat 97% 50%; /* 화살표 모양의 이미지 */ } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }
textarea { background-color: #fff; border: 1px solid #dfdfe1;  font-size: 14px; color: #999; line-height: 1.33; font-size: 14px; padding: 8px;}




/* ani */
.ani_top{position:relative;opacity:0;top:25px; -wbkit-transition:opacity 1s, top 1s; transition:opacity 1s, top 1s;}
.ani_top.move{opacity:1;top:0;}
.ani_left{position:relative;opacity:0;left:-100px;-webkit-transition:opacity 1s, left 1s; transition:opacity 1s, left 1s;}
.ani_left.move{opacity:1;left:0;}
.ani_right{position:relative;opacity:0;right:-100px;--webkit-transition:opacity 1s, right 1s;transition:opacity 1s, right 1s;}
.ani_right.move{opacity:1;right:0;}
.ani_down{position:relative;opacity:0;bottom:25px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.ani_down.move{opacity:1;bottom:0;}


.trans_d1{transition-delay:0.25s;-moz-transition-delay:0.25s;-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;}
.trans_d2{transition-delay:0.4s;-moz-transition-delay:0.4s;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;}
.trans_d3{transition-delay:0.6s;-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;}
.trans_d4{transition-delay:0.8s;-moz-transition-delay:0.8s;-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;}
.trans_d5{transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;}
.trans_d6{transition-delay:1.2s;-moz-transition-delay:1.2s;-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;}

/* slide 설정 */
.slick-slide:focus {outline: none;}
.slick-prev:before,
.slick-next:before {display: none; } 
button:focus {display: none;}




mv {position: relative; }
.mv_slide_wrap_m {display: none;}
#mv .mv_slide_wrap {height: 100%; margin-bottom: 0;}
#mv .mv_slide_wrap .list {height: 960px; position: relative; overflow:hidden;}
#mv .mv_slide_wrap .list .visual {width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; background-color: #f9f9f9; transform:scale(1.3); animation: sv-bg-change 5s infinite;}
#mv .mv_slide_wrap .list1 .visual { background-image: url('../images/main/mv1.jpg');}
#mv .mv_slide_wrap .list2 .visual { background-image: url('../images/main/mv2.jpg');}
#mv .mv_slide_wrap .list3 .visual { background-image: url('../images/main/mv3.jpg');}
#mv .txt_wrap {color: #222; position: absolute; width: 780px;  top: 60%; left: 50%;  margin-left: 5%; -webkit-transform:translateY(-50%); transform:translateY(-50%); /* padding: 0 75px; */z-index: 1;  }
#mv .txt_wrap .tit {color: #fff; line-height: 0.8; animation:mvTxt 0.5s forwards;}
#mv .txt_wrap .txt {color: #fff; word-break:keep-all; animation:mvTxt1 0.5s forwards;}
#mv .list2 .txt_wrap .tit {color: #fff; }
#mv .list2 .txt_wrap .txt {color: #fff;}
#mv .txt_wrap a {display: inline-block; padding: 25px 40px; border-radius:100px; background-color: #4ad80e; color: #fff; line-height: 1; transition:.25s;}
#mv .list2 .txt_wrap a {background-color: #a305c5;}
#mv .txt_wrap a:hover {background-color: #000;}

#mv .slick-dots {bottom: 20px;}
#mv .slick-dots li {width: auto; height: auto;}
#mv .slick-dots li button {width: 50px; height: 8px; padding: 0; background-color: #fff; border-radius:50px;}
#mv .slick-dots li.slick-active button { background-color: #00baff;}
#mv .slick-dots li button:before {display: none;}

#mv .slick-prev,
#mv .slick-next {width: 20px; height: 55px;  z-index: 1;}
#mv .slick-prev { background-image: url('../images/main/mv_prev.png'); left: 50%; margin-left: -780px; }
#mv .slick-next { background-image: url('../images/main/mv_next.png'); right: 50%; margin-right: -780px; }


@-webkit-keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

@keyframes mvTxt {
    0% {
        opacity:0;
				transform:translateY(10px);
    }
    100% {
        opacity:1;
				transform:translateY(0);
    }
}
@keyframes mvTxt1 {
    0% {
        opacity:0;
				transform:translateY(-10px);
    }
    100% {
        opacity:1;
				transform:translateY(0);
    }
}

/*

#mv {position: relative; background-attachment: fixed;}
#mv .mv_slide {margin-bottom: 0;}
#mv .mv_list {position: relative; overflow: hidden;}
#mv .mv_list .visual {height: 980px; background-repeat: no-repeat; background-position: 42% 50%; background-size:cover; z-index: 1; overflow: hidden;  transform:scale(1.05); animation:mvBgScale 3.5s forwards;}

#mv .mv_list .txt_area {position: absolute;left: 0;top:35%;padding: 0 100px;width: 100%;z-index: 2;left: 50%;margin-left: -550px;}
#mv .txt_area .txt_wrap {display: block;justify-content:center;align-items: flex-start; position: absolute;width: 1100px;}

#mv .mv_list.slick-active .txt_wrap h3 { animation:mvTxt 0.7s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px); }
#mv .mv_list.slick-active .txt_wrap p { animation:mvTxt 0.7s 0.5s forwards; opacity: 0;  transform:translateY(50px) scale(1.1); filter:blur(5px);}




.mv_scroll {position: absolute; bottom: 5%; left: 50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); -webkit-animation:moveScroll 2s infinite; animation:moveScroll 2s infinite; cursor: pointer; }
@-webkit-keyframes moveScroll {
    0% { -webkit-transform:translate(-50%,0) ; }
   50% { -webkit-transform:translate(-50%,-10px) ; }
} 
@keyframes moveScroll {
    0% { transform:translate(-50%,0) ; }
   50% { transform:translate(-50%,-10px) ; }
} 





@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes mvTxt {
    0% {
        /* transform:translateY(50px); */
        opacity:0;
				transform:translateY(50px) scale(1.1);
				filter:blur(5);
    }
    100% {
        /* transform:translateY(0); */
        opacity:1;
				transform:translateY(0) scale(1);
				filter:blur(0);
    }
}*/
/* #mv .slick-dots {display: inline-block;width: auto;bottom: 135px; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); font-size: 0;}
#mv .slick-dots li {margin: 0 1px; width: auto; height: auto;}
#mv .slick-dots li button {width: 78px; height: 3px; background-color: #222; padding: 0;}
#mv .slick-dots li button:before {display: none;}
#mv .slick-dots li.slick-active button {  background-color: #fff;} */

.slick-slide { -webkit-transform: translate3d(0,0,0); }
#mv .slick-prev,
#mv .slick-next {display: block;width: 65px; height: 65px; background-image: url('../images/main/mv_prev.png'); background-repeat: no-repeat; background-size:cover;	 left: 100px; opacity: 1; z-index: 1;}
#mv .slick-prev {}
#mv .slick-next {background-image: url('../images/main/mv_next.png') ; left: auto; right: 100px; }

.tit_wrap { margin-bottom:50px;}
.tit_wrap h3 {font-weight: 700; margin-bottom:30px;}
.tit_wrap h3:after {content:'';display: block;width: 45px;height:4px;background-color: #023f97;position: absolute;top: -30px;left: 50%;margin-left: -22.5px;}
.tit_wrap h2:after {content:'';display: block;width: 80%;height:1px;background-color: #fff;position: absolute;top: 12px;left: 20%;margin-left: 0;}


.m1 {padding: 150px 0 150px;}
.m1 ul {display: flex; padding-top:50px;}
.m1 li {width: 278px; height: 275px;  text-align: center; overflow: hidden; position: relative; background-size:cover; background-position: 50% 50%; background-repeat: no-repeat;  transition:2s; }
.m1 ul li:nth-child(odd) {transform:translateY(-50px);}
.m1 ul li:nth-child(even) {transform:translateY(50px);}
.m1 ul.move li:nth-child(odd) {transition-delay:1s;transform:translateY(0);}
.m1 ul.move li:nth-child(even) {transition-delay:1s;transform:translateY(-50px);}
.m1 li:nth-child(1) {background-image:url('/assets/images/main/m1_1.png');}
.m1 li:nth-child(2) {background-image:url('/assets/images/main/m1_2.png');}
.m1 li:nth-child(3) {background-image:url('/assets/images/main/m1_3.png');}
.m1 li:nth-child(4) {background-image:url('/assets/images/main/m1_4.png');}
.m1 li a {display: block; width: 100%; height: 100%; position: relative; z-index: 1;  transition:.25s;}
.m1 li .txt_wrap {position: absolute; top: 32%; left: 0; width: 100%; transition:.25s; z-index: 1;}
.m1 li a:hover { }
.m1 li:hover:after {top: 0;}
.m1 li:hover .txt_wrap {color: #fff;}

.chk_txt p {position: relative; padding-left: 40px; line-height: 1.7; word-break:keep-all; margin-bottom: 5px;}
.chk_txt p:after {content:''; display: block; width: 21px; height: 21px; background: url('/assets/images/main/point.png') 0 0 no-repeat; position: absolute; top: 6px; left: 10px;}

.chk_txt1 p {position: relative; padding-left: 40px; line-height: 1.7; word-break:keep-all; margin-bottom: 5px;}
.chk_txt1 p:after {content:''; display: block; width: 27px; height: 27px; background: url('/assets/images/main/b_point.png') 0 0 no-repeat; position: absolute; top: 4px; left: 5px;}

.chk_txt2 { margin:0 auto; width:79%;}
.chk_txt2 p {position: relative; padding-left: 45px; line-height: 1.7; word-break:keep-all; margin-bottom: 5px;}
.chk_txt2 p:after {content:''; display: block; width: 27px; height: 28px; background: url('/assets/images/main/o_point.png') 0 0 no-repeat; position: absolute; top: 5px; left: 5px;}

.chk_txt3 p {position: relative;padding-left: 25px;line-height: 1.7;word-break:keep-all;margin-bottom: 5px;text-align: left;}
.chk_txt3 p:after {content:''; display: block; width: 6px; height: 6px; background-color:#666; border-radius:20px;  position: absolute; top: 15px; left:5px;}



.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}
.pl30 { padding-left:30px;}

.m2 {padding: 0 0 100px;}

.img_list { position:relative; border-radius:20px;}
.img_list li {display: flex;justify-content:space-between; align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: 50%; }
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; border-radius:20px; }
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }

.img_list li .img_box .img  {position: relative; overflow:hidden;}
.img_list li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.img_list li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}

@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}



.m2 .info_btn {display: flex; align-items:center;}
.m2 .info_btn .btn {display: flex; align-items:center; justify-content:center; text-align: center; width: 255px; height: 52px; border-radius:10px; font-weight: 500; transition:.25s;}
.m2 .info_btn .btn1 {background-color: #ffa400; color: #fff; margin-right: 8px;}
.m2 .info_btn .btn2 {background-color: #fff; color: #222; border:1px solid #222;}
.m2 .info_btn .btn1:hover {background-color: #023f97;}
.m2 .info_btn .btn2:hover {background-color: #023f97; color:#fff; border:1px solid #023f97;}
.m2 .info_btn .btn2:hover .icon {filter: invert(1);}


.m3 {padding: 70px 0; background-color:#0f6ec8;}
.m4 {padding:150px 0 100px;}
.square_img_wrap3 {}
.square_img_list3 {font-size: 0; }
.square_img_list3 li {display: inline-block;  width: calc(33.33% - 50px); margin: 0 25px; vertical-align: top; overflow:hidden;}
.square_img_list3 li .square_img {position: relative; overflow:hidden; border-radius:20px 20px;}
.square_img_list3 li .num  {display: block;vertical-align: middle;font-family: 'Montserrat', sans-serif;width: 50px;height: 50px;font-size:22px;text-align: center;line-height: 50px;background-color: #896e60; border-radius:50%;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-25px);top: 0;left: 0;margin: 0 auto;}
.square_img_list3 li .square_img img {width: 100%; transition:.5s;  overflow:hidden; }
.square_img_list3 li .square_img  {position: relative;}
.square_img_list3 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list3 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
.square_img_list3 li:hover .square_img img {transform:scale(1.15);}

.square_img_wrap4 {}
.square_img_list4 {font-size: 0; display:block; text-align:center;}
.square_img_list4 li {display: inline-block;  width: calc(25% - 30px); margin: 0 15px 50px;  vertical-align: top; text-align:center;}
.square_img_list4 li .square_img {position: relative; overflow:hidden;  border-radius:20px 20px; border:2px solid #ddd;}
/*.square_img_list2 li .num  {display: block;vertical-align: middle; 55px;font-size:26px;text-align: center; color: #127864 ;font-weight: 500; text-align:center; margin-bottom:30px;}*/
.square_img_list4 li .num  {display: block;vertical-align: middle; width: 200px;height: 55px;font-size:20px;text-align: center;line-height: 53px; border-radius:50px; background-color: #fff; border:2px solid  #9e7e66;  color: #9e7e66 ;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: 0;left: 0; margin: 0 auto -30px; z-index: 1; position: relative;}
.square_img_list4 li .square_img img { width: -webkit-fill-available; transition:.5s}
.square_img_list4 li:hover .square_img img {transform:scale(1.15);}
.square_img_list4 li .txt {background-color:#9e7e66; color:#fff; padding:10px 0; border-radius:10px 10px; }

.square_img_list4 li .square_img  {position: relative;}
.square_img_list4 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list4 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}




.s_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.s_tab li {display: inline-block; vertical-align: top; margin:0 15px; }
.s_tab li a {display: block;  text-align: center; line-height:45px; font-size: 18px; font-weight:500; color: #ffa400; transition: .25s; border-bottom:2px solid #ffa400; }
.s_tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.s_tab li a.active,
.s_tab li a:hover{ color: #222; font-weight: 700; border-bottom:2px solid #222; }

.s_tab_con > .con  h4{ position:relative;}

.s_tab_con > .con { display: none;  /* 기본적으로 모든 내용을 숨김 */}
.s_tab_con > .con.active {display: block;  /* active 클래스가 있을 때만 보이게 함 */}

.s_tab .col-1 li{width:calc(50% - 2px);}
.s_tab .col-2 li{width:calc(50% - 30px);}
.s_tab .col-3 li{width:calc(32% - 30px);}
.s_tab .col-4 li{width:calc(25% - 30px);}
.s_tab .col-5 li{width:calc(20% - 30px);}
.s_tab .col-6 li{width:calc(16.66% - 30px);}
.s_tab .col-7 li{width:calc(14.285% - 30px);}



.package_list {margin:0 auto 0;position: relative;display: ruby;align-items: center;top:50px;background-color: #f9f9f9;padding: 50px 15px;}
.package_list li {width: calc(33.33% - 8px);margin: 0 0;position: relative;display: flex;align-items: center;}
.package_list li p {}
.package_list li .txt_box {z-index: 2;width: 70%;float:right;}
.package_list li .txt_box h3 {display: inline-block;position: relative;padding: 0 0 0 8%;}
.package_list li .txt_box p{ padding-left:10%; overflow:hidden; }
.package_list li img {position: relative;width: 60px;}

.m5 {padding:100px 0 100px;}


.s_tab1 {width: 100%;padding: 0 0;position: relative; text-align:center; background-color:#0f6ec8;}
.s_tab1 li {display: inline-block;vertical-align: top;width: calc(25% - 5px);line-height:50px;font-size: 16px;margin:0 1px;font-weight: 500;color: #fff;}
.s_tab1 li a {display: block;  text-align: center;   transition: .25s;}
/*.s_tab1 li:hover {color: #ffa400;  transition: .25s;}*/
.s_tab1 li.active {color: #ffa400;}
.s_tab1_box .txt_box {width:640px;padding:40px 50px;position: absolute;top: 15%;left: 3%;border-radius: 20px;background-color: #fff;}
.s_tab1_box .txt_box1 {width:640px;padding:40px 50px;position: absolute;top: 15%;right: 3%;border-radius: 20px;background-color: #fff;}



.m5 .info_btn {display: flex; align-items:center; justify-content: center;}
.m5 .info_btn .btn {display: flex; align-items:center; justify-content:center; text-align: center; width: 255px; height: 52px; border-radius:10px; font-weight: 500; transition:.25s;}
.m5 .info_btn .btn1 {background-color: #ffa400; color: #fff; margin-right: 8px;}
.m5 .info_btn .btn2 {background-color: #fff; color: #ffa400; border:1px solid #ffa400;}
.m5 .info_btn .btn1:hover {background-color: #023f97;}
.m5 .info_btn .btn2:hover {background-color: #023f97; color:#fff; border:1px solid #023f97;}

.m6 {padding:100px 0 100px;}

.m6 .promotion_list {margin-bottom: 0 !important;  }
.m6 .promotion_list .slick-track {display: flex; align-items:flex-end;}
.m6 .promotion_list .list {float: none;width: calc(50% - 10px); margin:0 5px; padding:0 0; position: relative; background-color:#f7f7f7; padding:30px; border-radius:30px; height:400px;}
.m6 .promotion_list .list a {display: block; }
.m6 .promotion_list .thumb { }
.m6 .promotion_list .thumb img {display: inline-block; width:100%}
.m6 .promotion_list .list.slick-center {width: 1100px; transition:.25s;}
.m6 .promotion_list .slick-center .thumb {}
.m6 .slick-prev,
.m6 .slick-next {width: 26px; height: 232px; top: 0; left: 92%; margin-top: -50px; transform:translate(0,0); z-index: 1; background-repeat:no-repeat;}
.m6 .slick-prev {background-image: url('/assets/images/main/m6_prev.png'); margin-left: -20px;}
.m6 .slick-next {background-image: url('/assets/images/main/m6_next.png'); left: auto; right: 3%;}

.m7 {padding:100px 0 150px;}
.m7_box {display: flex; justify-content: flex-end;}
.m7_box .lt {width:40%; margin-right:3%;  background-color:#fff; border:1px solid #e9e9e9; border-radius:20px; padding:50px 50px; box-shadow:5px 5px 5px rgba(0,0,0,0.1)}
.m7_box .rt {width:60%;  background-color:#fff; border:1px solid #e9e9e9; border-radius:20px; padding:50px 50px; box-shadow:5px 5px 5px rgba(0,0,0,0.1)}

.m7_box .rt .form_con{margin-bottom:10px; width:49.5%; display:inline-block;}
.m7_box .rt .form_con1{margin-bottom:10px; width:100%;}
.m7_box .rt .ft_form_btn {width:100%; height:55px;border-radius:5px; border: none; text-align: center; color: #fff; background-color:#023f97;  font-size: 20px; font-weight: 500;transition:.25s;}
.m7_box .rt .ft_form_btn:hover {background-color: #151515; }


#contact {background-color: #212121; padding:70px 15px;}
.contact_box {display: flex; justify-content: flex-end;}
.contact_box .lt {width:35%;  }
.contact_box .rt {width:65%; padding-top:4.5%;}

.contact_box .tit_wrap {margin-bottom: 85px;}
.contact_box .copy_txt {margin-top: 20px;color: #fff; opacity:.8;}




.pc { display:block}
.m { display:none}

@media all and (max-width:1800px){
	#mv .slick-prev {left: 10px;}
	#mv .slick-next {right: 10px;}
	#mv .txt_area .tit {font-size: 46px;}
}
@media all and (max-width:1330px){
	.txt88,
	.txt74{font-size:60px;}
	.txt66,
	.txt62,
	.txt60{font-size:52px;}
	.txt58,
	.txt56,
	.txt54{font-size:48px;}
	.txt52,
	.txt50{font-size:42px;}
	.txt48{font-size:38px;}
	.txt46,
	.txt45,
	.txt44{font-size:36px;}
	.txt42,
	.txt40{font-size:32px;}
	.txt38,
	.txt36,
	.txt34{font-size:28px;}
	.txt32{font-size:26px;}
	.txt30{font-size:24px;}
	.txt28,
	.txt26{font-size:20px;}
	.txt24,
	.txt22,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:17px;}
	.txt18,
	.txt17{font-size:16px;}
	.txt16{font-size:15px;}
	.txt15{font-size:14px;}
	.txt14{font-size:13px;}
	.txt12{font-size:11px;}
	.txt11{font-size:10px;}

	
	.block_1200 {display: block;}
	.inline_1200 {display: inline;}

	#mv .mv_list .visual {padding-bottom: 70%;}
	#mv .mv_list .txt_area {padding: 0 80px;}

	



	#mv .slick-prev,
	#mv .slick-next {width: 45px; height: 45px;}












}
@media all and (max-width:1000px){

	#mv .txt_area .txt_wrap .txt_box1 {font-size: 30px;}
	#mv .txt_area .txt_wrap .txt_box1 .txt2:after {height: 18px; bottom: 17px; }

	@keyframes typingAni {
		0%{width:0%}
		100%{width: 390px};
	}
	@keyframes typingAni2 {
		0%{width:0%}
		100%{width: 467px};
	}
	@keyframes typingAni3 {
		0%{width:0%}
		100%{width: 351px};
	}

		

	
}
@media all and (max-width:768px){

	.inline_768 {display: inline;}
	.no_768 {display: none;}
	.block_768 {display: block;}

	.ani_left{left: auto;top:25px;}
	.ani_left.move{left: auto;top:0;}
	.ani_right{right: auto;top: 25px;}
	.ani_right.move{ right: auto;top:0;}
	.ani_top1.move{opacity:1;top:auto; bottom: 40px;}
	.trans_d1,
	.trans_d2,
	.trans_d3,
	.trans_d4,
	.trans_d5,
	.trans_d6{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}

	
#mv .mv_slide_wrap .list {height: 700px;position: relative;overflow: hidden;}
#mv .txt_wrap {color: #222;position: absolute;wi;width: -webkit-fill-available;top: 60%;left: 0;margin-left: 5%; margin-right:10%;-webkit-transform:translateY(-50%);transform:translateY(-50%);/* padding: 0 75px; */z-index: 1;}




/*	
	#mv .slick-prev, 
	#mv .slick-next {width: 30px; height: 30px;}
	
#mv .mv_list .visual {height: 680px !important; background-position: 58% 50%;}
#mv .mv_list .txt_area {padding: 0 20px;top: 35%; left: 0; margin-left: 0;}
#mv .txt_area .txt_wrap {display: block;justify-content:center;align-items: flex-start;position: absolute;width: -webkit-fill-available;word-break: keep-all;padding-right: 15px;}
#mv .txt_area .txt_wrap .logo img{ width:70px;}
	
.mv_scroll {width: 20px; margin-left: -10px;}*/

.tit_wrap h3 {font-weight: 700;margin-bottom:30px;font-size: 26px;}
	
.m1 {padding: 100px 15px 150px;}
.m1 ul {display: block;padding-top: 0;}
.m1 li {width: 278px;height: 278px;text-align: center;overflow: hidden;position: relative;background-size:cover;background-position: 50% 50%;background-repeat: no-repeat;transition:2s;margin: 0 auto 20px;}
.m1 ul li:nth-child(odd) {transform: translateY(0);}
.m1 ul li:nth-child(even) {transform: translateY(0);}
.m1 li .txt_wrap h4{ font-size:22px !important;}
.m1 li .txt_wrap {position: absolute;top: 35%;left: 0;width: 100%;transition:.25s;z-index: 1;}
.m1 .mt100{ margin-top:50px !important;}

.img_list li {display: block;}
.img_list li > div {width: -webkit-fill-available;padding-bottom: 20px;}

.m2 {padding: 0 15px 70px;}
.m2 .info_btn .btn2 .icon { width:22px;}

.pl70 { padding-left:0;}
.pr70 { padding-right:0;}
.tit_wrap h2 { padding:0 30px;}  
.tit_wrap h2:after {content:'';display: block;width: 50%;height:1px;background-color: #fff;position: absolute;top: 9px;left: 40%;margin-left: 0;}

.package_list li {width: -webkit-fill-available;margin: 0 10px 30px;position: relative;display: flex;align-items: center;}
.chk_txt1 p:after {content:'';display: block;width: 27px;height: 27px;background: url('/assets/images/main/b_point.png') 0 0 no-repeat;position: absolute;top: -2px;left: 5px;scale: .8;}
.chk_txt2 { margin:0 auto; width:85%; font-size:16px !important;}
.chk_txt2 p {position: relative;padding-left: 40px;line-height: 1.7;word-break:keep-all;margin-bottom: 5px;}
.chk_txt2 p:after {content:'';display: block;width: 27px;height: 28px;background: url('/assets/images/main/o_point.png') 0 0 no-repeat;position: absolute;top: 0px;left: 5px;scale: .8;}

.chk_txt3 p {position: relative;padding-left: 22px;line-height: 1.7;word-break:keep-all;margin-bottom: 5px;text-align: left;}
.chk_txt3 p:after {content:'';display: block;width: 6px;height: 6px;background-color:#666;border-radius:20px;position: absolute;top: 9px;left:5px;}


.square_img_list3 li {display: inline-block;width: -webkit-fill-available;margin: 0 15px 20px;vertical-align: top;}
.s_tab1 li {display: inline-block;vertical-align: top;width: -webkit-fill-available;line-height:55px;font-size: 18px;margin:0 1px;font-weight: 600;color: #fff;}

.s_tab1_box .txt_box {width: -webkit-fill-available;padding:20px 15px;position: relative;top: 65%;left: 0;border-radius: 20px;background-color: #fff;margin: -30px 3%;}
.s_tab1_box .txt_box1 {width:-webkit-fill-available;padding:20px 15px;position:  relative;top: 65%;right:0;border-radius: 20px;background-color: #fff;margin:-30px 3%;}

.m4 {padding: 130px 15px 70px;}

.m5 {padding: 70px 15px 70px;}
.m6 {padding: 70px 15px 70px;}
.m6 .promotion_list .list {float: none;width: calc(50% - 10px);margin:0 5px;padding:0 0;position: relative;background-color:#f7f7f7;padding: 30px 30px;border-radius:30px;height: 370px;}
.m6 .slick-prev,
.m6 .slick-next {width: 26px;height: 232px;top: 0;left: 86%;margin-top: -50px;transform:translate(0,0);z-index: 1;background-repeat:no-repeat;}
.m6 .slick-prev {background-image: url('/assets/images/main/m6_prev.png'); margin-left: -20px;}
.m6 .slick-next {background-image: url('/assets/images/main/m6_next.png'); left: auto; right: 3%;}

	
.m7 {padding:70px 15px 100px;}
.m7_box {display: block;justify-content: flex-end;}
.m7_box .lt {width: -webkit-fill-available;margin-right: 0;background-color:#fff;border:1px solid #e9e9e9;border-radius:20px;padding:30px 20px;box-shadow:5px 5px 5px rgba(0,0,0,0.1)}
.m7_box .rt {width: -webkit-fill-available;background-color:#fff;border:1px solid #e9e9e9;border-radius:20px;padding:30px 20px;box-shadow:5px 5px 5px rgba(0,0,0,0.1);margin-top: 34px;}
.m7_box .rt .form_con{margin-bottom:10px;width: -webkit-fill-available;display:inline-block;}
.m7_box .rt .ft_form_btn {width:-webkit-fill-available;height: 50px;border-radius:5px;border: none;text-align: center;color: #fff;background-color:#023f97;font-size: 15px;font-weight: 500;transition:.25s;}

input[type=text],
select {width: 100%;height: 50px;line-height: 50px;background-color: #fff;border: 1px solid #dfdfe1;font-size: 14px;color: #666;padding: 0 10px;}

.contact_box {display: block;justify-content: flex-end;}
.contact_box .lt {width: 45%;}
.contact_box .rt {width: -webkit-fill-available;padding-top: 11.5%;}

.square_img_list4 li {display: inline-block;width: calc(50% - 10px);;margin: 0 5px 30px;vertical-align: top;text-align:center;}
.square_img_list4 li .txt22 { font-size:15px !important;}


.package_list {margin:0 auto 0;position: relative;display: ruby;align-items: center;top: 0;background-color: #f9f9f9;padding: 0 0;}


.m { display:block}
.pc { display:none}
	
}

@media all and (max-width:486px){
	.txt88,
	.txt74,
	.txt66,
	.txt62,
	.txt60{font-size:33px;}
	.txt56,
	.txt56,
	.txt54{font-size:32px;}
	.txt52,
	.txt50{font-size:32px;}
	.txt48,
	.txt46,
	.txt45,
	.txt44{font-size:26px;}
	.txt42,
	.txt40{font-size:24px;}
	.txt38,
	.txt36,
	.txt34{font-size:20px;}
	.txt32,
	.txt30,
	.txt28{font-size:20px;}
	.txt26{font-size:17px;}
	.txt24,
	.txt22,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:16px;}
	.txt18,
	.txt17,
	.txt16{font-size:16px;}
	.txt15{font-size:13px;}
	.txt14{font-size:13px;}
	.txt12{font-size:10px;}

	.inline_486 {display: inline;}
	.no_486 {display: none;}
	.block_486 {display: block;}

	
	
	
	
	
	
	
	
}