/* BASIC css start */
.sliderkit {display:none;position:relative;overflow:hidden;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:3;}
.sliderkit .sliderkit-panel-old{z-index:2;}

#main_area {}
#main_area .section1 {margin-top:32px;}
#main_area .section1 .main_board { float:left;padding-left:38px; }
#main_area .section1 .main_board:first-child {padding:0;}
#main_area .section1 h2 {margin-bottom:15px;}
#main_area .section1 ul {padding:0 8px;}
#main_area .section1 ul li {font-size:12px;color:#999;height:23px;line-height:25px;font-weight:bold;border-bottom:1px dotted #848484;}
#main_area .section1 ul li a {font-size:12px;color:#999;height:23px;line-height:25px;font-weight:normal;padding-left:5px;}
#main_area .section1 ul li a:hover {color:#444;}

#main_area .section2 {
    width:1200px;
    height:90px;
    background-color:#464646;
    margin:20px auto;
    text-align:center;
    color:#fff;
    text-decoration:none;
    font-family:'Malgun Gothic', '맑은 고딕', 'dotum', '돋움';
    font-size:13px;
}

#main_area .section2 p {padding-top:30px;}
#main_area .section2 a {text-decoration:underline; color:#cacaca;}
#main_area .main_title {padding-top:30px;margin-bottom:20px;}


/* ==================================================
   메인이미지
   ================================================== */

.contentslider-std {
    width:1200px;
    height:675px;
    padding:0px;
    margin:0px auto;
    float:left;
}

.contentslider-std .sliderkit-nav {
    position:relative;
}

.contentslider-std .sliderkit-nav-clip {
    position:absolute;
    margin:0 auto;
    top:660px;
    right:14px;
}

.contentslider-std .sliderkit-nav-clip li {
    float:left;
    padding:0px;
    margin:0 0 0 5px;
}

.contentslider-std .sliderkit-nav-clip li a {
    background-color:#fff;
    width:11px;
    height:11px;
    cursor:pointer;
    border-radius:50%;
}

.contentslider-std .sliderkit-nav-clip li a:hover {}

.contentslider-std .sliderkit-nav-clip li.sliderkit-selected {}

.contentslider-std .sliderkit-nav-clip li.sliderkit-selected a {
    background-color:#333;
}

.contentslider-std .sliderkit-panels {
    width:1200px;
    height:675px;
    overflow:hidden;
    padding:0px;
    margin:0px;
    background:transparent;
}

.contentslider-std .sliderkit-panel {
    width:1200px;
    height:675px;
    overflow:hidden;
    padding:0px;
    margin:0px;
    background:transparent;
}


/* ==================================================
   LUNA MAIN BANNER
   ================================================== */

.luna-main-slide {

.luna-main-dim {
    position:absolute;
    top:0;
    left:0;
    width:45%;
    height:100%;
    background:linear-gradient(
        to right,
        rgba(0,0,0,0.30) 0%,
        rgba(0,0,0,0.16) 55%,
        rgba(0,0,0,0.00) 100%
    );
    pointer-events:none;
}

    position:relative;
    width:100%;
    overflow:hidden;
}


.luna-main-slide > img {
    display:block;
    width:100%;
    height:auto;
    border:0;
}


/* 전체 문구 위치 */
.luna-main-copy {
    position:absolute;
    top:18%;
    left:5%;
    z-index:10;
    width:47%;
    color:#ffffff;
    text-align:left;
    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;
}


.luna-main-small,
.luna-main-title,
.luna-main-desc,
.luna-main-brand {
    text-shadow:0 1px 2px rgba(0,0,0,0.35);
}


/* 신축입주 · 이사 · 리모델링 */
.luna-main-small {
    margin:0 0 14px 0;
    font-size:18px;
    line-height:1.5;
    font-weight:400;
    letter-spacing:-0.5px;
}


/* 메인 큰 제목 */
.luna-main-title {
    margin:0 0 20px 0;
    font-size:44px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:-1.5px;
}


/* 중간 설명 */
.luna-main-desc {
    margin:0 0 15px 0;
    font-size:16px;
    line-height:1.7;
    font-weight:400;
    letter-spacing:-0.4px;
}


/* 루나아트월 전문시공 */
.luna-main-brand {
    margin:0 0 24px 0;
    font-size:15px;
    line-height:1.5;
    font-weight:600;
}


/* 버튼 영역 */
.luna-main-buttons {
    display:flex;
    gap:14px;
}


