*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
}

:after,
:before {
    --tw-content: "";
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: Elice Digital Baeum, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
}

body {
    line-height: inherit;
    margin: 0;
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0;
}

abbr:where([title]) {
    text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

button,
select {
    text-transform: none;
}

button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}

:-moz-focusring {
    outline: auto;
}

:-moz-ui-invalid {
    box-shadow: none;
}

progress {
    vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
}

fieldset,
legend {
    padding: 0;
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

dialog {
    padding: 0;
}

textarea {
    resize: vertical;
}

input::placeholder,
textarea::placeholder {
    color: #666666;
    opacity: 1;
}

[role="button"],
button {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}

img,
video {
    height: auto;
    max-width: 100%;
}

[hidden] {
    display: none;
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

.container {
    width: 100%;
}

@media (min-width: 480px) {
    .container {
        max-width: 480px;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 576px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1366px) {
    .container {
        max-width: 1366px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}



#nahf-main {
    display: flex;
    max-width: 100%;
    flex-direction: column;
}

#nahf-main .header {
    display: flex;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    height: 120px;
}

#nahf-main .main-visual {
    display: flex;
    width: 100%;
    max-width: 100%;
    height: 720px;
    position: relative;
    margin-top: 80px;
}

#nahf-main .container {
    display: flex;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    flex-direction: column;
}

.cont-holder {
    display: flex;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

#nahf-main .main-visual .quick-search-bar {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 80px;
    z-index: 3;
    backdrop-filter: blur(20px) brightness(0.6);
}

#nahf-main .main-visual .quick-search-bar .area-quicklink {
    display: flex;
    width: 50%;
    position: relative;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink::after {
    content: '';
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
    height: 40%;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

#nahf-main .main-visual .quick-search-bar .area-quicklink>a {
    display: flex;
    width: 25%;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    align-items: center;
    line-height: 1.1rem;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a i {
    display: flex;
    min-width: 44px;
    min-height: 44px;
    width: 44px;
    height: 44px;
    background-color: rgba(255, 255, 255, 1);
    backdrop-filter: blur(20px) brightness(1.2);
    border-radius: 15px;
    margin-right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.5s ease;
    border: 2px solid #fff;
    box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0);
}

