/* font-family */
/* GmarketSans */
@font-face {
    font-family: 'Gmarket';
    font-weight: 300;
    src: url('/humanframe/global/assets/css/font/GmarketSansLight.woff') format('woff'),
    url('/humanframe/global/assets/css/font/GmarketSansLight.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gmarket';
    font-weight: 500;
    src: url('/humanframe/global/assets/css/font/GmarketSansMedium.woff') format('woff'),
    url('/humanframe/global/assets/css/font/GmarketSansMedium.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gmarket';
    font-weight: 700;
    src: url('/humanframe/global/assets/css/font/GmarketSansBold.woff') format('woff'),
    url('/humanframe/global/assets/css/font/GmarketSansBold.otf') format('opentype');
    font-display: swap;
}
/* Noto Sans KR */
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Regular.otf') format('opentype');
}

* {box-sizing: border-box;}
body {font-family: "Gmarket", sans-serif; font-weight: 500; line-height: 1; letter-spacing: -0.05rem;}
a:active, a:hover, a:focus {text-decoration: none;}

/* header */
#header {height: 28rem; background-image: url('/humanframe/theme/intobusan/assets/img/common/main_visual.png'); background-position: top center; background-color: var(--fc0); background-repeat: no-repeat;}
#header .in_header {height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
#header .top_header {width: 100%; display: flex; justify-content: space-between; padding-top: 2.7rem;}
#header .lng_list {width: 6.7rem;} 
#header .lng_list a {font-family: "Noto Sans KR", sans-serif; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 6.7rem; height: 2.8rem; border-radius: 1.4rem; font-size: 1.6rem; color: var(--fc0); background: var(--fcf);}
#header .lng_list .lng_btn img {display: block; margin-top: 0.2rem; transition: transform 0.3s;}
#header .lng_list.on .lng_btn img {transform: rotate(-180deg); margin-top: 0;}
#header .lng_list .list {display: none; margin-top: 0.4rem;}
#header .lng_list.on .list {display: block;}

#header .nav_bx nav {display: flex;}
#header .nav_bx nav a {display: flex; align-items: center; justify-content: center; gap: 1.1rem; width: 20%; height: 8rem; line-height: 8rem; background: var(--fc0); font-size: 2.1rem; color: var(--fcf); position: relative; transition: background 0.3s;}
#header .nav_bx nav a:not(:last-child)::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 2.8rem; background: #444444;}
#header .nav_bx nav a:hover, #header .nav_bx nav a.on {font-weight: 700; background: var(--mColor2);}
#header .nav_bx nav a p {margin-top: 0.3rem;}
#header .nav_bx nav a:nth-child(3) p, #header .nav_bx nav a:nth-child(4) p {margin-top: 0.5rem;}

@media screen and (max-width: 1026px) {
    #header {background-image: url('/humanframe/theme/intobusan/assets/img/common/main_visual_tab.png');}
    #header .in_header {width: 100%;}
    #header .top_header {padding: 1.9rem 2rem 0 2rem;}
    #header .nav_bx nav a {flex-direction: column; gap: 0.5rem; font-size: 1.8rem; line-height: normal;}
}

@media screen and (max-width: 768px) {
    #header {height: 31.2rem;}
    #header .nav_bx nav {flex-wrap: wrap;}
    #header .nav_bx nav a {width: 33.333%; height: 5.6rem; /* line-height: 5.6rem; */ border-right: 1px solid #444444; border-bottom: 1px solid #444444;}
    #header .nav_bx nav a:nth-child(3) {border-right: none;}
    #header .nav_bx nav a:nth-child(4), #header .nav_bx nav a:nth-child(5) {border-bottom: none;}
    #header .nav_bx nav a::before {display: none;}
    #header .nav_bx nav a img {display: none;}
}

@media screen and (max-width: 480px) {
    #header {background-image: url('/humanframe/theme/intobusan/assets/img/common/main_visual_mob.png');}
}

/* footer */
#footer {font-family: "Noto Sans KR", sans-serif; font-weight: 400; background: #353b45; padding: 4.4rem 0 5.3rem 0;}
#footer .footer_inner {display: flex; gap: 7.1rem;}
#footer .footer_inner .address {font-size: 1.6rem; color: var(--fcf); font-weight: 400; line-height: 3.1rem; opacity: 0.7;}

@media screen and (max-width: 1026px) {
    #footer {padding: 3.6rem 0 4.4rem 0;}
    #footer .footer_inner {gap: 2.4rem; flex-wrap: wrap;}
    #footer .logo img {height: 2.6rem;}
    #footer .footer_inner .address {font-size: 1.4rem; line-height: 2.4rem;}
}

/* contents */
#contents {padding-top: 10rem;}

@media screen and (max-width: 1026px) {
    #contents {padding-top: 7rem;}
}

@media screen and (max-width: 768px) {
    #contents {padding-top: 5rem;}
}