/*
 * Copyright inpleworks, Co.
*/


/* ------------------------------------------------------------------------------------------------------------------ */
/* CUSTOM RESPONSIVE
/* ------------------------------------------------------------------------------------------------------------------ */
/* Extra small devices  (Phones 319px 이하) 
---------------------------------------------------------------------------- */
@media (max-width: 319px) {

    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        width: 100%;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }
   
}

/* Extra small devices  (Phones 768px 이하)
---------------------------------------------------------------------------- */
@media (max-width: 767px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }
}

/* Small devices (tablets, 768px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 768px) {

    /* page top */
    .xet-page-top>div {
        height: 250px;
    }

    /* TOP SCROLL BUTTON
	-------------------------------------- */
    #xet-top-scroll {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    #xet-top-scroll a {
        background-size: 24px;
    }

    /* Push */
    .xet-push-left {
        width: 320px;
        left: -320px;
    }

    .xet-push-right {
        width: 320px;
        right: -320px;
    }

    .push-toright {
        left: 320px !important;
    }

    .push-toleft {
        left: -320px !important;
    }

}

/* Medium devices (desktops, 992px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 992px) {

    /* HEADER
	-------------------------------------- */
    #xet-header {
        height: 80px;
    }

    #xet-header .scroll-fixed .xet-container-fluid {
        text-align: center;
    }

    .xet-logo {
        margin: 0 30px 0 0;
        width: auto;
        height: 80px;
        line-height: 80px;
        text-align: left;
    }

    .xet-logo a {
        height: 100%;
        line-height: 80px;
    }

    #xet-header .xet-nav-ul>li {}

    #xet-header .xet-nav-ul>li>a,
    #xet-header .xet-nav-ul>li>button {
        height: 50px;
        line-height: 50px;
    }

    /* 아이콘 버튼 */
    .xet-nav-ul>li.li-btn>button {
        width: 50px;
    }

    /* Hover color NAV 1차 */
    .xet-nav-ul>li.li-btn:hover>button {}

    #xet-xs-login {
        position: relative;
        margin-left: 25px;
        margin-top: 23px;
    }

    /* 슬라이더 ON */
    #xet-header.use-slider {}

    #xet-header.use-slider>div {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        background: transparent;
    }

    #xet-header.use-slider .xet-logo {}

    #xet-header.use-slider .xet-logo a {
        color: #fff;
    }

    #xet-header.use-slider .xet-logo a img {
        max-width: 100px;
    }

    #xet-header.use-slider .xet-nav-ul>li>a,
    #xet-header.use-slider .xet-nav-ul>li>button {
        height: 30px;
        line-height: 30px;
    }

    #xet-header.use-slider .xet-logo a .logo-img-w {
        display: block;
    }

    #xet-header.use-slider .xet-logo a .logo-img-b {
        display: none;
    }


    /* scroll to fixed */
    #xet-header>.scroll-fixed {
        height: 80px;
    }

    #xet-header>.scroll-fixed .xet-nav-ul>li>a,
    #xet-header>.scroll-fixed .xet-nav-ul>li>button {
        height: 50px;
        line-height: 50px;
    }

    #xet-header>.scroll-fixed .xet-logo,
    #xet-header>.scroll-fixed .xet-logo a {
        height: 50px;
        line-height: 50px;
    }



    /* Section - Slider
	-------------------------------------- */
    .xet-slider .xet-slider-container {
        height: calc(100vh);
    }

    /* Section - Feature
	-------------------------------------- */
    .xet-feature .xet-icon-box {
        min-height: 200px;
    }

    /* Section - chain
	-------------------------------------- */
    .xet-chain-item .chain-img-inner a {
        font-size: 18px;
        margin: 0 5px;
    }

    /* page top */
    .xet-page-top>div {
        height: 200px;
    }

    /* LNB */
    .xet-lnb {
        border-bottom: 1px solid #e1e1e1;
    }

    /* BTN
	-------------------------------------- */
    .xet-btn-theme,
    .xet-btn-bg-theme {
        padding: 15px 40px;
    }
    
}

/* Large devices (large desktops, 1200px 이상)
---------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .xet-container-fluid {
        padding: 0 !important;
        width: 90%;
        max-width: 1920px;
    }
}

@media (max-width:1320px) {
    #xet-xs-login {
        display: none;
    }

    /* #xet-header.use-slider .xet-nav-ul>li>a {
        font-size: 24px;
    } */
}