#nahf-main .main-visual .quick-search-bar .area-quicklink span {
    display: flex;
    width: 25%;
    height: 100%;
    flex-direction: column-reverse;
    margin-top: 0px;
    visible;
    z-index: 9;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink span a {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 80px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    align-items: center;
    line-height: 1.1rem;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink span.ex {
    height: 200%;
    margin-top: -80px;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a:hover i {
    transform: scale(1.1);
    border: 2px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
    margin-right: 15px;
    box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.47);
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a.historynet i {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='27.5px' viewBox='0 0 24 27.5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-181.5, -744)' fill='%2359BADA'%3E%3Cg id='Group-4' transform='translate(161, 725)'%3E%3Cg id='Group-5' transform='translate(20.5, 19)'%3E%3Cpath d='M8.31394878,4.07674886 L8.31445312,7.5 L8.81398589,8.15957517 C5.98107047,9.39086263 4,12.2140794 4,15.5 C4,19.918278 7.581722,23.5 12,23.5 C16.418278,23.5 20,19.918278 20,15.5 C20,12.3122177 18.1354969,9.55991344 15.4375306,8.27412708 C13.3204665,6.41870694 13.9513479,4.08712948 15.9018958,4.15004785 C20.6144343,5.76873995 24,10.2389994 24,15.5 C24,22.127417 18.627417,27.5 12,27.5 C5.372583,27.5 0,22.127417 0,15.5 C0,10.1585383 3.48991438,5.63218984 8.31394878,4.07674886 Z' id='Oval-2'%3E%3C/path%3E%3Cpath d='M12.5,0 C13.3924808,0 14.2394496,0.194859807 15.0006826,0.544355577 C12.934614,1.49184019 11.5,3.57838407 11.5,6 C11.5,8.42161593 12.934614,10.5081598 15.0003108,11.4561004 C14.2394496,11.8051402 13.3924808,12 12.5,12 C9.1862915,12 6.5,9.3137085 6.5,6 C6.5,2.6862915 9.1862915,0 12.5,0 Z' id='Oval-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a.dokdo i {
    background-image: url(../images/main/dokdo-ico.png);
    background-size: auto 44px;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a.dokdo-ex i {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='36.6656675px' height='23.104561px' viewBox='0 0 36.6656675 23.104561' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-358.084, -746.1096)'%3E%3Cg id='Group-6' transform='translate(358.084, 746.1096)'%3E%3Cpath d='M1.06241074,14.7967583 C2.36441269,14.3862359 4.90896835,12.5658013 6.31656113,7.52930228 C7.7241539,2.49280326 10.4639,-0.633417443 12.1086754,0.108525916 C13.7534508,0.850469276 15.0931725,6.12756888 16.3904137,8.65820853 C17.6876549,11.1888482 22.661776,15.2642876 20.9723228,15.3509576 C19.2828697,15.4376275 15.5970787,15.72669 15.2543053,15.3509576 C15.0257896,15.1004693 15.0257896,14.6468153 15.2543053,13.9899956 L19.981356,14.4793755 C20.4177981,14.1897434 20.2877525,13.8428195 19.5912193,13.438604 C18.5464195,12.8322808 14.911898,10.3331353 14.5271324,8.65820853 C14.1423668,6.98328178 13.5941041,1.48108451 11.4281719,2.16113822 C9.26223984,2.84119193 7.45059433,4.96985404 7.0522789,7.52930228 C6.65396347,10.0887505 7.41836777,13.9349419 5.52774277,14.4793755 C3.63711777,15.0238091 3.90957871,15.7547662 1.627108,15.5286919 C-0.6553627,15.3026177 -0.239591216,15.2072808 1.06241074,14.7967583 Z' id='Path-4' fill='%230072BB'%3E%3C/path%3E%3Cpath d='M25.847567,13.8498589 C26.9530357,13.6353814 31.4953941,13.5745904 27.9571861,14.678106 C24.4189781,15.7816216 22.8069176,14.3944146 23.3299889,13.3037163 C23.8530602,12.2130181 25.8263268,5.23108451 29.6061119,4.88110892 C33.3858971,4.53113334 36.2900719,13.2288872 35.693148,13.3037163 C35.0962242,13.3785454 32.0061363,6.62231986 29.4557213,7.4630181 C26.9053062,8.30371635 24.7414879,10.143438 24.7461266,13.3037163 C24.8131432,13.6853081 24.7420982,14.0643365 25.847567,13.8498589 Z' id='Path-5' fill='%230072BB'%3E%3C/path%3E%3Cpath d='M24.1351646,22.3735406 C23.0758385,21.3012749 24.0722984,20.8420464 18.4011559,21.1060845 C12.7300133,21.3701226 9.77871933,15.695562 6.11941757,17.032354 C2.46011582,18.369146 -0.228726958,19.4759576 1.47830429,20.7882134 C3.18533554,22.1004693 6.12369003,21.9863335 8.20108261,22.0554253 C10.2784752,22.1245171 21.1780113,21.9169976 21.8081383,22.0554253 C22.4382652,22.1938531 25.1944908,23.4458062 24.1351646,22.3735406 Z' id='Path-6' fill='%230072BB'%3E%3C/path%3E%3Cpath d='M21.318549,19.6440484 C25.5173668,18.9519097 33.7893394,16.3828179 36.3398766,21.2343804 C38.8904137,26.0859429 25.677523,19.9514214 24.0791344,20.0719048 C22.4807457,20.1923882 17.1197312,20.336187 21.318549,19.6440484 Z' id='Path-7' fill='%2300A4E0'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a.dokdo-ex {
    opacity: 0;
    transition: 0.5s ease;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a.dokdo-cx i {
    background-image: url(../images/main/dokdo-ico1.png);
    background-size: auto 44px;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a.dokdo-cx {
    opacity: 0;
    transition: 0.5s ease;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink span.ex a.dokdo-ex {
    opacity: 1;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink span.ex a.dokdo-cx {
    opacity: 2;
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a.pds i {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='40.941343px' height='40.941343px' viewBox='0 0 40.941343 40.941343' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='11.9457104%25' y1='11.0369647%25' x2='91.5048105%25' y2='88.9838325%25' id='linearGradient-em83r81dtn-1'%3E%3Cstop stop-color='%232E8FFF' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2388BEF5' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='83.8439264%25' y1='40.665197%25' x2='29.4851466%25' y2='59.7708596%25' id='linearGradient-em83r81dtn-2'%3E%3Cstop stop-color='%23FFFFFF' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23FFFFFF' stop-opacity='0.401141827' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-540.0587, -737.0587)'%3E%3Cg id='Group-3' transform='translate(529, 725)'%3E%3Cg id='Group-7' transform='translate(11.0587, 12.0587)'%3E%3Crect id='Rectangle-Copy-3' fill='url(%23linearGradient-em83r81dtn-1)' transform='translate(18.4413, 18.4413) rotate(-30) translate(-18.4413, -18.4413)' x='4.94134295' y='4.94134295' width='27' height='27' rx='8'%3E%3C/rect%3E%3Crect id='Rectangle' stroke-opacity='0.540155157' stroke='%23FFFFFF' stroke-width='0.5' fill='url(%23linearGradient-em83r81dtn-1)' x='10.691343' y='9.69134295' width='27.5' height='27.5' rx='8'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23FFFFFF' opacity='0.5' cx='19.441343' cy='19.441343' r='3.5'%3E%3C/circle%3E%3Cpath d='M24.799009,28.931089 C27.0311867,27.1860416 29.5040871,20.7926613 32.1449562,23.1727883 C34.7858254,25.5529152 38.6952492,30.5114113 32.1449562,33.1578957 C24.762074,34.8621716 13.4353092,33.5124925 15.1035221,31.8122972 C17.1138457,30.9086281 16.3817726,25.9143131 20.1942726,27.0786197 C24.0067726,28.2429264 21.9364601,29.8871437 24.799009,28.931089 Z' id='Path-8' fill='url(%23linearGradient-em83r81dtn-2)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a.edu i {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='40.941343px' height='40.941343px' viewBox='0 0 40.941343 40.941343' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='11.9457104%25' y1='11.0369647%25' x2='91.5048105%25' y2='88.9838325%25' id='linearGradient-tf0gxhzhty-1'%3E%3Cstop stop-color='%2327AB56' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2380E55E' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='11.9457104%25' y1='11.0369647%25' x2='91.5048105%25' y2='88.9838325%25' id='linearGradient-tf0gxhzhty-2'%3E%3Cstop stop-color='%2356C852' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23CDF3C7' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' id='linearGradient-tf0gxhzhty-3'%3E%3Cstop stop-color='%23FFFFFF' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23FFFFFF' stop-opacity='0.421410621' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-724, -737)'%3E%3Cg id='Group-8' transform='translate(724, 737)'%3E%3Crect id='Rectangle-Copy-3' fill='url(%23linearGradient-tf0gxhzhty-1)' transform='translate(18.4413, 18.4413) rotate(-30) translate(-18.4413, -18.4413)' x='4.94134295' y='4.94134295' width='27' height='27' rx='8'%3E%3C/rect%3E%3Crect id='Rectangle' stroke-opacity='0.540155157' stroke='%23FFFFFF' stroke-width='0.5' fill='url(%23linearGradient-tf0gxhzhty-2)' x='10.691343' y='9.69134295' width='27.5' height='27.5' rx='8'%3E%3C/rect%3E%3Cpath d='M31.1568542,14.7218254 L33.2781746,16.8431458 C34.0592232,17.6241943 34.0592232,18.8905243 33.2781746,19.6715729 L22.8463881,30.1033594 C22.4693985,30.4803489 21.9574929,30.6912155 21.4243532,30.6891305 L18.2671233,30.6767834 C17.7148427,30.6746236 17.2688818,30.2251609 17.2710416,29.6728804 L17.300002,26.560148 C17.3048794,26.0361858 17.5151886,25.535064 17.8857018,25.1645507 L25.0210338,18.028039 L27.5971118,20.4063277 C27.9211009,20.7053298 28.4056282,20.7308483 28.7570334,20.4824969 L28.84935,20.4079742 C28.8550869,20.4027076 28.8607492,20.3973602 28.8663352,20.3919337 C29.1940488,20.0735728 29.2016307,19.5498259 28.8832698,19.2221122 L26.3920338,16.657039 L28.3284271,14.7218254 C29.1094757,13.9407768 30.3758057,13.9407768 31.1568542,14.7218254 Z' id='Rectangle-4' fill='url(%23linearGradient-tf0gxhzhty-3)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-quicklink a:hover i {
    border: 2px solid #fff;
}

#nahf-main .main-visual .quick-search-bar .area-sns {
    display: flex;
    width: 25%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

#nahf-main .main-visual .quick-search-bar .area-sns a {
    display: flex;
    min-width: 44px;
    width: 44px;
    height: 44px;
    max-width: 44px;
    border-radius: 22px;
    margin: 0 12px;
    background-color: #6C7F36;
    font-size: 0;
    overflow: hidden;
    text-indent: -1000px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.25s ease;
}

#nahf-main .main-visual .quick-search-bar .area-sns a.facebook {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='24px' viewBox='0 0 12 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-992, -748)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='SNS' transform='translate(977, 721)'%3E%3Cg id='iconmonstr-facebook-1' transform='translate(15, 27)'%3E%3Cpath d='M3,8 L0,8 L0,12 L3,12 L3,24 L8,24 L8,12 L11.6420002,12 L12,8 L8,8 L8,6.33300018 C8,5.3780002 8.19199979,5 9.11499977,5 L12,5 L12,0 L8.19200039,0 C4.59600043,0 3,1.58299971 3,4.61499977 L3,8 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-sns a.instagram {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='23.9986944px' height='23.9986944px' viewBox='0 0 23.9986944 23.9986944' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-1055.0013, -748.0013)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='SNS' transform='translate(977, 721)'%3E%3Cg id='iconmonstr-facebook-1' transform='translate(15, 27)'%3E%3Cg id='iconmonstr-instagram-11' transform='translate(63.0008, 0.0008)'%3E%3Cpath d='M13.4084137,0.000492407377 C14.775434,0.00362481456 15.4264834,0.0129118511 16.0388283,0.0339943694 L16.2544457,0.0419342212 C16.4706616,0.0503822212 16.6919816,0.0603822212 16.9481816,0.0721822212 C21.3101816,0.272182224 23.7311817,2.6981821 23.9271817,7.0521822 C23.9774484,8.1615155 23.9946665,8.61587994 23.9983644,10.8388106 L23.9989867,11.3842924 C23.99912,11.57732 23.9991822,11.7819156 23.9991822,11.9991822 L23.9991344,12.31572 C23.9991021,12.4181579 23.9990532,12.5175668 23.9989864,12.6140848 L23.9983621,13.1596024 C23.9946489,15.3827334 23.9773156,15.8378489 23.9261823,16.9471822 C23.7291823,21.3091822 21.3011823,23.7271817 16.9471822,23.9271817 C15.8378489,23.9774484 15.3827334,23.9946665 13.1596024,23.9983644 L12.6140848,23.9989867 C12.4210489,23.99912 12.2164489,23.9991822 11.9991822,23.9991822 L11.6826476,23.9991344 C11.5802119,23.9991022 11.4808061,23.9990533 11.3842921,23.9989867 L10.8388083,23.9983644 C9.38534353,23.9959466 8.68792423,23.9877486 8.06892025,23.9683118 L7.63617301,23.952654 C7.45393227,23.9452928 7.26468227,23.9368484 7.05118227,23.9271817 C2.68918228,23.7271817 0.271182222,21.305182 0.0711822192,16.9471822 C0.0228488873,15.8805155 0.0050711107,15.41871 0.000487777738,13.4084091 L0.000492407377,10.5900248 C0.00362481456,9.22316183 0.0129118511,8.57248372 0.0339943694,7.96036033 L0.0419342212,7.74481426 C0.0503822212,7.52866227 0.0603822212,7.30738227 0.0721822212,7.05118227 C0.272182224,2.68918228 2.69418239,0.271182222 7.0521822,0.0711822192 C8.11884884,0.0228488873 8.57995994,0.0050711107 10.5900294,0.000487777738 Z M13.1389632,2.16290292 L10.8594503,2.16290055 C8.6783468,2.16618233 8.24738203,2.18178233 7.15018201,2.23118233 C3.89518189,2.37918233 2.38018217,3.92318225 2.23118216,7.15018225 C2.21788216,7.44558225 2.20697772,7.69269003 2.19807502,7.93866174 L2.19092516,8.15031626 C2.17200416,8.75544825 2.16422572,9.43334401 2.16194898,10.8594501 L2.16190276,13.139261 C2.16519994,15.3209999 2.1809155,15.7518489 2.23118216,16.8481822 C2.37918217,20.0691822 3.89018202,21.6191832 7.15018201,21.7681832 C7.36101534,21.7778499 7.54726535,21.7862388 7.72610333,21.7935073 L7.9382501,21.8017018 C8.57061086,21.8247324 9.19592772,21.8340589 10.6153445,21.8370255 L11.1189934,21.8377889 C11.2082031,21.8378803 11.3001385,21.8379545 11.3949368,21.8380129 L12.6037768,21.8380129 C12.6986251,21.8379545 12.7906065,21.8378803 12.8798585,21.8377889 L13.3837195,21.8370255 C14.8036527,21.8340589 15.4284658,21.8247324 16.060815,21.8017018 L16.2729782,21.7935073 C16.4518486,21.7862388 16.6381819,21.7778499 16.8491819,21.7681832 C20.104182,21.6201832 21.6191825,20.0741825 21.7681825,16.8491826 C21.8156825,15.7950159 21.8319327,15.356127 21.83603,13.3843678 L21.8367898,12.8806146 C21.8368808,12.7913839 21.8369548,12.6994257 21.837013,12.6046025 L21.8370254,11.395937 C21.8369712,11.3011386 21.8369021,11.2092033 21.8368168,11.1199936 L21.8360994,10.6163446 C21.8332994,9.19692789 21.8243793,8.57161103 21.8015632,7.93925027 L21.7934325,7.7271035 C21.7862103,7.54826551 21.7778492,7.3620155 21.7681825,7.15118217 C21.6201825,3.92318225 20.101182,2.38018233 16.8491819,2.23218233 C16.6381819,2.22251566 16.451793,2.21412677 16.2728393,2.20685826 L16.0605645,2.19866374 C16.0254138,2.19738426 15.9902857,2.19614707 15.9550427,2.19495092 L15.7411079,2.1882564 C15.1610785,2.17166381 14.4813038,2.16493196 13.1389632,2.16290292 Z M11.9991822,5.83718204 C15.4021823,5.83718204 18.1611824,8.59618211 18.1611824,11.9991822 C18.1611824,15.4031823 15.4021823,18.1621819 11.9991822,18.1621819 C8.59618211,18.1621819 5.83718204,15.4021823 5.83718204,11.9991822 C5.83718204,8.59618211 8.59618211,5.83718204 11.9991822,5.83718204 Z M11.9991822,7.99918222 C9.79018211,7.99918222 7.99918222,9.79018211 7.99918222,11.9991822 C7.99918222,14.2091823 9.79018211,15.9991822 11.9991822,15.9991822 C14.2081823,15.9991822 15.9991822,14.2091823 15.9991822,11.9991822 C15.9991822,9.79018211 14.2081823,7.99918222 11.9991822,7.99918222 Z M18.4051824,4.15418243 C19.2001824,4.15418243 19.8441825,4.79918247 19.8441825,5.59418249 C19.8441825,6.38918251 19.2001824,7.03418255 18.4051824,7.03418255 C17.6091824,7.03418255 16.9641824,6.38918251 16.9641824,5.59418249 C16.9641824,4.79918247 17.6091824,4.15418243 18.4051824,4.15418243 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-sns a.youtube {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='18.0002511px' viewBox='0 0 24 18.0002511' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-1123, -751)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='SNS' transform='translate(977, 721)'%3E%3Cg id='iconmonstr-youtube-6' transform='translate(100, 0)'%3E%3Cpath d='M50.3850002,30.1841252 C53.9840002,29.9391252 62.0109997,29.9381252 65.6149998,30.1841252 C69.5159998,30.4511252 69.971,32.815125 70,39.0001249 C69.971,45.196125 69.5119998,47.5501259 65.6149998,47.8161259 C62.0109997,48.0621259 53.9850001,48.0611259 50.3850002,47.8161259 C46.4840002,47.5491259 46.029,45.1851249 46,39.0001249 C46.029,32.8041248 46.4880002,30.4501252 50.3850002,30.1841252 Z M55,35.0001254 L55,43.0001254 L63,38.9931254 L55,35.0001254 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-sns a.blog {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='33.3551835px' height='15.1501098px' viewBox='0 0 33.3551835 15.1501098' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-1186, -753)' fill='%23FFFFFF'%3E%3Cg id='SNS' transform='translate(977, 721)'%3E%3Cpath d='M218.423218,32.0420532 C219.37146,31.9354451 220.239156,32.1968791 221.026306,32.826355 C221.813456,33.4558309 222.264425,34.0911051 222.379211,34.7321777 L222.379211,43.0420532 L219.379211,43.0420532 L219.379211,35.2622681 L218.363586,34.4190063 L218.423218,32.0420532 Z M228.155029,35.4623413 C230.640311,35.4623413 232.655029,37.2532023 232.655029,39.4623413 C232.655029,41.6714803 230.640311,43.4623413 228.155029,43.4623413 C225.669748,43.4623413 223.655029,41.6714803 223.655029,39.4623413 C223.655029,37.2532023 225.669748,35.4623413 228.155029,35.4623413 Z M228.232239,37.9336548 C227.403812,37.9336548 226.732239,38.6052277 226.732239,39.4336548 C226.732239,40.2620819 227.403812,40.9336548 228.232239,40.9336548 C229.060666,40.9336548 229.732239,40.2620819 229.732239,39.4336548 C229.732239,38.6052277 229.060666,37.9336548 228.232239,37.9336548 Z M212,32 L212.00034,36.1972931 C212.597698,35.6548531 213.35372,35.3308105 214.175964,35.3308105 C216.108961,35.3308105 217.675964,37.1216715 217.675964,39.3308105 C217.675964,41.5399495 216.108961,43.3308105 214.175964,43.3308105 C213.35372,43.3308105 212.597698,43.006768 212.00034,42.464328 L212,43 L209,43 L209,32 L212,32 Z M213.390076,37.9761963 C212.561649,37.9761963 211.890076,38.6477692 211.890076,39.4761963 C211.890076,40.3046234 212.561649,40.9761963 213.390076,40.9761963 C214.218503,40.9761963 214.890076,40.3046234 214.890076,39.4761963 C214.890076,38.6477692 214.218503,37.9761963 213.390076,37.9761963 Z M242.353516,35.0230713 L242.354062,36.2258959 C242.354118,36.3549938 242.354172,36.4825752 242.354225,36.6086402 L242.355097,39.0330884 C242.355128,39.1379233 242.355156,39.2412417 242.355184,39.3430436 L242.355184,43.2201918 C242.355156,43.2704348 242.355128,43.3191615 242.355097,43.3663716 L242.354225,44.1348689 C242.354172,44.160849 242.354118,44.1853126 242.354062,44.2082597 L242.353516,44.3738403 C242.349487,45.2255249 241.366071,46.4020593 240.349915,46.8186035 C239.672477,47.0962996 238.62845,47.1995304 237.217834,47.1282959 L237.177368,44.5834351 C238.651286,44.4931437 239.388245,44.0754395 239.388245,43.3303223 C239.388245,43.2788601 239.388189,43.2177435 239.388079,43.1469724 L239.387209,42.7633347 C239.387078,42.7160084 239.386935,42.6665082 239.386779,42.6148341 C238.816075,43.0765297 238.118861,43.3480835 237.36615,43.3480835 C235.433153,43.3480835 233.86615,41.5572225 233.86615,39.3480835 C233.86615,37.1389445 235.433153,35.3480835 237.36615,35.3480835 C238.106666,35.3480835 238.793469,35.6109098 239.359035,36.0593922 C239.356965,35.7446572 239.355313,35.3985904 239.353516,35.0230713 L242.353516,35.0230713 Z M238.232239,37.9336548 C237.403812,37.9336548 236.732239,38.6052277 236.732239,39.4336548 C236.732239,40.2620819 237.403812,40.9336548 238.232239,40.9336548 C239.060666,40.9336548 239.732239,40.2620819 239.732239,39.4336548 C239.732239,38.6052277 239.060666,37.9336548 238.232239,37.9336548 Z' id='Rectangle-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-sns a.facebook:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='24px' viewBox='0 0 12 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-992, -748)' fill='%23D08216' fill-rule='nonzero'%3E%3Cg id='SNS' transform='translate(977, 721)'%3E%3Cg id='iconmonstr-facebook-1' transform='translate(15, 27)'%3E%3Cpath d='M3,8 L0,8 L0,12 L3,12 L3,24 L8,24 L8,12 L11.6420002,12 L12,8 L8,8 L8,6.33300018 C8,5.3780002 8.19199979,5 9.11499977,5 L12,5 L12,0 L8.19200039,0 C4.59600043,0 3,1.58299971 3,4.61499977 L3,8 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-sns a.instagram:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='23.9986944px' height='23.9986944px' viewBox='0 0 23.9986944 23.9986944' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-1055.0013, -748.0013)' fill='%23D08216' fill-rule='nonzero'%3E%3Cg id='SNS' transform='translate(977, 721)'%3E%3Cg id='iconmonstr-facebook-1' transform='translate(15, 27)'%3E%3Cg id='iconmonstr-instagram-11' transform='translate(63.0008, 0.0008)'%3E%3Cpath d='M13.4084137,0.000492407377 C14.775434,0.00362481456 15.4264834,0.0129118511 16.0388283,0.0339943694 L16.2544457,0.0419342212 C16.4706616,0.0503822212 16.6919816,0.0603822212 16.9481816,0.0721822212 C21.3101816,0.272182224 23.7311817,2.6981821 23.9271817,7.0521822 C23.9774484,8.1615155 23.9946665,8.61587994 23.9983644,10.8388106 L23.9989867,11.3842924 C23.99912,11.57732 23.9991822,11.7819156 23.9991822,11.9991822 L23.9991344,12.31572 C23.9991021,12.4181579 23.9990532,12.5175668 23.9989864,12.6140848 L23.9983621,13.1596024 C23.9946489,15.3827334 23.9773156,15.8378489 23.9261823,16.9471822 C23.7291823,21.3091822 21.3011823,23.7271817 16.9471822,23.9271817 C15.8378489,23.9774484 15.3827334,23.9946665 13.1596024,23.9983644 L12.6140848,23.9989867 C12.4210489,23.99912 12.2164489,23.9991822 11.9991822,23.9991822 L11.6826476,23.9991344 C11.5802119,23.9991022 11.4808061,23.9990533 11.3842921,23.9989867 L10.8388083,23.9983644 C9.38534353,23.9959466 8.68792423,23.9877486 8.06892025,23.9683118 L7.63617301,23.952654 C7.45393227,23.9452928 7.26468227,23.9368484 7.05118227,23.9271817 C2.68918228,23.7271817 0.271182222,21.305182 0.0711822192,16.9471822 C0.0228488873,15.8805155 0.0050711107,15.41871 0.000487777738,13.4084091 L0.000492407377,10.5900248 C0.00362481456,9.22316183 0.0129118511,8.57248372 0.0339943694,7.96036033 L0.0419342212,7.74481426 C0.0503822212,7.52866227 0.0603822212,7.30738227 0.0721822212,7.05118227 C0.272182224,2.68918228 2.69418239,0.271182222 7.0521822,0.0711822192 C8.11884884,0.0228488873 8.57995994,0.0050711107 10.5900294,0.000487777738 Z M13.1389632,2.16290292 L10.8594503,2.16290055 C8.6783468,2.16618233 8.24738203,2.18178233 7.15018201,2.23118233 C3.89518189,2.37918233 2.38018217,3.92318225 2.23118216,7.15018225 C2.21788216,7.44558225 2.20697772,7.69269003 2.19807502,7.93866174 L2.19092516,8.15031626 C2.17200416,8.75544825 2.16422572,9.43334401 2.16194898,10.8594501 L2.16190276,13.139261 C2.16519994,15.3209999 2.1809155,15.7518489 2.23118216,16.8481822 C2.37918217,20.0691822 3.89018202,21.6191832 7.15018201,21.7681832 C7.36101534,21.7778499 7.54726535,21.7862388 7.72610333,21.7935073 L7.9382501,21.8017018 C8.57061086,21.8247324 9.19592772,21.8340589 10.6153445,21.8370255 L11.1189934,21.8377889 C11.2082031,21.8378803 11.3001385,21.8379545 11.3949368,21.8380129 L12.6037768,21.8380129 C12.6986251,21.8379545 12.7906065,21.8378803 12.8798585,21.8377889 L13.3837195,21.8370255 C14.8036527,21.8340589 15.4284658,21.8247324 16.060815,21.8017018 L16.2729782,21.7935073 C16.4518486,21.7862388 16.6381819,21.7778499 16.8491819,21.7681832 C20.104182,21.6201832 21.6191825,20.0741825 21.7681825,16.8491826 C21.8156825,15.7950159 21.8319327,15.356127 21.83603,13.3843678 L21.8367898,12.8806146 C21.8368808,12.7913839 21.8369548,12.6994257 21.837013,12.6046025 L21.8370254,11.395937 C21.8369712,11.3011386 21.8369021,11.2092033 21.8368168,11.1199936 L21.8360994,10.6163446 C21.8332994,9.19692789 21.8243793,8.57161103 21.8015632,7.93925027 L21.7934325,7.7271035 C21.7862103,7.54826551 21.7778492,7.3620155 21.7681825,7.15118217 C21.6201825,3.92318225 20.101182,2.38018233 16.8491819,2.23218233 C16.6381819,2.22251566 16.451793,2.21412677 16.2728393,2.20685826 L16.0605645,2.19866374 C16.0254138,2.19738426 15.9902857,2.19614707 15.9550427,2.19495092 L15.7411079,2.1882564 C15.1610785,2.17166381 14.4813038,2.16493196 13.1389632,2.16290292 Z M11.9991822,5.83718204 C15.4021823,5.83718204 18.1611824,8.59618211 18.1611824,11.9991822 C18.1611824,15.4031823 15.4021823,18.1621819 11.9991822,18.1621819 C8.59618211,18.1621819 5.83718204,15.4021823 5.83718204,11.9991822 C5.83718204,8.59618211 8.59618211,5.83718204 11.9991822,5.83718204 Z M11.9991822,7.99918222 C9.79018211,7.99918222 7.99918222,9.79018211 7.99918222,11.9991822 C7.99918222,14.2091823 9.79018211,15.9991822 11.9991822,15.9991822 C14.2081823,15.9991822 15.9991822,14.2091823 15.9991822,11.9991822 C15.9991822,9.79018211 14.2081823,7.99918222 11.9991822,7.99918222 Z M18.4051824,4.15418243 C19.2001824,4.15418243 19.8441825,4.79918247 19.8441825,5.59418249 C19.8441825,6.38918251 19.2001824,7.03418255 18.4051824,7.03418255 C17.6091824,7.03418255 16.9641824,6.38918251 16.9641824,5.59418249 C16.9641824,4.79918247 17.6091824,4.15418243 18.4051824,4.15418243 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-sns a.youtube:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='18.0002511px' viewBox='0 0 24 18.0002511' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-1123, -751)' fill='%23D08216' fill-rule='nonzero'%3E%3Cg id='SNS' transform='translate(977, 721)'%3E%3Cg id='iconmonstr-youtube-6' transform='translate(100, 0)'%3E%3Cpath d='M50.3850002,30.1841252 C53.9840002,29.9391252 62.0109997,29.9381252 65.6149998,30.1841252 C69.5159998,30.4511252 69.971,32.815125 70,39.0001249 C69.971,45.196125 69.5119998,47.5501259 65.6149998,47.8161259 C62.0109997,48.0621259 53.9850001,48.0611259 50.3850002,47.8161259 C46.4840002,47.5491259 46.029,45.1851249 46,39.0001249 C46.029,32.8041248 46.4880002,30.4501252 50.3850002,30.1841252 Z M55,35.0001254 L55,43.0001254 L63,38.9931254 L55,35.0001254 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-sns a.blog:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='33.3551835px' height='15.1501098px' viewBox='0 0 33.3551835 15.1501098' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-1186, -753)' fill='%23D08216'%3E%3Cg id='SNS' transform='translate(977, 721)'%3E%3Cpath d='M218.423218,32.0420532 C219.37146,31.9354451 220.239156,32.1968791 221.026306,32.826355 C221.813456,33.4558309 222.264425,34.0911051 222.379211,34.7321777 L222.379211,43.0420532 L219.379211,43.0420532 L219.379211,35.2622681 L218.363586,34.4190063 L218.423218,32.0420532 Z M228.155029,35.4623413 C230.640311,35.4623413 232.655029,37.2532023 232.655029,39.4623413 C232.655029,41.6714803 230.640311,43.4623413 228.155029,43.4623413 C225.669748,43.4623413 223.655029,41.6714803 223.655029,39.4623413 C223.655029,37.2532023 225.669748,35.4623413 228.155029,35.4623413 Z M228.232239,37.9336548 C227.403812,37.9336548 226.732239,38.6052277 226.732239,39.4336548 C226.732239,40.2620819 227.403812,40.9336548 228.232239,40.9336548 C229.060666,40.9336548 229.732239,40.2620819 229.732239,39.4336548 C229.732239,38.6052277 229.060666,37.9336548 228.232239,37.9336548 Z M212,32 L212.00034,36.1972931 C212.597698,35.6548531 213.35372,35.3308105 214.175964,35.3308105 C216.108961,35.3308105 217.675964,37.1216715 217.675964,39.3308105 C217.675964,41.5399495 216.108961,43.3308105 214.175964,43.3308105 C213.35372,43.3308105 212.597698,43.006768 212.00034,42.464328 L212,43 L209,43 L209,32 L212,32 Z M213.390076,37.9761963 C212.561649,37.9761963 211.890076,38.6477692 211.890076,39.4761963 C211.890076,40.3046234 212.561649,40.9761963 213.390076,40.9761963 C214.218503,40.9761963 214.890076,40.3046234 214.890076,39.4761963 C214.890076,38.6477692 214.218503,37.9761963 213.390076,37.9761963 Z M242.353516,35.0230713 L242.354062,36.2258959 C242.354118,36.3549938 242.354172,36.4825752 242.354225,36.6086402 L242.355097,39.0330884 C242.355128,39.1379233 242.355156,39.2412417 242.355184,39.3430436 L242.355184,43.2201918 C242.355156,43.2704348 242.355128,43.3191615 242.355097,43.3663716 L242.354225,44.1348689 C242.354172,44.160849 242.354118,44.1853126 242.354062,44.2082597 L242.353516,44.3738403 C242.349487,45.2255249 241.366071,46.4020593 240.349915,46.8186035 C239.672477,47.0962996 238.62845,47.1995304 237.217834,47.1282959 L237.177368,44.5834351 C238.651286,44.4931437 239.388245,44.0754395 239.388245,43.3303223 C239.388245,43.2788601 239.388189,43.2177435 239.388079,43.1469724 L239.387209,42.7633347 C239.387078,42.7160084 239.386935,42.6665082 239.386779,42.6148341 C238.816075,43.0765297 238.118861,43.3480835 237.36615,43.3480835 C235.433153,43.3480835 233.86615,41.5572225 233.86615,39.3480835 C233.86615,37.1389445 235.433153,35.3480835 237.36615,35.3480835 C238.106666,35.3480835 238.793469,35.6109098 239.359035,36.0593922 C239.356965,35.7446572 239.355313,35.3985904 239.353516,35.0230713 L242.353516,35.0230713 Z M238.232239,37.9336548 C237.403812,37.9336548 236.732239,38.6052277 236.732239,39.4336548 C236.732239,40.2620819 237.403812,40.9336548 238.232239,40.9336548 C239.060666,40.9336548 239.732239,40.2620819 239.732239,39.4336548 C239.732239,38.6052277 239.060666,37.9336548 238.232239,37.9336548 Z' id='Rectangle-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#nahf-main .main-visual .quick-search-bar .area-search {
    display: flex;
    width: 25%;
    align-items: center;
    justify-content: center;
}

#nahf-main .main-visual .quick-search-bar .area-search fieldset {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

#nahf-main .main-visual .quick-search-bar .area-search input[type^='text'] {
    display: flex;
    width: calc(100% - 52px);
    height: 48px;
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-left: 1.5rem;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

#nahf-main .main-visual .quick-search-bar .area-search input[type^='submit'] {
    display: flex;
    width: 52px;
    height: 48px;
    font-size: 0;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    text-indent: -1000px;
    cursor: pointer;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='19.5454102px' height='19.5090542px' viewBox='0 0 19.5454102 19.5090542' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-1701, -748)' fill='%23333333' fill-rule='nonzero'%3E%3Cg id='search_FILL0_wght200_GRAD0_opsz40' transform='translate(1701, 748)'%3E%3Cpath d='M8.21094608,0 C10.5019224,0 12.4482185,0.796179771 14.0498343,2.38853931 C15.65145,3.98089886 16.4522591,5.92265105 16.4522591,8.21379566 C16.4522591,9.20837122 16.274719,10.1794091 15.9196405,11.1269102 C15.564538,12.0744113 15.3164207,12.4589919 14.6999559,13.1555891 L19.5454102,17.9714355 L18.0366421,19.5090542 L13.1967773,14.6691895 C12.4803694,15.303854 12.0395867,15.5888324 11.0929031,15.9268169 C10.1462196,16.2647774 9.19433081,16.4337578 8.23723698,16.4337578 C5.93503308,16.4337578 3.98660898,15.6380104 2.39196539,14.0465164 C0.797321796,12.4550464 0,10.5133431 0,8.22140503 C0,5.92944312 0.795747161,3.98622417 2.38724113,2.39174891 C3.97871113,0.797249675 5.91994572,0 8.21094608,0 Z M8.23089433,2.21687889 C6.54485738,2.21687889 5.12123239,2.79512477 3.96001887,3.95161664 C2.79882598,5.10810852 2.21822953,6.52985764 2.21822953,8.21686363 C2.21822953,9.90389025 2.79882598,11.3256496 3.96001887,12.4821415 C5.12123239,13.6386334 6.54485738,14.2168789 8.23089433,14.2168789 C9.9142921,14.2168789 11.33567,13.6386334 12.4950278,12.4821415 C13.6543856,11.3256496 14.2340643,9.90389025 14.2340643,8.21686363 C14.2340643,6.52985764 13.6543856,5.10810852 12.4950278,3.95161664 C11.33567,2.79512477 9.9142921,2.21687889 8.23089433,2.21687889 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.menu_area .zoom_box {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 2px;
    font-size: 13px;
    color: #000000;
    min-height: 100%;
    min-width: 120px;
}

.menu_area .zoom_box>span {
    position: relative;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu_area .zoom_box>button {
    position: relative;
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: transparent;
    margin: 0;
    top: 1px;
    left: 0;
    right: 0;
    z-index: 1;
}

.menu_area .zoom_box>button.btn_zoom_in {
    /*background: url(../images/common/ico_plus_w.png) center center;background-repeat: no-repeat;background-size: contain;image-rendering: -webkit-optimize-contrast;transform: translateZ(0);backface-visibility: hidden;*/
}

.menu_area .zoom_box>button.btn_zoom_in:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: url(../images/common/ico_plus_b.png) center center;
    margin: 0 auto;
}

.menu_area .zoom_box>button.btn_zoom_out {
    /*background: url(../images/common/ico_minus_w.png) center center;background-repeat: no-repeat;background-size: contain;image-rendering: -webkit-optimize-contrast;transform: translateZ(0);backface-visibility: hidden;*/
}

.menu_area .zoom_box>button.btn_zoom_out:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: url(../images/common/ico_minus_b.png) center center;
    margin: 0 auto;
}


section {
    display: flex;
    width: 100%;
    position: relative;
    padding-top: 75px;
}

.section-title {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    font-size: 28px;
    color: #333;
}

.section-title strong {
    display: flex;
    height: 36px;
    white-space: nowrap;
    padding-right: 0.5rem;
    border-radius: 16px;
}

.section-title::after {
    content: '';
    display: flex;
    height: 36px;
    width: 100%;
    border-bottom: 1px solid #666666;
}

.nahf-news {
    margin-top: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nahf-news .area-news {
    display: flex;
    width: 45%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nahf-news .area-newsm {
    display: flex;
    width: 65%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.areatitle {
    width: 100%;
    display: flex;
    height: 50px;
    margin-bottom: 0.5rem;
}

.areatitle a {
    display: flex;
    height: 30px;
    padding: 0 0 0 1.5rem;
    background-color: #333;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    line-height: 30px;
    border-radius: 15px;
    box-shadow: 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.areatitle a span {
    font-size: 0;
    display: flex;
    width: 30px;
    height: 30px;
    margin-left: 0.5rem;
    overflow: hidden;
    text-indent: -1000px;
    transition: 0.5s ease;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10px' height='9px' viewBox='0 0 10 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cg id='main' transform='translate(-247, -941)' fill-rule='nonzero' stroke='%23FFFFFF'%3E%3Cg id='�щ떒�뚯떇' transform='translate(158, 932)'%3E%3Cg id='Group-19' transform='translate(2, 0)'%3E%3Cg id='Group-14-Copy' transform='translate(87, 9)'%3E%3Cline x1='0.5' y1='4.5' x2='9.5' y2='4.5' id='Line-4'%3E%3C/line%3E%3Cline x1='5' y1='0' x2='5' y2='9' id='Line-4-Copy-2'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.areatitle a:hover span {
    transform: rotate(180deg);
}

.nahf-news .pic-news {
    display: flex;
    width: 320px;
    height: 280px;
    position: relative;
    border-radius: 12px;
}

.nahf-news .pic-news a {
    display: flex;
    height: auto;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.5s ease;
}

.nahf-news .pic-news a:hover {
    transform: scale(1.05);
    filter: brightness(1.2);
}

.nahf-news .text-news {
    display: flex;
    width: calc(100% - 320px - 20px);
    height: 280px;
    flex-direction: column;
}

.nahf-news .text-news a {
    display: flex;
    width: 100%;
    height: calc(280px / 5);
    flex-direction: column;
    font-size: 16px;
    justify-content: center;
    border-radius: 8px;
    padding-left: 1rem;
    transition: 0.5s ease;
}

.nahf-news .text-news a strong {
    width: 100%;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.nahf-news .text-news a span {
    color: #666666;
    font-size: 13px;
}

.nahf-news .text-news a:hover {
    background-color: #f5f5f5;
}

.nahf-news .text-news a:hover strong {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.nahf-news .text-newsm {
    display: flex;
    width: calc(100% - 320px - 20px);
    height: 280px;
    flex-direction: column;
}

.nahf-news .text-newsm a {
    display: flex;
    width: 100%;
    height: calc(280px / 5);
    flex-direction: column;
    font-size: 16px;
    justify-content: center;
    border-radius: 8px;
    padding-left: 1rem;
    transition: 0.5s ease;
}

.nahf-news .text-newsm a strong {
    width: 100%;
    max-width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.nahf-news .text-newsm a span {
    color: #666666;
    font-size: 13px;
}

.nahf-news .text-newsm a:hover {
    background-color: #f5f5f5;
}

.nahf-news .text-newsm a:hover strong {
    text-decoration: underline;
    text-underline-offset: 2px;
}


.area-notice {
    display: flex;
    width: 25%;
    flex-direction: column;
}

.nahf-news .text-notice {
    display: flex;
    width: calc(100% - 20px);
    height: 280px;
    flex-direction: column;
}

.nahf-news .text-notice a {
    display: flex;
    width: 100%;
    height: calc(280px / 5 - 10px);
    font-size: 16px;
    border-radius: 8px;
    padding-left: 7rem;
    transition: 0.5s ease;
    position: relative;
    flex-direction: column;
    margin: 5px 0;
}

.nahf-news .text-notice a span.notice-category {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 6rem;
    height: 100%;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    font-size: 13px;
    color: #777;
}

.nahf-news .text-notice a strong {
    width: 100%;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    align-items: center;
}

.nahf-news .text-notice a span {
    color: #666666;
    font-size: 13px;
    align-items: center;
}

.nahf-news .text-notice a:hover {
    background-color: #fff;
}

.nahf-news .text-notice a:hover strong {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.area-press {
    display: flex;
    width: 24%;
    flex-direction: column;
}

.nahf-news .text-press {
    display: flex;
    width: calc(100% - 20px);
    height: 280px;
    flex-direction: column;
    position: relative;
    border-radius: 12px;
    margin: 5px 0;
}

.nahf-news .text-press .press-slide a strong {
    width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    align-items: center;
}

.nahf-news .text-press .press-slide a span {
    color: #666666;
    font-size: 13px;
    align-items: center;
}

.nahf-news .text-press a:hover {
    background-color: #fff;
}

.nahf-news .text-press a:hover strong {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.nahf-news .text-press .press-slider {
    width: 100%;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f0f0f0;
}

.nahf-news .text-press .press-slider .press-slides {
    width: 100%;
    height: 100%;
    display: flex;
    transition: transform 0.5s ease-in-out;
    background-color: #ffffff;
    overflow: hidden;
    justify-content: center;
}


.nahf-news .text-press .press-slider .press-slide a img {
    max-width: 100%;
    max-height: 90%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.area-pressm {
    display: flex;
    width: 35%;
    flex-direction: column;
}

.nahf-news .text-pressm {
    display: flex;
    width: calc(100% - 20px);
    height: 280px;
    flex-direction: column;
    position: relative;
    border-radius: 12px;
    margin: 5px 0;
}

.nahf-news .text-pressm a strong {
    width: 100%;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.nahf-news .text-pressm a span {
    color: #666666;
    font-size: 13px;
    align-items: center;
}

.nahf-news .text-pressm a:hover {
    background-color: #fff;
}

.nahf-news .text-pressm a:hover strong {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.nahf-news .text-pressm .press-slider {
    width: 100%;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f0f0f0;
}

.nahf-news .text-pressm .press-slider .press-slides {
    width: 100%;
    height: 100%;
    display: flex;
    transition: transform 0.5s ease-in-out;
    background-color: #ffffff;
    overflow: hidden;
    justify-content: center;
}


.nahf-news .text-pressm .press-slider .press-slide a img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.nahf-contents {
    margin-top: 80px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

.area-movie {
    display: flex;
    width: 65%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.pic-movie {
    display: flex;
    width: 30%;
    flex-direction: column;
}

.pic-movie a {
    display: flex;
    margin-top: 0.5rem;
    flex-direction: column;
    line-height: 1.2rem;
}

.pic-movie a:hover {
    text-decoration: underline;
}

.pic-movie a .movie-title {
    padding-top: 0.5rem;
}

.pic-movie a .movie-thumb {
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
    aspect-ratio: 300 / 189;
}

.pic-movie a .movie-thumb img {
    transition: 0.5s ease;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.pic-movie a:hover .movie-thumb img {
    filter: brightness(1.2);
}

.movie-category {
    display: inline-block;
    align-items: center;
    height: 30px;
}

.movie-category em {
    background-color: #eee;
    white-space: nowrap;
    padding: 0.5rem 0.5rem;
    font-size: 14px;
    border-radius: 8px;
    font-weight: bold;
}


.area-ebook {
    display: flex;
    width: 30%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.pic-ebook {
    display: flex;
    width: 48%;
    flex-direction: column;
}

.pic-ebook a {
    display: flex;
    margin-top: 0.5rem;
    flex-direction: column;
    line-height: 1.2rem;
}

.pic-ebook a .ebook-title {
    padding-top: 0.5rem;
}

.pic-ebook a .ebook-thumb {
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
    aspect-ratio: 230 / 340;
}

.pic-ebook a .ebook-thumb img {
    transition: 0.5s ease;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.pic-ebook a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pic-ebook a:hover .ebook-thumb img {
    filter: brightness(1.2);
}

.ebook-category {
    display: inline-block;
    align-items: center;
    height: 30px;
}

.ebook-category em {
    background-color: #eee;
    white-space: nowrap;
    padding: 0.5rem 0.5rem;
    font-size: 14px;
    border-radius: 8px;
    font-weight: bold;
}


.footer {
    clear: both;
    height: 160px;
    overflow: hidden;
    width: 100%;
    background-color: #f9f9f9;
    margin-top: 2rem;
}





#main-banner {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#main-banner .slide-b-item {
    position: absolute;
    right: 0;
    width: 100%;
    justify-content: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
    opacity: 0;
    transition: 1s ease, border-radius 0s;
    overflow: hidden;
}

#main-banner .slide-b-item a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: 1s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#main-banner .slide-b-item a .sb-backimg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: 1s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#main-banner .slide-b-item a .sb-backimg .txt {
    position: absolute;
    right: 80px;
    bottom: 80px;
    z-index: 1;
    color: #fff;
    opacity: 0.9;
    font-size: 12px;
    line-height: 20px;
}

#main-banner .slide-b-item .sb-backimg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: 1s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#main-banner .slide-b-item .sb-backimg .txt {
    position: absolute;
    right: 80px;
    bottom: 80px;
    z-index: 1;
    color: #fff;
    opacity: 0.9;
    font-size: 12px;
    line-height: 20px;
}

#main-banner::after {
    content: '';
    width: 100%;
    height: 10%;
    left: 0;
    bottom: 0;
    position: absolute;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
    z-index: 2;
}


#main-banner.MB-1>div:nth-child(1),
#main-banner.MB-2>div:nth-child(2),
#main-banner.MB-3>div:nth-child(3),
#main-banner.MB-4>div:nth-child(4),
#main-banner.MB-5>div:nth-child(5),
#main-banner.MB-6>div:nth-child(6),
#main-banner.MB-7>div:nth-child(7),
#main-banner.MB-8>div:nth-child(8),
#main-banner.MB-9>div:nth-child(9) {
    z-index: 2;
    animation: NowMB 1s ease;
    opacity: 1;
}

@keyframes NowMB {
    0% {
        z-index: 1;
        opacity: 0;
    }

    100% {
        z-index: 2;
        opacity: 1;
    }
}

#main-banner.MB-1>div:nth-child(1) .sb-backimg,
#main-banner.MB-2>div:nth-child(2) .sb-backimg,
#main-banner.MB-3>div:nth-child(3) .sb-backimg,
#main-banner.MB-4>div:nth-child(4) .sb-backimg,
#main-banner.MB-5>div:nth-child(5) .sb-backimg,
#main-banner.MB-6>div:nth-child(6) .sb-backimg,
#main-banner.MB-7>div:nth-child(7) .sb-backimg,
#main-banner.MB-8>div:nth-child(8) .sb-backimg,
#main-banner.MB-9>div:nth-child(9) .sb-backimg {
    background-position: 50% 0%;
}

#main-banner.old-1>div:nth-child(1) .sb-backimg,
#main-banner.old-2>div:nth-child(2) .sb-backimg,
#main-banner.old-3>div:nth-child(3) .sb-backimg,
#main-banner.old-4>div:nth-child(4) .sb-backimg,
#main-banner.old-5>div:nth-child(5) .sb-backimg,
#main-banner.old-6>div:nth-child(6) .sb-backimg,
#main-banner.old-7>div:nth-child(7) .sb-backimg,
#main-banner.old-8>div:nth-child(8) .sb-backimg,
#main-banner.old-9>div:nth-child(9) .sb-backimg {
    background-position: 50% 0%;
}

#main-banner.old-1>div:nth-child(1) .sb-title,
#main-banner.old-2>div:nth-child(2) .sb-title,
#main-banner.old-3>div:nth-child(3) .sb-title,
#main-banner.old-4>div:nth-child(4) .sb-title,
#main-banner.old-5>div:nth-child(5) .sb-title,
#main-banner.old-6>div:nth-child(6) .sb-title,
#main-banner.old-7>div:nth-child(7) .sb-title,
#main-banner.old-8>div:nth-child(8) .sb-title,
#main-banner.old-9>div:nth-child(9) .sb-title {
    opacity: 0;
}

#main-banner.old-1>div:nth-child(1),
#main-banner.old-2>div:nth-child(2),
#main-banner.old-3>div:nth-child(3),
#main-banner.old-4>div:nth-child(4),
#main-banner.old-5>div:nth-child(5),
#main-banner.old-6>div:nth-child(6),
#main-banner.old-7>div:nth-child(7),
#main-banner.old-8>div:nth-child(8),
#main-banner.old-9>div:nth-child(9) {
    animation: OldMB 1s ease;
    z-index: 1;
    opacity: 0;
}

@keyframes OldMB {
    0% {
        z-index: 1;
        opacity: 1;
    }

    100% {
        z-index: 1;
        opacity: 0;
    }
}



#main-banner .slide-b-nav {
    position: absolute;
    left: 50%;
    bottom: 90px;
    transform: translateX(-50%);
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: 30px;
    padding: 5px;
}

#main-banner .slide-b-nav a {
    display: flex;
    width: 40px;
    height: 40px;
    font-size: 0;
    transition: 0.5s ease;
    border-radius: 20px;
    overflow: hidden;
    text-indent: -1000px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9.35999966px' height='18px' viewBox='0 0 9.35999966 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='main' transform='translate(-871, -631)' fill-rule='nonzero' stroke='%23FFFFFF'%3E%3Cg id='Group-15' transform='translate(871, 621)'%3E%3Cg id='Group-11-Copy' transform='translate(4.68, 19) scale(-1, 1) translate(-4.68, -19)translate(0, 10)'%3E%3Cline x1='0.360000014' y1='0.360000014' x2='9' y2='9' id='Line-3'%3E%3C/line%3E%3Cline x1='0.360000014' y1='17.6400003' x2='9' y2='9.00000036' id='Line-3-Copy'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#main-banner .slide-b-nav a.next {
    transform: rotate(180deg);
}

#main-banner .slide-b-nav span.nav-num {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0.5rem;
}

#main-banner .slide-b-nav span.nav-num * {
    padding: 0.5rem;
}

#main-banner .slide-b-nav span.nav-num strong {
    color: rgba(255, 255, 255, 1)
}

#main-banner .slide-b-nav a#control {
    border-radius: 50%;
    border: 0.5px solid #fff;
    margin-left: 0.5rem;
    width: 40px;
    height: 40px;
}

#main-banner .slide-b-nav a#control.play {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10px' height='13px' viewBox='0 0 10 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-1026, -633)' fill='%23FFFFFF'%3E%3Cg id='Group-15' transform='translate(871, 621)'%3E%3Cg id='Group' transform='translate(155, 12)'%3E%3Crect id='Rectangle' x='0' y='0' width='3' height='13' rx='1.5'%3E%3C/rect%3E%3Crect id='Rectangle-Copy' x='7' y='0' width='3' height='13' rx='1.5'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#main-banner .slide-b-nav a#control.pause {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='11.1103809px' height='14.2643659px' viewBox='0 0 11.1103809 14.2643659' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='nahf_v0.4' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='main' transform='translate(-1027.88, -631.8679)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='Group-15' transform='translate(871, 621)'%3E%3Cpath d='M164.232055,13.6541591 L169.864171,21.7644063 C170.336702,22.4448514 170.168155,23.3795236 169.48771,23.8520549 C169.236498,24.0265077 168.937961,24.12 168.632116,24.12 L157.367884,24.12 C156.539457,24.12 155.867884,23.4484271 155.867884,22.62 C155.867884,22.314155 155.961376,22.0156182 156.135829,21.7644063 L161.767945,13.6541591 C162.240476,12.973714 163.175149,12.8051665 163.855594,13.2776979 C164.002525,13.3797333 164.13002,13.5072282 164.232055,13.6541591 Z' id='Triangle' transform='translate(163, 18) scale(-1, -1) rotate(-90) translate(-163, -18)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#main-banner .slide-b-nav a#control:hover,
#main-banner .slide-b-nav a.next:hover,
#main-banner .slide-b-nav a.prev:hover {
    background-color: rgba(11, 11, 11, 0.5);
}

#main-banner .slide-b-nav:hover {
    backdrop-filter: blur(20px) brightness(0.6);
}

#main-banner .sb-title {
    display: flex;
    width: 100%;
    max-width: 1600px;
    justify-content: center;
    margin: 0 auto;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    position: relative;
    z-index: 3;
    flex-direction: column;
    text-shadow: 0 1px 7px rgba(0, 0, 0, 0.50);
    transition: 1s ease;
    ;
}

#main-banner .sb-title em {
    display: flex;
    white-space: nowrap;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 3px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
    margin-top: -50px;
}

#main-banner .sb-title strong {
    font-size: 0px;
    display: flex;
    white-space: nowrap;
    background: url('/images/main/visual_tit_w.png') no-repeat 0 0 / auto 100%;
    text-indent: -1000px;
    height: 54px;
}

