@charset "utf-8";

body{overflow-x: hidden;}

.div-cont {text-align:left;margin:0 auto; max-width:1640px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}

.main-wrap{padding-top:148px}

	@media all and (max-width:1600px){
		.main-wrap{width:100%; overflow-x:hidden;}
	}
	@media all and (max-width:1000px){
		.main-wrap{padding-top:80px}
	}
	@media all and (max-width:480px){
		.main-wrap{padding-top:55px}
	}

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual .visual-img{overflow:hidden; position:relative; z-index:-1;}
.msec-visual .visual-img img{width:100%;height:500px;object-fit:cover;transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-webkit-transition: transform 3s ease-in-out;-moz-transition: transform 3s ease-in-out;-o-transition: transform 3s ease-in-out;transition: transform 3s ease-in-out;}
.msec-visual.ani .visual-img img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}


.msec-visual .visual-txt{position:absolute; font-family: 'jalnan';width:100%; max-width:1640px; padding:0 20px; box-sizing:border-box; text-align:left;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 .visual-txt .btxt{font-size:1.87em; font-weight:800; color:#fff; line-height:1.2em;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25) ; -webkit-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.25) ; -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);}
.msec-visual .visual-txt .stxt{font-size:4.33em;font-weight:800; color:#fff; line-height:1.2em; margin-top:17px;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25) ; -webkit-text-shadow:1px 1px 0 rgba(0, 0, 0, 0.25) ; -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);}
	@media all and (max-width:1640px){
		.msec-visual .visual-txt .btxt{font-size:1.73em;}
		.msec-visual .visual-txt .stxt{font-size:4.00em;}
	}
	@media all and (max-width:1440px){
		.msec-visual .visual-txt .btxt{font-size:1.60em;}
		.msec-visual .visual-txt .stxt{font-size:3.67em;}
	}
	@media all and (max-width:1220px){
		.msec-visual .visual-txt .btxt{font-size:1.47em;}
		.msec-visual .visual-txt .stxt{font-size:3.33em;}
	}
	@media all and (max-width:1000px){
		.msec-visual .visual-img img{height:450px;}
		.msec-visual .visual-txt{text-align:center;}
		.msec-visual .visual-txt .btxt{font-size:1.33em;}
		.msec-visual .visual-txt .stxt{font-size:3.00em; margin-top:10px;}
	}
	@media all and (max-width:680px){
		.msec-visual .visual-img img{height:400px;}
		.msec-visual .visual-txt .btxt{font-size:1.20em;}
		.msec-visual .visual-txt .stxt{font-size:2.67em;}
	}
	@media all and (max-width:480px) {
		.msec-visual .visual-img img{height:350px;}
		.msec-visual .visual-txt .btxt{font-size:1.07em;}
		.msec-visual .visual-txt .stxt{font-size:2.33em;}
	}


/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{}
.msec-cont .hide{display:none;}



/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative;padding:30px 0;}
.msec-01:after{position:absolute ;left:50%; width:20000px; top:0; margin-left:-10000px; height:100%; z-index:-1; display:block; content:"";background:#5a96cc}
.msec-01 ul{text-align:center;}
.msec-01 ul:after{display:block; content:"";clear:both;}
.msec-01 ul li{float:left; width:11.111111111%; box-sizing:border-box; position:relative;}
.msec-01 ul li:nth-child(n+2):before{position:Absolute ;left:-1px; top:5px; height:calc(100% - 10px); border-left:1px solid rgba(255,255,255,0.3); display:block; content:""}

.msec-01 ul li a{height:105px; box-sizing:border-box; padding-top:72px; font-size:1.20em; font-weight:500; color:#fff;font-family: 'GmarketSans'; letter-spacing:-0.03em; position:relative ;display:block;}
.msec-01 ul li a:before{height:65px; position:Absolute; left:0; width:100%; top:0; display:block; content:"";transition:transform 1s cubic-bezier(.33,.02,0,.93);}
.msec-01 ul li a:hover:before{transform:scale(1) translateY(-10px)}

.msec-01 ul li:nth-child(1) a:before{background:url(/images/Health/images/main/quick-ico01.png) no-repeat center top;}
.msec-01 ul li:nth-child(2) a:before{background:url(/images/Health/images/main/quick-ico02.png) no-repeat center top;}
.msec-01 ul li:nth-child(3) a:before{background:url(/images/Health/images/main/quick-ico03.png) no-repeat center top;}
.msec-01 ul li:nth-child(4) a:before{background:url(/images/Health/images/main/quick-ico04.png) no-repeat center top;}
.msec-01 ul li:nth-child(5) a:before{background:url(/images/Health/images/main/quick-ico05.png) no-repeat center top;}
.msec-01 ul li:nth-child(6) a:before{background:url(/images/Health/images/main/quick-ico06.png) no-repeat center top;}
.msec-01 ul li:nth-child(7) a:before{background:url(/images/Health/images/main/quick-ico10.png) no-repeat center center;}
.msec-01 ul li:nth-child(8) a:before{background:url(/images/Health/images/main/quick-ico07.png) no-repeat center top;}
.msec-01 ul li:nth-child(9) a:before{background:url(/images/Health/images/main/quick-ico08.png) no-repeat center top;}
		@media all and (max-width:1640px){
			.msec-01 ul li a{padding-top:65px; font-size:1.07em; height:90px}
			.msec-01 ul li a:before{height:58px; background-size:auto 100% !important; }
			.msec-01 ul li:nth-child(7) a:before{ background-size:auto 60% !important; }
		}
		@media all and (max-width:1440px){
			
		}
		@media all and (max-width:1220px){
			.msec-01 ul li{width:20%;}
			.msec-01 ul li:nth-child(n+6){margin-top:25px;}
			.msec-01 ul li:nth-child(n+6):after{position:Absolute ;left:0; top:-12px; width:100%; border-top:1px solid rgba(255,255,255,0.3); display:block; content:""}
			.msec-01 ul li:nth-child(5n+1):before{display:none;}
			.msec-01 ul li a{font-size:15px;}
		}
		@media all and (max-width:1000px){
			.msec-01 ul li a{padding-top:57px; font-size:0.93em; height:80px}
			.msec-01 ul li a:before{height:50px;}
		}
		@media all and (max-width:680px){
			.msec-01 ul li{width:calc(53.5% - 5px); float:left;}
			.msec-01 ul li:nth-child(even){float:right;width:calc(46.5% - 5px);}
			.msec-01 ul li:nth-child(n+3){margin-top:12px;}
			.msec-01 ul li:nth-child(n+3):after, .msec-01 ul li:nth-child(n+2):before{display:none;}
			.msec-01 ul li:nth-child(2n+1):before{display:none;}

			.msec-01 ul li a{padding:0; line-height:41px; border:1px solid  rgba(255,255,255,0.3); padding-left:50px; position:relative;text-align:left; height:40px; border-radius:10px 0 15px 10px }
			.msec-01 ul li a:before{width:40px;position:absolute ;left:5px; top:-1px; height:100%;background-size:auto 30px !important;background-position:center center !important;}
			.msec-01 ul li a:hover{border-color:#fff;}
		}
		@media all and (max-width:480px) {
			
			.msec-01 ul li a{padding-left:36px; font-size:0.87em}
			.msec-01 ul li a:before{background-size:auto 24px !important; left:-2px;}
			.msec-01 ul li:nth-child(7) a:before{background-size:auto 18px !important; left:-2px;}
		}	




/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative;padding:65px 0;}
.msec-02:after{display:block; content:"";clear:both}
.msec-02 .cont{position:relative; padding-left:410px;}
.msec-02 .cont:after{display:block; content:"";clear:both;}
.msec-02 .zone{position:absolute; left:0; top:0; width:362px}
.msec-02 .board{float:left; width:42.02%; /*margin:0 50px; width:500px; */}
.msec-02 .service{float:right; width:53.61%;/* width:638px; */}
	
	@media all and (max-width:1640px){
		.msec-02 .cont{padding-left:410px}
	}
	@media all and (max-width:1440px){
		.msec-02{padding:50px 0}
		.msec-02 .cont{padding-left:330px}
		.msec-02 .zone{width:300px;}
	}
	@media all and (max-width:1220px){
		.msec-02 .board{width:100%;}
		.msec-02 .service{width:calc(100% + 330px); margin-left:-330px; margin-top:30px;}
	}
	@media all and (max-width:1000px){
		.msec-02 .cont{padding-left:290px}
		.msec-02 .zone{width:260px;}
		.msec-02 .service{width:calc(100% + 290px); margin-left:290px; margin-top:30px;}
	}
	@media all and (max-width:680px){
		.msec-02 .cont{padding-left:0}
		.msec-02 .zone{width:auto; position:relative; left:auto; top:auto;}
		.msec-02 .board{float:none; width:auto; margin-top:25px;}
		.msec-02 .service{float:none; width:auto; margin:0;margin-top:25px;}
	}
	@media all and (max-width:480px) {

	}

.msec-02 .zone{box-sizing:border-box;border:1px solid #e1e1e1; border-radius:25px;overflow:hidden; min-height:400px;font-family: 'GmarketSans'; }
.msec-02 .zone h3{font-weight:700; color:#111;font-size:1.13em; height:58px;line-height:62px ;display:block; padding-left:28px;}

.msec-02 .zone .ctrl{position:absolute;right:28px; top:24px;}
.msec-02 .zone .count{height:35px;font-size:0.80em; font-weight:700 ;color:#111; line-height:16px;display:inline-block;vertical-align:top; width:70px; margin:0 auto; height:14px;text-align:center;}
.msec-02 .zone .count .current{color:#f00;}
.msec-02 .zone .ctrl a{display:inline-block;vertical-align:top; width:14px;height:14px;}
.msec-02 .zone .ctrl a.prev{width:21px;background:url(/images/Health/images/main/zone-prev.png) no-repeat left center;}
.msec-02 .zone .ctrl a.next{width:21px;background:url(/images/Health/images/main/zone-next.png) no-repeat right center;}
.msec-02 .zone .ctrl a.stop{margin-left:14px;background:url(/images/Health/images/main/zone-stop.png) no-repeat center center;}
.msec-02 .zone .ctrl a.play{margin-left:14px;background:url(/images/Health/images/main/zone-play.png) no-repeat center center; display:none;}
.msec-02 .zone .item a{display:block}
.msec-02 .zone .item img{width:100%;}
		@media all and (max-width:1640px){
			.msec-02 .zone .ctrl a.prev{width:18px; background-size:100% auto;}
			.msec-02 .zone .ctrl a.next{width:18px; background-size:100% auto;}
		}
		@media all and (max-width:1440px){
			.msec-02 .zone{min-height:342px;}
			.msec-02 .zone h3{font-size:1.07em; padding-left:20px; line-height:54px; height:52px;}
			.msec-02 .zone .ctrl{right:20px; top:20px}
			.msec-02 .zone .count{font-size:0.73em; width:60px;}
			.msec-02 .zone .ctrl a.prev{width:16px;}
			.msec-02 .zone .ctrl a.next{width:16px; }
		}
		@media all and (max-width:1220px){
			.msec-02 .zone{border-radius:20px;}
		}
		@media all and (max-width:1000px){
			.msec-02 .zone{min-height:304px}
		}
		@media all and (max-width:680px){
			.msec-02 .zone{min-height:auto; border-radius:15px;}
			.msec-02 .zone h3{line-height:45px; height:43px;}
			.msec-02 .zone .ctrl{top:16px}
		}
		@media all and (max-width:480px) {

		}

.msec-02 .board{position:relative;border:1px solid #e1e1e1; border-radius:25px;overflow:hidden; min-height:400px;font-family: 'GmarketSans'; }
.msec-02 .board:after{position:absolute; right:0; top:0; width:70px; height:57px ;background:#f9f9f9; display:block; content:"";z-index:-1;}
.msec-02 .board .tab{position:relative; max-width:calc(100% - 70px); border-right:1px solid #e1e1e1}
.msec-02 .board .tab:after{position:absolute ;left:0; bottom:0 ; width:calc(100% + 70px); border-bottom:1px solid #e1e1e1; display:block; content:"";z-index:-1;}
.msec-02 .board .tab ul:after{display:block; content:"";clear:both}
.msec-02 .board .tab li{float:left; width:50%; text-align:center;}
.msec-02 .board .tab li a{font-weight:700; color:#888;font-size:1.13em; height:58px;line-height:62px ;display:block;}
.msec-02 .board .tab li.active a{background:#308ea8; color:#fff;}

.msec-02 .board .list{}
.msec-02 .board .list li{}
.msec-02 .board .list li:nth-child(1) a{padding:27px 28px; position:relative; display:block;background:#f9f9f9}
.msec-02 .board .list li:nth-child(1) .btxt{height:22px; line-height:24px; font-size:1.20em; font-weight:500; color:#111; letter-spacing:-0.03em;transition:color 0.3s cubic-bezier(.33,.02,0,.93); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:100px;}
.msec-02 .board .list li:nth-child(1) .stxt{margin-top:12px; font-weight:500;font-size:1.00em; color:#333; letter-spacing:-0.03em; line-height:1.3em; font-family: 'NotoKrM';white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-02 .board .list li:nth-child(1) .date{position:absolute; right:25px; top:26px; font-size:0.87em; font-weight:400; color:#888; font-family: 'NotoKrM';line-height:22px; background:url(/images/Health/images/main/board-clock.png) no-repeat left 50%; padding-left:20px;}

.msec-02 .board .list li:nth-child(n+2){border-top:1px solid #e1e1e1;}
.msec-02 .board .list li:nth-child(n+2) a{padding:17px 28px; position:relative; display:block;}
.msec-02 .board .list li:nth-child(n+2) .btxt{height:22px; line-height:24px; font-size:1.00em; font-weight:500;transition:color 0.3s cubic-bezier(.33,.02,0,.93); color:#252525; letter-spacing:-0.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:100px;}
.msec-02 .board .list li:nth-child(n+2) .stxt{display:none}
.msec-02 .board .list li:nth-child(n+2) .date{position:absolute; right:25px; top:17px; font-size:0.87em; font-weight:400; color:#888;font-family: 'NotoKrM'; line-height:22px; background:url(/images/Health/images/main/board-clock.png) no-repeat left calc(50% + 1px); padding-left:20px;}

.msec-02 .board .list li:hover .btxt{ color:#308ea8}

.msec-02 .board .list .more{width:30px;height:30px; position:absolute;right:22px; top:15px;background:url(/images/Health/images/main/board-more.png) no-repeat center center;transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-02 .board .list .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); }
	@media all and (max-width:1640px){
		.msec-02 .board:after{width:60px;}
		.msec-02 .board .tab{max-width:calc(100% - 60px);}
		.msec-02 .board .tab:after{width:calc(100% + 60px);}
		.msec-02 .board .tab li a{font-size:1.07em;}
		.msec-02 .board .list .more{right:17px;background-size:14px auto}
		.msec-02 .board .list li:nth-child(1) .btxt{font-size:1.13em;}
		.msec-02 .board .list li:nth-child(1) .stxt{font-size:0.93em;}
		.msec-02 .board .list li:nth-child(1) .date{font-size:0.80em;}
		.msec-02 .board .list li:nth-child(n+2) .btxt{font-size:0.93em;}
		.msec-02 .board .list li:nth-child(n+2) .date{font-size:0.80em;}

	}
	@media all and (max-width:1440px){
		.msec-02 .board{min-height:342px;}
		.msec-02 .board .tab li a{line-height:54px; height:52px;}
		
		.msec-02 .board .list li:nth-child(1) a{padding:22px 25px}
		.msec-02 .board .list li:nth-child(1) .btxt{font-size:1.07em;}
		.msec-02 .board .list li:nth-child(1) .stxt{font-size:0.87em;}
		.msec-02 .board .list li:nth-child(1) .date{font-size:0.73em; top:23px ;right:20px;}

		.msec-02 .board .list li:nth-child(n+2) a{padding:12px 25px;}
		.msec-02 .board .list li:nth-child(n+2) .btxt{font-size:0.87em;}
		.msec-02 .board .list li:nth-child(n+2) .date{font-size:0.73em; right:20px; top:12px;}

		.msec-02 .board .list .more{top:12px;}
	}
	@media all and (max-width:1220px){
		.msec-02 .board{border-radius:20px;}
		
	}
	@media all and (max-width:1000px){
		.msec-02 .board{min-height:304px;border-radius:15px;}
		.msec-02 .board .list li:nth-child(5){display:none;}
		.msec-02 .board .list li:nth-child(n+2) a{padding:15px 25px;}
	}
	@media all and (max-width:680px){
		.msec-02 .board{min-height:auto;}	
		.msec-02 .board:after{width:50px;}
		.msec-02 .board .tab{max-width:calc(100% - 50px);}
		.msec-02 .board .tab:after{width:calc(100% + 50px);}

		.msec-02 .board .tab li a{line-height:45px; height:43px; font-size:1.00em;}
		.msec-02 .board .list li:nth-child(5){display:block;}
		.msec-02 .board .list li:nth-child(1) a{padding:22px 20px}
		.msec-02 .board .list li:nth-child(1) .date{right:15px;}
		.msec-02 .board .list li:nth-child(n+2) a{padding:12px 20px;}
		.msec-02 .board .list li:nth-child(n+2) .date{right:15px;}

		.msec-02 .board .list .more{top:8px; right:10px}
	}
	@media all and (max-width:480px) {
		.msec-02 .board .list li:nth-child(1) a{padding:22px 15px}
		.msec-02 .board .list li:nth-child(1) .date{right:10px;}
		.msec-02 .board .list li:nth-child(n+2) a{padding:12px 15px;}
		.msec-02 .board .list li:nth-child(n+2) .date{right:10px;}
	}


.msec-02 .service{border:1px solid #e1e1e1; border-radius:25px;overflow:hidden; min-height:400px;font-family: 'GmarketSans'; }
.msec-02 .service .tab{position:relative;}
.msec-02 .service .tab:after{position:absolute ;left:0; bottom:0 ; width:100%; border-bottom:1px solid #e1e1e1; display:block; content:"";z-index:-1;}
.msec-02 .service .tab ul:after{display:block; content:"";clear:both}
.msec-02 .service .tab li{float:left; width:50%; text-align:center;}
.msec-02 .service .tab li a{font-weight:700; color:#888;font-size:1.13em; height:58px;line-height:62px ;display:block;}
.msec-02 .service .tab li.active a{background:#927ac8; color:#fff;}

.msec-02 .service .list{padding:24px 40px 0 40px;}
.msec-02 .service .list ul:after{display:block; content:"";clear:both}
.msec-02 .service .list li{float:left; width:calc(50% - 9px);}
.msec-02 .service .list li:nth-child(even){float:right}
.msec-02 .service .list li:nth-child(n+3){margin-top:12px;}
.msec-02 .service .list li a{display:block; height:48px;padding-top:5px; padding-right:40px; line-height:1.2em; color:#555; font-size:1.00em; font-weight:500; padding-left:25px;border-radius:8px; border:1px solid #f7f7f7; background:#f7f7f7;position:relative; display:flex;align-items: center; justify-content: left; box-sizing:border-box; }
.msec-02 .service .list li a:after{width:16px;height:18px; position:absolute;right:16px; top:50%; margin-top:-9px; display:block ;content:"";background:url(/images/Health/images/main/service-arrow.png) no-repeat center center;transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-02 .service .list li a:hover:after{transform:scale(1) translateX(6px);background-image:url(/images/Health/images/main/service-arrowo.png)}
.msec-02 .service .list li a:hover{border-color:#927ac8; color:#927ac8; background:#fff;}
   @media all and (max-width:1640px){
		.msec-02 .service .tab li a{font-size:1.07em;}

		.msec-02 .service .list li{ width:calc(50% - 6px);}
		.msec-02 .service .list li a{font-size:0.93em; padding-left:20px;}
   }
   @media all and (max-width:1440px){
		.msec-02 .service{min-height:342px;}
		.msec-02 .service .tab li a{line-height:54px; height:52px;}
		.msec-02 .service .list{padding:20px 25px 0 25px;}
		.msec-02 .service .list li a{font-size:0.87em; height:40px}
   }
   @media all and (max-width:1220px){
		.msec-02 .service{border-radius:20px;min-height:auto;}
		.msec-02 .service .list{padding:20px}
   }
   @media all and (max-width:1000px){
		
   }
   @media all and (max-width:680px){
		.msec-02 .service{border-radius:15px; min-height:auto;}
		.msec-02 .service .tab li a{line-height:45px; height:43px; font-size:1.00em;}
		.msec-02 .service .list{padding:15px}
   }
   @media all and (max-width:480px) {
		.msec-02 .service .list li{float:none; width:auto;}
		.msec-02 .service .list li:nth-child(even){float:none}
		.msec-02 .service .list li:nth-child(n+2){margin-top:10px;}
   }