@charset "utf-8";
/* ======================================================
   .msec-visual{}
=========================================================*/
.msec-visual{position:relative;overflow:hidden;}
.msec-visual .visual-slide{height:500px;  }
.msec-visual .slick-list {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box;z-index:1; background:#fff;}

.msec-visual .visual-slide .item {opacity:0; }
.msec-visual .visual-slide .item.slick-active{opacity:1;}
.msec-visual .visual-slide .item .img{position:relative;height:500px;overflow:hidden; transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);-webkit-transition:transform 4s ease-out;;-moz-transition: transform 4s ease-out;;-o-transition:transform 4s ease-out;;transition:transform 4s ease-out;}
.msec-visual .visual-slide .item .img img{ visibility:hidden;display:none;}
.msec-visual .visual-slide .item .desktop{display:block;}
.msec-visual .visual-slide .item .mobile{display:none}

.msec-visual .visual-slide .item.bg01 .img{background:#cae9e1 url(../img/Main/mvisual-img01.jpg) no-repeat center top;}
.msec-visual .visual-slide .item.bg02 .img{background:#f6e8cd url(../img/Main/mvisual-img02.jpg) no-repeat center top;}
.msec-visual .visual-slide .item.bg03 .img{background:#99d4e2 url(../img/Main/mvisual-img03.jpg) no-repeat center top;}

.msec-visual .visual-slide .item .txt{position:absolute; left:50%; width:92%; max-width:1240px;left:50%; top:50%; box-sizing:border-box; padding:0 60px;font-family: 'NanumSquareRound';-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 .visual-slide .item .txt .btxt{ font-size:40px;font-weight:300; color:#555; line-height:1.25em;letter-spacing:-0.04em;word-break: keep-all;-webkit-transition: opacity 0.4s ease-out, transform 0.4s ease-out;-moz-transition: opacity 0.4s ease-out, transform 0.4s ease-out;-o-transition: opacity 0.4s ease-out, transform 0.4s ease-out;transition: opacity 0.4s ease-out, transform 0.4s ease-out;opacity:0;-webkit-transform: translateY(20%); -moz-transform: translateY(20%);-ms-transform: translateY(20%); -o-transform:  translateY(20%);transform: translateY(20%);}
.msec-visual .visual-slide .item .txt .btxt span{font-weight:700;}
.msec-visual .visual-slide .item .txt .stxt{ font-size:24px;font-weight:400; color:#555; margin-top:35px; letter-spacing:-0.04em; line-height:1.35em;word-break: keep-all;-webkit-transition: opacity 0.4s ease-out, transform 0.4s ease-out;-moz-transition: opacity 0.4s ease-out, transform 0.4s ease-out;-o-transition: opacity 0.4s ease-out, transform 0.4s ease-out;transition: opacity 0.4s ease-out, transform 0.4s ease-out;opacity:0;-webkit-transform: translateY(20%); -moz-transform: translateY(20%);-ms-transform: translateY(20%); -o-transform:  translateY(20%);transform: translateY(20%);}

.msec-visual .visual-slide .slick-dots{position:absolute; left:0; width:100%; text-align:center; height:3px; bottom:40px; z-index:55;}
.msec-visual .visual-slide .slick-dots ul{height:auto;text-align:center; font-size:0; width:100%; height:3px;}
.msec-visual .visual-slide .slick-dots li{display:inline-block;vertical-align:top; margin:0 4px; padding:0; width:auto; height:3px;}
.msec-visual .visual-slide .slick-dots li button{ background:#d1cdca; width:10px;height:10px; padding:0; position:relative; border-radius:10px}
.msec-visual .visual-slide .slick-dots li.slick-active button{background:#fff; width:30px;}

.msec-visual .visual-slide .slick-prev{z-index:555;width:50px;height:96px; top:50%;margin-top:-48px; background:url(../img/Main/visual-prev.png) no-repeat left center; left:2%;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
.msec-visual .visual-slide .slick-next{z-index:555;width:50px;height:96px; top:50%;margin-top:-48px; background:url(../img/Main/visual-next.png) no-repeat right center; right:2%;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}

.msec-visual .visual-slide .slick-prev:hover{padding-right:15px; margin-left:-10px;width:65px;}
.msec-visual .visual-slide .slick-next:hover{padding-left:15px; margin-right:-10px;width:65px;}

.msec-visual .visual-slide.ani .slick-active .img{transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}
.msec-visual .visual-slide.ani .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);transform: translateY(0);}
.msec-visual .visual-slide.ani .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);transform: translateY(0);}
	@media only screen and (max-width:1320px){
		.msec-visual .visual-slide .item .txt{padding:0 50px}
		.msec-visual .visual-slide .item .txt .btxt{font-size:42px}
		.msec-visual .visual-slide .item .txt .stxt{font-size:21px; margin-top:20px}

		.msec-visual .visual-slide .slick-prev{left:1%;background-size:20px auto; width:40px; height:80px; margin-top:-40px;}
		.msec-visual .visual-slide .slick-next{right:1%;background-size:20px auto; width:40px; height:80px; margin-top:-40px;}
		.msec-visual .visual-slide .slick-prev:hover{width:55px;}
		.msec-visual .visual-slide .slick-next:hover{width:55px;}
	}
	@media only screen and (max-width:1200px){
		.msec-visual .visual-slide{height:440px;  }
		.msec-visual .visual-slide .item { }
		.msec-visual .visual-slide .item .img{height:440px; }
		.msec-visual .visual-slide .item .img img{background-size:1600px auto !important;}
		.msec-visual .visual-slide .item .txt{padding:0 30px;}
		.msec-visual .visual-slide .item .txt .btxt{font-size:37px}
		.msec-visual .visual-slide .item .txt .stxt{font-size:19px; margin-top:20px}

		.msec-visual .visual-slide .slick-dots{bottom:30px;}
		.msec-visual .visual-slide .slick-dots li{margin:0 4px}
		.msec-visual .visual-slide .slick-dots li button{width:8px;height:8px; border-radius:8px;}
		.msec-visual .visual-slide .slick-dots li.slick-active button{width:25px;}
	}
	@media only screen and (max-width:999px){
		.msec-visual .visual-slide{height:400px; }
		.msec-visual .slick-list {width:auto; top:auto; left:auto;margin-left:0; position:relative; height:400px;}
		
		.msec-visual .visual-slide .item .img{height:400px;}
		.msec-visual .visual-slide .item .img img{}
		.msec-visual .visual-slide .item.bg01 .img{background:#cae9e1 url(../img/Main/mvisual-img01m.jpg) no-repeat right bottom; background-size:700px auto !important}
		.msec-visual .visual-slide .item.bg02 .img{background:#f6e8cd url(../img/Main/mvisual-img02m.jpg) no-repeat right bottom; background-size:700px auto !important}
		.msec-visual .visual-slide .item.bg03 .img{background:#99d4e2 url(../img/Main/mvisual-img03m.jpg) no-repeat right bottom; background-size:700px auto !important}

		.msec-visual .visual-slide .item .txt{padding:0 30px;top:20%;left:4%;-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: translate(0, 0);  transform: translate(0, 0);}
		.msec-visual .visual-slide .item .txt .btxt{font-size:33px}
		.msec-visual .visual-slide .item .txt .stxt{font-size:18px; margin-top:15px}

	
		.msec-visual .visual-slide .slick-prev{background-size:16px auto; width:30px; height:60px; margin-top:-30px;}
		.msec-visual .visual-slide .slick-next{background-size:16px auto; width:30px; height:60px; margin-top:-30px;}

		.msec-visual .visual-slide .slick-prev:hover{width:45px;}
		.msec-visual .visual-slide .slick-next:hover{width:45px;}

		.msec-visual .visual-slide .item .desktop{display:none;}
		.msec-visual .visual-slide .item .mobile{display:block}
	}
	@media only screen and (max-width:780px){
		.msec-visual .visual-slide{height:350px; }
		.msec-visual .slick-list { height:350px;}
		.msec-visual .visual-slide .item .img{height:350px;}
		.msec-visual .visual-slide .item .img img{}
		.msec-visual .visual-slide .item.bg01 .img{ background-size:500px auto !important}
		.msec-visual .visual-slide .item.bg02 .img{ background-size:500px auto !important}

		.msec-visual .visual-slide .item .txt{padding:0 20px;top:15%;left:4%;-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: translate(0, 0);  transform: translate(0, 0);}
		.msec-visual .visual-slide .item .txt .btxt{font-size:29px}
		.msec-visual .visual-slide .item .txt .stxt{font-size:16px; margin-top:15px}
	}
	@media only screen and (max-width:680px) {
		.msec-visual .visual-slide .slick-dots{bottom:20px;}
		.msec-visual .visual-slide .slick-dots li{margin:0 2px}

		.msec-visual .visual-slide .slick-prev:hover{width:35px;}
		.msec-visual .visual-slide .slick-next:hover{width:35px;}

		.msec-visual .visual-slide .item.bg01 .img{ background-size:380px auto !important}
		.msec-visual .visual-slide .item.bg02 .img{ background-size:380px auto !important}
		
		.msec-visual .visual-slide .item .txt{top:12%; padding:0 20px;}
		.msec-visual .visual-slide .item .txt .btxt{font-size:25px}
		.msec-visual .visual-slide .item .txt .stxt{font-size:15px;margin-top:10px; padding-right:15%}
		.msec-visual .visual-slide .item .txt .stxt br{display:none;}
	} 
	@media only screen and (max-width:480px) {
		.msec-visual .visual-slide{height:320px; }
		.msec-visual .slick-list { height:320px;}
		.msec-visual .visual-slide .item .img{height:320px;}
		.msec-visual .visual-slide .item .txt .stxt{}

		
		.msec-visual .visual-slide .slick-prev{display:none;}
		.msec-visual .visual-slide .slick-next{display:none;}
	
		.msec-visual .visual-slide .slick-prev:hover{width:20px; }
		.msec-visual .visual-slide .slick-next:hover{width:20px;}
		
		.msec-visual .visual-slide .slick-dots{bottom:20px;}
		.msec-visual .visual-slide .slick-dots li{margin:0 3px}
		.msec-visual .visual-slide .slick-dots li button{width:6px;height:6px; border-radius:6px;}
	} 




/* ======================================================
   .msec-01{}
=========================================================*/
.msec-01{position:relative; padding:70px 0 100px 0; }
.msec-01:after{width:20000px; left:50%; margin-left:-10000px; top:0; height:100%; display:block; content:""; z-index:-1; position:absolute; background:#f7f7f9;}
.msec-01 .tits{position:relative;}
.msec-01 .tits h3{font-size:40px; line-height:48px;font-weight:500; margin-bottom:25px; color:#000; letter-spacing:-0.03em; font-family: 'NanumSquareRound';}
.msec-01 .tits .more{color:#777; line-height:1.2em; font-weight:400;font-size:16px; position:absolute;right:0; top:15px;letter-spacing:-0.035em;}
.msec-01 .tits .more:after{position:absolute; left:0; bottom:-3px; width:0; height:1px; background:#333; display:block; content:"";-webkit-transition: width 0.3s ease-out;-moz-transition: width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}
.msec-01 .tits .more:hover{color:#111;}
.msec-01 .tits .more:hover:after{width:100%;}

.msec-01 .cont{}
.msec-01 .cont ul{ margin:0 -1%}
.msec-01 .cont ul:after{display:block; content:"";clear:both}
.msec-01 .cont li{float:left;width:24%; margin:0 0.5%}
.msec-01 .cont li a{display:block; overflow:hidden; border-radius:8px;-webkit-transition: box-shadow 0.3s ease-out;-moz-transition: box-shadow 0.3s ease-out;-o-transition: box-shadow 0.3s ease-out;transition: box-shadow 0.3s ease-out;}
.msec-01 .cont .img{overflow:hidden;}
.msec-01 .cont .img img{width:100%;-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 .cont .bg{position:relative;}
.msec-01 .cont .bg p{z-index:123;position:absolute; font-family: 'NanumSquareRound';font-size:30px; font-weight:300; letter-spacing:-0.045em; line-height:1.2em; left:0; top:15%; width:100%; text-align:center; }
.msec-01 .cont .bg p span{font-weight:700;display:block;}
.msec-01 .cont .bg p i{}
.msec-01 .cont .txt{background:#fff;height:130px; position:relative; box-sizing:border-box; padding:25px;}
.msec-01 .cont .txt p{font-size:17px; color:#333; letter-spacing:-0.035em; line-height:1.35em;word-break: keep-all; max-height:48px; overflow:hidden;}
.msec-01 .cont .txt:after{width:40px;height:40px; border-radius:100%; position:Absolute;right:20px; bottom:20px; background:url(../img/Main/biz-more.png) no-repeat center center #d8d8d8;background-size:100% auto;display:block; content:"";-webkit-transition: background-color 0.3s ease-out;-moz-transition: background-color 0.3s ease-out;-o-transition: background-color 0.3s ease-out;transition: background-color 0.3s ease-out;}
.msec-01 .cont a:hover .img img{ transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.msec-01 .cont li:nth-child(1) .bg p{color:#4e97ca}
.msec-01 .cont li:nth-child(2) .bg p{color:#fff}
.msec-01 .cont li:nth-child(2) .bg p span{color:#fff489}
.msec-01 .cont li:nth-child(3) .bg p{color:#fff}
.msec-01 .cont li:nth-child(4) .bg p{color:#fff}
.msec-01 .cont li:nth-child(4) .bg p i{color:#ffe33a; position:relative;}
.msec-01 .cont li:nth-child(4) .bg p i:before{width:38px;height:38px;background:url(../img/Main/ico-emer.png) no-repeat left center;background-size:100% auto; position:absolute; left:-44px; top:50%;margin-top:-26px; display:block;content:"" }

.msec-01 .cont li:nth-child(1) .bg{background:#a1cae4;}
.msec-01 .cont li:nth-child(2) .bg{background:#60ce9e;}
.msec-01 .cont li:nth-child(3) .bg{background:#f6cd45;}
.msec-01 .cont li:nth-child(4) .bg{background:#4e97ca;}

.msec-01 .cont li a:hover{box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3)}
.msec-01 .cont li a:hover .txt:after{ background-color:#7e7e7e !important}
	@media only screen and (max-width:1320px){
		.msec-01{padding:100px 0}
		.msec-01 .tits h3{line-height:45px;font-size:43px; margin-bottom:20px;}
		.msec-01 .tits .more{top:13px; font-size:15px;}

		.msec-01 .cont .img img{height:240px;object-fit:cover;}

		.msec-01 .cont .bg p{font-size:32px}
		.msec-01 .cont .txt{height:120px; padding:25px;}
		.msec-01 .cont .txt p{font-size:17px;}
		.msec-01 .cont .txt:after{width:36px;height:36px; right:17px;bottom:17px;}
		
		.msec-01 .cont li:nth-child(4) .bg p i:before{left:-36px; background-size:32px auto; width:32px;height:32px; margin-top:-22px;}
	}
	@media only screen and (max-width:1200px){
		.msec-01{padding:80px 0}
		.msec-01 .tits h3{line-height:40px;font-size:39px; margin-bottom:20px;}
		.msec-01 .tits .more{top:11px;font-size:14px;}
		
		.msec-01 .cont .img img{height:220px;object-fit:cover;}

		.msec-01 .cont .bg p{font-size:28px}
		.msec-01 .cont .txt{height:120px; padding:20px;}
		.msec-01 .cont .txt p{font-size:16px; max-height:44px;}
		.msec-01 .cont .txt:after{width:34px;height:34px; right:15px;bottom:15px;}

		.msec-01 .cont li:nth-child(4) .bg p i:before{left:-32px; background-size:28px auto; width:28px;height:28px; margin-top:-18px;}
	}
	@media only screen and (max-width:999px){
		.msec-01{padding:60px 0}
		.msec-01 .tits h3{line-height:35px;font-size:34px; margin-bottom:15px;}
		.msec-01 .tits .more{top:9px;font-size:13px;}
		
		.msec-01 .cont .img {text-align:Center;}
		.msec-01 .cont .img img{max-width:240px;height:200px;object-fit:cover;}
		
		.msec-01 .cont .bg p{font-size:24px}
		.msec-01 .cont .txt{height:100px; padding:20px 15px;}
		.msec-01 .cont .txt p{font-size:15px; max-height:40px; padding-right:30px;}
		.msec-01 .cont .txt p br{display:none;}
		.msec-01 .cont .txt:after{width:30px;height:30px; }

		.msec-01 .cont li{width:49%;}
		.msec-01 .cont li:nth-child(n+3){margin-top:2%;}

		.msec-01 .cont li:nth-child(4) .bg p i:before{left:-28px; background-size:24px auto; width:24px;height:24px; margin-top:-17px;}
	}
	@media only screen and (max-width:680px) {
		.msec-01{padding:40px 0}
		.msec-01 .tits h3{line-height:30px;font-size:29px;margin-bottom:10px;}
		.msec-01 .tits .more{top:0; text-indent:-9999em;width:30px;height:30px; position:absolute; right:0; top:0;background:url(../img/Main/quick-more.png) no-repeat center center;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
		.msec-01 .tits .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 .tits .more:after{display:none !important;}

		.msec-01 .cont .img img{max-width:200px;height:160px;object-fit:cover;}
		
		.msec-01 .cont .bg p{font-size:21px}
		.msec-01 .cont .txt{height:90px; padding:15px 15px;}
		.msec-01 .cont .txt p{font-size:14px; max-height:37px;padding-right:0;}
		.msec-01 .cont .txt:after{width:26px;height:26px;  right:10px; bottom:10px;}

		.msec-01 .cont li:nth-child(4) .bg p i:before{left:-24px; background-size:22px auto; width:22px;height:22px; margin-top:-15px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-01 .tits h3{font-size:24px;}
		.msec-01 .cont .img img{max-width:200px;height:150px;object-fit:cover;}
		.msec-01 .cont .txt p{font-size:13px; max-height:36px;}
	} 

/* ======================================================
   .msec-02{}
=========================================================*/
.msec-02{position:relative;font-family: 'NanumSquareRound'; margin-top:95px;}
.msec-02 .cont{position:relative;padding-left:50.5%; }
.msec-02 .cont:after{display:block; content:"";clear:both;}
.msec-02 .notice{position:absolute; left:0; top:0; width:49%; min-height:400px; border-radius:8px;}
.msec-02 .notice:after{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border-radius:8px; box-sizing:border-box;border:1px solid #d1d1d1; display:block; content:""; z-index:-1;}
.msec-02 .quick{ width:48.5%; float:left; position:relative;  box-sizing:border-box;min-height:400px;  border-radius:8px; background:#f6f5f5; border:1px solid #d1d1d1;}
.msec-02 .cs{width:48.5%; float:right; position:relative; box-sizing:border-box;min-height:400px; background:url(../img/Main/cs-bg.jpg) no-repeat right bottom #9ccdc1; background-size:100% auto; border-radius:8px;}
	@media only screen and (max-width:1320px){
		.msec-02{margin-top:80px}
		.msec-02 .notice{min-height:350px;}
		.msec-02 .quick{min-height:350px;}
		.msec-02 .cs{min-height:350px;}
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-02{margin-top:65px}
		.msec-02 .cont{padding-left:0;}
		.msec-02 .notice{position:relative; left:auto; top:auto; width:100%; min-height:auto; float:left;}
		.msec-02 .quick{width:49%; float:left; min-height:auto; margin-top:20px; height:190px;}
		.msec-02 .cs{width:49%;  background:url(../img/Main/m-cs-bg.jpg) no-repeat right bottom #9ccdc1; float:right; min-height:auto;margin-top:20px; height:190px; background-size:220px auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-02{margin-top:40px}
		.msec-02 .cs{ height:170px; background-size:200px auto;}

		.msec-02 .notice{position:relative; left:auto; top:auto; width:auto; min-height:auto; float:none;}
		.msec-02 .quick{width:auto; float:none;}
		.msec-02 .cs{width:auto; float:none;}
	} 
	@media only screen and (max-width:480px) {
		.msec-02 .quick{margin-top:15px;}
		.msec-02 .cs{margin-top:15px}
	} 

.msec-02 .notice h3{line-height:64px; border-top-left-radius:8px;border-top-right-radius:8px;padding:0 25px;border-bottom:1px solid #a6bf6f; background:#a6bf6f; color:#fff; font-size:24px; font-weight:400; letter-spacing:-0.03em;}
.msec-02 .notice .more{width:64px;height:64px; position:absolute; right:0; top:0;background:url(../img/Main/notice-more.png) no-repeat center center;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-02 .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-02 .notice ul{padding:20px 25px; box-sizing:border-box; min-height:335px;}
.msec-02 .notice li{}
.msec-02 .notice li:nth-child(n+2){ border-top:1px solid #ededed;}
.msec-02 .notice li a{display:block; font-size:18px; line-height:22px; color:#111; padding:18px 0 19px 0; padding-right:95px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative; }
.msec-02 .notice li a span{position:absolute;right:0; top:18px;line-height:22px; font-size:16px; color:#999; font-family:"Roboto"}
.msec-02 .notice li a:hover{ color:#a6bf6f;}
.msec-02 .notice li a:hover span{color:#333}
	@media only screen and (max-width:1320px){
		.msec-02 .notice h3{font-size:22px}
		.msec-02 .notice ul{padding:14px 20px; min-height:285px}
		.msec-02 .notice li a{font-size:17px; padding:15px 0 16px 0 ;padding-right:90px; line-height:20px}
		.msec-02 .notice li a span{font-size:15px; top:16px;}
	}
	@media only screen and (max-width:1200px){
		.msec-02 .notice h3{font-size:20px ;line-height:56px;}
		.msec-02 .notice .more{width:56px;height:56px;}

		.msec-02 .notice li a{font-size:16px;}
	}
	@media only screen and (max-width:999px){
		.msec-02 .notice h3{font-size:18px ;line-height:50px;padding:0 20px;}
		.msec-02 .notice .more{width:50px;height:50px;}
		.msec-02 .notice ul{min-height:auto; padding:10px 20px}
		.msec-02 .notice li a{font-size:15px; line-height:18px; padding:12px 0 14px 0; padding-right:85px;} 
		.msec-02 .notice li a span{font-size:14px; top:11px;}
	}
	@media only screen and (max-width:680px) {
		.msec-02 .notice h3{font-size:16px;padding:0 15px;}
		.msec-02 .notice ul{padding:10px 15px}
		.msec-02 .notice li a{font-size:14px; padding:10px 0 12px 0; padding-right:80px;}
		.msec-02 .notice li a span{font-size:13px; top:8px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-02 .notice ul{padding:5px 15px}
	} 

.msec-02 .quick h3{line-height:64px; padding:0 25px;border-bottom:1px solid #d1d1d1; color:#000; font-size:24px; font-weight:400; letter-spacing:-0.03em;}
.msec-02 .quick .more{width:64px;height:64px; position:absolute; right:0; top:0;background:url(../img/Main/quick-more.png) no-repeat center center;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-02 .quick .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-02 .quick ul{padding:13px; box-sizing:border-box; min-height:332px;}
.msec-02 .quick li{}
.msec-02 .quick li a{background:#fff; border:1px solid #ebebeb;display:block; letter-spacing:-0.03em; padding-left:22px; line-height:70px; font-size:18px; color:#555;position:relative;overflow:hidden;-webkit-transition: padding-left 0.3s ease-out;-moz-transition: padding-left 0.3s ease-out;-o-transition: padding-left 0.3s ease-out;transition: padding-left 0.3s ease-out;}
.msec-02 .quick li a:after{width:28px;height:28px; position:absolute; right:22px;top:50%;margin-top:-14px; display:block; content:"";-webkit-transition: top 0.5s ease-out;-moz-transition: top 0.5s ease-out;-o-transition: top 0.5s ease-out;transition: top 0.5s ease-out;}
.msec-02 .quick li a:before{width:28px;height:28px; position:absolute; right:22px;top:150%;margin-top:-14px; display:block; content:"";-webkit-transition: top 0.5s ease-out;-moz-transition: top 0.5s ease-out;-o-transition: top 0.5s ease-out;transition: top 0.5s ease-out;}

.msec-02 .quick li a:hover{color:#111; padding-left:26px}
.msec-02 .quick li a:hover:after{top:-100%;}
.msec-02 .quick li a:hover:before{top:50%;}
.msec-02 .quick li:nth-child(n+2){margin-top:5px;}

.msec-02 .quick li:nth-child(1) a:after{background:url(../img/Main/quick-ico01.png) no-repeat center center;}
.msec-02 .quick li:nth-child(2) a:after{background:url(../img/Main/quick-ico02.png) no-repeat center center;}
.msec-02 .quick li:nth-child(3) a:after{background:url(../img/Main/quick-ico03.png) no-repeat center center;}
.msec-02 .quick li:nth-child(4) a:after{background:url(../img/Main/quick-ico04.png) no-repeat center center;}

.msec-02 .quick li:nth-child(1) a:before{background:url(../img/Main/quick-ico01.png) no-repeat center center;}
.msec-02 .quick li:nth-child(2) a:before{background:url(../img/Main/quick-ico02.png) no-repeat center center;}
.msec-02 .quick li:nth-child(3) a:before{background:url(../img/Main/quick-ico03.png) no-repeat center center;}
.msec-02 .quick li:nth-child(4) a:before{background:url(../img/Main/quick-ico04.png) no-repeat center center;}
	@media only screen and (max-width:1320px){
		.msec-02 .quick h3{font-size:22px}
		.msec-02 .quick ul{min-height:282px;}
		.msec-02 .quick li a{line-height:59px; font-size:17px;}

		.msec-02 .quick li a:after{right:17px;background-size:24px auto !important}
		.msec-02 .quick li a:before{right:17px;background-size:24px auto !important}
	}
	@media only screen and (max-width:1200px){
		.msec-02 .quick h3{font-size:20px;line-height:56px;}
		.msec-02 .quick .more{width:56px;height:56px;}

		.msec-02 .quick li a{font-size:16px; padding-left:17px}
		.msec-02 .quick li a:hover{padding-left:17px;}
	}
	@media only screen and (max-width:999px){
		.msec-02 .quick h3{font-size:18px;line-height:50px;padding:0 20px;}
		.msec-02 .quick .more{width:50px;height:50px;}
		.msec-02 .quick ul{min-height:auto;}
		.msec-02 .quick ul:after{display:block; content:"";clear:both}
		.msec-02 .quick li{float:left; width:49%}
		.msec-02 .quick li:nth-child(even){float:right}
		.msec-02 .quick li:nth-child(2){margin-top:0;}
		.msec-02 .quick li:nth-child(n+3){margin-top:2%;}
		.msec-02 .quick li a{padding-left:12px; line-height:50px; font-size:15px;}

		.msec-02 .quick li a:after{right:12px;background-size:20px auto !important}
		.msec-02 .quick li a:before{right:12px;background-size:20px auto !important}

		.msec-02 .quick li a:hover{padding-left:16px;}
	}
	@media only screen and (max-width:680px) {
		.msec-02 .quick h3{font-size:16px;padding:0 15px;}
		.msec-02 .quick li a:after{right:7px;}
		.msec-02 .quick li a:before{right:7px;}
	} 
	@media only screen and (max-width:480px) {
		
	} 


.msec-02 .cs .btxt{letter-spacing:-0.03em; line-height:1.25em; font-size:36px; color:#fff; padding:40px;}
.msec-02 .cs .btxt span{ font-family:'LotteMartDream'; font-size:18px;display:block;margin-bottom:15px;}
.msec-02 .cs .stxt{background:url(../img/Main/ico-cs.png) no-repeat 21px 2px; letter-spacing:-0.03em;  color:#fff; font-size:30px; font-weight:400; line-height:1.25em;position:absolute; left:0; bottom:0; width:100%;box-sizing:border-box; padding:0 40px 55px 40px;}
.msec-02 .cs .stxt span{font-size:18px ;font-weight:700;display:block; line-height:1.4em;}
	@media only screen and (max-width:1320px){
		.msec-02 .cs .btxt{padding:25px 0 25px 35px;font-size:32px;}
		.msec-02 .cs .btxt span{font-size:16px; margin-bottom:10px;}
		.msec-02 .cs .stxt{padding:0 0 35px 35px; font-size:26px; background-position:16px 1px}
		.msec-02 .cs .stxt span{ font-size:16px; }
	}
	@media only screen and (max-width:1200px){
		.msec-02 .cs .btxt{font-size:27px;}
		.msec-02 .cs .btxt span{font-size:15px; margin-bottom:10px;}
		.msec-02 .cs .stxt{ font-size:22px;}
		.msec-02 .cs .stxt span{ font-size:15px; }
	}
	@media only screen and (max-width:999px){
		.msec-02 .cs{padding:30px 20px;}
		.msec-02 .cs .btxt{font-size:24px; padding:0}
		.msec-02 .cs .btxt br{display:none;}
		.msec-02 .cs .btxt span{margin-bottom:5px; font-size:14px; line-height:1.2em;}
		.msec-02 .cs .stxt{ font-size:20px; padding:0; position:relative; right:auto; bottom:auto; margin-top:15px; padding-left:25px; background-position:left 2px; ; padding-top:5px;}
		.msec-02 .cs .stxt span{ font-size:14px; }
	}
	@media only screen and (max-width:680px) {
		
	} 
	@media only screen and (max-width:480px) {
		.msec-02 .cs .btxt{font-size:21px;}
	} 



/* ======================================================
   .msec-03{}
=========================================================*/
.msec-03{margin-top:30px; margin-bottom:50px; position:relative; padding-left:320px; height:200px; font-family: 'NanumSquareRound'}
.msec-03 .tits{position:absolute; left:0; top:0; width:250px;}
.msec-03 .tits h3{line-height:47px; border-bottom:1px solid #000; color:#000; font-size:24px; font-weight:700; letter-spacing:-0.03em;}
.msec-03 .tits .more{width:24px;height:14px; background:url(../img/Main/gallery-more.jpg) no-repeat right center; position:absolute; right:0; top:17px; -webkit-transition: padding-right 0.3s ease-out,  right 0.3s ease-out;-moz-transition: padding-right 0.3s ease-out,  right 0.3s ease-out;-o-transition: padding-right 0.3s ease-out,  right 0.3s ease-out;transition: padding-right 0.3s ease-out,  right 0.3s ease-out;}
.msec-03 .tits .more:hover{padding-right:10px; right:-10px;}
.msec-03 .tits ul{margin-top:25px; }
.msec-03 .tits ul:after{display:block; content:"";clear:both;}
.msec-03 .tits ul li{}
.msec-03 .tits ul li:nth-child(n+2){margin-top:12px;}
.msec-03 .tits ul li a{display:block;line-height:1.1em; color:#999; font-size:18px; letter-spacing:-0.03em;}
.msec-03 .tits ul li a br{display:none;}
.msec-03 .tits ul li.active a{color:#000}

.msec-03 .cont{position:relative;}
.msec-03 .cont .tab-con{position:relative; left:auto; top:auto; width:auto;}
.msec-03 .cont .tab-con.hide{position:Absolute; left:-9999em; top:0; width:100%;}
.msec-03 .item a{display:block}
.msec-03 .item .img{border-radius:8px; height:184px;overflow:hidden; position:relative;}
.msec-03 .item .img:after{width:100%;height:100%; position:absolute; left:0; top:0; opacity:0;display:block; content:"";background:rgba(0,0,0,0.25); -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.msec-03 .item .img img{width:100%;height:184px;object-fit:cover;-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-03 .item .txt{margin-top:20px; text-align:center;}
.msec-03 .item .txt p{font-size:15px; color:#000; letter-spacing:-0.03em; line-height:1.2em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-03 .gallery-ctrl{position:absolute; left:0; top:0; width:100%;}
.msec-03 .prev{ z-index:9123;width:48px;height:48px; position:absolute; left:-24px; top:50%;margin-top:-24px; background:url(../img/Main/gallery-prev.png) no-repeat center center ; background-size:100% auto;}
.msec-03 .next{ z-index:9123;width:48px;height:48px; position:absolute; right:-24px; top:50%;margin-top:-24px; background:url(../img/Main/gallery-next.png) no-repeat center center ; background-size:100% auto;}	

.msec-03 .item a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
.msec-03 .item a:hover .img:after{opacity:1}

.msec-03 .prev:hover{background-image:url(../img/Main/gallery-prevo.png)}
.msec-03 .next:hover{background-image:url(../img/Main/gallery-nexto.png)}
	@media only screen and (max-width:1320px){
		.msec-03{padding-left:270px}
		.msec-03 .tits{width:230px}
		.msec-03 .tits h3{font-size:22px; line-height:42px}
		.msec-03 .tits ul li a{font-size:17px;}
		.msec-03 .tits .more{top:12px; background-size:20px auto;}
		
		.msec-03 .item .img{height:165px;}
		.msec-03 .item .img img{height:165px;}
		.msec-03 .prev{width:42px;height:42px;left:-21px;margin-top:-21px; }
		.msec-03 .next{width:42px;height:42px;right:-21px;margin-top:-21px;}
	}
	@media only screen and (max-width:1200px){
		.msec-03 .tits h3{font-size:20px; line-height:37px}
		.msec-03 .tits ul li a{font-size:16px;}
	}
	@media only screen and (max-width:999px){
		.msec-03{padding-left:0;}
		.msec-03 .tits{position:relative; left:auto; top:auto; width:auto;}
		.msec-03 .tits h3{font-size:18px;line-height:1.2em; margin-bottom:0; border-bottom:none;}
		.msec-03 .tits .more{top:7px;}
		.msec-03 .tits .more:hover{padding-right:5px; right:-5px;}
		
		.msec-03 .tits ul{margin-top:15px;}
		.msec-03 .tits ul li{float:left;}
		.msec-03 .tits ul li:nth-child(n+2){margin-left:20px; margin-top:0;}
		.msec-03 .tits ul li a{font-size:15px;}

		.msec-03 .item .img{height:auto;}
		.msec-03 .item .img img{height:auto;object-fit:fill;}
		.msec-03 .item .txt {margin-top:15px;}
		.msec-03 .item .txt p{font-size:14px}
		.msec-03 .prev{width:36px;height:36px;left:-18px;margin-top:-18px;}
		.msec-03 .next{width:36px;height:36px;right:-18px;margin-top:-18px;}

		.msec-03 .cont{margin-top:15px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03 .tits h3{font-size:17px;}
		.msec-03 .tits ul li:nth-child(1){width:23%}
		.msec-03 .tits ul li:nth-child(2){width:30%}
		.msec-03 .tits ul li:nth-child(3){width:22%}
		.msec-03 .tits ul li:nth-child(4){width:22%}
		.msec-03 .tits ul li:nth-child(n+2){margin-left:1%;}
		.msec-03 .tits ul li a{font-size:14px;text-align:center;}
		.msec-03 .tits ul li a div{display:flex;align-items: center; justify-content: center; height:50px; box-sizing:border-box; border:1px solid #dedede; border-radius:6px;}
		.msec-03 .tits ul li a p{word-break: keep-all; line-height:1.3em; padding-top:2px;}
		.msec-03 .tits ul li a br{display:block;}
		.msec-03 .tits ul li.active a div{border-color:#111}

		.msec-03 .prev{width:30px;height:30px;left:-15px;margin-top:-15px;}
		.msec-03 .next{width:30px;height:30px;right:-15px;margin-top:-15px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-03 .tits ul li a{font-size:13px;}
		
		.msec-03 .item .txt {margin-top:10px;}
		.msec-03 .item .txt p{font-size:13px}

		.msec-03 .prev{width:26px;height:26px;left:-13px;margin-top:-13px;}
		.msec-03 .next{width:26px;height:26px;right:-13px;margin-top:-13px;}
	}