@font-face {
    font-family: 'NanumSquare';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Regular.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquare';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-Bold.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquare';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumSquare/NanumSquare-ExtraBold.ttf') format("truetype");
    font-display: swap;
} 
#wrap * {
    font-family: 'NanumSquare';
}
header {
    border-bottom: 2px solid #ebebeb;
    display: flex;
    align-items: center;
    z-index: 2;
    position: relative;
    flex-direction: column;
    padding: 20px 0 0;
}
.header_mo {
  display: none;
}

header img{
    width: 100px;
}
header h1{
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    border-bottom: 2px solid #ebebeb;
}
header nav {
    display: flex;
    align-items: center;
    /* position: relative; */
    padding: 20px 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
}
header nav .nav_menu{
    display: flex;
    flex-direction: row;
    /* gap: 40px; */
    list-style: none;
    padding: 0;
    margin: 0;
}
.nav_menu > li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

}

.nav_menu a {
    width: 140px;
    text-decoration: none;
    padding: 0 15px;
    display: block;
    text-align: center;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav_menu a span{
    font-size: 18px;
    font-weight: 600;
}

/* 서브메뉴 기본 스타일 */
.submenu_wrap {
    display: none;
    /* display: flex; */
    border-bottom: 2px solid #ebebeb;
    border-top: 2px solid #ebebeb;
    position: absolute; 
    width: 100%; 
    top: 100%; 
    left: 0; 
    width: 100%; 
    justify-content: center;
    background: #fff;
}
.submenu_wrap .submenu:nth-child(1) {
    top: 100%;
    left: 0;
    background-color: white;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 2;
    height: 250px;
   
}
.submenu_wrap .submenu:nth-child(4) {
    border-right: none;
   
}
.submenu_wrap .submenu {
    top: 100%;
    left: 0;
    background-color: white;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 2;
    height: 250px;
}

.submenu li {
    width: 140px; 
 
}

.submenu a {
    padding: 15px 0;
    display: block;
    text-decoration: none;
    text-align: center;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    color: #898989;
}

header:hover .submenu_wrap {
    display: flex;
}

#wrap header ul li.selected a span {
    font-weight: bold; 
}
/* .submenu a:hover {
    color: #050565; 
    font-weight: 700;
    text-decoration: none; 

} */
ins.adsbygoogle {
    z-index: 1 !important;
}
@media screen and (max-width: 767px) { 
    header {
        display: none;
       }
    
       .header_mo {
        display: flex;
        justify-content: center; /* 가운데 정렬 */
        align-items: center; /* 세로 가운데 정렬 */
        height: 70px;
        position: relative; /* 햄버거 메뉴를 절대 위치로 제어 */
        padding: unset;
    }
    
    .header_mo h1 {
        position: absolute;
        left: 50%;
        transform: translateX(-50%); /* 로고를 화면 가운데로 이동 */
        margin: 0;
        padding: 0;
        border-bottom: none;
    }
    
    .header_mo .right1 {
        position: absolute;
        left: 15px; /* 햄버거 메뉴 버튼을 왼쪽에 위치 */
        display: flex;
        justify-content: left;
        align-items: center;
    }
    
    .header_mo img {
        width: 100px;
    }
    
    .header_mo .i2 {
        width: 60%;
    }
    
    /* #wrap .left {
        display: none;
    }   */
    #wrap {
        width: 100%;
    }
    .header_mo .nav_mo  {
        position: fixed;
        top: 0; left: -71%;
        width: 70%; min-height: 90vh;
        background: #fff;
        z-index: 999;
        transition: .3s;
        display: block;
        padding: unset;
    }
    .back2 {
        background: #00000014; 
        position: fixed;
        width: 100% !important;
        height: 100%;
        top: 0;
        display: none;
        z-index: 998; 
        left: 0;
    }
    
    .nav_mo.open + .back {
        display: block;
        
    }
    .nav_mo.open {
        left: 0;
    }
    .nav_logo {
        width: 100%; height: 70px;
        display: flex;
        justify-content: left;
        align-items: center;
        padding: 1.5rem;
    }

    .close{
        display: block;
        background: url(../img/mo/x-btn.png) no-repeat center/contain;
        width: 2rem; height: 2rem;
    
    }
    .submenu li {
        width: 100%;
    }
    .nav_menu_mo {
        border-top: 1px solid #ebebeb;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .nav_menu_mo .has-submenu{
        background-color: #fff;
        
    }
    .nav_menu_mo li:last-child  {
        border-bottom: none;
        
    }
    .nav_menu_mo li a {
        display: block;
        /* margin-bottom:3rem; */
        text-align: left;
        font-size: 16px;
    }
    
    .nav_menu_mo li span {
       font-size: 16px;
    }
    .nav_menu_mo li a span {
        font-size: 1.8rem;
        display: inline-block;
        color: #2c2f2d;
        width: 17rem;
        font-weight: 600;
        white-space: nowrap;
    }
    
    .nav_menu_mo li .n {
        padding: 0;
    }
    .has-submenu  {
    }
    .has-submenu .span_mo {
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 1.3;
        padding: 2rem 1.5rem;
        padding-right: 3.5rem; 
        border-bottom: 1px solid #ebebeb;
    }
    
    
    .has-submenu .span_mo::after {
        content: '';
        background-image: url('../img/arrow-down.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 1.5rem;
        height: 1.5rem;
        right: 1.5rem;
        top: 55%; 
        transform: translateY(-50%);
    }
    
    .has-submenu.on .span_mo::after {
        background-image: url('../img/arrow-up.png');
        top: 50%; 
    }

    
    .has-submenu.on .submenu{
        display: block;
        padding: 1.5rem;
        border-bottom: 1px solid #ebebeb;
    }
    
    .has-submenu .submenu{
        display: none;
    }
    }