#main-banner .sb-titlem {
    display: flex;
    width: 100%;
    max-width: 1600px;
    justify-content: center;
    margin: 0 auto;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    position: relative;
    z-index: 3;
    flex-direction: column;
    text-shadow: 0 1px 7px rgba(0, 0, 0, 0.50);
    transition: 1s ease;
    ;
}

#main-banner .sb-titlem em {
    display: flex;
    white-space: nowrap;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 3px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
    padding: 0 1.0rem;
}

#main-banner .sb-titlem strong {
    display: flex;
    white-space: nowrap;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 3px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
    font-family: 'Noto Serif KR';
    padding: 0 1.0rem;
}

#main-banner i.timeline {
    width: 0;
    height: 3px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 3;
    background-color: transparent;
}

#main-banner.MB-1>div:nth-child(1) .timeline,
#main-banner.MB-2>div:nth-child(2) .timeline,
#main-banner.MB-3>div:nth-child(3) .timeline,
#main-banner.MB-4>div:nth-child(4) .timeline,
#main-banner.MB-5>div:nth-child(5) .timeline,
#main-banner.MB-6>div:nth-child(6) .timeline,
#main-banner.MB-7>div:nth-child(7) .timeline,
#main-banner.MB-8>div:nth-child(8) .timeline,
#main-banner.MB-9>div:nth-child(9) .timeline {
    animation: MB-timeline 10s linear;
    width: 100%;
}

