@charset "utf-8";

@media screen and (max-width: 1000px) {
header .topHeader .topInner .topRight .login a {background: url('/images/layout/login.png') left no-repeat;margin: 0;padding: 5px 0 0 24px;height: auto;margin: 0 !important;}
header .topHeader .topInner .topRight li.langBox button {top: 19px;position: absolute;right: 0;}
header .topHeader .topInner .topRight .langBox .mo_langBox {background: url('/images/layout/selectIcon.png') right 12px center no-repeat;width: calc(100% - 30px);}
}

@media screen and (max-width: 480px) {
header .topHeader .topInner .topRight .login {width: 42%;}
header .topHeader .topInner .topRight .login a {background: none;padding: 0;letter-spacing: -.7px;}
header .topHeader .topInner .topRight li.langBox {width: 58%;position: relative;}
header .topHeader .topInner .topRight li.langBox button{top:11px}
}

@media screen and (max-width: 1000px) {
header .topHeader .topInner .topRight .login {width: 40%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
header .topHeader .topInner .topRight li.langBox{position:relative;}
}

@media all and (min-width:1200px) {
header .topHeader .topInner .topRight,
header .topHeader .topInner .topLeft{width: 50%;}
header .topHeader .topInner .topLeft .siteList li{padding-right: 8px;}
}


@media all and (min-width:1600px) {
header .topHeader .topInner .topLeft .siteList li{padding-right:20px}
header .topHeader .topInner .topRight,
header .topHeader .topInner .topLeft{width: auto;}
header .topHeader .topInner .topLeft .siteList li{padding-right: 20px;}

}     
         
header .gnb-box-flex h1.logo a::after{display:block;}          

/* 겨울로고 */
.gnb-box-flex h1.logo.winter {position: relative;}
.gnb-box-flex h1.logo.winter::before {content: ''; position: absolute; bottom: 0; left: -85px; background: url('/images/Potal/images/main/snowMan.png') no-repeat; background-size: 100%; width: 341px; height: 39px;}
.gnb-box-flex h1.logo.winter::after {content: ''; position: absolute; bottom: -56px; right:0px; background: url('/images/Potal/images/main/sleigh.png') no-repeat; background-size: 100%; width: 93px; height: 111px; animation-name: slieigh; animation-duration: 3s; animation-iteration-count: 1; animation-fill-mode: backwards ; right: -130px;} 
header.active .gnb-box-flex h1.logo.winter::before {background: url('/images/Potal/images/main/snowMan_on.png') no-repeat; background-size: 100%;}
header .gnb-box-flex h1.logo.winter a {position: relative;}
header .gnb-box-flex h1.logo.winter a::before {content: ''; position: absolute; top: 0; left: -85px; background: url('/images/Potal/images/main/snow.png') no-repeat; width: 385px; height: 71px; background-size: 100%; animation-name: snow; animation-duration:5s; animation-iteration-count:infinite; animation-fill-mode: backwards ; background-size: 100%; top: -20px;}

header.active .gnb-box-flex h1.logo.winter a::before {background: url('/images/Potal/images/main/snow_on.png') no-repeat; background-size: 100%;}



@keyframes snow {
    0% { opacity:0;}
    20% {opacity: 1;}
    80% {opacity: 1;}
    100% {top: 20px;opacity: 0;}
}

@keyframes slieigh {
    0% {right: 0px; opacity: 0;}
    10% {opacity: 1;}
    100% {right:-130px; opacity: 1;}
}

@media screen and (max-width: 1600px) {
    .gnb-box-flex h1.logo.winter::before {left: -100px;}
    .gnb-box-flex h1.logo.winter::after {width: 75px; bottom: -66px;}
    header .gnb-box-flex h1.logo.winter a::before {width: 285px; left: -55px;}

    @keyframes slieigh {
        0% {right: -50px;}
        100% {right: -100px;}
    }
}

@media screen and (max-width: 1400px) {
    .gnb-box-flex h1.logo.winter::after {display: none;}
}

@media screen and (max-width: 1000px) {
    .gnb-box-flex h1.logo.winter::before {bottom: -20px;}
    header.active .gnb-box-flex h1.logo.winter a::before {left: -32px;}
}

@media screen and (max-width: 480px) {
    .gnb-box-flex h1.logo.winter::before {width: 275px; bottom: -13px;}
    header .gnb-box-flex h1.logo.winter a::before {width: 185px; left: -20px;}
    header.active .gnb-box-flex h1.logo.winter a::before {width: 250px; left: -35px;}
}  

header .gnb-box-flex h1.logo.winter a::before {background: url('/images/Potal/images/main/snow_on.png') no-repeat; background-size: 100%;}
header .gnb-box-flex h1.logo.winter::before {background: url('/images/Potal/images/main/snowMan_on.png') no-repeat; background-size: 100%;}



/*봄*/
.gnb-box-flex h1.logo.spring {position: relative;}
.gnb-box-flex h1.logo.spring::before {content: '';position: absolute;top: -21px;left: -92px;background: url('/upload_data/board_data/BBS_0000002/170977262055144.png') no-repeat;background-size: 100%;width: 343px;height: 86px;}
.gnb-box-flex h1.logo.spring::after {content: '';position: absolute;bottom: -1px;background: url('/upload_data/board_data/BBS_0000002/170971563346794.png') no-repeat;height: 74px;animation-name: spr_slieigh;animation-duration: 3s;animation-iteration-count: 1;animation-fill-mode: backwards;right: -75px;width: 80px;} 
header .gnb-box-flex h1.logo.spring a {position: relative;}
header .gnb-box-flex h1.logo.spring a::before {content: '';position: absolute;left: -57px;background: url(' /upload_data/board_data/BBS_0000002/170977262055266.png') no-repeat;width: 246px;height: 63px;animation-name: spring;animation-duration: 4s;animation-iteration-count:infinite;animation-fill-mode: backwards;background-size: 100%;top: -26px;}
header .gnb-box-flex h1.logo.spring a::after {content: '';position: absolute;top: -3px;right: -113px;background: url(' /upload_data/board_data/BBS_0000002/170971563346794.png') no-repeat;width: 83px;height: 89px;background-size: 100%;z-index: 1; display:none;}

header.active .gnb-box-flex h1.logo.spring a::before {background: url('/upload_data/board_data/BBS_0000002/170977066421098.png') no-repeat; background-size: 100%;}

header .gnb-box-flex h1.logo.spring a::before {background: url('/upload_data/board_data/BBS_0000002/170977262055266.png') no-repeat; background-size: 100%;}
    .gnb-box-flex h1.logo.spring::before {left: -90px;}


@keyframes spring {
    0% { opacity:0;}
    20% {opacity: 1;}
    80% {opacity: 1;}
    100% {top:0px;opacity: 0;}
}

@keyframes spr_slieigh {
    0% {right: 0px; opacity: 0;}
    10% {opacity: 1;}
    100% {right:-55px; opacity: 1;}
}

@media screen and (max-width: 1600px) {
    .gnb-box-flex h1.logo.spring::before {left: -22px;width: 185px;top: -20px;height: 39px;}
    .gnb-box-flex h1.logo.spring::after {display: none;}
    header .gnb-box-flex h1.logo.spring a::before {left: -55px;}

    @keyframes spr_slieigh {
        0% {right: -50px;}
        100% {right: -100px;}
    }
}


@media screen and (max-width: 1000px) {
    .gnb-box-flex h1.logo.spring::before {bottom: -20px;display: none;}
    header.active .gnb-box-flex h1.logo.spring a::before {left: -32px;}
}

@media screen and (max-width: 480px) {
    .gnb-box-flex h1.logo.spring::before {width: 275px; bottom: -13px;}
    header .gnb-box-flex h1.logo.spring a::before {width: 185px; left: -20px;}
    header.active .gnb-box-flex h1.logo.spring a::before {width: 250px; left: -35px;}
    header .gnb-box-flex h1.logo.spring a::after{width: 57px;height: 80px;right: -38px;top: 0;}
}                              


/*여름*/
.gnb-box-flex h1.logo.summer {position: relative;}
.gnb-box-flex h1.logo.summer::before {content: '';position: absolute;bottom: -9px;left: -70px;background: url(' /upload_data/board_data/BBS_0000002/171800040131495.png') no-repeat;background-size: 100%;width: 83px;height: 36px;}
.gnb-box-flex h1.logo.summer::after {content: '';position: absolute;bottom: -10px;background: url(' /upload_data/board_data/BBS_0000002/171800040131479.png') no-repeat;height: 65px;left: -57px;width: 30px;} 
header .gnb-box-flex h1.logo.summer a {position: relative;}
header .gnb-box-flex h1.logo.summer a::before {content: '';position: absolute;left: -41px;background: url(' /upload_data/board_data/BBS_0000002/171800040131343.png') no-repeat;width: 30px;height: 13px;top: -17px;animation: move2 6s cubic-bezier(.25,.46,.45,.94) infinite;animation-delay:.5s;display: block;header .gnb-box-flex h1.logo a: :after{display:block;right: -92px;top: -22px;};}
header .gnb-box-flex h1.logo.summer a::after {display:block; content: '';position: absolute;top: -18px;right: -119px;background: url(' /upload_data/board_data/BBS_0000002/171800115013246.png') no-repeat;width: 179px;height: 85px;background-size: 100%;z-index: 1;}

header.active .gnb-box-flex h1.logo.summer a::before {background: url('/upload_data/board_data/BBS_0000002/170977066421098.png') no-repeat; background-size: 100%;}

@keyframes move2{0%,100%{transform:translateX(0);}20%{transform:translateY(5px);}80%{transform:translateX(150px);}100%{transform:translateY(0px);}}
@keyframes bounce-top{24%{opacity:1}60%{-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}85%{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}30%,50%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}0%,100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}

