/* 헤더 */
#header
{position:relative; left:0; top:0; width:100%; height:80px; background:#fff; z-index:99999; box-shadow:1px 1px 7px #999; border-bottom:1px solid #eee; transition:all 0.25s ease;}
#header.header_scroll
{position:fixed; background:#fff;}
#header .header-inner
{padding:0 20px; height:100%;}
#header .header-wrap
{display:flex; justify-content:space-between; align-items:center; max-width:1440px; margin:0 auto; height:100%;}
#logo a
{display:inline-block; padding:12px 0;  z-index:999; position:relative;}
#logo a img
{display:inline-block; vertical-align:middle;}
/* NAVI :: 공통 */
.menu-area {
    max-width:1440px;
    margin:0 auto;
}

/* NAVI :: 스타일2 (메가 메뉴 스타일 / total Menu Style) */
#nav.total-menu
{top:0; left:0; height:80px; z-index:99;}
#nav.total-menu > ul
{display:flex; justify-content:center; }
#nav.total-menu > ul > li
{float:left; position:relative; min-width:180px; text-align:center;}
#nav.total-menu > ul > li > a
{position:relative; display:block; padding:0 20px; height:80px; line-height:80px; font-size:18px; color:#222; font-weight:500; transition:all 0.5s ease;}
#nav.total-menu > ul > li > a:after
{opacity:0; visibility:hidden; content:''; width:100%; height:2px; background:transparent; position:absolute; bottom:0; left:0; transition:all 0.25s ease;}
#nav.total-menu > ul > li .submenu
{height:0; visibility:hidden; opacity:0; width:100%; z-index:9999; overflow:hidden;}
#nav.total-menu > ul > li .submenu > ul
{padding-top:10px;}
#nav.total-menu > ul > li .submenu > ul > li
{}
#nav.total-menu > ul > li .submenu > ul > li:last-child
{border-bottom:0;}
#nav.total-menu > ul > li .submenu > ul > li > a
{display:block; padding:12px 10px; text-align:center; font-size:16px; transition:all 0.25s ease;}
#nav.total-menu > ul > li:hover > a
{color:#04347d}
#nav.total-menu > ul > li:hover > a:after
{opacity:1; visibility: visible;;}
#nav.total-menu > ul > li:hover .submenu 
{}
#nav.total-menu > ul > li .submenu > ul > li a:hover
{color:var(--main-color); font-weight:500;}
#nav.total-menu #gnbBg
{position:absolute; width:100%; height:0px; background:#fff; left:0; transition:all 0.4s ease;}
#nav.total-menu.total-menu.open > ul > li > a 
{ color:#222}
#nav.total-menu.total-menu.open > ul > li:hover > a
{color:var(--main-color)}
#nav.total-menu.total-menu.open > ul > li .submenu
{opacity:1; visibility:visible; height:auto;transition:height 0.25s ease-in-out, opacity 0.5s ease-in-out 0.2s}
#nav.total-menu.open #gnbBg
{height:300px;}
#header.header_scroll #nav.total-menu > ul > li > a
{color:#222;}
/* 유틸박스 */
#header .fa-bars {
    display: none;
    font-size: 3rem;
}

@media screen and (max-width:1300px){
    #nav > ul > li > a
    {font-size:16px; padding:0 30px;}
}
@media screen and (max-width:1023px){
    /* 메뉴, 사이트맵 숨김 */
    #nav
    {display:none;}
    #util-wrap .sitemap-open-btn
    {display:none;}
    #util-wrap .nav-open-btn
    {display:block;}
    #header .fa-bars
    {display: block;}

}

/* GNB MOBILE :: 스타일1 (기본 스타일 / Basic Style) */
.overlay
{display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; z-index:999}
.gnb_style_basic
{display:none; position:fixed; right:-280px; width:280px; top:0; background:#fff; height:100%; z-index:999999; transition:0.4s ease;;}
.gnb_style_basic .gnb-mobile-wrapper
{width:100%; height:100%; position:relative; padding:75px 0px;}
.gnb_style_basic .gnb-mobile-wrapper .gnb-mobile-inner
{ width:100%; height:100%;}
.gnb_style_basic #mobile-nav
{width:100%; height:100%;}
.gnb_style_basic #mobile-nav > li
{position:relative; border-bottom:1px solid #ddd;}
.gnb_style_basic #mobile-nav > li > a
{font-size:16px; font-weight:600; color:#222; display:block; height:55px; line-height:55px; padding:0 20px}
.gnb_style_basic #mobile-nav > li > i
{position:absolute; left:0; top:0; width:100%; height:55px; transition:0.4s ease;}
.gnb_style_basic #mobile-nav > li > i:after
{position:absolute; right:10%; top:35%; content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:900;}
.gnb_style_basic #mobile-nav > li.open i:after
{content:'\f077'}
.gnb_style_basic #mobile-nav .submenu
{display:none;}
.gnb_style_basic #mobile-nav .submenu ul li
{border-top:1px solid #ddd;}
.gnb_style_basic #mobile-nav .submenu ul li a
{display:block; padding:10px 20px; font-size:15px; transition:0.4s ease;}
.gnb_style_basic #mobile-nav > li.open > a
{background:#f4f4f4}
.gnb_style_basic.open
{right:0px;}
@media screen and (max-width:1023px){
    .gnb_style_basic
    {display:block;}
}
/* GNB MOBILE :: 스타일2 (Full Style) */




/* SUB MENU :: 스타일1 */
#sub_menu_style_01
{width:100%; padding:20px 0px; position:absolute; bottom:0; z-index:99;} 
#sub_menu_style_01 .snb
{display:flex; justify-content:start;}
#sub_menu_style_01 .snb li
{position:relative; text-align:center; display:table;  margin:0 10px;}
#sub_menu_style_01 .snb li a
{font-size:1.8rem; font-weight:600; color:#ffffff9e; display:table-cell; vertical-align:middle; padding:20px 15px 20px 0 }

#sub_menu_style_01 .snb li.on a
{color:#fff;}
@media screen and (max-width:800px){
    #sub_menu_style_01
    {display:none;}
}


/* SUB MOBILE :: 스타일1 (ONLY 2DEP) */
#sub_m_menu_style_01
{display:none; position:relative; height:45px; z-index:9;}
#sub_m_menu_style_01 .sub-menu-inner
{height:100%; border-bottom:1px solid #ddd;}
#sub_m_menu_style_01 .sub-menu-inner .location-home-btn
{position:absolute; width:45px; height:45px; text-align:center;}
#sub_m_menu_style_01 .sub-menu-inner .location-home-btn i
{line-height:45px; color:#000; font-size:17px;}
#sub_m_menu_style_01 .sub-menu-inner .dropdown-menu
{height:100%; margin-left:45px;}
#sub_m_menu_style_01 .sub-menu-inner .dropdown-menu .cur-location
{display:block; width:100%; height:100%; text-align:left; color:#222; font-size:17px; font-weight:400; padding:0 30px 0 15px;}
#sub_m_menu_style_01 .sub-menu-inner .dropdown-menu .cur-location i
{position:absolute; right:10px; font-size:19px; top:13px; transition:all .25s ease;}
#sub_m_menu_style_01 .sub-menu-inner .dropdown-menu .dropdown-list
{display:none; border:1px solid #ddd; width:calc(100% - 2px); border-top:0; padding:5px 0; background:#fff; border-top:0; margin-top:1px;;}
#sub_m_menu_style_01 .sub-menu-inner .dropdown-menu .dropdown-list li a
{display:block; padding:9px 15px; font-size:16px; color:#666;;}
#sub_m_menu_style_01 .sub-menu-inner .dropdown-menu.open .cur-location i
{transform:rotate(180deg);}
@media screen and (max-width:800px){
    #sub_m_menu_style_01
    {display:block;}
}


/* SUB MOBILE :: 스타일2 (1DEP / 2DEP) */
#sub_m_menu_style_02
{display:none; position:relative; z-index:9; margin:-35px 20px 0 20px;}
#sub_m_menu_style_02 .sub-menu-inner
{height:100%;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu
{height:100%; border-radius:50px; background:#f4f4f4; position:relative; }
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 
{background:#00a0e8; margin-bottom:15px;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .cur-location
{display:block; width:100%; height:100%; text-align:left; color:#222; font-size:17px; font-weight:400; padding:0 40px; position:relative; z-index:9;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 .dropdown-list li a 
{color:#fff;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .cur-location span 
{position:relative; line-height:65px; display:block; font-size:19px;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .cur-location i
{position:absolute; right:20px; top:0; font-size:19px; line-height:65px; transition:all .25s ease;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 .cur-location span 
{color:#fff;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 .cur-location i
{color:#fff;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .dropdown-list
{display:none; position:absolute; top:calc(100% - 30px); width:100%; padding-top:2em; padding-bottom:10px;  border-radius:0 0 50px 50px;  background:#f4f4f4}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.location1 .dropdown-list
{background:#00a0e8;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu .dropdown-list li a
{display:block; padding:9px 40px 15px; font-size:16px; color:#333;;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.open .cur-location
{z-index:9999;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.open .dropdown-list 
{z-index:99;}
#sub_m_menu_style_02 .sub-menu-inner .dropdown-menu.open .cur-location i
{transform:rotate(180deg);}

@media screen and (max-width:800px){
    #sub_m_menu_style_02
    {display:block;}
}


#footer 
{background:#181818;}
#footer .f-police-con 
{border-bottom:1px solid #3b3b3b;}
#footer .f-police-con a 
{font-size:1.5rem; font-weight:300; color:#fff; display:inline-block; margin-right:2rem; padding:2.5rem 2rem 2.5rem 0; transition:all 0.3s ease;}
#footer .f-police-con a:hover 
{color:var(--sub-color)}

#footer .f-detail-con 
{padding:4rem 0; display:flex; justify-content: space-between;}
#footer .f-detail-con .f-info-con li
{margin-bottom:1.5rem;}
#footer .f-detail-con .f-info-con li span 
{font-size:1.5rem; color:#cbcbcb; font-weight:200; margin-right:2rem; padding-right:2rem; position:relative;}
#footer .f-detail-con .f-info-con li span:after 
{content:''; height:80%; width:1px; background:#737373; position:absolute; right:0; top:10%;}
#footer .f-detail-con .f-info-con li span:last-child::after
{display:none;}
#footer .f-detail-con .f-right-con
{text-align:right;}
#footer .f-detail-con .f-logo 
{background-image:url('../img/f_logo.png'); width:227px; height:47px; display:inline-block;}
#footer .f-detail-con .copy 
{font-size:1.6rem; color:#d1d1d1; font-weight:300; margin-top:2rem;}

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

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

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

}

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

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

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

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