/* layout */
.cont_wr {    
    width: 100%;
    max-width: 192rem;
    margin: 0 auto;
    padding: 0 8rem;
}
.full_wr {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
/* header */
#header {
    /* transition: all .5s ease-in-out; */
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: rgba(0,0,0,0);
    min-width: 1260px;
}

#header .ham_btn {
    width: 18px;
    height: 12px;
    position: relative;
    cursor: pointer;
    margin-left: 2rem
}

#header .ham_btn .open_btn span {
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute
}

#header .ham_btn .open_btn span:first-child {
    top: 0
}

#header .ham_btn .open_btn span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%)
}

#header .ham_btn .open_btn span:last-child {
    bottom: 0
}

#header .ham_btn img {
    display: none
}

#header .ham_btn.btn_ham_close .open_btn {
    display: none
}

#header .ham_btn.btn_ham_close img {
    display: block
}

/* @media(max-width: 1280px) {
    #header.on {
        transform:none !important;
        background-color: rgba(0,0,0,0) !important;
        transition: none !important;
        position: fixed !important;
        top: 0 !important
    }
} */

#header.on .sh .sh_white {
    display: none !important
}

#header.on .sh .sh_black {
    display: block !important
}

#header.on .logo {
    display: none
}

#header.on .hd_select_wrap {
    display: block !important
}

#header.on .hd_select_wrap.down .drop::after {
    background: url(/img/front/icon/icon_fmsite_btm_bk.png) no-repeat 90% center !important;
    background-size: contain !important
}

#header:hover .hd_wrap .mid ul li a {
    color: #000
}

#header.hov {
    background-color: #fff
}

#header.hov .sh .sh_white {
    display: none !important
}

#header.hov .sh .sh_black {
    display: block !important
}

#header.hov .searchBtn.on .sh_black {
    display: none !important
}

#header.hov .hd_wrap .logo a {
    color: #000
}

#header.hov .hd_wrap .mid ul li.depth1 a {
    color: #000
}

#header.hov .hd_wrap .hd_select_wrap {
    border-color: #161616
}

#header.hov .hd_wrap .hd_select_wrap .hd_select_lang {
    color: #161616
}

#header.hov .hd_wrap .hd_select_wrap .hd_select_lang::after {
    background: url(/img/front/icon/drop_down_black.png) no-repeat 90% center
}

#header.hov .hd_wrap .hd_select_wrap ul.down li a {
    color: #161616
}

#header.hov .hd_wrap .hd_select_wrap.down .hd_select_lang {
    color: #161616
}

#header.hov .hd_wrap .hd_select_wrap.down .hd_select_lang::after {
    background: url(/img/front/icon/drop_down_black.png) no-repeat 90% center
}

#header.active {
    background-color: #fff;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    transition: none
}

#header.active.downheader {
    transform: translateY(0);
    transition: transform .5s ease-in-out
}

#header.active .hd_wrap .logo a {
    color: #000
}

#header.active .hd_wrap .logo img.wh {
    display: none
}

#header.active .hd_wrap .logo img.bk {
    display: block
}

#header.active .hd_wrap .mid ul li.depth1 a {
    color: #000
}

#header.active .hd_wrap .right .sh .sh_white {
    display: none
}

#header.active .hd_wrap .right .sh .sh_black {
    display: block
}

#header.active .hd_wrap .hd_select_wrap {
    border-color: #161616
}

#header.active .hd_wrap .hd_select_wrap .hd_select_lang {
    color: #161616
}

#header.active .hd_wrap .hd_select_wrap .hd_select_lang::after {
    background: url(/img/front/icon/drop_down_black.png) no-repeat 90% center
}

#header.active .hd_wrap .hd_select_wrap ul.down li a {
    color: #161616
}

#header.active .hd_wrap .hd_select_wrap.down .hd_select_lang {
    color: #161616
}

#header.active .hd_wrap .hd_select_wrap.down .hd_select_lang::after {
    background: url(/img/front/icon/icon_fmsite_btm_bk.png) no-repeat 90% center
}

#header.active .hd_wrap .family_wrap.select_shadow.active .select_drop li a {
    color: #000
}

#header.active .ham_btn .open_btn span {
    background: #000
}

#header .hd_wrap {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 8rem;
}

@media(max-width: 1280px) {
    #header .hd_wrap {
        padding:0 2rem;
    }
}

#header .hd_wrap .mid {
    height: 100%
}

#header .hd_wrap .mid ul {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

