/* nav */
.nav {
    position: absolute;
    top: 105px;
    left: 50%;
    width: 1440px;
    margin-left: -720px;
    text-align: right;
    font-family: 'Poppins';
    font-weight: 300
}

.nav li {
    display: inline-block;
    font-size: 12px;
}

.nav li a {
    color: #999
}

.nav li em {
    margin: 0 4px;
    color: #999
}

/* 占쎄퉳占쎄맒 */
.natural_walnut {
    background: #B29D76
}

.natural_oak {
    background: #f1d4af
}

/* 占쎄땀�빊遺얠쑛占쎌궎占쎄쾿 */
.walnut {
    background: #614134
}

/* 占쎌뜞占쎄퐢 */
.ash {
    background: #b58b63
}

/* 占쎈막占쎈룴 */
.gray {
    background: #534e48
}

/* 域밸챶�쟿占쎌뵠 */
.pryor_gray {
    background: #A08C89
}

.light_gray {
    background: #cecdc9
}

/* 域밸챶�쟿占쎌뵠 */
.gray_white {
    background: #c4bfba
}

/* 域밸챶�쟿占쎌뵠 占쎌넅占쎌뵠占쎈뱜 */
.gray_fabric {
    background: #797373
}

/* 域밸챶�쟿占쎌뵠 占쎈읂�뇡�슢�봼 */
.beige {
    background: #cec5be
}

/* 甕곗쥙�뵠筌욑옙 */
.blue {
    background: #2c84af
}

/* �뇡遺억펷 */
.ivory {
    background: #d2cbc5
}

/* 占쎈툡占쎌뵠癰귣��봺 */
.navy {
    background: #1f212e
}

/* 占쎄퐬占쎌뵠�뜮占� */
.deep_green {
    background: #4a5858
}

/* 占쎈덱域밸챶�뵛 */
.red {
    background: #FF0000
}

/* 占쎌쟿占쎈굡 */
.black {
    background: #000000
}

/* �뇡遺얠삌 */
.dark_oak {
    background: #2f2623;
}

/* 占쎈뼄占쎄쾿占쎌궎占쎄쾿 */
.oak_been {
    background: #2f2623;
}

/* 占쎌궎占쎄쾿�뜮占� */
.eclipse_green {
    background: #424541;
}

/* 占쎌뵠占쎄깻�뵳�럩�뮞域밸챶�뵛 */
.ocean_blue {
    background: #00498c;
}

/* 占쎌궎占쎈�↓뇡遺억펷 */
.deep_royal {
    background: #383e4e;
}

/* 占쎈덱嚥≪뮇六� */
.Pink {
    background: #ddbab4
}

.oak {
    background: #d2bb9a;
}

.white_oak {
    background: #efece6;
}

/* 占쎄퐣�뇡占� 占쎌쟿占쎌뵠占쎈툡占쎌뜍 */
.sub_cont {
    padding-top: 82px;
}

/* fullpage nav */
body #fp-nav.right {
    right: 60px
}

body #fp-nav ul li {
    margin: 21px
}

body #fp-nav ul li:last-child {
    display: none;
}

body #fp-nav ul li a span {
    width: 10px;
    height: 10px;
    background: #a1a1a6
}

body #fp-nav ul li:hover a span, body #fp-nav ul li:hover a.active span, body #fp-nav ul li a.active span {
    width: 10px;
    height: 10px;
    margin: -2px 0 0 -2px;
    background: #50c0e3
}

/* 占쎈뮞占쎄쾿嚥∽옙 */
.scroll_down {
    position: fixed;
    bottom: 0;
    right: 62px;
    transition: opacity 0.3s;
    z-index: 1
}

.scroll_down .line {
    position: relative;
    width: 1px;
    height: 102px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
    overflow: hidden;
}

.scroll_down .line:after {
    content: "";
    position: absolute;
    top: -16px;
    left: 0;
    width: 2px;
    height: 35px;
    background: #fff;
    animation: scroll-animate 2s infinite;
}

.fp-viewing-5 .scroll_down {
    display: none;
}

@keyframes scroll-animate {
    0% {
        top: -35px
    }
    100% {
        top: 102px;
    }
}

.scroll_left {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -50px;
    font-family: 'Poppins';
    font-weight: 500;
    transition: opacity 0.3s;
}

.scroll_left a {
    padding-left: 37px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px
}

.scroll_left:hover .line:after {
    display: block;
}

.scroll_left .line {
    position: absolute;
    top: 36px;
    left: 0;
    width: 170px;
    height: 1px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.7);
    overflow: hidden;
}

.scroll_left .line:after {
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    width: 35px;
    height: 1px;
    background: #fff;
    animation: scroll-left 2s infinite;
}

@keyframes scroll-left {
    0% {
        right: -35px
    }
    100% {
        right: 170px;
    }
}

.scroll_right {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -50px;
    font-family: 'Poppins';
    transition: opacity 0.3s;
}

.scroll_right a {
    padding-right: 37px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px
}

.scroll_right:hover .line:after {
    display: block;
}

.scroll_right .line {
    position: absolute;
    top: 36px;
    left: 0;
    width: 170px;
    height: 1px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.7);
    overflow: hidden;
}

.scroll_right .line:after {
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    width: 35px;
    height: 1px;
    background: #fff;
    animation: scroll-right 2s infinite;
}

@keyframes scroll-right {
    0% {
        left: -35px
    }
    100% {
        left: 170px;
    }
}

/* sub bg */
.sub_bg {
    height: 295px;
    text-align: center
}

.sub_bg div {
    width: 100%;
    padding-top: 113px;
    color: #fff;
    text-shadow: 2px 2px 4px gray;
}

.sub_bg div h3 {
    display: block;
    margin-bottom: 20px;
    font-size: 30px;
    font-family: 'Poppins';
    font-weight: 500;
}

/* 占쎄퐣�뇡�슦占쏙옙�뵠占쏙옙 */
.sub_title {
    text-align: center;
    margin-top: 78px;
}

.sub_title h3 {
    display: block;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 400
}

.sub_title h4 {
    display: block;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 400
}

.sub_title p {
    color: #666
}

.bed_viewTit {
    margin-top: 48px;
    text-align: center;
}

.bed_viewTit h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5
}

.bed_viewTit p {
    margin-top: 20px;
    font-size: 16px
}

.num_title {
    padding-bottom: 48px;
    text-align: center
}

.num_title h4.line {
    display: inline-block;
    padding: 0 2px 19px 2px;
    margin-bottom: 19px;
    border-bottom: 1px solid #000;
    font-family: 'Poppins';
}

.num_title h4 {
    display: block;
    font-size: 24px;
    font-weight: 400
}

.num_title p {
    margin-top: 30px;
    color: #666
}

/* radio */
.radio_type1 {
    position: relative;
    display: inline-block;
    margin-right: 61px;
}

.radio_type1 input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.radio_type1 input[type="radio"] + label:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: -1px 10px 0 0;
    text-align: center;
    vertical-align: middle;
    background: url('/resources/img/sub/noagree.gif') no-repeat;
}

.radio_type1 input[type="radio"]:checked + label:before {
    background: url('/resources/img/sub/agree.gif') no-repeat;
}

/* 甕곌쑵�뱣 */
.list_btn, .more, .bt_wrap {
    text-align: center;
    margin-top: 63px;
}

.list_btn a, .bt_wrap a {
    position: relative;
    display: inline-block;
    width: 166px;
    height: 59px;
    line-height: 59px;
    margin: 0 5px;
    text-align: center;
    color: #0f1e48;
    border: 1px solid #0f1e48;
    vertical-align: middle;
}

.list_btn a:before, .bt_wrap a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #0f1e48;
    z-index: -1;
    transition: all 0.3s;
}

.list_btn a:hover, .bt_wrap a:hover {
    color: #fff;
}

.bt_wrap button {
    position: relative;
    display: inline-block;
    width: 168px;
    height: 61px;
    line-height: 59px;
    margin: 0 5px;
    text-align: center;
    border: 1px solid #0f1e48;
    background: #0f1e48;
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
}

.bt_wrap button span {
    position: relative;
    z-index: 1
}

.bt_wrap button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    transition: all 0.3s;
}

.bt_wrap button:hover {
    color: #0f1e48;
}

.list_btn a:hover:before, .bt_wrap a:hover:before, .bt_wrap button:hover:before {
    width: 100%
}

/* 占쎈쐭癰귣떯由� */
.more button {
    position: relative;
    display: inline-block;
    width: 137px;
    padding: 14px 20px 15px 0;
    border: 1px solid #0f1e48;
    color: #0f1e48;
    font-size: 15px;
    background: url('/resources/img/sub/more.png') no-repeat 68%;
}

.more button:hover {
    background: url('/resources/img/sub/more_on.png') no-repeat 68%;
    color: #fff;
}

.more button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #0f1e48;
    z-index: -1;
    display: block;
    transition: all 0.3s;
}

.more button:hover:before {
    width: 100%;
}

.view_all {
    font-size: 14px;
    padding-left: 20px;
    background: url('/resources/img/sub/view_all.gif') no-repeat left
}

.view_left {
    position: absolute;
    bottom: 38px;
    left: 0;
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url('/resources/img/sub/view_left.png') no-repeat;
    text-indent: -9999px;
    z-index: 9
}

.view_left:hover {
    background: url('/resources/img/sub/view_leftOn.png') no-repeat;
}

.view_right {
    position: absolute;
    bottom: 38px;
    right: 0;
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url('/resources/img/sub/view_right.png') no-repeat;
    text-indent: -9999px;
}

.view_right:hover {
    background: url('/resources/img/sub/view_rightOn.png') no-repeat;
}

/* 占쎄틙 */
.eng_tab {
    font-family: 'Poppins';
    font-weight: 400;
}

.tab_type1, .tab_type2 {
    text-align: center;
    margin-bottom: 34px;
    border: 2px solid #e7e8ec;
}

.tab_type1 li {
    position: relative;
    display: inline-block;
    width: 33.3%;
    height: 60px;
    line-height: 60px;
    margin-left: -4px;
    box-sizing: border-box;
    font-size: 18px;
}

.tab_type1 li a, .tab_type3 li a {
    display: block;
    color: #666
}

.tab_type1 li.active a, .tab_type2 li.active a {
    color: #0f1e48
}

.tab_type1 li.active:before, .tab_type2 li.active:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px;
    background: #0f1e48
}

.tab_type1 li:after, .tab_type2 li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 22px;
    width: 1px;
    height: 16px;
    background: #dbdde4
}

.tab_type1 li:last-child:after, .tab_type2 li:last-child:after {
    display: none;
}

.tab_type2 li {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 60px;
    line-height: 60px;
    margin-left: -4px;
    box-sizing: border-box;
    font-size: 18px;
}

.sub_tab {
    margin: 40px 0 40px 4px;
}

.sub_tab li {
    display: inline-block;
    margin: 0 11px;
    padding: 0 2px 3px 2px;
}

.sub_tab li a {
    color: #999
}

.sub_tab li.active {
    border-bottom: 2px solid #a6865c
}

.sub_tab li.active a {
    color: #a6865c
}

.sub_tab .total {
    float: right;
    color: #999
}

.sub_tab .total span {
    color: #a6865c
}

/* 野껓옙占쎄퉳筌∽옙 */
.bo_search {
    padding: 34px 0;
    text-align: center;
    background: #ecedf1
}

.bo_search input {
    display: inline-block;
    width: 570px;
    vertical-align: middle;
}

.bo_search button {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: -4px;
    background: #0f1e48 url('/resources/img/sub/sch_btn.png') no-repeat center;
    box-sizing: border-box;
    text-indent: -9999px;
    vertical-align: middle;
}

.shop_select {
    padding: 34px 0;
    text-align: center;
    background: #ecedf1
}

.shop_select div {
    position: relative;
    display: inline-block;
    padding: 0 50px;
}

.shop_select br {
    display: none;
}

.shop_select div:after {
    content: '';
    position: absolute;
    top: 6px;
    right: -5px;
    width: 1px;
    height: 38px;
    background: #c9cacd
}

.shop_select div:last-child:after {
    display: none;
}

.shop_select div span {
    display: inline-block;
    line-height: 50px;
    padding: 0 18px 0 27px;
    vertical-align: middle;
}

.shop_select div span.select_area {
    background: url('/resources/img/sub/location_icon02.png') no-repeat left;
}

.shop_select div span.select_map {
    background: url('/resources/img/sub/home.png') no-repeat left;
}

.shop_select select {
    width: 261px;
}

/* 占쎈읂占쎌뵠筌욑옙占쎄퐬占쎌뵠占쎈�� */
.pagination {
    position: relative;
    text-align: center;
    margin-bottom: 67px;
}

.pagination .pg_bt {
    top: -9px;
    width: 48px;
    overflow: hidden;
    text-indent: -9999px;
}

.pagination .pg_prev {
    position: absolute;
    right: 50%;
    margin-right: 50px;
    display: inline-block;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1) 0s;
    opacity: 0.5
}

.pagination .pg_prev:hover {
    width: 70px;
    opacity: 1
}

.pagination .pg_prev:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 12px;
    height: 9px;
    background: url('/resources/img/main/arrow_prev.png') no-repeat 0 0;
}

.pagination .pg_prev:before {
    content: '';
    position: absolute;
    left: 9px;
    bottom: 0;
    width: 61px;
    height: 2px;
    background: #000
}

.pagination .pg_next {
    position: absolute;
    left: 50%;
    margin-left: 50px;
    display: inline-block;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1) 0s;
    opacity: 0.5
}

