@charset "utf-8";

/* header 공통 (s) */
header{position:relative; width:100%; padding-top:7.6923rem;font-family: "Pretendard";}
header .header-t{display:flex; justify-content:space-between; align-items:center; position:absolute; top:0; left:0; width:100%; height:7.6923rem; padding:0 1.5385rem 0 .7692rem; background:#fff; box-shadow:0 .0769rem .5385rem .0769rem rgba(0, 0, 0, .15); z-index:1000;}
header .header-t .head-inner{display:flex; align-items:center; flex-grow:1;}
header.fixed .header-t{position:fixed;}
header .logo{display:block; align-self:center; width:26.5385rem;}
header .logo a{display:inline-block; width:14.2308rem; height:4.7692rem; text-indent:-9999px; background:url(../images/common/header_logo.png) center center / 100% no-repeat;}
header nav{display:flex; flex-direction:column; flex-grow:1; height:100%;}
header nav .gnb{display:flex; flex-grow:1; margin:0 auto;}
header nav .gnb > li{position:relative; width:16.9231rem;}
header nav .gnb li > .btn-tit{display:block; position:relative; width:100%; height:7.6923rem; line-height:130%; color:#111827; font-weight:600; font-size:1.6923rem;}
header nav .gnb li > .btn-tit::after{content:''; display:block; position:absolute; left:50%; bottom:0; width:0; height:.4615rem; background:#004097; transform: translateX(-50%); transition: all .3s ease;}
header nav .gnb li:hover > .btn-tit::after{width:100%;}
header nav .gnb.active::after{content:''; display:inline-block; position:absolute; top:7.6923rem; left:0; width:100%; height:35.3846rem; background:#fff; box-shadow:inset 0 .4615rem .4615rem -.4615rem rgba(0, 0, 0, .15); z-index:50;}
header nav .gnb.active .gnb-depth2{display:block;}
.gnb-depth2{display:none; position:absolute; top:7.6923rem; width:100%; min-height:23.4615rem; background:#fff; box-shadow:inset 0 .4615rem .4615rem -.4615rem rgba(0, 0, 0, .15); z-index:100;}
.gnb-depth2 li > a{display:flex;align-items:center; height:5rem; padding:0 1.2308rem; color:#374151; font-weight:600; font-size:1.3846rem;}

header nav .gnb li:hover > .gnb-depth2{background:#F9FAFB;}

.gnb-depth2 li > a:hover{font-weight:700; color:#004097;}
header .btn-wrap{display:flex;}
header nav .gnb li.last{display:none;}
header .gnb.active li.last{display:block; position:absolute; top:33.0769rem; width:84.6154rem; height:10rem; z-index:100;}
header .gnb.active li.last .btn-wrap{display:flex; gap:.9231rem; margin-top:3.8462rem;}
header .gnb.active li.last .btn-wrap li a,
header .head-inner.on .gnb .btn-wrap li a{display:inline-block; height:3.0769rem; padding:.7692rem 1.2308rem; color:#004097; font-weight:600; font-size:1.2308rem; border:.0769rem solid #004097; border-radius:3.8462rem; transition:all .3s;}
header .gnb.active li.last .btn-wrap li a:hover{color:#fff; background:#004097;}
header .mnu-info{display:flex; justify-content:flex-end; gap:1rem; width:26.5385rem; height:3.0769rem;}
header .mnu-info a{display:inline-flex; font-weight:400; font-size:1.0769rem;}
header .mnu-info > *{flex: 0 0 auto;}
header .mnu-info .btn-search{width:3.0769rem; height:3.0769rem; text-indent:-9999px; background:url(../images/common/icon_search.png) center center / 1.2308rem 1.2308rem no-repeat; border:.0769rem solid #EAEAEA; border-radius:50%;}
header .mnu-info .after{display:flex; gap:2.1538rem; padding:0 1.9231rem; border:.0769rem solid #EAEAEA; border-radius:2.3077rem;}
header .mnu-info .after [class*="btn-"]{align-items:center; height:3.0769rem;}
header .mnu-info .after .btn-logout{padding-left:1.6923rem; background:url(../images/common/icon_login.png) left center / 1.0769rem 1.0769rem no-repeat;}
header .mnu-info .after .btn-mypage{padding-left:1.8462rem; background:url(../images/common/icon_add.png) left center / 1.2308rem 1.0769rem no-repeat;}

.mo-hd-mnu{display:none;}
.btn-close-gnb{display:none;}
.mo-after{display:none;}
/* header 공통 (e) */

/* footer 공통 (s) */
footer{display:flex; justify-content:center; height:14.1538rem; margin-top:3.3077rem; background:#fff; border-top:.0769rem solid #EAEAEA;}
footer *{letter-spacing:-.0769rem;}
footer img{display:block; width:100%;}
footer .footer-cont{display:flex; position:relative; width:98.4615rem; padding:2.5385rem 0 3.8462rem;}
footer .footer-cont .visit-cont{display:inline-flex; gap:.6154rem; position:absolute; top:-3.3077rem; right:0; padding:.6923rem 1.1538rem; font-size:1.2308rem; background:#F3F4F6; border-radius:.7692rem .7692rem 0 0;}
footer .footer-cont .visit-cont .cnt{color:#1C395C; font-weight:500;}
footer .footer-cont .address-grp{flex-grow:1; padding-left:3.3077rem;}
footer .footer-cont .address-grp .link-area{display:flex; gap:2.3077rem; margin-top:.3846rem;}
footer .footer-cont .address-grp .link-area a{font-weight:500; font-size:1.2308rem;}
footer .footer-cont .address-grp .link-area a.point{color:#B92D2D; font-weight:700;}
footer .footer-cont .address-grp > address{margin-top:1.5385rem; font-weight:500; font-size:1.2308rem;}
footer .footer-cont .address-grp > address p + p{margin-top:.6923rem;}
footer .footer-cont .address-grp > address .copyright{color:#767676; font-size:1.0769rem;}
/* footer 공통 (e) */

/* aside 챗봇 공통(s) */
aside.chat-bot{position:fixed; bottom:1.6154rem; right:5.2308rem; z-index:10;}
aside.chat-bot{
    -webkit-animation: makechat_btn_jump 2s ease 0s 2 normal ;
    animation: makechat_btn_jump 2s ease 0s 2 normal ;
}

@-webkit-keyframes makechat_btn_jump {
    0%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40%{
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    50%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    60%{
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    80%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes makechat_btn_jump {
    0%{
        transform: translateY(0);
    }
    20%{
        transform: translateY(0);
    }
    40%{
        transform: translateY(-30px);
    }
    50%{
        transform: translateY(0);
    }
    60%{
        transform: translateY(-15px);
    }
    80%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(0);
    }
}
/* aside 챗봇 공통(e) */

@media(max-width:1660px){
    header nav .gnb > li{width:13.4615rem;};
}

@media(max-width:1600px) {
    /* header nav .gnb > li{width:17rem;} */
    header nav .gnb li > .btn-tit{font-size:1.3846rem;}
    .gnb-depth2 li > a{height:4.6154rem; font-size:1.2308rem;}

    aside.chat-bot{right:.7692rem; width:13.0769rem; height:8.4615rem;}
    aside.chat-bot img{display:block; width:100%;}
}


@media(max-width:1400px){
    header .header-t .head-inner{flex-grow:0; position:fixed; top:0; right:-120%; width:100%; height:100%; padding-top:6.1538rem; background-color: #fff; z-index: 1; transition: all .5s;}
    header .header-t .head-inner.on{flex-direction:column-reverse; overflow-y:auto; right:0;}
    header .header-t .head-inner.on nav{width:100%; margin-top:2.3077rem;}
    header .header-t .head-inner.on nav .gnb{display:initial; width:100%;}
    header nav .gnb > li{width:100%; z-index:1000;}
    header nav .gnb li > .btn-tit{height:4.2308rem; font-size:1.2308rem;}
    header nav .gnb li.on > .btn-tit{border-bottom:.1538rem solid #004097;}
    header nav .gnb > li .gnb-depth2{position:static; width:100%; height:100%;}

    header nav .gnb.active .gnb-depth2{display:none;}

    header nav .gnb > li .gnb-depth2{max-height:0; overflow:hidden; transition:max-height .5s ease;}
    header nav .gnb > li.on .gnb-depth2{display:flex; flex-wrap:wrap; min-height:unset; max-height:15.3846rem; background:#F9FAFB;}


    header nav .gnb > li.on .gnb-depth2 > li{flex:0 0 auto; width:50%;}
    header nav .gnb.active::after{display:none;}
    header nav .gnb li > .btn-tit::after{display:none;}
    header .mnu-info{flex:0 0 auto; gap:0; flex-wrap:wrap; justify-content:center; position:fixed; top:0; width:100%; height:6.1538rem; background:#fff; border-bottom:.0769rem solid #CCCCCC; z-index:1200;}
    .btn-close-gnb{order:2;}
    header .mnu-info .after{display:none; order:3; justify-content:center; width:100%; height:3.0769rem; margin-top:auto; padding-top:1.5385rem; border:none; border-top:.0769rem solid #CCCCCC; border-radius:0;}
    header .mnu-info .after [class*="btn-"]{height:1.5385rem; font-weight:500; font-size:1.3077rem;}
    header .mnu-info .btn-search{order:1; margin-top:1.5385rem; margin-left:auto; background-size:1.5385rem 1.5385rem; background-image:url(../images/common/mo_icon_search.png); border:none;}
    header .mnu-info .btn-close-gnb{display:block; width:3.0769rem; height:3.0769rem; margin:1.5385rem 1.5385rem 0 0; text-indent:-9999px; background:url(../images/common/mo_menu_close.png) center center / 1.5385rem 1.2308rem no-repeat;}
    .mo-hd-mnu{display:flex;}
    .mo-hd-mnu .mo-btn-search{display:inline-block; width:3.0769rem; height:3.0769rem; text-indent:-9999px; background:url(../images/common/mo_icon_search.png) center center / 1.5385rem no-repeat;}
    .mo-hd-mnu .mo-btn-gnb{display:inline-block; width:3.0769rem; height:3.0769rem; text-indent:-9999px; background:url(../images/common/mo_menu_all.png) center center / 1.5385rem 1.2308rem no-repeat;}
    header{padding-top:6.1538rem;}
    header .header-t{height:6.1538rem;}
    header .head-inner.on .gnb li.last{display:block; position:Static; width:100%;}
    .gnb-depth2 li > a{padding-left:1.2308rem;}

    .mo-after{display:flex; gap:1.3846rem; padding-top:1.5385rem;}
    .mo-after > [class*="btn-"]{padding-left:1.9231rem; font-weight:500; font-size:1.3846rem; background-position:left center; background-repeat:no-repeat;}
    .mo-after .btn-logout{background-image:url(../images/common/icon_login.png); background-size:1.0769rem 1.0769rem;}
    .mo-after .btn-mypage{background-image:url(../images/common/icon_add.png); background-size:1.3846rem 1.0769rem;}
    header .head-inner.on .gnb li.last .btn-wrap{flex-wrap:wrap; gap:.9231rem; margin-top:2.3077rem; padding:0 1.5385rem;}
    header .head-inner.on .gnb .btn-wrap li{width:calc(50% - .4615rem);}
    header .gnb.active li.last .btn-wrap li a, header .head-inner.on .gnb .btn-wrap li a{width:100%; padding:.7692rem .3846rem; font-size:1.2308rem; text-align:center;}

    #gnb .searchArea{top:6.1538rem;}
    header#gnb{padding-top:6.1538rem;}

}

@media(max-width:1024px){
    aside.chat-bot{width:9.2308rem; height:6.1538rem;}
}

@media(max-width:768px){

}

@media(max-width:350px){
    header .gnb.active li.last .btn-wrap li a, header .head-inner.on .gnb .btn-wrap li a{font-size:1.0769rem;}

}