@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}
#wrap{overflow:hidden;background:#efefef;}


/* page common */
.pageVisual{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	width:100%;height:100vh;
	padding:80px 2% 0;
}
.pageVisual .bg{
	overflow:hidden;
	position:absolute;left:2%;top:80px;
	width:96%;height:calc(100% - 80px - 40px);
	border-radius:10px;
}
.pageVisual.pn1.sn1 .bg{background:url(/images/page/pagevisual11.jpg) no-repeat center;background-size:cover;}
.pageVisual.pn1.sn2 .bg{background:url(/images/page/pagevisual12.jpg) no-repeat center;background-size:cover;}
.pageVisual.pn1.sn3 .bg{background:url(/images/page/pagevisual13.jpg) no-repeat center;background-size:cover;}
.pageVisual.pn1.sn4 .bg{background:url(/images/page/pagevisual14.jpg) no-repeat center;background-size:cover;}
.pageVisual.pn1.sn5 .bg{background:url(/images/page/pagevisual15.jpg) no-repeat center;background-size:cover;}

.pageVisual .titlearea{
	position:absolute;left:0%;top:50%;
	transform:translateY(-50%);
	width:100%;
	text-align:center;
}
.pageVisual .titlearea h2{}
.pageVisual .titlearea h2 .kr{font-size:17px;color:#fff;}
.pageVisual .titlearea h2 .en{font-family:"Cormorant Garamond";font-size:85px;font-weight:400;color:#fff;}
.pageVisual .scroll{
	position:absolute;right:3%;bottom:40px;z-index:10;
}
.pageVisual .scroll .bar{
	position:relative;
	width:1px;height:120px;
	background:rgba(255,255,255,0.4);
}
.pageVisual .scroll .bar:after{
	display:block;content:"";
	width:3px;height:53px;
	background:#fff;
	position:absolute;left:50%;top:0;
	transform:translateX(-50%);
	animation:scrollAni 1.6s infinite linear;
}
.pageVisual .scroll .txt{
	position:absolute;right:-8px;top:20px;
	font-size:13px;color:#fff;font-weight:500;transform:rotate(-90deg);
}
@keyframes scrollAni{
	0%{transform:translate(-50%,0);}
	100%{transform:translate(-50%,250%);}
}


.bgSt1{	
	overflow:hidden;
	position:absolute;left:0;top:0px;
	width:100%;height:calc(100vh - 80px);
}
.bgSt1 .line1{
	width:100%;height:1px;
	background:#ccc;
	position:absolute;left:0;top:0;
}
.bgSt1 .line2{
	width:1px;height:100%;
	background:#ccc;
	position:absolute;left:6%;top:0;
}
.bgSt1 .line3{
	width:1px;height:100%;
	background:#ccc;
	position:absolute;left:12.5%;top:-25%;
	transform:rotate(45deg);
}
.bgSt1 .line4{
	width:1px;height:100%;
	background:#ccc;
	position:absolute;right:36%;top:0;
}
.bgSt1 .line5{
	width:60%;aspect-ratio:1/1;
	border:1px solid #ccc;
	border-radius:50%;
	position:absolute;right:-24%;top:-14%;
}
.bgSt1 .line6{
	width:100%;height:1px;
	background:#ccc;
	position:absolute;left:0;bottom:0;
}

.lastSlg{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:96%;height:485px;
	margin:0 auto 40px;
	text-align:center;
}
.lastSlg .bg{
	overflow:hidden;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/lastSlg_bg.jpg) no-repeat center;
	background-size:cover;
}
.lastSlg .bg + div{position:relative;z-index:10;font-size:33px;color:#fff;}


.innerwrap{max-width:1680px;margin:0 auto;}




/* m11 */
.m11{}
.m11 .sec1{
	position:relative;
	box-sizing:border-box;
	padding:40px 2%;
}
.m11 .sec1 .conwrap{
	position:relative;z-index:10;
	width:100%;
}
.m11 .sec1 .conwrap>div{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:100%;
	padding:100px 5%;
	border-radius:10px;
	text-align:center;
}
.m11 .sec1 .conwrap .area1{margin-bottom:20px;background:#fff;}
.m11 .sec1 .conwrap .area1 h3{font-size:18px;color:#000;font-weight:500;}
.m11 .sec1 .conwrap .area1 h4{margin:45px 0 0;font-family:"Noto Serif KR";font-size:38px;color:#111;}
.m11 .sec1 .conwrap .area1 h4:after{
	display:block;content:"";
	width:60px;height:1px;
	margin:40px auto 35px;
	background:#111;
}
.m11 .sec1 .conwrap .area1 p{font-size:20px;color:#111;line-height:1.6em;}
.m11 .sec1 .conwrap .area1 p strong{font-weight:500;}
.m11 .sec1 .conwrap .area2{
	background:url(/images/page/m11_sec1_bg1.jpg) no-repeat;
	background-size:cover;
}
.m11 .sec1 .conwrap .area2 .logoimg{margin-bottom:50px;}
.m11 .sec1 .conwrap .area2 p{
	margin-bottom:20px;
	font-size:17px;color:rgba(255,255,255,0.7);line-height:1.7em;
}
.m11 .sec1 .conwrap .area2 p:last-child{margin-bottom:0;}
.m11 .sec1 .conwrap .area2 a{
	display:block;
	width:240px;height:50px;
	margin:45px auto 0;
	font-size:16px;color:#fff;text-align:center;line-height:50px;
	background:#111;
	border-radius:25px;
}

.m11 .sec2{position:relative;padding:40px 2%;height:820px;}
.m11 .sec2 .bg{
	overflow:hidden;
	width:100%;height:100%;
	background:url(/images/page/m11_sec2_bg.jpg) no-repeat center;
	background-size:cover;
	border-radius:10px;

    /* 초기 애니메이션 상태 */
	filter: blur(15px) brightness(0.9);
    transform: scale(1.05);
    opacity: 0.7;    
	transition: filter 1.5s ease-out, transform 1.5s ease-out, opacity 1.5s ease-out;

}

.m11 .sec2 .conwrap{
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:2%;top:50%;z-index: 2;
	width:96%;height:calc(100% - 80px);
	box-sizing:border-box;
	padding:0 5%;
	transform:translateY(-50%);
	text-align:center;
}
.m11 .sec2 .conwrap h3{font-size:18px;color:#fff;font-weight:500;}
.m11 .sec2 .conwrap h4{margin:45px 0 25px;font-family:"Cormorant Garamond";font-size:52px;color:#fff;}
.m11 .sec2 .conwrap h5{font-size:23px;color:#fff;}
.m11 .sec2 .conwrap h5:after{
	display:block;content:"";
	width:60px;height:1px;
	background:rgba(255,255,255,0.7);
	margin:45px auto 30px;
}
.m11 .sec2 .conwrap p{margin-bottom:20px;font-size:17px;color:rgba(255,255,255,0.7);line-height:1.7em;}
.m11 .sec2 .conwrap p.last{margin-bottom:0;font-weight:500;}

.m11 .sec3{padding:160px 2% 200px;}
.m11 .sec3 .conwrap{position:relative;}
.m11 .sec3 .conwrap .lines{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m11 .sec3 .conwrap .lines>div:nth-child(1){
	display:block;content:"";
	width:100%;height:1px;
	background:#ccc;
	position:absolute;left:0;top:50%;
}
.m11 .sec3 .conwrap .lines>div:nth-child(1):before{
	display:block;content:"";
	width:1px;height:15px;
	background:#ccc;
	position:absolute;left:0;top:50%;
	transform:translateY(-50%);
}
.m11 .sec3 .conwrap .lines>div:nth-child(1):after{
	display:block;content:"";
	width:1px;height:15px;
	background:#ccc;
	position:absolute;right:0;top:50%;
	transform:translateY(-50%);
}
.m11 .sec3 .conwrap .lines>div:nth-child(2){
	display:block;content:"";
	width:1px;height:100%;
	background:#ccc;
	position:absolute;left:50%;top:0%;
}
.m11 .sec3 .conwrap .lines>div:nth-child(2):before{
	display:block;content:"";
	width:15px;height:1px;
	background:#ccc;
	position:absolute;left:50%;top:0%;
	transform:translatex(-50%);
}
.m11 .sec3 .conwrap .lines>div:nth-child(2):after{
	display:block;content:"";
	width:15px;height:1px;
	background:#ccc;
	position:absolute;left:50%;bottom:0%;
	transform:translatex(-50%);
}
.m11 .sec3 .conwrap ul{display:flex;flex-wrap:wrap;}
.m11 .sec3 .conwrap ul li{
	box-sizing:border-box;
	width:50%;
	padding:140px 5%;
	text-align:center;
}
.m11 .sec3 .conwrap ul li .icon{}
.m11 .sec3 .conwrap ul li:nth-child(1) .icon svg{position:relative;}
.m11 .sec3 .conwrap ul li:nth-child(1) .icon .cls-1{
	fill: none;
	stroke: #000;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.4px;	
}
.cls-2 {
	fill: none;
	stroke: #000;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.4px;
}
.m11 .sec3 .conwrap ul li:nth-child(1) .img1{
	animation: iconAni1 15s linear infinite;
	transform-origin: 30.628px 30.628px;	
}
.m11 .sec3 .conwrap ul li:nth-child(1) .img2{
	animation: iconAni2 4s ease-in-out infinite;
}
.m11 .sec3 .conwrap ul li:nth-child(2) .img1{
	animation: iconAni3 4s ease-in-out infinite;
}
.m11 .sec3 .conwrap ul li:nth-child(3) .img1{
	position:relative;z-index:10;
	animation: slideLeft 2s ease-out forwards infinite;
}
.m11 .sec3 .conwrap ul li:nth-child(3) .img1 .tri{position:Relative;z-index:10;fill:#efefef}
.m11 .sec3 .conwrap ul li:nth-child(3) .img2 line{
	opacity:0;
	animation: fadeInLine 2s ease-out forwards infinite ;
}
.m11 .sec3 .conwrap ul li:nth-child(3) .img2 line:nth-child(1){animation-delay: 1s;}
.m11 .sec3 .conwrap ul li:nth-child(3) .img2 line:nth-child(2){animation-delay: 1.3s;}
.m11 .sec3 .conwrap ul li:nth-child(3) .img2 line:nth-child(3){animation-delay: 1.6s;}
.m11 .sec3 .conwrap ul li:nth-child(4) .img1{
	animation: iconAni1 15s infinite;
	transform-origin: 53.608px 53.463px;
}
.m11 .sec3 .conwrap ul li:nth-child(4) .bright{
	animation: lightBulb 2s ease-in-out infinite alternate;
}
.m11 .sec3 .conwrap ul li .num{margin-top:55px;font-size:18px;color:#000;}
.m11 .sec3 .conwrap ul li .tit{margin:25px 0;font-size:28px;color:#000;}
.m11 .sec3 .conwrap ul li .txt{font-size:17px;color:#555;}
.m11 .sec3 .conwrap ul li .bg{fill:#efefef;}


@keyframes iconAni1{
	0%{transform:rotate(0);}
	100%{transform:rotate(360deg);}
}
@keyframes iconAni2{
    0% {
        transform: translateY(0px) translateX(0px);
    }
    25% {
        transform: translateY(-3px) translateX(0px);
    }
    50% {
        transform: translateY(0px) translateX(0px);
    }
    75% {
        transform: translateY(-3px) translateX(-0px);
    }
    100% {
        transform: translateY(0px) translateX(0px);
    }
}
@keyframes iconAni3{
    0% {
        transform: translateY(0px) translateX(0px);
    }
    25% {
        transform: translateY(3px) translateX(0px);
    }
    50% {
        transform: translateY(0px) translateX(0px);
    }
    75% {
        transform: translateY(3px) translateX(-0px);
    }
    100% {
        transform: translateY(0px) translateX(0px);
    }
}
@keyframes slideLeft {
    0% {
        transform: translateX(50px);
        opacity: 0.8;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes fadeInLine {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes gearRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes lightBulb {
    0% {
        fill: #efefef;
        filter: drop-shadow(0 0 0px rgba(255, 255, 0, 0));
    }
    100% {
        fill: #f8f1ca;
        filter: drop-shadow(0 0 5px rgba(255, 235, 59, 0.8)) 
                drop-shadow(0 0 10px rgba(255, 235, 59, 0.4));
    }
}




/* m12 */
.m12{box-sizing:border-box;padding:12vh 0 0;height:100vh;}
.m12 .sec1{padding:0 2%;box-sizing:border-box;height:100%;}
.m12 .sec1 .titlearea{
	width:50%;
	text-align:center;
}
.m12 .sec1 .titlearea h3{font-size:18px;color:#000;font-weight:500;}
.m12 .sec1 .titlearea h4{margin:45px 0 80px;font-family:"Noto Serif KR";font-size:38px;color:#000;}
.m12 .sec1 .conwrap{}
.m12 .sec1 .conwrap>div{display:flex;flex-wrap:wrap;}
.m12 .sec1 .conwrap>div .imgarea{box-sizing:border-box;width:50%; padding-right: 2%;}
.m12 .sec1 .conwrap>div .imgarea img{width:100%;border-radius: 10px;}
.m12 .sec1 .conwrap>div .history{
	position:relative;
	box-sizing:border-box;
	width:50%;height:55.7vh;
	padding:0 20px 0 2%;
	overflow-y: auto;
}
.m12 .sec1 .conwrap>div .history::-webkit-scrollbar {
    width: 4px;
}
.m12 .sec1 .conwrap>div .history::-webkit-scrollbar-thumb {
    background: #000;
}
.m12 .sec1 .conwrap>div .history::-webkit-scrollbar-track {
    background: #ccc;
}
/* .m12 .sec1 .conwrap>div .history .scroll{
	position:absolute;left:0;top:0;
	width:2px;height:100%;
	background:#ccc;
}
.m12 .sec1 .conwrap>div .history .scroll>div{
	position:absolute;left:0;top:0;
	width:100%;height:100px;
	background:#000;
} */
.m12 .sec1 .conwrap>div .history ul{direction: ltr;}
.m12 .sec1 .conwrap>div .history ul li{
	overflow:hidden;
	box-sizing:border-box;
	margin-bottom:30px;padding:50px 60px;
	background:#fff;border-radius:10px;
}
.m12 .sec1 .conwrap>div .history ul li .year{font-size:20px;color:#000;font-weight:500;}
.m12 .sec1 .conwrap>div .history ul li .con{margin-top:20px;font-size:17px;color:#555;line-height:2em;}





/* m13 */
.m13{box-sizing:border-box;padding:35px 0 200px;}
.m13 .introSlg{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:94%;height:485px;
	margin:0 auto;padding:0 5%;
	background:url(/images/page/m13_introslg_bg.jpg) no-repeat;
	background-size:cover;
	font-size:33px;color:#fff;text-align:center;
}
.m13 .introSlg{}
.m13 .sec1{padding:180px 2% 0;box-sizing:border-box;height:100%;}
.m13 .sec1 .titlearea{text-align:center;}
.m13 .sec1 .titlearea h3{font-family:"Cormorant Garamond";font-size:76px;color:#000;}
.m13 .sec1 .titlearea h3:after{
	display:block;content:"";
	width:60px;height:1px;
	margin:40px auto 35px;
	background:#000;
}
.m13 .sec1 .titlearea h3 + p{margin:45px 0 90px;font-size:23px;color:#000;line-height:1.6em;}
.m13 .sec1 .conwrap{}
.m13 .sec1 .conwrap ul{
	display:flex;flex-wrap:wrap;
	max-width:100%;width:100%;
	margin:0 auto;
}
.m13 .sec1 .conwrap ul li{
	width:32%;
	margin:0 2% 70px 0;
}
.m13 .sec1 .conwrap ul li:nth-child(3n){margin-right:0;}
.m13 .sec1 .conwrap ul li .thumb{
	box-sizing:border-box;
	border:1px solid #ccc;
}
.m13 .sec1 .conwrap ul li .thumb img{width:100%;}
.m13 .sec1 .conwrap ul li .info{padding:35px 0 0;text-align:center;}
.m13 .sec1 .conwrap ul li .info .tit{font-size:19px;color:#000;}
.m13 .sec1 .conwrap ul li .info .exp{font-size:17px;color:#555;margin-top:5px;}
.m13 .tabarea{margin-bottom: 40px;}
.m13 .tabarea ul{display: flex;gap:6px;}
.m13 .tabarea ul>li{
position: relative;
width:calc((100% - 6px) / 2);height:200px;
overflow:hidden;
background: url(/images/page/m13_tab_bg1_off.jpg)no-repeat center / cover;
cursor:pointer;
transition:all 0.3s;
}
.m13 .tabarea ul>li:nth-child(2){background: url(/images/page/m13_tab_bg2_off.jpg)no-repeat center / cover;}
.m13 .tabarea ul>li:nth-child(1).on,
.m13 .tabarea ul>li:nth-child(1):hover{
background: url(/images/page/m13_tab_bg1.jpg)no-repeat center / cover;
}


.m13 .tabarea ul>li:nth-child(2).on,
.m13 .tabarea ul>li:nth-child(2):hover{
background: url(/images/page/m13_tab_bg2.jpg)no-repeat center / cover;
}
.m13 .tabarea ul>li>a{display: flex;justify-content:center;align-items:center;width:100%;height: 100%;}
.m13 .tabarea ul>li>a span{color:#fff;font-weight: 300;font-size:19px;text-transform: uppercase;}




/* pop */
#bgBlack{
	display:none;
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
}
.layerPop{
	display:none;
	position:fixed;left:50%;top:50%;z-index:4000;
	max-width:1440px;width:90%;
	transform:translate(-50%,-50%);
}
.layerPop .closeBtn{
	position:absolute;right:0;top:-58px;z-index:100;
	width:28px;height:28px;
	cursor:pointer;
}
.layerPop .closeBtn>div{
	position:absolute;
	width:6px;height:6px;
	border-radius:50%;
	background:#fff;
}
.layerPop .closeBtn>div:nth-child(1){left:0;top:0;}
.layerPop .closeBtn>div:nth-child(2){right:0;top:0;}
.layerPop .closeBtn>div:nth-child(3){left:50%;top:50%;transform:translate(-50%,-50%);}
.layerPop .closeBtn>div:nth-child(4){left:0;bottom:0;}
.layerPop .closeBtn>div:nth-child(5){right:0;bottom:0;}
.layerPop .conwrap::-webkit-scrollbar{width:5px;}
.layerPop .conwrap::-webkit-scrollbar-thumb{background-color: #2f3542;}
.layerPop .conwrap::-webkit-scrollbar-track{background-color: grey;}


.m13Pop .conwrap{width:100%;height:70vh;}
.m13Pop .conwrap .txtwrap{
	display:flex;align-items:center;
	padding:30px 0;margin-bottom:2.5vh;
	background:#fff;
}
.m13Pop .conwrap .txtwrap .tit{
	width:320px;
	font-size:28px;color:#000;font-weight:500;text-align:center;
}
.m13Pop .conwrap .txtwrap .txt{
	box-sizing:border-box;
	width:calc(100% - 320px);
	padding:5px 8% 5px 45px;
	border-left:1px solid #ccc;
	font-size:14px;color:#555;text-align:left;line-height:1.7em;
}

.m13Pop .conwrap .gallwrap{width:100%;}
.m13Pop .conwrap .gallery-top{background:#fff;}
.m13Pop .conwrap .gallery-top .swiper-slide{width:100%;height:40vh;}
.m13Pop .conwrap .thumWrap{position:relative;width:475px;margin:30px auto 0;}
.m13Pop .conwrap .gallery-thumbs{width:100%;}
.m13Pop .conwrap .gallery-thumbs .swiper-slide{
	overflow:hidden;
	position:relative;
	width:145px;height:100px;
	margin-right:20px;
}
.m13Pop .conwrap .gallery-thumbs .swiper-slide:after{
	display:block;content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	border:2px solid #fced9c;
	position:absolute;left:0;top:0;
	opacity:0;
}
.m13Pop .conwrap .gallery-thumbs .swiper-slide-thumb-active:after{opacity:1;}
.m13Pop .conwrap .swiper-button-prev{
	position:absolute;left:-60px;top:50%;
	width:40px;height:40px;
	margin:0;
	background:rgba(0,0,0,0.1);border-radius:50%;
	transform:translate(0,-50%);
}
.m13Pop .conwrap .swiper-button-next{
	position:absolute;right:-60px;top:50%;
	width:40px;height:40px;
	margin:0;
	background:rgba(0,0,0,0.1);border-radius:50%;
	transform:translate(0,-50%);
}



.m31Pop .conwrap{
	overflow:hidden;overflow-y:auto;
	width:100%;height:78vh;
}
.m31Pop .conwrap .txtwrap{
	padding:30px 0;margin-bottom:2.5vh;
	background:#fff;
	text-align:center;
}
.m31Pop .conwrap .txtwrap .tit{
	font-size:42px;color:#000;font-weight:400;
}
.m31Pop .conwrap .txtwrap .type{
	box-sizing:border-box;
	padding:15px 5% 0;
	font-size:17px;color:#555;line-height:1.7em;
}
.m31Pop .conwrap .txtwrap .type .bar{
	display:inline-block;width:1px;height:12px;
	background:#ccc;
	margin:0 10px;
}
.m31Pop .conwrap .sliderWrap{display:flex;justify-content:space-between;}
.m31Pop .conwrap .sliderWrap .case{width:376px;}
.m31Pop .conwrap .sliderWrap .case .caseList{}
.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide{
	overflow:hidden;overflow-y:auto;
	box-sizing:border-box;
	width:100%;height:50vh;
	padding:55px 60px;
	background:#fff;
}
.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .tit1{font-size:19px;color:#000;}
.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .thumb{margin:25px 0 0;}
.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .name{
	padding:20px 0;
	font-size:19px;color:#000;font-weight:500;
	border-bottom:1px solid #ccc;
}
.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .info{margin-top:15px;}
.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .info dl{margin-bottom:10px;}
.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .info dl dt{font-size:16px;color:#000;font-weight:500;}
.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .info dl dd{margin-top:5px;font-size:16px;color:#555;}
.m31Pop .conwrap .sliderWrap .case .ctr{display:flex;align-items:center;justify-content:center;margin-top:25px;}
.m31Pop .conwrap .sliderWrap .case .ctr .casePrev{}
.m31Pop .conwrap .sliderWrap .case .ctr .page{
	display:flex;align-items:center;justify-content:center;
	padding:0 35px;
	font-size:16px;color:#fff;font-weight:500;
}
.m31Pop .conwrap .sliderWrap .case .ctr .page .this{color:#fced9c;}
.m31Pop .conwrap .sliderWrap .case .ctr .page span:nth-child(2){margin:0 5px;}
.m31Pop .conwrap .sliderWrap .case .ctr .caseNext{}

.m31Pop .conwrap .sliderWrap .gallwrap{width:calc(100% - 376px - 30px)}
.m31Pop .conwrap .sliderWrap .gallwrap .gallery-top{background:#fff;}
.m31Pop .conwrap .sliderWrap .gallwrap .gallery-top .swiper-slide{width:100%;height:50vh;}
.m31Pop .conwrap .sliderWrap .gallwrap .thumWrap{position:relative;width:535px;margin:30px auto 0;}
.m31Pop .conwrap .sliderWrap .gallwrap .gallery-thumbs{width:100%;}
.m31Pop .conwrap .sliderWrap .gallwrap .gallery-thumbs .swiper-slide{
	overflow:hidden;
	position:relative;
	width:165px;height:100px;
	margin-right:20px;
}
.m31Pop .conwrap .sliderWrap .gallwrap .gallery-thumbs .swiper-slide:after{
	display:block;content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	border:2px solid #fced9c;
	position:absolute;left:0;top:0;
	opacity:0;
}
.m31Pop .conwrap .sliderWrap .gallwrap .gallery-thumbs .swiper-slide-thumb-active:after{opacity:1;}
.m31Pop .conwrap .sliderWrap .gallwrap .swiper-button-prev{
	position:absolute;left:-60px;top:50%;
	width:40px;height:40px;
	margin:0;
	background:rgba(0,0,0,0.1);border-radius:50%;
	transform:translate(0,-50%);
}
.m31Pop .conwrap .sliderWrap .gallwrap .swiper-button-next{
	position:absolute;right:-60px;top:50%;
	width:40px;height:40px;
	margin:0;
	background:rgba(0,0,0,0.1);border-radius:50%;
	transform:translate(0,-50%);
}


@media(max-width:1240px){

	.m31Pop .conwrap .sliderWrap{display:block;}
	.m31Pop .conwrap .sliderWrap .case{width:100%;margin-bottom:100px;}
	.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide{display:flex;flex-wrap:wrap;overflow:hidden;}
	.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .tit1{width:100%;}
	.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .thumb{width:256px;}
	.m31Pop .conwrap .sliderWrap .case .caseList .swiper-slide .casePrdInfo{
		width:calc(100% - 256px);
		box-sizing:border-box;
		padding:0 0 0 60px;
	}
	.m31Pop .conwrap .sliderWrap .gallwrap{width:100%;margin-bottom:60px;}

}
.m41Pop .conwrap .sliderWrap .gallwrap{width:100%;}



/* m14 */
.m14{}
.m14 .sec1{overflow:hidden;position:relative;box-sizing:border-box;height:100vh;padding:40px 2%}
.m14 .sec1>.bg{}
.m14 .sec1>.bg .line1{
	width:100%;height:1px;
	background:#ccc;
	position:absolute;left:0;top:40px;
}
.m14 .sec1>.bg .line2{
	width:100%;height:1px;
	background:#ccc;
	position:absolute;left:0;bottom:40px;
}
.m14 .sec1 .conwrap{display:flex;flex-wrap:wrap;flex-direction:row-reverse;width:100%;}
.m14 .sec1 .conwrap .txtarea{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:100%;height:100%;
	padding:100px 5%;
	text-align:center;
}
.m14 .sec1 .conwrap .txtarea .bg{}
.m14 .sec1 .conwrap .txtarea .bg .line1{
	width:1px;height:100%;
	background:#ccc;
	position:absolute;left:0;top:0;	
}
.m14 .sec1 .conwrap .txtarea .bg .line2{
	width:1px;height:100%;
	background:#ccc;
	position:absolute;right:0;top:0;
}
.m14 .sec1 .conwrap .txtarea .bg .line3{
	width:24vw;aspect-ratio:1/1;
	background:url(/images/page/m14_sec1_line1.png) no-repeat;
	background-size:cover;
	position:absolute;left:-4%;top:0%;	
}
.m14 .sec1 .conwrap .txtarea .bg .line4{
	width:18.75vw;aspect-ratio:1/1;
	background:url(/images/page/m14_sec1_line1.png) no-repeat;
	background-size:cover;
	position:absolute;right:0%;bottom:0;	
}
.m14 .sec1 .conwrap .txtarea .bg .line5{
	width:44.25vw;aspect-ratio:1/1;
	background:url(/images/page/m14_sec1_line2.png) no-repeat right bottom;
	background-size:cover;
	position:absolute;left:-4%;bottom:0;	
}
.m14 .sec1 .conwrap .txtarea h3{position:relative;z-index:10;font-size:18px;color:#000;font-weight:500;}
.m14 .sec1 .conwrap .txtarea h4{position:relative;z-index:10;margin:40px 0 0;font-family:"Noto Serif KR";font-size:42px;color:#000;}
.m14 .sec1 .conwrap .txtarea h4:after{
	display:block;content:"";
	position:relative;z-index:10;
	width:60px;height:1px;
	margin:45px auto 40px;
	background:#000;
}
.m14 .sec1 .conwrap .txtarea p{position:relative;z-index:10;margin-bottom:35px;font-size:17px;color:#555;line-height:1.6em;}
.m14 .sec1 .conwrap .txtarea a{position:relative;z-index:10;width:240px !important;margin:0 auto;}
.m14 .sec1 .conwrap .imgarea{
	display:none;
	box-sizing:border-box;
	width:100%;
	padding:40px 0 40px 2%;
}
.m14 .sec1 .conwrap .imgarea .img{
	width:100%;height:100%;
	background:url(/images/page/m14_sec1_img1.jpg) no-repeat center;
	background-size:cover;
	overflow:hidden;
	border-radius:10px;
}


.m14 .sec2{padding:40px 2%;}
.m14 .sec2 .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m14 .sec2 .conwrap > div{
	overflow:hidden;
	width:100%;margin-bottom:20px;
	border-radius:10px;
}
.m14 .sec2 .conwrap .area1 img{
	width: 100%;
}
.m14 .sec2 .conwrap .area2{
	padding: 80px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m14 .sec2 .conwrap .area2 .txtwrap{
	text-align: center;
}
.m14 .sec2 .conwrap .area2 .txtwrap p{
	font-size: 17px;
	line-height: 1.8em;
	margin-bottom: 30px;
}
.m14 .sec2 .conwrap .area2 .txtwrap dl{
	margin-bottom: 40px;
}
.m14 .sec2 .conwrap .area2 .txtwrap dl dt{
	font-size: 17px;
	margin-bottom: 20px;
	font-weight: 500;
}
.m14 .sec2 .conwrap .area2 .txtwrap dl dd{
	font-size: 17px;
	line-height: 1.8em;
}
.m14 .sec2 .conwrap .area2 .txtwrap dl dd.graph{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	column-gap: 30px;
}
.m14 .sec2 .conwrap .area2 .txtwrap dl dd.graph .gr{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m14 .sec2 .conwrap .area2 .txtwrap dl dd.graph .gr span{
	display: block;
	font-family: "Montserrat";
	font-size: 16px;
	margin-top: 25px;
}
.m14 .sec2 .conwrap .area2 .boxwrap{
	width: 100%;
	padding: 40px 90px;
	border-radius: 10px;
	background: #f2f2f2;
}
.m14 .sec2 .conwrap .area2 .boxwrap dl{
	display: flex;
}
.m14 .sec2 .conwrap .area2 .boxwrap dl dt{
	position: relative;
	width: 70px;
	font-family: "Montserrat";
	font-size: 17px;
	color: #000;
	font-weight: 500;
	line-height: 1.8em;
}
.m14 .sec2 .conwrap .area2 .boxwrap dl dt:after{
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 20px;
	background: #cccccc;
}
.m14 .sec2 .conwrap .area2 .boxwrap dl dd{
	width: calc(100% - 70px);
	padding-left: 35px;
	font-size: 17px;
	line-height: 1.8em;
}
.m14 .sec2 .conwrap .area2 .tip{
	margin-top:40px;
	font-size: 17px;color:#333;font-weight:500;text-align:center;
}

.m14 .scrllsec{overflow:hidden;padding:0 5% 120px;}
.m14 .scrllsec .conwrap{position:relative;}
.m14 .scrllsec .conwrap .area1{	
	box-sizing:border-box;
	width:100%;
}
.m14 .scrllsec .conwrap .area1 .img{
	display:flex;align-items:center;justify-content:center;
	width:100%;padding:200px 0;
	background:url(/images/page/m14_sec3_img.jpg) no-repeat;
	background-size:cover;
	border-radius:10px;
}
.m14 .sec4 .conwrap .area1 .img{
	background:url(/images/page/m14_sec4_img.jpg) no-repeat;
	background-size:cover;
}
.m14 .scrllsec .conwrap .area1 .img .title{	text-align: center;}
.m14 .scrllsec .conwrap .area1 .img .title .tit{font-size: 18px;color: #fff;}
.m14 .scrllsec .conwrap .area1 .img .title .line{
	display: block;
	width: 60px;
	height: 1px;
	background: #fff;
	margin: 35px auto;
}
.m14 .scrllsec .conwrap .area1 .img .title b{
	font-size: 24px;
	font-weight: 500;
	color: #fff;
}
.m14 .scrllsec .conwrap .area1 .img .title p{
	font-size: 17px;
	line-height: 1.8em;
	color: #fff;
	margin-top: 20px;
}
.m14 .scrllsec .conwrap .area2{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	padding-top: 40px;
}
.m14 .scrllsec .conwrap .area2 ul{}
.m14 .scrllsec .conwrap .area2 ul li{
	display:flex;align-items:center;
	background:#fff;
	margin-bottom:20px;padding:45px 0;
	border-radius:10px;
}
.m14 .scrllsec .conwrap .area2 ul li .icon{width:120px;text-align:center;}
.m14 .scrllsec .conwrap .area2 ul li .txts{width:calc(100% - 120px);}
.m14 .scrllsec .conwrap .area2 ul li .txts .tit{font-size:17px;color:#000;}
.m14 .scrllsec .conwrap .area2 ul li .txts .txt{margin-top:5px;font-size:14px;color:#555;}


.m14 .sec5{padding-top:0;}
.m14 .sec5 .conwrap .area1 .img{
	box-sizing:border-box;
	background:url(/images/page/m14_sec5_img.jpg) no-repeat;
	background-size:cover;
	padding:100px 80px;
}
.m14 .sec5.scrllsec .conwrap .area1 .img .title{width:100%;text-align:left;}
.m14 .sec5.scrllsec .conwrap .area1 .img .title .line{margin:35px 0}
.m14 .sec5.scrllsec .conwrap .area1 .img .title dl{
	display:flex;flex-wrap:wrap;align-items:center;
	margin:75px 0 0;padding:40px 60px;
	background:#f2f2f2;border-radius:10px;
}
.m14 .sec5.scrllsec .conwrap .area1 .img .title dl dt{
	width:155px;
	font-size:17px;color:#000;
}
.m14 .sec5.scrllsec .conwrap .area1 .img .title dl dd{
	width:calc(100% - 155px);
	font-size:17px;color:#666;
}
.m14 .sec5.scrllsec .conwrap .area1 .img .title dl dd .bar{
	display:inline-block;
	width:1px;height:12px;
	background:#ddd;
	margin:0 6px;
}
.m14 .sec5.scrllsec .conwrap .area2{}
.m14 .sec5.scrllsec .conwrap .area2 table{width:100%;}
.m14 .sec5.scrllsec .conwrap .area2 table th{
	padding:15px 0;
	border-bottom:1px solid #ccc;
	font-size:17px;color:#000;text-align:left;font-weight:600;
}
.m14 .sec5.scrllsec .conwrap .area2 table td{
	padding:15px 0;
	border-bottom:1px solid #ccc;
	font-size:16px;color:#666;text-align:left;
}

.m14 .sec6{padding-top:0;}
.m14 .sec6 .conwrap .area1{width:100%;}
.m14 .sec6 .conwrap .area1 .tit{margin-bottom:30px;font-family:"Noto Sans KR";font-size:23px;color:#000;font-weight:600;}
.m14 .sec6 .conwrap .area1 table{width:100%;margin-bottom:55px;border-top:2px solid #111;}
.m14 .sec6 .conwrap .area1 table th{
	padding:15px 0;
	border-bottom:1px solid #ccc;
	font-size:17px;color:#000;font-weight:600;text-align:left;
}
.m14 .sec6 .conwrap .area1 table td{
	padding:15px 0;
	border-bottom:1px solid #ccc;
	font-size:16px;color:#000;font-weight:500;
}
.m14 .sec6 .conwrap .area2{
	box-sizing:border-box;
	width:100%;height:auto;
	padding:80px;
	background:#fff;
	border-radius:10px;
}
.m14 .sec6 .conwrap .area2 .img{}
.m14 .sec6 .conwrap .area2 .img img{width:100%;}
.m14 .sec6 .conwrap .area2 .line{
	width:60px;height:1px;
	margin:60px 0 35px;
	background:#333;
}
.m14 .sec6 .conwrap .area2 p{font-family:"Noto Sans KR";font-size:17px;color:#555;line-height:1.7em;}
.m14 .sec6 .conwrap .area2 dl{
	display:flex;flex-wrap:wrap;align-items:center;
	margin:75px 0 0;padding:40px 60px;
	background:#f2f2f2;border-radius:10px;
}
.m14 .sec6 .conwrap .area2 dl dt{
	width:155px;
	font-size:17px;color:#000;
}
.m14 .sec6 .conwrap .area2 dl dd{
	width:calc(100% - 155px);
	font-size:17px;color:#666;
}
.m14 .sec6 .conwrap .area2 dl dd .bar{
	display:inline-block;
	width:1px;height:12px;
	background:#ddd;
	margin:0 6px;
}



/* m15 */
.m15{}
.m15 .sec1{overflow:hidden;position:relative;box-sizing:border-box;height:100vh;padding:0 2%}
.m15 .sec1>.bg{}
.m15 .sec1>.bg .line1{
	width:100%;height:1px;
	background:#ccc;
	position:absolute;left:0;top:0px;
}
.m15 .sec1>.bg .line2{
	width:100%;height:1px;
	background:#ccc;
	position:absolute;left:0;bottom:0px;
}
.m15 .sec1>.bg .line3{
	width:1px;height:100%;
	background:#ccc;
	position:absolute;left:2%;bottom:0px;
}

.m15 .sec1 .conwrap{}
.m15 .sec1 .conwrap .txtarea{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:100%;
	padding:100px 5%;
	text-align:center;
}
.m15 .sec1 .conwrap .txtarea .bg{}
.m15 .sec1 .conwrap .txtarea .bg .line1{
	width:1px;height:100%;
	background:#ccc;
	position:absolute;right:0;top:0;	
}
.m15 .sec1 .conwrap .txtarea .bg .line2{
	width:103%;aspect-ratio:1/1;
	border:1px solid #ccc;
	border-radius:50%;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}
.m15 .sec1 .conwrap .txtarea h3{position:relative;z-index:10;font-size:18px;color:#000;font-weight:500;}
.m15 .sec1 .conwrap .txtarea h4{position:relative;z-index:10;margin:40px 0 0;font-family:"Noto Serif KR";font-size:38px;color:#000;}
.m15 .sec1 .conwrap .txtarea h4:after{
	display:block;content:"";
	position:relative;z-index:10;
	width:60px;height:1px;
	margin:45px auto 40px;
	background:#000;
}
.m15 .sec1 .conwrap .txtarea p{position:relative;z-index:10;margin-bottom:35px;font-size:17px;color:#555;line-height:1.6em;}
.m15 .sec1 .conwrap .txtarea a{position:relative;z-index:10;width:240px !important;margin:0 auto;}
.m15 .sec1 .conwrap .imgarea{
	box-sizing:border-box;
	width:50%;
	padding:40px 0 40px 2%;
}
.m15 .sec1 .conwrap .imgarea .img{
	width:100%;height:100%;
	background:url(/images/page/m15_sec1_img1.jpg) no-repeat center;
	background-size:cover;
	overflow:hidden;
	border-radius:10px;
}
.m15 .sec2{
	padding:40px 2%;
	border-bottom:1px solid #ccc;
}
.m15 .sec2 .conwrap{
	display:flex;flex-wrap:wrap;align-items:center;
	padding:40px 2%;
	background:#fff;
	border-radius:10px;
}
.m15 .sec2 .conwrap .imgarea{
	display:flex;justify-content:space-between;
	width:50%;
}
.m15 .sec2 .conwrap .imgarea img{width:48%;}
.m15 .sec2 .conwrap .txtarea{
	box-sizing:border-box;
	width:50%;
	padding:0 5%;
	text-align:center;
}
.m15 .sec2 .conwrap .txtarea h4{font-size:33px;color:#000;}
.m15 .sec2 .conwrap .txtarea h4 span{font-weight:500;}
.m15 .sec2 .conwrap .txtarea p{margin-top:25px;font-size:17px;color:#555;line-height:1.7em;}
.m15 .sec3{padding:40px 2%;}
.m15 .sec3 .conwrap{}
.m15 .sec3 .conwrap>div{
	overflow:hidden;
	width:100%;
	margin-bottom:20px;
	border-radius:10px;
}
.m15 .sec3 .conwrap>div.area1{
	display:flex;align-items:center;
	padding:160px 5%;
	background:url(/images/page/m15_sec3_bg1.jpg) no-repeat center;
	background-size:cover;
}
.m15 .sec3 .conwrap>div.area1>div{width:100%;}
.m15 .sec3 .conwrap>div.area1 h3{margin-bottom:25px;font-size:17px;color:#fff;}
.m15 .sec3 .conwrap>div.area1 dl{
	display:flex;
	width:100%;
	padding:35px 0;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.m15 .sec3 .conwrap>div.area1 dl dt{width:215px;font-size:17px;color:#fff;line-height:1.7em;}
.m15 .sec3 .conwrap>div.area1 dl dd{width:calc(100% - 215px);font-size:17px;color:#fff;line-height:1.7em;}
.m15 .sec3 .conwrap>div.area1 dl strong{font-weight:500;}
.m15 .sec3 .conwrap>div.area2{
	display:flex;align-items:center;justify-content:center;
	padding:160px 5%;
	background:#fff;
}
.en{font-weight:500;}

.m15 .sec4{overflow:hidden;padding:100px 5%;}
.m15 .sec4 .conwrap{position:relative;}
.m15 .sec4 .conwrap .area1{
	width:100%;height:40vh;
}
.m15 .sec4 .conwrap .area1 .img{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	background:url(/images/page/m15_sec4_img.jpg) no-repeat;
	background-size:cover;
	border-radius:10px;
	font-size:17px;color:#fff;font-weight:500;
}
.m15 .sec4 .conwrap .area2{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	padding:40px 0;
}
.m15 .sec4 .conwrap .area2 ul{}
.m15 .sec4 .conwrap .area2 ul li{
	display:flex;align-items:center;
	background:#fff;
	margin-bottom:20px;padding:45px 0;
	border-radius:10px;
}
.m15 .sec4 .conwrap .area2 ul li .icon{width:140px;text-align:center;}
.m15 .sec4 .conwrap .area2 ul li .txts{width:calc(100% - 140px);}
.m15 .sec4 .conwrap .area2 ul li .txts .tit{font-size:19px;color:#000;}
.m15 .sec4 .conwrap .area2 ul li .txts .txt{margin-top:5px;font-size:17px;color:#555;}

.m15 .sec5{padding:120px 0;border-bottom:1px solid #ccc;}
.m15 .sec5 ul{
	display:flex;flex-wrap:wrap;
	max-width:1440px;width:90%;margin:0 auto;
}
.m15 .sec5 ul li{
	width:23.5%;
	margin:0 2% 2% 0;
}
.m15 .sec5 ul li:nth-child(4n){margin-right:0;}
.m15 .sec5 ul li .img{}
.m15 .sec5 ul li .img img{width:100%;}
.m15 .sec5 ul li .tit{padding:20px 0;font-size:18px;color:#000;font-weight:500;text-transform:uppercase;}




/* m21 */
.m21{}
.m21 .sec1{position:relative;padding:160px 0;}
.m21 .sec1 .bgSt1{}
.m21 .sec1 .titlearea{position:relative;z-index:10;text-align:center;}
.m21 .sec1 .titlearea h2{}
.m21 .sec1 .titlearea h2 .kr{font-size:17px;color:#000;}
.m21 .sec1 .titlearea h2 .en{font-family:"Cormorant Garamond";font-size:85px;font-weight:400;color:#000;}
.m21 .cateSearch{
	position:relative;
	width:100%;max-width:1440px;
	margin:50px auto 55px;
}
.m21 .cateSearch ul{display:flex;justify-content:center;}
.m21 .cateSearch ul li{
	position:relative;
	margin-right:19px;padding-right:19px;
}
.m21 .cateSearch ul li:after{
	display:block;content:"";
	width:1px;height:14px;
	background:#ccc;
	position:absolute;right:0;top:4px;
}
.m21 .cateSearch ul li:last-child{margin:0;padding:0;}
.m21 .cateSearch ul li:last-child:after{display:none;}
.m21 .cateSearch ul li a{
	position:relative;
	font-size:18px;color:#000;font-weight:400;
}
.m21 .cateSearch ul li a:after{
	display:block;content:"";
	width:100%;height:8px;
	background:rgba(255,236,135,0.8);
	position:absolute;left:0;bottom:4px;
	opacity:0;
}
.m21 .cateSearch ul li.on a:after{opacity:1;}
.m21 .cateSearch ul li a span{position:relative;z-index:10;}
.m21 .cateSearch .searchWrap{
	position:absolute;right:2%;top:0;
	display:flex;align-items:center;
	width:250px;
	border-bottom:1px solid #333;
}
.m21 .cateSearch .searchWrap input{
	width:calc(100% - 24px);height:45px;
	box-sizing:border-box;
	padding:0 15px;
	border:0;outline:0;background:0;
}
.m21 .cateSearch .searchWrap button{
	width:24px;height:45px;
	border:0;outline:0;
}
.m21 .cateSearch .searchWrap.wh{
	border-bottom: 1px solid #fff;
}
.m21 .cateSearch .searchWrap button {
	background: unset;
}

.m21 .sec1 .conwrap{position:relative;z-index:10;max-width:1840px;width:90%;margin:0 auto 0;}
.m21 .sec1 .conwrap ul{display:flex;flex-wrap:wrap;}
.m21 .sec1 .conwrap ul li{
	width:32%;
	margin:0 2% 60px 0;
}
.m21 .sec1 .conwrap ul li:nth-child(3n){margin-right:0;}
.m21 .sec1 .conwrap ul li .thumb{overflow:hidden;}
.m21 .sec1 .conwrap ul li .thumb img{width: 100%;max-height:400px;transform:scale(1.1);transition:all 0.6s;}
.m21 .sec1 .conwrap ul li:hover .thumb img{transform:scale(1);}
.m21 .sec1 .conwrap ul li .tit{margin-top:25px;font-size:19px;color:#000;font-weight:500;}
.m21 .sec1 .conwrap ul li .matter{margin-top:5px;font-size:17px;color:#666;text-transform:uppercase;font-weight:500;}






/* paging */
.paging{
	margin-top:45px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:47px;height:47px;
	border-radius:50%;
	color:#888;font-size:16px;line-height:47px;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:47px;height:47px;
	border-radius:50%;
	background:#000;
	color:#fff;font-size:16px;line-height:47px;font-weight:400;
}
.paging .page_begin{
	width:42px;height:47px;
	background:url(/images/common/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:42px;height:47px;
	background:url(/images/common/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:42px;height:47px;
	background:url(/images/common/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:42px;height:47px;
	background:url(/images/common/page_end.png) no-repeat center;
	border:0;
}

.paging.style2 strong{background: #fced9c;color:#000;}



/* m21_view */
.m21_view{}
.m21_view .sec1 .conwrap {
	max-width: 1440px;
}
.m21_view .viewInfo{
	box-sizing:border-box;
	padding:40px 120px;
	background:#fff;
	border-radius:10px;
}
.m21_view .viewInfo .title{	
	padding:0 0 20px;margin-bottom:20px;
	border-bottom:1px solid #ddd;
	font-size:25px;color:#000;font-weight:500;text-align:center;
}
.m21_view .viewInfo .info{display:flex;justify-content:space-between;}
.m21_view .viewInfo .info dl{display:flex;align-items:center;}
.m21_view .viewInfo .info dl dt{
	position:relative;
	padding-right:10px;margin-right:15px;
	font-size:17px;color:#000;font-weight:500;
}
.m21_view .viewInfo .info dl dt:after{
	display:block;content:"";
	width:1px;height:12px;
	background:#000;
	position:absolute;right:0;top:5px;
}
.m21_view .viewInfo .info dl dd{font-size:16px;color:#555;font-weight:500;}
.m21_view .imgArea{margin-top:30px;padding-bottom:30px;border-bottom:1px solid #ccc; text-align: center;}
.m21_view .imgArea>div{margin-bottom:40px;}
.m21_view .imgArea>div img{border-radius: 10px;}
.m21_view .conwrap .appPrd{padding:70px 0 0;}
.m21_view .conwrap .appPrd .title{margin-bottom:25px;font-size:19px;color:#000;font-weight:500;}
.m21_view .conwrap .appPrd ul{display:flex;flex-wrap:wrap;}
.m21_view .conwrap .appPrd ul li{
	width:19%;
	margin:0 2% 2% 0;
}
.m21_view .conwrap .appPrd ul li:nth-child(5n){margin-right:0;}
.m21_view .conwrap .appPrd ul li .thumb{overflow:hidden;}
.m21_view .conwrap .appPrd ul li .thumb img{width:100%;}
.m21_view .conwrap .appPrd ul li .tit{
	padding-bottom:10px;margin-bottom:10px;
	border-bottom:1px solid #ccc;
	font-family:"Noto Sans KR";font-size:19px;color:#000;
}
.m21_view .conwrap .appPrd ul li .info{font-family:"Noto Sans KR";font-size:17px;color:#666;line-height:1.7em;}
.m21_view .conwrap .appPrd ul li .info dl{margin-bottom:10px;}
.m21_view .conwrap .appPrd ul li .info dl dt{font-size:17px;color:#000;font-weight:600;}
.m21_view .conwrap .appPrd ul li .info dl dd{font-family:"Noto Sans KR";font-size:16px;color:#555;}


@media(max-width:1000px){

	.m21_view .viewInfo .info{display:block;}
	.m21_view .viewInfo .info dl{margin-top:15px;}

}
.m21_view .btnwrap{
	margin-top: 120px;
	display: flex;
	justify-content: center
}




/* m31 */
.m31{background:#212223;}

.m31 .bgSt1 .line1{background:rgba(255,255,255,0.1)}
.m31 .bgSt1 .line2{background:rgba(255,255,255,0.1)}
.m31 .bgSt1 .line3{background:rgba(255,255,255,0.1)}
.m31 .bgSt1 .line4{background:rgba(255,255,255,0.1)}
.m31 .bgSt1 .line5{border:1px solid rgba(255,255,255,0.1)}
.m31 .bgSt1 .line6{background:rgba(255,255,255,0.1)}

.m31 .sec1 .titlearea{position:relative;z-index:10;text-align:center;}
.m31 .sec1 .titlearea h2{}
.m31 .sec1 .titlearea h2 .kr{font-size:17px;color:#fff;}
.m31 .sec1 .titlearea h2 .en{font-family:"Cormorant Garamond";font-size:75px;font-weight:400;color:#fff;text-align: center;}
.m31 .sec1 .titlearea h2 .en .line{
	display: block;
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 10px auto;
}


.m31 .cateSearch{margin-bottom: 90px;}
.m31 .cateSearch ul li:after{top:8px}
.m31 .cateSearch ul li a{
	position:relative;
	font-size:18px;color:#fff;font-weight:400;
}
.m31 .cateSearch ul li.on a{color:#fced9c;}
.m31 .cateSearch ul li a:after{display:none;}
.m31 .cateSearch ul.cate2{
	margin:55px 0 0;
	padding:15px 0 0;
	border-top:1px solid rgba(255,255,255,0.3);
}
.m31 .cateSearch ul.cate2 li:after{display:none;top:5px;background:rgba(255,255,255,0.2);}
.m31 .cateSearch ul.cate2 li:nth-child(1):after{display:block;}
.m31 .cateSearch ul.cate2 li a{
	font-family:"Cormorant Garamond";font-size:20px;color:#666;font-weight:600;
}
.m31 .cateSearch ul.cate2 li.on a{color:#fced9c;}
.m31 .cateSearch .exp{
	position: absolute;
	left: 50%;
	top: calc(100% + 15px);
	transform: translateX(-50%);
	font-size: 16px;
	color: rgba(255,255,255,0.8);
}
.m31 .sec1 .conwrap{}
.m31 .sec1 .conwrap .cate1List{}
.m31 .sec1 .conwrap .cate1List li{position:relative;width:23%;margin-right:2.5%;}
.m31 .sec1 .conwrap .cate1List li:nth-child(3n){margin-right:2.5%;}
.m31 .sec1 .conwrap .cate1List li:nth-child(4n){margin-right:0;}
.m31 .sec1 .conwrap .cate1List li .thumb{border-radius:0;}
.m31 .sec1 .conwrap .cate1List li .thumb img{width:100%;}
.m31 .sec1 .conwrap .cate1List li .tit{
	position:absolute;z-index:10;left:0;top:0;
	display:flex;align-items:center;justify-content:center;text-align:center;
	width:100%;height:100%;
	padding:0 4%;
	margin:0;
	background:rgba(0,0,0,0.4);
	color:#fff;
	opacity:0;
	transition:all 0.24s;
}
.m31 .sec1 .conwrap .cate1List li:hover .tit{opacity:1;}


.m31 .sec1 .conwrap.cate2{width:100%;max-width:100%;padding:0 40px;}
.m31 .sec1 .conwrap.cate2 .cate2List{}
.m31 .sec1 .conwrap.cate2 .cate2List li{
	width:32%;
	margin:0 2% 60px 0;
}
.m31 .sec1 .conwrap .cate2List li:nth-child(4n){margin-right:2%;}
.m31 .sec1 .conwrap .cate2List li:nth-child(3n){margin-right:0%;}
.m31 .sec1 .conwrap.cate2 .cate2List li .tit{font-family:"Montserrat";font-size:26px;color:#fff;font-weight:300;}
.m31 .sec1 .conwrap.cate2 .cate2List li .type{margin-top:10px;font-family:"Montserrat";font-size:17px;color:#fff;font-weight:300;}
.m31 .sec1 .conwrap.cate2 .cate2List li .type span{
	display:inline-block;
	margin:0 10px;
	width:1px;height:10px;
	background:#777778;
}




/**/
.m31View{padding:0 0 100px;background:#212223;}
.m31View .titlearea{position:relative;z-index:10;}
.m31View .conwrap{
	position:relative;z-index:10;
	overflow:hidden;
	display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
	padding-bottom:80px;
	border-bottom:1px solid #4d4e4f;
}
.m31View .conwrap .img{
	overflow:hidden;
	display:flex;flex-direction:row-reverse;
	width:50%;max-height:780px;
}
.m31View .conwrap .img .big{
	box-sizing:border-box;
	width:calc(100% - 165px);
	padding-left:40px;
}
.m31View .conwrap .img .slider{
	position:relative;
	width:165px;
}
.m31View .conwrap .img .slider .sliderwrap{max-height:772px;height:100%;}
.m31View .conwrap .img .slider .sliderwrap .swiper-slide{overflow:hidden;}
.m31View .conwrap .img .slider .sliderwrap .swiper-slide img{width:100%;}
.m31View .conwrap .img .slider .sliderwrap .swiper-slide-active:after{
	display:block;content:"";
	width:100%;height:100%;
	border:2px solid #fced9c;
	position:absolute;left:0;top:0;
	box-sizing:border-box;
}
.m31View .conwrap .img .slider .m31viewPrev{
	position:absolute;left:50%;top:20px;z-index:10;
	width:40px;height:40px;
	margin:0;
	background:rgba(0,0,0,0.4);border-radius:50%;
	transform:translate(-50%,0) rotate(90deg);
	cursor:pointer;
}
.m31View .conwrap .img .slider .m31viewNext{
	position:absolute;left:50%;bottom:20px;z-index:10;
	width:40px;height:40px;
	margin:0;
	background:rgba(0,0,0,0.4);border-radius:50%;
	transform:translate(-50%,0) rotate(90deg);
	cursor:pointer;
}

.m31View .conwrap .info{
	display:flex;flex-wrap:wrap;
	box-sizing:border-box;
	width:33%;
}
.m31View .conwrap .info .tit1{
	order:2;
	margin-top:40px;
	width:100%;
	font-family:"Cormorant Garamond";font-size:18px;color:#fced9c;
}
.m31View .conwrap .info .tit2{
	order:3;
	width:100%;
	padding:50px 0;
	margin:40px 0 0;
	border-top:1px solid #fff;
	font-family:"Cormorant Garamond";font-size:58px;color:#fff;
}
.m31View .conwrap .info table{order:4;width:100%;margin-bottom:50px;}
.m31View .conwrap .info table th{
	vertical-align:top;
	width:120px;
	padding:25px 0;
	border-bottom:1px solid #bdbdbd;
	font-size:18px;color:#fff;font-weight:600;text-align:left;line-height:1.7em;
}
.m31View .conwrap .info table td{
	padding:25px 0;
	border-bottom:1px solid #bdbdbd;
	font-size:18px;color:rgba(255,255,255,0.7);font-weight:400;text-align:left;line-height:1.7em;
}
.m31View .conwrap .info a{order:5;width:240px;margin:0 auto;}


.m31View .case{
	max-width:1440px;width:90%;
	margin:0 auto;
	padding:110px 0 0;
}
.m31View .case h4{font-size:33px;color:#fff;text-align:center;}
.m31View .case h4:after{
	display:block;content:"";
	width:60px;height:1px;
	margin:30px auto 40px;
	background:#fff;
}
.m31View .case ul{display:flex;}
.m31View .case ul li{
	width:32%;
	margin-right:2%;
}
.m31View .case ul li:nth-child(3n){margin-right:0;}
.m31View .case ul li .thumb{}
.m31View .case ul li .thumb img{width:100%;}
.m31View .case ul li .tit{padding:30px 0 0;font-size:24px;color:#fff;font-weight:400;}
.m31View .case .btnMore{margin:130px auto 0;}


@media(max-width:1140px){

	.m31View .conwrap{display:block;}
	.m31View .conwrap .img{width:700px;margin:0 auto;}
	.m31View .conwrap .img img{width:100%;}
	.m31View .conwrap .info{width:700px;margin:0 auto;}
}




/* m41 */
.m41{padding:170px 0 ;background:#000;}
.m41 .sec1{padding:0;}
.m41 .conwrap{}
.m41 .conwrap .boxwrap{
	padding:55px 0 70px;
	border-top:1px solid #fff;
}
.m41 .conwrap .boxwrap .tit1{padding-bottom:50px;font-size:30px;color:#fff;text-align:center;}
.m41 .conwrap .boxwrap .list{}
.m41 .conwrap .boxwrap .list .tit2{margin-bottom:25px;font-size:18px;color:#fff;}
.m41 .conwrap .boxwrap .list ul{display:flex;flex-wrap:wrap;}
.m41 .conwrap .boxwrap .list ul li{
	width:18.4%;
	margin:0 2% 40px 0;
}
.m41 .conwrap .boxwrap .list ul li:nth-child(5n){margin-right:0;}
.m41 .conwrap .boxwrap .list ul li:nth-child(4n){margin-right:2%;}
.m41 .conwrap .boxwrap .list ul li .img{position:relative;}
.m41 .conwrap .boxwrap .list ul li .img img{width:100%;}
.m41 .conwrap .boxwrap .list ul li .img .info{
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.3);
	padding:0 4%;
	font-size:16px;color:#fff;text-align:center;
	opacity:0;
	transition:all 0.6s;
}
.m41 .conwrap .boxwrap .list ul li:hover .img .info{opacity:1;}







/* m51 */
.m51{}
.m51 .sec1{
	position:relative;
	box-sizing:border-box;
	padding:140px 0 150px;
}
.m51 .sec1 h2{font-size:22px;color:#000;text-align:center; margin-bottom: 20px;}
.m51 .sec1 h3{font-family: "NanumSquareAc"; font-size:90px;color:#000;text-align:center; font-weight: 300;}
.m51 .sec1 ul{
	display:flex;flex-wrap:wrap;
	max-width:1440px;width:90%;margin:75px auto 0;
}
.m51 .sec1 ul li{
	position:relative;
	width: 49%;
	margin:0 2% 2% 0;
}
.m51 .sec1 ul li:nth-child(2n){margin-right:0;}
.m51 .sec1 ul li .cate{
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:30px;top:30px;z-index:10;
	min-width:120px;height:46px;
	padding:0 20px;
	background:#9b9b9b;
	border-radius:10px;
	font-size:16px;color:#fff;font-weight:600;text-align:center;transition:all 0.6s;
}
.m51 .sec1 ul li .thumb{position:relative;}
.m51 .sec1 ul li .thumb img{width:100%;}
.m51 .sec1 ul li .thumb .tit{
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	box-sizing:border-box;
	padding:0 5%;
	background:rgba(0,0,0,0.3);
	font-size:23px;color:#fff;text-align:center;
	opacity:0;
	transition:all 0.6s;
}
.m51 .sec1 ul li:hover .cate{background:#000;}
.m51 .sec1 ul li:hover .thumb .tit{opacity:1;}





/* m52 */
.m52{}
.m52 .bgSt1{top:120px;}
.m52 .sec1{
	position:relative;
	box-sizing:border-box;
	padding:150px 2% 150px;
}
.m52 .sec1 h2{font-size:22px;color:#000;text-align:center; margin-bottom: 20px;}
.m52 .sec1 h3{font-family: "NanumSquareAc"; font-size:90px;color:#000;text-align:center; font-weight: 300;}
.m52 .sec1 .conwrap{
	box-sizing:border-box;
	position:relative;z-index:10;
	max-width:1440px;
	width:90%;
	margin:75px auto 60px;padding:60px 6%;
	background:#fff;
	border-radius:10px;
	text-align:center;
}
.m52 .sec1 .conwrap h4{
	padding:0 0 25px;margin-bottom:25px;
	border-bottom:1px solid #ccc;
	font-size:25px;color:#000;font-weight:500;
}
.m52 .sec1 .conwrap p{margin-bottom:20px;font-size:19px;color:#555;line-height:1.7em;}
.m52 .sec1 .conwrap p strong{}
.m52 .sec1 .conwrap dl{
	display:flex;justify-content:center;align-items:center;
	margin-bottom:10px;
}
.m52 .sec1 .conwrap dl dt{
	position:relative;
	padding-right:10px;margin-right:10px;
	font-size:20px;color:#000;font-weight:600;
}
.m52 .sec1 .conwrap dl dt:after{
	display:block;content:"";
	width:1px;height:12px;
	background:#ccc;
	position:absolute;right:0;top:6px;
}
.m52 .sec1 .conwrap dl dd{font-size:20px;color:#000;font-weight:600;}
.m52 .btnwrap {
	display: flex;
	justify-content: center;
}





/* form */
.formwrap{max-width:1440px;width:90%;margin:75px auto 60px;}
.formwrap table{width:100%;border-collapse:collapse;border-top:2px solid #111;}
.formwrap table th{
	width:270px;
	padding:30px;
	border:1px solid #ccc;
	font-size:19px;color:#000;text-align:left;
}
.formwrap table td{
	padding:15px 30px;
	background:#fff;
	border:1px solid #ccc;
}
.formwrap table th:first-child{border-left:0;}
.formwrap table td:last-child{border-right:0;}
.formwrap table td input{
	box-sizing:border-box;
	width:40%;height:50px;
	border:1px solid #ccc;border-radius:10px;
	outline:0;
	padding:0 25px;
	font-size:17px;
}
.formwrap table td .tel{display:flex;align-items:center;width:55%;}
.formwrap table td .tel span{width:40px;text-align:center;}
.formwrap table td select{
	appearance: none;
	box-sizing:border-box;
	width:40%;height:50px;
	border:1px solid #ccc;border-radius:10px;
	outline:0;
	background:url(/images/page/sel_arr.png) no-repeat calc(100% - 25px) center;
	padding:0 25px;
	font-size:17px;
}
.formwrap table td textarea{
	width:70%;height:150px;
	box-sizing:border-box;
	padding:25px;
	border:1px solid #ccc;border-radius:10px;
	outline:0;resize:none;
	font-size:17px;
}

.formwrap .agreewrap{margin:150px 0 0;}
.formwrap .agreewrap h4{font-size:33px;color:#000;text-align:left;}
.formwrap .agreewrap h4 + p{margin:25px 0 30px;font-size:17px;color:#555;line-height:1.7em;}
.formwrap .agreewrap .chkarea{
	box-sizing:border-box;
	position:relative;
	padding:34px 30px;
	border-top:1px solid #111;
	border-bottom:1px solid #ccc;
}
.formwrap .agreewrap .chkarea:after{
	display:block;content:"";
	width:8px;height:8px;
	border-right:2px solid #000;border-bottom:2px solid #000;
	transform:rotate(45deg);
	position:absolute;right:30px;top:45px;
	transition:all 0.24s;
}
.formwrap .agreewrap .chkarea.on:after{
	transform:rotate(225deg);
}
.formwrap .agreewrap .chkarea input{display:none;}
.formwrap .agreewrap .chkarea input + label{
	display:block;
	position:relative;
	padding-left:78px;
	font-size:19px;color:#000
;}
.formwrap .agreewrap .chkarea input + label:before{
	display:block;content:"";
	width:35px;height:35px;
	background:url(/images/page/input_chk.png) no-repeat;
	position:absolute;left:0;top:0;
}
.formwrap .agreewrap .chkarea input:checked + label:before{
	background:url(/images/page/input_chk_on.png) no-repeat;
}
.formwrap .agreewrap .conarea{
	display:none;
	padding:60px 0;
	border-bottom:1px solid #ccc;
}
.formwrap .agreewrap .conarea .collect{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin-bottom:35px;
}
.formwrap .agreewrap .conarea .collect dl{
	box-sizing:border-box;
	width:31%;
	border:1px solid #ccc;border-radius:10px;
}
.formwrap .agreewrap .conarea .collect dl dt{padding:15px;font-size:19px;color:#000;text-align:center;}
.formwrap .agreewrap .conarea .collect dl dd{
	padding:35px 10px;
	border-top:1px solid #ccc;
	font-size:17px;color:#555;text-align:center;
}
.formwrap .agreewrap .conarea .txt{font-size:16px;color:#555;}





/* m53 */
/* m53 */
.m53{}
.m53 .sec1{
	position:relative;
	box-sizing:border-box;
	padding:140px 0 160px;
}
.m53 .sec1 h2{font-size:22px;color:#000;text-align:center; margin-bottom: 20px;}
.m53 .sec1 h3{font-family: "NanumSquareAc"; font-size:85px;color:#000;text-align:center; font-weight: 300;}
.m53 .sec1 .conwrap{
	margin-top: 80px;
}
.m53_inner{
	width: 90%;
	max-width: 1440px;
	margin: 0 auto;
}
.m53 .sec1 .slg{}
.m53 .sec1 .slg b{
	display: inline-block;
	font-family: "Noto Serif KR";
	font-size: 44px;
	font-weight: 300;
	color: #000;
}
.m53 .sec1 .slg p{
	margin-top: 20px;
	font-size: 20px;
	line-height: 1.5em;
}
.m53 .sec1 .m53Swiper{
	position: relative;
	width: 100%;
	margin: 70px 0 120px;
}
.m53 .sec1 .m53Swiper .swiper-slide img{
	width: 100%;
}
.m53 .sec1 .m53Swiper .prevBtn{
	position: absolute;
	left: 4%;
	top: 50%;
	transform: translateY(-50%);
	width: 37px;
	height: 69px;
	background: url(/images/page/m53_prevBtn.png) no-repeat center / contain;
	cursor: pointer;
	z-index: 1;
}
.m53 .sec1 .m53Swiper .nextBtn{
	position: absolute;
	right: 4%;
	top: 50%;
	transform: translateY(-50%);
	width: 37px;
	height: 69px;
	background: url(/images/page/m53_nextBtn.png) no-repeat center / contain;
	cursor: pointer;
	z-index: 1;
}
.m53 .sec1 .infowrap{}
.m53 .sec1 .infowrap .tit{
	font-size: 44px;
	font-weight: 300;
	color: #000;
	margin-bottom: 50px;
}
.m53 .sec1 .infowrap dl{
	display: flex;
	width: 100%;
}
.m53 .sec1 .infowrap dl dt{
	position: relative;
	padding-right: 30px;
	font-family: "Montserrat";
	font-weight: 500;
	font-size: 18px;
	line-height: 1.7em;
	color: #000;
	flex-shrink: 0;
}
.m53 .sec1 .infowrap dl dt:after{
	content: "";
	position: absolute;
	right: 13px;
	top: 9px;
	width: 1px;
	height: 12px;
	background: #000;
}
.m53 .sec1 .infowrap dl dd{
	position: relative;
	font-size: 17px;
	line-height: 1.7em;
	color: #000;
	flex-shrink: 1;
}
.m53 .sec1 .infowrap dl dd span{
	margin-right: 25px;
}
.m53 .sec1 .infowrap dl dd span:last-child{
	font-size: 14px;
}
.m53 .sec1 .infowrap .flex{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.m53 .sec1 .infowrap .flex .right{
	display: flex;
	column-gap: 50px;
}
.m53 .sec1 .map{
	margin-top: 20px;
	width: 100%;
	height: 600px;
}




/* animation */
.pageVisual .bg{transform:scale(1.1);}
.pageVisual .titlearea h2 .kr{opacity:0;transform:translateY(40px);}
.pageVisual .titlearea h2 .en{opacity:0;transform:translateY(40px);}

.pageVisual.in-view .bg{transform:scale(1);transition:all 1.4s;}
.pageVisual.in-view .titlearea h2 .kr{opacity:1;transform:translateY(0px);transition:all 1.4s 0.1s;}
.pageVisual.in-view .titlearea h2 .en{opacity:1;transform:translateY(0px);transition:all 1.4s 0.2s;}

.m11 .sec1 .conwrap .area1{opacity:0;}
.m11 .sec1 .conwrap .area1 h3{opacity:0;transform:translateY(40px);}
.m11 .sec1 .conwrap .area1 h4{opacity:0;transform:translateY(40px);}
.m11 .sec1 .conwrap .area1 h4:after{transform:scaleX(0);}
.m11 .sec1 .conwrap .area1 p{opacity:0;transform:translateY(40px);}

.m11 .sec1 .conwrap .area1.in-view{opacity:1;transition:all 1.4s 0.4s;}
.m11 .sec1 .conwrap .area1.in-view h3{opacity:1;transform:translateY(0px);transition:all 1.4s 0.5s;}
.m11 .sec1 .conwrap .area1.in-view h4{opacity:1;transform:translateY(0px);transition:all 1.4s 0.7s;}
.m11 .sec1 .conwrap .area1.in-view h4:after{transform:scaleX(1);transition:all 1.4s 0.6s;}
.m11 .sec1 .conwrap .area1.in-view p{opacity:1;transform:translateY(0px);transition:all 1.4s 0.8s;}

.m11 .sec1 .conwrap .area2{opacity:0;}
.m11 .sec1 .conwrap .area2 .logoimg{opacity:0;transform:translateY(40px);}
.m11 .sec1 .conwrap .area2 p{opacity:0;transform:translateY(40px);}
.m11 .sec1 .conwrap .area2 a{opacity:0;transform:translateY(40px);}

.m11 .sec1 .conwrap .area2.in-view{opacity:1;transition:all 1.4s 0.4s;}
.m11 .sec1 .conwrap .area2.in-view .logoimg{opacity:1;transform:translateY(0px);transition:all 1.4s 0.5s;}
.m11 .sec1 .conwrap .area2.in-view p{opacity:1;transform:translateY(0px);}
.m11 .sec1 .conwrap .area2.in-view p:nth-child(2){transition:all 1.4s 0.6s;}
.m11 .sec1 .conwrap .area2.in-view p:nth-child(3){transition:all 1.4s 0.7s;}
.m11 .sec1 .conwrap .area2.in-view p:nth-child(4){transition:all 1.4s 0.8s;}
.m11 .sec1 .conwrap .area2.in-view a{opacity:1;transform:translateY(0);transition:all 1.4s 0.9s;}


.m11 .sec2.in-view .bg {
    filter: blur(0) brightness(1);
    transform: scale(1);
    opacity: 1;
}


.m11 .sec3 .conwrap ul li .icon{}
.m11 .sec3 .conwrap ul li .num{opacity:0;transform:translateY(40px);}
.m11 .sec3 .conwrap ul li .tit{opacity:0;transform:translateY(40px);}
.m11 .sec3 .conwrap ul li .txt{opacity:0;transform:translateY(40px);}
.m11 .sec3 .conwrap .lines>div:nth-child(1){transform:scaleX(0);}
.m11 .sec3 .conwrap .lines>div:nth-child(2){transform:scaleY(0);}

.m11 .sec3 .conwrap ul li.in-view .icon{}
.m11 .sec3 .conwrap ul li.in-view .num{opacity:1;transform:translateY(0);transition:all 1.4s 0.6s}
.m11 .sec3 .conwrap ul li.in-view .tit{opacity:1;transform:translateY(0);transition:all 1.4s 0.7s}
.m11 .sec3 .conwrap ul li.in-view .txt{opacity:1;transform:translateY(0);transition:all 1.4s 0.8s}
.m11 .sec3 .conwrap .lines.in-view>div:nth-child(1){transform:scaleX(1);transition:all 1.4s 1s}
.m11 .sec3 .conwrap .lines.in-view>div:nth-child(2){transform:scaleY(1);transition:all 1.4s 1s}


.lastSlg .bg + div span{opacity:0;transform:translateY(30px);}
.lastSlg.in-view .bg + div span{display:inline-block;opacity:1;transform:translateY(0);}
.lastSlg.in-view .bg + div span:nth-child(1){transition:all 1.4s;}
.lastSlg.in-view .bg + div span:nth-child(2){transition:all 1.4s 0.1s;}
.lastSlg.in-view .bg + div span:nth-child(3){transition:all 1.4s 0.15s;}
.lastSlg.in-view .bg + div span:nth-child(4){transition:all 1.4s 0.2s;}
.lastSlg.in-view .bg + div span:nth-child(5){transition:all 1.4s 0.25s;}
.lastSlg.in-view .bg + div span:nth-child(6){transition:all 1.4s 0.3s;}
.lastSlg.in-view .bg + div span:nth-child(7){transition:all 1.4s 0.35s;}
.lastSlg.in-view .bg + div span:nth-child(8){transition:all 1.4s 0.4s;}
.lastSlg.in-view .bg + div span:nth-child(9){transition:all 1.4s 0.45s;}
.lastSlg.in-view .bg + div span:nth-child(10){transition:all 1.4s 0.5s;}

.lastSlg.in-view .bg + div span:nth-child(11){}

.lastSlg.in-view .bg + div span:nth-child(12){transition:all 1.4s 0.7s;}
.lastSlg.in-view .bg + div span:nth-child(13){transition:all 1.4s 0.75s;}
.lastSlg.in-view .bg + div span:nth-child(14){transition:all 1.4s 0.8s;}
.lastSlg.in-view .bg + div span:nth-child(15){transition:all 1.4s 0.85s;}
.lastSlg.in-view .bg + div span:nth-child(16){transition:all 1.4s 0.9s;}
.lastSlg.in-view .bg + div span:nth-child(17){transition:all 1.4s 0.95s;}
.lastSlg.in-view .bg + div span:nth-child(18){transition:all 1.4s 1s;}
.lastSlg.in-view .bg + div span:nth-child(19){transition:all 1.4s 1.05s;}
.lastSlg.in-view .bg + div span:nth-child(20){transition:all 1.4s 1.1s;}
.lastSlg.in-view .bg + div span:nth-child(21){transition:all 1.4s 1.15s;}
.lastSlg.in-view .bg + div span:nth-child(22){transition:all 1.4s 1.2s;}
.lastSlg.in-view .bg + div span:nth-child(23){transition:all 1.4s 1.25s;}
.lastSlg.in-view .bg + div span:nth-child(24){transition:all 1.4s 1.3s;}
.lastSlg.in-view .bg + div span:nth-child(25){transition:all 1.4s 1.35s;}
.lastSlg.in-view .bg + div span:nth-child(26){transition:all 1.4s 1.4s;}
.lastSlg.in-view .bg + div span:nth-child(27){transition:all 1.4s 1.45s;}
.lastSlg.in-view .bg + div span:nth-child(28){transition:all 1.4s 1.5s;}
.lastSlg.in-view .bg + div span:nth-child(29){transition:all 1.4s 1.55s;}
.lastSlg.in-view .bg + div span:nth-child(30){transition:all 1.4s 1.6s;}



.m12 .sec1 .titlearea h3{opacity:0;transform:translateY(40px);}
.m12 .sec1 .titlearea h4{opacity:0;transform:translateY(40px);}
.m12 .sec1 .conwrap{opacity:0;transform:translateY(40px);}

.m12 .sec1 .titlearea.in-view h3{opacity:1;transform:translateY(0);transition:all 1.4s}
.m12 .sec1 .titlearea.in-view h4{opacity:1;transform:translateY(0);transition:all 1.4s 0.1s;}
.m12 .sec1 .conwrap.in-view{opacity:1;transform:translateY(0);transition:all 1.4s}



.m13 .introSlg div span{opacity:0;transform:translateY(30px);}
.m13 .introSlg.in-view div span{display:inline-block;opacity:1;transform:translateY(0);}
.m13 .introSlg div br{}

.m13 .introSlg.in-view div span:nth-child(1){transition:all 1.4s;}
.m13 .introSlg.in-view div span:nth-child(2){transition:all 1.4s 0.1s;}
.m13 .introSlg.in-view div span:nth-child(3){transition:all 1.4s 0.15s;}
.m13 .introSlg.in-view div span:nth-child(4){transition:all 1.4s 0.2s;}
.m13 .introSlg.in-view div span:nth-child(5){transition:all 1.4s 0.25s;}
.m13 .introSlg.in-view div span:nth-child(6){transition:all 1.4s 0.3s;}
.m13 .introSlg.in-view div span:nth-child(7){transition:all 1.4s 0.35s;}
.m13 .introSlg.in-view div span:nth-child(8){transition:all 1.4s 0.4s;}
.m13 .introSlg.in-view div span:nth-child(9){transition:all 1.4s 0.45s;}
.m13 .introSlg.in-view div span:nth-child(10){transition:all 1.4s 0.55s;}
.m13 .introSlg.in-view div span:nth-child(11){transition:all 1.4s 0.6s;}
.m13 .introSlg.in-view div span:nth-child(12){transition:all 1.4s 0.65s;}
.m13 .introSlg.in-view div span:nth-child(13){transition:all 1.4s 0.7s;}
.m13 .introSlg.in-view div span:nth-child(14){transition:all 1.4s 0.75s;}
.m13 .introSlg.in-view div span:nth-child(15){transition:all 1.4s 0.8s;}
.m13 .introSlg.in-view div span:nth-child(16){transition:all 1.4s 0.85s;}

.m13 .introSlg.in-view div span:nth-child(17){}

.m13 .introSlg.in-view div span:nth-child(18){transition:all 1.4s 0.9s;}
.m13 .introSlg.in-view div span:nth-child(19){transition:all 1.4s 0.95s;}
.m13 .introSlg.in-view div span:nth-child(20){transition:all 1.4s 1s;}
.m13 .introSlg.in-view div span:nth-child(21){transition:all 1.4s 1.05s;}
.m13 .introSlg.in-view div span:nth-child(22){transition:all 1.4s 1.1s;}
.m13 .introSlg.in-view div span:nth-child(23){transition:all 1.4s 1.15s;}
.m13 .introSlg.in-view div span:nth-child(24){transition:all 1.4s 1.2s;}
.m13 .introSlg.in-view div span:nth-child(25){transition:all 1.4s 1.25s;}
.m13 .introSlg.in-view div span:nth-child(26){transition:all 1.4s 1.3s;}
.m13 .introSlg.in-view div span:nth-child(27){transition:all 1.4s 1.35s;}
.m13 .introSlg.in-view div span:nth-child(28){transition:all 1.4s 1.4s;}
.m13 .introSlg.in-view div span:nth-child(29){transition:all 1.4s 1.45s;}
.m13 .introSlg.in-view div span:nth-child(30){transition:all 1.4s 1.55s;}
.m13 .introSlg.in-view div span:nth-child(31){transition:all 1.4s 1.6s;}
.m13 .introSlg.in-view div span:nth-child(32){transition:all 1.4s 1.65s;}
.m13 .introSlg.in-view div span:nth-child(33){transition:all 1.4s 1.7s;}
.m13 .introSlg.in-view div span:nth-child(34){transition:all 1.4s 1.75s;}
.m13 .introSlg.in-view div span:nth-child(35){transition:all 1.4s 1.8s;}
.m13 .introSlg.in-view div span:nth-child(36){transition:all 1.4s 1.85s;}
.m13 .introSlg.in-view div span:nth-child(37){transition:all 1.4s 1.9s;}