@charset "utf-8";

/* ======================================================
   .msec-visual{}
=========================================================*/
.msec-visual{position:relative;overflow:hidden;}
.msec-visual .visual-slide{height:500px; }
.msec-visual .slick-list {position:absolute; left:50%; top:0; width:1920px;margin-left:-960px;height:500px; box-sizing:border-box;z-index:1; background:#fff;}

.msec-visual .visual-slide .item {}
.msec-visual .visual-slide .item .img{position:relative;overflow:hidden; }
.msec-visual .visual-slide .item .img img{width:100%; 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 .desktop{display:block;}
.msec-visual .visual-slide .item .mobile{display:none}

.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 5px; padding:0; width:auto; height:3px;}
.msec-visual .visual-slide .slick-dots li button{ background:#d0d0c1; 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:3%;-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:3%;-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 img{transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}

	@media only screen and (max-width:1320px){
		.msec-visual .visual-slide{height:400px; }
		.msec-visual .slick-list {width:1600px; margin-left:-800px}

		.msec-visual .visual-slide .slick-prev{background-size:40px auto; width:40px; height:80px; margin-top:-40px;}
		.msec-visual .visual-slide .slick-next{background-size:40px 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 .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:auto; }
		.msec-visual .slick-list {width:auto; top:auto; left:auto;margin-left:0; position:relative; height:auto;}
		.msec-visual .visual-slide .slick-prev{background-size:30px auto; width:30px; height:60px; margin-top:-30px;}
		.msec-visual .visual-slide .slick-next{background-size:30px 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: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{background-size:20px auto; width:20px;}
		.msec-visual .visual-slide .slick-next{background-size:20px auto; width:20px;}

		.msec-visual .visual-slide .slick-prev:hover{width:35px;}
		.msec-visual .visual-slide .slick-next:hover{width:35px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-visual .visual-slide .slick-prev{background-size:15px auto; width:15px;}
		.msec-visual .visual-slide .slick-next{background-size:15px auto; width:15px;}

		.msec-visual .visual-slide .slick-prev:hover{width:30px;}
		.msec-visual .visual-slide .slick-next:hover{width:30px;}
		
		.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-cont{}
=========================================================*/
.msec-cont .quick{position:relative; padding:40px 0}
.msec-cont .quick:after{position:absolute;width:20000px; left:50%;margin-left:-10000px; bottom:0;height:100%; box-sizing:border-box; border-bottom:1px solid #f4f1ed; display:block ;content:"";z-index:-1;}
.msec-cont .quick ul{font-size:0;text-align:center}
.msec-cont .quick ul:after{display:block; content:"";clear:both;}
.msec-cont .quick li{display:inline-block;vertical-align:top; margin:0 70px;}
.msec-cont .quick li a{display:block ;}
.msec-cont .quick li .ico{height:100px; width:100px; border-radius:100%; display:inline-block;vertical-align:top;overflow:hidden; background:#f7f7f7}
.msec-cont .quick li .ico p{position:relative;-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-cont .quick li .ico img{}
.msec-cont .quick li .txt{margin-top:10px}
.msec-cont .quick li .txt p{line-height:1.2em; font-size:22px; letter-spacing:-0.03em; color:#111;position:relative; font-family: 'NanumSquare', sans-serif; -webkit-transition: transform 0.3s ease-out ,color 0.3s ease-out;-moz-transition: transform 0.3s ease-out,color 0.3s ease-out;-o-transition: transform 0.3s ease-out,color 0.3s ease-out;transition: transform 0.3s ease-out,color 0.3s ease-out;}

.msec-cont .quick li a:hover .ico p{-webkit-transform:translateY(-8%);-moz-transform:translateY(-8%); -ms-transform:translateY(-8%);-o-transform:translateY(-8%);}
.msec-cont .quick li a:hover .txt p{color:#3a53a7; font-weight:800}	
	@media only screen and (max-width:1320px){
		.msec-cont .quick {width:calc(100% + 40px);margin-left:-20px;}
		.msec-cont .quick li{margin:0 65px;}
		.msec-cont .quick li .txt p{font-size:19px;}
	}
	@media only screen and (max-width:1200px){
		.msec-cont .quick{padding:30px 0}
		.msec-cont .quick li{margin:0 47px;}
		.msec-cont .quick li .ico{height:90px; width:90px;}
		.msec-cont .quick li .ico img{height:90px;}
		.msec-cont .quick li .txt p{font-size:18px;}
	}
	@media only screen and (max-width:999px){
		.msec-cont .quick {width:calc(100% + 30px);margin-left:-15px;}
		.msec-cont .quick li{margin:0; float:left; width:33.3333333%}
		.msec-cont .quick li:nth-child(n+4){margin-top:30px;}
		.msec-cont .quick li .ico{height:80px; width:80px;}
		.msec-cont .quick li .ico img{height:80px;}
		.msec-cont .quick li .txt{margin-top:7px}
		.msec-cont .quick li .txt p{font-size:17px;}
		.msec-cont .quick li .ico{height:auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-cont .quick{padding:20px 0}
		.msec-cont .quick li{margin:0 0;}
		.msec-cont .quick li .ico{height:70px; width:70px;}
		.msec-cont .quick li .ico img{height:70px;}
		.msec-cont .quick li .txt p{font-size:15px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-cont .quick li .ico{height:70px;}
		.msec-cont .quick li .ico img{height:70px;}
		.msec-cont .quick li .txt p{font-size:14px;}
	} 


.msec-cont .ov{margin-top:50px;}
.msec-cont .ov:after{display:block; content:"";clear:both;}
.msec-cont .board{float:left; width:49%; position:relative;}
.msec-cont .diagnosis{float:right; width:49%; position:relative;}
	@media only screen and (max-width:1320px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.msec-cont .ov{margin-top:30px;}
		.msec-cont .board{float:none; width:auto;}
		.msec-cont .diagnosis{float:none; width:auto; margin-top:25px;}
	}
	@media only screen and (max-width:680px) {
		
	} 
	@media only screen and (max-width:480px) {
		
	} 


.msec-cont .board h3{font-size:28px; color:#111; line-height:1.2em; font-weight:400; letter-spacing:-0.03em; margin-bottom:24px; font-family: 'NanumSquare', sans-serif;}
.msec-cont .board .more{width:37px; height:37px; position:Absolute; right:0; top:0; border-radius:100%;background:url(../img/Main/msec-more.png) no-repeat center center; -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-cont .board .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-cont .board ul{border:1px solid #d9d9d9; border-radius:10px; padding:20px 25px; box-sizing:border-box; height:354px;}
.msec-cont .board li{padding:25px 0; position:relative;}
.msec-cont .board li:nth-child(n+2){ border-top:1px solid #d9d9d9}
.msec-cont .board li:last-child:after{display:none !important;}
.msec-cont .board li a{display:block; padding:0 100px 0 70px; position:relative;}
.msec-cont .board li .cate{width:58px;line-height:30px;font-size:16px; color:#fff; background:#98cc1e ;text-align:center;border-radius:5px; letter-spacing:-0.03em; position:absolute;left:0; top:0;}
.msec-cont .board li .cate.notice{background:#f4731f}
.msec-cont .board li .txt{font-size:19px; color:#333; display:inline-block;vertical-align:top;max-width:100%;line-height:30px;; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;letter-spacing:-0.03em; position:relative; -webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}
.msec-cont .board li .txt:after{position:absolute; left:0; bottom:0; width:0;height:1px; background:#111; display:block; content:"";z-index:123;-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-cont .board li a:hover .txt:after{width:100%;}
.msec-cont .board li .date{font-size:16px; line-height:30px; color:#777; position:absolute;right:0; top:0;}
.msec-cont .board li a:hover .txt{color:#3a53a7;font-weight:400; color:#000;}
	@media only screen and (max-width:1320px){
		.msec-cont .board h3{font-size:25px;}
		.msec-cont .board .more{width:32px;height:32px; background-size:100% auto}
		.msec-cont .board ul{padding:20px; height:305px;}
		.msec-cont .board li{padding:20px 0}
		.msec-cont .board li a{padding:0 90px 0 65px}
		.msec-cont .board li .cate{font-size:15px;width:50px; line-height:25px;}
		.msec-cont .board li .txt{font-size:18px; line-height:25px}
		.msec-cont .board li .date{font-size:15px; line-height:25px; }
	}
	@media only screen and (max-width:1200px){
		.msec-cont .board h3{font-size:22px;}
		.msec-cont .board li .cate{font-size:14px;}
		.msec-cont .board li .txt{font-size:17px;}
		.msec-cont .board li .date{font-size:14px;}
	}
	@media only screen and (max-width:999px){
		.msec-cont .board h3{font-size:19px; margin-bottom:17px;}
		.msec-cont .board .more{width:26px;height:26px; top:-2px;}

		.msec-cont .board ul{padding:15px 20px;height:auto; }
		.msec-cont .board li{padding:15px 0}
		.msec-cont .board li a{padding:0 80px 0 55px}
		.msec-cont .board li .cate{font-size:13px; width:42px}
		.msec-cont .board li .txt{font-size:15px;}
		.msec-cont .board li .date{font-size:13px;}
	}
	@media only screen and (max-width:680px) {
		.msec-cont .board h3{font-size:17px; margin-bottom:12px;}
		.msec-cont .board li{padding:10px 0}
		.msec-cont .board li a{padding:0 70px 0 50px}
		.msec-cont .board li .cate{font-size:12px; width:38px}
		.msec-cont .board li .txt{font-size:14px;}
		.msec-cont .board li .date{font-size:12px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-cont .board ul{padding:10px 15px;}
	} 

.msec-cont .diagnosis h3{font-size:28px; color:#111; line-height:1.2em; font-weight:400; letter-spacing:-0.03em; margin-bottom:24px; font-family: 'NanumSquare', sans-serif;}
.msec-cont .diagnosis .more{width:37px; height:37px; position:Absolute; right:0; top:0; border-radius:100%;background:url(../img/Main/msec-more.png) no-repeat center center; -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-cont .diagnosis .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-cont .diagnosis ul{border-radius:10px; overflow:hidden; height:354px;}
.msec-cont .diagnosis ul:after{display:block; content:"";clear:both}
.msec-cont .diagnosis li{float:left;width:49.5%}
.msec-cont .diagnosis li:nth-child(even){float:right;}
.msec-cont .diagnosis li:nth-child(n+3){margin-top:7px}
.msec-cont .diagnosis li a{display:block; height:173px; box-sizing:border-box; padding:35px;position:Relative;}
.msec-cont .diagnosis li a:after{position:absolute;right:0; bottom:0; display:block; content:""; width:120px;height:150px; -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-cont .diagnosis li .btxt{font-size:30px; font-weight:600; color:#fff; line-height:1.1em; letter-spacing:-0.03em; font-family: 'NanumSquareRound',sans-serif;}
.msec-cont .diagnosis li .stxt{font-family: 'NanumSquareRound'; /*font-family: 'GothamPro';*/ font-size:18px; font-weight:300; color:#fff; line-height:1.1em; letter-spacing:-0.03em; margin-top:10px;}

.msec-cont .diagnosis li a:hover .btxt{font-weight:700}
.msec-cont .diagnosis li a:hover .stxt{font-weight:300;}
.msec-cont .diagnosis li a:hover:after{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-cont .diagnosis li:nth-child(1) a{ background:#f18a8b}
.msec-cont .diagnosis li:nth-child(1) a:after{background:url(../img/Main/diagnosis-ico01.png) no-repeat right bottom}
.msec-cont .diagnosis li:nth-child(1) a:hover{background:#da5652}

.msec-cont .diagnosis li:nth-child(2) a{background:#7eb2b0;}
.msec-cont .diagnosis li:nth-child(2) a:after{background:url(../img/Main/diagnosis-ico02.png) no-repeat right bottom}
.msec-cont .diagnosis li:nth-child(2) a:hover{background:#457776 }

.msec-cont .diagnosis li:nth-child(3) a{background:#82afd9 }
.msec-cont .diagnosis li:nth-child(3) a:after{background:url(../img/Main/diagnosis-ico03.png) no-repeat right bottom}
.msec-cont .diagnosis li:nth-child(3) a:hover{background:#426e95}

.msec-cont .diagnosis li:nth-child(4) a{background:#ffc453}
.msec-cont .diagnosis li:nth-child(4) a:after{background:url(../img/Main/diagnosis-ico04.png) no-repeat right bottom}
.msec-cont .diagnosis li:nth-child(4) a:hover{background:#a07a53 }

	@media only screen and (max-width:1320px){
		.msec-cont .diagnosis h3{font-size:25px;}
		.msec-cont .diagnosis .more{width:32px;height:32px; background-size:30px auto}
		.msec-cont .diagnosis ul{height:305px}
		.msec-cont .diagnosis li:nth-child(n+3){margin-top:5px}
		.msec-cont .diagnosis li a{padding:27px; height:150px;}
		.msec-cont .diagnosis li a:after{background-size:100px auto !important}

		.msec-cont .diagnosis li .btxt{font-size:25px;}
		.msec-cont .diagnosis li .stxt{font-size:16px;}
	}
	@media only screen and (max-width:1200px){
		.msec-cont .diagnosis h3{font-size:22px;}
		.msec-cont .diagnosis ul{height:auto}
		.msec-cont .diagnosis li a{padding:22px;}
		.msec-cont .diagnosis li .btxt{font-size:22px;}
		.msec-cont .diagnosis li .stxt{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.msec-cont .diagnosis h3{font-size:19px; margin-bottom:17px;}
		.msec-cont .diagnosis .more{width:26px;height:26px; top:-2px;}
	}
	@media only screen and (max-width:680px) {
		.msec-cont .diagnosis h3{font-size:17px; margin-bottom:12px;}
		.msec-cont .diagnosis li a{padding:22px 18px}
		.msec-cont .diagnosis li .btxt{font-size:20px;}
		.msec-cont .diagnosis li .stxt{font-size:14px;}
		.msec-cont .diagnosis li a{height:130px;}
		.msec-cont .diagnosis li a:after{background-size:80px auto !important}
	} 
	@media only screen and (max-width:480px) {
		.msec-cont .diagnosis li a:after{background-size:70px auto !important}
	}