@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {position: relative;z-index:0;background: url('./../../images/fs/main/clouds.png') no-repeat right 30% top -20% var(--lay-bg-blue6);background-size: 70rem auto;}
.fs_main_visual .vs_box {position: relative;}
.fs_main_visual .vs_box .box {position: relative;display:flex;padding:2.5rem 0 5rem 0;}
.fs_main_visual .text_box {}
.fs_main_visual .text_box .img {display: flex;flex-direction: column;}
.fs_main_visual .text_box .img img {}
.fs_main_visual .text_box .img .hart1 {width: 1.1rem;transform: rotate(20deg) translateX(15px) translateY(-2px);}
.fs_main_visual .text_box .img .hart2 {width: 1.6rem;transform: rotate(-20deg) translateX(-1px) translateY(-2px);}
.fs_main_visual .text_box .img .hart3 {width: 2.1rem;transform: translateX(-1px) translateY(2px);}
.fs_main_visual .text_box p {margin-top:1.5rem;font-size:2.6rem;font-weight:600;color:var(--lay-text-black0);}
.fs_main_visual .text_box strong {display:block;margin-top:1.2rem;font-weight:800;font-size:5rem;color:var(--lay-text-black0);}
.fs_main_visual .text_box strong em {color:var(--lay-col-blue1);}
.fs_main_visual .img_box {display:flex;align-items: flex-end;position:absolute;right:0;bottom:2.2rem;}
.fs_main_visual .img_box div {}
.fs_main_visual .img_box div img {}
.fs_main_visual .img_box .icon01 {margin-right:16.7rem;}
.fs_main_visual .img_box .icon02 {}
@media only screen and (max-width:1023px){
	.fs_main_visual .img_box .icon01 {margin-right:6.7rem;}
	.fs_main_visual .img_box div img {width: 28.1rem;}
}
@media only screen and (max-width:767px){
	.fs_main_visual .img_box .icon01 {margin-right:2.7rem;}
	.fs_main_visual .img_box div img {width: 22.1rem;}
}


.fs_main_visual .wave {position:absolute;left:0;bottom:0;z-index:-1;display:block;width:6400px;height:125px;background:url('./../../images/fs/main/bg_vis.png') repeat-x;animation:wave 50s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;transform:translate3d(0, 0, 0);}
@keyframes wave {
	0% {margin-left: 0;}
	100% {margin-left: -1600px;}
}

.fs_main_visual .text_box .img .hart1,
.fs_main_visual .text_box .img .hart2,
.fs_main_visual .text_box .img .hart3 {opacity: 0;animation: hartFade 3s infinite;position: relative;}
.fs_main_visual .text_box .img .hart1 {animation-delay: 0s;}
.fs_main_visual .text_box .img .hart2 {animation-delay: 0.1s;}
.fs_main_visual .text_box .img .hart3 {animation-delay: 0.2s;}
@keyframes hartFade {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}


