@charset "UTF-8";

.page-content { }
/*탭*/
.page-content .tab-btn { display:flex; justify-content:center; align-items:center; margin-bottom:50px; }
.page-content .tab-btn a { padding:10px 20px; border:1px solid #666; border-radius:99px; margin:0 2.5px; cursor:pointer; }
.page-content .tab-btn a.on { background:var(--main-color1); border-color:var(--main-color1); color:#fff; }


@media (max-width: 1024px) {
    .page-content .tab-btn { margin-bottom:30px; }
}

.page-content .tab-con { position:relative; }
.page-content .tab-con > div:not(.on) { position:absolute; left:0; top:0; opacity:0; height:0; overflow:hidden; visibility:hidden; z-index:-9999; }




/*오시는길1 */
.root_daum_roughmap { width:100% !important; }
.root_daum_roughmap .wrap_map { height:500px !important; }


.sec1 { position:relative; left:50%; transform:translate(-50%); width:100vw; }

.sec2 { position:relative; width:100%; display:flex; align-items:center; background:var(--main-color1); padding:50px 0; margin-top:-50px; color:#fff; z-index:2; transition-duration:400ms; }
.sec2 > * { padding:10px 70px; }
.sec2 .logo { position:relative; filter:grayscale(1) invert(100%) brightness(2); }
.sec2 .logo:after { content:""; position:absolute; right:0; top:0; bottom:0; width:1px; background:rgba(0,0,0,.2); }

.root_daum_roughmap  .cont{
    display:none !important;
}

.sec2 ul { flex:1; display:grid; grid-template-columns: 1fr auto; grid-template-rows:1fr 1fr; grid-auto-flow:column; align-items:center; }
.sec2 ul li { font-size:1.25rem; }
.sec2 ul li:first-child { font-weight:700; }
.sec2 ul li:last-child { grid-row-start:1; grid-row-end:3; }
.sec2 .btn { border-radius:99px; border:3px solid #fff; padding:15px 30px; font-size:1.125rem; color:#fff; --effect-size1:300px; --effect-size2:350px; }
.sec2 .btn:hover { background:#fff; border-color:#fff !important; }

.sec3 { margin-top:50px; }
.sec3 ul { display:flex; flex-wrap:wrap; border-top:1px solid #333; }
.sec3 ul > li { padding:50px 30px; border-bottom:1px solid #ddd; }
.sec3 ul > li:nth-child(odd) { width:300px; font-size:2rem; }
.sec3 ul > li:nth-child(odd) span { background:none no-repeat left center/contain; padding-left:45px; }
.sec3 ul > li:nth-child(even) { width:calc(100% - 300px); }


.sec3 ol { list-style:none; counter-reset: list-number; margin:-15px 0; }
.sec3 ol li { position:relative; counter-increment: list-number; margin:15px 0; font-size:1.125rem; color:#111; padding-left:30px;}
.sec3 ol li::before { content:counter(list-number); position:absolute; left:0; top:3px; text-align:center; width:20px; height:20px; line-height:20px; font-size:.875rem; background:var(--main-color2); color:#fff; border-radius:99px; }


.support-list-box{ font-size:1.25rem; font-family:'Noto Sans KR'; display:grid; margin-bottom:3rem;gap:1.5rem; grid-template-columns:repeat(3,1fr)}
.support-list-box ul{list-style:none;padding:1rem; border-radius:0.25rem; box-shadow:0px 0px 12px rgba(0,0,0,0.25);}
.support-list-box ul > li{list-style:none;display:flex;align-items:center; gap:1rem;}
.support-list-box ul > li:first-child{
    font-weight:700;
    font-size:1.45rem;
    color:var(--point-color);
}

.support-wrap {
    margin:2rem auto;
}
.support-wrap table{
    width:100%;
    border-collapse:collapse;
}

.support-wrap table th,.support-wrap table td{
    padding:0.75em 1.5em;
    border-top:2px solid #dddddd;
    border-bottom:2px solid #dddddd;
}
.support-wrap table th{
    text-align:center;
}

.support-wrap table .col2-grp th:first-child,.support-wrap table .col2-grp td:first-child{
    border-right:2px solid #dddddd;
}

@media (max-width: 1500px) {
    .sec2 { display:block; width:90%; margin-left:auto; margin-right:auto; }
    .sec2 .logo:after { display:none; }
}

@media (max-width: 1200px) {
    .sec2 { width:100%; text-align:center; padding:20px; margin-top:10px; }
    .sec2 > * { padding:15px 0; }
    .sec2 .logo { display:inline-block; }
    .sec2 .logo:after { display:block; left:0; top:auto; width:100%; height:1px; }
    .sec2 ul { display:block; }
    .sec2 ul li:last-child { margin-top:20px; }
    .sec2 .btn { padding:10px 30px; }
}


@media (max-width: 1024px) {
    .root_daum_roughmap .wrap_map { height:350px !important; }

    .sec3 ul { display:block; }
    .sec3 ul > li { padding:30px 15px; }
    .sec3 ul > li:nth-child(odd) { border-bottom:0; padding-bottom:0; font-size:1.4rem; }
    .sec3 ul > li:nth-child(odd) span { padding-left:30px; }
    .sec3 ul > li:nth-child(even) { width:100%; padding-top:15px; }

    .sec3 ol { margin:-5px 0; }
    .sec3 ol li { margin:5px 0; font-size:1rem; }
}

@media (max-width: 767px) {
    .sec2 > * { padding:10px 0; }
    .sec2 .logo img { width:80%; }
    .sec2 ul li:last-child { margin-top:15px; }
    .sec2 ul li,
    .sec2 .btn { font-size:1rem; }

    .sec3 ul > li { padding:20px 15px; }
    .sec3 ul > li:nth-child(even) { width:100%; padding-top:10px; }

    .sec3 ol li { padding-left:25px; }
    .sec3 ol li::before { top:1px; }
}



.support-wrap{
    display:flex;
    flex-direction:column;
    width: 100%;
    align-items: center;
}

.support-group-items{
    width:100%;
    max-width:800px;
    margin:30px auto;
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:50px;
}

.support-groups{
    /* grid-column: 1 / 3; */
}

.support-group{
    flex:1;
    width: 100%;    
    margin:1.5rem auto;
    display: inline-flex;
    flex-direction: column;   
    gap:1em;
    align-items: center;   
    padding-bottom:1em;
}
.support-group > h5{
    width:100%;
    text-align:center;
    border:1px solid #ddd;
    border-width:1px 0;
    padding:0.5em 1em;
    font-size:1.25rem;
    color:var(--point-color);
}
.support-list{
    text-align:center;
    display: flex;
    flex-direction: column;  
    flex: 0 0 auto;
    width:100%;
    min-width:300px;
    margin:0 auto;
}
.support-list > ul{
    flex:1;
    display:inline-flex;
    flex-direction:column;
    text-align:left;
    padding:1em 1.85em;
    gap:4px;
    align-items: stretch;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;    
}

.support-list > ul li {
    font-size:1.25em;
}

.support-list > ul li.support-tags{
    display:flex;
    align-items:stretch;
    font-weight:500;
    padding:0 16px;
}
.support-list li > .support-label{
    font-size:0.9em;
    font-weight:400;
    background-color:#ffffff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    padding-left:4px;
    padding-right:4px;
    margin-right:16px;
    margin-left:-16px;
}
.support-list li > .support-label:after{
    display:none;
    content:' : ';
    position:absolute;
    right:4px;
}


@media(max-width:1080px){
    .support-group-items{
        display:grid;
        grid-template-columns:repeat(1,1fr);
        gap:30px;
    }
}

@media(max-width:992px){
    .support-groups{
        
    }
}
@media(max-width:500px){
    .support-group{
        padding-bottom:0;
    }
    .support-group-items{
        display:grid;
        grid-template-columns:repeat(1,1fr);
        gap:15px;
    }
    .support-list li > .support-label {
        font-size: 0.7em;
        font-weight: 400;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        margin-left:  0;
    }
    .support-list > ul li.support-tags {
        display: flex;
        flex-direction:column;
        align-items: stretch;
        font-weight: 500;
        padding: 0 0;
        margin-bottom:10px;
    }
}