:root {
  --LAYOUT-WIDTH: 1420px;
  --COLOR-PRIMARY: #164081;
  --HEADER-HEIGHT: 94px;
}

body  {line-height: 1.5; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

#main {padding-top: 80px;}
.default_layout {max-width: var(--LAYOUT-WIDTH);position: relative;margin: 0 auto;padding: 0 50px;}
.hidden {display: none !important;}
.container {min-height: 800px;}

.layout {position: relative;max-width: 1420px;margin: 0 auto;padding: 0 50px;}

@keyframes fade-up { 
    0% { opacity: 0; transform: translateY(40px); } 
    100% { opacity: 1; transform: translateY(0); } 
}
@keyframes fade-down { 
    0% { opacity: 0; transform: translateY(-40px); } 
    100% { opacity: 1; transform: translateY(0); } 
}
@keyframes fade-right { 
    0% { opacity: 0; transform: translateX(-40px); } 
    100% { opacity: 1; transform: translateX(0); } 
}
@keyframes fade-left { 
    0% { opacity: 0; transform: translateX(40px); } 
    100% { opacity: 1; transform: translateX(0); } 
}
@keyframes fade-in { 
    0% { opacity: 0; } 
    100% { opacity : 1; } 
}
@keyframes fade-out { 
    0% { opacity: 1; } 
    100% { opacity : 0; } 
}
@keyframes text-up {
    0% { opacity: 0; transform: translateY(1em); } 
    100% { opacity: 1; transform: translateY(0); } 
}
@keyframes text-down {
    0% { opacity: 0; transform: translateY(-1em); } 
    100% { opacity: 1; transform: translateY(0); } 
}




/* HEADER */
#header {position: fixed;top: 0;left: 0;right: 0;background: #fff;z-index: 9999;}
#header .inner {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 10;}
#header .logo {display: block;width: 152px;height: 36px;}
#header .logo .logo_img {width: 100%; display: block;}
#header .depth_box_wra_box {background: #fff;position: absolute;left: 0px;top: 80px;width: 100%;z-index: 0px;display: none;box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);padding-bottom: 1px;border-top: 1px #ddd solid;height: 190px;}

#gnb ul.gnb_list {display: flex;}
#gnb ul.gnb_list li.menu_list {position: relative;min-width: 160px;text-align: center;}
#gnb li a.gnb_link {display: block;font-size: 18px;font-weight: bold;color: #000;line-height: 80px;position: relative;letter-spacing: -1px;}

#gnb li div.depth_box {position: absolute;display: none;top: 80px;width: 100%;left: 0px;}
#gnb li div.depth_box ul {padding: 30px 0px;}
#gnb li div.depth_box ul li {font-size: 14px;text-align: center;}
#gnb li div.depth_box ul li a {display: block;color: #000;letter-spacing: -0.5px;line-height: 26px;}
#gnb li div.depth_box ul li a:hover {text-decoration: underline;}
#gnb li div.depth_box ul li:last-child a {border-bottom: 0px;}

	/*카피라이트*/
#footerGroup {position:relative; background:#333333; padding:30px 0px;}


#footerGroup .f_util {overflow:hidden; position:relative;}
#footerGroup .f_util .f_name{position:absolute; left:0px;top:0px; font-size:20px; color:rgba(255,255,255,1); }
#footerGroup .f_util ul{float:right;}
#footerGroup .f_util li{display:inline-block; font-weight:normal;  font-size:12px;}
#footerGroup .f_util li a{margin-right:10px; line-height:25px; padding-bottom:8px; display:block;color:rgba(255,255,255,0.7); }


#footerGroup .footer {border-top:1px rgba(255,255,255,0.1) solid; margin-top:5px; padding-top:15px; font-size:12px; position:relative;  color:rgba(255,255,255,0.8); }
#footerGroup .footer span{display:inline-block; padding-right:8px;  line-height: 1.9;}
#footerGroup .footer .addres{ font-size:11px; color:rgba(255,255,255,0.5); line-height:16px; font-weight:normal;}

/* 비주얼 */
.sec_visual {height: calc(100vh - 136px);height: calc(100svh - 136px);overflow: hidden;position: relative;color: #fff;max-height: 986px;display: flex;flex-direction: column;padding: 0 50px;animation: fade-in 1s .15s both;}
.sec_visual .visual_wrap {flex-grow: 1;}
.sec_visual .visual_tit {font-size: 35px;position: relative;z-index: 5;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%; }
.sec_visual .visual_tit .sec_tit {position: relative;z-index: 5;animation: text-up .8s .2s both;color: inherit;font-size: inherit;}
.sec_visual .visual_bg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.sec_visual .visual_item::before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #000;opacity: .3;}
.sec_visual .visual_tit .logo {width: 180px;height: 70px;margin-bottom: .5em;display: block;background: url('/theme/mooul/img/logo_white.svg') no-repeat center / contain;animation: text-up .5s .5s both;}