@charset "utf-8";
@import url("/resources/font/NotoSansKR.css");
@import url("/resources/font/NanumSquare.css");
@import url("/resources/font/SCoreDream.css");
@import url("/resources/font/MaterialIcons.css");

/* 추가 reset */
a {color:inherit;}
header,
.allmenuWrap,
main,
footer {line-height:1.4;}
/* //추가 reset */

/* z-index */
.allmenuWrap {z-index:200;}
header {z-index:100;}
.darkBg {z-index:90;}
#fp-nav {z-index:10;}
/* //z-index */

.scrollHidden,
.scrollHidden body {overflow:hidden !important;}




/* 스크롤 */
/* ::-webkit-scrollbar { width: 10px; border-radius:10px; } 
::-webkit-scrollbar-track { background-color:#f1f1f1; } 
::-webkit-scrollbar-thumb { background:#555555;border-radius:10px; }  */
.inner {width:1440px;max-width:100%;padding:0 20px;margin:0 auto;}
.section:not(.section01, .fp-auto-height) .inner {padding:150px 20px 100px 20px;}
header {position:absolute;top:0;left:0;width:100%;background:#fff;font-size:21px;font-family:'Noto Sans KR';transition:0.2s ease;display:flex;flex-wrap:wrap;align-items: flex-start;gap:0 20px;border-bottom:1px solid #d9d9d9; letter-spacing: -1px;}
.fp-enabled header {position:fixed;}
header .inner {display:flex;flex-wrap:wrap;}
header .utileWrap {display: flex; justify-content: space-between; flex:0 100%;font-size:14px;font-weight:500;border-bottom:1px solid #d9d9d9;}
header .utileWrap .utile {display:flex;align-items: center;gap:10px;justify-content:flex-end;padding-right:80px;}
header .utileWrap .utile > li {position:relative;}
header .utileWrap .utile > li:not(.utileSelect) > a {display:block;width:35px;height:35px;background-repeat:no-repeat;background-image:url(https://www.foodpolis.kr/resources/user/web/img/img_new_2022/iconUtile.png);}
header .utileWrap .utileBlog > a {background-position:-35px 0;}
header .utileWrap .utileYoutube > a {background-position:-70px 0;}
header .utileWrap .utileFacebook > a {background-position:-105px 0;}
header .utileWrap .utileBlog > a:hover {background-position:-35px -35px;}
header .utileWrap .utileYoutube > a:hover {background-position:-70px -35px;}
header .utileWrap .utileFacebook a:hover {background-position:-105px -35px;}
header .utileWrap .utileSelect {position:relative;z-index:100;}
header .utileWrap .utileSelect + li {margin-left:10px;}
header .utileWrap .utileSelect a {display:block;padding:5px 10px;}
header .utileWrap .utileSelect .title::after {content:'expand_more';font-family: 'Material Icons';font-size:1.2em;vertical-align: middle;margin-left:10px;}
header .utileWrap .utileSelect.active .title::after {content:'expand_less';}
header .utileWrap .utileSelect .utileSelectList {position:absolute;bottom:0;left:0;background:#fff;transform:translateY(100%);border:1px solid #aaa;box-shadow:1px 1px 2px rgba(0,0,0,0.2); white-space:nowrap;display:none;}
header h1 {margin:20px 0 20px 80px;transition:0.2s ease;}

header .headBtmWrap{display: flex; justify-content: space-between; width: 100%; margin-left: 80px;}
header .utilBtnWrap{display: flex; }
header nav {text-align:center; width: 100%;}
header nav .depth01 {display:flex; width: 100%; justify-content:center;}
header nav .depth01 > li {padding:0 15px;position:relative; }
header nav .depth01 > li:hover {background:#eee;}
header nav .depth01 > li > a {display:block;padding:30px 30px;font-weight:500;}
header nav .depth01 > li > a::after {position:absolute;bottom:10px;left:0;width:100%;height:1px;background:#1b95ff;}
header nav .depth02 {font-size:0.8em;display:none;}
header nav .depth02 a {display:block;margin:10px 0;}
header .utileSearch {display:block;position:relative;font-size:2.5em;background:url(https://www.foodpolis.kr/resources/user/web/img/img_new_2022/iconUtileSearch.png) no-repeat center;width:28px;height:29px;margin-top:30px;padding:0 30px;}
/* header .utileSearch::after {content:'search';font-family: 'Material Icons';font-weight:200;} */
/* header .utileSearch.active::after {content:'close';font-family: 'Material Icons';font-weight:200;} */
header .utileSearchWrap {position:absolute;top:177px;left:0;width:100%;height:200px;background:#fff;display:none;}
header .utileSearchWrap form {width:1024px;max-width:100%;margin:70px auto 0 auto;padding:0 30px;position:relative;}
header .utileSearchWrap input {width:100%;border:1px solid #8c8c8c;padding:10px 20px;border-radius:35px;}
header .utileSearchWrap button {position:absolute;top:50%;right:50px;transform:translateY(-50%);font-size:1.5em;font-weight:300;}
header .utileSearchWrap button::after {content:'search';font-family: 'Material Icons';}
header .allmenu {width:90px;height:90px;background:#333333;position:relative;}
header .allmenu .bar {width:25px;height:2px;position:absolute;top:50%;left:calc(50% - 10px);background:#fff;transition:0.2s ease;margin-top:0px;}
header .allmenu::before {content:'';width:25px;height:2px;position:absolute;top:50%;left:calc(50% - 10px);background:#fff;transition:0.2s ease;margin-top:-8px;}
header .allmenu::after {content:'';width:25px;height:2px;position:absolute;top:50%;left:calc(50% - 10px);background:#fff;transition:0.2s ease;margin-top:8px;}
header .allmenu.active .bar {opacity:0;left:100%;}
header .allmenu.active::before {transform:rotate(-45deg);margin:0;}
header .allmenu.active::after {transform:rotate(45deg);margin:0;}
header .blank::after {content:'filter_none';font-family: 'Material Icons';margin-left:5px;font-variation-settings:'FILL' 0;}
.allmenuWrap .blank::after {content:'filter_none';font-family: 'Material Icons';margin-left:5px;font-variation-settings:'FILL' 0;}
.darkBg {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);display:none;}
.allmenuWrap {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,1);display:none;font-size:16px;font-family:'Noto Sans KR';color:#555; letter-spacing: -1.4px;}
.allmenuWrap .inner {width:1750px;height:100%;padding:70px 20px;;}
.allmenuWrap .inner .scroll {height:calc(100% - 20px);overflow:auto;padding:0 20px;}
.allmenuWrap .allmenuTitle {font-size:2.625em;font-weight:bold;font-family:'S-core';margin-bottom:20px;padding-left:20px;}
.allmenuWrap .depth01 {display:flex;flex-wrap:wrap;justify-content:space-between; width: 100%; }
.allmenuWrap .depth01 > li {width: 13%;}
.allmenuWrap .depth01 > li > a {font-size:1.2em;font-weight:bold;border-top:2px solid #555;border-bottom:1px solid #d9d9d9;display:block;padding:20px 15px;}
.allmenuWrap .depth01 > li > a::after {content:'';width:8px;height:8px;background:#1b95ff;border-radius:100%;display:inline-block;vertical-align:top;margin-left:3px;}
.allmenuWrap .depth02 > li > a {font-size:1.125em;font-weight:500;padding:20px 15px;display:block;}
.allmenuWrap .depth03 {background:#f8f8f8;padding:20px;}
.allmenuWrap .depth03 a {position:relative;padding-left:20px;}
.allmenuWrap .depth03 a::before {content:'ㆍ';position:absolute;top:0;left:0;}
.allmenuWrap .allmenuClose {position:absolute;top:30px;right:30px;font-size:1.5em;}
.allmenuWrap .allmenuClose::after {content:'close';font-family: 'Material Icons';vertical-align:middle;font-size:1.5em;}

#contents {padding-top:190px;margin-top:0 !important;}

main {font-size:16px;font-family:'Noto Sans KR';color:#333;}
main h2 {font-family:'S-Core';font-size:2.625em;font-weight:bold;margin-bottom:6px;color:#555555;}
main .section02 h2 {text-align:center;margin-bottom:20px;}
main .section04 h2 {text-align:center;margin-bottom:15px;}

/* 풀페이지 네비 */
#fp-nav {right:50% !important;top:auto;bottom:-50px;width:calc(100% - 100px);transform: translateX(50%);transition:0.4s ease;}
#fp-nav.active {bottom:50px;}
#fp-nav ul {display:flex;justify-content:space-between; position:relative;width:1660px;max-width:100%;margin:0 auto;}
#fp-nav ul::before {content:'';width:calc(100% - 40px);height:1px;position:absolute;top:50%;left:20px;background:#d9d9d9;}
#fp-nav ul li {position:relative;}
#fp-nav ul a span {width:13px !important;height:13px !important;background:#d9d9d9 !important;margin:0 !important;top:auto !important;left:auto !important;position:relative;}
#fp-nav ul a span::before {content:'';width:0;height:0;border-radius:100%;border:1px solid #d9d9d9;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.2s ease;}
#fp-nav ul a span::after {content:'';width:0;height:0;border-radius:100%;border:1px solid #d9d9d9;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.2s ease;}
#fp-nav ul a.active {color:#1b95ff;}
#fp-nav ul a.active span {background:#1b95ff !important;}
#fp-nav ul a.active span::before {width:21px;height:21px;border:1px solid #1b95ff;}
#fp-nav ul a.active span::after {width:29px;height:29px;border:1px solid #1b95ff;}
#fp-nav ul li .fp-tooltip {position:absolute;top:0;right:50% !important;transform:translate(50%, -150%);color:#0069C5;overflow:initial;font-family:'S-Core';font-weight:bold;}

/* 메인비주얼 */
.section01 {position:relative;}
.section01::after {content:'';background:url(/resources/user/web/img/img_new_2022/section01Bg.png);width:1275px;height:708px;position:absolute;bottom:0;left:0;transform:translateY(75%);}
.section01 .mainBannerWrap {position:absolute;top:calc(50% - 200px);right:180px;width:530px;max-width:calc(100% - 130px);max-height:600px;z-index:10;border-top-right-radius:35px;border-bottom-left-radius:35px;overflow:hidden;box-shadow:20px 20px 20px rgba(0,0,0,0.35);background:#fff;text-align:center;}
.section01 .mainBannerWrap img {width:100%;}
.section01 .mainBannerWrap p {font-size:1.1875em;height:52px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position:absolute;bottom:20px;left:0;width:100%;color:#fff;padding:0 10px;}
.section01 .mainBannerWrap strong {display:block;}
.section01 .mainBannerWrap .mainBanner {overflow:hidden;}
.section01 .mainBannerWrap .mainBanner a:focus {border: 2px dotted #333;}
.section01 .mainBannerWrap .bannerClose {display:none;}
.section01 .mainBannerWrap .controlWrap {position:absolute;bottom:15%;left:0;width:100%;height:60px;z-index:10;display:flex;}
.section01 .mainBannerWrap .controlWrap .pagination {width:auto;padding:15px 20px;}
.section01 .mainBannerWrap .controlWrap .pagination .swiper-pagination-current {font-size:1.5em;color:#fff;font-weight:bold;}
.section01 .mainBannerWrap .controlWrap .pagination .swiper-pagination-total {font-size:0.9375em;color:#fff;}
.section01 .mainBannerWrap .controlWrap .pagination .swiper-pagination-total::before {content:'/';margin:0 10px;}
.section01 .mainBannerWrap .controlWrap .slidePrev {margin-left:auto;}
.section01 .mainBannerWrap .controlWrap .slidePrev::before {content:'chevron_left';font-family: 'Material Icons';font-size:4em;font-weight:300;display:block;color:#fff;}
.section01 .mainBannerWrap .controlWrap .slideNext::before {content:'chevron_right';font-family: 'Material Icons';font-size:4em;font-weight:300;display:block;color:#fff;}
.section01 .mainBannerWrap .controlWrap .playWrap {display:flex;align-items:center;font-weight:100;width:35px;text-align:center;}
.section01 .mainBannerWrap .controlWrap .playWrap button {font-size:32px;margin-top:5px;width:100%;color:#fff;}
.section01 .mainBannerWrap .controlWrap .playWrap .start {display:none;}
.section01 .mainBannerWrap .controlWrap .playWrap .start::after {content:'play_arrow';font-family: 'Material Icons';display:block;}
.section01 .mainBannerWrap .controlWrap .playWrap .stop {position:relative;height:22px;margin:2px 10px 0 10px;}
.section01 .mainBannerWrap .controlWrap .playWrap .stop::before {content:'';position:absolute;top:0;left:50%;width:2.5px;height:100%;background:#fff;margin-left:-3px;}
.section01 .mainBannerWrap .controlWrap .playWrap .stop::after {content:'';position:absolute;top:0;left:50%;width:2.5px;height:100%;background:#fff;margin-left:3px;}
.section01 .mainBannerWrap .bannerClose {position:absolute;top:20px;right:20px;z-index:10;}
.section01 .mainBannerWrap .bannerClose::after {content:'close';font-family: 'Material Icons';font-size:3em;text-shadow:0px 0px 2px rgba(255,255,255,1)}
.section01 .textWrap {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;color:#fff;font-family:'S-Core';max-width:100%;}
.section01 .textWrap p {display:flex;flex-wrap:wrap;}
.section01 .textWrap .text02 {font-size:5.75em;font-weight:bold;}
.section01 .textWrap .text02::after {content:'';width:290px;height:1px;margin-top:0.7em;background:#fff;}
.section01 .textWrap .text03 {font-size:2.25em;font-weight:100;}
.section01 .textWrap .text04 {font-size:3.95em;font-weight:bold;}
.section01 .visualSearchWrap {display:flex;flex-wrap:wrap;margin-top:100px;align-items:center;font-family:'Noto Sans KR';font-size:1.3125em;font-weight:500;width:540px;max-width:100%;height:55px;gap:20px;}
.section01 .visualLink {flex:auto;position:relative;padding:10px 80px 10px 40px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.3);border-radius:100px;display:inline-block;box-shadow:10px 10px 10px rgba(0,0,0,0.25);height:100%;}
.section01 .visualLink::after {position:absolute;top:50%;right:30px;transform:translateY(-50%);display:inline-block;content:'arrow_forward';font-family: 'Material Icons';vertical-align:middle;margin-left:40px;color:#0397dd;transition:0.2s ease;}
.section01 .visualLink:hover {background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.5);}
.section01 .visualLink:hover::after {right:10px;}
.section01 .visualSearchWrap button {width:55px;height:55px;background:#1b95ff;color:#fff;border-radius:100%;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.section01 .visualSearchWrap button::after {content:'search';font-family: 'Material Icons';font-size:2em;}
.section01 .visualSearch {padding:10px 60px 10px 40px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.3);border-radius:100px;box-shadow:10px 10px 10px rgba(0,0,0,0.25);position:relative;width:100%;height:100%;}
.section01 .visualSearch input {background:transparent;color:#fff;font-size:15px;margin-left:10px;width: calc(100% - 50px);}
.section01 .visualSearch input::placeholder {color:#fff;}
.section01 .mainVisual {position:relative;height:100%;border-bottom-left-radius:350px;overflow:hidden;}
.section01 .mainVisual .swiper-slide {background-position:center;background-size:cover;background-repeat:no-repeat;}
.section01 .mainVisual .visual01 {background-image:url(/resources/user/web/img/img_new_2022/mainVisual01.png);}
.section01 .mainVisual .visual02 {background-image:url(/resources/user/web/img/img_new_2022/mainVisual02.png);}
.section01 .mainVisual .visual03 {background-image:url(/resources/user/web/img/img_new_2022/mainVisual03.png);}

.section02 .prContent {display:flex;gap:35px;}
.section02 .prContent .box01 {width:600px;}
.section02 .prContent .box02 {flex:1;}
/* .section02 .prContent .prBox {flex:auto;} */
/* .section02 .prContent .box02 {width:calc(100% - 620px);} */
.section02 .box01 .prTab {font-size:1.375em;}
.section02 .box01 .prTab ul {display:flex;justify-content: space-around;border-top:2px solid #555555;border-bottom:1px solid #d9d9d9;}
.section02 .box01 .prTab ul li.active a {font-weight:bold;position:relative;}
.section02 .box01 .prTab ul li.active a::after {content:'';width:8px;height:8px;background:#1b95ff;border-radius:100%;position:absolute;bottom:14px;left:calc(50% - 4px);}
.section02 .box01 .prTab ul li a {padding:25px 0;display:block;}
.section02 .box01 .prTab ul li a:hover {font-weight:bold;}
.section02 .box01 .prVideoWrap {height:calc(100% - 100px);}
.section02 .box01 .prVideoWrap .prVideoSlide {border-radius:30px;overflow:hidden;margin-top:20px;height:calc(100% - 80px);}
.section02 .box01 .prVideoWrap .swiper-slide {position:relative;background:#fff;} 
.section02 .box01 .prVideoWrap .swiper-slide .videoBox {width:100%;height:100%;padding-top:56.25%;position:relative;}
.section02 .box01 .prVideoWrap .videoBox iframe {width:100% !important;height:100% !important;position:absolute;top:0;left:0;}
.section02 .box01 .prVideoWrap .tabView {display:none;}
.section02 .box01 .prVideoWrap .tabView.active {display:block;}
.section02 .box01 .videoInfo {display:flex;margin-top:10px;align-items:center;}
.section02 .box01 .videoInfo > div {display:none;margin-left:auto;}
.section02 .box01 .videoInfo > div.active {display:block;}
.section02 .box01 .videoInfo .title {font-size:1.5em;font-weight:bold;}
.section02 .box01 .videoInfo .subTitle {font-size:0.875em;margin-left:10px;padding:2px 5px;position:relative;display:block;border:1px solid #d9d9d9;border-radius:13px;}
.section02 .box01 .videoInfo .subTitle::after {content:'expand_less';font-family: 'Material Icons';vertical-align:middle;}
.section02 .box01 .videoInfo .controlWrap {display:flex;align-items:center;}
.section02 .box01 .videoInfo .controlWrap .pagination {margin-right:30px;}
.section02 .box01 .videoInfo .controlWrap .swiper-pagination-total::before {margin:0 10px;}
.section02 .box01 .videoInfo .controlWrap .swiper-pagination-current {font-size:1.5em;}
.section02 .box01 .videoInfo .controlWrap .swiper-pagination-total {font-size:0.9375em;}
.section02 .box01 .videoInfo .controlWrap .slidePrev {position:relative;font-size:50px;}
.section02 .box01 .videoInfo .controlWrap .slidePrev::after {content:'chevron_left';font-family: 'Material Icons';}
.section02 .box01 .videoInfo .controlWrap .slideNext {position:relative;font-size:50px;}
.section02 .box01 .videoInfo .controlWrap .slideNext::after {content:'chevron_right';font-family: 'Material Icons';}
.section02 .box01 .videoInfo .controlWrap .start {position:relative;font-size:50px;display:none;}
.section02 .box01 .videoInfo .controlWrap .start::after {content:'play_arrow';font-family: 'Material Icons';}
.section02 .box01 .videoInfo .controlWrap .stop {position:relative;font-size:50px;font-weight:100;}
.section02 .box01 .videoInfo .controlWrap .stop::after {content:'pause';font-family: 'Material Icons';}

.prVideoWrap .textArea > div {display:none;}
.video001 + .textArea .video001, .video002 + .textArea .video002, .video0 + .textArea .video0, .video1 + .textArea .video1, .video2 + .textArea .video2, .video3 + .textArea .video3, .video4 + .textArea .video4, .video5 + .textArea .video5, .video6 + .textArea .video6, .video7 + .textArea .video7, .video8 + .textArea .video8, .video9 + .textArea .video9, .video10 + .textArea .video10, .video11 + .textArea .video11, .video12 + .textArea .video12, .video13 + .textArea .video13, .video14 + .textArea .video14, .video15 + .textArea .video15, .video16 + .textArea .video16, .video17 + .textArea .video17, .video18 + .textArea .video18, .video19 + .textArea .video19, .video20 + .textArea .video20, .video21 + .textArea .video21, .video22 + .textArea .video22, .video23 + .textArea .video23, .video24 + .textArea .video24, .video25 + .textArea .video25, .video26 + .textArea .video26, .video27 + .textArea .video27, .video28 + .textArea .video28, .video29 + .textArea .video29, .video30 + .textArea .video30, .video31 + .textArea .video31, .video32 + .textArea .video32, .video33 + .textArea .video33, .video34 + .textArea .video34, .video35 + .textArea .video35, .video36 + .textArea .video36, .video37 + .textArea .video37, .video38 + .textArea .video38, .video39 + .textArea .video39, .video40 + .textArea .video40, .video41 + .textArea .video41, .video42 + .textArea .video42, .video43 + .textArea .video43, .video44 + .textArea .video44, .video45 + .textArea .video45, .video46 + .textArea .video46, .video47 + .textArea .video47, .video48 + .textArea .video48, .video49 + .textArea .video49, .video50 + .textArea .video50 {display:block;}
.section02 .box01 .textArea {position:absolute;bottom:0;left:0;z-index:100;width:100%;height:17%;background:rgba(0,0,0,0.8);color:#fff;overflow:auto;display:none;padding:0;padding-top:30px;}
.section02 .box01 .textArea > div {padding:40px 20px;}
.section02 .box01 .textArea strong {display: block;margin-bottom: 10px;}
.section02 .box01 .textArea .textAreaClose {position:absolute;top:10px;right:10px;color:#fff;font-size:40px;font-weight:100;}
.section02 .box01 .textArea .textAreaClose::after {content:'close';font-family: 'Material Icons';}
.section02 .box02 {border:1px solid #d9d9d9;border-top-left-radius:30px;border-bottom-right-radius:30px;background:#fff;overflow:hidden;}
.section02 .box02 > div {display:flex;padding:30px;gap:30px;}
.section02 .box02 .list {flex:0 480px;}
.section02 .box02 .list ul {display:flex;gap:20px;font-weight:500;}
.section02 .box02 .list ul li {flex:1 1 0;}
.section02 .box02 .list ul a {display:block;}
.section02 .box02 .list ul img {border:1px solid #d9d9d9;border-radius:5px;margin-bottom:5px;width:100%;}
.section02 .box02 .list ul p {height: 3em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.section02 .box02 .title {font-size:1.5em;font-family:'S-core';font-weight:900;padding:30px 0 20px 0;}
.section02 .box02 .titleWrap a {display:inline-block;border-radius:15px;font-weight:bold;color:#1b95ff;background:#fff;margin-top:20px;padding:3px 20px;box-shadow:2px 2px 5px rgba(0,0,0,0.25);}
.section02 .box02 .box0201 {background:#eaf5ff;}
.section02 .box02 .box0202 .title {color:#1b95ff;}
.section02 .box02 .box0202 .titleWrap a {background:#1b95ff;color:#fff;}

.section03 .more {position:absolute;top:0;right:0;transform: translateY(-100%);}
.section03 .more::after {content:'add';font-family: 'Material Icons';font-weight:100;font-size:5em;vertical-align: middle;line-height:1;transition:0.2s ease;}
.section03 .more:hover::after {transform: rotate(180deg);}
.section03 .noticeWrap {display:flex;justify-content: flex-start;}
.section03 .noticeMenu {flex:0 0 320px;border-radius:15px;padding:25px;font-size:1.25em;color:#fff;background:url(/resources/user/web/img/img_new_2022/noticeMenuBg.png) no-repeat right -115px bottom #0397dd;}
.section03 .noticeMenu a {padding:10px 15px;display:block;transition:0.2s ease;}
.section03 .noticeMenu li.active a::after {content:'chevron_right';font-family: 'Material Icons';float:right;}
.section03 .noticeMenu li.active a {font-weight:bold;background:#0372a6;border-radius:10px;}
/* .section03 .noticeList {width:calc(50vw + 360px);margin-left:20px;} */
.section03 .noticeList {width:calc(100% - 340px);margin-left:20px;}
.section03 .noticeList .noticeListSlideWrap {height:100%;position:relative;}
.section03 .noticeList .noticeListSlide {height:calc(100% + 40px);margin-top:-20px;overflow-x:hidden;padding:20px 0;display:none;}
.section03 .noticeList .noticeListSlide.active {display:block;}
.section03 .noticeList .swiper-slide {display:block;width:320px;height:100%;border:1px solid #d9d9d9;padding:30px;border-radius:15px;}
.section03 .noticeList .swiper-slide:hover {border:1px solid #1da2e0;transform:translateY(-10px);box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.section03 .noticeList .noticeCate {font-size:0.875em;font-weight:bold;color:#1da2e0;}
.section03 .noticeList .noticeCate span {color:#fff;width:72px;height:25px;line-height:25px;background:#6D6D6D;float:right;text-align:center;border-radius:30px;}
.section03 .noticeList .wait .noticeCate span {background:#0397dd;}
.section03 .noticeList .ing .noticeCate span {background:#0372a6;}
.section03 .noticeList .end .noticeCate span {background:#6D6D6D;}
.section03 .noticeList .wait .noticeCate span::after {content:'예정';}
.section03 .noticeList .ing .noticeCate span::after {content:'진행중';}
.section03 .noticeList .end .noticeCate span::after {content:'마감';}
.section03 .noticeList .noticeTitle {margin-top:25px;font-size:1.1875em;font-weight:bold;color:#333333;line-height: 1.2em;max-height: 2.4em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.section03 .noticeList .noticeText {margin-top:25px;color:#8c8c8c;line-height: 1.4em;max-height: 7em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.section03 .noticeList .noticeDay {position:absolute;bottom:30px;right:30px;color:#393939;font-weight:500;}
.section03 .noticeList .swiper-pagination {width:100%;height:3px;background:rgba(0,0,0,0.1);}
.section03 .noticeList .swiper-pagination .swiper-pagination-progressbar-fill {background:#1b95ff;}
.section03 .newsLetter {background: #eaf5ff;width:1050px;max-width:100%;margin:60px auto 0 auto;padding:40px 90px;display:block;border-radius:70px;font-family:'S-Core';position:relative;}
.section03 .newsLetter p {z-index:10;position:relative;}
.section03 .newsLetter::before {content:'';width:100%;height:0;background:#daebfa;position:absolute;bottom:50%;left:0;transform:translateY(50%);z-index:0;border-radius:70px;transition: 0.2s ease;}
.section03 .newsLetter:hover::before {height:100%;}
.section03 .newsLetter::after {content:'';width:164px;height:130px;background:url(/resources/user/web/img/img_new_2022/newsLetterBg.png);position:absolute;right:100px;bottom:-10px;}
.section03 .newsLetter .newsLetterTitle {font-size:1.375em;font-weight:bold;color:#177FD9;margin-bottom:10px;}
.section03 .newsLetter .newsLetterTitle span {display:inline-block;margin-left:20px;padding:5px 20px 3px 20px;font-size:0.7273em;background:#fff;border-radius:15px;box-shadow:2px 2px 5px rgba(0,0,0,0.25);vertical-align: middle;font-weight:500;}

.section04 {background:#f5f5f5;}
.section04 .serviceList {display:flex;flex-wrap:wrap;gap:25px;}
.section04 .serviceList li {flex:1 0;text-align:center;}
.section04 .serviceList li a {display:block;height:100%;background:#fff;border:1px solid #ececec;border-radius:15px;box-shadow:2px 2px 5px rgba(0,0,0,0.15);padding:150px 25px 20px 25px;background-repeat:no-repeat;background-position:top 30px center;}
.section04 .serviceList li a:hover {margin-top:-10px;}
.section04 .serviceList li a span {display:inline-block;font-size:1.2em;line-height:1em;height:2em; letter-spacing: -1.9px;}
.section04 .serviceList li:nth-child(1) a {background-image:url(/resources/user/web/img/img_new_2022/mainService01.png);}
.section04 .serviceList li:nth-child(2) a {background-image:url(/resources/user/web/img/img_new_2022/mainService02.png);}
.section04 .serviceList li:nth-child(3) a {background-image:url(/resources/user/web/img/img_new_2022/mainService03.png);}
.section04 .serviceList li:nth-child(4) a {background-image:url(/resources/user/web/img/img_new_2022/mainService04.png);}
.section04 .serviceList li:nth-child(5) a {background-image:url(/resources/user/web/img/img_new_2022/mainService05.png);}
.section04 .serviceList li:nth-child(6) a {background-image:url(/resources/user/web/img/img_new_2022/mainService06.png);}
.section04 .serviceList li:nth-child(7) a {background-image:url(/resources/user/web/img/img_new_2022/mainService07.png);}
.section04 .serviceCenter {position:relative;width:1280px;max-width:100%;margin:100px auto 0 auto;}
.section04 .serviceCenter::after {content:'';width:200%;height:200%;position:absolute;top:0;left:0;background:#fff;transform:translate(-25%, 25%);}
.section04 .serviceCenter ul {background:url(/resources/user/web/img/img_new_2022/serviceCenterImg01.png) no-repeat bottom left 40px #fff;width:100%;padding:30px 90px 30px 240px;border:1px solid #d9d9d9;border-radius:150px;display:flex;position:relative;z-index:1;transition:0.4s ease;}
.section04 .serviceCenter ul::before {content:'';width:93px;height:41px;background:url(/resources/user/web/img/img_new_2022/serviceCenterImg02.png);position:absolute;top:16px;left:20px;}
.section04 .serviceCenter li {padding:0 30px;position:relative;}
.section04 .serviceCenter li + li {border-left:1px solid #d9d9d9;}
.section04 .serviceCenter .text01 {font-size:1.125em;}
.section04 .serviceCenter .text02 {font-size:1.75em;font-weight:bold;}
.section04 .serviceCenter .text03 {font-size:0.9375em;color:#8c8c8c;}
.section04 .serviceCenter .text03 strong {font-size:1em;color:#555555;}
.section04 .serviceCenter .serviceLink {position:absolute;right:30px;bottom:-30px;padding:5px 15px;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-weight:bold;}
.section04 .serviceCenter .serviceLink:hover {padding-bottom:30px;}
.section04 .serviceCenter li:nth-child(1) .text02 {color:#459335;}
.section04 .serviceCenter li:nth-child(2) .text02 {color:#1b95ff;}
.section04 .serviceCenter li:nth-child(3) .text02 {color:#ff593c;}
.section04 .serviceCenter li:nth-child(1) .serviceLink {background:#459335;}
.section04 .serviceCenter li:nth-child(2) .serviceLink {background:#1b95ff;}
.section04 .serviceCenter li:nth-child(3) .serviceLink {background:#ff593c;}

footer {background:#f1f1f1;font-size:18px;font-family:'Noto Sans KR';}
footer .footMenu {border:1px solid #d9d9d9;border-left:0;border-right:0;padding:15px 0;}
footer .footMenu ul {display:flex;gap:10px 60px;flex-wrap:wrap;}
footer .footMenu ul .privacy {font-weight:bold;color:#177FD9;}
footer .siteInfo {padding:50px 0;font-size:0.7778em;}
footer .siteInfo .inner {display:flex;gap:20px;}
footer .siteInfo .footLogo {margin-top:-5px;}
footer .siteInfo address {color:#666;}
footer .siteInfo address ul {display:flex;gap:0 20px;flex-wrap:wrap;}
footer .siteInfo .footMark {margin-left:auto;}

.quick {position:fixed;top:50%;right:50px;transform:translateY(-50%);}
.quick a {display:flex;justify-content:center;align-items:center;width:60px;height:60px;background:#fff;outline:10px solid rgba(0,0,0,0.05);border-radius:100%;margin-bottom:25px;}
.quick a:nth-child(1):hover {outline:20px solid rgba(47,178,74,0.5);}
.quick a:nth-child(2):hover {outline:20px solid rgba(21,116,234,0.5);}
.quick a:nth-child(3):hover {outline:20px solid rgba(255,0,0,0.5);}
.quick a:nth-child(4):hover {outline:20px solid rgba(0,0,0,0.5);}
.fp-viewing-VISUAL .quick a.top {display:none;}


/* 250623 수정 */
.quick .resve_btn {flex-direction: column; background: #00c79c; font-size: 14px; font-weight: 500; color: #fff; border-radius: 10px; margin-bottom: 40px;}
.quick .resve_btn img {width: 26px; margin-bottom: 3px;display: block;}
/* 250623 수정 완료 */



@media all and (max-width:1800px){
    header nav .depth01 > li > a {padding:30px 10px;}
}
@media all and (max-width:1630px){
    header {font-size:19px;}
    header h1 {margin-left:30px;}
    .allmenuWrap .depth01{gap: 2%;}
    .allmenuWrap .depth01 > li{width: 32%; margin-bottom: 20px;}
    header .headBtmWrap {margin-left:30px;}
    
}
@media all and (max-width:1480px){
    nav {display:none;}
    header .headBtmWrap{justify-content: flex-end;}
    header .utileSearch {margin-left:auto;}
    .quick {right:30px;}
    .section01 .mainBannerWrap .bannerClose {display:block;}
}
@media all and (max-width:1400px){
    .section02 .prContent .box01 {width:40%;}
    .section02 .box02 .list ul img {width:100px;}
    .section02 .box01 .videoInfo .controlWrap .pagination {margin-right:10px;}
    /* .section03 .noticeList {width:calc(100% - 320px);} */
}

@media all and (max-width:1200px){
    .section04 .serviceList li a {background-size:60%;padding:110% 20px 20% 20px;}
    .section04 .serviceCenter ul {padding:30px 50px 30px 150px;background-position:left bottom;}
    .section04 .serviceCenter li {padding:0 20px;}
}

@media all and (max-width:1024px){
    .allmenuWrap,
    main {font-size:14px;}
    footer {font-size:16px;}
    html,body {overflow-x:hidden !important;}
    .section:not(.section01) {height:auto !important;}
    .fp-tableCell {height:auto !important;vertical-align:top;}
    header .utileWrap .utile {padding-right:0;}
    header .utileWrap .utileSelect .utileSelectList {left:auto;right:0;}
    header h1 {margin:10px 0 10px 30px;}
    header h1 img {height:35px;}
    header .utileSearch {margin-top:15px;display:flex;}
    header .utileSearchWrap {top:117px;}
    header .allmenu {width:60px;height:60px;}
    /* .allmenuWrap .depth01 > li {flex:auto;} */
    .section:not(.section01, .fp-auto-height) .inner {padding:70px 20px 50px 20px;}
    /* .section04 {padding:100px 20px 80px 20px;} */
    .section01 .visualSearchWrap {height:47px;}
    .section01 .mainBannerWrap {right:100px;height:auto;}
    /* .section01 .mainBannerWrap p {padding:50px 10px 10px 10px;max-height:100px;} */
    /* .section01 .mainBannerWrap .controlWrap {bottom:48px;} */
    .section02 .prContent {flex-direction: column;}
    .section02 .prContent .box01 {width:100%;}
    .section02 .box01 .prTab ul li a {padding:15px 5px;}
    .section02 .box01 .prTab ul li:first-child a::after {bottom:6px;}
    .section03 .noticeMenu {flex:0 0 210px;}
    /* .section03 .noticeList {width:calc(100% - 300px);} */
    .section03 .noticeList {width:calc(100% - 230px);}
    .section03 .newsLetter {padding:30px 150px 30px 50px;}
    .section03 .newsLetter::after {right:10px;}
}

@media all and (max-width:768px){
    header {gap:0 10px;}
    header .utileWrap .utile {gap:5px;}
    header .utileSearchWrap {height:100px;}
    header .utileSearchWrap form {margin-top:25px;}
    .section01 .mainVisual {border-radius:0;}
    .section01 .textWrap .text02::after {display:none;}
    .section01 .visualSearchWrap > * {width:100%;}
    .section04 .serviceList {gap:10px;}
    .section04 .serviceList li a {height:auto;padding:20px 20px 20px 100px;background-size:auto 70%;background-position:left 20px center;text-align:left;}
    .section04 .serviceList li a span {height:auto;}
    .section04 .serviceList li a br {display:none;}
    .section04 .serviceList {flex-direction: column;}
    .section04 .serviceCenter {margin-top:20px;background:#fff;border: 1px solid #ececec;border-radius: 15px;box-shadow:2px 2px 5px rgba(0,0,0,0.15);overflow:hidden;}
    .section04 .serviceCenter ul {background-color: transparent;border: none;flex-direction: column;border-radius:0;gap:20px;padding:30px 30px 30px 160px;}
    .section04 .serviceCenter ul::before {top:auto;bottom:135px;}
    .section04 .serviceCenter li {padding:0;}
    .section04 .serviceCenter li + li {border:none;}
    .section04 .serviceCenter .serviceLink {bottom:auto;top:10px;right:0;border-radius:20px;pointer-events: auto;}
    .section04 .serviceCenter .serviceLink:hover {padding:5px 15px;}
    .section04 .serviceCenter::after {display:none;}
    footer .footMenu ul {gap:20px;}

    .allmenuWrap .depth01 > li{width: 49%;}
}

@media all and (max-width:600px){

    header h1 {position: absolute; bottom: 5px; left: 0; margin-left: 20px; }
    header h1 img{height: 30px;}
    header .utileWrap{padding: 10px 20px; width: 100%;}
    header .utileWrap .utile{width: 100%; justify-content: space-between;}
    header .headBtmWrap{margin-left: 0px;}
    
    .section01 .mainBannerWrap .controlWrap {    bottom: 10%;}
    .section01 .mainBannerWrap p {height:23px;-webkit-line-clamp: 1;}
    .section02 .box02 > div {flex-wrap:wrap;padding:10px 20px;}
    .section02 .box02 .title {padding:10px 0;}
    .section02 .box02 .titleWrap a {margin-top:10px;}
    .section02 .box02 .list ul img {width:100%;}
    footer .siteInfo {padding:30px 0;text-align:center;}
    footer .siteInfo .inner {flex-direction: column;}
    footer .siteInfo address ul {justify-content:center;}
    footer .siteInfo .footMark {margin:0 auto;}

    .allmenuWrap .depth01 > li{width: 100%;}

}
@media all and (max-width:480px){
    .section01 .mainBannerWrap .controlWrap {bottom:6%;}
    .section01 .mainBannerWrap p {display:none;}
    .section03 .noticeWrap {flex-wrap:wrap;}
    .section03 .noticeMenu {flex:0 100%;}
    .section03 .noticeList {flex:0 100%;margin:20px 0 0 0;}
    .section03 .newsLetter {border-radius:20px;}


    .section04 .serviceCenter ul {padding:30px;padding-bottom:150px;}
    .section04 .serviceCenter ul::before {display:none;}
    
}

.blind2{position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);overflow: hidden;}


@media screen and (max-width: 767px) {
  .popup_style {
    display: none !important;
  }
}

/* 메인 팝업 */
.popup_style {overflow:hidden; display:block; position:absolute; z-index:10000; box-shadow: 2px 2px 10px rgba(0, 0, 0, .25);}
.popup_style .cont a {display:block}
.popup_style .close {overflow:hidden; background-color:#fff;}
.popup_style .close span{padding: 7px 10px; display:inline-block; }
.popup_style .close input {vertical-align:baseline; margin-right:3px}
.popup_style .close a {display:inline-block; vertical-align:middle; float:right; margin-top:1px; font-weight:500; color:inherit; padding: 7px 10px;}

@media screen and (max-width:1100px) {
  .popup_style{top:5%; left: 50%; transform: translateX(-50%);}
  .popup_position {width: calc(100% - 500px);}
  .popup_position img {width: 100%;}
}
@media screen and (max-width:960px) {
  .popup_style{top:5%; left: 50%; transform: translateX(-50%);}
  .popup_position{width: calc(100% - 300px);}
  .popup_position img {width: 100%;}
}
@media screen and (max-width:660px) {
  .popup_style{top:5%; left: 50%; transform: translateX(-50%);}
  .popup_position{width: calc(100% - 50px);}
  .popup_position img {width: 100%;}
}

/* prc_board_data_listView CSS 이동 */
.btn_set{margin:10px 0 0 0;height:29px}
.btn_paging_set{margin:-16px 0 0 0;height:29px}
.btn_center{text-align:center}
.btn_center li{display:inline}
.btn_right{float:right}
.btn_right li{float:left;margin:0 0 0 4px}
.btn_left{float:left}
.btn_left li{float:left;margin:0 4px 0 0}

.btn_style_01{display:inline-block;padding:0 0 0 15px;background:url(/resources/user/web/img/manager/bg_btn.gif) no-repeat 0 0;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
.btn_style_01 span{display:block;padding:8px 15px 0 0;background:url(/resources/user/web/img/manager/bg_btn.gif) no-repeat 100% -29px;color:#fff !important;font-weight:bold;height:29px;line-height:14px;cursor:pointer}

.btn_style_02{display:inline-block;padding:0 0 0 15px;background:url(/resources/user/web/img/manager/bg_btn.gif) no-repeat 0 -58px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
.btn_style_02 span{display:block;padding:8px 15px 0 0;background:url(/resources/user/web/img/manager/bg_btn.gif) no-repeat 100% -87px;color:#286792 !important;font-weight:bold;height:29px;line-height:14px;cursor:pointer}

.btn_style_03{display:inline-block;padding:0 0 0 6px;background:url(/resources/user/web/img/manager/bg_btn.gif) no-repeat 0 -156px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
.btn_style_03 span{display:block;padding:3px 6px 0 0;background:url(/resources/user/web/img/manager/bg_btn.gif) no-repeat 100% -174px;font-size:11px;color:#6a6e75 !important;height:15px;line-height:13px;cursor:pointer}

.btn_style_04{display:inline-block;padding:0 0 0 12px;background:url(/resources/user/web/img/manager/bg_btn.gif) no-repeat 0 -116px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
.btn_style_04 span{display:block;padding:4px 12px 0 0;background:url(/resources/user/web/img/manager/bg_btn.gif) no-repeat 100% -136px;font-size:11px;color:#444 !important;height:16px;line-height:13px;cursor:pointer}
.btn_style_04 img{vertical-align:middle;margin:-2px 0 0 0}