.main-visual.paused #main-banner.MB-1>div:nth-child(1) .timeline,
.main-visual.paused #main-banner.MB-2>div:nth-child(2) .timeline,
.main-visual.paused #main-banner.MB-3>div:nth-child(3) .timeline,
.main-visual.paused #main-banner.MB-4>div:nth-child(4) .timeline,
.main-visual.paused #main-banner.MB-5>div:nth-child(5) .timeline,
.main-visual.paused #main-banner.MB-6>div:nth-child(6) .timeline,
.main-visual.paused #main-banner.MB-7>div:nth-child(7) .timeline,
.main-visual.paused #main-banner.MB-8>div:nth-child(8) .timeline,
.main-visual.paused #main-banner.MB-9>div:nth-child(9) .timeline {
    animation-play-state: paused;
}

.main-visual.playing #main-banner.MB-1>div:nth-child(1) .timeline,
.main-visual.playing #main-banner.MB-2>div:nth-child(2) .timeline,
.main-visual.playing #main-banner.MB-3>div:nth-child(3) .timeline,
.main-visual.playing #main-banner.MB-4>div:nth-child(4) .timeline,
.main-visual.playing #main-banner.MB-5>div:nth-child(5) .timeline,
.main-visual.playing #main-banner.MB-6>div:nth-child(6) .timeline,
.main-visual.playing #main-banner.MB-7>div:nth-child(7) .timeline,
.main-visual.playing #main-banner.MB-8>div:nth-child(8) .timeline,
.main-visual.playing #main-banner.MB-9>div:nth-child(9) .timeline {
    animation-play-state: running;
}

