@charset "utf-8";

/* 복지서비스 메인 */
#content {float:none; width:auto; /* min-height:calc(100vh - 212px); */ margin:0; padding:0; background:#fff;}
.visual_area {border-bottom:2px solid #6fa3d3;}
.visual_area .inner {position:relative; max-width:1170px; overflow:hidden;}
.main_service {display:none;}
.notice_area {padding:15px;}
.latest {position:relative; margin:5px 0; overflow:hidden;}
.latest.news {height:189px;}
.latest dt, .latest dt a {height:25px; padding-bottom:5px; color:#031526; font-size:17px; line-height:25px;}
.latest dt a {display:block; color:#666; text-align:center;}
.latest dd {overflow:hidden;}
.latest .nodata {height:150px; padding:0; border:0; border-top:1px solid #91b2d1; text-align:center; line-height:150px;}
.latest dd ul {padding-top:10px; border-top:1px solid #04b09c; overflow:hidden;}
.latest dd li {margin-top:2px; overflow:hidden;}
.latest dd li:first-child {margin-top:0;}
.latest dd li a {display:block; padding-left:11px; color:#444; font-size:15px; line-height:28px; text-overflow:ellipsis; white-space:nowrap; background:url(../images/common/bul_circle_blue.png) no-repeat 0 center; background-size:4px 4px; overflow:hidden;}
.latest dd li a:hover, .latest dd li a:active {text-decoration:underline;}
.latest dd li .date {padding-left:11px; font-size:12px; display:block;}
.latest dd .more {position:absolute; top:1px; right:0; width:22px; height:30px; text-indent:100%; white-space:nowrap; background:url(../images/main/btn_more.png) no-repeat right 8px; background-size:11px 11px; overflow:hidden;}
.latest.welfare_news dt {font-weight:600;}
.tab_tit {position:relative; float:left; margin-left:9px; padding-left:10px; font-weight:600; z-index:100; background:url(../images/main/bar_latest.gif) no-repeat 0 7px; background-size:1px 13px;}
.tab_tit:first-child {margin-left:0; padding-left:0; background:none;}
.tab_tit.on a {font-weight:600; color:#031526;}
.tab_cont {display:none; position:absolute; left:0; right:0; padding-top:30px; z-index:90;}
.tab_tit.on+.tab_cont {display:block;}
#notice_slider {position:relative; margin:15px 0; border:1px solid #d8e3ef; width:100%; height:0; padding-top:58.3%; border-radius:7px; overflow:hidden;}
#notice_slider .nodata {display:table; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; border:0;}
#notice_slider .nodata span {display:table-cell; vertical-align:middle;}
#notice_slider .nodata span img  {width:129px; height:71px;}
#notice_slider dl {position:absolute; top:0; bottom:0; left:0; right:0; padding:10px 15px 0 0; font-size:0; line-height:0; text-align:right;}
#notice_slider dt {display:inline-block; margin-left:5px; position:relative; z-index:120;}
#notice_slider dt a {display:block; width:14px; height:14px; border-radius:7px; color:#ccc; background:#ccc; box-shadow:inset 1px 1px 1px rgba(51,51,51,0.5); overflow:hidden;}
#notice_slider dt.on a {color:#0073e5; background:#0073e5;}
#notice_slider dd {position:absolute; top:0; left:0; width:100%; height:100%;}
#notice_slider dd a {display:block; height:100%;}
#notice_slider dd img {max-width:none; height:100%;}
#notice_slider button {display:none;}

.welfare {padding:0 15px; background:#c2edec;}
.welfare ul li {border-top:1px solid #86c7c6; padding:15px 0; background:url(../images/main/bg_welfare1.png) no-repeat 0 center; background-size:auto 53px;}
.welfare ul li:first-child {border:0;}
.welfare ul li a {display:block; height:53px; padding-left:72px; color:#333; font-weight:600; font-size:17px; line-height:53px; letter-spacing:-0.03em;}
.welfare ul li:nth-child(1) {}
.welfare ul li:nth-child(2) {background-image:url(../images/main/bg_welfare2.png);}
.welfare ul li:nth-child(3) {background-image:url(../images/main/bg_welfare3.png);}
.welfare ul li:nth-child(4) {background-image:url(../images/main/bg_welfare4.png);}
.welfare ul li:nth-child(5) {background-image:url(../images/main/bg_welfare5.png);}
.welfare ul li:nth-child(6) {background-image:url(../images/main/bg_welfare6.png);}
.welfare ul li a strong {display:block; color:#333; font-size:17px; line-height:40px;}

.affiliate {padding:40px 15px 35px; border-bottom:1px solid #eee; word-break:keep-all; background:#f5fbff;}
.affiliate li {margin-top:40px; text-align:center;}
.affiliate li:first-child {margin-top:0;}
.affiliate li a {display:block;}
.affiliate li a img {display:block; width:215px; margin:0 auto 17px;}
.affiliate li a strong {display:inline-block; padding-right:35px; color:#063882; font-size:26px; line-height:30px; background:url(../images/main/ico_detail.png) no-repeat right center; background-size:26px 26px;}
.affiliate li a span {display:block; margin-top:10px; color:#555; font-size:15px; line-height:18px;}

.banner_area {padding:9px;}
.banner_area .rolling_bn {position:relative;}
.banner_area .rolling_bn ul {overflow:hidden;}
.banner_area .rolling_bn li {float:left; width:calc(33.3% - 12px); margin:6px;}
.banner_area .rolling_bn li a {display:block; border:1px solid #d9d9d9; border-radius:3px; overflow:hidden;}
.banner_area .rolling_bn li a img {width:100%; height:auto;}
.banner_area .rolling_bn button {display:none; position:absolute; top:50%; width:11px; height:22px; margin-top:-11px; text-indent:100%; white-space:nowrap; background:url(../images/main/btn_bn_prev.png) no-repeat; overflow:hidden;}
.banner_area .rolling_bn .btn_prev {left:0;}
.banner_area .rolling_bn .btn_next {right:0; background-image:url(../images/main/btn_bn_next.png);}

@media only all and (min-width:768px) {
	.notice_area {max-width:1170px; padding:25px 10px; overflow:hidden;}
	.notice_area .latest, #notice_slider {float:left; width:calc(50% - 185px); margin:0; overflow:hidden;}
	.latest dt, .latest dt a {font-size:17px;} 
	#notice_slider {width:300px; height:175px; margin:7px 30px 0; padding:0;}
	#notice_slider dl {position:static; width:290px; height:165px;}
	#notice_slider img {width:300px; max-width:none; height:175px;}
	.tab_area {margin:0;}
	.tab_tit a {font-size:15px;}

	.welfare {padding:15px 0 16px;}
	.welfare ul {max-width:1100px; overflow:hidden;}
	.welfare ul li {float:left; box-sizing:border-box; width:19%; padding:0; border:0; background-position:10px center; background-size:auto 45px;}
	.welfare ul li a {height:45px; padding-left:62px; border-left:1px solid #86c7c6; font-size:15px; line-height:45px;}
	.welfare ul li:nth-child(1) {width:15%; background-position:15px center;}
	.welfare ul li:nth-child(1) a {border-left:0; padding-left:65px;}
	.welfare ul li:nth-child(even) {width:17%;}
	.welfare ul li:nth-child(3){width:15%;}
	.welfare ul li:nth-child(5){width:16%;}
	.welfare ul li:nth-child(6){width:20%;}

	.affiliate {padding:40px 0 25px; border-bottom:1px solid #eee; word-break:keep-all; background:#f5fbff url(../images/main/bg_affil.gif) no-repeat center 0;}
	.affiliate ul {max-width:990px; margin:auto; overflow:hidden;}
	.affiliate li {float:left; width:33.3%; margin:0;}
	.affiliate li a img {display:block; width:215px; margin:0 auto 17px;}
	.affiliate li a strong {display:inline-block; padding-right:45px; color:#063882; font-size:26px; line-height:30px; background:url(../images/main/ico_detail.png) no-repeat right center; background-size:26px 26px;}
	.affiliate li a span {display:block; margin-top:10px; color:#555; font-size:15px; line-height:18px;}
}
@media only all and (max-width:989px) {
	.main .visual_area .inner {padding-top:36%;}
	.visual_area .visual {position:absolute; top:0; left:0; right:-30%; height:0; padding-top:42.8%; border-bottom:2px solid #6fa3d3; overflow:hidden;}
	.visual_area .visual img {position:absolute; top:0; width:100%;}
}

/* PC Web Mode */
@media only all and (min-width:990px) {
	.visual_area .visual {height:327px; /* padding-right:10%; */ border-bottom:0; text-align:center;}
	.visual_area .visual img {position:static;}
	.main_service {display:block; position:absolute; right:5px; top:25px; width:270px; padding:5px; text-align:center; overflow:hidden;}
	.main_service dt {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
	.main_service dd {float:left; width:33.3%; margin-bottom:40px; word-break:keep-all;}
	.main_service dd a {display:block; height:0; padding-top:55px; font-weight:600; color:#444; font-size:14px; line-height:15px; text-align:center; background:url(../images/main/ico_service1.png) no-repeat center center;}
	.main_service dd:nth-child(2) a {background-image:url(../images/main/ico_service1.png);}
	.main_service dd:nth-child(3) a {background-image:url(../images/main/ico_service2.png);}
	.main_service dd:nth-child(4) a {background-image:url(../images/main/ico_service3.png);}
	.main_service dd:nth-child(5) a {background-image:url(../images/main/ico_service4.png);}
	.main_service dd:nth-child(6) a {background-image:url(../images/main/ico_service5.png);}
	.main_service dd:nth-child(7) a {background-image:url(../images/main/ico_service6.png);}
	.main_service dd:nth-child(8) a {background-image:url(../images/main/ico_service7.png);}
	.main_service dd:nth-child(9) a {background-image:url(../images/main/ico_service8.png);}
	.main_service dd:nth-child(10) a {background-image:url(../images/main/ico_service9.png);}
	.main_service dd a strong {display:block; line-height:25px;}

	#notice_slider dt a {width:20px; height:20px; border-radius:10px;}

	.welfare ul li {background-position:10px center; background-size:auto 53px;}
	.welfare ul li a {height:53px; padding-left:80px; font-size:15px; line-height:53px;}
	.welfare ul li:nth-child(1) a {padding-left:80px;}
	.welfare ul li:nth-child(2) a {padding-left:70px;}
	.welfare ul li:nth-child(4) a {padding-left:70px;}

	.banner_area {padding:20px;}
	.banner_area .rolling_bn {max-width:1090px; height:42px; padding:0 40px; overflow:hidden;}
	.banner_area .rolling_bn li {float:left; width:calc(16.6%); margin:0;}
	.banner_area .rolling_bn li a {width:132px; height:40px; margin:auto;}
	.banner_area .rolling_bn button {display:block;}
}
@media only all and (min-width:1090px) {
	.banner_area .rolling_bn li {float:left; width:calc(14.2%); margin:0;}
	.main_service {right:3%;}
	.welfare ul {max-width:1100px; padding:0 30px;}
}
@media only all and (min-width:1350px) {
	.visual_area .inner, .notice_area, .welfare ul, .affiliate ul, .banner_area .rolling_bn {margin:auto;}
}

/* 복지서비스 서브메인 */
.welfare_visual {height:30px; padding-top:calc(98.7% - 30px); padding-left:1%; font-size:0;}
.welfare_visual dt {position:relative; display:inline-block; margin-left:5px; overflow:hidden; z-index:50;}
.welfare_visual dt a {display:block; width:15px; height:15px; border-radius:8px; color:#b3b3b3; background:#b3b3b3; box-shadow:inset 1px 1px 1px rgba(51,51,51,0.5); text-align:center; vertical-align:middle;}
.welfare_visual dt.on a {width:35px; color:#00b58b; background:#00b58b;}
.welfare_visual dd {position:absolute; top:0; left:0; right:0; bottom:0; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/content/welfare/img_visual1_m.jpg) no-repeat; background-size:100% 100%;}
.welfare_visual dd.visual1 {background-image:url(../images/content/welfare/img_visual1_m.jpg);}
.welfare_visual dd.visual2 {background-image:url(../images/content/welfare/img_visual2_m.jpg);}
.welfare_visual button.btn_prev {display:none;}
.welfare_visual button.btn_next {display:none;}
.welfare_visual button.btn_stop {display:none;}
.welfare_visual button.btn_play {display:none;}

.welfare_service {padding:15px 0; overflow:hidden;}
.welfare_service li {position:relative; float:left; width:calc(25% - 10px); margin:8px 5px; font-size:13px; text-align:center;}
.welfare_service li a {display:block; padding-top:75px; font-weight:600; background:url(../images/content/welfare/ico_welfare_service1.png) no-repeat center 0; background-size:71px 70px;}
.welfare_service li:nth-child(2) a {background-image:url(../images/content/welfare/ico_welfare_service2.png);}
.welfare_service li:nth-child(3) a {background-image:url(../images/content/welfare/ico_welfare_service32.png);}
.welfare_service li:nth-child(4) a {background-image:url(../images/content/welfare/ico_welfare_service3.png);}
.welfare_service li:nth-child(5) a {background-image:url(../images/content/welfare/ico_welfare_service4.png);}
.welfare_service li:nth-child(6) a {background-image:url(../images/content/welfare/ico_welfare_service5.png);}
.welfare_service li:nth-child(7) a {background-image:url(../images/content/welfare/ico_welfare_service7.png);}
.welfare_service li:nth-child(8) a {background-image:url(../images/content/welfare/ico_welfare_service8.png);}

.news_area {padding:15px; border-top:1px solid #dde4e7; background:#f3f3f3;}
#welfare_slider {position:relative; margin:15px 0; width:100%; height:0; padding-top:46.3%;}
#welfare_slider .nodata {display:table; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; border:0;}
#welfare_slider .nodata span {display:table-cell; vertical-align:middle;}
#welfare_slider .nodata img {width:40%;}

#welfare_slider dl {position:absolute; top:0; bottom:0; left:0; right:0; padding:10px 10px 0 0; border:1px solid #ccd4dc; border-radius:7px; font-size:0; line-height:0; text-align:right; overflow:hidden;}
#welfare_slider dt {display:inline-block; margin-left:5px; position:relative; z-index:120;}
#welfare_slider dt a {display:block; width:10px; height:10px; border-radius:5px; color:#b3b3b3; background:#b3b3b3; box-shadow:inset 1px 1px 1px rgba(51,51,51,0.5); overflow:hidden;}
#welfare_slider dt.on a {width:25px; color:#00b58b; background:#00b58b;}
#welfare_slider dd {position:absolute; top:0; left:0; width:100%; height:100%;}
#welfare_slider dd a {display:block; height:100%;}
#welfare_slider dd img {width:100%; max-width:none; height:100%;}
#welfare_slider button {display:none;}
.news_area .latest dt {font-weight:600;}
.news_area .latest dd ul {border-top:1px solid #91b2d1;}
.news_area .latest .nodata {height:110px; line-height:110px;}
.news_area .latest li a {font-size:14px; line-height:21px; background-image:url(../images/common/bul_dot2.png); background-position:0 center;}
.news_area .latest.notice {margin-bottom:15px; padding-bottom:20px; border-bottom:1px solid #cbd9df;}
.news_area .latest li .date {display:none;}

.latest_affiliate {padding:25px 15px; background:#dce8ee;}
.latest_affiliate h3 {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; /* margin-bottom:10px; font-size:15px; */}
.latest_affiliate li+li {margin-top:25px;}
.latest_affiliate li a {display:block; font-weight:600;}
.latest_affiliate li a img {width:100%; border-radius:4px; border:1px solid #c7d4da;}
.latest_affiliate li .cate {display:block; display:none; margin:3px 0 5px; font-size:12px; color:#555;}
.latest_affiliate li .tit {display:block; font-size:14px; color:#333; line-height:16px;}
.latest_affiliate li .tit {display:block; margin-top:10px; font-size:14px; color:#333; line-height:16px;}

@media only all and (min-width:414px) {
	.welfare_service li {width:calc(25% - 20px); margin:8px 10px;}
}
@media only all and (min-width:768px) {
	.welfare_visual {box-sizing:border-box; height:281px; padding:230px 0 0 23px; background:url(../images/content/welfare/bg_main.jpg) no-repeat 80% -38px; background-size:697px auto;}
	.welfare_visual dd {background-position:left 0; background-size:auto;}
	.welfare_visual dd.visual1 {background-image:url(../images/content/welfare/img_visual1.jpg);}
	.welfare_visual dd.visual2 {background-image:url(../images/content/welfare/img_visual2.jpg);}

	.news_inner {overflow:hidden;}
	.news_area {padding:20px 0;}
	.welfare_service {padding:7px 0 4px;}
	.welfare_service li {width:calc(12.5% - 20px);}
	#welfare_slider {float:left; width:465px; height:171px; margin:0 0 0 15px; padding:0; overflow:hidden;}
	#welfare_slider .nodata {display:table; width:100%; height:100%; padding:0; border:0;}
	#welfare_slider .nodata span {display:table-cell; vertical-align:middle;}
	#welfare_slider .nodata img {width:109px;}
	#welfare_slider dl {position:relative; width:355px; height:159px; margin:auto;}
	#welfare_slider dd img {width:365px; max-width:none; height:169px;}
	#welfare_slider .btn_prev, #welfare_slider .btn_next {display:block; position:absolute; top:66px; width:14px; height:27px; text-indent:100%; white-space:nowrap; background:url(../images/content/welfare/btn_bn_prev.png) no-repeat; overflow:hidden;}
	#welfare_slider .btn_prev {left:0;}
	#welfare_slider .btn_next {right:0; background-image:url(../images/content/welfare/btn_bn_next.png);}
	.news_area .latest {float:left; width:calc(100% - 571px); margin:0 15px 0 30px; overflow:hidden;}
	.news_area .latest.welfare_news {margin-bottom:0; padding-bottom:0; padding-left:30px; border-bottom:0; border-left:1px solid #cbd9df;}
	.news_area .latest.notice .more {right:30px;}
	.latest_affiliate ul {margin:-10px -15px; overflow:hidden;}
	.latest_affiliate li {float:left; width:calc(50% - 30px); margin:10px 15px !important;}
}
@media only all and (min-width:990px) {
	.welfare_visual dd {background-position:center 0;}
	.welfare_service {max-width:1170px;}
	.news_inner {max-width:1170px;}
	.latest_affiliate {background:#dce8ee;}
	.latest_affiliate h3 {margin-bottom:20px; font-size:17px;}
	.latest_inner {max-width:1170px;}
	.news_area .latest dt {margin-top:-3px; padding-bottom:5px;}
	.news_area .latest li a {float:left; max-width:calc(100% - 100px); font-size:15px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.news_area .latest.notice li a {max-width:calc(100% - 90px);}
	.news_area .latest li a:hover, .news_area .latest li a:focus {text-decoration:underline;}
	.news_area .latest li .date {display:block; float:right; margin:3px 0 2px; padding:0; font-size:14px;}
	.latest_affiliate li {width:calc(25% - 30px);}
	.latest_affiliate li img {max-height:173px;}
}
@media only all and (min-width:1350px) {
	.welfare_service, .news_inner, .latest_inner {margin:auto;}
}
/* 복지서비스 메인 */