@charset "utf-8";
/* ================================================
	content style
	source file: common.css
	target: css level 3.0
================================================ */


/* common style */

/* inline ele. */
ul, ol {
    list-style: none;
}

input, select {
    vertical-align: middle;
}

    input[type=text], input[type=password], input[type=number], input[type=email], input[type=button], input[type=date], input[type=file], input[type=submit] {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

em {
    color: #476e9b;
    font-style: normal;
}

input, select {
    vertical-align: middle;
    padding: 0;
    margin: 0;
    padding: 5px 7px;
    height: 18px;
    border: 1px solid #ccc;
}

textarea {
    padding: 7px;
    font-size: 14px;
    border: 1px solid #ccc;
    line-height: 140%;
}
/* margin:7px 0; */
table caption {
    height: 0;
    width: 0;
    visibility: hidden;
    top: -9999em;
    left: -9999em;
    display: none;
}
/* Add display to Android problem */
a:link, a:visited {
    text-decoration: none;
    color: #333;
}

a:active, a:hover, a:focus {
    text-decoration: none;
    color: #333;
}

legend {
    display: none;
}

figure {
    width: 100%;
}

/*img {
    width: 100%;
}*/

a.link_line:link, a.link_line:visited, a.link_line:active, a.link_line:hover, a.link_line:focus {
    text-decoration: underline;
}


/* common */
.align_center {
    text-align: center
}

.ar {
    float: right
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

/* form element */
:root .selectbox, :root .selectbox select, :root .selectbox::after, :root .selectbox::before {
    display: inline-block;
    vertical-align: top;
    height: 28px;
}

    :root .selectbox::after,
    :root .selectbox::before {
        content: "";
        -moz-pointer-events: none;
        -webkit-pointer-events: none;
        pointer-events: none;
    }

    :root .selectbox, :root .selectbox::after {
        background: #fff;
    }

        :root .selectbox select {
            margin: 0;
            padding: 0 20px 0 5px;
            border: 0;
            color: #454545;
            background: #fff;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-size: 14px;
        }

        :root .selectbox option {
            background: #fff;
        }

:root .selectbox {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: 1px solid #cdcdcd;
}

    :root .selectbox::before {
        position: absolute;
        z-index: 1;
        top: 1px;
        right: 1px;
        width: 40px;
        height: 28px;
        background: url('/images/common/select_arr_down.png') no-repeat right top;
        background-size: 20px 30px;
    }

    :root .selectbox::after {
        position: relative;
        left: 1px;
        width: 1px;
        margin: 0 0 0 0;
    }

    :root .selectbox:hover::before {
        background-image: url('/images/common/select_arr_up.png');
        background-size: 20px 30px;
    }

.check_none:not(#pass) > input[type=checkbox], input[type=checkbox], .radio_none:not(#pass) > input[type=radio], input[type=radio] {
    display: none;
}

    input[type=checkbox] + label {
        background: url('/images/common/form_check_off.png') no-repeat left top;
        height: 20px;
        display: inline-block;
        padding: 2px 0 0 26px;
        background-size: 20px 20px;
        vertical-align: middle;
    }

    input[type=checkbox]:checked + label {
        background: url('/images/common/form_check_on.png') no-repeat left top;
        height: 20px;
        background-size: 20px 20px;
    }

    input[type=checkbox]:disabled + label {
        background: url('/images/common/form_check_disabled.png') no-repeat left top;
        background-size: 20px 20px;
    }

    input[type=radio] + label {
        background: url('/images/common/form_radio_off.png') no-repeat left top;
        height: 20px;
        display: inline-block;
        padding: 2px 0 0 26px;
        background-size: 20px 20px;
        vertical-align: top;
    }

    input[type=radio]:checked + label {
        background: url('/images/common/form_radio_on.png') no-repeat left top;
        height: 20px;
        background-size: 20px 20px;
    }

    input[type=radio]:disabled + label {
        background: url('/images/common/form_radio_disabled.png') no-repeat left top;
        background-size: 20px 20px;
    }


/* form option */
.area {
    display: block;
}

    .area:after {
        content: "";
        display: block;
        clear: both;
    }

    .area input[type=text], .area input[type=password], .area input[type=number], .area input[type=email], .area input[type=date], .area input[type=number], .area select {
        width: 100%;
        font-size: 14px;
    }

.side_abs {
    position: absolute;
    top: 0;
    right: 0;
}

.area.all {
    padding: 0 16px 0 0;
}

.area.date.all {
    padding: 0 6px 0 0;
}

.area.select.all {
    padding: 0 2px 0 0;
}

    .area.select.all .ea_wrap {
        width: 100%;
        float: left;
    }
/* margin-bottom:-8px; */

.area.ea01 .selectbox {
    width: 100%;
}

.area.ea02 .ea_wrap {
    float: left;
    width: 50%;
}
    /* margin-bottom:-8px; */
    .area.ea02 .ea_wrap > span {
        display: block;
        margin-right: 10px;
    }

    .area.ea02 .ea_wrap.pad_cha > span {
        margin-right: 0;
        padding-right: 16px;
    }

    .area.ea02 .ea_wrap.pad_cha:last-child > span {
        margin-right: 0;
        padding-right: 5px;
    }

    .area.ea02 .ea_wrap:last-child > span {
        margin-right: 0;
    }

    .area.ea02 .ea_wrap:nth-child(even) > span {
        margin-right: 0;
    }

    .area.ea02 .ea_wrap:nth-child(odd) > span {
        margin-left: 0;
    }

    .area.ea02 .ea_wrap > a {
        margin: 0 5px;
    }

    .area.ea02 .ea_wrap:nth-child(even) > a {
        margin-right: 0;
    }

    .area.ea02 .ea_wrap:nth-child(odd) > a {
        margin-left: 0;
    }

.area.ea03 .ea_wrap {
    float: left;
    width: 33.33%;
}
    /* margin-bottom:-8px; */
    .area.ea03 .ea_wrap > span {
        display: block;
        margin-right: 10px;
    }
    /*.area.ea03 .ea_wrap.pad_cha > span {margin-right:0; padding-right:16px;} */
    .area.ea03 .ea_wrap + .ea_wrap.pad_cha > span {
        margin-right: 0;
        padding-right: 16px;
    }
    /* 150330 add */
    .area.ea03 .ea_wrap > span.area.selectbox {
        width: auto;
    }

    .area.ea03 .ea_wrap.pad_cha:last-child > span {
        margin-right: 0;
        padding-right: 5px;
    }

    .area.ea03 .ea_wrap:last-child > span {
        margin-right: 0;
    }

.area.ea03.date .ea_wrap {
    width: 40%;
}

    .area.ea03.date .ea_wrap + .ea_wrap {
        width: 34%
    }

        .area.ea03.date .ea_wrap + .ea_wrap + .ea_wrap {
            width: 26%
        }

.area.ea04 .ea_wrap {
    float: left;
    width: 25%;
}
    /* margin-bottom:-8px; */
    .area.ea04 .ea_wrap > .state {
        display: block;
        margin: 0 5px 13px 5px;
    }

    .area.ea04 .ea_wrap:hidden:nth-child(4n+0) > .state {
        margin-right: 0;
    }

    .area.ea04 .ea_wrap:hidden:nth-child(4n-3) > .state {
        margin-left: 0;
    }



.area.ea03_ano .ea_wrap {
    float: left;
    width: 33%;
}

    .area.ea03_ano .ea_wrap:nth-child(3n-1) {
        width: 34%;
    }

    .area.ea03_ano .ea_wrap > .state {
        display: block;
        margin: 0 5px 13px 5px;
        padding-left: 0;
        text-align: center;
    }

    .area.ea03_ano .ea_wrap:nth-child(3n+0) > .state {
        margin-right: 0;
    }

    .area.ea03_ano .ea_wrap:nth-child(3n-2) > .state {
        margin-left: 0;
    }

.area.field_date .ea_wrap {
    width: 34%;
}

    .area.field_date .ea_wrap + .ea_wrap {
        width: 33%;
    }

        .area.field_date .ea_wrap + .ea_wrap + .ea_wrap {
            width: 33%;
        }

.area.side01 {
    padding-right: 65px;
}

.area.side02 {
    padding-right: 26px !important;
}

.area.side03 {
    padding-right: 16px !important;
}

.area.side04 {
    padding-right: 95px;
}

.area.side05 {
    padding-right: 65px;
}

.area.side06 {
    margin-bottom: 5px;
}
/* ago 13px */
.area.side07 {
    padding-right: 13px !important;
}




/* header */
header {
    position: relative;
    width: 100%;
    background-color: #879ab0;
}

    header:after {
        content: "";
        display: block;
        clear: both;
    }

    header h1 {
        float: left;
    }

        header h1 > a {
            width: 91px;
            height: 16px;
            padding: 17px 10px;
            background: url('/images/common/logo.png') no-repeat 10px 17px;
            background-size: 91px 16px;
            display: block;
            text-indent: -9999em;
        }

.util > ul {
    float: right;
}

    .util > ul li {
        width: 38px;
        float: left;
    }

        .util > ul li:last-child {
            background: url('/images/common/util_sepe.png') no-repeat left center;
            background-size: 1px 17px;
        }

        .util > ul li a {
            display: block;
            height: 50px;
            background: url('/images/common/ico_util.png') no-repeat -56px 0;
            background-size: 200px 50px;
            text-indent: -9999em;
        }

        .util > ul li + li a {
            background-position: -56px 0;
        }

            .util > ul li + li a.on {
                background-position: -100px 0;
            }

.city {
    margin-top: 10px;
    height: 30px;
    border: 1px solid #6d8096;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .city a {
        border-left: 1px solid #6d8096;
        float: left;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background-color: #aab0b7;
        color: #fff;
    }

        .city a.on {
            background-color: #fff;
            color: #879ab0;
        }

        .city a:first-child {
            border-left: 0;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .city a:last-child {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

    .city.sml {
        width: 99px;
        float: left;
    }

        .city.sml a {
            width: 49px;
            font-size: 11px;
            letter-spacing: -0.07em;
        }

    .city.lrg {
        float: none;
        margin: 15px auto;
        width: 189px;
    }

        .city.lrg a {
            width: 94px;
        }

#extend {
    top: 0;
    position: absolute;
    clear: both;
    width: 100%;
    background: #879ab0;
    z-index: 9999;
    display: none;
}

.entire {
    margin: 0 15px;
    clear: both;
}

.topper_srch {
    padding: 10px 0px;
    min-height: 30px;
    position: relative;
}

    .topper_srch .justify_abs {
        width: 37px;
        height: 30px;
        position: absolute;
        left: 0;
        top: 10px;
        text-indent: -9999em;
        background: url('/images/common/ico_util.png') no-repeat -64px -10px;
        background-size: 200px 50px;
    }

    .topper_srch .srch_bar {
        margin: 0 32px 0 37px;
        position: relative;
    }

        .topper_srch .srch_bar .srch {
            padding-right: 50px;
            border: 1px solid #6d8096;
            background-color: #fff;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .topper_srch .srch_bar .srch input[type=text] {
                width: 100%;
                border: 0;
                background: transparent;
            }

        .topper_srch .srch_bar .srch_btn {
            width: 40px;
            height: 30px;
            position: absolute;
            top: 0;
            right: 0;
            background: url('/images/common/ico_util.png') no-repeat -155px -10px;
            background-size: 200px 50px;
            text-indent: -9999em;
        }

        .topper_srch .srch_bar .srch_tag {
            display: none;
            padding: 10px 0 5px 0;
        }

            .topper_srch .srch_bar .srch_tag:after {
                content: "";
                display: block;
                clear: both;
            }

            .topper_srch .srch_bar .srch_tag > a {
                float: left;
                margin-right: 10px;
                color: #fff;
            }

                .topper_srch .srch_bar .srch_tag > a:last-child {
                    margin-right: 0;
                }

    .topper_srch .close {
        width: 32px;
        left: auto;
        right: 0;
        background-position: -103px -10px;
    }

.reserved {
    border-top: 1px solid #abb8c8;
    border-bottom: 1px solid #abb8c8;
    padding: 8px 0;
    margin: 0 15px;
}

    .reserved:after {
        content: "";
        display: block;
        clear: both;
    }

    .reserved li {
        width: 50%;
        float: left;
        text-align: center;
    }

        .reserved li a {
            display: inline-block;
            width: auto;
            height: 30px;
            line-height: 30px;
            padding-right: 20px;
            margin: 0 auto;
            background: url('/images/common/reserved_link_arr.png') no-repeat right 6px;
            background-size: 17px 17px;
            font-size: 13px;
            color: #fff;
            letter-spacing: -0.05em;
        }

        .reserved li:last-child {
            background: url('/images/common/blt_line_1by30.png') no-repeat left top;
        }

.entire_mnu {
    margin: 0 15px 28px 15px;
    clear: both;
}

    .entire_mnu:after {
        content: "";
        display: block;
        clear: both;
    }

    .entire_mnu nav {
        float: left;
        margin-left: 20px;
        display: none;
    }

        .entire_mnu nav:first-child {
            display: block;
        }

        .entire_mnu nav ul {
        }

            .entire_mnu nav ul li {
            }

                .entire_mnu nav ul li a {
                    color: #fff;
                    display: block;
                    padding: 9px 0;
                    -webkit-transition: all 0.5s;
                }

                    .entire_mnu nav ul li a > span {
                        margin-left: 5px;
                    }

                    .entire_mnu nav ul li a.active {
                        font-weight: bold;
                    }

                .entire_mnu nav ul li ol {
                    display: none;
                    border-top: 1px solid #b0b8c1;
                    margin: 5px 0;
                }

                    .entire_mnu nav ul li ol li {
                        border-bottom: 1px solid #b0b8c1;
                    }

                        .entire_mnu nav ul li ol li a {
                            background: url('/images/common/blt_gnb.png') no-repeat 5px 14px;
                            background-size: 5px 5px;
                            padding-left: 16px;
                        }

                        .entire_mnu nav ul li ol li .lastdep, .lastdep {
                            display: none;
                        }

    .entire_mnu aside {
        float: right;
        width: 80px;
    }

        .entire_mnu aside li {
            margin-top: 20px;
            text-align: center;
            font-size: 11px;
        }

            .entire_mnu aside li a {
                display: block;
                color: #fff;
            }

                .entire_mnu aside li a span {
                    display: block;
                    height: 56px;
                    background: url('/images/common/nav_info_v160503.png') no-repeat center top;
                    background-size: 56px 283px;
                    margin-bottom: 10px;
                }

            .entire_mnu aside li.login a span {
                background-position: center top;
            }

            .entire_mnu aside li.my_ely a span {
                background-position: center -56px;
            }

            .entire_mnu aside li.logout a span {
                background-position: center -112px;
            }

            .entire_mnu aside li.join a span {
                background-position: center -168px;
            }

            .entire_mnu aside li.mania a span {
                background-position: center -227px;
            }
/*.entire_mnu aside li:last-child a span {background-position:center -56px;}*/

.lnb {
}

    .lnb .crnt {
        min-height: 45px;
        position: relative;
    }

        .lnb .crnt a {
            display: block;
        }

        .lnb .crnt .prev {
            font-size: 11px;
            color: #879ab0;
            background: url('/images/common/blt_snb_arr.png') no-repeat 13px 14px;
            background-size: 8px 15px;
            position: absolute;
            padding: 15px 26px;
        }

        .lnb .crnt .indicator {
            font-size: 18px;
            line-height: 45px;
            text-align: center;
            border-bottom: 1px solid #879ab0;
            font-weight: bold;
        }

            .lnb .crnt .indicator sup {
                display: inline-block;
                margin-top: -7px;
            }

            .lnb .crnt .indicator span {
                margin-left: 5px;
                display: inline-block;
                text-indent: -9999em;
                background: url('/images/common/mnu_tit_off.png') no-repeat left 15px;
                background-size: 13px 15px;
                width: 15px
            }

                .lnb .crnt .indicator span.indi_active {
                    background-image: url('/images/common/mnu_tit_on.png');
                }
/*161026 추가 */
.lnb_cost .crnt {
    min-height: 45px;
    position: relative;
}

    .lnb_cost .crnt a {
        display: block;
    }

    .lnb_cost .crnt .prev {
        font-size: 11px;
        color: #879ab0;
        background: url('/images/common/blt_snb_arr.png') no-repeat 13px 14px;
        background-size: 8px 15px;
        position: absolute;
        padding: 15px 26px;
    }

    .lnb_cost .crnt .indicator {
        font-size: 18px;
        line-height: 45px;
        text-align: center;
        border-bottom: 1px solid #879ab0;
        font-weight: bold;
    }
/* 161026 추가 end */

.lnb > ul {
    margin: 0;
    display: none;
}

    .lnb > ul li {
        border-bottom: 1px solid #ccc;
        font-size: 13px;
    }

        .lnb > ul li.on a {
            color: #476e9b;
            font-weight: bold;
            letter-spacing: -1px;
        }

        .lnb > ul li a {
            display: block;
            height: 35px;
            line-height: 35px;
            padding: 0 10px 0 26px;
        }

.local_mnu {
    width: 100%;
    border-top: 1px solid #ccc;
}

    .local_mnu:after {
        content: "";
        display: block;
        clear: both;
    }

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

        .local_mnu li a {
            display: block;
            padding: 15px 20px;
        }

.res_mnu {
    margin: 0 -20px;
}

    .res_mnu:after {
        content: "";
        display: block;
        clear: both;
    }

    .res_mnu > li {
        border-bottom: 1px solid #ccc;
    }

        .res_mnu > li a {
            display: block;
            padding: 8px 20px;
        }

        .res_mnu > li > a {
            background: url('/images/reservation/res_mnu_open.png') no-repeat right top;
            background-size: 50px 35px;
        }

            .res_mnu > li > a.mnu_on {
                background-image: url('/images/reservation/res_mnu_close.png');
            }

    .res_mnu li ol li {
        border-bottom: 1px solid #ccc;
    }

        .res_mnu li ol li a {
            background-color: #597ea9;
            color: #fff;
        }

.bsc_para p {
    margin: 10px 0;
}


/* footer */
footer {
    background-color: #d4d4d4;
    padding: 18px 0 48px;
    border-top: 1px solid #929292;
    text-align: center
}

    footer ul {
        margin: 0 auto;
    }

        footer ul:after {
            content: "";
            display: block;
            clear: both;
        }

        footer ul li {
            float: left;
        }

            footer ul li:first-child {
                margin-left: 0;
            }

    footer .menu {
        width: 176px;
    }

        footer .menu li {
            width: 85px;
            margin-left: 5px;
        }

        footer .menu .bsc_btn {
            text-align: center;
            height: 28px;
            line-height: 28px;
            color: #555 !important;
            background-color: #e7e3e3;
            font-size: 13px;
            padding: 0 11px;
            font-weight: normal;
            border: 1px solid #929292;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            display: block;
        }

    footer .sns {
        width: auto;
        margin: 12px auto 15px;
        display: inline-block;
    }
/*171206*/
.gangchon footer .sns {
    width: 290px;
}

footer .sns li {
    width: 40px;
    margin-left: 10px;
    background: url('/images/common/ico_sns.png') no-repeat left top;
    background-size: 200px 40px;
}

    footer .sns li.fb {
        background-position: 0 0;
    }

    footer .sns li.twitter {
        background-position: -40px 0;
    }

    footer .sns li.cafe {
        background-position: -80px 0;
    }

    footer .sns li.blog {
        background-position: -120px 0;
    }

    footer .sns li.kakaostory {
        background-position: -160px 0 !important
    }

    footer .sns li.instagram {
        width: 40px;
        margin-left: 10px;
        background: url('/images/common/insta_m_icon.png') no-repeat;
        background-size: 40px;
    }

    footer .sns li.youtube01 {
        width: 40px;
        margin-left: 10px;
        background: url('/images/common/youtube_m_icon.png') no-repeat;
        background-size: 40px;
    }

    footer .sns li > a {
        width: 40px;
        height: 40px;
        text-indent: -9999em;
        display: block;
    }

footer .info {
    text-align: center;
}

    footer .info a:link, footer .info a:visited, footer .info a:active, footer .info a:hover, footer .info a:focus {
        text-decoration: none;
        color: #555;
    }

    footer .info span {
        background: url('/images/common/blt_dotline_2by18.png') no-repeat left 3px;
        background-size: 1px 9px;
    }

        footer .info span:first-child {
            padding-left: 0;
            background: none;
        }

        footer .info span:last-child {
            padding-left: 3px;
        }

        footer .info span a {
            display: inline-block;
            padding: 3px 7px 3px 7px;
        }

footer address {
    color: #777;
    font-style: normal;
    font-size: 10px;
    text-align: center;
    margin-top: 8px;
}


/* wrap */
#wrap {
    position: relative;
    min-width: 320px;
    max-width: 100%;
    line-height: 140%;
    margin-bottom: 50px;
}
    /* max-width:640px; */
    #wrap .each_scr {
        font-size: 16px;
        font-weight: bold;
        margin: 18px 20px;
        line-height: 140%;
    }

        #wrap .each_scr sup {
            display: inline-block;
            margin-top: -5px;
        }

    #wrap .para_scr {
        margin: 0 0 18px 0;
    }

        #wrap .para_scr.topper {
            margin: 30px 20px 18px 20px;
        }

    #wrap .sec {
        margin: 20px 0;
        position: relative;
    }
        /* 삭제예정 */
        #wrap .sec.half {
            margin-top: -10px;
        }

        #wrap .sec.ini {
            margin-top: 0;
        }

    #wrap .sec_bsc {
        margin: 20px;
        position: relative;
    }

        #wrap .sec_bsc.my {
            margin: 0 20px 20px 20px;
        }

    #wrap .sec_pad {
        padding: 20px;
        position: relative;
    }

        #wrap .sec_pad .tabs {
            *zoom: 1;
            margin-bottom: 20px;
            font-size: 0;
            display: table;
            width: 100%;
            border-collapse: collapse;
        }

            #wrap .sec_pad .tabs:after {
                content: '';
                clear: both;
                display: block;
            }

            #wrap .sec_pad .tabs li {
                display: table-cell;
                font-size: 11px;
                border: 1px solid #d3d3d3;
                text-align: center;
            }

                #wrap .sec_pad .tabs li:first-child {
                    margin-left: 0;
                }

                #wrap .sec_pad .tabs li a {
                    padding: 5px;
                    display: block;
                    background: #ebebeb;
                }

                #wrap .sec_pad .tabs li.on {
                }

                    #wrap .sec_pad .tabs li.on a {
                        background: #333;
                        color: #fff;
                        font-weight: bold;
                    }

    #wrap .sec.reserv {
        background-color: #eee;
        margin-top: 30px;
    }

    #wrap .sec.reserv_reduce {
        background-color: #fff;
        margin: 30px 0 0;
    }

    #wrap .sec.focus_bg {
        background-color: #f5f5f5;
        margin: 0;
        padding: 20px;
        border-top: 1px solid #ccc;
    }

        #wrap .sec.focus_bg.inner {
            margin: 0 -20px;
        }

    #wrap .merge_sec {
        margin-top: -40px !important;
    }

    #wrap .sec_bsc.ini {
        margin-top: 0;
    }

    #wrap .sec_bsc.minus, #wrap .sec.minus {
        margin-top: -20px;
    }

    #wrap .sec_bsc.pad_cha {
        margin: 0;
        padding: 20px;
    }

    #wrap .sec_bsc .tab_para {
        margin: 35px 0 20px 0;
    }

    #wrap .sec_wide {
        margin: 0 -20px;
        position: relative;
    }

    #wrap .txt_scr dt {
        font-weight: bold;
        margin-bottom: 20px;
    }

    #wrap .txt_scr dd p {
        margin: 20px 0;
    }

    #wrap .zibra_bg {
        background-color: #f3f3f3;
    }

        #wrap .zibra_bg h4 {
            margin-top: 5px;
        }

    #wrap .sec_bsc.full {
        margin: 0;
    }

        #wrap .sec_bsc.full h4 {
            margin: 30px 20px 20px 20px;
        }

    #wrap .sec_bsc.story {
        margin: 0 0 -50px;
    }

    #wrap .sec_bsc.story_side {
        margin: 70px 0 0 0;
    }



