html {
    background-color: #f5f5f5;
    margin: 0;
}

body {
    margin: 0;
    width:1920px;
    height: 1080px;
    position:absolute;
    left:50%;
    transform-origin:0 0;
    background-color: #ffffff;
}

.layout_section { }
.left_tab_section { float:left; width:190px; padding:30px 39.5px 0 39.5px; }
.left_tab_wrap { height:28px; }

.left_tab { float:left; /*border:1px solid rgba(122, 107, 97, 0.5);*/ font-size:14px; line-height: 1.43; color:#fff; padding: 2px 0 3px 0; font-family: 'Noto Sans KR'; font-weight: 500; cursor: pointer; width:47.5%; text-align: center; background-color:#C8C1C0; }
.left_tab.active { background-color: #756462; /*border:1px solid #756462;*/ color:#fff; }
.left_tab.active_h { background-color: #756462; /*border:1px solid #756462;*/ color:#fff; }

.left_tab_cont_txt_wrap { margin-top:17px; }
.left_tab_cont_txt { float:left; text-align:center; font-family: 'Noto Sans KR'; color:#363636; letter-spacing:-0.44px; font-weight: bold; font-size:16px; border-bottom:1px solid #dcdddd; padding-bottom:6px; width:104px; }
.left_tab_cont_img_wrap { margin-top:10px; }
.left_tab_cont_img { margin-bottom:10px; cursor:pointer;}
.left_tab_cont_img_name { font-family: 'Poppins', serif; color:#363636; font-size:14px; font-weight: 500; letter-spacing: -1px;}
.left_tab_cont_img_box { position:relative;}
.left_tab_index_img { width:105px; }

.tab_index_img_large { width:105px; height:90px; }
.tab_index_img_medium { width:105px; height:67px; }
.tab_index_img_small { width:190px; height:70px; }
.tab_index_img_default { width:190px; height:120px; }

.icon_click_left_tab {
    display:none;
    position:absolute;
    top: 46%;
    left: 48%;
    transform: translate(-46%, -48%);
    height:40px;
    /* animation: blink-effect 1.5s step-end infinite; */
}
.icon_click_left_tab2 {
    display:none;
    position:absolute;
    top: 45%;
    left: 48%;
    transform: translate(-46%, -48%);
    height:35px;
    /* animation: blink-effect 1.5s step-end infinite; */
}
.icon_click_left_tab2_top {
    display:none;
    position:absolute;
    top: 45%;
    left: 49%;
    transform: translate(-46%, -48%);
    height:35px;
    /* animation: blink-effect 1.5s step-end infinite; */
}
.icon_click_right_tab2_top {
    display:none;
    position:absolute;
    top: 45%;
    left: 48%;
    transform: translate(-46%, -48%);
    height:35px;
    /* animation: blink-effect 1.5s step-end infinite; */
}
.icon_click_left_tab3 {
    display:none;
    position:absolute;
    top: 45%;
    left: 48%;
    transform: translate(-46%, -48%);
    height:35px;
    /* animation: blink-effect 1.5s step-end infinite; */
}
.icon_click_left_tab4 {
    display:none;
    position:absolute;
    top: 45%;
    left: 48%;
    transform: translate(-46%, -48%);
    height:35px;
    /* animation: blink-effect 1.5s step-end infinite; */
}
.icon_click_right_tab {
    display:none;
    position:absolute;
    top: 46%;
    left: 48%;
    transform: translate(-46%, -48%);
    height:40px;
    /* animation: blink-effect 1.5s step-end infinite; */
}
.icon_click_right_tab2 {
    display:none;
    position:absolute;
    top: 45%;
    left: 48%;
    transform: translate(-46%, -48%);
    height:35px;
    /* animation: blink-effect 1.5s step-end infinite; */
}
.icon_click_right_tab3 {
    display:none;
    position:absolute;
    top: 45%;
    left: 48%;
    transform: translate(-46%, -48%);
    height:35px;
    /* animation: blink-effect 1.5s step-end infinite; */
}
.section_main { float:left; display:flex; position:relative; width:1650px; height:1020px; }
.section_main img { position: absolute; }

.wrap_fittings { height:87px; cursor:pointer; }
.fittings_title { /*font-family: 'Noto Sans KR';*/ font-size:14px; line-height:16px; color:#363636; bottom:-8px; position: absolute; text-align:center; letter-spacing: -1px;}
#icon_index_fittings_purewhite { position:absolute; top:30px; left:481px; cursor: pointer; }
#icon_index_fittings_washbeige { position:absolute; top:30px; left:562px; cursor: pointer; }
#icon_index_fittings_crema { position:absolute; top:30px; left:643px; cursor: pointer; }
#icon_index_fittings_moderngray { position:absolute; top:30px; left:724px; cursor: pointer; }
#icon_index_fittings_urbangray { position:absolute; top:30px; left:805px; cursor: pointer; }
#icon_index_fittings_milkchocolate { position:absolute; top:30px; left:886px; cursor: pointer; }
.icon_check_gray { display:none; top:12px; left:15px; cursor: pointer; height:26px; }
.index_fittings1 { float:left; display:flex; border-radius: 50px; background-color: #363636; border:0; color:#fff; font-size:14px; line-height: 1.43; padding: 2px 10px 2px 10px; font-family: 'Noto Sans KR'; font-weight: 500; }
.index_fittings2 { /*font-family: 'Noto Sans KR';*/ font-weight: 500; font-size:16px; color:#363636; line-height:1.5; margin-left:10px; width:122px; margin-left:77px;}

#icon_detail_view_floor {top:678px; left:343px; height:70px; cursor: pointer; }
#popup_floor { display: none; top:470px; left:20px; height:380px; }

#icon_detail_view_fittings {top:350px; right:772px; height:70px; cursor: pointer; }
#popup_fittings { display: none; top:220px; right:520px; height:380px; }

#icon_detail_view_wallpaper {top:400px; right:344px; height:70px; cursor: pointer; }
#popup_wallpaper { display: none; top:320px; right:20px; height:380px; }

.right_tab { float:left; /*border:1px solid rgba(122, 107, 97, 0.5);*/ font-size:14px; line-height: 1.43; color:#fff; padding: 2px 0 3px 0; font-family: 'Noto Sans KR'; font-weight: 500; cursor: pointer; width:47.5%; text-align: center; background-color:#C8C1C0; }
.right_tab.active { background-color: #756462; /*border:1px solid #756462;*/ color:#fff; }
.right_tab.active_h { background-color: #756462; /*border:1px solid #756462;*/ color:#fff; }

.right_tab_cont_txt { font-family: 'Noto Sans KR'; color:#363636; letter-spacing:-0.44px; font-weight: bold; font-size:16px; border-bottom:1px solid #dcdddd; padding-bottom:6px; }

.section_wrap { float:left; margin-right:20px; }
.section_title_wrap {display:flex; flex-direction:row;}
.section_title { font-family: 'Noto Sans KR'; font-size:22px; font-weight:500; margin-right:15px; }
.section_div_line {flex:1; height:1px; border-top:1px solid #2b2b2b; margin-top:18px;}
.section_images {display:flex; margin-top:10px; position: relative;}
.section_images div { position:relative; }
.section_images img {display: inline-block; cursor:pointer;}
.section_images_code {font-family: 'Noto Sans KR'; font-size:18px; font-weight:300; color:#2b2b2b; margin-top:8px;}

.detail_section { position:relative; }
.detail_content { display:flex; float:left; }
.detail_index { display:flex; position:relative; }
.detail_content_name { position:absolute; bottom:70px; left:80px; font-family: 'Noto Sans KR'; font-size:22px; font-weight:normal;}

.detail_index_div { position:absolute; top:0; height:100%; }
.icon_sel { position:absolute; display:none; }

.menu_popup { width:570px; height:100px; background-color: #fff; position:absolute; top:0; left:635px; padding:22px 40px 30px 40px; }
.menu_popup_wrap { width:120px; cursor:pointer; }
.menu_popup_wrap:hover > .menu_popup_title { color:#8d7247; }
.menu_popup_wrap.active > .menu_popup_title { color:#8d7247; }
.menu_popup_title { font-family: 'Poppins', serif; font-size:16px; line-height: 25px; letter-spacing: -0.32px; color:#b5b5b6; font-weight:700; text-align: center; margin-bottom:5px; }
.menu_popup_image { width:120px; height:70px; }

.lineup_section_title {padding:4px 124px; background-color:#8d7247; opacity:0.5; width:102px; height:31px;}
.lineup_section_title_text {color:#fff; font-family:'Noto Sans KR', serif; font-size:18px; font-weight: bold; line-height:1.5; letter-spacing: -0.36px;}
.lineup_section_image_wrap {position:relative; width:350px; height:150px; margin-top:10px;}
.lineup_section_image { width:100%; }
.lineup_section_image_plus { position:absolute !important; bottom:13px; right:13px; height:28px;}



/*popup*/
/*
@keyframes blink-effect {
    50% {
        opacity: 0;
    }
}
*/