@charset "utf-8";
section.section-full {
    width:100%;
}
section.section {
    padding:0 2rem;
    max-width:var(--max-width);
}

.w-100 {
    width: 100px !important;
}
.w-150 {
    width: 150px !important;
}
.w-200 {
    width: 200px !important;
}
.w-300 {
    width: 300px !important;
}


div#stnWrap {
    width:100%;
    z-index: 1;
}
section.stnWrap {
    padding:0 2rem;
    max-width: var(--max-width);
    margin:0 auto;
}
section.stnfullWrap {
    width:100%;
}
div.stnBtnWrap {
    padding:1rem 0;
    display: flex; gap: 1rem;
}
div:where(.swal2-container) {
z-index: 10000 !important;
}


section.stnHeaderTopBn {
    background-image: url(https://ecudemo23165.cafe24.com/skin-skin604/_wg/_cPack/cp507/img/01.png);
    background-color: #eee;
}
section.stnHeaderTopBn > article.stnHeaderTopBn {
    max-width: var(--max-width);
    margin:0 auto;
    text-align: center;
    padding:1rem 0;
    color: #111;
    display: flex; align-items:center;justify-content:center; gap: .5rem;
}
section.stnHeaderTopBn > article.stnHeaderTopBn > h1 {
    padding:0 0 0 0; margin:0 0 0 0;  font-size: .875rem; font-weight: 400;
}
section.stnHeaderTopBn > article.stnHeaderTopBn > h2 {
    padding:0 0 0 0; margin:0 0 0 0;  font-size:1rem; font-weight: 400;
}
section.stnHeaderTopBn > article.stnHeaderTopBn > h2 > strong {
    font-weight: 600;
}
section.stnHeaderTopLink {
    border-bottom:1px solid #f4f4f4;
}
section.stnHeaderTopLink > article.stnHeaderTopLink {
    padding:0 2rem;
    display: flex; gap: 1rem;
    justify-content: flex-end; align-items: center;
    max-width: var(--max-width);
    margin:0 auto;
}
section.stnHeaderTopLink > article.stnHeaderTopLink > a {
    text-decoration: none; color:#666; padding:.5rem 0; transition: color .3s;
}
section.stnHeaderTopLink > article.stnHeaderTopLink > a:hover { color:#000; }

section.stnHeaderTopGnb {
    display: flex;  flex-direction: row;  justify-content: space-between; align-items: center; padding:.25rem 0;
}
section.stnHeaderTopGnb > article.stnHeaderTopGnb {
    display: flex; gap: 2rem; align-items: center;
}
section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.logo {
    max-width: 200px;
}
section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.search {
    border:1px solid #CCC; border-radius: 999px; display: flex; align-items: center; padding:.125rem 1rem; gap: 1rem; width:300px;
}
section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.search  > input,
section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.search  > button {
    border:0; outline: none; background: none; padding:.5rem .5rem; padding:0 0 0 0; line-height: 2rem;
}
section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.search  > input {  font-size: 1rem; width:100%; }
section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.search  > button  { height: 100%;  cursor: pointer; border:none; transition: all .3s; font-size: 1.25rem; }
section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.search  > button:hover { color: #135dba; }


section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.searchBars { display: none; }



section.stnHeaderTopGnb > article.stnHeaderTopGnbLink {
    display: flex; align-items: center; gap: 2rem;
}
section.stnHeaderTopGnb > article.stnHeaderTopGnbLink > a {
    text-decoration: none; color:#666; font-weight: 400; font-size:.75rem; display: flex; flex-direction: column; align-items: center; transition: all .3s; gap: .25rem;
}
section.stnHeaderTopGnb > article.stnHeaderTopGnbLink > a > i { font-size: 1.5rem; transition: all .3s;  color:#999;}
section.stnHeaderTopGnb > article.stnHeaderTopGnbLink > a:hover,
section.stnHeaderTopGnb > article.stnHeaderTopGnbLink > a:hover i {
    color: #000;
}

section.stnNav {
    border-top:1px solid #f4f4f4; border-bottom:2px solid #333;
}
section.stnNav > article.stnNav {
    max-width: var(--max-width);
    padding:0 2rem;
    margin:0 auto;
    display: flex;
    align-items: center;
    gap: 2rem;
}
section.stnNav > article.stnNav  > button {
    border:0; outline: none; background: none; padding:0 0 0 0;  cursor: pointer; background: #000; padding:.5rem 1rem;
}
section.stnNav > article.stnNav  > button >  i { font-size:1.5rem; color:#FFF; }
section.stnNav > article.stnNav  > a {
    text-decoration: none; color:#333; font-size:.875rem;
}

.stnFooterLogoWrap {
    padding:2rem 0;
    display: grid; grid-template-columns:repeat(6,minmax(0,1fr)); justify-items:center; align-items:center;
}
.stnFooterLogoWrap > img.img1 { max-height:20px; }
.stnFooterLogoWrap > img.img2 { max-height:40px; }
.stnFooterLogoWrap > img.img3 { max-height:30px; }
.stnFooterLogoWrap > img.img4 { max-height:40px; }



section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.searchBars > button {
    border:0; outline: none; background: none; padding:0 0 0 0;  cursor: pointer; background: #000; padding:.5rem 1rem;
}
section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.searchBars > button >  i { font-size:1.5rem; color:#FFF; }






@media (max-width: 599px) {
    .stnFooterLogoWrap {
        display: grid; grid-template-columns:repeat(3,minmax(0,1fr)); justify-items:center; align-items:center; gap: 1rem;
    }

    footer#stnFooterWrap > section.stnFooterBg2 > div.stnFooterInfo {
        padding:2rem 2rem;
        max-width: var(--max-width);
        margin:0 auto;
        display: grid; grid-template-columns:repeat(2,minmax(0,1fr));
        font-size:.625rem !important;
        gap: 1rem;
    }
    footer#stnFooterWrap > section.stnFooterBg2 > div.stnFooterInfo > article {
        font-size:.5rem !important;
    }
    footer#stnFooterWrap > section.stnFooterBg2 > div.stnFooterInfo > article h6, footer#stnFooterWrap > section.stnFooterBg2 > div.stnFooterInfo > article a {
        font-size:.625rem !important;
    }
    footer#stnFooterWrap article.stnFooterInfo > div.stnFooterInfoLink {
        justify-content:space-between;
    }
    footer#stnFooterWrap article.stnFooterInfo > div.stnFooterInfoLink > a {
        color: #FFF;
        text-decoration: none;
        font-size: .625rem !important;
        font-weight: 400;
    }
    footer#stnFooterWrap > section.stnFooterBg3 > article.info {
        font-size:.625rem !important;
    }


}

