@charset "utf-8";
/* 
layout-responsive.css for supported in all modern browsers 
ie11.0, chrome 29.0, safari 10, firefox 22.0, opera 48 
By xetemplate(https:xetemplate.com)
*/

/* 세로 모드. 뷰포트의 높이가 너비에 비해 상대적으로 크면 실행. 
---------------------------------------------------------------------------- */ 
@media all and (orientation:portrait) {
}
/* 가로 모드. 뷰포트의 너비가 높이에 비해 상대적으로 크면 실행. 
---------------------------------------------------------------------------- */ 
@media all and (orientation:landscape) {
} 

/* XS 
-------------------------------------- */  
@media (max-width: 575px) {}

/* SM 
---------------------------------------------------------------------------- */
@media (min-width: 576px) {}

/* MD 
---------------------------------------------------------------------------- */
@media (min-width: 768px) {
    #xet-body {
		margin: 180px 20px 0;
	}
    #xet-footer.sub {
        margin: 0 20px;
    }
}

/* LG 
---------------------------------------------------------------------------- */
@media (min-width: 992px) {

    body.cursor {
        cursor: none;
    }

    .xet-sub-top {
        padding-top: 180px;
    }
    #xet-body {
		margin: 280px 20px 0;
	}
	
    #xet-footer.sub {
        margin: 0 20px;
    }

    .xet-btn:hover {
        background-color: #ff6600 !important;
        border-color: #ff6600 !important;
        color: #fff !important;
    }
}

/* XL 
---------------------------------------------------------------------------- */
@media (min-width: 1200px) {  
    .xet-sub-top {
        padding-top: 200px;
    }	
    #xet-body {
		margin: 300px 30px 0;
	}
    #xet-footer.sub {
        margin: 0 30px;
    }
}

/* XXL 
---------------------------------------------------------------------------- */
@media (min-width: 1400px) {  
    .xet-sub-top {
        padding-top: 200px;
    }	
    #xet-body {
		margin: 300px 40px 0;
	}
    #xet-footer.sub {
        margin: 0 40px;
    }
}