@charset "utf-8";
/* 접근성 숨김추가 */
.access_hidden {
    text-indent: -99999em;
    line-height: 0;
    height: 0;
}

h4.remote_tabtit {
    text-indent: -99999em;
    line-height: 0;
    height: 0;
}

.main_visual .hidden_tit {
    position: absolute;
    left: -9999em;
    height: 0;
    font-size: 0;
}
/* 공통 스타일_start */
.mobile_lnb {
    display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 1000s ease-in-out 0s;
}


/* table Style
*******************************/
.common_tb {
    width: 100%;
    margin-bottom: 50px;
}

    .common_tb .tb_num {
        width: 8%;
    }

    .common_tb .tb_title {
    }

    .common_tb .tb_date {
        width: 13%;
    }

    .common_tb .tb_count {
        width: 10%;
    }

    .common_tb a {
        color: #333;
    }

    .common_tb thead th {
        padding: 1.7rem 0;
        font-size: 1.6rem;
        background: #f2f5f7;
        border-bottom: 1px solid #d6d6d6;
        color: #333;
        border-top: 1px solid #333;
    }

    .common_tb tbody td {
        padding: 1.4rem 0;
        font-size: 1.5rem;
        word-break: break-all;
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        color: #666;
        line-height: 1.6;
        vertical-align: middle;
    }

        .common_tb tbody td a:hover {
            text-decoration: underline;
        }

        .common_tb tbody td.title {
            text-align: left;
            padding: 1.4rem 2rem;
        }

.paging {
    clear: both;
    font-family: tahoma,sans-serif,arial;
    font-size: 12px;
    text-align: center;
    line-height: 1.9em;
    font-weight: 400;
    padding-bottom: 50px;
}

    .paging a {
        display: inline-block;
        vertical-align: middle;
        border: #dfdfdf 1px solid;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #999999;
        font-size: 12px;
        text-align: center;
        padding: 0 !important;
        background: #fff;
        margin-left: 2px;
    }

    .paging strong {
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        background: #036a9a;
        color: #fff;
        margin-left: 2px;
    }

    .paging a.btn {
        background-color: #fff;
    }

    .paging a.prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 20px;
    }

    .paging a.next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 20px;
    }

    .paging a.next {
        font-size: 0;
    }

    .paging a.prev {
        font-size: 0;
    }

/* 스크롤 박스 */
.inbox .scr_box h1 {
    font-size: 2rem;
    line-height: 25px;
}

.inbox .scr_box h2 {
    font-size: 1.4rem;
}

.inbox .scr_box dl {
    margin-bottom: 20px;
}

    .inbox .scr_box dl dt {
        float: left;
    }

.inbox .scr_box p {
    margin-bottom: 10px;
}

.scr_box dl dd ol {
    padding-left: 15px;
}

.scr_box dl dd a {
    margin-top: 10px;
    color: #006899;
    display: block;
}

/* 스티커 컬러 */
.sticker.soon {
    background: #976391;
}
/* 분양예정 */
.sticker.sales {
    background: #c35022;
}
/* 분양중 */
.sticker.sales_end {
    background: #747270;
}
/* 분양완료 */
.sticker.work {
    background: #175caf;
}
/* 공사중 */
.sticker.work_end {
    background: #686868;
}
/* 공사완료 */
.sticker.movein {
    background: #207a57;
}
/* 입주중 */
.sticker.movein_end {
    background: #5f677f;
}
/* 입주완료 */
.sticker.store {
    background: #5d96b1
}
/* 상가분양 */

/* 버튼 스타일 */
.submit, .btn_cancel {
    width: 550px;
    height: 70px;
    background: #434a5d;
    font-size: 2.4rem;
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: 70px;
    cursor: pointer;
}

    .submit.btn2, .btn_cancel {
        width: 200px;
        margin: 0 10px;
        display: inline-block;
        color: #fff;
        line-height: 70px;
    }

.btn_cancel {
    background: #909193;
}

.btn_set .btn_list {
    width: 150px;
    height: 60px;
    background: #434a5d;
    font-size: 2.4rem;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

a.submit {
    color: #fff;
}

.btn_defualt {
    width: 130px;
    height: 35px;
    background: #939393;
    font-size: 1.4rem;
    color: #fff;
}

a.btn_defualt {
    display: block;
    color: #fff;
}

.btns_set {
    clear: both;
    width: 100%;
    padding: 3rem 0 0;
}

    .btns_set .tblbtn.lgbtn {
        font-size: 1.5rem;
        padding: 1.2rem 2.5rem;
    }

.tblbtn.btn_blue {
    background: #006899;
    color: #fff !important;
    border: 1px solid #006899;
    font-size: 1.3rem;
}

.tblbtn.btn_dkgray {
    background: #434a5d;
    border: 1px solid #434a5d;
    color: #fff !important;
}

.tblbtn.btn_gray {
    background: #909193;
    border: 1px solid #909193;
    color: #fff !important;
}

/* input_style */
input[type="text"], input[type="password"], input[type="number"] {
    width: 100%;
    height: 100%;
    padding-left: 30px;
    box-sizing: border-box;
    border: none;
    position: relative;
    z-index: 2;
    background: transparent;
}

.input_box {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border: 1px #d2d2d2 solid;
    margin-bottom: 20px;
    font-size: 1.6rem;
    position: relative
}

    .input_box span {
        height: 100%;
        padding-left: 30px;
        box-sizing: border-box;
        position: absolute;
        color: #bcbcbc;
        line-height: 50px;
        text-align: left;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .input_box label {
        height: 100%;
        padding-left: 30px;
        box-sizing: border-box;
        position: absolute;
        color: #bcbcbc;
        line-height: 50px;
        text-align: left;
        z-index: 1;
        top: 0;
        left: 0;
    }

textarea {
    box-sizing: border-box;
    border: none;
    position: relative;
    z-index: 2;
    background: transparent;
    resize: none;
}


.select_wrap.iestyle select::-ms-expand {
    display: none;
}

.select_wrap.iestyle:after {
    content: '\f0dd';
    background: #fff;
    width: 25px;
    padding-top: 5px;
    font-family: 'FontAwesome';
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    display: inline-block;
    color: #888;
    vertical-align: middle;
}

.select_wrap.iestyle {
    position: relative;
    display: inline-block;
}

    .select_wrap.iestyle select {
        z-index: 1;
    }

    .select_wrap.iestyle select {
        -webkit-appearance: none;
        -ms-appearance: none \9 !important;
    }

        html > body .select_wrap.iestyle select:after {
            content: '';
        }


/* lnb */
.lnb {
    width: 100%;
    height: 50px;
    background: #3d4353;
    font-size: 1.3rem;
}

    .lnb a {
        color: #fff;
    }

    .lnb ul {
        width: 1099px;
        height: 100%;
        margin: 0 auto;
        border-left: 1px #2a2e3c solid;
    }

        .lnb ul li {
            height: 100%;
            float: left;
            line-height: 50px;
            color: #fff;
        }

            .lnb ul li::before {
                content: "";
                width: 6px;
                height: 100%;
                margin: 0 20px;
                background: url('../img/common/icon_lnb.png') left center no-repeat;
                background-position: -40px;
                float: left;
                overflow: hidden;
            }

            .lnb ul li:first-child {
                width: 14px;
                padding-left: 20px;
                background: url('../img/common/icon_lnb.png') left center no-repeat;
                border-left: 1px #4f5364 solid;
                overflow: hidden;
            }

                .lnb ul li:first-child a {
                    width: 100%;
                    height: 100%;
                    display: block;
                    text-indent: -9999rem;
                }

                .lnb ul li:first-child::before {
                    display: none;
                }


/* tab Style
*******************************/
.tab_content * {
    box-sizing: border-box;
}

.tab_boxtype {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
}

    .tab_boxtype li {
        display: block;
        float: left;
    }

        .tab_boxtype li a, .tab_boxtype li button {
            display: block;
            text-align: center;
            background: #fff;
            padding: 1.5rem 0;
            border-left: 1px solid #d7d7d7;
            border-right: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
            margin-left: -1px;
            color: #666;
            font-size: 1.8rem;
        }

        .tab_boxtype li button {
            width: 100%;
            border-right: none;
        }

        .tab_boxtype li:last-child button {
            border-right: 1px solid #d7d7d7;
        }

        .tab_boxtype li a {
            cursor: pointer;
        }

            .tab_boxtype li a:focus {
                outline: none;
                text-decoration: underline;
            }

            .tab_boxtype li a.on, .tab_boxtype li button.on {
                color: #fff;
                background: #4a525f;
                border-color: #4a525f;
            }

    .tab_boxtype.tablist_7 li {
        width: 14.28571%;
    }

    .tab_boxtype.tablist_6 li {
        width: 16.66666%;
    }

    .tab_boxtype.tablist_5 li {
        width: 20%;
    }

    .tab_boxtype.tablist_4 li {
        width: 25%;
    }

    .tab_boxtype.tablist_2 li {
        width: 50%;
    }

    .tab_boxtype.tablist_3 li {
        width: 33.33333%;
    }

    .tab_boxtype li:first-child a, .tab_boxtype li:first-child button {
        margin-left: 0;
    }

.tab_linetype {
    width: 100%;
    height: auto;
    border-top: 1px solid #d7d7d7;
    position: relative;
    overflow: hidden;
}

    .tab_linetype li {
        width: 16.6666%;
        display: block;
        float: left;
        position: relative;
        border-bottom: 0;
        border-bottom: 1px solid #d7d7d7;
    }

        .tab_linetype li::after {
            content: "";
            width: 1px;
            height: 10px;
            margin-top: -5px;
            background: #949494;
            position: absolute;
            top: 50%;
            right: 0;
            display: none;
        }

        .tab_linetype li a {
            display: block;
            text-align: center;
            background: #fff;
            padding: 0.2rem 0;
            /*border-bottom:1px solid #d7d7d7;*/
            color: #666;
            font-size: 1.6rem;
            letter-spacing: -0.05rem;
        }

            .tab_linetype li a:focus {
                outline: none;
            }

                .tab_linetype li a:focus span {
                    background: #006899;
                    color: #fff;
                }

        .tab_linetype li:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            width: 1px;
            height: 10px;
            margin-top: -5px;
            background: #949494;
        }

    .tab_linetype.tablist_6 li {
        width: 16.66666%;
    }

        .tab_linetype.tablist_6 li a span {
            display: inline-block;
            padding: 0.7rem 1.5rem;
        }

        .tab_linetype.tablist_6 li a.on span {
            background: #006899;
            color: #fff;
        }

    .tab_linetype.tablist_3 li {
        width: 33.33333%;
    }

        .tab_linetype.tablist_3 li span {
            display: inline-block;
            padding: 0.7rem 0;
            border-bottom: 1px solid #fff;
        }

        .tab_linetype.tablist_3 li a.on span {
            border-bottom: 1px solid #006899;
            background: none;
            color: #006899;
        }

    .tab_linetype li:first-child:before {
        background: none;
    }

    .tab_linetype::before {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0px;
        background: #d7d7d7;
    }

    .tab_linetype.choose2::before {
        background: none;
    }

    .tab_linetype li:last-child::after {
        display: none;
    }

    .tab_linetype li:nth-child( 6n + 1 )::after {
        display: none;
    }

    .tab_linetype.unit li:first-child::after {
        display: block;
    }

    .tab_linetype.unit li:nth-child( 6n + 1 )::after {
        display: none;
    }

    .tab_linetype.unit li:nth-child( 6n + 1 )::before {
        display: none;
    }

    .tab_linetype li span {
        margin: 0.8rem 0;
        padding: 0.7rem 1.5rem;
        display: inline-block;
    }

    .tab_linetype li a, .tab_linetype li button {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .tab_linetype li a.on span, .tab_linetype li button.on span {
            background: #006899;
            color: #fff;
        }

    .tab_linetype.btn7 {
        border-top: none;
    }

        .tab_linetype.btn7 li a, .tab_linetype li button {
            padding: 0 0 0 0;
        }

        .tab_linetype.btn7 li {
            width: 14.2857%;
        }

            .tab_linetype.btn7 li:nth-child(6n + 2)::before {
                display: none;
            }

            .tab_linetype.btn7 li:first-child {
                width: calc(14.2857% - 2px);
                background: #f1f1f1;
            }

    .tab_linetype.tablist_2 li {
        width: 50%;
    }

        .tab_linetype.tablist_2 li span {
            display: inline-block;
            padding: 0.7rem 0;
            border-bottom: 1px solid #fff;
        }

        .tab_linetype.tablist_2 li a.on span {
            border-bottom: 1px solid #006899;
            background: none;
            color: #006899;
        }

/*컨테이너 영역*/
#container {
    width: 100%;
    padding-bottom: 80px;
    min-height: 600px;
}

    #container .content {
        width: auto;
        max-width: 1260px;
        height: auto;
        margin: 0 auto;
        padding-top: 80px;
    }

        #container .content.main {
            width: 1100px;
        }
    /*#container .content .content_box { min-width: 1260px; }*/
    #container.main {
        background: #f1f1f1;
        overflow-x: hidden;
    }

h2 {
    margin-bottom: 15px;
    color: #434a5d;
    font-size: 5rem;
    font-family: 'notokr-medium';
}