#header .hd_wrap .mid ul li.depth1 {
    padding-right: clamp(1.2rem,4.5vw, 8.6rem);
    display: flex;
    align-items: center;
    transition: all .5s ease-in-out;
}

#header .hd_wrap .mid ul li.depth1:last-child {
    padding-right: 0
}

#header .hd_wrap .mid ul li.depth1 a {
    color: #fff;
    font-weight: bold;
    font-size: var(--fz17);
}

#header .hd_wrap .mid ul li.depth1 ul.depth2 {
    position: absolute;
    width: auto;
    display: block;
    top: 100%;
    transition: all .5s ease-in-out;
    transition-property: opacity;
    transition-duration: .3s;
    height: fit-content;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    margin-top: 3rem;
}

#header .hd_wrap .mid ul li.depth1 ul.depth2 li {
    margin: 0 7rem 2.5rem 0
}

#header .hd_wrap .mid ul li.depth1 ul.depth2 li a {
   font-size: var(--fz17);
   font-weight: 500;
   color: rgba(0, 0, 0, 0.9);
}
#header .hd_wrap .mid ul li.depth1 ul.depth2 .depth3_tit {  
    color: rgba(0, 0, 0, 0.9);
    font-weight: 500;
    font-size: var(--fz17);
    border-bottom: 1px solid rgba(0,0,0,.1);
    width: 15.8rem;
    padding-bottom: .4rem;
    margin-bottom: 1.2rem;
    cursor: pointer;
    position: relative;
}
#header .hd_wrap .mid ul li.depth1 ul.depth2 .depth3_tit::before {
    position: absolute;
    right: 0;
    top: .7rem;
    content: '';
    background: url(/img/front/main/gnb_dw.png) no-repeat right center;
    background-size: contain;
    width: 9px;
    height: 5px;
    transition: 0.3s;
}
#header .hd_wrap .mid ul li.depth1 ul.depth2 .depth3_tit.on::before {  
    transform: rotate(-180deg);  
}
#header .hd_wrap .mid ul li.depth1 ul.depth2 .depth3 {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    height: 0;
    overflow: hidden;
}
#header .hd_wrap .mid ul li.depth1 ul.depth2 .depth3.on {
    height: auto;
}
#header .hd_wrap .mid ul li.depth1 ul.depth2 .depth3 a {
    font-size: var(--fz15);
    font-weight: 300;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 1.5rem;
}

#header .hd_wrap .mid:hover ul li.depth1 {
    /* padding-right: 17.8rem; */
    padding-right: 13.6rem;
}

#header .hd_wrap .mid:hover ul li.depth1:last-child {
    padding-right: 0
}

#header .hd_wrap .mid:hover ul li.depth1 ul.depth2 {
    opacity: 1;
    visibility: visible;
    z-index: 9
}

#header .hd_wrap .mid:hover ul li.depth1 ul.depth2 li:hover a {
    font-weight: bold
}

#header .hd_wrap .mid:hover .pan {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

#header .logo {
    margin-right: auto;
}

#header .logo img {
    width: 13.6rem;
}

#header .right {
    margin-left: auto;
    background: rgba(0,0,0,0);
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#header .right .sh {
    margin-right: 3.4rem;
}

#header .right .sh .sh_white {
    display: block
}

#header .right .sh .sh_black {
    display: none
}

#header .hd_wrap .right .cs_btn {
    font-size: var(--fz17);
    font-weight: bold;
    padding-right: 3.2rem;
    margin-right: 2.3rem;
    position: relative;
    display: block;
    color: #fff;
}
#header .hd_wrap .right .cs_btn::before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 1.6rem;
    background-color: #fff;
}
#header.hov .hd_wrap .right .cs_btn {
    color: #000;
}
#header.hov .hd_wrap .right .cs_btn::before {
    background-color: #000;
}
#header.active .hd_wrap .right .cs_btn {
    color: #000;
}
#header.active .hd_wrap .right .cs_btn::before {
    background-color: #000;
}
#header .hd_wrap .right .mem_btn a {
    color: #fff; 
    font-size: var(--fz17);
    font-weight: bold;
}
#header .hd_wrap .right .mem_btn .select_drop  a {
    color: #000; 
}
#header.active .hd_wrap .right .mem_btn a,
#header.hov .hd_wrap .right .mem_btn a{
    color: #000;
}