/* table, content note */
.note_add {
    position: relative;
}

    .note_add .headnote {
        position: absolute;
        font-size: 14px;
        color: #333;
        top: 0;
        right: 0;
        margin-top: 8px;
    }

        .note_add .headnote.tbl_tit {
            margin-top: 45px;
            font-size: 12px;
        }

            .note_add .headnote.tbl_tit.solo {
                margin-top: 0;
                font-size: 12px;
            }

        .note_add .headnote label {
            margin-right: -6px;
        }

        .note_add .headnote.slopes_indi li {
            float: left;
            background: url('/images/content/ico_slopes_open.png') no-repeat left center;
            padding-left: 15px;
            background-size: 11px 10px;
            margin-left: 10px;
        }

            .note_add .headnote.slopes_indi li + li {
                background-image: url('/images/content/ico_slopes_close.png');
            }

    .note_add .footnote {
        clear: both;
        margin: 8px 0 0 0;
        font-size: 12px;
    }

        .note_add .footnote li {
            margin-top: 3px;
            line-height: 130%;
        }

            .note_add .footnote li:first-child {
                margin-top: 0;
            }

        .note_add .footnote.sml {
            font-size: 12px;
        }

        .note_add .footnote.mark_ast {
            text-indent: -20px;
            padding-left: 20px;
        }

        .note_add .footnote .mark_hypen {
            padding-left: 10px;
            text-indent: -10px;
        }

    .note_add.blank_note {
        padding-top: 30px;
    }

        .note_add.blank_note .headnote {
            font-size: 12px;
        }

    .note_add .nopos_headnote {
        text-align: right;
        font-size: 11px;
        margin: 7px 0;
    }


/* page title */
h4 {
    position: relative;
    font-size: 16px;
    color: #00a99c;
    padding-top: 8px;
    margin: 30px 0 18px;
    font-weight: bold;
    overflow: hidden;
    color: #333;
}

    h4:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 2px;
        background-color: #333;
    }

    h4:after {
        content: "";
        display: block;
        clear: both;
    }

    h4.sup {
        padding-top: 3px;
    }

    h4.sml {
        font-size: 14px;
        color: #666;
        margin-bottom: 20px;
        padding: 0;
        background: none;
    }

.bar_no {
    margin-top: 0;
    padding-top: 0;
}

    .bar_no:before {
        display: none;
    }

.sml_tit {
    position: relative;
    font-size: 16px;
    color: #00a99c;
    padding-top: 8px;
    margin: 30px 0 18px;
    font-weight: bold;
    overflow: hidden;
    color: #333;
    display: block;
}

    .sml_tit:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 2px;
        background-color: #333;
    }

    .sml_tit:after {
        content: "";
        display: block;
        clear: both;
    }

    .sml_tit.sup {
        padding-top: 3px;
    }

    .sml_tit.sml {
        font-size: 14px;
        color: #666;
        margin-bottom: 20px;
        padding: 0;
        background: none;
    }

    .sml_tit > span {
        font-size: 14px;
        line-height: 130%;
    }

    .sml_tit.inner_move {
        margin-left: 20px;
    }

.sml_reduce {
    display: block;
    margin: 30px 0 18px 0;
}

.sml_tit.type2 {
    margin-bottom: 5px
}

.sml_tit.mt0 {
    margin-top: 0;
}

.sml_tit2 {
    position: relative;
    font-size: 14px;
    padding-top: 8px;
    margin: 10px 0 10px;
    font-weight: bold;
    overflow: hidden;
    color: #333;
    display: block;
}

    .sml_tit2:before {
        content: "";
        display: inline-block;
        position: relative;
        top: -3px;
        width: 5px;
        height: 5px;
        margin-right: 5px;
        background-color: #333;
    }

    .sml_tit2.type2 {
        color: #227bde
    }

        .sml_tit2.type2:before {
            background-color: #227bde;
        }

.head_msg {
    min-height: 100px;
    position: relative;
    margin-top: 40px;
}

    .head_msg.next_null {
        margin-bottom: 30px;
    }

    .head_msg div {
        position: absolute;
        top: 20px;
        left: 20px;
        color: 000;
    }

        .head_msg div > strong {
            font-size: 15px;
            display: block;
            margin-bottom: 10px;
        }

        .head_msg div > span {
            font-size: 12px;
            line-height: 130%;
            display: inline-block;
        }

    .head_msg img {
        display: block;
    }

    .head_msg.zero {
        margin-top: 0;
    }


/* script basic */
.scr_bsc {
    width: 100%;
}

    .scr_bsc dt {
        margin-top: 25px;
    }

        .scr_bsc dt em {
            font-weight: bold;
        }

    .scr_bsc dd > strong {
        display: block;
        margin: 12px 0 5px;
    }

    .scr_bsc dd > ul li {
        margin-top: 3px;
    }

        .scr_bsc dd > ul li:first-child {
            margin-top: 0;
        }

    .scr_bsc dd > ul.indent li, .scr_bsc dd > p.indent {
        padding-left: 10px;
        text-indent: -10px;
    }

    .scr_bsc dd .solo {
        padding-top: 10px;
    }

    .scr_bsc dd .term {
        margin-top: 20px;
        background-color: #ebebeb;
        border: 1px solid #dedede;
        padding: 13px 15px;
    }

        .scr_bsc dd .term > em {
            font-weight: bold;
        }

        .scr_bsc dd .term > p {
            margin-top: 10px;
        }

.list_item li {
    margin-top: 5px;
}

    .list_item li:first-child {
        margin-top: 0;
    }


/* htpen type */
.hypen_type li, p.hypen_type {
    margin-top: 3px;
    padding-left: 9px;
    text-indent: -9px;
}

    .hypen_type li:first-child {
        margin-top: 0;
    }

    .hypen_type li.no_indent {
        padding-left: 0;
        text-indent: 0;
    }

.hypen_type.txt_reduce li {
    font-size: 12px;
    padding-left: 8px;
    text-indent: -8px;
}

.hypen_type.asterisk li {
    padding-left: 18px;
    text-indent: -18px;
}


/* number type */
.ol_type {
    width: 100%;
}

    .ol_type li {
        margin-top: 10px;
        text-indent: -19px;
        padding-left: 19px;
    }

        .ol_type li:first-child {
            margin-top: 0;
        }

.num_type li {
    margin-top: 3px;
    padding-left: 16px;
    text-indent: -16px;
}

    .num_type li:first-child {
        margin-top: 0;
    }

    .num_type li.no_indent {
        padding-left: 0;
        text-indent: 0;
    }

.num_type.txt_reduce li {
    font-size: 12px;
    padding-left: 12px;
    text-indent: -12px;
}




/* table */
.tbl_bsc {
    width: 100%;
    table-layout: fixed;
    margin-top: 20px;
    border-top: 2px solid #333;
}

.sec_bsc .tbl_bsc {
    border-top: none;
}

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

    .tbl_bsc.bor_cha tr.last-chiuld th, .tbl_bsc.bor_cha tr.last-chiuld td, {
        border: 0;
    }

.tbl_bsc th {
    padding: 13px 0 11px 0;
    border: 1px solid #ccc;
    background-color: #ebebeb;
    vertical-align: middle;
    line-height: 130%;
}

    .tbl_bsc th.align_left {
        text-align: left;
        padding-left: 5px;
    }

    .tbl_bsc th .inq_mark {
        background-position: 1px 4px;
    }

.tbl_bsc td {
    padding: 11px 5px 9px 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    line-height: 130%;
}

    .tbl_bsc td.list_group > div {
        margin: 3px 0;
    }

.tbl_bsc.no_space td {
    padding: 11px 0 9px 0;
}

.tbl_bsc .justify:after {
    content: "";
    display: block;
    clear: both;
}

.tbl_bsc .justify .left {
    float: left;
    margin: 4px 0 0 10px;
}

.tbl_bsc .justify .right {
    float: right;
    margin-right: 10px;
}

.tbl_bsc.txt_reduce th {
    font-size: 13px;
}

.tbl_bsc.txt_reduce td {
    font-size: 12px;
}

.tbl_bsc.txt_reduce.pad_null td {
    padding-left: 0;
    padding-right: 0;
}

.tbl_bsc.bg_trans {
    border-top: 0;
}

    .tbl_bsc.bg_trans th, .tbl_bsc.bg_trans td {
        background-color: transparent;
    }

    .tbl_bsc.bg_trans tr:first-child th {
        border-top: 1px solid #ccc;
    }

.tbl_bsc.verti_top th, .tbl_bsc.verti_top td {
    vertical-align: top;
}

.tbl_bsc.verti_top th {
    padding-top: 16px;
}

.srch_tbl:first-child {
    margin-top: -10px;
}

.srch_tbl p {
    margin-top: 5px;
}

.type_list01 td {
    text-align: center;
    word-break: break-all;
}

    .type_list01 td.align_left {
        text-align: left;
    }

    .type_list01 td.align_right {
        text-align: right;
    }

.type_list01.verti_mid td {
    vertical-align: middle;
}

.type_list01 td.verti_mid {
    vertical-align: middle;
}

.type_list01 .api_view {
    width: 12px;
    height: 16px;
    padding: 5px;
}

.type_list01 th .api_view {
    margin: -5px 0 -10px 0;
}


.color_type01 {
    border-top: 2px solid #889ab0;
}

    .color_type01 .point_color01 th {
        background-color: #f3f6fb;
    }

    .color_type01 .today_indi {
        position: relative;
    }

        .color_type01 .today_indi a {
            background: url('/images/contetn/tbl_day_prev.png') no-repeat center center;
            width: 37px;
            height: 37px;
            background-size: 37px 37px;
            display: inline-block;
            text-indent: -9999em;
            margin: -13px 0 -11px;
            vertical-align: middle;
            position: absolute;
        }

        .color_type01 .today_indi .prev {
            background-image: url('/images/content/tbl_day_prev.png');
            left: 0;
        }

        .color_type01 .today_indi .next {
            background-image: url('/images/content/tbl_day_next.png');
            right: 0;
        }

.loc_tbl {
    margin-bottom: 20px;
}

    .loc_tbl:last-child {
        margin-bottom: 0;
    }

.type_list02 th {
    background-color: #fff;
    text-align: left;
    padding-left: 15px;
    border-left: 0;
    border-right: 0;
}

.type_list02 td {
    padding-left: 15px;
    border-left: 0;
    border-right: 0;
}

.type_list03 th {
    background-color: #fff;
    text-align: left;
    border-left: 0;
    border-right: 0;
}

    .type_list03 th.top_inform {
        vertical-align: top;
        padding-top: 17px;
    }

.type_list03 td {
    border-left: 0;
    border-right: 0;
}

.type_list03 .align_right {
    text-align: right;
}

/* .tbl_bsc.focus_inner {border-top:0; margin-top:0;} */
.reserv_focus.adjacency02 {
    padding: 0;
}

.adjacency02 .tbl_bsc {
    border-top: 0;
    margin-top: 0;
}

    .adjacency02 .tbl_bsc tr:first-child th, .adjacency02 .tbl_bsc tr:first-child td {
        border-top: 0;
    }

    .adjacency02 .tbl_bsc tr:last-child th, .adjacency02 .tbl_bsc tr:last-child td {
        border-bottom: 0;
    }

    .adjacency02 .tbl_bsc th {
        padding-left: 15px;
    }

    .adjacency02 .tbl_bsc td {
        padding-right: 15px;
    }

    .adjacency02 .tbl_bsc .help_tip {
        width: 15px;
        margin-top: 3px;
    }

.reserv_focus.adjacency03 {
    border: 1px solid #b2b2b2;
}

    .reserv_focus.adjacency03 span {
        margin-right: 0;
    }



/* important mark */
.inq_mark {
    padding-left: 10px;
    background: url('/images/common/ico_required.png') no-repeat 2px 5px;
    background-size: 8px 7px;
    color: #333;
}

.inq_null {
    padding-left: 11px !important;
}