/* 컨텐츠 시작 */
.fs_main_contents {position: relative;}
.fs_main_contents:before {content:"";position: absolute;width: 100%;height: 40rem;background: linear-gradient(to bottom, var(--lay-bg-blue4), #fff);}
.con_box1 {position: relative;padding-top:1.5rem;background: linear-gradient(to bottom, var(--lay-bg-blue6), #fff);}
.con_box1:before {content: "";position: absolute;left:0;bottom:-40rem;z-index:0;width: 26.2rem;height: 63.6rem;background:url('./../../images/fs/main/bg1.png') no-repeat;animation: moveBackground 10s cubic-bezier(0.5, 0, 0.5, 1) infinite;}
.con_box1:after {content: "";display: block;clear: both;}
/* 나의 맞춤형 복지 검색 */
.con_box1 .left_box {position: relative;z-index:1;width:calc(40% - 6rem);filter: drop-shadow(var(--box-shadow));float: left;margin-right: 6rem;}
.con_box1 .left_box:before {content:"";display:block;position: absolute;left:0;top:0;z-index:-1;width: calc(100% - 3rem);height:calc(100% - 3.8rem);background: var(--lay-grad-blue1);border-radius: var(--lay-rd-btn_rb2);}
.con_box1 .left_box h3 {padding: 3.5rem 0 2rem 3rem;font-size:2.6rem;color:#fff;font-weight: 600;}
.con_box1 .left_box h3 img {margin-right:1rem;width:2.5rem;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(20deg) brightness(103%) contrast(101%);}
.con_box1 .left_box .step {display:grid;place-items:center;position: absolute;right:0;top:-2.2rem;width:9.4rem;height:4.7rem;background: var(--lay-col-red1);color:var(--lay-col-white);border-radius: var(--lay-rd-btn_lb);font-weight: 500;}
.con_box1 .left_box .main_search_form_wrap {position:relative;padding-right:5rem;}
.con_box1 .left_box .main_search_form_wrap .main_search_form {border-radius: var(--lay-rd-btn_rt);background: #fff;min-height: 40.8rem;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr {display: none;padding:4rem 3rem;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr.on {display: block;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group {}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .left {}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .left label {}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .left strong {}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .left .tit {font-size:1.8rem;color: var(--lay-text-black1);font-weight: 700;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .left .tit .end {color: var(--lay-text-black3);font-weight: 400;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .right {display: flex;gap:1rem;flex-wrap: wrap;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .right.r3d {}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .right input {}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .right .option {display: flex;align-items: center;gap: 0.8rem;padding:0 1rem;border: 1px solid var(--lay-line-gray2);border-radius: 10px;background: var(--lay-bg-blue3);color: var(--lay-text-black1);font-weight: 600;cursor: pointer;width: calc(50% - 1rem);transition: var(--lay-ts);}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .right.r3d .option {width: calc(33.3% - 1rem);}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .right .option input[type="radio"],
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .right .option input[type="checkbox"] {flex-shrink: 0;width: 1.6rem;height:5rem;accent-color: var(--lay-col-white);cursor: pointer;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .right .option.on {background: var(--lay-col-black1);color: var(--lay-col-white);outline: 2px dotted #005fcc;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .right .option.on span {font-weight: 700;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group .p_cont_etc {margin-top:3rem;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group_box {display: flex;gap:2.5rem;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .form_group_box .form_group {flex-grow:1;width: calc(50% - 2.5rem);}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .btn_box {position:absolute;left:0;bottom:0;right:0;padding-right:5rem;margin:0 auto -2.5rem auto;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .btn_box .btn_bace {min-width: 13rem;}
.con_box1 .left_box .main_search_form_wrap .main_search_form .div_tr .btn_box .btn_bace img {}
/* 팝업존 */
.con_box1 .right_box {float:right;width: 60%;}
.con_box1 .right_box .vis_slide_box {}
.con_box1 .right_box .vis_slide_box .swiper-slide {}
.con_box1 .right_box .vis_slide_box .swiper-slide a img {width:100%;border-radius: var(--lay-rd-btn_rb2);}
.con_box1 .right_box .vis_slide_box .swiper-slide a:focus img {transform: scale(0.98,0.98);}
.con_box1 .right_box .vis_slide_box .mvis_controll_box {margin-top:-4rem;position: relative;z-index: 1;}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box {display:flex;justify-content:center;gap:1px;width: 25.9rem;height:4rem;margin: 0 auto;border-radius: 10px 10px 0 0;background: rgba(42,42,42,0.9);}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box a {flex-grow: 1;}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .swiper-pagination {flex-grow: 1;display:flex;align-items: center;justify-content:center;gap:0.3rem;position:static;width:10rem;color:var(--lay-col-white);border-right: 1px solid var(--lay-line-gray2);}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .swiper-pagination .line {margin-right:3px;}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .swiper-pagination .line img {vertical-align: middle;}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .prev0 {display:flex;align-items: center;justify-content:center;width:4rem;border-right: 1px solid var(--lay-line-gray2);}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .prev0 img {width:2.5rem;vertical-align:middle;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(157deg) brightness(107%) contrast(103%);}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .playStopButton0 {display:block;width:4rem;background-repeat: no-repeat;background-position: center center;border-right: 1px solid var(--lay-line-gray2);}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .playStopButton0.stop {background-image: url('./../../images/fs/main/play.png');}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .playStopButton0.play {background-image: url('./../../images/fs/main/stop.png');}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .next0 {display:flex;align-items: center;justify-content:center;width:4rem;border-right: 1px solid var(--lay-line-gray2);}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .next0 img {width:2.5rem;vertical-align:middle;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(157deg) brightness(107%) contrast(103%);}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .more {display:flex;align-items: center;justify-content:center;width:4rem;transition: var(--lay-ts);}
.con_box1 .right_box .vis_slide_box .mvis_controll_box .play_box .more:is(:hover,:focus,:active) {transform: rotate(180deg);}
@media only screen and (max-width:1399px){
	.con_box1 .left_box {width: calc(40% - 3rem);margin-right: 3rem;}
}
@media only screen and (max-width:1199px){
	.option span {word-break: break-all;}
}
@media only screen and (max-width:1023px){
	.con_box1 .left_box {width: 100%;float: none;margin-right: 0;}
	.con_box1 .left_box:before {width: 100%;}
	.con_box1 .left_box .main_search_form_wrap {padding-right:0;}
	.con_box1 .right_box {float:none;width: 100%;}

	.con_box1 .right_box {margin-top:8rem;}
}


/* 자주찾는 서비스 */
.con_box2 {position:relative;margin-top:13.5rem;}
.con_box2:before {content: "";position: absolute;right:0;bottom:-40rem;z-index:-1;width: 23rem;height: 50.2rem;background:url('./../../images/fs/main/bg2.png') no-repeat;animation: moveBackground 10s cubic-bezier(0.5, 0, 0.5, 1) infinite;}
.con_box2:after {content:"";position: absolute;left:0;top:0;z-index:-1;width: 50%;height:100%;background: #0ea779;}
.con_box2 .wrap {display: flex;align-items:center;justify-content:space-between;gap:10rem;background: var(--lay-grad-green2);border-radius: var(--lay-rd-btn_rb2);}
.con_box2 h3 {font-size:3rem;font-weight: 800;color:#fff;}
.con_box2 h3 img {margin-right: 1.5rem;}
.con_box2 .services {flex-grow:1;display: flex;padding:4rem 0;}
.con_box2 .services li {flex-grow:1;}
.con_box2 .services li a {display: flex;flex-direction: column;justify-content:center;color:var(--lay-col-white);text-align: center;}
.con_box2 .services li a img {width: 4rem;margin:0 auto;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(157deg) brightness(107%) contrast(103%);transition: transform 0.6s ease;transform-style: preserve-3d;}
.con_box2 .services li a em {display: block;margin-top:1.2rem; font-size:1.8rem; line-height:2.2rem;}
.con_box2 .services li a:is(:hover,:focus,:active) img {transform: rotateY(360deg);}
@keyframes moveBackground {
	0% {background-position: right 0 bottom 0;}
	50% {background-position: right 0 bottom 3rem;}
	100% {background-position: right 0 bottom 0;}
}
@media only screen and (max-width:1399px){
	.con_box2 .wrap {margin-right:2rem;}
}
@media only screen and (max-width:1199px){
	.con_box2 .wrap {gap:5rem;}
}
@media only screen and (max-width:1023px){
	.con_box2 {margin-top:8.5rem;}
	.con_box2 .wrap {align-items: flex-start;flex-direction: column;gap:3rem;}
	.con_box2 h3 {margin-top:5rem;}
	.con_box2 .services {padding-top:0;width: 100%;}
}
@media only screen and (max-width:767px){
	.con_box2 .services {flex-wrap: wrap;gap:3rem;}
	.con_box2 .services li {flex-grow:1;width: 20%;}
}


/* 분야별 복지정보 */
[class^="con_box"] .big_h3 {font-size:4.5rem;font-weight: 800;line-height: 1.1;}
[class^="con_box"] .big_h3 em {color:var(--lay-col-green1);}
[class^="con_box"] .big_h3 em span {position: relative;}
[class^="con_box"] .big_h3 em span:before {content:"";display:block;position: absolute;left:50%;top:-5px;width: 5px;height: 5px;border-radius: 100%;background: var(--lay-col-green1);transform: translateY(-50%);}
[class^="con_box"] .sm_h3 {font-size:3rem;font-weight: 800;}
[class^="con_box"] .sm_h3 em {color:var(--lay-col-blue1);}
[class^="con_box"] .sm_h3 em span {position: relative;}
[class^="con_box"] .sm_h3 em span:before {content:"";display:block;position: absolute;left:50%;top:-5px;width: 5px;height: 5px;border-radius: 100%;background: var(--lay-col-blue1);transform: translateY(-50%);}
.con_box3 {position:relative;}
.con_box3:after {content:"";position: absolute;left:0;top:0;z-index:-1;width: 25%;height:100%;background: var(--lay-col-green5);}
.con_box3 .tab_box_wrap {display: flex;}
.con_box3 .tab_box_wrap .left {padding:8rem 5rem 13.5rem 0;background:url('./../../images/fs/main/bg_logo1.png') no-repeat right bottom var(--lay-col-green5);border-radius: 0 0 3rem 0;}
.con_box3 .tab_box_wrap .left .tab_menu_box {display:flex;flex-direction:column;margin-top:3.5rem;width:27rem;}
.con_box3 .tab_box_wrap .left .tab_menu_box li {}
.con_box3 .tab_box_wrap .left .tab_menu_box li a {position:relative;display: flex;align-items: center;justify-content:space-between;height: 3rem;padding:0 2.5rem 0 3rem;border-radius: var(--lay-rd-btn_rb);color:#777;font-weight: 400;font-size:2rem;text-decoration: none;transition: var(--lay-ts);}
.con_box3 .tab_box_wrap .left .tab_menu_box li a:after {content:"";display: block;position:absolute;left:1.5rem;top:50%;width: 0;height: 0;border-radius: 100%;background: #fff;transform: translateY(-50%);transition: var(--lay-ts);}
.con_box3 .tab_box_wrap .left .tab_menu_box li a img {opacity:0;width: 2.5rem;transition: var(--lay-ts);}
.con_box3 .tab_box_wrap .left .tab_menu_box li.on a {background: var(--lay-col-green1);color:var(--lay-col-white);height: 4rem;margin-bottom:0.5rem;font-weight: 700;padding:0 1.5rem 0 3rem;box-shadow: var(--box-shadow);}
.con_box3 .tab_box_wrap .left .tab_menu_box li.on a:after {width: 6px;height: 6px;}
.con_box3 .tab_box_wrap .left .tab_menu_box li.on a img {opacity:1;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(157deg) brightness(107%) contrast(103%);}
.con_box3 .tab_box_wrap .tab_content {position:relative;display: none;padding-top:8rem;}
/*.con_box3 .tab_box_wrap .tab_content:after {content:"";position: absolute;left:5rem;bottom:0;z-index:1;width:calc(100% - 6rem);height: 8rem;background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));border-radius: 0 0 15px 30px;}*/
.con_box3 .tab_box_wrap .tab_content.on {flex-grow:1;display: flex;padding-left:5rem;}
.con_box3 .tab_box_wrap .tab_content .box {box-shadow: var(--box-shadow);width:100%;height: 100%;max-height:40rem;border-radius: var(--lay-rd-btn_rt);padding:4rem;background: var(--lay-bg-green1);border:1px solid rgba(186,206,209,0.6);}
.con_box3 .tab_box_wrap .tab_content .tab_box_m {overflow-y:scroll;display:flex;gap:1.5rem;align-content: flex-start;margin-right:-1.5rem;flex-wrap:wrap;width:100%;height: 100%;padding:0 0 4rem 0;}
.con_box3 .tab_box_wrap .tab_content .tab_box_m::-webkit-scrollbar {width: 6px;}
.con_box3 .tab_box_wrap .tab_content .tab_box_m::-webkit-scrollbar-track {background: var(--lay-col-white);}
.con_box3 .tab_box_wrap .tab_content .tab_box_m::-webkit-scrollbar-thumb {background: var(--lay-col-green1);border-radius: 50px;}
.con_box3 .tab_box_wrap .tab_content .tab_box_m li {width: calc(33.3% - 1.5rem);}
.con_box3 .tab_box_wrap .tab_content .tab_box_m li a {display:flex;align-items:center;/*justify-content:center;*/gap:2rem;height: 8rem;padding:0 2rem 0 2rem;border-radius: var(--lay-rd-btn_rb);transition: var(--lay-ts);background-color: #fcffff;border:1px solid rgba(186,206,209,1);font-size:2rem;font-weight:600;color:var(--lay-text-black1);text-decoration: none;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.con_box3 .tab_box_wrap .tab_content .tab_box_m li a span {display: inline-block;width: 5rem;height:100%;text-align: center;background-repeat:no-repeat;background-position:left center;}
.con_box3 .tab_box_wrap .tab_content .tab_box_m li a img {transition: 0.4s;}

	/* 생애주기별 */
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.PREGNANT span {background-image:url('./../../images/fs/main/icon01_01.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.INFANT span {background-image:url('./../../images/fs/main/icon01_02.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.CHILD span {background-image:url('./../../images/fs/main/icon01_03.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.TEENAGER span {background-image:url('./../../images/fs/main/icon01_04.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.YOUTH span {background-image:url('./../../images/fs/main/icon01_05.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.MIDDLEAGED span {background-image:url('./../../images/fs/main/icon01_06.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.OLD span {background-image:url('./../../images/fs/main/icon01_07.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.N span {background-image:url('./../../images/fs/main/icon01_08.png');}

	/* 가구상황별 */
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.BD span {background-image:url('./../../images/fs/main/icon02_01.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.SB span {background-image:url('./../../images/fs/main/icon02_02.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.LI span {background-image:url('./../../images/fs/main/icon02_03.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.DS span {background-image:url('./../../images/fs/main/icon02_04.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.SP span {background-image:url('./../../images/fs/main/icon02_05.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.MC span {background-image:url('./../../images/fs/main/icon02_06.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.SG span {background-image:url('./../../images/fs/main/icon02_07.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.VE span {background-image:url('./../../images/fs/main/icon02_08.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.FE span {background-image:url('./../../images/fs/main/icon02_09.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.DF span {background-image:url('./../../images/fs/main/icon02_10.png');}

	/* 관심주제별 */
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.PAM span {background-image:url('./../../images/fs/main/icon03_01.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.JOB span {background-image:url('./../../images/fs/main/icon03_02.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.DWE span {background-image:url('./../../images/fs/main/icon03_03.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.SAC span {background-image:url('./../../images/fs/main/icon03_04.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.CAL span {background-image:url('./../../images/fs/main/icon03_05.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.CAE span {background-image:url('./../../images/fs/main/icon03_06.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.AAF span {background-image:url('./../../images/fs/main/icon03_07.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.PAC span {background-image:url('./../../images/fs/main/icon03_08.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.LAR span {background-image:url('./../../images/fs/main/icon03_09.png');}

	/* 서비스 유형별 */
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.CIK span {background-image:url('./../../images/fs/main/icon04_01.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.VOU span {background-image:url('./../../images/fs/main/icon04_02.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.PS span {background-image:url('./../../images/fs/main/icon04_03.png');}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a.VOL span {background-image:url('./../../images/fs/main/icon04_04.png');}

.con_box3 .tab_box_wrap .tab_content .tab_box_m li a:is(:hover,:focus,:active) {background-color: var(--lay-col-green1);color: var(--lay-col-white);border:1px solid var(--lay-col-green1);font-weight: 700;}
.con_box3 .tab_box_wrap .tab_content .tab_box_m li a:is(:hover,:focus,:active) span {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(23%) hue-rotate(256deg) brightness(105%) contrast(100%);}
@media only screen and (max-width:1023px){
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li {width: calc(50% - 1.5rem);}
}
@media only screen and (max-width:767px){
	[class^="con_box"] .big_h3 br {display: none;}
	.con_box3 {background: var(--lay-col-green5);}
	.con_box3:after {display: none;}
	.con_box3 .tab_box_wrap {flex-direction: column;}
	.con_box3 .tab_box_wrap .left {padding:8rem 0 0 0;}
	.con_box3 .tab_box_wrap .left .tab_menu_box {flex-direction:row;width: 100%;flex-wrap: wrap;gap:1rem;}
	.con_box3 .tab_box_wrap .left .tab_menu_box li {width: calc(25% - 1rem);}
	.con_box3 .tab_box_wrap .left .tab_menu_box li a {height: 6rem;border:1px solid;}
	.con_box3 .tab_box_wrap .left .tab_menu_box li.on a {height: 6rem;margin-bottom:0;}
	.con_box3 .tab_box_wrap .tab_content.on {padding-left:0;padding-top:2rem;}
	.con_box3 .tab_box_wrap .tab_content:after {display: none;}
	.con_box3 .tab_box_wrap .tab_content .box {max-height: none;}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m {overflow: auto;padding:0;}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li {width: calc(33.3% - 1.5rem);}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a {height: 10rem;}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li a span {width: 7rem;}
}
@media only screen and (max-width:639px){
	[class^="con_box"] .big_h3 {font-size:3.5rem;}
	.con_box3 .tab_box_wrap .left .tab_menu_box li {width: calc(50% - 1rem);}
	.con_box3 .tab_box_wrap .tab_content .tab_box_m li {width: calc(50% - 1.5rem);}
	.con_box3 .tab_box_wrap .tab_content .box {padding:3rem;}
}


/* 복지 프로그램 안내 */
.con_box4 {margin-top:12.5rem;}
.con_box4 .big_h3 {}
.con_box4 .big_h3 em {color:var(--lay-col-blue2);}
.con_box4 .big_h3 em span:before {background: var(--lay-col-blue2);}
.con_box4 .tpcon {color:var(--lay-text-black3);font-size:2rem;margin-top:2rem;line-height: 1.5;}
.con_box4 .gal_slide_box {position:relative;padding-top: 5rem;padding-bottom: 6rem;}
.con_box4 .gal_slide_box:after {content:"";position:absolute;left:50%;top:0;width: 51.6rem;height: 51.6rem;border-radius: 100%;background: var(--lay-bg-blue5);transform: translateX(-50%);animation: oneBackground 10s cubic-bezier(0.5, 0, 0.5, 1) infinite;}
.con_box4 .gal_slide_box .swiper-slide {width: 90%;max-width: 390px;margin: 0 auto;}
.con_box4 .gal_slide_box .swiper-slide a {opacity: 0.5;transition: var(--lay-ts);}
.con_box4 .gal_slide_box .swiper-slide.swiper-slide-prev a {opacity: 1;}
.con_box4 .gal_slide_box .swiper-slide.swiper-slide-active a {opacity: 1;}
.con_box4 .gal_slide_box .swiper-slide.swiper-slide-next a {opacity: 1;}
.con_box4 .gal_slide_box .swiper-slide a {display:block;padding:1.5rem;box-shadow: var(--box-shadow2);border-radius: var(--lay-rd-btn_rb2);text-decoration: none;background: var(--lay-col-white);}
.con_box4 .gal_slide_box .swiper-slide a .img {display:block;width:100%; height:250px; overflow: hidden; border-radius: var(--lay-rd-btn_rb4);transition: var(--lay-ts);}
.con_box4 .gal_slide_box .swiper-slide a .img img {width: 100%;transition: var(--lay-ts);}
.con_box4 .gal_slide_box .swiper-slide a .box {display:block;padding:3.5rem 2rem 2rem 2rem;}
.con_box4 .gal_slide_box .swiper-slide a .box .tit {font-size:2.6rem;font-weight: 800;color: var(--lay-text-black1);transition: var(--lay-ts);position: relative;display: inline-block;}
.con_box4 .gal_slide_box .swiper-slide a .box .tit:after {content: "";position: absolute;bottom: -3px;left: 0;height: 2px;width: 100%;background: var(--lay-col-blue2);transform: scaleX(0);transform-origin: bottom right;transition: transform var(--lay-ts);border-radius: 3px 3px 0 0;pointer-events: none;}
.con_box4 .gal_slide_box .swiper-slide a .box .tit span {}
.con_box4 .gal_slide_box .swiper-slide a .box .pcon {display:block;margin-top:1.8rem;}
.con_box4 .gal_slide_box .swiper-slide a .box .pcon > span {display:flex;gap:0.4rem;color: var(--lay-text-black3);}
.con_box4 .gal_slide_box .swiper-slide a .box .pcon > span em {flex-shrink:0;font-weight: 600;color: var(--lay-text-black1);padding-left:2.5rem;}
.con_box4 .gal_slide_box .swiper-slide a .box .pcon > span span {letter-spacing: -0.5px;}
.con_box4 .gal_slide_box .swiper-slide a .box .pcon .calendar {background:url('./../../images/fs/layout/icon/calendar.svg') no-repeat left top -1px;background-size: 1.75rem auto;}
.con_box4 .gal_slide_box .swiper-slide a .box .pcon .places {margin-top:1rem;background:url('./../../images/fs/layout/icon/map.svg') no-repeat left top -1px;background-size: 1.75rem auto;}
.con_box4 .gal_slide_box .swiper-slide a .box .pcon .places span {max-height: 3.1rem;overflow: hidden;}
.con_box4 .gal_slide_box .swiper-slide a:is(:hover,:focus,:active) {transform: scale(0.98,0.98);}
.con_box4 .gal_slide_box .swiper-slide a:is(:hover,:focus,:active) .box .tit {color:var(--lay-col-blue2);}
.con_box4 .gal_slide_box .swiper-slide a:is(:hover,:focus,:active) .box .tit:after {transform: scaleX(1);transform-origin: bottom left;}
.con_box4 .gal_slide_box .swiper-slide a:is(:hover,:focus,:active) .img {background: var(--lay-col-black0);}
.con_box4 .gal_slide_box .swiper-slide a:is(:hover,:focus,:active) .img img {opacity:0.8;transform: scale(1.15,1.15);}
.con_box4 .mvis_controll_box {position: absolute;top:0;left:0;right:0;}
.con_box4 .mvis_controll_box .play_box {display:flex;justify-content:center;gap:1px;height:4rem;margin: 0 auto;border-radius: 10px 10px 0 0;}
.con_box4 .mvis_controll_box .play_box a {flex-grow: 1;}
.con_box4 .mvis_controll_box .play_box .swiper-pagination {flex-grow: 1;display:flex;align-items: center;justify-content:flex-end;gap:0.3rem;margin-right:1rem;position:static;color:var(--lay-text-black1);}
.con_box4 .mvis_controll_box .play_box .swiper-pagination .line {margin-right:3px;}
.con_box4 .mvis_controll_box .play_box .swiper-pagination .line img {vertical-align: middle;}
.con_box4 .mvis_controll_box .play_box .swiper-pagination .swiper-pagination-total {color:var(--lay-text-black3);}
.con_box4 .mvis_controll_box .play_box .prev1 {display:flex;align-items: center;justify-content:center;}
.con_box4 .mvis_controll_box .play_box .prev1 img {width:2.5rem;vertical-align:middle;}
.con_box4 .mvis_controll_box .play_box .playStopButton1 {display:block;width:4rem;background-repeat: no-repeat;background-position: center center;filter: brightness(0) saturate(100%) invert(10%) sepia(2%) saturate(142%) hue-rotate(316deg) brightness(96%) contrast(90%);}
.con_box4 .mvis_controll_box .play_box .playStopButton1.stop {background-image: url('./../../images/fs/main/play.png');}
.con_box4 .mvis_controll_box .play_box .playStopButton1.play {background-image: url('./../../images/fs/main/stop.png');}
.con_box4 .mvis_controll_box .play_box .next1 {display:flex;align-items: center;justify-content:center;}
.con_box4 .mvis_controll_box .play_box .next1 img {width:2.5rem;vertical-align:middle;}
.con_box4 .mvis_controll_box .play_box .more {display:flex;align-items: center;justify-content:center;width:4rem;transition: var(--lay-ts);filter: brightness(0) saturate(100%) invert(10%) sepia(2%) saturate(142%) hue-rotate(316deg) brightness(96%) contrast(90%);}
.con_box4 .mvis_controll_box .play_box .more:is(:hover,:focus,:active) {transform: rotate(180deg);}
.con_box4 .icon_bg {position: absolute;top:8.8rem;left:0;right:0;text-align: right;padding-right:4rem;}
@keyframes oneBackground {
	0% {transform:translateX(-50%) scale(1,1);}
	50% {transform:translateX(-50%) scale(0.94,0.94);}
	100% {transform:translateX(-50%) scale(1,1);}
}
@media only screen and (max-width:1399px){
	.con_box4 .gal_slide_box .swiper-slide {width: 90%;max-width: 330px;}
}
@media only screen and (max-width:1199px){
	.con_box4 .gal_slide_box {padding-right: 2rem;padding-left: 2rem;}
	.con_box4 .gal_slide_box .swiper-slide {width: 90%;max-width: none;}
	.con_box4 .gal_slide_box .swiper-slide a {opacity: 1;}
	.con_box4 .icon_bg {top:7rem;}
}
@media only screen and (max-width:1023px){
	.con_box4 {margin-top:8.5rem;}
	.con_box4 .icon_bg {top:6.2rem;}
}
@media only screen and (max-width:767px){
	.con_box4 .icon_bg {top:5.2rem;}
	.con_box4 .gal_slide_box .swiper-slide a .img{height:230px}
}
@media only screen and (max-width:639px){
}
@media only screen and (max-width:539px){
	.con_box4 .icon_bg {display: none;}
	.con_box4 .gal_slide_box .swiper-slide a .img{height:210px}
}


/* 복지소식, 팝업존 */
.con_box5 {position:relative;margin-top:12.5rem;margin-bottom:8rem;padding-bottom:8rem;}
.con_box5:before {content: "";display: block;position:absolute;right:0;bottom:0;width:calc(50% + 60rem);height:30rem;background: url("./../../images/fs/main/bg_logo2.png") no-repeat right bottom var(--lay-bg-blue1);border-radius: 30px 0 0 15px;}
.con_box5:after {content: "";display: block;clear: both;}
.con_box5 .tab_box_wrap {float: left;width:calc(64% - 6rem);margin-right: 6rem;position: relative;z-index: 1;}
.con_box5 .tab_box_wrap .left {position: relative;}
.con_box5 .tab_box_wrap .left .sm_h3 {}
.con_box5 .tab_box_wrap .left .sm_h3 em {}
.con_box5 .tab_box_wrap .left .sm_h3 em span {}
.con_box5 .tab_box_wrap .left .tab_menu_box2 {position: absolute;right:7rem;top:0;display: flex;align-items: center;gap:2rem;height: 100%;}
.con_box5 .tab_box_wrap .left .tab_menu_box2 li {}
.con_box5 .tab_box_wrap .left .tab_menu_box2 li a {position:relative;height:100%;font-size:2rem;color:var(--lay-text-black3);transition: var(--lay-ts);text-decoration: none;}
.con_box5 .tab_box_wrap .left .tab_menu_box2 li a:before {content:"";position:absolute;right:0;top:50%;display:block;width: 0;height: 0;background: var(--lay-col-blue1);border:2px solid var(--lay-col-white);outline: 0 solid var(--lay-col-blue1);border-radius: 100%;transform:translateY(-35%);transition: var(--lay-ts);}
.con_box5 .tab_box_wrap .left .tab_menu_box2 li a:after {content:"";display:inline-block;vertical-align:middle;width: 0;height: 1px;margin-left:2rem;background: var(--lay-col-blue1);transition: var(--lay-ts);}
.con_box5 .tab_box_wrap .left .tab_menu_box2 li a:is(:hover,:focus,:active) {color:var(--lay-col-blue1);}
.con_box5 .tab_box_wrap .left .tab_menu_box2 li.on a {padding-right:0;font-weight: 600;color:var(--lay-col-blue1);}
.con_box5 .tab_box_wrap .left .tab_menu_box2 li.on a:before {right:3rem;width: 1rem;height: 1rem;outline: 1px solid var(--lay-col-blue1);}
.con_box5 .tab_box_wrap .left .tab_menu_box2 li.on a:after {width: 3rem;height: 1px;}
.con_box5 .tab_box_wrap .tab_content2 {display: none;margin-top:3rem;}
.con_box5 .tab_box_wrap .tab_content2.on {display: block;}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul {min-height:36rem;box-shadow:var(--box-shadow);border-radius: var(--lay-rd-btn_rb2);padding:2.7rem 3rem;background: var(--lay-col-white);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li {margin-top:2rem;}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a {display:flex;gap:2rem;text-decoration: none;}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .data_box {flex-shrink:0;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:8.5rem;height:8.5rem;background: var(--lay-bg-blue1);border-radius: var(--lay-rd-btn_rb);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .data_box .year {margin-top:0.5rem;font-size:1.7rem;color:var(--lay-text-black1);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .data_box .date {font-size:3rem;font-weight: 700;color:var(--lay-text-black1);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front {width: 100%;}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front .top {display: flex;gap:1.2rem;align-items: center;padding-right: 1.5rem;}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front .top .etc_noti {flex-shrink:0;display: grid;place-items:center;width:8.5rem;height:3rem;color:var(--lay-col-white);border-radius: var(--lay-rd-btn_rb);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front .top .etc_noti.blue1 {background: var(--lay-col-blue1);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front .top .etc_noti.red2 {background: var(--lay-col-red2);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front .top .etc_noti.blue3 {background: var(--lay-col-blue3);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front .top .tit {position:relative;line-height:1.5;font-size:1.8rem;font-weight:400;color:var(--lay-text-black1);display: inline-block;transition: var(--lay-ts);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front .top .tit:after {content: "";position: absolute;bottom: -3px;left: 0;height: 2px;width: 100%;background: var(--lay-col-blue1);transform: scaleX(0);transform-origin: bottom right;transition: transform var(--lay-ts);border-radius: 3px 3px 0 0;pointer-events: none;}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front .top .time {margin-left:auto;}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a .noti_front .pcon {margin-top:1.2rem;line-height:1.5;color:var(--lay-text-black3);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li.noti {margin-top:0;padding-bottom:2rem;background:url('./../../images/fs/main/dot.jpg') repeat-x left bottom;}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li.noti a .noti_front .top .tit {font-size:2.2rem;font-weight:700;}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a:is(:hover,:focus,:active) .noti_front .top .tit {color:var(--lay-col-blue1);}
.con_box5 .tab_box_wrap .tab_content2 .tab_ul li a:is(:hover,:focus,:active) .noti_front .top .tit:after {transform: scaleX(1);transform-origin: bottom left;}
.con_box5 .tab_box_wrap .tab_content2 .more {display:grid;place-items:center;position: absolute;right:0;top:-5px;width: 4rem;height: 4rem;border:1px solid var(--lay-line-gray1);border-radius: var(--lay-rd-btn_rb);transition: var(--lay-ts);}
.con_box5 .tab_box_wrap .tab_content2 .more img {transition: var(--lay-ts);}
.con_box5 .tab_box_wrap .tab_content2 .more:is(:hover,:focus,:active) {border:1px solid var(--lay-col-black0);}
.con_box5 .tab_box_wrap .tab_content2 .more:is(:hover,:focus,:active) img {transform: rotate(180deg);}
.con_box5 .right {position: relative;float: right;width:36%;}
.con_box5 .right .sm_h3 {}
.con_box5 .right .popup_slide_box {margin-top:3rem;}
.con_box5 .right .popup_slide_box .swiper-slide {}
.con_box5 .right .popup_slide_box .swiper-slide a {overflow:hidden;display:block;}
.con_box5 .right .popup_slide_box .swiper-slide a img {width:100%;max-height: 36.4rem;border-radius: var(--lay-rd-btn_lt);}
.con_box5 .right .popup_slide_box .swiper-slide a:focus {transform: scale(0.97,0.97);}
.con_box5 .right .mvis_controll_box {position: absolute;right:0;top:-5px;}
.con_box5 .right .mvis_controll_box .play_box {display:flex;justify-content:center;gap:1px;height:4rem;margin: 0 auto;border-radius: 10px 10px 0 0;}
.con_box5 .right .mvis_controll_box .play_box a {flex-grow: 1;}
.con_box5 .right .mvis_controll_box .play_box .swiper-pagination {flex-grow: 1;display:flex;align-items: center;justify-content:flex-end;gap:0.3rem;margin-right:1rem;position:static;color:var(--lay-text-black1);}
.con_box5 .right .mvis_controll_box .play_box .swiper-pagination .line {margin-right:3px;}
.con_box5 .right .mvis_controll_box .play_box .swiper-pagination .line img {vertical-align: middle;}
.con_box5 .right .mvis_controll_box .play_box .swiper-pagination .swiper-pagination-total {color:var(--lay-text-black3);}
.con_box5 .right .mvis_controll_box .play_box .prev2 {display:flex;align-items: center;justify-content:center;}
.con_box5 .right .mvis_controll_box .play_box .prev2 img {width:2.5rem;vertical-align:middle;}
.con_box5 .right .mvis_controll_box .play_box .playStopButton2 {display:block;width:4rem;background-repeat: no-repeat;background-position: center center;filter: brightness(0) saturate(100%) invert(10%) sepia(2%) saturate(142%) hue-rotate(316deg) brightness(96%) contrast(90%);}
.con_box5 .right .mvis_controll_box .play_box .playStopButton2.stop {background-image: url('./../../images/fs/main/play.png');}
.con_box5 .right .mvis_controll_box .play_box .playStopButton2.play {background-image: url('./../../images/fs/main/stop.png');}
.con_box5 .right .mvis_controll_box .play_box .next2 {display:flex;align-items: center;justify-content:center;}
.con_box5 .right .mvis_controll_box .play_box .next2 img {width:2.5rem;vertical-align:middle;}
.con_box5 .right .mvis_controll_box .play_box .more {flex-shrink:0;display:flex;align-items: center;justify-content:center;width:4rem;transition: var(--lay-ts);filter: brightness(0) saturate(100%) invert(10%) sepia(2%) saturate(142%) hue-rotate(316deg) brightness(96%) contrast(90%);}
.con_box5 .right .mvis_controll_box .play_box .more:is(:hover,:focus,:active) {transform: rotate(180deg);}
@media only screen and (max-width:1399px){
	.con_box5 .right .popup_slide_box .swiper-slide a img {max-width:100%;width:100%;max-height: none;}
}
@media only screen and (max-width:1199px){

}
@media only screen and (max-width:1023px){
	.con_box5 {margin-top:8.5rem;margin-bottom:4rem;padding-bottom:4rem;}
	.con_box5 .tab_box_wrap {width:100%;margin-right: 0;}
	.con_box5 .right {width:100%;margin-top:8.5rem;}
	.con_box5 .tab_box_wrap .tab_content2 .tab_ul {min-height: auto;}
}
@media only screen and (max-width:479px){
	.con_box5 .tab_box_wrap .left .tab_menu_box2 {top:5.5rem;right:auto;}
	.con_box5 .tab_box_wrap .tab_content2 {margin-top:7rem;}
}