/* 버튼 공통 */
.luna-main-btn {
    display:inline-block;
    width:155px;
    padding:14px 0;
    box-sizing:border-box;
    text-align:center;
    text-decoration:none !important;
    font-size:15px;
    line-height:1.2;
    font-weight:600;
    border-radius:4px;
}


/* 시공사례 보기 */
.luna-main-btn-dark {
    color:#ffffff !important;
    background:rgba(45,45,45,0.90);
    border:1px solid rgba(45,45,45,0.90);
}

.luna-main-btn-dark:hover {
    color:#ffffff !important;
    background:#222222;
}


/* 제품·가격 보기 */
.luna-main-btn-line {
    color:#ffffff !important;
    background:rgba(255,255,255,0.07);
    border:1px solid #ffffff;
}

.luna-main-btn-line:hover {
    color:#ffffff !important;
    background:rgba(255,255,255,0.20);
}


/* 태블릿 */
@media all and (max-width:900px) {

    .luna-main-copy {
        top:14%;
        left:5%;
        width:55%;
    }

    .luna-main-small {
        font-size:15px;
        margin-bottom:10px;
    }

    .luna-main-title {
        font-size:34px;
        margin-bottom:14px;
    }

    .luna-main-desc {
        font-size:14px;
        margin-bottom:10px;
    }

    .luna-main-brand {
        font-size:13px;
        margin-bottom:16px;
    }

    .luna-main-btn {
        width:135px;
        padding:11px 0;
        font-size:13px;
    }
}


/* 모바일 */
@media all and (max-width:600px) {

    .luna-main-copy {
        top:9%;
        left:5%;
        width:90%;
    }

    .luna-main-small {
        font-size:12px;
        margin-bottom:7px;
    }

    .luna-main-title {
        font-size:25px;
        line-height:1.25;
        margin-bottom:10px;
    }

    .luna-main-desc {
        font-size:11px;
        line-height:1.55;
        margin-bottom:8px;
    }

    .luna-main-brand {
        font-size:10px;
        margin-bottom:11px;
    }

    .luna-main-buttons {
        gap:8px;
    }

    .luna-main-btn {
        width:118px;
        padding:9px 0;
        font-size:11px;
    }
}


/* ==================================================
   LUNA GUIDE CARDS
   신축입주 · 이사 및 거주중 리모델링 · TILE
   ================================================== */

.luna-guide-wrap {
    display:flex;
    width:100%;
    margin:22px 0 25px 0;
    gap:14px;
    box-sizing:border-box;
}


.luna-guide-card {
    display:flex;
    flex:1;
    height:205px;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #e6e6e6;
    border-radius:7px;
    box-sizing:border-box;
    box-shadow:0 2px 7px rgba(0,0,0,0.08);
}


.luna-guide-text {
    position:relative;
    width:52%;
    height:100%;
    padding:20px 14px 22px 20px;
    padding-bottom:62px;
    box-sizing:border-box;
    text-align:left;
}


.luna-guide-image {
    width:48%;
    height:100%;
    overflow:hidden;
}


.luna-guide-image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border:0;
}


/* 카드 상단 라인 아이콘 */
.luna-guide-icon {
    width:32px;
    height:32px;
    margin:0 0 7px 0;
}