.pagination .pg_next:hover {
    width: 70px;
    opacity: 1
}

.pagination .pg_next:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 8px;
    background: url('/resources/img/main/arrow_next.png') no-repeat 0 0;
}

.pagination .pg_next:before {
    content: '';
    position: absolute;
    right: 9px;
    bottom: 0;
    width: 61px;
    height: 2px;
    background: #000
}


/* �⑤벊占� */
.noti_box {
    position: relative;
    padding: 45px;
    background: #f7f7f7
}

.noti_box p {
    color: #666
}

.noti_box a {
    position: absolute;
    top: 50%;
    right: 42px;
    line-height: 1;
    margin-top: -25px;
    padding: 18px 39px;
    color: #fff;
    background: #0f1e48
}

/* FAQ ------------------------- */
.faq {
    border-top: 2px solid #0f1e48;
    border-bottom: 1px solid #dbdde4;
    margin-bottom: 67px;
}

.faq .question, .faq .answer {
    position: relative;
    padding: 30px 42px;
    border-top: 1px solid #d8d8d8;
    box-sizing: border-box;
}

.faq li:first-child .question {
    border-top: none
}

.faq .question .question_q {
    display: inline-block;
    width: 70px;
    padding: 0 75px 0 56px;
    color: #0f1e48;
    background: url('/resources/img/sub/customer/faq_q.png') no-repeat left;
}

.faq .question .trigger {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.faq .question .trigger:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #000;
    content: "";
    transition: all 0.3s;
}

.faq .question .trigger:hover:before {
    width: 100%;
}

.faq .question em {
    position: absolute;
    top: 50%;
    right: 42px;
    display: inline-block;
    width: 14px;
    height: 8px;
    margin-top: -4px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background: url(/resources/img/sub/customer/faq_down.png) no-repeat center;
}

.faq li.show .question {
    background: #f5f6f7
}

.faq li.show .question .trigger {
    color: #0f1e48
}

.faq li.show .question em {
    background: url(/resources/img/sub/customer/faq_up.png) no-repeat center;
    webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.faq .answer {
    background: #f5f6f7
}

.faq .answer .question_a {
    display: inline-block;
    width: 14px;
    height: 17px;
    padding-right: 39px;
    background: url('/resources/img/sub/customer/faq_a.png') no-repeat 3px;
    text-indent: -9999px;
    vertical-align: top
}

.faq .answer div {
    display: inline-block;
    width: 900px;
    color: #666;
    vertical-align: top
}

/* comfortTips */
.comfortTips_list {
    overflow: hidden;
    margin-top: 34px;
    padding-bottom: 58px;
    border-top: 2px solid #0f1e48;
    border-bottom: 1px solid #7f7f7f
}

.comfortTips_list li {
    display: none;
    float: left;
    width: 397px;
    height: 287px;
    margin: 34px 34px 0 0;
    border: 1px solid #e5e5e5;
    text-align: center;
    box-sizing: border-box;
}

.comfortTips_list li.active {
    display: block;
}

.comfortTips_list li:hover {
    border: 1px solid #0f1e48;
    background: #0f1e48
}

.comfortTips_list li:hover a {
    color: #fff;
}

.comfortTips_list li:hover a:before {
    display: block;
}

.comfortTips_list li:hover a strong:after {
    background: #fff
}

.comfortTips_list li:nth-child(3n) {
    margin-right: 0
}

.comfortTips_list li a:before {
    display: none;
    content: '';
    position: absolute;
    left: 24px;
    top: 24px;
    width: 347px;
    height: 237px;
    border: 1px solid #564c3e;
    box-sizing: border-box;
}

.comfortTips_list li a {
    position: relative;
    display: inline-block;
    width: 397px;
    height: 287px;
    color: #0f1e48;
    box-sizing: border-box;
}

.comfortTips_list .pattern01 {
    background: #f3efeb
}

.comfortTips_list .pattern02 {
    background: #ecedf1
}

.comfortTips_list li a strong {
    position: relative;
    display: inline-block;
    line-height: 1;
    padding-bottom: 14px;
    margin: 60px 0 20px 0;
    font-size: 22px;
    font-family: 'Poppins';
}

.comfortTips_list li a strong:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 16px;
    height: 1px;
    margin-left: -8px;
    background: #0f1e48;
}

.comfortTips_list li a h4 {
    font-size: 24px;
    font-weight: 400
}

.comfortTips_list li a p {
    margin-top: 25px;
}

/* comfortTips view */
.comfortTips_bg {
    background: url('/resources/img/sub/customer/comfortTips_bg.jpg') no-repeat center;
}

.comfort_view1 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView1_bg.jpg') no-repeat center bottom;
}

.comfort_view2 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView2_bg.jpg') no-repeat center bottom;
}

.comfort_view3 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView3_bg.jpg') no-repeat center bottom;
}

.comfort_view4 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView4_bg.jpg') no-repeat center bottom;
}

.comfort_view5 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView5_bg.jpg') no-repeat center bottom;
}

.comfort_view6 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView6_bg.jpg') no-repeat center bottom;
}

.comfort_view7 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView7_bg.jpg') no-repeat center bottom;
}

.comfort_view8 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView8_bg.jpg') no-repeat center bottom;
}

.comfort_view9 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView9_bg.jpg') no-repeat center bottom;
}

.comfort_view10 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView10_bg.jpg') no-repeat center bottom;
}

.comfort_view11 .sub_bg {
    background: url('/resources/img/sub/customer/comfortTipsView11_bg.jpg') no-repeat center bottom;
}

.comfort_view {
    border-top: 2px solid #0f1e48
}

.comfort_view .sub_bg {
    margin-top: 60px;
}

.comfort_view > ul {
    margin-top: 50px;
    padding-bottom: 58px;
    border-bottom: 1px solid #7f7f7f;
    border-top: 1px solid #d9d9d9;
}

.comfort_view > ul li {
    padding: 50px 70px;
    border: 1px solid #d9d9d9;
    border-top: none;
}

.comfort_view > ul li div {
    display: inline-block;
    width: 919px;
    vertical-align: middle;
}

.comfort_view > ul li .comfort_img {
    width: 120px;
    height: 120px;
    margin-right: 75px;
    background-color: #0f1e48;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.comfort_view1 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView1_1.gif');
    background-position: 32px
}

.comfort_view1 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView1_2.gif');
    background-position: 34px
}

.comfort_view1 ul li:nth-child(3) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView1_3.gif');
    background-position: 34px
}

.comfort_view1 ul li:nth-child(4) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView1_4.gif');
    background-position: 24px
}

.comfort_view1 ul li:nth-child(5) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView1_5.gif');
    background-position: 35px
}

.comfort_view3 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView3_1.gif');
    background-position: 19px 34px
}

.comfort_view3 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView3_2.gif');
    background-position: 20px
}

.comfort_view3 ul li:nth-child(3) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView3_3.gif');
    background-position: 15px 29px
}

.comfort_view4 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView4_1.gif');
    background-position: center
}

.comfort_view4 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView4_2.gif');
    background-position: 25px
}

.comfort_view4 ul li:nth-child(3) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView4_3.gif');
    background-position: center
}

.comfort_view5 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView5_1.gif');
    background-position: 31px
}

.comfort_view5 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView5_2.gif');
    background-position: 40px
}

.comfort_view6 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView6_1.gif');
    background-position: center
}

.comfort_view6 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView6_2.gif');
    background-position: center
}

.comfort_view6 ul li:nth-child(3) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView6_3.gif');
    background-position: center
}

.comfort_view7 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView7_1.gif');
    background-position: center
}

.comfort_view7 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView7_2.gif');
    background-position: center
}

.comfort_view7 ul li:nth-child(3) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView7_3.gif');
    background-position: center
}

.comfort_view8 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView8_1.gif');
    background-position: center
}

.comfort_view8 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView8_2.gif');
    background-position: center
}

.comfort_view8 ul li:nth-child(3) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView8_3.gif');
    background-position: center
}

.comfort_view9 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView9_1.gif');
    background-position: center
}

.comfort_view9 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView9_2.gif');
    background-position: center
}

.comfort_view9 ul li:nth-child(3) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView9_3.gif');
    background-position: center
}

.comfort_view9 ul li:nth-child(4) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView9_4.gif');
    background-position: center
}

.comfort_view10 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView10_1.gif');
    background-position: center
}

.comfort_view10 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView10_2.gif');
    background-position: center
}

.comfort_view10 ul li:nth-child(3) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView10_3.gif');
    background-position: center
}

.comfort_view11 ul li:first-child .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView11_1.gif');
    background-position: center
}

.comfort_view11 ul li:nth-child(2) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView11_2.gif');
    background-position: center
}

.comfort_view11 ul li:nth-child(3) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView11_3.gif');
    background-position: center
}

.comfort_view11 ul li:nth-child(4) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView11_4.gif');
    background-position: center
}

.comfort_view11 ul li:nth-child(5) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView11_5.gif');
    background-position: center
}

.comfort_view11 ul li:nth-child(6) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView11_6.gif');
    background-position: center
}

.comfort_view11 ul li:nth-child(7) .comfort_img {
    background-image: url('/resources/img/sub/customer/comfortTipsView11_7.gif');
    background-position: center
}

.comfort_view ul li strong {
    font-size: 22px;
    font-weight: 400
}

.comfort_view ul li p {
    margin-top: 10px;
    color: #666
}

.insomnia_list {
    padding: 40px;
    border: 1px solid #d9d9d9
}

.insomnia_list ol {
    overflow: hidden;
}

.insomnia_list ol li {
    float: left;
    width: 581px;
    padding: 30px;
    margin: 15px 15px 0 0;
    background: #eff0f3;
    border-radius: 5px;
    box-sizing: border-box;
}

.insomnia_list ol li strong {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 39px;
    margin-right: 30px;
    text-align: center;
    border-radius: 50%;
    background: #0f1e48;
    color: #a6865c;
    font-family: 'Poppins';
}

.insomnia_list ol li span {
    font-size: 18px;
}

.insomnia_list div {
    margin: 35px 0;
}

.insomnia_list div p {
    position: relative;
    padding: 0 0 0 13px;
    color: #666
}

.insomnia_list div p:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #7f7f7f
}

.insomnia_list div p span {
    color: #000
}

.insomnia_tip h4 {
    display: inline-block;
    line-height: 47px;
    padding-right: 60px;
    background: url('/resources/img/sub/customer/comfortTipsView2_tip.jpg') no-repeat right
}

.insomnia_tip ul {
    padding: 40px;
    border: 1px solid #d9d9d9;
    overflow: hidden;
}

.insomnia_tip ul li {
    float: left;
    width: 385px;
    margin-right: 60px;
    padding: 23px 0 23px 55px;
    box-sizing: border-box;
}

.insomnia_tip ul li:first-child {
    background: url('/resources/img/sub/customer/comfortTipsView2_1.gif') no-repeat 4px
}

.insomnia_tip ul li:nth-child(2) {
    background: url('/resources/img/sub/customer/comfortTipsView2_2.gif') no-repeat 3px
}

.insomnia_tip ul li:nth-child(3) {
    width: auto;
    margin-right: 0;
    padding-left: 65px;
    background: url('/resources/img/sub/customer/comfortTipsView2_3.gif') no-repeat 13px
}

.insomnia_tip ul li:nth-child(4) {
    background: url('/resources/img/sub/customer/comfortTipsView2_4.gif') no-repeat 2px
}

.insomnia_tip ul li:nth-child(5) {
    background: url('/resources/img/sub/customer/comfortTipsView2_5.gif') no-repeat 10px
}

.insomnia_tip ul li:nth-child(6) {
    width: auto;
    margin-right: 0;
    padding-left: 65px;
    background: url('/resources/img/sub/customer/comfortTipsView2_6.gif') no-repeat 10px
}

.insomnia_tip ul li:nth-child(7) {
    background: url('/resources/img/sub/customer/comfortTipsView2_7.gif') no-repeat left
}

.insomnia_tip ul li:nth-child(8) {
    background: url('/resources/img/sub/customer/comfortTipsView2_8.gif') no-repeat 2px
}

.insomnia_tip ul li:nth-child(9) {
    width: auto;
    margin-right: 0;
    padding-left: 65px;
    background: url('/resources/img/sub/customer/comfortTipsView2_9.gif') no-repeat left
}

/* QNA ------------------------- */
.qna {
    position: relative;
    margin-top: 34px;
}

.qna .required {
    float: right;
}

.qna table th em, .qna .required em, .agreecont h4 em {
    color: #a6865c;
    font-style: normal
}

.qna table {
    width: 100%;
    margin: 24px 0 110px 0;
    border-top: 2px solid #0f1e48;
    border-bottom: 1px solid #57617f
}

.qna table th {
    padding: 30px 43px;
    border-bottom: 1px solid #dbdde4;
    border-right: 1px solid #dbdde4;
    color: #0f1e48;
    font-weight: 400
}

.qna table td {
    overflow: hidden;
    padding: 16px 35px;
    border-bottom: 1px solid #dbdde4;
}

.qna table td.name input {
    width: 542px
}

.qna table td.tell input, .qna table td.tell select {
    width: 173px;
    float: left;
}

.qna table td.tell span, .qna table td.email span {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 14px;
    float: left;
}

.qna table td.subject input {
    width: 100%
}

.qna table td.contents textarea {
    width: 100%;
    height: 150px;
}

.qna table td.file input {
    width: 542px;
    float: left;
}

.qna table td.file .file_input {
    overflow: hidden;
}

