@charset "utf-8";

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:Relative;}
.msec-visual .visual .item{}
.msec-visual .visual .item .txt{position:absolute; left:0; top:17%; width:100%; text-align:center; z-index:12;}
.msec-visual .visual .item .txt .btxt{font-size:18px; font-weight:400; letter-spacing:-0.03em; line-height:1.1em; letter-spacing:-0.04em; color:rgba(0,0,0,0.7);opacity:0;-webkit-transform:translateY(30%);-moz-transform:translateY(30%); -ms-transform:translateY(30%);-o-transform:translateY(30%);-webkit-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;-moz-transition:opacity 0.7s ease-out, transform 0.7s ease-out;;-o-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;transition: opacity 0.7s ease-out, transform 0.7s ease-out;}
.msec-visual .visual .item .txt .stxt{margin-top:20px;font-family: 'Nanum Myeongjo';font-size:65px; font-weight:400; letter-spacing:-0.05em; line-height:1.1em; letter-spacing:-0.03em; color:rgba(0,0,0,0.7);opacity:0;-webkit-transform:translateY(30%);-moz-transform:translateY(30%); -ms-transform:translateY(30%);-o-transform:translateY(30%);-webkit-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;-moz-transition:opacity 0.7s ease-out, transform 0.7s ease-out;;-o-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;transition: opacity 0.7s ease-out, transform 0.7s ease-out;}
.msec-visual .visual .item .txt .stxt span{font-size:70px; font-weight:900; color:rgba(0,0,0,1)}

.msec-visual .visual .item .img{height:515px;overflow:hidden}
.msec-visual .visual .item .img img{width:100%;height:515px;object-fit:cover;background-size:cover !important;transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);-webkit-transition: transform 5s ease-out;-moz-transition: transform 5s ease-out;-o-transition: transform 5s ease-out;transition: transform 5s ease-out;}