@media screen and (max-width: 1600px) {
    .gnb-box-flex h1.logo.summer::before {left: -53px;width: 60px;bottom: 9px;}
    .gnb-box-flex h1.logo.summer::after {display: none;}
    header .gnb-box-flex h1.logo.summer a::before {left: -19px;}

header .gnb-box-flex h1.logo.summer a::after{width: 99px;right: -70px;height: 46px;top: -12px;}
}


@media screen and (max-width: 1000px) {
    .gnb-box-flex h1.logo.summer::before {
    width: 82px;
    left: auto;
    right: -94px;
    bottom: -10px;
}
    header.active .gnb-box-flex h1.logo.summer a::before {left: -32px;}
	header .gnb-box-flex h1.logo.summer a::after{display:none;}
}

@media screen and (max-width:480px) {
    .gnb-box-flex h1.logo.summer::before {width: 68px;height: 25px;bottom: 2px;left: auto;right: -105px;}
    header .gnb-box-flex h1.logo.summer a::before {animation: none;top: -13px;left: -16px;display: none;}
    header.active .gnb-box-flex h1.logo.summer a::before {width: 250px; left: -35px;}
    header .gnb-box-flex h1.logo.summer a::after{top: 0;width: 80px;height: 35px;right: -33px;}
}                              