/* board list type */
.brd_list {
    margin: -20px -20px 0 -20px;
    border-top: 2px solid #333;
}

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

        .brd_list li > a {
            display: block;
            padding: 17px 20px 15px 20px;
        }

        .brd_list li .tit {
            font-size: 15px;
            font-weight: bold;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .brd_list li span {
            font-size: 13px;
        }

.event_list {
    border-top: 0;
    margin-top: -17px;
}

    .event_list li {
        border-bottom: 0;
    }

        .event_list li .tit {
            margin: 5px 0 0 0;
        }

.package_list {
    margin: -10px -20px 0 -20px;
}

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

        .package_list li > a {
            display: block;
            padding: 17px 20px 15px 20px;
        }

        .package_list li .tit {
            font-size: 15px;
            font-weight: bold;
        }

        .package_list li .thum {
            margin: 15px 0;
            display: block;
        }

        .package_list li span {
            font-size: 13px;
        }

.carrer_list {
    border-top: 0;
}

    .carrer_list li .active, .carrer_list li .passive {
        display: block;
        padding: 17px 70px 15px 20px;
        position: relative;
    }

    .carrer_list li strong {
        font-size: 9px;
        position: absolute;
        top: 17px;
        right: 20px;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        -webkit-border-radius: 38px;
        border-radius: 38px;
        color: #fff;
    }

    .carrer_list li .active strong {
        background-color: #597ea9;
    }

    .carrer_list li .passive strong {
        background-color: #cdcdcd;
    }

.qna_list li .active, .qna_list li .passive {
    display: block;
    padding: 17px 80px 15px 20px;
    position: relative;
}

.qna_list li strong {
    font-size: 9px;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 50px;
    height: 17px;
    line-height: 19px;
    text-align: center;
    color: #fff;
}

.qna_list li .active strong {
    background-color: #597ea9;
}

.qna_list li .passive strong {
    background-color: #666;
}

.qna_list .tit_wrap {
    padding-right: 0;
}

    .qna_list .tit_wrap .tit {
        max-width: 500px;
        width: 90%;
        display: inline-block;
    }

    .qna_list .tit_wrap .lock {
        width: 16px;
        vertical-align: top;
    }


/* board view type */
.brd_view {
    margin: -20px -20px 0 -20px;
    padding: 17px 20px 0 20px;
}

    .brd_view > div {
        display: block;
        position: relative;
    }

    .brd_view > .tit {
        font-size: 15px;
        font-weight: bold;
    }

    .brd_view > div + span {
        font-size: 13px;
    }

    .brd_view .detail {
        margin-top: 15px;
        word-break: break-all;
    }

.qna_view {
    margin: -20px -20px 0 -20px;
    padding: 0;
}

    .qna_view .qna_type {
        padding: 17px 20px 15px 20px;
        border-top: 2px solid #000;
    }

        .qna_view .qna_type > .tit {
            font-size: 15px;
            font-weight: bold;
        }

            .qna_view .qna_type > .tit + span {
                font-size: 13px;
            }

    .qna_view .tit {
        padding-right: 60px;
    }

        .qna_view .tit .lock {
            width: 16px;
            height: 18px;
            vertical-align: middle;
        }

    .qna_view .state {
        font-size: 9px;
        position: absolute;
        top: 18px;
        right: 20px;
        width: 50px;
        height: 17px;
        line-height: 19px;
        text-align: center;
        color: #fff;
        background-color: #597ea9;
    }

        .qna_view .state.wait {
            background-color: #666;
        }

    .qna_view .detail {
        margin: 15px -20px 0 -20px;
        padding: 17px 20px 15px 20px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background-color: #eee;
    }

    .qna_view .qna_type.ans {
        margin-top: -16px;
    }

.carrer_view .state {
    font-size: 9px;
    position: absolute;
    top: 17px;
    right: 20px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    -webkit-border-radius: 38px;
    border-radius: 38px;
    color: #fff;
    background-color: #597ea9;
}

.brd_srch {
    position: relative;
    min-height: 45px;
}

    .brd_srch .word {
        margin: 0 71px 0 100px;
        display: block;
    }

        .brd_srch .word input {
            width: 100%;
            padding: 12px 7px 13px 7px;
            font-size: 15px;
        }

    .brd_srch .size_btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        padding: 0;
    }

    .brd_srch.pos_solo02 {
        position: relative;
        min-height: 40px;
    }

:root .brd_srch .selectbox {
    position: absolute;
    top: 0;
    left: 0;
}

    :root .brd_srch .selectbox, :root .brd_srch .selectbox select, :root .brd_srch .selectbox::after, :root .brd_srch .selectbox::before {
        width: 93px;
        height: 43px;
    }

        :root .brd_srch .selectbox select {
            font-size: 15px;
            width: 100%;
        }

        :root .brd_srch .selectbox::before {
            background-position: right 50%;
        }

:root .brd_srch.pos_rela {
    padding-right: 2px;
}

    :root .brd_srch.pos_rela .selectbox {
        width: 50%;
        position: relative;
    }

        :root .brd_srch.pos_rela .selectbox select {
            width: 100%;
        }

:root .brd_srch.pos_solo {
    padding-right: 2px;
}

    :root .brd_srch.pos_solo .selectbox {
        width: 100%;
        position: relative;
    }

        :root .brd_srch.pos_solo .selectbox select {
            width: 100%;
        }

:root .brd_srch.side_btn {
    padding-right: 62px;
    position: relative;
}

    :root .brd_srch.side_btn .selectbox {
        width: 100%;
        position: relative;
    }

        :root .brd_srch.side_btn .selectbox select {
            width: 100%;
        }

    :root .brd_srch.side_btn .size03 {
        position: absolute;
        top: 0;
        right: 0;
    }

:root .brd_srch.pos_solo02 .selectbox, :root .brd_srch.pos_solo02 .selectbox select, :root .brd_srch.pos_solo02 .selectbox::after, :root .brd_srch.pos_solo02 .selectbox::before {
    width: 93px;
    height: 38px;
}

:root .brd_srch.pos_solo02 {
    padding-right: 2px;
}

    :root .brd_srch.pos_solo02 .selectbox {
        width: 100%;
        position: relative;
    }

        :root .brd_srch.pos_solo02 .selectbox select {
            width: 100%;
        }


/* sketch */
.sketch_list_wrap {
    width: 100%;
    overflow: hidden;
}

.sketch_list {
    width: 100%;
    margin-left: -10px;
    margin-top: -20px;
}

    .sketch_list:after {
        content: "";
        display: block;
        clear: both;
    }

    .sketch_list li {
        float: left;
        width: 49.8%;
        margin-top: 30px;
    }

        .sketch_list li a {
            border: 1px solid #b2b2b2;
            border-top: 2px solid #889ab0;
            display: block;
            margin-left: 10px;
            max-width: 230px;
        }

        .sketch_list li img {
            display: block;
            height: 170px;
        }

        .sketch_list li a strong {
            color: #333;
            font-size: 15px;
            display: block;
            margin: 17px;
            text-align: center;
            padding: 0;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
            height: 38px;
        }

        .sketch_list li a span {
            color: #666;
            font-size: 10px;
            margin: -12px 0 10px 0;
            text-align: center;
            display: block;
        }


/* tab menu */
.tab {
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
}

    .tab:after {
        content: "";
        display: block;
        clear: both;
    }

    .tab li {
        float: left;
        width: auto;
        margin: 0 -1px -1px 0;
    }

        .tab li.on {
            position: relative;
            color: #fff;
        }

        .tab li a {
            display: block;
            text-align: center;
            text-decoration: none;
        }

            .tab li a:active, .tab li.on a {
                position: relative;
            }

    .tab.add_bor {
        border-top: 1px solid #616161;
    }
    /* 161026 추가 */
    .tab.allpricetab {
        display: table;
        width: 100%;
    }

        .tab.allpricetab li {
            display: table-cell;
            margin: 0;
            float: none
        }
    /* 161026 추가 end */
    /*
.in_tab {padding:0; margin-bottom:20px; width:100%;}
.in_tab:after {content:""; display:block; clear:both;}
.in_tab li {float:left; width:auto; margin:0 -1px -1px 0;}
.in_tab li.on {position:relative; color:#fff;}
.in_tab li a {display:block; text-align:center; text-decoration:none;}
.in_tab li a:active, .in_tab li.on a {position:relative;}
*/

    .tab.meun li a {
        color: #fff;
        padding: 15px 0 13px 0;
        font-weight: bold;
        border: 0;
        border-top: 0;
        background: #616161 url('/images/common/tab_sepe.png') no-repeat left center;
        background-size: 1px 17px;
        font-size: 13px;
    }
        /* border:1px solid #b2b2b2; */
        .tab.meun li a:active, .tab.meun li.on a {
            background-color: #fff;
            border-bottom: 0;
            color: #476e9b;
            font-size: 14px;
        }

    .tab.meun li:first-child a, .tab.meun li.on a {
        background-image: none;
    }

    .tab.meun li:last-child a {
        border-right: 0;
    }

    .tab.meun02 li {
        margin: 0 -1px 0 0;
    }

        .tab.meun02 li a {
            border: 1px solid #b2b2b2;
            background-color: #fff;
            color: #333;
            padding: 15px 0 13px 0;
        }

            .tab.meun02 li a.sup {
                padding: 12px 0 12px 0;
            }

            .tab.meun02 li a:active, .tab.meun02 li.on a {
                background-color: #333333;
                border: 1px solid #b2b2b2;
                color: #fff;
                font-size: 16px;
                padding: 16px 1px 14px 1px;
                border: 0;
                font-weight: bold;
            }

                .tab.meun02 li a.sup:active, .tab.meun02 li.on a.sup {
                    padding: 13px 1px 12px 1px;
                }

    .tab.meun02.add_arr {
        margin-top: 20px;
        font-size: 15px;
    }

        .tab.meun02.add_arr li a {
            background: #fff url('/images/common/ico_slide_arr02.png') no-repeat right -50px;
            background-size: 40px 100px;
            text-align: left;
            padding-left: 10px;
            font-size: 14px;
        }

            .tab.meun02.add_arr li a:active, .tab.meun02.add_arr li.on a {
                background: #333 url('/images/common/ico_slide_arr02.png') no-repeat right 2px;
                background-size: 40px 100px;
                border: 1px solid #b2b2b2;
                color: #fff;
                padding: 16px 1px 14px 1px;
                border: 0;
                font-weight: bold;
                text-align: left;
                padding-left: 10px;
            }

    .tab.meun02.exp01 {
        margin-bottom: 0;
    }

        .tab.meun02.exp01 li a {
            padding: 5px 10px;
            font-size: 14px;
            height: 17px;
        }

            .tab.meun02.exp01 li a:active, .tab.meun02.exp01 li.on a {
                height: 19px;
                border-left: 1px solid #333;
                border-right: 1px solid #333;
                font-weight: normal;
            }

    .tab.cont01 li a {
        border: 1px solid #ccc;
        padding: 10px 0 8px 0;
    }

        .tab.cont01 li a:active, .tab.cont01 li.on a {
            background-color: #333;
            border: 1px solid #333;
            color: #fff;
        }

    .tab.ea02 li {
        width: 50%;
        margin-bottom: -1px;
    }

    .tab.ea03 li {
        width: 33.35%;
    }


/* button style */
.btn_set {
    padding: 0 20px;
    text-align: center;
    margin-top: 30px;
}

    .btn_set.bttm_mar {
        margin-bottom: 20px;
    }

    .btn_set:after {
        content: "";
        display: block;
        clear: both;
    }

    .btn_set.justify {
        width: 100%;
        padding: 0;
    }

        .btn_set.justify .left {
            float: left;
            margin-right: 5px;
        }

        .btn_set.justify .right {
            float: right;
            margin-left: 5px;
        }

    .btn_set.right {
        text-align: right;
        padding: 0;
    }

        .btn_set.right.border {
            border-top: 1px solid #ddd;
            padding: 30px 0;
        }

    .btn_set.left {
        text-align: left;
        padding: 0;
    }

    .btn_set.ini {
        padding: 0;
    }


    .btn_set.ea02 > li {
        float: left;
        width: 50%;
    }

        .btn_set.ea02 > li a {
            margin: 0 5px;
            display: block;
            padding: 0;
        }

        .btn_set.ea02 > li:first-child a {
            margin-left: 0;
        }

        .btn_set.ea02 > li:last-child a {
            margin-right: 0;
        }

    .btn_set.ea03 > li {
        float: left;
        width: 33.33%;
    }

        .btn_set.ea03 > li a {
            margin: 0 5px;
            display: block;
            padding: 0;
        }

        .btn_set.ea03 > li:first-child a {
            margin-left: 0;
        }

        .btn_set.ea03 > li:last-child a {
            margin-right: 0;
        }


a.bsc_btn:link, a.bsc_btn:visited, a.bsc_btn:active, a.bsc_btn:hover, a.bsc_btn:focus {
    text-decoration: none;
    color: #fff;
}

