/* living-guide-popup01 */ /** common **/ br.br-pc{display:block;} br.br-mo{display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-tip {width:1440px; margin:0 auto;} .re-tip .pc-txt-only{display: block;} .re-tip .mo-txt-only{display: none;} .re-tip__tit {display: flex; align-items: center; justify-content: center; flex-direction: column; padding:0 24px; font-size:48px; line-height:1.3;} .re-tip__tit span {font-size:inherit;} .re-tip__list {display:flex; margin-top:60px; padding:0 12px; justify-content:center;} .re-tip__list li {width:calc(100% / 2); padding:0 12px; } .re-tip__list__btn {display:block; position:relative; width:100%; height:390px; background-repeat:no-repeat; background-position:left top; background-size:cover; border-radius:20px; box-shadow:0 0.06em 0.2em 0.06em rgba(0, 0, 0, 0.2);} .re-tip__list__btn.pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/tip01.jpg");} .re-tip__list__btn.pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_01_pc.jpg");} .re-tip__list__btn.pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/re/tip03.jpg");} .re-tip__list__btn.pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/2025/03_tip3_pc_new.jpg");} .re-tip__list__btn.pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_03_pc.jpg");} .re-tip__list__btn .txt {display:block; position:absolute; bottom:15px; left:0; width:100%; color:#fff; font-size:23px; font-weight:700; line-height: 1.36; text-align:center;} .re-tip__list__btn .txt.txt2 {color:#555;} /* scroll */ .-scroll::-webkit-scrollbar {width:4px; background-color:transparent;} .-scroll::-webkit-scrollbar-button {display:none;} .-scroll::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,0.2);} .-scroll:hover::-webkit-scrollbar-thumb, .-scroll::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} .-scroll:hover {scrollbar-color:rgba(0,0,0,0.5);} /* modal */ body.-has-modal {overflow:hidden;} .re-tip .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:220; background:rgba(0, 0, 0, 0.8);} .re-tip .modal-dim.-search {z-index:300; background:transparent;} .re-tip .modal-dim.-active {display:block;} .re-tip .modal-layer {display:none; position:fixed; top:51%; left:50%; width:1392px; padding: 30px; background: #fff; border-radius: 20px; transform:translate(-50%, -55%); z-index:300;} .re-tip .modal-layer.-active {display:block;} .re-tip .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-tip .modal-cont {overflow:hidden; position:relative; width:100%; height:770px; background:#fff; border-radius:20px;} /* .re-tip .modal-cont.modal4 { height: 795px; } */ .re-tip .modal-cont.-mobile {display:none;} .re-tip .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .modal-cont.-scroll {overflow-y:auto;} /* 2. modal - 체크리스트 */ #airCheck .modal-cont {height:600px;} .re-tip .allabout-tabs__tit {font-size:48px; font-weight:700; line-height:1.2; text-align:center;} .re-tip .guide-tabs__list {display:flex; margin-top:35px; justify-content:center; align-items:center;} .re-tip .allabout-tabs__list__tab {padding-bottom:5px; font-size:20px; font-weight:700; border-bottom:2px solid transparent; transition:border 0.2s;} .re-tip .allabout-tabs__list__tab:hover {border-bottom:2px solid #000;} .re-tip .allabout-tabs__list__tab.-active {border-bottom:2px solid #000;} .re-tip .allabout-tabs__list__tab + .allabout-tabs__list__tab {margin-left:48px;} .re-tip .allabout-tabs__panel-wrap {margin-top:30px;} .re-tip .allabout-tabs__panel {display:none; height:500px; padding:40px; background:#F6F6F6; border-radius:20px;} .re-tip .allabout-tabs__panel.-active {display:flex;} .re-tip .allabout-tabs__panel > [class*=pic] {width:604px; height:100%; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; border-radius:20px;} .re-tip .allabout-tabs__panel .pic01 {background-image:url("//images.samsung.com/is/image/samsung/p5/sec/pcd/air-conditioners/air-conditioners-checklist-where-pc.jpg");} .re-tip .allabout-tabs__panel .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-size-pc.jpg");} .re-tip .allabout-tabs__panel .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-save-pc.jpg");} .re-tip .allabout-tabs__panel .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-purity-pc.jpg");} .re-tip .allabout-tabs__panel .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-service-pc.jpg");} .re-tip .allabout-tabs__panel .txt-box {margin-left:100px;} .re-tip .allabout-tabs__panel .txt__tit {margin-top:20px; font-size:32px; font-weight:700; line-height:1.25;} .re-tip .allabout-tabs__panel .txt__desc {margin-top:40px; font-size:18px; line-height:1.55;} .re-tip .allabout-tabs__panel .txt__tip {display:flex; margin-top:20px; justify-content:flex-start;} .re-tip .allabout-tabs__panel .txt__tip li {font-size:14px; line-height:1.4;} .re-tip .allabout-tabs__panel .txt__tip li + li {margin-left:15px;} .re-tip .allabout-tabs__panel .txt__tip .pic-cac {width:70px;} .re-tip .allabout-tabs__panel .txt__tip .pic-intertek {width:120px; padding-top:20px;} .re-tip .allabout__expanded {display:inline-block; position:relative; margin-top:20px;} .re-tip .allabout__expanded__btn {color:#2188FF; font-size:14px; font-weight:700; border-bottom:1px solid #2188FF; line-height:1.4;} .re-tip .allabout__expanded__cont {display:none; position:absolute; top:-3px; left:0; width:360px; padding:20px; background:#f7f7f7; border:1px solid rgba(0, 0, 0, .6); border-radius:20px; transform:translateY(-100%);} .re-tip .allabout__expanded__cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-tip .allabout__expanded__cont.-active {display:block;} .re-tip .allabout__expanded__cont__tit {display:block; padding-bottom:5px; font-size:18px; border-bottom:1px solid #000; text-indent:0;} .re-tip .allabout__expanded__cont__tip {margin-top:20px;} .re-tip .allabout__expanded__cont__tip li {font-size:14px;} .re-tip .allabout__expanded__cont__close {position:absolute; top:0; right:0; width:50px; height:50px; background:url(//images.samsung.com/kdp/static/common/icon-close.svg) no-repeat center / 14px 14px;} /* 2. modal - 체크리스트-230703- 모바일 최적화 */ .check-tab{width:100%} .check-tab .swiper-slide{display: flex; justify-content: center; align-items: flex-start; width: 10%;} .check-tab .swiper-slide:first-child {justify-content: flex-start;} .check-tab .swiper-slide:last-child { justify-content: flex-end;} /* 4. modal - 끊임없는 진화 */ #constantEv .modal-cont {height:600px;} .re-tip .constant-ev {height:100%; padding:0;} .re-tip .constant-ev__tit {display:flex; height:90px; margin-bottom: 35px; font-size:45px; font-weight:700; line-height:1.25; justify-content:center; align-items:center;} .re-tip .constant-ev__tit > span {font-size:inherit; vertical-align:baseline;} .re-tip .constant-ev__tit > span + span {margin-left:13px;} .re-tip .constant-ev__inner {overflow-x:hidden; overflow-y:auto; height:calc(100% - 120px); padding:0 0 22px} .re-tip .constant-ev__pic {width:100%;} .re-tip .constant-ev__pic.pic-pc {display:block;} .re-tip .constant-ev__pic.pic-mo {display:none;} .re-tip .constant-ev__disc {margin-top:20px; text-align:center; font-size:16px; line-height:1.5;} .re-tip .constant-ev__disc li {font-size:inherit;} /* 5. modal - 에어컨 사전점검 */ #preInspection {background:#F7F7F7; width:1108px;} #preInspection .modal-cont {background:#F7F7F7; height:600px;} .re-tip .preInspection {height:100%; padding:0;} .re-tip .preInspection_tit {height:150px; margin-bottom:30px; display:flex; flex-direction:column; justify-content:center; align-items:center;} .re-tip .preInspection_tit h3 {font-size:48px; font-weight:700; line-height:1.25;} .re-tip .preInspection_tit .preInspection_title_step {margin-top:30px; display:flex; align-items:center;} .re-tip .preInspection_tit .preInspection_title_step strong {font-size:20px; line-height:24px; font-weight:normal; transition:font-weight 0.2s ease-in-out, text-decoration 0.2s ease-in-out;} .re-tip .preInspection_tit .preInspection_title_step strong.-active {font-weight:700; text-decoration:underline; text-underline-position:under;} .re-tip .preInspection_tit .preInspection_title_step span {font-size:10px; padding:0 10px; line-height:24px;} .re-tip .preInspection_inner {overflow-x:hidden; overflow-y:auto; height:calc(100% - 180px); padding:16px 0 20px;} .re-tip .preInspection_inner .preInspection_step_wrap {background:#fff; padding:30px; position:relative; border-radius:20px; text-align:center;} .re-tip .preInspection_inner .preInspection_step_wrap + .preInspection_step_wrap {margin-top:66px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number_wrap {display:flex; justify-content:center; margin-top:-46px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number {background:#2188FF; font-size:18px; color:#fff; height:32px; padding:0 25px; line-height:32px; border-radius:26px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title h4 {font-size:25px; font-weight:700; line-height:1.25; margin-top:15px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title p {font-size:20px; color:#383838; margin-top:5px; line-height:1.25;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc {padding-top:24px; display:flex; justify-content:center;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li {background:#E6E6E6; border-radius:20px; margin-left:24px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li:first-child {margin-left:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 {flex-wrap:wrap;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li {width:322px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li:last-child {width:668px; margin-left:0; margin-top:24px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item01 {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item03 {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 {flex-wrap:wrap;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li {width:480px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li:last-child {width:1057px; margin-left:0; margin-top:24px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 {height:70px; line-height:24px; display:flex; flex-direction:column; justify-content:center;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 span {font-size:16px; font-weight:normal;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box {width:100%; height:125px; display:table;text-align:center; table-layout:fixed;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p {font-size:17px; line-height:20px; display:table-cell; vertical-align:middle;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p span {display:inline-block; font-size:14px; color:#383838;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p strong {font-size:17px; line-height:20px; font-weight:normal; vertical-align:baseline;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list {padding:20px; display:flex; align-items:center;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li {width:auto; border-radius:0; flex:auto; font-size:17px; line-height:20px; overflow:inherit; position:relative;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li span {font-size:14px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li:last-child {width:auto; margin:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li:first-child:before {display:none;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li::before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#c3c3c3;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li.item02::before {height:42px; top:-11px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_title {font-size:19px; background-color:#F7F7F7; height:40px; line-height:40px; display:block; font-weight:bold;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_img_pc {display:block;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_img_mo {display:none;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li img {border-radius:20px 20px 0 0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li img.imgone {border-radius:20px;} @media (max-width: 1440px) { .re-tip {width:100%;} .re-tip__tit {padding:0 1.6667vw; font-size:3.3333vw;} .re-tip__list {margin-top:4.1667vw; padding:0 0.8333vw;} .re-tip__list li {padding:0 0.8333vw; } .re-tip__list__btn {height:27.0833vw; border-radius:1.3889vw;} .re-tip__list__btn .txt {top: unset; bottom: 10px; font-size:1.5278vw;} /* scroll */ .-scroll::-webkit-scrollbar {width:0.2778vw;} /* modal */ .re-tip .modal-layer {width:96.6667vw; padding: 2.0833vw; border-radius: 1.3889vw;} .re-tip .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .re-tip .modal-cont {height:53.4722vw; border-radius:1.3889vw;} /* 2. modal - 체크리스트 */ #airCheck .modal-cont {height:42vw;} .re-tip .allabout-tabs__tit {font-size:3.3333vw;} .re-tip .allabout-tabs__list {margin-top:2.4306vw; flex-wrap:nowrap;} .re-tip .allabout-tabs__list__tab {padding-bottom:0.3472vw; font-size:1.3889vw; border-bottom:0.1389vw solid transparent;} .re-tip .allabout-tabs__list__tab:hover {border-bottom:0.1389vw solid #000;} .re-tip .allabout-tabs__list__tab.-active {border-bottom:0.1389vw solid #000;} .re-tip .allabout-tabs__list__tab + .allabout-tabs__list__tab {margin-left:3.3333vw;} .re-tip .allabout-tabs__panel-wrap {margin-top:2.0833vw;} .re-tip .allabout-tabs__panel {height:34.7222vw; padding:2.7778vw; border-radius:1.3889vw;} .re-tip .allabout-tabs__panel > [class*=pic] {width:41.9444vw; border-radius:1.3889vw;} .re-tip .allabout-tabs__panel .txt-box {margin-left:6.9444vw;} .re-tip .allabout-tabs__panel .txt__tit {margin-top:1.3889vw; font-size:2.2222vw;} .re-tip .allabout-tabs__panel .txt__desc {margin-top:2.7778vw; font-size:1.2500vw;} .re-tip .allabout-tabs__panel .txt__tip {margin-top:1.3889vw;} .re-tip .allabout-tabs__panel .txt__tip li {font-size:0.9722vw;} .re-tip .allabout-tabs__panel .txt__tip li + li {margin-left:1.0417vw;} .re-tip .allabout-tabs__panel .txt__tip .pic-cac {width:4.8611vw;} .re-tip .allabout-tabs__panel .txt__tip .pic-intertek {width:8.3333vw; padding-top:1.3889vw;} .re-tip .allabout__expanded {margin-top:1.3889vw;} .re-tip .allabout__expanded__btn {font-size:0.9722vw;} .re-tip .allabout__expanded__cont {top:-0.2083vw; left:0; width:25.0000vw; padding:1.3889vw; border-radius:1.3889vw;} .re-tip .allabout__expanded__cont__tit {padding-bottom:0.3472vw; font-size:1.2500vw;} .re-tip .allabout__expanded__cont__tip {margin-top:1.3889vw;} .re-tip .allabout__expanded__cont__tip li {font-size:0.9722vw;} .re-tip .allabout__expanded__cont__close {width:3.4722vw; height:3.4722vw; background-size:0.9722vw 0.9722vw;} /* 2. modal - 체크리스트-230703- 모바일 최적화 */ /* 4. modal - 끊임없는 진화 */ #constantEv .modal-cont {height:42vw;} .re-tip .constant-ev__tit {height:8.3333vw; font-size:3.1250vw;} .re-tip .constant-ev__tit > span + span {margin-left:0.9027vw;} .re-tip .constant-ev__inner {height:calc(100% - 8.3333vw); padding:0 0 3.4722vw} .re-tip .constant-ev__disc {margin-top:1.3889vw; font-size:1.1111vw;} /* 5. modal - 에어컨 사전점검 */ #preInspection {width:96.6667vw;} #preInspection .modal-cont {height:42vw;} .re-tip .preInspection_tit {height:8.0vw; margin-bottom:2.0vw;} .re-tip .preInspection_tit h3 {font-size:3.1250vw;} .re-tip .preInspection_tit .preInspection_title_step {margin-top:1.5833vw;} .re-tip .preInspection_tit .preInspection_title_step strong {font-size:1.3889vw; line-height:1.6667vw;} .re-tip .preInspection_tit .preInspection_title_step span {font-size:0.6944vw; padding:0 0.6944vw; line-height:1.6667vw;} .re-tip .preInspection_inner {height:calc(100% - 10vw); padding:1.1111vw 0 1.3889vw;} .re-tip .preInspection_inner .preInspection_step_wrap {padding:2.0833vw;} .re-tip .preInspection_inner .preInspection_step_wrap + .preInspection_step_wrap {margin-top:4.5833vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number_wrap {margin-top:-3.1944vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number {font-size:1.2500vw; height:2.2222vw; padding:0 1.7361vw; line-height:2.2222vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title h4 {font-size:1.7361vw; margin-top:1.0417vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title p {font-size:1.3889vw; margin-top:0.3472vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc {padding-top:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li {margin-left:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_title {font-size:1.3194vw; height:2.7778vw; line-height:2.7778vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list {padding:1.3889vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li {font-size:1.3194vw; line-height:1.8056vw; border-radius: 0;margin:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li span {font-size:1.1111vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box {height:8.6806vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p {font-size:1.3194vw; line-height:1.8056vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p span {font-size:1.1111vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p strong {font-size:1.3194vw; line-height:1.8056vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li {width:25.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li:last-child {width:51.6667vw; margin-top:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item01 {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item04 {height:11.6806vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li {width:36vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li:last-child {width:73.6667vw; margin-top:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 {height:4.8611vw; line-height:1.6667vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 span {font-size:1.1111vw; line-height:1.25;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li.item02::before {height:3.7vw; top:-0.8639vw;} } @media (max-width: 768px) { br.br-pc {display:none;} br.br-mo {display:block;} .re-tip br.br-pc {display:none;} .re-tip br.br-mo {display:block;} .re-tip .pc-txt-only{display: none;} .re-tip .mo-txt-only{display: block;} .re-tip__tit {padding:0 6.6667vw; font-size:7.7778vw;} .re-tip__tit span {display: block;} .re-tip__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start; flex-wrap:wrap;} .re-tip__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0; } .re-tip__list__btn {height:48.8889vw; border-radius:5.5556vw;} .re-tip__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} .re-tip__list__btn .txt.oneline {top:unset;} .re-tip__list__btn.pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_01_mo.jpg");} .re-tip__list__btn.pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/2025/03_tip3_mo_new.jpg");} .re-tip__list__btn.pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/240206/PCD_tip_03_mo.jpg");} /* scroll */ .-scroll::-webkit-scrollbar {width:0.5208vw;} /* modal */ .re-tip .modal-layer {top:0; bottom:0; left:0; width:100%; padding: 0; transform:translate(0);} .re-tip .modal-layer.-active {display:block;} .re-tip .modal-layer .btn-modal-close {bottom:auto; left:auto; top:6.5104vw; right:3.2552vw; width:5.2083vw; height:5.2083vw; background-color:transparent; background-size:3.1250vw 3.1250vw; border-radius:0; transform:translate(0);} .re-tip .modal-cont {width:100%; height:100%; padding-top:6.5104vw; background:#fff; border-radius:0;} .re-tip .modal-cont.bg-white {background:#fff;} .re-tip .modal-cont.-pc {display:none;} .re-tip .modal-cont.-mobile {display:block;} .re-tip .modal-cont:focus-visible {outline:dashed 0.2604vw #2189ff !important; outline-offset:-0.2604vw;} .re-tip .modal-cont__tit {font-size:6.2500vw; text-align:center;} /* 2. modal - 체크리스트 */ .re-tip .allabout-tabs__tit {height:7.6389vw; font-size:6.667vw;} .re-tip .allabout-tabs__list {height:4.1667vw; margin-top:4.1667vw;} .re-tip .allabout-tabs__list__tab {padding-bottom:0.6944vw; font-size:2.7778vw; border-bottom:0.2778vw solid transparent;} .re-tip .allabout-tabs__list__tab:hover {border-bottom:0.2778vw solid #000;} .re-tip .allabout-tabs__list__tab.-active {border-bottom:0.2778vw solid #000;} .re-tip .allabout-tabs__list__tab + .allabout-tabs__list__tab {margin-left:2.0833vw;} .re-tip .allabout-tabs__panel-wrap {overflow-y:auto; height:calc(100% - 19.4444vw); margin-top:4.1667vw;} .re-tip .allabout-tabs__panel {display:none; height:100vh; padding:2.7778vw; background:#F6F6F6; flex-direction:column;} .re-tip .allabout-tabs__panel > [class*=pic] {width:100%; height:55.9722vw; margin-top:5.5556vw; border-radius:2.7778vw; order:2;} .re-tip .allabout-tabs__panel .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-where-mo.jpg");} .re-tip .allabout-tabs__panel .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-size-mo.jpg");} .re-tip .allabout-tabs__panel .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-save-mo.jpg");} .re-tip .allabout-tabs__panel .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-purity-mo.jpg");} .re-tip .allabout-tabs__panel .pic05 {background-image:url("//images.samsung.com/kdp/static/pcd/air-conditioners/air-conditioners-checklist-service-mo.jpg");} .re-tip .allabout-tabs__panel .txt-box {margin-left:0; order:1;} .re-tip .allabout-tabs__panel .txt__tit {margin-top:0; font-size:3.8889vw; font-weight:700; line-height:1.25;} .re-tip .allabout-tabs__panel .txt__desc {margin-top:2.7778vw; font-size:2.5000vw; line-height:1.55;} .re-tip .allabout-tabs__panel .txt__tip {display:flex; margin-top:2.7778vw;} .re-tip .allabout-tabs__panel .txt__tip li {font-size:1.9444vw;} .re-tip .allabout-tabs__panel .txt__tip li + li {margin-left:2.0833vw;} .re-tip .allabout-tabs__panel .txt__tip .pic-cac {width:9.7222vw;} .re-tip .allabout-tabs__panel .txt__tip .pic-intertek {width:16.6667vw; padding-top:2.7778vw;} .re-tip .allabout__expanded__btn {font-size:1.9444vw;} .re-tip .allabout__expanded__cont {top:inherit; bottom:-0.4167vw; width:50.0000vw; padding:2.7778vw; border-radius:2.7778vw; transform:translateY(100%);} .re-tip .allabout__expanded__cont__tit {padding-bottom:0.6944vw; font-size:2.5000vw;} .re-tip .allabout__expanded__cont__tip {margin-top:5.5556vw;} .re-tip .allabout__expanded__cont__tip li {font-size:1.9444vw;} .re-tip .allabout__expanded__cont__close {width:6.9444vw; height:6.9444vw; background-size:1.9444vw 1.9444vw;} /* 2. modal - 체크리스트-230703- 모바일 최적화 */ .re-tip #airCheck .modal-cont{height: 100%;} .optMo .allabout-tabs__tit{padding-left:5.5556vw; text-align: left; font-size: 5.5556vw;} .optMo .allabout-tabs__list__tab{border-bottom: 0.6250vw solid transparent; font-size: 3.8889vw;} .optMo .allabout-tabs__list__tab:hover, .optMo .allabout-tabs__list__tab.-active{border-bottom:0.6250vw solid #000;} .optMo .allabout-tabs__panel .txt-box {min-height: 91.1111vw} .optMo .allabout-tabs__panel {padding: 4.7222vw 5.5556vw 8.3333vw;} .optMo .allabout-tabs__panel .txt__tit{font-size: 6.4vw;} .optMo .allabout-tabs__panel .txt__desc{margin-top: 5.2778vw; font-size: 4.7222vw;} .optMo .allabout-tabs__panel .txt__tip{flex-direction: column; margin-top: 5.2778vw;} .optMo .allabout-tabs__panel .txt__tip.txt__tip--ico{flex-direction: row; margin-top: 5.2778vw;} .optMo .allabout-tabs__panel #allaboutTabsPanel04 .txt__tip{flex-direction: row;} .optMo .allabout-tabs__panel .txt__tip li, .optMo .allabout__expanded__btn {margin-top: 5.2778vw; font-size: 4.4444vw;} .optMo .allabout-tabs__panel .txt__tip.txt__tip--ico li{margin-top: 0;} .optMo .allabout-tabs__panel .txt__tip li + li{margin: 0;} .optMo .allabout-tabs__panel .txt__tip.txt__tip--ico li.pic-intertek{margin-left: 2.6944vw;} .optMo .allabout-tabs__panel [class^='pic']{margin-top: 12.2222vw;} .optMo .allabout-tabs__panel-wrap::-webkit-scrollbar {width:2px; background-color:transparent;} .optMo .allabout-tabs__panel-wrap::-webkit-scrollbar-button {display:none;} .optMo .allabout-tabs__panel-wrap::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,0.2);} .optMo .allabout-tabs__panel-wrap:hover::-webkit-scrollbar-thumb, .optMo .allabout-tabs__panel-wrap::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} .optMo .allabout-tabs__panel-wrap:hover {scrollbar-color:rgba(0,0,0,0.5);} .optMo .allabout__expanded__cont{width: 88.8889vw; min-height: 41.6667vw;} .optMo .allabout__expanded__cont__tit{font-size: 4.44vw;} .optMo .allabout__expanded__cont__tip li{font-size: 3.8889vw} .optMo .allabout__expanded__cont__close {width: 4.44vw; height: 4.44vw; top: 8%; right: 4%; background-size: 80% 80%;} .optMo .guide-tabs__list {justify-content: flex-start;} .check-tab.swiper-container{width:100%} .check-tab .swiper-slide {margin-left: 3.5556vw; width: auto;} .check-tab .swiper-slide:first-child{margin-left: 5.5556vw;} .check-tab .swiper-slide:last-child{margin-left: 2.5556vw; margin-right: 5.5556vw;} /* 4. modal - 끊임없는 진화 */ #constantEv .modal-cont {height: 100%} .re-tip .constant-ev__tit {height:29vw; margin-bottom: 2vw; font-size:6.6667vw; flex-direction:column;} .re-tip .constant-ev__tit > span + span {margin-left:0;} .re-tip .constant-ev__inner {height:calc(100% - 33.3333vw); padding:0 0 3.4722vw} .re-tip .constant-ev__pic.pic-pc {display:none;} .re-tip .constant-ev__pic.pic-mo {display:block;} .re-tip .constant-ev__disc {margin-top:5.5556vw; padding:0 5.2777vw; font-size:4.4444vw; text-align:left;} .re-tip .constant-ev__disc > li {padding-left:2.2222vw; text-indent:-2.2222vw;} /* 5. modal - 에어컨 사전점검 */ #preInspection {width:100%;} #preInspection .modal-cont {height:100%;} .re-tip .preInspection_tit {height:20.0vw; margin-bottom:5.0vw;} .re-tip .preInspection_tit h3 {font-size:6.6667vw;} .re-tip .preInspection_tit .preInspection_title_step {display:inline-block; text-align:center; margin-top:5.0vw;} .re-tip .preInspection_tit .preInspection_title_step strong {font-size:3.3vw; line-height:1.5;} .re-tip .preInspection_tit .preInspection_title_step span {font-size:1.8vw; padding:0 0.6944vw; line-height:1.0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number {font-size:3.0vw; height:6.0vw; padding:0 3.0vw; line-height:6.0vw;} .re-tip .preInspection_inner {height:calc(100% - 25vw); padding:3.4vw 0 0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_number_wrap {margin-top:-8.6vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title h4 {font-size:4.0vw; margin-top:3.5vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_title p {font-size:3.0vw; margin-top:2.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap {border-radius: 3.0vw; padding:6.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc {padding-top:4.0vw; flex-direction: column;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li {margin:0;border-radius: 3.0vw; margin-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li:first-child {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li p.desc_box {font-size:3.0vw; line-height:1.5; height:16.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li p.desc_box span {font-size:2.7vw;} .re-tip .preInspection_inner .preInspection_step_wrap + .preInspection_step_wrap {margin-top:9.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02{flex-direction: row;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li {width:calc(50% - 1.5vw); margin:0; margin-left:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li:first-child {margin-left:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li:last-child {width:100%; margin-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box {height:auto; padding:5vw 0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p {font-size:3.0vw; line-height:1.5;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p span {display:none;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box p strong {font-size:3.0vw; line-height:1.5; font-weight:bold;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_box.item05 {height:30vw; padding:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step02 li.item01:last-child {margin-top:0;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .desc_title {font-size:3.0vw; height:8.0vw; line-height:8.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list {display:block; padding:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li {font-size:3.0vw; line-height:1.2;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li:last-child {padding-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li::before {top:1.5vw; left:50%; margin-left:-40%; width:80%; height:1px; } .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li {width:100%;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li:last-child {width:100%; margin-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 {height:10.0vw; line-height:1.5;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc.step05 li .desc_title.s_title01 span {font-size:2.7vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li.item02 {margin-top:3.0vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li.item02::before {top:-1.5vw; left:50%; margin-left:-40%; width:80%; height:1px;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_list li span {font-size:2.7vw;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li img{width:100%;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_img_pc{display:none;} .re-tip .preInspection_inner .preInspection_step_wrap .preInspection_step_desc li .preInspection_step_img_mo{display:block;} } /* living-guide-popup03 */ .bspk-cube-air-filter br.br-pc {display:block;} .bspk-cube-air-filter br.br-mo {display:none;} .bspk-cube-air-filter {position:relative; width:1440px; margin:100px auto 0; padding:80px 90px 200px; background:#E3E3E3; border-radius:20px;} .bspk-cube-air-filter__tit {font-size:48px; font-weight:700; text-align:center; line-height:1.3;} .bspk-cube-air-filter__search {overflow:hidden; position:relative; width:850px; height:48px; margin:40px auto 0; padding:2px; background:#fff; border-radius:24px;} .bspk-cube-air-filter__search__input[type="text"] {width:100%; height:100%; padding:0 70px; font-size:22px; border:0; border-radius:24px;} .bspk-cube-air-filter__search__input[type="text"]::placeholder {color:#595959; font-size:22px;} .bspk-cube-air-filter__search__btn {position:absolute; left:20px; top:50%; width:40px; height:40px; background:url(//images.samsung.com/is/image/samsung/sec-html-feature-air-cleaner-guide-search?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center center / 17px auto; border-radius:50%; transform:translateY(-50%);} .bspk-cube-air-filter__search__btn-reset {display:none; position:absolute; right:20px; top:50%; width:40px; height:40px; background:url(https://images.samsung.com/is/image/samsung/sec-html-feature-air-cleaner-guide-common-close?$ORIGIN_PNG$&fmt=png-alpha) no-repeat center center / 45% auto; border-radius:50%; transform:translateY(-50%);} .bspk-cube-air-filter__search__btn-reset.-active {display:block;} .bspk-cube-air-filter__tip {margin-top:70px; text-align:center;} .bspk-cube-air-filter__tip li {font-size:18px; line-height:1.4;} .bspk-cube-air-filter__tip li:first-child {color:#1B8CFF; font-weight:700;} .bspk-cube-air-filter__result {display:flex; width:100%; margin-top:70px;} .bspk-cube-air-filter__result__item {display:flex; flex-direction:column; align-items:center; flex:1;} .bspk-cube-air-filter__result__item.-num02 {flex:none;} .bspk-cube-air-filter__result__item.-num03 {flex:1.8;} .bspk-cube-air-filter__result__item .ac_tit {position:relative; width:100%; padding:20px 0; background:#000; color:#fff; font-size:18px; text-align:center; line-height:1.2;} .bspk-cube-air-filter__result__item:not(.-num01) .ac_tit::before {content:""; position:absolute; left:0; top:50%; width:1px; height:25px; background:#fff; transform:translateY(-50%);} .bspk-cube-air-filter__result__item.-num01 .ac_tit {width:315px;} .bspk-cube-air-filter__result__item .ac_value-box {width:100%;} .bspk-cube-air-filter__result__item .ac_value-box + .ac_value-box {margin-top:10px;} .bspk-cube-air-filter__result__item .ac_value-box-wrap {display:flex; align-items:center; justify-content:center;} .bspk-cube-air-filter__result__item .ac_value-box-wrap + .ac_value-box-wrap {margin-top:10px;} .bspk-cube-air-filter__result__item .ac_value {display:flex; width:100%; height:100%; padding:40px 10px; background:#fff; font-size:18px; flex-direction:column; justify-content:center; align-items:center; line-height:1.5; text-align:center;} .bspk-cube-air-filter__result__item .ac_value .filter-img img {width:190px;} .bspk-cube-air-filter__result__item .ac_value .filter-img {padding-bottom:10px; line-height:0;} .bspk-cube-air-filter__result__item.-num01 .ac_value.no-image {padding:40px 10px;} .bspk-cube-air-filter__result__item.-num01 .ac_value.no-image .model_name {margin-top:0;} .bspk-cube-air-filter__result__item.-num01 .ac_value.no-image .filter-img {padding-bottom:0;} .bspk-cube-air-filter__result__item .ac_value .filter-name {color:#1b8cff; font-size:18px; font-weight:700;} .bspk-cube-air-filter__result__item .ac_value .more_btn {margin-left:10px; padding:8px 10px; font-size:14px; font-weight:bold; border:1px solid #000; border-radius:20px; transition:0.2s;} .bspk-cube-air-filter__result__item .ac_value .more_btn.ac_value00 {display:none;} .bspk-cube-air-filter__result__item .ac_value .more_btn:hover, .bspk-cube-air-filter__result__item .ac_value .more_btn:focus {color:#fff; background:#000;} .bspk-cube-air-filter__result__item.-num01 .ac_value {font-weight:700;} .bspk-cube-air-filter__result__item:not(.-num01) .ac_value {border-left:1px solid #e3e3e3;} .bspk-cube-air-filter__result__item.-num02 .ac_value {border-left:none !important; padding:0; font-weight: normal; line-height:1.2; font-size:17px;} .bspk-cube-air-filter__result__item.-num01 .ac_value01 .model_name {font-size:18px; line-height:1.2; font-weight:bold;} .bspk-cube-air-filter__nodata {margin-top:70px; color:#1B8CFF; font-size:27px; line-height:1.5; text-align:center;} .bspk-cube-air-filter__nodata__model {font-size:inherit; font-weight:700; vertical-align:top;} .bspk-cube-air-filter__result__item.-num04 {flex:1.2;} .bspk-cube-air-filter__result__item.-num04 .ac_value-box:nth-child(2) {display:none;} .bspk-cube-air-filter__result__item.-num04 .ac_value02 .ac_value-box:nth-child(2) {display:block;} .bspk-cube-air-filter__result__item.-num04 .ac_value-box.over .ac_value-box-wrap > .more_btn {display:none;} .bspk-cube-air-filter__result__item.-num04 .ac_value-box.over .ac_value-box-wrap .filter-name .ac_value-box-wrap .more_btn {display:block;} .bspk-cube-air-filter__tip.-none, .bspk-cube-air-filter__result.-none, .bspk-cube-air-filter__nodata.-none {display:none;} .bspk-cube-air-filter__obj01 {position:absolute; left:166px; top:110px; width:161px; height:163px; background:url(//images.samsung.com/kdp/static/pcd/air-cleaners/bespoke-cube/obj_filter01_v2.png) no-repeat left top / 100% auto;} .bspk-cube-air-filter__obj02 {position:absolute; left:897px; top:-99px; width:114px; height:112px; background:url(//images.samsung.com/kdp/static/pcd/air-cleaners/bespoke-cube/obj_filter02.png) no-repeat left top / 100% auto;} .bspk-cube-air-filter__obj03 {position:absolute; right:30px; bottom:0; width:173px; height:211px; background:url(//images.samsung.com/kdp/static/pcd/air-cleaners/bespoke-cube/obj_filter03_v2.png) no-repeat left top / 100% auto;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__model {display:flex;flex-direction:column;align-items:center;flex:1;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__model .bspk-cube-air-filter__result__item {width:100%;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__model .bspk-cube-air-filter__result__item.-num01 .filter-img {height:auto;padding:0;background:#fff;text-align:center;width:100%;padding-top:30px;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__model .bspk-cube-air-filter__result__item.-num01 .ac_value {padding:0;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__model .bspk-cube-air-filter__result__item.-num02 .ac_value {height:auto;padding:0;padding-bottom:34px;} @media (max-width: 1440px) { .bspk-cube-air-filter {width:100%; margin:6.9444vw auto 0; padding:5.5556vw 6.2500vw 13.8889vw; border-radius:1.3889vw;} .bspk-cube-air-filter__tit {font-size:3.3333vw;} .bspk-cube-air-filter__search {width:59.0278vw; height:3.3333vw; margin:2.7778vw auto 0; padding:0.1389vw; border-radius:1.6667vw;} .bspk-cube-air-filter__search__input[type="text"] {padding:0 4.8611vw; font-size:1.5278vw; border-radius:1.6667vw;} .bspk-cube-air-filter__search__input[type="text"]::placeholder {font-size:1.5278vw;} .bspk-cube-air-filter__search__btn {left:1.3889vw; width:2.7778vw; height:2.7778vw; background-size:1.1806vw auto;} .bspk-cube-air-filter__search__btn-reset {right:1.3889vw; width:2.7778vw; height:2.7778vw;} .bspk-cube-air-filter__tip {margin-top:4.8611vw;} .bspk-cube-air-filter__tip li {font-size:1.2500vw;} .bspk-cube-air-filter__result {margin-top:4.8611vw;} .bspk-cube-air-filter__result__item .ac_tit {padding:1.3889vw 0; font-size:1.2500vw;} .bspk-cube-air-filter__result__item:not(.-num01) .ac_tit::before {height:1.7361vw;} .bspk-cube-air-filter__result__item.-num01 .ac_tit {width:21.8750vw;} .bspk-cube-air-filter__result__item .ac_value-box + .ac_value-box {margin-top:0.6944vw;} .bspk-cube-air-filter__result__item .ac_value-box-wrap + .ac_value-box-wrap {margin-top:0.6944vw;} .bspk-cube-air-filter__result__item .ac_value {padding:2.7778vw 0.6944vw; font-size:1.2500vw;} .bspk-cube-air-filter__result__item .ac_value .filter-name {font-size:1.2500vw;} .bspk-cube-air-filter__result__item .ac_value .more_btn {margin-left:0.6944vw; padding:0.5556vw 0.6944vw; font-size:0.9722vw; border-radius:1.3889vw;} .bspk-cube-air-filter__nodata {margin-top:4.8611vw; font-size:1.8750vw;} .bspk-cube-air-filter__obj01 {left:11.5278vw; top:7.6389vw; width:11.1806vw; height:11.3194vw;} .bspk-cube-air-filter__obj02 {left:62.2917vw; top:-6.8750vw; width:7.9167vw; height:7.7778vw;} .bspk-cube-air-filter__obj03 {right: 2.083vw;; width:12.0139vw; height:14.6528vw;} .bspk-cube-air-filter__result__item .ac_value .filter-img img {width:13.1944vw;} .bspk-cube-air-filter__result__item .ac_value .filter-img {padding-bottom:0.6944vw;} .bspk-cube-air-filter__result__item.-num02 .ac_value {font-size:1.1806vw;} .bspk-cube-air-filter__result__item.-num01 .ac_value.no-image {padding:5.4778vw 0.6944vw;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__result__item.-num01 .ac_value01 .model_name {font-size:1.25vw; margin-top:0.4vw;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__model .bspk-cube-air-filter__result__item.-num01 .filter-img {padding-top:1.3889vw;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__model .bspk-cube-air-filter__result__item.-num02 .ac_value {padding-bottom:1.3889vw;} } @media (max-width: 768px) { .bspk-cube-air-filter br.br-pc {display:none;} .bspk-cube-air-filter br.br-mo {display:block;} .bspk-cube-air-filter {width:calc(100% - 6.6667vw); margin-top:13vw; padding:13.8889vw 6.6667vw 26.3889vw; border-radius:5.5556vw;} .bspk-cube-air-filter__tit {font-size:6.6667vw;} .bspk-cube-air-filter__search {width:100%; height:11.1111vw; margin-top:4.7222vw; padding:0.5556vw; border-radius:6.6667vw;} .bspk-cube-air-filter__search__input[type="text"] {width:100%; height:100%; padding:0 12.2222vw; font-size:3.8889vw; border-radius:6.6667vw;} .bspk-cube-air-filter__search__input[type="text"]::placeholder {font-size:3.8889vw;} .bspk-cube-air-filter__search__btn {left:1.3889vw; top:50%; width:10.0000vw; height:10.0000vw; background-size:4.4444vw auto;} .bspk-cube-air-filter__search__btn-reset {right:1.3889vw; width:10.0000vw; height:10.0000vw;} .bspk-cube-air-filter__tip {margin-top:7.2222vw;} .bspk-cube-air-filter__tip li {font-size:3.8889vw;} .bspk-cube-air-filter__result {margin-top:7.2222vw; flex-direction:column;} .bspk-cube-air-filter__result__item {display:flex; flex-direction:row; align-items:stretch; flex:auto;} .bspk-cube-air-filter__result__item + .bspk-cube-air-filter__result__item {border-top:0.2778vw solid #e3e3e3;} .bspk-cube-air-filter__result__item.-num03 {flex:auto;} .bspk-cube-air-filter__result__item .ac_tit {display:flex; width:30%; padding:5.5556vw 0; background:#000; color:#fff; font-size:2.5889vw; align-items:center; justify-content:center;} .bspk-cube-air-filter__result__item:not(.-num01) .ac_tit::before {display:none;} .bspk-cube-air-filter__result__item.-num01 .ac_tit {width:30%;} .bspk-cube-air-filter__result__item .ac_value-box + .ac_value-box {margin-top:2.7778vw;} .bspk-cube-air-filter__result__item .ac_value-box-wrap + .ac_value-box-wrap {margin-top:2.7778vw;} .bspk-cube-air-filter__result__item .ac_value {display:flex; padding:7.1301vw 1.3550vw; font-size:2.8889vw; flex-direction:column; justify-content:center; align-items:center;} .bspk-cube-air-filter__result__item .ac_value .filter-name {font-size:2.8889vw;} .bspk-cube-air-filter__result__item .ac_value .more_btn {margin-left:2.7778vw; padding:1.3260vw 2.1680vw; font-size:2.5333vw; border-radius:5.5556vw;} .bspk-cube-air-filter__nodata {margin-top:7.2222vw; font-size:3.8889vw;} .bspk-cube-air-filter__result__item.-num04 {flex:auto;} .bspk-cube-air-filter__obj01 {position:absolute; left:9.1667vw; top:-8.8889vw; width:20.2778vw; height:20.8333vw;} .bspk-cube-air-filter__obj02 {position:absolute; left:auto; right:9.7222vw; top:-12.2222vw; width:14.1667vw; height:13.6111vw;} .bspk-cube-air-filter__obj03 {position:absolute; right:3.6111vw; bottom:0; width:21.6667vw; height:26.3889vw;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__result__item.-num01 .ac_value01 {padding:4.5301vw 1.3550vw;} .stc-filter-search .bspk-cube-air-filter .bspk-cube-air-filter__result .bspk-cube-air-filter__result__item.-num01 .ac_value01 .model_name {font-size:3.0889vw; line-height:1.2; margin-top:1.5vw;} .bspk-cube-air-filter__result__item .ac_value .filter-img img {width:23.75vw;} .bspk-cube-air-filter__result__item.-num02 .ac_value {font-size:2.8vw;} } .stc-filter-search {padding:60px 0;} /* living-guide-popup04 */ /* common */ .sec-pc-show {display:block !important;} .sec-mo-show {display:none !important;} .bullet-asterisk > li {position:relative;} .bullet-asterisk > li::before {content:'* ';} .bullet-dash > li {position:relative;} .bullet-dash > li::before {content:'- ';} .bullet-dot > li {position:relative;} .bullet-dot > li::before {content:'· ';} @media screen and (max-width: 768px) { .sec-pc-show {display:none !important;} .sec-mo-show {display:block !important;} } .tab__wrap {max-width: 96.6666vw; margin: 0 auto; padding-top: 5.5556vw;} .tab__title {font-size: 3.3333vw; text-align: center; line-height: 1.2;} /* .tab__title__br {display: block; font-size: inherit;} */ .tab__container {margin-top: 2.6rem;} .tab__list {list-style-type: none; display: flex; padding: .5rem 0; align-items: center;} .tab__button {flex: 1; box-sizing: border-box; padding: 1rem 0; border: 1px solid #ebebeb; color: #c0c0c0; text-align: center; line-height: 1.4; border-left: none;} .tab__button:first-child {border-left: 1px solid #ebebeb; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .tab__button:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px;} .tab__button-active {background-color: #313131; color: #fff;} .tab__button--step {display: block; font-size: 1.1111vw; font-weight: 700; letter-spacing: .05rem;} .tab__button--check {font-size: 1.5277vw; line-height: 1.5;} .tab__panel {display: none; box-sizing: border-box; padding: 3rem 0;} .tab__panel img {width: 100%;} .tab__panel-active {display: block;} .tab__disc {margin-top: 2.5rem; text-align: center; line-height: 1.5;} .tab__disc li {font-size: 0.8333vw;} @media (min-width: 1440px) { .tab__wrap {max-width:1392px; padding-top: 80px;} .tab__title {font-size: 48px;} .tab__button--step {font-size: 16px;} .tab__button--check {font-size: 22px;} .tab__disc li {font-size: 12px;} } @media (max-width: 768px) { .tab__wrap {max-width: 100%; padding:0 3.3333vw; padding-top: 10vw; margin-bottom: 7.5vw;} .tab__container {margin-top: 1.6rem;} .tab__list {align-items: stretch;} .tab__title {font-size: 6.6667vw;} .tab__button {padding: 0.5rem 0;} .tab__button:first-child {border-top-left-radius: 20px; border-bottom-left-radius: 20px;} .tab__button:last-child {border-top-right-radius: 20px; border-bottom-right-radius: 20px;} .tab__button--step {font-size: 2.75vw;} .tab__button--check {font-size: 4vw;} .tab__panel {padding: 1.5rem 0;} .tab__disc {margin-top: 3rem;} .tab__disc ul {padding: 0 1.5rem;} .tab__disc li {font-size: 3.3333vw;} /* 230822 타이틀 크기 변경 */ .tab__title--compoSize{font-size: 10vw; line-height: 1.16;} } /* living-install-popup01, living-install-popup02 */ /* common */ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} .re-about__list__btn.color_blk {color: #000 !important;} /** style **/ .re-about {width:1440px; margin:0 auto;} .re-about__tit {padding:0 24px; line-height:1.3; text-align:center;} .re-about__tit__sub {display:block; font-family:'Samsung Sharp Sans',SamsungOneKorean; font-size:20px; letter-spacing:0.2em;} .re-about__tit__txt {display:block; margin-top:5px; font-size:48px;} .re-about__tit__txt sup {font-family:'Samsung Sharp Sans'; font-size:24px; vertical-align:18px;} .re-about__list {display:flex; margin-top:24px; padding:0 6px; flex-wrap:wrap;} .re-about__list li {width:calc(100% / 3); padding:36px 18px 0;} .re-about__list li.mg-right {margin-left:auto;} .re-about__list li.mg-center {margin-left:auto; margin-right:auto;} .re-about__list__btn {display:block; position:relative; width:100%; text-align:left;} .re-about__list__btn .pic {height:440px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; border-radius:20px;} .re-about__list__btn .pic.play {position:relative;} .re-about__list__btn .pic.play::after {content:''; position:absolute; top:50%; left:50%; width:88px; height:88px; background:url('/sec/static/_images/component/compo_about_btn_play.png') no-repeat 0 0 / 100% 100%; transform:translate(-50%, -50%);} .re-about__list__btn .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/eco_calc.jpg");} .re-about__list__btn .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/dryer01_v3.jpg");} .re-about__list__btn .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/care.jpg");} .re-about__list__btn .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/serial_kit_v2.jpg");} .re-about__list__btn .tag {display:block; margin-top:20px; padding-left:20px; font-size:16px;} .re-about__list__btn .tit {display:inline-block; margin-top:6px; padding-left:20px; font-size:24px; font-weight:700; line-height:1.25;} .re-about__list__btn .tit .blank {display:inline-block; width:20px; height:20px; background:url("/sec/static/_images/component/newwindow-hover.svg") no-repeat left top / 100% 100%;} .re-about__list__btn .desc {margin-top:16px; padding-left:20px; color:#707070; font-size:15px; line-height:1.6;} /* scroll */ .-scroll::-webkit-scrollbar {width:4px; background-color:transparent;} .-scroll::-webkit-scrollbar-button {display:none;} .-scroll::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,0.2);} .-scroll:hover::-webkit-scrollbar-thumb, .-scroll::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} .-scroll:hover {scrollbar-color:rgba(0,0,0,0.5);} /* modal */ body.-has-modal {overflow:hidden;} .re-about .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(0, 0, 0, 0.8);} .re-about .modal-dim.-search {z-index:300; background:transparent;} .re-about .modal-dim.-active {display:block;} .re-about .modal-layer {display:none; position:fixed; top:50%; left:50%; width:1392px; transform:translate(-50%, -55%); z-index:300;} .re-about .modal-layer.-active {display:block;} .re-about .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url("//images.samsung.com/kdp/static/common/icon-close.svg") no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-about .modal-cont {overflow:hidden; position:relative; width:100%; height:770px; background:#fff; border-radius:20px;} .re-about .modal-cont.-mo {display:none;} .re-about .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-about .modal-cont iframe {width:100%; height:100%;} .re-about .modal-cont .video-wrap {width:100%; height:100%;} .re-about .modal-cont .video {width:100%; height:100%;} .re-about .modal-cont .video-js.vjs-quality-menu {width:100%; height:100%;} /* tabs */ .re-about .guide-tabs {display:flex; height:100%;} .re-about .guide-tabs__list-wrap {overflow-y:auto; width:350px; padding:15px 20px 60px; background:#ECECEC; text-align:center;} .re-about .guide-tabs__list-tit {margin-top:57px; font-size:24px; font-weight:700; line-height:1.25;} .re-about .guide-tabs__list {margin-top:25px;} .re-about .guide-tabs__panel-list {display:none;} .re-about .guide-tabs__panel-list.-active {display:block;} .re-about .guide-tabs__panel-list .guide-tabs__list-tit {margin-top:45px;} .re-about .guide-tabs__list__btn {display:flex; width:190px; height:40px; margin:0 auto; background:#fff; font-size:14px; font-weight:700; line-height:1.2; border-radius:20px; text-align:center; align-items:center; justify-content:center;} .re-about .guide-tabs__list__btn span {font-size:inherit;} .re-about .guide-tabs__list__btn sup {font-size:10px; vertical-align:3px;} .re-about .guide-tabs__list__btn.-active {background:#000; color:#fff;} .re-about .guide-tabs__list__btn + .guide-tabs__list__btn {margin-top:10px;} .re-about .guide-tabs__panel-wrap {width:calc(100% - 350px);} .re-about .guide-tabs__panel {display:none; height:100%;} .re-about .guide-tabs__panel.-active {display:block;} .re-about .guide-tabs__panel__tit {display:flex; height:140px; font-size:40px; text-align:center; letter-spacing:-0.04em; line-height:1.2; justify-content:center; align-items:center;} .re-about .guide-tabs__panel__tit strong {font-size:inherit;} .re-about .guide-tabs__panel__tit sup {font-size:25px; vertical-align:10px;} .re-about .guide-tabs__panel__cont {overflow-y:auto; height:calc(100% - 140px); padding:0 50px 60px;} .re-about .guide-tabs__panel__cont__list-label {display:block; margin-top:30px; color:#555; font-size:14px;} .re-about .guide-tabs__panel__cont__list {margin-top:10px;} .re-about .guide-tabs__panel__cont__list > li {padding-left:10px; color:#555; font-size:14px; line-height:1.3; text-indent:-10px;} .re-about .guide-tabs__panel__cont__list > li sup {font-size:10px; vertical-align:3px;} .re-about .guide-tabs__panel__cont__list > li + li {margin-top:3px;} .re-about .guide-tabs__panel__cont__list > li .-link {display:inline-block; font-size:inherit; color:#555; font-weight:700; border-bottom:1px solid #555; text-indent:0;} .re-about .guide-tabs__panel__cont__list .link-list-wrap {display:flex; align-items:baseline;} .re-about .guide-tabs__panel__cont__list .link-list-wrap > strong {font-size:inherit; font-weight:400; white-space:nowrap;} .re-about .guide-tabs__panel__cont__list .link-list {margin-left:5px; font-size:inherit; text-indent:0;} .re-about .guide-tabs__panel__cont__list .link-list li {display:inline-block; font-size:inherit;} .re-about .guide-tabs__panel__cont__list .link-list li + li {margin-left:3px;} .re-about .guide-tabs__panel__cont__list .link-list li a {display:block; font-size:inherit; font-weight:700; border-bottom:1px solid #555;} .re-about .guide-tabs__panel__cont__list .red {color:#ff4e18; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .orange {color:#ff8416; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .yellow {color:#efca00; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .green {color:#28c325; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .blue {color:#1b8cff; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .purple {color:#9a2ad4; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .btn-open-modal {color:#1b8cff; font-size: inherit; font-weight:700; border-bottom:1px solid #1b8cff;} .re-about .guide-tabs__panel__cont__list .btn-open-modal span { font-size: inherit; } .re-about .guide-tabs__tuto {display:none; position:relative; height:100%; background-color:#f7f7f7;} .re-about .guide-tabs__tuto.-active {display:block;} .re-about .guide-tabs__tuto-mo {display:none;} .re-about .guide-tabs__tuto-pc__box {position:absolute; left:60px; top:60px;} .re-about .guide-tabs__tuto-pc__box-to {position:absolute; left:60px; top:450px;} .re-about .guide-tabs__tuto-pc__flag {display:inline-flex; width:70px; height:24px; color:#fff; font-size:12px; font-weight:700; background-color:#218aff; border-radius:20px; align-items:center; justify-content:center;} .re-about .guide-tabs__tuto-pc__txt {margin-top:14px; font-size:20px; font-weight:700; line-height:1.3;} .re-about .guide-tabs__tuto-pc__txt b {color:#218aff; font-size:inherit;} .re-about .guide-tabs__tuto-pc__desc {margin-top:12px; color:#8f8f8f; font-size:18px; line-height:1.3;} .re-about .guide-tabs__tuto-pc__obj {width:150px; height:125px; margin-top:26px; background-image:url('//images.samsung.com/kdp/static/pcd/common/re/about/guide/obj.jpg'); background-repeat:no-repeat; background-position:left top; background-size:100% auto;} /* tooltip */ .re-about .guide-tabs__panel__cont__list .tooltip {display:inline-block; position:relative; font-size:inherit;} .re-about .guide-tabs__panel__cont__list .tooltip__btn {display:block; color:#1b8cff; font-size:inherit; font-weight:700; border-bottom:2px dotted #1b8cff;} .re-about .guide-tabs__panel__cont__list .tooltip__cont {position:absolute; top:0; left:50%; z-index:1; width:328px; height:370px; background:#fff; border-radius:10px; box-shadow:0 0 0.4em 0.2em rgba(0, 0, 0, 0.2); transform:translate(-50%, -80%); visibility:hidden; opacity:0; transition:0.3s;} .re-about .guide-tabs__panel__cont__list .tooltip__cont.-active {transform:translate(-50%, -105%); visibility:visible; opacity:1;} .re-about .guide-tabs__panel__cont__list .tooltip__cont:focus-visible {outline:dashed 2px #2189ff !important;} .re-about .guide-tabs__panel__cont__list .tooltip__cont::before {content:""; position:absolute; bottom:0; left:50%; width:20px; height:20px; background:#fff; transform:translate(-50%, 50%) rotate(45deg); box-shadow:-0.3em -0.3em 0.5em 0.2em rgba(255, 255, 255, 1), 0 0 0.4em 0.2em rgba(0, 0, 0, 0.2);} .re-about .guide-tabs__panel__cont__list .tooltip__cont::after {content:""; position:absolute; bottom:0; left:50%; width:50px; height:20px; background:#fff; transform:translateX(-50%);} .re-about .guide-tabs__panel__cont__list .tooltip__cont__tit {display:block; padding:10px 0; font-size:18px; border-bottom:1px solid rgba(0, 0, 0, 0.4); letter-spacing:-0.04em; text-align:center;} .re-about .guide-tabs__panel__cont__list .tooltip__cont__img {position:absolute; left:50%; top:50%; width:260px; height:260px; background:#f4f4f4 url("//images.samsung.com/kdp/static/pcd/dryers/set-guide/bspk-grande-ai-2221/tooltip_kit.jpg") no-repeat center / 100% auto; border:2px solid #fff; border-radius:50%; box-shadow:0.4em 0.4em 0.5em 0.2em rgba(26, 53, 73, 0.1); transform:translate(-50%, -41%);} .re-about .guide-tabs__panel__cont__list .tooltip__cont__img.-bspk-grande-ai-23 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/set-guide/bspk-grande-ai-23/tooltip_kit.jpg");} /* search */ .re-about .modal-layer.dryer-search {width:476px; transform:translate(-50%, -50%);} .re-about .modal-layer.dryer-search .btn-modal-close {bottom:auto; left:auto; top:5px; right:5px; width:40px; height:40px; background-color:transparent; border-radius:0; transform:translate(0);} .re-about .modal-cont.dryer-search-wrap {height:646px; padding:24px; border:1px solid #707070;} .re-about .dryer-search__tit {padding:24px 0 16px; font-size:24px; line-height:1.25; text-align:center;} .re-about .dryer-search__tit sup {font-size:16px; vertical-align:6px;} .re-about .dryer-search__box {margin-top:16px;} .re-about .dryer-search__box input[type=text] {height:48px; padding:0 15px; background:url("/sec/static/_images/common/icon-zoom.svg") no-repeat 95% 54% / 22px 22px; color:#666; font-size:16px; border:0; border-bottom:2px solid #000;} .re-about .dryer-search__model {margin-top:20px;} .re-about .dryer-search__model__table-wrap {overflow-y:auto; height:400px;} .re-about .dryer-search__model__table {width:100%;} .re-about .dryer-search__model__table .w15 {width:15%;} .re-about .dryer-search__model__table .w20 {width:20%;} .re-about .dryer-search__model__table .w30 {width:30%;} .re-about .dryer-search__model__table .w35 {width:35%;} .re-about .dryer-search__model__table thead {border-bottom:1px solid #D1D1D1;} .re-about .dryer-search__model__table thead th {padding:7px 0 17px; font-size:16px; text-align:center;} .re-about .dryer-search__model__table tbody tr:nth-child(2n-1) {background:#f7f7f7;} .re-about .dryer-search__model__table tbody td {height:100px; color:#686868; font-size:14px; border-bottom:1px solid #eee; vertical-align:middle; text-align:center;} .re-about .dryer-search__model__table tbody td img {width:51px; margin:0 auto;} .re-about .dryer-search__model__table.-list .no-data {display:none;} /* 설치환경 가이드 */ .re-about .set-guide__base {display:flex; width:109px; height:27px; margin:20px auto 0; color:#2189ff; font-size:13px; font-weight:700; border:1px solid #2189ff; border-radius:13px; align-items:center; justify-content:center;} .re-about .set-guide__base:hover, .re-about .set-guide__base:focus {background:#2189ff; color:#fff;} .re-about .set-guide__base span {font-size:inherit;} .re-about .modal-dim.trans {z-index:301; background:rgba(0, 0, 0, 0.6);} .re-about .modal-layer.set-base-guide {z-index:302; width:960px;} .re-about .modal-layer.set-base-guide .modal-cont {padding:50px; height:700px;} .re-about .modal-layer.set-base-guide .modal-cont__tit {padding-bottom:6px; font-size:24px; border-bottom:2px solid #000;} .re-about .modal-layer.set-base-guide .btn-modal-close {bottom:auto; top:40px; right:40px; left:auto; border-radius:0; transform:none;} .re-about .modal-cont__guide {overflow-y:auto; height:calc(100% - 32px);} /* 240529 추가 s: */ .re-about .modal-cont__guide-wrap:nth-child(1) {padding-top:33px;} .re-about .modal-cont__guide-wrap:nth-child(2) {padding-top:51px; overflow: hidden; } .re-about .modal-cont__guide-wrap > .title { position:relative; display:block; margin-left: 6px; font-size:20px; padding-left:12px; line-height: 20px; } .re-about .modal-cont__guide-wrap > .title::before {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; border:2px solid #2189FF; border-radius:50%; transform:translateY(-50%);} .re-about .modal-cont__guide-wrap > .img01 { width: 819px; height: 213px; margin: 20px auto 0; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_01_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; border-radius: 20px; } .re-about .modal-cont__guide-wrap .desc-wrap { width: 100%; height: fit-content; margin: 18px 0 0 20px; } .re-about .modal-cont__guide-wrap .desc-wrap.type2 { margin: 40px 0 0 20px; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub { position: relative; padding-left: 11px; font-size: 16px; font-weight: 700; line-height: 24px; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub::before { content:""; position:absolute; left:0; top:50%; width:5px; height:5px; border-radius:50%; transform:translateY(-50%); background-color: #000; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list { padding: 6px 0 0 10px; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list { padding: 10px 0 0 10px; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list.type4 { padding: 6px 0 0 10px; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item { position: relative; padding-left: 10px; font-size: 14px; line-height: 22px; letter-spacing: -.03em; font-weight: 400; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item::before { content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 0.1px; background-color: #000; } .re-about .modal-cont__guide-wrap .img-wrap { width: 800px; margin: 17px auto 0; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner { width: 100%; height: fit-content; margin-bottom: 8px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img-title { width: 100%; padding: 13px 0; font-size: 16px; font-weight: 700; line-height: 21px; background-color: #f9f9f9; text-align: center; border-bottom: 1px solid #ddd;} .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img02 { width: 100%; height: 240px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_02_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-caption { display: inline-block; width: 100%; font-size: 12px; line-height: 16px; text-align: center; color: #707070; } .re-about .modal-cont__guide-wrap .img-wrap .img-caption em { font-size: inherit; font-weight: 700; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img03 { width: 100%; height: 287px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_03_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img04 { width: 100%; height: 287px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_04_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img05 { width: 100%; height: 190px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_05_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img06 { width: 100%; height: 190px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_06_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img07 { width: 100%; height: 382px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_07_pc_v1.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img08 { width: 100%; height: 430px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_08_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap.double { display: flex; justify-content: space-between; width: 800px; margin:25px auto 35px; } .re-about .modal-cont__guide-wrap .img-wrap.double.two { display: flex; justify-content: space-between; width: 800px; margin:13px auto 35px; } .re-about .modal-cont__guide-wrap .img-wrap.double .img-item { width: 388px; height: fit-content; } .re-about .modal-cont__guide-wrap .img-wrap.bottom { display: flex; width: 800px; margin: 13px auto 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner{ margin: 0; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-item .desc-link { display: inline-flex; justify-content: center; align-items: center; color: #1b8cff; font-size: inherit; font-weight: 700; border-bottom: 1px solid #1b8cff; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-item .desc-link::after { content: ''; width: 12px; height: 12px; margin-top: 2px; margin-left: 2px; vertical-align: sub; background: url('//images.samsung.com/kdp/static/pcd/dryers/base-guide/new_link.svg') no-repeat center center; background-size: 100% auto; } .bodr-btm{font-weight: 700;border-bottom: 1px solid #555;font-size: inherit;} /* 240529 추가 e: */ /* 세탁기/건조기 직렬설치 가이드 */ .re-about .modal-layer.serial-Kit-wrap {width:868px;} .serial-Kit {padding:40px 16px 24px;} .serial-Kit__tit {padding-bottom:24px; font-size:36px; line-height:1.3; text-align:center;} .serial-Kit__tit span {font-size:inherit; vertical-align :top;} .serial-Kit-scrollWrap {overflow-y:auto; height:600px; padding-bottom:1px;} .serial-Kit__table {width:100%; text-align:center;} .serial-Kit__table .col-width01 {width:calc(202 / 836 * 100%);} .serial-Kit__table .col-width02 {width:calc((100% - (202 / 836 * 100%)) / 2);} .serial-Kit__table .col-width03 {width:calc((100% - (202 / 836 * 100%)) / 2);} .serial-Kit__table thead {background-color:#eee; font-size:16px; line-height:1.2;} .serial-Kit__table thead th {padding:15px 0 13px; vertical-align:middle;} .serial-Kit__table thead th + th {border-left:1px solid #fff;} .serial-Kit__table tbody tr {border-bottom:1px solid #D8D8D8;} .serial-Kit__table tbody tr:nth-child(2n + 2) {background-color:#F7F7F7;} .serial-Kit__table tbody th {padding:20px 0 22px; vertical-align:middle;} .serial-Kit__link {display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; font-size:16px; line-height:1.2;} .serial-Kit__link span {font-size:inherit;} .serial-Kit__link .underline {color:#555; text-decoration:underline; text-underline-offset:5px;} .serial-Kit__table tbody td {padding:26px 0 25px; font-size:14px; border-left:1px solid #D8D8D8; line-height:1.6; vertical-align:middle;} .serial-Kit__desc {margin-top:18px; color:#555; font-size:14px; text-align:center; line-height:1.5;} @media (max-width: 1440px) { .re-about {width:100%;} .re-about__tit {padding:0 1.6667vw;} .re-about__tit__sub {font-size:1.3889vw;} .re-about__tit__txt {margin-top:0.3472vw; font-size:3.3333vw;} .re-about__tit__txt sup {font-size:1.6667vw; vertical-align:1.2500vw;} .re-about__list {margin-top:1.6667vw; padding:0 0.4167vw;} .re-about__list li {padding:2.5000vw 1.2500vw 0;} .re-about__list__btn .pic {height:30.5556vw; border-radius:1.3889vw;} .re-about__list__btn .pic.play::after {width:6.1111vw; height:6.1111vw;} .re-about__list__btn .tag {margin-top:1.3889vw; padding-left:1.3889vw; font-size:1.1111vw;} .re-about__list__btn .tit {margin-top:0.4167vw; padding-left:1.3889vw; font-size:1.6667vw;} .re-about__list__btn .tit .blank {width:1.3889vw; height:1.3889vw;} .re-about__list__btn .desc {margin-top:1.1111vw; padding-left:1.3889vw; font-size:1.0417vw;} /* scroll */ .-scroll::-webkit-scrollbar {width:0.2778vw;} /* modal */ .re-about .modal-layer {width:96.6667vw;} .re-about .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .re-about .modal-cont {height:53.4722vw; border-radius:1.3889vw;} /* tabs */ .re-about .guide-tabs__list-wrap {width:24.3056vw; padding:1.0417vw 1.3889vw 4.1667vw;} .re-about .guide-tabs__list-tit {margin-top:4.931vw; font-size:1.6667vw;} .re-about .guide-tabs__list {margin-top:1.7361vw;} .re-about .guide-tabs__panel-list .guide-tabs__list-tit {margin-top:3.1250vw;} .re-about .guide-tabs__list__btn {width:13.1944vw; height:2.7778vw; font-size:0.9722vw; border-radius:1.3889vw;} .re-about .guide-tabs__list__btn sup {font-size:0.6944vw; vertical-align:0.2083vw;} .re-about .guide-tabs__list__btn + .guide-tabs__list__btn {margin-top:0.6944vw;} .re-about .guide-tabs__panel-wrap {width:calc(100% - 24.3056vw);} .re-about .guide-tabs__panel__tit {height:9.7222vw; font-size:2.7778vw;} .re-about .guide-tabs__panel__tit sup {font-size:1.7361vw; vertical-align:0.6944vw;} .re-about .guide-tabs__panel__cont {height:calc(100% - 9.7222vw); padding:0 3.4722vw 4.1667vw;} .re-about .guide-tabs__panel__cont__list-label {margin-top:2.0833vw; font-size:0.9722vw;} .re-about .guide-tabs__panel__cont__list {margin-top:0.6944vw;} .re-about .guide-tabs__panel__cont__list > li {padding-left:0.6944vw; font-size:0.9722vw; text-indent:-0.6944vw;} .re-about .guide-tabs__panel__cont__list > li sup {font-size:0.6944vw; vertical-align:0.2083vw;} .re-about .guide-tabs__panel__cont__list > li + li {margin-top:0.2083vw;} .re-about .guide-tabs__panel__cont__list .link-list {margin-left:0.3472vw;} .re-about .guide-tabs__panel__cont__list .link-list li + li {margin-left:0.2083vw;} .re-about .guide-tabs__tuto-pc__box {left:4.1667vw; top:4.1667vw;} .re-about .guide-tabs__tuto-pc__box-to {left:4.1667vw; top:31.2500vw;} .re-about .guide-tabs__tuto-pc__flag {width:4.8611vw; height:1.6667vw; font-size:0.8333vw; border-radius:1.3889vw;} .re-about .guide-tabs__tuto-pc__txt {margin-top:0.9722vw; font-size:1.3889vw;} .re-about .guide-tabs__tuto-pc__desc {margin-top:0.8333vw; font-size:1.2500vw;} .re-about .guide-tabs__tuto-pc__obj {width:10.4167vw; height:8.6806vw; margin-top:1.8056vw;} /* tooltip */ .re-about .guide-tabs__panel__cont__list .tooltip__btn {border-bottom:0.1389vw dotted #1b8cff;} .re-about .guide-tabs__panel__cont__list .tooltip__cont {width:22.7778vw; height:25.6944vw; border-radius:0.6944vw;} .re-about .guide-tabs__panel__cont__list .tooltip__cont::before {width:1.3889vw; height:1.3889vw;} .re-about .guide-tabs__panel__cont__list .tooltip__cont::after {width:3.4722vw; height:1.3889vw;} .re-about .guide-tabs__panel__cont__list .tooltip__cont__tit {padding:0.6944vw 0; font-size:1.2500vw;} .re-about .guide-tabs__panel__cont__list .tooltip__cont__img {width:18.0556vw; height:18.0556vw; border:0.1389vw solid #fff;} /* search */ .re-about .modal-layer.dryer-search {width:33.0556vw;} .re-about .modal-layer.dryer-search .btn-modal-close {top:0.3472vw; right:0.3472vw; width:2.7778vw; height:2.7778vw;} .re-about .modal-cont.dryer-search-wrap {height:44.8611vw; padding:1.6667vw;} .re-about .dryer-search__tit {padding:1.6667vw 0 1.1111vw; font-size:1.6667vw;} .re-about .dryer-search__tit sup {font-size:1.1111vw; vertical-align:0.4167vw;} .re-about .dryer-search__box {margin-top:1.1111vw;} .re-about .dryer-search__box input[type=text] {height:3.3333vw; padding:0 1.0417vw; background-size:1.5278vw 1.5278vw; font-size:1.1111vw; border-bottom:0.1389vw solid #000;} .re-about .dryer-search__model {margin-top:1.3889vw;} .re-about .dryer-search__model__table-wrap {height:32.7778vw;} .re-about .dryer-search__model__table thead th {padding:0.4861vw 0 1.1806vw; font-size:1.1111vw;} .re-about .dryer-search__model__table tbody td {height:6.9444vw; font-size:0.9722vw;} .re-about .dryer-search__model__table tbody td img {width:3.5417vw;} /* 설치환경 가이드 */ .re-about .set-guide__base {width:7.5694vw; height:1.8750vw; margin:1.3889vw auto 0; font-size:0.9028vw; border-radius:0.9028vw;} .re-about .modal-layer.set-base-guide {width:66.6667vw;} .re-about .modal-layer.set-base-guide .modal-cont {padding:3.4722vw; height:48.6111vw;} .re-about .modal-layer.set-base-guide .modal-cont__tit {padding-bottom:0.4167vw; font-size:1.6667vw; border-bottom:0.1389vw solid #000;} .re-about .modal-layer.set-base-guide .btn-modal-close {top:2.7778vw; right:2.7778vw;} .re-about .modal-cont__guide {height:calc(100% - 2.2222vw);} /* 240529 추가 s: */ .re-about .modal-cont__guide-wrap:nth-child(1) { padding-top: 2.292vw; } .re-about .modal-cont__guide-wrap:nth-child(2) { padding-top: 3.542vw; } .re-about .modal-cont__guide-wrap > .title { margin-left: 0.417vw; font-size: 1.389vw; padding-left: 0.833vw; line-height: 1.389vw; } .re-about .modal-cont__guide-wrap > .title::before { width: 0.208vw; height: 0.208vw; } .re-about .modal-cont__guide-wrap > .img01 { width: 56.875vw; height: 14.792vw; margin: 1.389vw auto 0; border-radius: 1.389vw; } .re-about .modal-cont__guide-wrap .desc-wrap { margin: 1.250vw 0 0 1.389vw; } .re-about .modal-cont__guide-wrap .desc-wrap.type2 { margin: 2.778vw 0 0 1.389vw; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub { padding-left: 0.764vw; font-size: 1.111vw; line-height: 1.667vw; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub::before { width: 0.347vw; height: 0.347vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list { padding: 0.417vw 0 0 0.694vw; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list { padding: 0.694vw 0 0 0.694vw; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list.type4 { padding: 0.417vw 0 0 0.694vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item { font-size: 0.972vw; line-height: 1.528vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item::before { position: absolute; top: 0.694vw; left: 0; width: 0.347vw; } .re-about .modal-cont__guide-wrap .img-wrap { width: 55.556vw; margin: 1.181vw auto 0; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner { margin-bottom: 0.556vw; border-radius: 0.694vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img-title { padding: 0.903vw 0; font-size: 1.111vw; line-height: 1.458vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img02 { height: 16.667vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-caption { font-size: 0.833vw; line-height: 1.111vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img03 { height: 19.931vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img04 { height: 19.931vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img05 { height: 13.194vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img06 { height: 13.194vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img07 { height: 26.528vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img08 { height: 29.861vw; } .re-about .modal-cont__guide-wrap .img-wrap.double { width: 55.556vw; margin: 1.736vw auto 2.431vw; } .re-about .modal-cont__guide-wrap .img-wrap.double.two { width: 55.556vw; margin: 0.903vw auto 2.431vw; } .re-about .modal-cont__guide-wrap .img-wrap.double .img-item { width: 26.944vw; } .re-about .modal-cont__guide-wrap .img-wrap.bottom { width: 55.556vw; margin: 0.903vw auto 0; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-item .desc-link::after { width: 0.833vw; height: 0.833vw; } /* 240529 추가 e: */ /* 세탁기/건조기 직렬설치 가이드 */ .re-about .modal-layer.serial-Kit-wrap {width:60.2778vw;} .serial-Kit {padding:2.7778vw 1.1111vw 1.6667vw;} .serial-Kit__tit {padding-bottom:1.6667vw; font-size:2.5000vw;} .serial-Kit-scrollWrap {height:41.6667vw;} .serial-Kit__table thead {font-size:1.1111vw;} .serial-Kit__table thead th {padding:1.0417vw 0.9028vw;} .serial-Kit__table tbody th {padding:1.3889vw 0 1.5278vw;} .serial-Kit__link {gap:0.4861vw; font-size:1.1111vw;} .serial-Kit__link .underline {text-underline-offset:0.3472vw;} .serial-Kit__table tbody td {padding:1.8056vw 0 1.7361vw; font-size:0.9722vw;} .serial-Kit__desc {margin-top:1.2500vw; font-size:0.9722vw;} } @media (max-width: 768px) { /** common **/ br.br-pc {display:none;} br.br-mo {display:block;} .re-about__tit {padding:0 6.6667vw;} .re-about__tit__sub {font-size:3.8889vw;} .re-about__tit__txt {margin-top:2.222vw; font-size:7.7778vw;} .re-about__tit__txt sup {font-size:5vw; vertical-align:1.9444vw;} .re-about__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start;} .re-about__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0;} .re-about__list__btn .pic {height:41.1111vw; border-radius:5.5556vw;} .re-about__list__btn .pic.play::after {width:11.111vw; height:11.111vw;} .re-about__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} .re-about__list__btn .tag {margin-top:3.6111vw; padding-left:0; font-size:3.3333vw;} .re-about__list__btn .tit {margin-top:0.8333vw; padding-left:0; font-size:4.4444vw;} .re-about__list__btn .tit .blank {width:3.8889vw; height:3.8889vw;} .re-about__list__btn .desc {margin-top:1.9444vw; padding-left:0; font-size:3.3333vw;} /* scroll */ .-scroll::-webkit-scrollbar {width:1.15vw;} /* modal */ .re-about .modal-layer {top:0; bottom:0; left:0; width:100%; transform:translate(0);} .re-about .modal-layer.-active {display:block;} .re-about .modal-layer .btn-modal-close {bottom:auto; left:auto; top:6.5104vw; right:3.2552vw; width:5.2083vw; height:5.2083vw; background-color:transparent; background-size:3.1250vw 3.1250vw; border-radius:0; transform:translate(0);} .re-about .modal-cont {width:100%; height:100%; padding-top:6.5104vw; background:#fff; border-radius:0;} .re-about .modal-cont.-pc {display:none;} .re-about .modal-cont.-mo {display:block;} .re-about .modal-cont:focus-visible {outline:dashed 0.2604vw #2189ff !important; outline-offset:-0.2604vw;} .re-about .modal-cont__tit {font-size:6.2500vw; text-align:center;} /* tabs */ .re-about .guide-tabs {padding-top:13.0208vw; height:calc(100% + 19.4010vw); flex-direction:column;} .re-about .guide-tabs__list-wrap {overflow-y:inherit; position:relative; width:100%; padding:5.2083vw 4.6875vw 0; border-top:0.1302vw solid #d7d7d7; background:#fff;} .re-about .guide-tabs__list-tit {display:none;} .re-about .guide-tabs__list-result {position:absolute; top:-6.6406vw; left:50%; z-index:10; width:calc(100% - 9.3750vw); background:#fff; border:0.1302vw solid #d7d7d7; transform:translateX(-50%);} .re-about .guide-tabs__list-result sup {font-size:1.9531vw; vertical-align:1.3021vw;} .re-about .guide-tabs__list-result__open {display:flex; position:relative; width:100%; height:11.4583vw; background:#fff; color:#1b8cff; font-size:3.6458vw; font-weight:700; justify-content:center; align-items:center;} .re-about .guide-tabs__list-result__open span {font-size:inherit;} .re-about .guide-tabs__list-result .guide-tabs__list {display:none; position:absolute; top:-0.1302vw; left:50%; z-index:1; width:100%; margin:0; background:#fff; border:0.1302vw solid #d7d7d7; transform:translateX(-50%);} .re-about .guide-tabs__list-result .guide-tabs__list.-active {display:block;} .re-about .guide-tabs__list-result .guide-tabs__list__btn {position:relative; width:100%; height:11.4583vw; padding:0 4.6875vw; color:#666; font-size:3.6458vw; border-radius:0;} .re-about .guide-tabs__list-result .guide-tabs__list__btn.-active {color:#1b8cff; background:#fff;} .re-about .guide-tabs__list-result .guide-tabs__list__btn + .guide-tabs__list__btn {margin:0;} .re-about .guide-tabs__list-result .guide-tabs__list__btn + .guide-tabs__list__btn::before {content:""; position:absolute; top:0; left:50%; width:calc(100% - 9.3750vw); height:0.1302vw; background:#d7d7d7; transform:translateX(-50%);} .re-about .guide-tabs__list-result__ico {position:absolute; top:50%; right:4.6875vw; z-index:2; width:2.3438vw; height:2.3438vw; transform:translateY(-50%); cursor:pointer;} .re-about .guide-tabs__list-result__ico::before, .re-about .guide-tabs__list-result__ico::after {content:""; position:absolute; left:0; top:50%; width:100%; height:0.1302vw; background:#000; transform:translate(0, -50%);} .re-about .guide-tabs__list-result__ico::after {transform:translate(0, -50%) rotate(90deg);} .re-about .guide-tabs__list-result__open.-active ~ .guide-tabs__list-result__ico::after {display:none;} .re-about .guide-tabs__panel-list .guide-tabs__list {display:flex; margin-top:0; align-items:center; justify-content:center;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn {display:flex; position:relative; width:auto; height:16.0156vw; margin:0 auto; background:#fff; color:#666; font-size:3.1250vw; border-radius:0; align-items:center; justify-content:center; flex:1;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn span {position:relative; font-size:inherit;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn sup {font-size:1.9531vw; vertical-align:0.7813vw;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn.-active {background:transparent; color:#000;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn.-active span::after {content:""; position:absolute; left:50%; bottom:-1.3021vw; width:100%; height:0.3906vw; background:#1b8cff; color:#000; transform:translateX(-50%);} .re-about .guide-tabs__panel-list .guide-tabs__list__btn + .guide-tabs__list__btn::before {content:""; position:absolute; left:0; top:50%; width:0.1302vw; height:6.2500vw; margin-top:0; background:#2f2f2f; transform:translateY(-50%);} .re-about .guide-tabs__list-wrap.-nonclick {background-color:#f7f7f7;} .re-about .guide-tabs__list-wrap.-nonclick .guide-tabs__list__btn.-dep02 {pointer-events:none; background-color:#f7f7f7; color:#dbdbdb;} .re-about .guide-tabs__list-wrap.-nonclick .guide-tabs__list__btn.-dep02 {pointer-events:none;} .re-about .guide-tabs__list-wrap.-nonclick .guide-tabs__list__btn.-dep02 + .guide-tabs__list__btn.-dep02::before {background-color:#dbdbdb;} .re-about .guide-tabs__panel-wrap {width:100%; height:calc(100% - 47.1354vw);} .re-about .guide-tabs__panel__tit {display:none;} .re-about .guide-tabs__panel__cont {height:100%; padding:3.6458vw 4.6875vw 7.8125vw;} .re-about .guide-tabs__panel__cont__list-label {display:block; margin-top:5.2083vw; color:#000; font-size:2.6042vw;} .re-about .guide-tabs__panel__cont__list {margin-top:1.6927vw;} .re-about .guide-tabs__panel__cont__list > li {padding-left:1.5625vw; color:#000; font-size:2.6042vw; text-indent:-1.5625vw;} .re-about .guide-tabs__panel__cont__list > li a {font-size:2.6042vw;font-weight: bold;} .re-about .guide-tabs__panel__cont__list > li sup {font-size:1.5625vw; vertical-align:0.6510vw;} .re-about .guide-tabs__panel__cont__list > li + li {margin-top:0.6510vw;} .re-about .guide-tabs__panel__cont__list > li .-link {display:inline-block; font-size:inherit; color:#555; font-weight:700; border-bottom:0.1302vw solid #555; text-indent:0;} .re-about .guide-tabs__panel__cont__list .link-list-wrap {display:block;} .re-about .guide-tabs__panel__cont__list .link-list-wrap > strong {white-space:unset;} .re-about .guide-tabs__panel__cont__list .link-list {margin-left:0; text-indent:0;} .re-about .guide-tabs__panel__cont__list .link-list li + li {margin-left:0.3906vw;} .re-about .guide-tabs__panel__cont__list .link-list li:first-child {margin-left:0.3906vw;} .re-about .guide-tabs__panel__cont__list .link-list li a {display:block; font-size:inherit; font-weight:700; border-bottom:0.1302vw solid #555;} .re-about .guide-tabs__tuto {position:absolute; top:30.5555vw; left:0; width:100%; background-size:100% auto;} .re-about .guide-tabs__tuto-mo {display:block;} .re-about .guide-tabs__tuto-pc {display:none;} .re-about .guide-tabs__tuto-mo__box {position:absolute; left:50%; top:50px; width:100%; text-align:center; transform:translateX(-50%);} .re-about .guide-tabs__tuto-mo__flag {display:inline-flex; width:11.1979vw; height:3.9063vw; color:#fff; font-size:2.0833vw; font-weight:700; background-color:#218aff; border-radius:2.0833vw; align-items:center; justify-content:center;} .re-about .guide-tabs__tuto-mo__txt {margin-top:2.6042vw; font-size:4.1667vw; font-weight:700; line-height:1.25;} .re-about .guide-tabs__tuto-mo__txt b {color:#218aff; font-size:inherit;} .re-about .guide-tabs__tuto-mo__desc {margin-top:1.9531vw; color:#8f8f8f; font-size:2.8646vw; line-height:1.25;} .re-about .guide-tabs__tuto-mo__obj {width:36.8490vw; height:13.1510vw; margin-left:34.2448vw; margin-top:4.9479vw; background-image:url('//images.samsung.com/kdp/static/pcd/common/re/about/guide/obj02_m.jpg'); background-repeat:no-repeat; background-position:left top; background-size:100% auto;} .re-about .guide-tabs__tuto-mo__obj-tab {width:36.8490vw; height:13.1510vw; margin-left:34.2448vw; margin-top:4.9479vw; background-image:url('//images.samsung.com/kdp/static/pcd/common/re/about/guide/obj_m.jpg'); background-repeat:no-repeat; background-position:left top; background-size:100% auto;} /* tooltip */ .re-about .guide-tabs__panel__cont__list .tooltip__btn {display:block; color:#1b8cff; border-bottom:0.2604vw dotted #1b8cff;} .re-about .guide-tabs__panel__cont__list .tooltip__cont {position:absolute; top:0; left:50%; z-index:1; width:42.7083vw; height:48.1771vw; background:#fff; border-radius:1.3021vw; box-shadow:0 0 0.4em 0.2em rgba(0, 0, 0, 0.2); transform:translate(-50%, -80%); visibility:hidden; opacity:0; transition:0.3s;} .re-about .guide-tabs__panel__cont__list .tooltip__cont.-active {transform:translate(-50%, -105%); visibility:visible; opacity:1;} .re-about .guide-tabs__panel__cont__list .tooltip__cont:focus-visible {outline:dashed 0.2604vw #2189ff !important;} .re-about .guide-tabs__panel__cont__list .tooltip__cont::before {content:""; position:absolute; bottom:0; left:50%; width:2.6042vw; height:2.6042vw; background:#fff; transform:translate(-50%, 50%) rotate(45deg); box-shadow:-0.3em -0.3em 0.5em 0.2em rgba(255, 255, 255, 1), 0 0 0.4em 0.2em rgba(0, 0, 0, 0.2);} .re-about .guide-tabs__panel__cont__list .tooltip__cont::after {content:""; position:absolute; bottom:0; left:50%; width:6.5104vw; height:2.6042vw; background:#fff; transform:translateX(-50%);} .re-about .guide-tabs__panel__cont__list .tooltip__cont__tit {display:block; padding:1.3021vw 0; font-size:2.3438vw; border-bottom:0.1302vw solid rgba(0, 0, 0, 0.4); letter-spacing:-0.04em; text-align:center;} .re-about .guide-tabs__panel__cont__list .tooltip__cont__img {position:absolute; left:50%; top:50%; width:33.8542vw; height:33.8542vw; background:#f4f4f4 url("//images.samsung.com/kdp/static/pcd/dryers/set-guide/bspk-grande-ai-2221/tooltip_kit.jpg") no-repeat center / 100% auto; border:0.2604vw solid #fff; border-radius:50%; box-shadow:0.4em 0.4em 0.5em 0.2em rgba(26, 53, 73, 0.1); transform:translate(-50%, -41%);} /* search */ .re-about .modal-layer.dryer-search {width:100%; transform:translate(0);} .re-about .modal-layer.dryer-search .btn-modal-close {bottom:auto; left:auto; top:4.6510vw; right:4.6510vw; width:5.2083vw; height:5.2083vw; background-color:transparent; border-radius:0; transform:translate(0);} .re-about .modal-cont.dryer-search-wrap {height:100%; padding:3.1250vw; border:0.1302vw solid #707070;} .re-about .dryer-search__tit {padding:3.1250vw 0 2.0833vw; font-size:3.1250vw; line-height:1.25; text-align:center;} .re-about .dryer-search__tit sup {font-size:2.0833vw; vertical-align:0.7813vw;} .re-about .dryer-search__box {margin-top:2.0833vw;} .re-about .dryer-search__box input[type=text] {height:6.2500vw; padding:0 1.9531vw; background:url("/sec/static/_images/common/icon-zoom.svg") no-repeat 95% 54% / 2.8646vw 2.8646vw; color:#666; font-size:2.0833vw; border:0; border-bottom:0.2604vw solid #000;} .re-about .dryer-search__model {margin-top:2.6042vw; height:calc(100% - 13.9323vw);} .re-about .dryer-search__model__table-wrap {overflow-y:auto; height:calc(100% - 10.9375vw);} .re-about .dryer-search__model__table {width:100%;} .re-about .dryer-search__model__table .w15 {width:15%;} .re-about .dryer-search__model__table .w20 {width:20%;} .re-about .dryer-search__model__table .w30 {width:30%;} .re-about .dryer-search__model__table .w35 {width:35%;} .re-about .dryer-search__model__table thead {border-bottom:0.1302vw solid #D1D1D1;} .re-about .dryer-search__model__table thead th {padding:0.9115vw 0 2.2135vw; font-size:2.0833vw; text-align:center;} .re-about .dryer-search__model__table tbody tr:nth-child(2n-1) {background:#f7f7f7;} .re-about .dryer-search__model__table tbody td {height:13.0208vw; color:#686868; font-size:1.8229vw; border-bottom:0.1302vw solid #eee; vertical-align:middle; text-align:center;} .re-about .dryer-search__model__table tbody td img {width:6.6406vw;} .re-about .dryer-search__model__table.-list .no-data {display:none;} /* swiper */ .re-about .swiper-basics {overflow-y:auto; height:100%;} .re-about .swiper-basics [class*=swiper-button-] {top:9.1146vw; color:#000;} .re-about .swiper-basics [class*=swiper-button-]::after {font-size:4.9479vw;} .re-about .swiper-basics .swiper-button-disabled {display:none;} .re-about .swiper-basics .swiper-button-next {right:4.6875vw;} .re-about .swiper-basics .swiper-button-prev {left:4.6875vw;} .re-about .swiper-basics .guide-tabs__panel__tit {display:flex; height:18.2292vw; font-size:5.2083vw;} .re-about .swiper-basics .guide-tabs__panel__tit sup {font-size:2.6042vw; vertical-align:1.8229vw;} .re-about .swiper-basics .guide-tabs__panel__cont {padding-top:0;} /* 설치환경 가이드 */ .re-about .set-guide__base {position:absolute; left:50%; top:13.6719vw; width:20.5729vw; height:4.4271vw; margin:0; font-size:2.6042vw; border-radius:2.2135vw; transform:translateX(-50%);} .re-about .modal-dim.trans.-active {display:block;} .re-about .modal-layer.set-base-guide {left:50%; top:0; width:100%; height:100%; transform:translateX(-50%);} .re-about .modal-layer.set-base-guide .modal-cont {height:100%; padding:6.5104vw; border-radius:2.6042vw;} .re-about .modal-layer.set-base-guide .modal-cont__tit {padding-bottom:0.7813vw; font-size:5.556vw; border-bottom:0.2604vw solid #000; text-align:left;} .re-about .modal-layer.set-base-guide .btn-modal-close {top:6.111vw; right:5.2083vw;} .re-about .modal-cont__guide {height:calc(100% - 4.4271vw);} /* 240529 추가 s: */ .re-about .modal-cont__guide-wrap:nth-child(1) { padding-top: 4.726vw; } .re-about .modal-cont__guide-wrap:nth-child(2) { padding-top: 8.209vw; } .re-about .modal-cont__guide-wrap > .title { margin-left: 0; font-size: 3.980vw; padding-left: 2.985vw; line-height: 4.975vw; } .re-about .modal-cont__guide-wrap > .img01 { width: 100%; height: 30.597vw; margin-top: 3.234vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_01_mo.jpg"); border-radius: 4.975vw; background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .desc-wrap { width: unset; margin: 3.483vw 0 0 3.234vw; } .re-about .modal-cont__guide-wrap .desc-wrap.type2 { margin: 9.950vw 0 0 4.975vw; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub { padding-left: 2.736vw; font-size: 3.483vw; line-height: 5.970vw; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub::before { width: 0.746vw; height: 0.746vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list { padding: 1.493vw 0 0 2.488vw; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list { padding: 2.488vw 0 0 2.488vw; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list.type4 { padding: 1.493vw 0 0 2.488vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item { padding-left: 1.741vw; font-size: 2.985vw; line-height: 4.478vw; letter-spacing: -.03em; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item::before { top: 1.990vw; left: 0; width: 0.995vw; height: 0.025vw; } .re-about .modal-cont__guide-wrap .img-wrap { width: 100%; margin: 3.234vw auto 0; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner { width: 100%; margin-bottom: 1.990vw; border-radius: 2.488vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img-title { display: flex; align-items: center; justify-content: center; height: 10.199vw; padding: 0; font-size: 3.483vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img02 { width: 100%; height: 33.085vw; margin-bottom: 0.498vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_02_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-caption { width: 100%; font-size: 2.985vw; line-height: 4.478vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img03 { width: 100%; height: 57.214vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_03_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img04 { width: 100%; height: 57.214vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_04_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img05 { width: 100%; height: 47.264vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_05_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img06 { width: 100%; height: 47.264vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_06_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img07 { width: 100%; height: 61.940vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_07_mo_v1.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img08 { width: 100%; height: 77vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_08_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap.double { flex-wrap: wrap; gap: 12px; width: 100%; margin:16px auto 28px; } .re-about .modal-cont__guide-wrap .img-wrap.double.two { display: flex; justify-content: space-between; width: 100%; margin:13px auto 28px; } .re-about .modal-cont__guide-wrap .img-wrap.double .img-item { width: 100%; height: fit-content; } .re-about .modal-cont__guide-wrap .img-wrap.bottom { display: flex; width: 100%; margin: 13px auto 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner{ margin: 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner .img-title { height: 58px; line-height: 18px; } .re-about .modal-cont__guide-wrap .img-wrap.double { flex-wrap: wrap; gap: 2.985vw; width: 100%; margin: 3.980vw auto 6.965vw; } .re-about .modal-cont__guide-wrap .img-wrap.double.two { display: flex; justify-content: space-between; width: 100%; margin:3.234vw auto 6.965vw; } .re-about .modal-cont__guide-wrap .img-wrap.double .img-item { width: 100%; height: fit-content; } .re-about .modal-cont__guide-wrap .img-wrap.bottom { display: flex; width: 100%; margin: 3.234vw auto 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner { margin: 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner .img-title { height: 14.428vw; line-height: 4.478vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-item .desc-link::after { width: 3.333vw; height: 3.333vw; margin-top: 1px; } /* 240529 추가 e: */ /* 세탁기/건조기 직렬설치 가이드 */ .re-about .modal-layer.serial-Kit-wrap {width:100%;} .serial-Kit {padding:3.3333vw 3.3333vw 3.8889vw;} .serial-Kit__tit {padding-bottom:3.3333vw; font-size:5.5556vw; line-height:1.35;} .serial-Kit__tit span {display:block;} .serial-Kit-scrollWrap {height:calc(100vh - 31vh);} .serial-Kit__table thead {font-size:4.4444vw;} .serial-Kit__table thead th {padding:2.2222vw 0 1.6667vw;} .serial-Kit__table tbody th {padding:9.1667vw 0 9.1667vw;} .serial-Kit__link {gap:3.3333vw; font-size:4.4444vw;} .serial-Kit__link .underline {text-underline-offset:1.3889vw;} .serial-Kit__table tbody td {padding:4.4444vw 0 4.1667vw; font-size:3.8889vw; line-height:1.5;} .serial-Kit__desc {margin-top:4.4444vw; font-size:3.3333vw;} } .re-about .color-indent {display:flex;} .re-about .color-indent__title, .re-about .color-indent__desc {font-size:inherit;} .re-about .color-indent__title {flex-shrink:0;} .re-about .color-indent__desc {flex-grow:1; padding-left:0.2em; text-indent:0;} .re-about .link-none-move {border-bottom-color:transparent !important; pointer-events:none;} .re-about .swiper-button-next:after, .re-about .swiper-button-prev:after {display:block;} .re-about .mo-small-title {display:none;} @media (max-width:800px) { .re-about .mo-small-title {display:inline-block; vertical-align:baseline; font-size:0.69em;} } /* living-install-popup03 */ /* common */ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} .re-about span, .re-about strong {vertical-align:baseline;} .re-about__list__btn.color_blk {color: #000 !important;} /** style **/ .re-about {width:1440px; margin:0 auto;} .re-about__tit {padding:0 24px; line-height:1.3; text-align:center;} .re-about__tit__sub {display:block; font-family:'Samsung Sharp Sans',SamsungOneKorean; font-size:20px; letter-spacing:0.2em;} .re-about__tit__txt {display:block; margin-top:5px; font-size:48px;} .re-about__tit__txt sup {font-family:'Samsung Sharp Sans'; font-size:24px; vertical-align:18px;} .re-about__list {display:flex; margin-top:24px; padding:0 6px; flex-wrap:wrap;} .re-about__list li {width:calc(100% / 3); padding:36px 18px 0;} .re-about__list li.mg-right {margin-left:auto;} .re-about__list li.mg-center {margin-left:auto; margin-right:auto;} .re-about__list__btn {display:block; position:relative; width:100%; text-align:left;} .re-about__list__btn .pic {height:440px; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; border-radius:20px;} .re-about__list__btn .pic.play {position:relative;} .re-about__list__btn .pic.play::after {content:''; position:absolute; top:50%; left:50%; width:88px; height:88px; background:url('/sec/static/_images/component/compo_about_btn_play.png') no-repeat 0 0 / 100% 100%; transform:translate(-50%, -50%);} .re-about__list__btn .pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/eco_calc.jpg");} .re-about__list__btn .pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/washing01_v2.jpg");} .re-about__list__btn .pic03 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/care.jpg");} .re-about__list__btn .pic04 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/about/serial_kit_v2.jpg");} .re-about__list__btn .tag {display:block; margin-top:20px; padding-left:20px; font-size:16px;} .re-about__list__btn .tit {display:inline-block; margin-top:6px; padding-left:20px; font-size:24px; font-weight:700; line-height:1.25;} .re-about__list__btn .tit .blank {display:inline-block; width:20px; height:20px; background:url("/sec/static/_images/component/newwindow-hover.svg") no-repeat left top / 100% 100%;} .re-about__list__btn .desc {margin-top:16px; padding-left:20px; color:#707070; font-size:15px; line-height:1.6;} /* scroll */ .-scroll::-webkit-scrollbar {width:4px; background-color:transparent;} .-scroll::-webkit-scrollbar-button {display:none;} .-scroll::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,0.2);} .-scroll:hover::-webkit-scrollbar-thumb, .-scroll::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} .-scroll:hover {scrollbar-color:rgba(0,0,0,0.5);} /* modal */ body.-has-modal {overflow:hidden;} .re-about .modal-dim {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:200; background:rgba(0, 0, 0, 0.8);} .re-about .modal-dim.-search {z-index:300; background:transparent;} .re-about .modal-dim.-active {display:block;} .re-about .modal-layer {display:none; position:fixed; top:50%; left:50%; width:1392px; transform:translate(-50%, -55%); z-index:300;} .re-about .modal-layer.-active {display:block;} .re-about .modal-layer .btn-modal-close {position:absolute; bottom:0; left:50%; width:40px; height:40px; background:#fff url("//images.samsung.com/kdp/static/common/icon-close.svg") no-repeat center / 14px 14px; border-radius:50%; transform:translate(-50%, 150%);} .re-about .modal-cont {overflow:hidden; position:relative; width:100%; height:770px; background:#fff; border-radius:20px;} .re-about .modal-cont.-mo {display:none;} .re-about .modal-cont:focus-visible {outline:dashed 2px #2189ff !important; outline-offset:-2px;} .re-about .modal-cont iframe {width:100%; height:100%;} .re-about .modal-cont .video-wrap {width:100%; height:100%;} .re-about .modal-cont .video {width:100%; height:100%;} .re-about .modal-cont .video-js.vjs-quality-menu {width:100%; height:100%;} /* tabs */ .re-about ul.bull-asterisk > li {position:relative; padding-left:10px;} .re-about ul.bull-asterisk > li:before {content:"*"; position:absolute; top:2px; left:0; font-size:inherit;} .re-about .mo-show {display:none;} .re-about .guide-tabs {display:flex; height:100%;} .re-about .guide-tabs__list-wrap {overflow-y:auto; width:400px; padding:20px; background:#ECECEC; text-align:center;} .re-about .guide-tabs__list-tit {margin-top:40px; font-size:24px; font-weight:700;} .re-about .guide-tabs__list {margin-top:20px;} .re-about .guide-tabs__panel-list {display:none;} .re-about .guide-tabs__panel-list.-active {display:block;} .re-about .guide-tabs__panel-list .guide-tabs__list-tit {margin-top:45px;} .re-about .guide-tabs__list__btn {display:flex; width:190px; height:43px; margin:0 auto; background:#fff; font-size:16px; font-weight:700; border-radius:20px; text-align:center; align-items:center; justify-content:center;} .re-about .guide-tabs__list [class*=-dep02].small {font-size: 14px;} .re-about .guide-tabs__list__btn span {font-size:inherit;} .re-about .guide-tabs__list__btn sup {font-size:10px; vertical-align:3px;} .re-about .guide-tabs__list__btn.-active {background:#000; color:#fff;} .re-about .guide-tabs__list__btn + .guide-tabs__list__btn {margin-top:10px;} .re-about .guide-tabs__panel-wrap {width:calc(100% - 400px);} .re-about .guide-tabs__panel {display:none; height:100%;} .re-about .guide-tabs__panel.-active {display:block;} .re-about .guide-tabs__panel__tit {display:flex; min-height:140px; padding: 60px 50px 40px; font-size:40px; text-align:center; letter-spacing:-0.04em; justify-content:center; align-items:center;} .re-about .guide-tabs__panel__tit strong {font-size:inherit;} .re-about .guide-tabs__panel__tit sup {font-size:22px; vertical-align:13px;} .re-about .guide-tabs__panel__cont {overflow-y:auto; height:calc(100% - 140px); padding:0 50px 50px;} .re-about .guide-tabs__panel__cont__list-label {display:block; margin-top:30px; color:#555; font-size:14px;} .re-about .guide-tabs__panel__cont__list {margin-top:10px;} .re-about .guide-tabs__panel__cont__list > li {line-height:1.3; color:#555; font-size:14px;} .re-about .guide-tabs__panel__cont__list > li sup {font-size:10px; vertical-align:3px;} .re-about .guide-tabs__panel__cont__list > li + li {margin-top:3px;} .re-about .guide-tabs__panel__cont__list > li .-link {display:inline-block; font-size:inherit; color:#555; font-weight:700; border-bottom:1px solid #555; text-indent:0;} .re-about .guide-tabs__panel__cont__list .link-list-wrap {display:flex; align-items:baseline;} .re-about .guide-tabs__panel__cont__list .link-list-wrap > strong {font-size:inherit; font-weight:400; white-space:nowrap;} .re-about .guide-tabs__panel__cont__list .link-list {margin-left:5px; font-size:inherit; text-indent:0;} .re-about .guide-tabs__panel__cont__list .link-list li {display:inline-block; font-size:inherit;} .re-about .guide-tabs__panel__cont__list .link-list li + li {margin-left:3px;} .re-about .guide-tabs__panel__cont__list .link-list li a {display:block; font-size:inherit; font-weight:700; border-bottom:1px solid #555;} .re-about .guide-tabs__panel__cont__list .red {color:#ff4e18; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .orange {color:#ff8416; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .yellow {color:#efca00; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .green {color:#28c325; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .blue {color:#1b8cff; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .purple {color:#9a2ad4; font-size:inherit; font-weight:700; vertical-align:top;} .re-about .guide-tabs__panel__cont__list .btn-open-modal {color:#1b8cff; font-size: inherit; font-weight:700; border-bottom:1px solid #1b8cff;} .re-about .guide-tabs__panel__cont__list .btn-open-modal span { font-size: inherit; } .re-about .guide-tabs__panel__cont__list .panel__cont__list__link {display: inline-flex; justify-content: center; align-items: center; color: #1b8cff; font-size: inherit; font-weight: 700; border-bottom: 1px solid #1b8cff; } .re-about .guide-tabs__panel__cont__list .panel__cont__list__link::after { content: ''; width: 12px; height: 12px; margin-top: 2px; margin-left: 2px; vertical-align: sub; background: url('//images.samsung.com/kdp/static/pcd/dryers/base-guide/new_link.svg') no-repeat center center; background-size: 100% auto; } .re-about .guide-tabs__tuto {display:none; position:relative; height:100%; background-color:#f7f7f7;} .re-about .guide-tabs__tuto.-active {display:block;} .re-about .guide-tabs__tuto-mo {display:none;} .re-about .guide-tabs__tuto-pc__box {position:absolute; left:60px; top:60px;} .re-about .guide-tabs__tuto-pc__box-to {position:absolute; left:60px; top:295px;} .re-about .guide-tabs__tuto-pc__flag {display:inline-flex; width:70px; height:24px; color:#fff; font-size:12px; font-weight:700; background-color:#218aff; border-radius:20px; align-items:center; justify-content:center;} .re-about .guide-tabs__tuto-pc__txt {margin-top:14px; font-size:20px; font-weight:700; line-height:1.3;} .re-about .guide-tabs__tuto-pc__txt b {color:#218aff; font-size:inherit;} .re-about .guide-tabs__tuto-pc__desc {margin-top:12px; color:#8f8f8f; font-size:18px; line-height:1.3;} .re-about .guide-tabs__tuto-pc__obj {width:150px; height:125px; margin-top:26px; background-image:url('//images.samsung.com/kdp/static/pcd/common/re/about/guide/obj.jpg'); background-repeat:no-repeat; background-position:left top; background-size:100% auto;} /* tooltip */ .re-about .guide-tabs__panel__cont__list .tooltip {display:inline-block; position:relative; font-size:inherit;} .re-about .guide-tabs__panel__cont__list .tooltip__btn {display:block; color:#1b8cff; font-size:inherit; font-weight:700; border-bottom:2px dotted #1b8cff;} .re-about .guide-tabs__panel__cont__list .tooltip__cont {position:absolute; top:0; left:50%; z-index:1; width:328px; height:370px; background:#fff; border-radius:10px; box-shadow:0 0 0.4em 0.2em rgba(0, 0, 0, 0.2); transform:translate(-50%, -80%); visibility:hidden; opacity:0; transition:0.3s;} .re-about .guide-tabs__panel__cont__list .tooltip__cont.-active {transform:translate(-50%, -105%); visibility:visible; opacity:1;} .re-about .guide-tabs__panel__cont__list .tooltip__cont:focus-visible {outline:dashed 2px #2189ff !important;} .re-about .guide-tabs__panel__cont__list .tooltip__cont::before {content:""; position:absolute; bottom:0; left:50%; width:20px; height:20px; background:#fff; transform:translate(-50%, 50%) rotate(45deg); box-shadow:-0.3em -0.3em 0.5em 0.2em rgba(255, 255, 255, 1), 0 0 0.4em 0.2em rgba(0, 0, 0, 0.2);} .re-about .guide-tabs__panel__cont__list .tooltip__cont::after {content:""; position:absolute; bottom:0; left:50%; width:50px; height:20px; background:#fff; transform:translateX(-50%);} .re-about .guide-tabs__panel__cont__list .tooltip__cont__tit {display:block; padding:10px 0; font-size:18px; border-bottom:1px solid rgba(0, 0, 0, 0.4); letter-spacing:-0.04em; text-align:center;} .re-about .guide-tabs__panel__cont__list .tooltip__cont__img {position:absolute; left:50%; top:50%; width:260px; height:260px; background:#f4f4f4 url("//images.samsung.com/kdp/static/pcd/dryers/set-guide/bspk-grande-ai-2221/tooltip_kit.jpg") no-repeat center / 100% auto; border:2px solid #fff; border-radius:50%; box-shadow:0.4em 0.4em 0.5em 0.2em rgba(26, 53, 73, 0.1); transform:translate(-50%, -41%);} .re-about .guide-tabs__panel__cont__list .tooltip__cont__img.-bspk-grande-ai-23 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/set-guide/bspk-grande-ai-23/tooltip_kit.jpg");} /* 설치환경 가이드 */ .re-about .set-guide__base {display:flex; width:109px; height:27px; margin:0 auto 13px; color:#2189ff; font-size:13px; font-weight:700; border:1px solid #2189ff; border-radius:13px; align-items:center; justify-content:center;} .re-about .set-guide__base:hover, .re-about .set-guide__base:focus {background:#2189ff; color:#fff;} .re-about .set-guide__base span {font-size:inherit;} .re-about .modal-dim.trans {z-index:301; background:rgba(0, 0, 0, 0.6);} .re-about .modal-layer.set-base-guide {z-index:302; width:960px;} .re-about .modal-layer.set-base-guide .modal-cont {padding:50px; height:700px;} .re-about .modal-layer.set-base-guide .modal-cont__tit {padding-bottom:6px; font-size:24px; border-bottom:2px solid #000;} .re-about .modal-layer.set-base-guide .btn-modal-close {bottom:auto; top:40px; right:40px; left:auto; border-radius:0; transform:none;} .re-about .modal-cont__guide {overflow-y:auto; height:calc(100% - 32px);} /* .re-about .modal-cont__guide-box {padding-top:30px;} .re-about .modal-cont__guide-box > .tit {display:block; position:relative; font-size:18px; padding-left:12px;} .re-about .modal-cont__guide-box > .tit::before {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; border:2px solid #2189FF; border-radius:50%; transform:translateY(-50%);} */ /* 240529 추가 s: */ .re-about .modal-cont__guide-wrap:nth-child(1) {padding-top:33px;} .re-about .modal-cont__guide-wrap:nth-child(2) {padding-top:51px; overflow: hidden; } .re-about .modal-cont__guide-wrap > .title { position:relative; display:block; margin-left: 6px; font-size:20px; padding-left:12px; line-height: 20px; } .re-about .modal-cont__guide-wrap > .title::before {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; border:2px solid #2189FF; border-radius:50%; transform:translateY(-50%);} .re-about .modal-cont__guide-wrap > .img01 { width: 819px; height: 213px; margin: 20px auto 0; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_01_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; border-radius: 20px; } .re-about .modal-cont__guide-wrap .desc-wrap { width: 100%; height: fit-content; margin: 18px 0 0 20px; } .re-about .modal-cont__guide-wrap .desc-wrap.type2 { margin: 40px 0 0 20px; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub { position: relative; padding-left: 11px; font-size: 16px; font-weight: 700; line-height: 24px; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub::before { content:""; position:absolute; left:0; top:50%; width:5px; height:5px; border-radius:50%; transform:translateY(-50%); background-color: #000; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list { padding: 6px 0 0 10px; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list { padding: 10px 0 0 10px; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list.type4 { padding: 6px 0 0 10px; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item { position: relative; padding-left: 10px; font-size: 14px; line-height: 22px; letter-spacing: -.03em; font-weight: 400; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item::before { content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 0.1px; background-color: #000; } .re-about .modal-cont__guide-wrap .img-wrap { width: 800px; margin: 17px auto 0; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner { width: 100%; height: fit-content; margin-bottom: 8px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img-title { width: 100%; padding: 13px 0; font-size: 16px; font-weight: 700; line-height: 21px; background-color: #f9f9f9; text-align: center; border-bottom: 1px solid #ddd;} .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img02 { width: 100%; height: 240px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_02_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-caption { display: inline-block; width: 100%; font-size: 12px; line-height: 16px; text-align: center; color: #707070; } .re-about .modal-cont__guide-wrap .img-wrap .img-caption em { font-size: inherit; font-weight: 700; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img03 { width: 100%; height: 287px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_03_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img04 { width: 100%; height: 287px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_04_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img05 { width: 100%; height: 190px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_05_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img06 { width: 100%; height: 190px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_06_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img07 { width: 100%; height: 382px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_07_pc_v1.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img08 { width: 100%; height: 430px; background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_08_pc.jpg"); background-size: 100%; background-position: center; background-repeat: no-repeat; } .re-about .modal-cont__guide-wrap .img-wrap.double { display: flex; justify-content: space-between; width: 800px; margin:25px auto 35px; } .re-about .modal-cont__guide-wrap .img-wrap.double.two { display: flex; justify-content: space-between; width: 800px; margin:13px auto 35px; } .re-about .modal-cont__guide-wrap .img-wrap.double .img-item { width: 388px; height: fit-content; } .re-about .modal-cont__guide-wrap .img-wrap.bottom { display: flex; width: 800px; margin: 13px auto 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner{ margin: 0; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-item .desc-link { display: inline-flex; justify-content: center; align-items: center; color: #1b8cff; font-size: inherit; font-weight: 700; border-bottom: 1px solid #1b8cff; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-item .desc-link::after { content: ''; width: 12px; height: 12px; margin-top: 2px; margin-left: 2px; vertical-align: sub; background: url('//images.samsung.com/kdp/static/pcd/dryers/base-guide/new_link.svg') no-repeat center center; background-size: 100% auto; } /* 240529 추가 e: */ /* .re-about .modal-cont__guide-box > .desc {margin-top:18px; font-size:16px; font-weight:700; line-height:1.5;} .re-about .modal-cont__guide-box > .desc span {font-size:inherit;} .re-about .modal-cont__guide-box > .desc .blue {color:#0077FF;} .re-about .modal-cont__guide-box .detail {margin-top:20px; padding:30px; background:#F7F7F7; border:1px solid #ddd; border-radius:20px;} .re-about .modal-cont__guide-box .detail__tit {font-size:13px; font-weight:400;} .re-about .modal-cont__guide-box .detail__tit + .detail__img {margin-top:16px;} .re-about .modal-cont__guide-box .detail__img {display:flex;} .re-about .modal-cont__guide-box .detail__img .pic {background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; border:1px solid #ddd; border-radius:10px;} .re-about .modal-cont__guide-box .detail__img .txt {display:block; margin-top:10px; font-size:12px; font-weight:700; text-align:center;} .re-about .modal-cont__guide-box .detail__img.set {margin:0 -12px;} .re-about .modal-cont__guide-box .detail__img.set li {width:50%; padding:0 12px;} .re-about .modal-cont__guide-box .detail__img.set .pic {height:185px;} .re-about .modal-cont__guide-box .detail__img.set .pic.n01 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/set01-v3.jpg"); background-size:356px auto;} .re-about .modal-cont__guide-box .detail__img.set .pic.n02 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/set02.jpg");} .re-about .modal-cont__guide-box .detail__img.not {margin-left:-5px; margin-right:-5px} .re-about .modal-cont__guide-box .detail__img.not li {width:calc(100% / 6); padding:0 5px;} .re-about .modal-cont__guide-box .detail__img.not .pic {height:125px;} .re-about .modal-cont__guide-box .detail__img.not .pic.n01 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/not01.jpg");} .re-about .modal-cont__guide-box .detail__img.not .pic.n02 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/not02.jpg");} .re-about .modal-cont__guide-box .detail__img.not .pic.n03 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/not03.jpg");} .re-about .modal-cont__guide-box .detail__img.not .pic.n04 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/not04.jpg");} .re-about .modal-cont__guide-box .detail__img.not .pic.n05 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/not05.jpg");} .re-about .modal-cont__guide-box .detail__img.not .pic.n06 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/not06.jpg");} .re-about .modal-cont__guide-box .detail__tip {margin-top:15px;} .re-about .modal-cont__guide-box .detail__tip li {padding-left:10px; font-size:13px; line-height:1.53; text-indent:-10px;} .re-about .modal-cont__guide-box .detail__table {overflow:hidden; width:100%; margin-top:15px; border-radius:20px; text-align:center;} .re-about .modal-cont__guide-box .detail__table .w01 {width:240px;} .re-about .modal-cont__guide-box .detail__table thead {background:#DEEDFF;} .re-about .modal-cont__guide-box .detail__table thead th {padding:15px 16px; color:#444; font-size:16px; font-weight:400;} .re-about .modal-cont__guide-box .detail__table tbody tr + tr {border-top:1px solid #EBEBEB;} .re-about .modal-cont__guide-box .detail__table tbody th, .re-about .modal-cont__guide-box .detail__table tbody td {padding:15px 16px; background:#fff; font-size:16px; font-weight:700;} .re-about .modal-cont__guide-box .detail__table tbody th + td {border-left:1px solid #EBEBEB;} .re-about .modal-cont__guide-box .detail__angle {display:flex; margin-top:25px; align-items:center;} .re-about .modal-cont__guide-box .detail__angle__pic {width:125px; height:190px; background:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/angle.jpg") no-repeat center / 100% 100%; border-radius:10px;} .re-about .modal-cont__guide-box .detail__angle__txt {width:calc(100% - 125px); padding-left:15px;} .re-about .modal-cont__guide-box .detail__angle__txt .desc {font-size:12px; line-height:1.33;} .re-about .modal-cont__guide-box .detail__angle__txt .tip {margin-top:18px; font-size:12px; line-height:1.33;} .re-about .modal-cont__guide-box .detail__angle__txt .tip dt {font-weight:700;} .re-about .modal-cont__guide-box .detail__angle__txt .tip dt, .re-about .modal-cont__guide-box .detail__angle__txt .tip dd {font-size:inherit;} */ /* 세탁기/건조기 직렬설치 가이드 */ .re-about .modal-layer.serial-Kit-wrap {width:868px;} .serial-Kit {padding:40px 16px 24px;} .serial-Kit__tit {padding-bottom:24px; font-size:36px; line-height:1.3; text-align:center;} .serial-Kit__tit span {font-size:inherit; vertical-align:top;} .serial-Kit-scrollWrap {overflow-y:auto; height:600px; padding-bottom:1px;} .serial-Kit__table {width:100%; text-align:center;} .serial-Kit__table .col-width01 {width:calc(202 / 836 * 100%);} .serial-Kit__table .col-width02 {width:calc((100% - (202 / 836 * 100%)) / 2);} .serial-Kit__table .col-width03 {width:calc((100% - (202 / 836 * 100%)) / 2);} .serial-Kit__table thead {background-color:#eee; font-size:16px; line-height:1.2;} .serial-Kit__table thead th {padding:15px 0 13px; vertical-align:middle;} .serial-Kit__table thead th + th {border-left:1px solid #fff;} .serial-Kit__table tbody tr {border-bottom:1px solid #D8D8D8;} .serial-Kit__table tbody tr:nth-child(2n + 2) {background-color:#F7F7F7;} .serial-Kit__table tbody th {padding:20px 0 22px; vertical-align:middle;} .serial-Kit__link {display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; font-size:16px; line-height:1.2;} .serial-Kit__link span {font-size:inherit;} .serial-Kit__link .underline {color: #555; text-decoration:underline; text-underline-offset:5px;} .serial-Kit__table tbody td {padding:26px 0 25px; font-size:14px; border-left:1px solid #D8D8D8; line-height:1.6; vertical-align:middle;} .serial-Kit__desc {margin-top:18px; color:#555; font-size:14px; text-align:center; line-height:1.5;} @media (max-width: 1440px) { .re-about {width:100%;} .re-about__tit {padding:0 1.6667vw;} .re-about__tit__sub {font-size:1.3889vw;} .re-about__tit__txt {margin-top:0.3472vw; font-size:3.3333vw;} .re-about__tit__txt sup {font-size:1.6667vw; vertical-align:1.2500vw;} .re-about__list {margin-top:1.6667vw; padding:0 0.4167vw;} .re-about__list li {padding:2.5000vw 1.2500vw 0;} .re-about__list__btn .pic {height:30.5556vw; border-radius:1.3889vw;} .re-about__list__btn .pic.play::after {width:6.1111vw; height:6.1111vw;} .re-about__list__btn .tag {margin-top:1.3889vw; padding-left:1.3889vw; font-size:1.1111vw;} .re-about__list__btn .tit {margin-top:0.4167vw; padding-left:1.3889vw; font-size:1.6667vw;} .re-about__list__btn .tit .blank {width:1.3889vw; height:1.3889vw;} .re-about__list__btn .desc {margin-top:1.1111vw; padding-left:1.3889vw; font-size:1.0417vw;} /* scroll */ .-scroll::-webkit-scrollbar {width:0.2778vw;} /* modal */ .re-about .modal-layer {width:96.6667vw;} .re-about .modal-layer .btn-modal-close {width:2.7778vw; height:2.7778vw; background-size:0.9722vw 0.9722vw;} .re-about .modal-cont {height:53.4722vw; border-radius:1.3889vw;} /* tabs */ .re-about ul.bull-asterisk > li {padding-left:0.5208vw;} .re-about ul.bull-asterisk > li:before {top:0.1041vw;} .re-about .guide-tabs__list-wrap {width:27.7778vw; padding:1.3889vw;} .re-about .guide-tabs__list-tit {margin-top:2.778vw; font-size:1.6667vw;} .re-about .guide-tabs__list {margin-top:1.3889vw;} .re-about .guide-tabs__panel-list .guide-tabs__list-tit {margin-top:3.125vw;} .re-about .guide-tabs__list__btn {width:13.1944vw; height:2.9861vw; font-size:1.1111vw; border-radius:1.3889vw;} .re-about .guide-tabs__list [class*=-dep02].small {font-size: 0.9722vw;} .re-about .guide-tabs__list__btn sup {font-size:0.6944vw; vertical-align:0.2083vw;} .re-about .guide-tabs__list__btn + .guide-tabs__list__btn {margin-top:0.6944vw;} .re-about .guide-tabs__panel-wrap {width:calc(100% - 27.7778vw);} .re-about .guide-tabs__panel__tit {min-height:9.7222vw; padding: 4.1667vw 3.4722vw 2.7778vw; font-size:2.7778vw;} .re-about .guide-tabs__panel__tit sup {font-size:1.5278vw; vertical-align:0.9028vw;} .re-about .guide-tabs__panel__cont {height:calc(100% - 9.7222vw); padding:0 3.4722vw 3.4722vw;} .re-about .guide-tabs__panel__cont__list-label {margin-top:2.0833vw; font-size:0.9722vw;} .re-about .guide-tabs__panel__cont__list {margin-top:0.6944vw;} .re-about .guide-tabs__panel__cont__list > li {font-size:0.9722vw;} .re-about .guide-tabs__panel__cont__list > li sup {font-size:0.6944vw; vertical-align:0.2083vw;} .re-about .guide-tabs__panel__cont__list > li + li {margin-top:0.2083vw;} .re-about .guide-tabs__panel__cont__list .link-list {margin-left:0.3472vw;} .re-about .guide-tabs__panel__cont__list .link-list li + li {margin-left:0.2083vw;} .re-about .guide-tabs__panel__cont__list .panel__cont__list__link::after { width: 0.833vw; height: 0.833vw; margin-top: 0; } .re-about .guide-tabs__tuto-pc__box {left:4.1667vw; top:4.1667vw;} .re-about .guide-tabs__tuto-pc__box-to {left:4.1667vw; top:20.4861vw;} .re-about .guide-tabs__tuto-pc__flag {width:4.8611vw; height:1.6667vw; font-size:0.8333vw; border-radius:1.3889vw;} .re-about .guide-tabs__tuto-pc__txt {margin-top:0.9722vw; font-size:1.3889vw;} .re-about .guide-tabs__tuto-pc__desc {margin-top:0.8333vw; font-size:1.2500vw;} .re-about .guide-tabs__tuto-pc__obj {width:10.4167vw; height:8.6806vw; margin-top:1.8056vw;} /* tooltip */ .re-about .guide-tabs__panel__cont__list .tooltip__btn {border-bottom:0.1389vw dotted #1b8cff;} .re-about .guide-tabs__panel__cont__list .tooltip__cont {width:22.7778vw; height:25.6944vw; border-radius:0.6944vw;} .re-about .guide-tabs__panel__cont__list .tooltip__cont::before {width:1.3889vw; height:1.3889vw;} .re-about .guide-tabs__panel__cont__list .tooltip__cont::after {width:3.4722vw; height:1.3889vw;} .re-about .guide-tabs__panel__cont__list .tooltip__cont__tit {padding:0.6944vw 0; font-size:1.2500vw;} .re-about .guide-tabs__panel__cont__list .tooltip__cont__img {width:18.0556vw; height:18.0556vw; border:0.1389vw solid #fff;} /* 설치환경 가이드 */ .re-about .set-guide__base {width:7.5694vw; height:1.8750vw; margin:0 auto 0.9027vw; font-size:0.9028vw; border-radius:0.9028vw;} .re-about .modal-layer.set-base-guide {width:66.6667vw;} .re-about .modal-layer.set-base-guide .modal-cont {padding:3.4722vw; height:48.6111vw;} .re-about .modal-layer.set-base-guide .modal-cont__tit {padding-bottom:0.4167vw; font-size:1.6667vw; border-bottom:0.1389vw solid #000;} .re-about .modal-layer.set-base-guide .btn-modal-close {top:2.7778vw; right:2.7778vw;} .re-about .modal-cont__guide {height:calc(100% - 2.2222vw);} /* .re-about .modal-cont__guide-box {padding-top:2.0833vw;} .re-about .modal-cont__guide-box > .tit {font-size:1.2500vw; padding-left:0.8333vw;} .re-about .modal-cont__guide-box > .tit::before {width:0.2083vw; height:0.2083vw; border:0.1389vw solid #2189FF;} .re-about .modal-cont__guide-box > .desc {margin-top:1.2500vw; font-size:1.1111vw;} .re-about .modal-cont__guide-box .detail {margin-top:1.3889vw; padding:2.0833vw; border-radius:1.3889vw;} .re-about .modal-cont__guide-box .detail__tit {font-size:0.9028vw;} .re-about .modal-cont__guide-box .detail__tit + .detail__img {margin-top:1.1111vw;} .re-about .modal-cont__guide-box .detail__img .pic {border-radius:0.6944vw;} .re-about .modal-cont__guide-box .detail__img .txt {margin-top:0.6944vw; font-size:0.8333vw;} .re-about .modal-cont__guide-box .detail__img.set {margin:0 -0.8333vw;} .re-about .modal-cont__guide-box .detail__img.set li {padding:0 0.8333vw;} .re-about .modal-cont__guide-box .detail__img.set .pic {height:12.8472vw;} .re-about .modal-cont__guide-box .detail__img.set .pic.n01 {background-size:24.7222vw auto;} .re-about .modal-cont__guide-box .detail__img.not {margin-left:-0.3472vw; margin-right:-0.3472vw} .re-about .modal-cont__guide-box .detail__img.not li {padding:0 0.3472vw;} .re-about .modal-cont__guide-box .detail__img.not .pic {height:8.6806vw;} .re-about .modal-cont__guide-box .detail__tip {margin-top:1.0417vw;} .re-about .modal-cont__guide-box .detail__tip li {padding-left:0.6944vw; font-size:0.9028vw; text-indent:-0.6944vw;} .re-about .modal-cont__guide-box .detail__table {margin-top:1.0417vw; border-radius:1.3889vw;} .re-about .modal-cont__guide-box .detail__table .w01 {width:16.6667vw;} .re-about .modal-cont__guide-box .detail__table thead th {padding:1.0417vw 1.1111vw; font-size:1.1111vw;} .re-about .modal-cont__guide-box .detail__table tbody th, .re-about .modal-cont__guide-box .detail__table tbody td {padding:1.0417vw 1.1111vw; font-size:1.1111vw;} .re-about .modal-cont__guide-box .detail__angle {margin-top:1.7361vw;} .re-about .modal-cont__guide-box .detail__angle__pic {width:8.6806vw; height:13.1944vw; border-radius:0.6944vw;} .re-about .modal-cont__guide-box .detail__angle__txt {width:calc(100% - 8.6806vw); padding-left:1.0417vw;} .re-about .modal-cont__guide-box .detail__angle__txt .desc {font-size:0.8333vw; line-height:1.33;} .re-about .modal-cont__guide-box .detail__angle__txt .tip {margin-top:1.2500vw; font-size:0.8333vw;} */ /* 240529 추가 s: */ .re-about .modal-cont__guide-wrap:nth-child(1) { padding-top: 2.292vw; } .re-about .modal-cont__guide-wrap:nth-child(2) { padding-top: 3.542vw; } .re-about .modal-cont__guide-wrap > .title { margin-left: 0.417vw; font-size: 1.389vw; padding-left: 0.833vw; line-height: 1.389vw; } .re-about .modal-cont__guide-wrap > .title::before { width: 0.208vw; height: 0.208vw; } .re-about .modal-cont__guide-wrap > .img01 { width: 56.875vw; height: 14.792vw; margin: 1.389vw auto 0; border-radius: 1.389vw; } .re-about .modal-cont__guide-wrap .desc-wrap { margin: 1.250vw 0 0 1.389vw; } .re-about .modal-cont__guide-wrap .desc-wrap.type2 { margin: 2.778vw 0 0 1.389vw; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub { padding-left: 0.764vw; font-size: 1.111vw; line-height: 1.667vw; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub::before { width: 0.347vw; height: 0.347vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list { padding: 0.417vw 0 0 0.694vw; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list { padding: 0.694vw 0 0 0.694vw; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list.type4 { padding: 0.417vw 0 0 0.694vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item { font-size: 0.972vw; line-height: 1.528vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item::before { position: absolute; top: 0.694vw; left: 0; width: 0.347vw; } .re-about .modal-cont__guide-wrap .img-wrap { width: 55.556vw; margin: 1.181vw auto 0; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner { margin-bottom: 0.556vw; border-radius: 0.694vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img-title { padding: 0.903vw 0; font-size: 1.111vw; line-height: 1.458vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img02 { height: 16.667vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-caption { font-size: 0.833vw; line-height: 1.111vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img03 { height: 19.931vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img04 { height: 19.931vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img05 { height: 13.194vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img06 { height: 13.194vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img07 { height: 26.528vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img08 { height: 29.861vw; } .re-about .modal-cont__guide-wrap .img-wrap.double { width: 55.556vw; margin: 1.736vw auto 2.431vw; } .re-about .modal-cont__guide-wrap .img-wrap.double.two { width: 55.556vw; margin: 0.903vw auto 2.431vw; } .re-about .modal-cont__guide-wrap .img-wrap.double .img-item { width: 26.944vw; } .re-about .modal-cont__guide-wrap .img-wrap.bottom { width: 55.556vw; margin: 0.903vw auto 0; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-item .desc-link::after { width: 0.833vw; height: 0.833vw; } /* 240529 추가 e: */ /* 세탁기/건조기 직렬설치 가이드 */ .re-about .modal-layer.serial-Kit-wrap {width:60.2778vw;} .serial-Kit {padding:2.7778vw 1.1111vw 1.6667vw;} .serial-Kit__tit {padding-bottom:1.6667vw; font-size:2.5000vw;} .serial-Kit-scrollWrap {height:41.6667vw;} .serial-Kit__table thead {font-size:1.1111vw;} .serial-Kit__table thead th {padding:1.0417vw 0.9028vw;} .serial-Kit__table tbody th {padding:1.3889vw 0 1.5278vw;} .serial-Kit__link {gap:0.4861vw; font-size:1.1111vw;} .serial-Kit__link .underline {text-underline-offset:0.3472vw;} .serial-Kit__table tbody td {padding:1.8056vw 0 1.7361vw; font-size:0.9722vw;} .serial-Kit__desc {margin-top:1.2500vw; font-size:0.9722vw;} } @media (max-width: 768px) { /** common **/ br.br-pc {display:none;} br.br-mo {display:block;} .re-about__tit {padding:0 6.6667vw;} .re-about__tit__sub {font-size:3.8889vw;} .re-about__tit__txt {margin-top:2.222vw; font-size:7.7778vw;} .re-about__tit__txt sup {font-size:5vw; vertical-align:1.9444vw;} .re-about__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start;} .re-about__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0;} .re-about__list__btn .pic {height:41.1111vw; border-radius:5.5556vw;} .re-about__list__btn .pic.play::after {width:11.111vw; height:11.111vw;} .re-about__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} .re-about__list__btn .tag {margin-top:3.6111vw; padding-left:0; font-size:3.3333vw;} .re-about__list__btn .tit {margin-top:0.8333vw; padding-left:0; font-size:4.4444vw;} .re-about__list__btn .tit .blank {width:3.8889vw; height:3.8889vw;} .re-about__list__btn .desc {margin-top:1.9444vw; padding-left:0; font-size:3.3333vw;} /* scroll */ .-scroll::-webkit-scrollbar {width:1.15vw;} /* modal */ .re-about .modal-layer {top:0; bottom:0; left:0; width:100%; transform:translate(0);} .re-about .modal-layer.-active {display:block;} .re-about .modal-layer .btn-modal-close {bottom:auto; left:auto; top:6.5104vw; right:3.2552vw; width:5.2083vw; height:5.2083vw; background-color:transparent; background-size:3.1250vw 3.1250vw; border-radius:0; transform:translate(0);} .re-about .modal-cont {width:100%; height:100%; padding-top:6.5104vw; background:#fff; border-radius:0;} .re-about .modal-cont.-pc {display:none;} .re-about .modal-cont.-mo {display:block;} .re-about .modal-cont:focus-visible {outline:dashed 0.2604vw #2189ff !important; outline-offset:-0.2604vw;} .re-about .modal-cont__tit {font-size:6.2500vw; text-align:center;} /* tabs */ .re-about ul.bull-asterisk > li {padding-left:2.7777vw;} .re-about ul.bull-asterisk > li:before {top:1px;} .re-about .mo-show {display:block;} .re-about .guide-tabs {padding-top:13.0208vw; height:calc(100% + 19.4010vw); flex-direction:column;} .re-about .guide-tabs__list-wrap {overflow-y:inherit; position:relative; width:100%; padding:5.2083vw 4.6875vw 0; border-top:0.1302vw solid #d7d7d7; background:#fff;} .re-about .guide-tabs__list [class*=-dep02].small {font-size: 3.1250vw;} .re-about .guide-tabs__list-tit {display:none;} .re-about .guide-tabs__list-result {position:absolute; top:-6.6406vw; left:50%; z-index:10; width:calc(100% - 9.3750vw); background:#fff; border:0.1302vw solid #d7d7d7; transform:translateX(-50%);} .re-about .guide-tabs__list-result sup {font-size:1.9531vw; vertical-align:1.3021vw;} .re-about .guide-tabs__list-result__open {display:flex; position:relative; width:100%; height:11.4583vw; background:#fff; color:#1b8cff; font-size:3.6458vw; font-weight:700; justify-content:center; align-items:center;} .re-about .guide-tabs__list-result__open span {font-size:inherit;} .re-about .guide-tabs__list-result .guide-tabs__list {display:none; position:absolute; top:-0.1302vw; left:50%; z-index:1; width:100%; margin:0; background:#fff; border:0.1302vw solid #d7d7d7; transform:translateX(-50%);} .re-about .guide-tabs__list-result .guide-tabs__list.-active {display:block;} .re-about .guide-tabs__list-result .guide-tabs__list__btn {position:relative; width:100%; height:11.4583vw; padding:0 4.6875vw; color:#666; font-size:3.6458vw; border-radius:0;} .re-about .guide-tabs__list-result .guide-tabs__list__btn.-active {color:#1b8cff; background:#fff;} .re-about .guide-tabs__list-result .guide-tabs__list__btn + .guide-tabs__list__btn {margin:0;} .re-about .guide-tabs__list-result .guide-tabs__list__btn + .guide-tabs__list__btn::before {content:""; position:absolute; top:0; left:50%; width:calc(100% - 9.3750vw); height:0.1302vw; background:#d7d7d7; transform:translateX(-50%);} .re-about .guide-tabs__list-result__ico {position:absolute; top:50%; right:4.6875vw; z-index:2; width:2.3438vw; height:2.3438vw; transform:translateY(-50%); cursor:pointer;} .re-about .guide-tabs__list-result__ico::before, .re-about .guide-tabs__list-result__ico::after {content:""; position:absolute; left:0; top:50%; width:100%; height:0.1302vw; background:#000; transform:translate(0, -50%);} .re-about .guide-tabs__list-result__ico::after {transform:translate(0, -50%) rotate(90deg);} .re-about .guide-tabs__list-result__open.-active ~ .guide-tabs__list-result__ico::after {display:none;} .re-about .guide-tabs__panel-list .guide-tabs__list {display:flex; margin-top:0; align-items:center; justify-content:start;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn {display:flex; position:relative; width:33.3%; height:16.0156vw; margin:0 auto; background:#fff; color:#666; font-size:3.3854vw; border-radius:0; align-items:center; justify-content:center; line-height: 1.2;} /* 추가 */ .re-about .guide-tabs__panel-list .guide-tabs__list__btn50{width: 50%;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn span {position:relative; font-size:inherit;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn sup {font-size:1.9531vw; vertical-align:0.7813vw;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn.-active {background:transparent; color:#000;} .re-about .guide-tabs__panel-list .guide-tabs__list__btn.-active span::after {content:""; position:absolute; left:50%; bottom:-1.3021vw; width:100%; height:0.3906vw; background:#1b8cff; color:#000; transform:translateX(-50%);} .re-about .guide-tabs__panel-list .guide-tabs__list__btn + .guide-tabs__list__btn::before {content:""; position:absolute; left:0; top:50%; width:0.1302vw; height:3.9063vw; margin-top:0; background:#2f2f2f; transform:translateY(-50%);} /* swiper */ .re-about .guide-tabs__panel-list [class*=swiper-button-] {display:block; overflow:hidden; top:0; width:3.9063vw; height:100%; margin:0; color:transparent;} .re-about .guide-tabs__panel-list [class*=swiper-button-]::after {display:block; position:absolute; top:50%; left:50%; width:2.3438vw; height:2.3438vw; font-size:1px;} .re-about .guide-tabs__panel-list .swiper-button-next {right:0;} .re-about .guide-tabs__panel-list .swiper-button-next::after {border-right:0.2604vw solid #000; border-bottom:0.2604vw solid #000; transform:translate(-90%, -50%) rotate(-45deg);} .re-about .guide-tabs__panel-list .swiper-button-prev {left:0;} .re-about .guide-tabs__panel-list .swiper-button-prev::after {border-top:0.2604vw solid #000; border-left:0.2604vw solid #000; transform:translate(-10%, -50%) rotate(-45deg);} .re-about .guide-tabs__list-wrap.-nonclick {background-color:#f7f7f7;} .re-about .guide-tabs__list-wrap.-nonclick .guide-tabs__list__btn.-dep02 {pointer-events:none; background-color:#f7f7f7; color:#dbdbdb;} .re-about .guide-tabs__list-wrap.-nonclick .guide-tabs__list__btn.-dep02 {pointer-events:none;} .re-about .guide-tabs__list-wrap.-nonclick .guide-tabs__list__btn.-dep02 + .guide-tabs__list__btn.-dep02::before {background-color:#dbdbdb;} .re-about .guide-tabs__panel-wrap {width:100%; height:calc(100% - 47.1354vw);} .re-about .guide-tabs__panel__tit {display:none;} .re-about .guide-tabs__panel__cont {height:100%; padding:3.6458vw 4.6875vw 7.8125vw;} .re-about .guide-tabs__panel__cont__list-label {display:block; margin-top:5.2083vw; color:#000; font-size:2.6042vw;} .re-about .guide-tabs__panel__cont__list {margin-top:1.6927vw;} .re-about .guide-tabs__panel__cont__list > li {color:#000; font-size:2.6042vw;} .re-about .guide-tabs__panel__cont__list > li sup {font-size:1.5625vw; vertical-align:0.6510vw;} .re-about .guide-tabs__panel__cont__list > li + li {margin-top:0.6510vw;} .re-about .guide-tabs__panel__cont__list > li .-link {display:inline-block; font-size:inherit; color:#555; font-weight:700; border-bottom:0.1302vw solid #555; text-indent:0;} .re-about .guide-tabs__panel__cont__list .link-list-wrap {display:block;} .re-about .guide-tabs__panel__cont__list .link-list-wrap > strong {white-space:unset;} .re-about .guide-tabs__panel__cont__list .link-list {margin-left:0; text-indent:0;} .re-about .guide-tabs__panel__cont__list .link-list li + li {margin-left:0.3906vw;} .re-about .guide-tabs__panel__cont__list .link-list li:first-child {margin-left:0.3906vw;} .re-about .guide-tabs__panel__cont__list .link-list li a {display:block; font-size:inherit; font-weight:700; border-bottom:0.1302vw solid #555;} .re-about .guide-tabs__tuto {position:absolute; top:30.5555vw; left:0; width:100%; background-size:100% auto;} .re-about .guide-tabs__tuto-mo {display:block;} .re-about .guide-tabs__tuto-pc {display:none;} .re-about .guide-tabs__tuto-mo__box {position:absolute; left:50%; top:50px; width:100%; text-align:center; transform:translateX(-50%);} .re-about .guide-tabs__tuto-mo__flag {display:inline-flex; width:11.1979vw; height:3.9063vw; color:#fff; font-size:2.0833vw; font-weight:700; background-color:#218aff; border-radius:2.0833vw; align-items:center; justify-content:center;} .re-about .guide-tabs__tuto-mo__txt {margin-top:2.6042vw; font-size:4.1667vw; font-weight:700; line-height:1.25;} .re-about .guide-tabs__tuto-mo__txt b {color:#218aff; font-size:inherit;} .re-about .guide-tabs__tuto-mo__desc {margin-top:1.9531vw; color:#8f8f8f; font-size:2.8646vw; line-height:1.25;} .re-about .guide-tabs__tuto-mo__obj {width:36.8490vw; height:13.1510vw; margin-left:34.2448vw; margin-top:4.9479vw; background-image:url('//images.samsung.com/kdp/static/pcd/common/re/about/guide/obj02_m.jpg'); background-repeat:no-repeat; background-position:left top; background-size:100% auto;} .re-about .guide-tabs__tuto-mo__obj-tab {width:36.8490vw; height:13.1510vw; margin-left:34.2448vw; margin-top:4.9479vw; background-image:url('//images.samsung.com/kdp/static/pcd/common/re/about/guide/obj_m.jpg'); background-repeat:no-repeat; background-position:left top; background-size:100% auto;} .re-about .guide-tabs__panel__cont__list .panel__cont__list__link::after { width: 2.222vw; height: 2.222vw; margin-top: 0; } /* tooltip */ .re-about .guide-tabs__panel__cont__list .tooltip__btn {display:block; color:#1b8cff; border-bottom:0.2604vw dotted #1b8cff;} .re-about .guide-tabs__panel__cont__list .tooltip__cont {position:absolute; top:0; left:50%; z-index:1; width:42.7083vw; height:48.1771vw; background:#fff; border-radius:1.3021vw; box-shadow:0 0 0.4em 0.2em rgba(0, 0, 0, 0.2); transform:translate(-50%, -80%); visibility:hidden; opacity:0; transition:0.3s;} .re-about .guide-tabs__panel__cont__list .tooltip__cont.-active {transform:translate(-50%, -105%); visibility:visible; opacity:1;} .re-about .guide-tabs__panel__cont__list .tooltip__cont:focus-visible {outline:dashed 0.2604vw #2189ff !important;} .re-about .guide-tabs__panel__cont__list .tooltip__cont::before {content:""; position:absolute; bottom:0; left:50%; width:2.6042vw; height:2.6042vw; background:#fff; transform:translate(-50%, 50%) rotate(45deg); box-shadow:-0.3em -0.3em 0.5em 0.2em rgba(255, 255, 255, 1), 0 0 0.4em 0.2em rgba(0, 0, 0, 0.2);} .re-about .guide-tabs__panel__cont__list .tooltip__cont::after {content:""; position:absolute; bottom:0; left:50%; width:6.5104vw; height:2.6042vw; background:#fff; transform:translateX(-50%);} .re-about .guide-tabs__panel__cont__list .tooltip__cont__tit {display:block; padding:1.3021vw 0; font-size:2.3438vw; border-bottom:0.1302vw solid rgba(0, 0, 0, 0.4); letter-spacing:-0.04em; text-align:center;} .re-about .guide-tabs__panel__cont__list .tooltip__cont__img {position:absolute; left:50%; top:50%; width:33.8542vw; height:33.8542vw; background:#f4f4f4 url("//images.samsung.com/kdp/static/pcd/dryers/set-guide/bspk-grande-ai-2221/tooltip_kit.jpg") no-repeat center / 100% auto; border:0.2604vw solid #fff; border-radius:50%; box-shadow:0.4em 0.4em 0.5em 0.2em rgba(26, 53, 73, 0.1); transform:translate(-50%, -41%);} /* swiper */ .re-about .swiper-basics {overflow-y:auto; height:100%;} .re-about .swiper-basics [class*=swiper-button-] {top:9.1146vw; color:#000;} .re-about .swiper-basics [class*=swiper-button-]::after {font-size:4.9479vw;} .re-about .swiper-basics .swiper-button-disabled {display:none;} .re-about .swiper-basics .swiper-button-next {right:4.6875vw;} .re-about .swiper-basics .swiper-button-prev {left:4.6875vw;} .re-about .swiper-basics .guide-tabs__panel__tit {display:flex; height:18.2292vw; font-size:5.2083vw;} .re-about .swiper-basics .guide-tabs__panel__tit sup {font-size:2.6042vw; vertical-align:1.8229vw;} .re-about .swiper-basics .guide-tabs__panel__cont {padding-top:0;} /* 설치환경 가이드 */ .re-about .set-guide__base {position:absolute; left:50%; top:13.6719vw; width:20.5729vw; height:4.4271vw; margin:0; font-size:2.6042vw; border-radius:2.2135vw; transform:translateX(-50%);} .re-about .modal-dim.trans.-active {display:block;} .re-about .modal-layer.set-base-guide {left:50%; top:0; width:100%; height:100%; transform:translateX(-50%);} .re-about .modal-layer.set-base-guide .modal-cont {height:100%; padding:6.5104vw 24px; border-radius:2.6042vw;} .re-about .modal-layer.set-base-guide .modal-cont__tit {padding-bottom:0.7813vw; font-size:5.556vw; border-bottom:0.2604vw solid #000; text-align:left;} .re-about .modal-layer.set-base-guide .btn-modal-close {top:6.111vw; right:5.2083vw;} .re-about .modal-cont__guide {height:calc(100% - 4.4271vw);} /* .re-about .modal-cont__guide-box {padding-top:2.8646vw;} .re-about .modal-cont__guide-box > .tit {font-size:2.8646vw; padding-left:1.5625vw;} .re-about .modal-cont__guide-box > .tit::before {width:0.3906vw; height:0.3906vw; border:0.2604vw solid #2189FF;} .re-about .modal-cont__guide-box > .desc {margin-top:2.3438vw; font-size:2.3438vw;} .re-about .modal-cont__guide-box .detail {margin-top:2.6042vw; padding:3.9063vw; border-radius:2.6042vw;} .re-about .modal-cont__guide-box .detail__tit {font-size:2.3438vw;} .re-about .modal-cont__guide-box .detail__tit + .detail__img {margin-top:2.0833vw;} .re-about .modal-cont__guide-box .detail__img {display:flex; flex-wrap:wrap;} .re-about .modal-cont__guide-box .detail__img .pic {border-radius:1.3021vw;} .re-about .modal-cont__guide-box .detail__img .txt {margin-top:1.3021vw; font-size:2.3438vw;} .re-about .modal-cont__guide-box .detail__img.set {margin:0;} .re-about .modal-cont__guide-box .detail__img.set li {width:100%; padding:0;} .re-about .modal-cont__guide-box .detail__img.set li + li {margin-top:2.0833vw;} .re-about .modal-cont__guide-box .detail__img.set .pic {height:22.2656vw;} .re-about .modal-cont__guide-box .detail__img.set .pic.n01 {background-size:52.6042vw auto;} .re-about .modal-cont__guide-box .detail__img.set .pic.n02 {background-image:url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/set02_m.jpg");} .re-about .modal-cont__guide-box .detail__img.not {margin-left:-0.7813vw; margin-right:-0.7813vw} .re-about .modal-cont__guide-box .detail__img.not li {width:calc(100% / 3); padding:0 0.7813vw;} .re-about .modal-cont__guide-box .detail__img.not .pic {height:18.2292vw;} .re-about .modal-cont__guide-box .detail__tip {margin-top:2.0833vw;} .re-about .modal-cont__guide-box .detail__tip li {padding-left:1.3021vw; font-size:2.3438vw; text-indent:-1.3021vw;} .re-about .modal-cont__guide-box .detail__table {margin-top:1.9531vw; border-radius:2.6042vw;} .re-about .modal-cont__guide-box .detail__table .w01 {width:20.5729vw;} .re-about .modal-cont__guide-box .detail__table thead th {padding:1.9531vw 2.0833vw; font-size:2.3438vw;} .re-about .modal-cont__guide-box .detail__table tbody th, .re-about .modal-cont__guide-box .detail__table tbody td {padding:1.9531vw 2.0833vw; font-size:2.3438vw;} .re-about .modal-cont__guide-box .detail__angle {margin-top:3.2552vw;} .re-about .modal-cont__guide-box .detail__angle__pic {width:17.5781vw; height:33.5938vw; border-radius:1.3021vw;} .re-about .modal-cont__guide-box .detail__angle__txt {width:calc(100% - 17.5781vw); padding-left:1.9531vw;} .re-about .modal-cont__guide-box .detail__angle__txt .desc {font-size:2.0833vw;} .re-about .modal-cont__guide-box .detail__angle__txt .tip {margin-top:3.2552vw; font-size:2.0833vw;} */ /* 240529 추가 s: */ .re-about .modal-cont__guide-wrap:nth-child(1) { padding-top: 4.726vw; } .re-about .modal-cont__guide-wrap:nth-child(2) { padding-top: 8.209vw; } .re-about .modal-cont__guide-wrap > .title { margin-left: 0; font-size: 3.980vw; padding-left: 2.985vw; line-height: 4.975vw; } .re-about .modal-cont__guide-wrap > .img01 { width: 100%; height: 30.597vw; margin-top: 3.234vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_01_mo.jpg"); border-radius: 4.975vw; background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .desc-wrap { width: unset; margin: 3.483vw 0 0 3.234vw; } .re-about .modal-cont__guide-wrap .desc-wrap.type2 { margin: 9.950vw 0 0 4.975vw; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub { padding-left: 2.736vw; font-size: 3.483vw; line-height: 5.970vw; } .re-about .modal-cont__guide-wrap .desc-wrap .title-sub::before { width: 0.746vw; height: 0.746vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list { padding: 1.493vw 0 0 2.488vw; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list { padding: 2.488vw 0 0 2.488vw; } .re-about .modal-cont__guide-wrap .desc-wrap.double .desc-list.type4 { padding: 1.493vw 0 0 2.488vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item { padding-left: 1.741vw; font-size: 2.985vw; line-height: 4.478vw; letter-spacing: -.03em; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-list .desc-item::before { top: 1.990vw; left: 0; width: 0.995vw; height: 0.025vw; } .re-about .modal-cont__guide-wrap .img-wrap { width: 100%; margin: 3.234vw auto 0; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner { width: 100%; margin-bottom: 1.990vw; border-radius: 2.488vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img-title { display: flex; align-items: center; justify-content: center; height: 10.199vw; padding: 0; font-size: 3.483vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img02 { width: 100%; height: 33.085vw; margin-bottom: 0.498vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_02_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-caption { width: 100%; font-size: 2.985vw; line-height: 4.478vw; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img03 { width: 100%; height: 57.214vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_03_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img04 { width: 100%; height: 57.214vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_04_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img05 { width: 100%; height: 47.264vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_05_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img06 { width: 100%; height: 47.264vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_06_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img07 { width: 100%; height: 61.940vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_07_mo_v1.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap .img-inner .img08 { width: 100%; height: 77vw; background-image: url("//images.samsung.com/kdp/static/pcd/dryers/base-guide/notice_pop_08_mo.jpg"); background-size: 100% 100%; } .re-about .modal-cont__guide-wrap .img-wrap.double { flex-wrap: wrap; gap: 12px; width: 100%; margin:16px auto 28px; } .re-about .modal-cont__guide-wrap .img-wrap.double.two { display: flex; justify-content: space-between; width: 100%; margin:13px auto 28px; } .re-about .modal-cont__guide-wrap .img-wrap.double .img-item { width: 100%; height: fit-content; } .re-about .modal-cont__guide-wrap .img-wrap.bottom { display: flex; width: 100%; margin: 13px auto 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner{ margin: 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner .img-title { height: 58px; line-height: 18px; } .re-about .modal-cont__guide-wrap .img-wrap.double { flex-wrap: wrap; gap: 2.985vw; width: 100%; margin: 3.980vw auto 6.965vw; } .re-about .modal-cont__guide-wrap .img-wrap.double.two { display: flex; justify-content: space-between; width: 100%; margin:3.234vw auto 6.965vw; } .re-about .modal-cont__guide-wrap .img-wrap.double .img-item { width: 100%; height: fit-content; } .re-about .modal-cont__guide-wrap .img-wrap.bottom { display: flex; width: 100%; margin: 3.234vw auto 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner { margin: 0; } .re-about .modal-cont__guide-wrap .img-wrap.bottom .img-inner .img-title { height: 14.428vw; line-height: 4.478vw; } .re-about .modal-cont__guide-wrap .desc-wrap .desc-item .desc-link::after { width: 3.333vw; height: 3.333vw; margin-top: 1px; } /* 240529 추가 e: */ /* 세탁기/건조기 직렬설치 가이드 */ .re-about .modal-layer.serial-Kit-wrap {width:100%;} .serial-Kit {padding:3.3333vw 3.3333vw 3.8889vw;} .serial-Kit__tit {padding-bottom:3.3333vw; font-size:5.5556vw; line-height:1.35;} .serial-Kit__tit span {display:block;} .serial-Kit-scrollWrap {height:calc(100vh - 31vh);} .serial-Kit__table thead {font-size:4.4444vw;} .serial-Kit__table thead th {padding:2.2222vw 0 1.6667vw;} .serial-Kit__table tbody th {padding:9.1667vw 0 9.1667vw;} .serial-Kit__link {gap:3.3333vw; font-size:4.4444vw;} .serial-Kit__link .underline {text-underline-offset:1.3889vw;} .serial-Kit__table tbody td {padding:4.4444vw 0 4.1667vw; font-size:3.8889vw; line-height:1.5;} .serial-Kit__desc {margin-top:4.4444vw; font-size:3.3333vw;} } /* living-install-popup04 */ /* common */ .sec-pc-show {display:block !important;} .sec-mo-show {display:none !important;} .bullet-asterisk > li {position:relative;} .bullet-asterisk > li::before {content:'* ';} .bullet-dash > li {position:relative;} .bullet-dash > li::before {content:'- ';} .bullet-dot > li {position:relative;} .bullet-dot > li::before {content:'· ';} @media screen and (max-width: 768px) { .sec-pc-show {display:none !important;} .sec-mo-show {display:block !important;} } .tab__wrap {max-width: 96.6666vw; margin: 0 auto; padding-top: 5.5556vw;} .tab__title {font-size: 3.3333vw; text-align: center; line-height: 1.2;} /* .tab__title__br {display: block; font-size: inherit;} */ .tab__container {margin-top: 2.6rem;} .tab__list {list-style-type: none; display: flex; padding: .5rem 0; align-items: center;} .tab__button {flex: 1; box-sizing: border-box; padding: 1rem 0; border: 1px solid #ebebeb; color: #c0c0c0; text-align: center; line-height: 1.4; border-left: none;} .tab__button:first-child {border-left: 1px solid #ebebeb; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .tab__button:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px;} .tab__button-active {background-color: #313131; color: #fff;} .tab__button--step {display: block; font-size: 1.1111vw; font-weight: 700; letter-spacing: .05rem;} .tab__button--check {font-size: 1.5277vw; line-height: 1.5;} .tab__panel {display: none; box-sizing: border-box; padding: 3rem 0;} .tab__panel img {width: 100%;} .tab__panel-active {display: block;} .tab__disc {margin-top: 2.5rem; text-align: center; line-height: 1.5;} .tab__disc li {font-size: 0.8333vw;} @media (min-width: 1440px) { .tab__wrap {max-width:1392px; padding-top: 80px;} .tab__title {font-size: 48px;} .tab__button--step {font-size: 16px;} .tab__button--check {font-size: 22px;} .tab__disc li {font-size: 12px;} } @media (max-width: 768px) { .tab__wrap {max-width: 100%; padding:0 3.3333vw; padding-top: 10vw; margin-bottom: 7.5vw;} .tab__container {margin-top: 1.6rem;} .tab__list {align-items: stretch;} .tab__title {font-size: 6.6667vw;} .tab__button {padding: 0.5rem 0;} .tab__button:first-child {border-top-left-radius: 20px; border-bottom-left-radius: 20px;} .tab__button:last-child {border-top-right-radius: 20px; border-bottom-right-radius: 20px;} .tab__button--step {font-size: 2.75vw;} .tab__button--check {font-size: 4vw;} .tab__panel {padding: 1.5rem 0;} .tab__disc {margin-top: 3rem;} .tab__disc ul {padding: 0 1.5rem;} .tab__disc li {font-size: 3.3333vw;} /* 230822 타이틀 크기 변경 */ .tab__title--compoSize{font-size: 10vw; line-height: 1.16;} } /* living-install-popup05 */ /** common **/ br.br-pc {display:block;} br.br-mo {display:none;} .font-sans {font-family:'Samsung Sharp Sans',SamsungOneKorean;} .font-sans * {font-family:inherit;} .pd-tb-60 {padding:60px 0;} .pd-tb-80 {padding:80px 0;} /** style **/ .re-tip {width:1440px; margin:0 auto;} .re-tip__tit {padding:0 24px; font-size:48px; line-height:1.3; text-align:center;} .re-tip__tit span {font-size:inherit;} .re-tip__list {display:flex; margin-top:60px; padding:0 12px; justify-content:center;} .re-tip__list li {width:calc(100% / 4); padding:0 12px; } .re-tip__list__btn {display:block; position:relative; width:100%; height:390px; background-repeat:no-repeat; background-position:left top; background-size:cover; border-radius:20px; box-shadow:0 0.06em 0.2em 0.06em rgba(0, 0, 0, 0.2);} .re-tip__list__btn.pic01 {background-image:url("//images.samsung.com/kdp/static/pcd/air-dresser/re/tip01.jpg");} .re-tip__list__btn.pic02 {background-image:url("//images.samsung.com/kdp/static/pcd/common/re/tip/care.jpg");} .re-tip__list__btn .txt {display:block; position:absolute; top:312px; left:0; width:100%; color:#555; font-size:22px; font-weight:700; line-height:1.36; text-align:center;} .re-tip__list__btn .txt.color-white {color:#eee;} @media (max-width: 1440px) { .re-tip {width:100%;} .re-tip__tit {padding:0 1.6667vw; font-size:3.3333vw;} .re-tip__list {margin-top:4.1667vw; padding:0 0.8333vw;} .re-tip__list li {padding:0 0.8333vw; } .re-tip__list__btn {height:27.0833vw; border-radius:1.3889vw;} .re-tip__list__btn .txt {top:21.6667vw; font-size:1.5278vw;} } @media (max-width: 768px) { .re-tip__tit {padding:0 6.6667vw; font-size:7.7778vw;} .re-tip__list {margin-top:3.8889vw; padding:0 4.4444vw; justify-content:flex-start; flex-wrap:wrap;} .re-tip__list li {width:calc(100% / 2); padding:4.4444vw 2.2222vw 0; } .re-tip__list__btn {height:48.8889vw; border-radius:5.5556vw;} .re-tip__list__btn .txt {top:38.0556vw; font-size:3.3333vw;} } .isguide-wrap {position: relative; margin: 0 auto; max-width: 1440px; } .isguide-wrap .isguide-img .img-mo {display: none;} .isguide-wrap .isguide-img .img-pc {display: block; width:100%;} .isguide-wrap .isguide-cont {display: table; position: absolute; top: 0; right: 120px; height: 100%;} .isguide-wrap .isguide-info {display: table-cell; vertical-align: middle;} .isguide-wrap .isguide-info .tit {padding-bottom: 14px; font-size: 48px; line-height: 1.25; font-weight: bold;} .isguide-wrap .isguide-info .txt {padding-bottom: 40px; font-size: 16px; line-height: 1.5;} .isguide-wrap .isguide-info .box-btns > ul > li button {border-color: #212425; padding-left: 24px; padding-right: 24px; background: #212425;} #popupIsGuide1 {max-width: 1392px; padding: 0;} #popupIsGuide1 .pc-guide-view {overflow: hidden; display: block; border-radius: 20px;} #popupIsGuide1 .mo-guide-view {display: none;} #popupIsGuide1 .pc-guide-view > .layer-header {display: none;} #popupIsGuide1 > .layer-content {overflow: hidden; border-radius: 20px;} #popupIsGuide1 > .layer-content sup {margin-left: 0; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean';} #popupIsGuide1 .pc-guide-view .layer-content {max-height: calc(100vh - 180px);} #popupIsGuide1 #guide-subtab0 {display: block;} #popupIsGuide1 #guide-subtab-subtab0 {display: block;} #popupIsGuide1 .pc-guide-view .nav-cont {overflow-y: auto; float: left; padding: 60px 30px 0; width: 350px; height: calc(100vh - 180px); background-color: #ECECEC; text-align: center;} #popupIsGuide1 .pc-guide-view .nav-cont:after {content: ''; clear: both; display: block; padding-bottom: 60px; width: 100%; height: 0;} #popupIsGuide1 .pc-guide-view .nav-cont {scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.2); scrollbar-base-color:transparent; scrollbar-face-color:#ccc; scrollbar-highlight-color:transparent; scrollbar-track-color:transparent; scrollbar-arrow-color:#fff; scrollbar-shadow-color:#ccc;} #popupIsGuide1 .pc-guide-view .nav-cont::-webkit-scrollbar {width:4px; background-color:transparent;} #popupIsGuide1 .pc-guide-view .nav-cont::-webkit-scrollbar-button {display:none;} #popupIsGuide1 .pc-guide-view .nav-cont::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,.2);} #popupIsGuide1 .pc-guide-view .nav-cont:hover::-webkit-scrollbar-thumb, #popupIsGuide1 .pc-guide-view .nav-cont::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} #popupIsGuide1 .pc-guide-view .nav-cont:hover {scrollbar-color:rgba(0,0,0,.5);} #popupIsGuide1 .nav-cont > h3, #popupIsGuide1 .nav-cont > h4 {padding-bottom: 27px; font-size: 24px; line-height: 1.25; text-align: center;} #popupIsGuide1 .nav-cont > h4 {padding-top: 47px;} /* #popupIsGuide1 .nav-cont > h4:last-of-type {display: none;} */ #popupIsGuide1 .nav-cont .guide-select-tab > a {display: inline-block; width: 194px; padding: 0 10px; font-size: 16px;} #popupIsGuide1 .nav-cont .guide-select-tab > a.active {background-color: #000; color: #fff; border: none;} #popupIsGuide1 .nav-cont .guide-select-tab > a.font-line {padding: 4px 10px; line-height: 1.1; font-size: 14px;} #popupIsGuide1 .nav-cont .guide-select-tab > a + a {margin-top: 17px;} #popupIsGuide1 .nav-cont .guide-select-tab > a > sup {font-size: 10px; vertical-align: 4px;} #popupIsGuide1 .nav-cont .guide-select-tab > a.font-line > sup {font-size: 10px;} #popupIsGuide1 .nav-cont .guide-subtab {display: none;} #popupIsGuide1 .nav-cont .guide-subtab > a {display: inline-block; padding: 0; width: 194px; font-size: 16px;} #popupIsGuide1 .nav-cont .guide-subtab > a.active {background-color: #000; color: #fff; border: none;} #popupIsGuide1 .nav-cont .guide-subtab > a + a {margin-top: 17px;} #popupIsGuide1 .nav-cont .guide-subtab > a > sup {font-size: 10px; vertical-align: 4px;} #popupIsGuide1 .nav-cont .guide-subtab-subtab {display: none;} #popupIsGuide1 .nav-cont .guide-subtab-subtab > a {display: inline-block; width: 194px; padding: 0 10px; font-size: 16px;} #popupIsGuide1 .nav-cont .guide-subtab-subtab > a.active {background-color: #000; color: #fff; border: none;} #popupIsGuide1 .nav-cont .guide-subtab-subtab > a + a {margin-top: 17px;} #popupIsGuide1 .set-guide-contents {display: none; overflow-y: auto; float: left; padding: 58px 0 30px; width: calc(100% - 350px); max-height: calc(100vh - 180px);} #popupIsGuide1 .set-guide-contents {scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.2); scrollbar-base-color:transparent; scrollbar-face-color:#ccc; scrollbar-highlight-color:transparent; scrollbar-track-color:transparent; scrollbar-arrow-color:#fff; scrollbar-shadow-color:#ccc;} #popupIsGuide1 .set-guide-contents::-webkit-scrollbar {width:4px; background-color:transparent;} #popupIsGuide1 .set-guide-contents::-webkit-scrollbar-button {display:none;} #popupIsGuide1 .set-guide-contents::-webkit-scrollbar-thumb {border-radius:2em; background-color:rgba(0,0,0,.2);} #popupIsGuide1 .set-guide-contents:hover::-webkit-scrollbar-thumb, #popupIsGuide1 .set-guide-contents::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.5);} #popupIsGuide1 .set-guide-contents:hover {scrollbar-color:rgba(0,0,0,.5);} #popupIsGuide1 .set-guide-contents > .tit {padding-bottom: 44px; font-size: 48px; line-height: 1.25; font-weight: bold; text-align: center; word-break: keep-all;} #popupIsGuide1 .set-guide-contents > .tit > sup {font-size: 24px; vertical-align: 18px;} #popupIsGuide1 .set-guide-contents > .guide-img {display: block; margin: 0 auto; width: 940px;} #popupIsGuide1 .set-guide-contents > .note-wrap {padding: 40px 50px 30px;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont {display: inline-block; width: 100%; vertical-align: top;} #popupIsGuide1 .set-guide-contents > .note-wrap.column2 .note-cont {width: 48%;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont:nth-child(2) {margin-left: 3%;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .note-tit {padding-bottom: 8px; font-size: 14px; font-weight: bold; color: #555; line-height: 1.4;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li {padding-left: 9px; text-indent: -9px; font-size: 14px; line-height: 1.4; color: #555;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li > span {font-weight: bold; color: #2188FF; border-bottom: 1px solid #2188FF; font-size: 14px;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li > sup {font-size: 10px; vertical-align: 3px;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li:before {content: '* ';} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li a {text-decoration: underline; letter-spacing: -0.005em; color: #2188FF; font-size: 14px; font-weight: bold;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li .btn-go {color: #555;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li .btn-kit {position: relative;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li .btn-kit .tooltip-popup {display: block; visibility: hidden; opacity: 0; position: absolute; bottom: 149%; left: -162%; width: 334px; height: 392px; box-sizing: border-box; cursor: default; transform: translate3d(0, 5%, 0); transition-property: opacity,visibility,transform; transition-duration: 0.35s;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li .btn-kit .tooltip-popup strong {position: absolute; top: 0; left: 0; width: 91%; line-height: 54px; text-align: center; letter-spacing: -.04em; color: #363636;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li .btn-kit.on .tooltip-popup {visibility: visible; opacity: 1; transform:translate3d(0, 0, 0);} #mask[data-mask-target="popDryerSearch"] {display: none;} .pop-search-dryer {left: 62%; top: calc(53% - 25px); padding: 24px; max-width: 476px; border: 1px solid #707070;} .pop-search-dryer .layer-header {margin-bottom: 16px; border-bottom-width: 0;} .pop-search-dryer .layer-header h2 {padding: 24px 22px 16px 0; font-size: 24px; line-height: 1.25; text-align: center;} .pop-search-dryer .layer-header h2 sup {font-size: 16px; vertical-align: 6px;} .pop-search-dryer .search-sec{position:relative;text-align:center} .pop-search-dryer .search-sec input[type=text]{width:88.3%;height:48px;padding:0 15px;border-bottom:2px solid #000;border-width:0 0 2px 0;background:url("/sec/static/_images/common/icon-zoom.svg") no-repeat 95% 54%;background-size:22px 22px;font-size:16px;color:#686868} .pop-search-dryer .search-sec input[type=text]::-ms-clear{display:none} .pop-search-dryer .model-list{width:88.3%;margin:20px auto 0} .pop-search-dryer .model-list .top-list{position:relative;border-bottom:1px solid #D1D1D1} .pop-search-dryer .model-list .top-list:after{content:'';display:block;position:absolute;top:0;right:0;width:17px;height:100%;background:#FFF} .pop-search-dryer .model-list .top-list>div{overflow:hidden} .pop-search-dryer .model-list .top-list table th{text-align:center;padding:7px 0 17px;font-size:16px;color:#000} .pop-search-dryer .model-list .btm-list{-webkit-overflow-scrolling:touch;overflow-y:auto;height:372px} .pop-search-dryer .model-list table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse} .pop-search-dryer .model-list table tbody tr:nth-child(2n-1){background-color:#f7f7f7} .pop-search-dryer .model-list .w25{width:25%} .pop-search-dryer .model-list .w30{width:30%} .pop-search-dryer .model-list .w15{width:15%} .pop-search-dryer .model-list .w35{width:30%} .pop-search-dryer .model-list .w20{width:25%} .pop-search-dryer .model-list tbody td{height:100px;border-bottom:1px solid #EEE;text-align:center;font-size:14px;color:#686868;vertical-align: middle;} .pop-search-dryer .model-list tbody td img{width:51px;max-width:100%} .pop-search-dryer tr.disable, .pop-search-dryer tr.not-search{display:none} .pop-search-dryer .pop-close {bottom: auto; top: 20px; left: auto; right: 0; border: none} @media screen and (max-width: 1440px) { .isguide-wrap {max-width: 100%;} .isguide-wrap .isguide-cont {right: 8.333vw;} .isguide-wrap .isguide-info .tit {padding-bottom: 0.972vw; font-size: 3.333vw;} .isguide-wrap .isguide-info .txt {padding-bottom: 2.778vw; font-size: 1.111vw;} .isguide-wrap .isguide-info .box-btns > ul > li button {padding-left: 1.6667vw; padding-right: 1.6667vw;} #popupIsGuide1 {max-width: 96.667vw;} #popupIsGuide1 > .layer-content {border-radius: 1.389vw;} #popupIsGuide1 .pc-guide-view .nav-cont {padding: 4.167vw 1.389vw 0; width: 24.306vw; height: calc(100vh - 23.333vw);} #popupIsGuide1 .nav-cont:after {padding-bottom: 4.167vw;} #popupIsGuide1 .nav-cont > h3, #popupIsGuide1 .nav-cont > h4 {padding-bottom: 1.875vw; font-size: 1.667vw;} #popupIsGuide1 .nav-cont > h4 {padding-top: 3.264vw;} /* #popupIsGuide1 .nav-cont > h4:last-of-type {display: none;} */ #popupIsGuide1 .nav-cont .pop-nec-info {margin-top: 5.347vw; font-size: 0.972vw; border-bottom-color: #2188FF;} #popupIsGuide1 .nav-cont .guide-select-tab > a {width: 13.472vw; padding: 0 0.69vw; font-size: 1.111vw;} #popupIsGuide1 .nav-cont .guide-select-tab > a.font-line {padding: 0.28vw 0.69vw; font-size: 0.97vw;} #popupIsGuide1 .nav-cont .guide-select-tab > a + a {margin-top: 1.181vw;} #popupIsGuide1 .nav-cont .guide-select-tab > a > sup {font-size: 0.694vw; vertical-align: 0.278vw;} #popupIsGuide1 .nav-cont .guide-select-tab > a.font-line > sup {font-size: 0.69vw;} #popupIsGuide1 .nav-cont .guide-subtab > a {width: 13.472vw; font-size: 1.111vw;} #popupIsGuide1 .nav-cont .guide-subtab > a + a {margin-top: 1.181vw;} #popupIsGuide1 .nav-cont .guide-subtab > a > sup {font-size: 0.694vw; vertical-align: 0.278vw;} #popupIsGuide1 .nav-cont .guide-subtab-subtab > a {width: 13.472vw; padding: 0 0.69vw; font-size: 1.111vw;} #popupIsGuide1 .nav-cont .guide-subtab-subtab > a + a {margin-top: 1.181vw;} #popupIsGuide1 .nav-cont .guide-subtab-subtab > a > sup {font-size: 0.694vw; vertical-align: 0.278vw;} #popupIsGuide1 .set-guide-contents {padding: 4.028vw 0 2.083vw; width: calc(100% - 24.306vw); max-height: calc(100vh - 23.333vw);} #popupIsGuide1 .set-guide-contents::-webkit-scrollbar {width:0.278vw;} #popupIsGuide1 .set-guide-contents::-webkit-scrollbar-thumb {border-radius:2em;} #popupIsGuide1 .set-guide-contents > .tit {padding-bottom: 3.056vw; font-size: 3.333vw;} #popupIsGuide1 .set-guide-contents > .tit > sup {font-size: 1.667vw; vertical-align: 1.25vw;} #popupIsGuide1 .set-guide-contents > .guide-img {width: 65.278vw;} #popupIsGuide1 .set-guide-contents > .note-wrap {padding: 2.778vw 3.472vw 2.083vw;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .note-tit {padding-bottom: 0.556vw;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li {padding-left: 0.625vw; text-indent: -0.625vw;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li > span {border-bottom: 0.069vw solid #2188FF;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li > sup {font-size: 0.694vw; vertical-align: 0.208vw;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li a {font-size: 0.97vw;} .pop-search-dryer .search-sec input[type=text]{height:3.333vw;padding:0 1.042vw;border-bottom:0.139vw solid #000;border-width:0 0 0.139vw 0;background-size:1.528vw 1.528vw;font-size:1.111vw;} .pop-search-dryer .model-list{width:88.3%;margin:1.389vw auto 0} .pop-search-dryer .model-list .top-list{border-bottom:0.069vw solid #D1D1D1} .pop-search-dryer .model-list .top-list:after{top:0;right:0;width:1.181vw;} .pop-search-dryer .model-list .top-list table th{padding:0.486vw 0 1.181vw;font-size:1.111vw;} .pop-search-dryer .model-list .btm-list{height:25.833vw} .pop-search-dryer .model-list tbody td{height:6.944vw;border-bottom:0.069vw solid #EEE;font-size:0.972vw;} .pop-search-dryer .model-list tbody td img{width:3.542vw;} .pop-search-dryer .pop-close {top: 1.389;} } @media screen and (max-width: 1100px) { .isguide-wrap .isguide-info .box-btns > ul > li button {padding-left: 2.1818vw; padding-right: 2.1818vw;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .note-tit {font-size: 1.272vw;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li {font-size: 1.172vw;} } @media screen and (max-width: 768px) { .isguide-wrap {max-width: 100%; text-align: center;} .isguide-wrap .isguide-img .img-mo {display: block; width: 100%} .isguide-wrap .isguide-img .img-pc {display: none;} .isguide-wrap .isguide-cont {position: relative; left: 0; width: 100%;} .isguide-wrap .isguide-info .tit {position: absolute; top: -70px; left: 0; width: 100%; color: #fff; font-size: 24px;} .isguide-wrap .isguide-info .txt {padding: 24px 0 40px; font-size: 16px;} .isguide-wrap .box-btns .btn {font-size: 16px; letter-spacing: -0.05em;} .isguide-wrap .isguide-info .box-btns > ul > li button {padding-left: 24px; padding-right: 24px;} #popupIsGuide1 .pc-guide-view {display: none;} #popupIsGuide1 .mo-guide-view {display: block; height: 100vh; background-color: #f7f7f7;} #popupIsGuide1 .mo-guide-view > .layer-header {display: block; margin-top: 0; margin-bottom: 0; padding-top: 27px; padding-bottom: 33px; padding-left: 16px; border-bottom: none;} #popupIsGuide1 .mo-guide-view > .layer-header > h2 {padding-bottom: 0; font-size: 6.25vw; line-height: 1.3; font-weight: bold; text-align: center;} #popupIsGuide1 .mo-guide-view > .layer-content {overflow-y: auto;} #popupIsGuide1 .mo-guide-view > .layer-content:after {content: ''; display: block; clear: both;} .mo-guide-view .layer-content .pick-cate .guide-select-tab-mo {overflow: hidden; display: flex; flex-wrap: nowrap;} .mo-guide-view .layer-content .pick-cate .guide-select-tab-mo > li {width: 34%; vertical-align: top; box-sizing: border-box;} .mo-guide-view .layer-content .pick-cate .guide-select-tab-mo > li a {display: flex; justify-content: center; align-items: center; height: 10.807vw; text-align: center; line-height: 1; background: none; font-weight: bold; border: 1px solid #d7d7d7; border-left: 0; color: #797979; font-size: 3.125vw;} .mo-guide-view .layer-content .pick-cate .guide-select-tab-mo > li.on a {color: #1b8cff; border-bottom-color: #fff; background: #FFF;} .mo-guide-view .layer-content .pick-cate .guide-select-tab-mo > li a span {font-size: 3.125vw;} .mo-guide-view .layer-content .pick-cate .guide-select-tab-mo > li a span sup {position: relative; top: -.8vw; font-size: 1.8229vw;} .mo-guide-view .layer-content .pick-detail {background-color: #fff;} .mo-guide-view .layer-content .pick-detail .airdresser-container {visibility: hidden; height: 0;} .mo-guide-view .layer-content .pick-detail .airdresser-container.on {visibility: visible; height: auto; width: 100%;} .mo-guide-view .layer-content .pick-detail .dryer-general > li {text-align: center;} .mo-guide-view .layer-content .pick-detail .dryer-general > li + li:after {content: ''; display: block; position: absolute; top: 7.031vw; left: 0; width: 1px; height: 3.906vw; background: #2f2f2f;} .mo-guide-view .layer-content .pick-detail .dryer-general > li.no-line:after {width: 0;} .mo-guide-view .layer-content .pick-detail .dryer-general > li a {display: flex; justify-content: center; align-items: center; height: 16.927vw; background: #fff; vertical-align: middle; line-height: 1.1; color: #666; outline: 0; font-weight: bold; font-size: 3.645vw;} .mo-guide-view .layer-content .pick-detail .dryer-general > li a span {font-size: 3.645vw;} .mo-guide-view .layer-content .pick-detail .dryer-general > li.on a {color: #000;} .mo-guide-view .layer-content .pick-detail .dryer-general > li.on span {position: relative;} .mo-guide-view .layer-content .pick-detail .dryer-general > li.on span:after {content: ''; display: block; position: absolute; bottom: -1.181vw; right: 0; background: #1b8cff; width: 100%; height: 0.391vw;} .mo-guide-view .layer-content .cont-wrap {display: none; padding: 0 0 5.859vw;} .mo-guide-view .layer-content .cont-wrap.on {display: block;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cont-tit {box-sizing: border-box; min-height: 17.1875vw; padding-top: 5.2083vw; text-align: center; font-weight: bold; font-size: 5.208vw; color: #000; letter-spacing: -.04em;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cont-tit sup {position: relative; top: -1.3396vw; font-size: 3.2552vw;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt {box-sizing: border-box; padding: 0 1.3888vw;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt > p {margin-bottom: 1.3021vw; line-height: 3.4vw; font-size: 2.6042vw; text-align: center;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt > p sup {position: relative; top: -0.5396vw; font-size: 1.5625vw;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt > p a {color: #1B8CFF; font-size: 2.6042vw;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt > p a.cm_tooltip_txt {position: static; background-size: 0.651vw auto; background: url('//images.samsung.com/kdp/editor/common/202011/0d2d8fa1-edb8-4fab-8934-e84cf3ad39f6.gif') 0 110% repeat-x;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt > p a.cm_link_txt {position: relative; display: inline-block; color: #000;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt > p a.cm_link_txt:after {content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 1px; background: #000;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt > p a.btn-dryer {position: relative; display: inline-block; color: #1B8CFF;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt > p a.btn-dryer:after {content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 1px; background: #1B8CFF;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt .tooltip-popup {display:block;visibility:hidden;opacity:0;position:absolute;z-index:1;bottom:30vw;left:50%;box-sizing:border-box;width:334px;height:392px;text-align:center;font-size:18px;line-height:1.5;color:#363636;letter-spacing:-.04em;cursor:default;transform:translate3d(-50%,100%,0);transition-property:opacity,visibility,transform;transition-duration:0.35s} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt .cm_tooltip_txt.on + .tooltip-popup {visibility:visible;opacity:1;transform:translate3d(-50%,0,0)} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt .tooltip-popup strong {position: absolute; top: 0; left: 0; width: 88%; font-size: 4.9479vw; line-height: 14.8438vw; letter-spacing: -.04em; text-align: center; color: #363636;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt .tooltip-popup .btn-close {position: absolute; top: 4.6vw; right: 4.6vw; width: 4.947vw; height: 5.078vw;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt .tooltip-popup img {width: 100%;} .mo-guide-view .layer-content .airdresser-button-next:after, .airdresser-button-prev:after {font-size: 4.2vw; color: #000; font-weight: 700;} .mo-guide-view .layer-content .airdresser-button-next.airdresser-button-disabled, .airdresser-button-prev.airdresser-button-disabled {display: none;} .mo-guide-view .layer-content .airdresser-button-prev, .airdresser-container-rtl .airdresser-button-next {left: 0;} .mo-guide-view .layer-content .airdresser-button-next, .airdresser-container-rtl .airdresser-button-prev {right: 0;} .mo-guide-view .layer-content .cont-wrap .airdresser-button-next, .mo-guide-view .layer-content .cont-wrap .airdresser-button-prev {top: 8vw;} #mask[data-mask-target="popDryerSearchMo"] {display: none; bottom: auto; right: auto;} .pop-search-dryer {left: 0; top: 0; border: none; overflow-y: auto;} .pop-search-dryer .search-sec{position:relative;text-align:center} .pop-search-dryer .search-sec input[type=text]{width:88.3%;height:48px;padding:0 15px;border-bottom:2px solid #000;border-width:0 0 2px 0;background:url("/sec/static/_images/common/icon-zoom.svg") no-repeat 95% 54%;background-size:22px 22px;font-size:16px;color:#686868} .pop-search-dryer .search-sec input[type=text]::-ms-clear{display:none} .pop-search-dryer .model-list{width:88.3%;margin:20px auto 0} .pop-search-dryer .model-list .top-list{position:relative;border-bottom:1px solid #D1D1D1} .pop-search-dryer .model-list .top-list:after{content:'';display:block;position:absolute;top:0;right:0;width:17px;height:100%;background:#FFF} .pop-search-dryer .model-list .top-list>div{overflow:hidden} .pop-search-dryer .model-list .top-list table th{text-align:center;padding:7px 0 17px;font-size:16px;color:#000} .pop-search-dryer .model-list .btm-list{-webkit-overflow-scrolling:touch;overflow-y:auto;height:70vw} .pop-search-dryer .model-list table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse} .pop-search-dryer .model-list table tbody tr:nth-child(2n-1){background-color:#f7f7f7} .pop-search-dryer .model-list .w25{width:25%} .pop-search-dryer .model-list .w30{width:30%} .pop-search-dryer .model-list .w15{width:15%} .pop-search-dryer .model-list .w35{width:30%} .pop-search-dryer .model-list .w20{width:25%} .pop-search-dryer .model-list tbody td{height:100px;border-bottom:1px solid #EEE;text-align:center;font-size:14px;color:#686868;vertical-align: middle;} .pop-search-dryer .model-list tbody td img{width:51px;max-width:100%} .pop-search-dryer tr.disable, .pop-search-dryer tr.not-search{display:none} .pop-search-dryer .pop-close {top: 20px; right: 20px;} } @media screen and (max-width: 768px) { .mo-guide-view .layer-content .pick-cate .guide-select-tab-mo > li a span sup {top: -.4vw; font-size: 1.8229vw;} } /* 210128 에어드레서 */ .isguide-wrap .isguide-img {overflow: hidden; border-radius: 20px;} #popupIsGuide1 .set-guide-contents > .guide-img {width: 870px;} #popupIsGuide1 .pc-guide-view .layer-content {background-color: #f9f9f9;} #popupIsGuide1 .set-guide-contents > .note-wrap {padding-left: 80px;} @media screen and (max-width: 1440px) { #popupIsGuide1 .set-guide-contents > .guide-img {width: 60.4167vw;} #popupIsGuide1 .set-guide-contents > .note-wrap {padding-left: 10.7639vw;} } @media screen and (max-width: 768px) { .isguide-wrap .isguide-info .tit {color: #000;} .mo-guide-view .layer-content .pick-cate .guide-select-tab-mo > li {width: 50%;} .mo-guide-view .layer-content .pick-detail ul {display: flex; flex-wrap: nowrap;} .mo-guide-view .layer-content .pick-detail ul li {position: relative; width: 50%;} .mo-guide-view .layer-content .cont-wrap .preview-img {padding: 5.55vw;} .mo-guide-view .layer-content .cont-wrap .preview-img img {width: 100%;} .mo-guide-view .layer-content .cont-wrap .airdresser-slide > .cm_sub_txt {padding: 0 5.55vw;} /* 모바일 수정 */ #popupIsGuide1.layer-pop .mo-guide-view > .layer-header {padding-top: 5.5vw; padding-bottom: 5.5vw;} #popupIsGuide1.layer-pop .mo-guide-view > .layer-header > h2 {line-height: 1;} #popupIsGuide1.layer-pop .mo-guide-view > .layer-content {max-height: calc(100% - 17.25vw); height: 100%;} } /* 모바일 수정 */ @media screen and (max-width: 768px) and (min-width: 768px) { .layer-normal {top: 0; bottom: 0; left: 0; max-width: 100% !important; width: 100%; transform: translate(0,0);} .layer-normal .pop-close {top: 27px; right: 5px; bottom: auto; left: auto; transform: none; border-radius: 0; border: 0; background-color: transparent;} } /* 텍스트컬러 */ #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li > span.stc-txt-blue, .mo-guide-view .layer-content .cont-wrap .swiper-slide > .cm_sub_txt > p > span.stc-txt-blue {border-bottom: none !important; color: #1b8cff; font-size: inherit;} #popupIsGuide1 .set-guide-contents > .note-wrap .note-cont .guide-note > li > span.stc-txt-red, .mo-guide-view .layer-content .cont-wrap .swiper-slide > .cm_sub_txt > p > span.stc-txt-red {border-bottom: none !important; color: #ff3c00; font-size: inherit;} /*230310 - 모바일 텍스트 컬러 추가 */ .modal-pop-guide-airdresser23 .stc-txt-blue{color: #1b8cff;} .modal-pop-guide-airdresser23 .stc-txt-red{color: #ff3c00;} /* 웹접근성 2205 */ #mask[data-mask-target="popupIsGuide1"] {display:none !important;} .-has-modal { overflow:hidden; } .modal-dim {position:fixed; top:0; right:0; bottom:0; left:0; z-index:211; background:rgba(0, 0, 0, 0.8); } .modal-dim.-hidden {display:none;} @media screen and (max-width:800px) { .layer-normal .pop-close { top:27px; right:5px; bottom:auto; left:auto; transform:none; border-radius:0; border:none; background-color:transparent; } } .btn-type1 { color:#212425; background:#fff; border:1px solid #212425; } .btn-type1-disable { opacity:0.3; cursor: default;} /* 221013 추가 */ .btn-l.btn-type1, .btn-l.btn-type1-disable { border:2px solid; } .btn-disable { opacity:0.3 !important; pointer-events:none; } .btn-type2 { color:#fff; background:#212425; border-color:#212425; } .btn.btn-readmore{display: flex; align-items: center; transform: translateX(-50%); position: relative; left: 50%;} .btn.btn-readmore > span:first-of-type{margin-left: 4px;} /* 221226 b2c 모바일웹접근성2차 */ /* .btn-type2-disable { opacity:0.3; cursor: default; } */ /* 221013 추가 */ /* .btn-type2.disable { color:#fff; background:#212425; opacity:0.3; cursor: default;} */ /* 221013 추가 */ .btn-type2-disable { opacity: 1; background: #8f8f8f; border-color: #8f8f8f !important; color: #fff !important; } .btn-type2.disable { opacity: 1; background: #8f8f8f; border-color: #8f8f8f !important; color: #fff !important; } .btn-type3 { color:#fff; background:#2189FF; border-color:#2189FF; } .btn-type3.onlybd { color:#2189FF; background:#fff; border-color:#2189FF; } /*221005*/ .btn-type4 { color:#000; background:#fff; border:1px solid #fff; } .btn-type5 { color:#000; background:transparent; border:1px solid #212425; } .btn.opacity0{ opacity: 0;} .btn-underline { display:inline-block; line-height:1.27em; margin:0 4px; font-size:14px; font-weight:bold; letter-spacing:-0.07px; color:#000; border-bottom:1px solid #000; } .btn-underline-blue { color:#1428a0; border-color:#1428a0; } .btn-underline-disable { color:#b2b2b2; border-color:#b2b2b2; } .btn-ul-l { font-size:16px; } .btn-regular-pay { font-size: 14px !important; } /* Button option - KDP-89275 */ .btn.targetBlank {display:flex; align-items:center;} .btn.targetBlank::after {content:''; display:block; width:14px; height:14px; margin-left:7px; background:url(//images.samsung.com/kdp/static/_images/mypage/more-arrow.svg)no-repeat;}