/* [240924]¾Ë¸² ¹öÆ° À̵¿ */
.notice_wrap {
    position: relative;
    padding-right: 2rem;
}
.notice_wrap::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 0.1px;
    height: 1.6rem;
    background-color: #fff;
}
.notice_wrap .alarm_bx {
    position: relative;
    display: block;
    color: #fff;
}
#header.active .hd_wrap .right .notice_wrap .alarm_bx{
    color: #000;
}
#header.active .notice_wrap::after {
    background-color: #000;
    opacity: 0.3;
}
.sub #header .hd_wrap .right .notice_wrap .alarm_bx {
    color: #000;
}
.sub #header .notice_wrap::after {
    background-color: #000;
    opacity: 0.3;
}
#header.hov .notice_wrap .alarm_bx {
    color: #000;
}
#header.hov .notice_wrap::after {
    background-color: #000;
    opacity: 0.3;
}
.notice_wrap .alarm_bx span {
    position: absolute;
    top: -.5rem;
    right: -.6rem;
    width: 1.3rem;
    height: 1.3rem;
    background-color: var(--main_color);
    color: #fff !important;
    border-radius: 100%;
    font-size: .8rem;
    font-weight: bold;
}

.notice_wrap .ic_alarm::after {
	display: inline-block;
    content: '';
    width: 1.3rem;
    height: 1.5rem;
    background-size: cover;
    background-image: url(/img/front/main/icon_alarm_1.webp);
    background-repeat: no-repeat;
}

/* ¾Ë¸² ¹öÆ° */
.mem_btn {
    padding: 0 1.5rem 0 2rem;
}
.mem_btn .family_wrap .alarm_bx {
    position: relative;
    display: block;
    margin-right: 0.8rem;
}
.profile {
    border-radius: 100%;
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover;
}
.mem_btn .family_wrap .alarm_bx span {
    position: absolute;
    top: -.5rem;
    right: -.8rem;
    width: 1.8rem;
    height: 1.8rem;
    background-color: var(--main_color);
    color: #fff !important;
    border-radius: 100%;
    font-size: 1.2rem;
}
.mem_btn .family_wrap .alarm_bx .alarm_count {
	top: -5px;
    left: 3.8rem;
	width: 1.3rem;
    height: 1.3rem;
    font-size: .8rem;
    font-weight: bold;
}

.mem_btn .family_wrap .ic_alarm::after {
	display: inline-block;
    content: '';
    width: 1.2rem;
    height: 1.4rem;
    background-size: cover;
    background-image: url(/img/front/main/icon_alarm_1.webp);
    background-repeat: no-repeat;
}

#header .pan {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1260px;
    width: 100%;
    height: auto;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    padding: 0;
    height: 30rem;
    border: 1px solid rgba(0,0,0,0.05);
    /* transition: all .5s ease-in-out; */
}

#header .pan.pan_hov {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

#header .pan .pan_inner {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

#header .select_shadow .select_drop {
    background-color: #fff;
    border-radius: 20px;
    padding: 2rem;
    display: none;
    position: absolute;
    width: 100%;
    z-index: -1;
    min-width: max-content;
    right: 0
}

#header .select_shadow .select_drop li {
    cursor: pointer;
    font-weight: 400;
    list-style: none;
    outline: none;
    padding: 0;
    transition: all .2s;
    text-align: center
}

#header .select_shadow .select_drop li a {
    display: block;
    font-size: var(--fz16);
    font-weight: 600;
    width: 100%;
    color: #000;
}

#header .select_shadow .select_drop li + li {
    margin-top: 2rem;
}

#header .select_shadow {
    position: relative
}

#header .select_shadow.lang_wrap {
    margin-right: 2rem
}

#header .select_shadow.active .select_tit::after {
    background: url("/img/front/main/btn_up_w.png") no-repeat center/contain;
}
#header.active .select_shadow.active .select_tit::after,
#header.hov .select_shadow.active .select_tit::after {
    background: url("/img/front/main/btn_up.png") no-repeat center/contain;
}


@media(max-width: 767px) {
    #header .select_shadow.active .select_tit::after {
        background:url("/img/front/icon/mo_icon_fmsite_btm_bk.png") no-repeat center/contain
    }
}

#header .select_shadow.active .select_drop {
    opacity: 1;
    display: block;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    z-index: 9999;
}

#header .select_shadow .select_tit {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;    
    padding-right: 2.7rem;
}

#header .select_shadow .select_tit span.nick {
    color: #fff;
}

#header.active .select_shadow .select_tit span.nick,
#header.hov .select_shadow .select_tit span.nick {
    color: #000;
}