/*가을*/
.gnb-box-flex h1.logo.fall {position: relative;}
.gnb-box-flex h1.logo.fall::before {content: '';position: absolute;top: -5px;left: -18px;background: url(' /upload_data/board_data/BBS_0000002/172551877079754.png') no-repeat;width: 20px;height: 20px;animation: leaf 1.5s linear infinite alternate;}
.gnb-box-flex h1.logo.fall::after {content: '';position: absolute;bottom: -1px;background: url(' /upload_data/board_data/BBS_0000002/172705187134991.png') no-repeat;height: 79px;left: -86px;width: 80px;} 
header .gnb-box-flex h1.logo.fall a {position: relative;}
header .gnb-box-flex h1.logo.fall a::before {display:block;content: '';position: absolute;background: url(' /upload_data/board_data/BBS_0000002/172705954179632.png') no-repeat;width: 20px;height: 19px;top: -16px;animation: rolling 7s linear infinite;header .gnb-box-flex h1.logo a: :after{display:block;right: -92px;top: -22px;};left: 100%;}
header .gnb-box-flex h1.logo.fall a::after {content: '';position: absolute;bottom: -21px;right: -76px;background: url(' /upload_data/board_data/BBS_0000002/172705176174716.png') no-repeat;width: 59px;height: 78px;z-index: 1;}