.bsc_btn {
    background-color: #333;
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    padding: 0 25px;
    border: 0;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

    .bsc_btn.bor {
        border: 1px solid #cdcdcd;
        background-color: #f5f5f5;
        color: #333 !important;
        height: 43px;
        line-height: 43px;
    }

    .bsc_btn.gray {
        background-color: #4f4f4f;
    }

    .bsc_btn.mid_gray {
        background-color: #666;
    }

    .bsc_btn.light_gray {
        background-color: #999;
    }

    .bsc_btn.ini {
        padding: 0;
    }

    .bsc_btn.sizelrg {
    }

    .bsc_btn.sizesml {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        font-size: 13px;
    }

    .bsc_btn.sizemin {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 11px;
    }

    .bsc_btn.sizefull {
        padding: 0;
        width: 100%;
    }

    .bsc_btn.formmini {
        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-size: 13px;
        background-color: #666;
    }


    .bsc_btn.ico_tel {
        background: #f5f5f5 url('/images/content/ico_convention_tel.png') no-repeat 8px 6px;
        background-size: 9px 13px;
        padding: 0 10px 0 22px;
    }

    .bsc_btn.ico_wait {
        background: #597eaa url('/images/reservation/ico_reserv_wait.png') no-repeat 8px 6px;
        background-size: 15px 17px;
        padding: 0 10px 0 32px;
    }

    .bsc_btn.ico_refresh {
        background: #999 url('/images/reservation/ico_reserv_refresh.png') no-repeat 8px 6px;
        background-size: 15px 17px;
        padding: 0 10px 0 32px;
    }

    .bsc_btn.ico_wait02 {
        background: #597eaa url('/images/reservation/ico_reserv_wait02.png') no-repeat 28px 15px;
        background-size: 16px 16px;
        padding: 0 27px 0 55px;
    }

    .bsc_btn.ico_wait02 {
        background: #597eaa url('/images/reservation/ico_reserv_wait02.png') no-repeat 28px 15px;
        background-size: 16px 16px;
        padding: 0 27px 0 55px;
    }

    .bsc_btn.ico_shuttle {
        background: #597eaa url('/images/reservation/ico_shuttle_schedule.png') no-repeat 10px 15px;
        background-size: 15px 15px;
        padding: 0 8px 0 28px;
    }

    .bsc_btn.aqua {
        background: #597eaa;
    }

    .bsc_btn.size01 {
        width: 135px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        background-color: #666;
        display: block;
        margin: 0 auto;
    }

    .bsc_btn.size02 {
        width: 115px;
        padding: 0;
    }

    .bsc_btn.size03 {
        width: 55px;
        height: 45px;
        padding: 0;
    }


/* pagenate */
.pagenate {
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
}

    .pagenate .page_num {
        padding-right: 1px;
    }

        .pagenate .page_num span {
            text-indent: -9999em;
            display: none;
        }

    .pagenate a, .pagenate strong {
        width: 28px;
        height: 28px;
        border: 1px solid #ebebeb;
        display: inline-block;
        margin: 0 1px 0 0;
        line-height: 28px;
        text-align: center;
    }

        .pagenate a:active, .pagenate a:focus, .pagenate a:hover, .pagenate strong {
            border: 1px solid #666;
            background-color: #666;
            color: #fff;
            font-weight: normal;
            text-decoration: none;
        }

        .pagenate a.prev, .pagenate a.next {
            text-indent: -9999em;
            background: url('/images/common/pagenate.png') no-repeat -1px -1px;
            background-size: 70px 70px;
        }

    .pagenate > a.next {
        background-position: -39px -1px;
    }

    .pagenate > a.prev:active, .pagenate > a.prev:focus, .pagenate > a.prev:hover {
        background-position: -1px -40px;
    }

    .pagenate > a.next:active, .pagenate > a.next:focus, .pagenate > a.next:hover {
        background-position: -39px -40px;
    }


/* state menu */
.state_tab:after {
    content: "";
    display: block;
    clear: both;
}

.state_tab li {
    width: 33.33%;
    height: 75px;
    border-bottom: 1px solid #d4d4d4;
    float: left;
    background-color: #ececec;
    margin: 0;
}

    .state_tab li span {
        display: block;
        height: 24px;
        padding-top: 50px;
        font-size: 12px;
        text-align: center;
        border-left: 1px solid #d4d4d4;
        color: #666;
    }

    .state_tab li + li span {
        background-image: url('/images/reservation/state_proc02.png');
    }

    .state_tab li + li + li span {
        background-image: url('/images/reservation/state_proc03.png');
    }

    .state_tab li:first-child span {
        border-left: 0;
    }

    .state_tab li.on span {
        background-color: #4f4f4f;
        background-position: center -75px;
        color: #fff;
        height: 26px;
        border-bottom: 0;
        border-left: 0;
    }

    .state_tab li.on + li span {
        border-left: 0;
    }

.state_mem li {
    width: 33.3%;
}

    .state_mem li span {
        background: #ececec url('/images/reservation/member_proc01.png') no-repeat center top;
        background-size: 80px 150px;
    }

    .state_mem li + li span {
        background-image: url('/images/reservation/member_proc03.png');
    }

    .state_mem li + li + li span {
        background-image: url('/images/reservation/member_proc04.png');
    }
/*.state_mem li + li + li + li span {background-image:url('/images/reservation/member_proc04.png');}*/
.state_mania li {
    width: 25%;
}

    .state_mania li span {
        background: #ececec url('/images/reservation/member_proc01.png') no-repeat center top;
        background-size: 80px 150px;
    }

    .state_mania li + li span {
        background-image: url('/images/reservation/member_proc02.png');
    }

    .state_mania li + li + li span {
        background-image: url('/images/reservation/member_proc03.png');
    }

    .state_mania li + li + li + li span {
        background-image: url('/images/reservation/member_proc04.png');
    }

.state_regular li span {
    background: #ececec url('/images/reservation/regular_proc01.png') no-repeat center top;
    background-size: 80px 150px;
}

.state_golf9 li span {
    background: #ececec url('/images/reservation/golf9_proc01.png') no-repeat center top;
    background-size: 80px 150px;
}

.state_condo li span {
    background: #ececec url('/images/reservation/condo_proc01.png') no-repeat center top;
    background-size: 80px 150px;
}

.state_shuttle li span {
    background: #ececec url('/images/reservation/shuttle_proc01.png') no-repeat center top;
    background-size: 80px 150px;
}


/* revercation */
.pre_msg {
    border: 1px solid #869bb0;
    padding: 12px 0;
    background-color: #e7eef8;
    font-weight: bold;
    color: #486e9b;
    text-align: center;
    margin: 20px 20px -10px 20px;
}

.reserv_wrap {
    border-bottom: 1px solid #fff;
}

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

        .reserv_wrap.season .option_detail {
            display: none;
        }

            .reserv_wrap.season .option_detail:first-child {
                display: block;
            }

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

        .reserv_wrap.payment .option_detail {
            display: block;
        }

    .reserv_wrap .tit_wrap:after {
        content: "";
        display: block;
        clear: both;
    }

    .reserv_wrap .tit {
        font-size: 17px;
        font-weight: bold;
        display: block;
        padding-left: 20px;
        padding-bottom: 20px;
        background-color: #fff;
    }

        .reserv_wrap .tit.space_pad {
            padding-top: 30px;
        }

    .reserv_wrap .tit_wrap .tit {
        float: left;
    }

    .reserv_wrap .tit_wrap .state {
        float: right;
        font-weight: bold;
        margin-right: 20px;
    }

    .reserv_wrap .inner_tit {
        font-size: 14px;
        display: block;
        margin-top: 25px;
    }

    .reserv_wrap .inner_tit_pos {
        width: 100%;
        position: relative;
        overflow: hidden;
        padding-top: 20px;
    }

        .reserv_wrap .inner_tit_pos.myEly_area:first-child {
            margin-top: -20px;
        }

    .reserv_wrap .tit_wrap {
        position: relative;
    }

        .reserv_wrap .tit_wrap .pos_my {
            position: absolute;
            top: 25px;
            right: 20px;
        }
    /*.reserv_wrap .inner_tit_pos:first-child {margin-top:-20px;}*/
    .reserv_wrap .inner_tit_pos .inner_tit {
        margin-right: 80px;
    }

    .reserv_wrap .inner_tit_pos .right {
        position: absolute;
        bottom: 3px;
        right: 0;
    }

.result_no {
    padding: 30px 0;
    text-align: center;
}

.reserv_wrap .reserv_cont {
    margin: 20px 20px 30px 20px;
}

    .reserv_wrap .reserv_cont.reserv_cont_re, .reserv_wrap .reserv .reserv_cont_re {
        margin: 20px;
    }

    .reserv_wrap .reserv_cont.reserv_cont_re2, .reserv_wrap .reserv .reserv_cont_re2 {
        margin: 20px 0;
    }

    .reserv_wrap .reserv_cont.upper {
        margin-top: 0;
    }

    .reserv_wrap .reserv_cont.upper_my {
        margin: -10px 20px 0 20px;
    }

    .reserv_wrap .reserv_cont.gray {
        background-color: #eee;
        margin: 0;
        padding: 20px;
    }

.reserv_cont .inner_detail {
    margin-top: 10px;
}

    .reserv_cont .inner_detail .tbl_bsc {
        margin-top: 0;
    }

    .reserv_cont .inner_detail .selectbox {
        width: 100%;
        height: 30px;
    }
        /*.reserv_cont .inner_detail .area.all .selectbox {width:100%; height:30px;}  select size mod. 150306 */
        .reserv_cont .inner_detail .selectbox.ea03 {
            width: auto;
        }

        .reserv_cont .inner_detail .selectbox select {
            height: 30px;
        }

:root .reserv_cont .inner_detail .selectbox::before {
    background-position: right top;
}

.reserv_cont .inner_detail em {
    display: block;
    border: 1px solid #b2b2b2;
    border-top: 2px solid #889ab0;
    padding: 13px;
    font-weight: bold;
    background-color: #fff;
}

.reserv_cont .prod_price {
    text-align: right;
    font-size: 17px;
    margin-top: 18px;
    font-weight: bold;
}

.reserv_cont .area.select.all .selectbox.tall {
    width: 100%;
    height: 38px;
}

    .reserv_cont .area.select.all .selectbox.tall select {
        height: 40px;
    }

.reserv_wrap.complete {
    background-color: #fff;
    margin-bottom: 0 !important;
}

    .reserv_wrap.complete .reserv_cont {
        margin: 30px 20px 0 20px;
    }

    .reserv_wrap.complete .inner_detail em {
        padding: 30px 0;
        text-align: center;
    }

    .reserv_wrap.complete .inner_detail .list_type {
        padding: 30px 13px;
        display: block;
        border: 1px solid #b2b2b2;
        border-top: 2px solid #889ab0;
        font-weight: bold;
        background-color: #fff;
    }

        .reserv_wrap.complete .inner_detail .list_type li {
            margin-top: 3px;
            color: #476e9b;
        }

            .reserv_wrap.complete .inner_detail .list_type li:first-child {
                margin-top: 0;
            }

        .reserv_wrap.complete .inner_detail .list_type.txt_center li {
            text-align: center;
        }

    .reserv_wrap.complete .msg {
        text-align: center;
        padding-top: 10px;
        display: block;
        font-size: 16px;
    }

        .reserv_wrap.complete .msg span {
            display: block;
            padding-top: 10px;
            font-weight: normal;
        }

/*.confirm {padding-bottom:30px; border-bottom:1px solid #dfdfdf;}*/

.reserv_info {
    background-color: #fff;
    margin-top: 30px;
}

.reserv .tit_wrap {
    background: #fff;
    margin-top: 30px;
    padding: 0 20px;
}

    .reserv .tit_wrap:after {
        content: "";
        display: block;
        clear: both;
    }

    .reserv .tit_wrap .tit {
        float: left;
        margin-top: 0;
        padding-left: 0;
    }

    .reserv .tit_wrap .btn {
        float: right;
        margin-top: -5px;
    }

.reserv .cart_null {
    min-height: 200px;
    text-align: center;
    line-height: 200px;
}

.reserv .focus_bar {
    border-top: 2px solid #333;
    border-bottom: 1px solid #879ab0;
    background-color: #e7eef7;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    padding: 0 20px;
    position: relative;
}
    /*margin-top:30px;*/
    .reserv .focus_bar.space {
        margin-top: 0;
    }

    .reserv .focus_bar .abs_right {
        position: absolute;
        top: 7px;
        right: 20px;
    }

    .reserv .focus_bar .abs_right_txt {
        position: absolute;
        top: 0;
        right: 20px;
    }

    .reserv .focus_bar .opt_close {
        top: 13px;
        background: url('/images/reservation/opt_del.png') no-repeat center center;
        backgrkound-size: 20px 20px;
        width: 20px;
        height: 20px;
        text-indent: -9999em;
    }

    .reserv .focus_bar .sup_add {
        margin-top: -4px;
        display: block
    }

.reserv .reserv_state {
    text-align: center;
    margin: 28px 0 15px;
}

    .reserv .reserv_state > span {
        display: inline-block;
        background: url('/images/reservation/reserv_state_sml.png') no-repeat left top;
        background-size: 25px 75px;
        padding: 0 10px 0 21px;
        font-size: 12px;
    }

    .reserv .reserv_state.lyr span {
        height: 15px;
        padding-top: 3px;
    }

    .reserv .reserv_state > span + span {
        background-position: left -25px;
    }

        .reserv .reserv_state > span + span + span {
            background-position: left -50px;
        }

    .reserv .reserv_state > span.reser_no {
        background-position: left -50px;
    }

.reserv .calendar {
    border: 1px solid #ccc;
    border-top: 2px solid #889ab0;
    padding-bottom: 13px;
    background-color: #fff;
}

    .reserv .calendar .date_area {
        position: relative;
        height: 43px;
        text-align: center;
        background-color: #f3f6fb;
    }

        .reserv .calendar .date_area strong {
            display: inline-block;
            margin-top: 12px;
            font-size: 15px;
        }

        .reserv .calendar .date_area a {
            background: url('/images/common/ico_arr_hor.png') no-repeat left top;
            background-size: 30px 15px;
            width: 15px;
            height: 15px;
            display: inline-block;
            text-indent: -9999em;
            position: absolute;
            left: 20px;
            top: 15px;
        }

            .reserv .calendar .date_area a + a {
                background-position: right top;
                left: auto;
                right: 20px;
            }

    .reserv .calendar table {
        width: 100%;
        margin-top: 10px;
    }

    .reserv .calendar th {
        height: 30px;
        vertical-align: middle;
        padding: 3px 0 1px;
    }

    .reserv .calendar td {
        text-align: center;
        vertical-align: middle;
        height: 30px;
        padding: 3px 0 1px;
    }

        .reserv .calendar td.reserv_ico {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 26px 26px;
            color: #fff;
        }

    .reserv .calendar.dayInfo td.reserv_ico.reserv_posi {
        background-image: url('/images/reservation/reserv_tbl_posi.png');
    }
    /*.reserv .calendar td.reserv_posi {background-image:url('/images/reservation/reserv_tbl_posi.png');}
.reserv .calendar td.reserv_end {background-image:url('/images/reservation/reserv_tbl_end.png');}
.reserv .calendar td.reserv_no {background-image:url('/images/reservation/reserv_tbl_no.png');}
.reserv .calendar td.reserv_today {background-image:url('/images/reservation/reserv_tbl_today.png'); color:#333;}
.reserv .calendar td.reserv_choice {background-image:url('/images/reservation/reserv_tbl_choice.png');}
.reserv .calendar td.reserv_end a, .reserv .calendar td.reserv_posi a, .reserv .calendar td.reserv_no a, .reserv .calendar td.reserv_choice a {color:#fff;}*/
    /*20150529추가*/
    .reserv .calendar td.reserv_end a {
        color: #999
    }

    .reserv .calendar td.reserv_today {
        background-image: url('/images/reservation/reserv_tbl_choice_.png')
    }

        .reserv .calendar td.reserv_today a {
            color: #999
        }

    .reserv .calendar td.reserv_posi a {
        color: #000;
        font-weight: bold
    }

    .reserv .calendar td.reserv_no a {
        color: #999
    }
    /*.reserv .calendar td.reserv_choice {background-image:url('/images/reservation/reserv_tbl_choice_.png');}*/
    .reserv .calendar td.reserv_choice {
        background-image: url('/images/reservation/reserv_tbl_today_.png');
    }

        .reserv .calendar td.reserv_choice a {
            color: #fff;
            font-weight: normal
        }

    .reserv .calendar td.active {
        background-image: url('/images/reservation/reserv_tbl_today_.png') !important;
    }

        .reserv .calendar td.active a {
            color: #fff !important
        }

.reserv .aside_menu {
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

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

.reserv .bsc_form {
    border: 1px solid #b2b2b2;
    border-top: 2px solid #889ab0;
    background: #fff;
    margin-top: 10px;
}

    .reserv .bsc_form dl {
        padding: 20px 15px;
    }

        .reserv .bsc_form dl:after {
            content: "";
            display: block;
            clear: both;
        }

    .reserv .bsc_form dt {
        float: left;
        width: 30%;
        padding: 10px 0 5px 0;
        clear: both;
    }

    .reserv .bsc_form dd {
        float: left;
        width: 70%;
        padding: 5px 0;
    }

.reserv_focus {
    border: 1px solid #b2b2b2;
    border-top: 2px solid #889ab0;
    padding: 18px;
    background-color: #fff;
}

    .reserv_focus > strong {
        display: block;
        margin-bottom: 10px;
    }

    .reserv_focus > em {
        font-weight: bold;
    }

    .reserv_focus dl {
        margin-top: -10px;
        font-weight: bold;
    }

        .reserv_focus dl:after {
            content: "";
            display: block;
            clear: both;
        }

    .reserv_focus dt {
        float: left;
        clear: both;
        margin-top: 10px;
        width: 30%;
    }

        .reserv_focus dt.inform {
            margin-top: 15px;
        }

    .reserv_focus dd {
        float: left;
        margin-top: 10px;
        width: 70%;
    }

        .reserv_focus dd.txt_rasing {
            font-size: 17px;
        }

    .reserv_focus.pay_box ul {
        margin: -18px;
    }

    .reserv_focus.pay_box li {
        padding: 15px;
        border-top: 1px solid #ccc;
    }

        .reserv_focus.pay_box li.be_form {
            padding: 10px 15px;
        }

            .reserv_focus.pay_box li.be_form .left {
                margin-top: 5px;
            }

        .reserv_focus.pay_box li:first-child {
            border: 0;
        }

        .reserv_focus.pay_box li:after {
            content: "";
            display: block;
            clear: both;
        }

    .reserv_focus.pay_box .left {
        float: left;
    }

    .reserv_focus.pay_box .right {
        float: right;
    }

    .reserv_focus.pay_box li .prod_name {
        display: block;
        margin-bottom: 5px;
    }

    .reserv_focus.pay_box .tot {
        background-color: #eee;
    }

    .reserv_focus.pay_box.adjacency {
        margin-top: 10px;
        border-top: 1px solid #ccc;
    }

        .reserv_focus.pay_box.adjacency span {
            margin-right: 10px;
        }

    .reserv_focus.pay_box.adjacency02 {
        margin-top: 10px;
        border-top: 1px solid #ccc;
    }

        .reserv_focus.pay_box.adjacency02 span {
            margin-right: 0;
        }

    .reserv_focus.pay_box.adjacency04 {
        margin: 20px;
    }

    .reserv_focus.reduce {
        padding: 15px;
    }

    .reserv_focus.verti dl {
        margin-top: 0;
    }

    .reserv_focus.verti dt {
        float: none;
        margin-top: 10px;
        width: auto;
    }

        .reserv_focus.verti dt .spc {
            margin-right: 20px;
        }

        .reserv_focus.verti dt .arr {
            margin-right: 5px;
        }

    .reserv_focus.verti dd {
        float: none;
        width: auto;
        margin-top: 0;
    }

.focus_tot {
    border-top: 1px solid #b2b2b2;
    margin: 20px -19px -5px -19px;
    padding-top: 18px
}

    .focus_tot:after {
        content: "";
        display: block;
        clear: both;
    }

    .focus_tot > strong {
        float: left;
        margin-left: 20px;
    }

    .focus_tot > em {
        font-size: 17px;
        float: right;
        margin-right: 20px;
        font-weight: bold;
    }

.opt_list.ea02 li {
    width: 50%;
}

.opt_list {
    width: 100%;
}

    .opt_list:after {
        content: "";
        display: block;
        clear: both;
    }

    .opt_list li {
        float: left;
        margin-bottom: 20px;
    }

        .opt_list li .area {
            margin: 0 5px;
        }

            .opt_list li .area.select {
                margin: 0 7px 0 5px;
            }

        .opt_list li.all {
            width: 100%;
        }

            .opt_list li.all .area {
                margin: 0 !important;
            }

    .opt_list .date {
        height: 37px;
        border: 1px solid #b2b2b2;
        border-top: 2px solid #889ab0;
        background-color: #fff;
        text-align: center;
        line-height: 37px;
        color: #597ea9;
        font-weight: bold;
    }

    .opt_list .area > div {
        margin-top: 10px;
    }

    .opt_list + .opt_list {
        margin-top: -20px;
    }

    .opt_list.pad_spc {
        margin-bottom: -20px;
    }

        .opt_list.pad_spc li .area {
            margin: 0 5px;
        }

.tot_price {
    padding: 17px 15px;
    border: 1px solid #b2b2b2;
    background-color: #fff;
    margin-top: 10px;
}

    .tot_price:after {
        content: "";
        display: block;
        clear: both;
    }

    .tot_price > strong {
        float: left;
    }

    .tot_price > em {
        float: right;
        font-weight: bold;
        font-size: 17px;
    }

.num_check {
    width: 100%;
    position: relative;
    margin-top: 10px;
    height: 40px;
}

    .num_check:after {
        content: "";
        display: block;
        clear: both;
    }

    .num_check .num {
        width: 100%;
        height: 38px;
        border: 1px solid #b2b2b2;
        position: absolute;
        top: 0;
        left: 0;
    }

        .num_check .num a {
            float: left;
            width: 39px;
            height: 38px;
            background: url('/images/reservation/opt_check.png') no-repeat left top;
            background-size: 78px 39px;
            text-indent: -9999em;
            border-right: 1px solid #b2b2b2;
        }

            .num_check .num a + a {
                float: right;
                background-position: right top;
                border-right: 0;
                border-left: 1px solid #b2b2b2;
            }

        .num_check .num > .current {
            width: auto;
            display: block;
            text-align: center;
            height: 38px;
            text-align: center;
            line-height: 38px;
            background-color: #fff;
        }

    .num_check.in_tbl {
        margin: 0;
    }

.select_area {
    width: 100%;
    position: relative;
    margin-top: 10px;
}

    .select_area .selectbox_wrap {
        padding-right: 4px;
    }

    .select_area .selectbox {
        width: 100%;
    }

        .select_area .selectbox select {
            height: 38px;
        }

.time_course {
    margin: 30px -20px 0 -20px;
}

    .time_course.inner {
        margin: 30px 0 0 0;
    }

    .time_course .name {
        display: block;
        text-align: center;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #fff;
    }

.time_group {
    padding: 20px 20px 15px 20px;
    background-color: #eee;
    border-top: 1px solid #d1d1d1;
}

    .time_group.wating {
        padding: 0;
        border: 0;
        background: none;
        margin-top: -20px;
    }

    .time_group .state {
        background: #f5f5f5 url('/images/reservation/reserv_state_arr.png') no-repeat right top;
        border: 1px solid #b2b2b2;
        height: 38px;
        line-height: 38px;
        background-size: 25px 80px;
        padding-left: 10px;
    }

        .time_group .state.wait {
            background-image: none;
        }

        .time_group .state.on {
            height: 40px;
            line-height: 40px;
            background-color: #597eaa;
            background-position: right bottom;
            color: #fff;
            font-weight: bold;
            border: 0;
        }

.time_detail {
    padding: 20px 20px 15px 20px;
    background-color: #e3e3e3;
    border-top: 1px solid #b8b8b8;
}

    .time_detail.lyr_hide {
        display: none;
    }

    .time_detail .state {
        background: #f5f5f5;
        border: 1px solid #b2b2b2;
        height: 38px;
        line-height: 38px;
        background-size: 25px 80px;
        text-align: center;
    }

        .time_detail .state.on {
            height: 40px;
            line-height: 40px;
            background-color: #333;
            color: #fff;
            font-weight: bold;
            border: 0;
        }

    .time_detail .part_view {
        margin-bottom: 10px;
    }

        .time_detail .part_view label {
            margin-right: 10px;
        }

.opt_cont {
    border-top: 2px solid #333;
}

    .opt_cont.upper_min {
        margin-top: -1px;
    }

    .opt_cont .aside_menu:first {
        border-top: 1px solid #ccc;
    }

    .opt_cont .aside_menu .inner_tit {
        padding: 15px 20px;
        display: block;
        margin-top: 0;
    }

        .opt_cont .aside_menu .inner_tit strong {
            background: url('/images/content/slide_close.png') no-repeat right top;
            background-size: 15px 15px;
            display: block;
            padding-right: 20px;
        }

        .opt_cont .aside_menu .inner_tit.on {
            background-color: #e7eef7;
        }

            .opt_cont .aside_menu .inner_tit.on strong {
                background-image: url('/images/content/slide_open.png');
            }

.price_wrap {
    background-color: #e3e3e3;
    border: 1px solid #b2b2b2;
    margin-top: 10px;
}

.opt_detail {
    padding: 30px 20px;
    border-bottom: 1px solid #b2b2b2;
    display: none;
}

    .opt_detail.bor_none {
        border-bottom: 0;
        padding: 0 20px 10px 20px;
    }

    .opt_detail.bor_none_spc {
        border-bottom: 0;
        padding: 0 20px 30px 20px;
    }

    .opt_detail.area_reverse {
        border-bottom: 0;
        padding: 0;
        margin-top: 30px;
    }

    .opt_detail dl {
        border: 1px solid #b2b2b2;
        border-top: 2px solid #889ab0;
        background-color: #fff;
        margin-top: 10px;
    }

        .opt_detail dl:first-child {
            margin-top: 0;
        }

        .opt_detail dl:after {
            content: "";
            display: block;
            clear: both;
        }

        .opt_detail dl dt {
            font-weight: bold;
            padding: 12px 0 13px 0;
            float: left;
            clear: both;
            width: 30%;
        }

            .opt_detail dl dt strong {
                margin-left: 14px;
            }

        .opt_detail dl dd {
            padding: 12px 0 13px;
            float: left;
            width: 70%;
        }

        .opt_detail dl dt.focus {
            background-color: #f3f6fb;
        }

            .opt_detail dl dt.focus.select {
                padding: 18px 0;
            }

        .opt_detail dl dd.focus {
            background-color: #f3f6fb;
            color: #476e9b;
            font-weight: bold;
        }

            .opt_detail dl dd.focus.select input[type="date"] {
                color: #476e9b;
                font-weight: bold;
            }

        .opt_detail dl dt.focus.inp {
            padding: 18px 0;
        }

        .opt_detail dl dd .item {
            padding-right: 12px;
        }

            .opt_detail dl dd .item .full {
                width: 100%;
                margin-top: 5px;
            }

        .opt_detail dl dd .date_full {
            padding-right: 30px;
        }

    .opt_detail.area_reverse dt {
        width: 60%
    }

    .opt_detail.area_reverse dd {
        text-align: right;
        width: 40%;
    }

        .opt_detail.area_reverse dd .inner {
            margin-right: 14px;
        }

    .opt_detail.opt_detail02 {
        display: block;
    }

        .opt_detail.opt_detail02 dl dt strong {
            display: block;
            margin-top: 2px;
        }

        .opt_detail.opt_detail02 dl dd .num_check {
            margin-top: 0;
        }

            .opt_detail.opt_detail02 dl dd .num_check .num {
                width: 120px;
                left: auto;
                right: 15px;
            }

    .opt_detail .price_ea {
        padding: 15px;
        border-top: 1px solid #b2b2b2;
    }

        .opt_detail .price_ea:first-child {
            border-top: 0;
        }

        .opt_detail .price_ea strong {
            display: block;
        }

        .opt_detail .price_ea .num {
            width: 130px;
        }

        .opt_detail .price_ea .price_pos {
            padding: 0 30px 0 130px;
            height: 39px;
            line-height: 39px;
        }

        .opt_detail .price_ea .price {
            text-align: right;
            display: block;
            font-weight: bold;
            font-size: 15px;
        }

        .opt_detail .price_ea .del {
            position: absolute;
            top: 8px;
            right: 0;
            background: url('/images/reservation/opt_del.png') no-repeat left top;
            background-size: 20px 20px;
            width: 20px;
            height: 20px;
            text-indent: -9999em;
        }

    .opt_detail .tot {
        padding: 15px;
        border-top: 1px solid #b2b2b2;
        font-size: 17px;
        background: #fff;
    }

        .opt_detail .tot:after {
            content: "";
            display: block;
            clear: both;
        }

        .opt_detail .tot > strong {
            float: left;
        }

        .opt_detail .tot > em {
            float: right;
            font-weight: bold;
        }

.opt_pos_check {
    width: 100%;
    margin-bottom: 10px
}

    .opt_pos_check:after {
        content: "";
        display: block;
        clear: both;
    }

    .opt_pos_check > strong {
        float: left;
    }

    .opt_pos_check > span {
        float: right;
    }

.step_btn {
    padding: 0 20px;
    text-align: right;
}

    .step_btn:after {
        content: "";
        display: block;
        clear: both;
    }

    .step_btn > span {
        width: 50%;
        float: left;
    }

        .step_btn > span a {
            display: block;
            margin: 0 5px;
            background: #666 url('/images/common/btn_step_prev.png') no-repeat right center;
            background-size: 50px 20px;
        }

    .step_btn .left a {
        margin-left: 0;
        background-position: left center;
    }

    .step_btn .right {
        float: right;
    }

        .step_btn .right a {
            margin-right: 0;
            background: #333 url('/images/common/btn_step_next.png') no-repeat right center;
            background-size: 50px 20px;
        }

    .step_btn.ea03 > span {
        width: 33.33%;
    }

        .step_btn.ea03 > span a {
            padding: 0;
        }
    /*.step_btn.ea03 > .left a {padding-left:15px;}/*  /* del. 150306 */
    .step_btn.ea03 > .pay a {
        background: #597eaa;
    }

    .step_btn .ico_null {
        background-image: none !important;
    }

    .step_btn .gray a {
        background: #666;
    }

    .step_btn .dark_gray a {
        background: #333;
    }

    .step_btn .mid_gray a {
        background: #666;
        padding-left: 0 !important;
    }

    .step_btn .aqua a {
        background: #597eaa;
    }

.reser_head {
    width: 100%;
}

    .reser_head:after {
        content: "";
        display: block;
        clear: both;
    }

    .reser_head > strong {
        display: block;
        font-size: 15px;
    }

    .reser_head > p {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .reser_head .left {
        float: left;
        width: 60%;
    }

    .reser_head .right {
        float: right;
        width: 40%;
        text-align: right;
    }

        .reser_head .right > em {
            font-weight: bold;
            margin-top: 12px;
            display: block;
            font-size: 17px;
        }

.cart .price {
    padding: 17px 15px 13px 15px;
    border: 1px solid #b2b2b2;
    background-color: #fff;
    margin-top: 10px;
}

    .cart .price:after {
        content: "";
        display: block;
        clear: both;
    }

    .cart .price > em {
        font-weight: bold;
        float: left;
    }

    .cart .price .del {
        width: 20px;
        vertical-align: middle;
        float: right;
    }

.reserv_cont.cart_tot {
    margin: 0 0 35px 0;
    background-color: #fff;
    padding: 20px 20px 0 20px;
}

    .reserv_cont.cart_tot:after {
        content: "";
        display: block;
        clear: both;
    }

    .reserv_cont.cart_tot strong {
        float: left;
    }

    .reserv_cont.cart_tot em {
        float: right;
    }

.time_detail.pad_ini {
    padding: 0;
    border-top: 0;
    background: none;
    margin-bottom: -10px;
}

    .time_detail.pad_ini .ea_wrap {
        margin-bottom: 10px;
    }

.shuttle_way {
    background-color: #fff;
    padding: 10px 20px 20px 20px;
}

    .shuttle_way:after {
        content: "";
        display: block;
        clear: both;
    }

    .shuttle_way .way {
        float: left;
        margin-top: 15px;
    }

        .shuttle_way .way span {
            margin-right: 10px;
        }

    .shuttle_way .ico_shuttle {
        float: right;
    }

.option_tit {
    background-color: #333;
}

    .option_tit.season:last-child {
        border-bottom: 1px solid #ccc;
    }

    .option_tit .option_state {
        padding: 16px 20px 13px 20px;
        display: block;
        color: #fff;
        color: #333;
        background: #fff url('/images/reservation/ico_shuttle_arr.png') no-repeat right bottom;
        background-size: 50px 100px;
        border-top: 1px solid #ccc;
        font-size: 15px;
    }

        .option_tit .option_state.on {
            color: #fff;
            background-color: #333;
            background-position: right 2px;
        }

        .option_tit .option_state .selectbox {
            vertical-align: middle;
            margin-right: 2px;
        }

.option_tit {
    display: block;
}

    .option_tit + .option_tit + .option_tit {
        display: none;
    }

    .option_tit.two .option_state {
        background-image: none;
        padding-top: 13px;
        padding-bottom: 10px;
    }

.pay_info {
    width: 100%;
    margin-top: -5px;
}

    .pay_info:after {
        content: "";
        display: block;
        clear: both;
    }

    .pay_info > dt {
        float: left;
        clear: both;
        margin-top: 5px;
    }

    .pay_info > .right {
        float: right;
        position: relative;
        margin-top: 5px;
    }

        .pay_info > .right em {
            font-weight: bold;
            font-size: 15px;
            margin-right: 30px;
        }

        .pay_info > .right a {
            background: url('/images/reservation/opt_del.png') no-repeat left top;
            background-size: 20px 20px;
            width: 20px;
            height: 20px;
            text-indent: -9999em;
            display: inline-block;
            position: absolute;
            right: 0;
            top: -1px;
        }

    .pay_info.txt_cut dt {
        padding-right: 20px;
    }

.pay_cart_info {
    width: 100%;
    position: relative;
    margin-bottom: 5px;
}

    .pay_cart_info:last-child {
        margin-bottom: -10px;
    }

    .pay_cart_info:after {
        content: "";
        display: block;
        clear: both;
    }

    .pay_cart_info > dt {
        float: left;
        clear: both;
        margin-top: 2px;
        padding-right: 110px;
    }

    .pay_cart_info > .right {
        float: right;
        position: absolute;
        right: 0;
    }

        .pay_cart_info > .right em {
            font-weight: bold;
            font-size: 15px;
            margin-right: 30px;
        }

        .pay_cart_info > .right a {
            background: url('/images/reservation/opt_del.png') no-repeat left top;
            background-size: 20px 20px;
            width: 20px;
            height: 20px;
            text-indent: -9999em;
            display: inline-block;
            position: absolute;
            right: 0;
            top: -1px;
        }

    .pay_cart_info.txt_cut dt {
        padding-right: 20px;
    }

.term_set .flt_box {
    margin-top: 30px;
}

    .term_set .flt_box .bsc_btn {
        margin-right: 10px;
    }

.term_set.spc_add {
    margin: 10px 20px 30px 20px;
}

.flt_box {
    width: 100%;
}

    .flt_box:after {
        content: "";
        display: block;
        clear: both;
    }

    .flt_box .left {
        float: left;
    }

    .flt_box .right {
        float: right;
    }

.season_id {
    width: 100%;
    position: relative;
    -webkit-transition: .5s;
    overflow: hidden;
}

    .season_id:after {
        content: "";
        display: block;
        clear: both;
    }

    .season_id .pic_wrap {
        position: absolute;
        width: 150px;
        border: 1px solid #b2b2b2;
    }

        .season_id .pic_wrap .attach {
            width: 40px;
            height: 40px;
            background: #f5f5f5;
            border: 1px solid #b2b2b2;
            position: absolute;
            right: -1px;
            top: -1px;
            text-indent: -9999em;
            background: #f5f5f5 url('/images/reservation/ico_file_attach.png') no-repeat center center;
            background-size: 40px 40px;
            cursor: pointer;
            padding: 0;
            color: #f5f5f5;
        }

    .season_id .pic {
        width: 138px;
        height: 138px;
        display: table;
        margin: 0 auto;
        padding: 6px 0;
    }

        .season_id .pic .upload_pic {
            max-width: 100%;
        }

            .season_id .pic .upload_pic img {
                display: block;
            }

    .season_id ul {
        padding-left: 160px;
        min-height: 140px;
    }

.option_set .option_detail, .option_detail {
    display: none;
}

.season_pic_wrap {
    min-height: 260px;
}

.season_pic_bg {
    background: url(/images/content/season_ticket_bg.jpg) no-repeat left top;
    position: relative;
    width: 178px;
    height: 252px;
    float: left;
}

    .season_pic_bg > p {
        position: absolute;
        left: 11px;
    }

    .season_pic_bg .user_pic {
        top: 31px;
        width: 141px;
        height: 151px;
        text-align: center;
    }

        .season_pic_bg .user_pic img {
            width: 100%;
            height: 100%;
        }

    .season_pic_bg .user_info {
        top: 220px;
        text-align: center;
        font-weight: bold;
        width: 158px;
    }

.season_pic_wrap ul {
    padding-left: 190px;
    min-height: 140px;
}

/* member */
.login_info {
    margin-bottom: 18px;
}

    .login_info .metaphor input {
        background: url('/images/content/member_holder.png') no-repeat right top;
        background-size: 50px 90px;
        padding: 13px 7px;
        font-size: 16px;
    }

    .login_info .metaphor + .metaphor input {
        background-position: right -45px;
    }

    .login_info .metaphor input[type=text], .login_info .metaphor input[type=password] {
        margin-bottom: 10px;
        width: 100%;
    }

    .login_info .metaphor {
        display: block;
        padding-right: 16px;
    }

.mem_join {
    text-align: center;
    margin: 20px auto 0 auto;
    width: 300px;
}

    .mem_join:after {
        content: "";
        display: block;
        clear: both;
    }

    .mem_join li {
        display: inline-block;
        background: url('/images/common/blt_line_1by15.png') no-repeat left 3px;
        background-size: 1px 15px;
        float: left;
    }

        .mem_join li:first-child {
            background-image: none;
        }

        .mem_join li > a {
            display: inline-block;
            padding: 2px 13px 2px 13px;
        }

.agree_wrap {
    border: 1px solid #b2b2b2;
    height: 200px;
    padding: 15px;
    overflow: auto;
    overflow-x: hidden;
}

.inner .terms {
    width: 100%;
    font-size: 12px;
    line-height: 130%;
}

    .inner .terms dl dt {
        margin-top: 10px;
    }

        .inner .terms dl dt:first-child {
            margin-top: 0;
        }

    .inner .terms dl dd {
        margin-top: 5px;
    }

    .inner .terms .one_depth li {
        margin-top: 5px;
        padding-left: 13px;
        text-indent: -13px;
    }

        .inner .terms .one_depth li table {
            padding-left: 0;
            text-indent: 0;
            margin: 5px 0 10px 0;
        }

            .inner .terms .one_depth li table th {
                text-align: center;
            }

            .inner .terms .one_depth li table td {
                text-align: left;
            }

        .inner .terms .one_depth li:first-child {
            margin-top: 0;
        }

    .inner .terms p {
        margin-bottom: 5px;
    }

        .inner .terms p.bsc_para {
            margin-top: 10px;
        }

            .inner .terms p.bsc_para:first-child {
                margin-top: 0;
            }

    .inner .terms .inner_para {
        padding-left: 0;
        text-indent: 0;
    }

        .inner .terms .inner_para.sepe {
            margin: 10px 0 5px;
        }

    .inner .terms .one_depth ol > li {
        margin-top: 5px;
        padding-left: 13px;
        text-indent: -13px;
    }

    .inner .terms .one_depth .cha_type li {
        margin-top: 5px;
        padding-left: 17px;
        text-indent: -17px;
    }

    .inner .terms .rasing {
        font-size: 14px;
    }

#terms {
    width: 100%;
    line-height: 130%;
}

    #terms dl dt {
        margin-top: 20px;
    }

        #terms dl dt:first-child {
            margin-top: 0;
        }

        #terms dl dt.first_exp {
            margin-top: 20px;
        }

    #terms dl dd {
        margin-top: 10px;
    }

        #terms dl dd p {
            margin: 10px 0 5px 0;
        }

            #terms dl dd p:first-child {
                margin-top: 0;
            }

            #terms dl dd p:last-child {
                margin-bottom: 0;
            }

    #terms .one_depth li {
        margin-top: 5px;
        padding-left: 18px;
        text-indent: -18px;
    }

    #terms .one_depth.hypen li {
    }

    #terms .one_depth li table {
        padding-left: 0;
        text-indent: 0;
        margin: 5px 0 10px 0;
    }

        #terms .one_depth li table th {
            text-align: center;
        }

        #terms .one_depth li table td {
            text-align: left;
        }

    #terms .one_depth li:first-child {
        margin-top: 0;
    }

    #terms .inner_para {
        padding-left: 0;
        text-indent: 0;
        padding: 10px 0 5px;
    }

    #terms .head_para {
        margin: 10px 0;
    }

    #terms .inner_para.sepe {
        margin: 10px 0 5px;
    }

    #terms .head_para .subj {
        margin: 0 0 3px 0;
        display: block;
    }

    #terms .one_depth ol > li {
        margin-top: 5px;
        padding-left: 13px;
        text-indent: -13px;
    }

    #terms .one_depth .cha_type li {
        margin-top: 5px;
        padding-left: 24px;
        text-indent: -24px;
    }

    #terms .rasing {
        font-size: 16px;
    }

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

    .marketing_agree .sepe_wrap:after {
        content: "";
        display: block;
        clear: both;
    }

    .marketing_agree .sepe_wrap {
        padding: 12px 0 10px 0;
        border-bottom: 1px solid #ccc;
    }

        .marketing_agree .sepe_wrap > strong {
            float: left;
        }

        .marketing_agree .sepe_wrap > span {
            float: right;
        }

            .marketing_agree .sepe_wrap > span > label {
                margin-right: -6px;
            }

