/***** °øÅë»ó´Ü¸Þ´º(Çì´õ)  *****/
#header {position:fixed; top:0; left:0; width:100%; z-index:9999; transition:all 0.3s;}
#header #gnb_contain {padding:20px; margin-top:40px; width:100%; display:flex; justify-content: space-between; align-items: center; background-color:#fff; transition:all 0.3s;}
#header #gnb_contain .logo_box {width:160px; height:60px; background:url('../../img/image/logo_b.png') no-repeat center/contain;}
#header #gnb_contain .logo_box a {display:block; height:100%;}
#header #gnb_contain .gnb_nav > ul {display:flex; gap:24px;}
#header #gnb_contain .gnb_nav > ul > li {position:relative;}
#header #gnb_contain .gnb_nav > ul > li > a {padding:10px; display:block; color:#1E1E1E; font-size:1.6rem ;font-weight:800;}
#header #gnb_contain .right {display:flex; align-items: center; gap:30px;}



#header #gnb_contain .gnb_nav > ul .gnb_depth2 {display:none; position:absolute; top:100%; left:50%; white-space: nowrap; box-shadow: 5px 5px 12px rgba(0,0,0,0.06); text-align:center; border-radius:5px; overflow:hidden; transform:translateX(-50%);}
#header #gnb_contain .gnb_nav > ul .gnb_depth2 li a {display:block; padding:10px 15px; background-color:#fff; color:#1e1e1e; font-size:1.8rem ;font-weight:800;}
#header #gnb_contain .gnb_nav > ul .gnb_depth2 li:first-child a {border-radius:5px 5px 0 0;}



/*** hover(¸¶¿ì½º¿À¹ö) ***/
#header #gnb_contain .gnb_nav > ul > li:hover > a {color:var(--main-color);}
#header #gnb_contain .gnb_nav > ul .gnb_depth2 li:hover a {background-color:var(--main-color); color:#fff;}




/*** ½ºÅ©·Ñ´Ù¿î ***/
#header.scrollDown {background-color:#fff;}
#header.scrollDown #gnb_contain {padding:20px 0; margin-top:0;}




/***** ¸ð¹ÙÀÏ¸Þ´º ¿µ¿ª *****/
.m_btn_box {width:40px; height:40px; pointer-events: auto;}
.m_btn_box .menu {transition: all 0.37s;position: relative;width:100%; height: 100%;cursor: pointer; border-radius:50%; border:2px solid transparent;}
.m_btn_box .menu_part {width: 35px; height: 3px; position: absolute; background: #333; right: 0; left: 0; border-radius: 2px; transition: all 0.22s cubic-bezier(0.6, 0.1, 0.4, 1.4)}
.grid_item__inner {width:100%; height: 100%; }



.m_btn_box .menu .menu_part:nth-of-type(1) {top: calc(50% - ((2px)) + -11px);}
.m_btn_box .menu .menu_part:nth-of-type(2) {top: calc(50% - 2px);}
.m_btn_box .menu .menu_part:nth-of-type(3) {margin-left:9px; top: calc(50% - ((2px)) + 11px); width:26px;}
#ham_btn + label {overflow: hidden; display:block; width:100%; height:100%; transition:all 0.37s;}



.mo_gnb {opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); width:100%; pointer-events:none; transition:opacity 0.4s;}
.mo_gnb.active {opacity:1;}
.mo_gnb .mo_box {position:fixed; top:0; right:-110%; background:#fff; width:450px; height:100vh; padding:20px 40px; overflow-Y:scroll; transition:all 0.4s; pointer-events:auto; box-sizing:border-box; overflow: hidden;}
.mo_gnb.active .mo_box {right:0;}
.mo_logo {padding-top:5px; width:100px;}
.mo_logo img {width:100%;}



.mo_gnb .mo_menu {padding-top:40px;}
.mo_gnb .mo_menu > ul > li {border-bottom:1px solid #f2f2f2;}
.mo_gnb .mo_menu > ul > li:first-child {border-top:1px solid #f2f2f2;}
.mo_gnb .mo_menu > ul > li > a{color:#fff; display:block;padding:20px 0;box-sizing:border-box; font-size:1.8rem; font-weight:900;color:#333; }
.mo_gnb .mo_menu > ul > li:hover > a {color:var(--main-color);}
.mo_gnb .mo_menu > ul > li.active > a {color:var(--main-color);}
.mo_gnb .mo_menu > ul > li.active {padding-bottom:10px; border-top:2px solid var(--main-color); border-bottom:2px solid var(--main-color);}



.mo_gnb .depth2 {display:none; box-sizing:Border-box;}
.mo_gnb .depth2 a {display:block; padding:10px 0; color:#666; font-size:1.8rem; font-weight: 600;}
.mo_gnb .depth2 li:hover > a {color:var(--main2-color);}



.mo_gnb .close_box {position: absolute; top:0; right:0; display: flex; align-items: center; justify-content: center; width:60px; height: 60px; background-color: var(--main-color); cursor: pointer;}
.mo_gnb .close_box .ex div {width: 30px; height: 3px; background: #fff; border-radius: 2px;}
.mo_gnb .close_box .ex div:nth-of-type(1) {transform: translateY(3px) rotate(45deg);}
.mo_gnb .close_box .ex div:nth-of-type(2) {transform: rotate(-45deg);}




/***** °øÅëÇÏ´Ü¸Þ´º(ÇªÅÍ) ¿µ¿ª *****/
#footer {padding-bottom: 80px; background: #0B2B45;}
#footer .link_box {padding: 40px 0; display: flex; gap:80px; border-bottom: 1px solid #999;}
#footer .link_box li {position: relative;}
#footer .link_box li:first-child::after {position: absolute; top:3px; right:-40px; display: block; content: ''; width:1px; height:15px; background: #999;}
#footer .link_box a {font-size: 1.8rem; color: #fff;}


#footer .info_box {padding-top: 80px; display: flex; justify-content: space-between;}
#footer .info_box .left .txt {padding-top: 24px;}
#footer .info_box .left .txt p {font-size: 2.4rem; font-weight: 700; color:#fff;}


#footer .info_box .right ul {display: flex; flex-direction: column; gap:14px;}
#footer .info_box .right li {font-size: 1.8rem; color:#fff; text-align: right;} 


#footer .copyright {padding-top: 40px;} 
#footer .copyright p {font-size: 1.4rem; color:#6A6A6A; letter-spacing: 0.7px;}