/* @charset "utf-8"; */ /* ie브라우저에서 아이콘폰트가 적용안되는 문제로 주석 */
/* ================================================================== */
/* Name	: style.css
/* Script : Grid, Button, Form, List, Tab, Table, Font icon CSS
/* Author : Design Geulggol
/* Date	: 2019-01-23
/* ================================================================== */


.wrap1100 {
    max-width:1110px;
    margin:0 auto;
}
.wrap1280 {
    max-width:1280px;
    margin:0 auto;
}
.wrap1450 {
    max-width:1450px;
    margin:0 auto;
}


/* ----------------------------- */
/* Responsive
/* -----------------------------
/* Layout Max Size : 1320px (1280px)
/* Desktop Size	: 991px < Screen <= 1280px
/* Tablet Size : 661px <= Screen <= 990px
/* Mobile Size : 441px < Screen < 660px (landscape)
/* Mobile Size : 320px < Screen < 440px (portrait)
/* sm-col-colnum
/* md-col-colnum
/* lg-col-colnum
/* xl-col-colnum
/* ----------------------------- */

/* PC */
@media screen and (min-width:1280px) {
    .xl-col-2 {
        width:50%;
        float:left;
    }
    .xl-col-3 {
        width:33.3333%;
        float:left;
    }
    .xl-col-4 {
        width:25%;
        float:left;
    }
    .xl-col-5 {
        width:20%;
        float:left;
    }
	.xl-col-50{
	    width:45%;
		float:none;
	}
}

@media screen and (max-width:1279px) {
    .lg-col-2 {
        width:50%;
        float:left;
    }
    .lg-col-3 {
        width:33.3333%;
        float:left;
    }
    .lg-col-4 {
        width:25%;
        float:left;
    }
    .lg-col-5 {
        width:20%;
        float:left;
    }
	.lg-col-50 {
        width:45%;
        float:none;
    }
}


/* Tablet */
@media screen and (max-width:1024px) {
    .md-col-2 {
        width:50%;
        float:left;
    }

    .md-col-3 {
        width:33.3333%;
        float:left;
    }
    .md-col-5 {
        width:20%;
        float:left;
    }
	.md-col-50 {
        width:45%;
        float:none;
    }
}
@media screen and (max-width:1023px) {
    /* ----------------------------- */
    /* header
    /* ----------------------------- */

/*     nav {
        display: none;
    } */
}
@media screen and (max-width:768px) {
    .md-col-1 {
        width:100%;
        float:none;
    }
}

/* mobile */
@media screen and (max-width:767px) {
    .sm-col-1 {
        width:100%;
        float:none;
    }
}