#header .select_shadow .select_tit::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1.3rem;
    height: 0.7rem;
    background: url("/img/front/main/btn_dw_w.webp") no-repeat right/contain;
}

#header.hov .select_shadow .select_tit span {
    color: #000;
}
#header.active .select_shadow .select_tit::after,
#header.hov .select_shadow .select_tit::after {
    background: url("/img/front/main/btn_dw.png") no-repeat right/contain;
}

@media(max-width: 767px) {
    #header .select_shadow .select_tit::after {
        width:15px;
        height: 12px;
        right: 1rem;
        background: url("/img/front/icon/icon_fmsite_top_bk.png") no-repeat center/contain
    }
}

#header .select_shadow .select_drop {
    top: 4.7rem;
    background: rgba(255,255,255,.9);
    border-radius: 0;
    border: solid 1px rgba(204, 213, 212, 0.9);
}

#header.hov .select_shadow .select_drop {
    background: rgba(244,244,244,.9);
}

#header .select_shadow .select_drop li {
    cursor: pointer;
    border: none;
    text-align: left;
    font-weight: 400;
    list-style: none;
    outline: none;
    transition: all .2s
}

.sub #header {
    background: #fff
}

.sub #header .hd_wrap .logo a {
    color: #000
}

.sub #header .hd_wrap .logo img.wh {
    display: none
}

.sub #header .hd_wrap .logo img.bk {
    display: block
}

.sub #header .hd_wrap .mid ul li a,
.sub #header .hd_wrap .right .cs_btn,
.sub #header .select_shadow .select_tit span,
.sub #header .hd_wrap .right .mem_btn a {
    color: #000
}
.sub #header .select_shadow .select_tit::after {
    background: url(/img/front/main/btn_dw.png) no-repeat right / contain;
}
.sub #header .hd_wrap .hd_select_wrap {
    border-color: #161616
}
.sub #header .hd_wrap .right .cs_btn::before {
    background-color: #000;
}
@media(max-width: 1280px) {
    .sub #header .hd_wrap .hd_select_wrap {
        border-color:rgba(0,0,0,.1)
    }
}

.sub #header .hd_wrap .hd_select_wrap .hd_select_lang {
    color: #161616
}

.sub #header .hd_wrap .hd_select_wrap .hd_select_lang::after {
    background: url(/img/front/icon/drop_down_black.png) no-repeat 90% center
}

.sub #header .hd_wrap .hd_select_wrap ul.down li a {
    color: #161616
}

.sub #header .hd_wrap .hd_select_wrap.down .hd_select_lang {
    color: #161616
}

.sub #header .hd_wrap .hd_select_wrap.down .hd_select_lang::after {
    background: url(/img/front/icon/icon_fmsite_btm_bk.png) no-repeat center/contain
}

.sub #header .hd_wrap .right .sh .sh_white {
    display: none
}

.sub #header .hd_wrap .right .sh .sh_black {
    display: block
}

.sub #header .hd_wrap .select_shadow .select_drop li:hover a {
    color: #000
}

.sub #header .hd_wrap .select_shadow .select_drop li a {
    color: #000
}

.sub #header .hd_wrap .hamberger .open_btn span {
    background-color: #000
}

.dim {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
    opacity: 1;
    z-index: 95;
    transform: translateX(100%);
    display: none
}

.dim.on {
    position: fixed;
    opacity: 1;
    transform: translateX(0);
    display: block
}

.hamberger_menu {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100vw - 3rem);
    height: 100vh;
    background: #fff;
    opacity: 1;
    z-index: 98;
    transform: translateX(100%);
    display: none
}

.hamberger_menu.on {
    position: fixed;
    opacity: 1;
    transform: translateX(0);
    display: block
}

.hamberger_menu .hm_container {
    padding: 9.5rem 0 3.4rem 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    max-height: 100vh;
    overflow-y: auto
}

.hamberger_menu .hm_container .hm_sec01 .hd_select_wrap {
    width: 8.5rem;
    left: 30px;
    top: 10px;
    margin: 0;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
    height: 4rem
}

.hamberger_menu .hm_container .hm_sec01 .hd_select_wrap .hd_select_lang {
    height: 4rem;
    line-height: 4rem
}

.hamberger_menu .hm_container .hm_sec01 .hd_select_wrap .hds_ul {
    background-color: #fff
}

.hamberger_menu .hm_container .hm_sec01 .hd_select_wrap .hds_ul li {
    background-color: #fff
}

.hamberger_menu .hm_container .hm_sec02 .depth01 {
    align-items: start;
    flex-direction: column;
    gap: 0
}

