@charset "utf-8";

@import url("/kor/css/pretendard-gov.css");

@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 400;
	font-display: swap;
	src: url(/kor/font/PretendardGOV-Regular.subset.woff2) format('woff2');
}

* {
    font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

body,h1,h2,h3,h4,h5,div,p,span,a,img,ul,li,address {margin: 0;padding: 0;box-sizing: border-box;}
ul, li { list-style: none;}
a { text-decoration: none;}
img {vertical-align: top;  max-width: 100%;}

.offscreen { position: absolute !important;height: 1px;width: 1px; overflow: hidden;clip: rect(1px,1px,1px,1px);word-break: initial;word-wrap: initial;}

/* header */
#header {width: 100%;height: 75px;position: fixed;z-index: 999;background-color: #fff;box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);}
#header .header-in {max-width: 1024px;height:75px;margin: 0 auto;position: relative;display: flex;justify-content: space-between;align-items: center;}
#header .header-in h1 {padding-left: 11px;}
#header .header-in h1 a{display: inline-flex;align-items: center;gap: 10px;}
#header .header-in h1 a img{max-width: 166px;width: 100%;}
#header .header-in h1 span{position: relative;font-size: 20px;font-weight: 400;letter-spacing: -0.04em;padding-left: 10px;color: #252525;}
#header .header-in h1 span::before{content:"";display: inline-block;width: 1px;height: 21px;background-color: #777;position: absolute;top: 0;left: 0px;}
#header .header-in .logoWrap {display: flex;align-items: center;gap: 14px;padding-right: 11px;}
#header .header-in .logoWrap .share_icon {font-weight: 400;font-size: 20px;line-height: 23.87px;border-right: 1px solid #777;padding-right: 8px;}

.blog_icon{
    background: url(/kor/img/content/workplan/2026/ic_naver.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
}
.twitter_icon {
    background: url(/kor/img/content/workplan/2026/ic_X.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
}
.face_icon {
    background: url(/kor/img/content/workplan/2026/ic_facebook.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
}

/* main-cont */
body.no-scroll{overflow: hidden;}
.bgwrap{text-align: center;background-image: url(/kor/img/content/workplan/2026/workplanBg.png);background-repeat: no-repeat;background-size: 100%;object-fit: cover;margin: 0 auto; width: 100%;margin-top: 75px;padding-top: 120px;padding-bottom: 115px;background-color: #d9dee4;}    
.bgwrap::before{pointer-events: none;}
.bgwrap img{pointer-events: auto;object-fit: contain;}
map area{pointer-events: auto;}
.bgwrap .workplanImg{display: inline-flex;justify-content: center;}
.bgwrap .pc-only{display: block;max-width: 1024px;}
.bgwrap .mo-only{display: none;}
.modal{display: none;position: fixed;height: 100%;inset: 0;z-index: 100000;}
.modal.open{display: block;}
.modal-overlay{position: absolute;inset: 0;background: rgb(146 146 159 / 70%);width: 100%;height: 100%;z-index: 1000;}
.modal-content{position: relative;z-index: 1000;top: 50%;left: 50%;transform: translate(-50%, -50%);width: max-content;}
.modal-close{-webkit-mask-image: url(/kor/img/content/workplan/2026/icon_close.svg);-webkit-mask-position: center center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;mask-image: url(/kor/img/content/workplan/2026/icon_close.svg);mask-position: center center;mask-repeat: no-repeat;mask-size: contain;background-color: #fff;background-image: unset;width: 35px;height: 35px;position: absolute;top: -49px;right: 0;color: transparent;}    
#modal0 .modal-close{top: -48px;}
#modal7 .modal-close{top: -54px;}
#modal8 .modal-close{top: -54px;}

.modal-img{width: auto;height: auto;max-width: 100%;max-height: 85vh;}

/* footer */
#footer {background: #f4f5f6;}
#footer .inner{position:relative;max-width:1024px;margin:0 auto;min-width:288px}
#footer .inner h2{padding:44px 0 38.12px 0;} 
#footer .inner .footer_logo{padding:44px 0 38.12px 0;} 
#footer .inner h2 > a > img{padding-left:2px;} 
#footer .inner .footBtmInfo{display:flex; justify-content: space-between; padding-bottom:43.08px;} 
#footer .inner .footBtmInfo .footInfo01{display:flex; flex-direction:column; font-size:17px; gap:15.79px;  padding-left:2px; line-height: 20.29px;font-weight: 700;} 
#footer .inner .footBtmInfo .footInfo01 .txt01{padding-top:4.34px;} 
#footer .inner .footBtmInfo .footInfo02{display:flex; width:fit-content; flex-direction:column; font-size:16px; font-weight:700; padding-right:70px;} 
#footer .inner .footBtmInfo .footInfo02 a{display:flex; align-items:center; padding-top:16px; line-height: 19.09px;} 

#footer .inner .footBtmInfo .footInfo02 li:nth-child(1) a span{background: url(/kor/img/main2024/Group_pc.png) no-repeat -169px -95px;width: 46px;height: 46px;}
#footer .inner .footBtmInfo .footInfo02 li:nth-child(2) a span{background: url(/kor/img/main2024/Group_pc.png) no-repeat -169px -148px;width: 44px;height: 44px;}
#footer .inner .footBtmInfo .footInfo02 li:nth-child(3) a span{background: url(/kor/img/main2024/Group_pc.png) no-repeat -222px -96px;width: 44px;height: 44px;}
#footer .inner .footBtmInfo .footInfo02 li:nth-child(4) a span{background: url(/kor/img/main2024/Group_pc.png) no-repeat -222px -148px;width: 44px;height: 44px;}
#footer .inner .footBtmInfo .footInfo02 li:nth-child(5) a span{background: url(/kor/img/main2024/Group_pc.png) no-repeat -274px -148px;width: 44px;height: 44px;}

#footer .inner .footBtmInfo .footInfo02 ul.sns > li > a{padding-top:0;} 
#footer .inner .footBtmInfo .footInfo02 .txtIcon{padding-left: 8px;} 
#footer .inner .footBtmInfo .footInfo02 .sns{display:flex; gap:3px; padding-top:40.1px; } 
#footer .inner .footBtmLine{padding-bottom:26.91px; border-top:2.25px solid #d8d8d8;}
#footer .inner .footBtmLine .linkContent_wrap {display:flex; gap:26.39px; font-size:17px; padding-top:21.89px; }
#footer .inner .footBtmLine .linkContent_wrap .blue{color: #003675; font-weight: 700;border-bottom: 1px solid #003675;}
#footer .inner .footBtmLine #copyright {text-align:right; color:#555555; line-height: 1.5; font-size: 15px;}
footer .inner .footBtmLine .idntif{margin-top: 40px; background-color: #FFF; padding: 8px 0 8px 16px; display: flex; gap:8px; align-items: center;}
footer .inner .footBtmLine .idntif .idntif-logo{background:url(/kor/img/main2025/idntif_logo.png); width:83px; height:25px;}
footer .inner .footBtmLine .idntif .idntif-txt{font-size:15px; font-weight:400; line-height:1.5; letter-spacing:0; padding-top:0.5px;}

@media all and (max-width:1280px){
	.modal-content{width: auto;padding: 0 6px 0 7px;}
	#modal0 .modal-content{width: fit-content;padding: 0 13px;}
	#modal0 .modal-close{right: 15px;}
	#modal7 .modal-close{top: -31px;}
	#modal8 .modal-close{top: -31px;}
	.modal-close{right: 6px;}
}

@media all and (max-width:1024px) {
	#footer .inner{padding: 0 24px;}
}
@media all and (max-width:820px) {
	.modal-close{width: 18px;height: 18px;top: -32px;right: 15px;}
}
@media all and (max-width:646px) {
	#header .header-in .logoWrap{display: none;}
	.bgwrap .pc-only{display: none;}
	.bgwrap .mo-only{display: block;}
	.bgwrap{background-image: url(/kor/img/content/workplan/2026/workplanBg-mo.png);padding-top: 61px;}
	/* footer */
	 #footer .inner .footBtmInfo {flex-direction: column;}
	#footer .inner .footBtmInfo .footInfo01 {gap:unset;}
	#footer .inner .footBtmInfo .footInfo02 {padding-top: 30px;}
	#footer .inner .footBtmLine #copyright {padding-top: 32px; font-size:15px;}
	#footer .inner .footBtmInfo .footInfo02 .sns {padding-top:10px;}
	#footer .inner .footBtmInfo .footInfo01 span:first-child{line-height:1.5;}
	#footer .inner .footBtmInfo .footInfo01 .txt01{padding-top: 16px;line-height: 150%;}
	#footer .inner .footBtmInfo .footInfo01 span.txt02{padding-top: 10px;}
	#footer .inner .footBtmInfo .footInfo02 .txtIcon{content:url(/kor/img/main2024/ic_chevron_bold.png);} 
	#footer .inner .footBtmLine {padding-bottom: 32px;}
	#footer .inner .footBtmLine .linkContent_wrap {gap: 16px; flex-wrap:wrap;}
	#footer .inner .footBtmLine #copyright {text-align:unset;}
    #footer  .inner .footBtmInfo {flex-direction: column;}
	#footer .inner .footBtmInfo .footInfo01 {gap:unset;}
	#footer .inner .footBtmInfo .footInfo02 {padding-top: 30px;}
	#footer .inner .footBtmLine #copyright {padding-top: 32px; font-size:15px;}
	#footer .inner .footBtmInfo .footInfo02 .sns {padding-top:10px;}
	#footer .inner .footBtmInfo .footInfo01 span:first-child{line-height:1.5;}
	#footer .inner .footBtmInfo .footInfo02 .txtIcon{content:url(/kor/img/main2024/ic_chevron_bold.png);} 
	#footer .inner .footBtmLine {padding-bottom: 32px;}
	#footer .inner .footBtmLine .linkContent_wrap {gap: 16px; flex-wrap:wrap;}
	#footer .inner .footBtmLine #copyright {text-align:unset;}
	#footer .inner .footBtmLine .idntif{gap:4px; flex-direction:column; align-items: initial;}
	#footer .inner .footBtmLine .idntif .idntif-txt{font-size:13px;}
}
@media all and (max-width:340px){
	.modal-close{width: 1em; height: 1em;top: -20px;}
}