@keyframes MB-timeline {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.foo_copy {
    background-color: #F9F9F9;
}

.foo_link {
    background-color: #eee;
}

.foo_info {
    padding-left: 200px;
    background: #F9F9F9 url(../images/footer-logo.png) no-repeat left center / 160px auto;
}

.footer_area .foo_link:before,
.footer_area .foo_copy:before {
    border: 0;
}

.footer_area .foo_copy .foo_logo {
    mix-blend-mode: multiply;
}

.footer_area .foo_list>li+li>a:before {
    opacity: 0;
}

.select_wrap>a.btn_sel:after {
    right: 5px;
}

.select_wrap>a.btn_sel {
    border-radius: 22px;
    border: 0;
    padding-left: 15px;
}

@media (min-width: 1200px) {
    .gnb_area .menu_area {
        position: static;
    }

    .gnb_area .gnb_box {
        padding-right: 0;
        padding-left: 30%;
    }

    .gnb_area .menu_area>li {
        border: 0;
    }

    .gnb_area .menu_area>li:hover {
        background-color: #f5f5f5;
    }


}


@media (min-width: 2200px) {
    #main-banner .slide-b-item .sb-backimg {
        background-size: cover;
    }

}

@media (max-width: 1600px) {
    .cont-holder {
        padding: 0 2rem;
    }

    #main-banner .sb-title {
        padding-left: 2rem;
    }

    .container {
        padding: 0 2rem;
    }

    .gnb_area .gnb_box {
        padding-left: 10%;
    }

    .nahf-news .pic-news {
        width: 40%;
    }

    .nahf-news .text-news {
        width: calc(60% - 20px);
    }

    .mobmenu_open .gnb_area .gnb_box {
        padding-left: 0;
    }

    .gnb_area .logo_box {
        margin-left: 2rem;
    }
}