.qna table td.file .file_input div {
    position: relative;
    cursor: pointer;
    float: left;
    overflow: hidden;
    width: 147px;
    height: 50px;
    line-height: 50px;
    margin-left: 14px;
    background: #50c0e3;
    color: #fff;
    text-align: center;
}

.qna table td.file .file_input div:hover {
    background: #0099cc
}

.qna table td.file p {
    margin-top: 8px;
    color: #999;
    font-size: 14px;
}

.qna table td.email input {
    width: 323px;
    float: left;
}

.qna table td.email select {
    width: 234px;
    float: left;
    margin-left: 14px;
}

.agreecont h4 {
    display: block;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 400
}

.agreebox {
    overflow: hidden;
    border: 1px solid #dbdde4
}

.agreebox .agree_txt {
    height: 238px;
    padding: 30px;
    overflow-y: scroll;
    box-sizing: border-box;
}

.agreebox .agree_txt > strong {
    font-size: 18px;
    font-weight: 400
}

.agreebox .agree_txt > p {
    margin-top: 15px;
    color: #666;
    font-size: 15px;
}

.agree_radio {
    padding: 25px 30px;
    background: #f5f6f7
}

.agree_radio > div {
    overflow: hidden;
}

.agree_radio > div p {
    float: left;
}

.agree_radio > div div {
    float: right;
}

.agree_radio .radio_type1 {
    margin: 0 0 0 61px;
}

/* 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 */
.empty {
    width: 100% !important;
    padding: 34px 0;
    border-top: 2px solid #0f1e48;
    border-bottom: 1px solid #7f7f7f;
    text-align: center;
}

.bo_view .view_title {
    padding: 30px;
    background: #ecedf1;
    border-top: 2px solid #0f1e48
}

.bo_view .view_title h4 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 400
}

.bo_view .view_title h4 br {
    display: none;
}

.bo_view .view_title div {
    margin-top: 10px;
}

.bo_view .view_title div span {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
    color: #666
}

.bo_view .view_title div span:last-child:before {
    content: '';
    position: absolute;
    top: 7px;
    left: -11px;
    width: 1px;
    height: 11px;
    background-color: #666
}

.bo_view .view_cont {
    margin: 30px 0;
    padding-bottom: 80px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #c9c9c9
}

.bo_view .view_file {
    padding: 20px 30px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    font-size: 15px;
}

.bo_view .view_file span {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
    vertical-align: middle;
}

.bo_view .view_file span:after {
    content: '';
    position: absolute;
    top: 7px;
    right: -2px;
    width: 1px;
    height: 12px;
    background: #d8d8d8
}

.bo_view .view_file div {
    display: inline-block;
    vertical-align: middle;
}

.bo_view .view_file div a {
    display: block;
}

.view_control {
    margin-top: 63px;
    border-bottom: 1px solid #d8d8d8
}

.view_control li {
    padding: 20px;
    border-top: 1px solid #d8d8d8;
    font-size: 15px;
}

.view_control li:hover span, .view_control li:hover a {
    color: #0f1e48;
}

.view_control li span {
    padding: 0 69px 0 30px;
}

.view_control li .prev {
    background: url('/resources/img/sub/bo_prev.gif') no-repeat left
}

.view_control li .next {
    background: url('/resources/img/sub/bo_next.gif') no-repeat left
}

.view_control li br {
    display: none;
}

/* 占쎌젫占쎈�� �뵳�딅뮞占쎈뱜 */
.product_wrap {
    margin-bottom: 153px
}

.product_wrap .tab_type1 {
    margin: 110px 0 0 0
}

.product_list li {
    position: relative;
    display: inline-block;
    width: 338px;
    margin: 26px 26px 0 0;
    text-align: center;
    font-family: 'Poppins';
}

.product_list li:first-child, .product_list li:nth-child(2), .product_list li:nth-child(3), .product_list li:nth-child(4) {
    margin-top: 0
}

.product_list li:nth-child(4n) {
    margin-right: 0
}

.product_list li:hover strong {
    opacity: 0
}

.product_list li strong {
    position: absolute;
    left: 28px;
    bottom: 18px;
    display: block;
    margin-top: 7px;
    font-size: 18px;
    color: #fff;
    transition: all 0.3s;
}

.product_list li strong sup {
    font-size: 12px;
}

.product_list li > div {
    width: 338px;;
    height: 425px;
}

.product_list li:hover .product_over {
    opacity: 1
}

.product_list li .product_over {
    transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 8px 8px 5px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 8px 8px 5px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 8px 8px 5px -2px rgba(0, 0, 0, 0.2);
    opacity: 0
}

.product_list li .product_over:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 338px;
    height: 425px;
    background: rgba(0, 0, 0, 0.4)
}

.product_list li .product_over:after {
    content: '';
    position: absolute;
    top: 6%;
    left: 8%;
    width: 84%;
    height: 88%;
    border: 1px solid rgba(255, 255, 255, 0.5)
}

.product_list li .product_over .product_txt {
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    margin-top: -89.5px;
    z-index: 9
}

.product_list li .product_over .product_txt h3 {
    display: block;
    margin-bottom: 35px;
    font-size: 28px;
    font-weight: 500
}

.product_list li .product_over .product_txt .product_size {
    margin-bottom: 13px;
    font-size: 17px;
}

.product_list li .product_over .product_txt .product_size span {
    position: relative;
    display: inline-block;
    width: 40px;
}

.product_list li .product_over .product_txt .product_size span:after {
    content: '';
    position: absolute;
    top: 7px;
    right: -3px;
    width: 1px;
    height: 12px;
    background: #fff;
}

.product_list li .product_over .product_txt .product_size span:last-child:after {
    display: none;
}

.product_list li .product_over .product_txt .product_color {
    margin-bottom: 29px;
    height: 19px;
}

.product_list li .product_over .product_txt .product_color span {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 19px;
}

.product_list li .product_over .product_txt .product_color span em {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #97989a;
}

.product_list li .btn_area a {
    color: #fff
}

.product_list li .btn_area a:before, .product_list li .btn_area a:after {
    background: #fff;
}


/* ST 占쎌젫占쎈�� 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 -------------------------------------------------------------- */

/* product wide */
.product_wide {
    position: relative;
    height: 496px;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat
}

.product_wide div {
    padding-top: 155px;
}

.product_wide img {
    width: 64px;
}

.product_wide h1 {
    display: block;
    margin: 10px 0 20px 0;
    font-size: 44px;
    font-weight: 500;
}

.bed_listbg {
    background: url('/resources/img/sub/beds/bed_bg.jpg') no-repeat center/cover;
}

/* product title */
.product_view .title_line {
    padding-bottom: 110px;
}

.product_view .title_line h2 {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.product_view .title_line h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 60px;
    height: 1px;
    margin-left: -30px;
    background: #000
}

/* product 占쎄틙 */
.view_tab.bed_tab > div strong {
    margin-top: 12px;
}

.view_tab {
    position: relative;
    height: 60px;
    margin-bottom: 10px;
    z-index: 9
}

.view_tab:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1440px;
    height: 60px;
    margin-left: -720px;
    background: #0f1e48;
    z-index: -1;
    transition: all 0.3s;
}

.view_tab.on {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}

.view_tab.on:before {
    left: 0;
    width: 100%;
    margin-left: 0
}

.view_tab.on strong {
    display: block;
}

.view_tab > div {
    position: relative;
    width: 1440px;
    height: 60px;
    margin: 0 auto;
    background: #0f1e48;
}

.view_tab > div strong {
    display: none;
    float: left;
    margin: 17px 0 0 30px;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s;
}

.view_tab > div strong sup {
    font-size: 10px;
}

.view_tab > div > div {
    float: right
}

.view_tab > div > div ul {
    float: left;
    margin-top: 16px;
}

.view_tab > div > div ul li {
    display: inline-block;
    margin-left: 13px;
    overflow: hidden;
    font-size: 15px
}

.view_tab > div > div ul li a {
    position: relative;
    padding: 0 2px;
    color: #ccc;
}

.view_tab > div > div ul li a:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #50c0e3;
    transition: all 0.3s;
}

.view_tab > div > div ul li.skroll-active a:before {
    width: 100%;
}

.view_tab > div > div ul li.skroll-active a {
    color: #50c0e3
}

.view_tab > div > div .frame_guide {
    position: relative;
    display: inline-block;
    float: left;
    width: 150px;
    line-height: 32px;
    margin: 13px 0 0 13px;
    padding-left: 13px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 13px;
    color: rgba(204, 204, 204, 0.8);
    transition: all 0.3s;
}

.view_tab > div > div .frame_guide span {
    position: absolute;
    top: 3px;
    right: 14px;
    display: block;
    width: 13px;
    height: 18px;
    border-bottom: 1px solid #9ea4b5;
}

.view_tab > div > div .frame_guide span em {
    position: absolute;
    top: 5px;
    left: 3px;
    display: block;
    width: 7px;
    height: 11px;
    background: url('/resources/img/common/download_btn.png') no-repeat 0;
}

.view_tab > div > div .frame_guide:hover {
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.6)
}

.view_tab > div > div .frame_guide:hover span {
    border-bottom-color: #fff
}

.view_tab > div > div .frame_guide:hover span em {
    animation: ball 1s ease-in Infinite Alternate;
    animation-duration: .4s;
    background-position: -13px;
}

@keyframes ball {
    0% {
        top: 1px;
    }
    to {
        top: 5px;
    }
}

.view_tab > div > div .share_btn {
    float: left;
    margin: 0 0 0 36px;
}

.view_tab > div > div .share_btn span {
    display: block;
    text-indent: -9999px;
    width: 60px;
    height: 60px;
    background: #50c0e3 url('/resources/img/sub/share_btn.png') no-repeat 20px;
    cursor: pointer
}

.view_tab > div > div .share_btn div {
    position: absolute;
    top: 60px;
    right: 0;
    width: 60px;
    padding: 6px 0;
    text-align: center;
    display: none;
    background: #2da2d3;
    z-index: 9;
}

.view_tab > div > div .share_btn div a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 6px 0;
    text-indent: -9999px;
    opacity: 0.7
}

.view_tab > div > div .share_btn div a:hover {
    opacity: 1
}

.view_tab > div > div .share_btn div .facebook {
    background: url('/resources/img/common/share_facebook.png') no-repeat center
}

.view_tab > div > div .share_btn div .url-copy {
    background: url('/resources/img/common/share_link.png') no-repeat center
}

.view_tab > div > div .share_btn div .twitter {
    background: url('/resources/img/common/share_twitter.png') no-repeat center
}

.view_tab > div > div .share_btn div .kakao {
    background: url('/resources/img/common/share_kakao.png') no-repeat center
}

.view_tab > div > div .share_btn div .kakaoStory {
    background: url('/resources/img/common/share_kakaostory.png') no-repeat center
}

.view_cont section {
    height: auto !important
}

.view_wide {
    background: #f6f5f1
}

/* 燁삘뫀占� 筌띲끋�뱜�뵳�딅뮞 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 占쏙옙占쎌뿯 */
.bed_type {
    margin-bottom: 54px;
}

.bed_type ul {
    overflow: hidden;
}

.matt_type ul {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 30px
}

.bed_type ul li {
    position: relative;
    float: left;
    margin: 0 28px 28px 0;
    overflow: hidden
}

.bed_type li, .matt_type li {
    overflow: hidden
}

.bed_type li img, .matt_type li img {
    transition: all 1s;
}

.bed_type li:hover img, .matt_type li:hover img {
    transform: scale(1.1) rotate(.001deg);
}

.bed_type ul li video {
    position: absolute;
}

.bed_type01 li:first-child {
    width: 342px;
    height: 427px;
}

.bed_type01 li:nth-child(2) {
    width: 660px;
    height: 427px;
}

.bed_type01 li:nth-child(2) video {
    top: 0;
    left: 0;
    width: 115% !important;
    height: 100% !important
}

.bed_type01 li:nth-child(3) {
    width: 382px;
    height: 427px;
}

.bed_type01 li:nth-child(4) {
    width: 752px;
    height: 427px;
}

.bed_type01 li:nth-child(5) {
    width: 660px;
    height: 427px;
}

.bed_type02 li:first-child {
    width: 565px;
    height: 427px;
}

.bed_type02 li:nth-child(2) {
    width: 847px;
    height: 427px;
}

.bed_type02 li:nth-child(3) {
    width: 808px;
    height: 427px;
}

.bed_type02 li:nth-child(3) video {
    top: -35px;
    left: 0;
    width: 100% !important;
    height: 110% !important
}

.bed_type02 li:nth-child(4) {
    width: 604px;
    height: 427px;
}

.bed_type03 li:first-child {
    width: 782px;
    height: 427px;
}

.bed_type03 li:first-child video {
    top: -10px;
    left: 0;
    width: 100% !important;
    height: 105% !important
}

.bed_type03 li:nth-child(2) {
    width: 630px;
    height: 427px;
}

.bed_type03 li:nth-child(3) {
    width: 342px;
    height: 427px;
}

.bed_type03 li:nth-child(4) {
    width: 675px;
    height: 427px;
}

.bed_type03 li:nth-child(5) {
    width: 367px;
    height: 427px;
}

.bed_type04 li:first-child {
    width: 283px;
    height: 427px;
}

.bed_type04 li:nth-child(2) {
    width: 342px;
    height: 427px;
}

.bed_type04 li:nth-child(3) {
    width: 759px;
    height: 427px;
}

.bed_type04 li:nth-child(4) {
    width: 759px;
    height: 427px;
}

.bed_type04 li:nth-child(4) video {
    top: -43px;
    left: 0;
    width: 100% !important;
    height: 120% !important
}