.luna-guide-icon svg {
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:#7a6654;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* 카드 제목 - 아래 설명과 같은 고딕체 */
.luna-guide-title {
    margin:0 0 10px 0;
    color:#7a6654;

    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size:20px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:-0.6px;
}


.luna-guide-title-tile {
    color:#806d59;
}


/* 카드 설명 */
.luna-guide-desc {
    margin:0 0 22px 0;
    color:#444444;
    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;
    font-size:13px;
    line-height:1.7;
    font-weight:400;
    letter-spacing:-0.3px;
}


/* 카드 버튼 */
.luna-guide-btn {
    position:absolute;
    left:20px;
    bottom:22px;

    display:inline-block;

    padding:10px 14px;

    color:#ffffff !important;

    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size:12px;
    line-height:1;

    font-weight:600;

    text-decoration:none !important;

    border-radius:3px;
}


.luna-guide-btn-green {
    background:#7a6654;
}


.luna-guide-btn-green:hover {
    background:#685646;
    color:#ffffff !important;
}


.luna-guide-btn-brown {
    background:#7a6654;
}


.luna-guide-btn-brown:hover {
    background:#685646;
    color:#ffffff !important;
}


/* TILE 카드 설명문 줄바꿈 보정 */
.luna-guide-card:nth-child(3) .luna-guide-desc {
    font-size:12px;
    letter-spacing:-0.5px;
    line-height:1.65;
}


/* ==================================================
   LUNA BEST PRODUCT TITLE
   ================================================== */

.luna-best-head {
    display:flex;
    align-items:center;
    justify-content:space-between;

    width:100%;

    margin:32px 0 18px 0;

    box-sizing:border-box;
}


.luna-best-title-wrap {
    display:flex;
    align-items:baseline;
}


.luna-best-title {
    color:#333333;

    font-family:Arial, sans-serif;

    font-size:21px;
    line-height:1.2;

    font-weight:700;

    letter-spacing:-0.3px;
}


.luna-best-subtitle {
    margin-left:14px;

    color:#999999;

    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size:12px;
    line-height:1.5;

    font-weight:400;

    letter-spacing:-0.2px;
}


.luna-best-more {
    display:inline-block;

    padding:10px 16px;

    color:#7a6654 !important;

    background:#ffffff;

    border:1px solid #b8aa9c;

    border-radius:3px;

    box-sizing:border-box;

    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size:12px;
    line-height:1;

    font-weight:600;

    text-decoration:none !important;
}


.luna-best-more:hover {
    color:#ffffff !important;

    background:#7a6654;

    border-color:#7a6654;
}


/* ==================================================
   LUNA BEST PRODUCT INFO
   사진과 제품정보를 하나의 카드처럼 표시
   ================================================== */

.prd-list .main-info {
    display:block !important;

    min-height:58px;

    margin:0;

    padding:11px 12px 13px 12px;

    box-sizing:border-box;

    text-align:left;

    background:#faf8f5;

    border-top:1px solid #e8e1da;
}


.prd-list .main-info ul {
    margin:0;
    padding:0;

    list-style:none;
}


.prd-list .main-info .dsc {
    display:block !important;

    margin:0;
    padding:0;

    color:#6f5b49;

    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size:16px;
    line-height:1.4;

    font-weight:700;

    letter-spacing:-0.4px;
}


.prd-list .main-info .subname {
    display:block !important;

    margin:4px 0 0 0;
    padding:0;

    color:#8a8179;

    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size:12px;
    line-height:1.5;

    font-weight:400;

    letter-spacing:-0.2px;
}


.prd-list .main-info .consumer,
.prd-list .main-info .price,
.prd-list .main-info .icon {
    display:none !important;
}


/* 다음 줄 상품과 충분히 분리 */
.prd-list td {
    padding-bottom:26px !important;
    vertical-align:top;
}


/* ==================================================
   LUNA BEST PRODUCT CUSTOM INFO
   ================================================== */

.luna-best-custom-info {
    width:auto;

    min-height:58px;

    margin:0 0 34px 0;

    padding:10px 0 0 0;

    box-sizing:border-box;

    background:transparent;

    border:0;

    text-align:center;
}


.luna-best-custom-name {
    margin:0;
    padding:0;

    color:#6f5b49;

    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size:15px;
    line-height:1.4;

    font-weight:700;

    letter-spacing:-0.3px;
}


.luna-best-custom-sub {
    margin:4px 0 0 0;

    padding:0;

    color:#8b8178;

    font-family:"Malgun Gothic", "맑은 고딕", Arial, sans-serif;

    font-size:12px;
    line-height:1.5;

    font-weight:400;

    letter-spacing:-0.2px;
}


/* ==================================================
   LUNA BRAND DIVIDER
   BEST PRODUCT / NEW PRODUCT 사이
   ================================================== */

#main_area .section2.luna-brand-divider {
    width:1200px;
    height:130px;

    margin:34px auto 42px auto;

    padding:0;

    box-sizing:border-box;

    background:#4a4846;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;
}


#main_area .luna-brand-kicker {
    margin:0 0 7px 0;

    padding:0;

    color:#d2c5b9;

    font-family:"Segoe Script", "Brush Script MT", cursive;

    font-size:17px;

    line-height:1.2;

    font-weight:400;
}


#main_area .luna-brand-message {
    margin:0;

    padding:0;

    color:#ffffff;

    font-family:"Batang", "바탕", serif;

    font-size:20px;

    line-height:1.4;

    font-weight:400;

    letter-spacing:-0.5px;
}


#main_area .luna-brand-line {
    width:28px;

    height:1px;

    margin:11px auto 9px auto;

    background:#a38d79;
}


#main_area .luna-brand-en {
    margin:0;

    padding:0;

    color:#b8b0aa;

    font-family:Georgia, "Times New Roman", serif;

    font-size:10px;

    line-height:1.2;

    font-style:italic;

    letter-spacing:1.5px;
}
/* BASIC css end */