.certi_choice {
    width: 100%;
}

    .certi_choice:after {
        content: "";
        display: block;
        clear: both;
    }

    .certi_choice li {
        float: left;
        width: 50%;
        height: 105px;
        background: url('/images/content/certi_choice.png') no-repeat center top;
        background-size: 135px 210px;
    }

        .certi_choice li + li {
            background-position: center bottom;
        }

        .certi_choice li a {
            margin: 0 5px;
            display: block;
            text-align: center;
            padding-top: 75px;
            height: 30px;
            border: 1px solid #b2b2b2;
        }

        .certi_choice li:first-child a {
            margin-left: 0;
        }

        .certi_choice li:last-child a {
            margin-right: 0;
        }

.favor {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

    .favor dt {
        font-weight: bold;
        padding: 11px;
    }

    .favor dd {
        padding: 0 10px;
    }

        .favor dd:after {
            content: "";
            display: block;
            clear: both;
        }

        .favor dd span {
            float: left;
            width: 50%;
            margin-bottom: 8px;
        }

    .favor.pad_ini {
        margin-left: -11px;
    }

.join_comp {
    width: 100%;
    position: relative;
}

    .join_comp .comp_scr {
        position: absolute;
        top: 50px;
        text-align: center;
        color: #fff;
        width: 100%;
    }

        .join_comp .comp_scr strong {
            font-size: 16px;
            display: inline-block;
            padding-bottom: 13px;
            margin-bottom: 13px;
            border-bottom: 1px solid #fff;
        }

        .join_comp .comp_scr p {
            padding: 0 20px;
        }


/* customer center */
.faq {
    border-bottom: 1px solid #ccc;
    margin-top: -5px;
    font-size: 15px;
}

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

        .faq dt a {
            padding: 15px 20px 15px 20px;
            display: block;
        }
            /*  text-indent:-19px; */
            .faq dt a span {
                background: url('/images/content/faq_close.png') no-repeat right top;
                background-size: 15px 15px;
                display: block;
                padding-right: 20px;
            }

            .faq dt a.on {
                font-weight: bold;
                color: #476e9b;
            }

                .faq dt a.on span {
                    background-image: url('/images/content/faq_open.png');
                }

    .faq dd {
        background-color: #dedede;
        border-top: 1px solid #ccc;
        padding: 20px 40px;
        text-indent: -18px;
        display: none;
    }

    .faq dt .null {
        padding: 15px 20px 15px 40px;
        display: block;
        text-indent: -19px;
    }


/* convention script */
.conven_wrap {
    background-color: #f0f0f0;
    padding-bottom: 25px;
    border-bottom: 1px solid #dfdfdf;
}

    .conven_wrap.white {
        background-color: #fff;
        border-bottom: none;
    }

    .conven_wrap > img {
        display: block;
        margin: 20px 0 30px 0;
    }

    .conven_wrap dl {
        margin-top: 15px;
        padding: 0 20px;
    }

        .conven_wrap dl:after {
            content: "";
            display: block;
            clear: both;
        }

    .conven_wrap dt {
        width: 25%;
        float: left;
        padding-top: 12px;
        clear: both;
        font-weight: bold;
    }

    .conven_wrap dd {
        float: left;
        padding-top: 12px;
        width: 75%;
    }

    .conven_wrap .pos {
        position: relative;
        margin-top: 10px;
    }

        .conven_wrap .pos:first-child {
            margin-top: 0;
        }

        .conven_wrap .pos > a {
            position: absolute;
            top: -2px;
            right: 0;
            display: block;
            background-color: #fff;
        }

    .conven_wrap dd.pos {
        margin-top: 0;
    }

        .conven_wrap dd.pos > a {
            top: 10px;
        }

    .conven_wrap dd ul li {
        margin-top: 3px;
    }

        .conven_wrap dd ul li:first-child {
            margin-top: 0;
        }

    .conven_wrap dd.full {
        clear: both;
        width: 100%;
    }

        .conven_wrap dd.full .tbl_bsc {
            margin-top: 0;
        }

    .conven_wrap .bsc_area {
        margin-top: 15px;
        padding: 0 20px;
    }


/* major service inquiry */
.major_inq {
    width: 100%;
}

    .major_inq figure > img {
        display: block;
    }

    .major_inq figcaption {
        background-color: #333;
        color: #fff;
        padding: 18px 15px 15px 15px;
        position: relative;
    }

        .major_inq figcaption strong {
            display: block;
            font-size: 15px;
        }

        .major_inq figcaption p {
            font-size: 12px;
            padding-right: 50px;
        }

        .major_inq figcaption > a {
            background: url('/images/common/ico_major_inq.png') no-repeat left top;
            width: 37px;
            height: 37px;
            background-size: 37px;
            37px;
            position: absolute;
            top: 27px;
            right: 14px;
            text-indent: -9999em;
        }


/* reser. process */
.reserved_proc li {
    padding-bottom: 20px;
    background: url('/images/content/next_process.png') no-repeat center bottom;
    background-size: 13px 21px;
}

    .reserved_proc li:last-child {
        background: none;
        padding-bottom: 0;
    }

    .reserved_proc li div {
        border: 1px solid #dedede;
        background-color: #ebebeb;
        padding: 13px 15px;
    }

        .reserved_proc li div em {
            font-weight: bold;
        }

        .reserved_proc li div p {
            margin-top: 5px;
        }


/* */
.scr_box {
}

    .scr_box.extend {
        background-color: #f5f5f5;
        border-top: 1px solid #dfdfdf;
        margin: 0 -20px;
        padding: 20px;
    }
    /* border-bottom:1px solid #dfdfdf;  */
    .scr_box.ext_wedding {
        margin: 0 -20px;
    }

        .scr_box.ext_wedding .keyvi {
            display: block;
            margin-bottom: 10px;
        }

        .scr_box.ext_wedding .scr {
            padding: 0 10px;
        }

.scr_bsc02 {
    margin-top: -12px;
}

    .scr_bsc02 dt {
        margin-top: 12px;
    }

        .scr_bsc02 dt em {
            font-weight: bold;
        }

    .scr_bsc02 dd {
        margin-top: 12px;
    }
        /* font-size:13px;  */
        .scr_bsc02 dd > ul li {
            margin-top: 3px;
        }

            .scr_bsc02 dd > ul li:first-child {
                margin-top: 0;
            }

        .scr_bsc02 dd > ul.indent li, .scr_bsc02 dd > p.indent {
            padding-left: 10px;
            text-indent: -10px;
        }

        .scr_bsc02 dd > .no_indent {
            padding: 0;
            text-indent: 0;
        }

.option_wrap {
    border-bottom: 2px solid #333;
}

    .option_wrap .option_tit .option_state {
        background-color: #f5f5f5;
    }

        .option_wrap .option_tit .option_state.on {
            background-color: #333;
        }

    /*.option_wrap .option_detail {
        padding: 20px;
    }*/

.highlight {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 20px;
    margin: -20px -20px 20px -20px;
}

    .highlight strong {
        font-size: 20px;
        display: block;
        padding-bottom: 17px;
    }

    .highlight.bttm {
        border-top: 1px solid #ccc;
        border-bottom: 0;
        text-align: left;
        padding: 20px;
        margin: 20px -20px;
    }

        .highlight.bttm.minus {
            margin-bottom: -20px;
        }

        .highlight.bttm.minus2 {
            margin-bottom: -30px;
        }

        .highlight.bttm.sml strong {
            font-size: 14px;
            padding-bottom: 7px;
        }

    .highlight.sepe {
        border-top: 1px solid #ccc;
        padding: 20px 0;
        margin: 20px 0 0 0;
    }

    .highlight.align_left li {
        text-align: left;
        margin: 0 20px;
    }

    .highlight.golf9 {
        margin: 0;
        margin-top: -20px;
    }

    .highlight .txt_scr {
        color: #666;
    }

        .highlight .txt_scr .para {
            margin-bottom: 10px;
            color: #333;
        }

.room_inq_wrap {
    position: relative;
    margin: 20px 20px 0 20px;
}

    .room_inq_wrap strong {
        margin-right: 10px;
    }

    .room_inq_wrap .right {
        position: absolute;
        top: -5px;
        right: 0;
    }


/* slider content */
.imageslider_zone {
    padding: 0px;
    background: #333;
    padding: 0 0 5px 0;
}

    .imageslider_zone .imageslider {
        width: 400px;
        position: relative;
        overflow: hidden;
    }
        /* transition:.5s; */
        .imageslider_zone .imageslider .content {
            position: absolute;
            left: 0;
            top: 0;
            width: 1600px;
        }

            .imageslider_zone .imageslider .content .item {
                float: left;
                width: 700px;
            }

                .imageslider_zone .imageslider .content .item img {
                    display: block;
                    width: 100%;
                    margin: 0 auto;
                }

    .imageslider_zone .nav_w {
        text-align: center;
    }

        .imageslider_zone .nav_w li {
            display: inline-block;
            text-align: center;
        }

            .imageslider_zone .nav_w li a {
                width: 10px;
                background: #fff;
                height: 10px;
                display: inline-block;
                border-radius: 15px;
            }

                .imageslider_zone .nav_w li a.active {
                    background: #597ea9;
                }

    .imageslider_zone .caption {
        color: #fff;
        font-size: 14px;
        margin: 5px 0 0 0;
        line-height: normal;
        padding: 10px;
        text-align: center;
    }

    .imageslider_zone .control {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 50%;
        margin: -15px 0 0 0;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: left top;
    }

        .imageslider_zone .control.prev {
            background-image: url("/images/common/swipe_prev.png");
            background-size: 35px 35px;
            left: 0;
        }

        .imageslider_zone .control.next {
            background-image: url("/images/common/swipe_next.png");
            background-size: 35px 35px;
            right: 0;
        }

    .imageslider_zone.type02 {
        background-color: #fff;
    }

        .imageslider_zone.type02 .caption {
            color: #333;
            text-align: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            margin-bottom: 0;
            padding: 10px 0 0 0;
            font-size: 15px;
            font-weight: bold;
        }

        .imageslider_zone.type02 .date_low {
            font-size: 13px;
        }

        .imageslider_zone.type02 .control.next {
            right: 40px;
        }

.imageslider_cut {
    overflow: hidden
}

/* condo */
.condo_sepe {
}

    .condo_sepe li a {
        position: relative;
        width: 100%;
        display: block;
    }

    .condo_sepe li img {
        display: block;
    }

    .condo_sepe li a > strong, .condo_sepe li a > span {
        position: absolute;
        display: block;
        height: 20px;
        top: 45%;
    }

    .condo_sepe li a > strong {
        left: 20px;
        font-size: 16px;
        color: #fff;
    }

    .condo_sepe li a > span {
        right: 20px;
        width: 20px;
        background: url('/images/content/info_white_arr.png') no-repeat right 4px;
        background-size: 10px 15px;
    }


/* my elysian */
.greeting_msg {
    background-color: #eee;
    padding: 30px 20px 20px 20px;
}

    .greeting_msg strong {
        font-size: 15px;
    }

    .greeting_msg .type {
        margin: 5px 0 18px;
    }

    .greeting_msg .bsc_btn {
        width: 75px;
        padding: 0;
    }

.pw_show {
    display: none;
}

.my_opt_code {
    margin: 20px 0 15px;
}

.my_opt {
    border: 1px solid #ccc;
    border-top: 2px solid #889ab0;
    background-color: #fff;
}

    .my_opt li {
        padding: 14px;
        font-weight: bold;
    }

        .my_opt li:after {
            content: "";
            display: block;
            clear: both;
        }

        .my_opt li .left {
            float: left;
        }

        .my_opt li .right {
            float: right;
        }

        .my_opt li.focus {
            background-color: #f3f6fb;
            padding-right: 80px;
            position: relative;
        }

            .my_opt li.focus .abs {
                position: absolute;
                top: 8px;
                right: 7px;
            }

    .my_opt.season_list li {
        padding: 10px 14px;
    }

        .my_opt.season_list li:first-child {
            padding: 14px;
        }

.my_tot {
    border-top: 2px solid #889ab0;
    padding: 15px 20px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    font-weight: bold;
}

    .my_tot:after {
        content: "";
        display: block;
        clear: both;
    }

    .my_tot .left {
        float: left;
    }

    .my_tot .right {
        float: right;
        font-size: 17px;
    }

.my_season_tbl {
    width: 100%;
    position: relative;
}

    .my_season_tbl:after {
        content: "";
        display: block;
        clear: both;
    }
    /*.my_season_tbl .pic {width:100px; position:absolute; max-height:130px; overflow:hidden;}
.my_season_tbl .pic > img {width:100%;}
.my_season_tbl .info_tbl {margin-left:115px;}*/

    .my_season_tbl .pic_area {
        width: 100%;
    }

        .my_season_tbl .pic_area > img {
            width: 100%;
        }

.season_idcard {
    width: 100%;
    height: 165px;
    position: relative;
    overflow: hidden;
}

    .season_idcard:after {
        content: "";
        display: block;
        clear: both;
    }

    .season_idcard .pic_wrap {
        position: absolute;
        width: 140px;
        border: 1px solid #b2b2b2;
        overflow: hidden;
    }

        .season_idcard .pic_wrap .attach {
            width: 40px;
            height: 40px;
            background: #f5f5f5;
            border: 1px solid #b2b2b2;
            position: absolute;
            right: -1px;
            top: -1px;
            text-indent: -9999em;
            background: #f5f5f5 url('/images/reservation/ico_file_attach.png') no-repeat center center;
            background-size: 40px 40px;
            cursor: pointer;
        }

    .season_idcard .pic {
        display: table;
        margin: 0 auto;
    }

        .season_idcard .pic .upload_pic {
            max-width: 100%;
            vertical-align: middle;
            text-align: center;
            display: table-cell;
            padding: 6px 5px 6px 6px;
        }

            .season_idcard .pic .upload_pic img {
                display: block;
                margin: 0 auto;
                max-height: 150px;
                max-width: 128px;
            }

    .season_idcard ul {
        padding-left: 160px;
        min-height: 150px;
    }


/* content basic slide */
.slide_cont {
    border-top: 2px solid #333;
}

    .slide_cont.upper_min {
        margin-top: -1px;
    }

    .slide_cont .slide_menu {
        border-bottom: 1px solid #ccc;
        background-color: #f5f5f5;
    }

        .slide_cont .slide_menu:first {
            border-top: 1px solid #ccc;
        }

        .slide_cont .slide_menu .inner_tit {
            padding: 15px 20px;
            display: block;
            margin-top: 0;
            color: #333;
        }

            .slide_cont .slide_menu .inner_tit strong {
                background: url('/images/content/slide_close.png') no-repeat right top;
                background-size: 15px 15px;
                display: block;
                padding-right: 20px;
            }

            .slide_cont .slide_menu .inner_tit.on {
                background-color: #333;
            }

                .slide_cont .slide_menu .inner_tit.on strong {
                    background-image: url('/images/content/slide_open_white.png');
                    color: #fff;
                }

    .slide_cont .slide_detail {
        padding: 30px 20px;
        border-bottom: 1px solid #b2b2b2;
        display: none;
    }

        .slide_cont .slide_detail .city_tour {
            margin: -30px -20px;
        }

            .slide_cont .slide_detail .city_tour img {
                display: block;
            }

        .slide_cont .slide_detail.ini {
            padding: 0;
        }

        .slide_cont .slide_detail.bor_none {
            border-bottom: 0;
            padding: 0 20px 10px 20px;
        }

        .slide_cont .slide_detail > .tbl_bsc {
            margin-top: 0;
        }

    .slide_cont.swipe {
        border-top: 0;
        border-bottom: 2px solid #333;
    }

        .slide_cont.swipe .slide_menu {
            border-bottom: 0;
            border-top: 1px solid #ccc;
        }


/* slopes */
.slopes_state {
    margin-bottom: 30px;
}

.state_ico {
    background: url('/images/content/ico_slopes_open.png') no-repeat center center;
    background-size: 11px 10px;
    text-indent: -9999em;
    display: block;
    height: 100%;
}

    .state_ico.close {
        background-image: url('/images/content/ico_slopes_close.png');
    }


/* loaction */
.location_traffic {
    padding: 0 20px 20px 20px;
}

.map_wrap {
}

    .map_wrap .map_api {
        border: 1px solid #ccc;
    }

    .map_wrap .map_shot {
        margin-top: 20px;
        border: 1px solid #ccc;
    }

    .map_wrap img {
        display: block;
    }

/*.loc_car img {
    display: block;
    margin-bottom: 20px;
}

    .loc_car img:first-child {
        border: 1px solid #ccc;
    }*/




/* find post */
.post_find {
    line-height: 130%;
}

    .post_find p {
        margin-bottom: 10px;
    }

    .post_find .srch_btn {
        margin-top: -10px;
        padding: 0;
        width: 135px;
    }

.addr_result {
    margin-top: 35px;
}


/* service guide */
.serv_gudie .caption {
    color: #fff;
    font-size: 14px;
    margin: 15px 0 10px 0;
    line-height: 20px;
    padding: 10px;
    text-align: center;
}

.serv_focus {
    border: 1px solid #b2b2b2;
    border-top: 2px solid #889ab0;
    padding: 18px;
    background-color: #fff;
}

    .serv_focus > strong {
        display: block;
        margin-bottom: 10px;
    }

    .serv_focus > em {
        font-weight: bold;
    }

    .serv_focus dl {
        margin-top: -10px;
        font-weight: bold;
    }

        .serv_focus dl:after {
            content: "";
            display: block;
            clear: both;
        }

    .serv_focus dt {
        float: left;
        clear: both;
        margin-top: 10px;
        width: 30%;
    }

        .serv_focus dt.inform {
            margin-top: 15px;
        }

    .serv_focus dd {
        float: left;
        margin-top: 10px;
        width: 70%;
    }

        .serv_focus dd.txt_rasing {
            font-size: 17px;
        }

.info_type .heading:first-child {
    margin-top: 0;
}

.info_type .script {
    border-top: 1px solid #ccc;
    background-color: #f5f5f5;
    padding: 20px;
    margin: 0 -20px;
}

    .info_type .script dl {
        margin-top: -20px;
        position: relative;
    }

        .info_type .script dl:after {
            content: "";
            display: block;
            clear: both;
        }

        .info_type .script dl dt {
            width: 60px;
            position: absolute;
            font-weight: bold;
            clear: both;
            margin-top: 20px;
        }

            .info_type .script dl dt:first-child {
                margin-top: 0;
            }

        .info_type .script dl dd {
            margin-left: 60px;
            margin-top: 20px;
        }

    .info_type .script em {
        font-weight: bold;
        display: inline-block;
        margin-top: 15px;
    }

        .info_type .script em:first-child {
            margin-top: 0;
        }

.bsc_inq_wrap {
    margin-top: 20px;
}

    .bsc_inq_wrap.rental_case {
        border-top: 1px solid #ccc;
        padding-top: 25px;
    }

        .bsc_inq_wrap.rental_case .bsc_inq {
            margin-top: 15px;
        }

            .bsc_inq_wrap.rental_case .bsc_inq.multi {
                margin-top: 10px;
            }

    .bsc_inq_wrap.connect_case .bsc_inq {
        padding-right: 80px;
    }

        .bsc_inq_wrap.connect_case .bsc_inq:after {
            content: "";
            display: block clear:both;
        }

        .bsc_inq_wrap.connect_case .bsc_inq > strong {
            float: left;
        }

        .bsc_inq_wrap.connect_case .bsc_inq > span {
            float: right;
        }

        .bsc_inq_wrap.connect_case .bsc_inq .noti_txt {
            font-size: 12px;
            color: #333;
            clear: both;
        }

    .bsc_inq_wrap.golf_case .bsc_inq {
        margin-top: -0px;
    }

    .bsc_inq_wrap .bsc_inq {
        margin-top: 10px;
        position: relative;
        min-height: 27px;
    }

        .bsc_inq_wrap .bsc_inq > strong {
            margin-right: 10px;
            float: left;
            min-width: 80px;
        }

            .bsc_inq_wrap .bsc_inq > strong.single {
                margin-top: 10px;
            }

        .bsc_inq_wrap .bsc_inq > span {
            float: left;
        }

        .bsc_inq_wrap .bsc_inq:first-child {
            margin-top: 0;
        }

        .bsc_inq_wrap .bsc_inq:after {
            content: "";
            display: block;
            clear: both;
        }

    .bsc_inq_wrap .right {
        position: absolute;
        top: -5px;
        right: 0;
    }

        .bsc_inq_wrap .right.t5 {
            top: 5px
        }

        .bsc_inq_wrap .right.rt {
            top: -20px
        }

        .bsc_inq_wrap .right.rb {
            top: auto;
            bottom: -10px;
        }

    .bsc_inq_wrap .msg {
        text-align: right;
        margin: 5px 0 -10px 0;
        font-size: 12px;
    }

    .bsc_inq_wrap.group_case {
        border-top: 1px solid #ccc;
        padding-top: 20px;
    }
/*.bsc_inq_wrap.group_case .bsc_inq > strong {width:95px; margin-right:0;}*/
.bsc_inq.multi span {
    float: left;
    margin-top: 10px;
}


/* image description */
.img_des {
    position: relative;
    margin-bottom: 20px;
}

    .img_des .keyvi {
        display: block;
    }

    .img_des .descr {
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px;
        color: #fff;
    }

        .img_des .descr .subj {
            font-size: 20px;
            margin: 20px 0;
            line-height: 130%;
        }

    .img_des.esc {
        margin: 10px -20px 0 -20px;
    }

.img_scr {
    margin: 20px 0;
}

    .img_scr:after {
        content: "";
        display: block;
        clear: both;
    }

    .img_scr li {
        float: left;
        width: 50%;
        text-align: center;
    }

        .img_scr li .in_area {
            border: 1px solid #b2b2b2;
            margin: 0 5px;
        }

        .img_scr li:first-child {
            margin-left: 0;
        }

        .img_scr li:last-child {
            margin-right: 0;
        }

        .img_scr li .full {
            width: 100%;
            display: block;
        }

        .img_scr li .txt {
            display: block;
            text-align: center;
            margin-top: 5px;
        }

.focus_list .subj {
    margin: 20px 0 10px;
    display: block;
}

    .focus_list .subj:first-child {
        margin-top: 0;
    }

.focus_list li {
    font-size: 13px;
}

    .focus_list li em {
        font-size: 14px;
    }


/* golf proces */
.golf_proc {
    display: table;
    width: 100%;
}

    .golf_proc li {
        display: table-cell;
        width: 31%;
        text-align: center;
    }

        .golf_proc li > span {
            width: 50px;
            height: 50px;
            display: inline-block;
            background: url('/images/content/golf_proc.png') no-repeat center top;
            background-size: 50px 150px;
        }

        .golf_proc li.space {
            width: 10px;
            background: url('/images/content/golf_proc_arr.png') no-repeat center 18px;
            background-size: 9px 15px;
            text-indent: -9999em;
        }

        .golf_proc li .scr {
            font-size: 11px;
            margin: 0 -10px;
            color: #666;
        }

            .golf_proc li .scr strong {
                display: block;
                margin: 15px 0 7px;
                font-size: 13px;
                color: #333;
            }

        .golf_proc li + li + li > span {
            background-position: center -50px;
        }

        .golf_proc li + li + li + li + li > span {
            background-position: center -100px;
        }

/* hole intro */
.hole_intro {
    width: 100%;
}

    .hole_intro:after {
        content: "";
        display: block;
        clear: both;
    }

    .hole_intro dt {
        width: 30%;
        min-width: 80px;
        float: left;
        margin-top: 15px;
        clear: both;
        font-weight: bold;
    }

    .hole_intro dd {
        width: 70%;
        float: left;
        margin-top: 15px;
    }

        .hole_intro dd.clear {
            clear: both;
            margin-top: 5px;
            width: 100%;
        }

.hole_section {
    margin: -30px -20px 0 -20px;
}

    .hole_section p.caption {
        display: none;
    }

    .hole_section .nav_w {
        margin: 10px 0 5px 0;
    }

.shuttle_season {
    display: none;
}


/* group intro */
.group_intro {
    width: 100%;
}

    .group_intro:after {
        content: "";
        display: block;
        clear: both;
    }

    .group_intro dt {
        width: 30%;
        min-width: 120px;
        float: left;
        margin-top: 15px;
        clear: both;
        font-weight: bold;
    }

    .group_intro dd {
        width: 50%;
        float: left;
        margin-top: 15px;
    }

        .group_intro dd.clear {
            clear: both;
            margin-top: 5px;
            width: 100%;
        }

.group_section p.caption {
    display: none;
}

.group_section .nav_w {
    margin: 10px 0 5px 0;
}


/* connect */
.connect .tel {
    display: block;
    margin: 5px 0 10px;
}

    .connect .tel:after {
        content: "";
        display: block;
        clear: both;
    }

    .connect .tel > span {
        margin-right: 10px;
    }

    .connect .tel .calling {
        float: right;
        margin-top: -5px;
    }


.srch_re {
    position: relative;
    min-height: 45px;
}

    .srch_re .wrod {
        margin: 0 71px 0 0;
        display: block;
    }

        .srch_re .wrod input[type="text"] {
            width: 100%;
            height: 40px;
            padding: 3px 7px 0 7px;
            font-size: 18px;
        }

    .srch_re .size_btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        padding: 0;
    }