.bed_type04 li:nth-child(5) {
    width: 653px;
    height: 427px;
}

.bed_type05 li:first-child {
    width: 343px;
    height: 427px;
}

.bed_type05 li:nth-child(2) {
    width: 382px;
    height: 427px;
}

.bed_type05 li:nth-child(3) {
    width: 659px;
    height: 427px;
}

.bed_type05 li:nth-child(3) video {
    top: 0;
    left: 0;
    width: 115% !important;
    height: 100% !important
}

.bed_type05 li:nth-child(4) {
    width: 455px;
    height: 427px;
}

.bed_type05 li:nth-child(5) {
    width: 957px;
    height: 427px;
}

.bed_type06 li:first-child {
    width: 515px;
    height: 882px;
}

.bed_type06 li:nth-child(2) {
    width: 895px;
    height: 427px;
}

.bed_type06 li:nth-child(3) {
    width: 434px;
    height: 427px;
}

.bed_type06 li:nth-child(4) {
    width: 435px;
    height: 427px;
}

.bed_type07 li:first-child {
    width: 515px;
    height: 882px;
}

.bed_type07 li:nth-child(4) {
    width: 895px;
    height: 427px;
}

.bed_type07 li:nth-child(2) {
    width: 434px;
    height: 427px;
}

.bed_type07 li:nth-child(3) {
    width: 435px;
    height: 427px;
}


.matt_type01 li:first-child {
    grid-row: 1 / 3;
    width: 440px;
    height: 664px;
}

.matt_type01 li:nth-child(2) {
    width: 380px;
    height: 260px;
}

.matt_type01 li:nth-child(3) {
    width: 380px;
    height: 260px;
}

.matt_type01 li:nth-child(4) {
    grid-column: 2 / span 2;
    width: 789px;
    height: 374px;
}

.bed_typeMo .slick-dots {
    text-align: center;
}

/* product spec */
.product_spec {
    overflow: hidden;
    padding: 60px 80px;
    background: #f4f2ee;
}

.product_spec h3 {
    margin-bottom: 25px;
    font-size: 30px;
    line-height: 1.3
}

.spec_txt {
    float: left;
    width: 350px;
}

.spec_txt h3 sup {
    font-size: 20px;
}

.spec_tab {
    display: inline-block;
}

.spec_tab li {
    color: #666;
    cursor: pointer
}

.spec_tab li.active {
    margin-bottom: 15px;
}

.spec_tab li .spec_size {
    font-size: 17px
}

.spec_tab li .spec_size span {
    display: inline-block;
    vertical-align: middle
}