p.summary {
    margin-bottom: 50px;
    font-size: 1.6rem;
    color: #767676;
    line-height: 23px;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

.full_content {
}

    .full_content * {
        box-sizing: border-box;
    }

.container_wrap {
    max-width: 1100px;
    margin: 0 auto;
    font-size: 1.6rem;
    position: relative;
}

    .container_wrap span.br:after {
        content: '';
        display: block;
    }
/* 줄바꿈 리셋 */

/* 모달팝업 */
.modalpop {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    font-size: 1.4rem;
    line-height: 25px;
    display: none;
    overflow-y: auto;
}

    .modalpop .pop_content:focus {
        outline: 1px #006899 solid;
    }

    .modalpop .pop_content {
        background: #fff;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;
    }

.pop_content button.btn_close, .pop_content a.btn_close, .pop_content .btn_new_close {
    width: 35px;
    height: 35px;
    margin: 0 0 0 0;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url('../img/common/btn_close.png') center no-repeat;
    background-position: -30px;
    background-size: auto 30px;
    text-indent: -201%;
    overflow: hidden;
}

.pop_content strong {
    margin-bottom: 10px;
    font-size: 2.8rem;
    font-family: 'notokr-bold';
}


/* 모달팝업(단지검색) */
.pop_content.search_complex {
    width: 430px;
    height: 470px;
    margin: -235px 0 0 -215px;
    padding: 50px 30px;
    box-sizing: border-box;
    text-align: left;
}

    .pop_content.search_complex .search_box {
        margin-top: 30px;
        text-align: left;
    }

    .pop_content.search_complex .input_box {
        width: 270px;
        height: 40px;
        float: left;
    }

        .pop_content.search_complex .input_box input {
            padding-left: 10px;
        }

        .pop_content.search_complex .input_box label {
            height: 40px;
            line-height: 40px;
        }

    .pop_content.search_complex .submit.search {
        width: 90px;
        height: 40px;
        margin-left: 10px;
        float: right;
        font-size: 1.8rem;
        font-family: 'notokr-regular';
        line-height: 40px;
    }

    .pop_content.search_complex .scr_box {
        width: 100%;
        height: 250px;
        border-top: 1px #e0e0e0 solid;
        overflow-x: hidden;
    }

.search_complex .scr_box p {
    font-size: 1.6rem;
    font-family: 'notokr-medium';
    color: #666;
}

    .search_complex .scr_box p span {
        color: #006899;
        text-decoration: underline;
    }

.search_complex .scr_box .complex_list li {
    width: 100%;
    cursor: pointer;
}

.search_complex .scr_box .complex_list a {
    width: 100%;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

    .search_complex .scr_box .complex_list a:hover {
        text-decoration: underline;
    }

.pop_content.counsel {
    width: 650px;
    height: 750px;
    margin: -375px 0 0 -325px;
    padding: 50px 30px;
    box-sizing: border-box;
    color: #333;
    text-align: left;
}

    .pop_content.counsel strong span {
        font-size: 1.4rem;
        font-family: 'notokr-regular';
    }

    .pop_content.counsel .title {
        width: 100%;
        height: 50px;
        margin-top: 20px;
        padding-left: 25px;
        box-sizing: border-box;
        background: #ebecef;
        border: 1px #e0e0e0 solid;
        font-family: 'notokr-medium';
        font-size: 1.8rem;
        line-height: 50px;
        display: block;
    }

.pop_content .scr_box {
    width: 100%;
    height: 130px;
    padding: 20px;
    box-sizing: border-box;
    overflow-y: scroll;
    border: 1px #e0e0e0 solid;
    border-top: none;
}

    .pop_content .scr_box h1 {
        font-size: 2rem;
        line-height: 25px;
    }

    .pop_content .scr_box h2, .pop_content .scr_box {
        font-size: 1.4rem;
    }

        .pop_content .scr_box dl {
            margin-bottom: 20px;
        }

            .pop_content .scr_box dl dt {
                float: left;
            }

        .pop_content .scr_box p {
            margin-bottom: 10px;
        }

.pop_content.counsel .agree_box {
    height: auto;
    margin: 20px 0 10px;
    padding: 0 0 0 0;
    text-align: right;
    position: relative;
}

    .pop_content.counsel .agree_box label input {
        width: 14px;
        height: 14px;
        background: #fff;
        margin-right: 5px;
    }

        .pop_content.counsel .agree_box label input:checked + span {
            background: url('../img/sub/check_box_on.png') no-repeat;
            background-size: cover;
        }

        .pop_content.counsel .agree_box label input:focus + span {
            outline: 1px #ccc solid;
        }

    .pop_content.counsel .agree_box label {
       
    }

        .pop_content.counsel .agree_box label strong {
            padding-left: 10px;
            font-family: 'notokr-regular';
            font-size: 2rem;
        }

        .pop_content.counsel .agree_box label span {
            width: 20px;
            height: 20px;
            position: absolute;
            top: 3px;
            z-index: 2;
            background: url('../img/sub/check_box_off.png') no-repeat;
            background-size: cover;
            display: block;
            cursor: pointer;
        }

.pop_content.counsel .input_box {
    margin: 0 0 0 0;
    border: none;
    border-bottom: 1px #d2d2d2 solid;
}

    .pop_content.counsel .input_box.txtarea {
        height: auto;
    }

    .pop_content.counsel .input_box textarea {
        width: 100%;
        height: 120px;
        padding: 10px 30px;
        box-sizing: border-box;
        border: none;
        background: transparent;
        resize: none;
    }

.pop_content.counsel .btn_set {
    width: 100%;
}

    .pop_content.counsel .btn_set button, .pop_content.counsel .btn_set a {
        width: 100%;
        margin-top: 20px;
    }

    .pop_content.counsel .btn_set a {
        display: block;
        color: #fff;
        line-height: 70px;
    }

/* 모달팝업(자이플러스원) */
.pop_content.request {
    width: 650px;
    height: auto;
    top: 15%;
    margin: 0 0 0 -325px;
    padding: 50px 30px;
    box-sizing: border-box;
    color: #333;
    text-align: left;
}

    .pop_content.request h3 {
        font-size: 2.8rem;
        line-height: 35px;
        font-family: 'notokr-medium';
    }

    .pop_content.request .title {
        width: 100%;
        height: 50px;
        margin-top: 20px;
        padding-left: 25px;
        box-sizing: border-box;
        background: #ebecef;
        border: 1px #e0e0e0 solid;
        font-family: 'notokr-medium';
        font-size: 1.8rem;
        line-height: 50px;
    }

    .pop_content.request label select {
        width: 100%;
        height: 50px;
        padding-left: 20px;
        border: 1px #e0e0e0 solid;
    }

    .pop_content.request li {
        margin-top: 50px;
    }

        .pop_content.request li:last-child {
            margin-bottom: 10px;
        }

        .pop_content.request li::after {
            content: "";
            display: block;
            clear: both;
        }

        .pop_content.request li:first-child label {
            width: 100%;
        }

            .pop_content.request li:first-child label select {
                width: calc(100% - 180px);
                float: left
            }

            .pop_content.request li:first-child label.date select, .pop_content.request li:first-child label.time select {
                width: 100%;
            }

        .pop_content.request li:last-child label {
            width: 49%;
            margin-right: 2%;
        }

            .pop_content.request li:last-child label:last-child {
                margin-right: 0;
            }

    .pop_content.request span {
        color: #ff0000;
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

    .pop_content.request label strong {
        font-size: 2rem;
        font-family: 'notokr-medium';
        display: block;
    }

    .pop_content.request label {
        float: left;
    }

    .pop_content.request .input_box {
        width: 80px;
        margin: 0 0 0 10px;
        float: left
    }

    .pop_content.request .btn_set {
        width: 100%;
        margin-top: 30px;
    }



        .pop_content.request .btn_set a {
            width: 100%;
            margin-top: 20px;
        }

		 .pop_content.request .call_num {
         font-size:20px; text-align:center; margin-top:20px; color:#ff0000;
    }

.pop_content.detail {
    width: 960px;
    height: 670px;
    margin: -335px 0 0 -480px;
    padding: 50px 30px;
    box-sizing: border-box;
    color: #333;
    text-align: left;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .pop_content.detail h3 {
        font-size: 2.8rem;
        line-height: 35px;
        font-family: 'notokr-medium';
    }

    .pop_content.detail table {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 30px;
        border-top: 1px #dfdfdf solid;
    }

    .pop_content.detail tr {
        height: 40px;
    }

        .pop_content.detail tr th {
            width: 15%;
            vertical-align: middle;
            text-align: center;
            background: #dfdfdf;
            border-bottom: 1px #fff solid;
        }

        .pop_content.detail tr:last-child th {
            border-bottom: 1px #dfdfdf solid;
        }

        .pop_content.detail tr td {
            width: 85%;
            padding-left: 20px;
            vertical-align: middle;
            border-bottom: 1px #dfdfdf solid;
        }

    .pop_content.detail li {
        margin-right: 40px;
        margin-bottom: 20px;
        float: left;
    }

        .pop_content.detail li img {
            width: 100%
        }

        .pop_content.detail li:nth-child(4n) {
            margin-right: 0;
        }




/* 모달팝업(입주사전방문신청) */
#request .pop_content.request, #request_contract .pop_content.request {
   top:50%;
}

.pop_content.pre_visit {
    top: 50%;
    width: 500px;
    margin-left: -250px;
}

    .pop_content.pre_visit h3 {
        margin-bottom: 3rem;
        text-align: center;
    }

    .pop_content.pre_visit p {
        font-size: 1.8rem;
        text-align: center;
        line-height: 1.7;
    }

        .pop_content.pre_visit p strong {
            font-family: 'notokr-medium';
            font-size: 1.8rem;
        }

    .pop_content.pre_visit .btn_set {
        text-align: center;
    }

        .pop_content.pre_visit .btn_set .btn {
            display: inline-block;
            overflow: hidden;
            width: 40%;
            height: 50px;
            line-height: 50px;
            font-size: 1.7rem;
            color: #fff;
        }

            .pop_content.pre_visit .btn_set .btn.apply {
                background: #434a5d;
            }

            .pop_content.pre_visit .btn_set .btn.complete {
                background: #006899;
            }

.c_search {position:relative; }
.pop_content.request .btn_new_modalpop{
width: 83px;
    height: 50px;
    background: #a39787;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    font-size: 1.3rem;
    color: #fff;
	margin-top:6.5%; position:absolute; bottom:0; left:50.5%;}

/* 모달팝업(자이스토리) */
.pop_content.video {
    width: 1200px;
    height: 550px;
    margin: 0 0 0 -600px;
    padding: 50px 30px;
    box-sizing: border-box;
    color: #333;
    text-align: left;
}

    .pop_content.video strong {
        width: 400px;
        height: 60px;
        margin: 0 0 0 0;
        padding-left: 30px;
        box-sizing: border-box;
        font-size: 1.8rem;
        font-family: 'notokr-medium';
        line-height: 60px;
        float: left;
        border-top: 2px #c8c8c8 solid;
        border-bottom: 1px #c8c8c8 solid;
    }

    .pop_content.video .video_content .scr_box {
        width: 400px;
        height: 260px;
        margin: 0 auto;
        border: none;
        border-bottom: 1px #ccc solid;
    }

        .pop_content.video .video_content .scr_box pre {
            font-size: 1.4rem;
            font-family: 'notokr-regular';
            line-height: 20px;
            white-space: pre-line;
            -ms-word-break: keep-all;
            word-break: keep-all;
        }

    .pop_content.video .video_content .video_box {
        width: 720px;
        margin-right: 20px;
    }

    .pop_content.video .video_content .btn_set {
        width: 400px;
        height: 50px;
        line-height: 50px;
        float: left;
    }

        .pop_content.video .video_content .btn_set a {
            width: 100%;
            height: 100%;
            margin-top: 20px;
            display: block;
            background: #8b7f6e;
            color: #fff;
            text-align: center;
        }

/* 모달팝업(지도서비스) */
.pop_content.map {
    width: 610px;
    height: 530px;
    margin: 0 0 0 -305px;
    padding: 50px 30px;
    box-sizing: border-box;
    text-align: left;
}

    .pop_content.map dt {
        float: left;
    }

        .pop_content.map dt::after {
            content: ":";
            margin: 0 5px;
        }

    .pop_content.map .map_box {
        width: 100%;
        height: 340px;
        margin-top: 30px;
    }

/* 모달팝업(당첨자발표_미당첨) */
.pop_content.fail {
    width: 500px;
    margin: 0 0 0 -250px;
    padding: 50px 30px;
    box-sizing: border-box;
    text-align: left;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .pop_content.fail h3 {
        font-size: 2.2rem;
        font-family: 'notokr-medium';
    }

    .pop_content.fail .result_box {
        padding: 30px;
        margin: 30px 0;
        border-width: 2px 0;
        border-color: #434a5d;
        border-style: solid;
        text-align: center;
    }

        .pop_content.fail .result_box p {
            margin-top: 20px;
        }

            .pop_content.fail .result_box p span {
                color: #006899;
            }

        .pop_content.fail .result_box strong {
            color: #006899;
            font-size: 2.6rem;
        }

    .pop_content.fail .btn_defualt {
        margin: 0 auto;
        background: #434a5d;
        color: #fff;
        text-align: center;
        line-height: 35px;
    }

/* 모달팝업(당첨자발표_당첨) */
.pop_content.win {
    width: 500px;
    margin: 0 0 0 -250px;
    padding: 50px 30px;
    box-sizing: border-box;
    text-align: left;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .pop_content.win h3 {
        font-size: 2.2rem;
        font-family: 'notokr-medium';
    }

    .pop_content.win .result_box {
        padding: 30px;
        margin: 30px 0;
        border-width: 2px 0;
        border-color: #434a5d;
        border-style: solid;
        text-align: center;
    }

        .pop_content.win .result_box strong {
            color: #006899;
            margin-bottom: 0;
            font-size: 2.6rem;
            display: block;
            line-height: 30px;
        }

        .pop_content.win .result_box dl {
            margin: 20px auto;
            text-align: left;
            min-width: 80%;
            max-width: 100%;
            display: inline-block;
        }

        .pop_content.win .result_box dt {
            float: left;
        }

        .pop_content.win .result_box dd {
            overflow: hidden;
            white-space: nowrap;
        }

        .pop_content.win .result_box dt::after {
            content: ":";
            margin: 0 5px;
        }

        .pop_content.win .result_box p {
            color: #006899;
        }

    .pop_content.win .btn_defualt {
        margin: 0 auto;
        background: #434a5d;
        color: #fff;
        text-align: center;
        line-height: 35px;
    }


/* 자이스토리 */
.content_box.story {
    position: relative
}

    .content_box.story .select_more {
        width: 100%;
        position: static;
        text-align: right;
    }

        .content_box.story .select_more select {
            vertical-align: top;
            display: inline-block;
            float: none;
        }

        .content_box.story .select_more a {
            display: inline-block;
            float: none;
        }

    .content_box.story .story_box {
        width: 353px;
        margin: 0 20px 20px 0;
        float: left;
    }

        .content_box.story .story_box:nth-child(3n) {
            margin-right: 0;
        }

.story_box .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url('../img/common/no_img.jpg') center;
    no-repeat;
}

    .story_box .img img {
        width: 100%;
    }

    .story_box .img a {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        background: url('../img/sub/btn_play.png') center no-repeat;
        display: block;
        text-indent: -200%;
        overflow: hidden;
    }

.story_box ul {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    background: #f1f1f1;
    text-align: left;
}

    .story_box ul li:first-child {
        height: 50px;
        margin-bottom: 10px;
        font-size: 2.2rem;
        overflow: hidden;
        line-height: 25px;
        font-family: 'notokr-medium';
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .story_box ul li span {
        font-size: 1.4rem;
    }

/* 메인페이지 */
#container .main_visual {
    width: 100%;
    height: 610px;
    background: #000;
    position: relative;
}

.main_visual .tab_category {
    height: 80px;
    margin-left: -120px;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 50%;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    font-size: 0;
}

    .main_visual .tab_category button {
        width: 80px;
        height: 80px;
        box-sizing: border-box;
        display: inline-block;
        font-size: 1.4rem;
        color: #fff;
    }

        .main_visual .tab_category button span {
            width: 100%;
            height: 100%;
            padding-top: 50px;
            box-sizing: border-box;
            display: block;
            opacity: 0.6;
        }

        .main_visual .tab_category button.btn_new {
            background: #988d7f;
        }

            .main_visual .tab_category button.btn_new.on span {
                opacity: 1;
            }

        .main_visual .tab_category button.btn_brand {
            background: #434a5d;
        }

            .main_visual .tab_category button.btn_brand.on span {
                opacity: 1;
            }

        .main_visual .tab_category button.btn_search {
            background: #1b6486;
        }

            .main_visual .tab_category button.btn_search.on span {
                opacity: 1;
            }

        .main_visual .tab_category button.btn_new span {
            background: url('../img/bg_visualtab.png');
        }

        .main_visual .tab_category button.btn_brand span {
            background: url('../img/bg_visualtab.png') -85px;
        }

        .main_visual .tab_category button.btn_search span {
            background: url('../img/bg_visualtab.png') -170px;
        }

.main_visual .slider_01 {
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

    .main_visual .slider_01 .ind {
        width: 100%;
        height: 14px;
        position: absolute;
        z-index: 3;
        bottom: 30px;
    }

        .main_visual .slider_01 .ind #new_control {
            font-size: 2rem;
            color: #fff;
            margin: 0 10px;
            cursor: pointer;
            position: relative;
        }

            .main_visual .slider_01 .ind #new_control input {
                width: 100%;
                height: 20px;
            }

        .main_visual .slider_01 .ind li {
            width: 14px;
            height: 14px;
            margin: 0 10px;
            border-radius: 7px;
            background: #fff;
            display: inline-block;
            cursor: pointer;
            position: relative;
        }

            .main_visual .slider_01 .ind li.on {
                background: #006899;
            }

        .main_visual .slider_01 .ind input {
            width: 14px;
            height: 14px;
            font-size: 0;
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
            background: transparent;
            border: none;
        }

    .main_visual .slider_01 .visual_list {
        width: 200%;
        height: 100%;
        position: relative;
        z-index: 1;
    }

        .main_visual .slider_01 .visual_list > li {
            width: 25%;
            height: 100%;
            float: left;
            position: relative;
        }

        .main_visual .slider_01 .visual_list li .con_box {
            width: 1100px;
            height: 100%;
            margin: 0 auto;
            padding-top: 110px;
            box-sizing: border-box;
            position: relative;
        }

            .main_visual .slider_01 .visual_list li .con_box > .txt {
                width: 100%;
                color: #fff;
                text-align: center;
                text-shadow: 1px 1px 1px rgba(51,51,51,0.3);
                position: absolute;
            }

                .main_visual .slider_01 .visual_list li .con_box > .txt strong {
                    font-size: 6rem;
                    font-family: 'notokr-medium';
                }

                .main_visual .slider_01 .visual_list li .con_box > .txt span {
                    display: block;
                    font-size: 1.8rem;
                    line-height: 25px;
                }

                .main_visual .slider_01 .visual_list li .con_box > .txt p {
                    margin-top: 20px;
                }

            .main_visual .slider_01 .visual_list li .con_box > .area_btn {
                display: block !important;
                position: absolute;
                left: 0;
                top: 50%;
                z-index: 5;
                width: 100%;
                margin-top: -23px;
                text-align: center;
            }

                .main_visual .slider_01 .visual_list li .con_box > .area_btn a.btn_link {
                    height: 45px;
                    padding: 0 15px;
                    font-size: 1.8rem;
                    background: rgba(0,0,0,0.5);
                    display: inline-block;
                    line-height: 45px;
                    color: #fff;
                }

                    .main_visual .slider_01 .visual_list li .con_box > .area_btn a.btn_link::after {
                        content: "\f0c1";
                        margin-left: 5px;
                        font-family: 'FontAwesome';
                    }

            .main_visual .slider_01 .visual_list li .con_box > .banner {
                width: 130px;
                height: auto;
                box-sizing: border-box;
                border-radius: 0;
                font-size: 1.5rem;
                line-height: 25px;
                float: right;
                position: relative;
                z-index: 10;
            }

                .main_visual .slider_01 .visual_list li .con_box > .banner > li {
                    border-color: #c97725;
                    background: #e18932;
                    padding: 10px 0;
                    border-bottom-width: 1px;
                    border-style: solid;
                }

                    .main_visual .slider_01 .visual_list li .con_box > .banner > li:first-child {
                        border-color: #135877;
                        background: #1b6485;
                    }

                    .main_visual .slider_01 .visual_list li .con_box > .banner > li span {
                        display: block;
                    }

                    .main_visual .slider_01 .visual_list li .con_box > .banner > li p:first-child {
                        color: #ffefc1;
                    }

                    .main_visual .slider_01 .visual_list li .con_box > .banner > li p:last-child {
                        color: #fff;
                    }

                    .main_visual .slider_01 .visual_list li .con_box > .banner > li:first-child p {
                        color: #fff;
                    }

        /* 가로형 */
        .main_visual .slider_01 .visual_list li.style_wide .txt > strong {
            display: inline-block;
        }

        .main_visual .slider_01 .visual_list li.style_wide .txt > p {
            padding: 0 10px;
            display: inline-block;
            text-align: left;
        }

.main_visual .slider_02 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

    .main_visual .slider_02 .ind {
        width: 100%;
        height: 14px;
        position: absolute;
        z-index: 3;
        bottom: 30px;
    }

        .main_visual .slider_02 .ind #brand_control {
            font-size: 2rem;
            color: #fff;
            margin: 0 10px;
            cursor: pointer;
            position: relative;
        }

            .main_visual .slider_02 .ind #brand_control input {
                width: 100%;
                height: 20px;
            }

        .main_visual .slider_02 .ind li {
            width: 14px;
            height: 14px;
            margin: 0 10px;
            border-radius: 7px;
            background: #fff;
            display: inline-block;
            cursor: pointer;
            position: relative;
        }

            .main_visual .slider_02 .ind li.on {
                background: #006899;
            }

        .main_visual .slider_02 .ind input {
            width: 14px;
            height: 14px;
            font-size: 0;
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
            background: transparent;
            border: none;
        }

    .main_visual .slider_02 .visual_list {
        width: 500%;
        height: 100%;
        position: relative;
        z-index: 1;
    }

        .main_visual .slider_02 .visual_list li {
            width: 20%;
            height: 100%;
            float: left;
        }

            .main_visual .slider_02 .visual_list li .con_box {
                width: 1100px;
                margin: 0 auto;
                color: #fff;
                text-align: left;
                font-size: 3rem;
                font-family: 'notokr-light';
            }

                .main_visual .slider_02 .visual_list li .con_box > p {
                    margin-top: 130px;
                    float: left;
                    text-shadow: 1px 1px 1px #333;
                }

                    .main_visual .slider_02 .visual_list li .con_box > p .smalltxt {
                        margin-bottom: 30px;
                        font-size: 1.8rem;
                        letter-spacing: 5px;
                        display: block;
                    }

                    .main_visual .slider_02 .visual_list li .con_box > p strong {
                        margin-top: 15px;
                        font-size: 5.5rem;
                        display: block;
                        font-family: 'notokr-regular';
                    }
                /*.main_visual .slider_02 .visual_list li:nth-child(3) .con_box > p { color: #333; }*/

                .main_visual .slider_02 .visual_list li .con_box .cast_link {
                    width: 400px;
                    height: 480px;
                    margin-top: 65px;
                    float: right;
                    font-family: 'notokr-regular';
                    box-shadow: 5px 5px 4px rgba(0,0,0,0.6);
                }

                    .main_visual .slider_02 .visual_list li .con_box .cast_link .img {
                        height: 290px;
                    }

                    .main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box {
                        height: 190px;
                        padding: 40px;
                        box-sizing: border-box;
                        background: #fff;
                        color: #333;
                        font-size: 2rem;
                    }

                        .main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box p {
                            height: 50px;
                        }

                            .main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box p a > span {
                                height: 24px;
                                padding-top: 5px;
                                font-size: 20px;
                                display: block;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                overflow-x: hidden;
                            }

                        .main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box span {
                            height: 16px;
                            margin-bottom: 5px;
                            display: block;
                            font-size: 1.6rem;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                        .main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box a.btn_link {
                            width: 120px;
                            margin-top: 20px;
                            padding: 10px 0;
                            font-size: 1.4rem;
                            background: #798092;
                            color: #fff;
                            display: block;
                            text-align: center;
                        }

.main_visual .slider_03 {
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

    .main_visual .slider_03 .ind {
        width: 100%;
        height: 14px;
        position: absolute;
        z-index: 3;
        bottom: 30px;
    }

        .main_visual .slider_03 .ind #search_control {
            font-size: 2rem;
            color: #fff;
            margin: 0 10px;
            cursor: pointer;
            position: relative;
        }

            .main_visual .slider_03 .ind #search_control input {
                width: 100%;
                height: 20px;
            }

        .main_visual .slider_03 .ind li {
            width: 14px;
            height: 14px;
            margin: 0 10px;
            border-radius: 7px;
            background: #fff;
            display: inline-block;
            cursor: pointer;
            position: relative;
        }

            .main_visual .slider_03 .ind li.on {
                background: #006899;
            }

        .main_visual .slider_03 .ind input {
            width: 14px;
            height: 14px;
            font-size: 0;
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
            background: transparent;
            border: none;
        }

    .main_visual .slider_03 .con_box {
        width: 100%;
        position: absolute;
        z-index: 3;
        margin-top: 220px;
    }

        .main_visual .slider_03 .con_box p {
            font-size: 5rem;
            color: #fff;
            text-shadow: 1px 1px 1px #333;
        }

        .main_visual .slider_03 .con_box a {
            margin-top: 30px;
            padding: 15px 20px;
            color: #fff;
            font-size: 3rem;
            border: 2px #fff solid;
            display: inline-block;
        }

    .main_visual .slider_03 .visual_list {
        width: 200%;
        height: 100%;
        position: relative;
        z-index: 1;
    }

        .main_visual .slider_03 .visual_list li {
            width: 25%;
            height: 100%;
            float: left;
            opacity: 0.85;
        }

    .main_visual .slider_03 .search_box {
        width: 1100px;
        height: 400px;
        margin: -200px 0 0 -550px;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 50%;
        text-align: center;
        display: block;
    }

        .main_visual .slider_03 .search_box .title {
            width: 100%;
            height: 60px;
            background: rgba(0,0,0,0.75);
            line-height: 60px;
            font-size: 2.2rem;
            color: #fff;
        }
        /*.main_visual .slider_03 .search_box .title p { float: left; margin-left: 30px; }
.main_visual .slider_03 .search_box .title .input_box { width: 200px; height: 35px; vertical-align: top; margin-bottom: 0; }*/
        .main_visual .slider_03 .search_box .choose_box {
            width: 366px;
            height: 340px;
            padding: 20px;
            box-sizing: border-box;
            margin-right: 1px;
            float: left;
            background: rgba(0,0,0,0.95);
            text-align: left;
            position: relative;
        }

            .main_visual .slider_03 .search_box .choose_box > span {
                height: 30px;
                color: #fff;
                font-size: 2.2rem;
                display: block;
            }

            .main_visual .slider_03 .search_box .choose_box input {
                position: absolute;
                opacity: 0;
                left: 0;
            }

                .main_visual .slider_03 .search_box .choose_box input:focus + label {
                    outline: 1px #006899 solid;
                }

            .main_visual .slider_03 .search_box .choose_box > label {
                opacity: 0.5;
            }

            .main_visual .slider_03 .search_box .choose_box.area > label {
                width: 100%;
                padding: 10px 0;
                margin-top: 10px;
                color: #fff;
                font-size: 1.8rem;
                display: block;
                text-align: center;
                border: 1px #fff solid;
                cursor: pointer;
            }

            .main_visual .slider_03 .search_box .choose_box.area input:checked + label {
                opacity: 1;
            }

            .main_visual .slider_03 .search_box .choose_box.type > label {
                width: 163px;
                height: 135px;
                float: left;
                float: left;
                cursor: pointer;
                text-indent: -200%;
                overflow: hidden;
            }

                .main_visual .slider_03 .search_box .choose_box.type > label.type_01 {
                    background: url('../img/main/visual_03/type_01.png') center no-repeat;
                }

                .main_visual .slider_03 .search_box .choose_box.type > label.type_02 {
                    background: url('../img/main/visual_03/type_02.png') center no-repeat;
                }

                .main_visual .slider_03 .search_box .choose_box.type > label.type_03 {
                    background: url('../img/main/visual_03/type_03.png') center no-repeat;
                }

                .main_visual .slider_03 .search_box .choose_box.type > label.type_04 {
                    background: url('../img/main/visual_03/type_04.png') center no-repeat;
                }

            .main_visual .slider_03 .search_box .choose_box.type input:checked + label {
                opacity: 1;
            }

            .main_visual .slider_03 .search_box .choose_box.size > label {
                width: 108px;
                height: 135px;
                padding-top: 105px;
                box-sizing: border-box;
                float: left;
                float: left;
                cursor: pointer;
                text-align: center;
                font-size: 1.6rem;
            }

                .main_visual .slider_03 .search_box .choose_box.size > label > span {
                    color: #fff;
                }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_01 {
                    background: url('../img/main/visual_03/size_01.png') center 15px no-repeat;
                }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_02 {
                    background: url('../img/main/visual_03/size_02.png') center 15px no-repeat;
                }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_03 {
                    background: url('../img/main/visual_03/size_03.png') center 15px no-repeat;
                }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_04 {
                    background: url('../img/main/visual_03/size_04.png') center 15px no-repeat;
                }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_05 {
                    background: url('../img/main/visual_03/size_05.png') center 15px no-repeat;
                }

            .main_visual .slider_03 .search_box .choose_box.size input:checked + label {
                opacity: 1;
            }

            .main_visual .slider_03 .search_box .choose_box.size {
                margin-right: 0;
            }

        .main_visual .slider_03 .search_box a.btn_search {
            width: 60px;
            height: 60px;
            background: #a39787;
            color: #fff;
            font-size: 2.5rem;
            line-height: 60px;
            position: absolute;
            right: 0;
            bottom: 0
        }

        .main_visual .slider_03 .search_box a.btn_close {
            width: 60px;
            height: 60px;
            color: #fff;
            font-size: 3rem;
            line-height: 60px;
            position: absolute;
            right: 0;
            top: 0
        }

.area_xiinfo {
    height: 300px;
    margin-bottom: 60px;
    font-size: 1.4rem;
    position: relative;
    z-index: 1;
}

    .area_xiinfo a:hover {
        text-decoration: underline;
    }

    .area_xiinfo .schedule_box {
        width: 840px;
        height: 100%;
        background: #fff;
        float: left;
        left: 0;
    }

        .area_xiinfo .schedule_box .sale_list {
            width: 280px;
            height: 100%;
            float: left;
        }

        .area_xiinfo .schedule_box .btn_gosch {
            width: 150px;
            height: 35px;
            padding: 0 10px;
            box-sizing: border-box;
            background: url('../img/icon_arrow.png') 90% center no-repeat #6c7383;
            display: block;
            float: right;
            line-height: 35px;
            color: #fff;
            text-align: left;
            position: relative;
            top: -14px;
            right: 30px;
        }

.sale_list .month {
    width: 100%;
    height: 60px;
    background: #434a5d;
    color: #fff;
    line-height: 60px;
    font-size: 1.8rem;
}

    .sale_list .month::before {
        content: "";
        width: 1px;
        height: 20px;
        margin-top: -10px;
        display: block;
        background: #976391;
        position: absolute;
        top: 50%;
        left: 0;
    }

.sale_list:nth-of-type(1n) .month::before {
    display: none;
}

.sale_list .schedule_list {
    width: 100%;
    height: 240px;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

    .sale_list .schedule_list.no_list {
        background: url('../img/main/cal_bg.gif') center no-repeat;
        background-size: 50%;
    }

    .sale_list .schedule_list ul::before {
        content: "";
        width: 1px;
        height: 200px;
        margin-top: -100px;
        display: block;
        background: #ddd;
        position: absolute;
        left: 0;
        top: 50%;
    }

.sale_list:nth-of-type(1) .schedule_list ul::before {
    display: none;
}

.sale_list .schedule_list li {
    width: 100%;
    height: 26px;
    margin-bottom: 10px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .sale_list .schedule_list li span {
        width: 70px;
        height: 100%;
        margin-right: 10px;
        box-sizing: border-box;
        display: block;
        border: 1px #976391 solid;
        background: #976391;
        border-radius: 5px;
        text-align: center;
        float: left;
        color: #fff;
    }

        .sale_list .schedule_list li span.ing {
            border-color: #c35022;
            background: #c35022;
            color: #fff;
        }

.area_xiinfo .btn_set {
    width: 100%;
    height: 50px;
    position: absolute;
    display: none;
}

    .area_xiinfo .btn_set a {
        width: 50px;
        height: 50px;
        display: block;
        float: right;
        line-height: 50px;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
    }

        .area_xiinfo .btn_set a.btn_prev {
            float: left;
        }

.area_xiinfo .news_box {
    width: 240px;
    height: 100%;
    float: right;
    text-align: left;
}

.news_box .title {
    width: 100%;
    height: 40px;
    padding: 10px 0;
    display: table;
}

.news_box h2 {
    margin: 0 0 0 0;
    font-size: 2.8rem;
    display: table-cell;
    vertical-align: middle;
}

.news_box .title > a {
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    background: url('../img/icon_arrow.png') center no-repeat #798091;
}

.news_box ul {
    width: 100%;
    height: 240px;
}

.news_box li {
    width: 100%;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .news_box li a {
    }

    .news_box li::before {
        content: "·";
        margin-right: 10px;
    }

.area_notice {
    margin-bottom: 60px;
    text-align: left;
}

    .area_notice h2 {
        font-size: 2.8rem
    }

    .area_notice .notice_list {
        height: 275px;
        word-break: break-all;
        font-size: 1.4rem;
    }
        /* .area_notice .notice_list li:hover .link_box { opacity: 1; } */
        .area_notice .notice_list .link_box {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7) url('../img/notice_bg.png') center no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            text-align: center;
            opacity: 0;
            transition-duration: 0.5s;
            display: table;
        }

            .area_notice .notice_list .link_box strong {
                display: table-cell;
                vertical-align: middle;
                text-decoration: underline;
                font-size: 1.6rem;
            }

        .area_notice .notice_list li {
            width: 275px;
            height: 100%;
            box-sizing: border-box;
            float: left;
            position: relative;
            background-size: cover;
            z-index: 1;
        }

            .area_notice .notice_list li::before {
                content: "";
                width: 30px;
                height: 30px;
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 2;
                background: url('../img/icon_notice.png') no-repeat;
            }

            .area_notice .notice_list li:nth-child(1) {
                background: #dba90f;
            }

            .area_notice .notice_list li:nth-child(2) {
                background: #1b6485;
            }

            .area_notice .notice_list li:nth-child(3) {
                background: #252733;
            }

            .area_notice .notice_list li:nth-child(4) {
                background: #a39787;
            }

            .area_notice .notice_list li a {
                display: block;
                color: #fff;
                position: relative;
                padding: 30px;
                box-sizing: border-box;
                height: 100%;
            }

            .area_notice .notice_list li strong {
                font-size: 2.5rem;
                letter-spacing: -1px;
            }

                .area_notice .notice_list li strong span {
                    font-family: 'notokr-thin';
                    display: block;
                    line-height: 33px;
                }

            .area_notice .notice_list li p {
                margin-top: 30px;
                line-height: 18px;
                font-family: 'notokr-light';
                -ms-word-break: keep-all;
                word-break: keep-all;
            }

            .area_notice .notice_list li a > span {
                font-size: 1.2rem;
                position: absolute;
                bottom: 30px;
                left: 30px;
                text-decoration: underline;
                opacity: 0.7;
            }

.area_community {
    width: 100%;
    height: 455px;
    margin-bottom: 60px;
    text-align: left;
}

    .area_community ul {
        width: 100%;
        height: 100%;
    }

    .area_community li {
        float: left;
    }

        .area_community li > a {
            display: block;
            position: relative;
            height: 100%;
        }

            .area_community li > a > span {
                width: 274px;
                height: 60px;
                padding: 0 20px;
                box-sizing: border-box;
                position: absolute;
                z-index: 2;
                font-size: 1.8rem;
                color: #fff;
                font-family: 'notokr-medium';
                line-height: 60px;
                text-align: left;
            }

        .area_community li:nth-child(1) {
            width: 410px;
            height: 100%;
        }

        .area_community li:nth-child(2) {
            width: 274px;
            height: 100%;
        }

        .area_community li:nth-child(3) {
            width: 416px;
            height: 200px;
        }

        .area_community li:nth-child(4) {
            width: 416px;
            height: 225px;
        }

        .area_community li .img_box {
            display: inline-block;
            overflow: hidden;
        }

        .area_community li:nth-child(1) .img_box {
            width: 342px;
            height: 314px;
            float: right;
        }

        .area_community li:nth-child(2) .img_box {
            width: 100%;
            height: 100%;
        }

        .area_community li:nth-child(3) .img_box {
            width: 340px;
            height: 100%;
        }

        .area_community li:nth-child(4) .img_box {
            width: 340px;
            height: 100%;
        }

        .area_community li .img_box > span {
            display: block;
        }

        .area_community li:nth-child(1) .img_box > span {
            width: 100%;
            height: 100%;
            background: url('../img/img_community_01.jpg') center no-repeat;
        }

        .area_community li:nth-child(2) .img_box > span {
            width: 100%;
            height: 100%;
            background: url('../img/img_community_02.jpg') center top no-repeat;
        }

        .area_community li:nth-child(3) .img_box > span {
            width: 100%;
            height: 100%;
            background: url('../img/img_community_03.jpg') center no-repeat;
        }

        .area_community li:nth-child(4) .img_box > span {
            width: 100%;
            height: 100%;
            background: url('../img/img_community_04.jpg') left no-repeat #798092;
        }

        .area_community li a > span {
            display: block;
            background: url('../img/icon_arrow.png') 240px center no-repeat;
        }

        .area_community li:nth-child(1) a > span {
            background-color: #937143;
            top: 0;
            left: 0;
        }

        .area_community li:nth-child(2) a > span {
            background-color: #18698f;
            left: 0;
            bottom: 0;
        }

        .area_community li:nth-child(3) a > span {
            background-color: #434a5d;
            top: 0;
            right: 0;
        }

        .area_community li:nth-child(4) a > span {
            background-color: #5f5e65;
            bottom: 0;
            right: 0;
        }

        .area_community li:nth-child(4) .img_box strong {
            position: absolute;
            z-index: 2;
            top: 30px;
            left: 30px;
            font-size: 1.4rem;
            line-height: 20px;
            color: #fff;
        }

.area_customer {
    height: 290px;
    color: #fff;
    text-align: left;
}

    .area_customer .center_info {
        width: 410px;
        height: 100%;
        background: #434a5d;
        float: left;
        padding: 50px;
        box-sizing: border-box;
    }

        .area_customer .center_info p {
            margin-bottom: 10px;
            font-size: 2.8rem;
            line-height: 30px;
        }

            .area_customer .center_info p span {
                display: block;
            }

        .area_customer .center_info strong {
            font-size: 4.8rem;
        }

        .area_customer .center_info span {
            font-size: 1.6rem;
            margin-top: 10px;
        }

    .area_customer .link_center {
        width: 690px;
        height: 100%;
        padding: 50px;
        box-sizing: border-box;
        background: #a39787;
        float: left;
        position: relative;
        color: #333;
    }

        .area_customer .link_center::after {
            content: "";
            width: 100%;
            height: 100%;
            display: block;
            background: #a39787;
            position: absolute;
            top: 0;
            right: -100%;
        }

        .area_customer .link_center .box {
            width: 158px;
            height: 100%;
            padding: 30px 20px 20px;
            box-sizing: border-box;
            margin: 0 19px;
            background: #fff;
            float: left;
            text-align: center;
        }

            .area_customer .link_center .box strong {
                font-size: 1.8rem;
                font-family: 'notokr-medium';
            }

            .area_customer .link_center .box span {
                width: 100%;
                height: 41px;
                margin: 10px 0;
                display: block;
            }

            .area_customer .link_center .box:nth-of-type(1) span {
                background: url('../img/icon_cscenter_01.png') center no-repeat;
            }

            .area_customer .link_center .box:nth-of-type(2) span {
                background: url('../img/icon_cscenter_02.png') center no-repeat;
            }

            .area_customer .link_center .box:nth-of-type(3) span {
                background: url('../img/icon_cscenter_03.png') center no-repeat;
            }

            .area_customer .link_center .box a {
                width: 100%;
                height: 26px;
                margin-bottom: 5px;
                font-size: 1.3rem;
                box-sizing: border-box;
                display: block;
                line-height: 26px;
                border: 1px #ccc solid;
            }

.area_sns {
    height: 132px;
    margin-top: 60px;
    text-align: left;
}

    .area_sns ul {
        height: 100%
    }

        .area_sns ul li {
            width: 320px;
            height: 100%;
            margin-right: 70px;
            float: left;
            font-size: 1.4rem;
            line-height: 18px;
        }

            .area_sns ul li:nth-child(3) {
                margin-right: 0;
                line-height: 17px;
                overflow: hidden;
            }

                .area_sns ul li:nth-child(3) a {
                    height: 68px;
                    overflow: hidden;
                    display: block;
                }

            .area_sns ul li .title {
                width: 100%;
                height: 22px;
                padding-left: 30px;
                box-sizing: border-box;
                margin-bottom: 25px;
                font-size: 2rem;
                line-height: 22px;
            }

            .area_sns ul li:nth-child(1) .title {
                background: url('../img/icon_naverblog.png') left no-repeat;
            }

            .area_sns ul li:nth-child(2) .title {
                background: url('../img/icon_facebook.png') left no-repeat;
            }

            .area_sns ul li:nth-child(3) .title {
                background: url('../img/icon_instagram.png') left no-repeat;
            }

            .area_sns ul li .title::after {
                content: "";
                display: block;
                clear: both;
            }

            .area_sns ul li .title span {
                float: left;
            }

            .area_sns ul li .title a {
                font-size: 1.2rem;
                float: right;
                line-height: 20px;
                text-decoration: underline;
            }

            .area_sns ul li p {
                height: 72px;
                margin-bottom: 10px;
                overflow: hidden;
                color: #777;
            }

            .area_sns ul li:nth-child(1) p {
                height: 55px;
                margin-bottom: 10px;
                overflow: hidden;
                color: #777;
            }

            .area_sns ul li:nth-child(3) .img {
                width: 85px;
                margin-right: 10px;
                height: 85px;
                float: left;
            }

                .area_sns ul li:nth-child(3) .img img {
                    width: 100%;
                }


@media screen and (max-width: 1100px) {

    .main_visual .slider_01 .visual_list li .con_box {
        width: 95%;
        position: relative;
    }

    .main_visual .slider_02 .visual_list li .con_box {
        width: 100%;
    }

        .main_visual .slider_02 .visual_list li .con_box > p {
            width: 100%;
            float: none;
            text-align: center;
        }

        .main_visual .slider_02 .visual_list li .con_box .cast_link {
            width: 600px;
            height: 200px;
            margin: 60px auto 0;
            float: none;
        }

            .main_visual .slider_02 .visual_list li .con_box .cast_link .img {
                width: 250px;
                height: 100%;
                float: left;
            }

            .main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box {
                width: 350px;
                height: 100%;
                float: left;
            }

    .main_visual .slider_03 .search_box {
        width: 95%;
        margin: 0 0 0 2.5%;
        left: 0;
        top: 130px;
    }

        .main_visual .slider_03 .search_box .title {
            font-size: 2rem;
        }

        .main_visual .slider_03 .search_box .choose_box {
            width: 33.3333%;
            margin: 0 0 0 0;
            font-size: 1.6rem;
        }

            .main_visual .slider_03 .search_box .choose_box.area > label {
                width: 100%;
                font-size: 1.6rem;
            }

            .main_visual .slider_03 .search_box .choose_box > label {
                border: 1px #fff solid;
                margin-top: 10px;
            }

            .main_visual .slider_03 .search_box .choose_box.type > label {
                width: 100%;
                height: auto;
                padding: 0;
                text-indent: 0;
                color: #fff;
                padding: 10px 0;
                text-align: center;
            }

                .main_visual .slider_03 .search_box .choose_box.type > label.type_01 {
                    background: none;
                }

                .main_visual .slider_03 .search_box .choose_box.type > label.type_02 {
                    background: none;
                }

                .main_visual .slider_03 .search_box .choose_box.type > label.type_03 {
                    background: none;
                }

                .main_visual .slider_03 .search_box .choose_box.type > label.type_04 {
                    background: none;
                }

            .main_visual .slider_03 .search_box .choose_box.size > label {
                width: 100%;
                height: auto;
                padding: 10px 0;
            }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_01 {
                    background: none;
                }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_02 {
                    background: none;
                }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_03 {
                    background: none;
                }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_04 {
                    background: none;
                }

                .main_visual .slider_03 .search_box .choose_box.size > label.size_05 {
                    background: none;
                }

        .main_visual .slider_03 .search_box a.btn_search {
            width: 45px;
            height: 45px;
            line-height: 45px;
        }

    .area_xiinfo, .area_notice, .area_community {
        width: 90%;
        margin: 0 auto;
    }

    .area_notice, .area_community {
        height: auto;
    }

    .area_sns {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .area_xiinfo .schedule_box, .area_xiinfo .news_box {
        width: 100%;
    }

        .area_xiinfo .schedule_box .sale_list {
            width: 33.3333%;
        }

    .area_xiinfo .news_box {
        height: auto;
        margin-top: 30px;
        float: left;
    }

        .area_xiinfo .news_box ul {
            height: auto;
        }

        .area_xiinfo .news_box li {
            width: 48%;
            margin: 0 1%;
            float: left;
        }

    .area_notice {
        margin-top: 20px;
    }

        .area_notice .notice_list li {
            width: 50%;
            height: 200px;
        }

            .area_notice .notice_list li strong {
                font-size: 2.2rem;
            }

            .area_notice .notice_list li p {
                margin-top: 10px;
                margin-bottom: 25px;
            }

    .area_community {
        margin-top: 30px;
    }

        .area_community li .img_box {
            height: 190px;
        }

        .area_community li:nth-child(1), .area_community li:nth-child(2), .area_community li:nth-child(3), .area_community li:nth-child(4) {
            width: 50%;
            height: 190px;
        }

            .area_community li:nth-child(1) .img_box, .area_community li:nth-child(2) .img_box, .area_community li:nth-child(3) .img_box, .area_community li:nth-child(4) .img_box {
                width: 100%;
            }

                .area_community li:nth-child(1) .img_box > span, .area_community li:nth-child(2) .img_box > span, .area_community li:nth-child(3) .img_box > span {
                    background-size: cover;
                    background-position: center;
                }

            .area_community li:nth-child(1) a > span, .area_community li:nth-child(2) a > span, .area_community li:nth-child(3) a > span, .area_community li:nth-child(4) a > span {
                left: 0;
                top: 0;
            }

            .area_community li:nth-child(4) .img_box strong {
                top: auto;
                left: auto;
                bottom: 30%;
                right: 15%;
            }

    .area_customer .link_center::after {
        display: none;
    }

    .area_customer {
        margin-top: 50px;
    }

        .area_customer .center_info {
            width: 30%;
            padding: 50px 20px;
            -ms-word-break: keep-all;
            word-break: keep-all;
            text-align: center;
        }

        .area_customer .link_center {
            width: 70%;
            padding: 50px 20px;
        }

            .area_customer .link_center .box {
                width: 31.3333%;
                margin: 0 1%;
            }

        .area_customer .center_info strong {
            font-size: 3rem;
        }

    .area_sns ul li {
        width: 30%;
        margin-right: 5%;
    }

        .area_sns ul li :last-child {
            margin-right: 0;
        }
}

@media screen and (max-width: 1024px) {
    .area_notice .notice_list li:hover .link_box {
        opacity: 0;
    }

    .main_visual .slider_03 .con_box p {
        font-size: 4rem;
    }

    .main_visual .slider_03 .con_box a {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 820px) {
    .main_visual .slider_01 .visual_list li.visual_01 .con_box > p strong {
        display: block;
    }

    .main_visual .slider_01 .visual_list li.visual_01 .con_box > p span {
        display: block;
    }

    .main_visual .slider_03 .con_box p {
        font-size: 3.5rem;
    }

    .main_visual .slider_03 .con_box a {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 640px) {
    #container .main_visual {
        height: 450px;
    }

    .lnb ul {
        width: 100%;
        border: none;
    }

    .main_visual .slider_01 .visual_list li .con_box {
        height: 100%;
    }

        .main_visual .slider_01 .visual_list li .con_box > .txt {
            position: static;
        }

            .main_visual .slider_01 .visual_list li .con_box > .txt strong {
                font-size: 4rem;
            }

            .main_visual .slider_01 .visual_list li .con_box > .txt p span {
                font-size: 1.4rem;
            }

                .main_visual .slider_01 .visual_list li .con_box > .txt p span.area_btn {
                    margin-top: 10px !important;
                }

                    .main_visual .slider_01 .visual_list li .con_box > .txt p span.area_btn a.btn_link {
                        font-size: 1.3rem;
                    }

        .main_visual .slider_01 .visual_list li .con_box > .area_btn {
            top: inherit;
            bottom: 120px;
            margin-top: 0;
        }

            .main_visual .slider_01 .visual_list li .con_box > .area_btn a.btn_link {
                height: 3.6rem;
                font-size: 1.3rem;
                line-height: 3.6rem;
            }

        .main_visual .slider_01 .visual_list li .con_box > .banner {
            width: 100%;
            position: absolute;
            margin: 64px 0 0 0;
            font-size: 1.3rem;
            line-height: 20px;
            float: none;
            bottom: 50px;
        }

            .main_visual .slider_01 .visual_list li .con_box > .banner > li {
                width: 100%;
                border-bottom: none;
                border-right-width: 1px;
                float: left;
                box-sizing: border-box;
            }

            .main_visual .slider_01 .visual_list li .con_box > .banner.ba3 > li {
                width: 33.3333%;
            }

            .main_visual .slider_01 .visual_list li .con_box > .banner.ba2 > li {
                width: 50%;
            }

            .main_visual .slider_01 .visual_list li .con_box > .banner.ba1 > li {
                width: 50%;
                margin-left: 25%;
            }

        .main_visual .slider_01 .visual_list li .con_box > .win {
            width: 33.3333%;
            margin: 40px 0 0 0;
            position: static;
            float: left;
            border-radius: 0;
            font-size: 1.4rem;
            line-height: 20px;
            border-bottom: none;
            border-right: 1px #c97725 solid;
        }

        .main_visual .slider_01 .visual_list li .con_box > .contract {
            width: 33.3333%;
            margin: 40px 0 0 0;
            position: static;
            float: left;
            border-radius: 0;
            font-size: 1.4rem;
            line-height: 20px;
        }

    .main_visual .slider_02 .visual_list li .con_box > p {
        margin-top: 125px;
        font-size: 2rem;
    }

        .main_visual .slider_02 .visual_list li .con_box > p .smalltxt {
            font-size: 1.4rem;
            margin-bottom: 20px;
        }

        .main_visual .slider_02 .visual_list li .con_box > p strong {
            font-size: 3.5rem;
        }

    .main_visual .slider_02 .visual_list li .con_box .cast_link {
        width: 300px;
        height: 100px;
        margin: 50px auto 0;
    }

        .main_visual .slider_02 .visual_list li .con_box .cast_link .img {
            width: 100px;
        }

        .main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box {
            width: 200px;
            padding: 25px;
            font-size: 1.8rem;
        }

            .main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box span {
                font-size: 1.4rem;
            }

            .main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box a.btn_link {
                display: none;
            }

    .main_visual .slider_03 .search_box {
        width: 100%;
        height: 100%;
        margin: 0 0 0 0;
        top: 0;
        background: rgba(0,0,0,0.9)
    }

        .main_visual .slider_03 .search_box .title {
            width: 100%;
            padding-top: 20px;
            height: auto;
            font-size: 1.6rem;
            letter-spacing: -1px;
            line-height: 50px;
        }

        .main_visual .slider_03 .search_box .choose_box {
            height: auto;
            padding: 20px 5px;
            background: none;
        }

            .main_visual .slider_03 .search_box .choose_box > span {
                height: 25px;
                font-size: 1.8rem;
                text-align: center;
            }

            .main_visual .slider_03 .search_box .choose_box.area label, .main_visual .slider_03 .search_box .choose_box.type label, .main_visual .slider_03 .search_box .choose_box.size label {
                margin-top: 5px;
                font-size: 1.4rem;
            }

        .main_visual .slider_03 .search_box a.btn_search {
            width: 30%;
            height: 40px;
            bottom: 50px;
            left: 18%;
            line-height: 40px;
            font-size: 1.4rem;
        }

            .main_visual .slider_03 .search_box a.btn_search::after {
                content: "검색하기";
                margin-left: 10px;
                font-size: 1.4rem;
                line-height: 40px;
            }

        .main_visual .slider_03 .search_box a.btn_close {
            width: 30%;
            height: 40px;
            top: auto;
            bottom: 50px;
            right: 18%;
            line-height: 40px;
            font-size: 1.4rem;
            background: #fff;
            color: #333
        }

            .main_visual .slider_03 .search_box a.btn_close::after {
                content: "닫기";
                margin-left: 10px;
                font-size: 1.4rem;
                line-height: 40px;
            }

    .main_visual .slider_03 .con_box {
        padding: 0 2.5%;
        box-sizing: border-box;
        margin-top: 145px;
    }

        .main_visual .slider_03 .con_box p {
            font-size: 2.5rem;
            line-height: 35px;
        }

            .main_visual .slider_03 .con_box p > span {
                display: block;
            }

        .main_visual .slider_03 .con_box a {
            font-size: 1.8rem;
        }

    .news_box h2 {
        font-size: 2.3rem;
    }

    .area_xiinfo {
        overflow: hidden;
    }

        .area_xiinfo .schedule_box {
            width: 300%;
            position: relative;
        }

            .area_xiinfo .schedule_box .sale_list {
                width: 33.3333%;
            }

                .area_xiinfo .schedule_box .sale_list .schedule_list {
                    height: 160px;
                }

                    .area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar {
                        -webkit-appearance: none;
                    }

                        .area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar:vertical {
                            width: 10px;
                        }

                        .area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar:horizontal {
                            height: 10px;
                        }

                    .area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar-thumb {
                        background-color: rgba(0, 0, 0, .2);
                        border-radius: 8px;
                        border: 2px solid #ffffff;
                    }

                    .area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar-track {
                        border-radius: 10px;
                        background-color: #ffffff;
                    }

    .sale_list .schedule_list ul::before {
        display: none;
    }

    .sale_list .month {
        height: 50px;
        line-height: 50px;
    }

        .sale_list .month::before {
            display: none;
        }

    .area_xiinfo .news_box {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px #ccc solid;
    }

        .area_xiinfo .news_box ul {
            height: 120px;
        }

        .area_xiinfo .news_box li {
            width: 98%;
            margin: 0 1%;
            float: none;
        }

    .area_xiinfo .btn_set {
        display: block
    }

    .area_xiinfo .schedule_box .btn_gosch {
        display: none;
    }

    .area_xiinfo {
        height: auto;
    }

    .area_notice {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px #ccc solid;
    }

        .area_notice .notice_list {
            width: 400%;
            height: 150px;
            position: relative;
        }

            .area_notice .notice_list li {
                width: 25%;
                height: 150px;
            }

                .area_notice .notice_list li strong {
                    font-size: 2rem;
                }

                    .area_notice .notice_list li strong span {
                        display: inline-block;
                        margin-left: 5px;
                    }

                .area_notice .notice_list li a {
                    padding: 20px;
                }

                    .area_notice .notice_list li a > span {
                        left: 20px;
                        bottom: 20px;
                    }

        .area_notice .title {
            position: relative;
        }

            .area_notice .title .ind {
                margin-top: -5px;
                position: absolute;
                top: 50%;
                right: 0;
            }

                .area_notice .title .ind li {
                    width: 10px;
                    height: 10px;
                    margin-left: 10px;
                    border-radius: 5px;
                    background: #fff;
                    float: left;
                }

                    .area_notice .title .ind li.on {
                        background: #006899;
                    }

        .area_notice .notice_container {
            width: 100%;
            height: 150px;
            overflow: hidden;
        }

    .area_community li:nth-child(1) .img_box, .area_community li:nth-child(2) .img_box, .area_community li:nth-child(3) .img_box, .area_community li:nth-child(3) .img_box {
        height: 190px;
    }

    .area_community li:nth-child(1) a > span, .area_community li:nth-child(2) a > span, .area_community li:nth-child(3) a > span, .area_community li:nth-child(4) a > span {
        width: 100%;
        height: 40px;
        padding: 0 5%;
        line-height: 40px;
        font-size: 1.4rem;
    }

    .area_community li:nth-child(4) .img_box span {
        background-position: center bottom;
        background-size: 100%;
    }

    .area_community li:nth-child(4) .img_box strong {
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
        top: 30%;
        left: auto;
        bottom: auto;
        right: auto;
        text-align: center;
    }

    .area_customer {
        height: auto;
    }

        .area_customer .center_info {
            width: 100%;
            height: auto;
            padding: 20px;
            -ms-word-break: keep-all;
            word-break: keep-all;
            text-align: center;
        }

            .area_customer .center_info span, .area_customer .center_info strong {
                font-size: 1.8rem;
                line-height: 30px;
            }

            .area_customer .center_info strong {
                margin-right: 10px;
            }

            .area_customer .center_info p, .area_customer .center_info span {
                margin: 0 0 0 0;
            }

        .area_customer .link_center {
            width: 100%;
            height: auto;
            padding: 20px 0;
        }

            .area_customer .link_center .box {
                width: 90%;
                margin: 0 5%;
                display: block;
            }

                .area_customer .link_center .box:nth-of-type(2n) {
                    border-top: 1px #ccc dashed;
                    border-bottom: 1px #ccc dashed;
                }

                .area_customer .link_center .box strong {
                    width: 100%;
                    margin-bottom: 15px;
                    float: left;
                }

                .area_customer .link_center .box span {
                    float: left;
                    display: none;
                }

                .area_customer .link_center .box a {
                    width: 49%;
                    height: 40px;
                    margin: 0 0.5%;
                    float: left;
                    line-height: 40px;
                }

    .area_sns ul li {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }

        .area_sns ul li:nth-child(2) {
            padding: 30px 0;
            border-top: 1px #ccc dashed;
            border-bottom: 1px #ccc dashed;
        }

            .area_sns ul li:nth-child(1) p, .area_sns ul li:nth-child(2) p, .area_sns ul li:nth-child(3) p {
                height: auto;
                max-height: 55px;
                margin: 0 0 0 0;
            }
}


@media screen and (max-width: 320px) {
    .area_community li.box {
        width: 100%;
        height: 40px;
    }

    .area_community li a > span {
        background-position: 95% center;
    }

    .area_community li .img_box {
        display: none;
    }
}


/* 서브페이지 공통 */
#container.sub {
    background: #f4f4f4;
}

.content_box {
    width: 100%;
    height: auto;
    padding: 80px;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 1.6rem;
}
/*.content_box, .inbox { width: 100%; height: auto; padding: 80px; box-sizing: border-box; background-color: #fff; font-size: 1.6rem; }*/

/* 멤버 카테고리 공통 */
#container.sub .content.member {
    width: 620px;
    height: auto;
    margin: 0 auto;
}

    #container.sub .content.member p.caution {
        margin: 25px 0;
        text-align: center;
        color: #006899;
        font-size: 1.6rem;
        line-height: 1.5;
    }

        #container.sub .content.member p.caution.red {
            width: 100%;
            color: #a90000;
            margin: 10px 0;
            font-size: 1.4rem;
            text-align: left;
            visibility: hidden;
        }

            #container.sub .content.member p.caution.red::before {
                content: "\f058";
                font-family: 'FontAwesome';
                margin-right: 5px;
            }

    #container.sub .content.member p.caution2 {
        margin: 25px 0;
        text-align: center;
        color: #006899;
        font-size: 1.6rem;
        line-height: 1.5;
    }

        #container.sub .content.member p.caution2.red {
            width: 100%;
            color: #a90000;
            margin: 10px 0;
            font-size: 1.4rem;
            text-align: left;
            visibility: hidden;
        }

            #container.sub .content.member p.caution2.red.chk::before {
                content: "\f058";
                font-family: 'FontAwesome';
                margin-right: 5px;
            }


.agree_form input {
    width: 38px;
    height: 38px;
    opacity: 0;
}

    .agree_form input:checked + span {
        background: url('../img/sub/check_box_on.png') no-repeat;
    }

    .agree_form input:focus + span {
        outline: 1px #ccc solid;
    }

.agree_form label {
    height: 100%;
    position: relative;
}

    .agree_form label > span {
        width: 38px;
        height: 38px;
        position: absolute;
        z-index: 2;
        background: url('../img/sub/check_box_off.png') no-repeat;
        display: block;
        cursor: pointer;
    }


/* 로그인 */
.content_box.login {
    padding: 50px 35px;
    border: 1px solid #e0e0e0;
}

.login .title_form {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
}

.login .input_form {
    width: 410px;
    margin: 0 auto;
    padding-top: 50px;
}

