@charset "utf-8";

/*******************************************************************
   pc banner style
******************************************************************* */
/*
	type 0 - 대표배너
*/
.main-spot-area ul li.type0 {

}
.main-spot-area ul li.type0.bg1 {
    background: #02090c url(../images/bg_main_spot.png) center 50% no-repeat;
}
.main-spot-area ul li.type0 .inner {

}
.main-spot-area ul li.type0 h2 {
    padding: 80px 0 20px;
    text-align: center;
    line-height: 1.1;
    font-family: 'NanumSquare', sans-serif;
    color: #fff;
}
.main-spot-area ul li.type0 h2 small {
    display: block;
    margin: 0 0 20px;
    font-size: 18px;
    color: rgba(255,255,255,0.8);
}
.main-spot-area ul li.type0 h2 b {
    display: block;
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    color: rgba(255,255,255,1);
    text-shadow: 0 3px 5px rgba(0,0,0,0.35);
}
.main-spot-area ul li.type0 p {
    margin: 0 0 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255,255,255,0.8);
}
.main-spot-area ul li.type0 a.btn-go {
    display: block;
    width: 360px;
    height: 50px;
    margin: 50px auto 0;
    line-height: 50px;
    text-align: center;
    font-size: 21px;
    font-family: 'NanumSquare', sans-serif;
    color: #fff;
    border-radius: 25px;
    background-color: #f0b33f;
}
.main-spot-area ul li.type0 a.btn-go:hover {
    background-color: #eda216;
}


/*******************************************************************
   mobile banner style
******************************************************************* */
/* phone ~ 767px */
@media screen and (max-width: 767px) {

    .main-spot-area ul li.type0.bg1 {
        padding: 0 20px 40px;
        background: #02090c url(../images/bg_main_spot.png) center 50% no-repeat;
        background-size: cover;
    }
    .main-spot-area ul li.type0 h2 {
        padding: 40px 0 10px;
    }
    .main-spot-area ul li.type0 h2 b {
        font-size: 32px
    }
    .main-spot-area ul li.type0 h2 small {
        margin: 0 0 20px;
        font-size: 18px;
        color: rgba(255,255,255,0.8);
    }
    .main-spot-area ul li.type0 p {
        margin: 0 0 15px;
        padding: 0 20px;
        line-height: 1.5;
        font-size: 15px;
        word-break: keep-all;
    }
    .main-spot-area ul li.type0 a.btn-go {
        width: 240px;
        height: 40px;
        margin: 30px auto 0;
        line-height: 40px;
        font-size: 18px;
        border-radius: 25px;
    }

}