﻿.ict_wrap {
    max-width:1920px;
    min-width:1200px;
    width:100%;
    margin:auto;
    text-align:center;
}

.ict_sub {
    width:1200px;
    margin:auto;
    padding-bottom:40px;
}

.ict_sub2 {
    white-space:nowrap;
}

.ict1_twrap {
    background: url();
    margin: auto;
    width: 1200px;
    text-align: center;
}

.ict1_title {
    position: absolute;
    padding-top:40px;
    width: 1200px;
    height:70px;
    background: #fff;
    height: 70px;
    margin-top:-45px;
}

.bf_wrap {
    text-align:center;
    margin-top:74px;
}

    .bf_wrap li {
        border-right:1px solid #ccc;
        padding:0px 12px;
    }

        .bf_wrap li:last-child {
            border-right:none;
        }

        .bf_wrap button img {
            display: block;
            width: 50px;
            margin: 0px auto 10px auto;
        }

    .bf_wrap button {
        text-align:center;
        font-size:15px;
        cursor: pointer;
        color: #505055;
        border: none;
        background: none;
    }

        .bf_wrap button:hover{
            opacity:0.7;
        }

        .bf_wrap button:active {
            opacity: 0.8;
        }

        .bf_wrap button:active img {
            margin: 2px auto 8px auto;
        }

.bf_btn_sel {
    color:#5a4 !important;
}

.bf_slide {
    display: inline-block;
    vertical-align: middle;
    width: 1200px;
    height: 450px;
    overflow: hidden;
    white-space: nowrap;
}

.bf_slide li {
    width:600px;
    height:450px;
    box-sizing:border-box;
    vertical-align:top;
    margin:0px;
}

    .bf_slide li img {
        width:600px;
        height:400px;
    }

    .bf_slide p {
        text-align: right;
        padding-left:0px;
        font-size:18px;
        color:#555;
        padding-top:2px;
        margin-top:11px;
    }

        .bf_slide p img {
            width: 15px !important;
            height: 15px !important;
            margin-right: 9px;
            margin-bottom: -1px;
        }

        .bf_slide li:first-child p {
            text-align: left;
        }

.bf_p_btn, .bf_n_btn {
    vertical-align: middle;
    cursor:pointer;
    margin-top:-40px;
    box-sizing:border-box;
}

    .bf_p_btn:hover, .bf_n_btn:hover {
        opacity:0.7;
    }

    .bf_p_btn:active, .bf_n_btn:active {
        opacity: 0.8;
        margin-top:-37px;
    }

.bf_p_btn {
    margin-right: 70px;
}

.bf_n_btn {
    margin-left: 70px;
}

#bfTitle {
    font-size: 30px;
    padding: 27px 0px 0px;
    margin: 0px;
    line-height:100%;
}

#bfSubText {
    padding:0px;
    margin:20px 0px;
    font-size:15px;
    line-height:20px;
}

.bf_dbtn {
    background:none;
    border:1px solid #fff;
    width:160px;
    height:40px;
    border-radius:20px;
    color:#fff;
    font-size:14px;
}

    .bf_dbtn img {
        margin-left:5px;
        margin-bottom:-1px;
    }

    .bf_dbtn:hover {
        opacity:0.8;
    }

    .bf_dbtn:active {
        box-shadow:rgba(1, 1, 1, 0.3) 3px 3px 3px inset;
    }

    .bf_txt_wrap {
        width: 400px;
        height: 200px;
        background: #53a946;
        margin: -200px auto 0px;
        color: #fff;
    }

.bf_txt_layer {
    width:100%;
    max-width:1920px;
    min-width:1200px;
    position: absolute;
    z-index: 999;
}

.ict_sale_wrap {
    width: 100%;
    min-width:1200px;
    background: #505560;
    height:420px;
    margin-top:120px;
}

.ict_ssw {
    padding-left:80px;
    text-align:left;
    white-space:nowrap;
}

