@charset "utf-8";



.tagline { margin: 0; grid-area: tagline; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; transform: rotate(180deg); position: fixed; bottom: 50px; left: 0; margin-left: 3%;font-family: 'Montserrat'; font-size: 16px; font-weight: 400; color: #666; z-index: 0;	 }

.intro { position: fixed; top: 0; left: 0;width: 100%; height: 100%;z-index: 9;}
.intro.off {display: none;}
.intro_inner {position: relative; width: 100%; height: 100vh;}
.intro_logo { width: 100%; height: 100vh; background: url('../images/main/intro_logo.png') 50% 50% no-repeat; background-size:cover; position: fixed; top: 0; left: 0; z-index: 2;}
.intro_logo.off {z-index: -1;display: none;}
.intro_bg {width: 100%; height: 100%;background: url('../images/main/mv1.jpg') 50% 50% no-repeat; background-size:cover;}
.intro_txt {position: absolute; top: 45%; left: 0; width: 100%; transform:translateY(-50%); text-align: center; color: #fff;}
.intro_txt .txt_wrap {}
.intro_txt .txt_wrap .txt1 {opacity: 0; }
.intro_txt .txt_wrap .txt2 {line-height: 1; opacity: 0; letter-spacing: 0.7vw; transform:translateY(50px); transition-duration:.7s; transition-delay:1s; margin-top: 120px;}

.intro_txt .txt_wrap .txt1.on {
	opacity: 1;
  min-width:11px;
  white-space: nowrap;
  margin: 0;
  position: fixed;
  color: transparent;
  top:35%;
  left:50%;
  transform: translate(-50%, -50%);
}

.intro_txt .txt_wrap .txt1.on::before {
  content: "다 되고, 더 될 수 있도록";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	color: #fff;
  overflow: hidden;
  animation: typing 1s steps(31) forwards;
}

@keyframes typing{
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}



#mv_wrap {position: relative; width: 100%; height: 100vh;background: url('../images/main/mv1.jpg') 50% 50% no-repeat; background-size:cover;}
#mv_wrap.on {position: absolute; }
#mv {overflow: hidden; position: fixed; width: 100%; height: 100%; z-index: 1;  }
#mv.on {position: relative;	}
#mv .main_slider_wrap { max-width:100%;  margin: 0 auto; overflow:hidden;}
#mv .main_slider {}
#mv .main_slider .list {position: relative;  height: 100vh;}
#mv .main_slider .list.swiper-slide-active {z-index: 1;}

#mv .main_slider .list .visual {width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; transform: scale(1.2);}
#mv .main_slider .list1 .visual { background-image: url(/assets/images/main/mv1.jpg);background-position: 50% 50%;}
#mv .main_slider .list2 .visual { background-image: url(/assets/images/main/mv2.jpg);background-position: 50% 50%;}
#mv .main_slider .list3 .visual { background-image: url(/assets/images/main/mv3.jpg);background-position: 50% 50%;}


#mv .main_slider .list.swiper-slide-active .visual {/* z-index: 2; */ animation:mvBgScale 1s forwards;}
#mv .main_slider .list .txt_wrap { position: absolute; bottom:30%; right: 50%; margin-right: -900px;  color: #fff; z-index: 3;  /*mix-blend-mode: overlay;*/}
#mv .main_slider .list.swiper-slide-active .txt_wrap {/* animation:mv_txt1 1s forwards; */}
#mv .main_slider .list .txt_wrap .txt1 {opacity: 0; letter-spacing: 0.2em;transform:translateY(-40px); filter: blur(20px);}
#mv .main_slider .list .txt_wrap .txt2 {opacity: 0; letter-spacing: 0.2em;transform:translateY(40px); filter: blur(20px);}
#mv .main_slider .list.swiper-slide-active .txt_wrap .txt1 {animation:mv_txt1 1s 0.5s forwards;}
#mv .main_slider .list.swiper-slide-active .txt_wrap .txt2 {animation:mv_txt2 1s 0.5s forwards;}

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

@keyframes mv_txt1 {
	0% { opacity: 0; letter-spacing: 0.2em; transform:translateY(-40px); filter: blur(20px); }
	20% {opacity: 0; filter: blur(20px);}
	100% { opacity: 1; letter-spacing: 0; transform:translateY(0); filter: blur(0); }
}

@keyframes mv_txt2 {
	0% { opacity: 0; letter-spacing: 0.2em; transform:translateY(40px); filter: blur(20px); }
	20% {opacity: 0;  filter: blur(20px);}
	100% { opacity:  1; letter-spacing: 0; transform:translateY(0);filter: blur(0); }
}



#mv .scroll_down{position: absolute;bottom:0;left:50%;transform:translate(-47%);cursor:pointer; z-index: 1;}
#mv .scroll_down span{display: block;position: relative;font-size:16px;color:#fff;font-weight:400;font-family:"Futura", serif;padding-bottom:104px;letter-spacing:0.02em;}
#mv .scroll_down span:before{width:1px;height:90px;content:"";background: #fff;opacity:0.5;position: absolute;bottom:0;left:calc(50% - 1px);}
#mv .scroll_down span:after{width:7px;height:7px;content:"";box-sizing:border-box;border-radius:100%;background: #fff;position: absolute;left:49%;bottom:20%;transform:translate(-50%);animation:scroll 2s ease-in Infinite Alternate;}

@keyframes scroll{
	0%{bottom:60%;}
	50%{bottom:7%;}
	100%{bottom:60%;}
}

.button-wrapper {  z-index: 1; display: flex; align-items: center; }
.button-wrapper svg { width: 20px; }
.button-wrapper .swiper-button { border: 3px solid #dddddd; border-radius: 50%; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; /*background: linear-gradient(to right, #222 40%, transparent 0%);*/ background-size: 200% 100%; background-position: right bottom; transition: all 0.3s ease-out; cursor: pointer; }
.button-wrapper .swiper-button + .swiper-button { margin-left: 5px; }
.button-wrapper .swiper-prev-button svg { transform: rotate(-180deg); }
.button-wrapper .swiper-prev-button:hover { background-position: right bottom; }
.button-wrapper .swiper-button:hover { background-color: #222; /*background: linear-gradient(270deg, rgb(62, 104, 255) 0%, rgb(110, 124, 255) 100%);*/ background-position: left bottom; }
.button-wrapper .swiper-button:hover svg { stroke: #fff; }
.button-wrapper .swiper-prev-button { background: linear-gradient(to left, #222 40%, transparent 0%); background-size: 200% 100%; background-position: left bottom; transition: all 0.3s ease-out; }
.button-wrapper .swiper-prev-button svg { transform: rotate(-180deg); }
.button-wrapper .swiper-prev-button:hover { background-position: right bottom; }


.m1 .button-wrapper .btn-box button {width: 9rem; height: 9rem; border-radius: 50%; border: 4px solid #dddddd; transition: all 0.3s; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.m1 .button-wrapper .btn-box button i {font-size: 3rem; color: rgba(0,0,0,0.3);}
.m1 .button-wrapper .btn-box .next-btn {margin-left: 1rem;}
.m1 .button-wrapper .btn-box button:hover {border-color:#007aff;}
.m1 .button-wrapper .btn-box button:hover i {color:#007aff;}


#contact_wrap {position: relative; z-index: 8;}
.m1 {padding: 160px 0; position: relative; background-color:#fff; margin:0 50px; border-radius:30px 30px 0 0; /* margin-top:250px; */}
/*.m1:after,
.m1:before {content:''; display: block; width: 1px; height: 100%; position: absolute; top: 0;  background-color: #ddd; transition:1.2s .7s;}
.m1:after {left: 50%; margin-left: 700px;}
.m1:before {right: 50%; margin-right: 700px;}
 .m1.move:after,
.m1.move:before {} */
.m1 .w1600 {z-index: 1;}
.m1 .tit_wrap h3 {/*color: #fff; -webkit-text-stroke: 1px #000;*/ color:#222}
.m1 .project_slider { overflow: hidden;}
.m1 .project_list {padding-top: 40px;}
.m1 .project_list .list {position: relative; /* width: 295px; height: 475px; */  transition:.45s;}
.m1 .project_list .list:nth-child(even) {/* margin-top: 40px; */ transform:translateY(-40px);}
.m1 .project_list .list .card { display: block; width: 100%; height: 0; padding-bottom: 160%; position: relative; transition: .75s;/*  transform-style: preserve-3d; */ overflow: hidden; border-radius: 20px; }
.m1 .project_list .list .front,
.m1 .project_list .list .back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden;  border-radius:300px 300px;    }

.m1 .project_list .list .front {}
.m1 .project_list .list .front img {width: 100%;}
/* .m1 .project_list .list .back { top: 0; left: 0;padding: 6vw 50px 0; background-color: #04B084; transform: rotateY(180deg); opacity:1; } */
.m1 .project_list .list .back { bottom: 0; left: 0;padding: 0 0; opacity: 0; transition:.5s;}
.m1 .project_list .list .back .bg { width: 100%; height: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, #000 100%); opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 4;transition:height 0.8s;}
.m1 .project_list .list .back .txt_wrap {position:absolute; z-index: 5; transform:translateY(-30px); transition: 0.8s; bottom:12%; padding: 0 30px;}
.m1 .project_list .list .back .txt_wrap p {line-height: 1.7; color: #fff;}
/* .m1 .project_list .list:hover .card,
.m1 .project_list .list.swiper-slide-active .card { transform: rotateY(180deg); } */
.m1 .project_list .list.swiper-slide-active .back,
.m1 .project_list .list:hover .back {opacity: 1;}
.m1 .project_list .list.swiper-slide-active .back .txt_wrap,
.m1 .project_list .list:hover .back .txt_wrap {transform:translateY(0);}
.m1 .project_list .list.swiper-slide-active .back .bg,
.m1 .project_list .list:hover .back .bg {height:100%}
.m1 .button-wrapper {justify-content:end; margin-top: 30px; margin-bottom:20px;}



.consulting_group_list {align-items:center;  position: relative; background-color: #edf6f9; scroll-behavior:smooth;}
.consulting_group_list .in {/* max-width:1200px; margin: 0 auto; */ position: relative;}
.consulting_group_list .tit_wrap {position: absolute; top: 200px; left: 50%; margin-left: -700px; z-index: 9;}
.consulting_group_list .list_wrap {}
.consulting_group_list .swiper-slide { opacity: 0 !important; transition: 0.4s; left:50%; margin-left:0; 	 }
.consulting_group_list .swiper-slide-active { opacity: 1 !important; }
.consulting_group_list .list_in {display: flex;max-width:1200px; margin: 0 auto; }
.consulting_group_list .side {width: 35%; padding: 235px 4vw 0;}
.consulting_group_list .rt_side {transform:translateY(30px);opacity: 0;transition: 0.8s;}
.consulting_group_list .swiper-slide-active .rt_side {transform:translateY(0);opacity: 1;}
.consulting_group_list .rt_side_txt h5 {font-family: 'Garamond'; color:#6d9ede; letter-spacing:-1px;}
.consulting_group_list .rt_side_txt .txt_list li {padding-left: 15px; position: relative; word-break:keep-all;}
.consulting_group_list .rt_side_txt .txt_list li:after {content:'-'; display: block; position: absolute; top: 0; left: 0;}
.consulting_group_list .center .center_img {position: relative; width: 390px; height: 552px; border-radius:200px; overflow: hidden;background-color: #ddd;}
/* .consulting_group_list .center .center_img img { width: 390px; height: 552px; border-radius:200px; object-fit:cover; transition-duration:0.4s; opacity: 0; object-position:60%}
.consulting_group_list .swiper-slide-active .center .center_img img {opacity: 1; transform:none; object-position:50%;} */
.consulting_group_list .center .center_img video {width: 390px; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); }
.consulting_group_list .swiper-slide-active .center .center_img video{opacity: 1;}
.m2 .button-wrapper { position: absolute; right: 50%; margin-right: -700px; bottom: 170px;  }

.m2 {padding: 240px 0 130px; position: relative; background: url('/assets/images/main/m2_bg.jpg') 50% 50% no-repeat; background-size:cover;  background-attachment:fixed;  }
.m2 .m2_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.m2 .m2_bg video {width: 100vw; height: 57.25vw;  min-height: 100vh; min-width: 177.77vh;  position: absolute; top: 0; left: 50%; transform: translate(-50%, -4%); pointer-events:none; filter: brightness(0.5);}
.m2 .en {font-family: 'Futura Bk Book';}
.m2 .inner {display: flex;}
.m2 .lt {width: 50%;}
.m2 .tit_wrap {}
.m2 .tit_wrap .txt {color: #fff; padding-top: 100px;}
.m2 .rt ul {display: flex; flex-wrap:wrap; }
.m2 .rt ul li {width: calc(45% - 42px); margin: 20px 20px 70px; padding: 60px 25px; min-height:500px; background-color: rgba(0,0,0,.2); color: #fff; position: relative; transition:.4s; }
.m2 .rt ul li:nth-child(even) {transform:translateY(-100px);}
.m2 .rt ul li:hover {background-color: rgba(0,0,0,.5);}
.m2 .rt ul li h4 {font-family: 'Montserrat';margin-bottom: 30px;letter-spacing: -1px;font-weight: 600;}
.m2 .rt ul li .icon {position: absolute; bottom: 60px; right: 30px;	}
.m2 .rt ul li .txt2 {position: absolute; bottom: 36%; left: 30px;}
.m2 .rt ul li .txt1 {position: absolute; bottom: 50px; left: 30px; opacity:.5}
.pl50 { padding-left:50px;}

.m3 {padding: 160px 0; background-color:#fff; }
 .works_list {display: flex; flex-wrap:wrap; margin: -20px -40px; transition:.5s;}
 .works_list .list{position:relative; width: calc(33.33% - 80px); margin: 20px 40px 50px; }

 .works_list .list a{position:absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}
 .works_list .list:nth-of-type(2n){}
 .works_list .list .hover{position:absolute;top: 28%;left: 0;/* padding: 15px; border-radius:15px; background-color: rgba(255,255,255,.5); */z-index: 1;transition:0.5s;text-align: center;margin: 0 auto;width: -webkit-fill-available;color: #fff;}

 .works_list .list .hover .top_txt{transform:translateY(-30px);transition:0.5s}
 .works_list .list .hover .top_txt h4{font-weight: 400; margin-bottom: 10px;}
 .works_list .list .hover .top_txt > ul{max-width: -webkit-fill-available;color: #fff;}
 .works_list .list .hover .top_txt > ul li{font-weight:400;margin-right: 0;line-height: 1.7;word-break:keep-all;}
 .works_list .list .in{position:relative; overflow:hidden; transition:0.5s; }
 .works_list .list .in h4{ margin-top: 20px; font-weight: 400; text-align: left; transition:0.5s}
 .works_list .list:hover .top_txt{ transform:translateY(0); }
 .works_list .list:hover .in h4{ opacity:0; }
 .works_list .list .in .border_r{position:relative; overflow: hidden;}
.works_list .list:hover .in .img_bg img {
  filter: brightness(0.3);
}
 .works_list .list .in .img_bg{position:relative; overflow: hidden;padding-bottom: 0;  aspect-ratio: 415 / 585; /* 썸네일 비율 */ z-index: 4;  transition:0.5s; }
 .works_list .list .in .img_bg:after {content:''; display: block; width: 100%; height: 0; background: linear-gradient(180deg, rgba(102, 102, 102, 0.00) 0%, #000 100%); opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 4;transition:height 0.8s;}
/* .m3 .works_list .list:hover .in .img_bg { border-radius:300px 300px;}
.m3 .works_list .list:hover .in .img_bg:after {height: 100%;} */
 .works_list .list:hover .in .img_bg .bg { border-radius:30px 30px;  filter: brightness(0.3); }

 .works_list .list .in .img_bg .bg{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; height: 100%; background-size:cover; background-position: 50% 50%; background-repeat: no-repeat; transition:0.5s}
 .works_list .list .btn{position:absolute; bottom: 30%; right: 0; background: #da3531; width: 65px; height: 65px; border-radius:50%; opacity: 0; z-index: 7; transition:0.5s}
 .works_list .list .btn i{display:inline-block; width: 100%; color: #fff; text-align: center; line-height: 65px;}

 .more{width: 345px; height: 68px; margin: 100px auto 0; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #da3531 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: #fff; border:2px solid #ddd;}
 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #222; text-align: center; text-transform: uppercase; transition:.75s; }
 .more p span{margin-left: 20px;}
 .more:hover{/* background: #1a3369; */ border-color:#da3531; background-position:left bottom; }
 .more:hover p {color: #fff;}

 .works_list .list:hover .hover{opacity: 1;z-index:10 ;}
/* .m3 .works_list .list:hover .in {border-radius:180px 0 0 0; }
.m3 .works_list .list:hover .in .img_bg{border-radius:0 0 0; } */
 .works_list .list:hover .btn{opacity: 1; right: 42%;}
 .works_list .list:hover .in h4{transform:translateY(-100px);}



 .main-prd-flow-container {position: absolute; left: 0; top:0; height: -webkit-fill-available; overflow:hidden;}
 .main-prd-flow-txt {display: flex; flex: 0 0 auto; margin-left: -2.5rem; white-space: nowrap;overflow: hidden; transition:all 0.3s; font-size: 16rem; font-weight:600; color: #f9f9f9;  writing-mode: vertical-rl;} 
 .main-prd-flow-txt .flow-wrap {animation: textMainLoop 20s linear infinite; /* margin-bottom: 5rem; */}
@keyframes textMainLoop {
    0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    }
    100% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
    }
}



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

}

@media all and (max-width:1800px){
	#mv .main_slider .list .txt_wrap {right: 3%; margin-right: 0;}
	.tagline {left: 15px; margin-left: 0;}
	.m2 .button-wrapper {right: 15px; margin-right: 0;}
}

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

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

	.intro_txt .txt_wrap .txt2 {margin-top: 100px;}

	.m1:after {left: 30px; margin-left: 0;}
	.m1:before {right: 30px; margin-right: 0;}

	
	.consulting_group_list .tit_wrap {/* position: static; margin:0 0 40px; */ left: 15px; margin-left: 0; top: 150px;}
	.consulting_group_list .in {padding: 0 15px;}
	.consulting_group_list .lt_side {width: 10%; padding: 0;} 
	.consulting_group_list .center {width: 40%; display: flex; justify-content:center; } 
	.consulting_group_list .rt_side {width: 50%;padding: 25% 4vw 0;} 
	.consulting_group_list .center .center_img {width: 100%; height: 0; padding-bottom: 140%;}
	.consulting_group_list .center .center_img img {height: auto;}
	.consulting_group_list .center .center_img video {width: 102%;}
	.m2 .button-wrapper {position: static; justify-content:flex-end; margin: 60px 20px 0;  scale: .7; }

	.m2 {padding: 160px 0;}
	.m2 .inner {flex-direction:column;}
	.m2 .lt {width: 100%; margin-bottom: 120px;}
	.m2 .lt .pin-spacer {height: auto !important; padding: 0 !important; width: 100% !important;}
	.m2 .tit_wrap {position: static !important; width: 100% !important; max-width:none !important; transform:translate(0px, 0px) !important;}
	.m2 .tit_wrap .txt {padding: 0;}

	.works_list {margin: -20px -10px;}
	.works_list .list {width: calc(33.33% - 20px); margin: 20px 10px;}
}
@media all and (max-width:820px){
	.slide--current h4 {line-height: 1.2;}
	#mv .main_slider .list1 .visual { background-image: url(/assets/images/main/mv1_m.jpg);background-position: 50% 50%;}
	#mv .main_slider .list2 .visual { background-image: url(/assets/images/main/mv2_m.jpg);background-position: 50% 50%;}
	#mv .main_slider .list3 .visual { background-image: url(/assets/images/main/mv3_m.jpg);background-position: 50% 50%;}

	.m1 {padding: 100px 0; margin: 0 10px; border-radius: 20px 20px 0 0;}
	.m1 .project_list {padding:0 0 20px;}
	.m1 .project_list .list:nth-child(even) {/* margin-top: 20px; */ transform:translateY(0px);}
	.m1 .project_list .list {/* margin-top: 20px; */ transform:translateY(0);}
	.m1 .project_list .swiper-slide-active {margin-top: 0 !important; transform:translateY(20px) !important;}
	.m1 .button-wrapper {margin-top: 50px; scale: .7; }
	.m1 .project_list .list .back .txt_wrap { padding: 0 15px;}

	.consulting_group_list {padding: 100px 0;}
	.consulting_group_list:after {content:'';display: block; width: 100%; height: 3px; background-color: #edf6f9; position: absolute; top: 46%; left: 0; margin-top: -1.5px; opacity: .5; }
	[data-sld="1"] .consulting_group_list {background-color: #e2e8f5;}
	[data-sld="2"] .consulting_group_list {background-color: #ece8e1;}
	[data-sld="3"] .consulting_group_list {background-color: #e5f1e7;}
	.consulting_group_list .tit_wrap {position: static; margin-bottom: 40px;}
	.consulting_group_list .lt_side {width: 0; } 
	.consulting_group_list .center {width: 50%;  } 
	.consulting_group_list .rt_side {padding: 25% 0 0 7vw;}
	.consulting_group_list .rt_side .txt_list li {padding-left: 10px;}
	.consulting_group_list .rt_side_txt h5 { font-size: 28px;}

	.m2 {padding: 100px 0;}
	.m2 .rt ul li {min-height:350px;}

	.m3 {padding: 100px 0;  z-index:8}
	.works_list {margin: 0 10px;;}
	.works_list .list {width: -webkit-fill-available; margin: 20px 25px; }
	.works_list .list .hover {}
	.works_list .list:hover .in {border-radius:0 0 0 0;}
	.works_list .list:hover .top_txt { transform: translateY(0);  padding:0 15px;}
	.works_list .list:hover .btn { right: 36%; bottom:23%;}

	.more {width: 70%; height: 55px;}
	.main-prd-flow-txt {display: flex; flex: 0 0 auto; margin-left: -0.5rem; white-space: nowrap;overflow: hidden; transition:all 0.3s; font-size: 3rem; font-weight:600; color: #f9f9f9;  writing-mode: vertical-rl;} 

	
}
@media all and (max-width:520px){
	.intro_logo {background-size:500% auto;}
	.intro_logo:after,
	.intro_logo:before {content:''; display: block;width: 100%; height: 20%; background-color: #26355D; position: absolute; left: 0;}
	.intro_logo:after {top: 0;}
	.intro_logo:before {bottom: 0;}
	.intro_txt .txt_wrap .txt1 {font-size: 32px;}
	.intro_txt .txt_wrap .txt2 {margin-top: 70px; font-size: 16px;}
	#mv .main_slider .list .txt_wrap {bottom: 35%;}
	.m1 .project_list .list .back {}
	.m1 .project_slider {overflow: hidden; scale: 1.4; padding-bottom:50px;}
    .m1 .project_list .list .back .txt_wrap p {line-height: 1.7;color: #fff;font-size: 8px;}
	.m1 .button-wrapper {margin-top: -35px;scale: .7; margin-bottom:50px;}


	.m2 .lt {margin-bottom: 80px;}
	.m2 .rt ul li {width: calc(50% - 8px); margin: 4px; min-height:225px; padding: 30px 15px;}
	.m2 .rt ul li:nth-child(even) {transform:translateY(-50px)}
	.m2 .rt ul li .icon {right: 20px; bottom: 20px;}
	.m2 .rt ul li .icon img {width: 50px;}
	.m2 .rt ul li h4 {font-family: 'Montserrat';margin-bottom: 30px;letter-spacing: -1px;font-weight: 600; font-size:19px;}
    .m2 .rt ul li .icon {position: absolute; bottom: 60px; right: 30px;	}
    .m2 .rt ul li .txt2 {position: absolute;bottom: 60%;left: 15px;}
    .m2 .rt ul li .txt1 {position: absolute;bottom: 50px;left: 15px;opacity:.5;word-break: keep-all;}

	
}

@media all and (min-width:821px){
	#header.w {}
	#header.w .hd_box #logo a img:nth-child(1),
	#headerw .hd_box:hover #logo a img:nth-child(1) {display: inline-block;}
	#header.w .hd_box #logo a img:nth-child(2),
	#headerw .hd_box:hover #logo a img:nth-child(2) {display: none;}
	#header.w #gnb_wrap .dep1_con .dep1 {color: #fff;}
	#header.w .link_box > a {color: #fff; border-color: #fff;}
}