.srch_result {
    font-size: 16px;
    font-weight: bold;
    padding-top: 15px;
}

    .srch_result > span {
        display: block;
    }

.srch_null {
    margin: -20px -20px -10px -20px;
    background-color: #f5f5f5;
    padding: 20px;
}

    .srch_null > strong {
    }

    .srch_null ul {
        margin-top: 10px;
    }

        .srch_null ul li {
            color: #666;
        }


/* cart */
.btm_menu .bg {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #333;
    opacity: 0.95;
    z-index: 1;
}

.btm_menu ul {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    z-index: 2;
}

.btm_menu li {
    float: left;
    width: 33.33%;
    background: url('/images/reservation/blt_btm_sepe.png') no-repeat left center;
    background-size: 1px 16px;
}

    .btm_menu li:first-child {
        background: none;
    }

    .btm_menu li a {
        display: block;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #fff;
        font-weight: bold;
    }

.btm_menu.ea02 li {
    width: 50%;
}


/* move top */
.anchor_move {
    width: 37px;
    height: 37px;
    background: url('/images/common/ico_top.png') no-repeat left top;
    background-size: 37px 37px;
    display: none;
    position: fixed;
    right: 15px;
    bottom: 20px;
}

    .anchor_move a {
        text-indent: -9999em;
        display: block;
    }

