@charset "UTF-8";
@import "./default.css";/*공통으로 사용될 css를 보관함*/

/*서브페이지 상단 공통*/
#sub-top {position:relative;display:flex;flex-flow:column;justify-content:flex-end;min-height:560px;height:560px;background:url(./img/sub_top_bg.png) no-repeat center / cover;transform: scale(1.2);opacity:0;transition: all 4s;}
#sub-top.on {transform:scale(1);opacity:1;}
#sub-top:before,
#sub-top:after {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(255,255,255,0.3);
    z-index: 5;
}

#sub-top.on:before {animation: move_blind 2s;animation-fill-mode: forwards;}
#sub-top.on:after {animation: move_blind 2s;animation-fill-mode: forwards;animation-delay: .5s;}

@keyframes move_blind {
    0% {width: 100%; background: rgba(255,255,255,0.3);}
    100% {width: 0;background: rgba(255,255,255,0);}
}

#sub-top .sub-title {position:absolute;left:50%;top:55%;transform:translate(-50%, -50%);width:100%;text-align: center;}
#sub-top .sub-title h1 {font-size:68px;letter-spacing:-0.5px;color:#fff; font-family:'GimhaeGayaB';}

#sub-wr .section-tit {max-width:1644px;text-align: center;margin:120px auto 56px;}
#sub-wr .section-tit h1 {font-family:'GimhaeGayaB';font-size:52px; letter-spacing: -3px; line-height: 62px; word-break: keep-all;}
#sub-wr .section-tit p {font-size:16px;color:#333333;margin:24px 0 0 0; letter-spacing: -0.5px;}
#sub-wr .section-tit p img{position: relative; top: -1px;}

#sub-wr .sub2_tab{height: 80px; text-align: center;}
#sub-wr .sub2_tab .tab_menu{width: 100%; max-width: 1644px; display: block; font-size: 0; margin: 0 auto;}
#sub-wr .sub2_tab .tab_menu li:first-child{margin-left: 0;}
#sub-wr .sub2_tab .tab_menu li{width: 20%; display: inline-block; border: 1px solid #DDDDDD; height: 80px; margin-left: -1px;}
#sub-wr .sub2_tab .tab_menu li a{display: flex;height:100%;align-items:center;justify-content:center;text-align: center;font-size: 18px;word-break: keep-all; line-height: 28px;}
#sub-wr .sub2_tab .tab_menu li.on{background: transparent linear-gradient(108deg, #1B3C8B 0%, var(--unnamed-color-534491) 100%) 0% 0% no-repeat padding-box; background: transparent linear-gradient(108deg, #1B3C8B 0%, #534491 100%) 0% 0% no-repeat padding-box;}
#sub-wr .sub2_tab .tab_menu li.on a{color: #fff;}

.pc_view{display: block;}
.t_view{display: none;}
.m_view{display: none;}


@media (max-width:768px) {
    #sub-top {min-height: 360px; height: 360px;}
    #sub-top .sub-title {}
    #sub-top .sub-title h1 {font-size:36px;}
    #sub-wr .sub_tab{padding: 0 40px;}

    .pc_view{display: none;}
    .t_view{display: block;}
    .m_view{display: none;}
}

@media (max-width:500px) {
    #sub-top {min-height: 264px; height: 264px;}
    #sub-top .sub-title h1{font-size: 32px;}
    #sub-wr .section-tit{margin: 80px auto 64px;}
    #sub-wr .section-tit h1{font-size: 32px; line-height: 42px;}
    #sub-wr .section-tit p{font-size: 14px;}

    #sub-wr .sub2_tab{height: 51px; padding: 0;}
    #sub-wr .sub2_tab .tab_menu li{height: 51px;}
    #sub-wr .sub2_tab .tab_menu li a{font-size: 16px; line-height: 26px;}

    .pc_view{display: none;}
    .t_view{display: none;}
    .m_view{display: block;}

}

/* 서브페이지 컨텐츠 공통 */
#sub-wr{}
#sub-wr .section .section-con {max-width:1644px; margin:120px auto 200px;}

@media (max-width: 1400px) {
    #sub-wr{padding: 0 40px;}
}

@media (max-width: 768px) {

}

@media (max-width: 500px) {
    #sub-wr{padding: 0 16px;}
    #sub-wr .section .section-con{margin: 64px auto;}
}


/*menu10*/
.sub20-40 .process_con h2{font-size: 42px; margin-bottom: 32px; line-height: 52px;}
.sub20-40 .process_con img{width: 100%;}


@media (max-width:768px) {

}

@media (max-width: 500px){
    .sub20-40 .process_con h2{font-size: 28px; margin-bottom: 24px; line-height: 36px;}
}