@media (max-width: 1200px) {
    #nahf-main .main-visual {
        margin-top: 60px;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink::after {
        display: none;
    }

    .gnb_area .logo_box {
        margin: 0;
    }

    .cont-holder {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink {
        width: 75%;
    }

    #nahf-main .main-visual .quick-search-bar {
        height: 150px;
    }

    #main-banner .sb-title {
        margin-top: -80px;
    }

    #main-banner .slide-b-nav {
        bottom: 150px;
    }

    #nahf-main .main-visual .quick-search-bar .area-search {
        width: 60%;
        margin-top: -1.5rem;
    }

    #nahf-main .main-visual .quick-search-bar .area-sns {
        height: 80px;
        margin-top: 1rem;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink {
        height: 80px;
        margin-top: 1rem;
    }

    .foo_info {
        background: none;
        padding-left: 0;
    }

    .foo_link,
    .foo_copy {
        padding: 0 2rem;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink>a {
        width: 25%;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink span {
        width: 25%;
        margin-top: -1rem;
        height: 80px;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink span.ex {
        width: 25%;
        margin-top: 1rem;
        height: 80px;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink span a {
        width: 100%;
        height: 80px;
        min-height: auto;
    }

}


@media (max-width: 1023px) {

    .nahf-news .area-news {
        width: 100%;
        margin-bottom: 3rem;
    }

    .nahf-news .area-newsm {
        width: 100%;
        margin-bottom: 3rem;
    }

    .area-notice,
    .area-press {
        width: 50%;
    }

    .area-pressm {
        width: 100%;
    }

    .nahf-news .pic-news {
        width: 35%;
    }

    .nahf-news .text-news {
        width: calc(65% - 20px);
    }

    #nahf-main .main-visual .quick-search-bar .area-search {
        width: 60%;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink {
        width: 100%;
    }

    #nahf-main .main-visual {
        height: 800px;
    }

    #main-banner .sb-title {
        margin-top: -5rem;
    }

    #main-banner .slide-b-nav {
        bottom: 160px;
    }

    #nahf-main .main-visual .quick-search-bar .area-sns {
        margin-top: -1rem;
    }

    #nahf-main .main-visual .quick-search-bar {
        height: 160px;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink {
        width: 100%;
    }

    #nahf-main .main-visual .quick-search-bar .area-search {
        width: 40%;
    }

    #nahf-main .main-visual .quick-search-bar .area-sns {
        width: 40%;
    }

    #backimg {
        background-image: url('<%=dimage %>');
    }
}

