@font-face {
    font-family: 'tmoney'; /*font 이름*/
    font-style: 'normal'; /* font 스타일 정의 (기울임, 일반) */
    font-weight: 400; /* font 굵기 정의 */
    src: url('../TmoneyRoundWindRegular.ttf') format('truetype')
}

/* header */
#header {width: 100%; top: 0; left: 0; z-index: 99999}
.pc_header {border-bottom: 1px solid #fff;background: #fff;font-family: 'tmoney';}
.pc_header .inner {max-width: 1309px; padding: 1.6rem 0;}
.pc_header .logo {}
.pc_header .gnb {color: #262829}
.pc_header .gnb .lnb {width: 14.4rem;}
.pc_header .gnb .lnb a {color: #262829}
.pc_header .login {gap: 0.5rem;color: #262829}
.pc_header .login .img {filter: brightness(0);}

#header .pc_header .logo img.active {opacity: 1;}
#header.active .pc_header {background: #fff}
#header.active .pc_header .logo img {opacity: 0;}
#header.active .pc_header .logo img.active {opacity: 1;}
#header.active .pc_header .gnb {color: #262829}
#header.active .pc_header .login {color: #262829}
#header.active .pc_header .login .img {filter: brightness(0);}


#header .pc_header_sub { background: #fff}
#header .pc_header_sub .inner {max-width: 1309px; padding: 1.6rem 0;}
#header .pc_header_sub .logo {}
#header .pc_header_sub .gnb {color: #262829}
#header .pc_header_sub .gnb .lnb {width: 14.4rem;}
#header .pc_header_sub .gnb .lnb a {color: #262829;font-family: 'tmoney';}
#header .pc_header_sub .login {gap: 0.5rem;color: #262829}
#header .pc_header_sub .login .img {filter: brightness(0);}

#header .pc_header_sub .logo img.active {opacity: 1;}
#header.active .pc_header_sub { background: #fff}
#header.active .pc_header_sub .logo img {opacity: 0;}
#header.active .pc_header_sub .logo img.active {opacity: 1;}
#header.active .pc_header_sub .gnb {color: #262829}
#header.active .pc_header_sub .login {color: #262829}
#header.active .pc_header_sub .login .img {filter: brightness(0);}


.mo_header {position: fixed; width: 100%; top: 0; z-index: 99; transition: background 0.3s;font-family: 'tmoney';}
.mo_header.fixed {background: #fff;}

.mo_header .mo_head {justify-content: space-between; align-items: center; padding: 2.5rem 2.2rem; background: #fff;}
.mo_header .mo_head .logo {width: 40%;}
.mo_header .mo_head .menu_btn {width: 9%;}

.mo_header .mo_menu_wrap {position: fixed; width: 100%; height: 100%; top: 0; display: none;}
.mo_header .mo_menu_wrap .mo_black_bg {width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top:0; left: 0;}

.mo_header .mo_menu_box {width: 80%; height: 100%; margin-left: auto; background: #fff; right: -100%; transition: 1s;}
.mo_header .mo_menu_box .menu_logo {padding: 4rem 25%;}

.mo_header .mo_menu_box .menu_login {display: flex; justify-content: center;}
.mo_header .mo_menu_box .menu_login li {font-size: 2rem; padding: 0 1rem;}
.mo_header .mo_menu_box .menu_login li a {}

.mo_header .menu_gnb {padding: 2rem;}
.mo_header .menu_gnb_lst {padding: 0.8rem; border-bottom: 1px solid #e1e1e1;}
.mo_header .menu_gnb_lst .gnb_name {font-size: 2rem; display: block;}


/* footer */
#footer {}
.foot_cont {background: #33383C;}
.foot_box {width: 100%; max-width: 1350px; padding: 5rem 0 14rem;}
.foot_box .ft_logo {}
.foot_box .info {gap: 4.7rem;}
.foot_box .info1 span {min-width: 12.7rem;}
.foot_box .info2 span {min-width: 8.3rem;}
.foot_box .copy {margin-left: auto;}

@media all and (max-width: 800px){
    .foot_cont {background: #F8A5AC;}
    .foot_box {width: 83.5%; gap: 2.2rem; padding: 3rem 0 10rem; border-top: 1px solid #fff;}
    .foot_box .ft_logo {filter: brightness(100);}

    .ft_info {background: #F8A5AC;}
    .ft_info .info_inner {width: 83.5%; padding: 3rem 0;}
    .ft_info .loca {}
    .ft_info .loca .tit {padding-bottom: 0.8rem;}
    .ft_info .loca .cont {}
    .ft_info .call {margin: 3rem 0; gap: 1rem;}
    .ft_info .time {}
    .ft_info .time .tit {padding-bottom: 0.8rem;}
    .ft_info .time .lst {}
    .ft_info .time .lst li {}
    .ft_info .time .lst li span {min-width: 8.3rem; margin-right: 1.5rem}
    .ft_info .time .prg {padding-top: 0.8rem;}

}

/* fullpage nav */
#fp-nav.right {right: auto; left: 120px}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #7B7E80}

@media all and (max-width: 800px){
    #fp-nav.right {display: none}
}

/* aside */
#aside {z-index: 9999}
#aside ul {right: 10rem}
#aside li + li {margin-top: 0.8rem}

@media all and (max-width: 800px){
    #aside {width: 100%; height: 100%;}
    #aside ul {bottom: 0; left: 0; right: auto; display: flex; top: auto; align-items: center; transform: none; width: 100%; justify-content: center; background: #fff; padding: 1.3rem 0 1.6rem}
    #aside li {padding: 0 1rem}
    #aside li + li {margin-top: 0; border-left: 1px solid #D0D2D5}
    #aside img {max-width: 38px}
}
@media all and (max-width: 380px){
    #aside img {max-width: 35px}
}

/* top */
#scrollTop {position: fixed; right: 7.2rem; bottom: 10%; filter: drop-shadow(0 3px 6px rgba(0,0,0,0.1)); cursor: pointer; z-index: 9999}

/* trigger */
.top_trigger_off {bottom: -2rem; opacity: 0; transition: 1s;}
.top_trigger_on {bottom: 0; opacity: 1; transition: 1s;}

.left_trigger_off {right: -2rem; opacity: 0; transition: 1s;}
.left_trigger_on {right: 0; opacity: 1; transition: 1s;}

.right_trigger_off {left: -2rem; opacity: 0; transition: 1s;}
.right_trigger_on {left: 0; opacity: 1; transition: 1s;}

.bot_trigger_off {top: -2rem; opacity: 0; transition: 1s;}
.bot_trigger_on {top: 0; opacity: 1; transition: 1s;}

.opc_trigger_off {opacity: 0; transition: 1s;}
.opc_trigger_on {opacity: 1; transition: 1s;}