html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0; line-height:150%; letter-spacing:normal} /* delete vertical-align,font:inherit; */
html {overflow-x:hidden;}
body,html{width:100%; font-size:16px; color: #444; font-weight:400; font-family: 'Malgun Gothic'; word-break: keep-all;}
*{font-family: 'Malgun Gothic'; word-break: keep-all;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:0.9375rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:0.9375rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;} 
span, b, strong, br {line-height:inherit; font-family:inherit;}
h1,h2,h3,h4,h5,h6 {font-family:'S-Core'}

/** S::Footer **/
header { position: absolute; top: 0; width: 100%; z-index: 1000; border-bottom: 1px solid rgba(255,255,255,0.2); transition: background-color 0.4s;}
#wrap { overflow: hidden; }
.header-main .header { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1350px; margin:0 auto; height: 90px; }
.logo { margin-left: 20px; }
.logo img { width: 100px; height: auto; transition: 0.4s; }
.gnb-wrap {  display: flex; margin:0 auto; }
.header .gnb { display: flex;  padding:20px 0; }
.header .nav-item { position: relative;}
.header .nav-link { font-size: 20px; font-family: 'S-Core'; font-weight: 500; color: #fff; text-align: center; text-transform: uppercase; padding: 10px 40px; cursor: pointer; display: block; transition: color 0.4s; }
.header .dropdown-menu { display: none; position: absolute; top: 100%; left:0; width: 180px; background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 10px 20px rgba(255,255,255,0.1); border-radius: 10px; }
.header .dropdown-item {background: none;}
.header .dropdown-item a { text-align: left; font-family: 'S-Core'; padding: 10px; color: #333; display: block; }
.header .dropdown-item:focus {background-color: #f9f9f9 !important;}
.header .dropdown-item a:hover { background: #f9f9f9; color: #38599c; }  
.header .btn-menu { display: none; cursor: pointer; }
.btn-menu-bar { width: 20px; height: 3px; background: #000; margin: 5px 0; transition: 0.4s;  }
.btn-menu-bar:nth-child(2) { width:15px; margin-left:5px;}
.btn-menu.open .btn-menu-bar:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.btn-menu.open .btn-menu-bar:nth-child(2) { opacity: 0; }
.btn-menu.open .btn-menu-bar:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); } 
.header-buttons {position: absolute; right:0; margin:22px 0;}
.header-buttons .time {float: left; color:#fff; line-height: 40px;}
.header-buttons .time button {color:#fff; border:1px solid #fff; font-family: 'S-Core'; margin:-5px 20px 0 10px;}
.header-buttons a {color:#fff; font-size:1.15em}
header.pc-hover { transition: background-color 0.4s; }
header.pc-hover:hover { background-color: #fff;}
header.pc-hover:hover a {color:#222;}
header.pc-hover:hover .nav-link { color: #000; }
header.pc-hover:hover .nav-link:hover { color:var(--bs-purple); }
header.pc-hover:hover .logo img { content: url('../../../../images/egovframework/com/cmm/custom/logo-dark_new.png');}
header.pc-hover:hover .header-buttons .time {color:#222;}
header.pc-hover:hover .header-buttons .time button {color:#222; border:1px solid #222; }

.dropdown-top {display: none; position: absolute; top: 100%; right:-25%; background-color: #f9f9f9; min-width: 120px; border:1px solid #444; z-index: 1; border-radius: 30px; padding:5px; }
.dropdown-top ul {display: flex;}
.dropdown-top ul li {padding:0 10px;}
.dropdown-top ul li:first-child {border-right: 1px solid #ddd;}
.dropdown-top a {color: #444; text-decoration: none; display: block; font-size: 14px; font-family: 'S-Core'; }
.dropdown-top a:hover { background-color: #f1f1f1; }

@media screen and (max-width: 991px) {
    header { height:60px; background: #fff;}
    .logo img { content: url('../../../../images/egovframework/com/cmm/custom/logo-dark_new.png'); }
    header { background: #fff; }
    .header-main .header {height:60px;}
    .container { justify-content: space-between; }
    .gnb-wrap { display: block; position: absolute; top: -100%; left: 0; width: 100%; background: #fff; transition: top 0.3s ease-in-out; max-height: 0; overflow: hidden; }
    .gnb-wrap.active { top: 60px; max-height: calc(100vh - 60px); overflow: auto; }
    .gnb { flex-direction: column; width: 100%; }
    .header { justify-content: space-between;}
    .gnb-wrap { position: absolute; top: -100%; left: 0; width: 100%; background: #fff; transition: top 0.3s ease-in-out; max-height: 0; overflow: hidden; }
    .gnb-wrap.active { top: 60px; max-height: calc(100vh - 60px); overflow: auto; }
    .header .gnb { flex-direction: column; width: 100%; padding:0;}
    .header .nav-item { width: 100%; border-bottom: 1px solid #f1f1f1; }
    .header .btn-menu { display: block; margin-right: 20px; }
    .header .dropdown-menu { position: relative; width: 100%; background-color: #f8f8f8; border-radius: 0; border:0; border:0; border-top:1px solid #eee}
    .header .nav-link { color: #000; }
    .header-buttons {position: relative;  text-align: center; }
    .header-buttons .time {color:#222; width: 100%; background-color: #f8f8f8; padding-top:20px;}
    .header-buttons .time button {color:#222; border:1px solid #222; background: #fff; }

    .header-buttons a {color:#222; float: left; width: 100%; font-family: 'S-Core'; padding: 10px 0; background-color:#f8f8f8; display: block;}
    .dropdown-top {left:0; }
}
/** E::Header **/


/** S::Footer **/
#footer{background:#353535;}
#footer.section {overflow: visible;}
#footer .footer_nav {position: relative; border-bottom:1px solid rgba(255,255,255,0.1);}
#footer .footer_nav .container {display: flex; justify-content: space-between;}
#footer .footer_nav ul{font-size:0;}
#footer .footer_nav ul li{display:inline-block; font-size:1rem; vertical-align:middle; padding: 15px 0;}
#footer .footer_nav ul li::after{content:""; display:inline-block; vertical-align:middle; width:1px; height:100%; background:#62657C; border-radius: 5px; margin:0 15px;}
#footer .footer_nav ul li:last-child::after{display:none;}
#footer .footer_nav ul li a{color:#fff; line-height:1; font-size:0.9rem;}
#footer .footer_nav ul li a.point {color:#D7DCFD; font-weight: bold;}

#footer .footer_in {padding:20px 0 45px; }
#footer .footer_in > div {display: flex; color:#c6c6c6;}
#footer .footer_in .foot-logo {padding-right:40px;}


#footer .famSite{ width:195px; margin-right:0; top:-15px; z-index:999;}
#footer .famSite dt{position:Relative; height:56px; line-height:56px; border-left:1px solid rgba(255,255,255,0.1);  border-right:1px solid rgba(255,255,255,0.1); color:#fff; font-weight: normal; font-size:16px; box-sizing:Border-box; padding:0 15px; cursor:pointer; }
#footer .famSite dt::after{content:""; display:block; position:absolute; right:15px; top:50%; margin-top:-2px; width:9px; height:5px; background:url('../../../../images/egovframework/com/cmm/custom/fam_arrow.png') no-repeat center top/100% auto; transition:transform 0.2s linear;}
#footer .famSite dd{width:100%; position:absolute; left:0; bottom:56px; z-index:500; background:#43465A; box-sizing:Border-box; border:1px solid #575757; padding:5px 0; display:none; z-index:999999;}
#footer .famSite dd a{ font-size:16px; color:#fff; display:block; box-sizing:border-box; padding:0 15px; margin:10px 0;}
#footer .famSite dd a:hover{color:#fff; }
#footer .famSite.on dd{display:block;}
#footer .famSite.on dt::after{transform:rotate(-180deg); transition:transform 0.2s linear;}

.footer_nav .dropdown { position: relative; display: inline-block;border-left:1px solid rgba(255,255,255,0.2);  border-right:1px solid rgba(255,255,255,0.1); }
.footer_nav .dropdown-button { padding: 0 40px 0 20px; background-color: #353535; color: white;
height:56px; line-height:56px; border: none; cursor: pointer;}
.footer_nav .dropdown-button::after{content:""; display:block; position:absolute; right:10px; top:50%; margin-top:-2px; width:9px; height:5px; background:url('../../../../images/egovframework/com/cmm/custom/fam_arrow.png') no-repeat center top/100% auto; transition:transform 0.2s linear;}
.footer_nav .dropdown-content { display: none; position: absolute; bottom: 100%; background-color: #353535;
min-width: 195px;  z-index: 1;}
.footer_nav .dropdown-content a { color: #fff; padding: 12px 16px; text-decoration: none; display: block;}
.footer_nav .dropdown-content a:hover { background-color: #222; }



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

    /** S::Footer **/
    #footer .footer_nav ul li::after{margin:0 10px;}
    #footer .footer_in{padding:20px 0 45px; }
    #footer .footer_in article{padding-right:0;}
    #footer .footer_in article p{padding-right:200px}
}


@media all and (max-width:640px){
    #footer .footer_nav{padding:17px 0 13px;}
    #footer .footer_nav .container {display: block;}
    #footer .footer_nav ul li{margin-bottom:3px;}
    #footer .footer_nav ul li::after{margin:0 6px;}

    #footer .footer_in{padding:20px 0 45px; }
    #footer .footer_in article p{padding-right:0; margin-top:10px;}
    #footer .footer_in > div {display: block;}
    #footer .footer_in .foot-logo {padding-bottom:15px;}

    .footer_nav .dropdown {border:1px solid rgba(255,255,255,0.2); width:100%; display: block;}
    .footer_nav .dropdown-button {width: 100%; text-align: left; height: 40px; line-height: 40px;}
    .footer_nav .dropdown-content {width: 100%; border-bottom:1px solid rgba(255,255,255,0.2);}
}






/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1240px){

}

/*******************************************************************************
    @media  ~991px                
*******************************************************************************/
@media all and (max-width:991px){

body,html{ font-size:16px; }

}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

body,html{ font-size:14px; }

}

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

}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){

}