@charset "utf-8";
/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual .visual{position:relative;}
.msec-visual .visual .item{position:relative; height:670px; }

.msec-visual .item .img{position:absolute;left:50%; top:0; max-width:1600px;width:100%; height:calc(100% - 90px);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .item .img p{position:absolute;right:-50px; bottom:0; height:100%; display:flex;align-items: end; justify-content: center; -webkit-transform:translateX(100px);-moz-transform:translateX(100px); -ms-transform:translateX(100px);-o-transform:translateX(100px); opacity:0;-webkit-transition: opacity 0.8s ease-out, transform 1.5s ease-out;-moz-transition:opacity 0.8s ease-out, transform 1.5s ease-out;-o-transition: opacity 0.8s ease-out, transform 1.5s ease-out;transition: opacity 0.8s ease-out, transform 1.5s ease-out;}
.msec-visual .item .img img{height:100%; }

.msec-visual .item .txt{position:absolute;max-width:1640px; padding:0 20px; box-sizing:border-box; color:#111; margin-top:-50px;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: 'TTLaundryGothicB'; font-size:48px; line-height:1.25em; font-weight:300;letter-spacing:-0.01em; }
.msec-visual .item .txt .stxt{margin-top:30px;font-family: 'GongGothic'; font-size:18px; font-weight:300;letter-spacing:-0.01em; line-height:1.5em;text-transform:uppercase;}
.msec-visual .item .txt .ctxt i{ color:#ffe244}
.msec-visual .item .txt .btxt p{position:Relative; overflow:hidden;}
.msec-visual .item .txt .btxt p span{opacity:0;display:block;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 p{position:Relative;opacity:0;display:block;position:relative;-webkit-transform:translateY(50%);-moz-transform:translateY(50%); -ms-transform:translateY(50%);-o-transform:translateY(50%);-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{background:#8ed5f7;}
.msec-visual .item.c02{background:#8ed5f7;}

.msec-visual.ani .slick-active.item .txt .btxt p span{ 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 .stxt p{ 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 p:nth-child(1) span{transition-delay:0.2s;}
.msec-visual.ani .slick-active.item .txt .btxt p:nth-child(2) span{transition-delay:0.4s;}
.msec-visual.ani .slick-active.item .txt .stxt p{transition-delay:0.6s;}


.msec-visual.ani .slick-active.item .img p{ transition-delay:1s;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0); -ms-transform:translateX(0);-o-transform:translateX(0);}

.msec-visual.ani .visual-ctrl{transition-delay:1.6s; opacity:1;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);}
.msec-visual .visual-ctrl{position:absolute;z-index:912;opacity:0; max-width:1640px; padding:0 20px; box-sizing:border-box; font-size:0; width:100%;left:50%; bottom:180px;-webkit-transform: translate(-50%, 10%); -moz-transform: translate(-50%, 10%);  -ms-transform: translate(-50%, 10%);  -o-transform: translate(-50%, 10%);  transform: translate(-50%, 10%);-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;}
.msec-visual .visual-ctrl .num{font-size:16px; line-height:26px; display:inline-block;vertical-align:top; font-weight:700; font-family:"Roboto"; color:rgba(0,0,0,0.5);}
.msec-visual .visual-ctrl .total{font-size:16px; line-height:26px; display:inline-block;vertical-align:top;font-weight:700; font-family:"Roboto"; color:#000;}
.msec-visual .visual-ctrl .prev{margin-left:15px;width:20px;height:26px;display:inline-block;vertical-align:top;background:url(../img/main/visual-prev.png) no-repeat center center;}
.msec-visual .visual-ctrl .next{margin-left:10px;width:20px;height:26px;display:inline-block;vertical-align:top;background:url(../img/main/visual-next.png) no-repeat center center;}
.msec-visual .visual-ctrl .play{margin-left:10px;width:20px;height:26px;display:none;vertical-align:top;background:url(../img/main/visual-play.png) no-repeat center center;}
.msec-visual .visual-ctrl .stop{margin-left:10px;width:20px;height:26px;display:inline-block;vertical-align:top;background:url(../img/main/visual-stop.png) no-repeat center center;}
.msec-visual .visual-ctrl .scrollbar{display:inline-block;vertical-align:top; height:26px; width:200px; position:relative; z-index:932;overflow:hidden; margin:0 15px; }
.msec-visual .visual-ctrl .scrollbar:before{width:100%;height: 2px; top:50%;margin-top:-1px;background:rgba(0,0,0,0.3);cursor: pointer; left:0; display:block;content:"";z-index:1; position:Absolute;}
.msec-visual .visual-ctrl .scrollbar .handle {width:0;height: 2px; top:50%;margin-top:-1px;background:#000;cursor: pointer; left:0; position:Absolute; z-index:2;}
	@media only screen and (max-width:1640px) {	
		.msec-visual .visual .item{height:600px;}
		.msec-visual .item .txt{margin-top:-50px;}
		.msec-visual .item .txt .btxt{font-size:44px}
		.msec-visual .item .txt .stxt{margin-top:25px;font-size:17px;}
		
		.msec-visual .item .img{ height:calc(100% - 80px);}
		.msec-visual .item .img p{right:-25px}
		.msec-visual .item .img img{height:95%; }

		.msec-visual .visual-ctrl{bottom:180px;}
		.msec-visual .visual-ctrl .scrollbar{width:180px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-visual .item .txt .btxt{font-size:40px}
		.msec-visual .item .txt .stxt{margin-top:20px;font-size:16px;}
		
		.msec-visual .item .img{ height:calc(100% - 60px);}
		.msec-visual .item .img img{height:90%; }

		.msec-visual .visual-ctrl{bottom:160px;}
		.msec-visual .visual-ctrl .scrollbar{width:160px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-visual .item .img{ height:calc(100% - 75px);}
	}
	@media only screen and (max-width:1280px) {
		.msec-visual .visual .item{height:550px;}
		.msec-visual .item .txt .btxt{font-size:36px}
		.msec-visual .item .txt .stxt{font-size:15px}
		.msec-visual .item .txt{margin-top:-65px;}
		.msec-visual .item .img img{height:85%; }
	}

	@media only screen and (max-width:1185px) {
		.msec-visual .visual .item{height:500px;}
		.msec-visual .item .img img{height:80%; }
	}
	@media only screen and (max-width:999px) {
		.msec-visual .visual .item{height:450px;}
		.msec-visual .item .txt { top:90px; margin-top:0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.msec-visual .item .txt .btxt{font-size:32px}
		.msec-visual .item .txt .stxt{font-size:14px; margin-top:15px;}

		.msec-visual .item .img{height:100%}
		.msec-visual .item .img p{text-align:right; display:block; height:auto; width:100%; right:-50px;}
		.msec-visual .item .img img{height:auto;width:85%; max-width:520px; display:inline-block;vertical-align:top;}

		.msec-visual .visual-ctrl{bottom:140px;}
		.msec-visual .visual-ctrl .num{font-size:14px; line-height:20px;}
		.msec-visual .visual-ctrl .total{font-size:14px; line-height:20px;}
		.msec-visual .visual-ctrl .prev{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .next{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .next{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .stop{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .scrollbar{width:130px; height:20px;}
	}
	@media only screen and (max-width:680px) {
		.msec-visual .visual .item{height:400px;}
		.msec-visual .item .txt { top:70px;} 
		.msec-visual .item .txt .btxt{font-size:28px}
		.msec-visual .item .txt .stxt{font-size:15px;}


		.msec-visual .visual-ctrl .scrollbar{width:90px;}
		.msec-visual .visual-ctrl .prev{width:12px;height:20px;}
		.msec-visual .visual-ctrl .next{width:12px;height:20px;}
		.msec-visual .visual-ctrl .next{width:12px;height:20px;}
		.msec-visual .visual-ctrl .stop{width:12px;height:20px;}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .item .txt {}
		.msec-visual .item .txt .btxt{font-size:24px}
		.msec-visual .item .txt .btxt br{display:none;}
		.msec-visual .item .txt .stxt{margin-top:15px;}
		.msec-visual .item .txt .stxt br{display:none;}
		.msec-visual .visual-ctrl .scrollbar{width:60px;}
	}


	

.msec-visual .service{position:absolute; left:50%; bottom:-90px; width:100%;max-width:1640px; padding:0 20px; box-sizing:border-box;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .service .list{height:180px; background:#06afc0; border-radius:30px; box-sizing:border-box; padding:50px 20px 0 20px;}
.msec-visual .service .list:after{display:block; content:"";clear:both}
.msec-visual .service .vtem{float:left;width:calc(33.3333333% - 60px); margin:0 30px; box-sizing:Border-box; position:relative;}
.msec-visual .service .vtem:nth-child(n+2):before{border-left:1px solid rgba(255,255,255,0.5); position:Absolute ;left:-30px; top:0; height:100%; display:block; content:""}

.msec-visual .service .vtem:nth-child(1) dl, .msec-visual .service .vtem:nth-child(3) dl{padding-left:255px;}
.msec-visual .service .vtem dl{position:Relative; padding-left:265px; }
.msec-visual .service .vtem dl:after{display:block; content:"";clear:both}
.msec-visual .service .vtem dl dt{font-family: 'GongGothic'; font-size:24px; line-height:1.25em; font-weight:300;letter-spacing:-0.01em; position:absolute;left:0; top:0; color:#fff;}
.msec-visual .service .vtem dl dd{float:left; width:50%; position:relative}
.msec-visual .service .vtem dl dd a{display:block; padding-top:57px; position:relative; font-size:18px; font-weight:400 ;color:#fff;text-align:center;line-height:1.2em;}
.msec-visual .service .vtem dl dd a:before{position:Absolute; left:0; top:0; width:100%; height:54px; display:block ;content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-visual .service .vtem dl dd a:hover:before{transform:translateY(-7px)}

.msec-visual .service .vtem .more{width:30px;height:30px; position:absolute;right:left; bottom:0;}
.msec-visual .service .vtem .more:after{position:absolute; right:0; top:0; width:100%; height:100%;  background:url(../img/main/center-arrow.png) no-repeat center center ;background-size:100% auto; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-visual .service .vtem .more:hover:after{transform:translate(5px, -5px)}


.msec-visual .service .vtem:nth-child(1) dd:nth-child(2) a:before{background:url(../img/main/center-ico01.png) no-repeat center top}
.msec-visual .service .vtem:nth-child(1) dd:nth-child(3) a:before{background:url(../img/main/center-ico02.png) no-repeat center top}

.msec-visual .service .vtem:nth-child(2) dd:nth-child(2) a:before{background:url(../img/main/center-ico03.png) no-repeat center top}
.msec-visual .service .vtem:nth-child(2) dd:nth-child(3) a:before{background:url(../img/main/center-ico04.png) no-repeat center top}

.msec-visual .service .vtem:nth-child(3) dd:nth-child(2) a:before{background:url(../img/main/center-ico05.png) no-repeat center top}
.msec-visual .service .vtem:nth-child(3) dd:nth-child(3) a:before{background:url(../img/main/center-ico06.png) no-repeat center top}
	@media only screen and (max-width:1640px) {	
		.msec-visual .service{bottom:-80px}
		.msec-visual .service .list{height:160px; padding:40px 20px 0 20px}
		.msec-visual .service .vtem:nth-child(1) dl, .msec-visual .service .vtem:nth-child(3) dl{padding-left:235px;}
		.msec-visual .service .vtem dl{padding-left:245px; }
		.msec-visual .service .vtem dl dt{font-size:22px;}
		.msec-visual .service .vtem dl dd a{font-size:16px; padding-top:52px;}
		.msec-visual .service .vtem dl dd a:before{background-size:45px auto !important;}
		.msec-visual .service .vtem .more{width:26px;height:26px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-visual .service{bottom:-60px}
		.msec-visual .service .list{height:120px; padding:30px 20px 0 20px; border-radius:20px;}
		.msec-visual .service .vtem:nth-child(1) dl, .msec-visual .service .vtem:nth-child(3) dl{padding-left:205px;}
		.msec-visual .service .vtem dl{padding-left:225px; }
		.msec-visual .service .vtem dl dt{font-size:20px;}
		.msec-visual .service .vtem dl dd a{font-size:14px; padding-top:46px;}
		.msec-visual .service .vtem dl dd a:before{background-size:40px auto !important;}
		.msec-visual .service .vtem .more{width:22px;height:22px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-visual .service{bottom:-75px}
		.msec-visual .service .list{height:150px; padding:25px 20px 0 20px;}
		.msec-visual .service .vtem:nth-child(1) dl, .msec-visual .service .vtem:nth-child(3) dl{padding-left:0;}
		.msec-visual .service .vtem dl{padding-left:0; }
		.msec-visual .service .vtem dl dt{position:Relative ;left:auto; top:auto; margin-bottom:15px; }
		.msec-visual .service .vtem dl dd a{font-size:14px;}
		.msec-visual .service .vtem dl dd a:before{background-size:36px auto !important;}
		.msec-visual .service .vtem .more{right:0; top:0;}
	}
	@media only screen and (max-width:1185px) {
		.msec-visual .service .vtem dl dd a{font-size:15px; padding-top:40px;}
		.msec-visual .service .vtem dl dd a:before{background-size:32px auto !important;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .service{bottom:-100px;}
		.msec-visual .service .list{padding:0; height:auto;background:none; border-radius:0; margin:0 -5px;}
		.msec-visual .service .vtem{background:#06afc0; border-radius:15px; margin:0 5px; width:calc(33.333333% - 10px); padding:20px}
		.msec-visual .service .vtem:nth-child(n+2):before{display:none;}
		.msec-visual .service .vtem:nth-child(2){background:#2f68c2;}
		.msec-visual .service .vtem:nth-child(3){background:#4b5e97;}
		.msec-visual .service .vtem dl dt{font-size:18px;}
		.msec-visual .service .vtem dl dd:nth-child(n+3):before{border-left:1px solid rgba(255,255,255,0.3); position:Absolute ;left:-1px; top:0; height:100%; display:block; content:""}

		.msec-visual .service .vtem .more{right:20px; top:23px; width:18px;height:18px;}
	}
	@media only screen and (max-width:820px) {
		.msec-visual .service {position:relative; padding:0 15px; left:auto; bottom:auto;margin-top:-35px; -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
		.msec-visual .service .vtem{float:none; width:auto;}
		.msec-visual .service .vtem:nth-child(n+2){margin-top:15px;}

	}
	@media only screen and (max-width:680px) {
		.msec-visual .service .vtem{border-radius:10px}			
	}
	@media only screen and (max-width:480px) {
		
	}



/* ======================================================
   .msec-visual .service02 2024
=========================================================*/
.msec-visual .service02{position:absolute; left:50%; bottom:-90px; width:100%;max-width:1640px; padding:0 20px; box-sizing:border-box;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .service02 .list{height:180px; background:#06afc0; border-radius:30px; box-sizing:border-box; padding:50px 20px 0 20px;}
.msec-visual .service02 .list:after{display:block; content:"";clear:both}
.msec-visual .service02 .vtem{float:left;width:calc(25% - 60px); margin:0 30px; box-sizing:Border-box; position:relative;}
.msec-visual .service02 .vtem:nth-child(n+2):before{border-left:1px solid rgba(255,255,255,0.5); position:Absolute ;left:-30px; top:0; height:100%; display:block; content:""}

.msec-visual .service02 .vtem:nth-child(1) dl, .msec-visual .service02 .vtem:nth-child(2) dl, .msec-visual .service02 .vtem:nth-child(3) dl{padding-left:250px;}
.msec-visual .service02 .vtem dl{position:Relative; padding-left:290px; }
.msec-visual .service02 .vtem dl:after{display:block; content:"";clear:both}
.msec-visual .service02 .vtem dl dt{font-family: 'TTLaundryGothicB'; font-size:23px; line-height:1.25em; font-weight:300;letter-spacing:-0.05em; position:absolute;left:0; top:0; color:#fff;}
.msec-visual .service02 .vtem dl dd{float:left; width:100%; position:relative}
.msec-visual .service02 .vtem dl dd a{display:block; padding-top:57px; position:relative; font-size:18px; font-weight:400 ;color:#fff;text-align:center;line-height:1.2em;}
.msec-visual .service02 .vtem dl dd a:before{position:Absolute; left:0; top:0; width:100%; height:50px; display:block ;content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-visual .service02 .vtem dl dd a:hover:before{transform:translateY(-7px)}

.msec-visual .service02 .vtem .more{width:30px;height:30px; position:absolute;right:left; bottom:0;}
.msec-visual .service02 .vtem .more:after{position:absolute; right:0; top:0; width:100%; height:100%;  background:url(../img/main/center-arrow.png) no-repeat center center ;background-size:100% auto; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-visual .service02 .vtem .more:hover:after{transform:translate(5px, -5px)}


.msec-visual .service02 .vtem:nth-child(1) dd:nth-child(2) a:before{background:url(../img/main/center-ico01.png) no-repeat center top}
.msec-visual .service02 .vtem:nth-child(1) dd:nth-child(3) a:before{background:url(../img/main/center-ico02.png) no-repeat center top}

.msec-visual .service02 .vtem:nth-child(2) dd:nth-child(2) a:before{background:url(../img/main/center-ico03.png) no-repeat center top}
.msec-visual .service02 .vtem:nth-child(2) dd:nth-child(3) a:before{background:url(../img/main/center-ico04.png) no-repeat center top}

.msec-visual .service02 .vtem:nth-child(3) dd:nth-child(2) a:before{background:url(../img/main/center-ico05.png) no-repeat center top}
.msec-visual .service02 .vtem:nth-child(3) dd:nth-child(3) a:before{background:url(../img/main/center-ico06.png) no-repeat center top}

.msec-visual .service02 .vtem:nth-child(4) dd:nth-child(2) a:before{background:url(../img/main/center-ico02.png) no-repeat center top}
.msec-visual .service02 .vtem:nth-child(4) dd:nth-child(3) a:before{background:url(../img/main/center-ico06.png) no-repeat center top}


	@media only screen and (max-width:1640px) {	
		.msec-visual .service02{bottom:-80px}
		.msec-visual .service02 .list{height:160px; padding:40px 20px 0 20px}
		.msec-visual .service02 .vtem:nth-child(1) dl, .msec-visual .service02 .vtem:nth-child(2), .msec-visual .service02 .vtem:nth-child(3) dl{padding-left:235px;}
		.msec-visual .service02 .vtem dl{padding-left:245px; }
		.msec-visual .service02 .vtem dl dt{font-size:22px;}
		.msec-visual .service02 .vtem dl dd a{font-size:16px; padding-top:52px;}
		.msec-visual .service02 .vtem dl dd a:before{background-size:45px auto !important;}
		.msec-visual .service02 .vtem .more{width:26px;height:26px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-visual .service02{bottom:-60px}
		.msec-visual .service02 .list{height:120px; padding:30px 20px 0 20px; border-radius:20px;}
		.msec-visual .service02 .vtem:nth-child(1) dl, .msec-visual .service02 .vtem:nth-child(2) dl, .msec-visual .service02 .vtem:nth-child(3) dl{padding-left:205px;}
		.msec-visual .service02 .vtem dl{padding-left:225px; }
		.msec-visual .service02 .vtem dl dt{font-size:20px;}
		.msec-visual .service02 .vtem dl dd a{font-size:14px; padding-top:46px;}
		.msec-visual .service02 .vtem dl dd a:before{background-size:40px auto !important;}
		.msec-visual .service02 .vtem .more{width:22px;height:22px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-visual .service02{bottom:-75px}
		.msec-visual .service02 .list{height:150px; padding:25px 20px 0 20px;}
		.msec-visual .service02 .vtem:nth-child(1) dl, .msec-visual .service02 .vtem:nth-child(2) dl, .msec-visual .service02 .vtem:nth-child(3) dl{padding-left:0;}
		.msec-visual .service02 .vtem dl{padding-left:0; }
		.msec-visual .service02 .vtem dl dt{position:Relative ;left:auto; top:auto; margin-bottom:15px; }
		.msec-visual .service02 .vtem dl dd a{font-size:14px;}
		.msec-visual .service02 .vtem dl dd a:before{background-size:36px auto !important;}
		.msec-visual .service02 .vtem .more{right:0; top:0;}
	}
	@media only screen and (max-width:1185px) {
		.msec-visual .service02 .vtem dl dd a{font-size:15px; padding-top:40px;}
		.msec-visual .service02 .vtem dl dd a:before{background-size:32px auto !important;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .service02{bottom:-100px;}
		.msec-visual .service02 .list{padding:0; height:auto;background:none; border-radius:0; margin:0 -5px;}
		.msec-visual .service02 .vtem{background:#06afc0; border-radius:15px; margin:0 5px; width:calc(25% - 10px); padding:20px}
		.msec-visual .service02 .vtem:nth-child(n+2):before{display:none;}
		.msec-visual .service02 .vtem:nth-child(2){background:#2f68c2;}
		.msec-visual .service02 .vtem:nth-child(3){background:#4b5e97;}
		.msec-visual .service02 .vtem dl dt{font-size:16px;}
		.msec-visual .service02 .vtem dl dd:nth-child(n+3):before{border-left:1px solid rgba(255,255,255,0.3); position:Absolute ;left:-1px; top:0; height:100%; display:block; content:""}
		.msec-visual .service02 .vtem:nth-child(1) dl, .msec-visual .service02 .vtem:nth-child(2), .msec-visual .service02 .vtem:nth-child(3) dl{padding-left:0px;}

		.msec-visual .service02 .vtem .more{right:20px; top:23px; width:18px;height:18px;}
	}
	@media only screen and (max-width:820px) {
		.msec-visual .service02 {position:relative; padding:0 15px; left:auto; bottom:auto;margin-top:-35px; -webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
		/*.msec-visual .service02 .vtem{float:none; width:auto;}*/
		.msec-visual .service02 .vtem{background:#06afc0; border-radius:15px; margin:0 5px; width:calc(50% - 10px); padding:20px 10px;}
		.msec-visual .service02 .vtem:nth-child(n+3){margin-top:10px;}
		.msec-visual .service02 .vtem:nth-child(1) dl, .msec-visual .service02 .vtem:nth-child(2), .msec-visual .service02 .vtem:nth-child(3) dl{padding-left:0px;}


	}
	@media only screen and (max-width:680px) {
		.msec-visual .service02 .vtem{border-radius:10px}	

		.msec-visual .service02 .vtem dl dt{font-size:14px;text-align:Center;}
		.msec-visual .service02 .vtem .more{display:none;}
	}
	@media only screen and (max-width:480px) {
		
	}



/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{margin-top:170px;}
	@media only screen and (max-width:1640px) {	
		.msec-cont{margin-top:140px;}
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-cont{margin-top:160px;}
	}
	@media only screen and (max-width:820px) {
		.msec-cont{margin-top:50px;}
	}
	@media only screen and (max-width:680px) {
	
		
	}
	@media only screen and (max-width:480px) {
		
	}






/* ======================================================
   .msec-01
=========================================================*/
.msec-01{}
.msec-01:after{display:block ;content:"";clear:both;}

.msec-01 .fl{float:left;width:33.13%; box-sizing:border-box;}
.msec-01 .fr{float:right;width:63.88%; box-sizing:border-box;}
	@media only screen and (max-width:1640px) {	
		.msec-01 .fl{width:36.13%; }
		.msec-01 .fr{width:60.88%;}
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-01 .fl{float:none; width:auto;}
		.msec-01 .fr{float:none;  width:auto;margin-top:30px}
	}
	@media only screen and (max-width:680px) {
	
		
	}
	@media only screen and (max-width:480px) {
		
	}


.msec-01 .fl h3{padding-left:30px;font-family:'NanumSquareRound'; font-size:36px; color:#2f68c2; letter-spacing:-0.04em; font-weight:800; line-height:1.2em;}
.msec-01 .fl .cont{margin-top:27px;border-radius:30px;position:relative; min-height:392px; padding:38px 44px 0 44px;box-sizing:border-box;background:url(../img/main/prg-img.png) no-repeat right bottom;box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05)  ; -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05)  ; }
.msec-01 .fl .btxt{font-size:24px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.35em;}
.msec-01 .fl .stxt{font-size:17px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.6em; margin-top:25px}
.msec-01 .fl a{margin-top:45px;display:inline-block;vertical-align:top; width:164px; border-radius:40px; background:#12a3a1; border:1px solid #12a3a1;color:#fff;text-align:Center; line-height:38px; height:40px; box-sizing:border-box; font-size:16px; font-weight:600 ; letter-spacing:-0.03em;}
.msec-01 .fl a:hover{background:#fff;color:#12a3a1}
	@media only screen and (max-width:1640px) {	
		.msec-01 .fl h3{padding-left:25px; font-size:32px}
		.msec-01 .fl .cont{margin-top:20px;padding:35px 40px 0 40px; min-height:362px; background-size:175px auto}
		.msec-01 .fl .btxt{font-size:22px;}
		.msec-01 .fl .stxt{margin-top:20px;font-size:16px;}

		.msec-01 .fl a{margin-top:35px;width:150px; font-size:15px; }
	}
	@media only screen and (max-width:1480px) {
		.msec-01 .fl .cont{border-radius:25px;padding:35px 35px 0 35px}
	}
	@media only screen and (max-width:1340px) {
		.msec-01 .fl .cont{min-height:342px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-01 .fl h3{padding-left:20px; font-size:28px}
		.msec-01 .fl .cont{border-radius:25px;padding:30px 30px 0 30px; background-size:150px auto}
		.msec-01 .fl .btxt{font-size:20px;}
		.msec-01 .fl .btxt br{display:none;}
		.msec-01 .fl .stxt{margin-top:20px;font-size:15px;}
		.msec-01 .fl .stxt br{display:none;}

			.msec-01 .fl a{margin-top:25px;}
	}
	@media only screen and (max-width:999px) {
		.msec-01 .fl h3{padding-left:10px; font-size:26px}
		.msec-01 .fl .cont{margin-top:20px; min-height:auto; padding:25px 25px;border-radius:20px; background-size:140px auto}
		.msec-01 .fl .btxt{font-size:18px;}
		.msec-01 .fl .stxt{font-size:14px; margin-top:15px;padding-right:100px;}

		.msec-01 .fl a{margin-top:20px;width:150px; font-size:15px; }
	}
	@media only screen and (max-width:680px) {
		.msec-01 .fl h3{font-size:24px}
		.msec-01 .fl .cont{margin-top:15px;padding:25px 20px; padding-bottom:50px; border-radius:15px;background-size:130px auto}
		.msec-01 .fl .btxt{font-size:17px;}
		.msec-01 .fl .stxt{font-size:15px;;padding-right:80px;}

		.msec-01 .fl a{margin-top:15px;width:135px; font-size:14px; line-height:35px; height:35px; }
	}
	@media only screen and (max-width:480px) {
		.msec-01 .fl .cont{background-size:115px auto}
		.msec-01 .fl h3{font-size:22px}
		.msec-01 .fl a{font-size:13px;}
	}


.msec-01 .fr .tits{font-size:0;position:relative;}
.msec-01 .fr .tits h3{padding-left:45px;font-family:'NanumSquareRound'; font-size:36px; color:#2f68c2; letter-spacing:-0.04em; font-weight:800; line-height:1.2em;display:inline-block;vertical-align:top;}
.msec-01 .fr .tits p{font-size:18px; font-weight:400; color:#555 ;letter-spacing:-0.03em; line-height:1.2em; display:inline-block;vertical-align:top; position:absolute; left:240px; bottom:7px; line-height:22px;}
.msec-01 .fr .tits p:before{border-left:1px solid #cecece; height:22px; position:absolute ;left: -32px; bottom:2px; display:block; content:""}
.msec-01 .fr .cont{margin-top:27px;border-radius:30px;position:relative;min-height:392px; box-sizing:border-box; border:1px solid #e2e5eb; }
.msec-01 .fr .hide{display:none;}

.msec-01 .fr .tabs{position:relative;}
.msec-01 .fr .tabs:after{position:absolute; left:0; bottom:0; width:100%; display:block; content:"";z-index:-1}
.msec-01 .fr .tabs ul{padding-right:62px;}
.msec-01 .fr .tabs ul:after{display:block; content:"";clear:both;}
.msec-01 .fr .tabs li{float:left; width:25%; position:relative; z-index:1}
.msec-01 .fr .tabs li.active{z-index:3}
.msec-01 .fr .tabs li:nth-child(1):before{border-left:none;}
.msec-01 .fr .tabs li:before{border-left:1px solid #e2e5eb; position:Absolute; left:-1px ;top:0; height:100%; display:block; content:""; z-index:-1;}
.msec-01 .fr .tabs li.active:before{background:#2f68c2; border-radius:8px; border-left:0; width:calc(100% + 10px); left:0;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2)  ; }
.msec-01 .fr .tabs li:nth-child(n+2).active:before{left:-4px;}

.msec-01 .fr .tabs li a{display:block; line-height:60px;font-size:17px; color:#777; font-weight:500; letter-spacing:-0.03em; text-align:center;border-bottom:1px solid #e2e5eb; }
.msec-01 .fr .tabs li.active a{ font-weight:700; color:#fff;border-bottom-color:transparent}
	@media only screen and (max-width:1640px) {	
		.msec-01 .fr .tits h3{padding-left:25px; font-size:32px}
		.msec-01 .fr .tits p{font-size:16px; left:200px}

		.msec-01 .fr .tabs li a{font-size:16px;}

		.msec-01 .fr .cont{margin-top:20px; min-height:362px}
	}
	@media only screen and (max-width:1480px) {
		.msec-01 .fr .cont{border-radius:25px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-01 .fr .tabs li a{font-size:15px;}
		.msec-01 .fr .cont{ min-height:342px}
	}
	@media only screen and (max-width:1185px) {
		.msec-01 .fr .tits h3{padding-left:20px; font-size:28px}
		.msec-01 .fr .tits p{font-size:15px; left:180px}
		.msec-01 .fr .tits p:before{bottom:0px;}
		
		.msec-01 .fr .tabs ul{padding-right:0;}
		.msec-01 .fr .tabs li.active:before{width:calc(100% + 5px);}
		.msec-01 .fr .tabs li:nth-child(n+2).active:before{left:-2px;}
		.msec-01 .fr .tabs li a{font-size:15px; line-height:55px;}
	}
	@media only screen and (max-width:999px) {
		.msec-01 .fr .tits h3{padding-left:10px; font-size:26px}
		.msec-01 .fr .tits p{font-size:14px; left:160px; bottom:2px;}
		.msec-01 .fr .tits p:before{height:16px; bottom:2px;}
		
		.msec-01 .fr .tabs li a{font-size:14px; line-height:50px;}

		.msec-01 .fr .cont{margin-top:15px;border-radius:20px; min-height:auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-01 .fr .tits h3{font-size:24px}
		.msec-01 .fr .tits p{font-size:14px; left:120px; bottom:0;}
		.msec-01 .fr .tits p:before{height:12px; left:-14px; bottom:5px;}
		
		.msec-01 .fr .tabs li{width:50%;}
		.msec-01 .fr .tabs li:nth-child(n+2).active:before{left:0;}
		.msec-01 .fr .tabs li:nth-child(3):before{border-left:none;}
		.msec-01 .fr .tabs li.active:before{width:calc(100%); border-radius:5px;}
		.msec-01 .fr .tabs li a{font-size:13px; line-height:45px;}

		.msec-01 .fr .cont{border-radius:15px;}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .fr .tits h3{font-size:22px}
		.msec-01 .fr .tits p{left:110px;}
		.msec-01 .fr .tits p:before{left:-12px;}

		.msec-01 .fr .tabs li a{font-size:15px; line-height:40px;}
	}


.msec-01 .fr .list{padding:50px 45px 0 45px;}
.msec-01 .fr .list .more{width:62px;height:61px; border-bottom:1px solid #e2e5eb ; border-left:1px solid #e2e5eb; box-sizing:border-box;position: absolute; right:0; top:0;}
.msec-01 .fr .list .more:after{position:Absolute; left:0; top:0; width:100%;height:100%;background:url(../img/main/board-more.png) no-repeat center center; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-01 .fr .list .more:hover:after{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); transform-origin: 50% 50%; }

.msec-01 .fr .list ul:nth-child(1) li{}
.msec-01 .fr .list ul:nth-child(1) li:nth-child(n+2){}
.msec-01 .fr .list ul:nth-child(1) li a{display:block; position:relative; padding-left:210px;}
.msec-01 .fr .list ul:nth-child(1) li .btxt{font-size:24px; font-weight:700; color:#000; line-height:1.2em; letter-spacing:-0.03em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-01 .fr .list ul:nth-child(1) li .stxt{font-size:18px; font-weight:300; color:#333; line-height:1.3em; letter-spacing:-0.03em; margin-top:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.msec-01 .fr .list ul:nth-child(1) li .date{font-size:14px; color:#555; font-weight:300; line-height:1.3em; letter-spacing:-0.01em; position:absolute; left:0; top:0; width:180px;border-right:1px solid #e2e5eb; height:64px; padding-top:45px; box-sizing:border-box; text-align:center;}
.msec-01 .fr .list ul:nth-child(1) li .date span{position:Absolute ;lefT:0; top:14px; width:100%; font-size:37px; font-weight:700; color:#000;}

.msec-01 .fr .list ul:nth-child(2){padding:35px 25px 0 25px;border-top:1px solid #e2e5eb;margin-top:35px;}
.msec-01 .fr .list ul:nth-child(2) li{}
.msec-01 .fr .list ul:nth-child(2) li:nth-child(n+2){ margin-top:12px;}
.msec-01 .fr .list ul:nth-child(2) li a{display:block; padding-right:95px; position:relative; padding-left:12px;}
.msec-01 .fr .list ul:nth-child(2) li a:before{width:3px;height:3px; position:Absolute; left:0; top:10px; display:block; content:"";background:#333;}
.msec-01 .fr .list ul:nth-child(2) li .btxt{font-size:18px; font-weight:400; color:#000; line-height:1.3em; letter-spacing:-0.03em; display:inline-block;vertical-align:top; max-width:100%; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-01 .fr .list ul:nth-child(2) li .date{font-size:16px; color:#777; font-weight:300; line-height:1.3em; letter-spacing:-0.01em; position:absolute; right:0; top:1px;}

.msec-01 .fr .list ul:nth-child(2) li .btxt:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:0;border-bottom:1px solid #111;opacity:0;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
.msec-01 .fr .list ul:nth-child(2) li a:hover .btxt:after {opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform 1s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform 1s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform 1s cubic-bezier(.77,0,.175,1),opacity .3s}
	@media only screen and (max-width:1640px) {	
		.msec-01 .fr .list{padding:40px 35px 0 35px;}
		
		.msec-01 .fr .list ul:nth-child(1) li a{padding-left:180px;}
		.msec-01 .fr .list ul:nth-child(1) li .btxt{font-size:22px;}
		.msec-01 .fr .list ul:nth-child(1) li .stxt{font-size:16px;}
		.msec-01 .fr .list ul:nth-child(1) li .date{font-size:13px; width:150px; padding-top:38px; height:57px;}
		.msec-01 .fr .list ul:nth-child(1) li .date span{font-size:33px; top:12px;}

		.msec-01 .fr .list ul:nth-child(2){padding:30px 20px 0 20px;}
		.msec-01 .fr .list ul:nth-child(2) li .btxt{font-size:17px;}
		.msec-01 .fr .list ul:nth-child(2) li .date{font-size:15px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-01 .fr .list ul:nth-child(1) li a{padding-left:150px;}
		.msec-01 .fr .list ul:nth-child(1) li .date{width:120px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-01 .fr .list{padding:30px 30px 0 30px;}
		.msec-01 .fr .list ul:nth-child(1) li a{padding-left:130px;}
		.msec-01 .fr .list ul:nth-child(1) li .btxt{font-size:20px;}
		.msec-01 .fr .list ul:nth-child(1) li .stxt{font-size:15px;}
		.msec-01 .fr .list ul:nth-child(1) li .date{width:100px;height:54px;}
		.msec-01 .fr .list ul:nth-child(1) li .date span{top:10px; font-size:30px;}

		.msec-01 .fr .list ul:nth-child(2){padding:30px 15px 0 15px;margin-top:30px;}
		.msec-01 .fr .list ul:nth-child(2) li .btxt{font-size:17px;}
		.msec-01 .fr .list ul:nth-child(2) li .date{font-size:15px; }
	}
	@media only screen and (max-width:1185px) {
		.msec-01 .fr .list .more{border:none; top:-68px; right:-10px;}
		
	}
	@media only screen and (max-width:999px) {
		.msec-01 .fr .list{padding:25px;}
		.msec-01 .fr .list .more{top:-58px;width:52px;height:52px;right:-15px;}
		.msec-01 .fr .list .more:after{background-size:14px auto; }

		.msec-01 .fr .list ul:nth-child(1) li a{padding-left:100px;}
		.msec-01 .fr .list ul:nth-child(1) li .btxt{font-size:18px;}
		.msec-01 .fr .list ul:nth-child(1) li .stxt{font-size:14px;margin-top:7px;}
		.msec-01 .fr .list ul:nth-child(1) li .date{width:70px;height:47px; padding-top:30px;font-size:12px;}
		.msec-01 .fr .list ul:nth-child(1) li .date span{top:8px; font-size:27px;}

		.msec-01 .fr .list ul:nth-child(2){padding:25px 5px 0 5px;margin-top:25px;}
		.msec-01 .fr .list ul:nth-child(2) li:nth-child(n+2){ margin-top:7px;}
		.msec-01 .fr .list ul:nth-child(2) li a:before{top:8px}
		.msec-01 .fr .list ul:nth-child(2) li .btxt{font-size:16px;}
		.msec-01 .fr .list ul:nth-child(2) li .date{font-size:14px;}
	}
	@media only screen and (max-width:680px) {
		.msec-01 .fr .list{padding:25px 20px;}
		.msec-01 .fr .list .more{ width:40px;height:40px; top:-49px}
		.msec-01 .fr .list .more:after{background-size:12px auto; }
		
		.msec-01 .fr .list ul:nth-child(1) li a{padding-left:90px;}
		.msec-01 .fr .list ul:nth-child(1) li .btxt{font-size:16px;}
		.msec-01 .fr .list ul:nth-child(1) li .stxt{font-size:15px;}
		.msec-01 .fr .list ul:nth-child(1) li .date{font-size:12px;}
		.msec-01 .fr .list ul:nth-child(1) li .date span{ font-size:23px;}

		.msec-01 .fr .list ul:nth-child(2){padding:20px 0px 0 0px;margin-top:20px;}
		.msec-01 .fr .list ul:nth-child(2) li:nth-child(n+2){ margin-top:4px;}
		.msec-01 .fr .list ul:nth-child(2) li a{padding-left:8px; padding-right:75px;}
		.msec-01 .fr .list ul:nth-child(2) li a:before{top:8px;width:2px;height:2px;}
		.msec-01 .fr .list ul:nth-child(2) li .btxt{font-size:15px;}
		.msec-01 .fr .list ul:nth-child(2) li .date{font-size:13px;}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .fr .list ul:nth-child(2){padding:15px 0px 0 0px;margin-top:15px;}
		.msec-01 .fr .list ul:nth-child(2) li .btxt{font-size:15px;}
	}


/* ======================================================
   .msec-01-02
=========================================================*/
.msec-01-02{}
.msec-01-02:after{display:block ;content:"";clear:both;}

.msec-01-02 .fl{float:left;width:25%; box-sizing:border-box;}
.msec-01-02 .fr{float:right;width:73%; box-sizing:border-box;}
	@media only screen and (max-width:1640px) {	
		.msec-01-02 .fl{width:36.13%; }
		.msec-01-02 .fr{width:60.88%;}
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-01-02 .fl{float:none; width:auto;}
		.msec-01-02 .fr{float:none;  width:auto;margin-top:30px}
	}
	@media only screen and (max-width:680px) {
	
		
	}
	@media only screen and (max-width:480px) {
		
	}


.msec-01-02 .fl h3{padding-left:28px;font-family:'NanumSquareRound'; font-size:30px; color:#2f68c2; letter-spacing:-0.04em; font-weight:800; line-height:1.2em;}
.msec-01-02 .fl .cont{margin-top:27px;border-radius:30px;position:relative; min-height:392px; padding:38px 44px 0 44px;box-sizing:border-box;background:url(../img/main/prg-img.png) no-repeat right bottom;box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05)  ; -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05)  ; }
.msec-01-02 .fl .btxt{font-size:22px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.35em;}
.msec-01-02 .fl .stxt{font-size:16px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.6em; margin-top:20px}
.msec-01-02 .fl a{margin-top:20px;display:inline-block;vertical-align:top; width:164px; border-radius:40px; background:#12a3a1; border:1px solid #12a3a1;color:#fff;text-align:Center; line-height:38px; height:40px; box-sizing:border-box; font-size:16px; font-weight:600 ; letter-spacing:-0.03em;}
.msec-01-02 .fl a:hover{background:#fff;color:#12a3a1}
	@media only screen and (max-width:1640px) {	
		.msec-01-02 .fl h3{padding-left:25px; font-size:32px}
		.msec-01-02 .fl .cont{margin-top:20px;padding:35px 40px 0 40px; min-height:362px; background-size:175px auto}
		.msec-01-02 .fl .btxt{font-size:22px;}
		.msec-01-02 .fl .stxt{margin-top:20px;font-size:16px;}

		.msec-01-02 .fl a{margin-top:35px;width:150px; font-size:15px; }
	}
	@media only screen and (max-width:1480px) {
		.msec-01-02 .fl .cont{border-radius:25px;padding:35px 35px 0 35px}
	}
	@media only screen and (max-width:1340px) {
		.msec-01-02 .fl .cont{min-height:342px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-01-02 .fl h3{padding-left:20px; font-size:28px}
		.msec-01-02 .fl .cont{border-radius:25px;padding:30px 30px 0 30px; background-size:150px auto}
		.msec-01-02 .fl .btxt{font-size:20px;}
		.msec-01-02 .fl .btxt br{display:none;}
		.msec-01-02 .fl .stxt{margin-top:20px;font-size:15px;}
		.msec-01-02 .fl .stxt br{display:none;}

			.msec-01-02 .fl a{margin-top:25px;}
	}
	@media only screen and (max-width:999px) {
		.msec-01-02 .fl h3{padding-left:10px; font-size:26px}
		.msec-01-02 .fl .cont{margin-top:20px; min-height:auto; padding:25px 25px;border-radius:20px; background-size:140px auto}
		.msec-01-02 .fl .btxt{font-size:18px;}
		.msec-01-02 .fl .stxt{font-size:14px; margin-top:15px;padding-right:100px;}

		.msec-01-02 .fl a{margin-top:20px;width:150px; font-size:15px; }
	}
	@media only screen and (max-width:680px) {
		.msec-01-02 .fl h3{font-size:24px}
		.msec-01-02 .fl .cont{margin-top:15px;padding:25px 20px; padding-bottom:50px; border-radius:15px;background-size:130px auto}
		.msec-01-02 .fl .btxt{font-size:17px;}
		.msec-01-02 .fl .stxt{font-size:15px;;padding-right:80px;}

		.msec-01-02 .fl a{margin-top:15px;width:135px; font-size:14px; line-height:35px; height:35px; }
	}
	@media only screen and (max-width:480px) {
		.msec-01-02 .fl .cont{background-size:115px auto}
		.msec-01-02 .fl h3{font-size:22px}
		.msec-01-02 .fl a{font-size:13px;}
	}


.msec-01-02 .fr .tits{font-size:0;position:relative;}
.msec-01-02 .fr .tits h3{padding-left:25px;font-family:'NanumSquareRound'; font-size:36px; color:#2f68c2; letter-spacing:-0.04em; font-weight:800; line-height:1.2em;display:inline-block;vertical-align:top;}
.msec-01-02 .fr .tits p{font-size:18px; font-weight:400; color:#555 ;letter-spacing:-0.03em; line-height:1.2em; display:inline-block;vertical-align:top; position:absolute; left:240px; bottom:7px; line-height:22px;}
.msec-01-02 .fr .tits p:before{border-left:1px solid #cecece; height:22px; position:absolute ;left: -32px; bottom:2px; display:block; content:""}
.msec-01-02 .fr .cont{margin-top:20px;border-radius:30px;position:relative;min-height:392px; box-sizing:border-box; border:1px solid #e2e5eb; }
.msec-01-02 .fr .hide{display:none;}

.msec-01-02 .fr .tabs{position:relative;}
.msec-01-02 .fr .tabs:after{position:absolute; left:0; bottom:0; width:100%; display:block; content:"";z-index:-1}
.msec-01-02 .fr .tabs ul{padding-right:62px;}
.msec-01-02 .fr .tabs ul:after{display:block; content:"";clear:both;}
.msec-01-02 .fr .tabs li{float:left; width:20%; position:relative; z-index:1}
.msec-01-02 .fr .tabs li.active{z-index:3}
.msec-01-02 .fr .tabs li:nth-child(1):before{border-left:none;}
.msec-01-02 .fr .tabs li:before{border-left:1px solid #e2e5eb; position:Absolute; left:-1px ;top:0; height:100%; display:block; content:""; z-index:-1;}
.msec-01-02 .fr .tabs li.active:before{background:#2f68c2; border-radius:8px; border-left:0; width:calc(100% + 10px); left:0;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2)  ; }
.msec-01-02 .fr .tabs li:nth-child(n+2).active:before{left:-4px;}

.msec-01-02 .fr .tabs li a{display:block; line-height:60px;font-size:17px; color:#777; font-weight:500; letter-spacing:-0.03em; text-align:center;border-bottom:1px solid #e2e5eb; }
.msec-01-02 .fr .tabs li.active a{ font-weight:700; color:#fff;border-bottom-color:transparent}
	@media only screen and (max-width:1640px) {	
		.msec-01-02 .fr .tits h3{padding-left:25px; font-size:32px}
		.msec-01-02 .fr .tits p{font-size:16px; left:200px}

		.msec-01-02 .fr .tabs li a{font-size:16px;}

		.msec-01-02 .fr .cont{margin-top:20px; min-height:362px}
	}
	@media only screen and (max-width:1480px) {
		.msec-01-02 .fr .cont{border-radius:25px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-01-02 .fr .tabs li a{font-size:15px;}
		.msec-01-02 .fr .cont{ min-height:342px}
	}
	@media only screen and (max-width:1185px) {
		.msec-01-02 .fr .tits h3{padding-left:20px; font-size:28px}
		.msec-01-02 .fr .tits p{font-size:15px; left:180px}
		.msec-01-02 .fr .tits p:before{bottom:0px;}
		
		.msec-01-02 .fr .tabs ul{padding-right:0;}
		.msec-01-02 .fr .tabs li.active:before{width:calc(100% + 5px);}
		.msec-01-02 .fr .tabs li:nth-child(n+2).active:before{left:-2px;}
		.msec-01-02 .fr .tabs li a{font-size:15px; line-height:55px;}
	}
	@media only screen and (max-width:999px) {
		.msec-01-02 .fr .tits h3{padding-left:10px; font-size:26px}
		.msec-01-02 .fr .tits p{font-size:14px; left:160px; bottom:2px;}
		.msec-01-02 .fr .tits p:before{height:16px; bottom:2px;}
		
		.msec-01-02 .fr .tabs li a{font-size:14px; line-height:50px;}

		.msec-01-02 .fr .cont{margin-top:15px;border-radius:20px; min-height:auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-01-02 .fr .tits h3{font-size:24px}
		.msec-01-02 .fr .tits p{font-size:14px; left:120px; bottom:0;}
		.msec-01-02 .fr .tits p:before{height:12px; left:-14px; bottom:5px;}
		
		.msec-01-02 .fr .tabs li{width:50%;}
		.msec-01-02 .fr .tabs li:nth-child(n+2).active:before{left:0;}
		.msec-01-02 .fr .tabs li:nth-child(3):before{border-left:none;}
		.msec-01-02 .fr .tabs li.active:before{width:calc(100%); border-radius:5px;}
		.msec-01-02 .fr .tabs li a{font-size:13px; line-height:45px;}

		.msec-01-02 .fr .cont{border-radius:15px;}
	}
	@media only screen and (max-width:480px) {
		.msec-01-02 .fr .tits h3{font-size:22px}
		.msec-01-02 .fr .tits p{left:110px;}
		.msec-01-02 .fr .tits p:before{left:-12px;}

		.msec-01-02 .fr .tabs li a{font-size:15px; line-height:40px;}
	}


.msec-01-02 .fr .list{padding:50px 45px 0 45px;}
.msec-01-02 .fr .list .more{width:62px;height:61px; border-bottom:1px solid #e2e5eb ; border-left:1px solid #e2e5eb; box-sizing:border-box;position: absolute; right:0; top:0;}
.msec-01-02 .fr .list .more:after{position:Absolute; left:0; top:0; width:100%;height:100%;background:url(../img/main/board-more.png) no-repeat center center; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-01-02 .fr .list .more:hover:after{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); transform-origin: 50% 50%; }

.msec-01-02 .fr .list ul:nth-child(1) li{}
.msec-01-02 .fr .list ul:nth-child(1) li:nth-child(n+2){}
.msec-01-02 .fr .list ul:nth-child(1) li a{display:block; position:relative; padding-left:210px;}
.msec-01-02 .fr .list ul:nth-child(1) li .btxt{font-size:24px; font-weight:700; color:#000; line-height:1.2em; letter-spacing:-0.03em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-01-02 .fr .list ul:nth-child(1) li .stxt{font-size:18px; font-weight:300; color:#333; line-height:1.3em; letter-spacing:-0.03em; margin-top:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.msec-01-02 .fr .list ul:nth-child(1) li .date{font-size:14px; color:#555; font-weight:300; line-height:1.3em; letter-spacing:-0.01em; position:absolute; left:0; top:0; width:180px;border-right:1px solid #e2e5eb; height:64px; padding-top:45px; box-sizing:border-box; text-align:center;}
.msec-01-02 .fr .list ul:nth-child(1) li .date span{position:Absolute ;lefT:0; top:14px; width:100%; font-size:37px; font-weight:700; color:#000;}

.msec-01-02 .fr .list ul:nth-child(2){padding:35px 25px 0 25px;border-top:1px solid #e2e5eb;margin-top:35px;}
.msec-01-02 .fr .list ul:nth-child(2) li{}
.msec-01-02 .fr .list ul:nth-child(2) li:nth-child(n+2){ margin-top:12px;}
.msec-01-02 .fr .list ul:nth-child(2) li a{display:block; padding-right:95px; position:relative; padding-left:12px;}
.msec-01-02 .fr .list ul:nth-child(2) li a:before{width:3px;height:3px; position:Absolute; left:0; top:10px; display:block; content:"";background:#333;}
.msec-01-02 .fr .list ul:nth-child(2) li .btxt{font-size:18px; font-weight:400; color:#000; line-height:1.3em; letter-spacing:-0.03em; display:inline-block;vertical-align:top; max-width:100%; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-01-02 .fr .list ul:nth-child(2) li .date{font-size:16px; color:#777; font-weight:300; line-height:1.3em; letter-spacing:-0.01em; position:absolute; right:0; top:1px;}

.msec-01-02 .fr .list ul:nth-child(2) li .btxt:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:0;border-bottom:1px solid #111;opacity:0;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
.msec-01-02 .fr .list ul:nth-child(2) li a:hover .btxt:after {opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform 1s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform 1s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform 1s cubic-bezier(.77,0,.175,1),opacity .3s}
	@media only screen and (max-width:1640px) {	
		.msec-01-02 .fr .list{padding:40px 35px 0 35px;}
		
		.msec-01-02 .fr .list ul:nth-child(1) li a{padding-left:180px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .btxt{font-size:22px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .stxt{font-size:16px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .date{font-size:13px; width:150px; padding-top:38px; height:57px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .date span{font-size:33px; top:12px;}

		.msec-01-02 .fr .list ul:nth-child(2){padding:30px 20px 0 20px;}
		.msec-01-02 .fr .list ul:nth-child(2) li .btxt{font-size:17px;}
		.msec-01-02 .fr .list ul:nth-child(2) li .date{font-size:15px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-01-02 .fr .list ul:nth-child(1) li a{padding-left:150px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .date{width:120px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-01-02 .fr .list{padding:30px 30px 0 30px;}
		.msec-01-02 .fr .list ul:nth-child(1) li a{padding-left:130px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .btxt{font-size:20px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .stxt{font-size:15px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .date{width:100px;height:54px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .date span{top:10px; font-size:30px;}

		.msec-01-02 .fr .list ul:nth-child(2){padding:30px 15px 0 15px;margin-top:30px;}
		.msec-01-02 .fr .list ul:nth-child(2) li .btxt{font-size:17px;}
		.msec-01-02 .fr .list ul:nth-child(2) li .date{font-size:15px; }
	}
	@media only screen and (max-width:1185px) {
		.msec-01-02 .fr .list .more{border:none; top:-68px; right:-10px;}
		
	}
	@media only screen and (max-width:999px) {
		.msec-01-02 .fr .list{padding:25px;}
		.msec-01-02 .fr .list .more{top:-58px;width:52px;height:52px;right:-15px;}
		.msec-01-02 .fr .list .more:after{background-size:14px auto; }

		.msec-01-02 .fr .list ul:nth-child(1) li a{padding-left:100px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .btxt{font-size:18px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .stxt{font-size:14px;margin-top:7px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .date{width:70px;height:47px; padding-top:30px;font-size:12px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .date span{top:8px; font-size:27px;}

		.msec-01-02 .fr .list ul:nth-child(2){padding:25px 5px 0 5px;margin-top:25px;}
		.msec-01-02 .fr .list ul:nth-child(2) li:nth-child(n+2){ margin-top:7px;}
		.msec-01-02 .fr .list ul:nth-child(2) li a:before{top:8px}
		.msec-01-02 .fr .list ul:nth-child(2) li .btxt{font-size:16px;}
		.msec-01-02 .fr .list ul:nth-child(2) li .date{font-size:14px;}
	}
	@media only screen and (max-width:680px) {
		.msec-01-02 .fr .list{padding:25px 20px;}
		.msec-01-02 .fr .list .more{ width:40px;height:40px; top:-49px}
		.msec-01-02 .fr .list .more:after{background-size:12px auto; }
		
		.msec-01-02 .fr .list ul:nth-child(1) li a{padding-left:90px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .btxt{font-size:16px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .stxt{font-size:15px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .date{font-size:12px;}
		.msec-01-02 .fr .list ul:nth-child(1) li .date span{ font-size:23px;}

		.msec-01-02 .fr .list ul:nth-child(2){padding:20px 0px 0 0px;margin-top:20px;}
		.msec-01-02 .fr .list ul:nth-child(2) li:nth-child(n+2){ margin-top:4px;}
		.msec-01-02 .fr .list ul:nth-child(2) li a{padding-left:8px; padding-right:75px;}
		.msec-01-02 .fr .list ul:nth-child(2) li a:before{top:8px;width:2px;height:2px;}
		.msec-01-02 .fr .list ul:nth-child(2) li .btxt{font-size:15px;}
		.msec-01-02 .fr .list ul:nth-child(2) li .date{font-size:13px;}
	}
	@media only screen and (max-width:480px) {
		.msec-01-02 .fr .list ul:nth-child(2){padding:15px 0px 0 0px;margin-top:15px;}
		.msec-01-02 .fr .list ul:nth-child(2) li .btxt{font-size:15px;}
	}

/* ======================================================
   .msec-02
=========================================================*/
.msec-02{height:120px; background:#e8f5fa; border-radius:30px;position:relative;margin-top:75px;}
.msec-02:before{width:137px; height:100%; position:absolute; left:8.44%; top:0; display:block; content:"";background:url(../img/main/nanum-text.png) no-repeat center center;}
.msec-02:after{width:130px; height:100%; position:absolute; right:7.31%; top:0; display:block; content:"";background:url(../img/main/nanum-img.png) no-repeat  center bottom;}
.msec-02 h3{font-size:28px; color:#000 ;line-height:1.2em; font-weight:700; letter-spacing:-0.03em; position:absolute; left:19.06%; top:0; height:100%;display:flex;align-items: center; justify-content: left;}
.msec-02 p{font-size:20px; color:#000 ;line-height:1.35em; font-weight:400; letter-spacing:-0.03em; position:absolute; left:31%; top:0; width:55.63%;height:100%;display:flex;align-items: center; justify-content: left;}
.msec-02 a{width:38px;height:38px; position:absolute;right:40px; bottom:22px;}
.msec-02 a:after{position:Absolute; right:0; top:0; width:100%; height:100%;  background:url(../img/main/nanum-arrow.png) no-repeat center center ;background-size:100% auto; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-02 a:hover:after{transform:translate(5px, -5px)}
	@media only screen and (max-width:1640px) {	
		.msec-02{height:110px;}
		.msec-02:before{ background-size:auto 90%;}
		.msec-02:after{width:110px;  background-size:auto 90%;}
		.msec-02 h3{font-size:18px; }
		.msec-02 p{font-size:18px;} 
		.msec-02 a{width:32px;height:32px; right:32px}
	}
	@media only screen and (max-width:1480px) {
		.msec-02{border-radius:25px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-02{height:auto; position:relative; padding-left:200px;}
		.msec-02:before{ left:40px; background-size:auto 90%;}
		.msec-02:after{width:110px; right:60px; background-size:auto 90%;}
		.msec-02 .txt{min-height:110px; padding:25px 0; box-sizing:border-box;display:flex;align-items: center; justify-content: left;}
		.msec-02 .txt .vc{width:100%;}
		.msec-02 h3{font-size:17px; position:relative; left:auto; top:auto; height:auto; display:block;}
		.msec-02 p{font-size:16px;position:relative; left:auto; top:auto; height:auto; display:block; margin-top:5px;}
		.msec-02 p br{display:none;}
		.msec-02 a{width:28px;height:28px; right:25px; bottom:15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-02{margin-top:60px;}
		.msec-02 h3{font-size:16px;}
		.msec-02 p{font-size:16px;} 
	}
	@media only screen and (max-width:999px) {
		.msec-02{border-radius:20px; padding-left:160px;margin-top:40px;}
		.msec-02:before{ background-size:auto 80px; left:15px;}
		.msec-02:after{ background-size:auto 80px; right:50px;}
		.msec-02 h3{font-size:17px;}
		.msec-02 p{font-size:15px; width:auto; padding-right:140px;}
		.msec-02 a{width:24px;height:24px; right:20px; bottom:12px;}
	}
	@media only screen and (max-width:680px) {
		.msec-02{border-radius:15px; padding-left:120px;}
		.msec-02:before{background-position:center 20px; background-size:auto 70px; left:20px; width:80px;}
		.msec-02:after{right:auto; left:6px;background-size:auto 70px;}
		.msec-02 .txt{min-height:auto; padding-bottom:60px; display:block;}
		.msec-02 h3{}
		.msec-02 p{font-size:14px; padding-right:30px}
		.msec-02 a{right:auto; left:120px; bottom:25px}
	}
	@media only screen and (max-width:480px) {
		.msec-02 p{font-size:15px;}
	}







/* ======================================================
   .msec-03
=========================================================*/
.msec-03{margin-top:75px;}
.msec-03:after{display:block ;content:"";clear:both;}

.msec-03 .fl{float:left;width:73.13%; box-sizing:border-box; border:1px solid #e2e5eb; padding:60px 50px 0 50px; padding-left:300px; border-radius:30px;  min-height:470px;position:relative;}
.msec-03 .fr{float:right;width:25%; box-sizing:border-box; /* margin-left:30px  */}
	@media only screen and (max-width:1640px) {	
		.msec-03 .fl{padding:40px 40px 0 40px; padding-left:40px; min-height:470px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-03 .fl{padding:40px 40px 0 40px; border-radius:25px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-03 .fl{width:69.13%;}
		.msec-03 .fr{width:29%; }
	}
	@media only screen and (max-width:1185px) {
		.msec-03{margin-top:60px;}
		.msec-03 .fl{width:66.13%;padding:30px 30px 0 30px; padding-bottom:20px;min-height:440px;}
		.msec-03 .fr{width:32%; }
	}
	@media only screen and (max-width:999px) {
		.msec-03 .fl{float:none; width:auto;padding:25px 25px;  padding-bottom:15px; min-height:auto; border-radius:20px;}
		.msec-03 .fr{float:none; width:auto; margin-top:25px;}
	}
	@media only screen and (max-width:680px) {	
		.msec-03{margin-top:40px;}
		.msec-03 .fl{min-height:auto; padding:25px 20px;  padding-bottom:15px;}
		
	}
	@media only screen and (max-width:480px) {
		
	}

.msec-03 .fl .hide{display:none;}
.msec-03 .fl .tits{position:Absolute; left:50px; top:67px;}
.msec-03 .fl .tits h3{font-family:'NanumSquareRound'; font-size:36px; color:#000; letter-spacing:-0.03em; font-weight:800; line-height:1.2em;}
.msec-03 .fl .tits p{/*font-family:'NanumSquareRound';*/ font-size:20px; color:#000; letter-spacing:-0.03em; font-weight:400; line-height:1.35em; margin-top:40px;}

.msec-03 .fl .tabs{background:#f5f5f5; border-radius:44px;}
.msec-03 .fl .tabs ul{}
.msec-03 .fl .tabs ul:after{display:block; content:"";clear:both;}
.msec-03 .fl .tabs li{float:left; width:25%;}
.msec-03 .fl .tabs li a{display:block; line-height:44px;font-size:17px; color:#555; font-weight:400; letter-spacing:-0.03em; border-radius:44px;text-align:center;}
.msec-03 .fl .tabs li.active a{background:#3a5fa6; color:#fff;}

.msec-03 .fl .cont{margin-top:35px; position:Relative;}
.msec-03 .fl .cont .album{position:relative; padding:10px 15px;box-sizing:Border-box;width:calc(100% + 30px); margin-left:-15px; overflow:hidden;}
.msec-03 .fl .cont .owl-stage-outer{overflow:visible}
.msec-03 .fl .cont .item{}
.msec-03 .fl .cont .item a{display:block; border-radius:20px;overflow:hidden;-webkit-transition: box-shadow 0.5s ease-in-out;-moz-transition: box-shadow 0.5s ease-in-out;-o-transition: box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.msec-03 .fl .cont .item a:hover{box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2)}
.msec-03 .fl .cont .item .img{}
.msec-03 .fl .cont .item .img img{width:100%; height:174px;object-fit:cover;}
.msec-03 .fl .cont .item .txt{background:#f4f4f4; padding:25px 25px 0 25px; box-sizing:Border-box; min-height:87px;}
.msec-03 .fl .cont .item .txt p{font-size:16px; font-weight:500; color:#333; letter-spacing:-0.02em; line-height:1.35em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.msec-03 .fl .cont .prev{width:44px;height:44px; position:Absolute; left:-22px; top:50%; z-index:123; margin-top:-22px; background:url(../img/main/album-prev.png) no-repeat center center #fff; border-radius:100%;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; }
.msec-03 .fl .cont .next{width:44px;height:44px; position:Absolute; right:-22px; top:50%; z-index:123; margin-top:-22px; background:url(../img/main/album-next.png) no-repeat center center #fff; border-radius:100%;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; }
	@media only screen and (max-width:1640px) {	
		.msec-03 .fl .tits{left:auto; top:auto;position:relative;}
		.msec-03 .fl .tits h3{font-size:32px;}
		.msec-03 .fl .tits p{font-size:18px;margin-top:7px;}
		.msec-03 .fl .tits p br{display:none}

		.msec-03 .fl .tabs{margin-top:20px;border-radius:30px;}
		.msec-03 .fl .tabs li a{font-size:15px; border-radius:30px;}
		.msec-03 .fl .cont{margin-top:20px;}
		.msec-03 .fl .cont .item a{border-radius:15px}
		.msec-03 .fl .cont .item .txt{padding:15px 20px 0 20px; min-height:68px;}
		.msec-03 .fl .cont .item .txt p{font-size:14px;}

		.msec-03 .fl .cont .item .img img{ height:160px}

		.msec-03 .fl .cont .prev{width:40px;height:40px; left:-20px; margin-top:-20px; background-size:100% auto;}
		.msec-03 .fl .cont .next{width:40px;height:40px; right:-20px; margin-top:-20px; background-size:100% auto;}
	}
	@media only screen and (max-width:1480px) {
		.msec-03 .fl .tits{left:auto; top:auto;position:relative;}
		.msec-03 .fl .tits h3{font-size:28px;}
		.msec-03 .fl .tits p{font-size:16px; margin-top:7px;}
		.msec-03 .fl .tits p br{display:none}

		.msec-03 .fl .tabs{margin-top:20px; border-radius:20px;}
		.msec-03 .fl .tabs li a{font-size:14px; border-radius:20px;}
		.msec-03 .fl .cont{margin-top:20px;}
		.msec-03 .fl .cont .item a{border-radius:15px}
		.msec-03 .fl .cont .item .txt{padding:15px 20px 0 20px; min-height:68px;}
		.msec-03 .fl .cont .item .txt p{font-size:13px;}

		.msec-03 .fl .cont .prev{width:34px;height:34px; left:-17px; margin-top:-17px;}
		.msec-03 .fl .cont .next{width:34px;height:34px; right:-17px; margin-top:-17px;}
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		.msec-03 .fl .tits h3{font-size:26px;}
		.msec-03 .fl .tits p{font-size:15px; margin-top:7px;}
		
		.msec-03 .fl .tabs{margin-top:20px;}
		.msec-03 .fl .tabs li a{font-size:14px; border-radius:15px;}

		.msec-03 .fl .cont{margin-top:20px;}
		.msec-03 .fl .cont .item a{border-radius:15px}
		.msec-03 .fl .cont .item .txt{padding:15px 15px 0 15px; min-height:68px;}
		.msec-03 .fl .cont .item .txt p{font-size:15px;}

		.msec-03 .fl .cont .prev{width:30px;height:30px; left:-15px; margin-top:-15px;}
		.msec-03 .fl .cont .next{width:30px;height:30px; right:-15px; margin-top:-15px;}
	}
	@media only screen and (max-width:999px) {
		.msec-03 .fl .tabs{border-radius:15px;}
		.msec-03 .fl .tabs li a{font-size:15px;border-radius:15px;}
		
		.msec-03 .fl .cont{margin-top:15px;}
		.msec-03 .fl .cont .item .img img{ height:auto;object-fit:fill;}
	}
	@media only screen and (max-width:680px) {
		.msec-03 .fl .tits h3{font-size:24px;}
		.msec-03 .fl .tits p{font-size:14px;}
		
		.msec-03 .fl .tabs{border-radius:10px;}
		.msec-03 .fl .tabs li{width:50%;}
		.msec-03 .fl .tabs li a{border-radius:10px; line-height:40px;}

		.msec-03 .fl .cont .item a{border-radius:10px}
		
	}
	@media only screen and (max-width:480px) {
		.msec-03 .fl .tits h3{font-size:22px;}
		.msec-03 .fl .tits p{font-size:14px;}

		.msec-03 .fl .tabs{border-radius:5px;}
		.msec-03 .fl .tabs li a{border-radius:5px;}
	}


.msec-03 .part{ border:1px solid #e2e5eb; height:304px; box-sizing:Border-box; border-radius:30px; padding:37px;}
.msec-03 .part h3{font-family:'NanumSquareRound'; font-size:20px; color:#000; letter-spacing:-0.03em; font-weight:800; line-height:1.2em;}
.msec-03 .part ul{width:calc(100% + 20px);margin-left:-10px;margin-top:20px;}
.msec-03 .part ul:after{display:block ;content:"";clear:both}
.msec-03 .part li{float:left;width:33.33333333%;}
.msec-03 .part li:nth-child(n+4){margin-top:20px;}
.msec-03 .part li:nth-child(3n+1) a span:before{display:none;}
.msec-03 .part li a{display:block; padding-top:62px; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em; line-height:1.2em; color:#777; position:Relative;}
.msec-03 .part li a:before{position:Absolute; left:0; top:0; width:100%; height:54px; display:block ;content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-03 .part li a:hover:before{transform:translateY(-7px)}
.msec-03 .part li a:hover{color:#111;}
.msec-03 .part li a span{position:relative; display:block;}
.msec-03 .part li a span:before{border-left:1px solid #e2e5eb; height:12px; position:absolute; left:-1px; top:50%; margin-top:-6px; display:block; content:""}

.msec-03 .part li:nth-child(1) a:before{background:url(../img/main/part-ico01.png) no-repeat center top;}
.msec-03 .part li:nth-child(2) a:before{background:url(../img/main/part-ico02.png) no-repeat center top;}
.msec-03 .part li:nth-child(3) a:before{background:url(../img/main/part-ico03.png) no-repeat center top;}
.msec-03 .part li:nth-child(4) a:before{background:url(../img/main/part-ico04.png) no-repeat center top;}
.msec-03 .part li:nth-child(5) a:before{background:url(../img/main/part-ico05.png) no-repeat center top;}
.msec-03 .part li:nth-child(6) a:before{background:url(../img/main/part-ico06.png) no-repeat center top;}
	@media only screen and (max-width:1640px) {	
		.msec-03 .part{padding:35px;}
		.msec-03 .part h3{font-size:19px;}
		.msec-03 .part ul{margin-top:25px;}
		.msec-03 .part li:nth-child(n+4){margin-top:25px;}
		.msec-03 .part li a{font-size:16px; padding-top:58px}
		.msec-03 .part li a:before{background-size:auto 50px !important}
	}
	@media only screen and (max-width:1480px) {
		.msec-03 .part{border-radius:25px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-03 .part ul{width:calc(100% + 30px);margin-left:-15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-03 .part li a{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		.msec-03 .part{border-radius:20px; height:auto;padding:25px;}
		.msec-03 .part h3{font-size:18px;}
		.msec-03 .part li:nth-child(n+4){margin-top:20px;}
		.msec-03 .part li a{font-size:14px; padding-top:52px}
		.msec-03 .part li a:before{background-size:auto 46px !important}
	}
	@media only screen and (max-width:680px) {
		.msec-03 .part{border-radius:15px;padding:25px 20px;}
		.msec-03 .part h3{font-size:17px;}
		.msec-03 .part ul{margin-top:15px;}
		.msec-03 .part li a{font-size:14px; padding-top:48px}
		.msec-03 .part li a:before{background-size:auto 40px !important}
	}
	@media only screen and (max-width:480px) {
		.msec-03 .part li a{font-size:15px;}
	}


.msec-03 .diet{margin-top:30px;}
.msec-03 .diet a{height:136px; background:#f4f6fb; border-radius:30px; display:flex;align-items: center; justify-content: center; position:relative;}
.msec-03 .diet a:after{width:50px;height:50px; position:Absolute;right:42px; top:50%;margin-top:-25px; display:block; content:"";background:url(../img/main/diet-ico.png) no-repeat right center; background-size:100% auto;transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-03 .diet a:hover:after{transform:translateY(-7px)}
.msec-03 .diet .txt{width:100%; text-align:left; box-sizing:border-box; padding:0 40px;}
.msec-03 .diet .btxt{font-family:'NanumSquareRound'; font-size:20px; color:#000; letter-spacing:-0.03em; font-weight:800; line-height:1.2em;}
.msec-03 .diet .stxt{font-size:16px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-top:7px;}
	@media only screen and (max-width:1640px) {	
	
	}
	@media only screen and (max-width:1480px) {
		.msec-03 .diet a{border-radius:25px;}
		.msec-03 .diet a:after{width:45px; right:35px;}
		.msec-03 .diet .txt{padding:0 35px;}
		.msec-03 .diet .btxt{font-size:19px}
		.msec-03 .diet .stxt{font-size:15px;}
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		.msec-03 .diet {margin-top:20px;}
		.msec-03 .diet a{height:117px;}
		.msec-03 .diet a:after{width:30px; right:25px; margin-top:-35px;}
		.msec-03 .diet .txt{padding:0 30px;}
		.msec-03 .diet .btxt{font-size:18px}
		.msec-03 .diet .stxt{font-size:14px;}
	}
	@media only screen and (max-width:999px) {
		
		.msec-03 .diet a{border-radius:20px; height:100px;}
		.msec-03 .diet a:after{width:30px; right:30px; margin-top:-25px;}
		.msec-03 .diet .txt{padding:0 25px;}
		.msec-03 .diet .btxt{font-size:17px}
		.msec-03 .diet .stxt{font-size:15px; margin-top:4px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03 .diet a{border-radius:15px; height:90px}
		.msec-03 .diet a:after{width:26px; right:25px;}
		.msec-03 .diet .txt{padding:0 20px;}
		.msec-03 .diet .btxt{font-size:16px}
		
	}
	@media only screen and (max-width:480px) {
		.msec-03 .diet a{height:82px}
	}



/* ======================================================
   .msec-03-02
=========================================================*/
.msec-03-02{margin-top:75px;}
.msec-03-02:after{display:block ;content:"";clear:both;}

.msec-03-02 .fl{float:left;width:79%; box-sizing:border-box; border:1px solid #e2e5eb; padding:60px 30px 0 0px; padding-left:210px; border-radius:30px;  min-height:470px;position:relative;}
.msec-03-02 .fr{float:right;width:19%; box-sizing:border-box; /* margin-left:30px  */}
	@media only screen and (max-width:1640px) {	
		.msec-03-02 .fl{padding:40px 40px 0 40px; padding-left:40px; min-height:470px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-03-02 .fl{padding:40px 40px 0 40px; border-radius:25px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-03-02 .fl{width:69.13%;}
		.msec-03-02 .fr{width:29%; }
	}
	@media only screen and (max-width:1185px) {
		.msec-03-02{margin-top:60px;}
		.msec-03-02 .fl{width:66.13%;padding:30px 30px 0 30px; padding-bottom:20px;min-height:440px;}
		.msec-03-02 .fr{width:32%; }
	}
	@media only screen and (max-width:999px) {
		.msec-03-02 .fl{float:none; width:auto;padding:25px 25px;  padding-bottom:15px; min-height:auto; border-radius:20px;}
		.msec-03-02 .fr{float:none; width:auto; margin-top:25px;}
	}
	@media only screen and (max-width:680px) {	
		.msec-03-02{margin-top:40px;}
		.msec-03-02 .fl{min-height:auto; padding:25px 20px;  padding-bottom:15px;}
		
	}
	@media only screen and (max-width:480px) {
		
	}

.msec-03-02 .fl .hide{display:none;}
.msec-03-02 .fl .tits{position:Absolute; left:35px; top:67px;}
.msec-03-02 .fl .tits h3{font-family:'NanumSquareRound'; font-size:36px; color:#000; letter-spacing:-0.03em; font-weight:800; line-height:1.2em;}
.msec-03-02 .fl .tits p{/*font-family:'NanumSquareRound';*/ font-size:17px; color:#000; letter-spacing:-0.03em; font-weight:400; line-height:1.35em; margin-top:40px;}

.msec-03-02 .fl .tabs{background:#f5f5f5; border-radius:44px;}
.msec-03-02 .fl .tabs ul{}
.msec-03-02 .fl .tabs ul:after{display:block; content:"";clear:both;}
.msec-03-02 .fl .tabs li{float:left; width:20%;}
.msec-03-02 .fl .tabs li a{display:block; line-height:44px;font-size:16px; color:#555; font-weight:400; letter-spacing:-0.07em; border-radius:46px;text-align:center;}
.msec-03-02 .fl .tabs li.active a{background:#3a5fa6; color:#fff;}

.msec-03-02 .fl .cont{margin-top:35px; position:Relative;}
.msec-03-02 .fl .cont .album{position:relative; padding:10px 15px;box-sizing:Border-box;width:calc(100% + 30px); margin-left:-15px; overflow:hidden;}
.msec-03-02 .fl .cont .owl-stage-outer{overflow:visible}
.msec-03-02 .fl .cont .item{}
.msec-03-02 .fl .cont .item a{display:block; border-radius:20px;overflow:hidden;-webkit-transition: box-shadow 0.5s ease-in-out;-moz-transition: box-shadow 0.5s ease-in-out;-o-transition: box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.msec-03-02 .fl .cont .item a:hover{box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2)}
.msec-03-02 .fl .cont .item .img{}
.msec-03-02 .fl .cont .item .img img{width:100%; height:174px;object-fit:cover;}
.msec-03-02 .fl .cont .item .txt{background:#f4f4f4; padding:25px 25px 0 25px; box-sizing:Border-box; min-height:87px;}
.msec-03-02 .fl .cont .item .txt p{font-size:16px; font-weight:500; color:#333; letter-spacing:-0.02em; line-height:1.35em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.msec-03-02 .fl .cont .prev{width:44px;height:44px; position:Absolute; left:-22px; top:50%; z-index:123; margin-top:-22px; background:url(../img/main/album-prev.png) no-repeat center center #fff; border-radius:100%;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; }
.msec-03-02 .fl .cont .next{width:44px;height:44px; position:Absolute; right:-22px; top:50%; z-index:123; margin-top:-22px; background:url(../img/main/album-next.png) no-repeat center center #fff; border-radius:100%;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; }
	@media only screen and (max-width:1640px) {	
		.msec-03-02 .fl .tits{left:auto; top:auto;position:relative;}
		.msec-03-02 .fl .tits h3{font-size:32px;}
		.msec-03-02 .fl .tits p{font-size:18px;margin-top:7px;}
		.msec-03-02 .fl .tits p br{display:none}

		.msec-03-02 .fl .tabs{margin-top:20px;border-radius:30px;}
		.msec-03-02 .fl .tabs li a{font-size:15px; border-radius:30px;}
		.msec-03-02 .fl .cont{margin-top:20px;}
		.msec-03-02 .fl .cont .item a{border-radius:15px}
		.msec-03-02 .fl .cont .item .txt{padding:15px 20px 0 20px; min-height:68px;}
		.msec-03-02 .fl .cont .item .txt p{font-size:14px;}

		.msec-03-02 .fl .cont .item .img img{ height:160px}

		.msec-03-02 .fl .cont .prev{width:40px;height:40px; left:-20px; margin-top:-20px; background-size:100% auto;}
		.msec-03-02 .fl .cont .next{width:40px;height:40px; right:-20px; margin-top:-20px; background-size:100% auto;}
	}
	@media only screen and (max-width:1480px) {
		.msec-03-02 .fl .tits{left:auto; top:auto;position:relative;}
		.msec-03-02 .fl .tits h3{font-size:28px;}
		.msec-03-02 .fl .tits p{font-size:16px; margin-top:7px;}
		.msec-03-02 .fl .tits p br{display:none}

		.msec-03-02 .fl .tabs{margin-top:20px; border-radius:20px;}
		.msec-03-02 .fl .tabs li a{font-size:14px; border-radius:20px;}
		.msec-03-02 .fl .cont{margin-top:20px;}
		.msec-03-02 .fl .cont .item a{border-radius:15px}
		.msec-03-02 .fl .cont .item .txt{padding:15px 20px 0 20px; min-height:68px;}
		.msec-03-02 .fl .cont .item .txt p{font-size:13px;}

		.msec-03-02 .fl .cont .prev{width:34px;height:34px; left:-17px; margin-top:-17px;}
		.msec-03-02 .fl .cont .next{width:34px;height:34px; right:-17px; margin-top:-17px;}
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		.msec-03-02 .fl .tits h3{font-size:26px;}
		.msec-03-02 .fl .tits p{font-size:15px; margin-top:7px;}
		
		.msec-03-02 .fl .tabs{margin-top:20px;}
		.msec-03-02 .fl .tabs li a{font-size:14px; border-radius:15px;}

		.msec-03-02 .fl .cont{margin-top:20px;}
		.msec-03-02 .fl .cont .item a{border-radius:15px}
		.msec-03-02 .fl .cont .item .txt{padding:15px 15px 0 15px; min-height:68px;}
		.msec-03-02 .fl .cont .item .txt p{font-size:15px;}

		.msec-03-02 .fl .cont .prev{width:30px;height:30px; left:-15px; margin-top:-15px;}
		.msec-03-02 .fl .cont .next{width:30px;height:30px; right:-15px; margin-top:-15px;}
	}
	@media only screen and (max-width:999px) {
		.msec-03-02 .fl .tabs{border-radius:15px;}
		.msec-03-02 .fl .tabs li a{font-size:15px;border-radius:15px;}
		
		.msec-03-02 .fl .cont{margin-top:15px;}
		.msec-03-02 .fl .cont .item .img img{ height:auto;object-fit:fill;}
	}
	@media only screen and (max-width:680px) {
		.msec-03-02 .fl .tits h3{font-size:24px;}
		.msec-03-02 .fl .tits p{font-size:14px;}
		
		.msec-03-02 .fl .tabs{border-radius:10px;}
		.msec-03-02 .fl .tabs li{width:50%;}
		.msec-03-02 .fl .tabs li a{border-radius:10px; line-height:40px;}

		.msec-03-02 .fl .cont .item a{border-radius:10px}
		
	}
	@media only screen and (max-width:480px) {
		.msec-03-02 .fl .tits h3{font-size:22px;}
		.msec-03-02 .fl .tits p{font-size:14px;}

		.msec-03-02 .fl .tabs{border-radius:5px;}
		.msec-03-02 .fl .tabs li a{border-radius:5px;}
	}


.msec-03-02 .part{ border:1px solid #e2e5eb; height:304px; box-sizing:Border-box; border-radius:30px; padding:30px;}
.msec-03-02 .part h3{font-family:'NanumSquareRound'; font-size:20px; color:#000; letter-spacing:-0.03em; font-weight:800; line-height:1.2em;}
.msec-03-02 .part ul{width:calc(100% + 20px);margin-left:-10px;margin-top:20px;}
.msec-03-02 .part ul:after{display:block ;content:"";clear:both}
.msec-03-02 .part li{float:left;width:33.33333333%;}
.msec-03-02 .part li:nth-child(n+4){margin-top:20px;}
.msec-03-02 .part li:nth-child(3n+1) a span:before{display:none;}
.msec-03-02 .part li a{display:block; padding-top:62px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.05em; line-height:1.2em; color:#777; position:Relative;}
.msec-03-02 .part li a:before{position:Absolute; left:0; top:0; width:100%; height:54px; display:block ;content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-03-02 .part li a:hover:before{transform:translateY(-7px)}
.msec-03-02 .part li a:hover{color:#111;}
.msec-03-02 .part li a span{position:relative; display:block;}
.msec-03-02 .part li a span:before{border-left:1px solid #e2e5eb; height:12px; position:absolute; left:-1px; top:50%; margin-top:-6px; display:block; content:""}

.msec-03-02 .part li:nth-child(1) a:before{background:url(../img/main/part-ico01.png) no-repeat center top;}
.msec-03-02 .part li:nth-child(2) a:before{background:url(../img/main/part-ico02.png) no-repeat center top;}
.msec-03-02 .part li:nth-child(3) a:before{background:url(../img/main/part-ico03.png) no-repeat center top;}
.msec-03-02 .part li:nth-child(4) a:before{background:url(../img/main/part-ico04.png) no-repeat center top;}
.msec-03-02 .part li:nth-child(5) a:before{background:url(../img/main/part-ico05.png) no-repeat center top;}
.msec-03-02 .part li:nth-child(6) a:before{background:url(../img/main/part-ico06.png) no-repeat center top;}
	@media only screen and (max-width:1640px) {	
		.msec-03-02 .part{padding:35px;}
		.msec-03-02 .part h3{font-size:19px;}
		.msec-03-02 .part ul{margin-top:25px;}
		.msec-03-02 .part li:nth-child(n+4){margin-top:25px;}
		.msec-03-02 .part li a{font-size:16px; padding-top:58px}
		.msec-03-02 .part li a:before{background-size:auto 50px !important}
	}
	@media only screen and (max-width:1480px) {
		.msec-03-02 .part{border-radius:25px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-03-02 .part ul{width:calc(100% + 30px);margin-left:-15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-03-02 .part li a{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		.msec-03-02 .part{border-radius:20px; height:auto;padding:25px;}
		.msec-03-02 .part h3{font-size:18px;}
		.msec-03-02 .part li:nth-child(n+4){margin-top:20px;}
		.msec-03-02 .part li a{font-size:14px; padding-top:52px}
		.msec-03-02 .part li a:before{background-size:auto 46px !important}
	}
	@media only screen and (max-width:680px) {
		.msec-03-02 .part{border-radius:15px;padding:25px 20px;}
		.msec-03-02 .part h3{font-size:17px;}
		.msec-03-02 .part ul{margin-top:15px;}
		.msec-03-02 .part li a{font-size:14px; padding-top:48px}
		.msec-03-02 .part li a:before{background-size:auto 40px !important}
	}
	@media only screen and (max-width:480px) {
		.msec-03-02 .part li a{font-size:15px;}
	}


.msec-03-02 .diet{margin-top:30px;}
.msec-03-02 .diet a{height:136px; background:#f4f6fb; border-radius:30px; display:flex;align-items: center; justify-content: center; position:relative;}
.msec-03-02 .diet a:after{width:50px;height:50px; position:Absolute;right:42px; top:50%;margin-top:-25px; display:block; content:"";background:url(../img/main/diet-ico.png) no-repeat right center; background-size:100% auto;transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-03-02 .diet a:hover:after{transform:translateY(-7px)}
.msec-03-02 .diet .txt{width:100%; text-align:left; box-sizing:border-box; padding:0 40px;}
.msec-03-02 .diet .btxt{font-family:'NanumSquareRound'; font-size:20px; color:#000; letter-spacing:-0.03em; font-weight:800; line-height:1.2em;}
.msec-03-02 .diet .stxt{font-size:16px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-top:7px;}
	@media only screen and (max-width:1640px) {	
	
	}
	@media only screen and (max-width:1480px) {
		.msec-03-02 .diet a{border-radius:25px;}
		.msec-03-02 .diet a:after{width:45px; right:35px;}
		.msec-03-02 .diet .txt{padding:0 35px;}
		.msec-03-02 .diet .btxt{font-size:19px}
		.msec-03-02 .diet .stxt{font-size:15px;}
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		.msec-03-02 .diet {margin-top:20px;}
		.msec-03-02 .diet a{height:117px;}
		.msec-03-02 .diet a:after{width:30px; right:25px; margin-top:-35px;}
		.msec-03-02 .diet .txt{padding:0 30px;}
		.msec-03-02 .diet .btxt{font-size:18px}
		.msec-03-02 .diet .stxt{font-size:14px;}
	}
	@media only screen and (max-width:999px) {
		
		.msec-03-02 .diet a{border-radius:20px; height:100px;}
		.msec-03-02 .diet a:after{width:30px; right:30px; margin-top:-25px;}
		.msec-03-02 .diet .txt{padding:0 25px;}
		.msec-03-02 .diet .btxt{font-size:17px}
		.msec-03-02 .diet .stxt{font-size:15px; margin-top:4px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03-02 .diet a{border-radius:15px; height:90px}
		.msec-03-02 .diet a:after{width:26px; right:25px;}
		.msec-03-02 .diet .txt{padding:0 20px;}
		.msec-03-02 .diet .btxt{font-size:16px}
		
	}
	@media only screen and (max-width:480px) {
		.msec-03-02 .diet a{height:82px}
	}


/* ======================================================
   팝업창
   .layer-pop{}
	.layer-pop { width:96%;max-width:500px; min-width:360px; position:fixed;  left:50%; top:50%; display:none;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
=========================================================*/
#pop-doc{z-index:9900; position:relative;}
.layer-pop { overflow:hidden;position:absolute; display:none; border:1px solid #111; box-shadow:2px 2px 15px rgba(0, 0, 0, 0.2); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-pop form{margin:0; padding:0;}

.layer-pop .chk{box-sizing:border-box; border-top:none;background:#fff; position:relative;}
.layer-pop .chk:after{display:block; content:"";clear:both;}
.layer-pop .chk:before{width:0.1px;height:100%; position:absolute ;left:50%; top:0;display:block; content:"";background:#000;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.layer-pop .close{position:absolute; right:0; top:-45px; width:25px;height:25px; display:block; height:25px;background:url(../img/Main/pop-close.png) no-repeat center center;background-size:100% auto;text-indent:-9999em;}
.layer-pop .check{float:left; width:50%; text-align:center;}
.layer-pop .check label{display:block; line-height:50px;line-height:52px; font-size:15px; color:#111; letter-spacing:-0.03em;-webkit-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;}
.layer-pop .check label:hover{background:#111; color:#fff;}
.layer-pop .check input[type="checkbox"]{display:none;}
.layer-pop .check input[type="checkbox"]:checked +  label{background:#111; color:#fff;}
.layer-pop .closev{float:left; width:50%; text-align:center;}
.layer-pop .closev a{display:block;line-height:52px; font-size:15px; color:#111; letter-spacing:-0.03em;}
.layer-pop .closev a:hover{background:#23408f; color:#fff;}
.layer-pop .img{padding:0; margin:0;background:#fff;overflow:hidden;}
.layer-pop .img a{display:block; padding:0; margin:0;}
.layer-pop .img img{width:100%;}

@media only screen and (max-width:680px) {	
	.layer-pop { width:75vw !important;height:auto !important; left:50% !important;transform:scale(1,1) translateX(-50%) !important}
	.layer-pop .img {width:100% !important;height:auto !important;}

	.layer-pop .close{width:20px;height:20px; top:-35px; }

	.layer-pop .check label{line-height:45px; font-size:14px; }
	.layer-pop .closev a{line-height:45px; font-size:14px; }
}

@media screen and (max-width:530px){
	.layer-pop { width:75vw !important;height:auto !important; left:50% !important; transform:scale(1,1) translateX(-50%) !important}
	.layer-pop .img {width:100% !important;height:auto !important;}
}
@media screen and (max-width:480px){
  .layer-pop {width:90vw !important;height:auto !important; left:50% !important;}
}
/*=========================================================*/