@charset "utf-8";
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}

.slick-slider{margin-bottom:0;}

.msec-01{ position:relative;}

/*===========================메인 - 퀵메뉴 - 노인 - 복지관 링크 css=====================================*/
.jin_welfare_qick_a01 {color:#fff !important; font-size:15px;}
.jin_welfare_qick_a02 {color:#fff !important; margin-top:-19px; font-size:15px;} /*공통 line-height 때문에 강제적으로 - 값 넣음*/
.jin_welfare_qick_a01:hover {text-decoration:underline;}
.jin_welfare_qick_a02:hover {text-decoration:underline;}

@media only screen and (max-width:1000px) {
		.jin_welfare_qick_a01 {font-size:14px;}
		.jin_welfare_qick_a02 {font-size:14px;}
}

@media only screen and (max-width:780px) {
		.jin_welfare_qick_a01 {font-size:13px;}
		.jin_welfare_qick_a02 {font-size:13px;}
}

@media only screen and (max-width:680px) {
		.jin_welfare_qick_a02 {margin-top:-15px;} /*공통 line-height 때문에 강제적으로 - 값 넣음*/
}

@media only screen and (max-width:400px) {
		.jin_welfare_qick_a01 {font-size:12px;}
		.jin_welfare_qick_a02 {font-size:12px;}
}
/*===================================================================================================*/

.msec-slogan{position:absolute; width:100%; height:74px; top:46px;text-align:center; font-family: 'NanumGothic'; }
.msec-slogan .btxt{font-weight:300; letter-spacing:-0.06em;color:#1b1b1b; line-height:130%;}
.msec-slogan .btxt span{font-weight:700;}
.msec-slogan .btxt span.red{color:#e65c5c}
.msec-slogan .btxt span.blue{color:#008699}
.msec-slogan .btxt span.purple{color:#454b89}
.msec-slogan .stxt{  color:#444; letter-spacing:-0.06em; line-height:130%; padding-top:5px;}




.msec-sys{height:300px;  position:absolute; left:0;z-index:7}
.msec-sys .sys-btn{ height:145px; background:url(/img/welfare/Main/sys-bg01.png) no-repeat center center;background-size:cover;}
.msec-sys .sys-btn a{letter-spacing:-0.06em;font-family: 'NanumGothic'; display:block; position:relative; height:110px; text-align:center; padding-top:38px; color:#181818; font-size:22px; }
.msec-sys .sys-btn a:after{position:absolute; left:50%; top:75px; margin-left:-20px; width:40px;border-radius:100%; height:40px; background:#5b6064 url(/img/welfare/Main/more-white.png) no-repeat center center ; display:block; content:""}

.msec-sys dl{text-align:center;margin-top:10px;background:url(/img/welfare/Main/sys-bg02.png) no-repeat;background-size:cover; height:145px;}
.msec-sys dl dt{ font-size:22px;font-family: 'NanumGothic';  font-weight:400; color:#181818; letter-spacing:-0.07em; text-align:center;display:block; padding-top:33px; height:45px; text-align:center;}
.msec-sys dl dd{display:inline-block; vertical-align:top;}
.msec-sys dl dd a{background:#fff; display:block; width:120px;line-height:36px; letter-spacing:-0.07em;height:38px; text-align:center; font-size:15px; border:1px solid #7b7b7b;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.msec-sys dl dd a:hover{background:#555; color:#fff; border:1px solid #555}


.msec-sponsor{ height:300px; right:0; position:absolute;z-index:7; }
.msec-sponsor .spon-btn{ height:110px; background:#fff;background-size:cover; position:relative;text-align:center;}
.msec-sponsor .spon-btn p{ position:relative; display: inline-block;  text-align:center;padding-top:27px;}
.msec-sponsor .spon-btn .btxt:before{ left:0; width:62px; height:64px; position:absolute ; background:url(/img/welfare/Main/sponsor-ico.png) no-repeat center center ;top:50%; margin-top:-32px; display:block; content:""}
.msec-sponsor .spon-btn .btxt{letter-spacing:-0.06em;font-family: 'NanumGothic'; color:#181818;   display:inline-block; vertical-align:top;height:30px; font-size:18px; position:relative;}
.msec-sponsor .spon-btn a{ display:block; width:89px; border:1px solid #7b7b7b; font-size:14px;background:#fff; position:relative; text-align:left;}
.msec-sponsor .spon-btn a span{display:inline-block; vertical-align:top; position:relative; padding-left:9px; padding-right:15px;line-height:27px;height:29px;  }
.msec-sponsor .spon-btn a span:after{width:8px; height:12px; background:url(/img/welfare/Main/more-arrow.png) no-repeat no-repeat center center ; position:Absolute; right:2px; top:50%;margin-top:-6px; display:block;content:""}


.msec-sponsor dl{text-align:center;margin-top:10px;background:url(/img/welfare/Main/sponsor-bg.png) no-repeat center center;background-size:cover; height:180px;}
.msec-sponsor dl dt{ font-size:22px;font-family: 'NanumGothic'; font-weight:400; color:#181818; letter-spacing:-0.07em; text-align:center;display:block; padding-top:33px; height:45px; text-align:center;}
.msec-sponsor dl dd{display:inline-block; vertical-align:top;}
.msec-sponsor dl dd a{background:#fff; display:table; width:85px;letter-spacing:-0.07em;height:63px; text-align:center; font-size:15px; border:1px solid #7b7b7b;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.msec-sponsor dl dd a:hover{background:#555; color:#fff; border:1px solid #555}
.msec-sponsor dl dd a span{display:table-cell; text-align:center; width:85px; height:63px; vertical-align:middle; line-height:115%;}



	@media only screen and (min-width:1201px) and (max-width:2000px){
		.msec-01{height:899px;;}
		.msec-sys{width:352px;top:76px; }
		.msec-sponsor{width:352px;top:76px;}
		.msec-sponsor .spon-btn .btxt{padding-left:75px;}
		.msec-sponsor .spon-btn a{margin-left:75px;}

		.msec-slogan .btxt{font-size:35px}
		.msec-slogan .stxt{font-size:18px;}
	}
	
	@media only screen and (min-width:1001px) and (max-width:1200px){
		.msec-01{height:auto;;}
		.msec-sys{width:30%; top:13px; }
		.msec-sponsor{width:30%;top:13px; }
		
		.msec-sponsor .spon-btn .btxt{padding-left:75px;}
		.msec-sponsor .spon-btn a{margin-left:75px;}
		
		.msec-slogan{top:34px}
		.msec-slogan .btxt{font-size:30px}
		.msec-slogan .stxt{font-size:16px;}
	}

	@media only screen and (max-width:1000px) {
		.msec-01{overflow:hidden; height:auto;}
		.msec-sys{width:32%; top:13px; }
		.msec-sponsor{width:32%; float:right; position:relative; top:auto; height:322px;}
		.msec-sponsor .spon-btn .btxt{padding-left:65px;}
		.msec-sponsor .spon-btn .btxt:before{ background-size:45px; width:45px;}
		.msec-sponsor .spon-btn a{margin-left:65px;}
		.msec-sponsor .spon-btn a span{ height:24px; line-height:22px; font-size:13px;  }
		
		.msec-sponsor .spon-btn:before{left:0px; top:5px; margin-top:0;background-size:34px auto;}
		.msec-sponsor dl {padding:20px ;   height:172px; margin-top:2px; overflow:hidden}
		.msec-sponsor dl dt{padding-top:0; font-size:15px;}
		.msec-sponsor dl dd {display:block; margin-top:5px;}
		.msec-sponsor dl dd:nth-child(2){margin-top:0;}
		.msec-sponsor dl dd a{width:auto;display:block;width:auto; height:auto; font-size:14px;}
		.msec-sponsor dl dd a span {display:block; width:auto;height:auto; line-height:34px; height:36px;}
		
		
		.msec-sys{height:322px; position:relative; left:auto; top:auto; float:left;}
		.msec-sys .sys-btn a{ font-size:16px;}
		.msec-sys dl {padding:20px ; height:134px; margin-top:2px; overflow:hidden }
		.msec-sys dl dt{padding-top:0;font-size:16px;}
		.msec-sys dl dd {display:block; margin-top:5px;}
		.msec-sys dl dd:nth-child(2){margin-top:0;}
		.msec-sys dl dd a{width:auto;display:block; font-size:14px;}


		.msec-slogan{top:34px}
		.msec-slogan .btxt{font-size:26px}
		.msec-slogan .stxt{font-size:14px;}

	}
	@media only screen and (max-width:780px) {
		
		.msec-sponsor .spon-btn p{padding-top:30px;}
		.msec-sponsor .spon-btn .btxt{padding-left:45px;}
		.msec-sponsor .spon-btn .btxt:before{ background-size:35px; width:35px;}
		.msec-sponsor .spon-btn a{margin-left:45px;}
		
		
		.msec-slogan .btxt{font-size:24px}
		.msec-slogan .stxt{font-size:16px;}
	}
	@media only screen and (max-width:680px) {
		.msec-sys{height:auto ; float:none; padding-left:50.5% ; width:auto;}
		.msec-sys .sys-btn{position:absolute; left:0; top:0; width:50%; height:100%;}
		.msec-sys .sys-btn a{font-size:18px; font-weight:600;}
		.msec-sys dl{ height:auto;}
		.msec-sys dl dt{font-weight:600;font-size:18px;}

		.msec-sponsor {width:auto; float:none; padding-left:50.5%; height:auto;}
		.msec-sponsor .spon-btn{position:absolute; left:0; top:0; width:50%; height:100%;text-align:center;}
		.msec-sponsor .spon-btn{display:block;}
		.msec-sponsor .spon-btn .btxt:before{position:relative; left:auto; top:auto;margin:0; bottom:auto; right:auto; display:block; width:100%; height:45px;background-position:center center; padding-top:30px;background-size:50px;}
		.msec-sponsor .spon-btn .btxt{font-weight:600;padding-left:0;height:auto; display:block; text-align:center;}
		.msec-sponsor .spon-btn a{margin-left:0; display:inline-block; margin-top:10px; }
		.msec-sponsor .spon-btn a span{height:32px; line-height:30px;}

		.msec-sponsor dl dt{font-weight:600;font-size:18px;}


		.msec-slogan{position:relative; left:auto; top:auto; margin:0; padding-top:20px; text-align:center; width:auto; padding-bottom:10px;}
		.msec-slogan .btxt{font-size:28px}
		.msec-slogan .stxt{font-size:16px;}

	}
	@media only screen and (max-width:400px) {

		.msec-sys .sys-btn a{font-size:17px; }
		.msec-sys dl{padding-left:10px; padding-right:10px;}
		.msec-sys dl dt{font-size:17px;}

		.msec-sponsor .spon-btn .btxt{font-size:17px}
		.msec-sponsor dl{padding-left:10px; padding-right:10px;}
		.msec-sponsor dl dt{font-size:17px;}
		.msec-sponsor dl dd a span {font-size:13px;}
		
		.msec-slogan{padding-top:30px;}
		.msec-slogan .btxt{font-size:26px}
		.msec-slogan .stxt{font-size:15px;}

	}

.msec-visual{z-index:6;position:absolute; left:50%;background:url(/img/welfare/Main/visual-img.png) no-repeat center center;}

.msec-service{z-index:4;position:relative;}
.msec-service .fl{width:49.5%; min-height:237px;text-align:center; }
.msec-service .fr{width:49.5%; min-height:237px;text-align:center;}

.msec-service h3{ line-height:67px; font-weight:600;font-family: 'NanumGothic'; color:#fff; font-size:32px; letter-spacing:-0.06em; padding-top:25px;}
.msec-service ul{ text-align:center; font-size:0; padding:5px 5% 0 5%}
.msec-service ul li{ min-height:125px; display:inline-block; vertical-align:top; width:25%}
.msec-service .col05 ul li{ width:20%}
.msec-service a{display:block;}
.msec-service a:hover span{text-decoration:underline}
.msec-service span{display:block;  color:#fff; letter-spacing:-0.08em; line-height:115%}
.msec-service .ico{ height:75px;}

.msec-service .c-01{background:#837992; box-shadow:0px 5px 3px 0px rgba(0,0,0,0.2); }
.msec-service .c-02{background:#444a86; box-shadow:0px 5px 3px 0px rgba(0,0,0,0.2);}
.msec-service .c-03{background:#138191; box-shadow:0px 5px 3px 0px rgba(0,0,0,0.2); margin-top:1%}
.msec-service .c-04{background:#4d6cc7; box-shadow:0px 5px 3px 0px rgba(0,0,0,0.2); margin-top:1%}

.msec-service .ico-01{background:url(/img/welfare/Main/service-01.png) no-repeat center top}
.msec-service .ico-02{background:url(/img/welfare/Main/service-02.png) no-repeat center top}
.msec-service .ico-03{background:url(/img/welfare/Main/service-03.png) no-repeat center top}
.msec-service .ico-04{background:url(/img/welfare/Main/service-04.png) no-repeat center top}

.msec-service .ico-05{background:url(/img/welfare/Main/service-05.png) no-repeat center top}
.msec-service .ico-06{background:url(/img/welfare/Main/service-06.png) no-repeat center top}
.msec-service .ico-07{background:url(/img/welfare/Main/service-07.png) no-repeat center top}
.msec-service .ico-08{background:url(/img/welfare/Main/service-08.png) no-repeat center top}

.msec-service .ico-09{background:url(/img/welfare/Main/service-09.png) no-repeat center top}
.msec-service .ico-10{background:url(/img/welfare/Main/service-10.png) no-repeat center top}
.msec-service .ico-11{background:url(/img/welfare/Main/service-11.png) no-repeat center top}
.msec-service .ico-12{background:url(/img/welfare/Main/service-12.png) no-repeat center top}

.msec-service .ico-13{background:url(/img/welfare/Main/service-13.png) no-repeat center top}
.msec-service .ico-14{background:url(/img/welfare/Main/service-14.png) no-repeat center top}
.msec-service .ico-15{background:url(/img/welfare/Main/service-15.png) no-repeat center top}
.msec-service .ico-16{background:url(/img/welfare/Main/service-16.png) no-repeat center top}


	@media only screen and (min-width:1201px) and (max-width:2000px){
		.msec-service{padding-top:391px;}
		.msec-service ul{ padding:5px 5% 0 5%}
		.msec-service span{font-size:16px; }
		
		.msec-visual{ top:132px; width:602px; margin-left:-301px; height:344px;}
	}
	
	@media only screen and (min-width:1001px) and (max-width:1200px){
		.msec-service{padding-top:322px;}
		.msec-service ul{ padding:5px 4% 0 4%}
		.msec-service span{font-size:15px; }

		.msec-visual{ top:122px; width:466px; height:266px; left:50%;margin-left:-233px;background-size:100%;}
	}

	@media only screen and (max-width:1000px) {

		.msec-service{padding-top:0 ; float:left;width:100%; margin-top:1.4%;}
		.msec-visual{ top:16.1%; width:466px; height:266px; left:50%;margin-left:-233px;background-size:100%;}
		

		.msec-service h3{font-size:24px; padding-top:25px ;line-height:50px;}
		.msec-service .fl{min-height:auto}
		.msec-service .fr{min-height:auto;}
		.msec-service .ico{ height:58px;background-size:50px auto !Important}
		.msec-service span{font-size:14px;}

	}
	@media only screen and (max-width:780px) {
		.msec-service span{font-size:13px;}
		.msec-service ul{padding:5px 3%}

	}
	@media only screen and (max-width:680px) {
		.msec-visual{display:none;}
		.msec-service .fl{float:none; width:auto;}
		.msec-service .fr{float:none; width:auto;}

		.msec-service ul li{min-height:115px}
		.msec-service h3{padding-top:20px ;}
		.msec-service .c-02, .msec-service .c-03, .msec-service .c-04{margin-top:5px}
	}
	@media only screen and (max-width:400px) {
		.msec-service ul{padding:5px 5px}
		.msec-service span{font-size:12px;}
	}



.msec-02{ position:relative;background:#fff; padding:30px ;box-sizing:border-box;overflow:hidden;}
.msec-board{ height:274px;  z-index:99 ; position:relative;}
.msec-board h3{letter-spacing:-0.06em;font-family: 'NanumGothic'; color:#181818;  font-size:22px; font-weight:600; height:30px;}
.msec-board .more{position:absolute; display:block;right:0;height:16px; line-height:16px; padding-right:16px;top:5px; letter-spacing:-0.06em;background:url(/img/edu/Main/mboard-on.png) no-repeat right center;}


.msec-board ul{overflow:hidden;}
.msec-board li .list ul{position:relative; height:auto }
.msec-board li .list{position:Absolute;left:0; top:50px; width:100%;box-sizing:border-box;}
.msec-board li .list li:first-child{ margin-top:0; padding-left:0;  height:67px; margin-bottom:22px; padding-bottom:22px; border-bottom:1px dashed #dedede}
.msec-board li .list li:first-child a{ display:block; padding-right:7%; padding-left:84px;}
.msec-board li .list li:first-child .date{width:67px; height:52px;  padding-top:15px;font-size:12px;color:#fff;  display:block; line-height:130%; border-radius:5px;letter-spacing:0; background:#008699; position:absolute; left:0 ;top:0; text-align:center;}
.msec-board li .list li:first-child .date i{font-size:16px; font-weight:600; color:#fff; line-height:120%; display:block;}
.msec-board li .list li:first-child .btxt{display:block; font-size:16px; padding-right:0; color:#324355; letter-spacing:-0.08em; font-weight:600;line-height:130%; padding-top:10px;}
.msec-board li .list li:first-child .stxt{display:block; font-size:14px; font-weight:300; color:#737e89; height:38px; overflow:hidden; line-height:135%; letter-spacing:-0.04em; margin-top:6px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-board li .list li:first-child:after{display:none;}
.msec-board li .list li a:hover .btxt{text-decoration:underline}
.msec-board li .list li a:hover .stxt{text-decoration:underline}


.msec-board li .list li:nth-child(2){margin-top:0}
.msec-board li .list li{padding-left:9px; position:relative; margin-top:8px;}
.msec-board li .list li a{position:relative; display:block;}
.msec-board li .list li:after{background:#444; width:3px; height:3px; position:Absolute; border-radius:100%; left:0; top:10px; display:block; content:""}
.msec-board li .list li .btxt{color:#324355; font-size:14px; letter-spacing:-0.08em; display:block; padding-right:90px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.msec-board li .list li .date{color:#828282; font-size:13px; letter-spacing:-0.03em;  position:absolute; right:0; top:0; width:80px; text-align:right;}


	@media only screen and (min-width:1201px) {
		.msec-02{ height:337px;}
		.msec-board{float:left; width:30.33333%;}
		.msec-board ul{ height:240px;}
		.msec-board li .list{padding:0;}
	}
	@media only screen and (min-width:1001px) and (max-width:1200px){
		.msec-02{height:auto;margin-top:15px;}
		.msec-board{ float:none; width:auto;  height:auto;}
		.msec-board li .list{position:Relative; left:auto; padding:20px 0 10px 0;width:auto; top:auto;}
		.msec-board li .list:after{left:49%; top:10%; height:80%; display:block; width:1px; position:absolute;border-right:1px dashed #dedede;display:block; content:""}
		.msec-board li .list ul{padding-left:52%;}
		.msec-board li .list li:first-child{position:absolute; left:0; top:20px; width:47%; margin-bottom:0; padding-bottom:0; border-bottom:none}

	}

	
	@media only screen and (min-width:681px) and (max-width:1000px) {
		.msec-02{height:auto;margin-top:15px;}
		.msec-board{ float:none; width:auto;  height:auto;}
		.msec-board li .list{position:Relative; left:auto; padding:20px 0 10px 0;width:auto; top:auto;}
		.msec-board li .list:after{left:49%; top:10%; height:80%; display:block; width:1px; position:absolute;border-right:1px dashed #dedede;display:block; content:""}
		.msec-board li .list ul{padding-left:52%;}
		.msec-board li .list li:first-child{position:absolute; left:0; width:47%; top:20px; margin-bottom:0; padding-bottom:0; border-bottom:none}
	}
	

	@media only screen and (max-width:680px) {
		.msec-board{width:auto; bottom:auto; float:none;right:auto; position:relative; margin-top:15px; height:260px}
		.msec-board li .list{padding:0; top:40px}
	}

	@media only screen and (max-width:400px) {
		.msec-board h3{font-size:19px}
		.msec-board .more{ font-size:13px}
		.msec-board li .list li:first-child .btxt{font-size:15px;}
		.msec-board li .list li:first-child .stxt{font-size:13px;}
	}



.msec-nums{background:#f0f5f8; }
.msec-nums ul{border:1px solid #ddd;}
.msec-nums ul:after{width:100%; height:1px ;background:#ddd; display:block; content:""; position:absolute; left:0; top:49.8%;}
.msec-nums ul:before{width:1px; height:100% ;background:#ddd; display:block; content:""; position:absolute; left:49.8%; top:0;}

.msec-nums li{position:relative; float:left; width:50%; box-sizing:border-box; }
.msec-nums li .btxt{display:block; height:30px;letter-spacing:-0.06em;font-family: 'NanumGothic'; color:#222;  font-size:17px; font-weight:400; }
.msec-nums li .stxt{display:block; height:22px;font-size:15px; letter-spacing:-0.06em;font-weight:300;}
.msec-nums li .ctxt{display:block;font-size:21px; font-weight:900; letter-spacing:-0.06em;}


.msec-nums li.c-01 .stxt, .msec-nums li.c-01 .ctxt{color:#ff3c00}
.msec-nums li.c-02 .stxt, .msec-nums li.c-02 .ctxt{color:#0332a7}
.msec-nums li.c-03 .stxt, .msec-nums li.c-03 .ctxt{color:#e12c2c}
.msec-nums li.c-04 .stxt, .msec-nums li.c-04 .ctxt{color:#8b4b00}

.msec-nums li:after{width:74px; height:74px; position:absolute; right:10px; bottom:0; display:block; content:""}
.msec-nums li.c-01:after{background:url(/img/welfare/Main/num-01.png) no-repeat center bottom}
.msec-nums li.c-02:after{background:url(/img/welfare/Main/num-02.png) no-repeat center bottom}
.msec-nums li.c-03:after{background:url(/img/welfare/Main/num-03.png) no-repeat center bottom}
.msec-nums li.c-04:after{background:url(/img/welfare/Main/num-04.png) no-repeat center bottom}

	@media only screen and (min-width:1221px) {
		.msec-nums{width:34.33333%; float:left; margin:0 2%;min-height:274px;}
		.msec-nums ul{position:relative;overflow:hidden; }
		.msec-nums li{padding:18px 20px;min-height:136px; }
	}
	@media only screen and (min-width:1001px) and (max-width:1220px){
		.con-siv{position:relative; padding-left:60%; margin-top:15px;}
		.msec-nums ul{position:Absolute; left:0; top:0; width:100%; height:100%;box-sizing:border-box;}
		.msec-nums li{padding:25px 25px;}
		.msec-nums li.c-01{position:absolute; left:0; top:0; width:50%; height:50%;}
		.msec-nums li.c-02{position:absolute; right:0; top:0; width:50%; height:50%;}
		.msec-nums li.c-03{position:absolute; left:0; bottom:0; width:50%; height:50%;}
		.msec-nums li.c-04{position:absolute; right:0; bottom:0; width:50%; height:50%;}
		.msec-nums{position:absolute; left:0;width:58%; height:100%;}
	}
	@media only screen and (min-width:681px)  and (max-width:1000px) {
		
		.con-siv{position:relative; padding-left:50%; margin-top:15px;}
		.msec-nums ul{position:Absolute; left:0; top:0; width:100%; height:100%;box-sizing:border-box;}
		.msec-nums li{padding:15px 15px;}
		.msec-nums li.c-01{position:absolute; left:0; top:0; width:50%; height:50%;}
		.msec-nums li.c-02{position:absolute; right:0; top:0; width:50%; height:50%;}
		.msec-nums li.c-03{position:absolute; left:0; bottom:0; width:50%; height:50%;}
		.msec-nums li.c-04{position:absolute; right:0; bottom:0; width:50%; height:50%;}
		
		.msec-nums{position:absolute; left:0;width:48%; height:100%;}

		.msec-nums li .btxt{height:auto; font-size:15px;}
	}
	@media only screen and (max-width:680px) {
		.con-siv{padding:0; margin:0}
		.msec-02{height:auto; padding:15px;}
		.msec-nums ul{position:relative;overflow:hidden; }
		.msec-nums{width:auto; float:none; margin:15px 0;}

		.msec-nums li{padding:15px 10px}
		.msec-nums li:after{background-size:50px auto !important; width:50px;}
	}
	@media only screen and (max-width:400px) {
		.msec-nums li .btxt{height:auto; font-size:15px;}
		.msec-nums li .stxt{font-size:14px}
		.msec-nums li .ctxt{font-size:19px;}
		
	}



.msec-zone{position:relative; z-index:5;}
.msec-zone .item img{ width:100%;}
.msec-zone .item a{display:block}
.msec-zone .item a:focus{border: 2px solid #ff0000;}
.msec-zone .zone-ctrl{ position:absolute ; right:20px; top:20px; font-size:0; text-align:right;}
.msec-zone .zone-ctrl a{display:inline-block; vertical-align:top;width:42px; height:42px;background-color:#fff !Important; margin-left:2px;background:url(/img/edu/Main/mvisual-ctrl.png) no-repeat;}
.msec-zone .zone-ctrl a.prev{background-position:0 0;}
.msec-zone .zone-ctrl a.next{background-position:-42px 0;}
.msec-zone .zone-ctrl a.stop{background-position:-84px 0;}
.msec-zone .zone-ctrl a.play{background-position:-126px 0;}

	@media only screen and (min-width:1221px) {
		.msec-zone{ float:right; width:31.33333%;}
	}
	@media only screen and (min-width:1001px) and (max-width:1220px){
		.msec-zone{height:auto; width:auto}

		.msec-zone .zone-ctrl{right:10px; top:10px;}
		.msec-zone .zone-ctrl a{display:inline-block; vertical-align:top;width:22px; height:22px;background-color:#fff !Important; margin-left:2px;background:url(/img/health/Main/mvisual-ctrl.png) no-repeat;background-size:98px auto}
		.msec-zone .zone-ctrl a.prev{background-position:-1px -1px;}
		.msec-zone .zone-ctrl a.next{background-position:-26px -1px;}
		.msec-zone .zone-ctrl a.stop{background-position:-50px -1px;}
		.msec-zone .zone-ctrl a.play{background-position:-76px -1px;}
	}
	@media only screen and (max-width:1000px) {
		.msec-zone .zone-ctrl{right:10px; top:10px;}
		.msec-zone .zone-ctrl a{display:inline-block; vertical-align:top;width:22px; height:22px;background-color:#fff !Important; margin-left:2px;background:url(/img/health/Main/mvisual-ctrl.png) no-repeat;background-size:98px auto}
		.msec-zone .zone-ctrl a.prev{background-position:-1px -1px;}
		.msec-zone .zone-ctrl a.next{background-position:-26px -1px;}
		.msec-zone .zone-ctrl a.stop{background-position:-50px -1px;}
		.msec-zone .zone-ctrl a.play{background-position:-76px -1px;}
	}
	@media only screen and (max-width:880px) {
		.msec-zone{ width:auto; height:auto; float:none}
	}
	@media only screen and (max-width:400px) {
		.msec-02 .msec-customer li div{padding-bottom:10px;}
		.msec-02 .msec-customer li {padding-right:0; padding-left:0px;}
		.msec-02 .msec-customer li .stxt{padding-left:70px; font-size:13px;letter-spacing:-0.09em}
		.msec-02 .msec-customer li .btxt{padding-left:70px}
		.msec-02 .msec-customer li .ctxt{padding-left:70px; font-size:13px;}
		.msec-02 .msec-customer li a{ position:relative ;right:auto; top:auto; width:auto; display:block; letter-spacing:-0.08em; height:auto; font-size:13px; line-height:40px; padding-top:0;}
		.msec-02 .msec-customer li a .plump{display:inline}
		.msec-02 .msec-customer li:before{left:10px; background-size:37px auto}
		.msec-02 .msec-customer li:first-child:before{left:10px; background-size:39px auto}
	}


.msec-03{margin-top:15px; position:relative;background:#fff; height:177px;overflow:hidden;box-sizing:border-box; padding:32px 40px 0 40px;}
.msec-03 .item a{display:block;text-align:center;}
.msec-03 .item a:hover .ico{background-color:#a9d0e8 !important}
.msec-03 .item a:hover span{text-decoration:underline; color:#003d81; font-weight:600;}
.msec-03 .item .ico{ margin-bottom:10px;background-color:#e7e7e7 !important; width:80px; height:80px; display:inline-block; vertical-align:top;border-radius:100%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.msec-03 .item span{display:block; text-align:center; font-size:14px; color:#333; font-weight:300; letter-spacing:-0.08em; line-height:120%; }

.msec-03 .item .ico-01{background:url(/img/welfare/Main/quick-01.png) no-repeat center center}
.msec-03 .item .ico-02{background:url(/img/welfare/Main/quick-02.png) no-repeat center center}
.msec-03 .item .ico-03{background:url(/img/welfare/Main/quick-03.png) no-repeat center center}
.msec-03 .item .ico-04{background:url(/img/welfare/Main/quick-04.png) no-repeat center center}
.msec-03 .item .ico-05{background:url(/img/welfare/Main/quick-05.png) no-repeat center center}
.msec-03 .item .ico-06{background:url(/img/welfare/Main/quick-06.png) no-repeat center center}
.msec-03 .item .ico-07{background:url(/img/welfare/Main/quick-07.png) no-repeat center center}
.msec-03 .item .ico-08{background:url(/img/welfare/Main/quick-08.png) no-repeat center center}

.msec-03 .slick-prev{ width:18px; height:30px; background:url(/img/welfare/Main/quick-prev.jpg) no-repeat center center ;margin-top:-15px; left:-25px;}
.msec-03 .slick-next{ width:18px; height:30px; background:url(/img/welfare/Main/quick-next.jpg) no-repeat center center ;margin-top:-15px;  right:-25px;}

.msec-03 .slick-prev:before, .msec-03 .slick-next:before{display:none;}
	@media only screen and (max-width:1000px) {
		.msec-03 .item span{font-size:14px; line-height:140%;}
	}


	@media only screen and (max-width:680px) {
		.msec-03{padding:20px 20px; height:auto;}
		.msec-03 .slick-prev{left:-12px}
		.msec-03 .slick-next{right:-12px;}
		.msec-03 .item .ico{background-size:30px auto !important; width:60px; height:60px;}
		.msec-03 .item span{font-size:12px;}
	}                                          



/*2021 05 20 */
.msec-sponsor .spon-btn{height: 145px; background: #fff url(/img/welfare/Main/sponsor-bg02.png) no-repeat center /cover; padding-top: 20px; box-sizing: border-box;}
                    .msec-sponsor dl{height: 145px;}
                    .msec-sponsor dl dt{padding-top: 20px;height: 35px;}
                    .msec-sponsor .spon-btn .btxt{padding: 0; font-size: 16px;}
                    .msec-sponsor .spon-btn a{margin: 0 auto 10px auto;}
                    .msec-sponsor .spon-btn p {padding-top:0; vertical-align: middle; width: 48%;}
                    .msec-sponsor .spon-btn .btxt:before{display: none;}

                    @media only screen and (max-width: 1000px){
                        .msec-sponsor .spon-btn .btxt{font-size: 15px; height: auto; margin-bottom: 10px;}
                        .msec-sponsor .spon-btn a {margin: 0 auto 5px auto;}
                        .msec-sponsor dl{height: 135px; padding: 15px;}
                        .msec-sponsor dl dt{padding-top: 0;}
                        .msec-sponsor dl dd a span {line-height: 30px; height: 30px;}
                    }

                    @media only screen and (max-width: 680px){
                        .msec-sponsor .spon-btn{height: auto; width: 100%; position: inherit;padding:30px 0 30px 0; margin: 5px 0;}
                        .msec-sponsor {width: 100%;float: none;padding-left: 0;height: auto;}
                    }