@charset "utf-8";

/* gamja-flower-regular - latin */
@font-face {
    font-family: 'Gamja Flower';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/gamja-flower-v5-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Gamja Flower Regular'), local('GamjaFlower-Regular'),
        url('../fonts/gamja-flower-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/gamja-flower-v5-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/gamja-flower-v5-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/gamja-flower-v5-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/gamja-flower-v5-latin-regular.svg#GamjaFlower') format('svg');
    /* Legacy iOS */
}

/* 공통요소 */
body {
    font-family: 'Poppins';
}

.line_b {
    border-bottom: #666 1px solid;
}

.line_l {
    border-left: #666 1px solid;
}

.line_r {
    border-right: #666 1px solid;
}

.line_t {
    border-top: #666 1px solid;
}

table,
th,
td {
    border: 1px solid #000;
    text-align: -webkit-center;
}

td {}

p {
    font-size: 14px !important;
    color: #666666 !important;
}

.sr-only {
    position: absolute;
    left: -9999px;
}


header > nav {
    position: fixed;
    right: 5px;
    top: 45%;
}


header > nav > ul > li {
    margin-bottom: 10px;
}

header > nav > ul > li > a {
    display: block;
    text-align: right;
    font-weight: 400;
    line-height: 25px;
    margin-right: 30px;
    font-size: 10px;
    /* width:10px; */
    /* height:10px; */
    /* margin-left:5px; */
    /* text-indent:-9999px; */
    /* background-color:rgba(0,0,0,0.85); */
    /* border-radius:12px; */
}


header > nav > ul > li.on > a {
    color: #fff;
    /* width:12px; */
    /* height:12px; */
    /* margin-left:2px; */
    /* background:none; */
    /* border:2px solid white; */
    /* border-radius:7px; */

}

header > .ro {
    position: fixed;
    right: 0;
    top: 48%;
}


header > .ro > ul > li > a {
    display: block;
    /* text-align:right; */
    /* font-weight:400; */
    /* line-height:25px; */
    /* margin-right:30px; */
    /* font-size:10px; */
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -9999px;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 12px;
}


header > .ro > ul > li.on > a {
    /* color:#fff; */
    width: 12px;
    height: 12px;
    margin-left: 2px;
    background: none;
    border: 2px solid white;
    border-radius: 7px;

}

/* 컨텐츠 영역 */



section > .cont1 {

    overflow: hidden;
    width: 100%;
    height: auto;
}

.qp {
    overflow: hidden;
    z-index: 999999999;
    position: absolute;
    left: 51.7%;
    top: 49.5%;
    background-image: url(../images/f1.png);
    width: 829px;
    height: 230px;
    transform: translate(-50%, -50%);

}


.line_b {
    border-bottom: #ccc 1px solid;
}

.line_l {
    border-left: #ccc 1px solid;
}

.line_r {
    border-right: #ccc 1px solid;
}

.line_t {
    border-top: #ccc 1px solid;
}

table,
th,
td {
    border: 1px solid #ccc;
    text-align: -webkit-center;
}

td {
    padding-top: 4px;
}

p {
    font-size: 14px !important;
    color: #666666 !important;
}



#header.on .m_btn a {
    background: url(../images/menu_btn.png)no-repeat 50% 50%;
}

.top {
    width: 100%;
    height: 350px;
    background: url(../images/main_ty.png)no-repeat 50% 50%;
    background-size: cover;
}


@media (max-width:900px) {
    #contents-box {
        width: 100% !important;
        padding: 0 20px 50px !important;
        box-sizing: border-box;
    }

    .b_title {
        width: 100% !important;
    }

    #price {
        width: 100% !important;
    }

    .bb {
        width: 100% !important;
    }
}

@media (max-width:500px) {
    .top {
        height: 300px !important;
    }

    .b_title {
        background-size: cover;
        margin: 40px 0 20px 0 !important;
        height: 28px !important;
    }
}

@media (max-width:350px) {
    .top {
        height: 200px !important;
    }

    .bb {
        font-size: 12px !important;
    }

    .bb p {
        font-size: 12px !important;
    }

    #total_period {
        font-size: 12px !important;
        letter-spacing: -1px;
    }
}