@keyframes rolling{
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes leaf{
     0%{transform:rotate(-30deg);}
   100%{transform:rotate(20deg);}
}
@media screen and (max-width: 1600px) {
    .gnb-box-flex h1.logo.fall::before {left: -18px;}
    .gnb-box-flex h1.logo.fall::after {display: none;}
    header .gnb-box-flex h1.logo.fall a::before {right: -31px;bottom: 18px;}

   
header .gnb-box-flex h1.logo.fall a::after{width: 99px;right: -70px;height: 46px;top: -12px;display: none;}
}


@media screen and (max-width: 1000px) {

    header.active .gnb-box-flex h1.logo.fall a::before {left: auto;}
}

@media screen and (max-width: 480px) {
    .gnb-box-flex h1.logo.fall::before {left: -14px;top: 2px;display: none;}
    header .gnb-box-flex h1.logo.fall a::before {right: -6px;bottom: auto;top: 0;}
    header.active .gnb-box-flex h1.logo.fall a::before {width: 250px; left: -35px;display:none;}
    header .gnb-box-flex h1.logo.fall a::after{top: 0;width: 80px;height: 35px;right: -33px;}
}                              

/*가을:e*/




.pagetop-btn{position:fixed; right:30px; bottom:30px; display:block; width:90px; height:90px; background:#26348c; overflow:hidden; border-radius:50%; text-align:center; box-sizing:border-box; padding:20px 0px 0px 0px; z-index:9;}
.pagetop-btn:before{display:inline-block; width:20px; height:20px; margin-bottom:5px; background:url("/images/Potal/images/main/arrow-iconWL.png") center no-repeat; content:""; transform:rotate(90deg);}
.pagetop-btn span{display:block; font-size:14px; color:#fff; font-family:'GmarketSans';}


	@media all and (max-width:1000px){
		.pagetop-btn{right:20px; bottom:20px; width:70px; height:70px; padding:10px 0px 0px 0px;}
		.pagetop-btn:before{margin-bottom:0px;}
		.pagetop-btn span{font-size:13px}
	}

	@media only screen and (max-width:680px){

	}

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

	}



/* 전자정부누리집 배너 + 모바일메뉴 펼침 수정 */
.gov_nuri{background: #edf1f5;position:relative;z-index:99}
.gov_nuri .wrap{padding: 8px 16px;}
.gov_nuri p{display: flex;font-size: 14px;align-items: center;gap: 8px;color: #1d1d1d;letter-spacing: -2px;}
.gov_nuri p:before{display: block;width: 24px;height: 16px;content: "";background: url("/upload_data/board_data/BBS_0000002/173130433900252.gif") no-repeat center /contain;}
@media all and (min-width: 768px) {
.gov_nuri .wrap{padding: 8px 20px;}
.gov_nuri p{font-size:15px; letter-spacing:0}
}
@media all and (min-width: 1200px) {
.gov_nuri .wrap{max-width: 1600px;padding: 8px 0;margin: 0 auto;}
}   

.gnb-box-flex .mobile-gnb.on{top: 102px;}

@media all and (max-width:480px) {
.gnb-box-flex .mobile-gnb.on {top: 83px;}
}