.hamberger_menu .hm_container .hm_sec02 .depth01>li {
    width: 100%;
    position: relative
}

.hamberger_menu .hm_container .hm_sec02 .depth01>li.cs_global a {
    width: 100%
}

.hamberger_menu .hm_container .hm_sec02 .depth01>li.cs_global::after {
    display: none
}

.hamberger_menu .hm_container .hm_sec02 .depth01>li>a {
    display: inline-block;
    margin-bottom: 2.5rem;
    width: auto;
    position: relative;
    padding: 0 2.2rem 0 3.4rem
}

.hamberger_menu .hm_container .hm_sec02 .depth01>li::after {
    content: "";
    display: block;
    position: absolute;
    background: url("/img/front/icon/mo_icon_ham_arrow_down.png") no-repeat center/contain;
    width: 12px;
    height: 12px;
    right: 22px;
    top: 4px
}

.hamberger_menu .hm_container .hm_sec02 .depth01>li.open ul {
    display: block
}

.hamberger_menu .hm_container .hm_sec02 .depth01>li.act::after {
    background: url("/img/front/icon/mo_icon_ham_arrow_up.png") no-repeat center/contain
}

.hamberger_menu .hm_container .hm_sec02 .depth01>li .depth01_tit {
    display: inline;
    font-size: 1.9rem;
    line-height: 1.25;
    letter-spacing: normal;
    margin-bottom: 0;
    letter-spacing: -1.14px;
    font-weight: 500
}

.hamberger_menu .hm_container .hm_sec02 .depth02 {
    display: none;
    margin-bottom: 3.5rem;
    background: #fafafa;
    padding: 2rem 3.4rem 3.5rem 3.45rem
}

.hamberger_menu .hm_container .hm_sec02 .depth02 li a {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 2.5;
    color: rgba(22,22,22,.9);
    margin-bottom: .25rem;
    width: 100%
}

.search_wrap {
    width: 100%;
    height: auto;
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 9;
    background: #fff;
    max-width: none;
    display: none;
    background-image: url(/img/front/layout/search_bg.png);
    background-size: 100%
}

.search_wrap.on {
    display: block
}

.search_wrap.on.sh_dim {
    display: block
}

.search_wrap .input_box {
    width: 100%
}

.search_wrap .search_box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    max-width: 70rem;
    margin: 7.4rem auto;
    border-bottom: 2px solid #000
}

.search_wrap .search_box input {
    font-size: clamp(1.4rem,1.7vw,1.8rem);
    letter-spacing: -0.9px;
    color: #000;
    line-height: 1;
    background-color: #fff;
    border: none;
    padding: 0;
    letter-spacing: -0.9px
}

.search_wrap .search_box input::placeholder {
    font-size: clamp(1.4rem,1.7vw,1.8rem);
    color: #000
}

.search_wrap .search_box input:focus {
    border: 0
}

.search_wrap .search_box input::-webkit-search-decoration,.search_wrap .search_box input::-webkit-search-cancel-button,.search_wrap .search_box input::-webkit-search-results-button,.search_wrap .search_box input::-webkit-search-results-decoration {
    display: none
}

.search_wrap .search_box .search_btn {
    width: 3rem;
    height: 5rem;
    text-align: center;
    margin-left: 1rem;
    position: relative;
    padding-left: .4rem;
    border-radius: 0 5rem 5rem 0
}

.search_wrap .search_result {
    margin-top: 8rem
}

.search_wrap .search_result span {
    font-size: clamp(1.8rem,2.2vw,2.6rem);
    font-weight: bold;
    letter-spacing: -1.56px
}

.sh_dim {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.7);
    display: none;
    z-index: 8
}

.sh_dim.on {
    display: block
}

.sh .searchBtn.on .sh_white {
    display: none !important;
}

.sh .searchBtn.on .sh_black {
    display: none !important;
}

.sh .searchBtn.on .sh_close {
    display: block;
    width: 1.6rem;
    height: 1.7rem;
    margin-left: 0.5rem;
}

.sh .searchBtn .sh_close {
    width: 24px;
    height: 24px;
    display: none;
}