.gotop {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 38px;
    height: 35px;
    background-color: #597ea9;
    z-index: 3;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    margin: 0 10px 50px 0;
    display: none;
}

    .gotop a {
        z-index: 4;
        display: block;
        position: relative;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: 12px;
    }


/* story of */
.story_keyvi {
    position: relative;
    min-height: 100px;
}

    .story_keyvi .msg {
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        color: #fff;
        overflow: hidden;
    }

        .story_keyvi .msg strong {
            display: block;
            margin: 20px 0 10px;
            text-decoration: underline;
        }

        .story_keyvi .msg > span {
            font-size: 10px;
        }

.story_sect {
    margin-top: -5px;
}

    .story_sect > .in_group {
        position: relative;
        padding: 18px 20px;
        border-top: 1px solid #dfdfdf;
    }

        .story_sect > .in_group:nth-child(even) {
            background-color: #f5f5f5;
        }

        .story_sect > .in_group strong {
            width: 95px;
            position: absolute;
            top: 25px;
            font-size: 16px;
        }

        .story_sect > .in_group ul {
            padding-left: 95px;
        }

            .story_sect > .in_group ul li a {
                height: 30px;
                line-height: 30px;
                border-top: 1px solid #ccc;
                display: block;
            }

            .story_sect > .in_group ul li:first-child a {
                border-top: 0;
            }

.story_msg {
    text-align: center;
    padding: 20px 0 30px;
}

    .story_msg > strong {
        font-size: 16px;
        color: #476e9b;
    }

    .story_msg > p {
        font-size: 12px;
        margin-top: 8px;
    }

.story_list {
    background-color: #f5f5f5;
}

.story_list {
    padding: 20px 20px 20px 20px;
}

.story_list_cut {
    overflow: hidden;
}

.story_list ul {
    padding: 20px 10px 0 10px;
    margin: -40px -20px 0 -20px;
}

    .story_list ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .story_list ul li {
        width: 33%;
        float: left;
        background: url('/images/content/story_line_hor.png') repeat-x center 63%;
        background-size: 5px 2px;
    }

        .story_list ul li.hor_clmn2 {
            width: 34%;
        }

        .story_list ul li.ver_clmn2, .story_list ul li.ver_clmn4, .story_list ul li.ver_clmn6, .story_list ul li.ver_clmn8, .story_list ul li.ver_clmn10 {
            float: right;
        }

        .story_list ul li.hor_clmn1, .story_list ul li.hor_clmn3 {
            background: url('/images/content/story_line_hor.png'), url('/images/content/story_line_ver.png');
            background-position: center 63%, center center;
            background-size: 5px 2px, 2px 5px;
            background-repeat: repeat-x, repeat-y;
        }

            .story_list ul li.hor_clmn1.even:last-child {
                background: url('/images/content/story_line_hor.png'), url('/images/content/story_line_ver.png');
                background-position: center 63%, center center;
                background-size: 5px 2px, 2px 5px;
                background-repeat: repeat-x, repeat-y;
            }

            .story_list ul li.hor_clmn1:last-child, .story_list ul li.hor_clmn1.even:last-child {
                background: url('/images/content/story_line_ver.png');
                background-position: center center;
                background-size: 2px 5px;
                background-repeat: repeat-y;
            }

        .story_list ul li.hor_clmn3 {
            background: none;
            background: url('/images/content/story_line_hor.png') repeat-x center 63%;
            background-size: 5px 2px;
        }

        .story_list ul li:last-child {
            background: url('/images/content/story_line_horfull.png') no-repeat left 63%;
            background-size: 40px 2px;
        }

        .story_list ul li.even:last-child {
            background-position: right 63%;
        }

        .story_list ul li:last-child a {
            background-color: #597ea9;
        }

        .story_list ul li > a, .story_list ul li > .not_anchor {
            border: 1px solid #ccc;
            height: 65px;
            display: block;
            background-color: #fff;
            margin: 20px 10px 0 10px;
            text-align: center;
        }

            .story_list ul li > a .store_name, .story_list ul li > .not_anchor .store_name {
                display: table;
                text-align: center;
                width: 100%;
                margin-top: 13px;
                height: 26px;
            }

            .story_list ul li > .not_anchor .last_card {
                display: table;
                text-align: center;
                width: 100%;
                height: 100%;
                background-color: #597ea9;
                color: #fff;
            }

                .story_list ul li > .not_anchor .last_card > strong {
                    display: table-cell;
                    font-size: 13px;
                    line-height: 130%;
                    vertical-align: middle;
                    font-weight: normal;
                }

            .story_list ul li > .not_anchor .store_name {
                height: 42px;
            }

                .story_list ul li > a .store_name > strong, .story_list ul li > .not_anchor .store_name > strong {
                    display: table-cell;
                    font-size: 13px;
                    line-height: 100%;
                    vertical-align: middle;
                }

                    .story_list ul li > a .store_name > strong .sml, .story_list ul li > .not_anchor .store_name > strong .sml {
                        font-size: 11px;
                    }

            .story_list ul li > a > span {
                font-size: 8px;
                color: #6398c0;
                text-decoration: underline;
            }

        .story_list ul li > .not_anchor {
            border: 1px solid #ccc;
            height: 65px;
            display: block;
            background-color: #fff;
            margin: 20px 10px 0 10px;
            text-align: center;
        }


/* main */
.ely_main #root_menu {
    display: none;
}

#wrap.main {
    margin-bottom: 0;
}

.first_touch:after {
    content: "";
    display: block;
    clear: both;
}

.first_touch li {
    float: left;
    width: 50%;
    height: 50px;
    background-color: #a9b0b8;
}

    .first_touch li.on {
        background-color: #fff;
    }

    .first_touch li a {
        display: block;
        text-align: center;
        line-height: 50px;
        color: #fff;
    }

    .first_touch li.on a {
        color: #879ab0;
        font-weight: bold;
    }

.slide_info {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
}

    .slide_info > strong {
        display: block;
        margin: 110px 0 10px;
        font-size: 23px;
        line-height: 110%;
        text-shadow: 0px 0px 3px #000;
        ;
    }

    .slide_info > span {
        display: block;
        margin-bottom: 20px;
        text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    }

    .slide_info a {
        display: inline-block;
        width: 98px;
        height: 23px;
        border: 1px solid #fff;
        font-size: 10px;
        line-height: 23px;
        color: #fff;
    }

.ely_main.jeju .slide_info > strong {
    margin-bottom: 25px;
}

.main_inner {
    margin: 20px 10px;
}

.main_notice {
    position: relative;
}

    .main_notice h2 {
        position: absolute;
        left: 10px;
        font-size: 13px;
    }

    .main_notice ul {
        margin-left: 100px;
    }

        .main_notice ul li {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 12px;
        }

            .main_notice ul li strong {
                color: #999;
                margin-right: 5px;
                font-weight: normal;
            }

.quick_menu:after {
    content: "";
    display: block;
    clear: both;
}

.quick_menu li {
    float: left;
    width: 33%;
    background: #597ea9 url('/images/content/quick_meta_set.png') no-repeat center top;
    background-size: 100px 960px;
    height: 80px;
}

    .quick_menu li.quick_clmn2 {
        width: 34%;
    }

    .quick_menu li:first-child {
        background: #f0f0f0;
    }

    .quick_menu li a {
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        height: 79px;
        width: 100%;
        display: block;
        line-height: 120px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: -0.05em;
    }

    .quick_menu li:first-child > span {
        line-height: 120%;
        text-align: left;
        display: inline-block;
        height: 79px;
        width: 100%;
        border-bottom: 1px solid #fff;
    }

        .quick_menu li:first-child > span > strong {
            padding: 25px 0 0 10px;
            display: block;
            color: #476e9b;
        }

    .quick_menu li:first-child > span, .quick_menu li:nth-child(3n+1) a {
        border-left: 0;
    }

.quick_menu.gang li + li + li {
    background-position: center -80px;
}

    .quick_menu.gang li + li + li + li {
        background-position: center -160px;
    }

        .quick_menu.gang li + li + li + li + li {
            background-position: center -240px;
        }

            .quick_menu.gang li + li + li + li + li + li {
                background-position: center -320px;
            }

                .quick_menu.gang li + li + li + li + li + li + li {
                    background-position: center -400px;
                }

                    .quick_menu.gang li + li + li + li + li + li + li + li {
                        background-position: center -480px;
                    }

                        .quick_menu.gang li + li + li + li + li + li + li + li + li {
                            background-position: center -560px;
                        }

                            .quick_menu.gang li + li + li + li + li + li + li + li + li + li {
                                background-position: center -640px;
                            }

                                .quick_menu.gang li + li + li + li + li + li + li + li + li + li + li {
                                    background-position: center -720px;
                                }

                                    .quick_menu.gang li + li + li + li + li + li + li + li + li + li + li + li {
                                        background-position: center -800px;
                                    }

.quick_menu.je li + li + li {
    background-position: center -480px;
}

    .quick_menu.je li + li + li + li {
        background-position: center -400px;
    }

        .quick_menu.je li + li + li + li + li {
            background-position: center -240px;
        }

            .quick_menu.je li + li + li + li + li + li {
                background-position: center -320px;
            }

                .quick_menu.je li + li + li + li + li + li + li {
                    background-position: center -640px;
                }

                    .quick_menu.je li + li + li + li + li + li + li + li {
                        background-position: center -720px;
                    }

                        .quick_menu.je li + li + li + li + li + li + li + li + li {
                            background-position: center -800px;
                        }

.banners li {
    position: relative;
}

    .banners li img {
        display: block;
    }

    .banners li a {
        display: block;
    }

        .banners li a img {
            display: block;
            width: 100%;
        }


/* admin reg. - [web sync.] */
.dot_type {
    width: 100%;
    overflow: hidden;
}

    .dot_type:after {
        content: "";
        display: block;
        clear: both;
    }

    .dot_type li {
        margin-top: 3px;
        line-height: 130%;
        padding-left: 10px;
        background: url('/images/common/dot_gray_3by3.gif') no-repeat left 7px;
    }

        .dot_type li.tmar_bsc {
            margin-top: 10px;
        }

        .dot_type li:first-child {
            margin-top: 0;
        }

.tbl_bsc table {
    width: 100%;
    table-layout: fixed;
}

    .tbl_bsc table th {
        padding: 13px 0 11px 0;
        border: 1px solid #ccc;
        background-color: #ebebeb;
        vertical-align: middle;
        line-height: 130%;
        border-top: 0;
    }

        .tbl_bsc table th.align_left {
            text-align: left;
            padding-left: 5px;
        }

    .tbl_bsc table td {
        padding: 11px 5px 9px 5px;
        border: 1px solid #ccc;
        background-color: #fff;
        line-height: 130%;
        text-align: center;
    }

.info_type02 thead th {
    padding: 12px 10px 11px 10px;
    border: 1px solid #ccc;
    background-color: #ececec;
    color: #333;
}

.info_type02 thead td {
    border: 1px solid #ccc;
    padding-left: 10px;
    background-color: #f9f9f9;
}

.info_type02 tbody th {
    padding: 12px 10px 11px 10px;
    border: 1px solid #ccc;
    background-color: #ececec;
    color: #333;
}

.info_type02 tbody td {
    vertical-align: middle;
    border: 1px solid #ccc;
}

.info_type02 td.align_left {
    text-align: left;
}

.info_type02 td.align_right {
    text-align: right;
}

.info_type02 .multi_left {
    text-align: left;
    display: block;
}

.info_type02 th.like_td {
    background-color: #f9f9f9;
    text-align: left;
}

.tbl_bsc_wrap table {
    width: 100%;
    table-layout: fixed;
}

    .tbl_bsc_wrap table th {
        padding: 13px 0 11px 0;
        border: 1px solid #ccc;
        background-color: #ebebeb;
        vertical-align: middle;
        line-height: 130%;
    }

        .tbl_bsc_wrap table th.align_left {
            text-align: left;
            padding-left: 5px;
        }

        .tbl_bsc_wrap table th .inq_mark {
            background-position: 1px 4px;
        }

    .tbl_bsc_wrap table td {
        padding: 11px 5px 9px 5px;
        border: 1px solid #ccc;
        background-color: #fff;
        line-height: 130%;
        text-align: center;
    }

        .tbl_bsc_wrap table td .cr_mo {
            display: block;
        }




/* sepe style */
.pos_rela {
    position: relative;
}

.hide {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
}

.spc_mini_minus {
    margin-top: -2px !important;
}