.msec-visual .visual .ctrl{position:absolute; left:0; bottom:50% ; width:100%;font-size:0;font-family: 'Nanum Myeongjo';text-align:center; height:35px;opacity:0;-webkit-transform:translateY(30%);-moz-transform:translateY(30%); -ms-transform:translateY(30%);-o-transform:translateY(30%);-webkit-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;-moz-transition:opacity 0.7s ease-out, transform 0.7s ease-out;;-o-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;transition: opacity 0.7s ease-out, transform 0.7s ease-out;}
.msec-visual .visual .ctrl .count{display:inline-block;vertical-align:top; padding:0 30px;font-size:25px; font-weight:700; color:#252525;line-height:35px;}
.msec-visual .visual .ctrl .count .current{display:inline-block;vertical-align:top;font-size:30px; font-weight:700; color:#252525;margin-right:5px;line-height:35px;}
.msec-visual .visual .ctrl .count .total{display:inline-block;vertical-align:top;margin-left:5px;line-height:35px;}

.msec-visual .ctrl .prev{display:inline-block;vertical-align:top; width:35px;height:35px;background:url(../images/Main/news-prev.png) no-repeat center center rgba(255,255,255,0.4); border:1px solid rgba(0,0,0,0.4); box-sizing:border-box; border-radius:100%;}
.msec-visual .ctrl .next{display:inline-block;vertical-align:top; width:35px;height:35px;background:url(../images/Main/news-next.png) no-repeat center center rgba(255,255,255,0.4); border:1px solid rgba(0,0,0,0.4); box-sizing:border-box; border-radius:100%;}
.msec-visual .ctrl .stop{margin-left:8px;display:inline-block;vertical-align:top; width:35px;height:35px;background:url(../images/Main/news-stop.png) no-repeat center center rgba(255,255,255,0.4); border:1px solid rgba(0,0,0,0.4); box-sizing:border-box; border-radius:100%;}
.msec-visual .ctrl .play{margin-left:8px;display:none; width:35px;height:35px;background:url(../images/Main/news-play.png) no-repeat center center rgba(255,255,255,0.4); border:1px solid rgba(0,0,0,0.4); box-sizing:border-box; border-radius:100%;}

.msec-visual .visual.ani .item.slick-active .txt .btxt{transition-delay:0.4s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual .visual.ani .item.slick-active .txt .stxt{transition-delay:0.8s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}

.msec-visual .visual.ani .ctrl{transition-delay:1.2s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual .visual.ani .slick-active.item .img 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:1400px){
		.msec-visual .visual .item .txt .btxt{font-size:16px;}
		.msec-visual .visual .item .txt .stxt{font-size:54px;}
		.msec-visual .visual .item .txt .stxt span{font-size:61px;} 
	}
	@media only screen and (max-width:1200px){
		.msec-visual .visual .item .txt .btxt{font-size:15px;}
		.msec-visual .visual .item .txt .stxt{font-size:47px;}
		.msec-visual .visual .item .txt .stxt span{font-size:54px;} 

		.msec-visual .visual .ctrl .count{font-size:20px; padding:0 20px;}
		.msec-visual .visual .ctrl .count .current{font-size:25px}
	}
	@media only screen and (max-width:999px){
		.msec-visual .visual .item .img{height:480px;}
		.msec-visual .visual .item .img img{height:480px;}


		.msec-visual .visual .item .txt .btxt{font-size:14px;}
		.msec-visual .visual .item .txt .stxt{font-size:40px; margin-top:14px;}
		.msec-visual .visual .item .txt .stxt span{font-size:47px;} 
			
		.msec-visual .visual .ctrl .count{font-size:17px; padding:0 20px; line-height:30px;}
		.msec-visual .visual .ctrl .count .current{font-size:21px;line-height:30px;}
		.msec-visual .visual .ctrl .count .total{line-height:30px;}

		.msec-visual .ctrl .prev{width:30px;height:30px; background-size:100% auto;}
		.msec-visual .ctrl .next{width:30px;height:30px; background-size:100% auto;}
		
		.msec-visual .ctrl .stop{margin-left:4px;width:30px;height:30px; background-size:100% auto;}
		.msec-visual .ctrl .play{margin-left:4px;width:30px;height:30px; background-size:100% auto;}
	}
	@media only screen and (max-width:680px){
		.msec-visual .visual .item .txt .stxt{font-size:35px;}
		.msec-visual .visual .item .txt .stxt span{font-size:42px;} 
	}
	@media only screen and (max-width:480px){
		.msec-visual .visual .item .img{height:420px;}
		.msec-visual .visual .item .img img{height:420px;}

		.msec-visual .visual .ctrl .count{font-size:17px; padding:0 15px; line-height:25px;}
		.msec-visual .visual .ctrl .count .current{font-size:21px;line-height:25px;}
		.msec-visual .visual .ctrl .count .total{line-height:25px;}

		.msec-visual .ctrl .prev{width:25px;height:25px; background-size:100% auto;}
		.msec-visual .ctrl .next{width:25px;height:25px; background-size:100% auto;}
		
		.msec-visual .ctrl .stop{margin-left:4px;width:25px;height:25px; background-size:100% auto;}
		.msec-visual .ctrl .play{margin-left:4px;width:25px;height:25px; background-size:100% auto;}

		.msec-visual .visual .item .txt .stxt{font-size:30px;}
		.msec-visual .visual .item .txt .stxt span{font-size:37px;} 
	}


.msec-visual .news{position:absolute; left:50%; width:calc(100% - 40px);   box-sizing:border-box; max-width:1360px; bottom:-43px; height:86px;padding:22px 185px 22px 215px ;box-sizing:border-box;border:3px solid #6d8c03; background:rgba(255,255,255,0.85);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .news:before{width:1px;height:36px; position:absolute; left:182px; top:50%;margin-top:-18px; display:block; content:"";background:#ccc;}
.msec-visual .news h3{position:absolute; left:30px; top:22px; padding-left:48px; line-height:40px;font-size:20px; font-weight:500; color:#000; letter-spacing:-0.04em;background:url(../images/Main/news-ico.png) no-repeat left center;}
.msec-visual .news h3:before{}
.msec-visual .news .ctrl{position:absolute;right:22px; top:22px; font-size:0;}
.msec-visual .news .ctrl .next{margin-left:8px;}
.msec-visual .news .ctrl .play{margin-left:8px;}

.msec-visual .news .item{}
.msec-visual .news .item a{display:block; position:relative; font-size:18px; letter-spacing:-0.03em; padding-right:100px; color:#252525; line-height:35px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-visual .news .item a span{position:absolute;right:2px; top:0; color:#696969; font-size:17px;}
	@media only screen and (max-width:1400px){
		.msec-visual .news{padding-left:200px;}
		.msec-visual .news:before{left:165px;}
		.msec-visual .news h3{font-size:18px;}
		.msec-visual .news .item a{font-size:17px ; padding-right:80px;}
		.msec-visual .news .item a span{font-size:16px;}
	}
	@media only screen and (max-width:1200px){
		.msec-visual .news{padding-left:175px; padding-right:165px}
		.msec-visual .news:before{left:155px; height:30px ;margin-top:-15px;}
		.msec-visual .news h3{font-size:17px; background-size:30px auto; padding-left:42px;}
		.msec-visual .news .item a{font-size:16px ; }
		.msec-visual .news .item a span{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.msec-visual .news{padding-left:0; padding:20px; height:auto;background:rgba(255,255,255,0.95); bottom:-60px;}
		.msec-visual .news:before{display:none;}
		.msec-visual .news h3{font-size:16px; background-size:20px auto;  background-position:left 7px;line-height:30px; padding-left:30px; position:relative; left:auto; top:auto; bottom:auto; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #b7b7b7}
		.msec-visual .news .item a{font-size:15px ; line-height:25px; }
		.msec-visual .news .item a span{font-size:14px;}
		.msec-visual .news .ctrl{right:19px; top:19px;}
	}
	@media only screen and (max-width:680px){
		.msec-visual .news{width:calc(100% - 30px);bottom:-57px;}
		.msec-visual .news .item a{font-size:14px;}
		.msec-visual .news .item a span{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		.msec-visual .news{padding:17px;}
		.msec-visual .news h3{line-height:25px;background-size:18px auto;  background-position:left 5px; padding-left:27px;}
		.msec-visual .news .ctrl{right:16px; top:16px;}
	}

/* ======================================================
   .msec-01
=========================================================*/
.msec-01{margin-top:112px;position:relative;}
.msec-01 .cont{max-width:1400px ;margin:0 auto; padding:0 20px; box-sizing:border-box; position:relative;}
.msec-01 .cont:after{display:block; content:"";clear:both}

.msec-01 .notice{float:left; width:48.5%; box-sizing:border-box; padding-left:17px;background:url(../images/Main/notice-bg.jpg) no-repeat; position:relative;}
.msec-01 .notice h3{position:relative;z-index:12;line-height:58px;color:#fff;font-weight:500; font-size:24px; letter-spacing:-0.04em;padding:0 22px;background:#1f1d59; max-width:96%; box-sizing:border-box;}
.msec-01 .notice .more{width:58px;height:58px;z-index:122; position:absolute;right:4%;top:0; background:url(../images/Main/notice-more.png) no-repeat center center;background-size:40% auto;-webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.msec-01 .notice .more:hover{transform:scale(1,1) rotate(90deg)skew(0,0) translate(0,0);-webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0);-moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }
.msec-01 .notice ul{border:1px solid #bdbdbd;margin-top:-37px;min-height:294px; box-sizing:border-box; padding:59px 25px 25px 25px;}
.msec-01 .notice li{}
.msec-01 .notice li:first-child{ margin-bottom:25px; border-bottom:1px solid #ccc; ; padding-bottom:25px;}
.msec-01 .notice li:first-child a{padding-left:100px;padding-right:0; padding-top:5px; box-sizing:border-box;min-height:61px;}
.msec-01 .notice li:first-child .btxt{font-size:20px; font-weight:400; color:#000;letter-spacing:-0.03em; line-height:1.2em;}
.msec-01 .notice li:first-child .stxt{margin-top:5px;font-size:16px; font-weight:400; color:#696969;letter-spacing:-0.03em; line-height:1.2em; display:block;}
.msec-01 .notice li:first-child .date{position:absolute;left:0; top:0; color:#252525; font-size:11px; font-weight:400; width:90px; text-align:center; padding-top:40px;}
.msec-01 .notice li:first-child .date span{position:Absolute; left:0; top:0; width:100%; text-align:Center; font-size:35px; font-weight:900; line-height:1.1em;}

.msec-01 .notice li:nth-child(n+2){margin-top:13px;}
.msec-01 .notice li:nth-child(n+2) a{padding-left:10px;}
.msec-01 .notice li:nth-child(n+2) a:before{width:3px;height:3px; position:Absolute; left:0; top:8px; background:#252525; display:block; content:""}
.msec-01 .notice li a{display:block; position:relative; padding-right:100px;}
.msec-01 .notice li .btxt{font-size:17px; font-weight:400; color:#000;letter-spacing:-0.03em; line-height:20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-01 .notice li .stxt{display:none}
.msec-01 .notice li .date{ position:absolute;right:0; top:0; color:#696969; font-size:15px; font-weight:400;}
	@media only screen and (max-width:1400px){
		.msec-01{margin-top:105px;}
		.msec-01 .notice h3{font-size:21px;}
		
		.msec-01 .notice li:first-child a{padding-left:90px;}
		.msec-01 .notice li:first-child .btxt{font-size:19px}
		.msec-01 .notice li:first-child .stxt{font-size:15px}

		.msec-01 .notice li .btxt{font-size:16px}
		.msec-01 .notice li .date{font-size:14px}
	}
	@media only screen and (max-width:1200px){
		.msec-01 .notice h3{font-size:18px; line-height:50px;}
		.msec-01 .notice .more{width:50px;height:50px; background-size:20px auto;}
		
		.msec-01 .notice li:first-child .btxt{font-size:18px}
		.msec-01 .notice li:first-child .stxt{font-size:14px}

		.msec-01 .notice li .btxt{font-size:15px}
		.msec-01 .notice li .date{font-size:13px}
	}
	@media only screen and (max-width:999px){
		.msec-01{margin-top:95px;}
		.msec-01 .notice{float:none; width:auto;background-size:14px auto; padding-left:14px;}
		.msec-01 .notice ul{min-height:auto; padding:50px 20px 20px 20px; margin-top:-25px;}
		
		.msec-01 .notice li a{padding-right:80px}
		.msec-01 .notice li:first-child{margin-bottom:20px; padding-bottom:20px;}
		.msec-01 .notice li:first-child a{padding-left:80px;}
		.msec-01 .notice li:first-child .date{width:75px;}
		.msec-01 .notice li:first-child .btxt{font-size:16px}
		.msec-01 .notice li:first-child .stxt{font-size:13px}
		.msec-01 .notice li:nth-child(n+2){margin-top:9px;}
		.msec-01 .notice li:first-child .date span{font-size:31px}
	}
	@media only screen and (max-width:680px){
		.msec-01 .cont{padding:0 15px;}
		.msec-01 .notice{}
		.msec-01 .notice h3{font-size:16px;line-height:45px;padding:0 15px;}
		.msec-01 .notice .more{width:45px;height:45px; background-size:16px auto;}

		.msec-01 .notice li:nth-child(n+2){margin-top:5px;}
		.msec-01 .notice li .btxt{font-size:14px}
		.msec-01 .notice li .date{font-size:13px}
	}
	@media only screen and (max-width:480px){
		.msec-01{}
		.msec-01 .notice li:first-child{margin-bottom:15px; padding-bottom:15px;}
		.msec-01 .notice li:first-child a{padding-left:70px;}
		.msec-01 .notice li:first-child .date{width:65px;}
	}

.msec-01 .zone{float:right; width:49%; position:relative;}
.msec-01 .zone h3{position:absolute;z-index:12;line-height:58px;color:#fff;font-weight:500; font-size:24px; letter-spacing:-0.04em;padding:0 22px;background:rgba(0,0,0,0.5); padding-right:70px;}
.msec-01 .zone .more{width:58px;height:58px;z-index:122; position:absolute;left:95px;top:0; background:url(../images/Main/notice-more.png) no-repeat center center;;background-size:40% auto;-webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.msec-01 .zone .more:hover{transform:scale(1,1) rotate(90deg)skew(0,0) translate(0,0);-webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0);-moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }
.msec-01 .zone .item {}
.msec-01 .zone .item a{display:block;}
.msec-01 .zone .item img{height:298px; width:100%;}

.msec-01 .zone .slick-dots{position:relative; z-index:10; bottom:0; background:rgba(0,0,0,0.5); padding:12px 35px 12px 12px; box-sizing:border-box; width:100%;}
.msec-01 .zone .slick-dots ul{height:16px; margin:0; padding:0; font-size:0;text-align:right;}
.msec-01 .zone .slick-dots li{margin:0;display:inline-block;vertical-align:top;width:auto;height:16px; padding:0}
.msec-01 .zone .slick-dots li:nth-child(n+2){margin-left:5px;}
.msec-01 .zone .slick-dots li button{padding:0;width:16px;height:16px; margin:0;border:none; border-radius:16px;; background:rgba(255,255,255,0.5)}
.msec-01 .zone .slick-dots li.slick-active button{width:32px; background:#f2cb04;}

.msec-01 .zone .ctrl{position:absolute;right:0; bottom:0; z-index:12; padding:12px; height:16px;}
.msec-01 .zone .ctrl .play{display:none;vertical-align:top;padding:0;width:16px;height:16px; margin:0;background:url(../images/Main/zone-play.png) no-repeat center center;}
.msec-01 .zone .ctrl .stop{display:inline-block;vertical-align:top;padding:0;width:16px;height:16px; margin:0;background:url(../images/Main/zone-stop.png) no-repeat center center;}
	@media only screen and (max-width:1400px){
		.msec-01 .zone h3{font-size:21px;}
		.msec-01 .zone .more{left:90px;} 
	}
	@media only screen and (max-width:1200px){
		.msec-01 .zone h3{font-size:18px; line-height:50px; padding-right:60px;}
		.msec-01 .zone .more{width:50px;height:50px;left:80px; background-size:20px auto;}
	}
	@media only screen and (max-width:999px){
		.msec-01 .zone{float:none; width:auto; margin-top:25px;}
		.msec-01 .zone .item img{height:auto; min-height:210px;} 
		
		.msec-01 .zone .slick-dots ul{ height:12px;}
		.msec-01 .zone .slick-dots li{ height:12px;}
		.msec-01 .zone .slick-dots li button{width:12px;height:12px;}
		.msec-01 .zone .slick-dots li.slick-active button{width:24px;}

		.msec-01 .zone .ctrl{height:14px;}
	}
	@media only screen and (max-width:680px){
		.msec-01 .zone h3{font-size:16px; line-height:45px; padding:0 15px; padding-right:50px;}
		.msec-01 .zone .more{width:45px;height:45px;left:60px; background-size:16px auto;}
	}
	@media only screen and (max-width:480px){
		
	}



/* ======================================================
   .msec-02
=========================================================*/
.msec-02{margin-top:70px;position:relative; padding-top:60px;}
.msec-02:after{width:100%;height:415px; position:absolute; left:0; top:0; display:block; content:"";background:url(../images/Main/msec02-bg.jpg) repeat center top;z-index:-1;}

.msec-02 .tits{text-align:center;max-width:1400px ;margin:0 auto;  box-sizing:border-box; position:relative;}
.msec-02 .tits h3{font-family: 'Nanum Myeongjo'; font-size:35px; font-weight:400; line-height:1.2em; color:#252525;letter-spacing:-0.05em;}
.msec-02 .tits h3 span{font-size:50px; font-weight:700;margin-left:10px; margin-top:10px; display:inline-block;vertical-align:top; line-height:1.1em;}
.msec-02 .tits .more{position:absolute; right:20px; top:25px; padding-left:60px; line-height:20px;font-size:16px; font-weight:400; color:#252525; background:url(../images/Main/tour-more.png) no-repeat left center;}
	@media only screen and (max-width:1400px){
		.msec-02:after{height:400px}
		.msec-02 .tits h3{font-size:31px}
		.msec-02 .tits h3 span{font-size:45px;}
		.msec-02 .tits .more{background-size:40px auto; font-size:15px;padding-left:50px;}
	}
	@media only screen and (max-width:1200px){
		.msec-02:after{height:380px}
		.msec-02 .tits h3{font-size:27px}
		.msec-02 .tits h3 span{font-size:40px;}
		.msec-02 .tits .more{background-size:30px auto; font-size:14px;padding-left:40px;}
	}
	@media only screen and (max-width:999px){
		.msec-02{margin-top:50px;padding-top:50px;}
		.msec-02:after{height:360px}
		.msec-02 .tits h3{font-size:24px}
		.msec-02 .tits h3 span{font-size:35px; margin-left:5px; margin-top:5px;}
		.msec-02 .tits .more{background-size:20px auto; font-size:13px;padding-left:30px;}
	}
	@media only screen and (max-width:680px){
		.msec-02:after{height:340px}
		.msec-02 .tits h3{font-size:21px}
		.msec-02 .tits h3 span{font-size:31px;}

		.msec-02 .owl-stage{padding-bottom:1px;}
	}
	@media only screen and (max-width:480px){
		.msec-02:after{height:320px}
	}


.msec-02 .ctrl{margin-top:35px;font-size:0;font-family: 'Nanum Myeongjo';text-align:center; height:28px; position:relative;}
.msec-02 .ctrl .prev{display:inline-block;vertical-align:top; width:20px;height:28px;background:url(../images/Main/tour-prev.png) no-repeat center center;}
.msec-02 .ctrl .count{display:inline-block;vertical-align:top; padding:0 30px;font-size:25px; font-weight:700; color:#252525;line-height:28px;}
.msec-02 .ctrl .count .current{display:inline-block;vertical-align:top;font-size:30px; font-weight:700; color:#252525;margin-right:5px;line-height:28px;}
.msec-02 .ctrl .count .total{display:inline-block;vertical-align:top;margin-left:5px;line-height:28px;}
.msec-02 .ctrl .next{display:inline-block;vertical-align:top; width:20px;height:28px;background:url(../images/Main/tour-next.png) no-repeat center center;}
.msec-02 .ctrl .stop{margin-left:20px;display:inline-block;vertical-align:top; width:20px;height:28px;background:url(../images/Main/tour-stop.png) no-repeat center center;}
.msec-02 .ctrl .play{margin-left:20px;display:none;vertical-align:top; width:20px;height:28px;background:url(../images/Main/tour-play.png) no-repeat center center;}

.msec-02 .cont{max-width:1400px ;margin:0 auto; padding:0 20px;  box-sizing:border-box; position:relative;margin-top:65px;}
.msec-02 .cont .item a{display:block; position:relative; min-height:345px;}
.msec-02 .cont .item a:before{position:absolute; left:0; top:0; opacity:0; z-index:7;width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/Main/gallery-over.png) no-repeat center center; display:block; content:""; -webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.msec-02 .cont .item a:after{width:100%; position:absolute ; height:100%; top:0; left:0; background:#fff; border:1px solid #e1e1e1; box-sizing:border-box; z-index:1; display:block; content:""}
.msec-02 .cont .item .img{position:relative; overflow:hidden; z-index:2}
.msec-02 .cont .item .img img{width:100%;height:162px;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.msec-02 .cont .item .txt{padding:20px 15px ; z-index:2 ; position:relative; box-sizing:border-box;min-height:180px}
.msec-02 .cont .item .btxt{display:inline-block;vertical-align:top;font-size:20px; padding:0 15px; font-weight:500;color:#252525; letter-spacing:-0.03em; line-height:1.2em; position:relative; max-width:100%; box-sizing:border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-02 .cont .item .btxt:before{position:Absolute; left:0; top:0; display:block; content:"["}
.msec-02 .cont .item .btxt:after{position:Absolute; right:0; top:0; display:block; content:"]"}
.msec-02 .cont .item .stxt{margin-top:10px;font-size:15px; font-weight:400; color:#696969; letter-spacing:-0.03em; line-height:1.4em;word-break: keep-all; height:70px; overflow:hidden;}
.msec-02 .cont .item .date{margin-top:12px; padding-top:12px; padding-left:16px; font-size:13px; color:#a4a4a4; letter-spacing:-0.03em; line-height:1.2em; background:url(../images/Main/gallery-date.jpg) no-repeat left 14px; border-top:1px solid #ccc;}

.msec-02 .cont .item a:hover .img img{transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05);}
.msec-02 .cont .item a:hover:before{opacity:1;}
.msec-02 .owl-dots{opacity:0; position:absolute; width:0; height:0;overflow:hidden; left:-9999em; top:-9999em;}
	@media only screen and (max-width:1400px){
		.msec-02 .ctrl .count{font-size:21px;}
		.msec-02 .ctrl .count .current{font-size:26px;}

		.msec-02 .cont{margin-top:50px;}
		.msec-02 .cont .item .btxt{font-size:18px;}
		.msec-02 .cont .item .stxt{font-size:14px;}
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-02 .cont{margin-top:30px;}
		.msec-02 .cont .item a{min-height:auto;}
		.msec-02 .cont .item a:before{display:none !important}
		.msec-02 .cont .item .img img{height:auto;}
		.msec-02 .cont .item .txt{min-height:auto;padding:17px 15px ;}
		.msec-02 .cont .item .btxt{font-size:17px;}
		.msec-02 .cont .item .stxt{font-size:14px;}
		
		.msec-02 .ctrl{margin-top:20px;}
		.msec-02 .ctrl .count{font-size:19px;}
		.msec-02 .ctrl .count .current{font-size:24px;}

		.msec-02 .ctrl .count{padding:0 20px}
		.msec-02 .ctrl .stop{margin-left:10px;}
		.msec-02 .ctrl .play{margin-left:10px;}
	}
	@media only screen and (max-width:680px){
		.msec-02 .cont{padding:0 15px}
		.msec-02 .cont .item .btxt{font-size:16px;}
		.msec-02 .cont .item .stxt{font-size:13px;}
	}
	@media only screen and (max-width:480px){
		
	}

/* ======================================================
   .msec-03
=========================================================*/
.msec-03{margin-top:140px;position:relative;}
.msec-03:before{width:30%;height:448px; position:absolute; right:70%; top:-70px; display:block; content:"";background:url(../images/Main/msec03-bg01.jpg) repeat ;z-index:-1;}
.msec-03:after{width:70%;height:448px; position:absolute; left:30%; top:-70px; display:block; content:"";background:url(../images/Main/msec03-bg02.jpg) repeat ;z-index:-1;}

.msec-03 .cont{max-width:1400px ;margin:0 auto; padding:0 20px 0 700px; box-sizing:border-box; position:relative; min-height:464px;}
.msec-03 .img{position:absolute; left:20px; top:0; width:680px;box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3)  ; -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) }
.msec-03 .vimg{}
.msec-03 .vimg img{width:100%; height:464px;object-fit:cover;}
.msec-03 .vcon{padding-left:75px}
.msec-03 .tab{}
.msec-03 .tab ul:after{display:block;content:"";clear:both}
.msec-03 .tab li{float:left}
.msec-03 .tab li:nth-child(n+2){margin-left:15px}
.msec-03 .tab li a{line-height:42px; display:block; padding:0 20px; background:#6d8c03; color:#fff; border-radius:48px; font-size:18px; font-weight:400; letter-spacing:-0.03em; box-sizing:border-box; border:3px solid #6d8c03}
.msec-03 .tab li.active a{background:#fff; color:#6d8c03}

.msec-03 .tour-slide.vthum{margin-top:40px;}
.msec-03 .tour-slide.vthum .item{}
.msec-03 .tour-slide.vthum .item .txt{padding:0 25px; min-height:275px;position:relative;}
.msec-03 .tour-slide.vthum .item .btxt{font-size:45px; font-weight:700; color:#252525; line-height:1.1em; letter-spacing:-0.03em;font-family: 'Nanum Myeongjo';}
.msec-03 .tour-slide.vthum .item .stxt{margin-top:50px;font-size:18px; font-weight:300; color:#252525; line-height:1.45em; letter-spacing:-0.03em;word-break: keep-all;}
.msec-03 .tour-slide.vthum .item .more{position:absolute; right:0; bottom:50px; padding-left:60px; line-height:20px;font-size:16px; font-weight:400; color:#252525; background:url(../images/Main/tour-more.png) no-repeat left center;}

.msec-03 .ctrl{margin-top:52px;font-size:0;font-family: 'Nanum Myeongjo';}
.msec-03 .ctrl a, .msec-03 .ctrl p{position:Relative ;z-index:12;}
.msec-03 .ctrl .prev{display:inline-block;vertical-align:top; width:20px;height:28px;background:url(../images/Main/tour-prev.png) no-repeat center center;}
.msec-03 .ctrl .count{display:inline-block;vertical-align:top; padding:0 30px;font-size:25px; font-weight:400; color:#252525;line-height:28px;}
.msec-03 .ctrl .count .current{display:inline-block;vertical-align:top;font-size:30px; font-weight:700; color:#252525;margin-right:5px;line-height:28px;}
.msec-03 .ctrl .count .total{display:inline-block;vertical-align:top;margin-left:5px;line-height:28px;}
.msec-03 .ctrl .next{display:inline-block;vertical-align:top; width:20px;height:28px;background:url(../images/Main/tour-next.png) no-repeat center center;}
.msec-03 .ctrl .stop{margin-left:20px;display:inline-block;vertical-align:top; width:20px;height:28px;background:url(../images/Main/tour-stop.png) no-repeat center center;}
.msec-03 .ctrl .play{margin-left:20px;display:none;vertical-align:top; width:20px;height:28px;background:url(../images/Main/tour-play.png) no-repeat center center;}
	@media only screen and (max-width:1400px){
		.msec-03{margin-top:120px;}
		.msec-03:before{height:420px; background-size:auto 100%;}
		.msec-03:after{height:420px;}
		.msec-03 .cont{padding-left:650px; min-height:420px}
		.msec-03 .img{width:640px}
		.msec-03 .vimg img{height:420px;}
		.msec-03 .vcon{padding-left:65px}
		.msec-03 .tab li:nth-child(n+2){margin-left:10px}
		.msec-03 .tab li a{line-height:42px; font-size:17px; padding:0 15px;}
		
		.msec-03 .tour-slide.vthum .item .txt{padding:0 15px; min-height:250px;}
		.msec-03 .tour-slide.vthum .item .btxt{font-size:41px;}
		.msec-03 .tour-slide.vthum .item .stxt{margin-top:40px;font-size:17px;}
		.msec-03 .tour-slide.vthum .item .more{background-size:40px auto; font-size:15px;padding-left:50px; bottom:40px;}

		.msec-03 .ctrl .count{font-size:21px;}
		.msec-03 .ctrl .count .current{font-size:26px;}
	}
	@media only screen and (max-width:1280px){
		
		.msec-03:before{height:400px;}
		.msec-03:after{height:400px;}

		.msec-03 .cont{padding-left:600px; min-height:390px}
		.msec-03 .img{width:580px}
		.msec-03 .vimg img{height:390px;}
		.msec-03 .vcon{padding-left:50px}
		.msec-03 .tab li:nth-child(n+2){margin-left:10px}
		.msec-03 .tab li a{line-height:35px; font-size:16px; padding:0 12px;}
		
		.msec-03 .tour-slide.vthum .item .txt{padding:0 15px; min-height:230px;}
		.msec-03 .tour-slide.vthum .item .btxt{font-size:37px;}
		.msec-03 .tour-slide.vthum .item .stxt{margin-top:30px;font-size:16px;}
		.msec-03 .tour-slide.vthum .item .more{background-size:30px auto; font-size:14px;padding-left:40px; bottom:30px;}
	}
	@media only screen and (max-width:1160px){
		.msec-03{margin-top:100px;}
		.msec-03:before{height:340px;}
		.msec-03:after{height:340px;}

		.msec-03 .cont{padding-left:520px; min-height:320px}
		.msec-03 .img{width:480px}
		.msec-03 .vimg img{height:320px;}
		.msec-03 .vcon{padding-left:20px}
		.msec-03 .tab li:nth-child(n+2){margin-left:7px}
		.msec-03 .tab li a{line-height:32px; font-size:15px; padding:0 12px;}
		
		.msec-03 .tour-slide.vthum .item .txt{padding:0 10px; min-height:190px;}
		.msec-03 .tour-slide.vthum .item .btxt{font-size:32px;}
		.msec-03 .tour-slide.vthum .item .stxt{margin-top:20px;font-size:15px;}
		.msec-03 .tour-slide.vthum .item .more{background-size:30px auto; font-size:14px;padding-left:40px; bottom:20px;}
	}
	@media only screen and (max-width:999px){
		.msec-03{margin-top:70px;background:url(../images/Main/msec03-bg02.jpg) repeat}
		.msec-03:before {display:none;}
		.msec-03:after{display:none;}
		.msec-03 .cont{padding:40px 20px 0 20px; min-height:320px;background:url(../images/Main/msec03-bg01m.jpg) no-repeat center top; background-size:100% auto;}
		.msec-03 .img{position:relative; left:auto; top:auto; width:auto;}
		.msec-03 .vimg img{height:auto;}

		.msec-03 .tab{padding:0 10px;}
		.msec-03 .tab li a{line-height:30px; font-size:14px; padding:0 9px;}

		.msec-03 .vcon{padding-left:0;margin-top:35px;}
		.msec-03 .tour-slide.vthum{margin-top:25px;}
		
		.msec-03 .tour-slide.vthum .item .txt{padding:0 10px 45px 10px; min-height:auto;}
		.msec-03 .tour-slide.vthum .item .btxt{font-size:29px;}
		.msec-03 .tour-slide.vthum .item .stxt{margin-top:15px;font-size:14px;}
		.msec-03 .tour-slide.vthum .item .more{bottom:0;}

		.msec-03 .ctrl .count{font-size:19px;}
		.msec-03 .ctrl .count .current{font-size:24px;}

		.msec-03 .ctrl{position:relative; margin-top:35px;text-align:center; padding:20px 0}
		.msec-03 .ctrl:after{width:2000px; left:50%;margin-left:-1000px; top:0;height:100%; background:#fff; display:block; content:"";position:absolute;z-index:1; }
		.msec-03 .ctrl .count{padding:0 20px}
		.msec-03 .ctrl .stop{margin-left:10px;}
		.msec-03 .ctrl .play{margin-left:10px;}
	}
	@media only screen and (max-width:680px){
		.msec-03 {margin-top:40px;}
		.msec-03 .tab{padding:0 5px;}
		.msec-03 .tab li:nth-child(n+2){margin-left:3px}
		.msec-03 .tab li a{border-width:2px; padding:0 9px; font-size:13px;}

		.msec-03 .vcon{margin-top:30px;}
		.msec-03 .cont{padding:40px 15px 0 15px; }
		.msec-03 .tour-slide.vthum .item .txt{padding:0 5px 35px 5px;}
		.msec-03 .tour-slide.vthum .item .btxt{font-size:25px;}

		.msec-03 .ctrl{margin-top:25px;}
	}
	@media only screen and (max-width:480px){
		.msec-03 .tab li a{padding:0 6px;}
	}


/* ======================================================
   팝업
=========================================================*/
.layer_popup {position:absolute; background:#ffffff; box-shadow:0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08); font-size:14px; color:#000000;}
.layer_popup .layer_popup_footer {position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; text-align:right; background:#f4f4f4; border-top:1px solid #bfbfbf;}
.layer_popup .layer_popup_footer > a {float:right; display:block; width:40px; border-left:1px solid #bfbfbf; margin-left:10px; text-align:center;}
@media(max-width:1024px){
    .layer_popup {width:350px !important; left:50% !important; top:100px !important; margin-left:-175px !important; padding:0 !important;}
    .layer_popup .layer_popup_cont {width:100% !important; height: auto !important; padding-bottom:38px !important;}
    .layer_popup .layer_popup_cont img {width:100%;}
}