/***** °øÅë»ó´Ü¸Þ´º(Çì´õ)  *****/
#header {position:fixed; top:0; left:0; width:100%; z-index:9999; transition:all 0.3s;}
#header #gnb_contain {padding-top:30px; display:flex; justify-content: space-between; align-items: center; transition:all 0.3s;}
#header #gnb_contain .logo_box {width:140px; height:40px; background:url('../../img/image/logo01.png') no-repeat center/140px;}
#header #gnb_contain .logo_box a {display:block; height:100%;}
#header #gnb_contain .gnb_nav > ul {display:flex; gap:40px;}
#header #gnb_contain .gnb_nav > ul > li {position:relative;}
#header #gnb_contain .gnb_nav > ul > li > a {padding:10px; display:block; color:#fff; font-size:1.8rem ;font-weight:800;}

#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(--main2-color);}

#header #gnb_contain .gnb_nav > ul .gnb_depth2 li:hover a {background-color:var(--main-color); color:#fff;}


/*** ½ºÅ©·Ñ´Ù¿î ***/
#header.scrollDown {background-color:rgba(255,255,255,0.9);}
#header.scrollDown #gnb_contain {padding:0;  height:80px;}
#header.scrollDown #gnb_contain .gnb_nav > ul > li > a {color:#000;}
#header.scrollDown #gnb_contain .logo_box {background:url('../../img/image/logo02.png') no-repeat center/140px;}

/***** ¸ð¹ÙÀϸ޴º ¿µ¿ª *****/
.m_btn_box {position:absolute; right:0px; top:0px; width:80px; height:80px; z-index:9999; pointer-events: auto; background-color: var(--main-color); cursor: pointer; }
.m_btn_box .menu {transition: all 0.37s;position: relative;width:100%; height: 100%; border-radius:50%; border:2px solid transparent;}
.m_btn_box .menu_part {width: 35px; height: 3px; position: absolute; background: #fff; right: 0; margin: auto; 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)) + -10px);}
.m_btn_box .menu .menu_part:nth-of-type(2) {top: calc(50% - 2px);}
.m_btn_box .menu .menu_part:nth-of-type(3) {top: calc(50% - ((2px)) + 10px);}
#ham_btn + label {overflow: hidden; display:block; width:100%; height:100%; transition:all 0.37s; cursor: pointer; }

#ham_btn:checked + label .menu .menu_part {background:#fff;}
#ham_btn:checked + label .menu .menu_part:nth-of-type(1) {transform: rotate(45deg); width: 30px !important; top: calc(50% - (1.5px))!important;}
#ham_btn:checked + label .menu .menu_part:nth-of-type(2) {left:-1px !important;opacity: 0;}
#ham_btn:checked + label .menu .menu_part:nth-of-type(3) {transform: rotate(-45deg);width: 30px!important;top: calc(50% - (1.5px))!important;}


.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:150px;}
.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);}


/***** °øÅëÇϴܸ޴º(ǪÅÍ) ¿µ¿ª *****/

#footer {padding:30px 0px;}
#footer .info_box {display:flex;}
#footer .info_box ul {width:33.3333%; padding-right:20px;}
#footer .info_box img {width:200px;}
#footer .info_box ul li {color:#000; font-size:1.6rem; padding-bottom:5px;}
#footer .info_box ul li:first-child {font-size:2rem; font-weight:800; padding-bottom:20px;}
#footer .copyright {padding-top:20px; width:100%; font-size:1.6rem; font-weight:400;}


/***** ¼­ºê °øÅëÇϴܸ޴º(ǪÅÍ) ¿µ¿ª *****/
#footer #customer {margin-top:0px;}
.sub_footer .cs-notice {position:relative;}
.sub_footer .cs-notice img {position:absolute; bottom:-40px; left:50%; transform:translateX(-50%);}