@media (max-width: 768px) {
    #nahf-main .main-visual {
        height: 400px;
    }

    #nahf-main .main-visual .quick-search-bar .area-sns {
        margin-top: -1.5rem;
    }

    #nahf-main .main-visual .quick-search-bar {
        position: relative;
        /* 기본적인 위치 조정을 위해 relative로 설정 */
        margin-top: -20px;
        /* 이미지와의 간격을 확보 */
        top: 100%;
        /* 이미지 아래로 이동 */
        transform: translateY(10px);
        /* 약간의 여백을 추가 */
        height: auto;
        width: 100%;
        left: 0%;
        background-color: #222222;
    }

    #backimg {
        background-image: url('<%=mimage %>');
    }

    #main-banner .sb-title em {
        margin-top: 0px;
    }

    #main-banner .sb-title strong {
        margin-top: 0px;
    }

    .cont-holder {
        padding: 0 0.75rem;
    }

    .footer_area {
        margin-top: -200px;
    }

    #nahf-main .container {
        padding: 0 1rem;
        margin: 200px auto;
    }

    #main-banner .slide-b-nav {
        bottom: 20px;
    }

    #nahf-main .main-visual .quick-search-bar {
        height: 200px;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink {
        width: 100%;
        margin-top: 0.5rem;
    }

    #nahf-main .main-visual .quick-search-bar .area-search {
        width: 90%;
    }

    #nahf-main .main-visual .quick-search-bar .area-sns {
        width: 100%;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink a {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 12px !important;
        font-weight: normal !important;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink a br {
        display: none;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink a i {
        margin-right: 0;
        margin-bottom: 0.25rem;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink a:hover i {
        margin-right: 0px;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink span {
        margin-top: -0.5rem;
    }

    #nahf-main .main-visual .quick-search-bar .area-quicklink .dokdo {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 12px !important;
        font-weight: normal !important;
    }

    .area-movie,
    .area-ebook {
        width: 100%;
    }

    .nahf-news .area-news {
        flex-direction: column;
    }

    .nahf-news .pic-news,
    .nahf-news .text-news {
        width: 100%;
    }

    .nahf-news .text-news {
        margin-top: 1rem;
    }

    .nahf-news .text-news a {
        padding-left: 0;
        padding-bottom: 0.5rem;
        margin-top: 0.5rem;
        border-bottom: 1px solid #eee;
    }

    .nahf-news .area-newsm {
        flex-direction: column;
    }

    .nahf-news .pic-news,
    .nahf-news .text-newsm {
        width: 100%;
    }

    .nahf-news .text-newsm {
        margin-top: 1rem;
    }

    .nahf-news .text-newsm a {
        padding-left: 0;
        padding-bottom: 0.5rem;
        margin-top: 0.5rem;
        border-bottom: 1px solid #eee;
    }

    .area-notice,
    .area-press {
        width: 100%;
    }

    .area-pressm {
        width: 100%;
    }

    .nahf-news .area-news {
        margin-bottom: 0;
    }

    .area-notice {
        position: relative;
        margin-top: 4rem;
        margin-bottom: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pic-movie {
        width: 100%;
        margin-bottom: 2rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid #eee;
    }

    #main-banner .sb-title em {
        font-size: 20px;
    }

    #main-banner .sb-title strong {
        font-size: 0px;
        height: 44px;
    }

    .nahf-news .text-news a strong,
    .nahf-news .text-newsm a strong,
    .nahf-news .text-notice a strong,
    .pic-movie a .movie-title,
    .pic-ebook a .ebook-title {
        font-size: 18px;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: keep-all;
        max-width: none;
    }

}

/* sub page */
h4.pagetitle {
    line-height: 1.6em;
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 2rem;
    letter-spacing: -0.4px;
}

ul.pagelist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0;
}