.login .link_form {
    width: 100%;
    margin-top: 20px;
    color: #767676;
}

    .login .link_form li {
        display: inline-block;
        margin-left: -4px;
        padding: 0 15px;
        position: relative;
        font-size: 1.6rem;
    }

        .login .link_form li::after {
            content: "";
            width: 1px;
            height: 10px;
            margin-top: -5px;
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            background: #ccc;
            font-family: 'notokr-light';
            color: #ccc;
        }

        .login .link_form li:last-child::after {
            display: none;
        }

    .login .link_form a {
        color: #333;
    }

.login a.submit {
    width: 100%;
}

/* 회원가입(개인가입약관동의) */
.area_agree .info_box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    font-family: 'notokr-medium';
    outline: 1px #e0e0e0 solid;
    font-size: 13px;
    font-family: 'notokr-regular';
}

    .area_agree .info_box .agree_form {
        width: 100%;
        height: 70px;
        padding: 0 20px;
        box-sizing: border-box;
        background: #ebecef;
        display: table;
    }

.area_agree button.submit {
    margin-top: 50px;
}

.area_agree .agree_form input {
    margin-top: 6px;
    float: right;
    opacity: 0;
}

.area_agree .agree_form label {
    font-size: 2.5rem;
    display: table-cell;
    vertical-align: middle;
}

    .area_agree .agree_form label > strong {
        line-height: 50px;
        display: block;
        margin: 0 0 0 0;
    }

    .area_agree .agree_form label > span {
        right: 0;
        top: 16px;
        z-index: 2;
    }

.info_box .scr_box {
    width: 100%;
    height: 350px;
    margin-bottom: 20px;
    padding: 30px 25px;
    box-sizing: border-box;
    background: #fff;
    overflow-y: scroll;
}