.spec_tab li .spec_size .spec_sizebox {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.spec_tab li.active .spec_size {
    color: #000;
    font-weight: 500
}

.spec_tab li.active .spec_size .spec_sizebox {
    background: #50c0e3;
}

.spec_tab li.active .spec_num {
    display: block
}

.spec_tab li .spec_num {
    display: none;
}

.spec_tab li .spec_num span {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.spec_tab li .spec_num em {
    margin-right: 4px
}

.spec_tab li p {
    padding: 10px 0;
}

.spec_tab li.active p {
    border-bottom: 1px solid #ccc;
}

.spec_txt .spec_onematt {
    background: #edeae3 url('/resources/img/sub/mattress/one_mattress.png') no-repeat 20px;
}

.spec_txt .spec_twomatt {
    background: #edeae3 url('/resources/img/sub/mattress/two_mattress.png') no-repeat 20px;
}

.spec_txt .spec_onematt,
.spec_txt .spec_twomatt {
    display: inline-block;
    padding: 20px 20px 20px 103px;
    margin: 25px 0 60px 0;
    font-family: 'Poppins';
    box-sizing: border-box;
}

.spec_txt .spec_onematt dt,
.spec_txt .spec_twomatt dt {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500
}

.table_spec dl dt {
    padding: 10px 0;
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    font-weight: 500
}

.table_spec dl dd {
    padding: 10px 0;
    color: #666;
    border-bottom: 1px solid #ccc;
}

.table_spec dl dd span {
    border: 1px solid #bebbb7
}

.table_material {
    margin-top: 25px
}

.table_material span {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0 10px 7px 0;
    border-radius: 50%;
    text-indent: -9999px;
    box-sizing: border-box;
    vertical-align: middle
}

.table_material dt {
    position: relative;
    cursor: pointer
}

.table_material dt em {
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    margin-top: -12.5px;
    background: url('/resources/img/sub/minus.png') no-repeat center;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.table_material dt.on em {
    background: url('/resources/img/sub/plus.png') no-repeat center;
    webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.table_material dd .interval {
    margin-bottom: 10px;
    padding-left: 40px;
    text-indent: -40px
}

.table_spec .spec_img {
    width: 750px
}

.spec_img {
    float: left;
    width: 930px;
    text-align: center
}

.spec_img .spec_noti {
    margin-top: 50px;
}

.sepc_material {
    float: left;
    width: 100%;
    margin-top: 50px;
    font-family: 'Poppins';
}

.sepc_material dt {
    position: relative;
    padding: 21px 0;
    font-size: 18px;
    border-top: 3px solid #dbd9d6;
    border-bottom: 1px solid #dbd9d6;
    font-weight: 500;
    cursor: pointer
}

.sepc_material dt em {
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    margin-top: -12.5px;
    background: url('/resources/img/sub/plus.png') no-repeat center;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.sepc_material dt.active em {
    background: url('/resources/img/sub/minus.png') no-repeat center;
    webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.sepc_material dd {
    display: none;
    padding: 20px 25px;
    border-bottom: 1px solid #dbd9d6;
    background: #ece9e2
}

.sepc_material dd ul {
    overflow: hidden
}

.sepc_material dd ul li {
    padding: 5px 0
}

.sepc_material dd ul li strong {
    position: relative;
    display: inline-block;
    width: 57px;
    padding-right: 23px;
    margin-right: 23px;
    font-weight: 500
}

.sepc_material dd ul li strong:after {
    content: '';
    position: absolute;
    top: 6px;
    right: 2px;
    width: 1px;
    height: 13px;
    background: #333
}

.spec_noti {
    line-height: 1.7;
    color: #999;
    font-size: 13px;
    text-indent: -29px;
    padding-left: 29px;
}

.spec_noti img {
    margin-right: 5px
}

/* product Slider */
.product_slide {
    text-align: center;
}

.product_slide span {
    display: block;
    margin-bottom: 5px
}

.product_slide strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins';
}

.product_slide img {
    display: inline-block !important;
    margin-bottom: 30px;
}

.product_slide .slick-prev {
    position: absolute;
    top: 76px;
    left: -95px;
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url('/resources/img/sub/view_left.png') no-repeat;
    text-indent: -9999px;
}

.product_slide .slick-prev:hover {
    background: url('/resources/img/sub/view_leftOn.png') no-repeat;
}

.product_slide .slick-next {
    position: absolute;
    top: 76px;
    right: -95px;
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url('/resources/img/sub/view_right.png') no-repeat;
    text-indent: -9999px;
}

.product_slide .slick-next:hover {
    background: url('/resources/img/sub/view_rightOn.png') no-repeat;
}

/* 燁삘뫀占� 占쎄퉳占쎄맒占쎌젟癰귨옙 */
.view_color {
    padding-bottom: 110px;
}

.view_color .color_img {
    display: inline-block;
    width: 994px;
    height: 377px;
    overflow: hidden;
    vertical-align: middle;
}

.view_color .color_img img {
    width: 994px;
    height: 377px;
}

.view_color .color_txt {
    display: inline-block;
    margin-left: 50px;
    vertical-align: middle;
}

.view_color .color_txt strong {
    display: block;
    font-size: 20px;
    font-weight: 400
}

.view_color .color_txt dl {
    display: inline-block;
    margin: 30px 15px 50px 0;
    text-align: center;
    opacity: 0.3;
    cursor: pointer
}

.view_color .color_txt dl.active {
    opacity: 1;
}

.view_color .color_txt dl.active dt {
    border: 5px solid #50c0e3;
    box-sizing: border-box;
}

.view_color .color_txt dl dt {
    width: 88px;
    height: 88px;
    margin-bottom: 8px;
    overflow: hidden;
}

.view_color .color_txt .btn_area a {
    margin-top: 30px;
    color: #666
}

.view_color .color_txt .btn_area a:before, .view_color .color_txt .btn_area a:after {
    background: #666
}

/* 燁삘뫀占� material */
.bed_material .material_point {
    text-align: center;
}

.bed_material .material_point h2 {
    display: block;
    margin: 48px 0;
    font-size: 28px;
    font-weight: 400
}

.bed_material .material_point ul {
    overflow: hidden;
}

.bed_material .material_point ul li {
    position: relative;
    float: left;
    width: 25%;
}

.bed_material .material_point ul li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e9e9e9
}

.bed_material .material_point ul li:last-child:after {
    display: none;
}

.bed_material .material_point ul li h3 {
    font-size: 22px;
    font-weight: 400
}

.bed_material .material_point ul li p {
    margin-top: 15px;
    color: #666;
}

.bed_material .material_nature {
    margin-top: 120px;
    padding: 120px 0;
    background: url('/resources/img/sub/beds/material_bg.jpg') no-repeat center/cover
}

.bed_material .material_nature dl {
    margin-bottom: 60px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
}

.bed_material .material_nature dl:last-child {
    margin-bottom: 0
}

.bed_material .material_nature dl dt {
    float: left;
    width: 461px;
    height: 326px;
    overflow: hidden
}

.bed_material .material_nature dl dt img {
    width: 461px;
    height: 326px;
}

.bed_material .material_nature dl dd {
    float: left;
    width: 799px;
    height: 326px;
    padding: 60px 50px 0 50px;
    background: #454e6d;
    color: #fff;
    box-sizing: border-box;
}

.bed_material .material_nature dl dd h2 {
    font-size: 28px;
    font-weight: 400
}

.bed_material .material_nature dl dd p {
    margin-top: 15px;
}

/* 燁삘뫀占� 占쎈솭獄쏉옙�뵳�덈럡占쎄쉐 */
.pekin_tab {
    display: flex;
    margin: 110px 0 60px 0
}

.pekin_tab li {
    flex: 1;
    height: 60px;
    line-height: 58px;
    text-align: center;
    border-top: 2px solid #e2e3e8;
    border-bottom: 2px solid #e2e3e8;
    background-color: #f9fafb;
    color: #999;
    font-size: 21px;
    cursor: pointer
}

.pekin_tab li:first-child {
    border-left: 2px solid #e2e3e8
}

.pekin_tab li:last-child {
    border-right: 2px solid #e2e3e8
}

.pekin_tab li.active {
    background-color: #4a5572;
    border-color: #4a5572;
    color: #fff
}

.pekin_tab li span {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    border: 1px solid #d1d1d2;
    font-size: 18px
}

.pekin_tab li.active span {
    background-color: #637197;
    border-color: #637197
}

.bed_family {
    margin-top: 80px;
    text-align: center;
    padding: 50px;
    background: #f4f2ee
}

.bed_family img {
    display: inline-block !important;
}

/* 燁삘뫀占� 占쎌굤占쎄맒 */
.bed_table {
    padding-top: 120px;
}

.bed_table .num_title {
    position: relative;
}

.bed_table .btn_area {
    position: absolute;
    bottom: 43px;
    right: 0
}

.bed_table {
    overflow: hidden;
    margin-bottom: 153px;
}

.bed_table li {
    float: left;
    width: 25%;
    text-align: center;
}

.bed_table li .table_img {
    overflow: hidden;
}

.bed_table li .table_color {
    margin: 30px 0 15px 0;
}

.bed_table li .table_color span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 7px;
    border-radius: 50%;
    text-indent: -9999px;
}


/* 筌띲끋�뱜�뵳�딅뮞 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 */
.matt_visual {
    position: relative;
    height: 841px;
}

.matt_visualImg {
    height: 100%;
    text-align: center;
}

.matt_visualLX400 {
    background: url('/resources/img/sub/mattress/visual_LX400.jpg') no-repeat center/cover
}

.matt_visualLX300 {
    background: url('/resources/img/sub/mattress/visual_LX300.jpg') no-repeat center/cover
}

.matt_visualLX200 {
    background: url('/resources/img/sub/mattress/visual_LX200.jpg') no-repeat center/cover
}

.matt_visualDX100 {
    background: url('/resources/img/sub/mattress/visual_DX100.jpg') no-repeat center/cover
}

.matt_visualDX200 {
    background: url('/resources/img/sub/mattress/visual_DX200.jpg') no-repeat center/cover
}

.matt_visualDX300 {
    background: url('/resources/img/sub/mattress/visual_DX300.jpg') no-repeat center/cover
}

.matt_visualLE {
    background: url('/resources/img/sub/mattress/visual_LE.jpg') no-repeat center/cover
}

.matt_visualImg .matt_visualtxt {
    width: 100%;
    padding-top: 227px;
    text-align: center;
    box-sizing: border-box;
}

.matt_visualImg h4 img {
    width: 68px
}

.matt_visualImg h3 img {
    margin-top: 10px;
    width: 226px
}

.matt_visualLE .matt_select {
    margin: 60px 0 0 0
}

.matt_visualLE .matt_select h2 {
    padding-right: 0
}

.matt_select {
    position: relative;
    display: inline-block;
    margin: 60px 0 0 30px;;
    font-family: 'Poppins';
}

.matt_select h2 {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    font-size: 44px;
    color: #fff;
    cursor: pointer;
    font-weight: 500
}

.matt_select h2 em {
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 9px;
    margin-top: -4.5px;
    background: url('/resources/img/sub/mattress/matt_select.png') no-repeat center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.matt_select h2.active em {
    webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.matt_select ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    padding: 5px 24px;
    box-sizing: border-box;
    font-weight: 500;
    background: rgba(15, 30, 72, 0.9);
    text-align: left;
}

.matt_select ul li {
    margin: 10px 0
}

.matt_select ul li a {
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
    color: #999;
}

.matt_select ul li a:hover {
    color: #50c0e3;
}

.matt_select ul li a:hover:after {
    width: 100%
}

.matt_select ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #50c0e3;
    transition: all 0.5s ease;
}

.matt_visual .scroll_left:hover .line:after {
    display: block;
}

.matt_visual .scroll_left .line:after {
    display: none;
}

.matt_visual .scroll_right:hover .line:after {
    display: block;
}

.matt_visual .scroll_right .line:after {
    display: none;
}

/* 筌띲끋�뱜�뵳�딅뮞 FEATURES */
.cushion_list {
    margin-bottom: 120px;
    text-align: center;
}

.cushion_list ul li {
    position: relative;
    display: inline-block;
    padding: 0 42px;
    text-align: center;
}

.cushion_list ul li:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 94px;
    background: #e0e0e0
}

.cushion_list ul li:nth-child(3):after {
    display: none;
}

.cushion_list ul li strong {
    display: block;
    padding-top: 128px;
    font-size: 24px;
    font-weight: 500
}

.cushion_list ul li:first-child strong {
    background: url('/resources/img/sub/mattress/spring_icon01.png') no-repeat top
}

.cushion_list ul li:nth-child(2) strong {
    background: url('/resources/img/sub/mattress/spring_icon02.png') no-repeat top
}

.cushion_list ul li:nth-child(3) strong {
    background: url('/resources/img/sub/mattress/spring_icon03.png') no-repeat top
}

.cushion_list ul li p {
    margin-top: 15px;
    color: #666
}

.memory_foam {
    margin-top: 120px;
}

.memory_foam h3 {
    font-size: 30px;
    line-height: 1.5
}

.memory_foam h4 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500
}

.memory_foam p {
    margin-top: 15px;
    color: #666
}

.memory_cont01 {
    height: 407px;
    padding: 60px 0 0 85px;
    margin: 120px 0;
    box-sizing: border-box;
    background: url('/resources/img/sub/mattress/1layer_img.jpg') no-repeat center
}

.memory_cont02 {
    height: 449px;
    padding: 67px 0 0 729px;
    box-sizing: border-box;
    background: url('/resources/img/sub/mattress/2layer_img.jpg') no-repeat center
}

.layer2_memory_foam {
    padding: 94px 0 0 729px;
}

.memory_cont02 > div > span {
    display: inline-block;
    text-align: center;
    padding-top: 90px;
    margin: 50px 80px 0 0;
    font-size: 18px;
    font-weight: 500
}

.memory_cont02 > div > span:nth-child(4) {
    margin-left: 50px;
    background: url('/resources/img/sub/mattress/memory_foamicon02.png') no-repeat 26px top
}

.memory_cont02 > div > span:last-child {
    background: url('/resources/img/sub/mattress/memory_foamicon01.png') no-repeat center top
}

.layer_line strong {
    display: block;
    margin-bottom: 30px;
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 600;
}

.layer_line {
    margin-bottom: 10px;
}

.layer_line div {
    display: inline-block;
    width: 29px;
}

.layer_line span {
    display: block;
    width: 29px;
    height: 1px;
    margin: 6px 0;
    background: #333
}

.layer_line span.active {
    height: 3px;
}

.edge_line {
    text-align: center
}

.fusion_fluid {
    margin-top: 120px;
    text-align: center;
    background: #ecedf1
}

.fusion_fluid ul {
    margin-bottom: 60px;
}

.fusion_fluid ul li {
    position: relative;
    display: inline-block;
    padding: 0 42px;
}

.fusion_fluid ul li:after {
    content: '';
    position: absolute;
    top: 0;
    right: 1px;
    width: 1px;
    height: 100%;
    background: #e0e0e0
}

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

.fusion_fluid ul li strong {
    display: inline-block;
    padding-top: 100px;
    font-size: 18px;
    font-weight: 500
}

.fusion_fluid ul li:first-child strong {
    background: url('/resources/img/sub/mattress/fusion_icon01.png') no-repeat center 6px
}

.fusion_fluid ul li:last-child strong {
    background: url('/resources/img/sub/mattress/fusion_icon02.png') no-repeat top
}

.coil_spring ul {
    padding: 80px;
    background: #efeff0
}

.coil_spring ul li {
    display: inline-block;
    margin-right: 55px;
    text-align: center;
}

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

.coil_spring ul li h4 {
    display: block;
    margin-top: 25px;
    font-size: 24px;
    font-weight: 500;
}

.coil_spring ul li:first-child strong {
    background: url('/resources/img/sub/mattress/spring_icon01.png') no-repeat top
}

.coil_spring ul li:nth-child(2) strong {
    background: url('/resources/img/sub/mattress/spring_icon02.png') no-repeat top
}

.coil_spring ul li:nth-child(3) strong {
    background: url('/resources/img/sub/mattress/spring_icon03.png') no-repeat top
}

.coil_spring ul li p {
    margin-top: 15px;
    color: #666
}

.support_foam {
    margin-top: 120px;
    padding-bottom: 60px;
    text-align: center;
    background: url('/resources/img/sub/mattress/supportfoam_bg.jpg') no-repeat top/cover
}

.support_foam01 img {
    margin-bottom: 48px;
}

.support_foam02 {
    margin-top: 120px;
}

.layer_memory_foam {
    position: relative;
}

.layer_memory_foam ul {
    text-align: center;
    margin-bottom: 80px;
}

.layer_memory_foam ul li {
    display: inline-block;
    padding: 0 42px;
}

.layer_memory_foam ul li strong {
    display: block;
    padding-top: 118px;
    font-size: 18px;
    font-weight: 500
}

.layer_memory_foam ul li:first-child {
    background: url('/resources/img/sub/mattress/3layer_icon01.png') no-repeat top
}

.layer_memory_foam ul li:nth-child(2) {
    background: url('/resources/img/sub/mattress/3layer_icon02.png') no-repeat top
}

.layer_memory_foam ul li:last-child {
    background: url('/resources/img/sub/mattress/3layer_icon03.png') no-repeat top
}

.layer_memory_foam dl {
    position: absolute;
    right: 0;
    padding-left: 113px;
    font-family: 'Poppins';
    background: url('/resources/img/sub/mattress/3layer_line.png') no-repeat left 10px
}

.layer_memory_foam dl.layer01 {
    bottom: 280px;
    right: -10px;
}

.layer_memory_foam dl.layer02 {
    bottom: 181px
}

.layer_memory_foam dl.layer03 {
    bottom: 82px;
    right: 16px;
}

.layer_memory_foam dl dt {
    font-weight: 500;
    font-size: 20px;
}

.foam_material dl:nth-child(3) {
    margin-top: 60px;
    text-align: right;
}

.foam_material dl dt {
    display: inline-block;
    vertical-align: middle;
}

.foam_material dl dd {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.foam_material dl:nth-child(2) dd {
    margin-left: 35px;
}

.foam_material dl:nth-child(3) dd {
    margin-right: 35px;
}

.foam_material dl dd h4 {
    font-size: 24px;
    font-weight: 400
}

.foam_material dl dd p {
    margin-top: 20px;
    color: #666;
}

/* 筌띲끋�뱜�뵳�딅뮞 material */
.matt_material {
    margin-top: 120px
}

.matt_material .material_foam {
    padding-bottom: 120px;
    background: url('/resources/img/sub/mattress/material_bg.jpg') no-repeat center/cover
}

.matt_material .material_foam dl {
    height: 450px;
    margin-bottom: 60px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
}

.matt_material .material_foam dl:last-child {
    margin-bottom: 0
}

.matt_material .material_foam dl dt {
    float: left;
    width: 821px;
    overflow: hidden
}

.matt_material .material_foam dl dd {
    float: left;
    width: 439px;
    height: 450px;
    padding: 90px 0 0 50px;
    background: #4a5572;
    color: #fff;
    box-sizing: border-box;
}

.matt_material .material_nature {
    padding: 120px 0;
    background: url('/resources/img/sub/mattress/nature_bg.jpg') no-repeat center/cover
}

.matt_material .material_nature.LX400 {
    background-image: url(/resources/img/sub/mattress/LX400_nature_bg.jpg)
}

.matt_material .special_material {
    background: url('/resources/img/sub/mattress/special_material_bg.jpg') no-repeat center/cover
}

.matt_material .material_nature dl:nth-child(2) {
    margin-top: 0
}

.matt_material .material_nature dl:nth-child(3) {
    text-align: right;
}

.matt_material .material_nature dl {
    margin-top: 60px;
}

.matt_material .material_nature dl dt {
    display: inline-block;
    vertical-align: middle;
}

.matt_material .material_nature dl dd {
    display: inline-block;
    vertical-align: middle;
}

.matt_material .material_nature dl:nth-child(2) dd, .matt_material .material_nature dl:nth-child(4) dd {
    margin-left: 35px;
}

.matt_material .material_nature dl:nth-child(3) dd {
    margin-right: 35px;
}

.matt_material .material_nature dl dd p {
    color: #666
}

.matt_material h2 {
    line-height: 1.3;
    font-size: 34px;
    font-family: 'Poppins';
    font-weight: 500
}

.matt_material p {
    margin-top: 20px;
}

/* 筌띲끋�뱜�뵳�딅뮞 Merit */
.dual_support01 {
    padding-bottom: 50px;
    background: #f9f9fb;
    background: -moz-linear-gradient(top, #f9f9fb 0%, #ffffff 0%, #f8f9fa 15%, #ecedf1 100%);
    background: -webkit-linear-gradient(top, #f9f9fb 0%, #ffffff 0%, #f8f9fa 15%, #ecedf1 100%);
    background: linear-gradient(to bottom, #f9f9fb 0%, #ffffff 0%, #f8f9fa 15%, #ecedf1 100%);
}

.dual_support02 {
    position: relative;
    padding-bottom: 97px;
    text-align: center;
}

.dual_support02:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 316px;;
    background: #f4f1ec;
    z-index: -1
}

.dual_support02 ul {
    margin-bottom: 50px;
}

.dual_support02 ul li {
    position: relative;
    display: inline-block;
    padding: 0 40px;
}

.dual_support02 ul li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #e0e0e0
}

.dual_support02 ul li:nth-child(2):before {
    display: none;
}

.dual_support02 ul li strong {
    display: block;
    padding-top: 90px;;
    font-size: 18px;
    font-weight: 500
}

.dual_support02 ul li:first-child strong {
    background: url('/resources/img/sub/mattress/dualsupport_system03.png') no-repeat top
}

.dual_support02 ul li:nth-child(2) strong {
    background: url('/resources/img/sub/mattress/dualsupport_system04.png') no-repeat top
}

.separation {
    margin-top: 120px;
    padding: 80px 0 90px 0;
    background: #ecedf1 url('/resources/img/sub/mattress/separation_bg.jpg') no-repeat center 320px;
    text-align: center;
}

.separation_tab {
    margin-bottom: 66px;
}

.separation_tab li {
    position: relative;
    display: inline-block;
    padding: 0 24px;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 500;
    cursor: pointer
}

.separation_tab li:after {
    content: '';
    position: absolute;
    top: 5px;
    right: -3px;
    width: 1px;
    height: 16px;
    background: #bdbec1
}

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

.separation_tab li {
    position: relative;
    color: #999
}

.separation_tab li.active {
    color: #000
}

.separation_list {
    position: relative;
}

.separation_list span {
    position: absolute;
    top: 100px;
    right: 315px
}

/* 筌띲끋�뱜�뵳�딅뮞 gallery */
.matt_gallery {
    margin-top: 120px;
    padding-bottom: 120px;
}

/* 리뷰 페이지 */
.review_bg {
    background: url('/resources/img/sub/review/review_bg.png') no-repeat center/cover;
}

.review_filter_wrap {
    padding: 34px 30px;
    background-color: #ECEDF1;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 60px;
}

.review_filter_wrap input {
    flex: 1;
    -webkit-appearance: none;
    appearance: none;
    min-height: 40px;
}

.review_filter_wrap select {
    width: 180px;
}

.review_filter_wrap .search_btn {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 44px;
    background-color: #0F1E48;
    border: 1px solid #DEDFE2;
}

.review_list_top {
    padding-top: 80px;
    padding-bottom: 20px;
    border-bottom: 2px solid #0F1E48;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.review_list_top h5 {
    font-size: 26px;
    font-weight: 400;
}

.review_list_top h5 span {
    font-weight: 700;
}

.review_list_top .top_btns {
    display: flex;
    align-items: center;
    gap: 16px;
}

.review_list_top .top_btns div {
    padding: 21px 50px;
    border: 1px solid #A6865C;
    font-size: 20px;
    font-weight: 500;
}

.review_list_top .top_btns .go_review_btn {
    color: #FFF;
    background-color: #A6865C;
}

.review_list_top .top_btns .go_review_modify_btn {
    background-color: #FFF;
    color: #A6865C;
}

.review_list_content {
    display: flex;
    flex-direction: column;
}

.review_item {
    cursor: pointer;
    display: flex;
    gap: 60px;
    margin-top: 40px;
}

.review_item .review_thumb {
    width: 540px;
    height: 304px;
}

.review_item .review_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review_item .review_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    padding-bottom: 20px;
}

.review_item .review_info .review_tit {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 최대 3줄 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    width: 100%;
}

.review_item .review_info .review_detail {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 최대 3줄 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    width: 100%;
}

.review_item .review_info .review_date {
    margin-top: 54px;
    font-size: 18px;
    font-weight: 400;
    color: #A6865C;
}

.review_item .review_info .product_info {
    display: flex;
    gap: 18px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    align-items: center
}

.review_score {
    gap: 8px;
}

.review_form_top {
    border-bottom: 2px solid #0F1E48;
    padding-top: 60px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.review_form_top h5 {
    font-size: 30px;
    font-weight: 400;
}

.review_form_top p {
    font-size: 16px;
    font-weight: 400;
}

.review_form_top p span {
    color: #A6865C;
}

.review_form_content .review_form_item {
    border-bottom: 1px solid #D9D9D9;
    padding: 24px 0;
    display: flex;
    align-items: center;
}

.review_form_content .review_form_item select {
    width: 211px;
}

.review_form_content .review_form_item input {
    width: 100%;
    max-width: 710px;
}

.review_form_content .review_form_item textarea {
    width: 100%;
    height: 300px;
}

.review_form_content .review_form_item .form_label {
    width: 250px;
    font-size: 20px;
    padding-left: 20px;
    font-weight: 400;
}

.review_form_content .review_form_item .form_input {
    flex: 1;
}

.review_form_content .review_form_item .form_input .content_noti {
    font-size: 18px;
    font-weight: 700;
    color: #313131;
    line-height: 32px;
}

.review_form_content .review_form_item .form_input .content_noti2 {
    font-size: 16px;
    font-weight: 700;
    color: #ff1e1e;
    line-height: 32px;
}


.textarea-wrapper {
    position: relative;
    width: 100%;
}

.textarea-wrapper .review_area {
    margin-top: 9px;
    width: 100%;
    height: 160px;
    resize: none;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
}

.char-counter {
    position: absolute;
    right: 8px;
    bottom: 8px;
    line-height: 32px;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
}



.form_label span {
    color: #A6865C;
}

.review_form_content .review_form_item .form_input.radio_form {
    display: flex;
    align-items: center;
    gap: 40px;
}

.review_form_content .review_form_item .form_input.radio_form label {
    font-size: 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.review_form_wrapper button, .review_form_wrapper select {
    color: inherit;
}

.review_form_wrapper input[type='radio'] {
    width: 30px;
    height: 30px;
    accent-color: #A6865C;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 3px solid #A6865C;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.review_form_wrapper input[type='radio']:checked {
    background-color: #A6865C;
    border: 3px solid white;
    box-shadow: 0 0 0 1.6px #A6865C;

}

.review_form_content .review_form_item .form_input.phone_form {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #666666;
}

.review_form_content .review_form_item .form_input.phone_form input {
    max-width: 211px;
}

.btn_wrapper{
    position: relative;
}

.form_bottom_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
}

.form_bottom_btns button {
    -webkit-appearance: none;
    padding: 21px 91px;
    font-size: 20px;
    font-weight: 500;
}

.btn_wrapper .del_btn {
    position: absolute;
    top: 0;
    left: 0;
    padding: 21px 56px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #13202F;
    background-color: #FFF;
}

.form_bottom_btns button.confirm_btn {
    background-color: #13202F;
    border: 1px solid #A6865C;
    color: #FFF;
}

.form_bottom_btns button.cancel_btn {
    border: 1px solid #13202F;
    background-color: #FFF;
}

.form_warning_wrap{
    padding: 60px 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    background-color: #EFEFEF;
    margin-top: 24px;
    line-height: 32px;
}

.form_term_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 42px 71px 42px 21px;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}


.form_term_wrap .radio_form{
    display: flex;
    align-items: center;
}

.form_term_wrap .radio_form label {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 24px;
    font-weight: 400;
}

.form_term_wrap .radio_form label:first-child {
    margin-right: 41px;
}

.form_term_wrap p {
    font-size: 24px;
    font-weight: 400;
}

.review_info_table{
    border-top: 4px solid #0F1E48;
    margin-top: 84px;
}

.review_info_table table {
    width: 100%;
    border-collapse: collapse;
}

.review_info_table table th, .review_info_table table td {
    border: 1px solid #D9D9D9;
    padding: 29px 24px;
}

.review_info_table table th {
    background-color: #ECEDF1;
}

.review_detail_img{
    width: 100%;
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.review_detail_img img {
    width: 100%;
    /*height: 710px;*/
    object-fit: cover;
}

.review_detail_content{
    font-weight: 400;
    font-size: 24px;
    word-break: break-all;
    white-space: pre-line;
    line-height: 42px;
}

.terms_txt_wrap{
    padding: 48px 0;
    border-top: 1px solid #D9D9D9;
    max-height: 370px;
    overflow-y: auto;
}
.terms_txt_wrap h5 {
    font-size: 24px;
    font-weight: 700;
}

.terms_txt_wrap p {
    font-weight: 400;
    font-size: 18px;
    color: #666666;
}

.terms_txt_wrap p span {
    font-weight: 700;
    color: #13202F;
}

.go_back_btn{
    padding: 21px 91px;
    font-weight: 500;
    font-size: 20px;
    border: 1px solid #13202F;
    background-color: #FFF;
    margin: 80px auto;
    width: fit-content;
}

.file_list_wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

#fileList{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.file_label_form{
    padding: 14px 35px;
    font-size: 20px;
    color: #FFF;
    font-weight: 500;
    background-color: #13202F;
    width: fit-content;
    cursor: pointer;
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99;
}
.modal {
    width: 100%;
    max-width: 860px;
    background: white;
    padding: 74px 40px 40px 40px;
    border-radius: 8px;
    position: relative;
    text-align: center;
}
.modal h2 { margin: 0; font-size: 40px; font-weight: 500; text-align: center; }
.modal p {margin-top: 10px; margin-bottom: 32px; font-size: 24px; color: #000; font-weight: 400; text-align: center; }
.modal input {
    width: 100%;
    max-width: 580px;
    padding: 22px 20px;
    margin: 10px 0;
    border: 1px solid #DDDDDD;
    height: auto;
}
.modal button {

    display: block;
    margin: 40px auto 0 auto;
    padding: 29px 110px;
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #13202F;
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 70px;
}

.review_info_table.pc_info_table {
    display: block
}

.review_info_table.mobile_info_table {
    display: none;
}

.mobile_br{
    display: none;
}

.review_item .review_info .product_info > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

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

    .btn_wrapper .del_btn{
        position: unset;
        width: 100%;
        padding: 10px 0;
        font-size: 16px;
        margin-top: 12px;
    }

    .review_detail_img img {
        height: auto;
        margin-top: 10px;
        object-fit: contain;
    }

    .mobile_br{
        display: block;
    }

    .review_item{
        flex-direction: column;
        gap: 16px;
    }

    .review_item .review_thumb{
        width: 100%;
        height: 183px;
    }

    .review_item .review_info {
        padding: 0;
    }

    .review_item .review_info .review_tit {
        font-size: 20px;
    }

    .review_item .review_info .product_info {
        font-size: 12px;
        gap: 10px;
        flex-wrap: wrap;
    }

    .review_item .review_info .product_info > div {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .review_item .review_info .product_info span:nth-child(4){
        display: none;
    }

    .review_item .review_info .review_detail {
        font-size: 15px;
        -webkit-line-clamp: 2;
    }

    .review_score img{
        width: 18px;
    }

    .review_filter_wrap{
        flex-direction: column;
        padding: 16px;
        margin-top: 30px;
    }

    .review_filter_wrap .mb0 {
        width: 100%;
    }

    .review_filter_wrap select {
        width: 100%;
        color: inherit;
    }

    .review_filter_wrap input {
        width: 100%;
    }

    .review_filter_wrap .search_btn {
        width: 100%;
    }

    .review_list_top{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding-top: 30px;
    }

    .review_list_top .top_btns {
        width: 100%;
    }

    .review_list_top .top_btns a {
        flex: 1;
    }

    .review_list_top .top_btns div {
        padding: 10px 0;
        text-align: center;
        font-size: 14px;
    }

    .modal {
        margin: 0 20px;
        padding: 40px 20px;
    }

    .modal input {
        padding: 6px 10px;
        margin: 4px 0;
    }

    .modal button {
        padding: 16px 40px;
        font-size: 14px;
        margin: 20px auto 0 auto;
    }

    .modal h2 {
        font-size: 20px;
    }

    .modal p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .close-btn {
        font-size: 40px;
        line-height: 1;
        top: 7px;
        right: 16px;
    }

    .review_form_top{
        align-items: center;
    }

    .review_form_top h5 {
        font-size: 20px;
    }

    .review_form_top p {
        font-size: 12px;
    }
    .review_form_content .review_form_item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .review_form_content .review_form_item .form_label{
        padding-left: 0;
        font-size: 14px;
    }

    .review_form_content .review_form_item .form_input, .review_form_content .review_form_item select {
        width: 100%;
    }

    .review_form_content .review_form_item .form_input.radio_form {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .review_form_content .review_form_item .form_input.radio_form img{
        width: 20px;
    }
    .review_form_wrapper input[type='radio'] {
        width: 20px;
        height: 20px;
    }

    .star_wrap{
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .terms_txt_wrap{
        max-height: 200px;
    }

    .terms_txt_wrap p {
        font-size: 14px;
    }

    .form_term_wrap {
        padding: 20px 0;
        flex-direction: column;
    }

    .form_term_wrap p, .form_term_wrap .radio_form label {
        font-size: 14px;
    }

    .form_term_wrap .radio_form {
        margin-top: 15px;
    }

    .form_warning_wrap {
        font-size: 14px;
    }

    .form_bottom_btns button {
        padding: 10px 0;
        flex: 1;
        font-size: 16px;
    }

    .file_label_form {
        font-size: 16px;
    }

    .review_info_table {
        margin-top: 40px;
    }

    .review_info_table.pc_info_table {
        display: none;
    }

    .review_info_table.mobile_info_table {
        display: block;
    }

    .review_info_table table th, .review_info_table table td{
        padding: 12px;
        font-size: 14px;
    }

    .review_detail_content{
        font-size: 16px;
        line-height: 24px;
    }
}
/* 리뷰 페이지 END ----------------------*/
/* 占쎌굤占쎄맒 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙  */
.table_bg {
    background: url('/resources/img/sub/moreproduct/moreproduct_bg.jpg') no-repeat center/cover;
}

.table_visual_s01 {
    background: url('/resources/img/sub/moreproduct/s-01_visual.jpg') no-repeat center/cover;
}

.table_visual_s02 {
    background: url('/resources/img/sub/moreproduct/s-02_visual.jpg') no-repeat center/cover;
}

.table_visual_s03 {
    background: url('/resources/img/sub/moreproduct/s03/s-03_visual.jpg') no-repeat center/cover;
}

.table_visual_prescott {
    background: url('/resources/img/sub/moreproduct/prescott_visual.jpg') no-repeat center/cover;
}

.table_visual_antero {
    background: url('/resources/img/sub/moreproduct/antero_visual.jpg') no-repeat center/cover;
}

.table_visual_antero2 {
    background: url('/resources/img/sub/moreproduct/antero2/antero2_visual.jpg') no-repeat center/cover;
}

.table_visual_pekin {
    background: url('/resources/img/sub/moreproduct/pekin_visual.jpg') no-repeat center/cover;
}

.table_visual_pekin2 {
    background: url('/resources/img/sub/moreproduct/pekin2/pekin2_visual.jpg') no-repeat center/cover;
}

.table_features {
    padding: 80px 0 70px 0;
    background: #f4f1ec;
    text-align: center;
}

.table_features ul {
    display: inline-flex;
    flex-wrap: wrap;
    margin-top: 70px;
}

.table_features ul li {
    display: flex;
    align-items: center;
    margin: 0 13px;
    cursor: pointer
}

.table_features ul li div {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-indent: -9999px
}

.table_features ul li div:before {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    opacity: 0
}

.table_features ul li.active div:before {
    opacity: 1
}

.table_features ul li span {
    display: none;
    margin-left: 15px;
}

.table_features ul li.active span {
    display: block
}

.table_features ul li div.natural_oak {
    background: url('/resources/img/sub/moreproduct/table_oak.png') no-repeat center/cover;
}

.table_features ul li div.walnut {
    background: url('/resources/img/sub/moreproduct/table_walnut.png') no-repeat center/cover;
}

.table_features ul li div.gray {
    background: url('/resources/img/sub/moreproduct/s-02_gray.png') no-repeat center/cover;
}

.table_features ul li div.beige02 {
    background: url('/resources/img/sub/moreproduct/s-02_beige.png') no-repeat center/cover;
}

.table_features ul li div.dark_oak {
    background: url('/resources/img/sub/moreproduct/darkoak.png') no-repeat center/cover;
}

.table_design p {
    margin-bottom: 63px
}

.table_design p:last-child {
    margin-bottom: 0
}

.table_design p span {
    display: block;
    margin-top: 10px;
    text-align: right;
    font-size: 14px;
    color: #666
}

.table_modern {
    margin-top: 120px;
    text-align: center;
}

.table_modern .title {
    margin-top: 48px;
}

.table_details {
    padding-bottom: 120px;
    border-bottom: 1px solid #ccc
}

.table_details > p {
    margin-bottom: 63px
}

.table_details ul {
    position: relative
}

.table_details .details_type01 {
    height: 692px;
}

.table_details .details_type01 li:first-child div {
    padding: 153px 0 0 84px;
}

.table_details .details_type01 li:last-child {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.table_details .details_type02 li:last-child,
.table_details .details_type04 li:last-child {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.table_details .details_type02 li:last-child div {
    padding: 80px 0 0 108px;
}

.table_details .details_type03 li:last-child {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.table_details .details_type03 li:last-child div {
    padding: 55px 0 0 55px;
}

.table_details .details_type03 li:first-child img:nth-child(2) {
    display: block;
    margin-top: 56px;
}

.table_details .details_type04 li:last-child div {
    padding: 80px 0 0 25px;
}

.table_details ul h4 {
    display: block;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #000
}

.table_details ul li p {
    margin-top: 15px;
    color: #666
}

.details_port {
    margin-top: 120px;
    padding: 70px 0;
    text-align: center;
    background: #f4f2ee;
}

.details_port div {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.details_port ul {
    display: inline-block;
    vertical-align: middle
}

.details_port ul li {
    display: inline-block;
    margin-left: 50px;
}

.table_color ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -35px
}

.table_color ul li {
    position: relative;
    padding: 0 35px;
    text-align: center
}

.table_color ul li span {
    position: absolute;
    top: -30px;
    right: 25px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #101f4a;
    color: #fff;
    border-radius: 50%;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600
}

.table_color ul li h4 {
    margin: 35px 0 10px 0;
    font-size: 24px;
    font-family: 'Poppins';
}

.table_noti {
    margin-top: 55px;
    padding: 15px;
    text-align: center;
    color: #666;
    font-size: 15px;
    background: #f7f7f7
}

/* EN 占쎌젫占쎈�� 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 -------------------------------------------------------------- */

/* 占쎄퐣�뇡占� 筌띲끋�뱜�뵳�딅뮞 筌롫뗄�뵥 */
.ibalance_bg {
    background: url('/resources/img/sub/mattress/ibalance_bg.jpg') no-repeat center/cover;
}

.sleeper_bg {
    background: url('/resources/img/sub/mattress/sleeper_bg.jpg') no-repeat center/cover;
}

.matt_imgCont {
    position: relative;
    padding-top: 33px;
}

.mattress_bg {
    position: relative;
    height: 496px;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 4px #333
}

.mattress_bg div {
    padding-top: 117px;
}

.mattress_bg div > img {
    width: 68px;
}

.mattress_bg h2 {
    display: block;
    margin: 15px 0 30px 0;
}

.matt_sns {
    margin-top: 45px;
}

.matt_slideCont {
    position: relative;
    padding-top: 42px;
}

.matt_slideCont > .slick-dots {
    position: absolute;
    top: -21px;
    width: 100%;
    text-align: center;
    font-size: 18px
}

.matt_slideCont > .slick-dots li {
    margin: 0 16px;
    padding: 0 13px;
}

.matt_slideCont > .slick-dots li a {
    position: relative;
    color: #999
}

.matt_slideCont > .slick-dots li.slick-active a {
    color: #000
}

.matt_slideCont > .slick-dots li a:after {
    content: '';
    position: absolute;
    bottom: 3px;
    right: -31px;
    width: 1px;
    height: 17px;
    background: #ccc
}

.matt_slideCont > .slick-dots li:last-child a:after {
    display: none;
}

.matt_slideCont > .slick-dots li.slick-active a:before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000
}

.matt_imgSlide .slick-arrow {
    position: absolute;
    top: 205px;
    width: 63px;
    height: 63px;
    text-indent: -9999px;
    z-index: 9
}

.matt_imgSlide .slick-prev {
    left: 33px;
    background: url('/resources/img/main/visual_left.png') no-repeat center
}

.matt_imgSlide .slick-next {
    right: 33px;
    background: url('/resources/img/main/visual_right.png') no-repeat center
}

.matt_imgSlide .slick-prev:hover {
    background: url('/resources/img/main/visual_lefton.png') no-repeat center
}

.matt_imgSlide .slick-next:hover {
    background: url('/resources/img/main/visual_righton.png') no-repeat center
}

.matt_imgSlide .slick-dots {
    text-align: center;
    margin-top: 35px;
}

.matt_textBox {
    position: absolute !important;
    top: 0;
    left: 50%;
    width: 412px;
    height: 474px;
    margin-left: -206px;
    padding-top: 64px;
    text-align: center;
    color: #fff;
    background: rgba(15, 30, 72, 0.8);
    box-sizing: border-box;
}

.matt_textBox h4 img {
    width: 68px
}

.matt_textBox h3 img {
    margin-top: 10px;
    width: 226px
}

.matt_textBox img {
    display: inline-block !important
}

.matt_textBox strong {
    position: relative;
    display: block;
    line-height: 1;
    margin-top: 30px;
    padding: 35px 0 25px 0;
    font-size: 30px;
    font-family: 'Poppins';
    font-weight: 500 !important;
}

.matt_textBox strong:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 1px;
    margin-left: -30px;
    background: #fff;
}

.matt_textBox p {
    color: rgba(255, 255, 255, 0.7)
}

.matt_lineup {
    width: 1280px;
    margin: 0 auto 110px auto;
}

.matt_lineup ul {
    text-align: center;
}

.matt_lineup li {
    position: relative;
    width: 393px;
    height: 480px;
    display: inline-block;
    margin-right: 37px;
    text-align: center;
    color: #fff;
}

.matt_lineup li:last-child {
    margin-right: 0
}

.matt_lineup li:hover > div {
    opacity: 1;
}

.matt_lineup li:hover .lineup_img img {
    transform: scale(1.1) rotate(.001deg);
}

.matt_lineup li .lineup_img {
    overflow: hidden;
    width: 393px;
    height: 480px;
}

.matt_lineup li .lineup_img img {
    transition: all 1s;
}

.matt_lineup li .lineup_txt {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 195px 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 12px 12px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 12px 12px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 12px 12px 10px 0px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: all 0.3s;
}

.matt_lineup li .lineup_txt:before {
    content: '';
    position: absolute;
    top: 5%;
    left: 6%;
    width: 88%;
    height: 90%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
}

.matt_lineup li .lineup_txt h3 {
    display: block;
    margin-bottom: 30px;
    font-size: 30px;
}

.matt_lineup li a {
    color: #fff;
}

.matt_lineup li a:before, .matt_lineup li a:after {
    background: #fff
}

.matt_banner {
    cursor: pointer;
    box-sizing: border-box;
}

.matt_banner01 {
    height: 225px;
    padding-top: 70px;
    background: url('/resources/img/sub/mattress/matt_banner01.jpg') no-repeat center;
}

.matt_banner02 {
    height: 254px;
    padding-top: 99px;
    background: url('/resources/img/sub/mattress/matt_banner02.jpg') no-repeat center;
}

.matt_banner div {
    width: 1260px;
    margin: 0 auto;
}

.matt_banner div h4 {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.matt_banner div span {
    display: inline-block;
}

.matt_banner div h4 img {
    width: 68px
}

.matt_banner div span img {
    width: 169px
}

.matt_banner div em {
    position: relative;
    display: block;
}

.matt_banner div em:before {
    content: '';
    position: absolute;
    bottom: -22px;
    left: 203px;
    width: 30px;
    height: 1px;
    background: #fff;
    transition: all 0.3s;
}

.matt_banner div em:after {
    content: '';
    position: absolute;
    bottom: -22px;
    left: 243px;
    width: 1px;
    height: 8px;
    background: #fff;
    transform: rotate(-45deg);
    opacity: 0;
}

.matt_banner:hover div em:after {
    opacity: 1;
    transition: all 0.5s ease-out 0.4s;
}

.matt_banner:hover div em:before {
    width: 45px
}

.sleeper_nsf {
    text-align: center;
    margin-top: 32px;
}

.sleeper_nsf .btn_area a {
    position: relative;
    display: inline-block;
    padding: 184px 26px 0 0;
    background: url('/resources/img/sub/mattress/sleeper_nsf.jpg') no-repeat top;
    font-size: 15px;
    font-weight: normal !important
}

.sleeper_nsf .btn_area em {
    position: absolute;
    bottom: 7px;
    right: 2px;
    width: 14px;
    height: 8px;
    background: url('/resources/img/common/select.png') no-repeat center;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.sleeper_nsf .btn_area a.active em {
    webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.sleeper_nsf .sleep_solution {
    display: none;
    margin-top: 23px;
    padding: 75px 90px 85px 90px;
    background: #f6f4f0
}

.sleeper_nsf .sleep_solution .title {
    padding: 75px 0 0 0
}

.solution_banner {
    margin-top: 32px;
}

.solution_banner .slick-list {
    width: 1260px !important
}

.solution_txt {
    position: absolute;
    top: 150px;
    left: 150px;
    color: #fff;
    text-align: left;
}

.solution_txt h4 {
    font-size: 24px;
    font-weight: 500
}

.solution_txt p {
    margin-top: 25px;
    color: rgba(255, 255, 255, 0.7)
}

.solution_banner .slick-dots {
    position: absolute;
    top: 92px;
    left: 153px;
}

.solution_banner .slick-dots li {
    margin-right: 32px
}

.solution_banner .slick-dots li button {
    width: auto;
    height: auto;
    text-indent: 0;
    background: none;
    font-family: 'Poppins';
    color: #8d8d8d
}

.solution_banner .slick-dots li.slick-active button {
    color: #50c0e3
}

/* 野껊슣�뻻占쎈솇 */
.bo_list li:nth-child(1), .bo_list li:nth-child(2), .bo_list li:nth-child(3) {
    margin-top: 0
}

.bo_list li p {
    color: #a6865c
}

.bo_list li p span {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
}

.bo_list li p span:last-child {
    margin-right: 0;
    padding-right: 0;
}

.bo_list li p span:after {
    content: '';
    position: absolute;
    top: 7px;
    right: -3px;
    width: 1px;
    height: 10px;
    background: #a6865c
}

.bo_list li p span:last-child:after {
    display: none;
}

.bo_list li strong {
    display: block;
    margin: 5px 0 15px 0;
    font-size: 18px;
    font-weight: 400
}

.bo_list li a > span {
    font-size: 14px;
    color: #999
}

/* SHOP ------------------------- */
.shop_info {
    position: relative;
    width: 1260px;
    height: 450px;
    background: url('/resources/img/sub/shop/shop_img.jpg') no-repeat center/cover;
    margin-top: 80px;
}

.shop_info .info_txt {
    padding-top: 110px;
    width: 100%;
    text-align: center;
    color: #fff
}

.shop_info .info_txt h2 {
    margin-top: 20px;
    font-size: 34px;
}

.shop_info .info_txt p {
    margin: 10px 0 73px 0;
}

.shop_info .info_txt div span {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
    font-family: 'Poppins';
    font-weight: 500 !important;
}

.shop_info .info_txt div .shop_time {
    padding-right: 15px;
    margin-right: 10px;
    background: url('/resources/img/sub/shop/shop_time.png') no-repeat left;
}

.shop_info .info_txt div .shop_time:after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    width: 2px;
    height: 16px;
    background: rgba(255, 255, 255, 0.5)
}

.shop_info .info_txt div .shop_tell {
    background: url('/resources/img/sub/shop/shop_tell.png') no-repeat left;
}

.popup_store {
    position: absolute;
    top: 33px;
    left: 33px;
}

.shop_notice .title {
    position: relative;
}

.shop_notice .btn_area {
    position: absolute;
    bottom: 43px;
    right: 0
}

.shop_notice ul {
    display: flex;
    flex-wrap: wrap
}

.shop_notice ul li {
    flex: 0 0 397px;
    margin: 60px 34px 0 0;
}

.shop_notice ul li:nth-child(3n) {
    margin-right: 0
}

.shop_notice ul li div {
    width: 397px;
    height: 197px;
    margin-bottom: 28px;
    overflow: hidden;
}

.shop_notice ul li div img {
    width: 397px;
    height: 197px;
}

.shop_map {
    margin-top: 110px;
    padding-bottom: 153px;
    background: #f6f5f1
}

.map_info dl {
    overflow: hidden;
    padding: 21px 37px;
    background: #0f1e48;
    color: #fff
}

.map_info dl dt {
    float: left;
    padding-left: 23px;
    background: url('/resources/img/sub/location_icon01.png') no-repeat left
}

.map_info dl dd {
    float: right;
    padding: 2px 25px 0 0;
    font-size: 14px;
    background: url('/resources/img/sub/move_icon.png') no-repeat right 7px
}

.map_info dl a {
    color: #fff
}

.map_info > div {
    height: 465px;
}

/* PROMOTION ------------------------- */
.promotion_list {
    margin-bottom: 67px;
    padding: 34px 0 58px 0;
    border-top: 2px solid #0f1e48;
    border-bottom: 1px solid #7f7f7f;
}

.promotion_list li {
    display: inline-block;
    width: 295px;
    margin: 60px 23px 0 0;
    vertical-align: top;
}

.promotion_list li:nth-child(4) {
    margin-top: 0
}

.promotion_list li:nth-child(4n) {
    margin-right: 0
}

.promotion_list li a {
    display: block;
}

.promotion_list li div {
    width: 295px;
    height: 339px;
    margin-bottom: 28px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.promotion_list li div img {
    width: 295px;
    height: 339px;
}

/* lifeandstory ------------------------- */
.lifeandstory_list {
    margin-bottom: 67px;
    padding: 34px 0 58px 0;
    border-top: 2px solid #0f1e48;
    border-bottom: 1px solid #7f7f7f;
    overflow: hidden
}

.lifeandstory_list li {
    float: left;
    width: 397px;
    margin: 60px 34px 0 0;
}

.lifeandstory_list li:nth-child(3n) {
    margin-right: 0
}

.lifeandstory_list li div {
    position: relative;
    width: 397px;
    height: 253px;
    margin-bottom: 28px;
    overflow: hidden;
}

.lifeandstory_list li div:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url('/resources/img/sub/lifeandstory/lifeandstory_listBg.png') no-repeat center/cover;
    opacity: 0.5;
    transition: all 0.3s
}

.lifeandstory_list li:hover div:before {
    opacity: 1
}

.lifeandstory_list li div img {
    width: 397px;
    height: 253px;
}

.video_view_cont {
    margin: 60px 0 95px 0;
    text-align: center;
}

.video_view_cont iframe, .video_view_cont video {
    width: 838px;
    height: 472px
}

.video_view_cont img {
    width: 838px;
}


/* ABOUT ------------------------- */
/* counting sheep */
.sheep_bg {
    padding: 72px 0 110px 0;
    background: #f5f5f5
}

.sheep_info div {
    width: 100%;
    height: 432px;
    padding: 177px 0;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 4px grey;
    background: url('/resources/img/sub/about/sheep_info.jpg') no-repeat center
}

.sheep_info div h2 {
    display: block;
    margin-bottom: 15px;
    font-size: 36px;
}

.sheep_history {
    position: relative;
    width: 1440px;
    margin: 0 auto;
}

.history_img {
    position: absolute;
    top: 50%;
    left: -92px;
    margin-top: -261px;
}

.history_txt {
    float: right;
    width: 1088px;
    padding: 61px 30px;
    background: #263359;
    box-sizing: border-box;
}

.history_txt .scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    padding-right: 50px;
}

.history_txt .scrollbar-outer {
    width: 603px;
    height: 400px;
    margin-left: 430px;
}

.history_txt .scrollbar-outer h3 {
    display: block;
    margin-top: 27px;
    font-size: 28px;
    color: #a6865c
}

.history_txt .scrollbar-outer p {
    margin-top: 50px;
    color: #ccc;
}

.history_txt .scrollbar-outer p:last-child {
    padding-bottom: 27px;
}

.sheep_story {
    position: relative;
    text-align: center;
}

.story_img .slick-arrow {
    position: absolute;
    top: 164px;
    width: 63px;
    height: 63px;
    text-indent: -9999px;
    z-index: 9
}

.story_img .slick-prev {
    left: 33px;
    background: url('/resources/img/sub/view_left.png') no-repeat center
}

.story_img .slick-next {
    right: 33px;
    background: url('/resources/img/sub/view_right.png') no-repeat center
}

.story_img .slick-prev:hover {
    background: url('/resources/img/sub/view_leftOn2.png') no-repeat center
}

.story_img .slick-next:hover {
    background: url('/resources/img/sub/view_rightOn2.png') no-repeat center
}

.story_txt strong {
    font-size: 22px;
    font-family: 'Poppins';
    font-weight: 600 !important;
}

.story_txt p {
    margin-top: 25px;
    color: #666
}

.story_nav {
    margin-top: 60px;
    font-family: 'Poppins';
    font-weight: 600 !important;
    font-size: 20px;
}

.story_nav .slick-list {
    width: 1000px;
    margin: 0 130px;
}

.story_nav .slick-slide {
    position: relative;
    width: 70px !important;
    height: 70px;
    line-height: 70px;
    margin: 0 15px;
    border-radius: 50%;
    background: #e1d7c2;
    color: #a6865c;
    cursor: pointer
}

.story_nav .slick-slide:last-child {
    margin-right: 0
}

.story_nav .slick-current {
    background: #0f1e48;
    color: #a6865c
}

.story_nav .slick-dots {
    width: 970px;
    margin: 30px auto
}

.story_nav .slick-dots li {
    margin-right: 0;
}

.story_nav .slick-dots li.slick-active button {
    background: #50c0e3
}

.story_nav .slick-dots li button {
    width: 74.6px;
    height: 6px;
    border-radius: 0;
    background: rgba(96, 109, 143, 0.2)
}

.story_nav .slick-dots li:first-child button {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.story_nav .slick-dots li:last-child button {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.story_nav span {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    font-weight: 700
}

.story_txt strong span {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 700
}

/* ST About Serta, Serta History --------------*/
.onepage_section .section {
    overflow: hidden;
}

.onepage_section .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition: transform 7s ease-out, opacity 1s ease 0.3s;
    transition: transform 7s ease-out, opacity 1s ease 0.3s;
}

.onepage_section .active .bg {
    -ms-transform: scale(1, 1) rotate(.001deg);
    -webkit-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) rotate(.001deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.about_bg01 {
    background: url('/resources/img/sub/about/about_bg01.jpg') no-repeat 50% 50%/cover
}

.about_bg02 {
    background: url('/resources/img/sub/about/about_bg02.jpg') no-repeat 50% 50%/cover
}

.about_bg03 {
    background: url('/resources/img/sub/about/about_bg03.jpg') no-repeat 50% 50%/cover
}

.about_bg04 {
    background: url('/resources/img/sub/about/about_bg04.jpg') no-repeat 50% 50%/cover
}

.about_bg05 {
    background: url('/resources/img/sub/about/about_bg05.jpg') no-repeat 50% 50%/cover
}

.history_bg01 {
    background: url('/resources/img/sub/about/history_bg01.jpg') no-repeat 50% 50%/cover
}

.history_bg02 {
    background: url('/resources/img/sub/about/history_bg02.jpg') no-repeat 50% 50%/cover
}

.history_bg03 {
    background: url('/resources/img/sub/about/history_bg03.jpg') no-repeat 50% 50%/cover
}

.history_bg04 {
    background: url('/resources/img/sub/about/history_bg04.jpg') no-repeat 50% 50%/cover
}

.about_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    padding: 0 !important;
    transform: translate(-50%, -50%);
    text-shadow: 2px 2px 4px #333;
}

.about_txt h2 {
    color: #fff;
    font-weight: 500
}

.about_txt p {
    color: #fff;
}

.about_txt p .line {
    border-bottom: 1px solid #fff
}

.about_txt p .source {
    display: block;
    margin: 10px 0 0 394px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5)
}

.onepage_section .active .about_txt h2,
.onepage_section .active .history_cont .title h2 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
}

.onepage_section .active .about_txt p,
.onepage_section .active .history_cont .title p {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
}

.history_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1440px;
    margin: -200px 0 0 -720px;
    text-shadow: 0 0 0
}

.history_cont > div {
    float: left;
}

.history_cont .title {
    text-align: left;
    padding: 0 !important
}

.history_cont p {
    color: rgba(51, 51, 51, 0.5)
}

.history_cont .history_area {
    width: 955px;
    float: left;
    margin-left: 136px;
    text-align: center;
}

.onepage_section .active .history_area {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
}

.history_cont .history_slide h1 {
    font-size: 44px;
    font-family: 'Poppins';
    font-weight: 600;
    color: #9b7931
}

.history_cont .history_slide h4 {
    position: relative;
    display: block;
    margin: 53px 0 10px 0;
    padding-top: 53px;
    line-height: 1.5;
    font-size: 24px;
    font-weight: 500;
}

.history_cont .history_slide h4:before {
    content: '';
    position: absolute;
    top: -14px;
    left: 0;
    width: 100%;
    height: 27px;
    background: url('/resources/img/sub/about/hitory_icon.png') no-repeat center
}

.history_cont .history_slide h4:after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #9b7931
}

.history_cont .history_slide p {
    color: rgba(51, 51, 51, 0.5)
}

.history_cont .history_slide p .line {
    border-bottom: 1px solid rgba(51, 51, 51, 0.5)
}

.history_cont .history_slide img {
    margin: 10px 0;
    display: inline-block !important
}

.history_slide .slick-dots {
    margin-top: 35px;
}

.history_slide .slick-dots li {
    margin-right: 0;
}

.history_slide .slick-dots li.slick-active button {
    background: #50c0e3
}

.history_slide .slick-dots li button {
    width: 86.8px;
    height: 6px;
    border-radius: 0;
    background: rgba(96, 109, 143, 0.2)
}

.history_slide .slick-dots li:first-child button {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.history_slide .slick-dots li:last-child button {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.history_slide .slick-arrow {
    position: absolute;
    top: 65px;
    width: 63px;
    height: 63px;
    text-indent: -9999px;
    z-index: 9
}

.history_slide .slick-prev {
    left: -78px;
    background: url('/resources/img/sub/view_left.png') no-repeat center
}

.history_slide .slick-next {
    right: -78px;
    background: url('/resources/img/sub/view_right.png') no-repeat center
}

.history_slide .slick-prev:hover {
    background: url('/resources/img/sub/view_leftOn2.png') no-repeat center
}

.history_slide .slick-next:hover {
    background: url('/resources/img/sub/view_rightOn2.png') no-repeat center
}

.history_cont .source {
    float: right;
    color: #999;
    font-size: 14px;
}

/* fadeup */
@-webkit-keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}


/* ST About Serta 筌띾뜆占쏙쭕占� 占쎌겫占쎈열 �뚢뫂�쀯㎘占� */
.onepage_section .active .about_txtLast {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadetxtOut;
    animation-name: fadetxtOut;
}

@-webkit-keyframes fadetxtOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadetxtOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.about_bgLast {
    position: relative;
    height: 100%;
    text-align: center;
    background: rgba(15, 30, 72, 0.7);
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
    -webkit-animation-duration: 5.5s;
    animation-duration: 5.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.about_bgLast div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
}

.about_bgLast div h2 {
    display: block;
    line-height: 1.5;
    margin-top: 10px;
    color: #fff;
    font-size: 34px;
    text-shadow: 2px 2px 4px #333;
}

.onepage_section .active .about_bgLast {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-duration: 2.0s;
    animation-duration: 2.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.onepage_section .active .about_bgLast div img {
    -webkit-animation-delay: 5.0s;
    animation-delay: 5.0s;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
}

.onepage_section .active .about_bgLast div h2 {
    -webkit-animation-delay: 5.3s;
    animation-delay: 5.3s;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/* EN About Serta 筌띾뜆占쏙쭕占� 占쎌겫占쎈열 �뚢뫂�쀯㎘占� */

/* EN About Serta, Serta History --------------*/


/* world wide */
.worldwide_bg {
    padding-bottom: 120px;
    background: #f5f5f5;
    text-align: center;
}

.map_list {
    position: relative
}

.map_list ul {
    position: inherit;
    padding-top: 0
}

.map_list ul > li > a {
    position: absolute;
    width: auto;
    padding-bottom: 0;
    border-bottom: none;
}

.map_list ul > li > a p {
    font-size: 18px;
    font-weight: 600;
    color: #0f1e48;
    font-family: 'Poppins';
}

.map_list ul > li > a .map_img {
    position: absolute;
    display: none;
}

.map_list ul > li.active > a p {
    display: none;
}

.map_list ul > li a:hover p {
    display: none;
}

.map_list ul > li.active > a .map_img {
    display: block;
}

.map_list ul > li a:hover .map_img {
    display: block
}

.map_list ul > li.first a {
    top: -487px;
    left: 445px;;
}

.map_list ul > li.first a .map_img {
    top: -74px;
    left: -133px;
}

.map_list ul > li.nth02 a {
    top: -296px;
    left: 469px;
    z-index: 99999
}

.map_list ul > li.nth02 a .map_img {
    top: -68px;
    left: -47px;
}

.map_list ul > li.nth03 a {
    top: -390px;
    left: 185px;
    z-index: 99999
}

.map_list ul > li.nth03 a .map_img {
    top: -86px;
    left: -101px;
}

.map_list ul > li.nth04 a {
    top: -581px;
    left: 248px;
}

.map_list ul > li.nth04 a .map_img {
    top: -98px;
    left: -146px;
}

.map_list ul > li.nth05 a {
    top: -525px;
    right: 258px;
    z-index: 99999
}

.map_list ul > li.nth05 a .map_img {
    top: -154px;
    left: -269px;
}

.map_list ul > li.last a {
    top: -315px;
    right: 136px;
}

.map_list ul > li.last a .map_img {
    top: -119px;
    left: -190px;
}

.map_list .product_box {
    margin-top: 60px;
}

.map_list .product_box strong {
    display: inline-block;
    margin-right: 15px;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
}

.map_list .product_box table {
    margin-top: 25px;
    border-top: 1px solid #333
}

.map_list .product_box table th {
    padding: 15px 0 18px 30px;
    background: #f5f5f5;
    color: #666;
    border-bottom: 1px solid #ccc;
    font-weight: 400
}

.map_list .product_box table td {
    height: 80px;
    padding-left: 30px;
    border-bottom: 1px solid #ccc;
}

.ql-align-center {
    text-align: center;
}

.empty_review {
    width: 100% !important;
    padding: 70px 0;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    color: #666;
    margin-top: 110px;
}

/* 모바일 화면 (최대 너비 768px) */
@media screen and (max-width: 768px) {
    .empty_review {
        font-size: 20px; /* 모바일에서 폰트 크기 조정 */
        padding: 50px 0; /* 패딩도 조금 줄일 수 있음 */
        margin-top: 80px; /* 필요하면 여백도 조정 가능 */
    }
}

/* 더 작은 화면 (최대 너비 480px) */
@media screen and (max-width: 480px) {
    .empty_review {
        font-size: 18px; /* 더 작은 폰트 크기 */
        padding: 40px 0;
        margin-top: 60px;
    }
}