@font-face {
    font-family: 'TmoneyRoundWindExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TmoneyRoundWindRegular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {font-family: 'TmoneyRoundWindRegular' !important;}
html {
    font-size:62.5%; font-family: 'Noto Sans KR', sans-serif;
}
#wrap {width:100%;}
html, body {overflow-x:hidden;}

/*header header header header*/
header {
    position:fixed; top:0; left:50%;
    transform:translateX(-50%); z-index:9990;
    width:100%; height:60px;
    /* background:#fff; */
    background:rgba(0, 0, 0, 0.342);
}
header .h_inner {
    width:1280px; margin:0 auto; height:100%;
    display:flex; justify-content:space-between; align-items:center;
}
/*main logo*/
header .h_inner .main_logo {position:relative; z-index:9999;}
header .h_inner .main_logo a {}
header .h_inner .main_logo a img {width:70%;}
/*nav*/
header .h_inner nav {}
header .h_inner nav ul {display:flex;}
header .h_inner nav ul li {}
header .h_inner nav ul li a {
    padding:0 30px;
    displaY:inline-block;
    line-height:60px;
    font-size:1.6rem; color:#fff;
    font-weight:500;
    position:relative;
}
header .h_inner nav ul li a:hover:after {
    display:block; content:'';
    position:absolute; left:50%; bottom:0;
    transform:translateX(-50%);
    width:80%;
    height:2px;
    background:#455aff;
}
header .h_inner nav ul li a.nav_active:after {
    display:block; content:'';
    position:absolute; left:50%; bottom:0;
    transform:translateX(-50%);
    width:80%;
    height:2px;
    background:#455aff;
}
header .h_inner nav ul li a span {font-weight:400;}



/*hambug menu*/
.hambug_menu {
    display:flex; flex-direction:column;
    justify-content:center;
    display:none; cursor:pointer; z-index:9999;
}
.hambug_menu:hover span {background:#455aff !important;}
.hambug_menu .bar {
    display:block; width:35px;
    height:3px; background:#fff; transition:.3s;
    position:relative;
}
.hambug_menu .bar:nth-of-type(2) {margin:6px 0;}
.hambug_menu_toggle {background:#fff !important;}
.hambug_nav {display:none;}
.bar1 {transform:rotate(45deg); bottom:-2px;}
.bar3 {transform:rotate(-45deg); bottom:2px;}

/* hambug nav */
header .h_inner .hambug_nav {}
header .h_inner .hambug_nav ul {
    position:fixed; width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    left:50%; transform:translateX(-50%);
    background:rgba(0, 0, 0, 0.8); text-align:center;
    top:0; height:100vh;
}
header .h_inner .hambug_nav ul li {}
header .h_inner .hambug_nav ul li a {
    display:block;
    margin:10px 0;
}
header .h_inner .hambug_nav ul li a span {
    font-size:2rem; font-weight:500; color:#fff;
}
header .h_inner .hambug_nav ul li a.nav_active span {
    color:#455aff; font-weight:500;
}





/*footer footer footer footer*/
footer {
    width:100%;
    background:#333 url(../img/f_logo.png) no-repeat center center;
    padding:60px 20px;
}
footer .f_inner {
    width:1280px; margin:0 auto;
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items:flex-start;
}
footer .f_inner h2 {font-size:1.5rem; margin-bottom:15px; color:#fff;}
footer .f_inner p, footer .f_inner a {font-size:1.3rem; color:#fff; font-weight:300;}
footer .f_inner .f_top {
    display:flex; justify-content:space-between;
    width:100%;
}
footer .f_inner .f_top .f_name {}
footer .f_inner .f_top .f_name p:nth-child(1) {margin-bottom:20px;}
footer .f_inner .f_top .f_siteMap {
    display:flex;
    flex-direction: column;
}
footer .f_inner .f_top .f_siteMap a {line-height:2.3;}
footer .f_inner .f_top .f_help {}
footer .f_inner .f_top .f_help p {line-height:2.3;}
footer .f_inner .f_top .f_down {}
footer .f_inner .f_top .f_down a {margin-right:20px;}
footer .f_inner .f_top .f_down a:last-child {margin-right:0;}
footer .f_inner .f_top .f_down img {width:15px; position:relative; left:-4px; bottom:-4px;}
footer .f_inner hr {
    display: block;
    width: 100%;
    border-bottom: 0;
    border-color: #cecece;
    margin: 50px 0;
}

footer .f_inner .f_btm {}
footer .f_inner .f_btm .f_address {}
footer .f_inner .f_btm .f_address p {
    font-size: 1.2rem !important;
    line-height: 2;
    letter-spacing: -0.5px;
    color: #cbcbcb;
    line-height:1.3;
}
footer .f_inner .f_btm .f_info {}
footer .f_inner .f_btm .f_info a {
    letter-spacing: -0.5px;
    margin: 20px 0;
    display: inline-block;
}
footer .f_inner .f_btm .f_info a:nth-child(1) {margin-right:10px;}