.spc_min_minus {
    margin-top: -5px !important;
}

.spc_bsc_minus {
    margin-top: -10px !important;
}

.spc_tall_minus {
    margin-top: -20px !important;
}

.spc_btm_zero {
    margin-bottom: 0 !important;
}

.spc_bsc_btm_zero {
    margin-bottom: 0 !important;
}

.spc_zero {
    margin-top: 0 !important;
}

.spc_min {
    margin-top: 5px;
}

.spc_bsc {
    margin-top: 10px !important;
}

.spc_tall {
    margin-top: 20px !important;
    ;
}

.spc_taller {
    margin-top: 30px !important;
}

.spc_tallest {
    margin-top: 40px !important;
}

.verti_tall {
    margin-left: 10px;
}

.verti_taller {
    margin-left: 20px;
}

.verti_tallest {
    margin-left: 30px;
}

.verti_tall_right {
    margin-right: 10px;
}

.tbl_tit {
    margin: 20px 0 10px 0;
    display: block;
}

    .tbl_tit:first-child {
        margin-top: 0;
    }

    .tbl_tit.solo {
        margin-top: 30px;
    }

.tbl_para {
    margin: -10px 0 10px;
}

.indent_digit02 {
    text-indent: -32px;
    padding-left: 32px;
}

.txt_normal {
    font-weight: normal !important;
}

.dis_block {
    display: block;
}

.view_imp {
    display: block !important;
}

.vertil_middle {
    vertical-align: middle;
}

.trasitiion {
    -webkit-transition: all 0.5s;
}

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

.clearboth:after {
    content: "";
    display: block;
    clear: both;
}

.clearboth .left {
    float: left;
}

.clearboth .right {
    float: right;
}

/* popup */
.popup h1 {
    height: 50px;
    line-height: 50px;
    background-color: #597ea9;
    font-size: 20px;
    color: #fff;
    padding-left: 20px;
    margin-bottom: 10px;
}

.popup .pop_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 17px 20px;
    width: 15px;
}


/* mask layer */
#msk_lyr {
    position: absolute;
    z-index: 2;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    display: none;
}

#msk_entire {
    position: absolute;
    z-index: 2;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
    display: none;
}

.lyr_pop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    display: none;
    padding-bottom: 30px;
}

    .lyr_pop h1 {
        height: 50px;
        line-height: 50px;
        background-color: #597ea9;
        font-size: 20px;
        color: #fff;
        padding-left: 20px;
        margin-bottom: 10px;
    }

    .lyr_pop .lyr_close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 17px 20px;
        width: 15px;
    }

    .lyr_pop .lyr_area {
        padding: 20px;
    }

        .lyr_pop .lyr_area .area_full {
            margin: -30px -20px 0 -20px;
        }

    .lyr_pop .tit {
        position: relative;
        font-size: 16px;
        color: #00a99c;
        padding: 8px 0 1px 0;
        margin: 0 0 18px;
        font-weight: bold;
        overflow: hidden;
        color: #333;
    }

        .lyr_pop .tit:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 20px;
            height: 2px;
            background-color: #333;
        }

        .lyr_pop .tit:after {
            content: "";
            display: block;
            clear: both;
        }

        .lyr_pop .tit.sup {
            padding-top: 3px;
        }

    .lyr_pop .coupon_sale_info {
        background-color: #f5f5f5;
        padding: 15px;
        margin: 20px 0;
        text-align: center;
    }

        .lyr_pop .coupon_sale_info strong em {
            width: 100px;
            text-align: right;
            display: inline-block;
        }

    .lyr_pop .tit_wrap {
        position: relative;
        margin-top: 30px;
    }

        .lyr_pop .tit_wrap:first-child {
            margin-top: 0;
        }

        .lyr_pop .tit_wrap .tit {
        }

        .lyr_pop .tit_wrap .abs_btn {
            position: absolute;
            top: 2px;
            right: 0;
            height: 25px;
            line-height: 25px;
            padding: 0 20px;
            font-size: 11px;
            border: 1px solid #cdcdcd;
            background-color: #fff;
            color: #666 !important;
        }

    .lyr_pop .inner_abs_btn {
        position: absolute;
        top: 13px;
        right: 20px;
        height: 22px;
        line-height: 24px;
        padding: 0 10px;
        font-size: 11px;
        border: 1px solid #cdcdcd;
        background-color: #fff;
        color: #666 !important;
    }

    .lyr_pop .story_scr {
        background-color: #f5f5f5;
        border-top: 1px solid #dfdfdf;
        padding: 20px;
        margin: 0 -20px;
        position: relative;
    }

        .lyr_pop .story_scr > em {
            font-size: 13px;
            font-weight: bold;
            display: block;
            margin-bottom: 5px;
        }

        .lyr_pop .story_scr .script {
            margin: 8px 0 13px;
            font-size: 12px;
        }

        .lyr_pop .story_scr .option {
        }

            .lyr_pop .story_scr .option li {
                font-size: 12px;
                color: #666;
                margin: 3px 0;
                text-indent: -31px;
                padding-left: 31px;
            }

                .lyr_pop .story_scr .option li.digit03 {
                    text-indent: -41px;
                    padding-left: 41px;
                }

                .lyr_pop .story_scr .option li.digit04 {
                    text-indent: -52px;
                    padding-left: 52px;
                }

    .lyr_pop .neigh {
        margin: 20px 0 -10px;
        display: block;
    }

    .lyr_pop .popup_body {
        width: 100%;
    }

        .lyr_pop .popup_body img {
            width: 100%;
            display: block;
        }

    .lyr_pop .popup_foot {
        height: 20px;
        line-height: 20px;
        position: relative;
        padding: 10px;
        background-color: #f5f5f5;
        margin-bottom: -30px;
    }

        .lyr_pop .popup_foot label {
            padding: 0 26px 0 0;
            background-position: right top !important;
        }

        .lyr_pop .popup_foot .check_pos {
            position: absolute;
            top: 5px;
            right: 10px;
        }

        .lyr_pop .popup_foot .lyr_close {
            top: 5px;
            right: 10px;
            padding: 0;
            width: 30px;
        }

#lyr_main_popup {
    background-color: transparent;
}

    #lyr_main_popup section {
        margin: 50px 20px;
    }

/* new_add */
.tab.ea04 li {
    width: 25.03%;
}

.con_tit {
    font-size: 16px;
    font-weight: bold;
    margin: 18px 0;
    line-height: 140%;
}

.rental_Ncase {
    padding: 25px 0 20px !important;
    border-top: 0 none !important;
    border-bottom: 1px solid #ccc;
}

    .rental_Ncase .con_tit {
        padding-top: 15px;
        border-top: 3px solid #5ab7af;
        margin-top: 0;
    }

.info_type .script.type2 dl dt {
    width: 120px;
}

.info_type .script.type2 dl dd {
    margin-left: 120px;
}

.key_bar {
    border-bottom: 1px solid #dfdfdf;
}

/* media query */
@media screen and (min-width:320px) {
    .favor dd span {
        width: 50%;
    }

    .sketch_list li img {
        display: block;
        height: 120px;
    }
}

@media screen and (min-width:420px) {
    .srch_result > span {
        display: inline-block;
        margin-right: 10px;
    }

    .sketch_list li img {
        display: block;
        height: 140px;
    }
}

@media screen and (min-width:640px) {
    .favor dd span {
        width: 33%;
    }

    .sketch_list li {
        width: 33.30%;
    }

        .sketch_list li img {
            display: block;
            height: 150px;
        }
}

@media screen and (min-width:700px) {
    .sketch_list li img {
        display: block;
        height: 160px;
    }
}

@media screen and (min-width:800px) {
    .sketch_list li img {
        display: block;
        height: 170px;
    }
}

.tab.cont01 {
    height: 41px;
}

    .tab.cont01 li a {
        border: 1px solid #ccc;
        padding: 10px 0 10px 0 !important;
        background: #ebebeb;
        color: #333;
        display: block;
        height: 20px;
        line-height: 20px;
        font-size: 11px
    }

    .tab.cont01 li.on a {
        border-color: #333;
        background: #333;
        color: #fff;
    }

    .tab.cont01 li a:active, .tab.cont01 li a:focus, .tab.cont01 li a:hover {
        border-color: #333;
        background: #333;
        color: #fff;
    }

    .tab.cont01 li a.type2 {
        line-height: 14px;
        padding: 8px 0 12px 0 !important;
    }


.tab.ea04 li {
    width: 25%;
}

.tab.ea05 li {
    width: 20%;
}

.tab.ea06 li {
    width: 16.6666%;
}

#root_menu {
    display: block !important;
    float: left;
    margin-top: 12px;
    position: absolute;
    right: 50px;
}

    #root_menu a {
        background: #2ca7b6;
        padding: 0 7px;
        line-height: 26px;
        font-size: 11px;
        color: #fff;
        letter-spacing: -0.07em;
        display: inline-block;
        border-radius: 3px;
        font-weight: bold;
        box-shadow: 0 0 1px #fff;
    }


.bottomBtns {
    font-size: 0;
    margin-top: 15px;
    text-align: center;
}

    .bottomBtns a {
        font-size: 13px;
        font-weight: bold;
        background-color: #2ca7b6;
        color: #fff;
        line-height: 30px;
        display: inline-block;
        padding: 0 20px;
        margin: 0 5px;
    }




/* 161026 추가 */
.txt_point {
    color: #227bde;
}
/* 161026 추가 end*/

/* 161109 추가 */
.skischoolbox {
    width: 49%;
    border: 1px solid #ececec;
    box-sizing: border-box;
    background-color: #f8f8f8;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    margin-right: 2%;
    margin-bottom: 10px;
    text-align: center;
    float: left;
}

    .skischoolbox dt {
        padding: 40px 0 24px 0;
    }

    .skischoolbox dd {
        padding-bottom: 20px;
    }

    .skischoolbox .reserv_skischool {
        padding: 11px 35px;
        font-size: 13px;
        height: auto;
        line-height: 1;
        background-color: #1cbbb4
    }

    .skischoolbox.nomr {
        margin-right: 0;
    }

.reserv_wrap .skischoolbox .bg_abstract {
    background-color: #3a6c6e;
}

.reserv_wrap .skischoolbox .bg_d83a51 {
    background-color: #d83a51;
}

.reserv_wrap .skischoolbox .bg_6475de {
    background-color: #6475de;
}


ul.skimemolist {
    color: #333;
    list-style: square;
    margin-left: 6px;
    font-size: 15px;
}

    ul.skimemolist li {
        padding-bottom: 11px;
        line-height: 1;
    }

        ul.skimemolist li:last-child {
            padding-bottom: 0;
        }

.popup_memobox {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 13px;
    margin-bottom: 25px;
    font-size: 13px;
    max-height: 80px;
    overflow-y: auto;
    box-sizing: border-box;
}

    .popup_memobox h2 {
        font-size: 16px;
        padding-bottom: 8px;
        padding-top: 18px
    }

    .popup_memobox h3 {
        padding-bottom: 3px;
        font-weight: normal
    }

    .popup_memobox strong {
        color: #ed1c24;
        font-weight: normal
    }

    .popup_memobox ul > li {
        text-indent: -10px;
        margin-left: 10px
    }

.skiPop_layer {
    position: fixed;
    background: #fff;
    z-index: 110;
    display: none;
    left: 5%;
    top: 5%;
}

    .skiPop_layer .bskin_in {
        position: relative;
    }

        .skiPop_layer .bskin_in .title, .bskin_layer .bskin_in .title02 {
            height: 55px;
            background: #333333;
        }

            .skiPop_layer .bskin_in .title p, .bskin_layer .bskin_in .title02 p {
                font-size: 16px;
                line-height: 55px;
                display: inline-block;
                margin-left: 20px;
                color: #fff;
                font-family: '맑은 고딕', 'Malgun Gothic';
            }

    .skiPop_layer .lycont {
        padding: 5px;
        overflow-y: auto;
    }

        .skiPop_layer .lycont .endtext {
            font-size: 20px;
            line-height: 25px;
            text-align: center;
            margin: 0 0 25px 0;
        }

        .skiPop_layer .lycont .infotext {
            font-size: 16px;
            line-height: normal;
            text-align: center;
            margin: 0 0 25px 0;
        }

        .skiPop_layer .lycont .reserve_num {
            background: #59b7b0;
            text-align: center;
            font-size: 18px;
            padding: 10px 0;
            color: #fff;
            margin-bottom: 25px;
        }

        .skiPop_layer .lycont .con_box {
            background: #59b7b0;
            text-align: center;
            padding: 10px 0;
            color: #fff;
            margin-bottom: 20px;
        }

            .skiPop_layer .lycont .con_box .con_tit {
                font-size: 30px;
                font-weight: bold;
            }

            .skiPop_layer .lycont .con_box .con_txt {
                font-size: 14px;
                margin-top: 10px;
                padding-bottom: 10px;
            }

                .skiPop_layer .lycont .con_box .con_txt.b_txt {
                    font-size: 18px;
                    font-weight: bold;
                    line-height: normal;
                }

        .skiPop_layer .lycont .btnc {
            text-align: center;
            font-size: 18px;
        }

            .skiPop_layer .lycont .btnc a {
                font-size: 18px;
            }

    .skiPop_layer .close {
        position: absolute;
        top: 17px;
        right: 17px;
    }

    .skiPop_layer .bskin_in .popimg {
        width: auto;
        max-width: 900px;
    }


.blueskin {
    border-top: 2px solid #b8e0dd;
    width: 100%;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid #cccccc;
}

    .blueskin th {
        background: #eef5f5;
        border: 1px solid #cccccc;
        padding: 6px 0;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        line-height: normal;
        vertical-align: middle;
    }

    .blueskin.thsize12 th {
        font-size: 12px
    }

    .blueskin.vam td {
        vertical-align: middle
    }

    .blueskin td {
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        padding: 6px;
        text-align: left;
    }

        .blueskin td.ulpd {
            font-size: 11px;
        }

        .blueskin td .int {
        }

    .blueskin select {
        padding: 2px 7px 6px 7px;
        height: auto;
    }

    .blueskin .noneleft {
        border-left: 0;
    }

    .blueskin .noneright {
        border-right: 0;
    }

    .blueskin .alignright {
        text-align: right !important;
    }

    .blueskin td.sky {
        background: #eef5f5;
    }

input[type=radio] {
    display: inline-block;
}

.bsc_btn {
    height: auto;
    line-height: normal;
    padding: 8px 10px;
}

.blueskin.alignLeftTable td {
    text-align: left;
}

.blueskin td label {
    letter-spacing: -1px;
}

.blueskin .gray {
    background-color: #999
}

/* 161122 추가 - 레스토랑/바 > 레스토랑 */
.imageslider_zone .imageslider .content .item img {
    height: auto;
}

#menu .menulist {
    margin-top: 10px;
}

    #menu .menulist .tit i {
        font-size: 15px;
        font-style: normal;
        font-weight: normal
    }

    #menu .menulist dl {
        color: #333;
    }

        #menu .menulist dl dt {
            font-weight: bold;
            position: relative;
            font-size: 14px;
            padding-bottom: 10px;
            padding-top: 10px
        }

        #menu .menulist dl dd {
            position: relative;
            font-size: 13px;
            margin-bottom: 10px;
            background: url(../../images/gangchon/restaurant/menu_liststyle.jpg) left center no-repeat;
            padding-left: 12px
        }

            #menu .menulist dl dd div {
                position: absolute;
                right: 0;
                top: 0
            }

/*161227 추가 무료셔틀버스 버튼*/
.shutBtnW {
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
    font-size: 12px;
}

    .shutBtnW:after {
        content: "";
        display: block;
        clear: both;
    }

    .shutBtnW li {
        float: left;
        padding: 0 1px 2px;
        width: 50%;
        box-sizing: border-box;
        line-height: 16px;
    }

        .shutBtnW li a {
            display: block;
            text-align: center;
            border: 1px solid #b2b2b2;
            background-color: #fff;
            color: #333;
            padding: 10px 0;
        }

/*스키 이용요금*/
.wrap_list1 {
    margin-top: 10px;
    line-height: 21px;
    font-size: 12px
}

.wrap_list2 {
    margin: 0 0 10px 20px
}

    .wrap_list2 li {
        text-indent: -10px
    }

.wrap_btn_link {
    margin-left: 20px
}

    .wrap_btn_link a {
        background: #2ca7b6;
        margin-bottom: 10px;
        padding: 0 7px;
        line-height: 26px;
        font-size: 11px;
        color: #fff;
        letter-spacing: -0.07em;
        display: inline-block;
        border-radius: 3px;
        font-weight: bold;
        box-shadow: 0 0 1px #fff;
    }

.sellinlots.speacialDis tr td:first-child {
    text-align: center;
}

    .sellinlots.speacialDis tr td:first-child img {
        width: 80%;
        max-width: 130px;
    }

p.addDetail {
    margin: 10px 0;
    font-size: 12px;
}

ul.addDetail {
    margin-top: 5px;
    font-size: 12px;
}

    ul.addDetail li {
        margin-bottom: 5px;
    }

ul.addDetailS02 {
    margin-top: 10px;
    font-size: 12px;
}

    ul.addDetailS02 li {
        text-indent: -16px;
        margin-left: 16px;
    }

/*셔틀버스*/
.shuttle_use_wrap {
    margin-bottom: 20px;
}

    .shuttle_use_wrap ul li {
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 20px;
        background: url('/images/content//shuttle_arrow_img01.png') no-repeat center bottom;
        background-size: 10px auto;
        margin-top: 6px;
    }

        .shuttle_use_wrap ul li:first-child {
            margin-top: 0;
        }

        .shuttle_use_wrap ul li div {
            display: table;
            background-size: 100% auto;
            width: 100%;
            min-height: 100px;
            border: 2px solid #bfd9de;
            padding: 5px;
            border-radius: 20px;
        }

            .shuttle_use_wrap ul li div p {
                display: table-cell;
                vertical-align: middle;
                text-align: left;
                font-weight: bold;
                width: auto;
            }

                .shuttle_use_wrap ul li div p.imgCon {
                    width: 100px;
                    vertical-align: middle;
                    text-align: center;
                }

                    .shuttle_use_wrap ul li div p.imgCon img {
                        width: auto;
                        vertical-align: middle;
                    }

        .shuttle_use_wrap ul li p strong {
            display: block;
            color: #2a5b64;
            font-size: 16px;
            line-height: 30px;
        }

        .shuttle_use_wrap ul li p span {
            color: #808080;
            font-size: 12px;
            line-height: 17px;
            letter-spacing: -0.06em
        }

            .shuttle_use_wrap ul li p span span {
                color: #999;
            }


a.blue_btn {
    color: #fff;
    background: #1cbbb4;
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
}