@charset "utf-8";

/* layer popup - 레이어팝업(공통) */
.layerPop {position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%;background:rgba(255, 255, 255, .95);}
	/* header */
	.layerPop .header {position:relative;width:100%;font-size:21px;letter-spacing:-.10em;}
	.layerPop .header:after { /* 레이어 타이틀 컨셉 라인표시 */
		display:block;content:'';width:100%;height:15px;
		margin-top:10px;
		background-image:url('../../images/newMosf/common/titleImg.png');
		background-repeat:no-repeat;
		border-top:1px solid #333;
	}

/* layer function - 레이어 기능(공통) */
.layerClose { /* 레이어창 닫기 */
	position:absolute;left:50%;width:40px;height:40px;margin-left:-20px;
}
.layerClose:hover {animation:rotate 1.5s ease-out;}
/* 메뉴창 닫기 버튼 */
.layerClose span{font-size:0; position:relative; width:100%; height:100%;}
.layerClose:before, .layerClose:after{content:''; background:#777; width:1px; height:100%; display:block; position:absolute;top:0; left:50%; transform:rotate(0deg);  transition:all 1s ease-out; }
.layerClose.photoClose:before,
.layerClose.photoClose:after {background-color:#f1f1f1;}

.layerClose.Open{right:10px; background:transparent}
.layerClose.Open span{font-size:0; position:relative; width:100%; height:100%;}
.layerClose.Open:before{transform:rotate(135deg); transition:all 1s ease-out;}
.layerClose.Open:after{transform:rotate(-135deg);transition:all 1s ease-out;}


.favLayer .layerClose {top:35px;}
.footerLayer .layerClose {top:-65px;} 

/*
@keyframes rotate { 
	frome {transform:scale3d(1.2, 1.2, 1.2) rotate(-180deg);}
	to {transform:scale3d(1.0, 1.0, 1.0) rotate(-360deg);}
}
*/

/* favorit my menu - 자주찾는 나의 메뉴 */
.favLayer .container {position:absolute;top:0;left:50%;display:block;width:850px;margin:110px 0 0 -425px;}
	/* header */
	.favLayer .header span {display:inline-block;font-weight:400;font-size:14px;color:#6f6f6f;margin-left:10px;}
	/* favorit list */
	.favLayer .favList {width:100%;margin-top:10px;overflow:hidden;}
	.favLayer .favList li {float:left;width:20%;text-align:center;}
	.favLayer .favList li a {display:block;text-decoration:none;}
	.favLayer .favList li a span {display:block;width:80px;height:80px;margin:0 auto 5px auto;border:1px dashed #afafaf;border-radius:65px;}
	.favLayer .favList li .fav_ico01, .favLayer .favList li .fav_id01,
	.favLayer .favList li .fav_id02, .favLayer .favList li .fav_id03,
	.favLayer .favList li .fav_id04, .favLayer .favList li .fav_id05,
	.favLayer .favList li .fav_id06, .favLayer .favList li .fav_id07,
	.favLayer .favList li .fav_id08, .favLayer .favList li .fav_id09{background-position:-200px 0;} /* 정보공개 */
	.favLayer .favList li .fav_ico02, .favLayer .favList li .fav_nw01,
	.favLayer .favList li .fav_nw02, .favLayer .favList li .fav_nw03,
	.favLayer .favList li .fav_nw04, .favLayer .favList li .fav_nw05,
	.favLayer .favList li .fav_nw06, .favLayer .favList li .fav_nw07,
	.favLayer .favList li .fav_nw08, .favLayer .favList li .fav_nw09{background-position:-200px -80px;} /* 뉴스 */
	.favLayer .favList li .fav_ico03, .favLayer .favList li .fav_pl01,
	.favLayer .favList li .fav_pl02, .favLayer .favList li .fav_pl03,
	.favLayer .favList li .fav_pl04, .favLayer .favList li .fav_pl05,
	.favLayer .favList li .fav_pl11 {background-position:-200px -160px;} /* 정책 */
	.favLayer .favList li .fav_ico04, .favLayer .favList li .fav_st01,
	.favLayer .favList li .fav_st02, .favLayer .favList li .fav_st03,
	.favLayer .favList li .fav_st04, .favLayer .favList li .fav_st05,
	.favLayer .favList li .fav_st06, .favLayer .favList li .fav_st07,
	.favLayer .favList li .fav_st08,  .favLayer .favList li .fav_st09{background-position:-200px -240px;} /* 통계 */
	.favLayer .favList li .fav_ico05, .favLayer .favList li .fav_lw01,
	.favLayer .favList li .fav_lw02, .favLayer .favList li .fav_lw03,
	.favLayer .favList li .fav_lw04, .favLayer .favList li .fav_lw05,
	.favLayer .favList li .fav_lw06, .favLayer .favList li .fav_lw07,
	.favLayer .favList li .fav_lw08, .favLayer .favList li .fav_lw09{background-position:-200px -320px;} /* 법령 */
	.favLayer .favList li .fav_ico06, .favLayer .favList li .fav_cv01,
	.favLayer .favList li .fav_cv02, .favLayer .favList li .fav_cv03,
	.favLayer .favList li .fav_cv04, .favLayer .favList li .fav_cv05,
	.favLayer .favList li .fav_cv06, .favLayer .favList li .fav_cv07, 
	.favLayer .favList li .fav_cv08, .favLayer .favList li .fav_cv10, 
	.favLayer .favList li .fav_cv11, .favLayer .favList li .fav_cv12,
	.favLayer .favList li .fav_cv13, .favLayer .favList li .fav_cv15,
	.favLayer .favList li .fav_cv16, .favLayer .favList li .fav_cv17{background-position:-200px -400px;} /* 민원 */
	.favLayer .favList li .fav_ico07, .favLayer .favList li .fav_mi01,
	.favLayer .favList li .fav_mi02, .favLayer .favList li .fav_mi03,
	.favLayer .favList li .fav_mi04, .favLayer .favList li .fav_mi05,
	.favLayer .favList li .fav_mi06, .favLayer .favList li .fav_mi07,
	.favLayer .favList li .fav_mi08, .favLayer .favList li .fav_mi09,
	.favLayer .favList li .fav_mi10, .favLayer .favList li .fav_mi11{background-position:-200px -480px;} /* 기관소개 */
	/* favorit content */
	.favLayer .content {position:relative;width:100%;margin-top:15px;padding-top:10px;border-top:1px solid #ddd;}
	.favLayer .content .favMenu {width:650px;margin:0 0 30px 0;border-right:1px solid #ddd;overflow:hidden;}
	.favLayer .content .favMenu > li {float:left;width:33.33%;padding:10px 0;}
	.favLayer .content .favMenu > li:nth-child(4) {clear:left;float:left;}
	.favLayer .content .favMenu > li > span {font-weight:600;font-size:16px;}
	.favLayer .content .favMenu ul {margin-top:10px;}
	.favLayer .content .favMenu li {line-height:21px;}
	.favLayer .content .favMenu li input[type='checkbox'],
	.favLayer .content .favMenu li label {display:inline-block;vertical-align:middle;}
	.favLayer .content .favMenu li label {font-size:14px;margin-left:5px;}
	.favLayer .content .favButton {position:absolute;top:20px;right:0;width:200px;text-align:right;}
	.favLayer .content .favButton p {font-weight:400;font-size:14px;margin-bottom:25px;}
	.favLayer .content .favButton button {display:inline-block;padding:0 25px;}

/* footer banner - 하단 레이어창 */
.footerLayer > div {position:absolute;top:0;left:50%;display:block;width:850px;margin:110px 0 0 -425px;}
.footerLayer > div .content {display:none;width:100%;margin-top:20px;overflow:hidden;}
.footerLayer > div .content ul {display:none;overflow:hidden;}
.footerLayer > div .content li {float:left;width:33.33%;padding:8px 0;}
.footerLayer > div .content li:before {display:inline-block;content:'-';font-size:13px;margin-right:7px;}
.footerLayer > div .content li a {font-size:15px;text-decoration:none;}
.footerLayer > div .content li a:hover {color:#559def;}

/* department - 실ㆍ국별 보도자료 레이어창 */
.departLayer > div {position:absolute;display:block;}
.departLayer > div .content li:before {display:inline-block;content:'-';font-size:13px;margin-right:7px;}
.departLayer > div .content li a {font-size:15px;text-decoration:none;}
.departLayer > div .content li a:hover {color:#559def;}

/* PC용 신규 팝업 */
.pop-up,
.pop-up.openPopup{display:none;}
.daliyPopupPc{position:fixed; left:20px; top:150px; right:0;bottom:0; width:450px; /*width:905px; 2개일때*/ height:435px; /*width:auto; height:auto;*/ z-index:99999; display:block;/*background:rgba(0,0,0,0.6);*/text-align:center;}
.daliyPopupPc:before{content:'';display:inline-block;vertical-align:middle;width:1px;height:100%;margin-left:-4px;}
.daliyPopupPc > .container{display:block;}
.daliyPopupPc > .container > .boxWrap{display:flex; align-items:center; flex-wrap:wrap; max-width:915px;}
.daliyPopupPc > .container > .boxWrap > div{margin-right:5px; display:none;}
.daliyPopupPc > .container > .boxWrap > div.openPopup{display:flex; flex-direction:column; align-items:center;}
.daliyPopupPc > .container > .boxWrap > div > a{display:flex; flex-direction:column; align-items:center;}
.daliyPopupPc > .container > .boxWrap > div img{width:300px;}
.daliyPopupPc > .container > .boxWrap > div:nth-child(n+4){margin-top:5px;}

/* 닫기 버튼 */
.daliyPopupPc .closeBox{display:flex; align-items:center; background-color:rgba(0, 0, 0, 0.85); height:34px;border-top:1px solid rgba(255,255,255,.1); width:100%;}
.daliyPopupPc .closeBox > a {width:50%; height:100%; text-align:center; display:flex; align-items:center;text-align:right;box-sizing:border-box;padding:0 10px;justify-content: flex-end;}
.daliyPopupPc .closeBox > a:first-child{border-right:1px solid rgba(255,255,255,.1);text-align:left;justify-content: flex-start;}
.daliyPopupPc .closeBox > a:first-child > span:before{display:none;}
.daliyPopupPc .closeBox > a > span{text-align:right;font-size:14px; line-height:0; font-weight:600; color:#d2d2d2; line-height:150%;display:block;}
.daliyPopupPc .closeBox > a > span:before{content:'';display:inline-block;vertical-align:top;background:url(../../images/2022/btn_close.png) no-repeat center center;width:12px;height:12px;margin:4px 4px 0 0}

/* 신규 슬라이드 팝업 수정본 */
.pop-up {position:fixed;z-index:9999;left:0;top:0;right:0;bottom:0;width:900px;height:474px; display:none;}
.pop-up .slider {display:flex;align-items:center;}
.pop-up .slider > div > a{display:flex; align-items:center;}
/* 팝업이 1개일때 */
.pop-up .slider .onlyPopupImg{width:100%;}

.pop-up .slick-slider{display:flex !important; align-items:center;}
.pop-up .slick-slider .slick-list{width:450px; height:400px;}
	/* 좌우 버튼 */
	.pop-up .slick-arrow{width:40px; height:auto; font-size:0; background:rgba(0,0,0,.5); z-index:2;}
	.pop-up .slick-arrow.slick-disabled{opacity:0 !important;}
	.pop-up .slick-arrow > i{width:10px; height:auto; padding-right:3px; margin:11px auto; display:flex; align-items:center; flex-direction:column;}
	.pop-up .slick-arrow > i::before,
	.pop-up .slick-arrow > i::after{display:block; content:'';width:1px;height:10px; margin:0 auto; background:#fff;}
	.pop-up .slick-arrow > i::before{margin-bottom:-1.5px; transform:rotate(45deg);}
	.pop-up .slick-arrow > i::after{margin-top:-1.5px; transform:rotate(-45deg);}
	.pop-up .slick-next > i{transform:rotate(-180deg);}
		/* ^ 마우스 오버 */
		.pop-up .slick-arrow:hover{background:rgba(0,0,0,.8);}

	/* 동그라미 버튼 */
	.pop-up .slick-dots{display:block; text-align:center; margin-top:0; position:relative; z-index:10;}
	.pop-up .slick-dots > li{display:inline-block; vertical-align:middle; height:9px; margin:12px 5px;}
	.pop-up .slick-dots > li > button{display:block; width:9px; height:9px; border-radius:4.5px; background:rgba(255,255,255,.5); transition:all .3s ease; cursor:pointer; font-size:0;}
	.pop-up .slick-dots > li.slick-active > button{width:30px; background:#fff;}
	
	/* 닫기 버튼 */
	.pop-up .closeBox{display:flex; align-items:center; background-color:rgba(0, 0, 0, 0.85); height:40px;margin-top:-6px; border-top:1px solid rgba(255,255,255,.1);}
	.pop-up .closeBox > a {width:50%; height:100%; text-align:center; display:flex; align-items:center;justify-content: flex-end;box-sizing:border-box;padding:0 10px;}
    .pop-up .closeBox > a > span:before{content:'';display:inline-block;vertical-align:top;background:url(../../images/2022/btn_close.png) no-repeat center center;width:12px;height:12px;margin:4px 4px 0 0}
	.pop-up .closeBox > a:first-child{border-right:1px solid rgba(255,255,255,.1);justify-content: flex-start}
    .pop-up .closeBox > a:first-child > span:before{display:none;}
	.pop-up .closeBox > a > span{text-align:center; font-size:14px; line-height:0; font-weight:600; color:#d2d2d2; line-height:150%;display:block;}

	/* 재생 버튼  */
	.pop-up .slick-controls > .controlsWrap{display:flex; align-items:center; justify-content:center; }
	/* - 재생·정지 아이콘 */
	.pop-up .slick-controls .controlsWrap > button{display:inline-block; width:auto; height:auto; padding:5px; font-size:0; vertical-align:top;}
	.pop-up .slick-controls .controlsWrap > button > i{display:block; width:7px; height:9px; position:relative; font-size:0;}
		/* ^ 정지 */
		.pop-up .slick-controls .controlsWrap > button.slide-pause i:before, 
		.pop-up .slick-controls .controlsWrap > button.slide-pause i:after{content:''; display:block; position:absolute; background:#999; width:1px; height:100%; top:0; box-shadow:0px 1px 1px 1px rgba(0,0,0,.1);}
		.pop-up .slick-controls .controlsWrap > button.slide-pause i:before{left:0;}
		.pop-up .slick-controls .controlsWrap > button.slide-pause i:after{right:0;}
		.pop-up .slick-controls .controlsWrap > button.slide-pause:hover i:before, .mainVisual .slick-controls .controlsWrap > button.slide-pause:hover i:after{background:#578ad5;  transition:all 1s;}
		/* ^ 재생 */
		.pop-up .slick-controls .controlsWrap > button.slide-play{display:none;}
		.pop-up .slick-controls .controlsWrap > button.slide-play i:before{content:''; display:block; position:absolute; top:0; left:0; border-top:4.5px solid transparent; border-left:7px solid #999; border-bottom:4.5px solid transparent}
		.pop-up .slick-controls .controlsWrap > button.slide-play:hover i:before{ border-left:7px solid #578ad5; transition:all 1s;}
	
/*시스템점검팝업 20200723
.pop_Box .system_pop .content_p {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 450px; height: 400px; background: url(/images/newMosf/main/systempop_bg.jpg) no-repeat; letter-spacing: -1px;}
.pop_Box .system_pop .content_p .title_small {display: flex; flex-direction: column; font-size: 20px; color: #000000; font-weight: 600; letter-spacing: -3px;}
.pop_Box .system_pop .content_p .title_large {font-size: 55px; letter-spacing: -8px; margin-top: 20px;}
.pop_Box .system_pop .content_p .date {width: 360px; height: 40px; background: #858585; border-radius: 20px; margin: 40px 0px 10px; text-align: center; font-size: 18px; color: #fff; line-height: 37px;}
.pop_Box .system_pop .content_p .sign {display: flex; line-height: 22px; font-size: 16px; color: #4d4d4d; letter-spacing: -2px;}
.pop_Box .system_pop .content_p .sign span::before {content: ''; display: block; background: url(/images/newMosf/main/red_point.svg); width: 16px; height: 16px; margin: 4px 4px 0 0;}
*/

/* ==== 뷰포트 기준 : 600px  ==== */
/* @media (max-width:600px){ 
	/* 시스템점검팝업 20200723 */
/*	.pop_Box .system_pop .content_p {width: 100%; height: 66.667vw; letter-spacing: -0.167vw; background-size: 100%;} /* width: 450px; height: 400px; letter-spacing: -1px; */
/*	.pop_Box .system_pop .content_p .title_small {font-size: 3.333vw; font-weight: 100vw; letter-spacing: -0.500vw;}/* font-size: 20px; font-weight: 600; letter-spacing: -3px; */
/*	.pop_Box .system_pop .content_p .title_large {font-size: 9.167vw; letter-spacing: -1.333vw; margin-top: 3.333vw;}/* font-size: 55px; letter-spacing: -8px; margin-top: 20px; */
/*	.pop_Box .system_pop .content_p .date {width: 60vw; height: 6.667vw; border-radius: 3.333vw; margin: 6.667vw 0vw 1.667vw; font-size: 3vw; line-height: 6.167vw;}
												   /* width: 360px; height: 40px; border-radius: 20px; margin: 40px 0px 10px; font-size: 18px; line-height: 37px; */
/*	.pop_Box .system_pop .content_p .sign {line-height: 3.667vw; font-size: 2.667vw; letter-spacing: -0.333vw;}/* line-height: 22px; font-size: 16px; letter-spacing: -2px; */
/*	.pop_Box .system_pop .content_p .sign span::before {width: 2.667vw; height: 2.667vw; margin: 0.667vw 0.667vw 0 0;}/* width: 16px; height: 16px; margin: 4px 4px 0 0; */
/*}*/

/*시스템점검팝업 20200916 */
.pop_Box .system_pop > img{display:none;}
.pop_Box .system_pop .content_p {display:flex; flex-direction:column; justify-content:center; align-items:center; width:300px; height:267px; background:url(/images/newMosf/main/systempop_bg.jpg) center center / 130% no-repeat; letter-spacing:-1px;}
.pop_Box .system_pop .content_p .title_small {display:flex; flex-direction:column; font-size:15px; color:#000000; font-weight:400; letter-spacing:0.5px; line-height:1; font-family:'Noto Sans KR', sans-serif;}
.pop_Box .system_pop .content_p .title_large {font-size:33px; letter-spacing:-3px; margin-top:7px; /*text-indent:-3px;*/ text-align:center; line-height:1.2; font-weight:600;}
.pop_Box .system_pop .content_p .date {display:inline-flex; width:auto; height:auto; background:#777; border-radius:20px; padding:10px 16px; margin:15px 0px; text-align:center; font-size:15px; letter-spacing:0; color:#fff; line-height:1;}
.pop_Box .system_pop .content_p .dateRed{color:#ffce5d; font-weight:bold; display:inline-block;}
.pop_Box .system_pop .content_p .sign {display:flex; line-height:17px; font-size:12px; color:#4d4d4d; letter-spacing:0;}
.pop_Box .system_pop .content_p .sign span::before {content:''; display:block; background:url(/images/newMosf/main/red_point.svg) center center / auto no-repeat;; width:13px; height:13px; margin:2px 5px 0 0;}

/* 웹접근성 오류 팝업 개선 20211027 */
.daliyPopupPc .popupBox01, .daliyPopupPc .popupBox02, .daliyPopupPc .popupBox03{display:none !important;}
.daliyPopupPc{display:none !important;}
.daliyPopupPc.closePopAll{display:inline-block !important;}
.daliyPopupPc .popupAll{display:none; /*vertical-align:middle;*/position:absolute; top:0; left:0;}
.daliyPopupPc .popupAll:after{content:"";display:block;clear:both;}
.daliyPopupPc .popupAll li{float:left; height:400px; /*height:267px;*/ margin-right:5px;}
.daliyPopupPc .popupAll li:last-child{margin-right:0;}
.daliyPopupPc .popupAll img{width:450px; /*width:300px;*/ image-rendering:-webkit-optimize-contrast;}
.daliyPopupPc .popupAll li > a{display:inline-block; width:100%; height:100%; /*height:267px;*/}
.daliyPopupPc .popupAll a:focus{outline:1px dotted #fff;}
.daliyPopupPc .popupAll div{display:flex; align-items:center; flex-wrap:wrap; max-width:910px; margin-right:-138px;}
.daliyPopupPc .closePopAll {display:inline-block !important;}

.daliyPopupPc .popupAll ul.popupCtl{width:605px;}
.daliyPopupPc .popupAll ul.popupCtl li{margin-bottom:5px;}
.daliyPopupPc .popupAll ul.popupCtl li:nth-child(2n){margin-right:0;}
.daliyPopupPc .popupAll ul.popupCtl li:nth-child(n+3){margin-bottom:0;}
.daliyPopupPc .popupAll4n{width:605px;}
/*
@media (max-width:1000px){ 
	.daliyPopupPc{top:58px;}
}
*/
@media (max-width:915px){ 
	.daliyPopupPc > .container > .boxWrap > div:nth-child(n+3){margin-top:5px;}
}
@media (max-width:920px/*768px*/){ 
	.daliyPopupPc,
	.daliyPopupPc .popupAll{display:none;}
    .daliyPopupPc.closePopAll{display:none !important;}
	.pop-up.openPopup{display:block;}
    .pop-up {width:100%; height:100%; background-color:rgba(0,0,0,0.65);}
    .pop-up .slick-slider .slick-list{margin-left:-40px; margin-right:-40px;}
    .pop-up .container {width:100%;height:100%;display:flex; align-items:center;justify-content:center;}   
	.pop-up .boxWrap{display:block;}
	.pop-up .closeBox {margin-top:0;}
	
	.pop_Box .system_pop .content_p {width:450px; height:400px; background:url(/images/newMosf/main/systempop_bg.jpg) center center / 120% no-repeat;}
	.pop_Box .system_pop .content_p .title_small {font-size:20px; letter-spacing:0;}
	.pop_Box .system_pop .content_p .title_large {font-size:48px; letter-spacing:-5px; margin-top:20px;}
	.pop_Box .system_pop .content_p .date {margin:15px 0px; font-size:22px;}
	.pop_Box .system_pop .content_p .sign {line-height:24px; font-size:18px;}
	.pop_Box .system_pop .content_p .sign span::before {width:18px; height:18px;}
	
}



@media (max-width:450px){ 
	.pop-up .boxWrap{width:90%;}
	.pop-up .slick-slider .slick-list{width:100%; height:auto;}
	.pop-up .slick-slide img,
	.pop-up .slider img{width:100%;}
	.pop-up .slick-dots{margin-top:0;}	
	.pop-up .closeBox {margin-top:-1.333vw; height:8.889vw; /* margin-top:-6px; height:40px; */}
	
	.pop_Box{position:relative;}
	.pop_Box .system_pop{position:relative;}
	.pop_Box .system_pop > img{width:100%; height:100%; opacity:0; display:block;}
	.pop_Box .system_pop .content_p {position:absolute; width:100%; height:100%; top:0; left:0;}
	.pop_Box .system_pop .content_p .title_small {font-size:3.778vw; letter-spacing:-1px; /* font-size:17px; */}
	.pop_Box .system_pop .content_p .title_large {font-size:10vw; letter-spacing:-1.111vw; margin-top:2.222vw; /* font-size:45px; letter-spacing:-5px; margin-top:10px; */}
	.pop_Box .system_pop .content_p .date {padding:2.222vw 4.889vw; margin:3.333vw 0px; font-size:4.222vw; /* padding:10px 22px; margin:15px 0px; font-size:19px; */}
	.pop_Box .system_pop .content_p .sign {line-height:4.889vw; font-size:3.556vw; /* line-height:22px; font-size:16px; */}
	.pop_Box .system_pop .content_p .sign span::before {width:3.556vw; height:3.556vw; /* width:16px; height:16px; */}
	.pop-up .closeBox > a > span{font-size:3.111vw; /* font-size:14px; */}
	
	/* 좌우 버튼 */
	.pop-up .slick-arrow{width:8.889vw; /* width:40px; */}
	.pop-up .slick-arrow > i{width:2.222vw; padding-right:0.667vw; margin:2.444vw auto; /* width:10px; padding-right:3px; margin:11px auto; */ }
	.pop-up .slick-arrow > i::before,
	.pop-up .slick-arrow > i::after{height:2.222vw; /* height:10px; */}
	.pop-up .slick-slider .slick-list{margin-left:-8.889vw; margin-right:-8.889vw; /* margin-left:-40px; margin-right:-40px; */}

}