#header { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 999; }
#header .container { height: 100%; }
#header.shadow { box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .15); }
#header .gnb.mobile { display: none; }
#header .gnb.pc > li { position: relative; }
#header .gnb.pc > li > a { display: block; padding: 30px 0; }
#header .gnb.pc > li:not(:last-child) > a { display: block; padding : 30px 2.5rem; }
#header .gnb.pc .lnb { display: none; position: absolute; padding: .5rem 0; left: 50%; transform: translateX(-50%); min-width: 100%; max-width: 150%; background-color: #fff; box-shadow: inset 0 2px 4px rgba(0,0,0,.1); }
#header .gnb.pc .lnb > li { text-align: center; }
#header .gnb.pc .lnb > li > a { display: block; padding: .5rem 0; }

section.cover { display: none; }
section.cover.on { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .75); z-index: 995; }

@media (max-width:1240px){
    #header .container { padding: 1rem 0; }
    #header .gnb.pc { display: none; }
    #header .gnb.mobile { position: relative; padding: 1.5rem 0; border-top: 1px solid var(--light-gray); overflow-y: auto; z-index: 999; }
    #header .gnb.mobile > li { font-size: 2rem; border-bottom: 1px solid var(--light-gray); }
    #header .gnb.mobile > li > a { display: block; padding: 1rem 5%; }
    #header .gnb.mobile > li.hasChild { position: relative; }
    #header .gnb.mobile > li.hasChild::before,
    #header .gnb.mobile > li.hasChild::after { position: absolute; content: ''; width: 1.5rem; height: 3px; background-color: #333; right: 5%; top: calc( (1rem + 1.5rem) ); }
    #header .gnb.mobile > li.hasChild::before { transform: rotate(90deg); transition: transform .25s; }
    #header .gnb.mobile > li.hasChild::after { opacity: 1; transition: transform .25s, opacity .1s; }
    #header .gnb.mobile > li.hasChild.on::before { transform: rotate(0); }
    #header .gnb.mobile > li.hasChild.on::after { transform: rotate(90deg); opacity: 0; }
    #header .gnb.mobile > li:nth-last-child(2), #header .gnb.mobile > li:last-child { border-bottom: 0; }
    #header .gnb.mobile > li:last-child { text-align: center; font-size: 1.5rem; }
    #header .gnb.mobile > li:last-child > a { padding: 1.5rem 5%; }
    #header .gnb.mobile > li:last-child p { padding: 1rem 0; background-color: #333; border-radius: 3rem; }
    #header .gnb.mobile .lnb { display: none; font-size: 1.5rem; background: #fafafa; }
    #header .gnb.mobile .lnb > li > a { display: block; padding: 1rem 5%; }
    .gnb-burger { position: relative; transform-origin: center; cursor: pointer; }
    .gnb-burger span { position: relative; display: block; width: 3rem; height: 3px; background-color: #333; }
    .gnb-burger span:nth-child(1),.nav-burger span:nth-child(3) { transition: transform .25s, top .2s; }
    .gnb-burger span:nth-child(2) { margin: .5rem 0; transition: transform .2s, margin .2s, opacity .2s; }
    .gnb-burger.visible span { border-radius: .5rem; }
    .gnb-burger.visible span:nth-child(1) { transform: rotate(45deg); top: .25rem; }
    .gnb-burger.visible span:nth-child(2) { transform: scaleX(0); margin: 0; opacity: 0; }
    .gnb-burger.visible span:nth-child(3) { transform: rotate(-45deg); top: -.25rem; }

    #logo { width: 40%; margin: 1rem 0; }
}

#footer { padding: 5rem 0; }
#footer ul li, #footer ol li { position: relative; padding-right: .75rem; }
#footer ul li:not(:first-child), #footer ol li:not(:first-child) { padding-left: .75rem; }
#footer ul li:last-child, #footer ol li:last-child { padding-right: 0; }
#footer ul li::after, #footer ol li::after { position: absolute; content: ''; width: 1px; height: 50%; background-color: rgba(255,255,255,.3); top: 50%; right: 0; transform: translateY(-50%); }
#footer ul li:last-child::after, #footer ol li:last-child::after { display: none; }
#footer hr { display: block; border-color: transparent; background-color: rgba(255,255,255,.2); }

@media (max-width:768px){
    #footer ul li { width: 100%; padding-right: 0; }
    #footer ul li:not(:first-child) { padding-left: 0; margin-top: .25rem; }
    #footer ul li::after { display: none; }
    #footer .copyright { margin: 3rem 0 0; }
}

#gotoTop { position: fixed; right: 3rem; bottom: 5rem; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; z-index: 990; }
@media (max-width:768px){
    #gotoTop { right: 1.5rem; bottom: 2rem; width: 50px; height: 50px; }
}

.order1 { order: 1; }
.order2 { order: 2; }

@media (max-width:768px){
    .order1 { order: 2; }
    .order2 { order: 1; }
}

#locationMap .root_daum_roughmap, #locationMap .root_daum_roughmap .wrap_map { width: 100%; height: 570px; }
#locMap .root_daum_roughmap, #locMap .root_daum_roughmap .wrap_map { height: 700px; }
#locationMap .wrap_controllers, #locationMap .map_border { display: none; }
@media (max-width:990px){
    #locationMap .root_daum_roughmap, #locationMap .root_daum_roughmap .wrap_map { height: auto; aspect-ratio: 1/1; }
}