ul.pagelist li {
    display: flex;
    width: 40%;
    flex-direction: column;
    margin-right: 10%;
    margin-bottom: 2rem;
}

ul.pagelist li>* {
    display: flex;
}

ul.pagelist li div.pic {
    border-radius: 12px;
    overflow: hidden;
}

ul.pagelist li .pic img {
    display: block;
    width: 100%;
    aspect-ratio: 5 / 2;
}

ul.pagelist li dl {
    margin: 1rem 0;
    flex-direction: column;
}

ul.pagelist li dl dt {
    font-size: 17px;
    font-weight: 400;
    padding-left: 20px;
    position: relative;
    letter-spacing: 0;
}

ul.pagelist li dl dt::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 14px;
    height: 14px;
    border: 4px solid #d08216;
    box-sizing: border-box;
    border-radius: 100%;
}

ul.pagelist li dl dd {
    font-size: 16px;
    font-weight: 300;
    padding-left: 1rem;
    text-indent: 0;
}

ul.pagelist li div.btn {
    justify-content: flex-end;
}

@media (max-width: 1400px) {
    ul.pagelist li {
        width: 48%;
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    ul.pagelist {
        flex-direction: column;
    }

    ul.pagelist li {
        width: 100%;
        margin-right: 0;
    }
}


/* foot banner */
.bannerSwiper .swiper-wrapper {
    display: flex;
}

.bannerSwiper .swiper-slide>a {
    border: 0;
    background: transparent;
}

.bannerSwiper .swiper-slide {
    min-width: 124px;
}

@media (max-width: 1199px) {
    .bannerSwiper .swiper-slide {
        min-width: 98px;
    }

    .banner_area .bannerSwiper {
        border: 0;
    }
}

.area-press {
    position: relative;
}

.press-nav {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.press-nav>* {
    display: flex;
    height: 30px;
    margin: 0 2px;
    font-size: 0;
}

.press-nav .press-nav-prev,
.press-nav .press-nav-next {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8.77778208px' height='15.0000086px' viewBox='0 0 8.77778208 15.0000086' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Artboard' transform='translate(-790.5, -238.5)' stroke='%23333333'%3E%3Cpolyline id='Line-Copy-2' points='798.777778 239 791 246 798.777778 253'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.press-nav .press-nav-next {
    transform: rotate(180deg);
}

.press-nav .press-num {
    font-size: 14px;
    align-items: center;
}

.press-nav .press-btn {
    background-color: transparent;
    border: 1px solid #333;
    border-radius: 15px;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='7.33339219px' height='10.0000589px' viewBox='0 0 7.33339219 10.0000589' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-889, -241)' fill='%23333333'%3E%3Cpath d='M893.8,243.066667 L897.8,248.4 C898.131371,248.841828 898.041828,249.468629 897.6,249.8 C897.426904,249.929822 897.21637,250 897,250 L889,250 C888.447715,250 888,249.552285 888,249 C888,248.78363 888.070178,248.573096 888.2,248.4 L892.2,243.066667 C892.531371,242.624839 893.158172,242.535296 893.6,242.866667 C893.675806,242.923521 893.743146,242.990861 893.8,243.066667 Z' id='Triangle' transform='translate(893, 246) rotate(90) translate(-893, -246)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.press-nav .press-btn.is-playing {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8px' height='12px' viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-924, -240)' fill='%23333333'%3E%3Cg id='Group' transform='translate(924, 240)'%3E%3Crect id='Rectangle-Copy-2' x='0' y='0' width='2' height='12' rx='1'%3E%3C/rect%3E%3Crect id='Rectangle-Copy-3' x='6' y='0' width='2' height='12' rx='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.press-nav a:hover {
    background-color: #eee;
}

@media (max-width:1440px) {
    #nahf-main .main-visual {
        height: 540px;
    }
}

@media (max-width:1200px) {
    #nahf-main .main-visual .quick-search-bar {
        position: relative;
        margin-top: -20px;
        top: 100%;
        transform: translateY(10px);
        height: 200px;
        width: 100%;
        left: 0%;
        background-color: #222222;
    }
        #main-banner .slide-b-nav {
        bottom: 20px;
    }
}

@media (max-width: 1023px) {
    #main-banner .slide-b-nav {
        bottom: 20px;
    }
}

@media (max-width: 768px) {
    #nahf-main .main-visual {
        height: 280px;
    }
}

@media (max-width: 425px) {
    #nahf-main .main-visual {
        height: 180px;
    }    
    #main-banner .slide-b-nav {
        height: 30px;
        bottom: 15px;
    }
    #main-banner .slide-b-nav a {
        width: 20px;
        height: 20px;
        background-size: 30%;
    }
    #main-banner .slide-b-nav a#control {
        width: 20px;
        height: 20px;
    }
}