@charset "utf-8";
@font-face {
    font-family: 'Hambak';
    font-weight: normal;
    src: url('/humanframe/global/assets/css/font/SFHambackTTF.ttf') format('truetype');
}

.bgYellow {background-color: #fff2b3 !important;}

/* #header {background-image: url('/resource/holiday/img/2024Chuseok/top_image_visual_2024_chuseok.png'), linear-gradient(to right, #0a200f 20%, #0a200f 20%);} */
#header {background-image: none; background-color: #0a200f;}
#header>.header_wrap>.headerTop {max-width: none; position: relative; padding: 0 15px; box-sizing: border-box;}
#header .headerTop::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/resource/holiday/img/2024Chuseok/top_image_visual_2024_chuseok.png') top center no-repeat; background-size: cover;}
#header .headerTop .headerInner {width: 1270px; height: 100%; margin: 0 auto; padding-top: 3em;}
#header .logo_icon {right: auto; background: url(/resource/holiday/img/2024Chuseok/busan_logo.png) no-repeat;}
#header .mainTit {font-family: 'Hambak'; font-size: 55px; color: #fff; text-align: left; line-height: 1.2; word-break: keep-all;}
#header.scroll .headerBody {background-image: linear-gradient(to right, #0a200f 20%, #0a200f 20%);}
#header .headerMenu {max-width: none;}
#header .headerMenu>li>a {padding: 40px 0; width: 100%; height: 100%; border-radius: 0; width: auto; margin: auto;}
#header .headerMenu>li>a::before {display: none;}
#header .headerMenu>li:after {height: 26px; background: rgba(255,255,255,0.2);}
#header .headerMenu>li>a > span {position: relative; top: 0; display: inline-block; padding-left: 38px; box-sizing: border-box;}
#header .headerMenu>li>a>span::before {content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 24px; background-position: center center; background-repeat: no-repeat; background-size: 100%;}
#header .headerMenu > li:nth-of-type(1) > a > span:before {top: 1px; background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_01.png);}
#header .headerMenu > li:nth-of-type(2) > a > span:before {background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_02.png);}
#header .headerMenu > li:nth-of-type(3) > a > span:before {top: 2px; background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_03.png);}
#header .headerMenu > li:nth-of-type(4) > a > span:before {background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_04.png);}
#header .headerMenu > li:nth-of-type(5) > a > span:before {top: -1px; background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_05.png);}
#header .headerMenu > li:nth-of-type(1) > a:hover>span:before,
#header .headerMenu > li:nth-of-type(1).active > a > span:before {background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_01_hover.png);}
#header .headerMenu > li:nth-of-type(2) > a:hover>span:before,
#header .headerMenu > li:nth-of-type(2).active > a > span:before {background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_02_hover.png);}
#header .headerMenu > li:nth-of-type(3) > a:hover>span:before,
#header .headerMenu > li:nth-of-type(3).active > a > span:before {background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_03_hover.png);}
#header .headerMenu > li:nth-of-type(4) > a:hover>span:before,
#header .headerMenu > li:nth-of-type(4).active > a > span:before {background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_04_hover.png);}
#header .headerMenu > li:nth-of-type(5) > a:hover>span:before,
#header .headerMenu > li:nth-of-type(5).active > a > span:before {background-image:url(/resource/holiday/img/2024Chuseok/holiday_icon_05_hover.png);}
#header .headerMenu > li > a:hover, #header .headerMenu > li.active > a {color: #146900;}

.headerbxWrap {align-items: normal;}
.visual_txt {display: none;}
.leftBx {position: relative;}
.leftBx::before {content: ''; position: absolute; bottom: 0; right: 0; background: url('/resource/holiday/img/2024Chuseok/quick_tit_before.png') no-repeat; width: 103px; height: 40px; background-size: 100%;}
.leftBx>.leftBx_txtBx>.topTxt {font-size: 23px;}
.leftBx>.leftBx_txtBx>.botTxt {margin-top: 6px; font-weight: 400; font-size: 22px;}
.leftBx,
#header .headerBody {height: auto; background: #0a200f;}
#header .headerBody {max-width: none; padding: 0 15px; box-sizing: border-box;}
.h4Bl:before {background: url(/resource/holiday/img/2024Chuseok/ico_bullet.png) no-repeat center center;}

@media screen and (max-width: 1270px) {
    #header .headerTop .headerInner {width: 100%;}
}

@media screen and (max-width: 940px) {
    #header {padding: 0;}
    #header .headerBody {padding: 0;}
}

@media screen and (max-width: 768px) {
    #header .headerTop::before {background-image: url('/resource/holiday/img/2024Chuseok/top_image_visual_2024_chuseok_mo.png'), linear-gradient(to right, #0a200f 20%, #0a200f 20%)}
    #header .logo_icon {width: 114px;}
    #header .headerMenu>li>a {padding: 15px 0;}
    #header .headerMenu>li>a > span {padding-left: 0; padding-top: 25px;}
    #header .headerMenu>li>a>span::before {width: 25px; left: -4px;}
    #header .headerMenu>li:nth-of-type(1)>a>span:before,
    #header .headerMenu > li:nth-of-type(3) > a > span:before {left: -2px;}
    #header .mainTit {font-size: 42px;}
}

@media screen and (max-width: 480px) {
    #header>.header_wrap>.headerTop {height: 200px;}
    #header .mainTit {font-size: 28px;}
}