@charset "utf-8";

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative; z-index:5;}
.msec-visual:before{position:absolute;left:100%; top:0; width:20000px;background:#fcf7f6; height:100%; box-sizing:border-box;z-index:-1;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;display:block; content:"";-webkit-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-moz-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-o-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;display:block; content:"";}
.msec-visual:after{position:absolute;right:50%; bottom:0; width:20000px;background:#c49c78; height:68px; box-sizing:border-box;z-index:-1; display:block; content:"";-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;display:block; content:"";-webkit-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-moz-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;-o-transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;transition: background 0.5s ease-out, left 1.2s linear , right 1.2s linear;display:block; content:"";}

.msec-visual.ani:before{left:50%;}

.msec-visual .visual-slide{max-width:1920px; margin:0 auto;}
.msec-visual .item{position:relative; }
.msec-visual .item .img{height:895px;background-size:cover !important;transform:scale(1.3, 1.3); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-webkit-transition: transform 5s ease-in-out;-moz-transition: transform 5s ease-in-out;-o-transition: transform 5s ease-in-out;transition: transform 5s ease-in-out;}
.msec-visual .item .img img{visibility:hidden;height:895px; width:100%;object-fit:cover;}
.msec-visual .item .txt{position:absolute;max-width:1792px; padding:0 20px; box-sizing:border-box; text-align:center; margin-top:0px;width:100%;left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.msec-visual .item .txt .btxt{font-family: 'Felix'; overflow:hidden;font-size:80px;font-weight:300; letter-spacing:0.02em; color:#fff; line-height:1.3em;display:inline-block;vertical-align:top; position:relative;}
.msec-visual .item .txt .btxt span{display:inline-block;vertical-align:top; position:relative;}
.msec-visual .item .txt .stxt{overflow:hidden;margin-top:25px;font-size:35px; line-height:1.2em; color:#fff6d4; font-weight:300; letter-spacing:-0.02em;}
.msec-visual .item .txt .stxt span{display:inline-block;vertical-align:top; position:relative;}

.msec-visual .item .txt .btxt span{opacity:0;position:relative;-webkit-transform:translateY(100%);-moz-transform:translateY(100%); -ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transition: opacity 0.8s ease-out, transform 0.8s ease-out;-moz-transition:opacity 0.8s ease-out, transform 0.8s ease-out;-o-transition: opacity 0.8s ease-out, transform 0.8s ease-out;transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.msec-visual .item .txt .stxt span{opacity:0;position:relative;-webkit-transform:translateY(100%);-moz-transform:translateY(100%); -ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transition: opacity 0.8s ease-out, transform 0.8s ease-out;-moz-transition:opacity 0.8s ease-out, transform 0.8s ease-out;-o-transition: opacity 0.8s ease-out, transform 0.8s ease-out;transition: opacity 0.8s ease-out, transform 0.8s ease-out;}

.msec-visual .item.c01 .img{background:url(../_Img/main/visual-img01.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c02 .img{background:url(../_Img/main/visual-img02.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c03 .img{background:url(../_Img/main/visual-img03.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c04 .img{background:url(../_Img/main/visual-img04.jpg) no-repeat center center; background-size:cover;}

	@media only screen and (max-width:1840px) {	
		.msec-visual .item .img{height:800px;}
		.msec-visual .item .txt .btxt{font-size:70px;}
		.msec-visual .item .txt .stxt{margin-top:20px; font-size:32px;}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {
		.msec-visual .item .img{height:740px;}
		.msec-visual .item .txt .btxt{font-size:60px;}
		.msec-visual .item .txt .stxt{font-size:29px;}
	}
	@media only screen and (max-width:1240px) {
		.msec-visual .item .txt .btxt{font-size:60px;}
		.msec-visual .item .txt .stxt{margin-top:15px; font-size:26px;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .item .img{height:660px;}
		.msec-visual .item .txt .btxt{font-size:50px;}
		.msec-visual .item .txt .stxt{font-size:23px;}
	}
	@media only screen and (max-width:680px) {
		.msec-visual .item .img{height:580px;}
		.msec-visual .item .txt{}
		.msec-visual .item .txt .btxt{font-size:40px;}
		.msec-visual .item .txt .stxt{margin-top:10px;font-size:20px;}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .item .img{height:500px;}
		.msec-visual .item .txt .btxt{font-size:34px;}
		.msec-visual .item .txt .stxt{font-size:16px;}
	}
	

.msec-visual.ani .slick-active.item .txt .btxt span{transition-delay:0.4s;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .btxt span:after{transition-delay:0.6s;width:100%;}
.msec-visual.ani .slick-active.item .txt .stxt span{transition-delay:0.8s;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .ctxt span{transition-delay:1.0s;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
	@media only screen and (max-width:1840px) {	
		
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
	
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {

	}

.msec-visual .visual-ctrl{position:absolute;right:50%; width:380px; height:68px; bottom:0;font-size:0;text-align:left;}
.msec-visual .visual-ctrl .ov{background:#c49c78; animation-delay:0.5s;}
.msec-visual .visual-ctrl a{display:inline-block;vertical-align:top; height:68px; width:100px}

.msec-visual .visual-ctrl .prev-btn{background:url(../_Img/main/preview-prev.png) no-repeat center center #cdab8c;}
.msec-visual .visual-ctrl .next-btn{border-left:1px solid #dcc4af;background:url(../_Img/main/preview-next.png) no-repeat center center #cdab8c;}
	@media only screen and (max-width:1840px) {	
		.msec-visual .visual-ctrl{width:320px; height:60px;}
		.msec-visual .visual-ctrl a{width:80px; height:60px; background-size:auto 100% !important}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.msec-visual .visual-ctrl{width:260px; height:52px;}
		.msec-visual .visual-ctrl a{width:60px; height:52px;}
	}
	@media only screen and (max-width:1240px) {
		.msec-visual .visual-ctrl{left:-5px; width:calc(100% + 10px); height:0; bottom:auto; right:auto;top:50%; background:none;}
		.msec-visual .visual-ctrl .ov:after{display:block; content:"";clear:both;}
		.msec-visual .visual-ctrl a{ width:50px; height:52px; background-color:transparent !important }
		.msec-visual .visual-ctrl .prev-btn{position:absolute; left:0; top:0;}
		.msec-visual .visual-ctrl .next-btn{border-left:none;position:absolute;right:0; top:0;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {

	}



/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{position:relative; z-index:22;}


/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative; max-width:1960px; padding:100px 20px; box-sizing:border-box; margin:0 auto;}
.msec-01:before{position:absolute; right:50%; top:0; height:100%; width:20000px; display:block; content:""; background:#c49c78; z-index:-1}

.msec-01 .cont{border:1px solid #c2c8c7; padding:124px 100px; position:relative;}
.msec-01 .cont:after{display:block; content:"";clear:both;}
.msec-01 .cont .fl{float:left; width:50%; box-sizing:border-box;position:Relative ;z-index:2;animation-delay:0.2s;}
.msec-01 .cont .fl .txt{padding-top:20px;padding-left:428px;}
.msec-01 .cont .fl .txt:before{position:Absolute; left:0; top:0;width:384px;height:95px;background:url(../_Img/main/preview-tit.png) no-repeat left center; display:block; content:""; }
.msec-01 .cont .fl h3{font-size:36px; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}
.msec-01 .cont .fl h3 span{display:inline-block;vertical-align:top; position:relative;}
.msec-01 .cont .fl h3 span:after{position:absolute; left:-10px; width:calc(100% + 20px); height:16px; display:block ;content:"";background:#bd8d56; bottom:-3px; display:block; z-index:-1;transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -webkit-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -moz-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); }
.msec-01 .cont .fl p{margin-top:50px;font-size:18px; font-weight:400; color:#fff; letter-spacing:-0.02em; line-height:1.75em; text-transform:uppercase}

.msec-01 .cont .fr{float:right; width:50%;text-align:center; box-sizing:Border-box; padding-left:50px;animation-delay:0.4s;}
.msec-01 .cont .vimg-thumbs{width:640px; margin-left:262px; margin-top:110px;animation-delay:0.2s;}
.msec-01 .cont .vimg-slide{display:inline-block;vertical-align:top;text-align:left; width:100%; max-width:580px;}
	@media only screen and (max-width:1860px) {	
		.msec-01 .cont{padding:100px 80px}
		.msec-01 .cont .fl{}
		.msec-01 .cont .fl .txt{padding-top:25px;padding-left:350px;}
		.msec-01 .cont .fl .txt:before{background-size:auto 80px}

		.msec-01 .cont .fl h3{font-size:33px;}
		.msec-01 .cont .fl h3 span:after{height:12px; left:-5px; width:calc(100% + 10px)}
		.msec-01 .cont .fl p{margin-top:20px;font-size:17px;}

		.msec-01 .cont .vimg-thumbs{width:620px; margin-left:240px; margin-top:100px;}
		.msec-01 .cont .vimg-slide{max-width:540px}
	}
	@media only screen and (max-width:1740px) {	
		.msec-01 .cont .vimg-thumbs{width:620px; margin-left:150px;}
	}
	@media only screen and (max-width:1640px) {	
		.msec-01{padding:80px 20px}
		.msec-01 .cont .fl{padding-right:50px}
		.msec-01 .cont .fl .txt{padding-top:100px; }
		.msec-01 .cont .fl .txt{padding-left:0;}
		.msec-01 .cont .fl .txt:before{background-size:auto 70px}
		.msec-01 .cont .vimg-thumbs{width:auto; max-width:620px; margin-left:0; margin-top:80px}
	}
	@media only screen and (max-width:1420px) {	
		.msec-01 .cont{padding:80px 60px}
		.msec-01 .cont .fl h3{font-size:30px;}
		.msec-01 .cont .fl h3 span:after{height:8px; left:-5px; width:calc(100% + 10px); bottom:0}
		.msec-01 .cont .fl p{margin-top:15px;font-size:16px;}
	}
	@media only screen and (max-width:1240px) {
		.msec-01 .cont{padding:60px 50px}
	}
	@media only screen and (max-width:999px) {
		.msec-01{padding:60px 20px; border-bottom:1px solid #efefef;}
		.msec-01:before{position:absolute; right:0; top:0; height:45%; width:20000px; display:block; content:""; background:#c49c78; z-index:-1}
		
		.msec-01 .cont{padding:50px;padding-bottom:160px;}
		.msec-01 .cont .fl{float:none; width:auto; padding:0; position:initial; z-index:123;}
		.msec-01 .cont .fr{float:none; width:auto; padding:0; margin-top:30px; }
	
		.msec-01 .cont .fl .txt{padding-top:90px;}
		.msec-01 .cont .fl .txt:before{background-size:auto 60px; height:80px; left:0; top:0;}
		.msec-01 .cont .fl h3{font-size:27px;}
		.msec-01 .cont .fl h3 span:after{height:4px;}
		.msec-01 .cont .fl p{margin-top:10px;font-size:15px;}
		.msec-01 .cont .fl p br:nth-child(2), .msec-01 .cont .fl p br:nth-child(4){display:none;}

		.msec-01 .cont .vimg-thumbs{width:auto; margin-left:0; margin-top:0; max-width:none; position:Absolute; left:50px; bottom:50px; width:calc(100% - 100px);}
		.msec-01 .cont .vimg-slide{display:block; max-width:none;}
	}
	@media only screen and (max-width:680px) {
		.msec-01{padding:40px 20px;}
		.msec-01 .cont{padding:40px;padding-bottom:130px;}
		.msec-01 .cont .fl{}
		.msec-01 .cont .fl .txt{padding-top:80px;}
		.msec-01 .cont .fl .txt:before{background-size:auto 50px; height:70px;}
		.msec-01 .cont .fl h3{font-size:24px;}
		.msec-01 .cont .fl p{margin-top:10px;font-size:14px; line-height:1.5em;}
		.msec-01 .cont .fr{}

		.msec-01 .cont .vimg-thumbs{ left:40px; bottom:40px; width:calc(100% - 80px);}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .cont{padding:30px;padding-bottom:110px;}
	
		.msec-01 .cont .fl .txt{padding-top:70px;}
		.msec-01 .cont .fl .txt:before{background-size:auto 40px;}
		.msec-01 .cont .fl h3{font-size:21px;}
		.msec-01 .cont .fl p br{display:none}
		.msec-01 .cont .fr{}

		.msec-01 .cont .vimg-thumbs{ left:30px; bottom:30px; width:calc(100% - 60px);}
	}
	@media only screen and (max-width:400px) {
		.msec-01 .cont{padding:25px;padding-bottom:100px;}
		.msec-01 .cont .fl .txt:before{}
		.msec-01 .cont .fr{}
		.msec-01 .cont .vimg-thumbs{ left:25px; bottom:25px; width:calc(100% - 50px);}
	}


	

.msec-01 .cont .vimg-thumbs img{width:100%; height:100px;object-fit:cover;}
.msec-01 .cont .vimg-slide .img img{width:100%; height:392px;object-fit:cover;}
.msec-01 .cont .vimg-slide .txt{margin-top:22px;background:#fff;}
.msec-01 .cont .vimg-slide .txt .btxt{font-size:22px; font-weight:700; letter-spacing:-0.03em; color:#000; line-height:1.4em;}
.msec-01 .cont .vimg-slide .txt .stxt{font-size:16px; font-weight:300; letter-spacing:-0.03em;color:#8b7d6d; line-height:1.5em; margin-top:20px;font-family: 'Noto Sans KR'; }

.msec-01 .cont .gtop {margin-left:auto; margin-right:auto; box-sizing:border-box;}
.msec-01 .cont .gthumbs{box-sizing: border-box;margin-top:14px;}
.msec-01 .cont .gthumbs .swiper-slide {position:relative;width: 25%; height: 100%;opacity:1; cursor:pointer;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-01 .cont .gthumbs .swiper-slide-thumb-active { opacity: 1;}

.msec-01 .cont .gthumbs .swiper-slide-thumb-active:after{width:100%;height:100%; display:block; border:1px solid #fff; content:"";box-sizing:border-box; left:0; top:0; position:absolute; opacity:1}

.msec-01 .cont .preview-ctrl{position:absolute;right:50%; width:380px; height:68px; background:#c49c78;top:-68px;font-size:0;text-align:left;}
.msec-01 .cont .preview-ctrl a{display:inline-block;vertical-align:top; height:68px; width:100px}

.msec-01 .cont .preview-ctrl .prev-btn{background:url(../_Img/main/preview-prev.png) no-repeat center center #cdab8c;}
.msec-01 .cont .preview-ctrl .next-btn{border-left:1px solid #dcc4af;background:url(../_Img/main/preview-next.png) no-repeat center center #cdab8c;}
	@media only screen and (max-width:1860px) {	
		.msec-01 .cont .vimg-slide .txt .btxt{font-size:20px;}
		.msec-01 .cont .vimg-slide .txt .stxt{font-size:15px; margin-top:15px}

		.msec-01 .cont .vimg-thumbs img{height:90px}
		.msec-01 .cont .vimg-slide .img img{height:360px;}
	}
	@media only screen and (max-width:1640px) {	
		.msec-01 .cont .vimg-thumbs img{height:80px}
		
	}
	@media only screen and (max-width:1420px) {	
		.msec-01 .cont .vimg-thumbs img{height:70px}

		.msec-01 .cont .vimg-slide .img img{height:320px;}
		.msec-01 .cont .vimg-slide .txt .btxt{font-size:18px;}
		.msec-01 .cont .vimg-slide .txt .stxt{font-size:14px; margin-top:10px; line-height:1.3em;} 
	}
	@media only screen and (max-width:1240px) {
		.msec-01 .cont .vimg-thumbs img{height:80px}
	}
	@media only screen and (max-width:999px) {
		.msec-01 .cont .vimg-thumbs img{height:80px}
		.msec-01 .cont .vimg-slide .img img{height:auto;object-fit:fill;}
		
		.msec-01 .cont .vimg-slide .txt{margin-top:17px;}
		.msec-01 .cont .vimg-slide .txt .btxt{font-size:17px;}
		.msec-01 .cont .vimg-slide .txt .stxt{font-size:13px; margin-top:7px}
	}
	@media only screen and (max-width:680px) {
		.msec-01 .cont .vimg-thumbs img{height:70px}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .cont .vimg-thumbs img{height:60px}
	}
	@media only screen and (max-width:400px) {
		.msec-01 .cont .vimg-thumbs img{height:50px}
	}


.msec-01 .notice{position:absolute; left:50% ; top:0; width:100%;  max-width:1960px; box-sizing:border-box; padding:0 20px;height:100px;z-index:32; box-sizing:border-box; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-01 .notice:after{display:block; content:"";clear:both;}
.msec-01 .notice .ov{position:relative;float:right; width:calc(50% - 80px); max-width:900px; padding:0 150px 0 165px; box-sizing:Border-box; animation-delay:0.3s;}
.msec-01 .notice .tits{position:absolute; left:0; top:0;}
.msec-01 .notice .tits h3{font-size:30px; color:#ad7949; letter-spacing:-0.03em; line-height:100px;}
.msec-01 .notice .tits h3 span{display:inline-block;vertical-align:top; position:relative; }
.msec-01 .notice .tits h3 span:after{position:absolute; left:-10px; width:calc(100% + 20px); height:16px; display:block ;content:"";background:#fcf7e7; bottom:26px; display:block; z-index:-1;transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -webkit-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -moz-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); }

.msec-01 .notice .rcon{height:100px; position:relative; padding-right:20px;}
.msec-01 .notice .rcon .item{}
.msec-01 .notice .rcon .item a{display:block; font-size:16px ;font-weight:300; color:#7e7e7e; font-family: 'Noto Sans KR'; letter-spacing:-0.01em; line-height:100px; position:relative; padding-right:110px ;height:100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box;}
.msec-01 .notice .rcon .item a .date{ text-decoration:none !important;font-size:15px ;font-weight:300; color:#777; letter-spacing:0;opacity:0.6;position:absolute;right:0; top:0;}
.msec-01 .notice .rcon .more{position:Absolute; right:40px; top:50%; margin-top:-15px; height:30px; font-family: 'Noto Sans KR';  font-size:10px;  width:86px;line-height:28px; border:1px solid #e6d5c3; text-align:center;letter-spacing:0.1em; box-sizing:border-box; color:#898989;}
.msec-01 .notice .rcon .more:hover{background:#cdab8c; color:#fff; border-color:#cdab8c;}

/* .msec-01 .notice .slick-prev{ width:14px;height:10px; background:url(../_Img/main/notice-down.png) no-repeat center center; position:absolute; right:-66px; bottom:20px; left:auto; top:auto}
.msec-01 .notice .slick-next{ width:14px;height:10px; background:url(../_Img/main/notice-up.png) no-repeat center center; position:absolute; right:-66px; top:30px; left:auto;} */
	@media only screen and (max-width:1840px) {	

		.msec-01 .notice .ov{padding-left:140px; width:calc(50% - 60px);}
		.msec-01 .notice .tits h3{font-size:27px;}
		.msec-01 .notice .tits h3 span:after{height:12px; left:-5px; width:calc(100% + 10px); bottom:28px;}
		.msec-01 .notice .rcon .item a{font-size:15px; padding-right:90px;}

		.msec-01 .notice .rcon .more{width:76px; right:20px;}
	}
	@media only screen and (max-width:1640px) {	
		.msec-01 .notice{height:80px;}
		.msec-01 .notice .ov{padding-right:80px;}
		.msec-01 .notice .tits h3{line-height:80px;}
		.msec-01 .notice .tits h3 span:after{ bottom:20px}
		.msec-01 .notice .rcon{height:80px;} 
		.msec-01 .notice .rcon .item a{line-height:80px; height:80px;}
	}
	@media only screen and (max-width:1420px) {	
		.msec-01 .notice .ov{padding-left:125px; padding-right:60px;width:calc(50% - 50px);}
		.msec-01 .notice .tits h3{font-size:24px;}
		.msec-01 .notice .tits h3 span:after{height:8px; left:-5px; width:calc(100% + 10px); bottom:22px;}
		.msec-01 .notice .rcon .item a{padding-right:70px;}
		.msec-01 .notice .rcon .more{width:70px; right:0px;}
	}
	@media only screen and (max-width:1240px) {
		.msec-01 .notice .ov{padding-left:110px; padding-right:30px;}
	}
	@media only screen and (max-width:999px) {
		.msec-01 .notice{position:relative; left:auto; top:auto; padding:0; height:auto; margin-top:30px; -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
		.msec-01 .notice:before{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:"";z-index:-1;}
		.msec-01 .notice .ov{float:none; width:auto; max-width:none; padding-left:110px; padding-right:0;}
		.msec-01 .notice .tits h3{font-size:21px; line-height:60px;}
		.msec-01 .notice .tits h3 span:after{height:4px; bottom:17px;}
		
		.msec-01 .notice .rcon{height:60px; padding-right:0;} 
		.msec-01 .notice .rcon .item a{font-size:14px;line-height:60px; height:60px; padding-right:90px;}
		.msec-01 .notice .rcon .more{height:26px; line-height:24px; margin-top:-12px; width:66px}

	}
	@media only screen and (max-width:680px) {
		.msec-01 .notice .ov{padding-left:95px; padding-right:0;}
		.msec-01 .notice .tits h3{font-size:18px; line-height:50px;}
		.msec-01 .notice .tits h3 span:after{height:4px; bottom:17px;}
		
		.msec-01 .notice .rcon{height:50px; padding-right:0;} 
		.msec-01 .notice .rcon .item a{font-size:14px;line-height:50px; height:50px; padding-right:90px;}
		.msec-01 .notice .rcon .more{height:26px; line-height:24px; margin-top:-14px; width:62px; font-size:9px;}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .notice .ov{padding-left:0;}
		.msec-01 .notice .tits{position:Relative; left:auto; top:auto;}
		.msec-01 .notice .tits h3{font-size:18px; line-height:1.3em;}
		.msec-01 .notice .tits h3 span:after{ bottom:1px;}
		.msec-01 .notice .rcon{height:40px;} 
		.msec-01 .notice .rcon .item a{line-height:40px; height:40px; padding-right:80px}
		.msec-01 .notice .rcon .more{margin-top:-12px;}
	}







/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative; max-width:1960px; padding:155px 20px; box-sizing:border-box; margin:0 auto;}
.msec-02 .tits{text-align:center;}
.msec-02 .tits h3{animation-delay:0.1s;font-size:36px; color:#ad7949; letter-spacing:-0.03em; line-height:1.2em;}
.msec-02 .tits h3 span{display:inline-block;vertical-align:top; position:relative;}
.msec-02 .tits h3 span:after{position:absolute; left:-10px; width:calc(100% + 20px); height:16px; display:block ;content:"";background:#fcf7e7; bottom:-3px; display:block; z-index:-1;transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -webkit-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -moz-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); }
.msec-02 .tits p{animation-delay:0.2s;margin-top:25px;font-size:18px; font-weight:400; color:#877968; letter-spacing:-0.03em; line-height:1.2em;}

.msec-02 .cont{position:Relative;max-width:1540px; margin:0 auto;margin-top:70px; }
.msec-02 .cont ul{margin:0 -65px;}
.msec-02 .cont ul:after{display:block; content:"";clear:both}
.msec-02 .cont li{float:left; width:calc(16.6666666667% - 130px); margin:0 65px;}
.msec-02 .cont li a{position:relative;display:block; padding-top:160px; text-align:center;line-height:1.2em; font-size:15px; color:#6d6d71; letter-spacing:-0.03em;}
.msec-02 .cont li a span{font-size:22px; font-weight:700; color:#2a2a2a; letter-spacing:-0.03em; line-height:1.2em; display:block; margin-bottom:12px;-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}

.msec-02 .cont li a:hover span{color:#c49c78}
.msec-02 .cont li a:before{position:absolute; left:50%; top:0;width:142px;height:142px; margin-left:-71px; display:block; content:"";transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-02 .cont li a:hover:before{transform:scale(1) translateY(-10px)}

.msec-02 .cont li:nth-child(1) a:before{background:url(../_Img/main/service-ico01.jpg) no-repeat center top;}
.msec-02 .cont li:nth-child(2) a:before{background:url(../_Img/main/service-ico02.jpg) no-repeat center top;}
.msec-02 .cont li:nth-child(3) a:before{background:url(../_Img/main/service-ico03.jpg) no-repeat center top;}
.msec-02 .cont li:nth-child(4) a:before{background:url(../_Img/main/service-ico04.jpg) no-repeat center top;}
.msec-02 .cont li:nth-child(5) a:before{background:url(../_Img/main/service-ico05.jpg) no-repeat center top;}
.msec-02 .cont li:nth-child(6) a:before{background:url(../_Img/main/service-ico06.jpg) no-repeat center top;}

.msec-02 .cont li:nth-child(1){animation-delay:0.4s;}
.msec-02 .cont li:nth-child(2){animation-delay:0.5s;}
.msec-02 .cont li:nth-child(3){animation-delay:0.6s;}
.msec-02 .cont li:nth-child(4){animation-delay:0.7s;}
.msec-02 .cont li:nth-child(5){animation-delay:0.8s;}
.msec-02 .cont li:nth-child(6){animation-delay:0.9s;}
	@media only screen and (max-width:1840px) {	
		.msec-02{padding:120px 20px}
		.msec-02 .tits h3{font-size:33px;}
		.msec-02 .tits h3 span:after{height:12px; left:-5px; width:calc(100% + 10px)}
		.msec-02 .tits p{margin-top:20px;font-size:17px;}

		.msec-02 .cont{margin-top:60px;}
		.msec-02 .cont ul{margin:0 -40px;}
		.msec-02 .cont li{width:calc(16.6666666667% - 80px); margin:0 40px;}
		.msec-02 .cont li a{padding-top:130px; font-size:14px;}
		.msec-02 .cont li a:before{background-size:120px auto !important;}
		.msec-02 .cont li a span{font-size:20px; margin-bottom:7px}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.msec-02{padding:90px 20px}
		.msec-02 .tits h3{font-size:30px;}
		.msec-02 .tits h3 span:after{height:8px; left:-5px; width:calc(100% + 10px); bottom:0}
		.msec-02 .tits p{margin-top:15px;font-size:16px;}

		.msec-02 .cont{margin-top:50px;}
		.msec-02 .cont ul{margin:0 -20px;}
		.msec-02 .cont li{width:calc(16.6666666667% - 40px); margin:0 20px;}
		.msec-02 .cont li a{padding-top:110px; font-size:13px;}
		.msec-02 .cont li a:before{background-size:100px auto !important;}
		.msec-02 .cont li a span{font-size:15px; margin-bottom:5px}
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-02{padding:75px 20px}
		.msec-02 .tits h3{font-size:27px;}
		.msec-02 .tits h3 span:after{height:4px;}
		.msec-02 .tits p{margin-top:10px;font-size:15px; padding:0 20px;}

		.msec-02 .cont{margin-top:40px;}
		.msec-02 .cont li{width:calc(33.3333333333333% - 40px);}
		.msec-02 .cont li:nth-child(n+4){margin-top:25px;}

		.msec-02 .cont li a{padding-top:90px; font-size:12px;}
		.msec-02 .cont li a:before{background-size:80px auto !important;}
	}
	@media only screen and (max-width:680px) {
		.msec-02{padding:60px 20px}
		.msec-02 .tits h3{font-size:24px;}
		.msec-02 .tits p{margin-top:10px;font-size:14px;}
		
		.msec-02 .cont{margin-top:30px;}
		.msec-02 .cont li a{font-size:11px;}
		.msec-02 .cont li a:before{}
	}
	@media only screen and (max-width:480px) {
		.msec-02 .tits h3{font-size:21px;}
		.msec-02 .cont ul{margin:0 -15px; box-sizing:border-box; padding:0 20px;}
		.msec-02 .cont li{width:calc(50% - 30px); margin:0 15px;}
		.msec-02 .cont li:nth-child(n+3){margin-top:35px;}
	}













/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative; max-width:1960px; padding:150px 20px; box-sizing:border-box; margin:0 auto;}
.msec-03:before{position:absolute; right:50%; top:0; height:100%; width:20000px; display:block; content:""; background:#f1e5db; z-index:-1}
.msec-03:after{position:absolute; left:50%; top:0; height:100%; width:20000px; display:block; content:""; background:#fbf7f4; z-index:-1}

.msec-03 .cont{text-align:center;max-width:1480px; margin:0 auto;position:relative;}
.msec-03 .cont .txt{position:absolute; left:0; margin-left:60px; top:45px;width:100%;}
.msec-03 .cont .txt:after{width:calc(50% - 250px);right:60px; top:97px; display:block; content:""; position:absolute;border-bottom:1px solid #a9a69c;}
.msec-03 .cont .txt .vc{display:inline-block;vertical-align:top; position:relative;text-align:left; width:440px; box-sizing:border-box; }
.msec-03 .cont .txt .btxt{animation-delay:0.1s;font-size:18px; font-weight:400; color:#877968; letter-spacing:0.2em; line-height:1.2em; text-transform:uppercase}
.msec-03 .cont .txt .stxt{animation-delay:0.2s;margin-top:20px;font-size:60px; color:#000000; letter-spacing:0.1em; line-height:1.2em; font-weight:400;position:relative;font-family: 'Playfair Display', serif;}
.msec-03 .cont .txt .ctxt{animation-delay:0.3s;margin-top:60px;font-size:19px; font-weight:400; color:#877968; letter-spacing:-0.02em; line-height:1.75em; text-transform:uppercase}

.msec-03 .cont .img ul{}
.msec-03 .cont .img ul:after{display:block; content:"";clear:both}
.msec-03 .cont .img li{float:left;}
.msec-03 .cont .img li:nth-child(1){width:31.89%}
.msec-03 .cont .img li:nth-child(2){width:22.70%; padding-top:550px; margin:0 11.05%}
.msec-03 .cont .img li:nth-child(3){float:right;width:23.31%;padding-top:340px}
.msec-03 .cont .img li p{overflow:hidden;}
.msec-03 .cont .img li img{width:100%;}
.msec-03 .cont .img li:nth-child(1){animation-delay:0.6s;}
.msec-03 .cont .img li:nth-child(2){animation-delay:0.7s;}
.msec-03 .cont .img li:nth-child(3){animation-delay:0.8s;}

.msec-03 .cont .img li:nth-child(1) p{animation-delay:0.2s;}
.msec-03 .cont .img li:nth-child(2) p{animation-delay:0.4s;}
.msec-03 .cont .img li:nth-child(3) p{animation-delay:0.6s;}
	@media only screen and (max-width:1840px) {	
		.msec-03{padding:120px 20px}
		.msec-03 .cont .txt{margin-left:80px}
		.msec-03 .cont .txt:after{top:84px;width:calc(50% - 220px); right:80px;}
		.msec-03 .cont .txt .btxt{font-size:16px;}
		.msec-03 .cont .txt .stxt{margin-top:15px;font-size:52px;}
		.msec-03 .cont .txt .ctxt{margin-top:50px;font-size:17px;}

		.msec-03 .cont .img li:nth-child(2){padding-top:510px;}
		.msec-03 .cont .img li:nth-child(3){padding-top:300px}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.msec-03{padding:90px 20px}
		.msec-03 .cont .txt{margin-left:100px}
		.msec-03 .cont .txt:after{top:74px;width:calc(50% - 200px); right:100px;}
		.msec-03 .cont .txt .btxt{font-size:14px;}
		.msec-03 .cont .txt .stxt{margin-top:10px;font-size:44px;}
		.msec-03 .cont .txt .ctxt{margin-top:40px;font-size:16px;}

		.msec-03 .cont .img li:nth-child(2){padding-top:470px;}
		.msec-03 .cont .img li:nth-child(3){padding-top:260px}
	}
	@media only screen and (max-width:1240px) {
		.msec-03 .cont .img li:nth-child(2){padding-top:400px;}
		.msec-03 .cont .img li:nth-child(3){padding-top:200px}
	}
	@media only screen and (max-width:999px) {
		.msec-03{padding:70px 20px}
		.msec-03:before{right:0; top:54%; height:46%;}
		.msec-03:after{left:0; top:0; height:54%;}

		.msec-03 .cont .txt{position:relative; left:auto; top:auto; width:auto;margin-left:0}
		.msec-03 .cont .txt:after{top:62px;width:calc(100% - 270px); right:0;}
		.msec-03 .cont .txt .vc{display:block; width:auto;}
		.msec-03 .cont .txt .btxt{font-size:13px;}
		.msec-03 .cont .txt .stxt{margin-top:10px;font-size:38px;}
		.msec-03 .cont .txt .ctxt{margin-top:30px;font-size:15px;}
		.msec-03 .cont .txt .ctxt br{display:none;}
		
		.msec-03 .cont .img{margin-top:50px}
		.msec-03 .cont .img li:nth-child(1){width:32%}
		.msec-03 .cont .img li:nth-child(2){width:24%; padding-top:300px; margin:0 8%}
		.msec-03 .cont .img li:nth-child(3){width:28%;padding-top:100px}
	}
	@media only screen and (max-width:680px) {
		.msec-03{padding:60px 20px}

		.msec-03 .cont .txt:after{top:55px;width:calc(100% - 230px); right:0;}
		.msec-03 .cont .txt .btxt{font-size:12px;}
		.msec-03 .cont .txt .stxt{margin-top:10px;font-size:32px;}
		.msec-03 .cont .txt .ctxt{margin-top:20px;font-size:14px; line-height:1.6em;}
		
		.msec-03 .cont .img{margin-top:35px}
		.msec-03 .cont .img li:nth-child(1){width:32%}
		.msec-03 .cont .img li:nth-child(2){width:28%; padding-top:150px; margin:0 4%}
		.msec-03 .cont .img li:nth-child(3){width:32%;padding-top:30px}
	}
	@media only screen and (max-width:480px) {
		.msec-03 .cont .img li:nth-child(1){width:34%}
		.msec-03 .cont .img li:nth-child(2){width:28%; padding-top:110px; margin:0 2%}
		.msec-03 .cont .img li:nth-child(3){width:34%;padding-top:20px}
		
		.msec-03 .cont .txt:after{top:49px;width:calc(100% - 190px);}
		.msec-03 .cont .txt .btxt{font-size:11px;}
		.msec-03 .cont .txt .stxt{font-size:27px;}
		.msec-03 .cont .txt .ctxt{margin-top:15px;font-size:13px;}
	}




/* ======================================================
   .msec-04
=========================================================*/
.msec-04{position:relative; max-width:1960px; padding:130px 20px; box-sizing:border-box; margin:0 auto;}
.msec-04 .tits{text-align:center;}
.msec-04 .tits h3{animation-delay:0.2s;font-size:36px; color:#ad7949; letter-spacing:-0.03em; line-height:1.2em;}
.msec-04 .tits h3 span{display:inline-block;vertical-align:top; position:relative;}
.msec-04 .tits h3 span:after{position:absolute; left:-10px; width:calc(100% + 20px); height:16px; display:block ;content:"";background:#fcf7e7; bottom:-3px; display:block; z-index:-1;transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -webkit-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); -moz-transform: scale(1,1) rotate(0)skew(-29deg,0) translate(0,0); }
.msec-04 .tits p{animation-delay:0.4s;margin-top:25px;font-size:18px; font-weight:400; color:#877968; letter-spacing:-0.03em; line-height:1.2em;}

.msec-04 .cont{margin-top:70px; position:Relative;animation-delay:0.6s;}
.msec-04 .cont:after{position:absolute; left:0;bottom:0; background:#faf9f5; display:block; content:""; width:calc(100% + 45px);height:100%; z-index:-1}
.msec-04 .cont ul{}
.msec-04 .cont ul:after{display:block ;content:"";clear:both}
.msec-04 .cont li{float:left; position:relative;padding:27px 0; text-align:center; width:33.33333333333%}
.msec-04 .cont li:nth-child(n+2):before{border-left:1px solid #e1cebc; position:Absolute ;left:-1px; top:50%; margin-top:-24px; height:48px; display:block; content:""}
.msec-04 .cont li p{display:inline-block;vertical-align:top;  line-height:48px;padding-left:60px; font-size:20px; letter-spacing:-0.01em;;font-weight:700; color:#000; position:Relative;}
.msec-04 .cont li p:before{position:Absolute; left:0; top:0; width:48px;height:48px; display:block; content:""}

.msec-04 .cont li:nth-child(1) p:before{background:url(../_Img/main/contact-ico01.png) no-repeat center center;}
.msec-04 .cont li:nth-child(2) p:before{background:url(../_Img/main/contact-ico02.png) no-repeat center center;}
.msec-04 .cont li:nth-child(3) p:before{background:url(../_Img/main/contact-ico03.png) no-repeat center center;}
 
.msec-04 .cont li:nth-child(2) p{padding-left:60px}
.msec-04 .cont li:nth-child(3) p{padding-left:64px}
	@media only screen and (max-width:1840px) {	
		.msec-04{padding:110px 20px}
		.msec-04 .tits h3{font-size:33px;}
		.msec-04 .tits h3 span:after{height:12px; left:-5px; width:calc(100% + 10px)}
		.msec-04 .tits p{margin-top:20px;font-size:17px;}

		.msec-04 .cont{margin-top:50px;}
		.msec-04 .maps iframe{height:480px !important;}

		.msec-04 .cont li{padding:25px 0; width:30%}
		.msec-04 .cont li:first-child{width:40%}
		.msec-04 .cont li:nth-child(n+2):before{height:40px; margin-top:-20px;}
		.msec-04 .cont li p{padding-left:50px; line-height:40px; font-size:18px;}
		.msec-04 .cont li p:before{width:40px;height:40px; background-size:40px auto !important;}
		
		.msec-04 .cont li:nth-child(2) p{padding-left:50px}
		.msec-04 .cont li:nth-child(3) p{padding-left:54px}
	}
	@media only screen and (max-width:1640px) {	
		
	}
	@media only screen and (max-width:1420px) {	
		.msec-04{padding:90px 20px}
		.msec-04 .tits h3{font-size:30px;}
		.msec-04 .tits h3 span:after{height:8px; left:-5px; width:calc(100% + 10px); bottom:0}
		.msec-04 .tits p{margin-top:15px;font-size:16px;}

		.msec-04 .maps iframe{height:440px !important;}

		.msec-04 .cont li{padding:22px 0; width:30%}
		.msec-04 .cont li:first-child{width:44%}
		.msec-04 .cont li:nth-child(3){width:26%}
		.msec-04 .cont li:nth-child(n+2):before{height:30px; margin-top:-15px;}
		.msec-04 .cont li p{padding-left:42px; line-height:32px; font-size:16px;}
		.msec-04 .cont li p:before{width:32px;height:32px; background-size:32px auto !important;}

		.msec-04 .cont li:nth-child(2) p{padding-left:42px}
		.msec-04 .cont li:nth-child(3) p{padding-left:46px}
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-04{padding:75px 20px}
		.msec-04 .tits h3{font-size:27px;}
		.msec-04 .tits h3 span:after{height:4px;}
		.msec-04 .tits p{margin-top:10px;font-size:15px; padding:0 20px;}

		.msec-04 .cont{margin-top:30px;}
		.msec-04 .cont:after{left:-20px; width:calc(100% + 40px)}
		.msec-04 .maps{width:calc(100% + 40px);margin-left:-20px;}
		.msec-04 .maps iframe{height:400px !important;}

		.msec-04 .cont ul{width:calc(100% + 40px);margin-left:-20px; box-sizing:border-box; padding:20px 15px}
		.msec-04 .cont li{float:none; width:auto !important; padding:5px 0 ; text-align:left;}
		.msec-04 .cont li:nth-child(n+2):before{display:none;}
		.msec-04 .cont li:nth-child(n+2){margin-top:3px;}

		.msec-04 .cont li p{padding-left:34px; line-height:26px; font-size:15px;}
		.msec-04 .cont li p:before{width:26px;height:26px; background-size:26px auto !important;}

		.msec-04 .cont li:nth-child(2) p{padding-left:34px}
		.msec-04 .cont li:nth-child(3) p{padding-left:38px}
	}
	@media only screen and (max-width:680px) {
		.msec-04{padding:60px 20px}
		.msec-04 .tits h3{font-size:24px;}
		.msec-04 .tits p{margin-top:10px;font-size:14px;}
		.msec-04 .maps iframe{height:360px !important;}
		
		.msec-04 .cont li{padding:3px 0}
		.msec-04 .cont li p{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.msec-04 .tits h3{font-size:21px;}
		.msec-04 .cont li p{font-size:13px;}
	}