.topSearchbox {
    position: fixed;
    left: 0;
    top: 7rem;
    width: 100%;
    height: 22.7rem;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    display: none;
}
.topSearchbox.on {
    display: block;
}
.topSearchbox > div {
    height: 100%;
    flex-flow: column;
    width: 85rem;
    margin: 0 auto;
}
.topSearchbox form {
    position: relative;
    height: 6rem;
    line-height: 6rem;
    border-radius: 3rem;  
    color: rgba(0, 0, 0, 0.5);
    background-color: #f6f6f6;
    padding: 0 4rem;
    width: 100%;
}
.topSearchbox form input[type=text] {
    font-size: var(--fz18);
    font-weight: 500;
    padding: 0;
    height: 100%;
    width: 80%;
    line-height: 100%;
    max-width: none;
    border: none;
    border-radius: 0;
    background-color: transparent;
}
.topSearchbox form input[type=text]::placeholder {
    font-weight: 500;
}
.topSearchbox form input.sbtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4rem;
    width: 2rem;
    height: 2rem;
}
.topSearchbox .sh_hash {
    margin-top: 2.5rem;
    width: 100%;
}
.topSearchbox .sh_hash li {
    font-size: var(--fz14);  
    color: rgba(0, 0, 0, 0.9);
    line-height: 3.6rem;
    height: 3.6rem;
    border-radius: 1.8rem;
    margin-right: 0.4rem;
    background-color: #f6f6f6;
    padding: 0 1.6rem;
}
.topSearchbox .sh_hash .tit  {
    text-decoration: underline;
    margin-right: 1.9rem;
}

/* footer */

#footer {
    transition: all .5s ease-in-out;
    height: 100%;
    position: relative;
    border-top: 1px solid var(--border);
}

#footer .footer_wrap {
    margin: 0 clamp(2rem,4.2vw,8rem);
    padding: 3rem 0 3.3rem;
}

#footer .footer_wrap .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.4rem
}

#footer .footer_wrap .top .incruit_btn a {
    width: 18rem;
    height: 4rem;
    border-radius: 23px;
    padding: 0 2.2rem;
    position: relative;
    font-size: clamp(1.2rem,1vw,1.3rem);
    letter-spacing: -0.78px;
    font-weight: 500;
    background-image: linear-gradient(to top, #fadcdd, #f6e8f1);
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 4rem
}

#footer .footer_wrap .select_shadow .select_drop {
    background-color: #fff;
    box-shadow: 0px 20px 30.4px 1.6px rgba(156,156,156,.1);
    border-radius: 20px;
    padding: 0 20px;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 9999
}

#footer .footer_wrap .select_shadow .select_drop li {
    cursor: pointer;
    font-weight: 400;
    list-style: none;
    outline: none;
    padding: 0;
    transition: all .2s;
    text-align: center
}

#footer .footer_wrap .select_shadow .select_drop li a {
    display: inline-block;
    font-size: 1.4rem;
    width: 100%;
    line-height: 45px
}

#footer .footer_wrap .select_shadow {
    position: relative
}

#footer .footer_wrap .select_shadow.active .select_tit::after {
    background: url("/img/front/main/icon_fmsite_btm_bk.png") no-repeat center/contain
}

#footer .footer_wrap .select_shadow.active .select_drop {
    display: block;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    z-index: 9999;
    max-height: 17rem;
    overflow-y: scroll;
    min-width: max-content;
    background: #fff;
    right: 0
}

#footer .footer_wrap .select_shadow .select_tit {
    display: flex;
    align-items: center;
    width: 23.4rem;
    height: 4.5rem;
    border-radius: 5px;
    border: solid 1px #c8c8c8;
    padding: 0 2.2rem;
    position: relative;
    font-size: clamp(1.2rem,1vw,1.3rem);
    letter-spacing: -0.78px;
    font-weight: 500;    
    color: rgba(0, 0, 0, 0.8);
    background-color: #f6f6f6;
    cursor: pointer;
}

#footer .footer_wrap .select_shadow .select_tit::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2.2rem;
    transform: translateY(-50%);
    width: 10px;
    height: 5px;
    background: url("/img/front/main/drop_down_black.png") no-repeat center/contain;
    border-radius: 50%
}

#footer .footer_wrap .select_shadow .select_drop {
    bottom: 4.5rem;
    background: rgba(255,255,255,.5);
    box-shadow: 0px 20px 30.4px 1.6px rgba(156,156,156,.1);
    border-radius: 10px;
    padding: 0
}

#footer .footer_wrap .select_shadow .select_drop li {
    cursor: pointer;
    border: none;
    text-align: left;
    padding: 0 2.2rem;
    font-weight: 400;
    list-style: none;
    outline: none;
    transition: all .2s
}

