/**/
:root {
    --transition-time:0.5s;
    --header-height:110px;
}

.wrap {
    max-width:1208px;
    margin:auto;
}
.visually-hidden {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
}

/**/
#iv-content {
    padding:120px 0 130px 0;
}
#iv-content .content-head {
    padding-bottom:8.0rem;
    border-bottom:1px solid #DADADA;
}
#iv-content .content-head .a {
    border:1px solid #000;
    border-radius:30px;
    display:inline-block;
    padding:8px 32px;
    font-size:2.4rem;
    color:#000;
    font-weight:300;
    line-height:3.2rem;
    margin:auto;
}
#iv-content .content-head .b {
    font-size:4.8rem;
    font-weight:700;
    text-align:center;
    margin-top:32px;
    color:#000;
}
#iv-content section {
    padding:80px 0;
    border-bottom:1px solid #DADADA;
}
#iv-content section:first-child {
    padding-top:0;
}
#iv-content section:last-child {
    padding-bottom:0;
    border-bottom:0;
}

#iv-content section .page-title-1 {
    font-size:4.0rem;
    color:#000000;
    font-weight:700;
    margin-bottom:4rem;
    text-align: center;
}

#iv-content section .page-title-2 {
    font-size:4.0rem;
    color:#000000;
    font-weight:700;
    margin-bottom:4rem;
    padding:80px 0;
    border-top:1px solid #DADADA;
    text-align: center;
}

#iv-content section .page-title {
    font-size:4.0rem;
    color:#C02929;
    font-weight:700;
    margin-bottom:4rem;
}
#iv-content section .page-title-sub {
    margin-bottom:4rem;
    font-weight:400;
    color:rgba(9, 9, 9, 0.6);
    /*font-size:2.4rem;*/
}
#iv-content section .wrap-mini {
    width:100%;
    max-width:880px;
    margin:auto;
}
#iv-content section article {
    margin-bottom:8rem;
}
#iv-content section article:last-child {
    margin-bottom:0;
}

/**/
.btn-red {
    cursor:pointer;
    display: flex;
    width: 200px;
    height: 56px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #C02929;
    color:#fff;
    border:1px solid #C02929;
}
.btn-red:hover {
    color:#fff;
}
.btn-normal {
    cursor:pointer;
    display: flex;
    width: 200px;
    height: 56px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #fff;
    color:#000;
    border:1px solid #000;
}

/* font size */
.fs-14 {font-size:1.4rem !important;}
.fs-20 {font-size:2rem;}
.fs-24 {font-size:2.4rem;}
.fs-32 {font-size:3.2rem;}
.mt-1r {margin-top:1rem;}
.mt-2r {margin-top:2rem;}
.mt-3r {margin-top:3rem;}
.mt-4r {margin-top:4rem;}
.mt-5r {margin-top:5rem;}
.mb-1r {margin-bottom:1rem;}
.mb-2r {margin-bottom:2rem;}
.mb-3r {margin-bottom:3rem;}
.mb-4r {margin-bottom:4rem;}

/**/
.pagination {}
.pagination li.page-item {}
.pagination li a {
    padding:1rem 1.5rem;
    border:0;
    color:#000;
}
.pagination li.page-item.active a {
    background:#000;
    color:#fff;
}

/**/
header {
    width:100%;
    position:absolute;
    transition:background-color var(--transition-time);
    background-color:transparent;
    z-index:100;
}
header .nav-container {
    height:128px;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    padding:4px clamp(10px, 5vw, 60px) 20px clamp(10px, 5vw, 60px);
    align-items:center;
    justify-content:space-between;
}
header .logo-container {
    width:210px;
}
header .logo {
    display:block;
    width:100%;
    height:44px;
    background:url(/images/content/layout/logo_white.png) no-repeat center center;
    background-size:contain; 
    transition:background-image var(--transition-time);
}
header .logo.white {
    background-image:url(/images/content/layout/logo_white.png);
}
header .menu-container {
    padding:0 20px;
    flex-grow:1;
}
header .menu-container div.m1 {
    display:flex;
    justify-content:center;
}
header .menu-container ul.m1 {
    display:flex;
    justify-content:center;
    flex-basis:100%;
}
header .menu-container li.m1 {
    width:200px;
    padding:0;
    text-align:center;
}
header .menu-container a.m1 {
    color:#fff;
    transition:color var(--transition-time)
}

