@charset "utf-8";
/*-------------------------------------------------
Author : ㅈㅁㅈ
Create date : 2018-11-19
-------------------------------------------------*/

@media (max-width:1850px)
{
    html {font-size: 18px;}

    /* 상단 로고 */
    #header .logo {padding: 1rem 4rem !important;}
}

@media (max-width:1680px)
{
	#header .top_service .gov {display: none;}
}

@media (max-width:1440px)
{
    html {font-size: 16px;}
}
@media (max-width:1024px)
{
   
    /* 상단 로고 */
    #header .logo {display: inline-block;position: relative;padding: 1rem 1rem !important;margin-left: 0px !important;}
}
@media (max-width:1280px)
{
    /* 상단 숨김 */
    #header .top_service .tsidemenu,
    #divAllmenu,
    #viewAllmenu {display: none;}

    /* 상단 로고 */
    #header .logo {display: inline-block;position: relative;padding: 1rem 1rem !important;margin-left: -117px;}

    /* 상단 검색 */
    #header #search-layer .open {right: 45px;top: 38px;width: 3.8rem;}
    #header #search-layer .open::before {display: block; font-size: 1.5rem;}

    /* 주메뉴 */
    nav {display: block;}
    #gnavigation {overflow: hidden; visibility: hidden; position: absolute; left: 0; top: 0; z-index: 12; width: 100%; height: 0; background-color: #fff; opacity: 0; transition: all 0.3s;}
    #gnavigation::before {display: block; position: relative; left: 0; width: 100%; height: 3.8rem !important; margin: 0; box-shadow: none; background-color: #fff;}
    #gnavigation li {float: none; position: relative; width: 100%; border-bottom: 1px solid #ddd; color: #000 !important; text-align: left;}
    #gnavigation li:first-child {border-top: 1px solid #ddd;}
    #gnavigation a {display: block; position: relative; padding: 0 1rem; line-height: 2.5rem; transition: all 0.2s;}
    #gnavigation a::after {position: absolute;right: 1rem;top: 0;font-family: 'xeicon';color: #cfcdcd;content: '';transition: all 0.2s;}
    #gnavigation .depth2 {position: relative; left: 0; height: 0 !important; padding: 0 1rem !important; border: 0 none !important; background-color: #f5f8ff; transition: all 0.2s;}
    #gnavigation .depth2::before,
    #gnavigation .depth2::after {display: none;}
    #gnavigation .depth2 li {border: 0 none;}
    #gnavigation .depth2 li:first-child {border-top: 0 none;}
    #gnavigation .depth2 li + li {border-top: 1px solid #e4e6ed;}
    #gnavigation .depth2 a {padding: 0; line-height: 2rem;}
    #gnavigation .depth2 a::after {display: none;}
    #gnavigation + .control {display: block;overflow: hidden;position: absolute;right: 0;top: 34px;z-index: 13;width: 3.8rem;height: 3.8rem;line-height: 3.8rem;}
    #gnavigation + .control::before {display: block;font-family: 'xeicon';font-size: 1.5rem;color: #000000;content: '';}

    /* 주메뉴 활성화 */
    #gnavigation > .active > a {background-color: #3a64b3; color: #fff;}
    #gnavigation .active > a::after {transform: rotate(180deg);}
    #gnavigation .active .depth2 {visibility: visible; height: auto !important; padding: 1rem !important;}
    #header.active #gnavigation {visibility: visible;height: auto;opacity: 1;margin-top: 40px;}
    #header.active #gnavigation + .control::before {color: #010101; content: '';}
    #header.active .top_service .tsidemenu {display: block; right: auto; z-index: 13; left: 1rem;}
    #header.active .top_service .tsidemenu a {color: #555;}
    #header.active .top_service .gov {display: block; right: auto; left: 5rem; z-index: 13;}
    #header.active .top_service .gov img:first-child {display: none !important;}
    #header.active .top_service .gov img:last-child {display: block !important; height: 2rem;}
}

@media (max-width:1024px)
{
    /* 하단 */
    #footer {z-index: 0 !important;font-size: 0.5rem;}
    
    /* 사이트정보 */
    #footer .wrap_con {padding-left: 0; padding-top: 0 !important; text-align: center;}
    #footer .wrap_con #fnb {padding-top: 0;}
    #footer .wrap_con .logo {display: none;}
    #footer .wrap_con .copyright {font-size: 0.62rem;}
    #footer .wrap_con address {display: block;}
    #footer .wrap_con address + span {padding: 0 0.5rem 0 0;}
    #footer .wrap_con span {padding: 0; white-space: nowrap;}
    
    #footer .mark {display:none;}

    /* 관련사이트 */
    .related {position: relative;top: 0;right: 0 !important;width: 20rem;max-width: 100%;margin: 1rem auto 0 !important;font-size: 0.6rem;}
    .related ul {font-size: 0.6rem;}
    .related .active ul {height: 5.5rem;}
}

@media (max-width:440px)
{
	/* 하단 */
	#footer .wrap_con #fnb a:nth-child(3)::before {display: block; width: 100%; height: 1px; margin: 0; background: none;}
	#header .logo {
    padding: 21px 0px;
    z-index: 50 ! important;
    top: -10px;
    margin-left: 0px;
}
.fp-viewing-0 #gnavigation + .control::before {
    color: #000;
}
}