.ict_p {
    overflow:hidden;
    display:none;
    position:absolute;
    height:500px;
    margin-top:-40px;
}
#indexSaleSlide0 {
    display:block;
}
.ict_img {
    width: 1000px;
    height: 500px;
    display: inline-block;
    vertical-align: top;
}
.ict_txt_wrap {
    width:476px;
    display: inline-block;
    vertical-align: top;
    padding:115px 0px 0px 40px;
}
.ict_lst_wrap {
    width: 1200px;
    position: absolute;
    margin: 320px auto 0px auto;
}

    .ict_lst_wrap dl {
        color: #fff;
        margin: 0px;
        padding: 13px 20px;
        background: rgba(0, 0, 0, 0.7);
        width: 380px;
        height: 140px;
        box-sizing: border-box;
        display: inline-block;
        margin-right: 25px;
        vertical-align:top;
    }

        .ict_lst_wrap dl:last-child {
            margin-right:0px;
        }

        .ict_lst_wrap dt, .ict_lst_wrap dd, .ict_lst_wrap ul, .ict_lst_wrap li {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            .ict_lst_wrap dt {
                border-bottom:1px solid #666;
                font-size:18px;
                padding-bottom:11px;
            }

            .ict_lst_wrap dt a {
                float:right;
                margin-top:2px;
            }

    .ict_lst_wrap ul {
        padding-top:2px;
    }
    .ict_lst_wrap li {
        font-size: 14px;
        color: #ccc;
        padding-top: 10px;
        padding-left: 16px;
        background: url(/img/ic_logo30.png) no-repeat left 12px;
        background-size: 10px 10px;
    }

        .ict_lst_wrap li a:link, .ict_lst_wrap li a:visited, .ict_lst_wrap li a:hover {
            color:#ccc;
            text-decoration:none;
        }

        .ict_lst_wrap li a:hover {
            text-decoration: underline;
            color: #5a4;
        }

            .ict_txt_wrap button {
                font-size: 16px;
                float: right;
            }

.ict_txt1 {
    padding:0px;
    margin:0px 0px 13px 0px;
    font-size: 36px;
    color: #fff;
}

.ict_txt2 {
    padding: 0px;
    margin: 0px 0px 33px 0px;
    font-size: 21px;
    color: #cf6;
}

.ict_txt3 {
    line-height:150%;
    padding: 0px;
    margin: 0px 0px 15px 0px;
    font-size: 14px;
    color: #ccc;
}

.sale_nbtn {
    vertical-align:top;
    margin:210px 0px 0px 80px;
}

.sale_nbtn:hover {
    opacity:0.7;
}

    .sale_nbtn:active {
        opacity: 0.8;
        margin-top: 213px;
    }


.ipst_item, .ipst_item dt, .ipst_item dd, .ipst_item p {
    margin: 0px;
    padding: 0px;
}

.ipst_item {
    float:left;
    margin-top:120px;
    margin-right:30px;
}

    .ipst_item:last-child {
        margin-right:0px;
    }

    .ipst_item dt {
        color: #000;
        font-size: 24px;
        padding-bottom: 13px;
    }
    .ipst_item dd, .ipst_item dd div {
        width: 380px;
        height: 300px;
        box-sizing: border-box;
        overflow:hidden;
    }
        .ipst_item dd div {
            float:left;
        }
        .ipst_item p {
            position: absolute;
            margin-top: 255px;
            text-align: left;
            padding: 0px 20px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            line-height: 45px;
            width: 380px;
            height: 45px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            font-size: 16px;
        }

.ipst {
    padding-bottom: 80px;
    overflow:auto;
}
.cus_wrap {
    width:33.33%;
    display:inline-block;
    vertical-align:top;
    margin-left:-5px;
}

    .cus_wrap:first-child {
        margin-left:0px;
    }

    .cus_wrap div {
        width: 33.33%;
        min-width: 400px;
        max-width: 640px;
        position: absolute;
        color: #fff;
        font-size: 14px;
    }

        .cus_wrap div p {
            margin:0px;
            padding:0px;
            line-height:150%;
        }

        .cus_wrap img {
            width: 100%;
        }

.cus_txt1 {
    font-size: 30px;
    padding-top: 88px !important;
    padding-bottom: 11px !important;
}
.cus_txt2 {
    font-size: 18px;
    color:#390;
    padding-bottom:8px !important;
}
.cus_txt3 {
    font-size: 18px;
    color: #000;
    padding-bottom: 8px !important;
}

.cus_wrap button {
    border: 1px solid #bbb;
    height: 40px;
    box-sizing: border-box;
    color: #390;
    font-size: 14px;
    background-color: #fff;
    width:100%;
}

    .cus_wrap button:hover {
        opacity:0.95;
    }

    .cus_wrap button:active {
        box-shadow:rgba(0,0,0,0.3) 1px 1px 5px inset;
    }

    .cus_wrap .cus_wrap_btn {
        width: 60%;
        margin: -80px auto 0px;
        display: block;
        position: relative;
    }

.cus_btn_50 {
    width:50% !important;
    float:left;
}
    .cus_btn_50:last-child {
        border-left:none;
    }

    .cus_wrap button img {
        width: auto;
        margin-left: 20px;
    }

.ict_notice {
    overflow:auto;
    padding-top:90px;
}

.ictn_tit {
    width:160px;height:60px;border:1px solid #aaa;border-bottom:none;line-height:60px;font-size:24px;color:#555;
}

.lctn_titm {
    border-bottom:1px solid #aaa; height:60px;text-align:right;
    line-height:60px;
}

.notice_lst, .notice_lst li {
    list-style: none;
    padding:0px;
    margin:0px;
}

    .notice_lst {
        padding-top:16px;
    }

    .notice_lst li {
        padding-left: 30px;
        background: url(/img/ic_logo30.png) no-repeat left center;
        background-size: 15px 15px;
        text-align: left;
        height: 39px;
        line-height: 39px;
        font-size: 16px;
        width: 100%;
        box-sizing: border-box;
    }
        .notice_lst li div {
            display:inline-block;
            float:right;
            margin-top:-40px;
            font-size:14px;
            color:#888;
        }

        .notice_lst li a:link, .notice_lst li a:visited, .notice_lst li a:hover {
            text-decoration: none;
            color: #555;
            padding-right: 100px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            box-sizing: border-box;
            padding-right: 80px;
            width:100%;
            box-sizing:border-box;
            display:block;
        }

            .notice_lst li a:hover {
                color:#000;
                text-shadow:rgba(0,0,0,0.1) 1px 1px 1px;
            }

.cs_wrap, .cs_wrap dt, .cs_wrap dd {
    margin:0px;
    padding:0px;
    text-align:left;
}

    .cs_wrap {
        padding-left:40px;
    }

    .cs_wrap dt {
        font-size: 20px;
        color: #000;
        padding-bottom:15px;
    }

.cs_tel {
    color: #fff;
    height: 60px;
    background: #303033;
    font-size:24px;
    box-sizing:border-box;
    line-height:60px;
}

    .cs_tel img {
        vertical-align:middle;
        padding:0px 20px;
        margin-top:-1px;
    }

.cs_time {
    margin-top:10px !important;
    height:135px;
    box-sizing:border-box;
    border:1px solid #aaa;
    padding:22px 20px !important;
}

    .cs_time ul, .cs_time li {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .cs_time li {
        height:30px;
        line-height:30px;
        font-size:15px;
        color:#666;
    }


/* 사이트맵 시작 */
.site_map_wrap {
    margin-top:80px;
    width: 100%;
    min-width:1200px;
    height: 330px;
    background: #848488;
}

.site_map_lst, .sitem_li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .sitem_li p {
        color:#fff;
        font-size:18px;
        margin:23px 0px 17px 0px;
        padding:0px;
    }

    .site_map_lst {
        margin: auto;
        width: 1200px;
        display: block;
        padding-top: 40px;
    }

.site_map_lst .sitem_li {
    width: 16.666%;
    border-right: 1px solid #999;
    box-sizing:border-box;
    float:left;
    text-align:center;
    height:250px;
}

.site_map_lst .sitem_li:last-child {
    border: none;
}

.sitem_li img {
    width:60px;
}

.sitem_link, .sitem_link li {
    list-style: none;
    padding:0px;
    margin:0px;
}

    .sitem_link li {
        padding-bottom:7px;
    }

    .sitem_link a:link, .sitem_link a:visited, .sitem_link a:hover {
        font-size: 13px;
        color: #ccc;
        text-decoration: none;
    }
    .sitem_link a:hover {
        text-shadow:rgba(255,255,255,0.1) 1px 1px 1px;
        color:#fff;
    }
    /* 사이트맵 끝 */
    .d {
    }

/* 사업분야 슬라이드, 분양목록 */
@media screen and (max-width:1730px) {
    .bf_slide {
        width:910px;
        height: 353px;
    }

        .bf_slide li {
            width: 455px;
            height: 353px;
            box-sizing: border-box;
            vertical-align: top;
        }

            .bf_slide li img {
                width: 455px;
                height: 303px;
            }

    .bf_txt_wrap {
        width: 400px;
        height: 200px;
        background: #53a946;
        margin-top: -200px;
        margin-left: -200px;
        position: absolute;
        left: 50%;
        z-index: 999;
        color: #fff;
    }

    .ict_lst_wrap {
        margin: 300px auto 0px auto;
    }
    .ict_sale_wrap {
        height: 380px;
        margin-top: 120px;
    }
    .ict_img {
        width: 840px;
        height: 420px;
    }
    .ict_txt_wrap {
        width:375px;
        padding:90px 0px 0px 40px;
    }
    .ict_txt2 {
        margin: 0px 0px 33px 0px;
    }

    .cus_txt1 {
        padding-top: 60px !important;
    }
}


/* 분양목록 */
@media screen and (max-width:1470px) {
    .ict_img {
        width: 700px;
        height: 350px;
    }
    .ict_txt_wrap {
        width: 330px;
        padding: 80px 0px 0px 30px;
    }

    .cus_txt1 {
        padding-top: 40px !important;
    }


    .cus_wrap .cus_wrap_btn {
        margin-top: -70px;
    }

    .cus_wrap div p {
        line-height: 130%;
    }
}


@media screen and (max-width:1285px) {
    .sale_nbtn img {
        height: 70px;
    }

    .sale_nbtn {
        margin: 250px 0px 0px -70px !important;
    }

    .ict_txt_wrap {
        width: 410px;
    }

    .bf_dbtn {
        float:none !important;
    }
}

.mbtn {
    width:360px;
    height:80px;
    background:url(/img/mbtn2.png) no-repeat;
    background-size:cover;
    border:none;
    color:#073;
    font-size:28.5px;
    position:absolute;
    font-weight:500;
}

    .mbtn:hover {
        font-size: 32px;
        font-weight: 600;
        background: url(/img/mbtn1.png) no-repeat;
        color: #fff;
    }

.mbtn_large {
    height: 180px;
    background: url(/img/mbtn2_l.png) no-repeat;
}

    .mbtn_large:hover {
        font-size: 30px;
        background: url(/img/mbtn1_l.png) no-repeat;
    }

.mbtn_m {
    width:280px;
    height: 180px;
    background: url(/img/mbtn2_m.png) no-repeat;
}

    .mbtn_m:hover {
        font-size: 30px;
        background: url(/img/mbtn1_m.png) no-repeat;
    }


.mbtn:active {
    opacity: 0.7;
}

.m_banner {
    white-space:nowrap;
    padding-bottom:35px;
}

.m_banner a {
    display: inline-block;
    margin-right: 36px;
}
.m_banner a:last-child {
    display: inline-block;
    margin-right: 0px;
}