/*=================================================
			bootstrap
=================================================*/
/*****#####===== 5개 컬럼 =====#####*****/
/***** xl *****/
@media (min-width: 1200px){
    .col-xl-25{flex:0 0 20%;max-width:20%;}
}

/***** lg *****/
@media (min-width: 992px){
    .col-lg-25{flex:0 0 20%;max-width:20%;}
}

/***** md *****/
@media (min-width: 768px){
    .col-md-25{flex:0 0 20%;max-width:20%;}
}

/***** sm *****/
@media (min-width: 576px){
    .col-sm-25{flex:0 0 20%;max-width:20%;}
}

.col-25{flex:0 0 20%;max-width:20%;}

/*=================================================
			REM 설정
=================================================*/
html, body{
    font-family: "notokr", Sans-Serif;
    font-size: 16px;
    font-weight: 500;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    html, body{font-size: 15px;}
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    html, body{font-size: 14px;}
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767.98px){
    html, body{font-size: 13px;}
}

/***** xs *****/
@media (max-width: 575.98px) {
    html, body{font-size: 12px;}
}

/*=================================================
			텍스트 설정
=================================================*/
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    margin: 0;
    padding: 0;
}

h1,.h1{
    font-size: 3.4375rem;
    font-weight: 200;
    line-height: 1.4em;
}

h2,.h2{
    font-family: 'GothamBook', "notokr", Sans-Serif;
    font-size: 1.5625rem;
    font-weight: 300;
    line-height: 1.4em;
}

/*=================================================
			버튼, 색 설정
=================================================*/
.point-color{
    color: #1374f8;
}

.point-bg {
    background-color: #1374f8;
}

.point-btn-1{
    padding: 0.4em 1.5em;

    background-color: #1374f8;

    color: #ffffff;
}

.point-btn-2{
    padding: 0.4em 1.5em;

    background-color: #777777;

    color: #ffffff;
}

.border-btn{
    border: 2px solid #1374f8;

    color:#1374f8;
}

[class*='point-btn']{
    border-radius: 0;
}

/*****#####===== 미디어쿼리 =====#####*****/
/***** sm *****/
@media (max-width: 767.98px){
    [class*='point-btn']{
        margin:3px;
    }
}

/*=================================================
			네비게이션
=================================================*/
#global-nav{
    padding: 1.5rem 0 3rem;
}

#top-nav{
    margin-bottom: 1rem;

    font-size: 1.3rem;
    font-weight: 600;
    color: #ffffff;
}

#top-nav .list-inline-item:not(:last-child){
    margin-right: 1.5rem;
}

.menu-title{
    margin-bottom: 2rem;

    text-align: center;
    color: #ffffff;
}

.icon-wrap{
    display: block;

    background-color: #d0d2d6;
    border-radius: 5px;
}

.icon-wrap:hover,
.icon-wrap.active{
    background-color: #ffffff;
}

.icon-wrap .inner{
    padding:0.5em;
}

.menu-icon:before{
    color: #1374f8;
    font-size: 3rem;
}

.icon-title{
    font-weight: 700;
    color: #555555;
}

/*****#####===== 미디어쿼리 =====#####*****/
/***** md *****/
@media (max-width: 991.98px){
    .row-10 > div[class^='col']{
        padding-left:5px;
        padding-right:5px;
    }
}

/***** sm *****/
@media (max-width: 767.98px){
    #global-nav{
        padding:1.5rem 0;
    }

    .row-10 > div[class^='col']{
        margin-bottom:10px;
    }

    #calc-nav .calc-nav-btn{
        font-size:1rem;
    }

    .menu-icon:before{
        font-size: 2.7rem;
    }
}


/*=================================================
			slick
=================================================*/
.slick-prev,
.slick-next{
    position:absolute;

    width: 1.75rem;
    height: 3.125rem;

    z-index:10;
}

.slick-prev:before,
.slick-next:before{
    content: '';
}

.slick-prev{
    left: -2rem;

    background-image: url('/img/button/left-arrow.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.slick-next{
    right: -2rem;

    background-image: url('/img/button/right-arrow.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.slick-dots{
    bottom: 2rem;
}

.slick-dots li button:before{
    color: #ffffff;
    font-size: 1rem;
}

/*****#####===== 미디어쿼리 =====#####*****/
/***** sm *****/
@media (max-width: 767.98px){
    .slick-prev{
        left:-1rem;
    }

    .slick-next{
        right:-1rem;
    }
}

/*=================================================
			페이지
=================================================*/
.section-wrap,
.page-content-wrap{
    padding: 2rem 0;
}

/*****#####===== 미디어쿼리 =====#####*****/
/***** md *****/
@media (max-width: 991.98px){
    .section-wrap,
    .page-content-wrap{
        padding: 1rem 0;
    }
}

/***** sm *****/
@media (max-width: 767.98px){
    .section-wrap,
    .page-content-wrap{
        padding:0rem;
    }

    .container{
        padding:15px;
    }
}