header .inquiry-container {
    width:210px;
    display: flex;
    justify-content: flex-end;
}
header .inquiry-container .mbtn_box,
header .inquiry-container .mtop_menu {
    display:none;
}
header .inquiry-container a.button-inquiry {
    width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:56px;
    color:#fff;
    border-radius:50px;
    transition:background-color var(--transition-time), color var(--transition-time);
}
header .sub-container {
    height:auto;
    display:none;
    margin-top:-20px;
}
header .sub-container .nav-container {
    height:auto;
    display: flex;
    justify-content: center;
    /*padding:0 clamp(10px, 5vw, 60px) 80px clamp(10px, 5vw, 60px);*/
}
header .sub-container a.m2 {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    min-height:40px;
    color:rgba(0,0,0,0.6);
    transition:color var(--transition-time), border-bottom-color var(--transition-time);
}
header .sub-container a.m2:hover {
    color:rgba(0,0,0,1);
    border-bottom:2px solid rgba(0,0,0,0.1);
}
#inno_header .lnb_bg {
    display:none;
}
/**/
.sub-layout header,
header.open-style,
header.open-menu {
    background-color:#fff;
}
.sub-layout header .logo,
header.open-style .logo,
header.open-menu .logo {
    background-image:url(/images/content/layout/logo_black.png);
    background-size:contain; 
}
.sub-layout header .menu-container a.m1,
header.open-style .menu-container a.m1,
header.open-menu .menu-container a.m1 {
    color:#000;
}
.sub-layout header .inquiry-container a.button-inquiry,
header.open-style .inquiry-container a.button-inquiry,
header.open-menu .inquiry-container a.button-inquiry {
    color:#000;
}
.sub-layout #inno_header .mbtn_box .menu_open span:before,
.sub-layout #inno_header .mbtn_box .menu_open span:after,
#inno_header.open-style .mbtn_box .menu_open span:before,
#inno_header.open-style .mbtn_box .menu_open span:after {
    background:#000;
}

/* footer */
#footer {
    background:#000;
    padding:64px 0;
    color:#fff;
}
#footer .info {
    display:flex;
    gap:2rem;
}
#footer .info .item {
    width:100%;
    max-width:320px;
}
#footer .info .item > div:nth-child(1) {
    margin-bottom:1rem;
    padding-bottom:1rem;
    border-bottom:1px solid rgba(255,255,255,0.4);

}

#footer .info .item > div:nth-child(2) {}
#footer .info .item > div:nth-child(2) a {
    text-decoration: underline;
}
#footer .copyright {
    font-size:1.3rem;
    margin-top:7rem;
    color:rgba(255,255,255,0.6);
}

@media only screen and (max-width:767px){
    footer .d-flex {flex-direction: column;}
    #footer .logo {text-align:center; margin-bottom:4rem;}
    #footer .info {flex-direction: column;align-items: center;}
    #footer .copyright {text-align:center;}
}


/**/
.sub-layout .container-section {
    min-height:80vh;
}

/**/
.sub-visual {}
.sub-visual .visual-area {
    height:480px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image:url(/images/content/layout/sub_visual_01.png);
    display:flex;
    justify-content: center;
    align-items: center;
}
.sub-visual .visual-area.visual-area-1 {
    background-image:url(/images/content/layout/sub_visual_01.png);
}
.sub-visual .visual-area.visual-area-2 {
    background-image:url(/images/content/layout/sub_visual_02.png);
}
.sub-visual .visual-area.visual-area-3 {
    background-image:url(/images/content/layout/sub_visual_03.png);
}
.sub-visual .visual-area.visual-area-4 {
    background-image:url(/images/content/layout/sub_visual_04.png);
}
.sub-visual .visual-area p {
    color:#fff;
    font-size:8.8rem;
    font-weight:700;
}
.sub-menu-tab {
    background:#F1F4F7;
    height:88px;
}
.sub-menu-tab .wrap {
    height:100%;
}
.sub-menu-tab .wrap ul {
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:100%;
}
.sub-menu-tab .wrap ul li {
    flex:1 1 100%;
    height:100%;

}
.sub-menu-tab .wrap ul li a {
    align-items: center;
    justify-content: center;
    display:flex;
    width:100%;
    height:100%;
    color:rgba(0,0,0,0.4);
    font-size:2.0rem;
    font-weight:600;
    text-align: center;
    border-top:3px solid transparent;
    border-bottom:3px solid transparent;
}
.sub-menu-tab .wrap ul li.active {

}
.sub-menu-tab .wrap ul li.active a {
    color:#000;
    border-bottom-color:#C02929;
}

