/* ST �º� ���� ------------------------- */ @media all and (min-width:761px) and (max-width:1280px){ #wrapper .mo_cont{display:none;} #wrapper .pc_cont{display:none;} #wrapper .tb_cont{display:block;} .mt120{margin-top:70px !important} /* Ÿ��Ʋ */ #wrapper .title{padding:70px 5% 30px 5%;} #wrapper .sub_title{margin-top:70px;} .title h2{font-size:30px;} .title h3{font-size:24px;} .title h3.eng_600, .title h3.eng_500{font-size:28px;} .title h4{font-size:20px;} /* �÷��� ��� */ .mo_floating_banner{display:block !important;} .mo_floating_banner a img{width:262px;} .mo_floating_banner button{position:absolute; top:6px; right:6px} .mo_floating_banner button img{width:24px;} /* ���� */ #wrapper .main_popup{right:5%; margin-right:0;} #wrapper .main_title{padding:70px 0 30px 0;} /* .visual_wrap .visual div .bg1{background-position:left} .visual_wrap .visual div .bg3{background-position:right} .visual_wrap .visual .slick-dots{bottom:60px;} #wrapper .visual_wrap .pauseplay{bottom:53px;} .visual_wrap .visual .visual_txt{margin:0; padding:110px 0 0 40px; text-align:left; box-sizing:border-box;} .visual_wrap .visual div .visual_txt p{margin-bottom:0px} */ #wrapper .visual div .bg1{background-position:left} #wrapper .visual div .bg3{background-position:right} #wrapper .visual ul li .skip_btn{bottom:120px;} #wrapper .visual .visual_pager{bottom:60px;} #wrapper .visual .flex-pauseplay{bottom:53px;} #wrapper .visual .visual_txt{margin:0; padding:110px 0 0 40px; text-align:left; box-sizing:border-box;} #wrapper .visual div .visual_txt p{margin-bottom:0px} /* ���� ��Ʈ���� */ .tb_main_mattress{overflow:hidden} .tb_main_mattress > div{position:relative; width:32%; float:left; height:auto; margin-right:2%} .tb_main_mattress > div:last-child{margin-right:0} .tb_main_mattress .matt_img{width:100%; height:auto;} .tb_main_mattress .matt_img img{width:100%} .tb_main_mattress .matt_txt{position:absolute; bottom:40px; width:100%; text-align:center;} .tb_main_mattress > div:last-child .matt_txt{bottom:50px} /* ���� ħ�� */ #wrapper .main_bed{height:auto; margin-top:80px; padding-bottom:50px} #wrapper .main_bed .text_slide{left:0; bottom:27%; width:100%; height:auto; margin-left:0} #wrapper .bed_slide .img_slide .slick-slide{padding:0 20px} #wrapper .bed_slide .img_slide .slick-list{width:70%; padding:0 !important} #wrapper .bed_slide .img_slide .slick-list img{width:100%; height:auto} #wrapper .main_bed .text_slide .bed_txt{height:auto; padding-top:0} #wrapper .main_bed .text_slide .bed_txt div{opacity:1;} #wrapper .main_bed .text_slide .bed_txt img{margin-bottom:0;} #wrapper .main_bed .text_slide .bed_txt em:after{opacity:1; top:6px; width:5px; height:11px; background:url('/resources/img/main/bed_arrow.png') no-repeat center/5px} #wrapper .main_bed .text_slide .bed_txt p{position:relative;} #wrapper .main_bed .text_slide .bed_txt .line:after{content:''; position:absolute; top:6px; right:-14px; width:1px; height:11px; background:#fff} .main_bed .text_slide .bed_txt:after{display:none} #wrapper .main_bed .text_slide .bed_txt:hover h2, #wrapper .main_bed .text_slide .bed_txt:hover div{-webkit-transform:translateY(0); transform:translateY(0);} #wrapper .main_bed .slick-dots{margin-top:20px} #wrapper .main_bed .btn_area{right:5%; top:84px; width:auto; margin-left:0} .main_bed .slick-arrow{display:none !important;} /* ���� ���θ�� */ #wrapper .main_promotion .promotion_box{height:auto; padding:5% 5% 11% 5%} .main_promotion .promotion_box .promotion_txt h3{margin:15px 0 10px 0;} .main_promotion .promotion_box .promotion_txt > em{display:none;} /* ���� sns */ #wrapper .main_sns{margin-bottom:80px;} #wrapper .sns_list li{width:24%; height:auto; margin:0 1.3% 0% 0} #wrapper .sns_list li:last-child{margin-right:0} #wrapper .sns_list li img{width:100%;} /* ���� sheep */ .mo_main_sheep{overflow:hidden; margin-bottom:80px;} .mo_main_sheep li{width:50%; float:left;} .mo_main_sheep li:first-child{background:#353b51 url('/resources/img/main/sheep_bg01.gif') no-repeat right/200px} .mo_main_sheep li:last-child{background:#7e8b9b url('/resources/img/main/sheep_bg02.gif') no-repeat right/200px;} .mo_main_sheep li a{display:block; padding:40px 5%;} .mo_main_sheep li a img{display:none;} .mo_main_sheep li a h4{color:#fff; font-size:24px; font-family: 'Poppins'; font-weight:500;} /* ���� */ #wrapper .view_left, #wrapper .view_right{bottom:26px; width:50px; height:50px; background-size:cover} /* About Serta, Serta History --------------*/ #fp-nav.right{right:0 !important} #wrapper .about_bgLast div h2{font-size:30px;} #wrapper .onepage_section .history_cont .history_slide h4{margin:30px 0 5px 0; padding:30px 0 0 0; font-size:20px} #wrapper .onepage_section .history_cont .history_slide p br{display:none;} .onepage_section .history_cont .history_slide img{display:none !important} .onepage_section .history_cont .history_slide .slick-active img{display:inline-block !important} .onepage_section .history_cont .history_slide .img01{width:69px;} .onepage_section .history_cont .history_slide .img02{width:200px;} .onepage_section .history_cont .history_slide .img03{width:100px;} .onepage_section .history_cont .history_slide .img04{width:75px;} .onepage_section .history_cont .history_slide .img05{width:150px;} .onepage_section .history_cont .history_slide .img06{width:150px;} .history_cont .history_slide .slick-dots li{float:left; width:9%} .history_cont .history_slide .slick-dots li button{width:100%} .history_cont .slick-arrow{display:none !important;} .history_cont .source{margin-top:10px} /* world wide */ .mo_map_list .scroll_right{display:none;} /* countion sheep */ #wrapper .sheep_bg{padding:80px 0} #wrapper .sheep_info div{height:auto; padding:15% 5%; background-size:cover;} #wrapper .sheep_history{width:100%;} #wrapper .history_txt{width:100%; float:none; padding:40px 5%;} #wrapper .history_txt .scrollbar-outer{width:100%; max-height:280px; margin-left:12px} #wrapper .history_txt .scrollbar-outer h3{line-height:1.3; margin-top:10px; font-size:22px;} #wrapper .history_txt .scrollbar-outer p{margin-top:30px;} #wrapper .history_txt .scrollbar-outer p:last-child{padding-bottom:10px;} #wrapper .history_img{position:relative; top:0; left:0; width:80%; margin-top:0; display:none;} #wrapper .history_img img{width:100%} #wrapper .sheep_story img{width:100%} .story_img .slick-arrow{display:none !important;} #wrapper .story_txt{margin-top:15px;} /* promotion */ #wrapper .promotion_list{overflow:hidden; margin:25px 0 40px 0; padding:25px 0} #wrapper .promotion_list li div{width:100%; height:100%; margin-bottom:15px;} #wrapper .promotion_list li img{width:100%; height:auto;} /* shop */ #wrapper .shop_info .info_txt img{width:60px;} #wrapper .shop_info .info_txt h2{margin-top:10px;} #wrapper .shop_notice ul{overflow:hidden; margin-top:20px;} #wrapper .shop_notice ul li{width:32%; float:left; margin:0 2% 0 0} #wrapper .shop_notice ul li:last-child{margin-right:0} #wrapper .shop_notice ul li div{width:100%; margin-bottom:15px;} #wrapper .shop_notice ul li img{width:100%; height:auto;} #wrapper .shop_map{margin-top:80px; padding-bottom:80px;} /* QNA */ #wrapper .qna table{margin:15px 0 80px 0} #wrapper .qna table th{width:100px; padding:30px 10px} #wrapper .qna table td.name input, #wrapper .qna table td.subject input, #wrapper .qna table td.file input{width:100%} #wrapper .qna table td.tell input, #wrapper .qna table td.tell select{width:30%; background:none;} #wrapper .qna table td.tell span{width:5%; height:45px; line-height:45px; text-align:center; padding:0} #wrapper .qna table td.file input{width:100%;} #wrapper .qna table td.email input{width:31%;} #wrapper .qna table td.email select{width:31%; margin:0 0 0 2%} #wrapper .qna table td.email span{width:5%; height:45px; line-height:45px; text-align:center; padding:0} #wrapper .qna table td.file .file_input{position:relative;} #wrapper .qna table td.file .file_input div{position:absolute; top:0; right:0;} #wrapper .radio_type1{margin-right:15px} #wrapper .agreecont h4{margin-bottom:20px;} #wrapper .agreebox .agree_txt{padding:15px} #wrapper .agreebox .agree_txt > p{margin-top:10px} #wrapper .agree_radio{padding:15px} #wrapper .agree_radio > div p{width:100%; margin-bottom:15px;} #wrapper .agree_radio .radio_type1{margin:0 15px 0 0} #wrapper .noti_box a{position:relative; top:0; right:0; margin-top:0; display:inline-block; padding:15px 20px; margin-top:15px;} /* comfort tips */ #wrapper .comfortTips_bg{height:auto} #wrapper .comfort_view .sub_bg{height:295px;} #wrapper .sub_bg div{width:90%; padding:10% 5%;} #wrapper .comfortTips_list li a h4{font-size:20px;} #wrapper .comfort_view > ul{padding-bottom:25px;} #wrapper .comfort_view > ul li{padding:20px; text-align:center;} #wrapper .comfort_view > ul li .comfort_img{width:80px; height:80px; margin:0 0 15px 0; background-size:50%; background-position:center;} #wrapper .comfort_view > ul li .comfort_txt{width:100%;} /* ��ǰ ����Ʈ */ #wrapper .product_wrap{margin-bottom:80px} #wrapper .product_wrap .tab_type1{margin-top:0} #wrapper .product_list{overflow:hidden} #wrapper .product_list li > div{width:100%; height:auto;} #wrapper .product_list li{width:32%; height:auto; float:left; margin:40px 2% 0 0} #wrapper .product_list li img{width:100%} #wrapper .product_list li:first-child, #wrapper .product_list li:nth-child(2), #wrapper .product_list li:nth-child(3){margin-top:0} #wrapper .product_list li:nth-child(3n){margin-right:0} /* ST ��ǰ �������� -------------------------------------------------------------- */ /* product �� */ #wrapper .view_tab > div{width:90%} #wrapper .view_tab.on:before{width:100%; left:0} #wrapper .view_tab:before{width:90%; left:5%; margin-left:0} #wrapper .view_tab.bed_tab > div strong{margin:12px 0 0 0} #wrapper .view_tab > div strong{margin:17px 0 0 0} #wrapper .product_view .title_line{padding-bottom:70px} /* product SPEC */ #wrapper .product_spec{padding:40px 5%} #wrapper .product_spec br{display:none;} #wrapper .spec_txt h3{margin-bottom:15px; font-size:30px;} #wrapper .spec_txt h3 sup{font-size:10px;} .product_spec .sepc_material dd ul li strong{padding-right:10px; margin-right:12px} .product_spec .sepc_material dd ul li span{width:80%; display:inline-block; vertical-align:top} /* product Slider */ .product_slide img{width:80%} .product_slide .slick-arrow{display:none !important;} .mo_product_slide{text-align:center;} .mo_product_slide .slick-slide{margin:0 10px;} /* ħ��������� */ #wrapper .bed_bg{height:auto;} #wrapper .bed_bg div{padding:60px 5%} #wrapper .bed_bg div img{width:60px} #wrapper .bed_bg h2{font-size:40px; margin:0px 0 10px 0;} #wrapper .product_viewbg p, .product_view p{white-space:normal !important} #wrapper .bed_viewTit{margin-top:20px} #wrapper .bed_viewTit p{margin-top:10px;} #wrapper .bed_viewTit h3{font-size:20px} .product_view .title h3{font-size:24px} .product_view .title h3.eng_600{font-size:30px} .product_view .bed_typeMo{margin-top:70px;} .product_view .bed_typeMo video{width:100% !important; height:43vw !important; object-fit:cover !important;} .bed_typeMo .slick-dots{margin-top:15px} .product_view .view_color{padding-bottom:70px;} .product_view .view_color .color_img{width:65%; height:auto;} .product_view .view_color .color_img img{width:100%; height:auto;} .product_view .view_color .color_txt dl{display:inline-block; margin:10px 15px 0 0; text-align:center; opacity:0.3; cursor:pointer} .product_view .view_color .color_txt dl.active{opacity:1;} .product_view .view_color .color_txt dl.active dt{border:3px solid #50c0e3;} .product_view .bed_family{margin-top:20px; padding:20px} .product_view .pekin_tab{margin:70px 0 20px 0} /* ��Ʈ���� �������� */ #wrapper .matt_visualLE{background-position:75%;} #wrapper .matt_visual{height:auto} #wrapper .matt_visualImg .matt_visualtxt{padding:15% 0 30% 0 } #wrapper .matt_visual .scroll_left, #wrapper .matt_visual .scroll_right{margin-top:-30px} #wrapper .matt_visualImg h4 img{width:50px} #wrapper .matt_visualImg h3 img{margin-top:10px; width:165px} #wrapper .matt_visualLE .matt_select{margin:20px 0 0 0;} #wrapper .matt_select{margin:20px 0 0 20px;} #wrapper .matt_select h2{font-size:30px;} #wrapper .matt_select ul{top:35px; padding:3px 18px} /* ��Ź �������� */ #wrapper .table_visual{height:30vw; background-size:cover} .product_view .title h4{font-size:20px} .product_view .table_features{padding:50px 0;} .product_view .table_features img{width:200px} .product_view .table_features ul{margin-top:50px;} .product_view .table_details{padding-bottom:80px;} .product_view .table_details h4{font-size:20px;} .product_view .table_modern{margin-top:80px;} .product_view .table_modern .title{margin-top:30px;} .product_view .details_port{margin-top:80px; padding:40px 0;} .product_view .details_port .title{margin-bottom:30px;} .product_view .details_port .title h4{text-align:center;} .product_view .details_port .title br{display:none;} .product_view .details_port ul li{width:30%; margin:0 10px} .product_view .details_port img{width:100%;} .product_view .table_color ul li h4{margin:15px 0 5px 0; font-size:20px; } .product_view .table_color ul li img{width:150px;} .product_view .table_details ul{overflow:hidden;} .product_view .table_details ul li{float:left; width:50%;} .product_view .table_details ul li img{width:100%} .product_view .table_details .details_type01{height:auto;} .product_view .table_details .details_type01 li:first-child div{padding:40px 0 0 0;} .product_view .table_details .details_type01 li:last-child{position:relative; top:0; right:0; z-index:-1} .product_view .table_details .details_type02 li:last-child{position:relative; top:0; right:0; z-index:-1} .product_view .table_details .details_type02 li:last-child div{padding:25px 0 0 0;} .product_view .table_details .details_type03 li:last-child{position:relative; top:0; width:46%; margin-left:4%} .product_view .table_details .details_type03 li:last-child div{padding:40px 0 0 0;} .product_view .table_details .details_type03 li:first-child img:nth-child(2){display:block; margin-top:35px;} .product_view .table_details .details_type04 li:last-child{position:relative; top:0; width:46%; margin-left:4%} .product_view .table_details .details_type04 li:last-child div{padding:40px 0 0 0} /* ��Ʈ���� ����*/ .sub_cont .mattress_bg{height:auto;} .sub_cont .mattress_bg div{padding:15% 5%} .mattress_bg div > img{width:60px} .sub_cont .sleeper_nsf .btn_area a{padding:115px 26px 0 0; background-size:130px;} .sub_cont .sleeper_nsf .sleep_solution{padding:50px 5% 60px 5%} #wrapper .sub_cont .sleeper_nsf .sleep_solution .title{padding:50px 0 0 0} .sub_cont .solution_banner .slick-list{width:100% !important} .sub_cont .solution_banner .slick-list img{width:100%} .sub_cont .solution_banner .slick-dots{top:10px; left:25px} .sub_cont .solution_txt{position:relative; top:0; left:0; margin-top:15px; color:#333} .sub_cont .solution_txt h4{font-size:20px;} .sub_cont .solution_txt p{margin-top:10px; color:#333} .sub_cont .solution_txt p br{display:none;} .sub_cont .matt_slideCont > .slick-dots{top:-5px} #wrapper .matt_lineup .title{padding-top:0} #wrapper .matt_lineup{width:90%; margin:0 auto 70px auto; overflow:hidden;} #wrapper .matt_lineup li{width:32%; height:auto; float:left; margin:0 2% 0 0;} #wrapper .matt_lineup li:last-child{margin-right:0} #wrapper .matt_lineup li > div{opacity:1} #wrapper .matt_lineup li .lineup_img{overflow:hidden; width:100%; height:auto;} #wrapper .matt_lineup li .lineup_img img{width:100%} #wrapper .matt_lineup li .lineup_txt{position:absolute; top:0; width:100%; height:100%; padding:21% 0 0 0; box-sizing:border-box; background:none; box-shadow:0 0 0 0; opacity:1;} #wrapper .matt_lineup li .lineup_txt:before{content:''; position:absolute; top:8%; left:6%; width:88%; height:85%; border:1px solid rgba(255,255,255,0.5); box-sizing:border-box;} #wrapper .matt_lineup li .lineup_txt h3{margin-bottom:10px; font-size:24px;} .matt_banner{padding-left:5%} #wrapper .matt_material{margin:0} #wrapper .separation{margin-top:0; padding:50px 0; background:#ecedf1} #wrapper .separation_tab{margin-bottom:30px;} #wrapper .separation_tab li{padding:0 15px;} #wrapper .separation_list img{width:70%} #wrapper .separation_list span{position:absolute; top:0; right:0;} } /* EN �º� ���� ------------------------- */ /* ST �º� 761 ~ 1023 ------------------------- */ @media all and (min-width:761px) and (max-width:1023px){ /* �˻� */ #wrapper .shop_select div:first-child{margin-bottom:30px;} .shop_select div:after{display:none;} /* ���� ��Ʈ���� */ .tb_main_mattress .matt_txt img{width:131px} .tb_main_mattress > div:last-child .matt_txt img{width:157px} /* ���� ���θ�� */ #wrapper .main_promotion{width:100%; height:auto; margin:0 0 80px 0;} #wrapper .main_promotion .promotion_box{height:auto; padding:0; background:#fff} .main_promotion .promotion_box .promotion_img{position:relative; top:0; right:0; width:60%; margin:0 20%} .main_promotion .promotion_box .promotion_img img{width:100%; height:auto;} .main_promotion .promotion_txt{width:100%; margin-top:-25%; padding:30% 8% 120px 8%; background:#0f1e48; box-sizing:border-box} .main_promotion .promotion_box .promotion_txt h3{width:100% !important} .main_promotion .promotion_box .promotion_txt p br{display:none;} .main_promotion .promotion_slide .slick-dots{left:8%; bottom:60px;} /* About Serta, Serta History --------------*/ #wrapper .onepage_section .history_cont{width:90%; top:110px; left:5%; margin:0} #wrapper .onepage_section .history_cont .title{float:none; text-align:center;} #wrapper .onepage_section .history_cont .title p{text-align:center;} #wrapper .onepage_section .history_cont .history_area{width:100%; float:none; margin:50px 0 0 0} /* countion sheep */ .story_img .slick-arrow{display:none !important;} #wrapper .story_txt{margin-top:15px;} #wrapper .story_txt p br{display:none} #wrapper .story_nav{margin-top:0} #wrapper .story_nav .slick-list{display:none;} #wrapper .story_nav .slick-dots{width:100%; margin:0} #wrapper .story_nav .slick-dots li{display:inline-block; margin-right:11px;} #wrapper .story_nav .slick-dots .slick-active button{background:#50c0e3} #wrapper .story_nav .slick-dots li button{display:block; text-indent:-9999px; width:10px; height:10px; border-radius:50%; background:#a1a1a6} #wrapper .story_nav .slick-dots li:first-child button{border-top-left-radius:50%; border-bottom-left-radius:50%;} #wrapper .story_nav .slick-dots li:last-child button{border-top-right-radius:50%; border-bottom-right-radius:50%;} /* promotion */ #wrapper .promotion_list li{width:48%; float:left; margin:40px 4% 0 0} #wrapper .promotion_list li:first-child, #wrapper .promotion_list li:nth-child(2){margin-top:0} #wrapper .promotion_list li:nth-child(2n){margin-right:0} /* comfort tips */ #wrapper .comfortTips_list li{width:48%; height:250px; margin-right:4%} #wrapper .comfortTips_list li:nth-child(2n){margin-right:0} #wrapper .comfortTips_list li a{width:100%; height:250px;} #wrapper .comfortTips_list li a strong{margin-top:47px;} #wrapper .comfortTips_list li a h3{font-size:18px} #wrapper .insomnia_list{margin-top:25px; padding:20px;} #wrapper .insomnia_list ol li{width:100%; padding:20px;} #wrapper .insomnia_list ol li strong{width:25px; height:25px; line-height:25px; margin-right:7px;} #wrapper .insomnia_list ol li span{display:inline-block; width:82%; font-size:16px; vertical-align:top} #wrapper .insomnia_list div{margin:20px 0} #wrapper .insomnia_tip ul{padding:20px;} #wrapper .insomnia_tip ul li{width:100%; margin-right:0; padding:23px 0 23px 60px} #wrapper .insomnia_tip ul li:first-child{background-position:13px} #wrapper .insomnia_tip ul li:nth-child(2){background-position:12px} #wrapper .insomnia_tip ul li:nth-child(3){background-position:14px} #wrapper .insomnia_tip ul li:nth-child(4){background-position:10px} #wrapper .insomnia_tip ul li:nth-child(5){background-position:18px} #wrapper .insomnia_tip ul li:nth-child(6){background-position:11px} #wrapper .insomnia_tip ul li:nth-child(7){background-position:7px} #wrapper .insomnia_tip ul li:nth-child(8){background-position:10px} /* ħ��������� */ .product_view .view_color .color_txt{margin-left:20px} .product_view .view_color .color_txt strong{font-size:18px;} .product_view .view_color .color_txt dl dt{width:50px; height:50px; display:inline-block;} .product_view .view_color .color_txt dl dd{font-size:15px;} /* product SPEC */ #wrapper .product_spec br{display:none;} #wrapper .spec_txt{width:100%; margin:0} .product_spec .spec_tab{display:block} .product_spec .spec_txt .spec_onematt, .product_spec .spec_txt .spec_twomatt{display:inline-block; margin:25px 0} #wrapper .table_spec dl dt{font-size:16px;} .product_spec .spec_img{width:100%; margin-top:40px;} .product_spec .spec_img img{width:80%} .product_spec .spec_img .spec_noti{margin-top:30px;} } /* EN �º� 761 ~ 1023 ------------------------- */ /* ST �º� 1024 ~ 1280 ------------------------- */ @media all and (min-width:1024px) and (max-width:1280px){ /* �˻� */ #wrapper .shop_select div{padding:0 46px;} /* ���� ��Ʈ���� */ .tb_main_mattress .matt_txt img{width:165px} .tb_main_mattress > div:last-child .matt_txt img{width:201px} /* ���� ���θ�� */ #wrapper .main_promotion{width:100%; height:auto; margin:0 0 132px 0;} .main_promotion .promotion_box .promotion_img{top:90px; width:512px; height:288px} .main_promotion .promotion_box .promotion_img img{width:512px; height:288px} .main_promotion .promotion_txt{width:46%;} .main_promotion .promotion_slide .slick-dots{left:5%; bottom:60px;} /* promotion */ #wrapper .promotion_list li{width:23%; margin:40px 2.6% 0 -2px} #wrapper .promotion_list li:first-child, #wrapper .promotion_list li:nth-child(2), #wrapper .promotion_list li:nth-child(3), #wrapper .promotion_list li:nth-child(4){margin-top:0} #wrapper .promotion_list li:nth-child(4n){margin-right:0} /* world wide */ .mo_map_list .scroll_right{display:none} /* About Serta, Serta History --------------*/ #wrapper .onepage_section .history_cont{width:90%; top:50%; left:5%; margin:-180px 0 0 0} .onepage_section .history_cont .history_area{position:absolute; top:0; right:0; width:65%; margin:0} /* countion sheep */ #wrapper .story_nav .slick-list{width:840px; margin:0 auto} #wrapper .story_nav .slick-slide{margin:0 7px} #wrapper .story_nav .slick-dots{width:840px} #wrapper .story_nav .slick-dots li button{width:61.5px;} /* comfort tips */ #wrapper .comfortTips_list li{width:32%; height:250px; margin:0 2% 2% 0;} #wrapper .comfortTips_list li:nth-child(3n){margin-right:0} #wrapper .comfortTips_list li a{width:100%; height:250px;} #wrapper .comfortTips_list li a strong{margin-top:47px;} #wrapper .comfortTips_list li a h3{font-size:18px} #wrapper .insomnia_list{margin-top:25px; padding:20px;} #wrapper .insomnia_list ol li{width:49%; margin-right:2%; padding:20px;} #wrapper .insomnia_list ol li:nth-child(2n){margin-right:0} #wrapper .insomnia_list ol li strong{width:25px; height:25px; line-height:25px; margin-right:7px;} #wrapper .insomnia_list ol li span{display:inline-block; width:82%; font-size:16px; vertical-align:top} #wrapper .insomnia_list div{margin:20px 0} #wrapper .insomnia_tip ul{padding:20px;} #wrapper .insomnia_tip ul li{width:50%; margin-right:0; padding:23px 0 23px 60px} #wrapper .insomnia_tip ul li:first-child{background-position:13px} #wrapper .insomnia_tip ul li:nth-child(2){background-position:12px} #wrapper .insomnia_tip ul li:nth-child(3){background-position:14px} #wrapper .insomnia_tip ul li:nth-child(4){background-position:10px} #wrapper .insomnia_tip ul li:nth-child(5){background-position:18px} #wrapper .insomnia_tip ul li:nth-child(6){background-position:11px} #wrapper .insomnia_tip ul li:nth-child(7){background-position:7px} #wrapper .insomnia_tip ul li:nth-child(8){background-position:10px} /* product SPEC */ #wrapper .product_spec{overflow:hidden;} #wrapper .spec_txt{float:left; width:40%; margin-right:0} #wrapper .spec_txt h3{margin-bottom:15px; font-size:28px;} .product_spec .spec_txt .spec_onematt, .product_spec .spec_txt .spec_twomatt{width:262px; margin:25px 0} #wrapper .spec_img{float:right; width:60%} .product_spec .spec_img img{width:100%} .product_spec .spec_img .spec_noti{display:inline-block; text-align:center; margin-top:30px} .product_spec .sepc_material{width:100%; float:left;} } /* EN �º� 1024 ~ 1280 ------------------------- */