/* 헤더 */
#header
{position:fixed; left:0; top:0; width:100%; height:90px; background:transparent; z-index:9999; transition:all 0.25s ease;}
#header .header-inner
{padding:0 20px; height:100%;}
#header .header-wrap
{display:flex; justify-content:space-between; align-items:center; }
#logo a
{display:inline-block; padding:12px 0;  z-index:999; position:relative;}
#logo a img
{display:inline-block; vertical-align:middle;}



/* NAVI :: 스타일2 (메가 메뉴 스타일 / total Menu Style) */
#nav.total-menu
{width:70%; text-align:center; 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:190px;}
#nav.total-menu > ul > li > a
/* {position:relative; display:block; padding:0 20px; height:80px; line-height:80px; font-size:18px; color:#fff; font-weight:500; transition:all 0.5s ease;} */
{position:relative; display:block; padding:0 20px; height:80px; line-height:80px; font-size:22px; color:#fff; 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; font-size:18px; color:#fff; transition:all 0.25s ease;}
#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:#00000085; left:0; transition:all 0.4s ease;}
#nav.total-menu.open > ul > li > a 
{ color:#222}
#nav.total-menu.open > ul > li:hover > a
{color:var(--main-color)}
#nav.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:350px;}

/* 유틸박스 */
#util-wrap 
{position:relative;display:flex; align-items:center; z-index:99}
#util-wrap .language
{margin-right:30px; position:relative; display:flex;}
#util-wrap .language a
{position:relative}
#util-wrap .language span
{font-size:17px; font-weight:400; color:#fff; padding:0 1rem; display:inline-block; cursor:pointer; position:relative;}
#util-wrap .language a:first-child:after
{content:''; position:absolute; width:2px; height:70%; top:15%; background:#fff; right:0; }
#util-wrap .language.active .dropdown-list 
{opacity:1; visibility:visible;}
#util-wrap .language.active .cur:after 
{transform:rotate(180deg);}
#util-wrap .sitemap-open-btn
{display:block; cursor:pointer}
#util-wrap .sitemap-open-btn .row
{width:25px; height:3px; border-radius:15px; display:block; background:#fff; margin:5px 0px; position:relative; z-index:99; text-align:right;}
#util-wrap .sitemap-open-btn .row:first-child 
{width:20px; margin:5px 0px 5px 5px}



#util-wrap .nav-open-btn
{display:none; top:24px; right:15px; z-index:99999999;}
#util-wrap .nav-open-btn .line
{width:25px; height:3px; background:#333; border-radius:15px; display:block; margin:5px 0; transition:all 0.25s ease;}
#util-wrap .nav-open-btn.active .line
{background:#000;}
#util-wrap .nav-open-btn.active .line1
{transform:translateY(5px) rotate(45deg);}
#util-wrap .nav-open-btn.active .line3
{transform:translateY(-11px) rotate(-45deg)}
#util-wrap .nav-open-btn.active .line2
{opacity:0;}


/* each 슬라이드 */
#header.reduce #nav.total-menu > ul > li > a 
/* {color:#000;} */
{color:#fff;}
#header .logo-w
{display:block}
#header .logo-b
{display:none}
/* #header.reduce .logo-b 
{display:block;}
#header.reduce .logo-w
{display:none;} */
#header.reduce #util-wrap .language span 
/* {color:#000;} */
{color:#fff;}
#header.reduce #util-wrap .language a:first-child span:after 
{background:#000;}
#header.reduce #util-wrap .sitemap-open-btn .row 
{background:#000;}
/* 오픈 */

#header.active #nav.total-menu.open > ul > li > a 
{ color:#fff}
#header.active #util-wrap .language span 
{color:#fff;}
#header.active #util-wrap .language a:first-child span:after 
{background:#fff;}
#header.active #util-wrap .sitemap-open-btn .row
{background:#fff;}
#header.active .logo-b 
{display:none;}
#header.active .logo-w
{display:block;}
/* 스크롤 */
#header.header_scroll
{position:fixed; background:linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%)}
#header.header_scroll #nav.total-menu > ul > li > a
{color:#fff;}
#header.header_scroll #util-wrap .sitemap-open-btn .row
{background:#fff;}
#header.header_scroll #util-wrap .language span 
{color:#fff;}
#header.header_scroll #util-wrap .language a:first-child span:after 
{background:#fff;}
#header.header_scroll .logo-b 
{display:none;}
#header.header_scroll .logo-w
{display:block;}

@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;}
}



/**********************
    SITE MAP 
    스타일  :: Full Style 
    방향    :: 세로 Style 02
***********************/
.siteMap_style02_full
{position:fixed; width:100%; height:100%;  background-color:#1e4865; background-position:center; background-size:cover; top:0; left:0; z-index:9999; visibility:hidden; opacity:0; transition:all 0.3s}
.siteMap_style02_full .sitemap-area
{max-width:1400px; margin:0 auto; width:100%; height:100%; /*visibility: hidden; opacity:0;*/ transition:all 0.5s} 
.siteMap_style02_full .sitemap-area .sitemap-wrap
{display:table; width:100%; height:100%;}
.siteMap_style02_full .sitemap-area .sitemap-wrap .sitemap-inner
{padding:70px 0px 140px; display:table-cell; vertical-align:middle;}
.siteMap_style02_full .sitemap-con
{ text-align:left;}
.siteMap_style02_full .sitemap-con .sitemap-tit
{position:relative;}
.siteMap_style02_full .sitemap-con .sitemap-tit h1
{font-size:52px; color:#fff; font-weight:800;}
.siteMap_style02_full .sitemap-con .sitemap-box
{margin-top:60px;}
.siteMap_style02_full .sitemap-con .sitemap-box > ul
{display:table; width: 100%;}
.siteMap_style02_full .sitemap-con .sitemap-box > ul > li
{display:table-cell; border-left:1px solid #ffffff1a; padding:40px 40px; width:20%;}
.siteMap_style02_full .sitemap-con .sitemap-box > ul > li:last-child 
{border-right:1px solid #ffffff29;}
.siteMap_style02_full .sitemap-con .sitemap-box > ul > li h2
{font-size:26px; font-weight:600; color:#fff; padding:0 10px 0px; transition:all 0.3s ease;}
.siteMap_style02_full .sitemap-con .sitemap-box > ul > li .sitemap-2dep
{padding:40px 10px 0;}
.siteMap_style02_full .sitemap-con .sitemap-box > ul > li .sitemap-2dep li a
{display:block; padding:10px 0; color:#ffffff8c; font-size:19px; transition:all 0.3s ease;}
.siteMap_style02_full .sitemap-con .sitemap-box > ul > li:hover h2
{}
.siteMap_style02_full .sitemap-con .sitemap-box > ul > li .sitemap-2dep li:hover a
{color:#fff;}
.siteMap_style02_full .sitemap-close-btn
{position:absolute; top:0; right:0; width:60px; height:60px; background:#fff; z-index:9999; transition:all 0.3s; border-radius:50%;}
.siteMap_style02_full .sitemap-close-btn i 
{font-size:2.4rem;}
.siteMap_style02_full .sitemap-close-btn:hover
{background:var(--point-color);}
.siteMap_style02_full .sitemap-close-btn:hover i
{color:#fff;}
.siteMap_style02_full.open
{visibility:visible; opacity:1; right:0;}
.siteMap_style02_full.open .sitemap-area
{visibility:visible; opacity:1;}

/* 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 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:#0a162e;}
.footer-top-con
{padding:5rem 0;}
.footer-top-con .f-logo 
{margin-bottom:5rem;}
.footer-top-con .f-detail-con ul li 
{margin:1.5rem 0; display: flex; gap: 1rem 0rem; flex-flow: row wrap;}
.footer-top-con .f-detail-con ul li span
{font-size:1.6rem; color:#fff; font-weight:300; margin-right:2rem; padding-right:2rem; position:relative;}
.footer-top-con .f-detail-con ul li span:after 
{content:''; position:absolute; width:2px; height:70%; background:#fff; top:15%; right:0;}
.footer-top-con .f-detail-con ul li span:last-child:after 
{display:none;}
.footer-bottom-con 
{border-top:1px solid #ffffff30; padding:3rem 0;}
.f-bottom-con 
{display:flex; justify-content:space-between;}
.f-bottom-con .copy
{font-size:1.6rem; color:#fff; font-weight:400;}
.f-bottom-con .f-police-con a 
{font-size:1.6rem; color:#fff; font-weight:300; margin-left:2rem; padding-left:2rem; position:relative; display:inline-block;}
.f-bottom-con .f-police-con a:before
{content:''; position:absolute; width:1px; height:100%; top:0%; left:0; background:#ffffff80;}
.f-bottom-con .f-police-con a:first-child:before 
{display:none;}