@media (max-width:1440px) {
    .wrap {width:96%;margin:0 2%;max-width:100%;}
    header .menu-container li.m1 {
        display:flex;
        width:20%;
        justify-content:center;
        flex-grow:1;
    }
    header .nav-container {
        height:110px;
        padding:4px 2%;
    }
    header .logo-container {
        width:160px;
    }
    header .inquiry-container {
        width:120px;
    }
    header .inquiry-container a.button-inquiry {
        height:58px;
    }
    header .sub-container .nav-container {
        padding-bottom:4%;
    }

    /* footer */
    footer .logo img {width:96px;}
}
/* Tablet */
@media (max-width:1023px) {
    header .menu-container,
    header .sub-container {
        display:none;
    }
    header .inquiry-container {
        display:flex;
        justify-content:flex-start;
        align-items:center;
        width:auto;
    }
    header .inquiry-container a.button-inquiry {
        z-index:110;
        height:50px;
    }
    #inno_header.on .inquiry-container a.button-inquiry {
        background:#00B4ED;
        color:#fff;
    } 
    /* 모바일 버튼 */
    #inno_header .mbtn_box {
        z-index:110;
        display:block;
        position:relative;
        margin-left:20px;
    }
    #inno_header .mbtn_box .menu_open {
        display:block;
        position:relative;
        width:45px;
        height:45px;
        border-radius:100%;
        transition:all 0.4s;
    }
    #inno_header .mbtn_box .menu_open span {
        display:inline-block;
        position:absolute;
        top:0;
        right:0;
        left:0;
        bottom:0;
        width:30px;
        height:15px;
        margin:auto;
        font-size:0;
    }
    #inno_header .mbtn_box .menu_open span:before,
    #inno_header .mbtn_box .menu_open span:after {
        content:"";
        position:absolute;
        left:0;
        width:30px;
        height:3px;
        background:#fff;
        transition:all 0.4s;
    }

    #inno_header .mbtn_box .menu_open span:before {
        top:0;
    }

    #inno_header .mbtn_box .menu_open span:after {
        bottom:0;
    }

    #inno_header .mbtn_box .menu_open.on span:before {
        top:3px;
        background:#000;
        transform:rotate(45deg);
    }

    #inno_header .mbtn_box .menu_open.on span:after {
        top:3px;
        background:#000;
        transform:rotate(-45deg);
    }

    /* 모바일 메뉴 ON (body 스크롤 방지) */
    body.overlay {
        overflow:hidden;
        height:100%;
        touch-action:none;
    }

    /* 모바일 메뉴 */
    #inno_header .mtop_menu {
        z-index:105;
        display:block;
        position:fixed;
        top:0;
        right:0;
        width:100%;
        max-width:600px;
        min-width:320px;
        height:100vh;
        padding:80px 2% 5%;
        background:#fff;
        color:#111;
        transform:translateX(100%);
        transition:transform 0.4s ease-in-out;
        will-change:transform;
    }

    #inno_header .mtop_menu.open {
        transform:translateX(0);
    }

    /* 메뉴 리스트 스타일 */
    #inno_header .mtop_menu ul.m1 li {
        position:relative;
    }

    #inno_header .mtop_menu ul.m1 > li > a {
        display:block;
        padding:12px 30px 12px 15px;
        border-bottom:2px solid #08142B;
        color:#111;
        font-size:2.125rem;
        font-weight:500;
        text-decoration:none;
    }

    #inno_header .mtop_menu ul.m1 > li > a:before {
        content:"";
        position:absolute;
        top:18px;
        right:22px;
        width:1px;
        height:15px;
        background:#000;
        transition:all 0.4s;
    }
    #inno_header .mtop_menu ul.m1 > li.on > a:before {
        transform:rotate(90deg);
    }
    #inno_header .mtop_menu ul.m1 > li > a:after {
        content:"";
        position:absolute;
        top:25px;
        right:15px;
        width:15px;
        height:1px;
        background:#000;
    }
    #inno_header .mtop_menu ul.m1 li ul.m2 {
        display:none;
    }
    #inno_header .mtop_menu ul.m1 li ul.m2 > li {
        border-bottom:1px dashed #ddd;
    }
    #inno_header .mtop_menu ul.m1 li ul.m2 > li > a {
        display:block;
        height:50px;
        line-height:50px;
        text-align:center;
        color:#797979;
        font-size:2rem;
    }
    #inno_header .mtop_menu ul.m1 li ul.m2 > li:is(:hover, :focus, :active) > a {
        color:#00B4ED;
    }

    /* 배경 오버레이 */
    #inno_header .lnb_bg {
        z-index:-1;
        opacity:0;
        position:absolute;
        top:0;
        right:0;
        width:100%;
        height:100vh;
        background:rgba(0, 0, 0, 0.5);
        transition:all 0.4s;
    }
    #inno_header .lnb_bg.on {
        z-index:104;
        opacity:1;
        display:block;
    }

    /**/
    .sub-menu-tab {display:none;}
    .sub-visual .visual-area {height:280px;}
}
/* Mobile */
@media only screen and (max-width:767px){
    header .logo-container {
        width:160px;
    }
    header .inquiry-container a.button-inquiry {
        height:40px;
    }

    /* footer */
}
@media only screen and (max-width:400px){
    /* footer */

}