.scr_box h4.chapter {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.scr_box h3.title {
    font-size: 2.2rem;
    margin-bottom: 20px;
}

.scr_box dl {
    padding-left: 10px;
    line-height: 20px;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .scr_box dl dt {
        margin-bottom: 10px;
    }

    .scr_box dl dd {
        margin-bottom: 15px;
        color: #666;
    }

        .scr_box dl dd span {
            padding-left: 10px;
            display: block;
        }

    .scr_box dl p {
        margin-bottom: 5px;
    }

.content.rules .content_box {
    text-align: left;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .content.rules .content_box h4.chapter {
        font-size: 1.5rem;
        margin: 25px 0;
        font-family: 'notokr-medium';
    }

    .content.rules .content_box h3.title {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }

    .content.rules .content_box dl {
        padding-left: 10px;
        line-height: 20px;
        -ms-word-break: keep-all;
        word-break: keep-all;
        font-size: 1.4rem;
    }

        .content.rules .content_box dl dt {
            margin-bottom: 10px;
        }

        .content.rules .content_box dl dd {
            margin-bottom: 15px;
            color: #666;
        }

            .content.rules .content_box dl dd ol {
                padding: 0 0 0 20px;
            }

            .content.rules .content_box dl dd span {
                padding-left: 10px;
                display: block;
            }

    .content.rules .content_box p {
        margin-bottom: 5px;
        font-size: 1.4rem;
        color: #888;
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

    .content.rules .content_box.video p {
        color: #666;
        line-height: 20px;
    }

    .content.rules .content_box.video ul {
        color: #666;
        font-size: 1.4rem;
        line-height: 20px;
    }

        .content.rules .content_box.video ul li {
            line-height: 23px;
        }

.content.rules table {
    width: 100%;
    margin: 30px 0;
    text-align: center;
    font-size: 1.4rem;
    line-height: 25px;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

.content.rules thead tr {
    background: #eeeeee;
    border-top: 1px #ccc solid;
}

.content.rules th, .content.rules .content_box td {
    padding: 15px 0;
    border-bottom: 1px #ccc solid;
    vertical-align: middle;
}

.content.rules th {
    border-right: 1px #fff solid;
}

.content.rules tbody th {
    border-right: none;
}

.content.rules th.title {
    border-right: 1px #ccc solid;
}

.content.rules td {
    border-left: 1px #ccc solid;
}

.content.rules th:last-child {
    border-right: none;
}

.content.rules td:first-child {
    border-left: none;
}

.content.rules table.pri tbody th {
    border-left: 1px #ccc solid;
}

    .content.rules table.pri tbody th:first-child {
        border-left: none;
    }

.content.rules .content_box.video tbody th {
    border-right: 1px #ccc solid;
}

.content.rules .content_box.video .old_rules, .content.rules .content_box.pri .old_rules {
    height: 40px;
    margin-bottom: 30px;
    text-align: right;
    line-height: 40px;
}

    .content.rules .content_box.video .old_rules a, .content.rules .content_box.pri .old_rules a {
        width: 80px;
        height: 40px;
        display: block;
        float: left;
        margin-left: 5px;
        text-align: center;
        line-height: 40px;
        background: #434a5d;
        color: #fff;
        font-size: 1.4rem;
    }

    .content.rules .content_box.video .old_rules select, .content.rules .content_box.pri .old_rules select {
        height: 40px;
        float: left;
        border: 1px #ccc solid;
    }

    .content.rules .content_box.video .old_rules label, .content.rules .content_box.pri .old_rules label {
        display: inline-block;
    }

.content.rules .content_box.pri p {
    margin-bottom: 20px;
    font-size: 1.4rem;
    color: #333;
    line-height: 25px;
}

    .content.rules .content_box.pri p strong {
        font-weight: bold;
    }

.content.rules .content_box.pri div.chapter {
    padding: 40px 0;
    border-top: 1px #ccc dashed;
}

    .content.rules .content_box.pri div.chapter h3 {
        font-size: 2.6rem;
        margin-bottom: 10px;
    }

    .content.rules .content_box.pri div.chapter dl dt {
        font-family: 'notokr-medium';
    }

    .content.rules .content_box.pri div.chapter dl dd > p {
        margin: 15px 0 10px;
    }

    .content.rules .content_box.pri div.chapter ul {
        padding-left: 20px;
        font-size: 1.4rem;
        line-height: 25px;
    }

        .content.rules .content_box.pri div.chapter ul > li {
            margin-bottom: 5px;
            position: relative;
        }

            .content.rules .content_box.pri div.chapter ul > li::before {
                content: "·";
                position: absolute;
                left: -10px;
            }

    .content.rules .content_box.pri div.chapter ol {
        margin-left: 20px;
        font-size: 1.4rem;
    }

        .content.rules .content_box.pri div.chapter ol li {
            line-height: 25px;
        }

        .content.rules .content_box.pri div.chapter ol ul {
            padding-left: 0;
            margin-bottom: 20px;
        }

            .content.rules .content_box.pri div.chapter ol ul > li::before {
                display: none;
            }

.table_scroll span.caution {
    font-size: 1.4rem;
    color: red;
    display: none;
}

/* 회원가입(개인정보입력) */
.content_box.data_input {
    padding: 15px 35px 35px;
    border: 1px solid #e0e0e0;
}

.data_input li {
    height: 50px;
    padding: 10px 0;
    border-bottom: 1px #eaeaea solid;
}

    .data_input li label {
        width: 100px;
        height: 100%;
        font-size: 1.6rem;
        color: #767676;
        line-height: 50px;
        float: left;
        text-align: left;
    }

    .data_input li .input_box {
        width: 448px;
        padding-left: 0;
        float: left;
        border: none;
    }

        .data_input li .input_box.email_box {
            text-align: left;
            padding-left: 20px;
        }

            .data_input li .input_box.email_box input#email {
                width: 140px;
                border: 1px solid #eaeaea;
                height: 40px;
                padding-left: 5px;
                padding-right: 5px;
                font-size: 1.4rem;
            }

            .data_input li .input_box.email_box input#email1 {
                width: 140px;
                border: 1px solid #eaeaea;
                height: 40px;
                padding-left: 5px;
                padding-right: 5px;
                font-size: 1.4rem;
            }

            .data_input li .input_box.email_box input#email2 {
                width: 120px;
                border: 1px solid #eaeaea;
                height: 40px;
                padding-left: 5px;
                padding-right: 5px;
                font-size: 1.4rem;
            }

            .data_input li .input_box.email_box span {
                display: none;
            }

            .data_input li .input_box.email_box .select_wrap {
                display: inline-block;
            }

                .data_input li .input_box.email_box .select_wrap select {
                    height: 40px;
                    padding-left: 5px;
                    padding-right: 5px;
                    box-sizing: border-box;
                    border: 1px #eaeaea solid;
                    color: #666;
                    display: inline-block;
                    font-size: 1.4rem;
                }

                .data_input li .input_box.email_box .select_wrap::before {
                    content: '@';
                    display: inline-block;
                    color: #bcbcbc;
                }

.data_input .input_box a {
    width: 18%;
    height: 100%;
    text-align: center;
    background: #909193;
    float: right;
    color: #fff;
    line-height: 50px;
    display: block;
}

    .data_input li input {
        height: 100%;
        border: none;
    }

.agree_box {
    width: 100%;
    height: 38px;
    margin: 30px 0;
    padding-left: 40px;
    box-sizing: border-box;
    font-size: 1.6rem;
    color: #666;
    text-align: left;
}

    .agree_box .agree_form label {
        height: 38px;
        display: table;
    }

        .agree_box .agree_form label strong {
            display: table-cell;
            vertical-align: middle;
            line-height: 18px;
        }

            .agree_box .agree_form label strong > span {
                font-size: 1.4rem;
            }

    .agree_box .agree_form span {
        left: 0;
        top: 0;
    }

    .agree_box .agree_form input {
        width: 38px;
        height: 38px;
        margin-right: 15px;
    }

/* 회원가입(인증메일발송/가입완료 공통) */
.content_box.join strong {
    font-size: 2.4rem;
    font-family: 'notokr-medium';
}

.content_box.join p {
    margin: 20px 0 35px;
    font-size: 1.4rem;
    line-height: 20px;
}

    .content_box.join p span {
        color: #006899;
    }

.content_box.join .btn_set {
    width: 100%;
    padding: 35px 10% 0;
    box-sizing: border-box;
    border-top: 1px #e1e1e1 solid;
    color: #666;
}

    .content_box.join .btn_set span {
        width: 50%;
        float: left;
        font-size: 1.6rem;
    }

        .content_box.join .btn_set span a {
            width: 80%;
            height: 50px;
            margin-top: 10px;
            display: inline-block;
            border: 1px #a8a8a8 solid;
            font-size: 1.6rem;
            line-height: 50px;
        }

        .content_box.join .btn_set span:first-child a {
            background: #a8a8a8;
            color: #fff;
        }

.content_box.join.confirm strong {
    margin-bottom: 10px;
}

.content_box.join.confirm span.summary {
    margin-bottom: 30px;
    font-size: 1.4rem;
    color: #666;
    display: block;
}

.content_box.join .mail_list {
    font-size: 1.8rem;
    color: #006899;
    font-family: 'notokr-medium';
    line-height: 25px;
    margin-bottom: 30px;
}

/* 회원가입(인증메일발송) */
.content_box.join.mail {
    padding: 170px 35px 50px;
    background: url('../img/sub/bg_email.png') center 50px no-repeat #fff;
}

/* 회원가입(가입완료) */
.join.end {
    padding: 170px 35px 50px;
    background: url('../img/sub/bg_join_end.png') center 50px no-repeat #fff;
}

    .join.end .btn_set span a {
        margin: 0 10%;
        background: #434a5d;
        color: #fff;
        display: block;
    }

/* 회원정보 찾기(아이디 찾기 / 비밀번호 변경) */
.content_box.join.search {
    padding: 170px 35px 50px;
    border: 1px solid #e0e0e0;
}

    .content_box.join.search.mail {
        background: url('../img/sub/bg_email.png') center 50px no-repeat #fff;
    }

    .content_box.join.search.pw {
        background: url('../img/sub/bg_lock.png') center 50px no-repeat #fff;
    }

.join.search strong {
    display: block;
    margin-bottom: 35px;
}

/* 회원정보 수정 */
.inbox.confirm_form {
    width: 100%;
    margin: 0 auto;
    padding: 15px 100px 35px;
    border: 1px solid #e0e0e0;
}

.confirm_form li {
    height: 70px;
    padding: 10px 0;
    border-bottom: 1px #eaeaea solid;
}

    .confirm_form li label {
        width: 100px;
        height: 100%;
        font-size: 1.6rem;
        color: #767676;
        line-height: 50px;
        float: left;
        text-align: left;
    }

    .confirm_form li .input_box {
        width: 448px;
        margin: 0 0 0 0;
        padding-left: 0;
        float: left;
        border: none;
    }

    .confirm_form li a.submit {
        width: 100px;
        height: 50px;
        font-size: 1.6rem;
        float: right;
        color: #fff;
        line-height: 50px;
    }

    .confirm_form li input {
        height: 100%;
        border: none;
    }

.inbox.modify_form {
    margin-bottom: 50px;
    padding: 80px 40px;
    border: 1px solid #e0e0e0;
    position: relative;
    text-align: left;
    color: #767676;
}

    .inbox.modify_form p.caution.red {
        color: #a90000;
        margin-top: 20px;
        font-size: 1.4rem;
        visibility: hidden;
    }

        .inbox.modify_form p.caution.red::before {
            content: "\f058";
            font-family: 'FontAwesome';
            margin-right: 5px;
        }

    .inbox.modify_form h3 {
        font-size: 3.4rem;
        margin-bottom: 15px;
        text-align: center;
        color: #333;
    }

    .inbox.modify_form .summary {
        font-size: 1.4rem;
        font-family: 'notokr-medium';
        text-align: center;
    }

        .inbox.modify_form .summary span {
            color: #006899;
        }

.modify_form li {
    padding: 2rem 0;
    border-bottom: 1px #eaeaea solid;
}

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

    .modify_form li label {
        width: 120px;
        height: 40px;
        font-size: 1.6rem;
        color: #767676;
        line-height: 40px;
        float: left;
        text-align: left;
    }

    .modify_form li .input_box {
        width: 448px;
        height: 40px;
        margin-bottom: 0;
        padding-left: 0;
        float: left;
        border: none;
    }

        .modify_form li .input_box span {
            line-height: 40px;
        }

    .modify_form li input {
        height: 100%;
        border: none;
    }

.modify_form .btn_defualt {
    position: absolute;
    right: 40px;
    top: 40px;
    text-align: center;
    line-height: 35px;
}

.modify_form.add_info input, .modify_form.add_info select {
    padding: 0 0 0 10px;
    height: 40px;
    box-sizing: border-box;
}

.modify_form.add_info input {
    border: 1px #eaeaea solid;
}

.modify_form.add_info select {
    border: 1px #ccc solid;
}

.add_info .input_name {
    width: 150px;
}

.add_info .addr {
    width: 200px;
    padding: 0 15px;
    box-sizing: border-box;
    float: left;
    margin-right: 50px;
}

.inbox.modify_form.add_info li .input_email {
    border: none;
}

.add_info .input_phone {
    width: 150px;
}

.add_info .input_wrap {
    float: left;
}

    .add_info .input_wrap span {
        margin-top: 10px;
        display: block;
    }

        .add_info .input_wrap span input {
            margin-right: 10px;
        }

            .add_info .input_wrap span input:last-child {
                margin-left: 10px;
            }

    .add_info .input_wrap a {
        width: 83px;
        height: 40px;
        background: #a39787;
        display: inline-block;
        text-align: center;
        line-height: 40px;
        font-size: 1.3rem;
        color: #fff;
    }

    .add_info .input_wrap .input_wrap_con {
        position: relative;
        padding-right: 250px;
        padding-top: 1rem;
        margin-bottom: 1.5rem;
        border-top: 1px dashed #eee;
    }

        .add_info .input_wrap .input_wrap_con:first-child {
            padding-top: 0;
            border-top: 0;
        }

        .add_info .input_wrap .input_wrap_con .hidden {
            display: block;
            overflow: hidden;
            width: 0;
            height: 0;
            padding: 0;
            margin: 0;
            text-indent: -9999em;
        }

        .add_info .input_wrap .input_wrap_con .btn_con {
            display: block;
            position: absolute;
            right: 205px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

            .add_info .input_wrap .input_wrap_con .btn_con.add {
                top: 0;
                background: #1b6486;
            }

                .add_info .input_wrap .input_wrap_con .btn_con.add::after {
                    display: inline-block;
                    content: "\f067";
                    font-family: 'FontAwesome';
                    font-size: 1.5rem;
                    color: #fff;
                }

            .add_info .input_wrap .input_wrap_con .btn_con.remove {
                top: 1rem;
                background: #798091;
            }

                .add_info .input_wrap .input_wrap_con .btn_con.remove::after {
                    display: inline-block;
                    content: "\f068";
                    font-family: 'FontAwesome';
                    font-size: 1.5rem;
                    color: #fff;
                }

.add_info .input_mycomplex {
    width: 300px;
}

.add_info .input_complexno {
    width: 150px;
}

.add_info .input_wrap .func_etc {
    position: absolute;
    right: 0;
    top: 0;
}

    .add_info .input_wrap .func_etc.other {
        top: 10px;
    }

    .add_info .input_wrap .func_etc a {
        width: 180px;
        display: block;
    }

        .add_info .input_wrap .func_etc a.btn_etc {
            margin-bottom: 10px;
        }

        .add_info .input_wrap .func_etc a.btn_etc2 {
            background: #1b6486;
        }


/* 회원탈퇴 */
.content_box.member_out {
    text-align: left;
}

    .content_box.member_out h3 {
        margin-bottom: 10px;
        font-size: 3.4rem;
        text-align: center;
    }

    .content_box.member_out .summary {
        font-size: 14px;
        text-align: center;
        color: #666;
        font-family: 'notokr-medium';
    }

    .content_box.member_out h4 {
        margin-bottom: 20px;
        font-size: 2.6rem;
    }

    .content_box.member_out .in_box {
        margin: 0 0 40px;
        padding: 35px;
        border: 1px #d6d6d6 solid;
        font-size: 1.4rem;
        line-height: 18px;
        color: #767676;
    }

        .content_box.member_out .in_box ul li {
            line-height: 23px;
        }

            .content_box.member_out .in_box ul li input {
                margin-right: 10px;
            }

        .content_box.member_out .in_box textarea {
            width: 100%;
            height: 100px;
            padding: 15px 30px;
            box-sizing: border-box;
            border: 1px #d6d6d6 solid;
            resize: none;
        }

        .content_box.member_out .in_box .caution {
            color: #006899;
        }

        .content_box.member_out .in_box .input_box {
            height: auto;
            margin-top: 20px;
            border: none;
        }


/* 캘린더 */
.inbox.calender {
    border: 1px #e1e1e1 solid;
}

    .inbox.calender .title {
        width: 100%;
        height: 70px;
        background: #a39787;
        color: #fff;
    }

        .inbox.calender .title h3 {
            margin: 0 20px;
            line-height: 70px;
            display: inline-block;
            font-size: 2.8rem;
            font-family: 'notokr-medium';
        }

        .inbox.calender .title button {
            padding: 0 15px;
            display: inline-block;
            border: 1px #fff solid;
            font-size: 2.8rem;
        }

            .inbox.calender .title button.hidden {
                visibility: hidden;
            }

    .inbox.calender ul {
        padding: 40px 45px;
    }

        .inbox.calender ul * {
            box-sizing: border-box;
        }

        .inbox.calender ul li {
            width: 100%;
            padding: 20px 0;
            border-bottom: 1px #ccc dashed;
        }

            .inbox.calender ul li::after {
                content: "";
                display: block;
                clear: both;
            }

            .inbox.calender ul li:last-child {
                border-bottom: none;
            }

        .inbox.calender ul > li > dl {
            text-align: left;
            display: table;
            width: 100%;
            table-layout: fixed;
        }

            .inbox.calender ul > li > dl > dt {
                display: table-cell;
                width: 17%;
                font-size: 2.0rem;
                font-family: 'notokr-medium';
                vertical-align: top;
                padding: 10px 0;
            }

                .inbox.calender ul > li > dl > dt > span {
                    margin-left: 10px;
                    font-size: 1.1rem;
                    color: #adadad;
                }

            .inbox.calender ul > li > dl > dd {
                display: table-cell;
                vertical-align: middle;
                table-layout: fixed;
            }

                .inbox.calender ul > li > dl > dd > dl {
                    margin: 5px 5px 5px 0;
                    display: inline-block;
                    width: 32%;
                    vertical-align: top;
                }

                    .inbox.calender ul > li > dl > dd > dl > dt {
                        display: table-cell;
                        line-height: 1.5;
                        width: 70px;
                    }

                        .inbox.calender ul > li > dl > dd > dl > dt span {
                            display: inline-block;
                            color: #fff;
                            text-align: center;
                            padding: 3px 0;
                            width: 100%;
                            font-size: 1.5rem;
                            white-space: nowrap;
                        }

                    .inbox.calender ul > li > dl > dd > dl > dd {
                        display: table-cell;
                        padding: 5px 10px;
                        line-height: 1.6;
                    }

                        .inbox.calender ul > li > dl > dd > dl > dd a {
                            display: block;
                            color: #666;
                        }

                            .inbox.calender ul > li > dl > dd > dl > dd a:focus, .inbox.calender ul > li > dl > dd > dl > dd a:hover {
                                text-decoration: underline;
                            }

                .inbox.calender ul > li > dl > dd span {
                    display: block;
                    padding: 5px 0;
                    line-height: 1.4;
                }

/*
.inbox.calender ul > li > dl > dd > span { width: 30%; margin: 5px 5% 5px 0; font-size: 1.5rem; color: #666; text-overflow: ellipsis; white-space: nowrap; float: left; overflow: hidden;} 
.inbox.calender ul > li > dl > dd > span a {display:inline-block;}
.inbox.calender ul > li > dl > dd > span a:hover { text-decoration: underline; }
.inbox.calender ul > li > dl > dd > span:nth-child( 3n ) { margin-right: 0; }
 .calender .sticker { width:65px; padding: 5px 0; color: #fff; margin-right: 10px; display: inline-block; text-align: center; }*/



/* 컨텐츠 css 시작 
****************************/

/* 단지정보 공통 스타일 */
.area_search {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    text-align: right;
}

    .area_search p {
        float: left;
        line-height: 40px;
    }

        .area_search p span {
            color: #a90000
        }

    .area_search .search_box {
        width: 335px;
        height: 100%;
        display: inline-block;
    }

    .area_search .input_box {
        width: 250px;
        height: 100%;
        margin-bottom: 0;
        float: left;
    }

        .area_search .input_box input {
            padding-left: 10px;
        }

        .area_search .input_box label {
            line-height: 40px !important;
        }

    .area_search a.submit {
        width: 80px;
        height: 100%;
        margin-left: 5px;
        font-size: 1.4rem;
        line-height: 40px;
        display: block;
        float: left;
    }

.area_choose .tab_linetype.btn7.choose1 {
    margin-top: 30px;
    border-top: 1px #d6d6d6 solid
}

.btn_choose {
    display: none;
}

.complex_img {
    width: 100%;
    height: 229px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: url('../img/common/no_img.jpg') center no-repeat;
    background-size: cover;
}

    .complex_img a {
        display: block;
        height: 100%;
    }

    .complex_img img {
        width: 100%;
        height: 100%;
    }

.area_complex_info .complex_img {
    width: 346px;
    height: 229px;
    overflow: hidden;
    float: left;
}

.complex_img .percent_circle {
    width: 85px;
    height: 85px;
    position: absolute;
    bottom: 10px;
    left: 5px;
}

    .complex_img .percent_circle > strong {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        font-size: 2rem;
        text-align: center;
        line-height: 85px;
        color: #fff;
        font-family: 'notokr-medium'
    }


.complex_box {
    width: 346px;
    height: auto;
    margin: 0 31px 30px 0;
    float: left;
    text-align: left;
    font-size: 1.4rem;
    color: #333;
    background: #f6f6f6;
    position: relative;
}

    .complex_box > a {
        display: block;
    }

    .complex_box:nth-child(3n+3) {
        margin-right: 0;
    }

    .complex_box .sticker {
        width: 100px;
        height: 50px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        text-align: center;
        line-height: 50px;
        font-size: 1.6rem;
        color: #fff;
    }

    .complex_box .btn_clear {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 10px;
        right: 10px;
        background: url('../img/common/btn_close.png') left no-repeat;
        background-size: cover;
        overflow: hidden;
        text-indent: -201%;
    }

    .complex_box .btn_favorite {
        width: 57px;
        height: 57px;
        position: absolute;
        top: -30px;
        right: 25px;
        z-index: 2;
        background: url('../img/sub/icon_favorite.png') left no-repeat;
        background-position: -62px;
        overflow: hidden;
        text-indent: -201%;
        opacity: 0.9;
    }

    .complex_box .details {
        width: 100%;
        height: 280px;
        padding: 30px 30px 40px;
        box-sizing: border-box;
        position: relative;
    }

        .complex_box .details h3 {
            height: 6rem;
            margin-bottom: 10px;
            font-size: 2.4rem;
            font-family: 'notokr-medium';
            line-height: 30px;
            overflow: hidden;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .complex_box .details dl {
            font-size: 1.4rem;
            color: #666;
            line-height: 25px;
        }

            .complex_box .details dl dt {
                width: 80px;
                float: left;
            }

            .complex_box .details dl dd {
                width: calc(100% - 80px);
                text-overflow: ellipsis;
                white-space: nowrap;
                float: left;
                overflow: hidden;
            }

                .complex_box .details dl dd:nth-last-of-type(2n) {
                    max-height: 50px;
                    white-space: normal;
                    text-overflow: ellipsis;
                    overflow-y: hidden;
                }

    .complex_box .btn_set {
        width: 100%;
        height: 5rem;
        background: #e6e6e6;
        font-size: 1.5rem;
        text-align: center;
        line-height: 50px;
    }

        .complex_box .btn_set li {
            width: 114px;
            height: 100%;
            float: left;
            border-right: 1px #f3f3f3 solid;
            color: #aaa;
        }

            .complex_box .btn_set li:last-child {
                border: none;
            }

            .complex_box .btn_set li a, .complex_box .btn_set li button {
                width: 100%;
                height: 100%;
                display: block;
                color: #333;
            }

        .complex_box .btn_set.btn1 li {
            width: 100%;
        }

        .complex_box .btn_set.btn2 li {
            width: 50%;
        }

        .complex_box .btn_set.btn3 li {
            width: 114px;
        }

    .complex_box.favorite {
        color: #fff;
        background: #a39787;
    }

        .complex_box.favorite .btn_favorite {
            background-position: 0px;
            opacity: 1;
        }

        .complex_box.favorite .btn_set {
            color: #e6e3e0;
            background: #8b7f6e;
        }

            .complex_box.favorite .btn_set li {
                border-right: 1px #a39787 solid;
                color: #cfc2af;
            }

                .complex_box.favorite .btn_set li a, .complex_box.favorite .btn_set li button {
                    color: #fff;
                }

                .complex_box.favorite .btn_set li:last-child {
                    border-right: none;
                }

        .complex_box.favorite dl {
            color: #e6e3e0;
        }

/* 단지정보 상세페이지 공통스타일 */
.select_more {
    width: 100%;
    height: 40px;
    margin-bottom: 30px;
    text-align: right;
    font-size: 0;
}

    .select_more select, .select_more a {
        height: 40px;
        box-sizing: border-box;
        border: 1px #ccc solid;
        color: #666;
        display: inline-block;
        font-size: 1.6rem;
    }

    .select_more select {
        padding: 0 0 0 0;
        vertical-align: top;
    }

    .select_more a {
        width: 80px;
        text-align: center;
        margin-left: 5px;
        line-height: 40px;
        background: #434a5d;
        color: #fff;
        font-size: 1.4rem;
    }

.area_complex_info .select_more a {
    border: 0;
}

.area_complex_info {
    width: 100%;
    height: auto;
    margin-bottom: 55px;
    position: relative;
    text-align: left;
}

    .area_complex_info .details {
        width: calc(100% - 346px);
        margin-bottom: 70px;
        padding-left: 70px;
        box-sizing: border-box;
        float: left;
        font-size: 1.4rem;
        color: #000;
    }

        .area_complex_info .details h3 {
            font-size: 3.2rem;
            margin-bottom: 10px;
        }

        .area_complex_info .details dl {
            margin-bottom: 15px;
            font-size: 1.4rem;
            color: #666;
            line-height: 27px;
        }

            .area_complex_info .details dl dt {
                width: 80px;
                height: 27px;
                float: left;
            }

            .area_complex_info .details dl dd {
                width: calc(100% - 80px);
                height: 27px;
                text-overflow: ellipsis;
                white-space: nowrap;
                float: left;
                overflow: hidden;
            }

        .area_complex_info .details .btn_set {
            width: 100%;
        }

            .area_complex_info .details .btn_set li {
                width: 115px;
                float: left;
                text-align: center;
                outline: 1px #fff solid;
            }
                /*.area_complex_info .details .btn_set li:hover { background: #ccc; }*/
                .area_complex_info .details .btn_set li a, .area_complex_info .details .btn_set li button {
                    width: 100%;
                    padding: 1.2rem 0;
                    display: block;
                    color: #000;
                    background: #dfdfdf;
                }

                    .area_complex_info .details .btn_set li button.on {
                        background: #8b7f6e;
                        color: #fff;
                    }

                .area_complex_info .details .btn_set li:first-child button, .area_complex_info .details .btn_set li:first-child a {
                    border-radius: 6px 0 0 6px;
                }

                .area_complex_info .details .btn_set li:last-child button, .area_complex_info .details .btn_set li:last-child a {
                    border-radius: 0 6px 6px 0;
                }

            .area_complex_info .details .btn_set.btn1 li a, .area_complex_info .details .btn_set.btn1 li button {
                border-radius: 6px;
            }

            .area_complex_info .details .btn_set.btn1 li {
                width: 115px;
                background: #dfdfdf;
                color: #888
            }

    .area_complex_info .tab_container .tab_content {
        margin-top: 30px;
    }

.middle_payment .area_complex_info .details .btn_set.btn1 li {
    background: transparent;
}

.tab_container .tab_content .tb_summary {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    font-size: 1.4rem;
    color: #767676;
}

.tab_container {
    margin-bottom: 70px
}

.tb_summary thead {
    background: #dfdfdf;
}

.tb_summary th {
    vertical-align: middle;
}

    .tb_summary th:first-child {
        border-right: 1px #fff solid;
    }

.tb_summary tr {
    height: 4rem;
    border-bottom: 1px #d6d6d6 solid;
}

    .tb_summary tr:first-child {
        border-top: 1px #d6d6d6 solid;
    }

.tb_summary td {
    vertical-align: middle;
}

    .tb_summary td:first-child {
        width: 30%;
        border-right: 1px #d6d6d6 solid;
    }

    .tb_summary td:last-child {
        padding-left: 30px;
        box-sizing: padding-box;
    }

.tb_summary tbody td:last-child {
    text-align: left;
}

.tab_container .tab_content {
    display: none;
}

    .tab_container .tab_content:nth-child(1) {
        display: block;
    }

    .tab_container .tab_content .cg_box {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        text-align: left;
        position: relative;
    }

        .tab_container .tab_content .cg_box span {
            padding: 20px 0 30px;
            display: block;
            font-size: 2.4rem;
            font-family: 'notokr-medium';
        }

            .tab_container .tab_content .cg_box span::before {
                content: "";
                width: 35px;
                height: 3px;
                background: #000;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
            }

    .tab_container .tab_content ul.caution {
        font-size: 1.4rem;
        color: #767676;
        text-align: left;
    }

.tab_container .unit_content li {
    display: none;
}

    .tab_container .unit_content li:first-child {
        display: block;
    }

.content_box .btn_set {
    margin: 0 auto;
    display: table;
}

.tab_content .no_result {
    width: 100%;
    height: 100%;
    padding: 294px 30px 100px 30px;
    box-sizing: border-box;
    font-size: 3rem;
    border: 1px #d6d6d6 solid;
    background: url('../img/no_result.jpg') center 100px no-repeat;
}

.store_content {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
    padding-top: 30px;
    border-top: 2px #000 solid;
    font-size: 1.4rem;
    color: #767676;
}

.tab_date {
    width: 100%;
    height: 50px;
    border-top: 3px #434a5d solid;
    background: #434a5d;
    color: #fff;
}

    .tab_date a.btn_prev, .tab_date a.btn_next {
        width: 40px;
        height: 100%;
        color: #fff;
    }

    .tab_date a.btn_prev {
        border-right: 1px #747d96 solid;
        float: left;
    }

    .tab_date a.btn_next {
        border-left: 1px #747d96 solid;
        float: right;
    }

    .tab_date .list_container {
        width: calc(100% - 80px);
        height: 100%;
        overflow: hidden;
        float: left;
    }

    .tab_date .list {
        height: 100%;
        position: relative;
    }

        .tab_date .list li {
            width: 204px;
            height: 100%;
            float: left;
        }
            /*.tab_date .list li { width: 12.5%; float: left; }*/
            .tab_date .list li.on {
                background: #fff;
                font-family: 'notokr-medium'
            }

                .tab_date .list li.on a {
                    color: #434a5d;
                }

    .tab_date a {
        width: 100%;
        height: 100%;
        display: block;
        color: #fff;
        line-height: 47px;
        word-wrap: break-word;
    }

.percent_box {
    width: 100%;
    height: auto;
    margin: 30px auto 50px;
}

.percent_circle svg {
    transform: rotate(-90deg);
    transform-origin: center center 0px;
}

.percent_box .box {
    width: 340px;
    height: 270px;
    padding: 25px;
    border: 1px #e8e8e8 solid;
    box-sizing: border-box;
    float: left;
}

    .percent_box .box.total {
        width: 400px;
        height: 550px;
        padding: 60px;
        font-size: 2.8rem;
    }

        .percent_box .box.total h4 {
            height: 30px;
            margin: 40px;
            font-size: 2.8rem;
            display: block;
        }

        .percent_box .box.total .percent_circle {
            width: 280px;
            height: 280px;
            margin: 0 auto;
            font-size: 2.8rem;
            color: #333;
            position: relative;
        }

            .percent_box .box.total .percent_circle > strong {
                width: 100%;
                position: absolute;
                top: 85px;
                z-index: 2;
                font-size: 3rem;
                text-align: center;
                line-height: 50px;
                font-family: 'notokr-regular';
            }

                .percent_box .box.total .percent_circle > strong > span {
                    font-size: 5rem;
                    font-family: 'notokr-medium';
                }

.box_container {
    margin-bottom: 10px;
    float: left;
}

    .box_container .box {
        margin-left: 10px;
        text-align: left;
        font-size: 2rem;
        position: relative;
    }

        .box_container .box .txt {
            float: left;
        }

        .box_container .box h4 {
            margin-bottom: 15px;
            font-family: 'notokr-medium';
        }

        .box_container .box pre {
            width: 100%;
            font-size: 1.4rem;
            height: 90px;
            color: #666;
            line-height: 20px;
            overflow-y: auto;
            overflow-x: hidden;
            word-wrap: break-word;
            white-space: pre-wrap;
            font-family: 'notokr-regular';
        }

        .box_container .box .percent_circle {
            width: 85px;
            height: 85px;
            position: absolute;
            bottom: 25px;
            right: 25px;
        }

            .box_container .box .percent_circle > strong {
                width: 100%;
                height: 100%;
                position: absolute;
                z-index: 2;
                font-size: 2rem;
                text-align: center;
                line-height: 85px;
                color: #666;
                font-family: 'notokr-medium'
            }

.gallery_box {
    height: auto;
}

    .gallery_box .img_view {
        width: 100%;
        height: auto;
        float: left;
        overflow: hidden;
        position: relative;
    }

        .gallery_box .img_view img {
            width: 100%;
            height: 100%;
        }

        .gallery_box .img_view span.date {
            padding: 10px 20px;
            display: block;
            background: #777;
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            color: #fff;
            font-size: 1.8rem;
        }


	/*공사중현황 191031*/
	
	.gallery_box .img_view .prev_btn { display:none; width:38px; height:38px; position:absolute; top:50%; left:14px; margin-top:-15px; z-index:999999;}
	.gallery_box .img_view .next_btn {display:none; width:38px; height:38px; position:absolute; top:50%; right:14px; margin-top:-15px;  z-index:99999;}

	/*공사중현황 끝*/

    .gallery_box .thum_list {
        width: 100%;
        height: 100%;
        float: left;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

        .gallery_box .thum_list > a {
            width: 40px;
            height: 70px;
            background: #ccc;
            line-height: 70px;
            float: left;
        }

        .gallery_box .thum_list .thum_con {
            width: calc( 100% - 80px );
            height: 70px;
            box-sizing: border-box;
            overflow: hidden;
            float: left;
        }

        .gallery_box .thum_list ul {
            height: 100%;
        }

            .gallery_box .thum_list ul li {
                width: 12.5%;
                height: 100%;
                background: #ccc;
                overflow: hidden;
                cursor: pointer;
                float: left;
                outline: 5px #fff solid;
                background: #000;
            }

                .gallery_box .thum_list ul li a {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

                .gallery_box .thum_list ul li:last-child img {
                    padding-right: 0;
                }

                .gallery_box .thum_list ul li img {
                    width: 100%;
                    height: 100%;
                    opacity: 0.6;
                    padding-right: 5px;
                }

                .gallery_box .thum_list ul li.on img {
                    opacity: 1;
                }

/* 마이페이지 */
.tab_content {
    width: 100%;
    height: auto;
    margin-top: 30px;
}

.content_box .btn_more {
    width: 100%;
    height: 50px;
    margin-top: 50px;
    line-height: 50px;
    outline: 1px #efefef solid;
    background: #fafafa;
}

    .content_box .btn_more::after {
        content: "+";
        margin-left: 10px;
    }

    .content_box .btn_more:focus {
        outline: 1px #047ab3 solid;
        text-decoration: none;
    }

.content_box a.btn_more {
    display: block;
}

/* 고객문의현황 */
.tab_content .board_top {
    width: 100%;
    margin-bottom: 20px;
    display: table;
}

    .tab_content .board_top p {
        display: table-cell;
        vertical-align: middle;
        font-size: 1.4rem;
        color: #666;
        text-align: left;
    }

        .tab_content .board_top p span {
            color: #3789af;
        }

.tab_content.qna .btn_set {
    float: right;
}

    .tab_content.qna .btn_set a {
        display: inline-block;
        margin-left: 5px;
        line-height: 35px;
    }

.tab_content.qna .state_box {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    padding: 35px 0;
    background: #f5f5f5;
    text-align: center;
}

.state_box ul {
    height: 90px;
    margin: 0 auto;
    display: inline-block;
}

    .state_box ul li {
        height: 100%;
        float: left;
        position: relative;
    }

        .state_box ul li::before {
            content: "";
            width: 70px;
            height: 50%;
            margin: 0 30px;
            border-bottom: 1px #333 solid;
            float: left;
        }

        .state_box ul li:first-child::before {
            display: none;
        }

        .state_box ul li span {
            width: 90px;
            height: 90px;
            margin-right: 15px;
            float: left;
        }

        .state_box ul li > div {
            height: 100%;
            float: left;
            display: table;
        }

        .state_box ul li dl {
            display: table-cell;
            vertical-align: middle;
            line-height: 30px;
            text-align: left;
        }

        .state_box ul li dt {
            font-size: 2.2rem;
            font-family: 'notokr-medium';
        }

        .state_box ul li dd {
            font-size: 1.4rem;
            color: #666;
        }

        .state_box ul li:nth-child(1) span {
            background: url('../img/sub/icon_qna.png') left center no-repeat;
        }

            .state_box ul li:nth-child(1) span.on {
                background: url('../img/sub/icon_qna.png') -94px center no-repeat;
            }

        .state_box ul li:nth-child(2) span {
            background: url('../img/sub/icon_qna.png') -188px center no-repeat;
        }

            .state_box ul li:nth-child(2) span.on {
                background: url('../img/sub/icon_qna.png') -282px center no-repeat;
            }

        .state_box ul li:nth-child(3) span {
            background: url('../img/sub/icon_qna.png') -376px center no-repeat;
        }

            .state_box ul li:nth-child(3) span.on {
                background: url('../img/sub/icon_qna.png') -470px center no-repeat;
            }

.tab_content.qna h3 {
    margin-bottom: 20px;
    font-size: 2.6rem;
    font-family: 'notokr-medium';
    text-align: left;
}

.tab_content.qna table {
    width: 100%;
    margin-bottom: 50px;
    text-align: left;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .tab_content.qna table thead {
        text-align: center;
    }

    .tab_content.qna table tbody tr:first-child {
        border-top: 1px #d6d6d6 solid;
    }

    .tab_content.qna table tbody tr:last-child th {
        border-bottom: 1px #d6d6d6 solid;
    }

    .tab_content.qna table tbody th {
        width: 20%;
        padding: 15px 0;
        background: #dfdfdf;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px #fff solid;
    }

    .tab_content.qna table tbody td {
        padding: 15px 10px;
        font-size: 1.4rem;
        color: #767676;
        line-height: 21px;
        border-bottom: 1px #d6d6d6 solid;
        vertical-align: middle;
    }

        .tab_content.qna table tbody td a {
            color: #006899;
        }

.common_tb.qna thead th {
    background: #fff;
    border-top: 2px #000 solid;
}

.common_tb.qna thead .num {
    width: 70px;
}

.common_tb.qna thead .type {
    width: 120px;
}

.common_tb.qna thead .date, .common_tb thead .state {
    width: 120px;
}

.common_tb.qna {
    padding-left: 10px;
    font-size: 1.4rem;
}

    .common_tb.qna td a span {
        margin-left: 5px;
        color: #3789af;
        font-family: 'notokr-medium';
    }


/* 서비스 신청 현황 */
.common_tb.service tbody td, .common_tb.service thead th {
    -ms-word-break: keep-all;
    word-break: keep-all;
}

.common_tb.service thead th {
    background: #fff;
    border-top: 2px #000 solid;
}
/*.common_tb.service thead .type1 { width: 10%; }
.common_tb.service thead .type2 { width: 10%; }
.common_tb.service thead .state { width: 20%; }
.common_tb.service thead .date, .common_tb.service thead .time { width: 20%; }*/
.common_tb.service col.col1 {
    width: 15%;
}

.common_tb.service col.col2 {
    width: 20%;
}

.common_tb.service col.col3 {
    width: 30%;
}

.common_tb.service col.col4 {
    width: 10%;
}

.common_tb.service col.col5 {
    width: 10%;
}

.common_tb.service col.col6 {
    width: 15%;
}

.common_tb.service td {
    font-size: 1.4rem;
}

.tab_content.service a.btn_defualt {
    width: 80px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    outline: 1px #fff solid;
    cursor: pointer;
}

    .tab_content.service a.btn_defualt.change, .tab_content.service a.btn_defualt.check {
        background: #a39787;
    }

    .tab_content.service a.btn_defualt.check {
        width: auto;
        padding: 0 10px
    }

.tab_content.service .board_top p {
    text-align: right;
}

/* A/S안내 */
.content_box.as .info_box {
    width: 100%;
    text-align: left;
    font-size: 1.4rem;
}

    .content_box.as .info_box li {
        float: left;
    }

        .content_box.as .info_box li:last-child {
            padding-left: 20px;
            box-sizing: border-box;
        }

        .content_box.as .info_box li strong {
            font-size: 3.4rem;
        }

        .content_box.as .info_box li dl {
            margin: 30px 0 10px 0;
        }

        .content_box.as .info_box li dt {
            float: left;
        }

            .content_box.as .info_box li dt::after {
                content: ":";
                margin: 0 10px;
            }

        .content_box.as .info_box li .btn_set {
            margin: 30px 0 0 0;
        }

        .content_box.as .info_box li .btn_defualt {
            text-align: center;
            vertical-align: middle;
            display: table-cell;
            background: #434a5d;
            color: #fff;
        }

.content_box.as h3 {
    margin: 50px 0 20px 0;
    font-size: 2.6rem;
    text-align: left;
}

.content_box.as table {
    width: 100%;
    font-size: 1.4rem;
}

    .content_box.as table th {
        background: #dfdfdf;
    }

    .content_box.as table tr {
        border-top: 1px #d6d6d6 solid;
        border-bottom: 1px #d6d6d6 solid;
    }

    .content_box.as table td {
        border-right: 1px #d6d6d6 solid;
    }

        .content_box.as table td:last-child {
            border-right: none;
        }

    .content_box.as table td, .content_box.as table th {
        width: 50%;
        padding: 15px;
    }

.content_box.as .process_box {
    width: 100%;
    height: auto;
    padding: 30px 50px;
    box-sizing: border-box;
    background: #f8f8f8;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .content_box.as .process_box ul {
        width: 100%;
    }

    .content_box.as .process_box > ul > li {
        width: 20%;
        height: auto;
        float: left;
        position: relative;
        font-size: 1.4rem;
    }

        .content_box.as .process_box > ul > li > strong {
            font-size: 1.8rem;
            color: #006899;
            display: block;
            line-height: 20px;
        }

        .content_box.as .process_box > ul > li::before {
            content: "";
            width: 100%;
            border-bottom: 1px #ddd solid;
            position: absolute;
            left: 0;
            top: 73px;
            z-index: 1;
        }

        .content_box.as .process_box > ul > li > span {
            width: 100%;
            height: 100px;
            display: block;
            position: relative;
            z-index: 2;
        }

        .content_box.as .process_box > ul > li:nth-child(1) > span {
            background: url('../img/sub/as/icon_asstep_01.png') top center no-repeat
        }

        .content_box.as .process_box > ul > li:nth-child(2) > span {
            background: url('../img/sub/as/icon_asstep_02.png') top center no-repeat
        }

        .content_box.as .process_box > ul > li:nth-child(3) > span {
            background: url('../img/sub/as/icon_asstep_03.png') top center no-repeat
        }

        .content_box.as .process_box > ul > li:nth-child(4) > span {
            background: url('../img/sub/as/icon_asstep_04.png') top center no-repeat
        }

        .content_box.as .process_box > ul > li:nth-child(5) > span {
            background: url('../img/sub/as/icon_asstep_05.png') top center no-repeat
        }

        .content_box.as .process_box > ul > li ul {
            width: 80%;
            margin: 20px auto 0;
        }

        .content_box.as .process_box > ul > li li {
            color: #666;
            line-height: 20px;
        }

            .content_box.as .process_box > ul > li li::before {
                content: "·";
                margin-right: 5px;
            }


/* 고객문의 */
.inbox.customer {
    text-align: left;
}

    .inbox.customer .title {
        margin-bottom: 50px;
        display: table;
    }

        .inbox.customer .title a {
            height: 25px;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

    .inbox.customer h3 {
        margin-right: 10px;
        font-size: 3.4rem;
    }

    .inbox.customer .list_box h4 {
        height: 100%;
        padding-left: 30px;
        box-sizing: border-box;
        font-size: 2.4rem;
        color: #434a5d;
        float: left;
        line-height: 60px;
    }

    .inbox.customer .list_box {
        width: 260px;
        height: 220px;
        margin: 0 20px 0 0;
        float: left;
        border: 1px #d7d7d7 solid;
        box-sizing: border-box
    }

        .inbox.customer .list_box:nth-of-type(4) {
            margin-right: 0;
        }

        .inbox.customer .list_box ul {
            padding: 30px
        }

            .inbox.customer .list_box ul a {
                font-size: 1.6rem;
                line-height: 30px;
                color: #333;
            }

                .inbox.customer .list_box ul a::before {
                    content: "·";
                    margin-right: 5px;
                }

                .inbox.customer .list_box ul a:hover {
                    text-decoration: underline;
                }

        .inbox.customer .list_box > li:first-child {
            width: 100%;
            height: 60px;
            border-bottom: 1px #d7d7d7 solid;
        }

            .inbox.customer .list_box > li:first-child span {
                width: 31px;
                height: 100%;
                display: block;
                float: right;
                margin-right: 20px;
            }

            .inbox.customer .list_box > li:first-child::after {
                content: "";
                display: block;
                clear: both;
            }

        .inbox.customer .list_box:nth-child(2) > li:first-child span {
            background: url('../img/sub/icon_customer.gif') left center no-repeat;
        }

        .inbox.customer .list_box:nth-child(3) > li:first-child span {
            background: url('../img/sub/icon_customer.gif') -35px center no-repeat;
        }

        .inbox.customer .list_box:nth-child(4) > li:first-child span {
            background: url('../img/sub/icon_customer.gif') -70px center no-repeat;
        }

        .inbox.customer .list_box:nth-child(5) > li:first-child span {
            background: url('../img/sub/icon_customer.gif') -105px center no-repeat;
        }

.service_center {
    width: 100%;
    height: 90px;
    margin-top: 50px;
    float: left;
}

    .service_center ul {
        width: 100%;
        height: 100%;
        display: table;
    }

    .service_center li {
        width: 50%;
        height: 100%;
        background: #434a5d;
        color: #fff;
        text-align: center;
        font-size: 4.0rem;
    }

        .service_center li:first-child {
            width: 100%;
            font-size: 2.4rem;
            color: #c7bbab;
            text-align: center;
        }

            .service_center li:first-child > div {
                height: 100%;
                display: inline-block;
            }

            .service_center li:first-child span {
                display: inline-block;
                line-height: 90px;
                float: left;
            }

                .service_center li:first-child span.cs {
                    background: url('../img/sub/bg_qna_05.png') left center no-repeat;
                }

                    .service_center li:first-child span.cs span {
                        margin-right: 10px;
                    }

                .service_center li:first-child span.tell {
                    margin-left: 30px;
                    font-size: 4.0rem;
                    color: #fff;
                }

        .service_center li:last-child i {
            margin-right: 10px;
        }

        .service_center li:last-child {
            background: #a39787;
            font-size: 1.6rem;
            display: table-cell;
            vertical-align: middle;
            -ms-word-break: keep-all;
            word-break: keep-all;
            line-height: 20px;
        }

            .service_center li:last-child span {
                padding-right: 10px;
                margin-right: 10px;
                position: relative;
                background: url('../img/sub/bg_qna_06.png') left center no-repeat;
            }

                .service_center li:last-child span::after {
                    content: "";
                    width: 1px;
                    height: 14px;
                    margin-top: -7px;
                    background: #fff;
                    position: absolute;
                    top: 50%;
                    right: 0;
                }


/* 고객문의(write) */
.inbox.qna_write {
    width: 830px;
    margin: 0 auto;
    color: #767676;
}

    .inbox.qna_write .scr_box {
        width: 100%;
        height: 200px;
        padding: 30px 25px;
        overflow: hidden;
        overflow-y: scroll;
        box-sizing: border-box;
        border: 1px #e0e0e0 solid;
        font-size: 1.4rem;
        line-height: 22px;
        text-align: left;
    }

    .inbox.qna_write .agree_box {
        text-align: right;
        font-size: 1.4rem;
        line-height: 20px;
    }

        .inbox.qna_write .agree_box label {
            margin-left: 10px;
        }

            .inbox.qna_write .agree_box label input {
                width: 14px;
                height: 14px;
                margin-right: 5px;
            }

    .inbox.qna_write .choose_box {
        width: 100%;
        height: 40px;
        font-size: 1.4rem;
    }

        .inbox.qna_write .choose_box select {
            width: 185px;
            height: 100%;
            padding-left: 10px;
            box-sizing: border-box;
            border: 1px #d0d0d0 solid;
            float: left;
        }

        .inbox.qna_write .choose_box .input_box {
            margin: 0 0 0 0;
            width: 562px;
            height: 100%;
            float: left;
            outline: none;
            border-left: none;
        }

        .inbox.qna_write .choose_box a.btn_defualt {
            width: 83px;
            height: 100%;
            float: left;
            line-height: 40px;
            display: block;
        }

    .inbox.qna_write.input_data {
        margin-top: 20px;
        padding: 40px 60px;
        box-sizing: border-box;
        border: 1px #d0d0d0 solid;
    }

        .inbox.qna_write.input_data li input {
            border-bottom: 1px #d0d0d0 solid;
        }

        .inbox.qna_write.input_data li:last-child {
            border-bottom: 1px #d0d0d0 solid;
        }

        .inbox.qna_write.input_data li:nth-child(4) .input_box {
            height: auto;
        }

        .inbox.qna_write.input_data li:nth-child(4) label {
            padding: 0 0;
        }

.input_data .input_box {
    margin: 0 0 0 0;
    height: 70px;
    border: none;
}

    .input_data .input_box label {
        line-height: 70px;
    }

.input_data .add_info, .input_data .add_file {
    width: 100%;
    height: 40px;
    padding: 15px 0;
    text-align: left;
}

    .input_data .add_info input {
        width: 35%;
        margin: 0 10px;
        color: #767676;
    }

.input_data .add_file {
    line-height: 40px;
    text-align: center;
}

    .input_data .add_file span {
        width: 100px;
        float: left;
        display: block;
    }

    .input_data .add_file input {
        width: 525px;
        display: block;
        float: left;
        color: #ccc;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .input_data .add_file label.enter_file {
        float: right;
        width: 83px;
        height: 40px;
        background: #a39787;
        font-size: 1.3rem;
        color: #fff;
        display: block;
        cursor: pointer;
    }

    .input_data .add_file input[type="file"] {
        display: none;
    }

.input_data textarea {
    width: 100%;
    height: 150px;
    padding: 30px 0;
}

.inbox.qna_write .btn_set {
    width: 100%;
    margin-top: 20px;
}

.inbox.qna_write .submit {
    width: 100%;
}



/* 계약가이드 */
.content_box.guide .process_box {
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 30px 50px;
    box-sizing: border-box;
    background: #f8f8f8;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .content_box.guide .process_box ul {
        width: 100%;
    }

    .content_box.guide .process_box.type3 > ul > li {
        width: 33.3333%;
        height: auto;
        float: left;
        position: relative;
        font-size: 1.4rem;
    }

    .content_box.guide .process_box > ul > li {
        width: 20%;
        height: auto;
        float: left;
        position: relative;
        font-size: 1.4rem;
    }

        .content_box.guide .process_box > ul > li > strong {
            font-size: 1.8rem;
            color: #006899;
            display: block;
            line-height: 20px;
        }

        .content_box.guide .process_box > ul > li::before {
            content: "";
            width: 100%;
            border-bottom: 1px #ddd solid;
            position: absolute;
            left: 0;
            top: 81px;
            z-index: 1;
        }

        .content_box.guide .process_box > ul > li > span {
            width: 100%;
            height: 100px;
            display: block;
            position: relative;
            z-index: 2;
        }

    .content_box.guide .process_box.type3 > ul > li:nth-child(1) > span {
        background: url('../img/sub/contract/icon_conguide3_01.png') top center no-repeat
    }

    .content_box.guide .process_box.type3 > ul > li:nth-child(2) > span {
        background: url('../img/sub/contract/icon_conguide3_02.png') top center no-repeat
    }

    .content_box.guide .process_box.type3 > ul > li:nth-child(3) > span {
        background: url('../img/sub/contract/icon_conguide3_03.png') top center no-repeat
    }

    .content_box.guide .process_box.type5 > ul > li:nth-child(1) > span {
        background: url('../img/sub/contract/icon_conguide5_01.png') top center no-repeat
    }

    .content_box.guide .process_box.type5 > ul > li:nth-child(2) > span {
        background: url('../img/sub/contract/icon_conguide5_02.png') top center no-repeat
    }

    .content_box.guide .process_box.type5 > ul > li:nth-child(3) > span {
        background: url('../img/sub/contract/icon_conguide5_03.png') top center no-repeat
    }

    .content_box.guide .process_box.type5 > ul > li:nth-child(4) > span {
        background: url('../img/sub/contract/icon_conguide5_04.png') top center no-repeat
    }

    .content_box.guide .process_box.type5 > ul > li:nth-child(5) > span {
        background: url('../img/sub/contract/icon_conguide5_05.png') top center no-repeat
    }

.content_box.guide .tab_content.plus_one > dl > dd > span dl {
    margin-top: 20px;
    background: #f1f1f1;
    padding: 20px
}

    .content_box.guide .tab_content.plus_one > dl > dd > span dl dt {
        font-size: 1.6rem;
    }

    .content_box.guide .tab_content.plus_one > dl > dd > span dl dd {
        font-size: 1.3rem;
    }

.content_box.guide .tab_content.plus_one > dl > dd ul {
    clear: both;
    color: #888;
}

    .content_box.guide .tab_content.plus_one > dl > dd ul li::before {
        content: "-";
        width: 10px;
        margin: 0;
        float: left;
    }

    .content_box.guide .tab_content.plus_one > dl > dd ul li span {
        width: calc(100% - 10px);
        float: left;
    }

.content_box.guide .tab_content.plus_one > dl > dd > span dl dd ul {
    padding-left: 15px;
    clear: both;
    color: #888;
}

/* 브랜드 */
.search_box {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    text-align: right;
}

    .search_box span {
        display: inline-block;
    }

        .search_box span select {
            height: 35px;
            padding: 0 0;
            border: 1px #ccc solid;
            float: left;
        }

        .search_box span .input_box {
            width: 250px;
            height: 35px;
            margin: 0 5px;
            float: left;
        }

            .search_box span .input_box input, .search_box .input_box label {
                padding-left: 10px;
                line-height: 35px;
            }

        .search_box span .btn_defualt {
            width: 80px;
            float: left;
        }

.title_box {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    border-top: 2px #000 solid;
    border-bottom: 1px #d6d6d6 solid;
    text-align: left;
}

    .title_box h3 {
        margin-bottom: 20px;
        font-size: 2.2rem;
        color: #333;
        font-family: 'notokr-medium';
    }

    .title_box dl {
        font-size: 1.4rem;
    }

    .title_box dt {
        float: left;
    }

        .title_box dt::after {
            content: ":";
            margin: 0 5px;
        }

    .title_box dd {
        margin-right: 15px;
        float: left;
        color: #666;
    }

.view_box {
    padding: 60px 130px;
    box-sizing: border-box;
    text-align: left;
    font-size: 1.4rem;
    color: #666;
    line-height: 25px;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .view_box img {
        max-width: 100%;
    }

.list_box {
    width: 100%;
    margin-bottom: 50px;
    border-top: 2px #000 solid;
    text-align: left;
}

    .list_box dl {
        padding: 20px 0;
        box-sizing: border-box;
        border-bottom: 1px #d6d6d6 solid;
        font-size: 1.4rem;
    }

    .list_box dt {
        padding: 0 30px;
        float: left;
    }

        .list_box dt span {
            margin-right: 10px;
        }

    .list_box dd {
        padding: 0 30px;
        float: left;
    }

        .list_box dd a {
            color: #000;
        }


/* 자이캐스트 */
.sns_box, .photo_box {
    width: 32%;
    height: 279px;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
    float: left;
    cursor: pointer;
    overflow: hidden;
}

    .sns_box > a, .photo_box > a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .sns_box a:focus img, .photo_box a:focus img {
        border: 1px #006899 solid;
        box-sizing: border-box;
    }

    .sns_box img, .photo_box img {
        width: 100%;
        height: 100%;
    }

    .sns_box:nth-child(3n+1), .photo_box:nth-child(3n+1) {
        margin-right: 0;
    }

    .sns_box .title_box {
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        border: none;
        display: none;
    }

        .sns_box .title_box h3 {
            height: 50px;
            color: #fff;
            -ms-word-break: keep-all;
            word-break: keep-all;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 25px;
        }

        .sns_box .title_box span {
            font-size: 1.4rem;
            color: #d6d6d6;
        }

    .photo_box .txt_box {
        width: 100%;
        height: 100%;
        padding: 30px;
        box-sizing: border-box;
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        border: none;
        display: none;
    }

        .photo_box .txt_box p {
            height: 75%;
            font-size: 1.4rem;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 12;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 22px;
        }

        .photo_box .txt_box span.more {
            width: 30%;
            padding: 1rem 0;
            color: #fff;
            display: inline-block;
            border: 1px #fff solid;
            position: absolute;
            left: 35%;
            bottom: 30px;
        }

/* 이벤트 */
.area_event {
    width: 100%;
    margin-bottom: 50px;
    border-top: 2px #000 solid;
    border-bottom: 1px #000 solid;
}

.event_list {
    width: 100%;
    height: auto;
    padding: 30px 0;
    text-align: left;
    border-bottom: 1px #d9d9d9 solid;
}

    .event_list > a {
        display: block;
    }

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

    .event_list img {
        width: 370px;
        height: 150px;
        float: left;
    }

    .event_list .detail_box {
        width: calc(100% - 370px);
        padding: 0 20px;
        box-sizing: border-box;
        float: left;
    }

        .event_list .detail_box p {
            margin-bottom: 15px;
            padding-right: 60px;
            box-sizing: border-box;
            font-size: 1.8rem;
            font-family: 'notokr-medium';
            display: table;
            position: relative;
        }

            .event_list .detail_box p a {
                color: #000;
            }

            .event_list .detail_box p span {
                width: 50px;
                height: 28px;
                margin-top: -14px;
                position: absolute;
                top: 50%;
                right: 0;
                background: #a39787;
                color: #fff;
                font-size: 1.2rem;
                line-height: 28px;
                text-align: center;
            }

            .event_list .detail_box p.end {
                margin-top: 15px;
                font-size: 1.4rem;
                color: #666;
            }

        .event_list .detail_box dl {
            font-size: 1.4rem;
        }

        .event_list .detail_box dt {
            padding: 5px 10px;
            margin-right: 10px;
            margin-bottom: 5px;
            box-sizing: border-box;
            float: left;
            outline: 1px #047ab3 solid;
            color: #047ab3;
        }

            .event_list .detail_box dt span {
                width: 20px;
                height: 100%;
                text-align: center;
            }

        .event_list .detail_box dd {
            padding: 6px 11px;
            margin-bottom: 5px;
        }

            .event_list .detail_box dt:last-child, .event_list .detail_box dd:last-child {
                margin-bottom: 0;
            }

        .event_list .detail_box.end dt {
            outline: 1px #666 solid;
            color: #666;
        }

.content_box.event ul {
    width: 100%;
    display: table;
}

.content_box.event li {
    display: table-cell;
    vertical-align: middle;
}

    .content_box.event li:last-child {
        float: right;
    }

.title_box .detail_box {
    width: 370px;
    box-sizing: border-box;
}

    .title_box .detail_box p {
        margin-bottom: 15px;
        padding-right: 60px;
        box-sizing: border-box;
        font-size: 1.8rem;
        font-family: 'notokr-medium';
        display: table;
        position: relative;
    }

        .title_box .detail_box p a {
            color: #000;
        }

        .title_box .detail_box p span {
            width: 50px;
            height: 28px;
            margin-top: -14px;
            position: absolute;
            top: 50%;
            right: 0;
            background: #a39787;
            color: #fff;
            font-size: 1.2rem;
            line-height: 28px;
            text-align: center;
        }

        .title_box .detail_box p.end {
            margin-top: 15px;
            font-size: 1.4rem;
            color: #666;
        }

    .title_box .detail_box dl {
        font-size: 1.4rem;
    }

    .title_box .detail_box dt {
        padding: 5px 10px;
        margin-right: 10px;
        margin-bottom: 5px;
        box-sizing: border-box;
        float: left;
        outline: 1px #047ab3 solid;
        color: #047ab3;
    }

        .title_box .detail_box dt span {
            width: 20px;
            height: 100%;
            text-align: center;
        }

    .title_box .detail_box dd {
        padding: 6px 11px;
        margin-bottom: 5px;
    }

    .title_box .detail_box dt:last-child, .event_list .detail_box dd:last-child {
        margin-bottom: 0;
    }

    .title_box .detail_box.end dt {
        outline: 1px #666 solid;
        color: #666;
    }

/* 청약가점제도 소개 */
.sale_guide_tit {
    display: table;
    width: 100%;
    margin-bottom: 2rem;
}

    .sale_guide_tit dt {
        display: table-cell;
        text-align: left;
        line-height: 1.4;
        font-size: 1.5rem;
    }

    .sale_guide_tit dd {
        display: table-cell;
        vertical-align: middle;
        padding: 0 20px 0 40px;
    }

        .sale_guide_tit dd .tblbtn {
            font-size: 1.6rem;
        }

.tbl_guide_list dl {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tbl_guide_list dt {
    display: table-cell;
    width: 150px;
    text-align: left;
    line-height: 1.4;
    font-size: 1.5rem;
    background: #dfdfdf;
    border-top: 1px solid #fff;
    vertical-align: middle;
    padding: 0 20px;
}

.tbl_guide_list dd {
    display: table-cell;
    text-align: left;
    line-height: 1.4;
    font-size: 1.5rem;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    padding: 2rem;
}

.tbl_guide_list dl:first-child dt {
    border-top: 1px solid #d6d6d6;
}

.tbl_guide_list dl:first-child dd {
    border-top: 1px solid #d6d6d6;
}

.tbl_guide_intbl {
    margin: 15px 0;
}

    .tbl_guide_intbl table {
        width: 100%;
        font-size: 1.4rem;
        border-right: 1px solid #d6d6d6;
    }

    .tbl_guide_intbl thead th {
        border-bottom: 1px solid #d6d6d6;
        border-top: 1px solid #d6d6d6;
        padding: 1.4rem 0;
        vertical-align: middle;
        text-align: center;
        font-weight: normal;
        color: #222;
        background: #dfdfdf;
        border-left: 1px solid #fff;
    }

        .tbl_guide_intbl thead th:first-child {
            border-left: 1px solid #d6d6d6;
        }

    .tbl_guide_intbl tbody th {
        padding: 1rem 0;
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
        border-left: 1px solid #d6d6d6;
    }

    .tbl_guide_intbl tbody td {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
        padding: 1rem 0;
        word-break: break-all;
        border-left: 1px solid #d6d6d6;
    }

.tbl_guide_list dd .tbl_comment_btm {
    text-align: right;
    font-size: 1.4rem;
}

.tbl_cal_sales {
}

    .tbl_cal_sales thead th {
        border-bottom: 1px solid #d6d6d6;
        border-top: 1px solid #d6d6d6;
        padding: 1.4rem 0;
        vertical-align: middle;
        text-align: center;
        font-weight: normal;
        color: #222;
        background: #dfdfdf;
        border-left: 1px solid #fff;
        font-size: 1.6rem;
    }

    .tbl_cal_sales tbody th {
        font-size: 1.5rem;
        padding: 1rem 0;
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
    }

    .tbl_cal_sales tbody td {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
        padding: 1rem 1.5rem;
        word-break: break-all;
        border-left: 1px solid #d6d6d6;
        font-size: 1.5rem;
    }

    .tbl_cal_sales tr.total_data th {
        font-size: 1.5rem;
        padding: 1rem 0;
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
    }

    .tbl_cal_sales tr.total_data td {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
        padding: 1rem 1.5rem;
        word-break: break-all;
        border-left: 1px solid #d6d6d6;
        font-size: 1.5rem;
    }

.tbl_cal_result {
    padding-top: 4rem;
}

    .tbl_cal_result table {
        width: 100%;
        table-layout: fixed;
    }

    .tbl_cal_result thead th {
        border-bottom: 1px solid #d6d6d6;
        border-top: 1px solid #d6d6d6;
        padding: 1.4rem 0;
        vertical-align: middle;
        text-align: center;
        font-weight: normal;
        color: #222;
        background: #dfdfdf;
        border-left: 1px solid #fff;
        font-size: 1.6rem;
    }

        .tbl_cal_result thead th:first-child {
            border-left: 0;
        }

    .tbl_cal_result tbody th {
        font-size: 1.5rem;
        padding: 1rem 0;
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
    }

    .tbl_cal_result tbody td {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
        padding: 1rem 1.5rem;
        word-break: break-all;
        border-left: 1px solid #d6d6d6;
        font-size: 1.5rem;
    }

    .tbl_cal_result tfoot th, .tbl_cal_result tfoot td {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
        padding: 1rem 1.5rem;
        word-break: break-all;
        border-left: 1px solid #d6d6d6;
        font-size: 1.5rem;
    }

    .tbl_cal_result tfoot th {
        border-left: 0;
    }

.poll_tbl th .br:after {
    content: '';
    display: block;
}

.tbl_cal_sales tbody td.cl_label {
    text-align: left;
    padding: 1rem 1.5rem;
}

.tbl_cal_sales td.etc {
    vertical-align: top;
    padding: 0 1.5rem;
}

.tbl_inner_box {
}

.tbl_inner_list {
    text-align: left;
    margin: 1.5rem 0;
}

    .tbl_inner_list dt {
        font-size: 1.6rem;
        color: #222;
        margin-bottom: 5px;
        font-family: 'notokr-medium';
    }

    .tbl_inner_list dd {
    }

        .tbl_inner_list dd ul {
            overflow: hidden;
        }

            .tbl_inner_list dd ul li {
                padding-left: 12px;
                position: relative;
                font-size: 1.4rem;
                line-height: 1.6;
            }

                .tbl_inner_list dd ul li:before {
                    content: '';
                    width: 5px;
                    height: 1px;
                    position: absolute;
                    left: 1px;
                    top: 9px;
                    background: #222;
                }

/* 청약당첨조회 */
.tab_content .search_form {
    width: 810px;
    margin: 70px auto 0;
    padding-top: 230px;
    background: url('../img/sub/bg_applythanks.jpg') top center no-repeat;
    color: #666;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .tab_content .search_form strong {
        margin-bottom: 10px;
        font-size: 3.2rem;
        display: inline-block;
        color: #434a5d;
    }

    .tab_content .search_form span.summary {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 40px;        
    }

    .tab_content .search_form label {
        width: 10%;
        height: 50px;
        float: left;
        line-height: 50px;
        display: block;
        text-align: left;
    }

    .tab_content .search_form .input_box {
        width: 90%;
        float: left;
        border: none;
        text-align: left;
    }

        .tab_content .search_form .input_box select {
            width: 100%;
            height: 100%;
            padding-left: 30px;
            line-height: 100%;
            border: 1px #d2d2d2 solid;
        }

        .tab_content .search_form .input_box strong {
            margin-left: 10px;
            font-size: 1.4rem;
        }

        .tab_content .search_form .input_box input {
            width: 50%;
            border: 1px #d2d2d2 solid;
        }

    .tab_content .search_form .btn_set {
        width: 100%;
        margin-top: 50px;
        float: left;
    }

    .tab_content .search_form a.submit {
        width: 110px;
        height: 40px;
        font-size: 1.4rem;
        line-height: 40px;
    }

    .tab_content .search_form p.result {
        font-size: 2.2rem;
        margin: 30px 0;
        color: #006899;
    }

    .tab_content .search_form .result_form {
        width: 450px;
        margin: 0 auto;
        padding: 10px 20px;
        box-sizing: border-box;
        text-align: left;
        line-height: 25px;
        border-bottom: 3px #d6d6d6 solid;
        border-top: 3px #d6d6d6 solid;
    }

        .tab_content .search_form .result_form dt {
            width: 20%;
            padding: 10px 0;
            float: left;
            text-align: right;
            font-family: 'notokr-medium';
            font-size: 1.6rem;
        }

            .tab_content .search_form .result_form dt::after {
                content: ":";
                margin: 0 10px;
            }

        .tab_content .search_form .result_form dd {
            width: 80%;
            padding: 10px 0 10px 20px;
            box-sizing: border-box;
            float: left;
            border-bottom: 1px #d6d6d6 solid;
        }

            .tab_content .search_form .result_form dd:last-child {
                border-bottom: none;
            }

    .tab_content .search_form p.caution {
        color: #434a5d;
        font-size: 1.6rem;
        margin-top: 20px;
        line-height: 25px;
    }

        .tab_content .search_form p.caution span {
            font-family: 'notokr-medium';
        }

    .tab_content .search_form .btn_set a {
        width: 150px;
        height: 40px;
        margin: 0 10px;
        font-size: 1.4rem;
        text-align: center;
        display: inline-block;
        background: #434a5d;
        line-height: 40px;
        color: #fff;
    }

        .tab_content .search_form .btn_set a.btn_payment {
            background: #a39787;
        }

    /* 중도금 조회 */
    .tab_content .search_form.middle_payment {
        width: 510px;
        margin: 70px auto 0;
        padding-top: 130px;
        background: url('../img/sub/bg_payschbox.jpg') top center no-repeat;
        color: #666;
    }

.search_form.middle_payment strong {
    margin-bottom: 10px;
    font-size: 3.2rem;
    display: inline-block;
    color: #434a5d;
}

.search_form.middle_payment span.summary {
    display: block;
    font-size: 1.4rem;
    margin-bottom: 40px;
}

.search_form.middle_payment label {
    width: 100px;
}

.search_form.middle_payment .input_box {
    width: calc(100% - 100px);
    float: left;
    border: none;
    text-align: left;
}

    .search_form.middle_payment.input_box select {
        width: 100%;
        height: 100%;
        padding-left: 30px;
        line-height: 100%;
        border: 1px #d2d2d2 solid;
    }

    .search_form.middle_payment .input_box strong {
        margin-left: 10px;
        font-size: 1.4rem;
    }

    .search_form.middle_payment .input_box input {
        width: 80%;
        border: 1px #d2d2d2 solid;
    }

    .search_form.middle_payment .input_box span {
        width: 80%;
    }

    .search_form.middle_payment .input_box a {
        width: 18%;
        height: 100%;
        text-align: center;
        background: #909193;
        float: right;
        color: #fff;
        line-height: 50px;
        display: block;
    }

.search_form.middle_payment .btn_set {
    width: 100%;
    margin-top: 50px;
    float: left;
}

.search_form.middle_payment button.submit {
    width: 110px;
    height: 40px;
    font-size: 1.4rem;
}

.search_form.middle_payment span.caution {
    width: 100%;
    margin-top: 20px;
    display: block;
    float: left;
}

    .search_form.middle_payment span.caution a {
        font-size: 1.4rem;
        color: #666;
    }

        .search_form.middle_payment span.caution a:hover {
            text-decoration: underline;
        }

.area_complex_info .details .btn_set.btn1 li a.btn_counsel {
    background: #006899;
    color: #fff
}

.content_box.middle_payment h3 {
    margin-bottom: 20px;
    font-size: 2.2rem;
    text-align: left;
}

.content_box.middle_payment .area_complex_info {
    margin-bottom: 0;
}

.content_box.middle_payment .table_box {
    margin-bottom: 40px;
}

table.middle_payment {
    width: 100%;
    font-size: 1.4rem;
}

    table.middle_payment th, table.middle_payment td {
        padding: 10px 0;
    }

    table.middle_payment thead th {
        border-right: 1px #fff solid;
        background: #d6d6d6;
    }

        table.middle_payment thead th:last-child {
            border-right: none;
        }

    table.middle_payment tbody tr, table.middle_payment tfoot tr {
        border-top: 1px #d6d6d6 solid;
    }

        table.middle_payment tfoot tr:last-child {
            border-bottom: 1px #d6d6d6 solid;
        }

    table.middle_payment tbody td, table.middle_payment tfoot td, table.middle_payment tbody th, table.middle_payment tfoot th {
        border-right: 1px #d6d6d6 solid;
    }

        table.middle_payment tbody td:last-child, table.middle_payment tfoot td:last-child {
            border-right: none;
        }

    table.middle_payment tfoot {
        background: #f1f1f1
    }

    table.middle_payment.etc tbody tr:last-child {
        border-bottom: 1px #d6d6d6 solid;
    }

.content_box.middle_payment p.caution {
    font-size: 1.4rem;
    text-align: left;
}

    .content_box.middle_payment p.caution.red {
        color: #ff0000;
        margin-bottom: 10px;
        display: none
    }

.content_box.middle_payment .service_center {
    float: none;
}

/* 자이플러스원 / 입주사전방문행사 */
.tab_content.plus_one {
    text-align: left;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

    .tab_content.plus_one h3 {
        font-size: 2.6rem;
        margin-bottom: 30px;
        font-family: 'notokr-medium';
    }

    .tab_content.plus_one > dl {
        margin-bottom: 30px;
        line-height: 30px;
    }

        .tab_content.plus_one > dl dt {
            margin-bottom: 10px;
            font-size: 1.8rem;
            font-family: 'notokr-medium';
        }

        .tab_content.plus_one > dl dd {
            width: 100%;
            margin-bottom: 10px;
            font-size: 1.4rem;
            line-height: 22px;
        }

            .tab_content.plus_one > dl dd::after {
                content: "";
                display: block;
                clear: both;
            }

            .tab_content.plus_one > dl dd::before {
                content: "·";
                width: 10px;
                margin: 0;
                float: left;
            }

            .tab_content.plus_one > dl dd span {
                width: calc(100% - 10px);
                float: left;
            }

            .tab_content.plus_one > dl dd strong.red {
                font-family: "notokr-medium";
                color: #ff0000;
            }

            .tab_content.plus_one > dl dd.caution {
                font-family: "notokr-medium";
                color: #ff0000;
            }

                .tab_content.plus_one > dl dd.caution::after, .tab_content.plus_one > dl dd.caution::before {
                    display: none;
                }

                .tab_content.plus_one > dl dd.caution span.space {
                    display: inline-block;
                    float: none;
                    width: auto;
                    padding-left: 15px;
                }

		/*견본주택사전방문예약*/
		.ar_check_list {border:1px solid #eaeaea;  padding:3%; box-sizing:border-box; margin-bottom:30px;}
		.ar_check_list ul li {border-bottom:1px solid  #eaeaea; margin-bottom:30px;}
		.m_view {display:none;}
		.ar_check_list ul li.clf_last {margin-bottom:0;}
		.ar_check_list label	{width: 15%; height: 50px; float: left; line-height: 50px; display: block; text-align: left;}
		.ar_check_list .input_box { width: 85%; float: left; border: none; text-align: left;}
		.ar_check_list .input_box strong {margin-left:20px;}
		.ar_check_list .input_box.input_box_line { line-height:50px;}
		.ar_check_list .input_box select { width: 50%; height: 100%; padding-left: 30px; line-height: 100%; border: 1px #eaeaea solid; }
		.ar_check_list .input_box input { width: 50%; border: 1px #eaeaea solid; margin-right:7px;}
		.ar_check_list .input_box input.gender_select { width:3%; }
        .ar_check_list .input_box input.phone { width:13%; height:40px;}
        .ar_check_list .input_box input.phone_input {margin-right:0;}
		.ar_check_list .input_box input.m_left { margin-left:20px; }
		.ar_check_list .input_box #name { width:31%; }
		.ar_check_list .input_box select.address_box {height: 40px; width:12%; padding-left: 5px; padding-right: 5px; box-sizing: border-box; border: 1px #eaeaea solid; color: ##bcbcbc; display: inline-block; font-size: 1.4rem;}
		.ar_check_list .input_box select.address_box02 {width:19%;}
		.ar_check_list .input_box select.address_box03 {width:19%;}
		.ar_check_list .input_box #visitDate {width:31%;}
		.ar_check_list .input_box #h_size {width:31%;}
		.ar_check_list .input_box #age {width:31%;}
		

		/*카카오채널*/
		.kakao_ch {margin-bottom:30px; }
		.kakao_ch > a > img {height:200px; }


	.tab_content.plus_one .scr_box {
        width: 100%;
        height: 160px;
        padding: 20px;
        box-sizing: border-box;
        overflow-y: scroll;
        border: 1px #e0e0e0 solid;
        font-size: 1.4rem;
        line-height: 20px;
    }

        .tab_content.plus_one .scr_box h1 {
            font-size: 2rem;
            line-height: 25px;
        }

        .tab_content.plus_one .scr_box dl {
            margin-bottom: 20px;
        }

            .tab_content.plus_one .scr_box dl dt {
                float: left;
            }

        .tab_content.plus_one .scr_box p {
            margin-bottom: 10px;
        }

.tab_content.plus_one .agree_box {
    height: auto;
    margin: 20px 0 60px;
    padding: 0 0 0 0;
    text-align: right;
    position: relative;
    font-size: 1.4rem;
}

    .tab_content.plus_one .agree_box label input {
        width: 14px;
        height: 14px;
        background: #fff;
        margin-right: 5px;
    }

            .tab_content.plus_one .agree_box label input:checked + span {
                background: url('../img/sub/check_box_on.png') no-repeat;
                background-size: cover;
            }

            .tab_content.plus_one .agree_box label input:focus + span {
                outline: 1px #ccc solid;
            }

    .tab_content.plus_one .agree_box label {
        margin-left: 10px;
    }

            .tab_content.plus_one .agree_box label strong {
                padding-left: 10px;
                font-family: 'notokr-regular';
                font-size: 2rem;
            }

            .tab_content.plus_one .agree_box label span {
                width: 20px;
                height: 20px;
                position: absolute;
                top: 3px;
                z-index: 2;
                background: url('../img/sub/check_box_off.png') no-repeat;
                background-size: cover;
                display: block;
                cursor: pointer;
            }

    .tab_content.plus_one .txt_blue {
        color: #006999 !important;
    }

    .tab_content.plus_one .txt_red {
        color: #ff0000 !important;
    }

    .tab_content.plus_one .plus_one_comment {
        clear: both;
        padding-top: 10px;
    }

        .tab_content.plus_one .plus_one_comment li {
            padding-left: 18px;
            position: relative
        }

            .tab_content.plus_one .plus_one_comment li:before {
                content: '※';
                position: absolute;
                left: 0;
                top: 0;
            }

.service_box {
    width: 346px;
    height: auto;
    margin: 0 10px 30px 10px;
    float: left;
    text-align: left;
    font-size: 1.4rem;
    color: #333;
    background: #f6f6f6;
    position: relative;
}

    .service_box .details {
        width: 100%;
        height: 150px;
        padding: 20px;
        box-sizing: border-box;
        position: relative;
    }

        .service_box .details dl {
            width: 100%;
            line-height: 20px;
        }

            .service_box .details dl dt {
                font-size: 1.8rem;
                margin-bottom: 10px;
                font-family: 'notokr-medium';
            }

    .service_box .btn_set {
        width: 100%;
        height: 5rem;
        background: #e6e6e6;
        font-size: 1.5rem;
        text-align: center;
        line-height: 50px;
    }

        .service_box .btn_set a {
            width: 50%;
            position: relative;
            display: block;
            float: left;
        }

            .service_box .btn_set a::after {
                content: "";
                width: 1px;
                height: 100%;
                background: #fff;
                position: absolute;
                right: 0;
                top: 0;
            }

            .service_box .btn_set a:last-child::after {
                display: none;
            }

    .service_box.type_02 {
        width: 100%;
        background: transparent;
    }

        .service_box.type_02 img {
            float: left;
        }

        .service_box.type_02 .details {
            width: auto;
            height: auto;
            padding: 20px;
            box-sizing: border-box;
            position: relative;
            float: left;
            line-height: 20px;
        }

            .service_box.type_02 .details dl {
                width: 100%;
            }

                .service_box.type_02 .details dl dt {
                    font-size: 1.8rem;
                    margin-bottom: 10px;
                    font-family: 'notokr-medium';
                }

            .service_box.type_02 .details ul {
                padding: 20px 0;
                box-sizing: border-box;
            }

                .service_box.type_02 .details ul li::before {
                    content: "·";
                    margin: 0 5px 0 5px;
                }


/* 브랜드 */
.brand_top {
    background: #fff;
}

    .brand_top .vis_img {
        float: right;
        margin-right: -79px;
        padding-left: 310px;
    }

        .brand_top .vis_img img {
            max-width: 814px;
            width: 100%;
        }

    .brand_top .left_sec {
        position: absolute;
        top: 17%;
        background: #b3a696;
        text-align: right;
        padding-right: 80px;
        width: 690px;
        left: -80px;
    }

        .brand_top .left_sec .b_tit {
            margin-top: -55px;
            font-size: 7.2rem;
            font-family: 'notokr-medium';
            letter-spacing: -0.1rem;
            line-height: 55px;
        }

            .brand_top .left_sec .b_tit strong {
                display: block;
                height: 55px;
                margin-bottom: 5px;
            }

        .brand_top .left_sec .b_txt {
            color: #fff;
            line-height: 1.5;
            letter-spacing: -0.5px;
            padding: 8% 0 12%;
        }

    .brand_top .b_util {
        clear: both;
        padding: 80px 0 120px;
    }

        .brand_top .b_util ul {
            clear: both;
            width: 100%;
            display: table;
        }

        .brand_top .b_util li {
            display: table-cell;
        }

            .brand_top .b_util li .b_list_con {
                white-space: nowrap;
                text-align: center;
                position: relative;
            }

                .brand_top .b_util li .b_list_con:after {
                    content: '';
                    width: 1px;
                    height: 100%;
                    background: #e0e0e0;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            .brand_top .b_util li:first-child .b_list_con:after {
                background: none;
            }

            .brand_top .b_util li .b_list_con .b_icon {
                display: inline-block;
            }

                .brand_top .b_util li .b_list_con .b_icon img {
                    width: 100%;
                }

            .brand_top .b_util li .b_list_con dl {
            }

                .brand_top .b_util li .b_list_con dl dt {
                    color: #006899;
                    font-size: 1.8rem;
                    padding-top: 1.8rem;
                }

                .brand_top .b_util li .b_list_con dl dd {
                    padding-top: 1.4rem;
                    line-height: 1.6;
                    font-size: 1.5rem;
                }

.brand_color {
    position: relative;
    width: 100%;
}

    .brand_color .color_img {
        float: right;
        margin-top: -50px;
        padding-right: 50px;
        position: relative;
        padding-bottom: 4%;
        padding-left: 500px;
    }

        .brand_color .color_img img {
            max-width: 478px;
            width: 100%;
        }

        .brand_color .color_img:after {
            content: '';
            width: 80px;
            position: absolute;
            right: -80px;
            top: 0;
            background: #fff;
            height: 120%;
            z-index: 999;
        }

    .brand_color dl.color_txt {
        text-align: left;
        padding-top: 6.3rem;
        white-space: nowrap;
    }

        .brand_color dl.color_txt dt {
            font-size: 2.6rem;
            line-height: 1.4;
        }

        .brand_color dl.color_txt dd {
            font-size: 1.5rem;
            line-height: 1.6;
            letter-spacing: -0.5px;
            padding-top: 2rem;
        }

.brand_logo {
    clear: both;
    background: #ffffff;
    padding-bottom: 8rem;
}

    .brand_logo .bi_logo_list {
        padding-top: 4rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #d6d6d6;
        overflow: hidden;
    }

        .brand_logo .bi_logo_list li {
            float: left;
            width: 50%;
            text-align: left;
        }

            .brand_logo .bi_logo_list li .logo_con {
                display: inline-block;
                text-align: left;
                margin-top: 7.5rem;
            }

            .brand_logo .bi_logo_list li:nth-child(even) {
                text-align: right;
            }

            .brand_logo .bi_logo_list li .logo_con h4 {
                position: relative;
                text-align: left;
                color: #333;
                font-size: 1.8rem;
                font-family: 'notokr-medium';
                padding: 1.5rem 0 2rem;
            }

                .brand_logo .bi_logo_list li .logo_con h4:before {
                    content: '';
                    width: 70px;
                    position: absolute;
                    top: 0;
                    height: 3px;
                    background: #333;
                }

            .brand_logo .bi_logo_list li .logo_con .logo_img {
                padding-bottom: 20px;
            }

                .brand_logo .bi_logo_list li .logo_con .logo_img img {
                    max-width: 520px;
                    width: 100%;
                }

    .brand_logo .btns_set {
        text-align: right;
    }

/* 갤러리 */
.white_bg_con {
    background: #fff;
    box-sizing: border-box;
    padding: 8rem 0 0;
}

.gallery_top {
    width: 100%;
    padding-top: 6rem;
}

    .gallery_top .container_wrap {
        max-width: 1260px;
    }

    .gallery_top .vis_img {
    }

        .gallery_top .vis_img img {
            width: 100%;
        }

    .gallery_top .txt_con {
        position: relative;
        margin-top: -16.5rem;
        padding: 0 4rem;
    }

        .gallery_top .txt_con:after {
            content: '';
            width: 100%;
            height: 100%;
            background: #8894b4;
            position: absolute;
            left: -50%;
            top: 0;
            z-index: 21;
        }

        .gallery_top .txt_con.sepia:after {
            background: #9f907b;
        }

        .gallery_top .txt_con .gall_tit_box {
            color: #fff;
            font-size: 3.4rem;
            padding: 80px 0 0 0;
            letter-spacing: -0.2rem;
            text-align: left;
            position: relative;
            z-index: 22;
        }

            .gallery_top .txt_con .gall_tit_box strong {
                font-size: 5.6rem;
                display: block;
                padding-top: 1rem;
            }

    .gallery_top .gall_txt_box {
        padding-top: 3.5rem;
        z-index: 22;
        position: relative;
        text-align: left;
        display: table;
        padding-bottom: 5rem;
    }

        .gallery_top .gall_txt_box .left_sec {
            font-size: 2.0rem;
            color: #fff;
            font-family: notokr-light;
            letter-spacing: -0.2rem;
            line-height: 1.5;
            display: table-cell;
            white-space: nowrap;
            padding-right: 4rem;
        }

        .gallery_top .gall_txt_box .right_sec {
            display: table-cell;
            padding-left: 2rem;
            line-height: 1.8;
            vertical-align: top;
            position: relative;
        }

            .gallery_top .gall_txt_box .right_sec:before {
                content: '';
                width: 2px;
                height: 96%;
                position: absolute;
                left: 0;
                top: 2.5%;
                background: #000;
            }

            .gallery_top .gall_txt_box .right_sec p:first-child {
                margin-bottom: 2rem;
            }

.gall_slide_con {
    position: relative;
}

    .gall_slide_con .nav_btns {
        position: absolute;
        left: 7%;
        bottom: -30px;
        z-index: 2;
    }

        .gall_slide_con .nav_btns a {
            display: block;
            text-indent: -9999em;
            color: transparent;
            width: 136px;
            height: 75px;
            float: left;
            background: #434a5d;
            position: relative;
        }

    .gall_slide_con img {
        width: 100%;
    }

    .gall_slide_con .slider_con {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .gall_slide_con .gall_slider {
        width: 400%;
        position: relative;
    }

        .gall_slide_con .gall_slider li {
            width: 25%;
            float: left;
        }

a.icobtn:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
}

a.icobtn.ico_left {
    border-right: 1px solid #8e929e;
}

a.icobtn.ico_right {
    border-left: 1px solid #8e929e;
}

a.icobtn.ico_left:before {
    width: 18px;
    height: 25px;
    margin-left: -9px;
    margin-top: -13px;
    background: url(/Content/img/sub/brand/icon_prev_gal.png) no-repeat 0 0;
}

a.icobtn.ico_right:before {
    width: 18px;
    height: 25px;
    margin-left: -9px;
    margin-top: -13px;
    background: url(/Content/img/sub/brand/icon_next_gal.png) no-repeat 0 0;
}

.gallery_btm {
    margin-top: 8rem;
}

    .gallery_btm .container_wrap {
        max-width: 1260px;
    }

    .gallery_btm .left_sec {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        padding: 0 50px;
        text-align: left;
        line-height: 1.8;
    }

        .gallery_btm .left_sec p:first-child {
            margin-bottom: 2rem;
        }

    .gallery_btm .right_img {
        display: table-cell;
        text-align: right;
    }

        .gallery_btm .right_img img {
            width: 100%;
            display: inline-block;
        }

    .gallery_btm.dc_btm .left_sec {
        width: 70%;
    }

    .gallery_btm.dc_btm .right_img img {
        max-width: 336px;
    }

.space_tab_con {
    margin-top: 5rem;
}

.gallery_space {
    position: relative;
}

    .gallery_space .space_tab {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 22;
        border-top: 1px solid #c0c0c0;
    }

        .gallery_space .space_tab > li {
            display: block;
            color: #ddd;
            border-bottom: 1px solid #c0c0c0;
        }

            .gallery_space .space_tab > li > a {
                background: #f8f8f8;
                color: #333;
                display: block;
            }

                .gallery_space .space_tab > li > a.on {
                    background: #434a5d;
                    color: #fff;
                }

            .gallery_space .space_tab > li dl {
                display: table;
            }

                .gallery_space .space_tab > li dl > dt {
                    display: table-cell;
                    width: 100px;
                    line-height: 1.8;
                    font-size: 2.6rem;
                    text-align: center;
                    vertical-align: middle;
                    height: 80px;
                }

                .gallery_space .space_tab > li dl > dd {
                    display: table-cell;
                    text-align: left;
                    line-height: 1.8;
                    width: 230px;
                    padding-right: 3rem;
                    vertical-align: middle;
                    height: 80px;
                }

    .gallery_space .tab_content_wrap {
        height: 470px;
        overflow: hidden;
        padding-left: 400px;
        position: relative;
    }

        .gallery_space .tab_content_wrap::after {
            content: '';
            width: 75%;
            height: 100%;
            border: 1px solid #c0c0c0;
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 20;
            box-sizing: border-box;
        }

        .gallery_space .tab_content_wrap .tab_content {
            float: right;
            text-align: right;
            padding-right: 2rem;
            margin: 2.5rem 0;
        }

            .gallery_space .tab_content_wrap .tab_content img {
                max-width: 583px;
                width: 100%;
            }

ul.bl_dot li {
    font-size: 1.5rem;
    position: relative;
    padding-left: 1rem;
    width: 40%;
    white-space: nowrap;
}

    ul.bl_dot li:before {
        content: '';
        width: 2px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 11px;
        background: #aaa;
    }

.gallery_space .space_tab > li dl > dd ul li {
    display: inline-block;
}

.gallery_location {
}

    .gallery_location .mapbox {
        border: 1px solid #d6d6d6;
        position: relative;
        margin: 3rem 0;
    }

        .gallery_location .mapbox img {
            width: 100%;
        }

        .gallery_location .mapbox .btns_set {
            position: absolute;
            left: 0;
            bottom: 0;
            text-align: right;
            padding: 2.5rem;
            box-sizing: border-box;
        }

            .gallery_location .mapbox .btns_set a {
                padding: 1rem 2rem;
                display: inline-block;
                font-size: 1.6rem;
            }

    .gallery_location dl.addr_txt {
        margin-bottom: 2rem;
        text-align: left;
    }

        .gallery_location dl.addr_txt dt {
            font-size: 1.8rem;
            color: #333;
            display: inline-block;
            text-align: left;
        }

            .gallery_location dl.addr_txt dt span {
                display: inline-block;
            }

        .gallery_location dl.addr_txt dd {
            display: inline-block;
            font-size: 1.4rem;
        }

            .gallery_location dl.addr_txt dd span {
                display: inline-block;
                margin-left: 1.5rem;
                padding-left: 1.5rem;
                position: relative;
            }

                .gallery_location dl.addr_txt dd span:before {
                    content: '';
                    width: 1px;
                    height: 12px;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    background: #ddd;
                    display: inline-block;
                    margin-top: -6px;
                }

    .gallery_location .traffic_list {
        box-sizing: border-box;
        overflow: hidden;
    }

        .gallery_location .traffic_list li {
            display: table-cell;
            font-size: 1.5rem;
            padding-right: 2rem;
        }

        .gallery_location .traffic_list i.ico {
            display: inline-block;
            width: 35px;
            height: 35px;
            vertical-align: middle;
            padding-right: 1rem;
            font-size: 0;
            color: transparent;
        }

            .gallery_location .traffic_list i.ico.ico-bus {
                background: url(/Content/img/sub/brand/icon_bus.png) no-repeat 0 0;
            }

            .gallery_location .traffic_list i.ico.ico-subway {
                background: url(/Content/img/sub/brand/icon_subway.png) no-repeat 0 0;
            }


/* tv광고 */
.video_content {
    width: 100%;
}

    .video_content .video_box {
        width: 700px;
        height: 390px;
        float: left;
        background: #000;
    }

    .video_content .src_box_tit {
        padding: 0 0 0 30px;
        height: 60px;
        line-height: 60px;
        text-align: left;
        border-top: 2px #c8c8c8 solid;
        border-bottom: 1px #ccc solid;
        font-family: 'notokr-medium';
        font-size: 1.8rem;
    }

    .video_content .scr_box_con {
        float: left;
        width: 400px;
        padding-left: 20px;
    }

    .video_content.tvad .scr_box_con {
        width: 380px;
    }

    .video_content .scr_box {
        height: 330px;
        margin-bottom: 20px;
        padding: 30px;
        box-sizing: border-box;
        overflow-y: scroll;
        text-align: left;
        border-bottom: 1px #ccc solid;
    }

        .video_content .scr_box pre, .video_content .scr_box p, .video_content .scr_box p span, .video_content .scr_box p font {
            width: 100%;
            line-height: 20px;
            font-size: 1.4rem;
            font-family: 'notokr-regular' !important;
            white-space: pre-line;
            word-break: break-all;
            color: #666;
        }

    .video_content .title_box {
        padding: 0 0 0 0;
        border: none;
    }

        .video_content .title_box h3 {
            float: left;
        }

        .video_content .title_box dl {
            float: right;
            line-height: 22px;
        }

            .video_content .title_box dl dt {
                margin-left: 10px;
            }

                .video_content .title_box dl dt::before {
                    content: "·";
                    margin-right: 5px;
                }

.video_list {
    width: 100%;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px #ccc solid;
    box-sizing: border-box;
}

    .video_list .thum_box {
        width: 237px;
        height: auto;
        margin: 0 19px 50px;
        float: left;
        overflow: hidden;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .video_list .thum_box img {
            width: 100%;
            display: block;
            box-sizing: border-box;
        }

            .video_list .thum_box img:hover, .video_list .thum_box img.on {
                border: 5px #006999 solid;
            }

                .video_list .thum_box img:hover + p, .video_list .thum_box img.on + p {
                    color: #006999;
                }

        .video_list .thum_box p {
            margin-top: 15px;
            font-size: 1.4rem;
            color: #666;
            line-height: 26px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.tab_content .video_list {
    padding: 30px;
    border: 1px #ccc solid;
}

    .tab_content .video_list .thum_box {
        width: 24%;
        margin: 0 0.5% 20px;
    }


.area_search.guidebook {
    margin: 20px 0 20px;
}

.con_tbl tbody td.nodata {
    text-align: center;
}

.tblbtn {
    cursor: pointer;
    background: transparent;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    line-height: 1.42857143;
    font-size: 1.2rem;
    padding: .5rem 2rem;
    display: inline-block;
    font-family: Noto Sans KR;
    -webkit-font-smoothing: antialiased;
    font-family: 'notokr-regular';
    text-decoration: none !important;
}

    .tblbtn.lgwh {
        padding: .5rem 3rem;
    }

    .tblbtn.btn_beige {
        background: #796e5d;
        color: #fff !important;
        border: 1px solid #796e5d;
        font-size: 1.3rem;
    }

    .tblbtn.btn_white {
        background: #fff;
        color: #707070 !important;
        border: 1px solid #707070;
        font-size: 1.3rem;
    }

    .tblbtn.btn_blue {
        background: #006899;
        color: #fff !important;
        border: 1px solid #006899;
        font-size: 1.3rem;
    }

.con_tbl {
    border-top: 1px solid #aaa;
    margin: 10px 0 0;
    box-sizing: border-box;
}

    .con_tbl * {
        box-sizing: border-box;
    }

    .con_tbl a:visited {
        color: #333333;
        text-decoration: none;
    }

    .con_tbl a:link {
        color: #333333;
        text-decoration: none;
    }

    .con_tbl a:hover {
        text-decoration: underline;
    }

    .con_tbl table {
        width: 100%;
        font-size: 1.4rem;
    }

    .con_tbl thead th {
        border-bottom: 1px solid #d6d6d6;
        padding: 1.6rem 0;
        text-align: center;
        font-weight: normal;
        color: #333;
        font-size: 1.5rem;
        background: #dfdfdf;
        border-left: 1px solid #fff;
    }

    .con_tbl tbody th {
        border-bottom: 1px solid #d6d6d6;
        padding: 1.4rem 0;
        vertical-align: middle;
        text-align: center;
        font-weight: normal;
        color: #222;
    }

    .con_tbl tbody td {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
        padding: 1rem 0;
        word-break: break-all;
        border-left: 1px solid #d6d6d6;
    }

        .con_tbl tbody td.sbj {
            color: #333;
            text-align: left;
            padding: 1.4rem 2rem;
        }

            .con_tbl tbody td.sbj a {
                cursor: text;
                text-decoration: none;
            }

        .con_tbl tbody td .tbl_btns {
            padding: 0 1rem;
        }

            .con_tbl tbody td .tbl_btns a {
                margin: .2rem 0;
            }

.visit_info_tbl span.br::after {
    display: block;
    height: 0;
    content: "";
}

.visit_info_tbl.con_tbl thead th {
    line-height: 1.5;
    vertical-align: middle;
}

.visit_info_tbl.con_tbl table {
    table-layout: fixed;
}

.visit_info_tbl.con_tbl tbody td .tbl_btns {
    padding: 0 0.5rem;
}



.area_sitemap dl {
    width: 31.3333%;
    height: 500px;
    margin: 0 1%;
    float: left;
    text-align: left;
}

    .area_sitemap dl dt {
        width: 100%;
        height: 40px;
        padding: 10px 0;
        font-size: 2.6rem;
        line-height: 40px;
        border-bottom: 1px #434a5d solid;
    }

        .area_sitemap dl dt::after {
            content: "";
            width: 40px;
            height: 40px;
            display: block;
            float: right;
            background: url('../img/sub/icon_sitemap.png') no-repeat;
            background-size: cover;
        }

    .area_sitemap dl:nth-child(1), .area_sitemap dl:nth-child(2), .area_sitemap dl:nth-child(3) {
        height: 250px;
    }

        .area_sitemap dl:nth-child(1) dt::after {
            background-position: 0;
        }

        .area_sitemap dl:nth-child(2) dt::after {
            background-position: -40px;
        }

        .area_sitemap dl:nth-child(3) dt::after {
            background-position: -120px;
        }

    .area_sitemap dl:nth-child(4) dt::after {
        background-position: -160px;
    }

    .area_sitemap dl:nth-child(5) dt::after {
        background-position: -200px;
    }

    .area_sitemap dl:nth-child(6) dt::after {
        background-position: -240px;
    }

    .area_sitemap dl:nth-child(7) dt::after {
        background-position: -280px;
    }

    .area_sitemap dl:nth-child(8) dt::after {
        background-position: -320px;
    }

    .area_sitemap dl dd {
        width: 100%;
        padding: 20px 10px;
        ;
        box-sizing: border-box;
        font-size: 1.5rem;
    }

        .area_sitemap dl dd > ul > li {
            width: 100%;
            height: 30px;
            line-height: 30px;
        }

            .area_sitemap dl dd > ul > li::after {
                content: "";
                display: block;
                clear: both;
            }

            .area_sitemap dl dd > ul > li > a {
                display: block;
                float: left;
            }

            .area_sitemap dl dd > ul > li.depth > a {
                width: 50%;
                display: block;
            }

            .area_sitemap dl dd > ul > li > a:hover {
                color: #006899;
            }

            .area_sitemap dl dd > ul > li > a::before {
                content: "·";
                margin-right: 5px;
            }

            .area_sitemap dl dd > ul > li > ul {
                width: 50%;
                float: left;
            }

                .area_sitemap dl dd > ul > li > ul > li {
                    font-size: 1.3rem;
                }

                    .area_sitemap dl dd > ul > li > ul > li > a {
                        color: #666;
                    }

                        .area_sitemap dl dd > ul > li > ul > li > a:hover {
                            color: #000;
                        }

@media only screen and (max-width:1280px) {
    /* 자이스토리 */
    .content_box.story .story_box {
        width: 31.333%;
        margin: 0 3% 20px 0;
        float: left;
    }

    .modify_form.add_info select {
        width: calc(50% - 150px);
        margin-right: 20px;
    }
    /* 단지리스트 */
    .complex_box {
        width: 31.3333%;
        margin: 0 1% 30px;
        float: none;
        float: left;
    }

        .complex_box .btn_set li {
            width: 33%;
            height: 100%;
            float: left;
            border-right: 1px #f3f3f3 solid;
            color: #aaa;
        }

        .complex_box .btn_set.btn3 li {
            width: 33%;
        }

    .inbox.customer .list_box {
        width: 23.5%;
        margin: 0 2% 0 0;
    }

    .sns_box, .photo_box {
        height: auto;
    }
    /* 자이플러스원 */
    .service_box {
        width: 32.3333%;
        margin: 0 0.5% 30px;
    }

        .service_box img {
            width: 100%;
        }

        .service_box.type_02 img {
            width: 35%;
        }

        .service_box.type_02 .details {
            width: 65%;
            padding: 0 20px;
        }

            .service_box.type_02 .details ul {
                padding: 20px 0;
            }

    /* tv광고 */
    .video_content .video_box {
        width: 100%;
    }

    .video_content .scr_box {
        width: 100%;
        height: 150px;
        margin: 0 0 0 0;
    }

    .video_list .thum_box {
        width: 24%;
        margin: 0 0.5% 20px;
    }

        .video_list .thum_box img {
            height: auto;
        }

    /* 공사중 단지 상세 */
    .area_complex_info .details .btn_set li {
        margin-bottom: 1px;
    }

        .area_complex_info .details .btn_set li:first-child button, .area_complex_info .details .btn_set li:first-child a {
            border-radius: 0;
        }

        .area_complex_info .details .btn_set li:last-child button, .area_complex_info .details .btn_set li:last-child a {
            border-radius: 0;
        }

    .area_complex_info .details .btn_set.btn1 li a, .area_complex_info .details .btn_set.btn1 li button {
        border-radius: 0;
    }

    .percent_box .box.total {
        width: 100%;
        height: auto;
        padding: 0 0 50px 0;
    }

    .box_container {
        width: 100%;
        margin-bottom: 0;
    }

    .percent_box .box {
        width: 50%;
        margin-left: 0;
        padding: 30px;
    }

    .tab_content .video_content .video_box {
        width: 100%;
    }

    .video_content .scr_box_con {
        float: none;
        width: 100%;
        padding-left: 0;
        clear: both;
    }

    .video_content .src_box_tit {
        height: auto;
    }

    .video_content.tvad .scr_box_con {
        width: 100%;
    }

    .tab_content .video_content .scr_box {
        width: 100%;
        height: 150px;
        margin: 0 0 0 0;
    }

    .tab_content .video_content .src_box_tit {
        padding-left: 10px;
    }

    .tab_content .video_list .thum_box {
        width: 24%;
        margin: 0 0.5% 20px;
    }

        .tab_content .video_list .thum_box img {
            height: auto;
        }
}


@media only screen and (max-width:1200px) {
    .full_content .container_wrap {
        padding: 0 20px;
    }

    .gallery_top .container_wrap, .gallery_btm .container_wrap {
        padding: 0;
    }

    .gallery_space .container_wrap {
        padding: 0;
    }
}

@media only screen and (max-width:1100px) {
    .tab_boxtype li a, .tab_boxtype li button {
        font-size: 1.7rem;
        padding: 1.4rem 0;
    }

    .tab_boxtype.tablist_7 li a {
        font-size: 1.6rem;
    }

    #container .content.main {
        width: 100%;
    }

    /* 브랜드 */
    .brand_top .left_sec .b_txt {
        padding: 6% 0 8%;
    }

    .brand_color .color_img {
        padding-right: 10px;
    }

    .brand_logo .bi_logo_list li .logo_con .logo_img img {
        max-width: 480px;
    }
}

@media only screen and (max-width:1024px) {
    a.submit {
        width: 100%;
    }

    #container .content .content_box {
        width: 100%;
        padding: 40px;
    }
    /* 모달팝업(자이플러스원) */
    .pop_content.detail {
        width: 95%;
        height: auto;
        margin-left: 2.5%;
        left: 0;
    }

        .pop_content.detail li {
            width: 23.5%;
            margin-right: 2%;
        }

    .data_input li .input_box {
        width: calc(100% - 100px);
    }

        .data_input li .input_box.email_box {
            padding-left: 0;
        }

            .data_input li .input_box.email_box input#email {
                width: 30%;
            }

            .data_input li .input_box.email_box input#email2 {
                width: 30%;
            }

            .data_input li .input_box.email_box .select_wrap select {
                width: 33%;
            }

    /* 회원가입 */
    #container.sub .content.member .content_box.join.mail {
        padding: 150px 15px 20px;
    }

    #container.sub .content.member .content_box.join.end {
        padding: 150px 15px 20px;
    }

    .content_box.join.mail {
        background-position: center 30px;
    }

    .content_box.join.end {
        background-position: center 30px;
    }

    /* 회원정보 찾기(아이디 찾기 / 비밀번호 변경) */
    #container .content_box.join.search {
        padding: 150px 15px 20px;
    }

    .content_box.join.search.mail {
        background-position: center 30px;
    }

    .content_box.join.search.pw {
        background-position: center 30px;
    }

    .join.search strong {
        line-height: 30px;
        margin-bottom: 20px;
    }

    /* 캘린더 */
    .inbox.calender ul > li > dl > dt {
        width: 100%;
        display: block;
    }

    .inbox.calender ul > li > dl > dd {
        display: block;
    }

        .inbox.calender ul > li > dl > dd > dl {
            width: 45%;
        }

            .inbox.calender ul > li > dl > dd > dl > dd a {
                text-overflow: ellipsis;
                white-space: normal;
                overflow: hidden;
            }

    /*
    .inbox.calender ul dd > span { width: 45%; }
    .inbox.calender ul dd > span:nth-child( 3n ) { margin-right: 5%; }
    */

    /* 자이스토리 */
    .pop_content.video {
        width: 90%;
        height: auto;
        margin-left: 0;
        left: 5%;
    }

        .pop_content.video strong {
            width: 100%;
            height: 60px;
            padding-left: 20px;
        }

        .pop_content.video .video_content .video_box {
            width: 100%;
            margin: 0 auto;
        }

        .pop_content.video .video_content .scr_box {
            width: 100%;
            height: 130px;
            padding: 20px;
        }

        .pop_content.video .video_content .btn_set {
            width: 100%;
        }

    .content_box.story .story_box {
        width: 49%;
        margin: 0 2% 20px 0;
    }

        .content_box.story .story_box:nth-child(3n) {
            margin-right: 2%;
        }

        .content_box.story .story_box:nth-child(2n) {
            margin-right: 0;
        }

    /* 단지리스트 */
    .complex_box {
        width: 49%;
        margin: 0 2% 30px 0;
        float: none;
        float: left;
    }

        .complex_box:nth-child(3n+3) {
            margin-right: 2%;
        }

        .complex_box:nth-child(2n+2) {
            margin-right: 0;
        }

        .complex_box .btn_set li {
            width: 33%;
            height: 100%;
            float: left;
            border-right: 1px #f3f3f3 solid;
            color: #aaa;
        }

        .complex_box .btn_set.btn3 li {
            width: 33%;
        }
    /* 고객문의현황 */
    .common_tb.qna thead .num {
        width: 70px;
    }

    .state_box ul li::before {
        width: 30px;
        margin: 0 15px;
    }
    /* 서비스 신청 현황 */
    .common_tb.service thead th {
        background: #fff;
        border-top: 2px #000 solid;
    }

    .common_tb.service thead .type1 {
        width: 130px;
    }

    .common_tb.service thead .type2 {
        width: 130px;
    }

    .common_tb.service thead .date, .common_tb.service thead .time {
        width: 80px;
    }
    /* A/S안내 */
    .content_box.as .info_box li {
        width: 35%;
    }

        .content_box.as .info_box li img {
            width: 100%;
        }

        .content_box.as .info_box li:last-child {
            width: 65%;
        }

        .content_box.as .info_box li dl, .content_box.as .info_box li .btn_set {
            margin-top: 20px;
        }
    /* 고객문의 */
    .inbox.customer .list_box {
        width: 49.5%;
        margin: 0 1% 10px 0;
    }

    .service_center li:last-child span {
        display: block;
        margin: 0 0 5px 0;
    }

        .service_center li:last-child span::after {
            display: none;
        }

    .inbox.customer .list_box:nth-of-type(2) {
        margin-right: 0;
    }
    /* 자이소식 */
    .view_box {
        padding: 60px 60px;
    }
    /* 이벤트 */
    .event_list .detail_box p a {
        line-height: 25px;
    }

    .event_list .detail_box {
        padding: 0 0 0 20px;
    }

    /* 청약당첨조회 */
    .tab_content .search_form {
        width: 100%
    }

        .tab_content .search_form label {
            width: 15%;
        }

        .tab_content .search_form .input_box {
            width: 85%;
        }

            .tab_content .search_form .input_box input {
                width: 45%;
            }

    .content_box.event ul {
        display: block;
    }

    .content_box.event li {
        width: 100%;
        display: block;
    }

        .content_box.event li:last-child {
            float: none;
        }

    /* 중도금 납부 조회 */
    .search_form.middle_payment .input_box input {
        width: 80%;
    }

    /* 자이플러스원 */
    .content_box .btn_set.service {
        width: 550px;
    }

    /* 탭쪽에 붙여주세요 */
    .tbl_guide_list dt {
        width: 120px;
    }

        .tbl_guide_list dt span.br:before {
            content: '';
            display: block;
        }

    .tbl_cal_sales span.br:before {
        content: '';
        display: block;
    }

    .white_bg_con .tablist_3.mt20 {
        margin-top: -1px;
    }

    /* 브랜드 */
    .white_bg_con {
        padding: 4rem 0 0;
    }

    .brand_top .left_sec .b_tit {
        font-size: 6.5rem;
        line-height: inherit;
        margin-top: -59px;
    }

    .brand_top .left_sec .b_txt {
        padding: 4% 0 6%;
        font-size: 1.5rem;
    }

    .brand_top .left_sec {
        padding-right: 60px;
        left: -110px;
    }

    .brand_top .vis_img {
        padding-left: 0;
    }

    .brand_top .b_util {
        padding: 40px 0 80px;
    }

        .brand_top .b_util li .b_list_con {
            white-space: normal;
        }

            .brand_top .b_util li .b_list_con .b_icon {
                padding: 0 25%;
                min-height: 130px;
                max-height: 220px;
                height: 100%;
            }

            .brand_top .b_util li .b_list_con dl dt {
                font-size: 1.6rem;
            }

            .brand_top .b_util li .b_list_con dl dd {
                font-size: 1.4rem;
            }

    .brand_color dl.color_txt {
        padding-bottom: 30px;
    }

        .brand_color dl.color_txt dt {
            font-size: 2rem;
        }

    .brand_color .color_img {
        padding-left: 0;
        width: 50%;
        padding-left: 30px;
        margin-top: 0;
        padding-top: 20px;
    }

    .brand_color dl.color_txt dd span.br:after {
        display: inline;
    }

    .brand_color dl.color_txt dd {
        white-space: normal;
    }

    .brand_logo .bi_logo_list {
        margin-right: -10px;
        padding-top: 2rem;
        padding-bottom: 1.5rem;
    }

        .brand_logo .bi_logo_list li {
            padding-right: 10px;
        }

            .brand_logo .bi_logo_list li .logo_con {
                margin-top: 3rem;
            }

                .brand_logo .bi_logo_list li .logo_con h4 {
                    font-size: 1.6rem;
                }

    /* 갤러리 */
    .gallery_top {
        padding-top: 2rem;
    }

        .gallery_top .txt_con {
            margin-top: -10rem;
            padding: 0 2.5rem;
        }

            .gallery_top .txt_con:after {
                left: -45%;
            }

            .gallery_top .txt_con .gall_tit_box {
                font-size: 2.8rem;
            }

                .gallery_top .txt_con .gall_tit_box strong {
                    font-size: 4.4rem;
                }

        .gallery_top .gall_txt_box {
            padding-top: 2rem;
            padding-bottom: 3rem;
        }

            .gallery_top .gall_txt_box .left_sec {
                font-size: 1.7rem;
                letter-spacing: -0.1rem;
            }

            .gallery_top .gall_txt_box .right_sec {
                line-height: 1.6;
            }

                .gallery_top .gall_txt_box .right_sec p:first-child {
                    margin-bottom: 1.5rem;
                }

    .gall_slide_con .nav_btns {
        position: absolute;
        left: 7%;
        bottom: -30px;
    }

        .gall_slide_con .nav_btns a {
            width: 110px;
            height: 60px;
        }

    .gallery_btm {
        margin-top: 4rem;
    }

        .gallery_btm .left_sec {
            padding: 0 30px;
            line-height: 1.6;
        }

            .gallery_btm .left_sec p:first-child {
                margin-bottom: 1.5rem;
            }

    .space_tab_con {
        margin-top: 4rem;
    }

    .gallery_space .space_tab {
        position: static;
    }

    .gallery_space .tab_linetype {
        margin-top: -1px
    }

    .gallery_space .space_tab:after {
        content: '';
        clear: both;
        display: table;
    }

    .gallery_space .space_tab > li {
        display: block;
        width: 50%;
        float: left;
    }

    .gallery_space .tab_content_wrap::after {
        display: none;
    }

    .gallery_space .tab_content_wrap {
        padding: 0;
        margin-top: 2rem;
        border: 1px solid #d6d6d6;
    }

        .gallery_space .tab_content_wrap .tab_content {
            float: none;
            text-align: center;
            padding: 0 2rem;
            width: inherit;
        }

    .gallery_location .tab_linetype {
        margin-top: -1px
    }

    .gallery_location .mapbox {
        border: 0;
    }

        .gallery_location .mapbox img {
            border: 1px solid #d6d6d6;
            display: block;
        }

        .gallery_location .mapbox .btns_set {
            position: static;
            text-align: right;
            padding: 2.5rem 0;
        }

            .gallery_location .mapbox .btns_set a {
                font-size: 1.4rem;
            }

    .gallery_location dl.addr_txt {
        margin-bottom: 2.5rem;
    }

        .gallery_location dl.addr_txt dt {
            font-size: 1.6rem;
            margin-bottom: 1rem;
        }

        .gallery_location dl.addr_txt dd {
            display: block;
            font-size: 1.4rem;
        }

            .gallery_location dl.addr_txt dd span {
                display: inline-block;
            }

                .gallery_location dl.addr_txt dd span:first-child {
                    margin-left: 0;
                    padding-left: 0;
                }

                    .gallery_location dl.addr_txt dd span:first-child:before {
                        background: none;
                    }

    .gallery_location .traffic_list li {
        display: block;
        text-align: left;
        margin-bottom: 1.2rem;
    }

    .full_container {
        margin: 0 -40px;
    }

    .area_sitemap dl {
        width: 48%;
    }

        .area_sitemap dl dd > ul > li.depth > a {
            width: 50%;
        }

        .area_sitemap dl dd > ul > li > ul {
            width: 50%;
        }

    .visit_info_tbl.con_tbl tbody td .tblbtn {
        padding: 0.5rem 1rem;
    }
}

@media only screen and (max-width:960px) {
    /* 고객문의(write) */
    .inbox.qna_write .choose_box select {
        width: 20%;
    }

    .inbox.qna_write .choose_box .input_box {
        width: 68%;
    }

    .inbox.qna_write .choose_box a.btn_defualt {
        width: 12%;
    }

    .inbox.qna_write, .inbox.qna_write.input_data {
        width: 100%;
    }

        .inbox.qna_write .choose_box {
            width: 100%;
        }

    .input_data .add_info input {
        width: 30%;
    }

    .input_data .add_file label {
        width: 20%;
    }

    .input_data .add_file input {
        width: 60%;
    }

    .input_data .add_file a {
        width: 15%;
    }
}


@media only screen and (max-width:890px) {
    /* 회원정보 수정 */
    .inbox.confirm_form {
        width: 100%;
    }

    .confirm_form li .input_box {
        width: calc( 100% - 200px );
    }

    /* 고객문의현황 */
    .state_box ul li span {
        width: 55px;
        height: 54px;
        margin: 18px 15px;
        float: left;
    }

    .state_box ul li:nth-child(1) span {
        background-size: cover;
    }

        .state_box ul li:nth-child(1) span.on {
            background-size: cover;
            background-position: -56px;
        }

    .state_box ul li:nth-child(2) span {
        background-size: cover;
        background-position: -112px;
    }

        .state_box ul li:nth-child(2) span.on {
            background-size: cover;
            background-position: -169px
        }

    .state_box ul li:nth-child(3) span {
        background-size: cover;
        background-position: -225px
    }

        .state_box ul li:nth-child(3) span.on {
            background-size: cover;
            background-position: -281px
        }
}

@media only screen and (max-width:840px) {
    /* 고객문의 */
    .service_center li:last-child {
        width: 100%;
        display: block;
        padding: 10px 0;
    }

    .service_center li, .service_center {
        height: auto;
    }

        .service_center li:first-child {
            padding: 10px 0;
        }

            .service_center li:first-child span {
                line-height: 100%;
            }

                .service_center li:first-child span.cs {
                    font-size: 2.5rem;
                }

                .service_center li:first-child span.tell {
                    font-size: 2.5rem;
                    margin-left: 10px;
                }

    .inbox.customer .title {
        width: 100%;
        height: 35px;
        margin-bottom: 20px;
        display: block;
        line-height: 35px;
    }

    .inbox.customer h3 {
        font-size: 2.6rem;
        display: block;
        float: left;
    }

    .inbox.customer .title a {
        height: 100%;
        float: right;
        display: block;
    }
    /* 중도금 조회 */
    .content_box.middle_payment p.caution.red {
        display: block;
    }

    .content_box.middle_payment .table_box {
        width: 100%;
        height: auto;
        overflow-x: scroll;
    }

    table.middle_payment {
        width: 1100px;
    }

    .add_info .input_wrap .input_wrap_con {
        padding-right: 50px;
    }

    .add_info .input_wrap .func_etc {
        position: static;
        width: inherit;
        padding-top: 10px;
    }

    .add_info .input_wrap .input_wrap_con .btn_con.add {
        right: 0;
    }

    .add_info .input_wrap .input_wrap_con .btn_con.remove {
        right: 0;
    }

    .add_info .input_wrap .func_etc a {
        display: inline-block;
        width: inherit;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width:768px) {
    /* table Style */
    .common_tb .tb_count {
        width: auto;
    }

    .common_tb .tb_date {
        width: 20%;
    }

    .common_tb thead th.count, .common_tb tbody td.count {
        display: none;
    }

    .common_tb tbody td a:hover {
        text-decoration: none;
    }

    .submit.btn2, .btn_cancel {
        width: 150px;
        height: 50px;
        font-size: 2rem;
        line-height: 50px;
    }

    .tab_boxtype li a {
        font-size: 1.6rem;
        padding: 1.3rem 0;
    }

    .tab_boxtype.tablist_4 li:nth-child(2n+1) a {
        margin-left: 0;
    }

    .tab_boxtype.tablist_4 li {
        width: 50%;
    }

        .tab_boxtype.tablist_4 li:nth-child(1) a, .tab_boxtype.tablist_4 li:nth-child(2) a {
            border-bottom: 0;
        }

    .tab_boxtype.tablist_5 li:nth-child(1), .tab_boxtype.tablist_5 li:nth-child(2), .tab_boxtype.tablist_5 li:nth-child(3) {
        width: 33.33333%;
    }

    .tab_boxtype.tablist_5 li:nth-child(4) {
        width: 50%;
    }

        .tab_boxtype.tablist_5 li:nth-child(4) a {
            margin-left: 0;
        }

    .tab_boxtype.tablist_5 li:nth-child(5) {
        width: 50%;
    }

        .tab_boxtype.tablist_5 li:nth-child(4) a, .tab_boxtype.tablist_5 li:nth-child(5) a { /* border-top: 0; */
        }

    .tab_boxtype.tablist_7 li {
        width: 33.33333%;
    }

        .tab_boxtype.tablist_7 li:nth-child(4), .tab_boxtype.tablist_7 li:nth-child(5), .tab_boxtype.tablist_7 li:nth-child(6), .tab_boxtype.tablist_7 li:nth-child(7) {
            width: 25%;
        }

            .tab_boxtype.tablist_7 li:nth-child(4) a {
                margin-left: 0;
            }

    .tab_boxtype.tablist_6 li {
        width: 33.33333%;
    }

        .tab_boxtype.tablist_6 li:nth-child(1) a, .tab_boxtype.tablist_6 li:nth-child(2) a, .tab_boxtype.tablist_6 li:nth-child(3) a {
            border-bottom: 0;
        }

        .tab_boxtype.tablist_6 li:nth-child(3n+1) a {
            margin-left: 0;
        }

    .tab_linetype.tablist_6 li {
        width: 33.33333%;
        margin-bottom: 10px;
        padding-left: 10px;
    }

        .tab_linetype.tablist_6 li:nth-child(3n+1) {
            padding-left: 0;
        }

        .tab_linetype.tablist_6 li:before {
            background: none;
        }

        .tab_linetype.tablist_6 li a {
            font-size: 1.4rem;
            border-bottom: 0;
            padding: 0;
        }

            .tab_linetype.tablist_6 li a span {
                padding: 1rem 0;
                width: 100%;
                border: 1px solid #cccccc;
            }

            .tab_linetype.tablist_6 li a.on span {
                border-color: #006899;
            }

    .tab_linetype.tablist_3 li a {
        font-size: 1.4rem;
    }
    /*.tab_boxtype.tablist_4 li:nth-child(2n+1) a {margin-left: 0;}
    .tab_boxtype.tablist_4 li {width: 50%;}
    .tab_boxtype.tablist_4 li:nth-child(1) a, .tab_boxtype.tablist_4 li:nth-child(2) a { border-bottom: 0;}
    .tab_boxtype.tablist_5 li:nth-child(1), .tab_boxtype.tablist_5 li:nth-child(2), .tab_boxtype.tablist_5 li:nth-child(3) {width: 33.33333%;}
    .tab_boxtype.tablist_5 li:nth-child(4) {width: 50%;}
    .tab_boxtype.tablist_5 li:nth-child(4) a { margin-left: 0;}
    .tab_boxtype.tablist_5 li:nth-child(5) {width: 50%;}
    .tab_boxtype.tablist_5 li:nth-child(4) a, .tab_boxtype.tablist_5 li:nth-child(5) a {border-top: 0;}
    .tab_boxtype.tablist_6 li {width: 33.33333%;}
    .tab_boxtype.tablist_6 li:nth-child(1) a, .tab_boxtype.tablist_6 li:nth-child(2) a, .tab_boxtype.tablist_6 li:nth-child(3) a { border-bottom: 0;}
    .tab_boxtype.tablist_6 li:nth-child(3n+1) a {margin-left: 0;}*/
    .tab_linetype li {
        font-size: 1.3rem
    }

    .tab_linetype.btn7 {
        padding: 20px 0 15px;
        box-sizing: border-box;
    }

        .tab_linetype.btn7.choose2 {
            padding-bottom: 0;
        }

        .tab_linetype.btn7 li:first-child {
            display: none;
        }

        .tab_linetype.btn7 li {
            width: 32%;
            margin-right: 1.8%;
            margin-bottom: 10px;
        }

            .tab_linetype.btn7 li::before {
                display: none;
            }

            .tab_linetype.btn7 li:nth-child(3n+1) {
                margin-right: 0;
            }

            .tab_linetype.btn7 li a {
                height: 35px;
                border: 0 0 0 0;
                border: 1px #d1d1d1 solid;
                padding: 0 0 0 0;
            }

                .tab_linetype.btn7 li a span {
                    width: 100%;
                    height: 100%;
                    margin: 0 0 0 0;
                    padding: 0 0 0 0;
                    line-height: 35px;
                }


    /* 모달팝업(자이플러스원) */
    .pop_content.request {
        width: 95%;
        height: auto;
        margin: 0 0 0 2.5%;
        padding: 50px 30px;
        left: 0;
    }

    .pop_content.detail {
        width: 95%;
        height: auto;
        margin-left: 2.5%;
        left: 0;
    }

        .pop_content.detail li {
            width: 23.5%;
            margin-right: 2%;
        }

    .modify_form li .input_box {
        width: calc(100% - 120px);
    }

    /* 단지리스트 */
    .area_search {
        width: 100%;
        height: auto;
    }

        .area_search .search_box {
            width: 100%;
        }

        .area_search .input_box {
            width: 80%;
            height: 40px;
        }

        .area_search a.submit {
            width: 20%;
            margin-left: 0;
        }

    a.btn_choose {
        padding: 10px 15px;
        margin-bottom: 10px;
        border: 1px #d7d7d7 solid;
        display: inline-block;
        border-radius: 20px;
        color: #999;
    }

        a.btn_choose span {
            color: #666;
            font-family: 'notokr-regular'
        }

    .area_choose {
        display: none;
        padding: 20px;
        background: #eee;
    }

    .select_more {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        display: block;
    }

    .store_content img {
        width: 100%;
    }

    .area_choose .tab_linetype.btn7 a {
        border: none;
        font-size: 1.4rem;
    }

    .area_choose .tab_linetype.btn7.choose1 {
        margin-top: 20px;
    }

    /*공사중단지 상세*/
    .area_complex_info .complex_img {
        width: 100%;
        height: auto;
        float: none;
    }

    .area_complex_info .details {
        width: 100%;
        float: none;
        margin: 30px 0;
        padding: 0;
    }

        .area_complex_info .details .btn_set li {
            width: 20%;
        }

    .tab_container .tab_content img {
        width: 100%;
    }

    /* 고객문의현황 */
    .state_box ul li span {
        margin: 18px 5px;
    }

    .state_box ul li::before {
        width: 15px;
        margin: 0 10px;
    }

    .state_box ul li dt {
        font-size: 1.8rem;
    }

    /* A/S안내 */
    .content_box.as .info_box li strong {
        font-size: 2.5rem;
    }

    .content_box.as .process_box {
        padding: 20px
    }

        .content_box.as .process_box > ul > li > strong {
            font-size: 1.6rem;
        }

    /* 고객문의(write) */
    .inbox.qna_write.input_data {
        padding: 30px;
    }

    .inbox.qna_write .choose_box select {
        width: 25%;
    }

    .inbox.qna_write .choose_box .input_box {
        width: 60%;
    }

    .inbox.qna_write .choose_box a.btn_defualt {
        width: 15%;
    }

    /* A/S안내 */
    .content_box.guide .process_box {
        padding: 20px
    }

        .content_box.guide .process_box > ul > li > strong {
            font-size: 1.6rem;
        }

    .sns_box .title_box h3 {
        font-size: 1.8rem;
    }

    /* 이벤트 */
    .event_list {
        width: 49%;
        height: 350px;
        margin: 0 0.5%;
        float: left;
        box-sizing: border-box;
    }

        .event_list img {
            width: 100%;
            height: auto;
        }

        .event_list .detail_box {
            width: 100%;
            padding: 20px 0 0 0;
        }

    .title_box .detail_box {
        width: 100%;
    }

    .event_list .detail_box p {
        height: 53px;
        padding: 0 0 0 0;
        overflow: hidden;
        display: block;
    }

        .event_list .detail_box p span {
            position: static;
            display: inline-block;
        }

    .event_list .detail_box dd {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* 자이플러스원 */
    .tab_content.plus_one h3 {
        font-size: 2.2rem;
    }

    .service_box {
        width: 100%;
        margin: 0 0 30px;
    }

        .service_box img {
            width: 35%;
            float: left;
        }

        .service_box .details {
            width: 65%;
            height: auto;
            float: left;
        }

            .service_box .details dl dt {
                font-size: 1.6rem;
            }

    #container .content .content_box {
        padding: 30px 20px;
    }
    /* 레이아웃 프페임 임시 */

    /* 탭쪽에 붙여주세요 */
    /*.tab_linetype.tablist_2 li a { display:block;} */
    .tbl_guide_intbl table {
        border: 0;
    }

    .tbl_guide_intbl tbody td, .tbl_guide_intbl tbody th {
        border-left: 0;
    }

    .tbl_guide_intbl thead th {
        border-left: 0;
    }

    .tbl_guide_list dd .tbl_comment_btm {
        text-align: left;
        font-size: 1.2rem;
    }

    /* 브랜드 */
    .tbl_inner_box {
    }

    .tbl_cal_sales .br:after {
        content: '';
        display: block;
    }

    .tbl_cal_sales table {
        width: 100%;
        display: block;
    }

        .tbl_cal_sales table tfoot {
            display: block;
        }

    .tbl_cal_sales tbody {
        display: block;
        position: relative;
        overflow: hidden;
        height: 100%;
    }

        .tbl_cal_sales tbody td.etc {
            display: none;
        }

    .tbl_cal_sales thead th {
        display: none;
    }

    .tbl_cal_sales tbody th {
        display: block;
        width: 100%;
        border-bottom: 0;
        padding: 1.5rem 0;
        border-top: 1px solid #aaa;
        font-size: 1.6rem;
        border-bottom: 1px solid #aaa;
    }

    .tbl_cal_sales tbody td, .tbl_cal_sales tfoot td {
        display: block;
        text-align: left;
        padding: 0;
        font-size: 1.4rem;
        line-height: 40px;
    }

    .tbl_cal_sales tbody tr, .tbl_cal_sales tfoot tr {
        display: block;
    }

    .tbl_cal_sales tbody td.cl_label {
        float: left;
        width: 70%;
        border-left: 0;
        padding: 0 0 0 1.2rem;
    }

        .tbl_cal_sales tbody td.cl_label label {
            display: block;
            cursor: pointer;
        }

    .tbl_cal_sales tbody td.cl_radio {
        float: left;
        width: 15%;
        text-align: center;
    }

    .tbl_cal_sales tbody td.cl_val {
        float: left;
        width: 15%;
        text-align: center;
    }

        .tbl_cal_sales tbody td.cl_val:after {
            content: '';
            clear: both;
            display: table;
        }

    .tbl_cal_sales tbody td.lght {
        height: 70px;
        line-height: 25px !important;
    }

        .tbl_cal_sales tbody td.lght.cl_label {
            padding-top: 10px;
        }

        .tbl_cal_sales tbody td.lght.cl_radio {
            line-height: 65px !important;
        }

        .tbl_cal_sales tbody td.lght.cl_val {
            line-height: 65px !important;
        }

    .tbl_cal_sales tr.total_data th {
        width: 100%;
        display: block;
    }

    .tbl_cal_sales tr.total_data td.cl_label {
        display: none !important;
    }

    .tbl_cal_sales tr.total_data td.cl_radio {
        border-left: 0;
        border-bottom: 1px solid #aaa;
    }

    .tbl_cal_sales tr.total_data td.etc {
        display: none !important;
    }

    .tbl_cal_result thead th, .tbl_cal_result tbody th, .tbl_cal_result tbody td, .tbl_cal_result tfoot th, .tbl_cal_result tfoot td {
        font-size: 1.4rem;
    }

    /* 갤러리 */
    .full_container {
        margin: 0 -20px;
    }

    .white_bg_con {
        padding: 4rem 0 0;
    }

    .brand_top .left_sec {
        width: auto;
        padding: 0 50px;
        left: 0;
    }

        .brand_top .left_sec .b_tit {
            font-size: 5.5rem;
            line-height: inherit;
            margin-top: -50px;
        }

            .brand_top .left_sec .b_tit strong {
                height: inherit;
                margin-bottom: 0;
            }

        .brand_top .left_sec .b_txt {
            padding: 4% 0 6%;
            font-size: 1.4rem;
        }

    .brand_top .vis_img {
        margin: 0 -20px;
    }

    .brand_top .b_util li .b_list_con dl dd {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1.3rem
    }

    .brand_top .b_util .br:after {
        display: inline;
    }

    .brand_color .br:after {
        display: inline;
    }

    .brand_color .color_img {
        float: none;
        margin-top: -40px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        text-align: center;
        width: 100%;
    }

        .brand_color .color_img img {
        }

        .brand_color .color_img:after {
            display: none;
        }

    .brand_color dl.color_txt {
        text-align: center;
        padding: 0 20px 40px;
        white-space: normal;
    }

        .brand_color dl.color_txt dt {
            font-size: 2.2rem;
        }

        .brand_color dl.color_txt dd {
            font-size: 1.4rem;
        }


    .gallery_top .txt_con {
        margin-top: 0;
        padding: 0;
        background: #8894b4;
    }

        .gallery_top .txt_con.sepia {
            background: #9f907b;
        }

        .gallery_top .txt_con:after {
            display: none;
        }

        .gallery_top .txt_con .gall_tit_box {
            font-size: 2.2rem;
            padding: 4rem 2rem 0;
            letter-spacing: -0.1rem;
        }

            .gallery_top .txt_con .gall_tit_box strong {
                font-size: 3.6rem;
                padding-top: .6rem;
            }

    .gallery_top .gall_txt_box {
        padding-top: 2.5rem;
        display: block;
        padding-bottom: 0;
    }

        .gallery_top .gall_txt_box .left_sec {
            font-size: 1.6rem;
            display: block;
            white-space: normal;
            padding: 0 2rem 3rem;
        }

        .gallery_top .gall_txt_box span.br:after {
            display: inline;
        }

        .gallery_top .gall_txt_box .right_sec {
            display: block;
            background: #fff;
            padding: 2.5rem 2rem;
            line-height: 1.8;
            position: relative;
            font-size: 1.5rem;
        }

            .gallery_top .gall_txt_box .right_sec:before {
                display: none;
            }

            .gallery_top .gall_txt_box .right_sec p:first-child {
                margin-bottom: 2rem;
            }

    .gallery_btm .left_sec {
        display: block;
        width: 100%;
        padding: 0 2rem;
        line-height: 1.6;
        font-size: 1.5rem;
    }

    .gallery_btm .right_img {
        display: block;
        padding: 2rem;
    }

    .gallery_btm.dc_btm .left_sec {
        width: 100%;
    }

    .gallery_btm.dc_btm .right_img {
        text-align: center;
    }

        .gallery_btm.dc_btm .right_img img {
            max-width: 300px;
        }

    .space_tab_con {
        margin-top: 2rem;
    }

    .gallery_space .space_tab > li dl > dt {
        height: inherit;
        padding: .5rem 0;
        font-size: 2rem;
    }

    .gallery_space .space_tab > li dl > dd {
        width: inherit;
        height: inherit;
        padding: .5rem 2rem .5rem 0;
    }

    .gallery_space .space_tab > li {
        width: 100%;
        float: none;
    }

        .gallery_space .space_tab > li ul.bl_dot li {
            font-size: 1.4rem;
            width: auto;
        }

    .gallery_space .tab_content_wrap .tab_content {
        padding: 0 1rem;
    }

    /* 공사중 단지 상세 */
    .area_complex_info .complex_img {
        width: 100%;
        height: auto;
        float: none;
    }

    .area_complex_info .details {
        width: 100%;
        float: none;
        margin: 30px 0;
        padding: 0;
    }

        .area_complex_info .details .btn_set li {
            width: 20%;
        }

    .tab_container .tab_content img {
        width: 100%;
    }

    .con_tbl tbody td {
        border-left: 0;
    }

    /* 회원정보수정 */
    .inbox.confirm_form {
        padding: 15px 35px 35px;
    }
}

@media only screen and (max-width:720px) {
    /* 서비스 신청 현황 */
    .common_tb.service thead .type1 {
        width: 100px;
    }

    .common_tb.service thead .date, .common_tb.service thead .time {
        width: 80px;
    }

    .con_tbl {
        border-top: 0;
    }

        .con_tbl table {
            width: 100%;
            display: block;
        }

        .con_tbl thead th {
            display: none;
        }

        .con_tbl tbody th {
            display: none;
            width: 100%;
            border-bottom: 0;
            border-top: 1px solid #aaa;
        }

        .con_tbl tbody td {
            display: block;
            width: 100%;
            text-align: left;
            padding: 1.4rem 0;
        }

            .con_tbl tbody td > a {
                display: table-cell;
                padding-left: 1rem;
            }

            .con_tbl tbody td .in_cell {
                display: table-cell;
                padding-left: 1rem;
            }

        .con_tbl tbody tr {
            display: block;
            margin-bottom: 20px;
        }

        .con_tbl tbody td .tbl_btns {
            display: table-cell;
        }

        .con_tbl tbody td .txtblock {
            display: table-cell;
            padding-left: 1rem;
        }

        .con_tbl tbody td.sbj {
            padding: 1.4rem 0;
            border-top: 1px solid #aaa;
        }

        .con_tbl tbody td.danzi {
            padding: 1.4rem 0.5rem;
            border-top: 1px solid #aaa;
        }

        .con_tbl tbody td.local {
            border-top: 1px solid #aaa;
        }

            .con_tbl tbody td.local:before {
                content: '지역 :';
                display: table-cell;
                color: #222;
                width: 100px;
                padding-left: 1rem;
            }

        .con_tbl tbody td.sbj:before {
            content: '제목 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }

        .con_tbl tbody td.danzi:before {
            content: '단지명 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }

        .con_tbl tbody td.date:before {
            content: '사전방문행사일 :';
            display: block;
            width: 120px;
            color: #222;
            float: left;
            padding-left: 1rem;
        }

        .con_tbl tbody td.btninner:before {
            content: '입주안내책자 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }

        .con_tbl tbody td.btninner21:before {
            content: '행사안내 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }

        .con_tbl tbody td.btninner22:before {
            content: '자주하는 질문 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }

        .con_tbl tbody td.btninner23:before {
            content: '입주 시 지급 및 설치품목 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }

        .con_tbl tbody td.btninner24:before {
            content: '하자 오접수 사례 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }

        .con_tbl tbody td.btninner25:before {
            content: '점검입력 매뉴얼 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }

        .con_tbl tbody td.loc_view:before {
            content: '위치 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }

        .con_tbl tbody td.test_view:before {
            content: '공기질 테스트 결과 :';
            display: table-cell;
            width: 120px;
            color: #222;
            padding-left: 1rem;
        }
}

@media only screen and (max-width:768px) {
/* 견본주택사전방문예약 */
		.ar_check_list ul li {border-bottom:none; margin-bottom:10px;}
		.ar_check_list label {width: 100%; text-align: center; background: #f1f1f1; border: 1px #d6d6d6 solid; border-bottom: none;}
		.ar_check_list .input_box #visitDate {width:100%;}
        .ar_check_list .input_box #visitTime {width:100%;}
		.ar_check_list .input_box #h_size {width:100%;}
        .ar_check_list .input_box #h_type {width:100%;}
		.ar_check_list .input_box {width:100%; height:auto; white-space: normal }
		.ar_check_list .input_box input {width:100%;}
		.ar_check_list .input_box span {width:100%; text-align:center;}
		.ar_check_list .input_box  #name {width:100%; height:50px;}
		.ar_check_list .input_box  #phone {height:50px;}
		.ar_check_list .input_box strong {display:block;width:100%; margin-left:0; margin-top:10px;}
		.ar_check_list .input_box strong.time_info {height:20px; line-height:20px; margin-top:0; margin-bottom:10px;}
		.ar_check_list .input_box input.gender_select {display:inline-block; }
		.ar_check_list .input_box #age {width:100%;}
		.ar_check_list .input_box #vschedule {width:100%;}
		.ar_check_list .input_box #interest_type {width:100%;}
		.ar_check_list .input_box #ranking {width:100%;}
		.ar_check_list .input_box.input_box_line {text-align:center; border: 1px #eaeaea solid; }
		.ar_check_list .input_box.pc_view {display:none;}
		.ar_check_list .input_box.m_view {display:block; width:100%;}
		.ar_check_list .input_box input {margin-right:10px;}
		.ar_check_list .input_box input.m_input {width:38%;}
		.ar_check_list .input_box input.m_input02 {margin-right:0;}
		.ar_check_list .input_box select {height:50px;}
		.ar_check_list .input_box select.address_box {width:21.5%;}
		.ar_check_list .input_box select.address_box02 {width:38%;}
		.ar_check_list .input_box select.address_box03 {width:38%;}
		

		/*카카오채널*/
		.kakao_ch {margin-bottom:30px; }
		.kakao_ch > a > img {width:100%; height:auto;}

}
@media only screen and (max-width:640px) {
    /* paging */
    .paging a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .paging strong {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    #container {
        min-height: 0;
        padding-bottom: 30px;
    }

        #container.sub .content.member {
            width: 95%;
            height: auto;
            margin: 0 auto;
        }

    a.submit {
        height: 50px;
        font-size: 2rem;
        line-height: 50px;
    }

    .lnb {
        display: none;
    }

    .input_box {
        font-size: 1.4rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 10px;
    }

	.last_address .m_address_box_wrap {overflow:visible;}

        .input_box input, .input_box span, .input_box label {
            padding-left: 10px
        }

    .tab_linetype.unit li {
        width: 33.3333%;
    }

        .tab_linetype.unit li a {
            font-size: 1.4rem;
            padding: 0 0 0 0;
        }

        .tab_linetype.unit li:nth-child( 3n + 1 )::before {
            display: none;
        }

    #container .content {
        padding-top: 40px;
    }

    h2 {
        font-size: 3rem;
    }

    p.summary {
        margin-bottom: 30px;
        font-size: 1.4rem;
        line-height: 2rem;
        padding: 0 10px;
    }

    .mobile_lnb {
        width: 100%;
        text-align: center;
        border-top: 1px #e1e1e1 solid;
        border-bottom: 1px #e1e1e1 solid;
        overflow: hidden;
        font-family: 'notokr-medium';
        display: block;
    }

        .mobile_lnb::-webkit-scrollbar {
            display: none;
        }

        .mobile_lnb ul {
            position: relative;
        }

        .mobile_lnb li {
            width: 50%;
            line-height: 50px;
            font-size: 1.6rem;
            position: relative;
            float: left;
        }

            .mobile_lnb li a {
                display: block;
                position: relative;
            }

            .mobile_lnb li.on a {
                color: #006899;
            }

            .mobile_lnb li.on::after {
                content: "";
                width: 80%;
                height: 3px;
                margin-left: 10%;
                display: block;
                position: absolute;
                background: #006899;
                left: 0;
                bottom: 0;
            }

    .pop_content.search_complex .search_box {
        height: auto;
        margin-bottom: 20px;
    }

    .pop_content.search_complex .input_box {
        width: calc(100% - 95px);
    }

    .pop_content.search_complex .submit.search {
        font-size: 1.4rem;
        margin: 0 0 0 0;
    }

    .pop_content .scr_box p {
        font-size: 1.4rem;
    }

    .pop_content.search_complex .scr_box .complex_list {
        font-size: 1.4rem;
        line-height: 30px;
    }

    .pop_content button.btn_close, .pop_content a.btn_close {
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        background-position: -25px;
        background-size: auto 25px;
    }

    #container .content .content_box.login {
        padding: 30px;
    }

    .login .input_form {
        width: 100%;
        padding-top: 30px;
    }

    .login .link_form li {
        font-size: 1.4rem;
        padding: 0 5px;
    }

        .login .link_form li::after {
            margin: -5px 0 0;
        }

    #container.sub .content.member p.caution {
        font-size: 1.4rem;
        -ms-word-break: keep-all;
        word-break: keep-all;
        line-height: 20px;
    }

    .area_agree a.submit {
        width: 100%;
    }

    .area_agree .info_box .agree_form {
        height: 50px;
        padding: 0 10px;
    }

    .area_agree .agree_form label > strong {
        font-size: 2rem;
    }

    .area_agree .agree_form label > span {
        top: 6px;
    }

    .info_box .scr_box {
        height: 150px;
        margin-bottom: 20px;
        padding: 20px;
    }

    .scr_box h3.title {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }

    .content.rules .content_box h3.title {
        font-size: 1.8rem;
    }

    .content.rules .content_box.video .old_rules, .content.rules .content_box.pri .old_rules {
        height: auto;
    }

        .content.rules .content_box.video .old_rules select, .content.rules .content_box.pri .old_rules select {
            width: 80%;
            font-size: 1.4rem;
        }

        .content.rules .content_box.video .old_rules a, .content.rules .content_box.pri .old_rules a {
            width: 20%;
            margin-left: 0;
        }

        .content.rules .content_box.video .old_rules label, .content.rules .content_box.pri .old_rules label {
            width: 100%;
        }

    .content.rules .content_box.pri div.chapter h3 {
        font-size: 2rem;
    }

    .content.rules .content_box h4.chapter {
        line-height: 20px;
    }

    .content.rules .content_box.pri div.chapter ol {
        margin-left: 10px;
    }

    .table_scroll {
        width: 100%;
        height: auto;
        overflow-x: scroll;
    }

    .content.rules .table_scroll table {
        width: 800px
    }

    .table_scroll span.caution {
        display: block;
    }

    .data_input li label {
        width: 100px;
        height: 100%;
        font-size: 1.4rem;
    }

    .agree_box {
        height: auto;
        margin: 30px 0;
        padding-left: 0;
    }

        .agree_box .agree_form label {
            height: 38px;
            display: table;
        }

            .agree_box .agree_form label strong {
                display: table-cell;
                vertical-align: middle;
                line-height: 18px;
            }

                .agree_box .agree_form label strong > span {
                    font-size: 1.4rem;
                }

        .agree_box .agree_form span {
            left: 0;
            top: 0;
        }

        .agree_box .agree_form input {
            width: 38px;
            height: 38px;
            margin-right: 15px;
        }

    .content_box.join .btn_set span, .content_box.join .btn_set span a {
        font-size: 1.4rem;
    }

    #container .content .content_box.mail {
        padding: 150px 15px 20px;
    }

    .content_box.join {
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

        .content_box.join .btn_set {
            padding: 20px 0;
        }

            .content_box.join .btn_set span {
                line-height: 18px;
            }

    #container .content .content_box.end {
        padding: 150px 15px 20px;
    }

    .join.end {
        background-position: center 30px;
    }

    .content_box.end p {
        text-align: center;
    }

    .inbox.modify_form h3 {
        font-size: 3rem;
    }

    .inbox.modify_form {
        padding: 40px 20px;
    }
    .modify_form select {
        width: calc(100% - 100px);
        margin: 5px 0;
    }

	.modify_form select.address_box {width:21%;}
	.modify_form select.address_box02 {width:38%;}
	.modify_form select.address_box03 {width:38%;}
	.modify_form .last_address {height:185px !important;}
    .modify_form.add_info select {
        width: calc(100% - 100px);
        margin: 5px 0;
    }

    .modify_form li .input_box {
        width: calc(100% - 100px);
    }

    .add_info .input_wrap {
        width: calc(100% - 100px);
    }

    .modify_form.add_info input.input_mycomplex {
        width: calc(100% - 90px);
    }

    .modify_form li label, .modify_form li input, .modify_form li .input_box span, .modify_form.add_info select, .add_info .input_wrap span {
        font-size: 1.4rem;
    }

    .add_info .input_phone, .add_info .input_name, .add_info .input_mycomplex {
        width: 100%;
    }

    .modify_form .btn_defualt {
        width: 100px;
        top: 0;
        right: 0;
    }

    .modify_form li label {
        width: 100px;
    }

    .add_info .input_wrap span input.input_complexno {
        width: 30%;
    }

    /* 캘린더 */
    .inbox.calender .title h3 {
        font-size: 2rem;
        line-height: 50px;
    }

    .inbox.calender .title {
        height: 50px;
    }

        .inbox.calender .title button {
            height: 40px;
            margin: 5px 0;
            line-height: 38px;
        }

    .inbox.calender ul {
        padding: 30px;
    }

        .inbox.calender ul dd {
        }

        .inbox.calender ul > li > dl > dd > dl > dt span {
            padding: 3px 5px;
            font-size: 1.3rem;
        }

        .inbox.calender ul > li > dl > dd > dl > dd {
            font-size: 1.4rem;
        }

            .inbox.calender ul > li > dl > dd > dl > dd a {
                font-size: 1.4rem;
            }

    .inbox.calender .sticker {
        font-size: 1.4rem;
    }

    .inbox.calender ul > li > dl > dd > dl {
        width: 100%;
    }


    /* 모달팝업(자이플러스원) */
    .pop_content.detail h3, .pop_content.request h3 {
        font-size: 2rem;
    }

    .pop_content.pre_visit h3 {
        font-size: 2.5rem;
    }

    .pop_content.request label strong {
        font-size: 1.8rem;
    }

    .pop_content.request li {
        margin-top: 30px
    }

    .pop_content.detail, .pop_content.request {
        padding: 50px 20px 20px;
    }

        .pop_content.detail table {
            margin-top: 20px;
            line-height: 18px;
        }

        .pop_content.detail tr th {
            width: 30%;
        }

        .pop_content.detail tr td {
            padding: 10px;
        }

    /* 자이스토리 */
    .pop_content.video {
        width: 95%;
        left: 2.5%;
        padding: 40px 10px;
    }

        .pop_content.video .video_content .video_box {
            width: 100%;
            margin: 0 auto;
        }

        .pop_content.video .video_content .scr_box {
            width: 100%;
            height: 130px;
            padding: 20px;
        }

        .pop_content.video .video_content .btn_set {
            width: 100%;
        }

        .pop_content.video button.btn_close {
            right: 10px;
        }

    /* 지도서비스 */
    .pop_content.map {
        width: 95%;
        height: auto;
        padding: 50px 20px 20px;
        margin-left: 2.5%;
        left: 0;
    }

    /* 모달팝업(당첨자발표) */
    .modalpop .pop_content.win, .modalpop .pop_content.fail {
        left: 50%;
    }

    .content_box.story .select_more select {
        width: 80%;
        float: left
    }

    .story_box ul li:first-child {
        font-size: 1.8rem;
    }

    .content_box.story .story_box {
        width: 100%;
        margin: 0 0 20px;
    }

    /* 분양상담 */
    .pop_content strong {
        font-size: 2rem;
        line-height: 14px;
    }

    .modalpop .pop_content {
        width: 95%;
        height: auto;
        padding: 50px 20px 40px;
        margin-left: 2.5%;
        left: 0;
    }

        .modalpop .pop_content.counsel strong span {
            font-size: 1.2rem;
        }

    .pop_content .scr_box {
        font-size: 1.2rem;
        line-height: 16px;
    }

        .pop_content .scr_box h1 {
            font-size: 1.6rem;
        }

    .pop_content.counsel .title {
        height: 40px;
        padding-left: 20px;
        font-size: 1.6rem;
        line-height: 40px;
    }

    .pop_content.counsel .input_box {
        font-size: 1.2rem;
    }

        .pop_content.counsel .input_box textarea {
            height: 80px;
        }

    /* 단지리스트 */
    .complex_box .sticker {
        width: 80px;
        height: 40px;
        line-height: 40px;
        font-size: 1.4rem;
    }

    .area_complex_info .details h3 {
        font-size: 2.2rem;
    }

    .complex_box .details {
        height: auto;
    }

    .complex_box {
        width: 100%;
        margin: 0 auto 30px;
        float: none;
        float: none;
    }

        .complex_box:nth-child(3n+3) {
            margin-right: 0;
        }

    .tab_content .no_result {
        padding: 244px 30px 50px;
        font-size: 1.8rem;
        -ms-word-break: keep-all;
        word-break: keep-all;
        line-height: 22px;
        background-position: center 70px;
    }

    .area_choose .tab_boxtype.tablist_3 {
        overflow: visible
    }

        .area_choose .tab_boxtype.tablist_3 li {
            width: 33.3333%;
            float: left;
        }

            .area_choose .tab_boxtype.tablist_3 li a {
                border: none;
                outline: 1px solid #d7d7d7;
            }

    .select_more select {
        width: 100%;
    }

    .area_complex_info .details dl dd {
        height: auto;
        text-overflow: clip;
        overflow: visible;
        white-space: normal;
    }
    /* 고객문의현황 */
    .state_box ul li {
        height: 70px;
    }

    .tab_content.qna .state_box {
        padding: 10px 0;
    }

        .tab_content.qna .state_box ul {
            height: auto;
        }

    .state_box ul {
        width: 250px;
    }

        .state_box ul li::before {
            display: none;
        }

        .state_box ul li dt, .state_box ul li dd {
            float: left;
        }

        .state_box ul li dt {
            margin-right: 10px;
        }

        .state_box ul li span {
            margin: 8px 20px 8px 0;
        }

    .common_tb.qna thead th {
        font-size: 1.4rem;
    }

    .common_tb.qna thead .type {
        display: none;
    }

    .common_tb.qna tbody .type {
        width: 100%;
        border-bottom: none;
        text-align: left;
        padding: 10px 0 0 10px;
        float: left;
    }

    .common_tb.qna tbody .title {
        width: 100%;
        float: left;
        padding-top: 5px;
    }

    .common_tb.qna thead .num, .common_tb.qna tbody .num {
        display: none;
    }

    .tab_content.qna table tbody th {
        padding: 0 5px;
        font-size: 1.4rem;
    }

    .tab_content.qna h3 {
        font-size: 2rem;
    }

    .common_tb.service tbody td.noList {
        width: 100%;
    }
    /* 서비스 신청 현황 */
    .common_tb.service thead th {
        font-size: 1.4rem;
        background: #fff;
        border-top: 2px #000 solid;
    }

    .common_tb.service tbody .type1 {
        font-size: 1.4rem;
        color: #333;
        font-family: 'notokr-medium';
    }

    .common_tb.service thead {
        display: none;
    }

    .common_tb.service tbody td {
        width: 100%;
        height: inherit;
        padding: 0 0 0 0;
        float: left;
        line-height: 40px;
    }

    .common_tb.service tbody tr {
        border-top: 2px #d6d6d6 solid;
        clear: both;
        overflow: hidden;
        display: block;
    }

    .common_tb.service tbody .date::before {
        content: "신청일 :";
    }

    .common_tb.service tbody .time::before {
        content: "신청시간 :";
    }

    .common_tb.service tbody .state {
        width: 100%;
        margin-bottom: 20px;
        border-bottom: none;
    }

        .common_tb.service tbody .state::after {
            content: "";
            display: block;
            clear: both;
        }

    .common_tb.service tbody td.state.pluse_one {
        height: inherit; /*font-size:0;*/
    }

    .tab_content.service a.btn_defualt {
        width: 50%;
        height: 40px;
        float: left;
        line-height: 40px;
    }

        .tab_content.service a.btn_defualt.check {
            width: 100%;
        }
    /* A/S안내 */
    .content_box.as .info_box li, .content_box.as .info_box li:last-child, .content_box.as .info_box li .btn_set {
        width: 100%;
    }

        .content_box.as .info_box li:last-child {
            margin-top: 20px;
            padding: 0 0;
        }

    .content_box.as h3 {
        font-size: 2rem;
    }

    .content_box.as .process_box {
        padding: 20px;
    }

        .content_box.as .process_box > ul > li {
            width: 100%;
            margin: 20px 0;
            text-align: left;
        }

            .content_box.as .process_box > ul > li > strong {
                font-size: 1.4rem;
            }

            .content_box.as .process_box > ul > li ul {
                margin-top: 10px;
                margin-right: 0;
                font-size: 1.2rem;
            }

                .content_box.as .process_box > ul > li ul li {
                    line-height: 15px;
                }

            .content_box.as .process_box > ul > li::before {
                top: auto;
                bottom: -10px;
                border-bottom: 1px #ddd dashed;
            }

            .content_box.as .process_box > ul > li > span {
                width: 100px;
                height: 60px;
                margin-right: 20px;
                float: left;
            }

            .content_box.as .process_box > ul > li:nth-child(1) > span {
                margin-bottom: 40px;
            }

            .content_box.as .process_box > ul > li:nth-child(5)::before {
                display: none;
            }

    /* 고객문의(write) */
    .input_data textarea {
        padding: 10px 0;
    }

    .inbox.qna_write.input_data {
        padding: 20px;
        font-size: 1.4rem;
    }

        .inbox.qna_write.input_data li .input_box {
            height: 50px;
        }

            .inbox.qna_write.input_data li .input_box input {
                height: 100%;
            }

            .inbox.qna_write.input_data li .input_box label {
                height: 100%;
                line-height: 50px;
            }

        .inbox.qna_write.input_data label.textarea {
            white-space: pre-wrap;
            line-height: 25px !important;
            padding-top: 10px !important;
        }

    .input_data .add_info {
        height: auto;
    }

    .input_data .add_file {
        height: auto;
    }

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

    .input_data .add_info label::after {
        content: "";
        display: block;
        clear: both;
    }

    .input_data .add_info span {
        width: 100%;
        height: 40px;
        display: block;
    }

        .input_data .add_info span input {
            width: 43%;
            margin: 10px 0 0 0;
            padding: 0 0 0 10px;
        }

    .input_data .add_file label {
        width: 100%;
    }

    .input_data .add_file input {
        width: 70%;
        padding: 0;
        height: 40px;
    }

    .input_data .add_file a {
        width: 27%;
    }

    /* A/S안내 */
    .content_box.guide .process_box.type3 {
        padding: 20px 0;
    }

    .content_box.guide .process_box > ul > li > strong {
        font-size: 1.4rem
    }

    .content_box.guide .process_box.type5 {
        padding: 20px;
    }

        .content_box.guide .process_box.type5 > ul > li {
            width: 100%;
            margin: 20px 0;
            text-align: left;
        }

            .content_box.guide .process_box.type5 > ul > li > strong {
                font-size: 1.4rem;
            }

            .content_box.guide .process_box.type5 > ul > li ul {
                margin-top: 10px;
                margin-right: 0;
                font-size: 1.2rem;
            }

                .content_box.guide .process_box.type5 > ul > li ul li {
                    line-height: 15px;
                }

            .content_box.guide .process_box.type5 > ul > li::before {
                top: auto;
                bottom: -10px;
                border-bottom: 1px #ddd dashed;
            }

            .content_box.guide .process_box.type5 > ul > li > span {
                width: 100px;
                height: 60px;
                margin-right: 20px;
                float: left;
            }

            .content_box.guide .process_box.type5 > ul > li:nth-child(5)::before {
                display: none;
            }

    /* 자이소식 */
    .common_tb tbody td {
        font-size: 1.4rem;
    }

    .title_box {
        padding: 20px 10px;
    }

        .title_box h3 {
            font-size: 2rem;
            line-height: 25px;
            -ms-word-break: keep-all;
            word-break: keep-all;
        }

    .view_box {
        padding: 30px 10px;
    }

        .view_box > div, .view_box > div > div, .view_box > div > div > div {
            width: 100% !important;
        }

    .list_box dt {
        width: 30%;
        padding: 0 0 0 0;
        box-sizing: border-box;
        text-align: center;
    }

    .list_box dd {
        width: 70%;
        padding: 0 0 0 0;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .search_box {
        height: auto;
    }

        .search_box .num {
            display: none;
        }

        .search_box span {
            width: 100%
        }

            .search_box span select {
                width: 100%;
                margin: 0 0;
                font-size: 1.4rem;
                border-bottom: none;
            }

            .search_box span .input_box {
                width: 80%;
                margin: 0 0;
            }

            .search_box span .btn_defualt {
                width: 20%;
            }

    .content_box.news .common_tb thead th, .content_box.award .common_tb thead th {
        font-size: 1.4rem;
    }

    .content_box.news .common_tb .num, .content_box.award .common_tb .num {
        display: none;
    }

    .content_box.news .common_tb .title, .content_box.award .common_tb .title {
        width: 75%;
    }

    .sns_box, .photo_box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

        .sns_box .title_box {
            display: block;
        }

        .sns_box.trend .title_box {
            display: none;
        }

        .photo_box .txt_box {
            display: block;
        }

    /* 이벤트 */
    .event_list {
        width: 100%;
        height: auto;
        margin: 0 0;
    }

        .event_list .detail_box p {
            height: auto;
        }

        .event_list .detail_box dl {
            height: auto;
        }

        .event_list .detail_box dt {
            margin-right: 0;
        }

        .event_list .detail_box dd {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

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

    .title_box .detail_box dt::after {
        display: none;
    }

    .title_box .detail_box dd {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* 청약당첨조회 */
    .tab_content .search_form span.summary {
        line-height: 20px;
    }

    .tab_content .search_form {
        padding-top: 230px;
        margin-top: 30px;
        padding-top: 150px;
        background-size: 250px;
    }

        .tab_content .search_form label {
            width: 100%;
            text-align: center;
            background: #f1f1f1;
            border: 1px #d6d6d6 solid;
            border-bottom: none;
        }

        .tab_content .search_form .input_box {
            width: 100%;
            height: auto;
        }

            .tab_content .search_form .input_box input, .tab_content .search_form .input_box select, .tab_content .search_form .input_box span {
                width: 100%;
                height: 50px;
                text-align: center;
            }

            .tab_content .search_form .input_box strong {
                display: block;
                margin-top: 10px;
            }

        .tab_content .search_form .btn_set {
            margin: 20px 0;
        }

		


        /* 중도금 조회 */
        .tab_content .search_form strong {
            font-size: 2.5rem;
            line-height: 35px;
        }

        .tab_content .search_form.middle_payment {
            width: 100%;
        }

    .search_form.middle_payment label {
        width: 100%;
    }

    .search_form.middle_payment .input_box {
        width: 100%;
    }

        .search_form.middle_payment .input_box input#name {
            width: 100%;
        }

        .search_form.middle_payment .input_box span.name {
            width: 100%;
        }

        .search_form.middle_payment .input_box input#birthday {
            width: 100%;
        }

        .search_form.middle_payment .input_box span.birthday {
            width: 100%;
        }        

        .search_form.middle_payment .input_box input {
            width: 80%;
        }

        .search_form.middle_payment .input_box span {
            width: 80%;
            padding-left: 0;
            overflow: hidden;
        }

        .search_form.middle_payment .input_box a {
            width: 20%;
        }

    /* 자이플러스원 */
    .service_box img {
        width: 100%;
        float: left;
    }

    .service_box .details {
        width: 100%;
        height: auto;
        float: left;
    }

    .service_box.type_02 img {
        width: 100%;
    }

    .service_box.type_02 .details {
        width: 100%;
        padding: 20px;
    }

    .content_box .btn_set.service {
        width: 100%;
    }

    .tab_content {
        margin-top: 20px;
    }

    #container .content .content_box {
        padding: 20px 15px;
    }

    .white_bg_con {
        padding: 2rem 0 0;
    }

    .full_container {
        margin: 0 -15px;
    }

    .white_bg_con .container_wrap {
        padding: 0;
    }

    .full_container .container_wrap {
        padding: 0;
    }

    /* 공통버튼쪽 붙여주세요 */
    .btns_set {
        padding: 2rem 0;
    }

        .btns_set .tblbtn.lgbtn {
            font-size: 1.3rem;
            padding: 1rem 2rem;
        }

    /* 탭쪽에 붙여주세요 */
    .tab_boxtype.tablist_3 li {
        width: 100%;
    }

        .tab_boxtype.tablist_3 li a, .tab_boxtype.tablist_3 li button {
            margin-left: 0;
        }
    /*.tab_linetype.tablist_2 li span {font-size:1.4rem;}*/


    /* 브랜드 */
    .sale_guide_tit dt {
        display: block;
        margin-bottom: 15px;
        font-size: 1.4rem;
    }

    .sale_guide_tit dd {
        display: block;
    }

    .tbl_guide_list dl {
        margin-bottom: 1rem;
    }

    .tbl_guide_list dt {
        display: block;
        width: 100%;
        text-align: center;
        padding: 1.2rem 0;
    }

    .tbl_guide_list dd {
        display: block;
        width: 100%;
        padding: 1.5rem 1.2rem;
        border-left: 1px solid #d6d6d6;
        text-align: center;
        font-size: 1.4rem;
    }

    .tbl_guide_intbl {
        margin: 0 0 10px 0;
    }

        .tbl_guide_intbl thead th {
            background: #fff;
            border-top: 1px solid #aaa;
        }

            .tbl_guide_intbl thead th:first-child {
                border-left: 0;
            }

    .tbl_guide_list dd .br {
        display: block;
    }

    .tbl_cal_result thead th, .tbl_cal_result tbody th, .tbl_cal_result tbody td, .tbl_cal_result tfoot th, .tbl_cal_result tfoot td {
        font-size: 1.3rem;
    }

    .brand_top .left_sec {
        position: static;
        margin: -10% -18% 0;
        top: 0;
        text-align: left;
        margin-top: -10%;
        display: inline-block;
        padding: 0 20%;
    }

        .brand_top .left_sec .b_tit {
            font-size: 4.5rem;
            margin-top: -42px;
            display: inline-block;
        }

            .brand_top .left_sec .b_tit strong {
                height: inherit;
                margin-bottom: 0;
            }

        .brand_top .left_sec .b_txt {
            padding: 4% 0 6%;
            font-size: 1.4rem;
        }

    .brand_top .vis_img {
        margin: 0 -20px;
    }

    .container_wrap span.br:after {
        display: inline;
    }

    .brand_top .b_util {
        padding: 0;
        padding-bottom: 20px;
    }

        .brand_top .b_util ul {
            display: block;
        }

        .brand_top .b_util li {
            display: block;
        }

            .brand_top .b_util li .b_list_con {
                text-align: left;
                white-space: normal;
            }

                .brand_top .b_util li .b_list_con:after {
                    width: 100%;
                    height: 1px;
                    top: 0;
                    left: 0;
                }

                .brand_top .b_util li .b_list_con .b_icon {
                    display: table-cell;
                    padding: 0;
                    vertical-align: middle;
                    width: 110px;
                    padding: 15px 15px 15px 0;
                }

                .brand_top .b_util li .b_list_con dl {
                    display: table-cell;
                    vertical-align: middle;
                }

                    .brand_top .b_util li .b_list_con dl dt {
                        padding-top: 10px;
                    }

                    .brand_top .b_util li .b_list_con dl dd {
                        padding: 10px 0;
                    }

    .brand_color .color_img {
        float: none;
        margin-top: -20px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
        text-align: center;
        width: 100%;
    }

        .brand_color .color_img img {
            max-width: 239px;
        }

        .brand_color .color_img:after {
            display: none;
        }

    .brand_color dl.color_txt {
        padding: 0 0 3rem;
        white-space: normal;
    }

        .brand_color dl.color_txt dt {
            font-size: 1.6rem;
            text-align: left;
        }

        .brand_color dl.color_txt dd {
            padding-top: 1rem;
            text-align: left;
            font-size: 1.3rem;
        }

    .brand_logo .bi_logo_list li:nth-child(even) {
        text-align: left;
    }

    .brand_logo .bi_logo_list {
        margin-right: 0;
        padding: 1rem 0;
    }

        .brand_logo .bi_logo_list li {
            padding-right: 0;
            float: none;
            width: 100%;
        }

            .brand_logo .bi_logo_list li .logo_con {
                width: 100%;
                margin-top: 3rem;
            }

                .brand_logo .bi_logo_list li .logo_con .logo_img img {
                    max-width: none;
                }

                .brand_logo .bi_logo_list li .logo_con h4 {
                    font-size: 1.4rem;
                }

                    .brand_logo .bi_logo_list li .logo_con h4:before {
                        height: 2px;
                        width: 40px;
                    }

    .gall_slide_con .nav_btns {
        left: 2rem;
        bottom: -3rem;
    }

        .gall_slide_con .nav_btns a {
            width: 80px;
            height: 50px;
            float: left;
            background: #434a5d;
            position: relative;
        }

    a.icobtn.ico_left:before {
        width: 9px;
        height: 12px;
        margin-left: -5px;
        margin-top: -6px;
        background-size: cover;
    }

    a.icobtn.ico_right:before {
        width: 9px;
        height: 12px;
        margin-left: -5px;
        margin-top: -6px;
        background-size: cover;
    }

    .gallery_space .tab_content_wrap {
        height: auto;
        position: relative;
    }

        .gallery_space .tab_content_wrap img {
            width: 100%;
        }

    .gallery_location .mapbox {
        margin: 2rem 0 3rem;
    }

        .gallery_location .mapbox .btns_set {
            padding: 1.5rem 0 0;
        }

            .gallery_location .mapbox .btns_set a {
                font-size: 1.3rem;
            }

    .gallery_location dl.addr_txt {
        margin-bottom: 1.5rem;
    }

        .gallery_location dl.addr_txt dt {
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }

            .gallery_location dl.addr_txt dt span {
                display: inline-block;
                margin-top: 5px;
            }

        .gallery_location dl.addr_txt dd {
            display: block;
            font-size: 1.4rem;
        }

            .gallery_location dl.addr_txt dd span {
                display: block;
                margin-left: 0;
                padding-left: 0;
                margin-bottom: 5px;
            }

                .gallery_location dl.addr_txt dd span:before {
                    background: none;
                }

    .gallery_location .traffic_list li {
        display: table;
        padding-left: 50px;
        line-height: 1.6;
        font-size: 1.3rem;
        margin-bottom: 2rem;
        vertical-align: middle;
    }

    .gallery_location .traffic_list i.ico {
        position: absolute;
        left: 0;
    }

    /* 공사중 단지 상세 */
    .select_more {
        width: 100%;
        position: static;
        margin-bottom: 20px;
    }

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

        .select_more select {
            width: 80%;
            box-sizing: border-box;
        }

        .select_more a {
            width: 20%;
            margin-left: 0;
        }

    .area_complex_info .details .btn_set li {
        width: 33.3333%;
    }

    .percent_box .box {
        width: 100%;
        height: auto;
        margin-left: 0;
        padding: 30px 30px 130px 30px;
    }

    .tab_date .list_container {
        font-size: 1.4rem;
    }

    .tab_content .video_list .thum_box {
        width: 49%;
        margin: 0 0.5% 20px;
    }

    .content_box .btn_set a.btn_list {
        width: auto;
        height: 0;
        padding: 15px 30px;
        font-size: 1.6rem;
    }

    .box_container .box pre {
        height: auto;
    }

    .content_box .tab_boxtype li a {
        font-size: 1.4rem;
    }

    .area_sitemap dl, .area_sitemap dl:nth-child(1), .area_sitemap dl:nth-child(2), .area_sitemap dl:nth-child(3) {
        width: 100%;
        height: auto;
        margin: 0 0 30px 0;
    }

        .area_sitemap dl dt {
            font-size: 2rem;
        }

    /* tv광고 */
    .video_content .title_box h3 {
        margin-bottom: 10px;
    }

    .video_content .title_box dl {
        width: 100%;
        margin-bottom: 10px;
    }

        .video_content .title_box dl dt {
            width: 60px;
            margin-left: 0;
        }

        .video_content .title_box dl dd {
            float: none;
        }

    .tab_content .video_list {
        padding: 10px;
    }

        .video_list .thum_box, .tab_content .video_list .thum_box {
            width: 47%;
            margin: 0 1.5% 20px;
        }

    .video_content .scr_box {
        padding: 10px;
    }
}


@media only screen and (max-width:560px) {
    /* 고객문의(write) */
    .inbox.qna_write .agree_box span {
        display: block;
    }

    .input_data .add_info label span input {
        width: 42%;
    }

    .inbox.qna_write .choose_box {
        height: auto;
    }

        .inbox.qna_write .choose_box::after {
            content: "";
            display: block;
            clear: both;
        }

        .inbox.qna_write .choose_box select, .inbox.qna_write .choose_box .input_box, .inbox.qna_write .choose_box button.btn_defualt {
            height: 40px;
        }

        .inbox.qna_write .choose_box select {
            width: 100%;
            margin-bottom: 5px;
        }

        .inbox.qna_write .choose_box .input_box {
            width: 77%;
            border-left: 1px #d2d2d2 solid;
        }

        .inbox.qna_write .choose_box a.btn_defualt {
            width: 23%;
        }

    /* 모달팝업(당첨자발표) */
    .modalpop .pop_content.win, .modalpop .pop_content.fail {
        width: 95%;
        left: 2.5%;
        margin: 0 0 0 0;
        padding: 50px 20px;
    }

    .pop_content.win .result_box, .pop_content.fail .result_box {
        padding: 30px 10px;
    }

        .pop_content.win .result_box strong, .pop_content.fail .result_box strong {
            font-size: 2rem;
        }
}

@media only screen and (max-width:520px) {
    /* 고객문의현황 */
    .tab_content.qna .btn_set a.btn_defualt {
        width: 90px;
    }
}

@media screen and (max-width: 480px) {
    /* 회원정보 수정 */
    .confirm_form li .input_box {
        width: calc( 100% - 70px );
    }

    .confirm_form li label {
        width: 70px;
    }

    .confirm_form li a.submit {
        width: 100%;
        margin-top: 10px
    }

    .data_input li.email_line {
        height: 100px;
    }

    .data_input li .input_box.email_box input#email {
        width: 94%;
        margin-bottom: 5px;
    }

    .data_input li .input_box.email_box input#email2 {
        width: 43%;
    }

    .data_input li.email_line .input_box {
        white-space: normal;
        height: 100px;
    }

    .data_input li .input_box.email_box .select_wrap select {
        width: 42%;
    }

    .data_input label {
        width: 90px !important;
    }
}

@media only screen and (max-width:450px) {
    /* 청약당첨조회 */
    .tab_content .search_form .result_form {
        width: 95%;
    }

        .tab_content .search_form .result_form dt {
            width: 25%;
            font-size: 1.4rem;
        }

        .tab_content .search_form .result_form dd {
            width: 75%;
            font-size: 1.4rem;
        }

    .tab_content .search_form p.result {
        font-size: 2rem;
    }

    .tab_content .search_form p.caution {
        font-size: 1.4rem;
    }

    .tab_content .search_form .btn_set a {
        width: 40%;
        margin: 0 5px;
        font-size: 1.2rem;
    }
}

@media only screen and (max-width:420px) {
    /* 고객문의현황 */
    .common_tb.qna thead {
        display: none;
    }

    .common_tb.qna tbody .state, .common_tb.qna tbody .date {
        width: 50%;
        padding: 5px 0;
        margin-top: 10px;
        background: #f1f1f1;
        border-bottom: none;
        float: left;
        border-top: 1px #d6d6d6 solid;
        letter-spacing: -1px;
    }

        .common_tb.qna tbody .state::before {
            content: "진행상황 : ";
        }

        .common_tb.qna tbody .date::before {
            content: "등록일 : ";
        }

    .common_tb.qna tbody .title {
        width: 100%;
        padding-bottom: 0;
        border-bottom: none;
    }

    .common_tb.qna tbody tr {
        border-bottom: 1px #d6d6d6 solid;
    }

    .tab_content .board_top {
        margin-bottom: 10px;
    }

        .tab_content .board_top p {
            display: block;
            margin-bottom: 10px;
        }

    .tab_content.qna .btn_set {
        width: 100%;
        display: block;
        float: none;
    }

        .tab_content.qna .btn_set a.btn_defualt {
            width: 50%;
            margin: 0 0 0 0;
            float: left;
            outline: 1px #fff solid;
        }
    /* 고객문의 */
    .inbox.customer .list_box {
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
    }

    .service_center li:first-child span.cs {
        font-size: 2rem;
    }

    .service_center li:first-child span.tell {
        font-size: 2rem;
    }

    .service_center li:last-child {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:400px) {
    .tab_boxtype li a {
        font-size: 1.4rem;
        padding: 1.5rem 0;
    }

    .tab_linetype li a {
        font-size: 1.4rem;
        padding: 1.2rem 0;
    }

    .tab_linetype.tablist_3 {
        display: table;
    }

        .tab_linetype.tablist_3 li {
            display: table-cell;
            width: auto;
            float: none;
        }

            .tab_linetype.tablist_3 li a {
                padding: 0;
                min-width: 50px;
            }

    .submit.btn2, .btn_cancel {
        width: 100px;
    }

    .inbox.modify_form h3 {
        font-size: 2.5rem;
    }

    .modify_form li label {
        width: 100%;
        text-align: center;
        background: #f1f1f1;
        margin-bottom: 5px;
    }

    .modify_form li .input_box, .add_info .input_wrap, .modify_form.add_info select {
        width: 100%;
    }

    .modify_form.add_info select {
        margin: 0 0 0 0;
    }

    .inbox.modify_form.add_info li .input_email {
        border: 1px #eaeaea solid;
    }

    .modify_form .btn_defualt {
        width: 70px;
        height: 30px;
        line-height: 30px;
    }

    /* 캘린더 */
    .inbox.calender ul {
        padding: 20px;
    }

        .inbox.calender ul dt {
            width: 100%;
            display: block;
            text-align: left;
        }

        .inbox.calender ul dd {
            width: 100%;
            display: block;
        }

    .inbox.calender.movein ul dd {
        text-align: left;
    }

    /* 고객문의 */
    .inbox.customer h3 {
        font-size: 2.2rem;
        display: block;
        float: left;
    }
    /* 자이소식 */
    .content_box.news .common_tb .common_tb tbody td, .content_box.award .common_tb .common_tb tbody td {
        font-size: 1.3rem;
    }

    .tbl_guide_intbl thead th {
        font-size: 1.3rem;
    }

    .tbl_guide_intbl tbody th {
        font-size: 1.3rem;
        padding: .5rem;
    }

    .tbl_guide_intbl tbody td {
        font-size: 1.3rem;
        padding: .5rem;
    }

    .brand_top .left_sec .b_tit {
        font-size: 3.9rem;
        margin-top: -3.6rem;
    }

    .brand_top .left_sec .b_txt {
        font-size: 1.3rem;
        padding: 4% 0 10%;
    }

    .gallery_top .txt_con .gall_tit_box {
        font-size: 1.7rem;
        padding: 3rem 1.5rem 0;
    }

        .gallery_top .txt_con .gall_tit_box strong {
            font-size: 2.8rem;
        }

    .gallery_top .gall_txt_box {
        padding-top: 1.5rem;
    }

        .gallery_top .gall_txt_box .left_sec {
            font-size: 1.5rem;
            padding: 0 1.5rem 2rem;
            font-size: 1.4rem;
        }

        .gallery_top .gall_txt_box .right_sec {
            padding: 2rem 1.5rem;
            line-height: 1.6;
            font-size: 1.4rem;
        }

    .gallery_btm .left_sec {
        font-size: 1.4rem;
        padding: 0 1.5rem;
    }

    .gallery_btm .right_img {
        padding: 1.5rem;
    }

    /* 모달팝업(자이플러스원) */
    .pop_content.request li:first-child label select {
        width: 100%;
        margin-bottom: 10px;
        padding: 0 0 0 10px
    }

    .pop_content.request label select {
        padding: 0 0 0 10px
    }

    .pop_content.request .input_box {
        width: 49.5%;
        margin: 0 1% 0 0;
    }

        .pop_content.request .input_box:nth-of-type(2) {
            margin: 0 0 0 0;
        }

    .pop_content.request li:last-child label {
        width: 100%;
        margin: 0 0 20px 0;
    }
	.pop_content.request li.c_search > label {margin:0;}
	.pop_content.request .btn_new_modalpop {left:0; position:static; width:100%; height:30px; line-height:30px; margin-top:0;}
    .pop_content.request li:first-child label > strong {
        text-align: left;
    }

    .pop_content.request li:first-child input, .pop_content.request li:first-child label {
        text-align: center;
        padding: 0 0 0 0;
    }

    /* 모달팝업(당첨자발표) */
    .modalpop .pop_content.win {
        width: 95%;
        left: 2.5%;
        margin: 0 0 0 0;
        padding: 50px 20px;
    }

    .pop_content.win .result_box dl {
        width: 100%;
    }

    .pop_content.win .result_box dt {
        width: 100%;
        float: none;
        text-align: center;
        background: #f1f1f1;
    }

        .pop_content.win .result_box dt::after {
            display: none;
        }

    .pop_content.win .result_box dd {
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }
}

@media only screen and (max-width:340px) {
    h2 {
        font-size: 2.5rem;
    }
	
    p.summary {
        margin-bottom: 30px;
        font-size: 1.4rem;
        line-height: 2rem;
        letter-spacing: -1px;
    }

    .area_agree .agree_form label > strong {
        font-size: 1.6rem;
    }

    .scr_box h3.title {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }

    /* A/S안내 */
    .content_box.as .process_box > ul > li > span {
        margin-right: 0;
    }
    /* 고객문의 */
    .inbox.customer .title a {
        width: 100%;
        margin-bottom: 10px;
    }

    .content_box.guide .process_box > ul > li > span {
        margin-right: 0;
    }

    .photo_box .txt_box p {
        line-height: 23px;
    }

    /* 공사중 단지 상세 */
    .gallery_box .thum_list a {
        height: 50px;
        line-height: 50px;
    }

    .gallery_box .thum_list .thum_con {
        height: 50px;
    }

    .content_box .tab_boxtype li a {
        font-size: 1.2rem;
    }
}


.sales_guide {
    text-align: left;
}

    .sales_guide .pdt0 {
        padding-top: 0 !important;
    }

    .sales_guide span.br::after {
        content: "";
        clear: both;
        display: block;
    }

    .sales_guide .step_arrow_list {
        border-top: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
        padding: 1rem 0;
    }

        .sales_guide .step_arrow_list ul {
            width: 100%;
            display: table;
        }

            .sales_guide .step_arrow_list ul.step_cnt6 li {
                display: table-cell;
                padding: 0 20px;
                position: relative;
                vertical-align: middle;
                width: 16.6666%;
                text-align: center;
            }

            .sales_guide .step_arrow_list ul.step_cnt8 li {
                display: table-cell;
                padding: 0 15px;
                position: relative;
                vertical-align: middle;
                text-align: center;
            }

        .sales_guide .step_arrow_list li:before {
            content: "\f054";
            font-family: 'FontAwesome';
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.8rem;
            display: inline-block;
            color: #2f5288;
            position: absolute;
            left: -10px;
            top: 38px;
        }

        .sales_guide .step_arrow_list li:first-child:before {
            display: none;
        }

        .sales_guide .step_arrow_list li dl {
            color: #888;
            padding: .5rem 0;
            display: inline-block;
        }

            .sales_guide .step_arrow_list li dl dt {
                font-size: 1.4rem;
                color: #888888;
                padding: 0.5rem 0;
                text-transform: uppercase;
            }

            .sales_guide .step_arrow_list li dl dd {
                font-size: 1.7rem;
                color: #888888;
                padding: 0.5rem 0;
                line-height: 1.4;
                font-family: 'notokr-medium';
            }

        .sales_guide .step_arrow_list ul.step_cnt8 li dl dd {
            font-size: 1.6rem;
        }

        .sales_guide .step_arrow_list li:last-child dl dd {
            color: #2f5288;
        }

ul.bl_dot_guide li:before {
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 11px;
    background: #aaa;
}

ul.bl_dot_guide li {
    font-size: 1.5rem;
    position: relative;
    padding-left: 1rem;
    text-align: left;
}

.sales_guide table {
    width: 100%;
}

.sales_guide h3 {
    margin-top: 3.5rem;
    font-size: 1.8rem;
    font-family: 'notokr-medium';
    padding-bottom: 1rem;
}

    .sales_guide h3.bl_bk_tit {
        color: #000;
        padding-left: 12px;
        position: relative;
    }

        .sales_guide h3.bl_bk_tit::before {
            content: '';
            position: absolute;
            width: 3px;
            height: 3px;
            border-radius: 3px;
            left: 0;
            top: 8px;
            background: #000;
        }

.sales_guide > dl {
    padding: 0 1.2rem;
}

    .sales_guide > dl dt {
        font-family: 'notokr-medium';
        padding: 1rem 0;
        line-height: 1.5;
    }

        .sales_guide > dl dt.bl_line {
            position: relative;
            color: #494949;
            padding-left: 10px;
        }

            .sales_guide > dl dt.bl_line::before {
                content: "";
                position: absolute;
                width: 4px;
                height: 1px;
                left: 0;
                top: 2.1rem;
                background: #494949;
            }

.sales_guide .txt_red {
    color: #f64e21;
}

.sales_guide > dl dd {
    line-height: 1.5;
    font-size: 1.4rem;
    color: #808080;
    padding: 0 0 2rem;
}

    .sales_guide > dl dd h4 {
        font-size: 1.5rem;
        color: #494949;
        font-family: 'notokr-medium';
        padding-bottom: 0.5rem;
    }

.sales_guide .tbl_scroll {
    padding: 2rem 0 0;
    margin: 0 -1.2rem;
}

    .sales_guide .tbl_scroll table {
        width: 100%;
        font-size: 1.4rem;
    }

    .sales_guide .tbl_scroll thead th {
        border-bottom: 1px solid #d6d6d6;
        border-top: 1px solid #d6d6d6;
        padding: 1.4rem 0;
        vertical-align: middle;
        text-align: center;
        font-weight: normal;
        color: #222;
        background: #e5e5e5;
        border-left: 1px solid #d7d7d7;
        font-size: 1.6rem;
        font-family: 'notokr-medium';
    }

        .sales_guide .tbl_scroll thead th:first-child {
            border-left: none;
        }

    .sales_guide .tbl_scroll tbody th {
        padding: 1rem 0;
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
        border-left: 1px solid #d6d6d6;
    }

    .sales_guide .tbl_scroll tbody td {
        text-align: center;
        border-bottom: 1px solid #d6d6d6;
        vertical-align: middle;
        line-height: 1.6;
        padding: 1rem 1rem;
        word-break: break-all;
        border-left: 1px solid #d6d6d6;
    }

        .sales_guide .tbl_scroll tbody td.line_first {
            border-left: 0;
        }

.sales_guide .guide_bg_box {
    background: #f4f4f4;
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
}

    .sales_guide .guide_bg_box ul li {
        color: #494949;
    }

.tbl_guide_list dl.inner_tbl {
    table-layout: auto;
}

    .tbl_guide_list dl.inner_tbl dt {
        background: none;
        width: auto;
        white-space: nowrap;
        padding: 5px 10px;
        vertical-align: top;
        line-height: 1.6;
    }

    .tbl_guide_list dl.inner_tbl dd {
        width: 100%;
        vertical-align: top;
        border: 0;
        line-height: 1.6;
    }

    .tbl_guide_list dl.inner_tbl dd {
        padding: 5px 10px;
    }

    .tbl_guide_list dl.inner_tbl:first-child dt {
        border: 0;
    }



/* 자이꼴라주 */
.collage_con {
    padding: 60px 0;
    background: #fff;
    line-height: 1.5;
}

    .collage_con span.br::after {
        display: block;
        clear: both;
        content: "";
        line-height: 0;
    }

    .collage_con .top_sec {
        text-align: center;
        padding-bottom: 40px;
    }

        .collage_con .top_sec h2 {
            margin-bottom: 0;
        }

        .collage_con .top_sec .comment {
            font-size: 2rem;
            color: #222;
        }

.subscription .result_txt .tit {
    font-size: 2.2rem;
}


.collage_con .body_sec {
    position: relative;
}

    .collage_con .body_sec .btn_con {
    }

        .collage_con .body_sec .btn_con a {
            display: block;
            width: 245px;
            height: 229px;
            background: transparent;
            opacity: 0;
            position: absolute;
            left: 50%;
            z-index: 99;
            text-indent: -9999em;
        }

            .collage_con .body_sec .btn_con a.btn_link1 {
                top: 23px;
                margin-left: -620px; /* + 23px */
            }

            .collage_con .body_sec .btn_con a.btn_link2 {
                top: 420px;
                margin-left: -370px;
            }

            .collage_con .body_sec .btn_con a.btn_link3 {
                top: 38px;
                margin-left: 220px; /* + 23px */
            }

            .collage_con .body_sec .btn_con a.btn_link4 {
                top: 425px;
                margin-left: 420px;
            }

    .collage_con .body_sec .collage_bg {
        text-align: center;
        position: relative;
        z-index: 2;
        padding: 80px 0;
    }

        .collage_con .body_sec .collage_bg img {
            max-width: 1520px;
            width: 100%;
        }

    .collage_con .body_sec .box_wrap {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

    .collage_con .body_sec .box_con {
        position: relative;
        max-width: 1100px;
        margin: 0 auto;
    }

        .collage_con .body_sec .box_con .box_num {
            display: inline-block;
            position: absolute;
            left: 50%;
        }

            .collage_con .body_sec .box_con .box_num .box_inner {
                position: relative;
            }

                .collage_con .body_sec .box_con .box_num .box_inner dl {
                    position: absolute;
                    display: table;
                    width: 100%;
                    top: 70px;
                    table-layout: fixed;
                    white-space: nowrap;
                    z-index: 4;
                    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
                }

            .collage_con .body_sec .box_con .box_num.on .box_inner dl {
                color: #fff;
            }

            .collage_con .body_sec .box_con .box_num .box_inner dl dt {
                padding-left: 40px;
                font-size: 2.4rem;
                line-height: 1.3;
                text-align: left;
                font-family: 'notokr-medium';
            }

            .collage_con .body_sec .box_con .box_num .box_inner dl dd {
                padding-left: 40px;
                padding-top: 20px;
                font-size: 1.6rem;
                line-height: 1.5;
                text-align: left;
            }

            .collage_con .body_sec .box_con .box_num.box_num_1 {
                top: 0;
                margin-left: -620px;
            }

            .collage_con .body_sec .box_con .box_num.box_num_2 {
                top: 420px;
                margin-left: -370px;
            }

            .collage_con .body_sec .box_con .box_num.box_num_3 {
                top: 15px;
                margin-left: 220px;
            }

            .collage_con .body_sec .box_con .box_num.box_num_4 {
                top: 425px;
                margin-left: 420px;
            }

            .collage_con .body_sec .box_con .box_num.box_num_2 .box_inner dl {
                top: 50px;
            }

            .collage_con .body_sec .box_con .box_num.box_num_4 .box_inner dl {
                top: 50px;
            }

        .collage_con .body_sec .box_con .mobj {
            position: absolute;
            z-index: 3;
        }

            .collage_con .body_sec .box_con .mobj.mobj1 {
                right: -35px;
                top: -25px;
            }

            .collage_con .body_sec .box_con .mobj.mobj2 {
                left: -100px;
                top: 90px;
            }

            .collage_con .body_sec .box_con .mobj.mobj3 {
                right: -90px;
                top: 35px;
            }

            .collage_con .body_sec .box_con .mobj.mobj4 {
                left: -90px;
                top: 70px;
            }

        .collage_con .body_sec .box_con a {
        }

        .collage_con .body_sec .box_con .box_img {
        }

            .collage_con .body_sec .box_con .box_img img {
            }

            .collage_con .body_sec .box_con .box_img.img_off {
                opacity: 1;
            }

            .collage_con .body_sec .box_con .box_img.img_on {
                opacity: 0;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 2;
            }



/* 자이소셜클럽 */
.social_club {
}

    .social_club span.br::after {
        display: block;
        clear: both;
        content: "";
        line-height: 0;
    }

    .social_club .top_sec {
    }

    .social_club .body_sec {
        background: #fff;
        padding-bottom: 100px;
    }

        .social_club .body_sec .tit_con {
            position: absolute;
            top: 100px;
            text-align: left;
            text-align: left;
            width: 960px;
            left: 50%;
            margin-left: -480px;
        }

            .social_club .body_sec .tit_con p {
                padding-bottom: 30px;
            }

                .social_club .body_sec .tit_con p strong {
                    font-family: 'notokr-medium';
                    color: #006899;
                }

                .social_club .body_sec .tit_con p.social_logo {
                }

                .social_club .body_sec .tit_con p.social_tit {
                }

                .social_club .body_sec .tit_con p.social_txt {
                    font-size: 1.8rem;
                    line-height: 1.6;
                    font-family: 'notokr-demilight';
                }

        .social_club .body_sec .con_wrap {
            padding: 0 50px;
            position: relative;
            overflow: hidden;
        }

        .social_club .body_sec .social_club_bg {
            float: right;
            margin-right: -50px;
            margin-left: -50px;
        }

            .social_club .body_sec .social_club_bg img {
            }

        .social_club .body_sec .btn_con {
            clear: both;
            margin: -230px auto 0;
            position: relative;
            max-width: 958px;
        }

            .social_club .body_sec .btn_con ul {
                overflow: hidden;
                margin: 0 -7px;
            }

                .social_club .body_sec .btn_con ul li {
                    float: left;
                    padding: 0 7px;
                    margin-bottom: 15px;
                }

                    .social_club .body_sec .btn_con ul li .btn_box {
                        width: 220px;
                        height: 220px;
                        padding: 4px;
                        border-radius: 12px;
                        text-align: left;
                    }

                        .social_club .body_sec .btn_con ul li .btn_box a {
                            display: block;
                            height: 100%;
                            border-radius: 9px;
                            position: relative;
                            color: #fff;
                            transition: all .3s;
                        }

                            .social_club .body_sec .btn_con ul li .btn_box a.on {
                                background: #fff;
                            }

                    .social_club .body_sec .btn_con ul li.list-1 .btn_box {
                        background: #32b34a;
                    }

                    .social_club .body_sec .btn_con ul li.list-2 .btn_box {
                        background: #3c5b9a;
                    }

                    .social_club .body_sec .btn_con ul li.list-3 .btn_box {
                        background: #c2c2c2;
                        background-image: -webkit-linear-gradient(bottom, rgb(194, 194, 194) 27%, rgb(221, 221, 221) 63%);
                        background-image: -ms-linear-gradient(bottom, rgb(194, 194, 194) 27%, rgb(221, 221, 221) 63%);
                    }

                    .social_club .body_sec .btn_con ul li.list-4 .btn_box {
                        background: #09d3bb;
                        background-image: -webkit-linear-gradient(bottom, rgb(9, 211, 187) 24%, rgb(0, 225, 146) 63%);
                        background-image: -ms-linear-gradient(bottom, rgb(9, 211, 187) 24%, rgb(0, 225, 146) 63%);
                    }

                    .social_club .body_sec .btn_con ul li.list-5 .btn_box {
                        background: #ee3160;
                        background-image: -webkit-linear-gradient(bottom, rgb(239, 134, 41) 0%, rgb(238, 49, 96) 48%);
                        background-image: -ms-linear-gradient(bottom, rgb(239, 134, 41) 0%, rgb(238, 49, 96) 48%);
                    }

                    .social_club .body_sec .btn_con ul li.list-6 .btn_box {
                        background: #32b34a;
                    }

                    .social_club .body_sec .btn_con ul li.list-7 .btn_box {
                        background: #fbc500;
                        background-image: -webkit-linear-gradient(bottom, rgb(251, 197, 0) 27%, rgb(255, 221, 0) 63%);
                        background-image: -ms-linear-gradient(bottom, rgb(251, 197, 0) 27%, rgb(255, 221, 0) 63%);
                    }

                        .social_club .body_sec .btn_con ul li.list-3 .btn_box a,
                        .social_club .body_sec .btn_con ul li.list-7 .btn_box a {
                            color: #272104;
                        }

                    .social_club .body_sec .btn_con ul li.list-2 {
                        margin-right: 450px;
                    }

                    .social_club .body_sec .btn_con ul li.list-4 {
                        padding-top: 245px;
                    }

                    .social_club .body_sec .btn_con ul li.list-7 {
                        padding-left: 250px;
                    }

                    .social_club .body_sec .btn_con ul li.list-1 .btn_box a.on {
                        color: #33b34b;
                    }

                    .social_club .body_sec .btn_con ul li.list-2 .btn_box a.on {
                        color: #3c5b9a;
                    }

                    .social_club .body_sec .btn_con ul li.list-3 .btn_box a.on {
                        color: #272104;
                    }

                    .social_club .body_sec .btn_con ul li.list-4 .btn_box a.on {
                        color: #00e193;
                    }

                    .social_club .body_sec .btn_con ul li.list-5 .btn_box a.on {
                        color: #ee3855;
                    }

                    .social_club .body_sec .btn_con ul li.list-6 .btn_box a.on {
                        color: #32b34a;
                    }

                    .social_club .body_sec .btn_con ul li.list-7 .btn_box a.on {
                        color: #fbb100;
                    }

                    .social_club .body_sec .btn_con ul li .btn_box dl {
                        padding: 25px 20px;
                    }

                        .social_club .body_sec .btn_con ul li .btn_box dl dt {
                            font-size: 2.3rem;
                            line-height: 1.3;
                            font-family: 'notokr-medium';
                        }

                        .social_club .body_sec .btn_con ul li .btn_box dl dd {
                            font-size: 1.2rem;
                            padding: 10px 0;
                        }

                    .social_club .body_sec .btn_con ul li .btn_box span.social_ico {
                        width: 52px;
                        height: 52px;
                        font-size: 0;
                        display: inline-block;
                        position: absolute;
                        right: 20px;
                        bottom: 25px;
                        text-align: center;
                    }

                        .social_club .body_sec .btn_con ul li .btn_box span.social_ico img {
                            position: absolute;
                            opacity: 0;
                            right: 0px;
                        }

                            .social_club .body_sec .btn_con ul li .btn_box span.social_ico img.on {
                                z-index: 31;
                                opacity: 0;
                            }

                            .social_club .body_sec .btn_con ul li .btn_box span.social_ico img.off {
                                z-index: 30;
                                opacity: 1;
                            }


/* 꼴라주 gnb */
.gnb .area_main_nav nav > ul > li .last_menu {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 35px;
    z-index: 99;
}

.gnb .area_main_nav nav > ul > li .gnb_motion {
    height: 100%;
    position: relative;
}

    .gnb .area_main_nav nav > ul > li .gnb_motion span {
        position: absolute;
        display: inline-block;
    }

        .gnb .area_main_nav nav > ul > li .gnb_motion span.m_obj_1 {
            top: -15px;
            opacity: 0;
        }

        .gnb .area_main_nav nav > ul > li .gnb_motion span.m_obj_2 {
            left: -8px;
            bottom: 0;
            opacity: 0;
        }

        .gnb .area_main_nav nav > ul > li .gnb_motion span.m_obj_3 {
            right: 0;
            bottom: 0;
            opacity: 0;
        }

        .gnb .area_main_nav nav > ul > li .gnb_motion span.m_obj_4 {
            right: -50px;
            bottom: -30px;
            opacity: 0;
        }

@media screen and (max-width: 1024px) {
    .social_club .body_sec .con_wrap {
    }

    .social_club .body_sec .btn_con ul {
        text-align: center;
    }

        .social_club .body_sec .btn_con ul li {
            display: inline-block;
            float: none;
        }

            .social_club .body_sec .btn_con ul li.list-2 {
                margin-right: 0;
            }

            .social_club .body_sec .btn_con ul li.list-4 {
                padding: 0 7px;
            }

            .social_club .body_sec .btn_con ul li.list-7 {
                padding: 0 7px;
            }

    .social_club .body_sec .btn_con {
        max-width: inherit;
        padding: 0 0 0 50px;
    }

    .social_club .body_sec .social_club_bg img {
        width: 100%;
    }

    .social_club .body_sec .tit_con {
        left: 0;
        top: 15%;
        margin: 0;
        padding-left: 50px;
    }

        .social_club .body_sec .tit_con .social_logo img {
            width: 108px;
        }

        .social_club .body_sec .tit_con .social_tit img {
            width: 280px;
        }

        .social_club .body_sec .tit_con p.social_txt {
            font-size: 1.6rem;
        }

    .gnb .area_main_nav nav > ul > li .last_menu {
        position: static;
    }
}

@media screen and (max-width: 960px) {
    .sales_guide .step_arrow_list ul {
        display: block;
        overflow: hidden;
    }

        .sales_guide .step_arrow_list ul.step_cnt6 li {
            float: left;
            display: block;
            width: 33.3333%;
            padding: 1rem 0;
        }

        .sales_guide .step_arrow_list ul.step_cnt8 li {
            float: left;
            display: block;
            width: 33.3333%;
            padding: 1rem 0;
        }

    .sales_guide .step_arrow_list li:nth-child(3n+1)::before {
        display: none;
    }

    .sales_guide .step_arrow_list li:before {
        top: 50px;
        margin-top: 0;
    }

    .collage_con .body_sec .box_wrap {
        position: static;
    }

    .collage_con .top_sec .comment {
        font-size: 1.6rem;
    }

    .collage_con .body_sec .box_con {
        overflow: hidden;
    }

        .collage_con .body_sec .box_con .box_num {
            float: left;
            width: 50%;
            position: static;
        }

    .collage_con .body_sec .btn_con {
        display: none;
    }

    .collage_con .body_sec .box_con .mobj {
        display: none;
    }

    .collage_con .body_sec .box_con a {
        display: inline-block;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .collage_con .body_sec .box_con .box_num_2 a, .collage_con .body_sec .box_con .box_num_4 a {
        padding-top: 24px;
    }

    .collage_con .body_sec .box_con .box_num .box_inner dl {
    }

    .collage_con .body_sec .collage_bg {
        padding: 0;
    }

    .social_club * {
        box-sizing: border-box;
    }

    .social_club .body_sec .btn_con {
        padding: 0 20px;
    }

        .social_club .body_sec .btn_con ul {
            text-align: left;
            width: 100%;
            margin: 0;
            padding: 0 5px;
        }

            .social_club .body_sec .btn_con ul li {
                width: 33.3333%;
                float: left;
            }

                .social_club .body_sec .btn_con ul li .btn_box {
                    width: 100%;
                    height: 180px;
                }
}

@media screen and (max-width: 768px) {
	.gallery_box .img_view .prev_btn {display:block; width:30px; height:30px; margin-top:-15px; z-index:99999999;}
	.gallery_box .img_view .next_btn {display:block; width:30px; height:30px; margin-top:-15px; z-index:99999999;}

    .social_club .body_sec {
        padding-bottom: 50px;
    }

        .social_club .body_sec .social_club_bg {
            float: none;
        }

        .social_club .body_sec .tit_con {
            top: 18%;
        }

            .social_club .body_sec .tit_con p {
                padding-bottom: 15px;
            }

        .social_club .body_sec .btn_con {
            margin-top: -150px;
        }

            .social_club .body_sec .btn_con ul {
            }

                .social_club .body_sec .btn_con ul li .btn_box {
                    height: 150px;
                }

                    .social_club .body_sec .btn_con ul li .btn_box dl dt {
                        font-size: 2rem;
                    }

                    .social_club .body_sec .btn_con ul li .btn_box span.social_ico {
                        right: 10px;
                        width: 40px;
                        height: 40px;
                        bottom: 15px;
                    }

                        .social_club .body_sec .btn_con ul li .btn_box span.social_ico img {
                            width: 100%;
                        }
}

@media screen and (max-width: 640px) {
    .sales_guide > dl {
        padding: 0 0.5rem;
    }

    .sales_guide .tbl_scroll tbody td {
        font-size: 1.4rem;
    }

    .sales_guide .tbl_scroll table {
        white-space: nowrap;
    }

    .sales_guide .tbl_scroll {
        margin: 0 -1.5rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sales_guide .step_arrow_list {
        padding: .3rem 0;
    }

        .sales_guide .step_arrow_list ul.step_cnt6 li {
            padding: 0.5rem 0;
        }

        .sales_guide .step_arrow_list ul.step_cnt8 li {
            padding: 0.5rem 0;
        }

        .sales_guide .step_arrow_list li:before {
            font-size: 1.6rem;
            top: 40px;
        }

        .sales_guide .step_arrow_list li dl dt {
            font-size: 1.3rem;
        }

        .sales_guide .step_arrow_list li dl dd {
            font-size: 1.4rem;
        }

    .collage_con .top_sec h2 img {
        width: 152px;
    }

    .collage_con .top_sec .comment {
        font-size: 1.4rem;
        padding: 0 20px;
    }

    .collage_con .body_sec .box_con .box_num {
        width: 260px;
        text-align: left;
        float: none;
    }

    .collage_con span.br::after {
        display: inline-block;
    }

    .collage_con {
        padding-top: 40px;
    }

    .social_club .body_sec .btn_con {
        margin-top: -50px;
        padding: 0;
    }

        .social_club .body_sec .btn_con ul {
            width: 100%;
            overflow: hidden;
        }

            .social_club .body_sec .btn_con ul li {
                width: 50%;
            }

                .social_club .body_sec .btn_con ul li .btn_box {
                    border-radius: 9px;
                }

    .social_club .body_sec .tit_con p.social_txt {
        text-shadow: 1px 1px 2px rgba(255,255,255,.8);
    }
}

@media screen and (max-width: 480px) {
    .sales_guide .step_arrow_list li:nth-child(3n+1)::before {
        display: inline-block;
    }

    .sales_guide .step_arrow_list li:nth-child(2n+1)::before {
        display: none;
    }

    .sales_guide .step_arrow_list ul.step_cnt6 li {
        width: 50%;
    }

    .sales_guide .step_arrow_list ul.step_cnt8 li {
        width: 50%;
    }

    .social_club .body_sec * {
        box-sizing: border-box;
    }

    .social_club .body_sec .tit_con {
        padding: 0 15px;
        bottom: 13%;
        top: inherit;
        width: inherit;
    }

        .social_club .body_sec .tit_con .social_tit img {
            width: 228px;
        }

        .social_club .body_sec .tit_con p.social_txt {
            font-size: 1.3rem;
        }

            .social_club .body_sec .tit_con p.social_txt span.br::after {
                display: inline;
            }

    .social_club .body_sec .btn_con {
        margin-top: 0;
    }

        .social_club .body_sec .btn_con ul li {
            width: 50%;
            margin-bottom: 10px;
            padding: 0 5px;
        }

            .social_club .body_sec .btn_con ul li .btn_box {
                height: 100px;
                padding: 2px;
            }

                .social_club .body_sec .btn_con ul li .btn_box dl {
                    padding: 12px 15px;
                }

                    .social_club .body_sec .btn_con ul li .btn_box dl dt {
                        font-size: 1.7rem;
                    }

                .social_club .body_sec .btn_con ul li .btn_box span.br::after {
                    display: block;
                    margin-left: 0;
                }

                .social_club .body_sec .btn_con ul li .btn_box span.social_ico {
                    bottom: 15px;
                    width: 26px;
                    height: 26px;
                }
}

/* group */
.group-content figure .img-fluid {
    display: block;
    margin: 0 auto;
}

/* location */
.location-content > figure {
    margin-bottom: 35px;
}

    .location-content > figure .img-fluid {
        display: block;
        margin: 0 auto;
    }

.location-content article ~ article {
    margin-top: 50px;
}

.location-content article .dot-list {
    padding-left: 10px;
}

    .location-content article .dot-list > li > dl {
        overflow: hidden;
    }

        .location-content article .dot-list > li > dl > dt {
            width: 45px;
            float: left;
            font-size: 12px;
            color: #106ba0;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: -2px;
            text-align: justify;
        }

        .location-content article .dot-list > li > dl > dd {
            font-size: 12px;
            color: #666;
            line-height: 20px;
            font-weight: 400;
            padding-left: 140px;
        }
            /*댓글 이동*/
            .location-content article .dot-list > li > dl > dd a {
                display: inline-block;
            }

@media (min-width: 1200px) {
    .location-content article .dot-list > li > dl > dd a {
        cursor: default;
    }
}

.location-content article .dot-list > li:before {
    color: #2079d8;
}

.location-content article.directions h6 {
    font-size: 13px;
    color: #004483;
    font-weight: 400;
    margin-top: 20px;
}

.location-content article.directions dl {
    overflow: hidden;
    margin-top: 20px;
}

    .location-content article.directions dl dt {
        float: left;
        clear: both;
        color: #fff;
        line-height: 20px;
        text-align: center;
        margin-bottom: 6px;
    }

        .location-content article.directions dl dt.blue-bus {
            background-color: #3b83c6;
        }

        .location-content article.directions dl dt.green-bus {
            background-color: #aacd06;
        }

        .location-content article.directions dl dt.line-two {
            background-color: #1cb939;
        }

        .location-content article.directions dl dt.bundang-line {
            background-color: #fcc727;
        }

        .location-content article.directions dl dt.gyeongui-line {
            background-color: #2bbfb8;
        }

    .location-content article.directions dl dd {
        float: left;
        display: inline-block;
        font-size: 12px;
        color: #666;
        line-height: 20px;
        margin-left: 10px;
        margin-bottom: 7px;
    }

        .location-content article.directions dl dd > ul > li {
            display: inline-block;
        }

            .location-content article.directions dl dd > ul > li:after {
                content: ", ";
            }

            .location-content article.directions dl dd > ul > li:last-child:after {
                content: "";
            }

    .location-content article.directions dl.bus {
        margin-bottom: 30px;
    }

        .location-content article.directions dl.bus dt {
            width: 40px;
        }

    .location-content article.directions dl.subway dt {
        width: 50px;
        border-radius: 30px;
    }


@media (min-width: 320px) {
    .location-content > figure {
        margin-bottom: 50px;
    }

    .location-content article .sub-title {
        margin-bottom: 25px;
    }

    .location-content article ~ article {
        margin-top: 60px;
    }

    .location-content article .dot-list > li > dl > dt {
        width: 150px;
        font-size: 14px;
        line-height: 25px;
        padding-left: 60px;
    }

    .location-content article .dot-list > li > dl > dd {
        font-size: 14px;
        line-height: 20px;
        padding-left: 160px;
    }

    .location-content article.directions .information {
        overflow: hidden;
    }

        .location-content article.directions .information.space {
            margin-top: 40px;
        }

        .location-content article.directions .information .details {
            float: left;
            padding-top: 10px;
            margin-left: 30px;
        }

            .location-content article.directions .information .details h6 {
                font-size: 14px;
                margin-top: 0;
                margin-bottom: 8px;
            }

            .location-content article.directions .information .details dl {
                margin: 0;
            }

                .location-content article.directions .information .details dl dt {
                    width: 150px;
                    font-size: 12px;
                    line-height: 22px;
                    margin-bottom: 8px;
                }

                .location-content article.directions .information .details dl dd {
                    font-size: 13px;
                    line-height: 22px;
                    margin-bottom: 8px;
                }

        .location-content article.directions .information figure {
            float: left;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            text-align: center;
            line-height: 100px;
        }

            .location-content article.directions .information figure img {
                width: 160px;
                display: inline-block;
            }

            .location-content article.directions .information figure.ico-bus {
                background-color: #004483;
            }

            .location-content article.directions .information figure.ico-subway {
                background-color: #2079d8;
            }
}

@media (min-width: 768px) {
    .location-content > figure {
        margin-bottom: 50px;
    }

    .location-content article .sub-title {
        margin-bottom: 25px;
    }

    .location-content article ~ article {
        margin-top: 60px;
    }

    .location-content article .dot-list > li > dl > dt {
        width: 240px;
        font-size: 14px;
        line-height: 20px;
        padding-left: 50px;
    }

    .location-content article .dot-list > li > dl > dd {
        font-size: 14px;
        line-height: 20px;
        padding-left: 100px;
    }

    .location-content article.directions .information {
        overflow: hidden;
    }

        .location-content article.directions .information.space {
            margin-top: 40px;
        }

        .location-content article.directions .information .details {
            float: left;
            padding-top: 10px;
            margin-left: 30px;
        }

            .location-content article.directions .information .details h6 {
                font-size: 14px;
                margin-top: 0;
                margin-bottom: 8px;
            }

            .location-content article.directions .information .details dl {
                margin: 0;
            }

                .location-content article.directions .information .details dl dt {
                    width: 150px;
                    font-size: 12px;
                    line-height: 22px;
                    margin-bottom: 8px;
                }

                .location-content article.directions .information .details dl dd {
                    font-size: 13px;
                    line-height: 22px;
                    margin-bottom: 8px;
                }

        .location-content article.directions .information figure {
            float: left;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            text-align: center;
            line-height: 100px;
        }

            .location-content article.directions .information figure img {
                width: 160px;
                display: inline-block;
            }

            .location-content article.directions .information figure.ico-bus {
                background-color: #004483;
            }

            .location-content article.directions .information figure.ico-subway {
                background-color: #2079d8;
            }
}

@media (min-width: 992px) {
    .location-content > figure {
        margin-bottom: 70px;
    }

    .location-content article ~ article {
        margin-top: 85px;
    }

    .location-content article .dot-list > li > dl > dt {
        width: 240px;
        font-size: 16px;
        line-height: 25px;
        padding-left: 60px;
    }

    .location-content article .dot-list > li > dl > dd {
        font-size: 15px;
        line-height: 23px;
        padding-left: 240px;
    }

    .location-content article .dot-list > li:before {
        top: 2px;
        font-size: 28px;
    }

    .location-content article.directions .information.space {
        margin-top: 0;
    }

    .location-content article.directions .information .details {
        padding-top: 12px;
    }

        .location-content article.directions .information .details h6 {
            font-size: 15px;
        }

        .location-content article.directions .information .details dl dt {
            font-size: 12px;
        }

        .location-content article.directions .information .details dl dd {
            font-size: 15px;
        }

    .location-content article.directions .information figure {
        width: 120px;
        height: 120px;
        line-height: 120px;
    }

        .location-content article.directions .information figure img {
            width: 70px;
        }
}

@media (min-width: 1200px) {
    .location-content article.directions .information .details {
        padding-top: 25px;
    }

    .location-content article.directions .information figure {
        width: 180px;
        height: 140px;
        line-height: 140px;
    }
}

.section-content {
    padding-bottom: 50px;
}

@media (min-width: 768px) {
    .section-content {
        padding-bottom: 100px;
    }
}

@media (min-width: 992px) {
    .section-content {
        padding-bottom: 150px;
    }
}
/*청약가점 check*/
.tab_content .search_form.check_list {
    background: url('../img/sub/bg_end.png') top center no-repeat;
    color: #666;
    -ms-word-break: keep-all;
    word-break: keep-all;
    padding-top: 190px;
}

.tab_content .search_form .btn_set.check_btn {
    margin-top: 40px;
}

/*청약가점 check STEP01*/
.tab_content .search_form.step {
    padding-top: 0px;
	background:none;
}

.tab_content .search_form .btn_set.check_btn.check_btn01 {
    margin-top: 80px;
}

.question {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    font-size: 1.3em;
    text-align: center;
}

    .question table {
        width: 100%;
        max-width: 700px;
        background: #fff;
    }

        .question table th {
            text-align: left;
            letter-spacing: -0.7px;
            font-weight: 400;
            color: #666;
            padding: 20px;
            font-size: 16px;
            line-height: 22px;
        }

            .question table th.top_space {
                padding: 40px 20px 20px 20px;
            }

            .question table th span {
                font-family: 'NanumSquare', sans-serif;
                font-size: 20px;
                color: #0082a1;
                font-weight: 900;
                padding-right: 10px;
            }

        .question table td {
            
            text-align:left;
            padding-left: 8%;
            height: 40px;
            font-size: 1.4em;
        }

            .question table td label.choice {
                width: 33.333%;
                font-size: 16px;
            }

            .question table td label > a > img {
                vertical-align: middle !important;
                margin-top: 13px;
            }

            .question table td label input {
                margin-right: 10px;
            }

            .question table td .explanation {
                display: block;
                font-size: 14px;
                color: #0082a1;
                margin-top: 8px;
            }

            .question table td .explanation02 {
                margin-top: 0;
            }

input[type=radio] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 5px;
    background: #fff;
}

.question .select_date {
    height:38px;
	padding-left:2%;
    font-size: 16px;
	border:1px solid #d7d7d7;
}

.question .select_date01 {
    width: 40%;
}

.question .select_date02 {
    width: 28%;
}

.question .select_date03 {
    width: 28%;
}

/*레이어팝업*/
.layer_popup_wrap {
    display: none;
}

#popup_inner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -300px;
    width: 100%;
    max-width: 600px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 1px 1px 30px rgba(0,0,0,0.2);
    z-index: 9999999;
}

.layer_popup_wrap .layer_popup_tit {
    position: relative;
}

    .layer_popup_wrap .layer_popup_tit h2 {
        font-size: 18px;
        color: #4a525f;
        font-weight: 600;
        border-bottom: 1px solid #3d4353;
        padding-bottom: 20px;
    }

.popup_close_btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.popup_content {
    text-align: left;
    margin-bottom: 30px;
}

    .popup_content span {
        display: block;
        margin: 10px 0;
        font-size: 16px;
        color: #0082a1;
        font-weight: 500;
    }

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

.popup_list li {
    position: relative;
    font-size: 14px;
    color: #5b5b5b;
    line-height: 20px;
    font-weight: 500;
    padding-left: 5px;
}

    .popup_list li:before {
        content: '·';
        position: absolute;
        top: 0;
        left: 0;
    }

.popup_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.question table td.popup_area02 {
    padding-left: 0;
}

.popup_open_btn02 {
    display: block;
    width: 100%;
    padding-left: 8%;
}

.popup_open_btn03 {
    display: block;
    width: 100%;
    padding-left: 8%;
}
/*청약가점 check STEP02*/
.person {
    width: 100%;
	height:38px;
    padding-left: 10px;
    font-size: 16px;
	border:1px solid #d7d7d7;
}

/*청약가점 check STEP03*/
.popup_area02 {
    padding-top: 10px;
}

/*청약가점 check 완료*/
.tab_content .search_form strong > span {
    color: #0082a1;
}

.total_score_wrap {
    max-width: 580px;
    margin: 50px auto;
    box-shadow: 1px 1px 30px rgba(0,0,0,0.2);
    padding: 30px 50px;
}

.total_tb {
    width: 100%;
}

    .total_tb td {
        width: 50%;
        text-align: center;
        font-size: 16px;
        padding: 20px 0;
        color: #666;
    }

        .total_tb td:first-child {
            font-weight: 600;
        }

.total_score td {
    border-top: 1px solid #d7d7d7;
    color: #0082a1;
    font-weight: 600;
}

/*회원가입_개인정보입력 190919*/
.data_input li.last_address {
    height: 100px;
}

.address_box_wrap {
    margin-top: 5px;
}

.address_box {
    height: 40px;
    width: 21%;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    border: 1px #eaeaea solid;
    color: #666;
    display: inline-block;
    font-size: 1.4rem;
}

    .address_box.address_box02 {
        width: 31%;
    }

    .address_box.address_box03 {
        width: 41%;
    }

.address_box_wrap .rest_address {
    width: 95%;
    border: 1px solid #eaeaea;
    height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.4rem;
    box-sizing: border-box;
}

.rest_address_box {
    margin-top: 10px;
    position: relative;
}

    .rest_address_box > span {
        height: 100%;
        padding-left: 20px;
        box-sizing: border-box;
        position: absolute;
        color: #bcbcbc;
        line-height: 40px;
        text-align: left;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
    }


/*청약가점제도 반응형*/
@media only screen and (max-width: 640px) {
	.question table td label.choice {width: 50%; border-bottom:1px solid #d6d6d6;}

	.question table td {padding:0;}
	.question table th {padding:20px 0;}
	.question table td label.choice.choice02 {
		background: none;
		border: none;
		width: 100%;
		text-align: left;
		line-height:0;
	}
	.question table th.top_space {padding:40px 20px 20px 0;}
	.question table td .explanation02 {margin-top: 8px;}
	.popup_open_btn03 {padding-left:0;}
	.popup_open_btn02 {padding-left:0;}
	#popup_inner {left:0; margin:-200px 0 0 5%; max-width:90%; }
}

@media only screen and (max-width: 360px) {
	.question .select_date03 {width:27%;}

}

/*자이멤버쉽*/
.m_membership {display:none;}
.membership_box {position:relative; width:100%;}
.membership_box > img {width:100%;}
.m_membership_box_btn {display:none;position:absolute; width:100%; top:7.35%;}
.m_membership_box_btn > .btn01 {margin-right:10px;}
.m_membership_box_btn > a {display:inline-block; width:30%;}
.m_membership_box_btn > a >img {width:100%;}

@media only screen and (max-width: 768px) {
	.pc_membership {display:none;}
	.m_membership {display:block;}
	.m_membership_box_btn {display:block;}
	#container .content .content_box_membership {padding:0;}
}
.subscription .submit_btns {
    padding: 0;
}

@media only screen and (max-width: 640px) {
    .subscription .submit_btns.btns-s a {
        width: 46%;
        box-sizing: border-box;
        margin: 1% 0.5%;
    }
}
.subscription .submit_btns {padding:0;}
@media only screen and (max-width: 640px) {
.subscription .submit_btns.btns-s a {width:46%;box-sizing:border-box;margin:1% 0.5%;}
}
.tbl_cal_sales table {border-top:1px solid #d6d6d6;width:100%;}
@media only screen and (max-width: 768px) {
.tbl_cal_sales table {border-top:0;}
.tbl_cal_sales tbody td.cl_val {width:30%;border-left:0;}
.tbl_cal_sales tbody td.cl_label {border-left:1px solid #d6d6d6;}
}