@charset "utf-8";
@import url('/font/SCoreDream/SCoreDream.css');

/** Layout **/
.header-floor1 ul.global {display:none;}

#gnb-all a {display:block;height:100%;}
#container {width:100%;min-width:1280px;padding:0;}

#gnb-box {border-top:none;}
.width-auto {width:1400px;}
.menu-area > li .gnb-area > li > a {width:225px;}
.menu-area {width:calc(100% + 54px);}

.btn_top {bottom:247px;}
#gnb_nav {padding:0 150px 0 380px;}
#gnb_nav .search_bar {display:none;}

/* footer */
.mb-footer-lgji-dv {display:none;}
.add-mb-btnX02 {display:none;}

/* Basic */
fieldset {margin:0;padding:0;border:none;}
button > span {position:relative;}
button > span > em {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}

/************************************************
Main contents
************************************************/
/** Contents Common **/
#wrap * {box-sizing:border-box;font-family: 'SCoreDream';}

.main_contents{font-size: 16px;line-height: 1;}
.main-box .inner{max-width: 1400px;margin: 0 auto;}

.point01{color: #8e3dd3;}

/*슬라이드 공통*/
.flexslider{margin: 0;border: 0;border-radius:0;box-shadow: none;}
.flexslider .slides::after{display: none;}
.flex-direction-nav a:before,
.flex-pauseplay a:before,
.flex-pause::before{display: none;}
.flex-direction-nav {display: flex;align-items: center;gap: 43px;height: 24px;}
.flex-direction-nav .flex-prev{position: static;}
.flex-direction-nav a{width: 11px;height: 18px;margin: 0;text-indent: -9999px;overflow: hidden;position: relative;opacity: 1;font-size: 0;text-shadow: none;background-position: center;background-repeat: no-repeat;}
.flex-direction-nav .flex-prev{left: inherit; background-image: url("/files/web148/images/main_new03/btn_prev01.png");}
.flex-direction-nav .flex-next{right: inherit; background-image: url("/files/web148/images/main_new03/btn_next01.png");}
.flex-pauseplay {position: absolute;width: 20px;height: 20px;left: 50%;margin: 0 0 0 -10px;}
.flex-pauseplay a {display: block;text-indent: -9999px;overflow: hidden;position: static;opacity: 1;background-image: url("/files/web148/images/main_new03/btn_stop01.png");background-position:  center center;background-repeat: no-repeat;}
.flex-pauseplay .flex-play:before{display: none;}
.flex-pauseplay .flex-play{background-image: url("/files/web148/images/main_new03/btn_play01.png");}
.ctr-box02 .flex-direction-nav .flex-prev{background-image: url("/files/web148/images/main_new03/btn_prev02.png");}
.ctr-box02 .flex-direction-nav .flex-next{background-image: url("/files/web148/images/main_new03/btn_next02.png");}
.ctr-box02 .flex-pauseplay a {background-image: url("/files/web148/images/main_new03/btn_stop02.png");}
.ctr-box02 .flex-pauseplay .flex-play{background-image: url("/files/web148/images/main_new03/btn_play02.png");}

.ctr-box01 {position: absolute;display: flex;align-items: center;justify-content: center;gap: 10px;width: 270px;height: 60px;background: rgba(0, 0, 0, 0.8);color: #fff;border-radius: 30px;z-index: 10;}
.ctr-box02 {position: absolute;display: flex;align-items: center;justify-content: center;gap: 10px;width: 112px;height: 40px;background: #f4f5f8;border-radius: 30px;z-index:1;}
.slide-num {font-size: 16px;line-height: 1;}
.slide-num .current {font-weight: 600;color:#41d9bb;font-size: 24px;}
.alarm-more {display:block;width:24px;height:24px;border:none;background:url('/files/web148/images/main_new03/btn_alarm_more.png') no-repeat center;}
.slide-btns{position: relative;display: flex;align-items: center;justify-content: space-between;height: 24px;margin: 0 0 0 38px;}
   
/*탭*/
.tab-list{display: flex;}
.tab-list > li{position:static;padding-right: 6px;}
.tab-list::before{content: "";display: block;position: absolute;left: 0;top: 0;z-index: 1;width: calc(100% - 90px);height: 60px;border-radius: 0 30px 30px 0 ;background-color: #fff;}
.tab-btn{position: relative; display: inline-flex;justify-content: center;align-items: center;z-index: 5;width: 135px;height:68px;border:0;border-radius:40px;font-size:20px;color:#777;background-color: transparent;margin-top: -4px;}
.tab-btn h4{font-weight:500;}
.tab-btn::after{content: "";display: block;width: 6px;height: 6px;position: absolute;left: -12px;top:50%;margin-top: -3px;background-color: #c3c3c3;border-radius: 50%;z-index: 1;}
.tab-list > li:first-child .tab-btn::after{display: none;}
.tab-btn.on{height: 68px;margin-top: -4px;background:#2248a9;color:#fff;box-shadow: 0 7px 14px rgba(36, 81, 198, 0.3);z-index: 10;}
.tab-btn.on h4{font-weight: 600;}
.tab-btn.on::after{display: none;}
.tab-btn.on::before{content: "";display: block;position: absolute;top: 0;right: 3px;width: 28px;height: 29px;background:url('/files/web148/images/main_new03/ico_check01.png') no-repeat center;background-size: contain;}
.tab-cont{display: none;position: absolute;width: 100%;left: 0;top:0}
.on .tab-cont{display: block;}

/*페이지네이게이션*/
.sec-nav{position:fixed;top:50%;right:35px;display:flex;flex-direction:column;align-items:center;gap:20px;width:72px;padding:30px 0;border-radius:40px;background:rgba(9, 39, 107, 0.6);transform:translateY(-50%);z-index:10;}
.sec-nav button{position:relative;width:12px;height:12px;border:0;border-radius:50%;background:#e3e3e3;cursor:pointer;transition:all .3s ease;}
.sec-nav button.active{height:40px;border-radius:20px;background:#05acc5;}

/*section01*/
/*비주얼 슬라이드*/
.visual-slide {position: relative;width:100%;padding-top:39.375%; overflow:hidden;}
.visual-slide .flexslider {margin: 0;border: 0;position:absolute;top:0;left:0;width:100%;height:100%;}
.visual-slide .slides .pc-mode{display: block;}
.visual-slide .slides .mb-mode{display: none;}
.visual-slide .slides img {width:100%;height:100%;object-fit:cover;}
.visual-slide .ctr-box01 {right: 30px;bottom: 30px;}
.visual-slide .slide-num {margin-top: -4px;}
.visual .ctr-box01{right:calc((100% - 1400px) / 2);}

/*section02*/
/*시장실*/
.mayor{position: relative;background-image: url('/files/web148/images/main_new03/bg_mayor.jpg');background-position: top; background-repeat: no-repeat;background-size: cover;}
.mayor .inner{display: flex;justify-content: space-between;align-items: center;min-height: 762px;}
.mayor-left{display: flex;flex-direction: column;width: calc(61.5% - 50px);margin-right: 50px;}
.mayor-img {display: flex;width: 100%;align-items: center;justify-content: center;gap: 0 35px; }
.mayor-link01{width:100%;height:170px;display:flex;align-items:center;justify-content:space-around;padding:0 50px;background:#fff;border-radius:25px;}
.mayor-link01 li{flex: 1; padding: 0 5px;word-break: keep-all;}
.mayor-link01 li a{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.mayor-link01 li a:before{content:'';width:65px;height:65px;margin-bottom:10px;background-repeat:no-repeat;background-position:center;transition:transform .3s ease;}
.mayor-link01 li a .txt{height:50px;display:flex;align-items:center;justify-content:center;text-align:center;color:#09276b;font-weight:500;line-height:1.2;}
.mayor-link01 .ico01 a:before{background-image:url('/files/web148/images/main_new03/ico_mayor01.png');background-size: 59px;}
.mayor-link01 .ico02 a:before{background-image:url('/files/web148/images/main_new03/ico_mayor02.png');background-size: 64px;}
.mayor-link01 .ico03 a:before{background-image:url('/files/web148/images/main_new03/ico_mayor03.png');background-size: 59px;}
.mayor-link01 .ico04 a:before{background-image:url('/files/web148/images/main_new03/ico_mayor04.png');background-size: 58px;}
.mayor-link01 .ico05 a:before{background-image:url('/files/web148/images/main_new03/ico_mayor05.png');background-size: 44px;}
.mayor-right{width: 39.5%;}
.mayor-banner{width: 100%;height: 332px;background: url('/files/web148/images/main_new03/bg_mayor_banner.png') no-repeat center;background-size: cover;padding: 0 30px 0 30px;border-radius: 25px;overflow: hidden;margin: 0 0 40px 0;display: flex;flex-direction: column;justify-content: center;gap:10px}
.mayor-banner .mtit01{padding: 0 0 0 10px;margin: 0 0 25px 0;font-size: 24px;color:#002222;font-weight: 600;}
.mayor-banner .mtit01 strong{display: block;font-weight:800;font-size: 40px;color:#09276b;margin-top: 15px;}
.mayor-banner .mtit01 .slogan{display: block;width: 281px;height: 29px;background: url("/files/web148/images/main_new03/txt_slogan.png") center no-repeat;background-size: 100% auto;}
.btn-gomayor{width: 280px;height: 56px;position:relative;display:flex;align-items:center;justify-content:space-between;background-color: #2248a9;border-radius: 50px;transition:background .3s;padding: 0 31px;font-size: 18px;font-weight: 500;color: #ffffff;}
.btn-gomayor:before,
.btn-gomayor:after{content:'';position:absolute;right:30px;top:50%;width:14px;height:2px;background:#fff;transition:transform .4s ease;}
.btn-gomayor:before{transform:translateY(-50%);}
.btn-gomayor:after{transform:translateY(-50%) rotate(90deg);}
.mayor-link02{display:flex;flex-wrap:wrap;gap:20px;}
.mayor-link02 > li{width:calc((100% - 20px) / 2);}
.mayor-link02 > li > a{position:relative;display:flex;align-items:center;min-height:75px;padding:20px 70px 20px 32px;border-radius:20px;background:rgba(255,255,255,0.85);color:#0d2f86;font-size:18px;font-weight:500;transition:all .3s ease;}
.mayor-link02 > li > a:after{content:'';position:absolute;right:30px;top:50%;width:22px;height:16px;margin-top:-8px;background-image:url('/files/web148/images/main_new03/arr01.png');background-position: center;background-repeat: no-repeat;background-size:contain;transition:all .3s ease;}

/*알림*/
.board{position: relative; padding: 104px 0 0 0; background-color: #f1f2f6}
.board::after{content: "";display: block;width: 30%;height: 60px;background-color: #fff;position: absolute;left:0;top:104px; }
.board .inner{display: flex;justify-content: space-between;align-items: flex-start;}
.notice-area{position: relative; display: flex;flex-direction: column;width: calc(50.7% - 40px);height: 492px;margin-right: 40px;}
.notice-area .tab-cont{padding:104px 0 0 0 ;height: 483px;}
.btn-more01{width: 60px;height: 60px;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:space-between;background-color: #fff;border-radius: 50px}
.btn-more01:before,
.btn-more01:after{content:'';position:absolute;right:24px;top:50%;width:12px;height:2px;background:#09276b;transition:transform .4s ease;}
.btn-more01:before{transform:translateY(-50%);}
.btn-more01:after{transform:translateY(-50%) rotate(90deg);}
.btn-more01:hover:before{transform:translateY(-50%) rotate(180deg);}
.btn-more01:hover:after{transform:translateY(-50%) rotate(270deg);}
.board-card-list{display:flex;gap:24px;margin-bottom: 40px;padding-left: 20px;} 
.board-card{flex:1;padding:15px 25px;border:1px solid #ddd;border-radius:20px;background:#fff;}
.board-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;min-height: 26px;}
.board-date{padding: 0 0 0 19px;font-size:14px;color:#8d8d8d;line-height: 1;background: url('/files/web148/images/main_new03/ico_time01.png') left center no-repeat;}
.board-acc .badge{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 8px;border-radius:5px;background:#009cb3;font-size:13px;color:#fff;font-weight: normal;}
.board-acc .new{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 8px;border-radius:5px;background:#09276b;font-size:13px;color:#fff;font-weight: normal;}
.board-tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;font-weight:500;line-height:1.45;color:#222222;word-break:keep-all;margin: 0 0 20px 0;min-height: 53px;}
.board-card .part{text-align: right;}
.board-card .part span{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:15px;background:#e4ebfb;font-size:13px;color:#2248a9;font-weight: normal;}
.board-list{padding: 0 10px 0 20px;}
.board-list li:first-child{margin-top: 0;}
.board-list li{margin-top:30px;}
.board-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;}
.board-list .board-txt{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:20px;color:#222;}
.board-list .board-txt:before{content:"";position:absolute;left:0;top:2px;width:8px;height:8px;border-radius:2px;background:#aab4cd;}
.board-list .board-date{flex-shrink: 0;}
.tab-slide{padding-top:68px;position:absolute;top:0;left:0;width:100%;height:100%}
.tab-slide > li{position:static;}
.tab-slide .tab-btn{position:absolute;top:0;width:50%;height:68px;border:0;background:#fff;font-size:18px;font-weight:700;color:#666;cursor:pointer;margin-top: 0}
.tab-slide > li:nth-child(1) .tab-btn{left:0;border-radius:32px 0 0 0;}
.tab-slide > li:nth-child(2) .tab-btn{left:50%;border-radius:0 32px 0 0;}
.news-area .tab-cont{padding-top: 68px;}
.tab-slide .tab-btn::after{display: none;}
.tab-slide .tab-btn.on{background:#09276b;color:#fff;box-shadow: none;margin-top: 0;}
.tab-slide .tab-btn.on::before{display: none;}
.tab-slide .tab-btn h4{display: inline-block;position: relative;}
.tab-slide .tab-btn.on h4::before{content: "";display: block;position: absolute;top: -5px;right: -29px;width: 18px;height: 18px;background:url('/files/web148/images/main_new03/ico_check02.png') no-repeat center;background-size: contain;}
.tab-slide .on .tab-cont{display:block;}
.news-area{position:relative;width: 49.3%;}
.news-area::before{content:'';display:block;padding-top: 71.5%;}
.news-slide{position:relative;border-radius: 0 0 25px 25px;overflow: hidden;}
.news-slide img{display:block;width:100%} 
.news-slide .ctr-box01 {right:0;bottom: 0;height: 53px;width: 225px;border-radius: 25px 0 25px 0;}
.news-slide .slide-btns {margin-left: 25px;}
.news-slide img{width:100%;}

/*알림전체보기*/
.all_alarm {display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;margin:0 auto;background-color:rgba(0,0,0,0.5);}
.all_alarm.on {display:block;}
.all_alarm .popup_wrap {display:flex;width:100%;max-width:1300px;height:100%;margin:0 auto;align-items:center;}
.all_alarm .popup_wrap .popup_box {width:100%;margin:0 auto;}
.all_alarm .popup_wrap .popup_box .alarm_layer {display:flex;width:100%;padding:30px;background-color:#fff;flex-direction:column;}
.all_alarm .popup_box .alarm_layer {position:relative;}
.all_alarm .popup_box .alarm_layer .alarm_close {position:absolute;top:-55px;right:0;width:55px;height:55px;background:#023aa1;font-size:0;text-indent:-99999999em;}
.all_alarm .popup_box .alarm_layer .alarm_close::before {display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:30px;height:3px;margin:auto;background-color:#fff;content:"";transform:translateY(-50%) rotate(-45deg);}
.all_alarm .popup_box .alarm_layer .alarm_close::after {display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:30px;height:3px;margin:auto;background-color:#fff;content:"";transform:translateY(-50%) rotate(45deg);}
.all_alarm .popup_box .alarm_layer .popup_cont {width:100%;max-height:calc(100vh - 340px);padding-right:;background:#fff;overflow-y:scroll;
scrollbar-arrow-color:#f0f0f0;
scrollbar-Track-Color:#f0f0f0;
scrollbar-Face-Color:#bec5d3;
scrollbar-3dlight-color:#bec5d3;
scrollbar-darkshadow-color:#bec5d3;
scrollbar-highlight-color:#bec5d3;
scrollbar-shadow-color:#bec5d3;}
.all_alarm .popup_box .alarm_layer .popup_cont::after {display:block;clear:both;content:"";}
.all_alarm .popup_box .alarm_layer .popup_cont::-webkit-scrollbar {width:10px;}
.all_alarm .popup_box .alarm_layer .popup_cont::-webkit-scrollbar-track {background-color:#f0f0f0;}
.all_alarm .popup_box .alarm_layer .popup_cont::-webkit-scrollbar-thumb {background-color:#787878;}
.all_alarm .popup_box .alarm_layer .popup_cont::-webkit-scrollbar-button {display:none;}
.all_alarm .popup_box .alarm_layer .popup_cont ul {display:flex;margin:-20px 0 0 -20px;align-items:center;flex-wrap:wrap;}
.all_alarm .popup_box .alarm_layer .popup_cont ul li {float:left;width:calc(100% / 2 - 20px);margin:20px 0 0 20px;border-radius:15px;background:#fff;}
.all_alarm .popup_box .alarm_layer .popup_cont ul li a {display:block;height:300px;border:1px solid #ddd;}
.all_alarm .popup_box .alarm_layer .popup_cont ul li a:focus{border:3px dashed #0088ff;outline:none;}
.all_alarm .popup_box .alarm_layer .popup_cont ul li img {width:100%;height:100%;}
.alarm_more {display:block;position:absolute;z-index:9;right:10px;bottom:10px;width:30px;height:30px;border:none;background:url('/files/web148/images/main02/mc_info_more.png') no-repeat center;font-size:0;}

/*서비스*/
.service{position: relative; padding: 84px 0 85px 0; background-color: #f1f2f6}
.service::after{content: "";display: block;width: 30%;height: 60px;background-color: #fff;position: absolute;left:0;top:84px; }
.service-area{height: 515px;position: relative;}
.service-area .tab-btn{width: 220px;}
.service-area .tab-list::before{width: 95%;max-width: 985px;}
.service-area .tab-cont {padding: 88px 0 0 0;height: 515px;}

/* 자주찾는 서비스 */
.ico-list{display:flex;flex-wrap:wrap;justify-content: space-between;gap:16px;padding: 0 55px;}
.ico-list > li{width:calc((100% - 128px) / 9);}
.ico-list .item{border-radius:20px;background:#fff;transition:all .25s ease;    position:relative;height:auto;border-radius:20px;background:#fff;}
.ico-list .item::before{content:'';display:block;padding-top:100%;}
.ico-list .item a{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content: flex-start;align-items:center;padding:15px 0 10px 0;text-align:center;box-sizing:border-box;text-decoration:none;}
.ico-list .item a:before{content:'';width:100%;height:59px;background-repeat:no-repeat;background-position:center;}
.ico-list .item a[target="_blank"]:after{content:'';position:absolute;top:13px;right:13px;width:17px;height:17px;background:url('/files/web148/images/main_new03/ico_blank01.png') no-repeat center;background-size:contain;}
.ico-list .txt{display: flex;height: 44px;align-items: center;justify-content: center;font-size:14px;font-weight:500;line-height:1.2;color:#09276b;word-break:keep-all;letter-spacing: -1px;}
.favorite .ico01 a:before{background-image:url('/files/web148/images/main_new03/ico_fav01.png');background-size: 32px auto;}
.favorite .ico02 a:before{background-image:url('/files/web148/images/main_new03/ico_fav02.png');background-size: 42px auto}
.favorite .ico03 a:before{background-image:url('/files/web148/images/main_new03/ico_fav03.png');background-size: 42px auto}
.favorite .ico04 a:before{background-image:url('/files/web148/images/main_new03/ico_fav04.png');background-size: 47px auto}
.favorite .ico05 a:before{background-image:url('/files/web148/images/main_new03/ico_fav05.png');background-size:  auto}
.favorite .ico06 a:before{background-image:url('/files/web148/images/main_new03/ico_fav06.png');background-size: 42px auto}
.favorite .ico07 a:before{background-image:url('/files/web148/images/main_new03/ico_fav07.png');background-size: 42px auto}
.favorite .ico08 a:before{background-image:url('/files/web148/images/main_new03/ico_fav08.png');background-size: 43px auto}
.favorite .ico09 a:before{background-image:url('/files/web148/images/main_new03/ico_fav09.png');background-size: 36px auto}
.favorite .ico10 a:before{background-image:url('/files/web148/images/main_new03/ico_fav10.png');background-size: 36px auto}
.favorite .ico11 a:before{background-image:url('/files/web148/images/main_new03/ico_fav11.png');background-size: 48px auto}
.favorite .ico12 a:before{background-image:url('/files/web148/images/main_new03/ico_fav12.png');background-size: 42px auto}
.favorite .ico13 a:before{background-image:url('/files/web148/images/main_new03/ico_fav13.png');background-size: 47px auto}
.favorite .ico14 a:before{background-image:url('/files/web148/images/main_new03/ico_fav14.png');background-size: 48px auto}
.favorite .ico15 a:before{background-image:url('/files/web148/images/main_new03/ico_fav15.png');background-size: 45px auto}
.favorite .ico16 a:before{background-image:url('/files/web148/images/main_new03/ico_fav16.png');background-size: 44px auto}
.favorite .ico17 a:before{background-image:url('/files/web148/images/main_new03/ico_fav17.png');background-size: 47px auto}
.favorite .ico18 a:before{background-image:url('/files/web148/images/main_new03/ico_fav18.png');background-size: 36% auto}
.favorite .ico19 a:before{background-image:url('/files/web148/images/main_new03/ico_fav19.png');background-size: 47px auto}
.favorite .ico20 a:before{background-image:url('/files/web148/images/main_new03/ico_fav20.png');background-size: 36% auto}
.favorite .ico21 a:before{background-image:url('/files/web148/images/main_new03/ico_fav21.png');background-size: 46px auto}
.favorite .ico22 a:before{background-image:url('/files/web148/images/main_new03/ico_fav22.png');background-size: 61px auto}
.favorite .ico23 a:before{background-image:url('/files/web148/images/main_new03/ico_fav23.png');background-size: 49px auto}
.favorite .ico24 a:before{background-image:url('/files/web148/images/main_new03/ico_fav24.png');background-size: 47px auto}
.favorite .ico25 a:before{background-image:url('/files/web148/images/main_new03/ico_fav25.png');background-size: 48px auto}
.favorite .ico26 a:before{background-image:url('/files/web148/images/main_new03/ico_fav26.png');background-size: 42px auto}
.favorite .ico27 a:before{background-image:url('/files/web148/images/main_new03/ico_fav27.png');background-size: 43px auto}

/* 분야별생활정보 */
.category{gap:25px;padding: 0 110px;}
.category > li{width:calc((100% - 100px) / 5);}
.category .item{height:198px;}
.category .item a{padding: 35px 0 30px 0 ;}
.category .item a:before{height: 90px;}
.category .item a[target="_blank"]:after{top:23px;right: 23px;}
.category .txt {font-size: 15px;}
.category .txt br{display: none;}
.category .ico01 a:before{background-image:url('/files/web148/images/main_new03/ico_cate01.png');} 
.category .ico02 a:before{background-image:url('/files/web148/images/main_new03/ico_cate02.png');} 
.category .ico03 a:before{background-image:url('/files/web148/images/main_new03/ico_cate03.png');} 
.category .ico04 a:before{background-image:url('/files/web148/images/main_new03/ico_cate04.png');} 
.category .ico05 a:before{background-image:url('/files/web148/images/main_new03/ico_cate05.png');} 
.category .ico06 a:before{background-image:url('/files/web148/images/main_new03/ico_cate06.png');} 
.category .ico07 a:before{background-image:url('/files/web148/images/main_new03/ico_cate07.png');} 
.category .ico08 a:before{background-image:url('/files/web148/images/main_new03/ico_cate08.png');} 
.category .ico09 a:before{background-image:url('/files/web148/images/main_new03/ico_cate09.png');} 
.category .ico10 a:before{background-image:url('/files/web148/images/main_new03/ico_cate10.png');} 

/*맞춤형 복지 서비스*/
.cate-wrap{display:flex;gap:26px;padding: 0 60px;}
.cate-group{flex:1;}
.cate-tit{display:flex;align-items:center;justify-content:center;height:67px;border-radius:25px 25px 0 0;}
.cate-tit span{font-size:20px;font-weight:500;color:#fff;}
.life .cate-tit{background:#0f2f7f;}
.type .cate-tit{background:#10a9bd;}
.cate-list{display:flex;flex-wrap:wrap;gap:30px;padding:26px 82px;background:#f3f3f5;border: 4px solid #d9dde8;border-top: 0;border-radius: 0 0 25px 25px;}
.cate-list li{position: relative; width:calc((100% - 60px) / 3);}
.cate-list li::before{content: '';display: block;padding-top: 100%;}
.cate-list li a{position: absolute; top: 0;left: 0;width: 100%;height: 100%; display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:14px;text-align:center;transition:all .2s ease;}
.cate-list .txt{margin-top:10px;font-size:14px;font-weight:500;color:#222;line-height:1.2;word-break:keep-all;color: #09276b;}
.cate-list li a:before{content:'';display:block;width:72px;height:81px;background-repeat:no-repeat;background-position:center;background-size: 72px auto;}
.cate-list li a.ico01:before{background-image:url('/files/web148/images/main_new03/ico_life01.png');}
.cate-list li a.ico02:before{background-image:url('/files/web148/images/main_new03/ico_life02.png');}
.cate-list li a.ico03:before{background-image:url('/files/web148/images/main_new03/ico_life03.png');}
.cate-list li a.ico04:before{background-image:url('/files/web148/images/main_new03/ico_life04.png');}
.cate-list li a.ico05:before{background-image:url('/files/web148/images/main_new03/ico_life05.png');}
.cate-list li a.ico06:before{background-image:url('/files/web148/images/main_new03/ico_life06.png');}
.type .cate-list li a.ico01:before{background-image:url('/files/web148/images/main_new03/ico_type01.png');background-size: 48px auto;}
.type .cate-list li a.ico02:before{background-image:url('/files/web148/images/main_new03/ico_type02.png');background-size: 39px auto;}
.type .cate-list li a.ico03:before{background-image:url('/files/web148/images/main_new03/ico_type03.png');background-size: 29px auto;}
.type .cate-list li a.ico04:before{background-image:url('/files/web148/images/main_new03/ico_type04.png');background-size: 37px auto;}
.type .cate-list li a.ico05:before{background-image:url('/files/web148/images/main_new03/ico_type05.png');background-size: 46px auto;}
.type .cate-list li a.ico06:before{background-image:url('/files/web148/images/main_new03/ico_type06.png');background-size: 44px auto;}

/*section04*/
/*문화*/
.m-tit01{font-size:24px;font-weight:600;color:#222222;}
.m-tit02{font-size:20px;font-weight:600;color:#fff;}
.culture{padding: 60px 0 80px 0; background-color: #e6f2f5;}
.culture .inner{max-width:1600px;}
.culture-tit{text-align:center;padding-top: 20px;}
.culture-tit p{font-size:24px;font-weight:500;color:#000000;}
.culture-tit h3{margin-top:10px;font-size:40px;font-weight:800;color:#2248a9;}
.tour-link{margin:35px 0 60px 0;}
.tour-link-list{display:flex;justify-content:center;gap:10px;}
.tour-link-list li{width:calc(33% - 10px);max-width: 226px;}
.tour-link-list li a{position:relative;display:flex;align-items:center;justify-content:center;min-height:81px;height: 100%; padding:10px 20px;border-radius:10px;background:#09276b;font-size:18px;color:#fff;line-height:1.3;text-align:center;transition: all .3s ease;word-break: keep-all;box-shadow: 13px 13px 20px rgba(0, 156, 179, .2);}
.tour-link-list li a[target="_blank"]:after{content: "";display: block;position: absolute;right:11px;top:11px;width: 17px;height: 17px;background: url('/files/web148/images/main_new03/ico_blank02.png') center no-repeat;}
.tour-link-list li a:hover{background:#061f57;transition: all .3s ease;}
.culture-area {display: flex;justify-content: space-between;align-items: stretch;gap: 40px;height: 650px;}
.culture-left{width: 50%;}
.culture-right{width: calc(50% - 40px);}
.theme-tour,
.culture-art,
.culture-card > div{border-radius:15px;}
.box-head{text-align: center; margin-bottom:30px;padding:10px 0 0 0;}
.theme-tour{position: relative;display: flex;flex-direction: column;justify-content: space-around;padding: 30px 60px 40px 60px;background-color: #fff;height: 100%;}
.theme-tour .ctr-box02{right: 40px;top:30px}
.theme-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;}
.theme-item{position:relative;display:block;overflow:hidden;border-radius:15px;}
.theme-item img{width:100%;display:block;transition:transform .5s ease;}
.theme-item .txt{position:absolute;left:0;right:0;bottom:18px;font-size:18px;font-weight:500;color:#fff;text-align:center;z-index: 5;}
.theme-item:after{content:'';position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.55) 45%,rgba(0,0,0,0) 100%);}

.culture-art{position: relative; padding: 30px;height: 269px;margin: 0 0 30px 0;background-color: #fff;}
.culture-art .ctr-box02{right: 40px;top:30px}
.culture-art .box-head{margin-bottom: 40px;}
.art-slide .slides{display:flex;align-items:flex-start;}
.art-slide .slides li{margin-right:10px !important;}
.art-item{display:flex !important;flex-direction:column;align-items:center;width:100%;text-align:center;position: relative;}
.art-item .txt{font-size:15px;font-weight:500;line-height:1.4;color:#222;word-break:keep-all;letter-spacing: -1px;}
.art-item[target="_blank"]:after{content: "";display: block;position: absolute;right:5px;top:5px;width: 17px;height: 17px;background: url('/files/web148/images/main_new03/ico_blank01.png') center no-repeat;}
.art-item:before{content:'';width:100px;height:80px;margin-bottom:5px;background-repeat:no-repeat;background-position:center;background-size: auto 100%;}
.art-item.ico01:before{background-image:url('/files/web148/images/main_new03/ico_art01.png');}
.art-item.ico02:before{background-image:url('/files/web148/images/main_new03/ico_art02.png');}
.art-item.ico03:before{background-image:url('/files/web148/images/main_new03/ico_art03.png');}
.art-item.ico04:before{background-image:url('/files/web148/images/main_new03/ico_art04.png');}
.art-item.ico05:before{background-image:url('/files/web148/images/main_new03/ico_art05.png');}
.art-item.ico06:before{background-image:url('/files/web148/images/main_new03/ico_art06.png');}
.art-item.ico07:before{background-image:url('/files/web148/images/main_new03/ico_art07.png');background-size: auto 95%;}
.art-item.ico08:before{background-image:url('/files/web148/images/main_new03/ico_art08.png');}
.art-item.ico09:before{background-image:url('/files/web148/images/main_new03/ico_art09.png');}
.art-item.ico10:before{background-image:url('/files/web148/images/main_new03/ico_art10.png');}
.art-item.ico11:before{background-image:url('/files/web148/images/main_new03/ico_art11.png');}

.culture-card{display:grid;grid-template-columns:1fr 1fr 1fr;gap:29px;}
.culture-card > div{height:351px;position: relative;}
.culture-card .btn-more01{width: 40px;height: 40px;right: 20px;top: 10px; background-color: #09276b;z-index: 30;}
.culture-card .btn-more01:before,
.culture-card .btn-more01:after{right: 15px;width:12px;background:#fff;}
.culture-card .item{display: block;width: 100%;height: 100%;}
.culture-card .item .box-head{position: relative; z-index: 10;padding:20px 0 0 30px;text-align: left;}
.culture-card .item:hover .btn-more01:before{transform:translateY(-50%) rotate(180deg);}
.culture-card .item:hover .btn-more01:after{transform:translateY(-50%) rotate(270deg);}

/*공연전시*/
.show-box .m-tit02{color: #fff;}
.show-box .item .pic {display: block;position: absolute;top:0;left:0;height: 100%;width: 100%;overflow: hidden;border-radius: 10px;z-index: 1;}
.show-box .item .pic img{transition:transform .5s ease;width: 100%;height: 100%;}
.show-box .item::after {display: block;position: absolute;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;background-image: linear-gradient(to bottom, rgba(0,0,0,0) 22%,rgba(0,0,0,0) 31%,rgb(0 0 0 / 80%) 100%);content: '';}

/*부천라이프*/
.life-box{background-color: #496ab8;}
.life-box .box-head{margin-bottom: 40px;}
.life-box .pic{overflow:hidden;position:relative;display:block;width:100%;max-width:174px;margin:0 auto;}
.life-box .pic:before{content:'';display:block;padding-top: 139%;}
.life-box .pic img{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s ease;}
.life-box .item:hover .pic img{transform:scale(1.08);} 
.culture-card  > div:nth-child(2){background-color: #fff;}
.culture-card  > div:nth-child(2) .m-tit02{color: #222;}

/*.life-box .m-tit02{}
.life-box .item .pic {display: block;position: absolute;top:0;left:0;height: 100%;width: 100%;overflow: hidden;border-radius: 10px;z-index: 1;}
.life-box .item .pic img{transition:transform .5s ease;width: 100%;height: 100%;}
.life-box .item::after {display: block;position: absolute;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;background-image: linear-gradient(to bottom, rgba(0,0,0,0) 22%,rgba(0,0,0,0) 31%,rgb(0 0 0 / 80%) 100%);content: '';}
*/
/*유튜브*/
.youtube-box{background-color: #75cfdd;text-align: center;}
.youtube-box .m-tit02{color: #222}
.youtube-box .item{overflow: hidden;}
.youtube-box .box-head{margin-bottom: 39px;}
.youtube-box .item .pic{display: block; text-align: center;}
.youtube-box .item .pic img{transition:transform .5s ease;}
.youtube-box .item:hover .pic img{transform:scale(1.08);}

/*유튜브 팝업창*/
.all-youtube{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none;}
.all-youtube.on{display: block;}
.all-youtube .popup-inner{position: relative;display: flex;flex-direction: column; justify-content:center;align-items: center;width: 100%;max-width: 1400px;height: 100%;margin: 0 auto;padding: 70px 30px 0 40px;}
.all-youtube .close-btn{right:0; top:59px;}
.youtube-tit {width: 100%; height: 55px;display: flex;align-items: center;justify-content: center;}
.youtube-tit h2{color:#fff;font-size: 24px;font-weight: 600;}
.all-youtube .youtube-list-wrap{width: 100%; overflow-y:auto;height:100%;max-height: 735px; padding-right:10px;}
.all-youtube .youtube-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(245px, 1fr));gap:24px;}
.all-youtube .youtube-list a{position: relative; display:block;color:#fff;overflow: hidden;border-radius:18px;}
.all-youtube .youtube-list .thumb{position:relative;display:block;overflow:hidden;background:#000;}
.all-youtube .youtube-list .thumb:before{content:'';display:block;padding-top:63%;}
.all-youtube .youtube-list .thumb img{position:absolute;top:50%;left:0;z-index:1;width:100%;height:auto;object-fit:cover;transition:transform .5s ease;transform:translateY(-50%);}
.all-youtube .youtube-list a:hover .thumb img{ transform:translateY(-50%) scale(1.08);}
.all-youtube .youtube-list .thumb:after{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,0.28);}
.all-youtube .youtube-list .thumb .play{display: block;width: 39px;height: 42px;position:absolute;top:33%;left:50%;z-index:3;margin-left: -24px;background: url('/files/web148/images/main_new03/ico_play01.png') center no-repeat;background-size: contain;}
.all-youtube .youtube-list .tit{position: absolute; bottom: 0;display: flex;align-items: center;height: 43px;width: 100%;padding: 5px 15px 16px 15px;text-align: left;   z-index: 10; }
.all-youtube .youtube-list .tit em{display:block;font-size:16px;font-weight:500;line-height:1.45;color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.all-youtube .youtube-list a:after {content: '';position: absolute;left: 0;right: 0;bottom: 0;height:70px;z-index: 5;background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0) 100%);}

/*스크롤*/
.all-youtube .youtube-list-wrap::-webkit-scrollbar{width:10px;}
.all-youtube .youtube-list-wrap::-webkit-scrollbar-track{border-radius:20px;background:rgba(255,255,255,0.08);}
.all-youtube .youtube-list-wrap::-webkit-scrollbar-thumb{border-radius:20px;background:rgba(255,255,255,0.8);}