#footer .footer_wrap .select_shadow .select_drop li a {
    display: inline-block;
    font-size: 1.2rem;
    width: 100%;
    line-height: 3.6rem;
    color: #000;
    transition: all .5s ease-in-out
}


#footer .footer_wrap .mid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

#footer .footer_wrap .top .left a {
    font-weight: 500;
    letter-spacing: -1.08px;
    color: rgba(0,0,0,1);
    line-height: 1;
    display: inline-block;
    padding: 0 2.1rem;
    font-size: var(--fz15);
    position: relative;
}
#footer .footer_wrap .top .left a::before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 1rem;
    opacity: .2;
    background: #000;
}
#footer .footer_wrap .top .left a:last-child:before {
    display: none;
}

#footer .footer_wrap .bot > span {
    display: inline-block;
    font-size: var(--fz15);
    color: #000;
    font-weight: 400;
    letter-spacing: -0.9px;
    word-break: keep-all;
    line-height: 1.6;
    margin-bottom: 4.3rem;
}

#footer .footer_wrap .bot span.copyr {    
    font-size: var(--fz16);
    color: rgba(0,0,0,.7);
    font-weight: 600;
}

/* sub page */
.sub_wrap {
    max-width: 172rem;
    margin: 0 auto;
    padding: 0 3rem;
}
#subpage {
    padding-top: 70px;
}
.sub_title {
    padding-top: 18.5rem;
    padding-bottom: 18.2rem;
}
.sub_title .ko {
    margin-bottom: 2rem;
    letter-spacing: -4.08px;
}
.sub_title .tab {

}
.sub_title .tab li {
    font-size: 0;
}
.sub_title .tab li a {
    display: block;
    margin-left: 5px;
    height: 5rem;
    line-height: 5rem;
    border-radius: 2.5rem;
    background-color: #f6f6f6;
    padding: 0 3.4rem;
    min-width: 16rem;
    text-align: center;
    cursor: pointer;
}
.sub_title .tab li img {
    margin-left: 3rem;
    transition: all .2s;
}
.sub_title .tab li img.black {
    filter: brightness(0)
}
.sub_title .tab li img.rot {
    transform: rotate(-180deg);
}
.sub_title .tab_list {
    width: calc(100% - 5px);
    position: absolute;
    border: 1px solid #909090;
    border-radius: 0.5rem;
    top: 52px;
    left: 5px;
    padding: 1.5rem 2.8rem;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transform: translateY(2px);
    transition: all .3s;
}
.sub_title .tab_list.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.sub_title .tab_list li a {
    text-align: left;
    display: block;
    height: inherit;
    line-height: inherit;
    border-radius: inherit;
    margin-left: 0;
    background-color: #fff;
    padding: 1.2rem 0rem;
    min-width: inherit;
    opacity: 0.5;
}
.sub_title .tab_list li:hover a, .sub_title .tab_list li a.select {
    opacity: 1;
    font-weight: 600;
    text-decoration: underline;
    transition: all .3s;
}
.sub_title .tab.black li a {
    display: flex;
    background: #000;
    color: #fff;
}
.sub_title .tab.black img {
    margin-left: 19px;
}
.sub_title .tab a.on {
    background-color: #000;
    color: #fff;
}

/* paging */
.paging {
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging a {
    font-size: 15.5px;
    color: rgba(0, 0, 0, 0.5);
    padding: 0 1.4rem;
}
.paging .current {
    color: #fff;
    padding: 0 2rem;
    position: relative;
    z-index: 1;
}
.paging .current::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 100%;
    background-color: #000;
    z-index: -5;
}

/* roll-banner-wrap */
.sec_rollbanner {
	overflow: hidden;
}
.sec_rollbanner .roll_wrap {
    margin: 0 auto; 
    display: flex; 
	margin-bottom: 1.8rem;	
    overflow: hidden;
}
.sec_rollbanner .roll_wrap .list {
    display: flex; 
    align-items: center; 
    flex: 0 0 auto; 
    gap: 12rem;
    margin-left: 12rem;
}
.sub_festival .sec_rollbanner .roll_wrap .list {
    margin-left: 0;
}
.sec_rollbanner .roll_wrap .list li {
	gap: 1.6rem;
    opacity: 0.2;
    transition: .4s;
}
.sec_rollbanner .roll_lnk::after {
	 display: inline-block;
	 content: '';
     width: .7rem;
     height: 1.2rem;
     margin-left: 1.6rem;
     transition: 0.3s;
     background-image: url(/img/front/main/btn_right.webp);
     background-size: cover;
     background-repeat: no-repeat;
}
#term_popup iframe {
    height: 54.9rem;
}
.sec_rollbanner .roll_wrap .list li:hover,
.sub_festival .sec_rollbanner .roll_wrap .list li {
    opacity: 1;
}