/* Fold / Flip */
@media (min-width: 600px) and (max-width: 767px) {

    .stnFooterLogoWrap {
        display: grid; grid-template-columns:repeat(3,minmax(0,1fr)); justify-items:center; align-items:center; gap: 1rem;
    }
    footer#stnFooterWrap > section.stnFooterBg2 > div.stnFooterInfo {
        padding:2rem 2rem;
        max-width: var(--max-width);
        margin:0 auto;
        gap: 2rem;
        display: grid; grid-template-columns:repeat(2,minmax(0,1fr))
    }
    footer#stnFooterWrap article.stnFooterInfo > div.stnFooterInfoLink {
        justify-content:space-between;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    section.stnHeaderTopLink { display: none; }
    section.stnNav { display: none; }
    article.stnHeaderTopGnbLink { display: none !important; }
    section.stnHeaderTopGnb {
        display: flex;  flex-direction: row;  justify-content: center; align-items: center; padding:.25rem 0; margin-bottom:1rem;
    }
    section.stnHeaderTopGnb > article.stnHeaderTopGnb {
        margin:0 2rem; width:calc(100% - 4rem);
    }
    section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.search { width:100%; }
    section.stnHeaderTopGnb > article.stnHeaderTopGnb > div.searchBars { display: block; }



    .stnFooterLogoWrap {
        display: flex; align-items:center; gap: 1rem; justify-content:space-between;
        padding:1rem 0; flex-wrap: wrap;
    }


}

/* Small Desktop / Laptop */
@media (min-width: 1025px) and (max-width: 1439px) {

}

/* Large Desktop / WQHD 이상 */
@media (min-width: 1440px) {

}