/* sns ?? */

.sns_btn_group {
    margin-top: 1rem;
}
.sns_btn_group .btnLink {
    margin: 0 .5rem;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 1.8rem;
    border: solid 1px #e4e4e4;
    padding: 3px;
    transition: width .4s;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.sns_btn_group .btnLink:hover {
    width: 10rem;  
    gap: 5px;
    background-color: #fff;
}
.sns_btn_group .btnLink.blog:hover,
.sns_btn_group .btnLink.youtube:hover {
    width: 8rem;
}
.sns_btn_group .btnLink.etc:hover {
    width: 7rem;
}
.sns_btn_group .btnLink > span {    
    display: block; 
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 100%; 
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
}
.sns_btn_group .btnLink > span::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3; 
}
.sns_btn_group .insta span {
    background: url(/img/front/icon/insta_bg.png) no-repeat left;
    background-size: contain;
}
.sns_btn_group .insta span::after {     
    background: url(/img/front/icon/insta_icon.png) no-repeat center;
    background-size: 1.6rem;
}
.sns_btn_group .blog span {
    background: url(/img/front/icon/naver_blog.png) no-repeat left;
    background-size: contain;
}
.sns_btn_group .blog:hover span {  
    background: #03c75a;
}
.sns_btn_group .youtube span {
    background: url(/img/front/icon/youtube_bg.png) no-repeat left;
    background-size: contain;
}
.sns_btn_group .youtube:hover span {
    background: #f00;
}
.sns_btn_group .btnLink:hover span::after {
    border-radius: 100%;
    background: url(/img/front/icon/view_icon.png) no-repeat center;
    background-size: 1rem;
}
.sns_btn_group .btnLink p {
    font-size: var(--fz12);
    width: 0;
    overflow: hidden;  
    color: #000;
    font-weight: 600;
}
.sns_btn_group .btnLink:hover p {
    width: auto;
    height: 2.8rem;
    line-height: 2.8rem;
}
.sns_btn_group .etc span {
    background: #ececec url(/img/front/icon/etc_bg.png) no-repeat center;
    background-size: 1.3rem;
}
.sns_btn_group .etc:hover span::after {
    background: #ececec url(/img/front/icon/etc_arr.png) no-repeat center;
    background-size: 1rem;
}

@media(max-width: 1800px) {
    html,
	body {
		font-size: 58%;
	}
    #header .hd_wrap {        
        padding: 0 2rem;
    }
}

@media(max-width: 1680px) {
	html,
	body {
		font-size: 56%;
	}   
}

/* pc 1440 */
@media(max-width: 1440px) {
    html,
	body {
		font-size: 54%;
	}
    #header .hd_wrap .right .cs_btn {
        padding-right: 15px;
        margin-right: 15px;
    }
    #header .right .sh {
        margin-right: 15px;
    }
}

/* pc 1290 */
@media(max-width: 1280px) {
    .pc_1280 {
        display:none;
    }
    .mo_1280 {
        display:block;
    }
    html,
	body {
		font-size: 51.5%;
        /* font-size: 40%; */
	}    
}

/* pc 1260 */
@media(max-width: 1260px) {    
    body {
        overflow-x: hidden;
        min-width: 1260px;
    }
    html {
        overflow-x: scroll;
    }
    /* Çì´õ */
    #header .hd_wrap .mid {
        margin-left: 7rem;
    }
    #header .hd_wrap .mid:hover ul li.depth1:first-child {        
        padding-right: 70px;
    }
    #header .hd_wrap .mid:hover ul li.depth1:last-child {        
        padding-right: 70px;
    } 
    #header .hd_wrap .mid:hover ul li.depth1:nth-child(3) {        
        padding-right: 70px;
    }
    #header .hd_wrap .mid:hover ul li.depth1 {
        padding-right: 100px;
    }
    #header .hd_wrap .mid ul li.depth1  {
        position: relative;
    }
    #header .hd_wrap .mid ul li.depth1 ul.depth2 {
        left: 0;
        padding-top: 30px;
    }
    #header .hd_wrap .mid ul li.depth1 ul.depth2 .depth3_tit {        
        width: 116px;
    }
    #header .hd_wrap .mid ul li.depth1 ul.depth2 li {
        margin: 0 0 2.5rem 0;
    }
}