@charset "utf-8"; /** product **/ /* vip */ .prd_view_page #container {padding-bottom: 0;} .prd_view_page .content_wrap {min-height: 700px;} .prd_view_wrap .vip_setion_top {position:relative;min-height:760px;padding:0 0 60px 720px;background: #f2f4f5;} .prd_view_wrap .vip_setion_top .section_left {position: absolute;left:0;top:0;bottom:inherit;width:600px} .prd_view_wrap .vip_setion_top .section_left.fixed {position:fixed;left:50%;margin-left:-600px;} .prd_view_wrap .vip_setion_top .section_left.bottom {position: absolute;left:0;top:inherit;bottom:50px;} .prd_view_wrap .vip_setion_top .section_right {width:480px;min-height:760px;} .prd_view_wrap .vip_setion_top .section_right .groupBox {padding:0 18px 25px;background: #fff;border-radius:8px;} .prd_view_wrap .vip_setion_top:after {content:'';display: block;clear:both;} .vip_setion_bottom {padding-bottom:120px;background: #fff;} .vip_setion_bottom .content_wrap {max-width:100%;padding-top:0;} @media all and (max-width:1220px){ .prd_view_wrap .vip_setion_top {padding:0 0 60px 688px;} .prd_view_wrap .vip_setion_top .section_left.fixed {left:0;margin-left:0;} } .prd_view_wrap .total_price {margin-top: 25px;} .prd_view_wrap .total_price.only {margin-top: 0;} .prd_view_wrap .total_price > dt {float: left;width:118px;font-size: 15px;font-weight: 700;line-height:29px;} .prd_view_wrap .total_price > dd {float: left;width:calc(100% - 118px);text-align: right;} .prd_view_wrap .total_price > dd i {font-size:14px;color:#bec8cc;text-decoration:line-through;} .prd_view_wrap .total_price > dd strong {display:inline-block;margin-left: 7px;font-size: 23px;font-weight: 700;color:#00a8e3;} .prd_view_wrap .total_price > dd strong em {font-size: 14px;} .prd_view_wrap .total_price > dd.btn_wrap {width:100%;margin:25px 0 0;} .prd_view_wrap .total_price dt.alliance_card .tip_price .top .right { color: #fe7c20; } .prd_view_wrap .total_price dt.alliance_card .tip_price .top { border-bottom: none;margin-top: 15px;border-top: 1px solid #f2f4f5;margin-bottom: 0;padding-bottom: 0;margin-top: 15px;padding-top: 15px; } .prd_view_wrap .total_price dt.alliance_card .tip_box .list_type3 li { font-size: 14px;color: #90a0a6;font-weight: 400; } .prd_view_wrap .total_price dd.alliance_card > strong { color: #fe7c20; } .prd_view_wrap .total_price > dd.btn_wrap.regular_delivery a { width: calc(33.333% - 4px);min-width: 120px; } .prd_view_wrap .lp_best_wrap .title_wrap {margin:35px 18px 20px;} .vip_topBan_float { position: relative; display: none; width: 100%; background-color: #1b2529; border-radius: 8px; overflow: hidden; margin-bottom: 18px; } .vip_topBan_float > a { display: inline-block; width: 100%; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 400; color: #fff; padding: 12px 0 12px 36px; } .vip_topBan_float > a span::before { content: 'EVENT'; color: #00a8e3; position: relative; margin-right: 8px; font-weight: 500; } .vip_topInfo {padding: 45px 18px 30px;} .vip_topInfo .vip_label {font-size:14px;font-weight:700;} .vip_topInfo .vip_label span {display:inline-block;padding-left:8px;margin-left:6px;background:url('../images/common/dot_gray1.png') no-repeat 0 center / 3px auto;} .vip_topInfo .vip_label span:first-child {padding-left:0;margin-left:0;background:none;} .vip_topInfo .vip_label span.regular_delivery { color: #00a8e3; } .vip_topInfo .vip_label span.regular_delivery::before { content: '';color: #00a8e3;background:url('../images/common/ico_delivery2.png') no-repeat 0 center / 21px auto;padding-left:24px; } .vip_topInfo .vip_label span.parcel {position:relative;color:#00a8e3;} .vip_topInfo .vip_label span.parcel .tool_tip {margin:-3px 0 0 1px;} .vip_topInfo .vip_title {margin-top: 20px;font-size: 32px;font-weight: 700;line-height:42px;word-break:keep-all;} .vip_topInfo .vip_info {position:relative;overflow:hidden;margin-top:15px;padding-right:35px;} .vip_topInfo .vip_info .info_left {word-break: break-all;line-height:23px;} .vip_topInfo .vip_info .pdt_name {display:inline;margin-right:8px;font-size:15px;color:#90a0a6;} .vip_topInfo .vip_info .pdt_review {display:inline-block;} .vip_topInfo .vip_info .pdt_review span {display:inline-block;} .vip_topInfo .vip_info .pdt_review span.value {font-size:15px;padding-left:20px;background:url('../images/common/ico_star1.png') no-repeat 0 center / 18px;} .vip_topInfo .vip_info .pdt_review span.count {margin-left:5px;font-size:14px;color:#bec8cc;} .vip_topInfo .vip_info .info_share {position:absolute;right:0;top:2px;width:19px;} .vip_visualInfo {position:relative;} .vip_visualInfo .visual_slide .item {text-align:center;background:#f2f4f5;} .vip_visualInfo .control_btn {margin:18px 0 48px;font-size:0;text-align: center;} .vip_visualInfo .control_btn button {margin-right:6px;} .vip_visualInfo .control_btn button:last-child {margin-right:0;} .vip_visualInfo .visual_thumbs {width:380px;margin:0 auto;padding:0 28px;} .vip_visualInfo .visual_thumbs .item {width: 72px !important;height:72px;background: #fff;border:1px solid #e5e9eb;border-radius:4px;cursor:pointer;} .vip_visualInfo .visual_thumbs .item.active {border:2px solid #1b2529;} .vip_visualInfo .visual_thumbs .swiper-slide-thumb-active {border:2px solid #1b2529;} .vip_visualInfo .visual_thumbs .swiper-button-next {right: 0;background:#f2f4f5 url('../images/common/arr_right11.png') no-repeat center center;} .vip_visualInfo .visual_thumbs .swiper-button-prev {left: 0;background:#f2f4f5 url('../images/common/arr_left11.png') no-repeat center center;} .vip_visualInfo .visual_thumbs .swiper-button-next, .vip_visualInfo .visual_thumbs .swiper-button-prev {top:0;width:16px;height:100%;margin-top:0;} .vip_visualInfo .visual_thumbs .swiper-button-next:after, .vip_visualInfo .visual_thumbs .swiper-button-prev:after {display:none;} .vip_visualInfo .visual_thumbs:hover .swiper-button-next.swiper-button-disabled, .vip_visualInfo .visual_thumbs:hover .swiper-button-prev.swiper-button-disabled {opacity:0.35;} .vip_mainFunction {overflow: hidden;padding:0 0 40px 0;border-top:1px solid #f2f4f5;} .vip_mainFunction .fn_list {padding:60px 20px 0 ;text-align:center;font-size:15px;background-repeat:no-repeat;background-position:center 18px;background-size:36px;} .vip_mainFunction .swiper-pagination {top:unset;left:18px;bottom:20px;width:calc(100% - 36px);height:2px;} .vip_mainFunction .swiper-pagination-progressbar {background:#e8e9e9;} .vip_mainFunction .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#1b2529;} .vip_optionGroup .option_box {position:relative;padding:30px 18px 22px;border-top:1px solid #f2f4f5;} .vip_optionGroup .option_box.color_box {padding-bottom:15px;} .vip_optionGroup .h3_tit {margin-bottom:18px;font-size:15px;font-weight:700;} .vip_optionGroup .opt_function {overflow:hidden;} .vip_optionGroup .opt_function:after {content:'';display: block;clear: both;} .vip_optionGroup .opt_function.basic {overflow:hidden;} .vip_optionGroup .opt_function.basic li {float: left;position:relative;text-align:center;margin-right:1.1%;} .vip_optionGroup .opt_function.basic li:last-child {margin-right:0;} .vip_optionGroup .opt_function.basic label {display:block;padding:0 5px;line-height:37px;color:#90a0a6;border:1px solid #bec8cc;border-radius:4px;} .vip_optionGroup .opt_function.basic input:checked + label {font-weight:700;color:#1b2529;border:1px solid #1b2529;} .vip_optionGroup .opt_function.basic input:disabled + label {color:#bec8cc;border:1px solid #e5e9eb;background: #f2f4f5;cursor:not-allowed;} .vip_optionGroup .opt_function.over li:nth-of-type(2n+1) {margin:0 1% 8px 0;} .vip_optionGroup .opt_function.over li:nth-of-type(2n) {margin:0 0 8px 1%;} .vip_optionGroup .opt_function.default li {float: left;position:relative;width:49%;text-align:center;margin-bottom:8px;margin-right:1.1%;} .vip_optionGroup .opt_function.default li:last-child {margin-right:0;} .vip_optionGroup .opt_function.default label {display:block;padding:0 5px;line-height:37px;color:#90a0a6;border:1px solid #bec8cc;border-radius:4px;} .vip_optionGroup .opt_function.default input:checked + label {font-weight:700;color:#1b2529;border:1px solid #1b2529;} .vip_optionGroup .opt_function.default input:disabled + label {color:#bec8cc;border:1px solid #e5e9eb;background: #f2f4f5;cursor:not-allowed;} .vip_optionGroup .opt_function.color {overflow: hidden;} .vip_optionGroup .opt_function.color li {float:left;overflow:hidden;position:relative;width:39px;height:39px;margin:0 15px 15px 0;border:1px solid #e5e9eb;border-radius:50%;} .vip_optionGroup .opt_function.color li:last-child {margin-right:0;} /* .vip_optionGroup .opt_function.color label {position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;font-size:0;} */ .vip_optionGroup .opt_function.color label {display:block;width:100%;height:100%;font-size:0;} /* .vip_optionGroup .opt_function.color input:checked + label:after {content:'';position:absolute;left:0;top:0;width:37px;height:37px;background:url('../images/product/bg_color_slt.png') no-repeat 0 0 / cover;} */ .vip_optionGroup .opt_function.color input:checked + label:before {content:'';position:absolute;left:0;top:0;z-index:2;width:37px;height:37px;border:2px solid #000;border-radius:50%;box-sizing:border-box;} .vip_optionGroup .opt_function.color input:checked + label:after {content:'';position:absolute;left:2px;top:2px;z-index:2;width:33px;height:33px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;} .vip_optionGroup .opt_function.color label .color2 {position:absolute;left:50%;top:0;width:37px;height:37px;} .vip_optionGroup .opt_function.color .soldout:after {content:'';position: absolute;left: -1%;top:50%;z-index: 3;width:102%;height:1px;background: #e5e9eb;transform:rotate(-45deg);} .vip_optionGroup .color_tit {position:absolute;right:18px;top:28px;font-size: 15px;} .vip_optionGroup .opt_subFunction {overflow:hidden;} .vip_optionGroup .opt_subFunction li {float: left;position:relative;width:49%;text-align:center;margin-bottom:8px;} .vip_optionGroup .opt_subFunction li:nth-of-type(2n+1) {margin-right:1%;} .vip_optionGroup .opt_subFunction li:nth-of-type(2n) {margin-left:1%;} .vip_optionGroup .opt_subFunction label {display:block;padding:0 5px;line-height:37px;color:#90a0a6;border:1px solid #bec8cc;border-radius:4px;} .vip_optionGroup .opt_subFunction input:checked + label {font-weight:700;color:#1b2529;border:1px solid #1b2529;} .vip_optionGroup .opt_pdtSize {overflow:hidden;} .vip_optionGroup .opt_pdtSize li {float: left;position:relative;width:49%;text-align:center;margin-bottom:8px;} .vip_optionGroup .opt_pdtSize li:nth-of-type(2n+1) {margin-right:1%;} .vip_optionGroup .opt_pdtSize li:nth-of-type(2n) {margin-left:1%;} .vip_optionGroup .opt_pdtSize label {display:block;padding:0 5px;line-height:37px;color:#90a0a6;border:1px solid #bec8cc;border-radius:4px;} .vip_optionGroup .opt_pdtSize input:checked + label {font-weight:700;color:#1b2529;border:1px solid #1b2529;} .vip_optionGroup .opt_function.hardness {overflow:hidden;} .vip_optionGroup .opt_function.hardness li {float: left;position:relative;width:100%;text-align:center;margin-bottom:8px;} .vip_optionGroup .opt_function.hardness label {display:block;padding:0 5px;line-height:37px;color:#90a0a6;border:1px solid #bec8cc;border-radius:4px;} .vip_optionGroup .opt_function.hardness input:checked + label {font-weight:700;color:#1b2529;border:1px solid #1b2529;} .vip_optionGroup .opt_function.hardness input:disabled + label {color:#bec8cc;border:1px solid #e5e9eb;background: #f2f4f5;cursor:not-allowed;} .vip_optionGroup .opt_cutionColor {overflow:hidden;} .vip_optionGroup .opt_cutionColor li {float: left;position:relative;width:49%;text-align:center;margin-bottom:8px;} .vip_optionGroup .opt_cutionColor li:nth-of-type(2n+1) {margin-right:1%;} .vip_optionGroup .opt_cutionColor li:nth-of-type(2n) {margin-left:1%;} .vip_optionGroup .opt_cutionColor label {display:block;padding:0 5px;line-height:37px;color:#90a0a6;border:1px solid #bec8cc;border-radius:4px;} .vip_optionGroup .opt_cutionColor input:checked + label {font-weight:700;color:#1b2529;border:1px solid #1b2529;} .vip_tabGroup {margin-top: 12px;background: #fff;} .vip_tabGroup .vipTap {display:flex;} .vip_tabGroup .vipTap li {display:table;position:relative;width:50%;height:48px;padding-bottom:2px;padding-top:0;text-align:center;background: #495154;border-top:4px solid #f2f4f5;border-bottom:2px solid #1b2529;} .vip_tabGroup .vipTap li a {display:table-cell;height: 100%;vertical-align:middle;font-size: 14px;font-weight: 700;color:#fff;transition:color .3s;} .vip_tabGroup .vipTap li.on {padding-top:2px;padding-bottom:0;background: #fff;border-top:2px solid #1b2529;border-bottom:4px solid #fff;} .vip_tabGroup .vipTap li.on a {font-size: 17px;color:#1b2229;} .vip_tabGroup .vipTap li:first-child:before {content:'';position:absolute;top:-4px;left:0;width:8px;z-index:2;height:53px;background:url('../images/product/bg_buyTab1_off.png') no-repeat 0 0;} .vip_tabGroup .vipTap li:last-child:before {content:'';position:absolute;top:-4px;right:0;width:8px;z-index:2;height:53px;background:url('../images/product/bg_buyTab2_off.png') no-repeat 0 0;} .vip_tabGroup .vipTap li:first-child.on:before {top:-2px;background:url('../images/product/bg_buyTab1_on.png') no-repeat 0 0;} .vip_tabGroup .vipTap li:last-child.on:before {top:-2px;background:url('../images/product/bg_buyTab2_on.png') no-repeat 0 0;} .vip_tabGroup .vipTap li:first-child:after {content:'';position:absolute;top:-4px;right:-12px;width:24px;z-index:2;height:53px;background:url('../images/product/bg_buyTab2.png') no-repeat right 0;} .vip_tabGroup .vipTap li:first-child.on:after {content:'';position:absolute;top:-2px;right:-12px;z-index:2;width:24px;height:53px;background:url('../images/product/bg_buyTab1.png') no-repeat right 0;} .vip_tabGroup .vipTap.single li {background: #f2f4f5;} .vip_tabGroup .vipTap.single li:first-child:after {background:url('../images/product/bg_buyTab3.png') no-repeat right 0;} .vip_tabGroup .vipTap.single li:last-child:before {background:url('../images/product/bg_buyTab3_off.png') no-repeat 0 0;} .vip_tabGroup .vipTap.single li.on a {background: #fff;} _:-ms-fullscreen, :root .vip_tabGroup .vipTap li:first-child:before, _:-ms-fullscreen, :root .vip_tabGroup .vipTap li:last-child:before, _:-ms-fullscreen, :root .vip_tabGroup .vipTap li:first-child.on:before, _:-ms-fullscreen, :root .vip_tabGroup .vipTap li:last-child.on:before, _:-ms-fullscreen, :root .vip_tabGroup .vipTap li:first-child:after, _:-ms-fullscreen, :root .vip_tabGroup .vipTap li:first-child.on:after {top:0} /* @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){ .vip_tabGroup .vipTap li:first-child.on:after {top:0;} } */ .vip_tabGroup #buyType1 {display:block;} .vip_tabGroup .buyType_con {display:none;padding:30px 18px 25px;border:2px solid #1b2529;border-top:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;} .vip_tabGroup .ctgr {margin:0 0 18px;font-size:15px;font-weight:700;} .vip_tabGroup .setting_box {margin-bottom:12px;padding:30px 20px 5px;background: #f2f4f5;border-radius:4px;} .vip_tabGroup .setting_box.padding {padding:8px 20px 2px;} .vip_tabGroup .setting_box .inBox {position:relative;} .vip_tabGroup .setting_box .inBox:nth-of-type(1) {margin-bottom:20px;} .vip_tabGroup .setting_box .inBox:nth-of-type(2) {margin:20px 0;} .vip_tabGroup .tool_tip {top: -1px; margin-left:3px; vertical-align: middle;} .vip_tabGroup .tool_tip .tip_box {left:-70px;transform-origin: 30% 3%;} .total_price .tool_tip .tip_box {left:-82px;} .total_price .tip_price {padding-right: 5px;} .total_price .tip_price .top {overflow: hidden;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #f2f4f5;} .total_price .tip_price .top .left {float:left;width:50%;line-height: 24px;font-size: 15px;font-weight: 700;text-align: left;} .total_price .tip_price .top .right {float:right;width:50%;line-height: 22px;text-align: right;font-size: 14px;font-weight: 700;color:#00a8e3;} .total_price .tip_price .top .right strong {font-size: 19px;} .total_price .tip_price .derail li {overflow:hidden;margin-top:7px;font-weight: 400;} .total_price .tip_price .derail li:first-child {margin-top:0;} .total_price .tip_price .derail li.dc {padding-left: 7px;color:#90a0a6;} .total_price .tip_price .derail .left {float:left;width:50%;line-height: 20px;text-align: left;} .total_price .tip_price .derail .right {float:right;width:50%;line-height: 20px;} .total_price .tip_price .derail .left {font-size: 14px;} .total_price .tip_price .derail .right {text-align: right;font-size: 14px;} .setting_box .set_manage {overflow:hidden;} .setting_box .set_manage.auto {margin-bottom:25px;} .setting_box .set_manage li {float: left;position:relative;width:49%;text-align:center;margin-bottom:2%;} .setting_box .set_manage li:nth-of-type(2n+1) {margin-right:1%;} .setting_box .set_manage li:nth-of-type(2n) {margin-left:1%;} .setting_box .set_manage label {display:block;padding:0 5px;line-height:37px;color:#90a0a6;background: #fff;border:1px solid #bec8cc;border-radius:4px;} .setting_box .set_manage input:checked + label {font-weight:700;color:#1b2529;border:1px solid #1b2529;} .setting_box .set_manage.auto li {float:none;width:100%;margin:0;} .setting_box .benefit_li {margin:0 -20px;padding:20px 15px 20px; border-top: 1px solid #e5e9eb;} .setting_box .benefit_li.only {padding-top: 0;border:0;} .setting_box .benefit_li li {margin-top:14px;padding:0 0 0 17px;/*background:url('../images/common/ico_plus1.png') no-repeat left 5px /9px;*/} .setting_box .benefit_li li:first-child {margin-top:0;} .setting_box .case_only {position: absolute;right:0;top:0;font-size: 15px;} /* vip 프로모션 영역 개선 */ .benefit_li { display: block;border-radius: 4px;background: #f2f4f5;margin-bottom: 12px; padding-bottom: 10px; } .benefit_li p { font-size: 14px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .benefit_li p.benefit_type1 { font-weight: 700;padding: 16px 16px 0 16px; } .benefit_li p.benefit_type2 { background: url('../images/product/v_guide_bg.png') no-repeat;padding: 11px 16px; } .benefit_li p.benefit_type2 em { background: #00a8e3;color: #fff;border-radius: 11px;padding: 2px 10px;text-align: center;font-size: 14px;margin-right: 5px; } .benefit_li p.benefit_type2 span { font-weight: 700; } .benefit_li > ul { padding: 16px; } .benefit_li > ul > li { display: block;font-size: 14px; } .benefit_li > ul > li + li { margin-top: 10px; } .benefit_li > ul > li > span { display: inline-block;font-weight: 700;color: #00a8e3; } .benefit_li > ul > li::before { content: '';display: inline-block;width: 10px;height: 7px;background:url('../images/common/ico_check1.png') no-repeat;background-size: cover;margin-right: 5px; } /* vip 프로모션 영역 개선 EMD */ /* vip 코웨이주문가이드 유입경로 영역 */ .benefit_li .order_guide_benefit { position: relative; display: flex; justify-content: space-between; align-items: center; width: 92%; margin: 0 auto; padding: 16px; border: 1px solid #e5e9eb; border-radius: 8px; } .benefit_li .order_guide_benefit > ul > li { font-size: 14px; font-weight: 500; margin-bottom: 6px; } .benefit_li .order_guide_benefit > ul > li:last-child { margin-bottom: 0; } .benefit_li .order_guide_benefit > ul > li::before { content: ''; position: relative; display: inline-block; width: 11px; height: 11px; background: url("../images/common/ico_plus4.png") no-repeat center / 10px auto; margin-right: 4px; } .benefit_li .order_guide_benefit .vip_guide_btn { align-self: flex-end; display: block; } .benefit_li .order_guide_benefit .vip_guide_btn > a { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; font-size: 13px; font-weight: 500; color: #1b2529; line-height: 24px; text-decoration: underline; } .benefit_li .order_guide_benefit .vip_guide_btn > a::after { content: ''; position: relative; display: inline-block; width: 10px; height: 17px; background: url("../images/common/arr_right2.png") no-repeat center / 7px auto; margin-left: 4px; } /* //vip 코웨이주문가이드 유입경로 영역 */ /* 프로모션 영역 내 할인 혜택 표기 방식 변경 */ .benefit_li .promo_discount_chg { position: relative; display: block; padding: 20px 20px 20px; } .benefit_li .promo_discount_chg > dl > dt { display: inline-block; width: 50%; font-size: 13px; font-weight: 500; line-height: 24px; color: #90a0a6; } .benefit_li .promo_discount_chg > dl > dt::before { content: ''; display: inline-block; width: 10px; height: 7px; background: url("../images/common/ico_check4.png") no-repeat; background-size: cover; margin-right: 5px; } .benefit_li .promo_discount_chg > dl > dd { display: inline-block; font-size: 14px; float: right; text-align: right; color: #90a0a6; font-weight: 500; } .benefit_li .promo_discount_chg > dl .total_disc { display: flex; flex-direction: row; justify-content: space-between; position: relative; border-top: 1px solid #e5e9eb; margin-top: 10px; padding-top: 10px; } .benefit_li .promo_discount_chg > dl .total_disc dt.total_disc_pr { display: inline-block; font-size: 16px; font-weight: 500; color: #90a0a6; } .benefit_li .promo_discount_chg > dl .total_disc dt.total_disc_pr::before { display: none; } .benefit_li .promo_discount_chg > dl .total_disc dd.dol_total { font-size: 16px; font-weight: 600; } .benefit_li .promo_discount_chg > dl .total_disc span.txt_black { font-weight: 600; } .setting_box .set_choice {margin-bottom: 6px;} /* .setting_box .set_choice:last-child {margin-bottom: 0;} */ .setting_box .set_choice .dt_list {float:left;width:110px;min-height:45px;padding:13px 0;font-size: 15px;font-weight: 700;} .setting_box .set_choice .dd_list {position:relative;float:left;width:calc(100% - 110px);} .setting_box .set_choice .dd_list .case_only {top:13px;} .setting_box .set_choice .dd_list .select_cstm {height:45px;} .setting_box .set_choice .dd_list .select_cstm .title {height:45px;line-height:41px;} .setting_box .set_choice .dd_list .select_cstm .selList {top:41px;} .setting_box .set_choice .dt_list.info {width: 100%; padding: 4px 0 0; font-size: 14px; color: #90a0a6; font-weight: 400;} .setting_box .opt_delivery {overflow:hidden;margin-top:18px;} .setting_box .opt_delivery li {float: left;position:relative;width:49%;text-align:center;} .setting_box .opt_delivery li:nth-of-type(2n+1) {margin-right:1%;} .setting_box .opt_delivery li:nth-of-type(2n) {margin-left:1%;} .setting_box .opt_delivery label {display:block;padding:0 5px;line-height:37px;color:#90a0a6;border:1px solid #bec8cc;border-radius:4px;background: #fff;} .setting_box .opt_delivery input:checked + label {font-weight:700;color:#1b2529;border:1px solid #1b2529;} .buyType_con .rental_notice {overflow:hidden;height:50px;margin: 25px -18px -25px;padding:0 18px;line-height:50px;border-top: 1px solid #f2f4f5;transition:height 0.3s ease;transform-origin:center top;} .buyType_con .rental_notice a {display: inline-block;padding-right:20px;color:#90a0a6;background:url('../images/common/arr_down2.png') no-repeat right center/11px;} .buyType_con .rental_notice .list_type3 {margin: 0 -18px;padding:0 18px;font-size: 13px;} .buyType_con .rental_notice .list_type3 li {padding-left: 0;} .buyType_con .rental_notice .list_type3 li:before {display: none;} .buyType_con .rental_notice.open a {background:url('../images/common/arr_up3.png') no-repeat right center/11px;} .buyType_con .rental_notice.open {height:143px;} .normal_ordere .option_box{position:relative;padding:30px 18px;border-top:1px solid #f2f4f5;} .normal_ordere .option_box {overflow:hidden;} .normal_ordere .option_box li {float: left;position:relative;width:49%;text-align:center;} .normal_ordere .option_box li:nth-of-type(2n+1) {margin-right:1%;} .normal_ordere .option_box li:nth-of-type(2n) {margin-left:1%;} .normal_ordere .option_box label {display:block;padding:0 5px;line-height:37px;color:#90a0a6;border:1px solid #bec8cc;border-radius:4px;} .normal_ordere .option_box input:checked + label {font-weight:700;color:#1b2529;border:1px solid #1b2529;} .normal_ordere .count_area {overflow:hidden;margin: 0 18px;padding: 20px 20px 20px;background: #f2f4f5;border-radius: 4px;} .normal_ordere .count_area .left {float: left;width:50%;font-size: 15px;font-weight: 700;line-height: 30px;} .normal_ordere .count_area .vip_countBox {float: left;width:50%;} .normal_ordere .errorMsg {margin:14px 18px 0;} .normal_ordere .total_price {padding: 0 18px;} .related_slide {position: relative;} .related_slide .h3_tit {margin:25px 0 0;padding:30px 18px 18px;font-size: 15px;font-weight: 700;border-top: 1px solid #f2f4f5;} .related_slide .pdt_related_wrap {padding:0 0 30px 0} /* .related_slide .pdt_related_wrap .swiper-slide {cursor:grab;} */ .related_slide .pdt_related_wrap .prd_wrap {margin: 0;} .related_slide .pdt_related_wrap .prd_info {padding: 0;} .related_slide .pdt_related_wrap .swiper-pagination {top:inherit;left:20px;bottom:8px;width:calc(100% - 40px);height:2px;} .related_slide .pdt_related_wrap .swiper-pagination-progressbar {background:#e8e9e9;} .related_slide .pdt_related_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#1b2529;} .vip_tabGroup .h3_tit {padding:30px 18px 18px 0;} .vip_tabGroup .related_slide .pdt_related_wrap .prd_wrap.img_small {padding:15px 20px 15px 0;} .related_slide .swiper-button-next {right: 0px;background:#fff url('../images/common/arr_right11.png') no-repeat center center;} .related_slide .swiper-button-prev {left: 0;background:#fff url('../images/common/arr_left11.png') no-repeat center center;} .related_slide .swiper-button-next, .related_slide .swiper-button-prev {top:inherit;bottom:0;width:18px;height:18px;margin-top:0;} /* .related_slide .swiper-button-next:after, .related_slide .swiper-button-prev:after {display:none;} .related_slide:hover .swiper-button-next, .related_slide:hover .swiper-button-prev {opacity:1;} .related_slide:hover .swiper-button-disabled {opacity:0.35;} */ .vip_mid_banner_wrap {position: relative;} .vip_mid_banner_wrap .vip_mid_banner {padding: 24px 0 23px;text-align:center;} .vip_mid_banner_wrap.one .vip_mid_banner.one {padding-bottom: 0;} .vip_mid_banner_wrap .vip_mid_banner .swiper-pagination {top:unset;left:0;bottom:0;width:100;height:2px;} .vip_mid_banner_wrap .vip_mid_banner .swiper-pagination-progressbar {background:#e8e9e9;} .vip_mid_banner_wrap .vip_mid_banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#1b2529;} .vip_mid_banner_wrap .swiper-button-next {right:-18px;background: url('../images/common/arr_right12.png') no-repeat 0 0;} .vip_mid_banner_wrap .swiper-button-prev {left:-18px;background: url('../images/common/arr_left12.png') no-repeat 0 0;} .vip_mid_banner_wrap .swiper-button-next, .vip_mid_banner_wrap .swiper-button-prev {top:50%;width:36px;height:36px;margin-top:-18px;opacity:0;} .vip_mid_banner_wrap .swiper-button-next:after, .vip_mid_banner_wrap .swiper-button-prev:after {display:none;} .vip_mid_banner_wrap:hover .swiper-button-next, .vip_mid_banner_wrap:hover .swiper-button-prev {opacity:1;} .vip_mid_banner_wrap:hover .swiper-button-next.swiper-button-disabled, .vip_mid_banner_wrap:hover .swiper-button-prev.swiper-button-disabled {opacity:0.35;} .vip_cody_matching {margin-top: 12px;padding:18px 0 18px 36px;background: #fff url('../images/product/cody_matcing.jpg') no-repeat 280px 14px;border-radius:4px;} .vip_cody_matching dt {font-size: 16px;font-weight: 700;} .vip_cody_matching dd {margin-top: 5px;font-size: 14px;color:#90a0a6;} .vip_cody_matching .btn_wrap {margin:14px 0 0 0;} .vip_tabBar {position: relative;z-index: 99;padding:18px;background:#1b2529;} .vip_tabBar .tabType {max-width:1200px;margin: 0 auto;} .vip_tabBar .tabType ul {display: flex;justify-content:center;} .vip_tabBar .tabType li {margin:0 35px;text-align: center;} .vip_tabBar .tabType li a {display:inline-block;position:relative;text-align:center;font-size:16px;color: #fff;line-height: 30px;} .vip_tabBar .tabType li a em {font-weight: 400;color: #00a8e3;} .vip_tabBar .tabType li a:after {content:'';position:absolute;left:50%;bottom:-1px;width:0;height:2px;background:#fff;transition:width .2s ease;transform:translateX(-50%);opacity:0;} .vip_tabBar .tabType li a:hover:after {width:100%;opacity:1;} .vip_tabBar .tabType li.on a {font-weight: 700;color: #fff;} .vip_tabBar .tabType li.on a:after {width:100%;opacity:1;} body.fixedBar .vip_setion_bottom .content_wrap {padding-top:66px;} body.fixedBar .vip_tabBar {position: fixed;left: 0;top: 0;width: 100%;} .vip_setion_wrap {position:relative;} .vip_setion_wrap .moreArea {border-bottom: 1px solid #f2f4f5;} .vip_setion_wrap .moreArea .title_wrap {margin:0;} .vip_setion_wrap .moreArea .title_wrap .h3_tit {position:relative;line-height:75px;cursor:pointer;} .vip_setion_wrap .moreArea .title_wrap .h3_tit:before {content:'';position:absolute;right:-1px;top:37px;width:12px;height:2px;background: #1b2529;z-index:10;} .vip_setion_wrap .moreArea .title_wrap .h3_tit:after {content:'';position:absolute;right:4px;top:32px;width:2px;height:12px;background: #1b2529;transition:all .3s ease;} .vip_setion_wrap .moreArea .hide_group {display:none;} .vip_setion_wrap .moreArea .table_wrap {margin:0;} .vip_setion_wrap .moreArea .list_type3 li {color:#bec8cc;} .vip_setion_wrap .moreArea.more {padding-bottom:40px;} .vip_setion_wrap .moreArea.more .title_wrap .h3_tit:after {transform-origin:center center;transform:rotate(90deg);} .vip_setion_wrap .moreArea.more .hide_group {display:block;} .vip_setion_wrap .table_type2 table {border-bottom: 1px solid #f2f4f5;} .vip_setion_wrap .table_type2 th {text-align: left;border-right: 1px solid #f2f4f5;word-break:break-all;} .vip_setion_wrap .table_type2 th:last-child {border-right:0;} .vip_setion_wrap .table_type2 td {border-right: 1px solid #f2f4f5;} .vip_setion_wrap .table_type2 td:last-child {border-right:0;} .vip_setion_wrap .table_type2 table td:first-child {text-align: left;} .vip_setion_wrap .tbl_tit {margin:30px 0 13px 0;font-size: 16px;font-weight: 700;} /*제품상세*/ #vip_detail_wrap {padding-bottom: 25px;} #vip_detail_wrap .product_detail { overflow:hidden; position:relative; height: 100%;} #vip_detail_wrap .product_detail .hidden {position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0;font-size:0;width:0;height:0;margin:0;padding:0;} #vip_detail_wrap .product_detail:after {content:'';position:absolute;left:0;bottom:53px;z-index:11;width:100%;height:13%;background: linear-gradient(to top, white, transparent); opacity: 0.9;} #vip_detail_wrap .product_detail .moreDetail {position:absolute;left:0;bottom:0;z-index:12;width:100%;margin:0;text-align: center;background:#fff;} #vip_detail_wrap .product_detail .moreDetail a {display: inline-block;margin:0;transition:border .5s ease;} #vip_detail_wrap .product_detail .moreDetail span {padding-right:20px;background:url('../images/common/arr_down1.png') no-repeat right center/11px;} #vip_detail_wrap .product_detail.full { height:auto !important; } #vip_detail_wrap .product_detail.full:after {display:none;} #vip_detail_wrap .product_detail.full .moreDetail {padding-top:30px;} #vip_detail_wrap .product_detail.full .moreDetail span {padding-right:20px;background:url('../images/common/arr_up1.png') no-repeat right center/11px;} #vip_detail_wrap .product_detail.min {/*height:auto;*/} #vip_detail_wrap .product_detail.min:after {display: none;} #vip_detail_wrap .product_detail.min .moreDetail {display: none;} #vip_detail_wrap .product_detail .img_only {width:100%;text-align: center;} #vip_detail_wrap .product_detail .img_only img {max-width:100%;} #vip_detail_wrap .video_area {max-width:1200px;margin:70px auto 0;padding: 0 0 20px;} #vip_detail_wrap .video_slide {padding:0 24px 26px;} #vip_detail_wrap .video_slide .swiper-slide {overflow: hidden;position: relative;border-radius:4px;} #vip_detail_wrap .video_slide .swiper-slide iframe {position: absolute;left: 0;top: 0;width: 100%;height:auto;} /* 영상더보기 */ #vip_detail_wrap .video_slide .swiper-slide {overflow: hidden;position: relative;border-radius:4px;height: 150px; } #vip_detail_wrap .video_slide .swiper-slide .yt_video { width: 100%;height: 100%;background-size: cover;background-position-x: center;background-position-y: center;position: relative;cursor: pointer; } #vip_detail_wrap .video_slide .swiper-slide .play_btn { position: absolute;left: 50%;top: 50%;width: 68px;height: 48px;padding-top: 14px;margin-left: -34px;background: rgba(0,0,0,0.6);border-radius: 11px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); } #vip_detail_wrap .video_slide .swiper-slide .play_btn:hover { background: #cd201f; } #vip_detail_wrap .video_slide .swiper-slide .tri { width: 0;height: 0;border-style: solid;border-width: 9px 0 9px 16px;border-color: transparent transparent transparent #fff;margin: 0 auto; } /* //영상더보기 */ #vip_detail_wrap .video_slide .swiper-pagination {top:unset;left:unset;left:24px;bottom:0;width:calc(100% - 48px);height:2px;} #vip_detail_wrap .video_slide .swiper-pagination-progressbar {background:#e8e9e9;} #vip_detail_wrap .video_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#1b2529;} #vip_detail_wrap .video_slide .swiper-button-next {right: 0;background: url('../images/common/arr_right12.png') no-repeat 0 0;} #vip_detail_wrap .video_slide .swiper-button-prev {left: 0;background: url('../images/common/arr_left12.png') no-repeat 0 0;} #vip_detail_wrap .video_slide .swiper-button-next, #vip_detail_wrap .video_slide .swiper-button-prev {top:50%;width:36px;height:36px;margin-top:-18px;} #vip_inquiry_wrap {max-width:1200px;margin:0 auto;border-bottom: 1px solid #f2f4f5;} #vip_buyInfo_wrap {max-width:1200px;margin:0 auto;border-top: 1px solid #f2f4f5;} #vip_buyInfo_wrap .spec_tbl_list ul {overflow: hidden;margin-bottom:15p;padding-bottom:30px;border-top:2px solid #1b2529;border-bottom:1px solid #f2f4f5;} #vip_buyInfo_wrap .spec_tbl_list li {float:left;width:33.3%;padding:30px 45px 0 15px;} #vip_buyInfo_wrap .spec_tbl_list li:nth-of-type(3n+1) {clear:both;} #vip_buyInfo_wrap .spec_tbl_list li .dt {color:#90a0a6;} #vip_buyInfo_wrap .spec_tbl_list li .dd {padding-top: 10px;font-size: 15px;font-weight: 700;} #vip_buyInfo_wrap .spec_tbl_list li .kcmark {display: inline-block;width:15px;margin:0 0 0 10px;} #vip_buyInfo_wrap .table_type2 .dc_card_tbl {margin-top: 25px;border:0;} #vip_buyInfo_wrap .table_type2 .dc_card_tbl tr {border:0;} #vip_buyInfo_wrap .table_type2 .dc_card_tbl td {padding:0 20px 10px 0;font-size: 14px;color:#90a0a6;border:0;} #vip_buyInfo_wrap .table_type2 .dc_card_tbl td img {max-width:100%;} #vip_buyInfo_wrap .btn_wrap {text-align: left;width:180px;} #vip_review_wrap {max-width:1200px;margin:0 auto;padding:25px 0 40px;border-bottom: 1px solid #f2f4f5;} #vip_review_wrap .title_wrap {margin:0 0 25px 0;} #vip_review_wrap .review_stats {margin-bottom: 35px;text-align: center;} #vip_review_wrap .review_stats .desc {font-size: 15px;font-weight: 700;} #vip_review_wrap .review_stats .num_val {font-size: 51px;font-weight: 700;} #vip_review_wrap .review_stats .star_val {margin-top: 10px; font-size: 0;} #vip_review_wrap .review_stats .star_val .star {display: inline-block;width:21px;height: 21px;margin-right: 3px;background: url('../images/common/ico_star5.png') no-repeat 0 0/cover;} #vip_review_wrap .review_stats .star_val.val10 .star:nth-child(1), #vip_review_wrap .review_stats .star_val.val20 .star:nth-child(1), #vip_review_wrap .review_stats .star_val.val20 .star:nth-child(2), #vip_review_wrap .review_stats .star_val.val30 .star:nth-child(1), #vip_review_wrap .review_stats .star_val.val30 .star:nth-child(2), #vip_review_wrap .review_stats .star_val.val30 .star:nth-child(3), #vip_review_wrap .review_stats .star_val.val40 .star:nth-child(1), #vip_review_wrap .review_stats .star_val.val40 .star:nth-child(2), #vip_review_wrap .review_stats .star_val.val40 .star:nth-child(3), #vip_review_wrap .review_stats .star_val.val40 .star:nth-child(4), #vip_review_wrap .review_stats .star_val.val50 .star {background-image: url('../images/common/ico_star4.png');} #vip_review_wrap .review_stats .star_val.val05 .star:nth-child(1), #vip_review_wrap .review_stats .star_val.val15 .star:nth-child(2), #vip_review_wrap .review_stats .star_val.val25 .star:nth-child(3), #vip_review_wrap .review_stats .star_val.val35 .star:nth-child(4), #vip_review_wrap .review_stats .star_val.val45 .star:nth-child(5) {background-image: url('../images/common/ico_star_half.png');} #vip_review_wrap .review_stats .star_val.val15 .star:nth-child(1), #vip_review_wrap .review_stats .star_val.val25 .star:nth-child(1), #vip_review_wrap .review_stats .star_val.val25 .star:nth-child(2), #vip_review_wrap .review_stats .star_val.val35 .star:nth-child(1), #vip_review_wrap .review_stats .star_val.val35 .star:nth-child(2), #vip_review_wrap .review_stats .star_val.val35 .star:nth-child(3), #vip_review_wrap .review_stats .star_val.val45 .star:nth-child(1), #vip_review_wrap .review_stats .star_val.val45 .star:nth-child(2), #vip_review_wrap .review_stats .star_val.val45 .star:nth-child(3), #vip_review_wrap .review_stats .star_val.val45 .star:nth-child(4) {background-image: url('../images/common/ico_star4.png');} #vip_review_wrap .review_stats .btn_wrap {position: absolute;right:0;top:75px;margin:0;} #vip_review_wrap .list_info {display: flex;justify-content: space-between;min-height:19px;margin-bottom: 20px;} #vip_review_wrap .list_state {margin: 0;} #vip_review_wrap .btn_wrap.bottom_btn {margin-top: 25px;} #vip_review_wrap .review_list > li {padding-bottom: 20px;} #vip_review_wrap .noData {background: #fff;} #vip_inquiry_wrap .customer_box {position: relative;} #vip_inquiry_wrap .customer_box .desc {line-height: 22px;color: #90a0a6} #vip_inquiry_wrap .customer_box .btn_wrap {margin-top: 0px;} #vip_inquiry_wrap .customer_box .btn_wrap.bottom_btn {position:absolute;right:0;top:10px;margin:0;} #vip_inquiry_wrap .list_info {position: relative;height:19px;margin: 35px 0 20px;} #vip_inquiry_wrap .list_info .inp_check {position: absolute;right: 0;top:-5px;} #vip_inquiry_wrap .inquiry_list {margin:0;} #vip_inquiry_wrap .inquiry_list > li {padding: 25px 0;} #vip_inquiry_wrap .inquiry_list .info {justify-content:flex-end;} #vip_inquiry_wrap .inquiry_list .info .tit_wrap {width:580px;margin-left:28px;padding-right: 25px;} #vip_inquiry_wrap .inquiry_list .info .inBox {overflow:hidden;display:block;width:462px;text-align: center;} #vip_inquiry_wrap .inquiry_list .info .id {float:left;width:185px;font-size: 13px;color:#90a0a6;line-height: 28px;} #vip_inquiry_wrap .inquiry_list .info .date {float:left;width:90px;margin:0;line-height: 28px;} #vip_inquiry_wrap .inquiry_list .info .btn_wrap {float:left;width:150px;} #vip_inquiry_wrap .inquiry_list .info .drop_btn {float:right;margin:3ㅔx 0 0 12px;} #vip_inquiry_wrap .btn_wrap.bottom_btn {margin-top: 25px;} /* 제품상세 플로팅 메뉴 */ .vip_order_floting {position:fixed;z-index:210;left:0;bottom:-75px;width:100%;transition:all .3s ease;} .vip_order_floting.show {bottom:0;} .vip_order_floting .vip_addCart {position: absolute;left: 0;top: 15px;width: 100%;background:rgba(27,37,41,0.9);transition:all .5s ease;} .vip_order_floting .vip_addCart .inner_box {overflow: hidden;max-width: 1200px;margin: 0 auto;padding: 20px 5px 20px;} .vip_order_floting .vip_addCart .add_msg {float: left;line-height: 30px;font-size: 15px;color: #fff;} .vip_order_floting .vip_addCart .add_msg .cart {display: inline-block;width: 27px;margin-right: 10px;transition:transform .5s .5s cubic-bezier(0.07, 0.95, 0.5, 1.22);transform:scale(0);} .vip_order_floting .vip_addCart .btn_wrap {float: right;margin: 0;} .vip_order_floting .vip_addCart .btn_wrap a {color: #fff;border: 1px solid #fff;} .vip_order_floting .vip_addCart .btn_wrap span {float: right;margin: 0;padding-right: 18px;background: url('../images/common/arr_right7.png') no-repeat right center/12px;} .vip_order_floting .prd_view_wrap {position: relative;z-index:2;width: 100%;background: #fff;/*border-top:1px solid #f2f4f5;border-bottom:1px solid #f2f4f5;*/box-shadow: 0 -1px 16px rgba(0,0,0,.07);} .vip_order_floting .prd_view_wrap .inner_box {position:relative;min-width:800px;max-width:1200px;margin: 0 auto;padding: 16px 5px 17px;text-align:right;} .vip_order_floting .prd_view_wrap .inner_box:after {content:'';display: block;clear:both;} .vip_order_floting .prd_view_wrap .pdtName {position:absolute;top:30px;left:5px;} .vip_order_floting .prd_view_wrap .pdtName .name {font-size: 15px;font-weight: 700;margin-right: 15px;} .vip_order_floting .prd_view_wrap .pdtName .code {font-size: 13px;color:#90a0a6;} .vip_order_floting .prd_view_wrap .total_price {display: inline-block;height:39px;margin-right: 30px;vertical-align: top;} .vip_order_floting .prd_view_wrap .total_price > dt {width:auto;line-height: 39px;} .vip_order_floting .prd_view_wrap .total_price > dd {width:auto;} .vip_order_floting .prd_view_wrap .total_price > dt.alliance_card { margin-left: 20px; } .vip_order_floting .prd_view_wrap .total_price > dt.alliance_card .tip_box { text-align: left; } .vip_order_floting .prd_view_wrap .total_price > dd strong {margin-left:10px;line-height: 35px;} .vip_order_floting .prd_view_wrap .btn_wrap {display: inline-block;width:auto;margin:0;vertical-align: top;} .vip_order_floting .prd_view_wrap .btn_wrap a {width:120px;} .vip_order_floting .prd_view_wrap .btn_wrap .btnBasic.half {margin:0 5px 0 0;} .vip_order_floting .prd_view_wrap .btn_wrap .btnBasic.half:nth-of-type(2) {margin:0;} .vip_order_floting .total_price {margin-top: 0;} .vip_order_floting .tool_tip.reverse .tip_box {top:unset;left:-70px;bottom:0;transform-origin: 30% 97%;} .vip_order_floting.add .vip_addCart {top: -70px;} .vip_order_floting.add .vip_addCart .add_msg .cart {transform:scale(1.0);} #vip_noticeTab {margin-bottom:30px;} .vip_noticeTab {display:none;} #vip_noticeTab1 {display:block;} .prd_view_wrap .recent_view {max-width:1200px;margin: 35px auto 0;} .prd_view_wrap .recent_view .title_wrap .h2_tit {font-size: 19px;} .prd_view_wrap .recent_view .swiper-container {width:1184px;} .vip_tabGroup .buyType_con .vip_alliance_card { display: block;background: #f2f4f5;border-radius: 4px;margin: 15px 0;padding: 18px 0 0 0;} .vip_tabGroup .buyType_con .vip_alliance_card .vip_alli_title { padding: 0 20px; } .vip_tabGroup .buyType_con .vip_alliance_card .vip_alli_title p { display: inline-block;font-size: 15px;font-weight: 700; } .vip_tabGroup .buyType_con .vip_alliance_card .vip_alli_title span { display: block;font-size: 13px;color: #90a0a6;margin-top: 10px; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm { height: auto; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm.open .selList { top: -15px; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm.change { } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm.change .card_select_area ul li { background: #fff;border: 2px solid #333;border-radius: 4px; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .title { display: flex;height: auto;background: none;padding-right: 0;text-indent: 0;padding: 10px 0px; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .title .card_select_area { display: block;width: 100%;} .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .title .card_select_area ul li { display: flex;flex-wrap: wrap;overflow: hidden;margin-bottom: 15px;margin: 0 10px;padding: 5px 10px;cursor: pointer; } /* .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .title .card_select_area ul li + li { margin-top: 15px; } */ .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .title .card_select_area ul li > span { display: inline-block;width: 74px;height: 22px;color: #fff;font-size: 14px;line-height: 22px;font-weight: 700;border-radius: 4px;margin-right: 10px;background: #fe7c20;text-align:center; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .title .card_select_area ul li > p { font-size: 14px;line-height: 22px;color: #333;width: calc(100% - 84px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .title .card_select_area ul li > em { font-size: 14px;color: #fe7c20;line-height: 30px; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .title .card_select_area ul li > .btn_wrap { margin: 0 0 0 auto;text-align: right; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .title .card_select_area ul li > .btn_wrap a { background: transparent;border: none;font-size: 14px;color: #90a0a6;font-weight: 400;padding: 0;background: url('../images/common/arr_right1.png') no-repeat center right;padding-right: 10px; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .drop_btn { width: 100%;padding: 15px 0;text-align: center;font-size: 13px;color: #90a0a6;border-top: 1px solid #e5e9eb; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .drop_btn span {display: flex; align-items: center; justify-content: center;} .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .drop_btn span::after {display: block; width: 11px; height: 7px; margin-left: 10px; background: url('../images/common/arr_down2.png') no-repeat scroll 0 0 / cover;content: "";} .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm.open .selList { max-height: calc(342px - 40px) !important; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList { border-top: 2px solid #1b2529;border-top-left-radius : 4px;border-top-right-radius : 4px; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList li { padding: 10px 20px;border-bottom: 1px solid #f2f4f5; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList li label { padding: 0; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList li .card_select_area { display: flex;flex-wrap: wrap;overflow: hidden; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList li .card_select_area > span { display: inline-block;width: 74px;height: 22px;background: blue;color: #fff;font-size: 14px;line-height: 22px;font-weight: 700;border-radius: 4px;margin-right: 10px;background: #fe7c20;text-align:center; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList li .card_select_area > p { font-size: 14px;line-height: 22px;color: #333;width: calc(100% - 84px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList li .card_select_area > em { font-size: 14px;color: #fe7c20;line-height: 30px; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList li .card_select_area > .btn_wrap { margin: 0 0 0 auto;text-align: right; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList li .card_select_area > .btn_wrap a { background: transparent;border: none;font-size: 14px;color: #90a0a6;font-weight: 400;padding: 0;background: url('../images/common/arr_right1.png') no-repeat center right;padding-right: 10px; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList .drop_up_btn { width: 100%;padding: 15px 0;text-align: center;font-size: 13px;color: #90a0a6; } .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList .drop_up_btn span {display: flex; align-items: center; justify-content: center;} .vip_tabGroup .buyType_con .vip_alliance_card .select_cstm .selList .drop_up_btn span::after {display: block; width: 11px; height: 7px; margin-left: 10px; background: url('../images/common/arr_down2.png') no-repeat scroll 0 0 / cover;content: "";transform: rotate( -180deg )} .vip_tabGroup .buyType_con .vip_alliance_card .tool_tip .tip_box { width: 320px; } /* 레이어 */ #lay_vip360_view .layCon {padding: 25px 25px 44px;} #lay_vip360_view .spritespin {width:480px;margin: 0 auto;} #lay_vip360_view .noti_text {margin-top: 24px;padding: 15px 0;text-align: center;font-size: 15px;background: #f2f4f5;border-radius: 4px;} #lay_vipVideo_view {width:1200px;} #lay_vipVideo_view .layCon {display: flex;align-items: center;min-height:calc(100vh - 184px);padding: 0;} _:-ms-fullscreen, :root .layerWrap #lay_vipVideo_view.lay_inner.full .layCon::after {display: none;} #lay_vipVideo_view .vipVideo_box {position:relative;width:100%;padding-top:56.25%;} #lay_vipVideo_view .vipVideo_box iframe {position:absolute;left:0;top:0;width: 100%;height:100%;} #lay_vipZoom_view .layCon {padding:0 0 20px 0;} /* #lay_vipZoom_view .zoom_slide {padding-bottom:20px;} */ #lay_vipZoom_view .zoom_slide .swiper-slide {overflow:hidden;position:relative;padding-top:100%} #lay_vipZoom_view .zoom_slide .swiper-slide img {position:absolute;left:-10%;top:-10%;width:120%;max-width:initial;height:120%;} #lay_vipZoom_view .swiper-pagination {top:unset;bottom:25px;width: 90%;margin: 0 5%;height:2px;} #lay_vipZoom_view .swiper-pagination-progressbar {background:#e8e9e9;} #lay_vipZoom_view .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#1b2529;} #lay_nonmember_order .form_wrap {margin-bottom: 10px;} #lay_nonmember_order .check_open {margin-top: 30px;} #lay_nonmember_order .safe_tel {margin-top: 15px;} /* 에어매칭필터 팝업 */ #lay_gift_desc {width: 480px;} #lay_gift_desc .title_wrap {margin-bottom: 8px;} #lay_gift_desc .title_wrap .h3_tit {font-size: 23px;} #lay_gift_desc .txtBox {font-size: 15px; line-height: 1.6;} #lay_gift_desc .layBtn {margin-bottom: 25px; text-align: center;} #lay_gift_desc .layBtn a {width: 180px; height: 54px; font-size: 16px; line-height: 54px;} /* 제품상세 배너 추가 */ .vip_top_banner { display: block;padding-bottom: 30px;background: #fff; } .vip_top_banner img { width: 100%;height: 100%; } .vip_top_banner .slide_wrap { display: block;margin-bottom: 30px; } .vip_top_banner .swiper-container { padding-bottom: 30px; } .vip_top_banner .swiper-container-horizontal>.swiper-scrollbar { width: 1200px;left: 50%;transform: translate(-50%, 0);bottom: 0px;height: 2px; } .vip_top_banner .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag { background: #1b2529; } .vip_combined_banner { display: flex; } .vip_combined_banner.only { margin-bottom: 25px; } .vip_combined_banner div { display: block;background: linear-gradient(90deg, rgba(196,236,249,1) 0%, rgba(41,156,231,1) 100%);width: 100%;border-radius: 4px; } .vip_combined_banner div a { color: #fff;font-size: 14px;;padding: 17px;position: relative; } .vip_combined_banner div a::after { content: '';position: absolute;top: 20px;right: 17px;width: 11px;height: 15px;background: url('../images/common/arr_down4.png') no-repeat center;background-size: contain;transform: rotate( -90deg ); } .vip_combined_banner div a p { font-size: 15px;font-weight: 700;color: #222;display: inline-block; } .vip_combined_banner div a p::after { content: '';background: url('../images/common/gnb_combin_icon.png') no-repeat center;width: 16px;height: 19px;background-size: contain;display: inline-block;vertical-align: bottom;margin-left: 5px; } .vip_combined_banner div a span { display: inline-block;margin-left: 5px;border-bottom: 1px solid #fff;font-size: 14px; } /* vip 문구 등록 영역 */ .vip_txt_register { display: block;text-align: center;width: 100%;padding: 0 20px;background: #bec8cc;height: 54px;line-height: 54px;border-radius: 4px;margin: 25px 0 0;overflow: hidden; } .vip_txt_register p { font-size: 16px;color: #fff;width: 100%;overflow: hidden;font-weight: 700;word-break: break-all; } /** order **/ /* 장바구니 */ .cart_page #floating {display: none;} .cart_page .cart_page_tab {margin-top: 20px;text-align:center;font-size:0;border-bottom:1px solid #f2f4f5;} .cart_page .cart_page_tab ul {display:inline-block;max-width:1200px;margin:0 auto;border-bottom:0;} .cart_page .content_wrap {position:relative;padding:0 88px;} .cart_page .contents.order_wrap {float:left;width:609px;padding:45px 0 0 0;} @media all and (max-width:1229px){ .cart_page .contents.order_wrap {padding-right:0;} } .order_notice {background: #fff;border-bottom:1px solid #f2f4f5;} .order_notice .inBox {width:100%;max-width:1200px;margin:0 auto;padding:0 88px;} .order_notice .inBox a {line-height: 55px;font-size: 15px;color: #90a0a6;background: url(../images/common/arr_down2.png) no-repeat right center/11px;} .order_notice .line_box {display: none;border-top:1px solid #f2f4f5;} .order_notice .line_box .list_type3 {width:100%;max-width:1200px;margin:0 auto;padding: 15px 88px 25px;} .order_notice.open a {background-image: url(../images/common/arr_up3.png);} .order_notice.open .line_box {display: block;} .order_list_area .all_chk {display:flex;justify-content:space-between;} .order_list_area .all_chk .inp_check input {margin-left: 0;} .order_list_area .all_chk .remove_chk {padding-left:21px;background:url('../images/common/ico_del1.png') no-repeat 0 5px/ 15px;} .order_list_area .all_chk .remove_chk button {font-size: 14px;color: #90a0a6;} .order_list_area .all_chk.top {margin-bottom: 15px;} .order_list_area .all_chk.bottom {margin-top: 15px;padding-bottom: 60px;} .order_list_area .noData.cart {background: #fff;padding:120px 0;} .order_setion {position:relative;margin-top:15px;padding:25px 12px 25px;background:#fff;border-radius:8px;box-shadow:5px 0 40px rgba(0, 0, 0, 0.08);} .order_setion:first-child {margin-top:0;} .order_setion .prd_info {display:flex;align-items:center;padding:0 13px;} .order_setion .prd_info .img_box {position:relative;width:96px;} .order_setion .prd_info .img_box.soldOut:after {content:'품절';position:absolute;left:0;bottom:0;width:100%;height:24px;line-height:24px; text-align:center;font-size:14px;color:#fff;background:rgba( 27, 37, 41, 0.3);} .order_setion .prd_info .text_box {width:calc(100% - 96px);padding:0 18px;} .order_setion .prd_info .text_box .prd_code {margin-bottom:10px;font-size:13px;color:#90a0a6;} .order_setion .prd_info .text_box .prd_name {font-size:19px;font-weight:700;} .order_setion .prd_info .text_box .prd_name a {font-size:19px;font-weight:700;} .order_setion .prd_info .text_box .prd_ctgr {margin-top: 10px;font-size:0;} .order_setion .prd_info .text_box .prd_ctgr span {display:inline-block;position:relative;font-size:14px;} .order_setion .prd_info .text_box .prd_ctgr span:after {content:'·';width:4px;margin:0 3px 0 2px;font-size:14px;line-height:18px;color: #1b2529;} .order_setion .prd_info .text_box .prd_ctgr span:last-child:after {display:none;} .order_setion .prd_info .text_box .prd_price {margin-top:7px;font-size:22px;font-weight:700;color:#00a8e3;} .order_setion .prd_info .text_box .prd_price em {font-size:15px;} .order_setion .rental_info {margin:20px 0 0;padding:0 18px;} .order_setion .rental_info .rental_btn {margin:0;text-align:right;} .order_setion .rental_info .rental_btn .drop span {padding-right:18px;background:url('../images/common/arr_down1.png') no-repeat right center/11px;} .order_setion .rental_info .rental_btn.open .drop span {background-image:url('../images/common/arr_up1.png');} .order_setion .rental_info .rental_choice {display: none;margin:15px -30px 0;padding:20px 30px 0;border-top: 1px solid #f1f3f4;} .order_setion .rental_info .rental_btn.open + .rental_choice {display:block;} .order_setion .rental_info .rental_choice dl:after {content:'';display: block;clear: both;} .order_setion .rental_info .rental_choice dt {float:left;line-height:45px;width:100px;} .order_setion .rental_info .rental_choice dd {float:left;width:calc(100% - 100px);padding: 0;margin: 0;} .order_setion .rental_info .rental_choice dl.color {margin-bottom:15px;} .order_setion .rental_info .rental_choice dl.color .select_cstm {margin: 0;} .order_setion .rental_info .rental_choice dl.volume dt {line-height:30px;} .order_setion .rental_info .rental_choice .errorMsg {margin-top:10px;line-height:20px;} .order_setion .rental_info .rental_choice .btn_wrap {margin:20px 0 0 0;} .order_setion .inp_check.choice {position: absolute;left: 12px;top: 12px;z-index: 2;} .order_setion .inp_check.choice input {margin: 0;} .order_setion .cancel {position: absolute;right: 12px;top: 12px;width:12px;} .order_setion .price_group.rental {margin:40px 0 20px;} .order_setion .price_group.confirm {margin-top:20px;} .order_setion .price_group .detail_view {padding-right:30px;background: url(../images/common/arr_down1.png) no-repeat 98.5% center/11px;} .order_setion .price_group.open .detail_view {background-image: url(../images/common/arr_up1.png);} .order_setion .price_group .total_price {padding-left:12px;} .order_setion .price_group .total_price > dt {float: left;width:75px;font-size: 16px;font-weight: 700;line-height: 29px;} .order_setion .price_group .total_price > dd {float: left;width:calc(100% - 75px);text-align: right;} .order_setion .price_group .total_price > dd i {font-size:14px;color:#bec8cc;text-decoration:line-through;} .order_setion .price_group .total_price > dd strong {display:inline-block;margin-left: 7px;font-size: 22px;font-weight: 700;color:#00a8e3;} .order_setion .price_group .total_price > dd strong em {font-size: 15px;} .order_setion .price_group .dropDown {margin-top:15px;padding:15px 18px;background: #f6f7f8;border-radius:4px;} .order_setion .price_group .dropDown li {overflow: hidden;margin-top: 10px;} .order_setion .price_group .dropDown li:first-child {margin-top: 0;} .order_setion .price_group .dropDown li .dt {float: left;width: 50%;font-size: 14px;} .order_setion .price_group .dropDown li .dd {float: right;width: 50%;padding-right: 1px;text-align: right;} .order_setion .price_group .dropDown li.dep2 {padding-left: 6px;color: #90a0a6;} .order_setion .price_group.rental .dropDown {display:block;} .order_setion .price_group.confirm .dropDown {display:none;} .od_complete_group {margin-top:15px;} .od_complete_group .complete_list {display: none;} .od_complete_group .order_setion {position: relative;margin-top: 0;padding:25px 12px 20px 12px;border-radius: 0;box-shadow:none;border-top: 1px solid #f2f4f5;background: none;} .od_complete_group .complete_tit {padding:30px 30px 30px 30px;} /* .od_complete_group .od_confirm2_sec .confirm_tit {padding-top:30px;} .od_complete_group .confirm_pdt .confirm_tit {background-position: 0 30px;} .od_complete_group .od_memberInfo {margin-bottom: 30px;} */ .od_complete_group .complete_tit .sec_tit {font-size: 19px;font-weight: 700;} .od_complete_group .complete_tit .sec_tit button {display: block;width:100%;text-align:left;font-size: 19px;font-weight: 700;padding-left:28px;background: url('../images/common/arr_down1.png') no-repeat right 10px, url('../images/order/ico_general_t1.png') no-repeat 0 center/19px auto;} .od_complete_group .complete_tit .sub_txt {margin-top: 12px;font-size: 15px;line-height: 22px;} .od_complete_group .order_setion .promo_label {padding-left:13px;} .od_complete_group .order_setion .price_group .total_price {padding-right: 12px;} .od_complete_group .sum_price_area {border-top: 1px solid #f2f4f5;background: none;} .od_complete_group .sum_price_area .total_price {padding-top: 5px;} .od_complete_group .sum_price_area .total_price:nth-child(2) {margin-bottom: 0;} .od_complete_group.open .complete_list {display: block;} .od_complete_group.open .complete_tit .sec_tit button {background: url('../images/common/arr_up1.png') no-repeat right 10px/11px auto, url('../images/order/ico_general_t1.png') no-repeat 0 center/19px auto;} .od_complete_group.open .complete_tit .sub_txt {display: none;} .od_complete_group.open .od_name {display: none;} .od_complete_group.open .confirm_pdt .confirm_tit .more_list {background-image: url('../images/common/arr_up1.png');} .od_complete_group .od_memberInfo .title_wrap {padding:40px 0 0;} .od_complete_group .complete_info_box {padding-bottom: 30px;} .od_complete_group .complete_info_box dl {margin:0 30px 15px 30px;border:1px solid #e7eaec;border-radius: 4px;} .od_complete_group .complete_info_box dt {padding:0 28px;line-height: 58px;font-size: 17px;font-weight: 700;background: #f6f7f8;border-bottom:1px solid #e7eaec;} .od_complete_group .complete_info_box dd {padding:22px 28px;} .od_complete_group .complete_info_box dd + dd {padding-top:0;} .od_complete_group .complete_info_box dd strong {display: block;font-size:16px;font-weight: 700;line-height: 24px;} .od_complete_group .complete_info_box dd strong .postcode {display: block;} .od_complete_group .complete_info_box table {margin-top: 10px;} .od_complete_group .complete_info_box th {padding:5px 0;text-align: left;font-size: 15px;color:#90a0a6;font-weight: 400;} .od_complete_group .complete_info_box td {padding:5px 0;text-align: right;font-size: 15px;} .od_complete_group .complete_info_box .noti {margin-top: 10px;padding-left: 20px;color:#bec8cc;background: url('../images/common/ico_info2.png') no-repeat 0 center;} .sum_price_area {padding:20px 30px 20px;background:#fff;} .sum_price_area .total_price {padding-top:10px;} .sum_price_area .total_price:first-child {padding-top:0;} .sum_price_area .total_price:nth-child(2) {margin-bottom: 15px;} .sum_price_area .total_price > dt {float: left;width:135px;font-size: 16px;font-weight: 700;line-height:29px;} .sum_price_area .total_price > dd {float: left;width:calc(100% - 135px);text-align: right;} .sum_price_area .total_price > dd i {font-size:14px;color:#bec8cc;text-decoration:line-through;} .sum_price_area .total_price > dd strong {display:inline-block;margin-left: 7px;font-size: 24px;font-weight: 700;color:#00a8e3;} .sum_price_area .total_price > dd strong em {font-size: 15px;} .sum_price_area .btn_wrap {margin:15px 0 0 0;} .cart_order_floting {position: absolute;left:737px;top:87px;width:375px;background:#fff;border-radius:8px;box-shadow:5px 0 40px rgb(0 0 0 / 8%);transition:bottom .5s ease;} .cart_order_floting .sum_price_area {max-width:768px;margin:0 auto;border-radius:8px;} .cart_order_floting .btn_wrap.save {/*display:none;*/margin:0 0 6px 0;} .cart_order_floting .btn_wrap.save span {padding-left:21px;background:url('../images/common/ico_save.png') no-repeat left center/16px;} .cart_order_floting .btn_wrap.bottom {margin:0;} .cart_order_floting .btn_wrap.bottom .btnBasic.sizeL {min-width:auto;width:49%;margin-right:2%;} .cart_order_floting .btn_wrap.bottom .btnBasic.half:nth-of-type(2) {margin-right: 0;} .cart_order_floting.fixed {position: fixed;top:35px;left:50%;margin-left: 137px;} @media all and (max-width:1229px){ .cart_order_floting.fixed {left:737px;margin:0;} } /* 주문서-공통 */ .order_page #floating {display: none;} .order_page .content_wrap {position:relative;padding:0 88px;} .order_page .contents.order_wrap {float:left;width:609px;padding:45px 0 0 0;} .order_page .contents.order_general_wrap {float:left;width:609px;padding:45px 0 0 0;} .order_page .contents.order_delivery_wrap {float:left;width:609px;padding:45px 0 0 0;} .order_page .cart_order_floting {top:45px;} @media all and (max-width:1229px){ /* .order_page .contents.order_wrap {padding-right:0;} */ } .sectionBG_group {background: #fff;border-radius:8px;box-shadow:5px 0 40px rgba(0, 0, 0, 0.08);} .temp_saveOrder {position:fixed;left:50%;bottom:60px;z-index:499;padding:0 28px 0 18px;background:rgba(73,81,84,0.8);border-radius:20px;box-shadow:0 0 40px rgb(0 0 0 / 15%);-webkit-animation-fill-mode: both;animation-fill-mode: both;} .temp_saveOrder .txt {line-height:40px;font-size: 14px;color:#fff;padding-left:20px;background: url('../images/common/ico_check2.png') no-repeat 0 center/12px auto;} .temp_saveOrder.saveMotion {-webkit-animation-name:saveMotion;animation-name:saveMotion;-webkit-animation-duration: 3s;animation-duration: 3s;} @keyframes saveMotion { from,10%,20%,30%,40% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0;-webkit-transform: translate3d(-50%, 150px, 0);transform: translate3d(-50%, 150px, 0);} 6% {opacity: 1;-webkit-transform: translate3d(-50%, -10px, 0);transform: translate3d(-50%, -10px, 0);} 12% {-webkit-transform: translate3d(-50%, 5px, 0);transform: translate3d(-50%, 5px, 0);} 18% {-webkit-transform: translate3d(-50%, -2px, 0);transform: translate3d(-50%, -2px, 0);} 24%, 95% {opacity: 1;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);} 100% {opacity: 0;-webkit-transform: translate3d(-50%, 100%, 0);transform: translate3d(-50%, 100%, 0);} } /* 주문서-일반회원사용자인증 */ .order_terms_wrap.contents {width:609px !important;margin:45px auto 0;padding:45px 30px !important;background: #fff;border-radius:8px;box-shadow:5px 0 40px rgba(0, 0, 0, 0.08);} .order_terms_wrap .title_wrap {margin:0 0 35px 0;} .order_terms_wrap .no_mem {margin:0 -30px 30px;padding:0 30px 29px;border-bottom: 1px solid #f2f4f5;} .order_terms_wrap .terms_msg {margin:40px 0 30px;font-size:15px;line-height:22px;} .order_terms_wrap .terms_msg .sub_tit {color:#1b2529;} .order_terms_wrap .check_open {margin:35px 0 0 0;} .order_terms_wrap .check_open .inp_check_btn {margin:0 10px 0 18px;} .order_terms_wrap .check_open .con_open {position:absolute;top: 0;right: 10px;width: 27px;height: 27px;background: url('../images/common/arr_down2.png') no-repeat center center / 11px auto;} .order_terms_wrap .check_open.on .con_open {background-image:url('../images/common/arr_up3.png');} .order_terms_wrap .check_open.complete {border:2px solid #00a7e1;} .order_terms_wrap .check_open.complete .inp_check_btn .label {color:#1b2529;background-image:url('../images/common/ico_check_on2.png');} .order_terms_wrap .check_open .check_con {padding:20px 20px 10px;} .order_terms_wrap .check_open .check_con .terms_area {padding:25px 20px;border-radius: 4px;background: #f2f4f5;} .order_terms_wrap .check_open .check_con .terms_area.h_scroll { max-height: 325px;overflow: auto; } /* .order_terms_wrap .check_open .check_con .terms_area ul li span.clause_emphasis { font-size: 16px; } */ .order_terms_wrap .check_open .check_con .terms_area .list_type3 {margin:0;font-size: 14px;color:#90a0a6;} .order_terms_wrap .check_open .check_con .terms_area .list_type4 {margin:0;font-size: 14px;color:#90a0a6;} .order_terms_wrap .check_open .check_con .terms_area .list_type4 span.clause_title { color: #333;font-weight: 700;font-size: 16px; } .order_terms_wrap .check_open .check_con .terms_area .list_type4 span.clause_emphasis { font-size: 16px; } .order_terms_wrap .check_open .check_con .terms_area .list_type4 li strong { font-weight: 700 !important; } .order_terms_wrap .check_open .form_wrap {margin-bottom:10px;} .order_terms_wrap .check_open .form_wrap.gender {display: flex;justify-content: space-between;} .order_terms_wrap .check_open .form_wrap.gender .btnWrap {margin-top: 5px;} .order_terms_wrap .check_open .form_wrap.gender input {display: none;} .order_terms_wrap .check_open .form_wrap.gender input:checked + label {padding: 0 14px;border: 2px solid #00a8e3;line-height: 37px;color: #00a8e3;} .order_terms_wrap .check_open .btn_wrap {margin:15px 0 0 0;} .order_terms_wrap .check_open .in_terms {padding:13px 20px 25px 20px;background:#f2f4f5;border-radius:4px;} .order_terms_wrap .check_open .personal {position: absolute;top: 0;right: 10px;width: 27px;height: 27px;background: url('../images/common/arr_right3.png') no-repeat center center / 7px auto;} .order_terms_wrap .check_open.termsT.on {border:1px solid #f2f4f5;} /* .order_terms_wrap .check_open.termsT .check_con {display:block;} */ .order_terms_wrap .check_open.termsB {margin-top:10px;} .order_terms_wrap .check_open.termsB .check_con .inp_check.skyblue {margin-top:12px;} .order_terms_wrap .btn_wrap.confirm {margin: 45px 0 0 0;} /* 주문서-렌탈혜택적용 */ .order_step_area {position:relative;height:24px;margin-bottom:15px;padding:35px 114px 53px;background:#fff;box-sizing:content-box;border-radius:8px;box-shadow:5px 0 40px rgba(0, 0, 0, 0.08);} .order_step_area .step {display:block;position:absolute;top:35px;z-index:2;width:16px;height:16px;background:#e1e6e8;border-radius:8px;} .order_step_area .step1 {left:114px;} .order_step_area .step2 {left:50%;margin-left:-8px;} .order_step_area .step3 {right:114px;} .order_step_area .step .point {position:absolute;left:4px;top:4px;z-index:3;width:8px;height:8px;background:#bec8cc;border-radius:4px;} .order_step_area .step.on {background:#00a8e3;} .order_step_area .step.on .point {background:#fff;} .order_step_area .step.wabe:before, .order_step_area .step.wabe:after {content:'';position:absolute;left:-4px;top:-4px;width:24px;height:24px;background:rgba(0, 168, 227, 0.6);border-radius:50%;animation:circleWave 2s infinite linear;} .order_step_area .step.wabe:after {opacity:0;animation:circleWave 2s 1s infinite linear} @keyframes circleWave { 0% {transform:scale(0);opacity:1; } 100% {transform:scale(1.5);opacity:0; } } .order_step_area .bar {position:absolute;top:26px;z-index:1;width:calc(100% - 50% - 50px );height:4px;background:#e1e6e8;} .order_step_area .bar.bar1 {left:50px;} .order_step_area .bar.bar2 {left:50%;margin-left:-8px;} .order_step_area .step.on + .bar:after {content:'';position:absolute;left:0;top:0;width:20%;height:4px;background:#00a8e3;border-top-right-radius:2px;border-bottom-right-radius:2px;} .order_step_area .step.on + .bar.max:after {width:100%;} .order_step_area .step .txt {position:absolute;left:-25px;bottom:-26px;width:70px;text-align:center;font-size:14px;color:#90a0a6;} .order_step_area .step.on .txt {font-weight:700;color:#1b2529;} .order_step_area .step_bar {position:relative;top:6px;width:98%;height:4px;margin:0 1%;background:#e1e6e8;} .order_step_area .step_bar:after {content: '';position:absolute;left: 0;top:0;width:auto;height:4px;background:#00a8e3;border-top-right-radius:2px;border-bottom-right-radius:2px;} .order_step_area.sp1 .step_bar:after {animation:step1_bar .5s ease both;} .order_step_area.sp2 .step_bar:after {animation:step2_bar .8s ease both;} .order_step_area.sp3 .step_bar:after {animation:step3_bar 1s ease both;} @keyframes step1_bar { 0% {width:0;} 100% {width:15%;} } @keyframes step2_bar { 0% {width:0;} 100% {width:65%;} } @keyframes step3_bar { 0% {width:0;} 100% {width:100%;} } .order_benefit_notice {display: flex;justify-content: center;align-items: baseline;margin-bottom: 15px;padding:15px 0;color:#fff;background: #313a3e;border-radius: 8px;} .order_benefit_notice button {line-height: 100%;margin-right:25px;font-size:14px;} .order_benefit_notice strong {padding:0 3px 0 23px;color:#00a8e3;background:url('../images/order/ico_benefit_alarm.png') no-repeat 0 center;} .order_benefit_notice .msg {text-align: left;} .order_setion .promo_label {display:none;margin-bottom:20px;text-align:left;font-size:0;color:#fff;} .order_setion .promo_label span {display:inline-block;position:relative;line-height:24px;font-size:13px;margin:0 7px 6px 0;padding:0 12px;border-radius:12px;} .order_setion .promo_label span.type1 {background:#1b2529;} .order_setion .promo_label span.type2 {background:#00a8e3;} .order_setion .promo_label span:last-child {margin-right:0;} /* .order_setion .promo_label span:after {content:'';position: absolute;right:0;top: 6px;width: 1px;height: 12px;background: #fff;} .order_setion .promo_label span:last-child:after {display:none;} */ .order_setion .promo_label.order_promo {display:inline-block;position:relative;top:-7px;margin-bottom:0;} .order_setion .discount_area {display:flex;justify-content:space-between;margin:20px -12px 0;border-top:1px solid #f2f4f5;} /* .order_setion .discount_area .family {display:none;} .order_setion .discount_area .label {font-size:14px;} .order_setion .discount_area input {margin-left:0;} .order_setion .discount_area label {font-size:14px;line-height:27px;} */ /* 타사보상 */ /* .pay_promotion {position:relative;margin:20px -12px 0;padding:24px 12px 0 20px;border-top: 1px solid #f2f4f5;} */ .pay_promotion {position:relative;width:50%;padding:25px 20px 0;} .pay_promotion + .pay_promotion::after { content: '';width: 1px;height: 73px;background: #f2f4f5;position: absolute;left: 0;top: 0;} .pay_promotion .inp_check_btn {display:inline-block;} .pay_promotion .inp_check_btn .label {font-weight: 400;cursor: pointer;} .pay_promotion .inp_check {display:none;} .pay_promotion .inp_check input {margin-left:0;} .pay_promotion .inp_check label {font-weight: 400;} .pay_promotion .btn_wrap {position: absolute;right:20px;top:18px;margin:0;} .pay_promotion.complete .inp_check_btn {display:none;} .pay_promotion.complete .inp_check {display:inline-block;} /* 주문서-렌탈정보입력 */ .od_memberInfo {margin-bottom: 25px;padding:0 30px;} .od_memberInfo .title_wrap {margin:0;padding:40px 0 15px;} .od_memberInfo .sub_tit {color:#1b2529;} .od_memberInfo .nomemver {margin-top: 20px;background: #fff;border-radius: 4px;} .oder_writeList {padding:0 30px 40px;} .oder_writeList .check_open {padding:20px 0;margin:10px 0 0 0;background:#fff;border: 1px solid #e5e9eb;} .oder_writeList .check_open.complete {padding:15px 0;} .oder_writeList .check_open:first-child {margin:0;} .oder_writeList .check_open .inp_check_btn {margin:0 10px 0 18px;} .oder_writeList .check_open .inp_check_btn .label {display: block;font-weight:700;cursor: pointer;} .oder_writeList .check_open .inp_check_btn .label .value {display:none;padding-right:30%;font-size: 14px;font-weight: 400;color:#90a0a6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:100%;} .oder_writeList .check_open .inp_check_btn .label em {display:inline-block;position:relative;padding-right:7px;line-height:100%;} .oder_writeList .check_open .inp_check_btn .label em.vitally:after {content: '';position: absolute;right: 0;top: 2px;width: 3px;height: 3px;background: #00a8e3;border-radius: 50%;} .oder_writeList .check_open .con_open {position: absolute;right:10px;top:-5px;width:60px;height:39px;line-height:39px;text-align: center;font-size:14px;font-weight: 700;color:#fff;background: #1b2529;border-radius: 4px;} .oder_writeList .check_open.on {border: 2px solid #00a7e1;} .oder_writeList .check_open.on .con_open {display:none;} .oder_writeList .check_open.payment.on .con_open {display:block;} .oder_writeList .check_open.complete .con_open {color:#1b2529;background:#fff;border:1px solid #e5e9eb;} .oder_writeList .check_open.complete .inp_check_btn .label {color:#1b2529;background-image:url('../images/common/ico_check_on2.png');} .oder_writeList .check_open.complete .inp_check_btn .value {display:block;} .oder_writeList .check_open.complete .inp_check_btn.addVal .label {height:auto;background-position:0 center;} .oder_writeList .check_open.complete .inp_check_btn.addVal .con_open {top: 0;} .oder_writeList .check_open .check_con {margin-top:0;padding:35px 18px 13px;border-top:0;} .oder_writeList .check_open .check_con .memChk {margin-bottom: 10px;text-align: right;} .oder_writeList .check_open .check_con .memChk button {display:inline-block;height:30px;line-height:28px;padding:0 13px 0 30px;font-size: 13px;color:#90a0a6;background:#fff url('../images/common/ico_check1.png') no-repeat 12px center/12px; border:1px solid #e5e9eb;border-radius:4px;} .oder_writeList .check_open .check_con .memChk button.on {font-weight: 700;color:#fff;background-image:url('../images/common/ico_check2.png');background-color:#1b2529;border-color:#1b2529;} .oder_writeList .check_open .form_wrap {margin-bottom:10px;} .oder_writeList .check_open .btn_wrap.bottom {margin:30px 0 0 0;} .oder_writeList .check_open.date.on .check_con .plural_rental_notice { display: block;background: #fff;padding: 0 18px 22px 26px;color: #90a0a6;position: relative; } .oder_writeList .check_open.date.on .check_con .plural_rental_notice::after { content: '*';display: block;position: absolute;left: 18px;top: 0; } .oder_writeList .check_open.date.on {padding:0;background: #00a8e3;} .oder_writeList .check_open.date.on .inp_check_btn {display: none;} .oder_writeList .check_open.date.on .check_con {padding:0;} .oder_writeList .check_open.date .selection_area .inBox {display: none;background: #fff;} .oder_writeList .check_open.date .selection_area .btn_tit {display:block;position:relative;width:100%;line-height:55px;padding:0 18px;text-align:left;font-size:16px;font-weight: 700;color:#fff;background:#00a8e3;} .oder_writeList .check_open.date .selection_area .btn_tit:after {content:'';position: absolute;right:19px;top:23px;width:17px;height:10px;background:url('../images/common/arr_down4.png') no-repeat 0 0/cover;} .oder_writeList .check_open.date .selection_area.active .inBox {display: block;} .oder_writeList .check_open.date .selection_area.active .btn_tit {padding:0 18px 10px;color:#00a8e3;background:#fff;} .oder_writeList .check_open.date .selection_area.active .btn_tit:after {background-image:url('../images/common/arr_up5.png');} .oder_writeList .check_open.date .selection_area .reserv_calender {background:#fff;} .oder_writeList .check_open.date .selection_area h5 {padding: 10px 20px 0;font-size: 14px;font-weight: 700;} .oder_writeList .check_open.date .selection_area.time .btn_wrap {position: relative;padding:10px 18px 22px;} .oder_writeList .check_open.date .selection_area.time .btn_wrap input {position: absolute;} .oder_writeList .check_open.date .selection_area.time .btn_wrap label.on {border:2px solid #00a8e3;color:#00a8e3;} .oder_writeList .check_open.date .btn_wrap {padding:22px 18px;margin:0;background:#fff;} .oder_writeList .check_open .option_add {margin-top:30px;padding-top:30px;border-top:1px solid #f2f4f5;} .oder_writeList .check_open .option_add:first-child {margin-top:0;padding-top:0;border-top:0;} .oder_writeList .check_open .option_add dl {margin-top:30px;} .oder_writeList .check_open .option_add dt {padding-left:30px;font-size: 14px;font-weight: 700;color:#1b2529;} .oder_writeList .check_open .option_add dd {position: relative;margin-top: 15px;overflow:hidden;} .oder_writeList .check_open .option_add dd input {position: absolute;left:-5000px;opacity: 0;} .oder_writeList .check_open .option_add dd .btnBasic {line-height:37px;} .oder_writeList .check_open .option_add dd .btnBasic.on {line-height:35px; color:#00a8e3;border: 2px solid #00a8e3;} .oder_writeList .check_open .option_add dl.disuse dt {background:url('../images/common/ico_disuse.png') no-repeat 2px center/15px;} .oder_writeList .check_open .option_add dl.disuse dd {display: flex;justify-content:space-between;} .oder_writeList .check_open .option_add dl.elevator dt {background:url('../images/common/ico_elevator.png') no-repeat 2px center/18px;} .oder_writeList .check_open .option_add dl.ladder dt {background:url('../images/common/ico_ladder.png') no-repeat 2px center/20px;} .oder_writeList .check_open .option_add dl.elevator dd {display: flex;justify-content:space-between;} .oder_writeList .check_open .option_add dl.elevator dd .btnBasic {width:32.6%;margin:0;} .oder_writeList .check_open .option_add .note {margin-top: 10px;font-size: 14px;color:#90a0a6;line-height:20px;} .oder_writeList .recommend_regist {position:relative;margin:9px 0 0 0;padding:20px 20px;background:#fff;border-radius:4px;border:1px solid #e5e9eb;} .oder_writeList .recommend_regist .inp_check_btn {display:inline-block;} .oder_writeList .recommend_regist .inp_check_btn .label {font-weight: 700;cursor: pointer;} .oder_writeList .recommend_regist .inp_check {display:none;} .oder_writeList .recommend_regist .inp_check input {margin-left:0;} .oder_writeList .recommend_regist .inp_check label {font-weight: 700;background-position: 0 center;} .oder_writeList .recommend_regist .inp_check .value {display: none;} .oder_writeList .recommend_regist .btn_wrap {position: absolute;right:20px;top:50%;margin:0;transform:translateY(-50%);} .oder_writeList .recommend_regist.complete {padding:15px 20px;} .oder_writeList .recommend_regist.complete .inp_check_btn {display:none;} .oder_writeList .recommend_regist.complete .inp_check {display:inline-block;} .oder_writeList .recommend_regist.complete .value {display:block;font-size: 14px;color:#90a0a6;font-weight: 400;line-height:100%;} .oder_writeList .recommend_regist.desabled:after {content:'';position: absolute;left:0;top:0;z-index:5;width:100%;height:100%;opacity:0;cursor:no-drop;} .oder_writeList .recommend_regist.desabled .inp_check_btn .label {background-image:url('../images/common/ico_check_read.png');} /* 주문서-결제정보 */ .od_confirm_Sec {position: relative;margin:0 30px 0;} .od_confirm_Sec .title_wrap.secTit {margin:0;padding:40px 0 20px;} .confirm_sum .sum_list {background:#f6f7f8;border-radius:4px;} .confirm_sum .sum_list li {display:flex;justify-content:space-between;align-items:flex-end;padding:10px 0;margin:0 20px;} .confirm_sum .sum_list li:nth-child(2) {padding-top:25px;} .confirm_sum .sum_list li:last-child {padding-bottom:25px;} .confirm_sum .sum_list li .left {font-size: 15px;} .confirm_sum .sum_list li .left strong {font-size: 15px;font-weight: 700;} .confirm_sum .sum_list li .left span {display: inline-block;width:90px;font-size: 14px;color:#90a0a6;} .confirm_sum .sum_list li .right {padding-bottom:2px;font-size:16px;font-weight: 700;} .confirm_sum .sum_list li.sum {margin:0;padding:20px;border-bottom:1px solid #e5e9eb;} .confirm_sum .sum_list li.sum .right {padding:0;font-size: 24px;font-weight: 700;color:#00a8e3;} .confirm_sum .sum_list li.sum .right em {font-size: 14px;} .confirm_paySel .cate .btn_wrap {display: flex;flex-direction: column;margin:0;} .confirm_paySel .cate .btn_wrap label {display: flex; align-items: center; justify-content: center; width: 100%;margin:9px 0 0 0;padding: 15px 0; border: 1px solid #e5e9eb; font-size: 15px;text-align: center; color: #1b2529; border-radius: 4px; background-color: #fff;} .confirm_paySel .cate .btn_wrap label:first-child {margin-top: 0;} .confirm_paySel .cate .btn_wrap label:before {display: block; width: 54px; height: 21px; margin-right: 10px; background-repeat: no-repeat; background-size: contain; background-position: center center; content: "";} .confirm_paySel .cate .btn_wrap label:nth-child(2n) {margin-right: 0;} .confirm_paySel .cate .btn_wrap label.case_1:before {background-image: url('../images/common/ico_card3.png');} .confirm_paySel .cate .btn_wrap label.case_2:before {background-image: url('../images/common/ico_npay3.png');} .confirm_paySel .cate .btn_wrap label.case_3:before {background-image: url('../images/common/ico_kpay3.png');} .confirm_paySel .cate .btn_wrap label.case_4:before {background-image: url('../images/common/ico_send1.png');} .confirm_paySel .cate .btn_wrap label.on {padding: 14px 0; border:2px solid #00a8e3; font-weight: 700; color: #00a8e3;} .confirm_paySel .cate .btn_wrap label.on.case_1:before {background-image: url('../images/common/ico_card4.png');} .confirm_paySel .cate .btn_wrap label.on.case_2:before {background-image: url('../images/common/ico_npay4.png');} .confirm_paySel .cate .btn_wrap label.on.case_3:before {background-image: url('../images/common/ico_kpay4.png');} .confirm_paySel .cate .btn_wrap label.on.case_4:before {background-image: url('../images/common/ico_send2.png');} .confirm_agree {margin-top: 30px;border-radius:8px;} .confirm_banner {padding:30px 0 45px;border-radius:4px;} .confirm_banner img {border-radius:4px;} /* 주문서-주문완료 */ .order_result_wrap.contents {width:609px !important;margin:20px auto 0;padding:45px 30px 0 !important;} .order_result_wrap .result_tit {padding:65px 0 18px;font-weight: 700;text-align: center;font-size: 27px;background:url('../images/common/ico_order_chk.gif') no-repeat center top/45px auto;} .order_result_wrap i.order_icon {display: block;padding:55px 0 18px;font-weight: 700;text-align: center;font-size: 27px;background:url('../images/common/ico_order_chk.gif') no-repeat center top/45px auto;} .order_result_wrap .result_tit.no {padding-top:84px;background:url('../images/common/ico_noResult3.png') no-repeat center top/60px;} .order_result_wrap .finish_guide { display: block;font-weight: 700;text-align: center;font-size: 20px;margin-bottom: 20px; } .order_result_wrap .result_num {margin:0 5px 30px;text-align: center;} .order_result_wrap .result_num p {margin-top:10px;font-size: 19px;} .order_result_wrap .result_num p:first-child {margin-top:0;} .order_result_wrap .result_num strong {color:#00a8e3;font-weight: 400;} .order_result_wrap .result_num.general {padding:0;font-size: 15px;font-weight: 400;line-height:22px;background:none;} .order_result_wrap .result_num.general strong {color:#00a8e3;} .order_result_wrap .result_msg {padding:90px 2.6% 30px;text-align: center;font-size:17px;line-height: 24px;background: #f2f4f5 url('../images/order/ico_contract.png') no-repeat center 30px/40px;border-radius:4px;margin-bottom: 45px; } .order_result_wrap .result_msg02 { padding:60px 2.6% 20px;;text-align: center;font-size:17px;line-height: 24px;background: #f2f4f5 url('../images/order/ico_contract_2.png') no-repeat center 15px/33px;border-radius:4px;margin-bottom: 45px; } .order_result_wrap .result_msg.no {padding-top:25px;background-image: none;} .order_result_wrap .result_msg strong {font-weight: 700;} .order_result_wrap .result_msg .sec {margin-bottom:10px;} .order_result_wrap .result_msg .sec .list_type3 { display: block;text-align: left;margin-top: 20px; } .order_result_wrap .result_msg .sec .list_type3 li { font-size: 16px;color: #90a0a6; } .order_result_wrap .result_msg .sec .list_type3 li strong { font-weight: 700; } .order_result_wrap .alliance_card { display: block;background: #fff;border-radius: 4px;padding: 10px 0 5px;text-align: center;margin: -30px 0 20px;border: 2px solid #e3ecf1; } .order_result_wrap .alliance_card p { display: block;font-size: 17px;font-weight: 700;background: url('../images/event/coway_card_icon.png') no-repeat center top;padding-top: 35px; } .order_result_wrap .alliance_card .btn_wrap { margin: 0; } .order_result_wrap .alliance_card .btn_wrap a { height: 35px;line-height: 35px; } .order_result_wrap .alliance_card .btn_wrap .btnBasic.btnTxt:after { background: url(../images/common/arr_btnTxt4.png) no-repeat center center/100%; } .order_result_wrap .result_sign {margin:0 0 45px;padding:20px 10px 0;line-height:22px;font-size:16px;text-align:center;color:#90a0a6;} .order_result_wrap .result_sign.general {border-top: 1px solid #e5e9eb;} .order_result_wrap .result_sign.dlvy {padding-top: 0;border-top: 0;text-align: center;} .order_result_wrap .result_sign.dlvy .d_day {display: inline-block;width:290px;line-height:54px;margin-bottom: 25px;padding: 0 15px;text-align: center;font-size: 19px;font-weight: 700;color:#1b2529;background: #e5e9eb;border-radius: 4px;} .order_result_wrap .result_sign.dlvy .complete_day {display: inline-block;width:330px;line-height:54px;margin-bottom: 25px;padding: 20px 15px 0;text-align: center;font-size: 19px;font-weight: 700;color:#1b2529;background: #f2f4f5;border-radius: 4px;} .order_result_wrap .result_sign.dlvy .complete_day .complete_txt { margin-bottom: 20px;} .order_result_wrap .result_sign.dlvy .complete_day .complete_txt p { display: block;font-size: 17px;line-height: 24px;font-weight: 500; } .order_result_wrap .result_sign.dlvy .complete_day .complete_txt p span { color: #00a8e3; } .order_result_wrap .result_sign.dlvy .complete_day .btn_wrap { border-top: 1px solid #e5e9eb; } .order_result_wrap .result_sign.dlvy .complete_day .btn_wrap a { color: #90a0a6; } .order_result_wrap .result_sign.dlvy .complete_day .btn_wrap .btnBasic.btnTxt:after, .btnBasic.btnTxt2:after { background: url(../images/common/arr_btnTxt3.png) no-repeat center center/100%; } .order_result_wrap .confirm_banner {padding: 25px 0 0;margin:0;text-align: center;} /* 주문서-일반주문 */ .od_confirm2_sec {position: relative;padding:0 30px;/*background: #fff;*/border-bottom: 1px solid #f2f4f5;} .od_confirm2_sec .confirm_tit {padding:45px 0 20px 25px;font-size: 19px;font-weight: 700;line-height:21px;} .od_confirm2_sec .delivery_ex { display: block;background: #f2f4f5;padding: 20px 0;text-align: center; } .confirm_pdt.open .delivery_ex { margin: -30px -30px 0 -30px; } .od_confirm2_sec .delivery_ex p { display: block;font-size: 15px; } .od_confirm2_sec .delivery_ex p strong { font-weight: 700; } .od_confirm2_sec .delivery_ex p span { color: #00a8e3;font-weight: 700; } .od_confirm2_sec .delivery_ex ul { display: block;margin-top: 10px; } .od_confirm2_sec .delivery_ex ul li { display: block;font-size: 14px; } .od_confirm2_sec .delivery_ex ul li span { color: #00a8e3; } .od_confirm2_sec .confirm_cycle_notice { color: #bec8cc;font-size: 14px;line-height: 20px;margin-top: 15px; } .confirm_pdt .confirm_tit {background:url('../images/order/ico_general_t1.png') no-repeat 0 45px/19px;} .confirm_pdt.n_confirm_pdt { border-bottom: none; } .confirm_pdt .confirm_tit .more_list {font-size: 19px;font-weight: 700;background:url('../images/common/arr_down1.png') no-repeat right center/11px;} .confirm_pdt .od_name {padding-bottom: 23px;font-size: 15px;} .confirm_pdt .dronDown {display: none;margin:0 -30px;background: #f2f4f5;} .confirm_pdt .od_list_slide {padding:35px 30px;} .confirm_pdt .od_list_slide .order_setion {margin-top: 15px;padding:25px 0;box-shadow: none;} .confirm_pdt.open {border-bottom: 0;} .confirm_pdt.open .more_list {background-image:url('../images/common/arr_up1.png');} .confirm_pdt.open .dronDown {display: block;} .confirm_pdt.open .od_name {display: none;} .confirm_pdt.open h2 a {background-image:url('../images/common/arr_up1.png');} .confirm_dlvy {padding-bottom: 30px;} .confirm_dlvy .confirm_tit {background:url('../images/order/ico_general_t2.png') no-repeat 0 45px/15px;} .order_delivery_wrap .confirm_dlvy .confirm_tit {background:url('../images/order/ico_general_t7.png') no-repeat 0 48px/21px;} .confirm_dlvy .dlvy_info {display: flex;margin-top: 10px;} .confirm_dlvy .dlvy_info > dt {width:125px;font-size: 15px;color:#90a0a6} .confirm_dlvy .dlvy_info > dd {width:calc(100% - 125px);font-size: 15px;} .confirm_dlvy .dlvy_info > dd .safe_tel {margin:10px 0 0 0;} .confirm_dlvy .dlvy_info > dd .safe_tel input {margin:0;} .confirm_dlvy .dlvy_info > dd .tool_tip {margin:2px 0 0 3px;} .confirm_dlvy .dlvy_info > dd .tool_tip .tip_box {right:-145px;transform-origin: 45% 3%;} .confirm_dlvy .inp_select.confirm {margin-top: 20px;} .confirm_dlvy .inp_textarea {margin-top: 9px;} .confirm_dlvy .inp_textarea textarea {min-height:90px;height:97px;} .confirm_dlvy .btn_dlvy {position: absolute;right:18px;top:40px;margin:0;} .confirm_dlvy .btn_dlvy .btnBasic {width:90px;} .confirm_dlvy .noData {position: relative;margin-top: 9px;padding:45px 0;background: #f2f4f5;border-radius:4px;} .confirm_dlvy .noData p {padding-top: 40px;background: url('../images/common/ico_plus3.png') no-repeat center top/23px;} .confirm_dlvy .noData .btn_wrap {margin:0;} .confirm_dlvy .no_member {margin:20px 0 -10px 0;} .confirm_dlvy .no_member .form_wrap {margin-bottom: 10px;} .confirm_dlvy .no_member .addr_group {margin-bottom: 10px;} .confirm_dlvy .no_member .form_wrap:last-child {margin-bottom: 0px;} .confirm_dlvy .no_member .tip_box {right:-145px;transform-origin: 45% 3%;} .confirm_dlvy .no_member .tool_tip {margin:2px 0 0 3px;} .confirm_dlvy .delivery_notice { display: block;margin-top: 10px; } .confirm_dlvy .delivery_notice p { display: block;font-size: 15px;color: #90a0a6; } .confirm_payInfo {padding-bottom:30px;} .confirm_payInfo .confirm_tit {background:url('../images/order/ico_general_t5.png') no-repeat 0 45px/18px;} .confirm_payInfo .pay_list {padding:30px 20px;background: #f2f4f5;border-radius: 4px;} .confirm_payInfo .pay_list li {overflow: hidden;margin-top: 10px;} .confirm_payInfo .pay_list li:first-child {margin-top: 0;} .confirm_payInfo .pay_list li .dt {float: left;width: 50%;font-size: 15px;} .confirm_payInfo .pay_list li .dd {float: right;width: 50%;padding-right: 1px;text-align: right;font-size: 15px;} .confirm_payInfo .pay_list li.dep2 {padding-left: 5px;color: #90a0a6;font-size: 14px;} .confirm_payInfo .pay_list .sum {overflow: hidden;margin-top: 20px;padding-top: 20px;border-top: 1px solid #e5e9eb;} .confirm_payInfo .pay_list .sum dt {float: left;width: 50%;font-size: 14px;font-size: 15px;font-weight: 700;line-height:25px;} .confirm_payInfo .pay_list .sum dd {float: right;width: 50%;padding-right: 1px;text-align: right;font-size:22px;font-weight: 700;color:#00a7e1;line-height:100%;} .confirm_payInfo .pay_list .sum dd em {font-size: 15px;} .confirm_benefit {padding-bottom: 30px;} .confirm_benefit .confirm_tit {background:url('../images/order/ico_general_t3.png') no-repeat 0 47px;} .confirm_benefit .form_tit {margin: 10px 0 10px;font-size: 17px;font-weight: 700;} .confirm_benefit .form_tit em {color:#00a8e3;} .od_confirm2_sec.confirm_paySel {padding-bottom: 30px;} .od_confirm2_sec.confirm_paySel .confirm_tit {background:url('../images/order/ico_general_t4.png') no-repeat 0 45px/22px;} .od_confirm2_sec.confirm_paySel .cate {margin-bottom: 30px;} .od_confirm2_sec.confirm_paySel .method_payment {margin-bottom: 30px;} .od_confirm2_sec.confirm_paySel .list_tit {margin-top: 25px;font-size: 15px;color:#90a0a6;font-weight: 700;} .order_delivery_wrap .od_confirm2_sec .cate .btn_wrap label {display:block;text-align: center;} .order_delivery_wrap .od_confirm2_sec .cate .btn_wrap label:before {display:inline-block;margin-bottom: 2px;vertical-align: middle;} .order_delivery_wrap .od_confirm2_sec .use_card {display: none;width:318px;height:150px;margin:17px auto 0;padding: 44px 42px 0;text-align:center;background: #f1f3f4;border-radius: 4px;} .order_delivery_wrap .od_confirm2_sec label.on .use_card {display: block;} .order_delivery_wrap .od_confirm2_sec .use_card img {width:128px;} .order_delivery_wrap .od_confirm2_sec .use_card .card {display: inline-block;padding:0 20px;text-align: center;font-size: 16px;font-weight: 700;color:#1b2229;line-height: 32px;background:#fff;border-radius:16px;} .order_delivery_wrap .od_confirm2_sec .use_card .number {margin-top: 15px;font-size: 16px;font-weight: 400;color:#1b2529;} .od_confirm2_sec.confirm_agree {padding-bottom: 30px;} .od_confirm2_sec.confirm_agree .agree_area {padding-top: 0;} .od_confirm2_sec.confirm_agree .agree_area .agree_box {border-top: 0;} .order_delivery_wrap .od_confirm2_sec.confirm_agree .agree_area {padding-top:12px;} .order_delivery_wrap .od_confirm2_sec.confirm_agree .agree_area .agree_box {border-top: 1px solid #e5e9eb;} .confirm_cycle {padding-bottom: 30px;} .confirm_cycle .confirm_tit {background:url('../images/order/ico_general_t6.png') no-repeat 0 45px/20px;} .confirm_cycle .cycle {overflow:hidden;} .confirm_cycle li {float: left;position:relative;width:calc(25% - 5px);text-align:center;margin-right:1.1%;} .confirm_cycle + .confirm_cycle li { width: calc(50% - 5px); } .confirm_cycle li:last-child {margin-right:0;} .confirm_cycle label {display:block;padding:0 5px;height:54px;line-height:52px;font-size: 14px;font-weight: 700;border:1px solid #bec8cc;border-radius:4px;} .confirm_cycle input:checked + label {color:#00a8e3;border:2px solid #00a8e3;line-height:50px;} /** my_coway **/ /* 결제관리-납부요금내역/선납내역/납부방법변경 */ /* .my_payment_page #container {padding-bottom: 0;} .my_paymentList_wrap {padding:0 0 60px 0;background: #f2f4f5;} .my_paymentList_wrap .soting_group {position: relative;background: #f2f4f5;} .my_paymentList_wrap .soting_box {position: relative;padding:20px 18px 20px;font-size: 14px;color:#90a0a6;border-bottom: 1px solid #e5e9eb;} .my_paymentList_wrap .soting_box .btn_wrap {position: absolute;right:18px;top:15px;margin:0;} .my_paymentList_wrap .order_list_area {position: relative;padding: 0 18px;} .my_paymentList_wrap .order_list_area .dim {position: absolute;left: 0;top: 0;width:100%;height:100%;background: rgba(0,0,0,0.5);} .my_paymentList_wrap .order_list_area .order_code {margin-top: 30px;font-size: 14px;color:#90a0a6;} .my_paymentList_wrap .order_list_area .order_setion .prd_info .text_box .prd_name {font-size: 17px;} .my_paymentList_wrap .pay_desc {margin-top: 30px;padding:0 18px;} .my_paymentList_wrap .pay_desc .list_tit {font-size: 15px;font-weight: 700;color:#90a0a6;} .my_paymentList_wrap .soting_select {display: none;position: absolute;left: 0;top:58px;z-index:10;width:100%;padding:35px 18px;background: #fff;} .my_paymentList_wrap .soting_select .btn_wrap {margin:45px 0 0 0;} .my_paymentList_wrap .btn_wrap.bottom {margin:25px 18px 0;} .my_paymentList_wrap .change_page_tit {margin:0;padding:75px 18px 35px;background:#fff url('../images/mycoway/ico_pay1.png') no-repeat 18px 16px/36px;} .my_paymentList_wrap .change_list_stats {padding:35px 18px 0;font-size: 19px;font-weight: 700;} .my_paymentList_wrap .change_list_stats em {color:#00a8e3;} .my_stated_info {padding:20px 18px 25px;background: #fff;} .my_stated_info .inBox {padding:35px 20px 20px;border:2px solid #1b2529;border-radius: 4px;} .my_stated_info .pdt_box {background:url('../images/mycoway/ico_stated_info.png') no-repeat 95% bottom/ 55px auto;} .my_stated_info .info_month {font-size: 19px;font-weight: 700;} .my_stated_info .info_pdtNmae {margin-top: 10px;font-size: 15px;color:#90a0a6;} .my_stated_info .info_price {margin-top: 10px;font-size: 23px;font-weight: 700;color:#00a7e1;} .my_stated_info .info_price em {font-size: 14px;} .my_stated_info .tip_box {position: relative;margin-top: 23px;padding:20px;background: #f2f4f5;border-radius:4px;} .my_stated_info .tip_box .btn_wrap {position: absolute;right:20px;top:15px;margin:0;} .my_stated_info .tip_box .btn_wrap a {font-size: 15px;} .my_stated_info .tip_box dt {padding-left: 20px;font-size: 15px;font-weight: 700;background:url('../images/mycoway/ico_stated_tip.png') no-repeat 0 center/14px auto;} .my_stated_info .tip_box dd {margin-top: 10px;line-height: 22px;font-size: 14px;color:#90a0a6;} .order_setion .price_group.myPay {margin:40px 0 0;} .order_setion .price_group.myPay .total_price {padding-right: 12px;} .order_setion .price_group .infoList {overflow: hidden;margin-top:10px;padding:0 12px;} .order_setion .price_group .infoList dt {float: left;width: 75px;font-size: 14px;color:#90a0a6;} .order_setion .price_group .infoList dd {float: right;width: calc(100% - 75px);padding-right: 1px;text-align: right;} .order_setion .price_group .infoList dd.due {color:#90a0a6;} .order_setion .price_group .infoList dd.result {color:#1b2529;} .order_setion .price_group .infoList dd.unpaid {color:#fe7c20;} .order_setion .price_group .pay_type {overflow: hidden;margin-top: 15px;padding: 15px 12px 0;border-top: 1px solid #f2f4f5;} .order_setion .price_group .pay_type dt {float: left;width: 75px;font-size: 14px;font-weight: 700;} .order_setion .price_group .pay_type dd {float: left;width: calc(100% - 75px);text-align: right;font-size: 14px;font-weight: 700;} .order_setion .btn_myPay {margin:20px 0 0 0;} */ /* 결제관리-사용중제품/멤버십선택 */ /* .my_usedPdt_wrap .title_wrap {padding:0 18px;} .my_usedPdt_wrap .nofix_drop_wrap {position: relative;z-index: 10;padding:30px 18px;background-color: #f2f4f5;} .my_usedPdt_wrap .nofix_drop_wrap .drop_list {overflow-y: auto; display: none; position: absolute; left: 18px; transform: translateY(-2px); width: calc(100% - 36px); max-height: 255px; border: 2px solid #1b2529; border-top: 0 ;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff;} .my_usedPdt_wrap .nofix_drop_wrap .prd_wrap {margin-bottom: 0;} .my_usedPdt_wrap .nofix_drop_wrap .prd_wrap .prd_info {height: 100%; padding: 0 11px;} .my_usedPdt_wrap .nofix_drop_wrap .prd_wrap .prd_info .img_wrap {width: 60px; min-width: 60px} .my_usedPdt_wrap .nofix_drop_wrap .prd_wrap .prd_info .prd_name {font-size: 16px; color: #1b2529;} .my_usedPdt_wrap .nofix_drop_wrap .prd_wrap .prd_info p {font-size: 13px; color: #90a0a6;} .my_usedPdt_wrap .nofix_drop_wrap .select_area {border: 2px solid #1b2529; border-radius: 4px;} .my_usedPdt_wrap .nofix_drop_wrap .select_area .prd_info::after {display: block; width: 17px; height: 10px; margin-left: auto; padding: 0; background: url(../images/common/arr_down7.png) no-repeat scroll center / 17px 10px; content: "";} .my_usedPdt_wrap .nofix_drop_wrap.down .select_area {border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .my_usedPdt_wrap .nofix_drop_wrap.down .select_area .prd_wrap .prd_info::after {background: url(../images/common/arr_up6.png) no-repeat scroll center / 17px 10px;} .my_usedPdt_wrap .sum_price_area {margin-top: 45px;padding: 25px 18px 0;border-top: 1px solid #f2f4f5;} .my_usedPdt_wrap .sum_price_area .total_price dt u, .my_usedPdt_wrap .sum_price_area .total_price dd u {display: block;font-size: 14px;font-weight: 400;color:#1b2529;line-height: 20px;} .my_usedPdt_wrap .sum_price_area .btn_wrap {margin:20px 0 0 0;} .my_usedPdt_wrap .pay_desc {margin-top: 30px;padding:0 18px;} .my_usedPdt_wrap .pay_desc .list_tit {font-size: 15px;font-weight: 700;color:#90a0a6;} .my_usedPdt_sec {position: relative;padding: 0 18px;background: #fff;} .my_usedPdt_sec .sec_tit {margin:40px 0 20px;font-size: 19px;font-weight: 700;line-height:21px;} .use_period .period {overflow:hidden;} .use_period li {float: left;position:relative;width:32.6%;text-align:center;margin-right:1.1%;} .use_period li:last-child {margin-right:0;} .use_period label {display:block;padding:0 5px;height:54px;line-height:52px;font-size: 14px;font-weight: 700;border:1px solid #bec8cc;border-radius:4px;} .use_period input:checked + label {color:#00a8e3;border:2px solid #00a8e3;line-height:50px;} .use_period .period.member li {width:100%;} */ /** 스토리 **/ /* sleep_care 체험매장 */ .sleep_care_sec {position: relative;} .sleep_care_sec.sleep1 {height:755px;background:url('../images/story/sleep_care_sec1BG.jpg') no-repeat center center;} .sleep_care_sec.sleep1 .obj {position: absolute;transition:all 1s ease-out;} .sleep_care_sec.sleep1 .ele1 {top:108px;left:50%;transform:translateX(-50%);opacity:0;} .sleep_care_sec.sleep1.visible .ele1 {top:78px;opacity:1;} .sleep_care_sec.sleep1 .flot_bar {position: absolute;left: 0;bottom:0;width:100%;background: #252e32;} .sleep_care_sec.sleep1 .flot_bar .inbox {display: flex;justify-content: space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;} .sleep_care_sec.sleep1 .flot_bar.fixed {position: fixed;z-index: 100;bottom: auto;top: 0;width: 1920px;left: 50%;transform: translateX(-50%);} .sleep_care_sec.sleep1 .notice {color:#fff;} .sleep_care_sec.sleep1 .reserve {width:289px;margin:0;} .sleep_care_sec.sleep1 .reserve .btnBasic {width:289px;} .sleep_care_sec.sleep2 {height:2027px;background:url('../images/story/sleep_care_sec2BG.jpg') no-repeat center center;} .sleep_care_sec.sleep2 .video_box {position: absolute;left:50%;top:453px;transform:translateX(-50%);width:1024px;height:576px;box-shadow:10px 10px 60px 10px rgba(88,86,71,0.35);} .sleep_care_sec.sleep2 .video_box iframe {position: absolute;left:0;top:0;width:100%;height:100%;} .sleep_care_sec.sleep2 .obj {max-width:1024px;margin:0 auto;padding-top:110px;} .sleep_care_sec.sleep2 .obj .ele1 {font-size:68px;font-weight:700;text-indent:-19px;line-height:76px;letter-spacing:-10px;opacity:0;} .sleep_care_sec.sleep2 .obj .ele2 {margin-top:70px;font-size:18px;opacity:0;} .sleep_care_sec.sleep2 .obj .ele2 .line {display:inline-block;margin-top:15px;padding-bottom:5px;font-size:24px;font-weight:700;border-bottom:1px solid;} .sleep_care_sec.sleep2.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1.5s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .sleep_care_sec.sleep2.visible .obj .ele2 {transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:40px;opacity:1;} .sleep_care_sec.sleep3 {height:1594px;background:url('../images/story/sleep_care_sec3BG.jpg') no-repeat center center;} .sleep_care_sec.sleep3 .obj {max-width:1024px;margin:0 auto;padding-top:145px;text-align:center;} .sleep_care_sec.sleep3 .obj .ele1 {font-size:42px;font-weight:700;letter-spacing:-10px;opacity:0;} .sleep_care_sec.sleep3 .obj .ele2 {margin-top:70px;font-size:18px;opacity:0;} .sleep_care_sec.sleep3 .obj .ele2 .line {display:inline-block;margin-top:45px;padding-bottom:5px;font-weight:700;border-bottom:1px solid;} .sleep_care_sec.sleep3.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1.5s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .sleep_care_sec.sleep3.visible .obj .ele2 {transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:40px;opacity:1;} .sleep_care_sec.sleep3 .inBox {width:1024px;margin:0 auto;padding-top:60px;text-align:center;opacity:0;} .sleep_care_sec.sleep3 .inBox .reserve {margin:0;} .sleep_care_sec.sleep3 .inBox .reserve .btnBasic {width:340px;} .sleep_care_sec.sleep3 .inBox .notice {margin-top:30px;font-size:15px;color:#979797;} .sleep_care_sec.sleep3.visible .inBox {transition:opacity 1s 1.5s ease-out;opacity:1;} .sleep_care_sec.sleep3 .obj_txt {max-width:1024px;margin:0 auto;} .sleep_care_sec.sleep3 .obj2 {padding:208px 0 0 743px;} .sleep_care_sec.sleep3 .obj3 {padding:180px 0 0 32px;} .sleep_care_sec.sleep3 .obj_txt .ele {position:relative;opacity:0;} .sleep_care_sec.sleep3 .obj_txt .ele1 {font-size:32px;} .sleep_care_sec.sleep3 .obj_txt .ele2 {left:30px;margin-top:25px;font-size:15px;} .sleep_care_sec.sleep3.visible .obj_txt .ele {position:relative;opacity:1;} .sleep_care_sec.sleep3.visible .obj_txt .ele1 {transition:opacity 1s 2s ease-out;} .sleep_care_sec.sleep3.visible .obj_txt .ele2 {transition:left 1s 2s ease-out,opacity 1s 2.3s ease-out;left:0;} .sleep_care_sec.sleep4 {height:1080px;background: #f6f2e2;} .sleep_care_sec.sleep4 .inBox {max-width:1200px;margin:0 auto;padding-top: 118px;} .sleep_care_sec.sleep4 #sleepCareTab {font-size: 0;text-align: center;background: #1b2529;border-radius:8px;box-shadow:10px 10px 30px 5px rgba(114,114,114,0.4);} .sleep_care_sec.sleep4 #sleepCareTab ul {border-bottom:0;} .sleep_care_sec.sleep4 #sleepCareTab li {display:inline-block;float:none;margin:0;} .sleep_care_sec.sleep4 #sleepCareTab li a {width:240px;height:80px;line-height: 80px;font-size: 22px;color:#fff;} .sleep_care_sec.sleep4 #sleepCareTab li a:after {display: none;} .sleep_care_sec.sleep4 #sleepCareTab li a:hover {font-weight: 400;background: #42494c;} .sleep_care_sec.sleep4 #sleepCareTab li.on a {font-weight: 400;background: #42494c;} .sleep_care_sec.sleep4 .sleepCareTab {display: none;margin-top:80px;} .sleep_care_sec.sleep4 #sleepCareCon1 {display: block;padding:0 40px;overflow: hidden;} .sleep_care_sec.sleep4 #sleepCareCon1 .map_area {float:left;position:relative;width:570px;height:684px;background:url('../images/story/sleep_map1.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon1 .map_area .map {position: absolute;} .sleep_care_sec.sleep4 #sleepCareCon1 .map_area .map1_1 {left:10px;top:153px;width:135px;height:206px;background:url('../images/story/sleep_map1_1.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon1 .map_area .map1_2 {left:10px;top:375px;width:135px;height:211px;background:url('../images/story/sleep_map1_2.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon1 .map_area .map1_3 {left:305px;top:306px;width:256px;height:98px;background:url('../images/story/sleep_map1_3.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon1 .map_area .map1_1:hover {background:url('../images/story/sleep_map1_1_on.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon1 .map_area .map1_2:hover {background:url('../images/story/sleep_map1_2_on.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon1 .map_area .map1_3:hover {background:url('../images/story/sleep_map1_3_on.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon2 {padding:0 40px;overflow: hidden;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area {float:left;position:relative;width:570px;height:684px;background:url('../images/story/sleep_map2.png') no-repeat 0 55px;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area .map {position: absolute;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area .map1_1 {left:214px;top:350px;width:196px;height:91px;background:url('../images/story/sleep_map2_1.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area .map1_2 {left:9px;top:539px;width:192px;height:81px;background:url('../images/story/sleep_map2_2.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area .map1_3 {left:215px;top:539px;width:196px;height:82px;background:url('../images/story/sleep_map2_3.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area .map1_4 {left:424px;top:350px;width:137px;height:270px;background:url('../images/story/sleep_map2_4.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area .map1_1:hover {background:url('../images/story/sleep_map2_1_on.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area .map1_2:hover {background:url('../images/story/sleep_map2_2_on.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area .map1_3:hover {background:url('../images/story/sleep_map2_3_on.png') no-repeat 0 0;} .sleep_care_sec.sleep4 #sleepCareCon2 .map_area .map1_4:hover {background:url('../images/story/sleep_map2_4_on.png') no-repeat 0 0;} .sleep_care_sec.sleep4 .obj_txt {float:left;padding:124px 0 0 102px;} .sleep_care_sec.sleep4 .obj_txt .ele {position:relative;opacity:0;} .sleep_care_sec.sleep4 .obj_txt .ele1 em {display: block;margin-top: 25px;font-size: 42px;font-weight: 500;line-height: 100%;} .sleep_care_sec.sleep4 .obj_txt .ele2 {left:30px;margin-top: 50px;font-size: 28px;} .sleep_care_sec.sleep4 .obj_txt .ele3 {top:30px;margin-top: 40px;font-size: 18px;} .sleep_care_sec.sleep4.visible .obj_txt .ele {opacity:1;} .sleep_care_sec.sleep4.visible .obj_txt .ele1 {transition:opacity 1.5s ease-out;opacity:1;} .sleep_care_sec.sleep4.visible .obj_txt .ele2 {transition:left 1s .5s ease-out,opacity 1s .5s ease-out;left:0;} .sleep_care_sec.sleep4.visible .obj_txt .ele3 {transition:Top 1s 1s ease-out,opacity 1s 1s ease-out;top:0;} .layerWrap .lay_sleepCare.lay_inner.full {width:680px;background: #f6f2e2;} .layerWrap .lay_sleepCare.lay_inner.full .layTop {height:88px;background: #f6f2e2;} .layerWrap .lay_sleepCare.lay_inner.full .layTop .title {text-align:left;line-height: 88px;font-size: 18px;font-weight: 700;} .layerWrap .lay_sleepCare.lay_inner.full .layTop .close_pop {right:40px;top:30px;width:30px;height:30px;background:url('../images/story/sleepPop_close.jpg') no-repeat 0 0;} .layerWrap .lay_sleepCare.lay_inner.full .layCon {padding:16px 40px 136px;} .layerWrap .lay_sleepCare .imgBox {margin-bottom: 45px;} .layerWrap .lay_sleepCare .txt_group dt {margin-top: 45px;} .layerWrap .lay_sleepCare .txt_group dt {font-size: 18px;font-weight: 700;} .layerWrap .lay_sleepCare .txt_group dt strong {display: block;margin-top: 15px;font-size: 36px;font-weight: 700;line-height:100%;} .layerWrap .lay_sleepCare .txt_group dd {margin-top: 40px;font-size: 18px;font-weight: 400;} .layerWrap #lay_sleepCare_04 .layCon, .layerWrap #lay_sleepCare_07 .layCon {padding:16px 40px 98px;} .layerWrap #lay_sleepCare_04 .layCon dd, .layerWrap #lay_sleepCare_07 .layCon dd {line-height: 30px;} /* gallery 체험매장 */ .gallery_wrap .gallery_sec {position: relative;} .gallery_sec.gallery1 {height:813px;padding-bottom: 70px;background:url('../images/service/gallery_intro.jpg') no-repeat center top/auto 743px;} .gallery_sec.gallery1 .obj {position: absolute;transition:all 1s ease-out;} .gallery_sec.gallery1 .ele1 {top:210px;left:50%;transform:translateX(-50%);opacity:0;font-size: 18px;text-align: center;} .gallery_sec.gallery1 .ele1 strong {display: block;margin-top: 20px;font-size: 48px;font-weight: 700;} .gallery_sec.gallery1.visible .ele1 {top:190px;opacity:1;} .gallery_sec.gallery1 .flot_bar {position: absolute;left: 0;bottom:2px;width:100%;padding-top: 10px;background: #fff;text-align: center;font-size: 0;} .gallery_sec.gallery1 .flot_bar ul {display: inline-block;border-bottom: 0;} .gallery_sec.gallery1 .flot_bar ul li:last-child {margin: 0;} .gallery_sec.gallery1 .flot_bar.fixed {position: fixed;z-index: 100;bottom: auto;top: 0;width: 1920px;left: 50%;transform: translateX(-50%);} .gallery_sec.gallery2 {height:1770px;background:#f5f5f5;} .gallery_sec.gallery2 .obj {display: flex;max-width:1024px;margin:0 auto;padding:120px 0 0 0;} .gallery_sec.gallery2 .obj .ele1 {width:50%;padding:100px 0 0 68px;font-size:52px;font-weight:700;line-height:70px;letter-spacing:-5px;opacity:0;background:url('../images/service/gallery_mark.png') no-repeat 73px top;} .gallery_sec.gallery2 .obj .text_group {width:50%;padding-left: 18px;} .gallery_sec.gallery2 .obj dl {margin-top:70px;opacity:0;} .gallery_sec.gallery2 .obj dl dt {font-size: 22px;font-weight: 700;} .gallery_sec.gallery2 .obj dl dd {margin-top: 20px;font-size: 17px;line-height: 34px;} .gallery_sec.gallery2 .obj .ele3 {margin-top: 130px;} .gallery_sec.gallery2.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .gallery_sec.gallery2.visible .obj .ele2 {transition:margin 1s .5s ease-out,opacity 1s .5s ease-out;margin-top:40px;opacity:1;} .gallery_sec.gallery2.visible .obj .ele3 {transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:100px;opacity:1;} .gallery_sec.gallery2 .gallery_slide {position: relative;width:1200px;margin:130px auto 0;} .gallery_sec.gallery2 .swiper-container {padding-bottom: 42px;} .gallery_sec.gallery2 .swiper-slide {border-radius:8px;} .gallery_sec.gallery2 .swiper-pagination {top:unset;bottom:0px;width:100%;height:2px;} .gallery_sec.gallery2 .swiper-pagination .swiper-pagination-progressbar-fill {height:2px;} .gallery_sec.gallery2 .swiper-button-next {right: -18px;background: url('../images/common/arr_right12.png') no-repeat 0 0;} .gallery_sec.gallery2 .swiper-button-prev {left: -18px;background: url('../images/common/arr_left12.png') no-repeat 0 0;} .gallery_sec.gallery2 .swiper-button-next, .gallery_sec.gallery2 .swiper-button-prev {top: 50%;width: 36px;height: 36px;margin-top: -18px;} .gallery_sec.gallery3 {height:1170px;background:url('../images/service/gallery_sec3_1.jpg') no-repeat center 320px;} .gallery_sec.gallery3 .obj {max-width:1200px;margin:0 auto;padding-top:118px;text-align:center;} .gallery_sec.gallery3 .obj .ele1 {font-size:34px;font-weight:700;letter-spacing:-5px;opacity:0;} .gallery_sec.gallery3.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1.5s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .gallery_sec.gallery3.visible .obj .ele2 {transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:40px;opacity:1;} .gallery_sec.gallery3 .obj2 {max-width:1200px;margin:0 auto;padding:170px 0 0 0;} .gallery_sec.gallery3 .obj2 .ele {position:relative;opacity:0;} .gallery_sec.gallery3 .obj2 .ele1 {font-size:28px;font-weight: 700;} .gallery_sec.gallery3 .obj2 .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .gallery_sec.gallery3 .obj2 .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .gallery_sec.gallery3.visible .obj2 .ele {opacity:1;} .gallery_sec.gallery3.visible .obj2 .ele1 {transition:opacity 1s .5s ease-out;} .gallery_sec.gallery3.visible .obj2 .ele2 {transition:left 1s 1s ease-out,opacity 1s 1s ease-out;left:0;} .gallery_sec.gallery4 {height:860px;background:url('../images/service/gallery_sec4_1.jpg') no-repeat center top;} .gallery_sec.gallery4 .obj {max-width:1200px;margin:0 auto;padding:426px 0 0 847px;} .gallery_sec.gallery4 .obj .ele {position:relative;opacity:0;} .gallery_sec.gallery4 .obj .ele1 {font-size:28px;font-weight: 700;} .gallery_sec.gallery4 .obj .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .gallery_sec.gallery4 .obj .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .gallery_sec.gallery4.visible .obj .ele {opacity:1;} .gallery_sec.gallery4.visible .obj .ele1 {transition:opacity 1s ease-out;} .gallery_sec.gallery4.visible .obj .ele2 {transition:left 1s .5s ease-out,opacity 1s .5s ease-out;left:0;} .gallery_sec.gallery5 {height:1098px;background:#f3f2ee url('../images/service/gallery_sec5_1.jpg') no-repeat center 300px;} .gallery_sec.gallery5 .obj {max-width:1200px;margin:0 auto;padding-top:118px;text-align:center;} .gallery_sec.gallery5 .obj .ele1 {font-size:34px;font-weight:700;letter-spacing:-5px;opacity:0;} .gallery_sec.gallery5.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1.5s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .gallery_sec.gallery5.visible .obj .ele2 {transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:40px;opacity:1;} .gallery_sec.gallery5 .obj2 {max-width:1200px;margin:0 auto;padding:135px 0 0 0;} .gallery_sec.gallery5 .obj2 .ele {position:relative;opacity:0;} .gallery_sec.gallery5 .obj2 .ele1 {font-size:28px;font-weight: 700;} .gallery_sec.gallery5 .obj2 .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .gallery_sec.gallery5 .obj2 .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .gallery_sec.gallery5.visible .obj2 .ele {opacity:1;} .gallery_sec.gallery5.visible .obj2 .ele1 {transition:opacity 1s .5s ease-out;} .gallery_sec.gallery5.visible .obj2 .ele2 {transition:left 1s 1s ease-out,opacity 1s 1s ease-out;left:0;} .gallery_sec.gallery6 {height:1000px;background:#f3f2ee url('../images/service/gallery_sec6_1.jpg') no-repeat center top;} .gallery_sec.gallery6 .obj {max-width:1200px;margin:0 auto;padding:40px 0 0 620px;} .gallery_sec.gallery6 .obj .ele {position:relative;opacity:0;} .gallery_sec.gallery6 .obj .ele1 {font-size:28px;font-weight: 700;} .gallery_sec.gallery6 .obj .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .gallery_sec.gallery6 .obj .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .gallery_sec.gallery6.visible .obj .ele {opacity:1;} .gallery_sec.gallery6.visible .obj .ele1 {transition:opacity 1s ease-out;} .gallery_sec.gallery6.visible .obj .ele2 {transition:left 1s .5s ease-out,opacity 1s .5s ease-out;left:0;} .gallery_sec.gallery7 {height:951px;background:#f3f2ee url('../images/service/gallery_sec7_1.jpg') no-repeat center top;} .gallery_sec.gallery7 .obj {max-width:1200px;margin:0 auto;padding:440px 0 0 0;} .gallery_sec.gallery7 .obj .ele {position:relative;opacity:0;} .gallery_sec.gallery7 .obj .ele1 {font-size:28px;font-weight: 700;} .gallery_sec.gallery7 .obj .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .gallery_sec.gallery7 .obj .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .gallery_sec.gallery7.visible .obj .ele {opacity:1;} .gallery_sec.gallery7.visible .obj .ele1 {transition:opacity 1s ease-out;} .gallery_sec.gallery7.visible .obj .ele2 {transition:left 1s .5s ease-out,opacity 1s .5s ease-out;left:0;} .gallery_sec.gallery8 {height:896px;background:#f3f2ee url('../images/service/gallery_sec8_1.jpg') no-repeat center top;} .gallery_sec.gallery8 .obj {max-width:1200px;margin:0 auto;padding:40px 0 0 620px;} .gallery_sec.gallery8 .obj .ele {position:relative;opacity:0;} .gallery_sec.gallery8 .obj .ele1 {font-size:28px;font-weight: 700;} .gallery_sec.gallery8 .obj .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .gallery_sec.gallery8 .obj .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .gallery_sec.gallery8.visible .obj .ele {opacity:1;} .gallery_sec.gallery8.visible .obj .ele1 {transition:opacity 1s ease-out;} .gallery_sec.gallery8.visible .obj .ele2 {transition:left 1s .5s ease-out,opacity 1s .5s ease-out;left:0;} .gallery_sec.gallery9 {height:1098px;background: url('../images/service/gallery_sec9_1.jpg') no-repeat center 300px;} .gallery_sec.gallery9 .obj {max-width:1200px;margin:0 auto;padding-top:118px;text-align:center;} .gallery_sec.gallery9 .obj .ele1 {font-size:34px;font-weight:700;letter-spacing:-5px;opacity:0;} .gallery_sec.gallery9.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1.5s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .gallery_sec.gallery9.visible .obj .ele2 {transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:40px;opacity:1;} .gallery_sec.gallery9 .obj2 {max-width:1200px;margin:0 auto;padding:160px 0 0 0;} .gallery_sec.gallery9 .obj2 .ele {position:relative;opacity:0;} .gallery_sec.gallery9 .obj2 .ele1 {font-size:28px;font-weight: 700;} .gallery_sec.gallery9 .obj2 .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .gallery_sec.gallery9 .obj2 .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .gallery_sec.gallery9.visible .obj2 .ele {opacity:1;} .gallery_sec.gallery9.visible .obj2 .ele1 {transition:opacity 1s .5s ease-out;} .gallery_sec.gallery9.visible .obj2 .ele2 {transition:left 1s 1s ease-out,opacity 1s 1s ease-out;left:0;} .gallery_sec.gallery10 {height:1079px;padding-bottom: 70px;background:url('../images/service/gallery_sec10_1.jpg') no-repeat center top;} .gallery_sec.gallery10 .obj {position: absolute;transition:all 1s ease-out;padding-top: 75px;background: url('../images/service/gallery_mark.png') no-repeat center top;} .gallery_sec.gallery10 .ele1 {top:296px;left:50%;transform:translateX(-50%);opacity:0;font-size: 16px;text-align: center;} .gallery_sec.gallery10 .ele1 strong {display: block;margin:25px 0 12px 0;font-weight: 700;} .gallery_sec.gallery10.visible .ele1 {top:266px;opacity:1;} /* 매장 추가 */ .sleep_care_wrap .tabType1 { margin: 0 auto 48px;max-width: 1200px; } .gallery_wrap .tabType1:nth-of-type(1) { margin: 0 auto 48px;max-width: 1200px; } .store_wrap .store_sec {position: relative;} .store_sec.yongin1 {height:743px;padding-bottom: 70px;background:url('../images/customer/store01_intro.jpg') no-repeat center top/auto 743px; } .store_sec.yongin1 .obj {position: absolute;transition:all 1s ease-out;} .store_sec.yongin1 .ele1 {top:210px;left:50%;transform:translateX(-50%);opacity:0;font-size: 18px;text-align: center;} .store_sec.yongin1 .ele1 strong {display: block;margin-top: 20px;font-size: 48px;font-weight: 700;} .store_sec.yongin1.visible .ele1 {top:190px;opacity:1;} .store_wrap .tabType1 { display: block;width:100%;background: #fff;text-align: center;font-size: 0;margin: 0 auto 48px;max-width: 1200px; } .store_sec.yongin2 {height:1462px;background:#f5f5f5;} .store_sec.yongin2 .obj {display: flex;max-width:1024px;margin:0 auto;padding:120px 0 0 0;align-items: flex-end; } .store_sec.yongin2 .obj .ele1 {width:50%;padding:100px 0 0 68px;font-size:52px;font-weight:700;line-height:70px;letter-spacing:-5px;opacity:0;background:url('../images/service/gallery_mark.png') no-repeat 73px top;} .store_sec.yongin2 .obj .text_group {width:50%;padding-left: 50px;} .store_sec.yongin2 .obj dl {margin-top:70px;opacity:0;} .store_sec.yongin2 .obj dl dt {font-size: 22px;font-weight: 700;} .store_sec.yongin2 .obj dl dd {margin-top: 20px;font-size: 17px;line-height: 34px;} .store_sec.yongin2 .obj dl dd span { display: block;font-weight: 700;text-decoration: underline; } .store_sec.yongin2 .obj .ele3 {} .store_sec.yongin2.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .store_sec.yongin2.visible .obj .ele2 {transition:margin 1s .5s ease-out,opacity 1s .5s ease-out;margin-top:40px;opacity:1;} .store_sec.yongin2.visible .ele3 {transition:margin 1s .5s ease-out,opacity 1s .5s ease-out;margin-top:100px;opacity:1;} .store_sec.yongin2 .store_video {position: relative;width:1200px;margin:130px auto 0;border-radius: 8px;overflow: hidden;margin-top: 130px; } .store_sec.yongin2 .store_video .store_info { display: flex;margin-top: 74px;border-radius: 7px;background: #fff;height: 148px;align-items: center;justify-content: space-around; } .store_sec.yongin2 .store_video .store_info p { font-size: 27px;color: #546268;line-height: 38px;font-weight: 700; } .store_sec.yongin2 .store_video .store_info ul li { display: block;font-size: 16px;line-height: 28px;color: #5d6e75; } .store_sec.yongin3 {height:1170px;background:url('../images/customer/store_sec01_1.jpg') no-repeat center 320px;} .store_sec.yongin3 .obj {max-width:1200px;margin:0 auto;padding-top:118px;text-align:center;} .store_sec.yongin3 .obj .ele1 {font-size:34px;font-weight:700;letter-spacing:-5px;opacity:0;} .store_sec.yongin3.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1.5s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .store_sec.yongin3.visible .obj .ele2 {transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:40px;opacity:1;} .store_sec.yongin3 .obj2 {max-width:1200px;margin:0 auto;padding:170px 0 0 0;} .store_sec.yongin3 .obj2 .ele {position:relative;opacity:0;} .store_sec.yongin3 .obj2 .ele1 {font-size:24px;font-weight: 700;color: #90a0a6; } .store_sec.yongin3 .obj2 .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .store_sec.yongin3 .obj2 .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .store_sec.yongin3.visible .obj2 .ele {opacity:1;} .store_sec.yongin3.visible .obj2 .ele1 {transition:opacity 1s .5s ease-out;} .store_sec.yongin3.visible .obj2 .ele2 {transition:left 1s 1s ease-out,opacity 1s 1s ease-out;left:0;} .store_sec.yongin4 {height:860px;background:url('../images/customer/store_sec01_2.jpg') no-repeat center top;} .store_sec.yongin4 .obj {max-width:1200px;margin:0 auto;padding:426px 0 0 847px;} .store_sec.yongin4 .obj .ele {position:relative;opacity:0;} .store_sec.yongin4 .obj .ele1 {font-size:24px;font-weight: 700;color: #90a0a6; } .store_sec.yongin4 .obj .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .store_sec.yongin4 .obj .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .store_sec.yongin4.visible .obj .ele {opacity:1;} .store_sec.yongin4.visible .obj .ele1 {transition:opacity 1s ease-out;} .store_sec.yongin4.visible .obj .ele2 {transition:left 1s .5s ease-out,opacity 1s .5s ease-out;left:0;} .store_sec.yongin5 {height:1098px;background:#f3f2ee url('../images/customer/store_sec02_1.jpg') no-repeat center 300px;} .store_sec.yongin5 .obj {max-width:1200px;margin:0 auto;padding-top:118px;text-align:center;} .store_sec.yongin5 .obj .ele1 {font-size:34px;font-weight:700;letter-spacing:-5px;opacity:0;} .store_sec.yongin5.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1.5s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .store_sec.yongin5.visible .obj .ele2 {transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:40px;opacity:1;} .store_sec.yongin5 .obj2 {max-width:1200px;margin:0 auto;padding:135px 0 0 0;} .store_sec.yongin5 .obj2 .ele {position:relative;opacity:0;} .store_sec.yongin5 .obj2 .ele1 {font-size:24px;font-weight: 700;color: #90a0a6;} .store_sec.yongin5 .obj2 .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .store_sec.yongin5 .obj2 .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .store_sec.yongin5.visible .obj2 .ele {opacity:1;} .store_sec.yongin5.visible .obj2 .ele1 {transition:opacity 1s .5s ease-out;} .store_sec.yongin5.visible .obj2 .ele2 {transition:left 1s 1s ease-out,opacity 1s 1s ease-out;left:0;} .store_sec.yongin6 {height:1000px;background:#f3f2ee url('../images/customer/store_sec02_2.jpg') no-repeat center top;} .store_sec.yongin6 .obj {max-width:1200px;margin:0 auto;padding:40px 0 0 710px;} .store_sec.yongin6 .obj .ele {position:relative;opacity:0;} .store_sec.yongin6 .obj .ele1 {font-size:24px;font-weight: 700;color: #90a0a6;} .store_sec.yongin6 .obj .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .store_sec.yongin6 .obj .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .store_sec.yongin6.visible .obj .ele {opacity:1;} .store_sec.yongin6.visible .obj .ele1 {transition:opacity 1s ease-out;} .store_sec.yongin6.visible .obj .ele2 {transition:left 1s .5s ease-out,opacity 1s .5s ease-out;left:0;} .store_sec.yongin7 {height:1223px;background: url('../images/customer/store_sec03_1.jpg') no-repeat center 300px;} .store_sec.yongin7 .obj {max-width:1200px;margin:0 auto;padding-top:118px;text-align:center;} .store_sec.yongin7 .obj .ele1 {font-size:34px;font-weight:700;letter-spacing:-5px;opacity:0;} .store_sec.yongin7.visible .obj .ele1 {transition:opacity 1s ease-out,letter-spacing 1.5s cubic-bezier(0.23, 0.6, 0.58, 1);opacity:1;letter-spacing:-0.03em;} .store_sec.yongin7.visible .obj .ele2 {transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:40px;opacity:1;} .store_sec.yongin7 .obj2 {max-width:1200px;margin:0 auto;padding:160px 0 0 0;} .store_sec.yongin7 .obj2 .ele {position:relative;opacity:0;} .store_sec.yongin7 .obj2 .ele1 {font-size:24px;font-weight: 700;color: #90a0a6;} .store_sec.yongin7 .obj2 .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .store_sec.yongin7 .obj2 .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .store_sec.yongin7.visible .obj2 .ele {opacity:1;} .store_sec.yongin7.visible .obj2 .ele1 {transition:opacity 1s .5s ease-out;} .store_sec.yongin7.visible .obj2 .ele2 {transition:left 1s 1s ease-out,opacity 1s 1s ease-out;left:0;} .store_sec.yongin8 {height:896px;background: url('../images/customer/store_sec03_2.jpg') no-repeat center top;} .store_sec.yongin8 .obj {max-width:1200px;margin:0 auto;padding:40px 0 0 620px;} .store_sec.yongin8 .obj .ele {position:relative;opacity:0;} .store_sec.yongin8 .obj .ele1 {font-size:24px;font-weight: 700;color: #90a0a6;} .store_sec.yongin8 .obj .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .store_sec.yongin8 .obj .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .store_sec.yongin8.visible .obj .ele {opacity:1;} .store_sec.yongin8.visible .obj .ele1 {transition:opacity 1s ease-out;} .store_sec.yongin8.visible .obj .ele2 {transition:left 1s .5s ease-out,opacity 1s .5s ease-out;left:0;} .store_sec.yongin9 {height:840px;background: url('../images/customer/store_sec03_3.jpg') no-repeat center top;} .store_sec.yongin9 .obj {max-width:1200px;margin:0 auto;padding:440px 0 0 0;} .store_sec.yongin9 .obj .ele {position:relative;opacity:0;} .store_sec.yongin9 .obj .ele1 {font-size:24px;font-weight: 700;color: #90a0a6;} .store_sec.yongin9 .obj .ele1 em {display: block;margin-top: 5px;font-size: 13px;font-weight: 400;color:#90a0a6;} .store_sec.yongin9 .obj .ele2 {left:30px;margin-top:35px;font-size:16px;line-height:26px;} .store_sec.yongin9.visible .obj .ele {opacity:1;} .store_sec.yongin9.visible .obj .ele1 {transition:opacity 1s ease-out;} .store_sec.yongin9.visible .obj .ele2 {transition:left 1s .5s ease-out,opacity 1s .5s ease-out;left:0;} .store_sec.yongin10 {height:1079px;padding-bottom: 70px;background:url('../images/customer/store_sec04.jpg') no-repeat center top;} .store_sec.yongin10 .obj {position: absolute;transition:all 1s ease-out;padding-top: 75px;background: url('../images/service/gallery_mark_white.png') no-repeat center top;} .store_sec.yongin10 .ele1 {top:60%;left:50%;transform:translate(-50%, -50%);opacity:0;font-size: 16px;text-align: center;color: #fff; } .store_sec.yongin10 .ele1 strong {display: block;margin:25px 0 12px 0;font-weight: 700;line-height: 24px; } .store_sec.yongin10.visible .ele1 {top:50%;opacity:1;} /* 매장 추가 END */ /** 라이브커머스 **/ /* 서브메인 */ .coway_live_wrap .live_ban {position:relative;height:510px;background:url('../images/live/live_ban_220310.png') no-repeat center center;} .coway_live_wrap .live_ban .txt_grup {position:absolute;left:50%;top:150px;transform:translate(-50%);width:100%;text-align:center;color:#fff;} .coway_live_wrap .live_ban .ban_txt {margin-bottom:20px;font-size: 18px;font-weight: 700;} .coway_live_wrap .live_ban .ban_tit {margin-bottom:40px;font-size: 42px;font-weight: 700;} .coway_live_wrap .live_ban .live_tit { font-size: 60px;font-weight: 700;line-height: 72px; } .coway_live_wrap .live_ban .live_tit::after { content: '';display: inline-block;background:url('../images/live/220315_coway_live.png') no-repeat center center;width: 165px;height: 72px;vertical-align: sub;margin-left: 4px;} /* .coway_live_wrap .live_ban.todo {padding:0 29px;height:100px;background-position: center 55%;background-image:url('../images/live/live_ban_todo.jpg');} .coway_live_wrap .live_ban.todo br {display: none;} .coway_live_wrap .live_ban.todo .txt_grup {position:relative;top:24px;text-align: left;} .coway_live_wrap .live_ban.todo .ban_tit {margin-bottom: 14px;font-size: 15px;} .coway_live_wrap .live_ban.todo .ban_txt {display: none;} .coway_live_wrap .live_ban.todo img {width:157px;} */ .coway_live_wrap .live_todo_info {display:flex; flex-direction: column;position:relative;width:1200px; margin:-30px auto 0;padding:0;background: #52555b;border-radius: 8px 8px 0 0;box-shadow:0px 10px 30px rgba(176,197,217,0.7);} .coway_live_wrap .live_todo_info>div {padding: 0 100px;} .coway_live_wrap .live_todo_info .top_info {display: flex; justify-content:space-between;align-items:center; height:482px;} .coway_live_wrap .live_todo_info .video_info {width:474px;} .coway_live_wrap .live_todo_info .video_info .date {position: absolute;left:100px;top:-22px;height:42px;padding:0 35px;font-size: 20px;font-weight: 700;color:#fd2c2c;line-height:42px;} .coway_live_wrap .live_todo_info .video_info .date:before {content:'';position: absolute;left: 0;top: 0;width:35px;height: 42px;background: url('../images/live/live_list_bar-left.png') no-repeat 0 0} .coway_live_wrap .live_todo_info .video_info .date:after {content:'';position: absolute;right: 0;top: 0;width:35px;height: 42px;background: url('../images/live/live_list_bar-right.png') no-repeat 0 0} .coway_live_wrap .live_todo_info .video_info .date span {display:inline-block;position: relative;background: url('../images/live/live_list_bar-center.png') repeat-x 0 0;color: #93594b; } .coway_live_wrap .live_todo_info .video_info .date span.on {display: none;padding-left: 18px;} .coway_live_wrap .live_todo_info .video_info .date span.on:before {content:'';position:absolute;left:0;top:15px;width:11px;height:11px;border-radius:50%;background:#fd2c2c;} .coway_live_wrap .live_todo_info .video_info .date.onAir span.todo {display: none;} .coway_live_wrap .live_todo_info .video_info .date.onAir span.on {display: block;color: #fd2c2c; } .coway_live_wrap .live_todo_info .video_info .date.onAir span.on:before {animation:onAirWave 1s 1s infinite ease-out;} @keyframes onAirWave { 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} } .coway_live_wrap .live_todo_info .video_info .date button {position: absolute;right:53px;top:10px;width:19px;} .coway_live_wrap .live_todo_info .video_info .tit {font-size: 34px;font-weight: 700;color:#fff;} .coway_live_wrap .live_todo_info .video_info .time {display: flex;justify-content: start;font-weight: 700;color:#00a8e3;line-height: 100%;} .coway_live_wrap .live_todo_info .video_info .time span {font-size: 42px;margin:30px 10px 0 0;padding:0 15px 0 0;background: url('../images/live/ico_colon.png') no-repeat right center/6px auto;} .coway_live_wrap .live_todo_info .video_info .time span:last-child {padding-right: 0;margin-right: 0;background:none;} .coway_live_wrap .live_todo_info .video_info .time span em {font-size: 20px;} .coway_live_wrap .live_todo_info .video_info .time span.live {font-size: 34px;line-height: 42px;word-break: break-all;} .coway_live_wrap .live_todo_info .video_info .txtBox {overflow:hidden;overflow-y:auto;max-height:134px;margin-top:40px;padding-right: 10px;font-size: 14px;color:#90a0a6;line-height: 22px;} .live_todo_info .video_info .txtBox::-webkit-scrollbar {width:2px;} .live_todo_info .video_info .txtBox:-ms-scrollbar {width:2px;} .live_todo_info .video_info .txtBox::-webkit-scrollbar-track {background-color: #323b3f;} .live_todo_info .video_info .txtBox::-webkit-scrollbar-thumb {background-color: #fff;} .live_todo_info .video_info .txtBox::-webkit-scrollbar-button {display: none;} .live_todo_info .video_info .txtBox { scrollbar-3dlight-Color:#fff; scrollbar-arrow-color: #323b3f; scrollbar-base-color: #fff; scrollbar-face-Color: #fff; scrollbar-track-Color: #323b3f; scrollbar-darkshadow-Color: #fff; scrollbar-highlight-Color: #fff; scrollbar-shadow-Color: #fff; } .coway_live_wrap .live_todo_info .pdt_info {width:384px;position: relative;} .coway_live_wrap .live_todo_info .pdt_info .todo_ban {overflow: hidden; margin-bottom: 20px; border-radius: 8px;} .coway_live_wrap .live_todo_info .pdt_info .live_pdt dl {display: flex;align-items: center;} .coway_live_wrap .live_todo_info .pdt_info .live_pdt dt {width:62px;background: #fff;border-radius:4px;} .coway_live_wrap .live_todo_info .pdt_info .live_pdt dd {width:calc(100% - 62px);padding:0 0 0 15px;font-size:15px;font-weight: 700;color:#fff;} .coway_live_wrap .live_todo_info .swiper-button-prev {top:auto;bottom:22px;left:-24px;width:10px;height:17px;margin-top:0;background: url('../images/live/arr_liveSlide_left.png') no-repeat 0 0;} .coway_live_wrap .live_todo_info .swiper-button-next {top:auto;bottom:22px;right:-24px;width:10px;height:17px;margin-top:0;background: url('../images/live/arr_liveSlide_right.png') no-repeat 0 0;} .coway_live_wrap .live_todo_info .alarm_btn { } .coway_live_wrap .live_todo_info .alarm_btn .btn_wrap { margin: 0px 0 60px 0; } .coway_live_wrap .live_todo_info .alarm_btn .btn_wrap a { width: 380px;border-radius: 27px;line-height: 52px; } .coway_live_wrap .live_todo_info .alarm_btn .btn_wrap a span::after { content: '';background: url('../images/live/icon_alarm_btn.png') no-repeat center;width: 25px;height: 27px;display: inline-block;margin: 0 0 5px 9px;vertical-align: middle; } .coway_live_wrap .live_todo_info .bot_info {display: flex; position: relative; padding: 0 40px 35px 100px; border-top: 1px solid rgba(255,255,255,.15);} .coway_live_wrap .live_todo_info .bot_info.half .info_box {position: relative; width: 47%; padding-top: 50px;} .coway_live_wrap .live_todo_info .bot_info.half .info_box.info2 { width: 53%; } .coway_live_wrap .live_todo_info .bot_info .sub_tit {position: absolute; left: 0; top: -17px; padding: 8px 20px; font-size: 16px; font-weight: bold; color: #93594b; background: #fff; border-radius: 17px;} .coway_live_wrap .live_todo_info .bot_info .tit {margin-bottom: 38px; font-size: 28px; font-weight: bold; color: #fff;line-height: 40px;} .coway_live_wrap .live_todo_info .bot_info dl {overflow: hidden;margin-top: -12px; } .coway_live_wrap .live_todo_info .bot_info dl dt, .coway_live_wrap .live_todo_info .bot_info dl dd {display: flex; align-items: center; float: left; margin-bottom: 30px; color: #f2f4f5;} .coway_live_wrap .live_todo_info .bot_info .info1 dl dd { margin-bottom: 30px; } .coway_live_wrap .live_todo_info .bot_info .info1 dl dd span { display: block;font-size: 14px;line-height: 20px;padding-left: 65px;color: #f2f4f5;opacity: 0.8; } .coway_live_wrap .live_todo_info .bot_info .info1 dl dd:last-of-type { margin: 15px 0 0 30px; } .coway_live_wrap .live_todo_info .bot_info dl dd:last-child .text_wrap { margin-top: 20px;line-height: 26px;text-align: center; } .coway_live_wrap .live_todo_info .bot_info dl dd {font-size: 18px; line-height: 26px;} .coway_live_wrap .live_todo_info .bot_info dl dd .img_wrap { margin: 35px 40px 0 0; } .coway_live_wrap .live_todo_info .bot_info dl dd > p { font-size: 16px;line-height: 24px;margin-left: 15px;text-align: center; } .coway_live_wrap .live_todo_info .bot_info dl dt {clear: both; margin: 2px 16px 0 0; padding: 0 12px; font-size: 15px; font-weight: bold; background: #ac9174; border-radius: 6px; line-height: 24px;} /* .coway_live_wrap .live_todo_info .bot_info dl dd:last-child {margin-bottom: 32px;} */ /* 주석부분 가로셀 UI 아래 세로셀 UI .coway_live_wrap .live_todo_info .bot_info .info1 .con_box {display: flex;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li {display: flex; flex-direction: column; justify-content: center; width: 210px; margin-right: 6px; padding: 28px 0 27px; background: #1f2b2f; border-radius: 4px;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li:last-child {margin-right: 0;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .img_wrap {text-align: center;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .text_wrap {margin-top: 19px; text-align: center; color: #fff;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .tit {margin-bottom: 15px; font-size: 16px; line-height: 1.5;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .price_wrap {display: flex; align-items: center; justify-content: center;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .price_wrap .before {margin-right: 8px; font-size: 15px; text-decoration: line-through;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .price_wrap .after {font-size: 18px; color: #00a8e3;} */ .coway_live_wrap .live_todo_info .bot_info .info1 .con_box {display: flex;flex-wrap:wrap;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li {display: flex;align-items:center;width: 424px;margin-bottom: 8px;padding:0 0 0 8px;background: #1f2b2f; border-radius: 4px;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li:last-child {margin-bottom: 0;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .text_wrap {color: #fff;cursor: pointer;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .tit {margin-bottom:5px;font-size: 16px;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .price_wrap {display: flex; align-items: center;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .price_wrap .before {margin-right: 8px; font-size: 15px; text-decoration: line-through;} .coway_live_wrap .live_todo_info .bot_info .info1 .con_box li .price_wrap .after {font-size: 18px; color: #00a8e3;} .coway_live_wrap .live_todo_info .bot_info .info2 dl dd:last-child {width: 100%;margin-bottom: 0; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd { margin-bottom: 30px; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd:last-child .img_wrap {margin-right: 25px;} .coway_live_wrap .live_todo_info .bot_info .info2 dl dd:last-child .text_wrap {font-size: 16px; line-height: 1.5;} .coway_live_wrap .live_todo_info .bot_info .info2 .list_type1 { color: #fff;opacity: 0.6; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd > ul { display: flex;width: 100%;background: #494c51;border-radius: 8px;padding: 40px;margin-top: 13px;justify-content: center;align-items: center; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd > ul li { width: 50%; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd > ul li:first-child { text-align: right; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd > ul li img { } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd > ul li p { display: block;color: #fff;font-size: 16px;margin-left: 60px; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd > ul li span { display: block;font-size: 14px;opacity: .5;line-height: 24px;padding-left: 8px;position: relative;margin-top: 5px; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd > ul li span::before { content: '*';display: block;position: absolute;left: 0;top: 0; } .coway_live_wrap .live_todo_info .bot_info .info1 dl span.text_ful { display: block;position: absolute;left: 18%;bottom: 3px;padding-left: 0;color: #f2f4f5;opacity: 0.5; } .coway_live_wrap .live_todo_info .bot_info .info2 .special_btn { display: block;margin-top: 20px; } .coway_live_wrap .live_todo_info .bot_info .info2 .special_btn a { display: block;background: #ac9174;color: #fff;text-align: center;font-size: 17px;font-weight: 700;height: 49px;border-radius: 4px;line-height: 49px; } .coway_live_wrap .live_todo_info .bot_info .info2 .special_btn a::after { content: '';display: inline-block;background: url('../images/live/special_btn_arrow.png') no-repeat center;margin-left: 11px;width: 9px;height: 14px;vertical-align: -1px; } .coway_live_wrap .live_mid_banner { width:1200px;margin:30px auto 30px; } .coway_live_wrap .live_event_info {display: flex; justify-content: space-between; width: 1200px; margin: 30px auto 0;} .coway_live_wrap .live_event_info>div {position: relative; width: 590px; height: 772px; padding: 40px 60px 0;} .coway_live_wrap .live_event_info>div:first-child {background: url('../images/live/220310_evt_bg1.png') no-repeat scroll center/contain} .coway_live_wrap .live_event_info>div:last-child {background: url('../images/live/220310_evt_bg2.png') no-repeat scroll center/contain} .coway_live_wrap .live_event_info .label_text {display: inline-block; padding: 7px 22px; font-size: 16px; font-weight: bold; background: #ffffff; border-radius: 17px;} .coway_live_wrap .live_event_info .con1 .label_text {color: #735e45;} .coway_live_wrap .live_event_info .con2 .label_text {color: #937e67;} .coway_live_wrap .live_event_info .con2 .title_wrap { margin: 18px 0 5px; } .coway_live_wrap .live_event_info .title_wrap {display: flex; height: 123px; margin: 18px 0 13px;} .coway_live_wrap .live_event_info .con1 .title_wrap .tit {font-size: 38px; font-weight: bold; line-height: 50px; color: #fff;} .coway_live_wrap .live_event_info .con2 .title_wrap .tit {font-size: 38px; font-weight: bold; line-height: 50px; color: #745f46;} .coway_live_wrap .live_event_info .con1 .title_wrap img {margin: 10px 0 10px 18px} .coway_live_wrap .live_event_info .con2 .title_wrap img {margin: 0 0 20px 18px} .coway_live_wrap .live_event_info dl {overflow: hidden;} .coway_live_wrap .live_event_info dl dt, .coway_live_wrap .live_event_info dl dd {float: left; margin-bottom: 12px; color: #1b2529} .coway_live_wrap .live_event_info .con2 dl dd { margin-bottom: 8px; } .coway_live_wrap .live_event_info .con1 dl dd { color: #f2f4f5; } .coway_live_wrap .live_event_info dl dt {height: 24px; margin: 2px 12px 0 0; padding: 2px 10px; font-size: 15px; font-weight: bold; clear: both; border-radius: 6px;color: #f2f4f5; } .coway_live_wrap .live_event_info .con1 dl dt {background: #745f46;} .coway_live_wrap .live_event_info .con2 dl dt {background: #beaa85;} .coway_live_wrap .live_event_info dl dd {font-size: 18px; line-height: 28px;} .coway_live_wrap .live_event_info dl dd span {display: inline-block;font-size: 16px;} .coway_live_wrap .live_event_info .con1 dl dd span { color: #a18bfd;} .coway_live_wrap .live_event_info .con2 dl dd span { color: #937f6b;} .coway_live_wrap .live_event_info .bot_con {position: absolute; left: 0; top: 400px; width: 100%;} .coway_live_wrap .live_event_info .con1 .bot_con .img_wrap {width: 233px; height: 233px; margin: auto; background: url('../images/live/220310_ico_evt1.png'); font-size: 0;} .coway_live_wrap .live_event_info .con2 .bot_con .img_wrap {width: 235px; height: 235px; margin: auto; background: url('../images/live/220310_ico_evt2.png'); font-size: 0;} .coway_live_wrap .live_event_info .con1 .bot_con .text_wrap {display: flex; justify-content: center; align-items: center; margin-top: -20px; height: 96px; font-size: 20px; font-weight: 700; line-height: 32px; color: #f2f4f5; text-align: center;} .coway_live_wrap .live_event_info .con2 .bot_con .text_wrap {display: flex; justify-content: center; align-items: center; margin-top: -20px; height: 96px; font-size: 20px; font-weight: 700; line-height: 32px; color: #745f46; text-align: center;} .coway_live_wrap .live_event_info .con2 .live_event_info_notice { display: block;font-size: 15px;position: relative;padding-left: 8px;line-height: 25px;font-weight: 500; } .coway_live_wrap .live_event_info .con2 .live_event_info_notice::after { content: '*';display: block;position: absolute;left: 0;top: 0;} .coway_live_wrap .live_event_info .con2 .live_event_info_notice strong { display: inline-block; } .coway_live_wrap .live_event_info .con2 .live_event_info_notice strong a { display: block;color: #00a8e3;font-weight: 500; } .coway_live_wrap .live_event_info .con2 .live_event_info_notice span { display: block;color: #937f6b;font-weight: 400; } .coway_live_wrap .live_alarm {min-height:650px;margin: 95px 20px 0;background:#ccc0ad url('../images/live/220310_bg_alarm.png') no-repeat center top;border-radius: 8px;padding-bottom: 70px;} .coway_live_wrap .live_alarm .top_txt {position: relative;width:440px;margin:0 auto;padding:110px 0 0;color:#fff;text-align: center;} .coway_live_wrap .live_alarm .top_txt dt {margin-bottom: 20px;font-size: 38px;font-weight: 700;} .coway_live_wrap .live_alarm .top_txt dd {font-size: 20px;} .coway_live_wrap .live_alarm .top_txt dd.icon {position: absolute;left:50%;top:-25px;transform:translate(-50%);width:115px;height:119px;background: url('../images/live/220310_ico_alarm.png') no-repeat center top;} .coway_live_wrap .live_alarm .form_group {width:440px;margin:45px auto 0;} .coway_live_wrap .live_alarm .btn_wrap {margin:14px 0 20px;} .coway_live_wrap .live_alarm .btn_wrap .btnBasic {border-radius:27px;} .coway_live_wrap .live_alarm .check_open {margin:6px 0 0 0;background: #fff;} .coway_live_wrap .live_share {padding:78px 0;font-size: 20px;font-weight: 700;text-align: center;} .coway_live_wrap .live_share .btn_wrap {width:440px;margin: 20px auto 0;} .coway_live_wrap .live_share .btn_wrap .btnBasic {border-radius: 27px;} .coway_live_wrap .live_share .btn_wrap .btnBasic span {padding-right:30px;background:url('../images/live/ico_share2.png') no-repeat right center;} /*인기 라이브 컬렉션*/ .coway_live_wrap .live_collection { display: block;max-width: 1600px;margin: 0 auto;padding: 80px 0px;overflow: hidden; } .coway_live_wrap .live_collection .coll_top { display: flex;justify-content: center;align-items: center;padding: 0 50px; } .coway_live_wrap .live_collection .col_tit { display: block;margin-bottom: 40px; } .coway_live_wrap .live_collection .col_tit h3 { display: block;font-size: 38px;font-weight: 700; } .coway_live_wrap .live_collection .col_tit h3 span { display: inline-block;width: 84px;height: 36px;background:url('../images/live/icon_live_collection.png') no-repeat center;vertical-align: bottom;margin: 0 6px; } .coway_live_wrap .live_collection .btn_wrap { margin-left: auto; } .coway_live_wrap .live_collection .btn_wrap a { font-size: 15px; } .coway_live_wrap .live_collection .btn_wrap .btnBasic.btnTxt:after { top: 50%; } .coway_live_wrap .live_collection .live_obj { display: block;position: relative; } .coway_live_wrap .live_collection .live_obj .slick_wrap { padding: 0 35px 0 50px; } .coway_live_wrap .live_collection .live_obj .item { width: 285px;border-radius: 8px;position: relative;margin-right: 18px;display: inline-block;} .coway_live_wrap .live_collection .live_obj .item .img_wrap { width: 100%;height: 430px;border-radius: 8px;overflow: hidden;position: relative;background: #efefef; } /* .coway_live_wrap .live_collection .live_obj .item .img_wrap img { width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;-webkit-transition: all 1.5s ease;opacity: 1;z-index: 1; } */ .coway_live_wrap .live_collection .live_obj .item .img_wrap img { width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transition: all 1.5s ease;opacity: 1;z-index: 1;background: #efefef;padding: 100% 0; } .coway_live_wrap .live_collection .live_obj .slick-active .img_wrap img {opacity:0;} .coway_live_wrap .live_collection .live_obj.intro .img_wrap img { opacity:1 !important;-webkit-transition: all 1s ease;} /* .coway_live_wrap .live_collection .live_obj .item .img_wrap video { width: 100%;height: 100%;object-fit: fill; } */ .coway_live_wrap .live_collection .live_obj .item .img_wrap video { width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 1; } .coway_live_wrap .live_collection .live_obj.intro .img_wrap video { opacity: 0; } .coway_live_wrap .live_collection .live_obj .item .watch_num { display: block;position: absolute;left: 13px;top: 13px;height: 30px;padding: 0 13px 0 10px;border-radius: 15px;background: rgba(27,37,41,0.5);text-align: center;z-index: 2; } .coway_live_wrap .live_collection .live_obj .item .watch_num p { color: #fff;font-size: 14px;line-height: 30px; } .coway_live_wrap .live_collection .live_obj .item .watch_num p::before { content: '';width: 21px;height: 13px;background:url('../images/live/icon_live_eye.png') no-repeat center;display: inline-block;vertical-align: middle;margin-right: 3px; } .coway_live_wrap .live_collection .live_obj .item .text_wrap { display: block; margin-top: 20px; } .coway_live_wrap .live_collection .live_obj .item .text_wrap p { display: -webkit-box;font-size: 20px;line-height: 30px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } .coway_live_wrap .live_collection .live_obj .slick-next { background:url('../images/live/live_coll_arrow.png') no-repeat center;width: 19px;height: 35px;transform: rotate( 180deg ) translate(0, 50%);text-indent: -9999px;position: absolute;right: 0px;top: 50%;margin-top: -35px; } .coway_live_wrap .live_collection .live_obj .slick-prev { background:url('../images/live/live_coll_arrow.png') no-repeat center;width: 19px;height: 35px;transform: translate(0, -50%);text-indent: -9999px;position: absolute;left: 0px;top: 50%;margin-top: -35px; } /*인기 숏클립*/ .coway_live_wrap .live_short_clip { display: block;max-width: 1600px; margin: 0 auto; padding-bottom: 80px; overflow: hidden; } .coway_live_wrap .live_short_clip .coll_top { display: flex;justify-content: center;align-items: center;padding: 0 50px; } .coway_live_wrap .live_short_clip .col_tit { display: block;margin-bottom: 40px; } .coway_live_wrap .live_short_clip .col_tit h3 { display: block;font-size: 38px;font-weight: 700; } .coway_live_wrap .live_short_clip .col_tit h3 span { display: inline-block;width: 84px;height: 36px; /*background:url('../images/live/icon_live_collection.png') no-repeat center;*/ vertical-align: bottom;margin: 0 6px; } .coway_live_wrap .live_short_clip .btn_wrap { margin-left: auto; } .coway_live_wrap .live_short_clip .btn_wrap a { font-size: 15px; } .coway_live_wrap .live_short_clip .btn_wrap .btnBasic.btnTxt:after { top: 50%; } .coway_live_wrap .live_short_clip .live_obj { display: block; position: relative; flex-direction: row; justify-content: flex-start; align-items: start; width: 100%; height: 100%; } .coway_live_wrap .live_short_clip .live_obj .slick_wrap { width: 100%; padding: 0 35px 0 50px; display: block;} .coway_live_wrap .live_short_clip .live_obj .slick_wrap .slick-list.draggable .slick-track { display: flex; width: 1600px !important; justify-content: flex-start; text-align: start;} .coway_live_wrap .live_short_clip .live_obj .item { width: 285px;border-radius: 8px;position: relative;margin-right: 18px;display: block;} .coway_live_wrap .live_short_clip .live_obj .item .img_wrap { width: 100%;height: 507px;border-radius: 8px;overflow: hidden;position: relative;background: #efefef; } .coway_live_wrap .live_short_clip .live_obj .item .img_wrap img { width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transition: all 1.5s ease;opacity: 1;z-index: 1;background: #efefef;padding: 100% 0; } .coway_live_wrap .live_short_clip .live_obj .slick-active .img_wrap img {opacity:0;} .coway_live_wrap .live_short_clip .live_obj.intro .img_wrap img { opacity:1 !important;-webkit-transition: all 1s ease;} /* .coway_live_wrap .live_short_clip .live_obj .item .img_wrap video { width: 100%;height: 100%;object-fit: fill; } */ .coway_live_wrap .live_short_clip .live_obj .item .img_wrap video { width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 1; } .coway_live_wrap .live_short_clip .live_obj.intro .img_wrap video { opacity: 0; } .coway_live_wrap .live_short_clip .live_obj .item .watch_num { display: block;position: absolute;left: 13px;top: 13px;height: 30px;padding: 0 13px 0 10px;border-radius: 15px;background: rgba(27,37,41,0.5);text-align: center;z-index: 2; } .coway_live_wrap .live_short_clip .live_obj .item .watch_num p { color: #fff;font-size: 14px;line-height: 30px; } .coway_live_wrap .live_short_clip .live_obj .item .watch_num p::before { content: '';width: 21px;height: 13px;background:url('../images/live/icon_live_eye.png') no-repeat center;display: inline-block;vertical-align: middle;margin-right: 3px; } .coway_live_wrap .live_short_clip .live_obj .item .text_wrap { display: block; margin-top: 20px; } .coway_live_wrap .live_short_clip .live_obj .item .text_wrap p { display: -webkit-box;font-size: 20px;line-height: 30px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } .coway_live_wrap .live_short_clip .live_obj .slick-next { background:url('../images/live/live_coll_arrow.png') no-repeat center;width: 19px;height: 35px;transform: rotate( 180deg ) translate(0, 50%);text-indent: -9999px;position: absolute;right: 0px;top: 50%;margin-top: -35px; } .coway_live_wrap .live_short_clip .live_obj .slick-prev { background:url('../images/live/live_coll_arrow.png') no-repeat center;width: 19px;height: 35px;transform: translate(0, -50%);text-indent: -9999px;position: absolute;left: 0px;top: 50%;margin-top: -35px; } .coway_live_wrap .live_watch_guide {height:970px;margin:0 20px;background: #efece8;border-radius:8px;} .coway_live_wrap .live_watch_guide .top_txt {position:relative;width:440px;margin:0 auto;padding:180px 0 0;color:#1b2529;text-align: center;background:url('../images/live/ico_guide.png') no-repeat center 50px;} .coway_live_wrap .live_watch_guide .top_txt dt {margin-bottom: 20px;font-size: 38px;font-weight: 700;} .coway_live_wrap .live_watch_guide .top_txt dd {font-size: 20px;} .coway_live_wrap .live_watch_guide .watch_list {display: flex;justify-content: center;width:100%;margin-top: 60px;} .coway_live_wrap .live_watch_guide .watch_list li {width:340px;height:520px;margin:0 5px;background: #fff;border-radius:8px;} .coway_live_wrap .live_watch_guide .watch_list .txt {padding-top: 130px;font-size: 20px;font-weight: 700;text-align: center;} .coway_live_wrap .live_watch_guide .watch_list .txt em {display: block;margin-top: 5px;font-size: 14px;font-weight: 400;color:#90a0a6;} .coway_live_wrap .live_watch_guide .watch_list .type1 .txt {background: url('../images/live/watch_ci1.png') no-repeat center 50px;} .coway_live_wrap .live_watch_guide .watch_list .type2 .txt {background: url('../images/live/watch_ci2.png') no-repeat center 50px;} .coway_live_wrap .live_watch_guide .watch_list .type3 .txt {background: url('../images/live/watch_ci3.png') no-repeat center 50px;} .coway_live_wrap .live_watch_guide .watch_list .qr {width:232px;height:232px;margin:58px auto 0;padding:16px;background: #fff;border-radius:8px;box-shadow:0px 6px 30px rgb(214, 214, 214, 0.4);} .coway_live_wrap .live_notice {width: 1200px; margin: auto; padding: 60px 0} .coway_live_wrap .live_notice .tit {margin-bottom: 26px; font-size: 18px; font-weight: bold; line-height: 1; color: #000000;} .coway_live_wrap .live_notice ul li {position: relative; margin-bottom: 8px; padding-left: 14px; font-size: 15px; line-height: 24px; color: #90a0a6;} .coway_live_wrap .live_notice ul li::before {display: block; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #90a0a6; border-radius: 50%; content: "";} .coway_live_wrap .live_notice ul li a {display: inline-block; font-size: 15px; color: #00a8e3;border-bottom: 1px solid #00a8e3;line-height: 18px;} .live_coll_wrap .live_title { display: block; } .live_coll_wrap .live_title h3 { display: block;font-size: 32px;font-weight: 700; } .live_coll_wrap .live_title h3 span { display: inline-block;width: 74px;height: 30px;background:url('../images/live/icon_live_collection.png') no-repeat center;vertical-align: bottom;background-size: contain; } .live_coll_wrap .live_title p { display: block;margin: 20px 0 40px 0;font-size: 16px;color: #90a0a6; } .live_coll_wrap .live_list { display: block;} .live_coll_wrap .live_list ul { display: block;font-size: 0; } .live_coll_wrap .live_list ul li { display: inline-block;width: 285px;border-radius: 8px;position: relative;margin-right: 20px;margin-bottom: 60px;vertical-align: top; } .live_coll_wrap .live_list ul li:nth-child(4n) { margin-right: 0; } .live_coll_wrap .live_list ul li .watch_num { display: block;position: absolute;left: 13px;top: 13px;height: 30px;padding: 0 13px 0 10px;border-radius: 15px;background: rgba(27,37,41,0.5);text-align: center;z-index: 2; } .live_coll_wrap .live_list ul li .watch_num p { color: #fff;font-size: 14px;line-height: 30px; } .live_coll_wrap .live_list ul li .watch_num p::before { content: '';width: 21px;height: 13px;background:url('../images/live/icon_live_eye.png') no-repeat center;display: inline-block;vertical-align: middle;margin-right: 3px; } .live_coll_wrap .live_list ul li .img_wrap { position: relative; display: block; width: 285px; height: 430px; border-radius: 8px; overflow: hidden; } .live_coll_wrap .live_list ul li .img_wrap img { width: 100%;position: absolute;left: 0;right: 0;top: 50%;transform: translate(0, -50%);padding: 100% 0;opacity: 1;-webkit-transition: all 1.5s ease;z-index: 1;background: #efefef; } /* .live_coll_wrap .live_list ul li .img_wrap video { width: 100%;height: 100%;object-fit: fill;} */ .live_coll_wrap .live_list ul li .img_wrap video { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; border-radius: 8.0000009px; } .live_coll_wrap .live_list ul li .text_wrap { display: block;margin-top: 20px; } .live_coll_wrap .live_list ul li .text_wrap p { display: -webkit-box;font-size: 20px;line-height: 30px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } .live_coll_wrap .live_list ul li.video_on .img_wrap img { opacity: 0; } .live_coll_wrap .btn_wrap { margin: 30px 0 0 0; } /*인기 숏 클립 높이 조정*/ #short_clip_collection .live_list ul li .img_wrap { height: 507px; } /*라이브 탭*/ #live_serviceTab { position: relative; text-align: center; margin-bottom: 58px; } #live_serviceTab > ul { display: flex; flex-direction: row; justify-content: center; border-bottom:1px solid #f2f4f5;} #live_serviceTab > ul:after { content:''; display:block; clear:both;} #live_serviceTab > ul li { float:left; margin-right: 50px; } #live_serviceTab > ul li a { display:block; position:relative; text-align:center; font-size:18px; line-height:60px; color:#90a0a6;} #live_serviceTab > ul li a:after { content:''; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#1e282c; transition:width .2s ease; transform:translateX(-50%);} #live_serviceTab > ul li.on a { font-weight:700; color:#1e282c;} #live_serviceTab > ul li.on a:after { width:100%; } /* 라이브커머스 관리자 분리 */ /* .coway_live_wrap .live_todo_info { border-radius: 8px 8px 0 0; } .coway_live_wrap .live_con { display: block;width: 1200px;margin: 0 auto; } .coway_live_wrap .live_con .bot_info {display: flex; position: relative; padding: 0 40px 35px 100px; border-top: 1px solid rgba(255,255,255,.15);background: #52555b;border-radius: 0 0 8px 8px; } .coway_live_wrap .live_con .bot_info.half .info_box {position: relative; width: 47%; padding-top: 50px;} .coway_live_wrap .live_con .bot_info.half .info_box.info2 { width: 53%; } .coway_live_wrap .live_con .bot_info .sub_tit {position: absolute; left: 0; top: -17px; padding: 8px 20px; font-size: 16px; font-weight: bold; color: #93594b; background: #fff; border-radius: 17px;} .coway_live_wrap .live_con .bot_info .tit {margin-bottom: 38px; font-size: 28px; font-weight: bold; color: #fff;line-height: 40px;} .coway_live_wrap .live_con .bot_info dl {overflow: hidden;margin-top: -12px; } .coway_live_wrap .live_con .bot_info dl dt, .coway_live_wrap .live_con .bot_info dl dd {display: flex; align-items: center; float: left; margin-bottom: 30px; color: #f2f4f5;} .coway_live_wrap .live_con .bot_info .info1 dl dd { margin-bottom: 30px; } .coway_live_wrap .live_con .bot_info .info1 dl dd span { display: block;font-size: 14px;line-height: 20px;padding-left: 65px;color: #f2f4f5;opacity: 0.8; } .coway_live_wrap .live_con .bot_info .info1 dl dd:last-of-type { margin: 15px 0 0 30px; } .coway_live_wrap .live_con .bot_info dl dd:last-child .text_wrap { margin-top: 20px;line-height: 26px;text-align: center; } .coway_live_wrap .live_con .bot_info dl dd {font-size: 18px; line-height: 26px;} .coway_live_wrap .live_con .bot_info dl dd .img_wrap { margin: 35px 40px 0 0; } .coway_live_wrap .live_con .bot_info dl dd > p { font-size: 16px;line-height: 24px;margin-left: 15px;text-align: center; } .coway_live_wrap .live_con .bot_info dl dt {clear: both; margin: 2px 16px 0 0; padding: 0 12px; font-size: 15px; font-weight: bold; background: #ac9174; border-radius: 6px; line-height: 24px;} .coway_live_wrap .live_con .bot_info .info1 .con_box {display: flex;flex-wrap:wrap;} .coway_live_wrap .live_con .bot_info .info1 .con_box li {display: flex;align-items:center;width: 424px;margin-bottom: 8px;padding:0 0 0 8px;background: #1f2b2f; border-radius: 4px;} .coway_live_wrap .live_con .bot_info .info1 .con_box li:last-child {margin-bottom: 0;} .coway_live_wrap .live_con .bot_info .info1 .con_box li .text_wrap {color: #fff;cursor: pointer;} .coway_live_wrap .live_con .bot_info .info1 .con_box li .tit {margin-bottom:5px;font-size: 16px;} .coway_live_wrap .live_con .bot_info .info1 .con_box li .price_wrap {display: flex; align-items: center;} .coway_live_wrap .live_con .bot_info .info1 .con_box li .price_wrap .before {margin-right: 8px; font-size: 15px; text-decoration: line-through;} .coway_live_wrap .live_con .bot_info .info1 .con_box li .price_wrap .after {font-size: 18px; color: #00a8e3;} .coway_live_wrap .live_con .bot_info .info2 dl dd:last-child {width: 100%;margin-bottom: 0; } .coway_live_wrap .live_con .bot_info .info2 dl dd { margin-bottom: 30px; } .coway_live_wrap .live_con .bot_info .info2 dl dd:last-child .img_wrap {margin-right: 25px;} .coway_live_wrap .live_con .bot_info .info2 dl dd:last-child .text_wrap {font-size: 16px; line-height: 1.5;} .coway_live_wrap .live_con .bot_info .info2 .list_type1 { color: #fff;opacity: 0.6; } .coway_live_wrap .live_con .bot_info .info2 dl dd > ul { display: flex;width: 100%;background: #494c51;border-radius: 8px;padding: 40px;margin-top: 13px;justify-content: center;align-items: center; } .coway_live_wrap .live_con .bot_info .info2 dl dd > ul li { width: 50%; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd > ul li:first-child { text-align: right; } .coway_live_wrap .live_con .bot_info .info2 dl dd > ul li img { } .coway_live_wrap .live_con .bot_info .info2 dl dd > ul li p { display: block;color: #fff;font-size: 16px;margin-left: 60px; } .coway_live_wrap .live_con .bot_info .info2 dl dd > ul li span { display: block;font-size: 14px;opacity: .5;line-height: 24px;padding-left: 8px;position: relative;margin-top: 5px; } .coway_live_wrap .live_con .bot_info .info2 dl dd > ul li span::before { content: '*';display: block;position: absolute;left: 0;top: 0; } .coway_live_wrap .live_con .bot_info .info1 dl span.text_ful { display: block;position: absolute;left: 18%;bottom: 3px;padding-left: 0;color: #f2f4f5;opacity: 0.5; } .coway_live_wrap .live_con .bot_info .info2 .special_btn { display: block;margin-top: 20px; } .coway_live_wrap .live_con .bot_info .info2 .special_btn a { display: block;background: #ac9174;color: #fff;text-align: center;font-size: 17px;font-weight: 700;height: 49px;border-radius: 4px;line-height: 49px; } .coway_live_wrap .live_con .bot_info .info2 .special_btn a::after { content: '';display: inline-block;background: url('../images/live/special_btn_arrow.png') no-repeat center;margin-left: 11px;width: 9px;height: 14px;vertical-align: -1px; } .coway_live_wrap .live_mid_banner { width:1200px;margin:30px auto 30px; } */ /* //라이브커머스 관리자 분리 */ /* 11월1차 라이브커머스 */ /* .coway_live_wrap .live_todo_info .bot_info .info1 dl dd:last-of-type { display: block;margin: 0 0 0 -30px; } .coway_live_wrap .live_todo_info .bot_info dl dd .img_wrap { margin: 40px 0 0 0; } .coway_live_wrap .live_todo_info .bot_info .info2 dl dd:last-child { width: auto; } .coway_live_wrap .live_todo_info .bot_info.half .info_box.info2 ul { display: block;font-size: 0;overflow: hidden;border-radius: 8px;background: #494c51;height: 235px;margin-top: 25px; } .coway_live_wrap .live_todo_info .bot_info.half .info_box.info2 ul li { display: inline-block;width: 25%;position: relative;text-align: center;vertical-align: top; } .coway_live_wrap .live_todo_info .bot_info.half .info_box.info2 ul li + li::before { display: block;content: '';width: 1px;height: 187px;background: #595c61;position: absolute;left: 0;top: 25px; } .coway_live_wrap .live_todo_info .bot_info.half .info_box.info2 ul li span { display: block;width: 50px;height: 50px;border-radius: 50%;background: #282d35;color: #fff;font-size: 15px;text-align: center;line-height: 50px;position: absolute;left: 10px;top: 15px; } .coway_live_wrap .live_todo_info .bot_info.half .info_box.info2 ul li img { height: 85px;margin-top: 50px; } .coway_live_wrap .live_todo_info .bot_info.half .info_box.info2 ul li p { display: block;font-size: 15px;line-height: 22px;color: #fff;height: 66px;margin-top: 5px; } .coway_live_wrap .live_todo_info .bot_info .info1 dl span.text_ful { display: block;position: static;color: #f2f4f5;opacity: 0.5;text-align: center;margin-top: 15px; } */ /* 11월1차 라이브커머스 EMd */ /* Layer */ #lay_payCombine .combine_area {margin-top: 25px;} #lay_payCombine .combine_area .list {margin:0 -30px;padding:23px 30px 30px;border-top:1px solid #f2f4f5;} #lay_payCombine .combine_area .list .title_wrap {margin-top:0;} #lay_payCombine .combine_area .list:last-child {padding-bottom:0;} #lay_payCombine .list_item {position:relative;margin-top:10px;padding:20px;background: #f2f4f5;border-radius: 4px;} #lay_payCombine .list_item:first-child {margin-top:25px;} #lay_payCombine .list_item .per {display:inline-block;height:24px;padding:0 12px;line-height:24px;text-align: center;font-size: 13px;color: #fff;background: #1b2529;border-radius: 12px;} #lay_payCombine .list_item .tit {margin-top: 15px;font-size:19px;font-weight: 700;} #lay_payCombine .list_item .txt {margin-top: 10px;font-size:14px;color: #90a0a6;} #lay_payCombine .list_item .price {position: absolute;right: 20px;top: 54px;font-size: 15px;text-align: right;} #lay_payCombine .list_item .price strong {font-size: 22px;font-weight: 700;color: #00a8e3;} #lay_payCombine .list_item .price em {font-size: 14px;} #lay_payCombine .list_item .price i {display: block;font-size: 14px;color: #bec8cc;text-decoration: line-through;} #lay_payCombine .total_price {padding:40px 0 0 0;} #lay_payCombine .total_price > dt {float: left;width:120px;font-size: 19px;font-weight: 700;line-height: 29px;} #lay_payCombine .total_price > dd {float: left;width:calc(100% - 120px);text-align: right;font-size: 15px;} #lay_payCombine .total_price > dd i {font-size:14px;color:#bec8cc;text-decoration:line-through;} #lay_payCombine .total_price > dd strong {display:inline-block;margin-left: 7px;font-size: 24px;font-weight: 700;color:#00a8e3;} #lay_payCombine .total_price > dd strong em {font-size: 14px;} #lay_reOrder .combine_area .list:first-child .title_wrap {margin-top:0;} #lay_reOrder .combine_area .list {margin:0 -18px;padding:0 18px;padding-bottom:30px;border-bottom:1px solid #f2f4f5;} #lay_reOrder .combine_area .list:last-child {padding-bottom:0;border-bottom:0;} #lay_reOrder .combine_list .inp_select {margin-top:10px;padding-top:20px;background:url('../images/order/arr_change.png') no-repeat center top /21px auto;} #lay_reOrder .list_type4 {margin-top: 55px;text-align: center;} #lay_reOrder .list_type4 li {padding-left: 30px;background:url('../images/order/ico_alert1.png') no-repeat 138px 3px;} #lay_reOrder .list_item {position:relative;margin-top:10px;padding:20px;background: #f2f4f5;border-radius: 4px;} #lay_reOrder .list_item:first-child {margin-top:25px;} #lay_reOrder .list_item .noti {margin-bottom:12px;color:#90a0a6;font-weight: 700;} #lay_reOrder .list_item .per {display:inline-block;height:24px;padding:0 12px;line-height:24px;text-align: center;font-size: 13px;color: #fff;background: #1b2529;border-radius: 12px;} #lay_reOrder .list_item .tit {padding-right:40%;font-size:19px;font-weight: 700;} #lay_reOrder .list_item .txt {margin-top: 10px;font-size:14px;color: #90a0a6;} #lay_reOrder .list_item .price {position: absolute;right: 20px;top: 54px;font-size: 15px;} #lay_reOrder .list_item .price strong {font-size: 22px;font-weight: 700;color: #00a8e3;} #lay_reOrder .list_item .price em {font-size: 14px;} #lay_reOrder .list_item .price i {margin-right: 7px;font-size: 14px;color: #bec8cc;text-decoration: line-through;} #lay_reOrder .total_price {padding:40px 0 0 0;} #lay_reOrder .total_price > dt {float: left;width:75px;font-size: 15px;font-weight: 700;line-height: 29px;} #lay_reOrder .total_price > dd {float: left;width:calc(100% - 75px);text-align: right;} #lay_reOrder .total_price > dd i {font-size:14px;color:#bec8cc;text-decoration:line-through;} #lay_reOrder .total_price > dd strong {display:inline-block;margin-left: 7px;font-size: 23px;font-weight: 700;color:#00a8e3;} #lay_reOrder .total_price > dd strong em {font-size: 14px;} #lay_reOrder .recommend_cody {margin:54px -30px 0;padding:40px 30px 35px;background:#f2f4f5;} #lay_reOrder .recommend_cody .tit {padding-left:20px;font-size: 19px;font-weight: 700;line-height: 26px;background: url('../images/common/ico_check4.png') no-repeat 0 8px;} #lay_reOrder .recommend_cody .btn_wrap.more {margin:20px 0 0 0;} #lay_reOrder .recommend_cody .form_wrap .form_tit {font-size: 15px;font-weight: 700;color:#1b2529 !important;} #lay_reOrder .recommend_cody .form_wrap.button {padding-right:85px;} #lay_reOrder .recommend_cody .form_wrap.disabled {margin-top:20px;background:#fff !important;} #lay_reOrder .recommend_cody .form_wrap.disabled .input_text {font-size:15px;color:#1b2529 !important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #lay_companies .title_wrap {margin:0 0 25px 0;} #lay_companies .title_wrap .sub_tit {margin-top:0;padding-left:18px;background: url('../images/common/ico_check4.png') no-repeat 0 center;} #lay_companies .title_wrap .sub_tit em {font-weight: 700;} #lay_companies .title_wrap .despite_tit { display: block;font-weight: 700;padding-left: 18px;color: #00a8e3; } #lay_companies .h3_tit {margin:45px 0 20px;font-size: 19px;font-weight: 700;} #lay_companies .form_area .inp_select {margin-bottom: 9px;} #lay_companies .form_area .half {display: flex;justify-content: space-between;} #lay_companies .form_area .half .inp_select {width:49.3%} #lay_companies .form_area .form_wrap { height: 54px;padding: 0 35px 0 20px; } #lay_companies .form_area .form_wrap .inp_text .input_text { height: 54px;line-height: 54px; } #lay_companies .form_area .form_wrap .inp_text .input_text::placeholder { color: #90a0a6; } #lay_companies .kowpic_mark { margin-top: 9px; } #lay_companies .kowpic_mark .info { display: flex;position: relative;height: 54px;line-height: 54px;border: 1px solid #e5e9eb;border-radius: 4px;padding: 0 20px;align-items: center;flex-wrap: wrap; } #lay_companies .kowpic_mark .info p { display: block;font-size: 15px; } #lay_companies .kowpic_mark .info .btn_wrap { display: block;margin-left: auto; } #lay_companies .kowpic_mark .info .btn_wrap .drop_btn {float: right;width: 25px;height: 25px;background: url('../images/common/arr_down1.png') no-repeat center center / 11px auto; } #lay_companies .kowpic_mark .info .btn_wrap .drop_btn.on { transform: scaleY(-1); } #lay_companies .kowpic_mark .drop_con { display: none;border: 1px solid #e5e9eb;border-radius: 0 0 4px 4px;margin-top: -1px; } #lay_companies .kowpic_mark .drop_con .con_wrap { display: flex;padding: 40px 0;justify-content: center;align-items: center;flex-wrap: wrap; } #lay_companies .kowpic_mark .drop_con .con_wrap .tit { width: 100%;text-align: center; } #lay_companies .kowpic_mark .drop_con .con_wrap .tit p { display: block;font-size: 15px;line-height: 26px; } #lay_companies .kowpic_mark .drop_con .con_wrap .tit p strong { font-weight: 700; } #lay_companies .kowpic_mark .drop_con .con_wrap .tit ul { display: inline-block;margin: 0 auto 20px; } #lay_companies .kowpic_mark .drop_con .con_wrap .tit ul li { color: #bec8cc; } #lay_companies .kowpic_mark .drop_con .con_wrap .txt { margin-left: 17px; } #lay_companies .kowpic_mark .drop_con .con_wrap .txt span { display: block;font-size: 14px;color: #90a0a6;margin: 0 0 10px 0; } #lay_companies .kowpic_mark .drop_con .con_wrap .txt em { display: block;font-size: 13px;line-height: 21px;color: #bec8cc; } #lay_recommendCody .layCon {padding:25px 20px 20px;} #lay_recommendCody .recommend_list {margin-top: 25px;} #lay_recommendCody .recommend_list li {margin-top:10px;} #lay_recommendCody .recommend_list li:first-child {margin-top:0;} #lay_recommendCody .recommend_list li .select {padding:20px;border:1px solid #e5e9eb;border-radius:4px;} #lay_recommendCody .recommend_list li .select.active {border:2px solid #00a8e3;} #lay_recommendCody .recommend_list dl {overflow: hidden;margin-top: 10px;} #lay_recommendCody .recommend_list dl:first-child {margin-top: 0;} #lay_recommendCody .recommend_list dl dt, #lay_recommendCody .recommend_list dl dd {float: left;width: 50%;line-height: 100%;font-size: 16px;} #lay_recommendCody .recommend_list dl dt {color:#90a0a6;} #lay_recommendCody .recommend_list dl dd {text-align: right;padding-right: 1px;} #lay_recommendCody_search .noti_msg {font-size: 16px;margin-bottom: 10px;} #lay_recommendCody_search .search_group {padding-left: 0;} #lay_recommendCody_search .search_group .errorMsg {margin-top:10px;} #lay_recommendCody_search .recommend_list {margin-top: 25px;} #lay_recommendCody_search .recommend_list li {margin-top:10px;} #lay_recommendCody_search .recommend_list li:first-child {margin-top:0;} #lay_recommendCody_search .recommend_list li .select {padding:20px;border:1px solid #e5e9eb;border-radius:4px;} #lay_recommendCody_search .recommend_list li .select.active {border:2px solid #00a8e3;} #lay_recommendCody_search .recommend_list dl {overflow: hidden;margin-top: 10px;} #lay_recommendCody_search .recommend_list dl:first-child {margin-top: 0;} #lay_recommendCody_search .recommend_list dl dt, #lay_recommendCody_search .recommend_list dl dd {float: left;width: 50%;line-height: 100%;} #lay_recommendCody_search .recommend_list dl dt {color:#90a0a6;} #lay_recommendCody_search .recommend_list dl dd {text-align: right;padding-right: 1px;} #lay_recommendCody_search .list_type3 {margin-top: 30px;} #lay_recommendCody_search .btn_wrap.layBtn {margin-top: 15px;} #lay_recommendCody_search_byseller .noti_msg { font-size: 16px;margin-bottom: 10px;} #lay_recommendCody_search_byseller .sm_txt_gray { display: inline-block; font-size: 15px; font-weight: 400; color: #90a0a6; } #lay_recommendCody_search_byseller .search_group {padding-left: 0;} #lay_recommendCody_search_byseller .search_group .errorMsg {margin-top:10px;} #lay_recommendCody_search_byseller .recommend_list {margin-top: 25px;} #lay_recommendCody_search_byseller .recommend_list li {margin-top:10px;} #lay_recommendCody_search_byseller .recommend_list li:first-child {margin-top:0;} #lay_recommendCody_search_byseller .recommend_list li .select {padding:20px;border:1px solid #e5e9eb;border-radius:4px;} #lay_recommendCody_search_byseller .recommend_list li .select.active {border:2px solid #00a8e3;} #lay_recommendCody_search_byseller .recommend_list dl {overflow: hidden;margin-top: 10px;} #lay_recommendCody_search_byseller .recommend_list dl:first-child {margin-top: 0;} #lay_recommendCody_search_byseller .recommend_list dl dt, #lay_recommendCody_search_byseller .recommend_list dl dd {float: left;width: 50%;line-height: 100%;} #lay_recommendCody_search_byseller .recommend_list dl dt {color:#90a0a6;} #lay_recommendCody_search_byseller .recommend_list dl dd {text-align: right;padding-right: 1px;} #lay_recommendCody_search_byseller .list_type3 {margin-top: 30px;} #lay_recommendCody_search_byseller .btn_wrap.layBtn {margin-top: 15px;} #lay_paymentInfo .list_type1 {color:#bec8cc;} #lay_paymentInfo .inp_radio label {font-size:16px;font-weight: 700;} #lay_paymentInfo .memChk {margin-bottom: 10px;text-align: right;} #lay_paymentInfo .memChk button {display: inline-block;height: 30px;line-height: 28px;padding: 0 13px;font-size: 13px;font-weight: 700;color: #1b2529;border: 1px solid #e5e9eb;border-radius: 4px;} #lay_paymentInfo .method_payment {margin: 15px 0 30px;} #lay_paymentInfo .detail_payment .radio_open .radio_con {display: none;} #lay_paymentInfo .detail_payment .radio_open.on .radio_con {display: block;} #lay_paymentInfo .detail_payment .radio_open, #lay_paymentInfo .detail_payment .radio_open.on {padding:0;margin:0;border:0;border-radius:0;} #lay_paymentInfo .detail_payment .radio_open .radio_con, #lay_paymentInfo .detail_payment .radio_open.on .radio_con {padding:0;margin:0;} #lay_paymentInfo .btn_wrap.kakao {margin:15px 0 0 0;} #lay_paymentInfo .btn_wrap.kakao .btnBasic {color:#21201e;background: #f9e006;border:none;} #lay_paymentInfo .btn_wrap.kakao .btnBasic span {padding-left:68px;background:#f9e006 url('../images/common/ico_kpay6.png') no-repeat left center;} #lay_paymentInfo .btn_wrap.kakao .btnBasic.disabled span {background-image: url('../images/common/ico_kpay7.png');background-color:#bec8cc;} #lay_paymentInfo .btn_wrap.kakao + .agree_area {margin-top:15px;} #lay_paymentInfo .btn_wrap.naver {margin:15px 0 0 0;} #lay_paymentInfo .btn_wrap.naver .btnBasic {color:#fff;background: #00c73c;border:none;} #lay_paymentInfo .btn_wrap.naver .btnBasic span {padding-left:65px;background:#00c73c url('../images/common/ico_npay5.png') no-repeat left center; color: #000;} #lay_paymentInfo .btn_wrap.naver .btnBasic.disabled { background-color: #e5e9eb !important; } #lay_paymentInfo .btn_wrap.naver .btnBasic.disabled span {background-image: url('../images/common/ico_npay6.png');background-color:#e5e9eb; color: #bec8cc; } #lay_paymentInfo .btn_wrap.naver + .agree_area {margin-top:15px;} #lay_paymentInfo .agree_area {margin-top:9px;} #lay_paymentInfo .radio_open .agree_area .inp_check label {font-weight: 400;} #lay_paymentInfo .agree_area .agree_box .inp_check:first-child {padding:0 20px;} /* #lay_paymentInfo .agree_box {margin-top:25px;padding-top:25px;border-top: 1px solid #f2f4f5;} */ .check_con .pay_list li strong { font-weight: 700; } #lay_payentInfo_use .layCon {padding:25px 20px 20px;} #lay_payentInfo_use .recommend_list {margin-top: 25px;} #lay_payentInfo_use .recommend_list li {margin-top:10px;} #lay_payentInfo_use .recommend_list li:first-child {margin-top:0;} #lay_payentInfo_use .recommend_list li .select {padding:20px;border:1px solid #e5e9eb;border-radius:4px;} #lay_payentInfo_use .recommend_list li .select.active {border:2px solid #00a8e3;} #lay_payentInfo_use .recommend_list dl {overflow: hidden;margin-top: 10px;} #lay_payentInfo_use .recommend_list dl:first-child {margin-top: 0;} #lay_payentInfo_use .recommend_list dl dt, #lay_payentInfo_use .recommend_list dl dd {float: left;width: 50%;line-height: 100%;font-size: 16px;} #lay_payentInfo_use .recommend_list dl dt {color:#90a0a6;} #lay_payentInfo_use .recommend_list dl dd {text-align: right;padding-right: 1px;} #lay_payentInfo_use .noData {background: #fff;} #lay_delivery_list .layCon {padding-top:40px;} #lay_delivery_list .tabType1 ul {margin:0 -30px;padding:0 30px;text-align: center;} #lay_delivery_list .tabType1 ul li {float:none;display: inline-block;} #lay_delivery_list .tabType1 ul li:last-child {margin: 0;} #lay_delivery_list .deliveryList {padding:20px 18px 0;} #lay_delivery_list .deliveryList li {position: relative;margin-top: 15px;padding:24px 25% 24px 24px;font-size: 15px;background: #f2f4f5;border-radius:4px;} #lay_delivery_list .deliveryList li .name {font-size: 17px;font-weight: 700;} #lay_delivery_list .deliveryList li .name .default_address {display:inline-block;padding:1px 6px;margin-left:8px;color:#fff;font-size:13px;font-weight:400;border-radius:4px;background:#00a7e1;} #lay_delivery_list .deliveryList li .post {margin-top: 10px;} #lay_delivery_list .deliveryList li .phone {margin-top: 10px;} #lay_delivery_list .deliveryList li .btn_wrap {position: absolute;right:24px;top:50%;margin:0;transform:translateY(-50%);} #lay_delivery_list .deliveryList li .close {position: absolute;right:12px;top:12px;width:12px;height:12px;background:url('../images/common/ico_close6.png') no-repeat 0 0/cover;} #lay_delivery_list .deliveryList li.noData {margin:0;padding:60px 0;background: #fff;} #lay_delivery_list .deliveryList .form_wrap {margin-bottom: 10px;} #lay_delivery_list .deliveryList .default_addr {margin-top:15px;text-align: right;padding-bottom:26px;} #lay_delivery_list .deliveryList .default_addr button {padding:5px 11px 5px 30px;text-align: center;font-size: 13px;color:#90a0a6;border:1px solid #e5e9eb;border-radius:4px;background:url(../images/common/ico_check1.png) no-repeat 12px center/12px;} #lay_delivery_list .deliveryList .default_addr button.on {font-weight: 700;color:#fff;background-image:url(../images/common/ico_check2.png);background-color:#1b2529;} #lay_delivery_list .deliveryList .btn_wrap .errorMsg {display: inline-block;margin:10px 0 0 -50px;text-align:left;} /* #lay_pay_confirmation .confirm_list {margin-top: 30px;padding-top: 5px;border-top: 1px solid #f2f4f5;} #lay_pay_confirmation .confirm_list.bot {margin-top: 20px;border-top: 1px dashed #f2f4f5;} #lay_pay_confirmation .confirm_list dl {overflow: hidden;margin-top: 15px;} #lay_pay_confirmation .confirm_list dt {float: left;width:65px;font-size:15px;color:#90a0a6;} #lay_pay_confirmation .confirm_list dd {float: right;width:calc(100% - 65px);font-size:15px;text-align: right;} #lay_pay_confirmation .confirm_list dd.price {font-weight: 700;} #lay_pay_confirmation .confirmation_msg {margin-top: 18px;padding:20px 0;text-align: center;font-size: 14px;color:#90a0a6;background: #f2f4f5;border-radius:4px;} #lay_pay_confirmation .btn_wrap {text-align: center;} #lay_pay_confirmation .btn_wrap a {width:50%;} #lay_pay_unpaid .layCon {height:auto;padding:0 0 123px 0;background: #f2f4f5;} #lay_pay_unpaid .title_wrap.top {margin:0;padding:20px 18px 32px;background: #fff;} #lay_pay_unpaid .order_wrap {margin:0;} #lay_pay_unpaid.lay_inner.full .layCon.fixBtn .layBtn {margin:0;background: #f2f4f5;} #lay_pay_unpaid .pay_desc {margin-top: 30px;padding:0 18px;} #lay_pay_unpaid .pay_desc .list_tit {font-size: 15px;color:#90a0a6;} */ #lay_cart_loginConfirm .btn_wrap .btnBasic:nth-child(1) {margin:0 0 10px 0;} #lay_cart_loginConfirm .btn_wrap .btnBasic:nth-child(2) {width:48.5%;margin:0 3% 0 0;} #lay_cart_loginConfirm .btn_wrap .btnBasic:nth-child(3) {width:48.5%;margin:0;} #lay_cart_loginConfirm2.lay_inner.mid {top:50%;transform: translateY(-50%);} #lay_cart_loginConfirm2 .layCon {padding-bottom: 35px;} #lay_cart_loginConfirm2 .order_option_btn {display:flex;justify-content:space-between;} #lay_cart_loginConfirm2 .order_option_btn li {margin-bottom: 10px;} #lay_cart_loginConfirm2 .order_option_btn li button {display: block;width:205px;height:170px;padding-top:60px;text-align:center;font-size: 13px;color:#90a0a6;border-radius:8px;transition:all 0.6s ease;} #lay_cart_loginConfirm2 .order_option_btn li:nth-child(1) button {font-size: 16px;font-weight: 700;color:#fff;background:#00a8e3 url('../images/product/ico_order_option1.png') no-repeat 86px 40px;} #lay_cart_loginConfirm2 .order_option_btn li:nth-child(2) button {font-size: 16px;font-weight: 700;color:#fff;background: #00a8e3 url('../images/product/ico_order_option1.png') no-repeat center 40px;} #lay_cart_loginConfirm2 .order_option_btn li:nth-child(3) button {border:1px solid #00a8e3;background: url('../images/product/ico_order_option2.png') no-repeat center 40px;} #lay_cart_loginConfirm2 .order_option_btn li:nth-child(4) button {border:1px solid #e5e9eb;background: url('../images/product/ico_order_option3.png') no-repeat center 40px;} #lay_cart_loginConfirm2 .order_option_btn li:nth-child(5) button {border:1px solid #e5e9eb;background: url('../images/product/ico_order_option4.png') no-repeat center 40px;} #lay_cart_loginConfirm2 .order_option_btn li strong {display:block;margin-bottom:3px;font-size: 16px;font-weight: 700;color:#1b2529;} #lay_cart_loginConfirm2 .order_option_btn li:nth-child(1) button:hover {background-color: #0295ca;} #lay_cart_loginConfirm2 .order_option_btn li:nth-child(2) button:hover {border:1px solid #07759c;} #lay_cart_loginConfirm2 .order_option_btn li:nth-child(3) button:hover {border:1px solid #aaa;} #lay_cart_loginConfirm2 .order_option_btn li:nth-child(4) button:hover {border:1px solid #aaa;} #lay_cart_loginConfirm2 .order_option_btn.type1 {flex-wrap:wrap;} #lay_cart_loginConfirm2 .order_option_btn.type1 li:nth-child(2) { display: none; } #lay_cart_loginConfirm2 .order_option_btn.type2 li:nth-child(1), #lay_cart_loginConfirm2 .order_option_btn.type2 li:nth-child(2), #lay_cart_loginConfirm2 .order_option_btn.type2 li:nth-child(5) {display:none;} #lay_cart_loginConfirm2 .order_option_btn.type3 li:nth-child(2), #lay_cart_loginConfirm2 .order_option_btn.type3 li:nth-child(3), #lay_cart_loginConfirm2 .order_option_btn.type3 li:nth-child(4) {display:none;} #lay_cart_loginConfirm2 .order_option_btn.type4 li:nth-child(2), #lay_cart_loginConfirm2 .order_option_btn.type4 li:nth-child(3) {display:none;} #lay_cart_loginConfirm2 .order_option_btn.type4 button {width:132px;} #lay_cart_loginConfirm2 .order_option_btn.type4 li:nth-child(1) button {background-position:50px 30px;} #lay_cart_loginConfirm2 .order_option_btn.type4 li:nth-child(3) button {background-position:center 30px;} #lay_cart_loginConfirm2 .order_option_btn.type4 li:nth-child(4) button {background-position:center 30px;} #lay_cart_loginConfirm2.lay_inner .buy_filter { margin-top: 5px; } #lay_cart_loginConfirm2 .order_option_btn.type5 button {width:132px } #lay_cart_loginConfirm2 .order_option_btn.type5 li:nth-child(3) button, #lay_cart_loginConfirm2 .order_option_btn.type5 li:nth-child(4) button { background-position: center 25px; } #lay_cart_loginConfirm2 .order_option_btn.type5 li:nth-child(2) button { background-size: center 35px; } #lay_cart_loginConfirm2 .order_option_btn.type5 li { display: block; } #lay_cart_loginConfirm2 .order_option_btn.type5 li:nth-child(1), #lay_cart_loginConfirm2 .order_option_btn.type5 li:nth-child(5) {display:none;} #lay_cart_loginConfirm2 .order_option_btn.type6 li:nth-child(1), #lay_cart_loginConfirm2 .order_option_btn.type6 li:nth-child(3), #lay_cart_loginConfirm2 .order_option_btn.type6 li:nth-child(5) {display:none;} #lay_cart_loginConfirm2 .order_option_btn.type7 { justify-content: center; } #lay_cart_loginConfirm2 .order_option_btn.type7 li:nth-child(2), #lay_cart_loginConfirm2 .order_option_btn.type7 li:nth-child(3), #lay_cart_loginConfirm2 .order_option_btn.type7 li:nth-child(4), #lay_cart_loginConfirm2 .order_option_btn.type7 li:nth-child(5) {display:none;} #lay_benefit_order .bottom_btn .btnBasic.sizeL {min-width:180px;} #lay_benefit_order .title_wrap {margin-bottom: 25px;} #lay_benefit_order .benefit_info_box {margin-bottom:6px;padding:20px 15px;background:#f2f4f5;border-radius:4px;} #lay_benefit_order .benefit_info_box .info_num {font-size: 15px;font-weight: 700;color:#00a8e3;} #lay_benefit_order .benefit_info_box .info_tit {margin-top: 7px;font-size: 18px;font-weight: 700;color:#1b2529;} #lay_benefit_order .benefit_info_box .info_txt {margin-top: 3px;font-size: 15px;font-weight: 400;} #lay_benefit_order .benefit_info_box .info_txt .month {color:#00a8e3;} #lay_benefit_order .benefit_info_box .info_txt .buy {color:#fe7c20;} #lay_benefit_order .benefit_info_box .info_img {margin-top: 20px;text-align: center;} #lay_benefit_order .list_type3 li {margin-top: 0;} #lay_benefit_order .benefit_info_list {margin-top: 15px;padding-top: 15px;color:#90a0a6;border-top: 1px solid #f2f4f5;} /* #lay_benefit_order .benefit_info_box .discount {display: flex;} #lay_benefit_order .benefit_info_box .discount dl {width:50%;margin-top: 15px;} #lay_benefit_order .benefit_info_box .discount dt {color:#00a8e3;} #lay_benefit_order .benefit_info_box .discount dd span {display:inline-block;position:relative;font-size: 44px;font-weight: 700;color:#00a8e3;line-height: 100%;} #lay_benefit_order .benefit_info_box .discount dd span:after {content:'%';font-size:18px;font-weight: 400;} #lay_benefit_order .benefit_info_box .discount:first-child dd span:last-child {padding-left: 16px;} #lay_benefit_order .benefit_info_box .discount:first-child dd span:last-child:before {content:'';} #lay_benefit_order .benefit_info_box .discount dd .txt {color:#bec8cc;} #lay_benefit_order .benefit_info_list {margin-top: 12px;} #lay_benefit_order .benefit_info_list li {display:table;width:100%;padding: 18px 0 0;} #lay_benefit_order .benefit_info_list li:first-child {border-bottom: 1px solid #f2f4f5;padding-bottom: 16px;} #lay_benefit_order .benefit_info_list li .th, #lay_benefit_order .benefit_info_list li .td {display:table-cell;} #lay_benefit_order .benefit_info_list li .th {width:120px;} #lay_benefit_order .benefit_info_list li .td {width:calc(100% - 120px);color:#90a0a6;} #lay_benefit_order .benefit_info_list li .td .noti {color:#bec8cc;} */ /** 고객지원 **/ /* ===== 메인 ===== */ .customer_top {position: relative;max-width: 1880px;margin: 23px auto 0;background: url('../images/customer/main_top.png') no-repeat center top / auto 465px;} .customer_top .inBox {display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;padding-top: 90px;} .customer_top .faq_tit {margin-top: 70px;font-size: 22px;font-weight: 700;line-height: 1.25;color: #fff;} .customer_top .faq_tit em {display: block;margin-top: 8px;font-size: 57px;} .customer_top .faq_box {width: 640px;padding: 25px 40px 14px;background: #fff;border-radius: 4px;box-shadow: 5px 8px 20px rgba(66, 66, 66, 0.08);} .customer_top .faq_search .form_wrap {height: auto;padding: 10px 20px 4px 20px;} .customer_top .faq_search .form_wrap.focus {padding: 8px 18px 2px 18px;} .customer_top .faq_search .inp_text {top: -4px;} .customer_top .faq_search .inp_text .input_text {width: calc(100% - 37px);} .customer_top .faq_search .addr_search {top: 50%;right: -5px;width: 30px;height: 30px;transform: translateY(-50%);background-position: center;} .customer_top .customer_more {margin: 0;} .customer_top .customer_more .btnBasic {font-size: 15px;font-weight: 500;color: #1b2529;} .customer_top .customer_more .btnBasic.btnTxt:after {background: url('../images/common/arr_btnTxt2.png');animation: none;} .customer_top .faq_swiper {max-height: 250px;margin: 25px 0;overflow: hidden;} .customer_top .faq_swiper:before {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 40px;background: linear-gradient(rgba(255,255,255, 1) 30%, rgba(255,255,255,0));background: -moz-linear-gradient(rgba(255,255,255, 1) 30%, rgba(255, 255, 255, 0));background: -webkit-linear-gradient(rgba(255,255,255, 1) 30%, rgba(255, 255, 255, 0));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='transparent',GradientType=1 );z-index: 2;} .customer_top .faq_swiper:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;background: linear-gradient(rgba(255,255,255, 0) 30%, rgba(255,255,255, 1));background: -moz-linear-gradient(rgba(255, 255, 255, 0) 30%, rgba(255,255,255, 1));background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 30%, rgba(255,255,255, 1));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#ffffff',GradientType=1 );z-index: 2;} .customer_top .faq_swiper .swiper-slide {padding: 13px 0;} .customer_top .faq_swiper .swiper-slide a {height: 24px;font-size: 20px;color: #bec8cc;line-height: 24px;text-align: center;text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap;overflow: hidden;} .customer_top .faq_swiper .swiper-slide.swiper-slide-active {padding: 11px 0;} .customer_top .faq_swiper .swiper-slide.swiper-slide-active a {height: 28px;font-size: 24px;font-weight: 700;color: #00a8e3;line-height: 28px;} .customer_wrap section:not(:first-child) {display: flex;margin-top: 75px;} .customer_wrap section:not(:first-child) .inBox {flex: 1;} .customer_wrap .inquiry_box {display: flex;justify-content: space-between;} .customer_wrap .inquiry_box > div {position: relative;flex: 1;border-radius: 4px;background: #e7f2f6;} .customer_wrap .inquiry_box > div:not(:last-child) {margin-right: 8px;} .customer_wrap .inquiry_box > div a {height: 150px;padding: 40px 30px 0 40px;font-size: 18px;font-weight: 700;line-height: 24px;} .customer_wrap .inquiry_box > div p {background: no-repeat left center / auto 100%;line-height: 48px;} .customer_wrap .inquiry_box > div:nth-child(1) p {padding-left: 80px;background-image: url('../images/customer/ico_customer1_1.png');} .customer_wrap .inquiry_box > div:nth-child(2) p {padding-left: 68px;background-image: url('../images/customer/ico_customer1_2.png'); height: 60px; line-height: 24px;} .customer_wrap .inquiry_box > div:nth-child(2) p > em {display:block; font-size: 18px; color: #1b2529; font-weight: 700; line-height: 24px; padding-top: 13px;} .customer_wrap .inquiry_box > div:nth-child(2) p > i {display:inline-block; font-size: 14px; color: #90a0a6; font-weight: 400;} .customer_wrap .inquiry_box > div:nth-child(3) p {padding-left: 74px;background-image: url('../images/customer/ico_customer_call.png'); height: 58px; line-height: 24px;} .customer_wrap .inquiry_box > div:nth-child(3) p > em {display:block; font-size: 18px; color: #1b2529; font-weight: 700; line-height: 24px; padding-top: 13px;} .customer_wrap .inquiry_box > div:nth-child(3) p > i {display:inline-block; font-size: 14px; color: #90a0a6; font-weight: 400;} .customer_wrap .inquiry_box > div span {position: absolute;bottom: 30px;right: 30px;padding-right: 18px;font-size: 15px;font-weight: 700;color: #00a8e3;background: url('../images/common/arr_btnTxt.png') no-repeat right center / 12px auto;} .customer_sec2 .title_wrap {margin-bottom: 30px;padding-bottom: 18px;border-bottom: 1px solid #f2f4f5;} .customer_sec2 .box a {margin-top: 10px;padding: 0 30px 0 95px;line-height: 76px;background: no-repeat left 30px center / 38px auto;border: 1px solid transparent;border-radius: 4px;transition: all .3s ease-out;} .customer_sec2 .box a:hover {border: 1px solid #e8ecee;padding: 0 29px 0 94px;font-weight: 700;box-shadow: 5px 8px 20px rgba(66, 66, 66, 0.08);} .customer_sec2 .inBox:nth-child(1) a:nth-child(1) {background-image: url('../images/customer/ico_customer2_1.png');} .customer_sec2 .inBox:nth-child(1) a:nth-child(2) {background-image: url('../images/customer/ico_customer2_2.png');} .customer_sec2 .inBox:nth-child(1) a:nth-child(3) {background-image: url('../images/customer/ico_customer2_3.png');} .customer_sec2 .inBox:nth-child(1) a:nth-child(4) {background-image: url('../images/customer/ico_customer2_4.png');} .customer_sec2 .inBox:nth-child(2) a:nth-child(1) {background-image: url('../images/customer/ico_customer3_1.png');} .customer_sec2 .inBox:nth-child(2) a:nth-child(2) {background-image: url('../images/customer/ico_customer3_2.png');} .customer_sec2 .inBox:nth-child(3) a:nth-child(1) {background-image: url('../images/customer/ico_customer4_1.png');} .customer_sec2 .inBox:nth-child(3) a:nth-child(2) {background-image: url('../images/customer/ico_customer4_2.png');} .customer_sec2 .inBox:nth-child(3) a:nth-child(3) {background-image: url('../images/customer/ico_customer4_3.png');} .customer_sec3 {border-top: 1px solid #f2f4f5;} .customer_wrap .call_center_box {display: flex;margin-right: 115px;padding: 38px 35px;font-size: 15px;background:#f2f4f5;border-radius: 4px;} .customer_wrap .call_center_box > * {flex: 1;} .customer_wrap .call_center_box > dl > dt {font-size: 16px;font-weight: 700;margin-bottom: 10px;padding-left: 28px;background: url('../images/customer/ico_call_center2.png') no-repeat left center / 20px auto;} .customer_wrap .call_center_box .txt_blue span {display: block;font-size: 16px;font-weight: 700;} .customer_wrap .call_center_box .txt_blue em {display: block;margin: 12px 0 3px;font-size: 24px;font-weight: 700;} .customer_wrap .call_center_box dd {color: #90a0a6;line-height: 1.6;} .customer_wrap .call_center_box dd dl {padding-top: 2px;overflow: hidden;} .customer_wrap .call_center_box dd dt {float: left;width: 30%;} .customer_wrap .call_center_box dd dd {float: left;width: 70%;} .customer_wrap .call_center_box .list_type1 {font-size: 14px;} .customer_sec3 .inBox:nth-child(2) .btnTxt {position: absolute;top: 0;right: 0;color: #1b2529;} .customer_sec3 .inBox:nth-child(2) .btnTxt:after {background-image: url('../images/common/arr_btnTxt2.png');animation: none;} .customer_sec3 .notice_list li {margin-top: 13px;font-size: 15px;overflow: hidden;} .customer_sec3 .notice_list li:first-child {margin-top: 20px;} .customer_sec3 .notice_list p {width: calc(100% - 100px);float: left;height: 19px;text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap;overflow: hidden;} .customer_sec3 .notice_list p em {color: #00a8e3;margin-right: 3px;} .customer_sec3 .notice_list span {width: 90px;float: right;text-align: right;color: #90a0a6;} /* ===== 공지사항 ===== */ /* 공지사항 리스트 */ .notice_list_wrap .inp_text.button {margin-top: 20px;} .notice_list_wrap .list_state {margin-top: 40px;} .notice_area li {border-top: 1px solid #f2f4f5;} .notice_area li:last-child {border-bottom: 1px solid #f2f4f5;} .notice_area li > a {padding: 30px 18px;} .notice_area li .tit {font-size: 17px;line-height: 1.6;} .notice_area li strong {margin-right: 5px;color: #00a8e3;} .notice_area li .date {display: block;margin-top: 10px;color: #90a0a6;} .notice_area .paging_area {margin-top: 18px;} .notice_list_wrap .noData {background: #f2f4f5;} /* 공지사항 상세 */ .notice_detail_wrap .date {margin: 15px 0 30px;padding-bottom: 30px;border-bottom: 1px solid #f2f4f5;color: #90a0a6;} .notice_detail_wrap .attachments {margin-top: 30px;} /* ===== FAQ ===== */ /* faq 리스트 */ .faq_list_wrap .search_group {margin-top: 20px;padding-left: 428px;} .faq_list_wrap .search_group .inp_select:nth-child(2) {left: 214px;} .faq_list_wrap .noData {background: #f2f4f5;} .faq_hash {margin: 20px -18px;padding-left: 18px;font-size: 0;line-height: 0;overflow-y: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;} .faq_hash::-webkit-scrollbar {display: none;} .faq_hash li {position: relative;display: inline-block;margin: 0 7px 0 0;border: 1px solid #f3f4f6;border-radius: 24px;overflow: hidden;} .faq_hash li:before {content: '';position: absolute;left: 50%;top: 0;z-index: 1;width: 0;height: 100%;background: #1e282c;transition: width .2s ease;transform: translateX(-50%);} .faq_hash li.on:before {width: 101%;border-radius: 24px;transform: translateX(-50%);} .faq_hash li a {position: relative;padding: 8px 10px;border-radius: 15px;font-size: 13px;line-height: 1;color: #1b2529;z-index: 2;overflow: hidden;} .faq_hash li.on a {font-weight: 400;color: #fff;} .faq_list_wrap .list_state {margin-top: 40px;} .faq_area li {border-top: 1px solid #f2f4f5;} .faq_area li:last-child {border-bottom: 1px solid #f2f4f5;} .faq_area li > a {padding: 30px 18px;} .faq_area li .tit {font-size: 17px;line-height: 1.6;} .faq_area li .type {display: block;margin-top: 10px;color: #90a0a6;} .faq_area li .type .best {color: #00a8e3;margin-right: 5px;} .faq_area li .type .cate2:before {content: '·';display: inline-block;} .faq_area li .type .hash {margin-left: 5px;} .faq_area .paging_area {margin-top: 18px;} /* faq 상세 */ .faq_info {display: flex;justify-content: space-between;align-items: center;margin: 15px 0 30px;padding-bottom: 32px;color: #90a0a6;border-bottom: 1px solid #f3f4f6;} .faq_info .like_btn {width: 55px;padding: 3px 0 3px 24px;background: url('../images/common/ico_like.png') no-repeat left center / 18px auto;z-index: 6;} .faq_info .like_btn.on {background: url('../images/common/ico_like2.png') no-repeat left center / 18px auto;} .faq_info .like_btn span {display: block;font-size: 15px;color: #90a0a6;text-align: left;} .faq_info .like_btn.on span {color: #00a8e3;} /* ===== 1대1 문의 ===== */ /* 1대1 문의 접수 */ .my_inquiry_box .tit {margin: 65px 0 25px;font-size: 20px;font-weight: 700;text-align: center;} .my_inquiry_box .box {width: 460px;margin: 0 auto;padding: 0 20px;line-height: 70px;text-align: center;background: #f2f4f5;border-radius: 4px;margin-bottom: 8px;} .my_inquiry_box .box:last-child {margin-bottom: 0;} .my_inquiry_box .box a span {padding-right: 22px;background: url('../images/common/arr_btnTxt2.png') no-repeat right center / 12px auto;} .my_inquiry_box .box.chatbot_bt span {position: relative; padding-left: 22px;} .my_inquiry_box .box.chatbot_bt span::before { content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-49%); width: 18px; height: 30px; background: url("../images/customer/chatbot_button_icon.png") no-repeat center center;} .my_inquiry_box .box.chatbot_bt span b {color: #00a7e1;} /* 1대1 문의 접수완료 */ .my_inquiry_sucess_wrap .sub_tit {color: #1b2529;} .my_inquiry_sucess_wrap .my_inquiry_box {margin-top: 40px;padding: 27px 30px;line-height: 1.5;background: #f2f4f5;border-radius: 4px;} .my_inquiry_sucess_wrap .my_inquiry_box strong {display: block;margin-bottom: 8px;} .my_inquiry_sucess_wrap .my_inquiry_box em {border-bottom: 1px solid #00a8e3;color: #00a8e3;} /* ===== 주문 상담 ===== */ .order_inquiry_prd .box {display: -webkit-flex;-webkit-flex-flow: row wrap;display: flex;flex-flow: row wrap;align-items: center;justify-content: left;margin-top: 15px;padding: 13px 15px;background: #f2f4f5;border-radius: 4px;overflow: hidden;} .order_inquiry_prd .box .img_wrap {width: 95px;} .order_inquiry_prd .box .text_wrap {width: calc(100% - 110px);margin-left: 15px;padding: 12px 0;} .order_inquiry_prd .box .text_wrap .prd_code {color: #90a0a6;} .order_inquiry_prd .box .text_wrap .prd_name {margin-top: 5px;font-size: 16px;font-weight: 700;} .order_inquiry_text {margin-bottom: 15px;font-size: 15px;line-height: 1.6;color: #90a0a6;} .order_inquiry_wrap .form_wrap {margin-top: 9px;} .order_inquiry_wrap .form_date {background: #f2f4f5 url('../images/common/ico_date.png') no-repeat calc(100% - 20px) center / auto 20px;} .order_inquiry_wrap .form_time {background: #f2f4f5 url('../images/common/ico_time.png') no-repeat calc(100% - 20px) center / auto 20px;} .order_inquiry_date .text {margin-top: 25px;font-size: 15px;color: #90a0a6;line-height: 24px;} .order_inquiry_date .text .txt_blue {display: inline-block;border-bottom: 1px solid #00a8e3;} /* ===== 콜센터 이용 안내 ===== */ .call_center_area {overflow: hidden;} .call_center_area section {position: relative;width: calc(50% - 25px);float: left;} .call_center_area section .h2_tit {padding-top: 57px;background: no-repeat left top / auto 39px;} .call_center_sec1 {margin-right: 50px;} .call_center_area .call_center_sec1 .h2_tit {background-image: url('../images/customer/ico_call_center1.png');} .call_center_area .call_center_sec2 .h2_tit {padding-bottom: 34px;background-image: url('../images/customer/ico_call_center3.png');} .call_center_area section .btn_wrap {position: absolute;top: 97px;right: 0;} .call_center_sec2 .btn_wrap a {border: 0;color: #423630;background: #fee100;} .call_center_sec2 .btn_wrap a span {padding-left: 25px;background: url('../images/customer/ico_call_center4.png') no-repeat left center / auto 19px;} .call_center_wrap .call_center_box {margin-top: 25px;padding: 26px 30px;font-size: 15px;border: 1px solid #e5e9eb;border-radius: 4px;} .call_center_sec3 .call_center_box {margin-top: 9px;border: 0;background: #f2f4f5;} .call_center_wrap .call_center_box > dl > dt {font-size: 16px;font-weight: 700;} .call_center_wrap .call_center_box .time {margin-bottom: 10px;padding-left: 28px;background: url('../images/customer/ico_call_center2.png') no-repeat left center / auto 20px;} .call_center_sec1 .call_center_box .time {float: left;width: 50%;} .call_center_sec1 .call_center_box .strong_text {float: left;width: 50%;color: #00a8e3;text-align: right;} .call_center_sec1 .call_center_box .strong_text + dd {clear: both;} .call_center_sec2 .call_center_box dl dl {padding-bottom: 26px;} .call_center_wrap .call_center_box dd {color: #90a0a6;line-height: 1.6;} .call_center_wrap .call_center_box dd dl {margin-top: 2px;overflow: hidden;} .call_center_wrap .call_center_box dd dt {float: left;width: 50%;} .call_center_wrap .call_center_box dd dd {float: left;width: 50%;text-align: right;} .call_center_sec3 .call_center_box .num {font-size: 17px;font-weight: 700;color: #00a8e3;} .call_center_sec3 .call_center_box dl {margin-top: 15px;overflow: hidden;} .call_center_sec3 .call_center_box dt {float: left;} .call_center_sec3 .call_center_box dd {float: left;margin-left: 20px;} .call_center_wrap .list_type1, .call_center_wrap .list_type4 {font-size: 14px;line-height: 21px;} /* ===== 서비스 뉴스 ===== */ /* 서비스 뉴스 리스트 */ .service_news_serch.inp_text.button {margin-top: 20px;} .service_news_list_wrap .list_state {margin-top: 40px;} .service_news_area li {border-top: 1px solid #f2f4f5;} .service_news_area li:last-child {border-bottom: 1px solid #f2f4f5;} .service_news_area li > a {padding: 30px 18px;} .service_news_area li .tit {font-size: 17px;line-height: 1.6;} .service_news_area li .date {display: block;margin-top: 10px;color: #90a0a6;} .service_news_list_wrap .noData {background: #f2f4f5;} /* 서비스 뉴스 상세 */ .service_news_detail_wrap .date {margin: 15px 0 30px;padding-bottom: 30px;border-bottom: 1px solid #f2f4f5;color: #90a0a6;} /* ===== 스스로 관리팁 ===== */ /* 스스로 관리팁 리스트 */ .self_mgt_list_wrap .tabType2 {margin: 20px -18px;font-size: 0;white-space: nowrap;overflow-y: auto;} .self_mgt_list_wrap .list_state {margin:40px 0 0 0;} .mgt_list {display: flex;flex-wrap: wrap;} .mgt_list li {width: calc(50% - 20px);margin-top: 55px;} .mgt_list li:nth-child(-n+2) {margin-top: 15px;} .mgt_list li:not(:nth-child(2n)) {margin-right: 40px;} .mgt_list .img_wrap {position: relative;height: 257px;border: 1px solid #e5e9eb;overflow: hidden;} .mgt_list .img_wrap:after {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: rgba(27, 37, 41, 0.4) url('../images/common/ico_video2.png') no-repeat center / 64px auto;} .mgt_list .title_wrap {margin: 15px 0 0;} .mgt_list .title_wrap .h2_tit {max-height: 64px;font-size: 16px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;overflow: hidden;} .mgt_list .title_wrap p {max-height: 17px;margin-top: 4px;font-size: 14px;line-height: 1;text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap;overflow: hidden;} .self_mgt_list_wrap .noData {margin-top: 55px;background: #f2f4f5;} /* 스스로 관리팁 상세 */ .mgt_prd_list .prd_wrap .prd_name {margin-top: 0;} /* ===== 상담 예약 ===== */ /* 상담 예약 선택 */ .reserv_inquiry_area {max-width: 850px;margin: 0 auto;overflow: hidden;} .reserv_inquiry_area .inBox {width: 50%;float: left;} .reserv_inquiry_area .inBox .title_wrap {margin: 35px 0 55px;text-align: center;} .reserv_inquiry_area .inBox:nth-child(2) .title_wrap {margin-bottom: 33px;} .reserv_inquiry_area .inBox .h2_tit {line-height: 39px;} .reserv_inquiry_area .inBox .sub_tit {margin-top: 30px;padding-top: 158px;font-size: 17px;background: no-repeat left 110px top / auto 142px;} .reserv_inquiry_area .inBox:nth-child(1) .sub_tit {background-image: url('../images/customer/ico_reserv_call.png');} .reserv_inquiry_area .inBox:nth-child(2) .sub_tit {background-image: url('../images/customer/ico_reserv_video.png');} .reserv_inquiry_area .inBox .sub_tit span {font-size: 15px;color: #bec8cc;} /* 새롭게 수정하는 css */ .reserv_inquiry_area {margin: 0 auto;overflow: hidden;} .reserv_inquiry_area .inBox {width: 50%;float: left;} .reserv_inquiry_area .inBox .title_wrap {margin: 35px 0 55px;text-align: center;} .reserv_inquiry_area .inBox:nth-child(2) .title_wrap {margin-bottom: 33px;} .reserv_inquiry_area .inBox .h2_tit {line-height: 39px;} .reserv_inquiry_area .inBox .sub_tit {margin-top: 30px;padding-top: 158px;font-size: 17px;background: no-repeat left 110px top / auto 142px;} .reserv_inquiry_area .inBox:nth-child(1) .sub_tit {background-image: url('../images/customer/ico_reserv_call.png');} .reserv_inquiry_area .inBox:nth-child(2) .sub_tit {background-image: url('../images/customer/ico_reserv_video.png');} .reserv_inquiry_area .inBox .sub_tit span {font-size: 15px;color: #bec8cc;} .reserv_inquiry_area { width: 100%; } .reserv_inquiry_area .reserv_inquiry_tab { width: 100%;text-align: center; } .reserv_inquiry_area .reserv_inquiry_tab .title_wrap {margin: 35px 0 55px;text-align: center;} .reserv_inquiry_area .reserv_inquiry_tab .h2_tit {line-height: 39px;} .reserv_inquiry_area .reserv_inquiry_tab .sub_tit {margin-top: 30px;padding-top: 158px;font-size: 17px;background: no-repeat left 48% top / auto 142px;} .reserv_inquiry_area .reserv_inquiry_tab#reserv_inquiry_call .sub_tit {background-image: url('../images/customer/ico_reserv_call.png');} .reserv_inquiry_area .reserv_inquiry_tab#reserv_inquiry_video .sub_tit {background-image: url('../images/customer/ico_reserv_video.png');} .reserv_inquiry_area .reserv_inquiry_tab .sub_tit span { font-size: 15px;color: #bec8cc; } #reserv_inquiry_video {display: none;} .reserv_inquiry_wrap .reserv_call_certf { position: relative;margin-top: 45px;border-radius: 4px;overflow: hidden; } .reserv_inquiry_wrap .reserv_call_certf .center_box { display: block;background: rgba(27, 37, 41, 0.8);padding: 40px 0; } .reserv_inquiry_wrap .reserv_call_certf .center_box p { display: block;margin: 0 0 30px;font-size: 15px;color: #fff;text-align: center;background: url(../images/common/ico_noResult2.png) no-repeat center top / 54px 54px;padding-top: 70px;line-height: 24px; } .reserv_inquiry_wrap .reserv_call_certf .title_wrap { margin: 0 0 80px 0; } .reserv_inquiry_wrap .reserv_call_certf .as_prd { margin-top: 0; } .reserv_inquiry_wrap .noData_wrap { margin-top: 45px;padding: 0 18px 55px 18px;background: #f2f4f5;border-radius: 4px;text-align: center; } .reserv_inquiry_wrap .noData_wrap .sub_text { display: block;margin-top: 10px;line-height: 21px;color: #bec8cc; } .reserv_inquiry_wrap .noData_wrap .as_warning { display: inline-block } .reserv_inquiry_wrap .noData_wrap .btn_wrap a { width: 247px; } .reserv_inquiry_wrap .as_prd { margin-top: 45px; } .reserv_inquiry_wrap .as_prd .prd_list .prd_wrap { background: #fff; } .reserv_inquiry_wrap .as_prd .prd_list .prd_info { box-shadow: none; } .reserv_inquiry_wrap .prd_wrap { margin-top: 45px;background: #f2f4f5;padding: 25px 20px; } .reserv_inquiry_wrap .prd_wrap .title_wrap { margin: 15px 0 10px 0; } .reserv_inquiry_wrap .prd_wrap .prd_info { background: #fff;padding: 20px;box-shadow: 0px 0px 10px rgba(0,0,0,0.07);border-radius: 4px; } .reserv_inquiry_wrap .prd_wrap .prd_info .text_wrap .order_num { font-size: 13px;color: #90a0a6; } .reserv_inquiry_wrap .title_wrap {margin-bottom: 25px;} .reserv_inquiry_wrap .title_wrap .prd_change_btn { display: block;position: absolute;right: 0;top: 0;font-size: 13px;background: #fff;border: 1px solid #e5e9eb;border-radius: 4px;padding: 5px 10px;font-weight: 700; } .reserv_choice_prd { display: block;background: #bec8cc; } .reserv_inquiry_area .reserve_notice ul { margin-top: 30px; } .reserv_inquiry_area .reserve_notice ul li { text-align: left;color: #90a0a6; } .reserv_inquiry_area .reserve_notice ul li a { display: inline-block;color: #00a8e3; } .reserv_inquiry_wrap .reserve_notice ul { margin-top: 30px; } .reserv_inquiry_wrap .reserve_notice ul li { text-align: left;color: #90a0a6; } .reserv_inquiry_wrap .reserve_notice ul li a { display: inline-block;color: #00a8e3; } /* //새롭게 수정하는 css */ /* 전화 상담 예약, 화상 상담 예약 */ .reserv_inquiry_wrap .tabType2 {margin: -10px 0 0;} .reserv_inquiry_wrap .tabType2 li {margin-top: 10px;} /*.reserv_inquiry_wrap .title_wrap {margin: 65px 0 25px;} 상담 예약 오픈시 삭제하기*/ .reserv_inquiry_wrap .page_tit + .title_wrap {margin-top: -15px;} .reserv_inquiry_wrap .sub_tit {color: #1b2529;} .reserv_inquiry_wrap .reserv_calender {margin-top: -10px;} .reserv_inquiry_wrap .user_form_wrap {overflow: hidden;} .reserv_inquiry_wrap .user_form_wrap .form_wrap {width: calc(50% - 4px);float: left;} .reserv_inquiry_wrap .user_form_wrap .form_wrap:first-child {margin-right: 8px;} .inquiry_notice dt {margin-top: 25px;font-size: 15px;font-weight: 700;color: #90a0a6;} .inquiry_notice dd {color: #bec8cc;} /* ===== 고객 칭찬/불편 ===== */ .feedback_wrap .top_area {margin-top: 75px;padding-left: 300px;background: url('../images/customer/feeedback1.png') no-repeat left top / 220px auto;} .feedback_wrap .top_area .btn_wrap {margin-top: 35px;text-align: left;} .feedback_wrap .feedback_area {margin-top: 85px;} .feedback_wrap .inquiry_list .status.praise {color: #00a8e3;background: #e5f6fd;} .feedback_wrap .inquiry_list .status.complain {color: #fe7c20;background: #fff2e9;} .feedback_wrap .inquiry_list .drop_con {padding: 18px 15px;} /* ===== 제품 설명서 찾기 ===== */ .find_menual_wrap .tabType2 {margin: 20px -18px;} .find_menual_wrap .list_state {margin-top: 40px;} .menual_area li {position: relative;margin-top: 10px;} .menual_area .prd_wrap {margin-bottom: 0;} .menual_area .menual_attachments {position: absolute;top: 50%;right: 30px;margin: 0;transform: translateY(-50%);} .menual_area .menual_attachments a {padding: 0 18px;} .menual_area .menual_attachments span {display: block;padding-right: 27px;font-size: 14px;background: url('../images/customer/ico_download2.png') no-repeat right center / auto 16px;} .menual_area .paging_area {margin-top: 18px;} .find_menual_wrap .noData {background: #f2f4f5;} /* ===== 매장 찾기 ===== */ .find_store_wrap .search_group {margin-top: 40px;} .find_store_wrap .list_info {margin-top: 40px; } .find_store_wrap .list_info .sorting_wrap { align-items: center; } .find_store_wrap .list_info .sorting_wrap .tool_tip { margin-right: 3px; } .find_store_wrap .list_info .sorting_wrap .tool_tip.reverse .tip_box { left: -150px;transform-origin : right top; } .find_store_wrap .list_info .sorting_wrap .tool_tip .tip_box .list_type3 { margin-top: 0; } .find_store_wrap .list_info .sorting_wrap .sorting_list a { padding: 0 35px;justify-content: center;height: 45px; } .find_store_wrap .noData {background: #f2f4f5;} .store_area li {padding: 30px 18px;border-top: 1px solid #f2f4f5;} .store_area li:last-child {border-bottom: 1px solid #f2f4f5;} .store_area li dl {overflow: hidden;} .store_area li dt {margin-bottom: 15px;font-size: 17px;font-weight: 700;display: flex;align-items: center; } .store_area li dt > span { height: 21px;line-height: 21px;color: #fff;text-align: center;font-size: 14px;margin-right: 8px;border-radius: 4px;font-weight: 400;padding: 0 6px; } .store_area li dt > span.managed { background: #00a7e1; } .store_area li dt > span.distributor { background: #1b2529; } .store_area li dt > span.exhibition { background: #8db939; } .store_area li dt > p { display: flex;align-items: center; } .store_area li dt > p + p::before { content: '';width: 2px;height: 15px;background: #1b2529;display: inline-block;margin: 0 5px; } .store_area li dd {float: left;margin-top: 5px;font-size: 17px;} .store_area li dd:nth-child(2) {width: calc(100% - 150px);} .store_area li dd:nth-child(3) {width: 150px;text-align: right;} .store_area li dd.info { margin-top: 20px; } .store_area li dd.info p { display: block;color: #90a0a6;font-size: 14px; } .store_area li dd.info p + p { margin-top: 10px; } .store_area li dd.info p span { } /* ===== A/S ===== */ /*.as_list_area {overflow: hidden;}*/ /* A/S 신청 - 비로그인 시 */ .as_ask_step1_wrap .title_wrap {margin: 55px 0 60px;padding-bottom: 208px;background: url('../images/customer/as1.png') no-repeat center bottom / auto 153px;text-align: center;} /* A/S 신청 - 신청 가능 제품 내역 및 본인인증 */ .as_ask_step2_wrap {margin-bottom: -60px;} .as_certf {position: relative;height: 382px;margin-top: 45px;background: url('../images/customer/as_certf_bg1.png') no-repeat left top /auto 100%;border-radius: 4px;overflow: hidden;} .as_certf:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(27, 37, 41, 0.8);} .as_certf .center_box {position: absolute;top: 50%;left: 50%;width: 100%;padding: 0 40px;transform: translate(-50%,-50%);} .as_certf .center_box p {margin: 0 0 30px;font-size: 15px;color: #fff;text-align: center;} .as_ask_step2_wrap .as2_notice {margin-bottom: 45px;border-bottom: 1px solid #f2f4f5;} .as_ask_step2_wrap .as2_notice .drop_btn button {width: 100%;padding: 18px 30px;font-size: 15px;text-align: left;color: #90a0a6;background: url('../images/common/arr_down2.png') no-repeat right 18px center / 11px auto;} .as2_notice .drop_btn.on button {background-image: url('../images/common/arr_up3.png');} .as2_notice .drop_con {display: none;margin: 0;padding: 15px 18px 27px;border-top: 1px solid #f2f4f5;color: #bec8cc;} .as_prd {position: relative;padding: 35px 30px 40px;background: #f2f4f5;border-top: 1px solid #f2f4f5;} .as_prd .prd_wrap {position: relative;padding: 30px;box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.08);} .as_prd .prd_wrap .order_info {padding-top: 14px;border-top: 1px solid #f2f4f5;} .as_prd .inp_check label {padding-left: 27px;} .as_prd .prd_wrap .detail_wrap {padding-right: 90px;} .as_prd .prd_wrap .detail_wrap:nth-child(1) {width: 30%;} .as_prd .prd_wrap .detail_wrap:nth-child(2) {width: 43%;} .as_prd .prd_wrap .detail_wrap:nth-child(3) {width: 27%;} .as_prd .prd_wrap .inp_check {position: absolute;top: 12px;left: 2px;} .as_prd .prd_wrap .msg_box {position: relative;margin: 20px 0 -29px;padding: 15px 0;border-top: 1px solid #f2f4f5;overflow: hidden;} .as_prd .prd_wrap .msg_box .errorMsg {float: left;margin-bottom: 0;line-height: 30px;} .as_prd .prd_wrap .msg_box .btn_wrap {width: 120px;right: 0;} .as_prd .bottom_btn {margin-top: 0;position: absolute;bottom: 40px;right: 30px;} .as_ask_step2_wrap .noData_wrap {margin-top: 45px;padding: 0 18px;background: #f2f4f5;border-radius: 4px;text-align: center;} .as_ask_step2_wrap .noData_wrap .as_warning {display: inline-block;} .as_ask_step2_wrap .noData_wrap.type1 {padding-bottom: 55px;} .as_ask_step2_wrap .noData_wrap .sub_text {display: block;margin-top: 10px;line-height: 21px;color: #bec8cc;} .as_warning {margin-top: 25px;padding-left: 20px;line-height: 24px;color: #bec8cc;background: url('../images/common/ico_info1.png') no-repeat left 5px / 15px auto;} /* A/S 신청 - 신청 가능 제품 내역 */ .as_ask_step3_wrap .as_con {margin-top: 40px;} .as_tit {margin-top: 30px;} .as_tit .h2_tit > span {position: relative;display: inline-block;width: 27px;height: 27px;margin: -3px 10px 0 0;font-size: 17px;line-height: 21px;text-align: center;border: 2px solid #1b2529;border-radius: 50%;vertical-align: middle;} .as_step.success .as_tit .h2_tit > span {border: 0;} .as_step.success .as_tit .h2_tit > span:after {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: url('../images/common/ico_check_on2.png') no-repeat center / cover;} .as_tit .h2_tit > span > span {margin-left: -2px;} .as_ask_step3_wrap .btn_inp input {position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;} .as_ask_step3_wrap .btn_inp label {display: block;width: 100%;} .as_ask_step3_wrap .list_type3 {color: #bec8cc;} .as_ask_step3_wrap .list_type3.time-table-etc {margin-top: 25px;} .as_step, .cate_inp, .as_step, .inp_area {display: none;} /* .as_step .addr_group {overflow: hidden;} .as_step .addr_group .form_wrap {float: left;width: calc(50% - 5px);} .as_step .addr_group .form_wrap.step2 {margin: 0 0 0 10px;} */ #as_step1, #as_step1 .inp_area {display: block;} #as_step1 .inp_area {margin-top: 20px;height: 290px;} #as_step1 .inp_area > li {position: relative;float: left;width: calc(50% - 10px);margin: 0 20px 15px 0;box-shadow:1px 3px 17px rgba(0, 0, 0, 0.08);border-radius: 4px;text-align: left;word-break: keep-all;overflow: hidden;} #as_step1 .inp_area > li:nth-child(2n) {margin-right: 0;} #as_step1 .inp_area > li label {padding: 37px 50px 37px 110px;} #as_step1 .inp_area > li.disabled:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(144, 160, 166, 0.25);} #as_step1 .inp_area .title_wrap {margin: 0;} #as_step1 .inp_area .title_wrap .sub_tit {margin-top: 8px;font-size: 14px;} #as_step1 .inp_area .disabled .h4_tit, .as_con .inp_area .disabled .sub_tit {color: #bec8cc;} #as_step1 .inp_area .normal {background: url('../images/common/arr_right10.png') no-repeat right 20px center / 10px auto, url('../images/customer/ico_as1.png') no-repeat left 35px center / 50px auto;} #as_step1 .inp_area .move {background: url('../images/common/arr_right10.png') no-repeat right 20px center / 10px auto, url('../images/customer/ico_as2.png') no-repeat left 35px center / 59px auto;} #as_step1 .inp_area .dismantle {background: url('../images/common/arr_right10.png') no-repeat right 20px center / 10px auto, url('../images/customer/ico_as3.png') no-repeat left 35px center / 57px auto;} #as_step1 .inp_area .transfer {background: url('../images/common/arr_right10.png') no-repeat right 20px center / 10px auto, url('../images/customer/ico_as4.png') no-repeat left 35px center / 60px auto;} #as_step2 .symptom_list {overflow: hidden;} #as_step2 .symptom_list li .btn_wrap {margin: 0;} #as_step2 .symptom_list li {float: left;;margin: 10px 10px 0 0;} #as_step2 .symptom_list li.on .btnBasic {border: 2px solid #00a8e3;color: #00a8e3;} #as_step2 .symptom_list li.on .btnBasic:hover span {color: #00a8e3;} #as_step2 .symptom_list1 li {width: calc(25% - 7.5px);} #as_step2 .symptom_list1 li:nth-child(4n) {margin-right: 0;} #as_step2 .symptom_list1 li .btnBasic {display: flex;justify-content: center;align-items: center;width: 100%;height: 86px;padding: 0 18px;line-height: 30px;white-space: normal;font-size: 16px;transition: none;} #as_step2 .symptom_list2 li {width: calc(50% - 5px);} #as_step2 .symptom_list2 li:nth-child(2n) {margin-right: 0;} #as_step2 .symptom_list2 li.on .btnBasic {line-height: 35px;} #as_step2 .inp_textarea {margin-top: 20px;} .as_notice dt {margin: 25px 0 -5px 5px;font-size: 15px;font-weight: 700;color: #90a0a6;} .as_con .addr_group .step1_1 {margin-top: 9px;} #as_step3 .transfer_inp .inp_check {margin-top: 9px;} #as_step3 .transfer_inp .inp_check input {margin-left: 0;} #as_step4 .as_tit {margin-bottom: 40px;} #as_step4 .form_wrap {max-width: 460px;} #as_step4 .check_open {max-width: 460px;} #as_step4 .check_open ul li strong { font-weight: 700; } .inp_area .prd_wrap {padding: 0; border: 1px solid #e5e9eb; border-radius: 4px;} .inp_area .prd_wrap .prd_info {padding: 16px 30px; border-bottom: 1px solid #e5e9eb;} .inp_area .prd_wrap .prd_info:last-child {border-bottom: none;} .inp_area .prd_wrap .prd_info .img_wrap {margin-right: 18px;} .as_info_box {padding: 15px 30px 25px;border: 1px solid #e5e9eb;border-radius: 4px;overflow: hidden;} .as_info_box dl {float: left;margin-top: 10px;line-height: 24px;} .as_info_box dl:first-child {width: 100%;} .as_info_box dl:not(:first-child):not(:last-child) {margin-right: 80px;} .as_info_box dt {float: left;margin-right: 20px;font-size: 15px;color: #90a0a6;} .as_info_box dd {float: left;font-size: 15px; word-break: break-all;} .lay_as_cate.lay_inner .layCon {padding-bottom: 45px;} .lay_as_cate .layCon .sub_tit {color: #1b2529;} .lay_as_cate .layCon .txtBox dl {margin-top: 20px;font-size: 14px;line-height: 1.7;} .lay_as_cate .layCon .txtBox dt {font-weight: 500;color: #90a0a6;} .lay_as_cate .layCon .txtBox dd {color: #bec8cc;} .lay_as_cate .layCon table {margin-top: 10px;border-radius: 4px;overflow: hidden;} .lay_as_cate .layCon th {padding: 13px 15px;color: #90a0a6;background: #e5e9eb;text-align: left;} .lay_as_cate .layCon th:first-child {border-right: 1px solid #fff;} .lay_as_cate .layCon td {padding: 13px 15px;color: #90a0a6;border-top: 1px solid #fff;background: #f2f4f5;} .lay_as_cate .layCon td:first-child {border-right: 1px solid #fff;} .lay_as_cate .layCon .list_type3 {margin-top: 5px;color: #bec8cc;} .lay_as_cate .next_btn {margin: 40px 0 0;} /* A/S 신청완료 */ .as_ask_success_wrap .title_wrap {margin: 60px 0 25px;padding-top: 65px;background: url('../images/common/ico_order_chk.png') no-repeat center top / auto 45px;text-align: center;} .as_ask_success_wrap .as_num {font-weight: 700;color: #00a8e3;} .as_ask_success_wrap .as_info_box {margin: 0 auto;} .as_ask_success_wrap .list_type3 {color: #bec8cc;} .as_ask_success_wrap .as_con {max-width: 460px;margin: 0 auto;} /* A/S 내역 - 비로그인 시 */ .as_list_step1_wrap .title_wrap {margin-bottom: 60px;padding-bottom: 208px;background: url('../images/customer/as2.png') no-repeat center bottom / auto 153px;text-align: center;} /* A/S 내역 */ .as_list_step2_wrap .tabType {margin-bottom: 45px;} .as_list_step2_wrap .noData {background: #f2f4f5;} .as_list_step2_wrap .as_certf {height: 294px;background-image: url('../images/customer/as_certf_bg2.png');} .as_list_step2_wrap .as_certf p {padding-top: 70px;background: url('../images/common/ico_noResult2.png') no-repeat center top / auto 54px;} .as_list_step2_wrap .as_con {position: relative;padding: 20px 18px 60px;background: #f2f4f5;} .as_list li {margin-top: 15px;padding: 0 30px;background: #fff;border-radius: 4px;box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.08);} .as_list li .top_box {display: flex;flex-flow: row wrap;padding: 20px 0 28px;} .as_list li .top_box > *:not(:last-child) {padding-right: 15px;} .as_list li .top_box > *:not(.prd_info) {margin-top: 20px;} .as_list li .top_box .prd_info {width: 38%;} .as_list li .top_box .con {width: 25%;} .as_list li .top_box .date {width: 19%;} .as_list li .top_box .time {width: 18%;} .as_list .status {padding: 0 11px 1px;color: #fff;background: #00a8e3;border-radius: 10px;} .as_list .status.success {background: #1b2529;} .as_list .status.cancel {background: #bec8cc;} .as_list .code {margin-top: 20px;color: #90a0a6;} .as_list .prd_name {margin-top: 7px;font-size: 17px;font-weight: 700;} .as_list li dl {margin-top: 8px;overflow: hidden;} .as_list li dt {margin-bottom: 12px;padding-left: 25px;color: #90a0a6;background: no-repeat left center / auto 17px;} .as_list .con dt {background-image: url('../images/customer/ico_contents.png');} .as_list .date dt {background-image: url('../images/customer/ico_date.png');} .as_list .time dt {background-image: url('../images/customer/ico_time.png');} .as_list li .bottom_box {display: flex;justify-content: space-between;align-items: center;padding: 18px 0;border-top: 1px solid #f2f4f5;} .as_list li .ask_date {width: calc(100% - 80px);color: #90a0a6;} .as_list li .btn_wrap {margin: -5px 0;} .as_list_step2_wrap .as_warning {font-size: 15px;font-weight: 500;color: #90a0a6;background-position: left center;} .as_list_step2_wrap .list_type3 {margin-top: 0;color: #bec8cc;} .as_list_step2_wrap .list_type3 dl {overflow: hidden;} .as_list_step2_wrap .list_type3 dt {float: left;} .as_list_step2_wrap .list_type3 dd {margin-left: 35px;} .js_soting_con .dim {z-index: 3;} /* ===== 팝업 ===== */ /* as 신청 */ #lay_as_ask_many {width: 480px} #lay_as_ask_many .info_area {width: calc(100% - 16px); margin-bottom: 20px; padding: 20px 20px; background-color: #f2f4f5; line-height: 1.5; font-size: 16px; border-radius: 4px;} #lay_as_ask_many .info_area dt {margin-bottom: 3px; color: #90a0a6;} #lay_as_ask_many .info_area dd {margin-bottom: 16px; color: #000000;} #lay_as_ask_many .info_area dd:last-child {margin-bottom: 0;} #lay_as_ask_many .btnWhite {width: 100px; padding: 0;} /* 각 제품별 신청 건 취소하기 */ #lay_as_delete3 {width: 480px} #lay_as_delete3 .info_area {width: calc(100% - 16px); margin-bottom: 20px; padding: 20px 20px; background-color: #f2f4f5; line-height: 1.5; font-size: 16px; border-radius: 4px;} #lay_as_delete3 .info_area dt {margin-bottom: 3px; color: #90a0a6;} #lay_as_delete3 .info_area dd {margin-bottom: 16px; color: #000000;} #lay_as_delete3 .info_area dd:last-child {margin-bottom: 0;} /* ===== 요금/보증 안내 ===== */ #fng_tab {margin-bottom: 40px;} .fng_tab {display: none;line-height: 1.6;color: #90a0a6;} #fng_tab1 {display: block;} .fng_tit {margin: 34px 0 22px;font-size: 16px;font-weight: 700;color: #1b2529;} .fng_tab table {margin-top: 30px;border-top: 2px solid #1b2529;border-bottom: 1px solid #bec8cc;font-size: 15px;} .fng_tab p + table {margin-top: 35px;} .fng_tab table th {padding: 13px 16px;font-weight: 700;color: #1b2529;text-align: center;} .fng_tab table td {padding: 13px 16px;border-top: 1px solid #f2f4f5;} #fng_tab1 table th, #fng_tab1 table td, #fng_tab2 table th, #fng_tab2 table td {border-left: 1px solid #f2f4f5;} #fng_tab1 table th:first-child, #fng_tab1 table td:first-child, #fng_tab2 table th:first-child, #fng_tab2 table td:first-child {border-left: 0;} .fng_tab table .bdT td {border-top: 1px solid #bec8cc;} #fng_tab1 table td {text-align: center;color: #1b2529;} #fng_tab1 table td:first-child {text-align: left;color: #90a0a6;} #fng_tab2 li:nth-child(3) .fng_tit {margin-top: 80px;} #fng_tab2 li:nth-child(3) dl {margin-left: 28px;} #fng_tab2 li:nth-child(3) dl > li:last-child {padding-left: 0;} #fng_tab2 li:nth-child(3) dl > li:before {width: 5px;height: 5px;} #fng_tab2 li:nth-child(3) dl dt {margin-top: 40px;font-weight: 700;color: #1b2529} #fng_tab2 li:nth-child(3) dl dt:before {content: '';display: inline-block;width: 5px;height: 5px;margin: 0 9px 3px -8px;background: #1b2529;border-radius: 50%;} #fng_tab2 li:nth-child(3) dl:last-child dt:before {content: none;} #fng_tab2 li:nth-child(3) dl dd li {margin-top: 18px;} #fng_tab3 table th, #fng_tab3 table td {border-right: 1px solid #f2f4f5;} #fng_tab3 table tr:last-child th, #fng_tab3 table tr:last-child td {border-top: 1px solid #f2f4f5;} #fng_tab3 table th:last-child, #fng_tab3 table td:last-child {border-right: 0;} /*보증안내 삭제 #fng_tab3 table tr:first-child th:first-child {border-right: 0;} */ #fng_tab3 .txt_basic {margin-top: 22px;} #fng_tab3 table + .txt_basic {margin-top: 25px;} #fng_tab3 li:nth-child(2) .fng_tit {margin-top: 110px;} /* 보증안내 추가 */ #fng_tab3 table { word-break: break-all; } #fng_tab3 table tr:first-child th:last-child { border-bottom: 1px solid #f2f4f5; } /* 보증안내 추가 */ /* ===== 팝업 ===== */ /* 1:1 문의 작성 */ #lay_my_inquiry_write .inp_text, #lay_my_inquiry_write .form_wrap {margin-bottom: 10px;} #lay_my_inquiry_write .inp_text.add_txt { font-size: 14px; font-weight: 400; color: #bec8cc; margin-bottom: 24px; } #lay_my_inquiry_write .title_inp .form_tit {margin-top: 0;} #lay_my_inquiry_write .title_inp .input_text {padding-right: 75px;} #lay_my_inquiry_write .title_inp .t_count {position: absolute;right: 20px;bottom: 0;font-size: 15px;line-height: 54px;color: #90a0a6;} #lay_my_inquiry_write .name_inp {margin-bottom: 10px;padding-bottom: 20px;border-bottom: 1px solid #f2f4f5;} #lay_my_inquiry_write .name_inp .form_tit {margin-top: 20px;} #lay_my_inquiry_write .inp_check {display: block;margin: 0 0 15px -25px;} #lay_my_inquiry_write .inp_check input {margin-left: 25px;} #lay_my_inquiry_write .list_type3 {margin-top: 15px;color: #bec8cc;line-height: 21px;} #lay_my_inquiry_write .list_type3 a {display: inline-block;color: #00a8e3;border-bottom: 1px solid #00a8e3;} #lay_my_inquiry_write .check_open {margin-top: 45px;} #lay_my_inquiry_write .pri_open { margin-top: 10px; } #lay_my_inquiry_write .pri_open ul li strong { font-weight: 700; } #lay_my_inquiry_write .pri_check { margin: 0; } #lay_my_inquiry_write .pri_check input { margin-left: 10px; } /* 주문 상담 희망 일자 */ #lay_feedback_write .cate_btn {margin: 30px 0;} #lay_feedback_write .cate_btn a span {padding-left: 17px;background: url('../images/common/ico_check3.png') no-repeat left center / auto 9px;} #lay_feedback_write .cate_btn a.on {line-height: 37px;border: 2px solid #00a8e3;} #lay_feedback_write .cate_btn a span {padding-left: 17px;background: url('../images/common/ico_check3.png') no-repeat left center / auto 9px;} #lay_feedback_write .cate_btn a.on span {color: #00a8e3;background-image: url('../images/common/ico_check4.png');} #lay_feedback_write .inp_textarea {margin-top: 10px;} #lay_feedback_write .list_type3 {margin: 25px 0 55px;color: #bec8cc;} /* 주문 상담 희망 일자 */ #lay_order_inquiry .reserv_calender {padding-bottom: 40px;border-bottom: 1px solid #f3f4f6;} /* 바코드 번호 조회 */ #lay_barCode .txtBox1 .txt_gray1 {margin-top: 20px;font-size: 14px;} #lay_barCode .bot_con {padding: 0;} /* 바코드 번호 조회 - 결과 있음 */ #lay_barCode_result .lay_tit {font-size: 23px;} #lay_barCode_result .txtBox {margin-bottom: 5px;} #lay_barCode_result .inp_text {margin: 25px 0;} #lay_barCode_result .input_text {font-size: 16px;font-weight: 700;text-align: center;} #lay_barCode_result .text {font-size: 15px;} /* 바코드 번호 조회 - 결과 없음 */ #lay_barCode_noResult .lay_tit {font-size: 23px;} #lay_barCode_noResult .txtBox {margin-bottom: 5px;} #lay_barCode_noResult .inp_text {margin: 25px 0;} #lay_barCode_noResult .input_text {font-size: 16px;font-weight: 700;text-align: center;} #lay_barCode_noResult .text {font-size: 15px;} #lay_barCode_noResult .text span {display: block;margin-top: 8px;font-size: 14px;color: #bec8cc;} /* 판매인 검색 */ #lay_find_seller .txtBox {margin-bottom: 25px;font-size: 15px;line-height: 1.6;} #lay_find_seller .paging_area {margin-top: 25px;} #lay_find_seller .btn_wrap {margin-top: 45px;} #lay_find_seller .table_type2 tr {border-bottom: 1px solid #f2f4f5;} #lay_find_seller .table_type2 tr.noDataWrap {border: none;} #lay_find_seller .table_type2 tr.noDataWrap td {padding: 0;} /* 인증번호 발급 */ #lay_vfCode .check_open {margin: 0 0 15px;} #lay_vfCode .form_wrap {margin-bottom: 10px;} #lay_vfCode .form_wrap.gender {display: flex;justify-content: space-between;} #lay_vfCode .form_wrap.gender .btnWrap {margin-top: 5px;} #lay_vfCode .form_wrap.gender input {display: none;} #lay_vfCode .form_wrap.gender input:checked + label {padding: 0 14px;border: 2px solid #00a8e3;line-height: 37px;color: #00a8e3;} #lay_vfCode2 .text {margin-bottom: 25px;font-size: 15px;} /* B2B 문의 */ .contents.b2b_inquiry_wrap { float: none;margin: 0 auto; } .b2b_inquiry_wrap section {position: relative;margin-top: 55px;} .b2b_inquiry_wrap .title_wrap {margin: 0 0 20px;} .b2b_inquiry_wrap .b2b_sec1 {margin-top: -5px;} .b2b_sec1 .h2_tit {font-size: 23px;line-height: 36px;} .b2b_sec1 .pdt_area {padding: 30px 60px;background: #1b2529;color: #fff;overflow: hidden;} .b2b_sec1 .pdt_area li {float: left;width: 25%;} .b2b_sec1 .pdt_area li p {padding-top: 60px;background: no-repeat center top / auto 60px;color: #fff;text-align: center;} .b2b_sec1 .pdt_area li:nth-child(1) p {background-image: url('../images/customer/ico_water_purifie.png');} .b2b_sec1 .pdt_area li:nth-child(2) p {background-image: url('../images/customer/ico_air_purifie.png');} .b2b_sec1 .pdt_area li:nth-child(3) p {background-image: url('../images/customer/ico_bidet.png');} .b2b_sec1 .pdt_area li:nth-child(4) p {background-image: url('../images/customer/ico_mattress.png');} .b2b_sec1 .pdt_area li span {display: block;margin-top: 2px;color: #90a0a6;} .b2b_sec2 {overflow: hidden;} .b2b_sec2 .title_wrap {margin-bottom: 35px;} .b2b_sec2 .inBox1 {float: left;width: 53%;max-width: 503px;} .b2b_sec2 .inBox1 .img_wrap {padding: 0 80px 0 65px;} .b2b_sec2 .inBox2 {float: left;width: 47%;} .b2b_sec2 .inBox2 .title_wrap {padding: 0 43px;} .b2b_sec2 .b2b_ico_area {padding: 0 43px;border-left: 1px solid #f2f4f5;overflow: hidden;} .b2b_sec2 .b2b_ico_area li {float: left;width: 33.33333%;margin-bottom: 48px;padding: 0 5px;} .b2b_sec2 .b2b_ico_area li p {padding-top: 67px;text-align: center;background: no-repeat center top / auto 67px;} .b2b_sec2 .b2b_ico_area li:nth-child(1) p {background-image: url('../images/customer/ico_b2b_list1.png');} .b2b_sec2 .b2b_ico_area li:nth-child(2) p {background-image: url('../images/customer/ico_b2b_list2.png');} .b2b_sec2 .b2b_ico_area li:nth-child(3) p {background-image: url('../images/customer/ico_b2b_list3.png');} .b2b_sec2 .b2b_ico_area li:nth-child(4) p {background-image: url('../images/customer/ico_b2b_list4.png');} .b2b_sec2 .b2b_ico_area li:nth-child(5) p {background-image: url('../images/customer/ico_b2b_list5.png');} .b2b_sec2 .b2b_ico_area li:nth-child(6) p {background-image: url('../images/customer/ico_b2b_list6.png');} .b2b_sec2 .b2b_ico_area li:nth-child(7) p {background-image: url('../images/customer/ico_b2b_list7.png');} .b2b_sec2 .b2b_ico_area li:nth-child(8) p {background-image: url('../images/customer/ico_b2b_list8.png');} .b2b_sec2 .b2b_ico_area li:nth-child(9) p {background-image: url('../images/customer/ico_b2b_list9.png');} .b2b_sec2 .b2b_ico_area li:nth-last-child(-n+3) {margin-bottom: 0;} .b2b_sec2 .b2b_ico_area img {display: block; margin-bottom: 14px;} .b2b_sec3 .tabType {margin: 0 -18px;} .b2b_sec3 .tabType ul {padding: 0 18px;overflow: hidden;} .b2b_sec3 .tabType li {float: left;width: 155px;min-height: 126px;margin-left: 4px;padding: 15px 30px;font-size: 15px;line-height: 24px;background: #f2f4f5;border-radius: 4px;} .b2b_sec3 .tabType li:first-child {margin-left: 0;} .b2b_sec3 .tabType li .num {display: block;margin-bottom: 22px;font-size: 17px;font-weight: 700;color: #00a7e1;} .b2b_sec4 .btn_wrap {position: absolute;top: 0;right: 0;margin: 0;} .b2b_sec4 .btn_wrap a span {font-size: 15px;} .b2b_mail_list {border-top: 2px solid #1b2529;border-bottom: 2px solid #1b2529;} .b2b_mail_list dl {border-top: 1px solid #f2f4f5;font-size: 15px;line-height: 24px;text-align: center;overflow: hidden;} .b2b_mail_list li:first-child dl {border-top: 0;} .b2b_mail_list dt {float: left;width: 318px;padding: 17px 10px;font-weight: 700;} .b2b_mail_list dd {float: left;width: 316px;padding: 17px 10px;} .b2b_benfit_list {margin-top: -3px;overflow: hidden;} .b2b_benfit_list li {float: left;width: calc(25% - 6px);margin-left: 8px;padding: 30px 10px;border: 1px solid #e5e9eb;border-radius: 4px;line-height: 21px;color: #90a0a6;text-align: center;} .b2b_benfit_list li:first-child {margin-left: 0;} .b2b_benfit_list li p {padding-top: 58px;background: no-repeat center top / auto 58px;} .b2b_benfit_list li:nth-child(1) p {background-image: url('../images/customer/ico_b2b1.png');} .b2b_benfit_list li:nth-child(2) p {background-image: url('../images/customer/ico_b2b2.png');} .b2b_benfit_list li:nth-child(3) p {background-image: url('../images/customer/ico_b2b3.png');} .b2b_benfit_list li:nth-child(4) p {background-image: url('../images/customer/ico_b2b4.png');} .b2b_inquiry_wrap .b2b_sec6 {padding: 40px 30px 45px;background: #f2f4f5;border-radius: 8px;} .b2b_sec6 .swiper-container p {margin-top: 12px;font-size: 15px;line-height: 21px;text-align: center;} .b2b_sec6 .swiper-arrow button {width: 36px;height: 36px;margin-top: 0;} .b2b_sec6 .swiper-arrow button:after {content: none;} .b2b_sec6 .swiper-button-prev {top: 151px;left: 12px;background: url('../images/common/arr_btn.png') no-repeat center top / 36px auto;} .b2b_sec6 .swiper-button-next {top: 151px;right: 12px;background: url('../images/common/arr_btn.png') no-repeat center bottom / 36px auto;} .b2b_sec6 .swiper-pagination {height: 2px;margin-top: 27px;background: #dcdfe0;opacity: 1 !important;} .b2b_sec6 .swiper-slide5 .img_wrap {position: relative;} .b2b_sec6 .swiper-slide5 .link_wrap {position: absolute;top: 0;left: 50%;width: 80%;height: 100%;transform: translateX(-50%);overflow: hidden;} .b2b_sec6 .swiper-slide5 .link_wrap a {width: 33.33%;height:50%;float: left;} .b2b_sec7 .title_wrap {margin: 25px 0 10px;} .b2b_sec7 .h4_tit {font-size: 15px;} .b2b_sec7 .partners_list {overflow: hidden;} .b2b_sec7 .partners_list li {float: left;display: flex;justify-content: center;align-items: center;width: 183px;height: 66px;margin: 8px 8px 0 0;border: 1px solid #f2f4f5;border-radius: 4px;overflow: hidden;} .b2b_sec7 .partners_list li:nth-child(-n+5) {margin-top: 0;} .b2b_sec7 .partners_list li:nth-child(5n) {margin-right: 0;} /* B2B 문의 - 서브 */ .b2b_text {margin-top: 15px;padding: 30px 20px;background: #f2f4f5;color: #90a0a6;font-size: 15px;line-height: 24px;} .b2b_inquiry_sub_wrap .contact_tit {display: flex;justify-content: space-between;} .b2b_inquiry_sub_wrap .contact_tit .sub_tit {margin-top: 0;color: #1b2529;} #b2b_tab {margin: 0 -18px 20px;} .b2b_inquiry_sub_wrap .lp_list_wrap {margin: 0 -18px;} /* B2B - 담당자에게 메일 보내기 */ #lay_b2b_mail .title_wrap {margin-bottom: 30px;} #lay_b2b_mail .sub_tit {color: #1b2529} #lay_b2b_mail .form_area {padding-bottom: 35px;border-bottom: 1px solid #f2f4f5;} #lay_b2b_mail .form_wrap {margin-top: 10px;} #lay_b2b_mail .inp_check {width: 100%;} #lay_b2b_mail .inp_check input:first-child {margin-left: 0;} #lay_b2b_mail .inp_check li {display: flex; align-items: center; margin-bottom: 10px;} #lay_b2b_mail .inp_check li:last-child {margin-bottom: 0;} #lay_b2b_mail .inp_check li label {flex: 0 0 auto; width: 125px;} #lay_b2b_mail .inp_check .inp_text {width: calc(100% - 125px);} #lay_b2b_mail .inp_check .input_text {opacity: 1; width: 100%;} #lay_b2b_mail .form_tit2 {margin: 30px 0 15px;font-weight: 700;} #lay_b2b_mail .inp_textarea + .check_open {margin-top: 20px;} #lay_b2b_mail .check_open .inp_check input {margin-left: 10px;} #lay_b2b_mail .b2b_list li strong { font-weight: 700; } /** 마이코웨이 **/ /* 결제관리-납부요금내역/선납내역/납부방법변경 */ .my_payment_page #container {padding-bottom: 0;} .my_paymentList_wrap .order_list_wrap {padding-bottom: 45px;border-radius: 4px;background: #f2f4f5;} .my_paymentList_wrap .soting_group {position: relative;} .my_paymentList_wrap .soting_box {position: relative;padding:22px 30px;font-size: 14px;color:#90a0a6;border-bottom: 1px solid #e5e9eb;} .my_paymentList_wrap .soting_box .btn_wrap {position: absolute;right:30px;top:50%;margin:0;transform: translateY(-50%);} .my_paymentList_wrap .order_list_area {position: relative;padding: 3px 30px 0;} .my_paymentList_wrap .order_list_area .dim {position: absolute;left: 0;top: 0;width:100%;height:100%;background: rgba(0,0,0,0.5);} .my_paymentList_wrap .order_list_area .order_code {margin-top: 27px;font-size: 15px;color:#90a0a6;} .my_paymentList_wrap .order_list_area .order_setion .prd_info .text_box .prd_name {font-size: 17px;} .my_paymentList_wrap .order_list_area .order_setion .prd_info .text_box .prd_name a {font-weight:700;} .my_paymentList_wrap .pay_desc {margin-top: 30px;} .my_paymentList_wrap .pay_desc .list_tit {font-size: 15px;font-weight: 700;color:#90a0a6;} .my_paymentList_wrap .soting_select {display: none;position: absolute;left: 0;top:58px;z-index:10;width:100%;padding: 45px 30px;background: #fff;} .my_paymentList_wrap .soting_select .inp_select {float: right;width: 165px;} .my_paymentList_wrap .soting_select .btn_wrap {float: right;margin: 0 0 0 6px;} .my_paymentList_wrap .soting_select .btn_wrap .btnBasic.sizeL {width: 90px;} .my_paymentList_wrap .btn_wrap.bottom {margin:60px 0 0;} .my_paymentList_wrap .change_page_tit {margin:0;padding: 100px 30px 17px;border-bottom: 1px solid #e5e9eb;background:url('../images/mycoway/ico_pay1.png') no-repeat 30px 45px / 35px;} .my_paymentList_wrap .change_page_tit .sub_tit {color: #1b2529;} .my_paymentList_wrap .change_list_stats {padding:30px 30px 0;font-size: 19px;font-weight: 700;} .my_paymentList_wrap .change_list_stats em {color:#00a8e3;} .my_paymentList_wrap .tip_box {left: 0;padding: 25px 15px 20px;transform-origin: 0 3%;} .my_paymentList_wrap .tip_box .tit {margin-bottom: 16px; font-size: 19px; font-weight: bold;} .my_paymentList_wrap .noData {background: #f2f4f5;} .my_stated_info {margin-bottom: 45px;} .my_stated_info .inBox {padding:30px 28px 20px;border:2px solid #1b2529;border-radius: 4px;} .my_stated_info .pdt_box {background:url('../images/mycoway/ico_stated_info.png') no-repeat right bottom/ 54px auto;} .my_stated_info .info_month {font-size: 24px;font-weight: 700;} .my_stated_info .info_pdtNmae {margin-top: 10px;font-size: 15px;color:#90a0a6;} .my_stated_info .info_price {margin-top: 10px;font-size: 23px;font-weight: 700;color:#00a7e1;} .my_stated_info .info_price em {font-size: 15px;} .my_stated_info .default_box {position: relative;margin-top: 23px;padding:20px;background: #f2f4f5;border-radius: 4px;} .my_stated_info .default_box .alert {padding-left:23px;color:#90a0a6;font-size: 14px;background: url('../images/mycoway/ico_alert.png') no-repeat 0 center/ 18px auto;} .my_stated_info .default_box .msg {margin-top: 15px;} .my_stated_info .default_box .msg .btn_wrap {position: absolute;top:50%;right:30px;margin:-19px 0 0 0;} .my_stated_info .default_box strong {display: block;margin-top:10px;font-size: 15px;font-weight: 700;} .my_stated_info .default_box strong em {color:#fe7c20;} /* .my_stated_info .tip_box .btn_wrap {position: absolute;right: 30px;top: 50%;margin: 0;transform: translateY(-50%);} .my_stated_info .tip_box .btn_wrap a {font-size: 15px;} .my_stated_info .tip_box dt {padding-left: 20px;font-size: 15px;font-weight: 700;background:url('../images/mycoway/ico_stated_tip.png') no-repeat 0 center/14px auto;} .my_stated_info .tip_box dd {margin-top: 10px;line-height: 22px;font-size: 14px;color:#90a0a6;} */ .order_setion .price_group.myPay {margin-top: 17px;padding-top: 17px;border-top: 1px solid #f2f4f5;overflow: hidden;} .order_setion .price_group .infoList {float: left;width: 20%;padding-right: 20px;} .order_setion .price_group .infoList:nth-child(1) {width: 30%;} .order_setion .price_group .infoList:nth-child(4) {width: 20%;} .order_setion .price_group .infoList dt {font-size: 14px;color:#90a0a6;} .order_setion .price_group .infoList dd {margin-top: 15px;} .order_setion .price_group .infoList dd.due {color:#90a0a6;} .order_setion .price_group .infoList dd.result {color:#1b2529;} .order_setion .price_group .infoList dd.unpaid {color:#fe7c20;} .order_setion .price_group .pay_type {font-weight: 700;} .order_setion .price_group .pay_type dt {color: #1b2529;} .order_setion .price_group .total_price {margin-right: 0;padding-right: 12px;} .order_setion .price_group .total_price dt {color: #1b2529;} .order_setion .price_group .total_price dd {margin-top: 4px;} .order_setion .btn_myPay {position: absolute;top: 51px;right: 30px;margin: 0;} /* 결제관리-사용중제품/멤버십선택 */ .my_usedPdt_wrap .nofix_drop_wrap {position: relative;z-index: 10;padding:30px;background-color: #f2f4f5;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;} .my_usedPdt_wrap .nofix_drop_wrap .drop_list {overflow-y: auto; display: none; position: absolute; left: 30px; transform: translateY(-2px); width: 890px; max-height: 255px; border: 2px solid #1b2529; border-top: 0 ;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff;} .my_usedPdt_wrap .nofix_drop_wrap .prd_wrap {margin-bottom: 0;} .my_usedPdt_wrap .nofix_drop_wrap .prd_wrap .prd_info {height: 100%; padding: 0 30px;} .my_usedPdt_wrap .nofix_drop_wrap .prd_wrap .prd_info .prd_name {font-size: 16px; color: #1b2529;} .my_usedPdt_wrap .nofix_drop_wrap .prd_wrap .prd_info p {font-size: 13px; color: #90a0a6;} .my_usedPdt_wrap .nofix_drop_wrap .select_area {border: 2px solid #1b2529; border-radius: 4px;} .my_usedPdt_wrap .nofix_drop_wrap .select_area .prd_info::after {display: block; width: 17px; height: 10px; margin-left: auto; padding: 0; background: url(../images/common/arr_down7.png) no-repeat scroll center / 17px 10px; content: "";} .my_usedPdt_wrap .nofix_drop_wrap.down .select_area {border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .my_usedPdt_wrap .nofix_drop_wrap.down .select_area .prd_wrap .prd_info::after {background: url(../images/common/arr_up6.png) no-repeat scroll center / 17px 10px;} .my_usedPdt_wrap .sum_price_area {margin-top: 45px;padding: 25px 0;border-top: 1px solid #f2f4f5;border-bottom: 1px solid #f2f4f5;overflow: hidden;} .my_usedPdt_wrap .sum_price_area .total_price {float: left;margin-right: 100px;padding-top: 0;} .my_usedPdt_wrap .sum_price_area .total_price > dt {float: none;width: auto;font-size: 15px;font-weight: 400;} .my_usedPdt_wrap .sum_price_area .total_price > dd {float: none;width: auto;margin-top: 10px;text-align: left;} .my_usedPdt_wrap .sum_price_area .total_price:last-child > dt {font-size: 16px;font-weight: 700;} .my_usedPdt_wrap .sum_price_area .total_price:last-child > dd {margin-top: 0} .my_usedPdt_wrap .pay_desc {margin-top: 30px;} .my_usedPdt_wrap .pay_desc .list_tit {font-size: 15px;font-weight: 700;color:#90a0a6;} .my_usedPdt_wrap .noData {background: #f2f4f5;} /* .my_usedPdt_sec.confirm_paySel .cate .btn_wrap label {width: 233px;margin-top: 0;} .my_usedPdt_sec.confirm_paySel .cate .btn_wrap label:nth-child(2n) {margin-right: 6px;} .my_usedPdt_sec.confirm_paySel .cate .btn_wrap label:last-child {margin-right: 0;} */ .my_usedPdt_wrap .noData {margin-top: 45px;} .use_period .period {overflow:hidden;} .use_period li {float: left;position:relative;width:180px;text-align:center;margin-right:5px;} .use_period li:last-child {margin-right:0;} .use_period label {display:block;padding:0 5px;height:54px;line-height:52px;font-size: 14px;font-weight: 700;border:1px solid #e5e9eb;border-radius:4px;} .use_period input:checked + label {color:#00a8e3;border:2px solid #00a8e3;line-height:50px;} .use_period .period.member li {width:100%;} /* 추가 */ .my_paymentList_wrap .order_setion {padding: 25px 30px;} .my_paymentList_wrap .order_setion .prd_info {padding-left: 0;} .my_paymentList_wrap .order_setion .price_group .total_price > dt {float: none;width: auto;line-height: 1.3;} .my_paymentList_wrap .order_setion .price_group .total_price > dd {float: none;width: auto;text-align: left;} .my_paymentList_wrap .order_setion .price_group .total_price > dd strong {margin-left: 0;font-size: 22px;} .my_paymentList_wrap .order_setion .price_group .total_price > dd strong em {font-size: 15px;} .my_paymentList_wrap .order_setion .prd_info .text_box {width: calc(100% - 226px);} /* .confirm_paySel .cate .btn_wrap {display: block;overflow: hidden;} .confirm_paySel .cate .btn_wrap label {display: block;width: calc(50% - 3px);margin: 6px 6px 0 0;padding: 30px 0 20px;float: left;} .confirm_paySel .cate .btn_wrap label:before {width: 60px;height: 35px;margin: 0 auto;background-size: 100% auto;} .confirm_paySel .cate .btn_wrap label:first-child, .confirm_paySel .cate .btn_wrap label:nth-child(2) {margin-top: 0;} .confirm_paySel .cate .btn_wrap label:nth-child(2n) {margin-right: 0;} .confirm_paySel .cate .btn_wrap label.on {padding: 29px 0 19px;} */ /* 팝업 */ #lay_pay_confirmation .confirm_list {margin-top: 30px;padding-top: 5px;border-top: 1px solid #f2f4f5;} #lay_pay_confirmation .confirm_list.bot {margin-top: 20px;border-top: 1px dashed #f2f4f5;} #lay_pay_confirmation .confirm_list dl {overflow: hidden;margin-top: 15px;font-size:16px;} #lay_pay_confirmation .confirm_list dt {float: left;width:65px;color:#90a0a6;} #lay_pay_confirmation .confirm_list dd {float: right;width:calc(100% - 65px);text-align: right;} #lay_pay_confirmation .confirm_list dd.price {font-weight: 700;} #lay_pay_confirmation .confirmation_msg {margin-top: 20px;padding:20px 0;text-align: center;font-size: 14px;line-height: 24px;color:#90a0a6;background: #f2f4f5;border-radius:4px;} #lay_pay_confirmation .btn_wrap {text-align: center;} #lay_pay_confirmation .btn_wrap a {width:120px;} #lay_pay_cash.full .layCon {padding-top:0;} #lay_pay_cash .con1 {padding:45px 30px;margin:0 -30px;background:#f2f4f5;} #lay_pay_cash .con1 .info_wrap {padding:20px 30px;background:#fff;border-radius:4px;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);} #lay_pay_cash .con1 .info_wrap dl {display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#90a0a6;} #lay_pay_cash .con1 .info_wrap dl:first-child {margin-top:0;} #lay_pay_cash .con2 {padding:20px 30px;margin-top:35px;background:#f2f4f5;border-radius:4px;} #lay_pay_cash .con2 .list_type1 {counter-reset:listNum 0;} #lay_pay_cash .con2 .list_type1 li {padding-left:15px;word-break:break-word;} #lay_pay_cash .con2 .list_type1 li:before {counter-increment:listNum 1;content:counter(listNum)'.';margin:0 0 0 -13px;} #lay_pay_cash .btn_wrap.bottom_btn {margin-top:35px;} #lay_pay_unpaid .layCon {background: #f2f4f5;} #lay_pay_unpaid .title_wrap.top {margin:-45px -30px 0;padding:45px 30px 30px;background: #fff;} #lay_pay_unpaid .order_wrap {margin:0;} #lay_pay_unpaid .order_wrap .title_wrap {margin-top: 25px;} #lay_pay_unpaid .od_confirm_Sec {padding: 0;} #lay_pay_unpaid .od_confirm_Sec .title_wrap.secTit {padding: 25px 0 15px;} /* #lay_pay_unpaid .od_confirm_Sec label {border: 0;} */ #lay_pay_unpaid .od_confirm_Sec label.on {/*padding: 28px 0 18px;*/border: 2px solid #00a8e3;} #lay_pay_unpaid .pay_desc {margin-top: 30px;} #lay_pay_unpaid .pay_desc .list_tit {font-size: 15px;color:#90a0a6;} #lay_pay_unpaid .unpaid_tbl {margin:0 -30px;padding:0 18px 35px;background:#fff;} #lay_pay_unpaid .unpaid_tbl table {border-bottom: 1px solid #f2f4f5;} #lay_pay_unpaid .unpaid_tbl th, #lay_pay_unpaid .unpaid_tbl td {text-align: left;} #lay_pay_unpaid .unpaid_tbl tr th:first-child, #lay_pay_unpaid .unpaid_tbl tr td:first-child {border-right: 1px solid #f2f4f5;} #lay_pay_unpaid .layCon .layBtn {text-align: center;} /* ===== 나의 리뷰 내역 ===== */ .my_review_tab > .title_wrap:first-child {position: relative;display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;} #my_review_list .tool_tip {width: auto;height: auto;} #my_review_list .tool_tip .tip {width: auto;height: auto;padding: 3px 20px 3px 0;font-size: 14px;color: #90a0a6;background-size: auto 15px;background-position: right center;} #my_review_list .tool_tip .tip_box {top: calc(100% + 7px);z-index: 1;} #my_review_complete {display: none;} .my_review_wrap .noData {background: #f2f4f5;} /* 리뷰 확장 css */ .my_review_wrap .tabType2 { margin: 30px 0 27px; } .my_review_wrap ul li .prd_wrap.no_review { opacity: 0.7; } .my_review_wrap ul li .prd_wrap.no_review .img_wrap { opacity: 0.4; } .my_review_wrap ul li .prd_wrap.no_review .text_wrap { color: #bec8cc; } .my_review_wrap ul li .prd_wrap.no_review .text_wrap .prd_code { color: #bec8cc; } .my_review_wrap ul li .prd_wrap.no_review .btn_wrap a { background: #e5e9eb;color: #bec8cc; } .my_review_wrap ul li .prd_wrap .text_wrap .prd_name { width: 300px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; } #my_review_inner_tab02 { display: none; } #my_review_inner_tab02 .noData.noData_bg { background: rgba(0,0,0,0.8); } #my_review_inner_tab02 .noData.noData_bg p { color: #fff;background: url(../images/common/ico_noResult2.png) no-repeat center top / 54px 54px; } #my_review_inner_tab02 .noData.noData_bg .btn_wrap { margin-top: 30px; } #my_review_inner_tab02 .noData.noData_bg .btn_wrap a { background: #00a7e1;border: 1px solid #00a7e1; } /* //리뷰 확장 css */ /* ===== 1:1 문의 내역 ===== */ .my_inquiry_list_wrap .tabType {margin:19px 0 45px;} .my_inquiry_list_wrap .list_state {margin: 10px 0 15px;font-size: 23px;font-weight: 700;} .my_inquiry_list_wrap .list_state .num {color: #00a8e3;} .my_inquiry_list_wrap .attachments {margin: 20px 0 3px;background: #fff;} .my_inquiry_list_wrap .noData {background: #f2f4f5;} /* ===== 제품 문의 내역 ===== */ .prd_inquiry_list_wrap .tabType {margin:19px 0 45px;} .prd_inquiry_list_wrap .list_state {margin: 10px 0 15px;font-size: 23px;font-weight: 700;} .prd_inquiry_list_wrap .list_state .num {color: #00a8e3;} .prd_inquiry_list_wrap .prd_wrap {margin: 20px 0 0;padding: 0;border: 1px solid #f3f4f6;} .prd_inquiry_list_wrap .prd_wrap .prd_info {justify-content: center;padding: 5px 15px;} .prd_inquiry_list_wrap .prd_wrap .prd_info .img_wrap {width: 66px;min-width: 66px;margin-right: 0;} .prd_inquiry_list_wrap .prd_wrap .prd_info .text_wrap {margin-right: 10px;padding-right: 20px;color: #90a0a6;line-height: 1.4;background: url('../images/common/arr_btnTxt3.png') no-repeat right center / 12px auto;overflow: hidden;} .prd_inquiry_list_wrap .prd_wrap .prd_info dt {float: left;font-size: 15px;font-weight: 500;} .prd_inquiry_list_wrap .prd_wrap .prd_info dd {float: left;margin-left: 24px;padding-left: 24px;font-size: 15px;font-weight: 400;border-left: 1px solid #e5e9eb;} .prd_inquiry_list_wrap .noData {background: #f2f4f5;} /* ===== 기본 배송지 관리 ===== */ .delivery_address_manage_wrap .h3_tit {padding-left: 25px;background: url('../images/common/ico_address.png') no-repeat left center / 15px auto;} .dlv_address {padding: 25px 30px;background: #f2f4f5;border-radius: 4px;} .dlv_address dl {font-size: 15px;line-height: 24px;} .dlv_address dl + dl {margin-top: 5px;} .dlv_address dt {float: left;color: #90a0a6;} .dlv_address dd {margin-left: 100px;} .dlv_address dd .postcode {display: block;} .delivery_address_manage_wrap .noData {position: relative;padding: 0;background: #f2f4f5;border-radius:4px;} .delivery_address_manage_wrap .noData a {padding: 45px 0;} .delivery_address_manage_wrap .noData a > p {padding-top: 40px;background: url('../images/common/ico_plus3.png') no-repeat center top/23px;font-size: 15px;color: #90a0a6;line-height: 1.6;text-align: center;} .delivery_address_manage_wrap .noData .btn_wrap {margin:0;} /* ===== 라이프 스타일 ===== */ .life_style_wrap .btn_wrap:not(.bottom_btn) {text-align: left;} .life_style_wrap .cate_check .btn_wrap label {padding: 15px 16px;} .life_style_wrap .cate_check .btn_wrap label:before {content: none;} .life_style_wrap .cate .btn_wrap label {display: inline-flex; align-items: center; margin: 0 4px 9px;border: 2px solid #f2f4f5;} .life_style_wrap .cate .btn_wrap label:hover, .life_style_wrap .cate .btn_wrap label.on {font-weight: 700; color: #1b2529; border: 2px solid #1b2529; background-color: #fff;} /* ===== 팝업 ===== */ /* 리뷰쓰기, 수정 팝업 */ #lay_review_write .prd_wrap {margin-bottom: 0;} #lay_review_write .form_tit {margin: 45px 0 18px;font-size: 23px;} #lay_review_write .star {position: relative;width: 255px;height: 47px;margin: 10px auto 0;background:url('../images/common/ico_star3.png') no-repeat left top / 255px auto;} #lay_review_write .star > input {position:absolute;top: 0;left: 0;width: 47px;height: 47px;margin-right: 5px;opacity: 0;} #lay_review_write .star > label {position: absolute;top: 0;left: 0;height: 47px;margin-right: 4px;font-size: 0;cursor: pointer;} #lay_review_write .star > input:checked + label {background: url('../images/common/ico_star3.png') no-repeat left bottom / 255px auto;} #lay_review_write .star > label[for="star1"] {width: 47px;z-index: 5;} #lay_review_write .star > label[for="star2"] {width: 99px;z-index: 4;} #lay_review_write .star > label[for="star3"] {width: 151px;z-index: 3;} #lay_review_write .star > label[for="star4"] {width: 203px;z-index: 2;} #lay_review_write .star > label[for="star5"] {width: 255px;margin-right: 0;z-index: 1;} #lay_review_write .review_inp p {position: absolute;top: 47px;right: 0;color: #bec8cc;} #lay_review_write .inp_textarea textarea {min-height: 200px;} #lay_review_write .img_upload_btn {margin: 0 0 12px;} #lay_review_write .img_upload_btn a {display: flex;align-items: center;justify-content: center;} #lay_review_write .ico_upload {display: block;width: 20px;margin-right: 9px;} #lay_review_write .img_upload_area {white-space: nowrap;font-size: 0;} #lay_review_write .img_upload_area li {display: inline-block;position: relative;width: 80px;height: 80px;margin-right: 6px;border-radius: 4px;overflow: hidden;} #lay_review_write .img_upload_area li:last-child {margin-right: 0;} #lay_review_write .img_upload_area .img_wrap img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #lay_review_write .img_upload_area .img_wrap img.wImg {max-width: none;width: auto;height: 100%;} #lay_review_write .img_upload_area .img_wrap img.hImg {width: 100%;height: auto;} #lay_review_write .img_upload_area .close_btn {position: absolute;top: 9px;right: 9px;width: 18px;height: 18px;background: url('../images/common/ico_close4.png') no-repeat center center / 100% auto;} #lay_review_write .img_upload_wrap .img_upload_area li .close_btn {position: absolute;top: 9px;right: 9px;width: 18px;height: 18px;background: url('../images/common/ico_close4.png') no-repeat center center / 18px auto;} #lay_review_write .sub_info_text {margin-top: 3px;font-size: 14px;color: #bec8cc;line-height: 1.5;} #lay_review_write .reveiw_notice dt {margin-top: 25px;font-size: 15px;font-weight: 700;color: #90a0a6;} #lay_review_write .reveiw_notice .list_type3 {margin-top: 5px;color: #bec8cc;} #lay_review_write .list_type1 { margin-top: 20px;color: #bec8cc; } /* 리뷰 및 문의 삭제 팝업 */ #lay_review_delete_confirm .layBtn .btnBasic:last-child {margin-right: 0;} /* 배송지 관리 팝업 */ #lay_dlv_address .errorMsg {margin-top: 8px;} /** 코웨이 스토리 **/ /* ===== 베스트 리뷰 ===== */ .best_review_wrap .tabType2 {margin: 30px 0 45px;} .best_review_wrap .review_list > li {margin-bottom: 0;padding: 48px 0;border-top: 1px solid #f2f4f5;background-color: transparent;overflow: hidden;} .best_review_wrap .review_list .review_info {display: block;float: left;width: calc(100% - 440px);padding-top: 0;} .best_review_wrap .review_list .review_info .best {margin-bottom: 10px;border-radius: 4px;} .best_review_wrap .review_list .review_info .review_tit {margin-bottom: 10px;font-size: 30px;font-weight: 700;line-height: 46px;color: #1b2529;} .best_review_wrap .review_list .review_info .review_text {color: #90a0a6;} .best_review_wrap .review_list .review_info .review_prd, .best_review_wrap .review_list .review_info .review_id {color: #bec8cc;} .best_review_wrap .review_list .review_info .review_prd {margin-bottom: 6px;} .best_review_wrap .review_list .review_info .review_id {margin-bottom: 15px;} .best_review_wrap .review_list .review_info .top_area {cursor: pointer;} .best_review_wrap .review_list .review_info .bot_area {display: flex;justify-content: flex-start;align-items: center;margin-top: 15px;} .best_review_wrap .review_list .review_info .bot_area > *:not(:last-child) {margin: 0 17px 0 0;} .best_review_wrap .review_list .review_img {float: right;width: 390px;height: 335px;border-radius: 4px;overflow: hidden;cursor: pointer;} .best_review_wrap .review_list .prd_wrap {border: none;padding-bottom: 0;} .best_review_wrap .review_list .prd_wrap .img_wrap {background-color: #f2f4f5;border-radius: 4px;} .best_review_wrap .review_list > li.no_img .review_info {width: 85%;} .best_review_wrap .bottom_btn {margin-top: 0;padding-top: 60px;border-top: 1px solid #f2f4f5;} /* ===== 랜선집들이 ===== */ /* 랜선집들이 리스트 */ .experience_list_wrap .tabType2 {margin: 30px 0 0;} .experience_list {overflow: hidden;} .experience_list li {float: left;width: calc(50% - 20px);margin: 45px 40px 0 0;} .experience_list li:nth-child(2n) {margin-right: 0;} .experience_list .img_wrap {border-radius: 4px;overflow: hidden;} .experience_list .text_wrap {padding: 0 30px;margin-top: -12px;} .experience_list .text_wrap .cate {display: inline-block;line-height: 21px;padding: 0 6px;font-size: 14px;color: #fff;border-radius: 4px;background-color: #1b2529;} .experience_list .text_wrap .title_text {height: 66px;margin: 15px 0 10px;font-size: 23px;font-weight: 700;line-height: 33px;} .experience_list .text_wrap .sub_text {max-height: 48px;font-size: 15px;line-height: 24px;color: #90a0a6;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;overflow: hidden;} .experience_list dl {margin-top: 27px;padding: 18px 30px;line-height: 24px;background: #f2f4f5;border-radius: 4px;overflow: hidden;} .experience_list dt {float: left;margin-right: 17px;font-weight: 700;color: #00a8e3;} .experience_list dd {float: left;color: #90a0a6;} /* 랜선집들이 상세 */ .experience_detail_wrap .title_wrap.top {margin: 0 0 27px;} .experience_detail_wrap .title_wrap.top .cate {display: inline-block;margin-bottom: 15px;padding: 0 6px;color: #fff;line-height: 21px;background: #1b2529;border-radius: 4px;} .experience_detail_wrap dl {margin-bottom: 35px;padding: 15px 18px;background: #f2f4f5;overflow: hidden;} .experience_detail_wrap dt {float: left;margin-right: 20px;font-weight: 700;color: #00a8e3;} .experience_detail_wrap dd {float: left;color: #90a0a6;} /* ===== 라이브러리 ===== */ /* 라이브러리 리스트 */ .library_list_wrap .tabType2 {margin: 30px 0 0;} .library_tab {display: none;} #library_tab1 {display: block;} .library_list {overflow: hidden; display: flex; flex-wrap: wrap;} .library_list li {position: relative;width: calc(50% - 20px);margin: 45px 40px 0 0;overflow: hidden;} .library_list li:nth-child(2n) {margin-right: 0;} .library_list li a {height: 100%;} .library_list li .img_wrap {overflow: hidden; position: relative; width: 580px; height: 326px; border: 1px solid #e5e9eb;} .library_list li .img_wrap img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: auto;} .library_list li .title_wrap {margin-top: -12px;padding: 0;word-break: keep-all;text-align: center;} .library_list li .title_wrap .cate {display: inline-block;margin-bottom: 20px;padding: 0 10px;font-weight: 700;color: #fff;line-height: 24px;background: #1b2529;border-radius: 12px;} .library_list li .h2_tit {max-height: 78px;font-size: 27px;line-height: 39px;color: #1b2529;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;overflow: hidden;} .library_list li .sub_tit {max-height: 48px;color: #1b2529;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;overflow: hidden;} /* 라이브러리 상세 */ .library_detail_wrap > .title_wrap {margin: 0 0 36px;text-align: center;} .library_detail_wrap > .title_wrap .h2_tit {font-size: 38px;line-height: 1.5;} .library_detail_wrap > .title_wrap .cate {display: inline-block;margin-bottom: 17px;padding: 0 13px;color: #fff;line-height: 24px;background: #1b2529;border-radius: 12px;} .library_detail_iframe_wrap .bottom_btn {margin: 45px 18px 0;} /* 스토리 상세 공통 */ .recommend_prd {margin-top: 60px;border-top: 1px solid #e5e9eb;} .recommend_prd .title_wrap {margin-bottom: -5px;} .recommend_prd .prd_area {overflow: hidden;} .recommend_prd .prd_wrap.img_small {float: left;width: calc(50% - 15px);margin: 30px 0 0;padding: 0;} .recommend_prd .prd_wrap.img_small:nth-child(2n) {margin-left: 30px;} .recommend_prd .prd_wrap .prd_info {padding: 0;} .recommend_prd .prd_wrap .img_wrap {position: relative;background: #f2f4f5;border-radius: 4px;} .recommend_prd .prd_wrap.end .img_wrap:after {content: '품절';display: block;position: absolute;top: 50%;left: 50%;padding: 10px 18px;background: rgba(27, 37, 41, 0.4);border-radius: 20px;color: #fff;transform: translate(-50%, -50%);white-space: nowrap;} /* ===== 팝업 ===== */ /* 베스트 리뷰 상세 */ #lay_best_review_detail .review_info1 {display: flex;justify-content: left;align-items: center;padding-top: 20px;} #lay_best_review_detail .review_info1 .best {display: inline-block;padding: 1px 10px;background: #1b2529;border-radius: 4px;font-weight: 700;color: #fff;} #lay_best_review_detail .review_info1 .star {position: relative;height: 18px;margin-left: 10px;} #lay_best_review_detail .review_info1 .star li {float: left;width: 18px;height: 18px;margin-right: 3px;background:url('../images/common/ico_star2.png') no-repeat left top / 18px auto;cursor: pointer;} #lay_best_review_detail .review_info1 .star li.on{background: url('../images/common/ico_star1.png') no-repeat left bottom / 18px auto;} #lay_best_review_detail .review_info1 .modify_wrap {max-width: 100px;margin-right: 12px;} #lay_best_review_detail .swiper-container {margin-top: 15px;border-radius: 4px;z-index: 0;} #lay_best_review_detail .swiper-slide img {display: block;margin: 0 auto;} #lay_best_review_detail .swiper-container .swiper-pagination {bottom: 17px;left: 50%;width: auto;padding: 0 12px;background: #fff;font-size: 13px;color: #90a0a6;border-radius: 11px;transform: translateX(-50%);} #lay_best_review_detail .swiper-container .swiper-pagination-current {color: #1b2529;} #lay_best_review_detail .swiper-container .swiper-arrow button {width: 36px;height: 36px;} #lay_best_review_detail .swiper-container .swiper-arrow button:after {content: none;} #lay_best_review_detail .swiper-container .swiper-button-prev {left: 20px;background: url('../images/common/arr_btn.png') no-repeat center top / 36px auto;} #lay_best_review_detail .swiper-container .swiper-button-next {right: 20px;background: url('../images/common/arr_btn.png') no-repeat center bottom / 36px auto;} #lay_best_review_detail .review_text {margin-top: 20px;font-size: 15px;line-height: 24px;} #lay_best_review_detail .review_info2 {display: flex;justify-content: space-between;align-items: center;margin-top: 25px;} #lay_best_review_detail .review_info2 .like_btn {padding: 3px 0 3px 24px;background: url('../images/common/ico_like.png') no-repeat left center / 18px auto;} #lay_best_review_detail .review_info2 .like_btn.on {background: url('../images/common/ico_like2.png') no-repeat left center / 18px auto;} #lay_best_review_detail .review_info2 .like_btn span {display: block;font-size: 15px;color: #90a0a6;text-align: left;} #lay_best_review_detail .review_info2 .like_btn.on span {color: #00a8e3;} #lay_best_review_detail .review_date {color: #90a0a6;} #lay_best_review_detail .prd_area {margin-top: 30px;padding-top: 30px;border-top: 1px solid #f3f4f6;} /** 제품 VIP **/ /* ===== 팝업 ===== */ /* 전화 주문하기 */ #lay_call_order .notice_text1 {margin-bottom: 30px;font-size: 15px;line-height: 24px;} #lay_call_order .form_wrap {margin-bottom: 10px;} #lay_call_order .safe_tel {margin-top: 15px;} #lay_call_order .safe_tel .tip_box {top: 27px;left: -125px;right: auto;transform-origin: 45% 3%;} #lay_call_order .tool_tip .tip {margin-left: 5px;} #lay_call_order .list_type3 {color: #bec8cc;line-height: 21px;} #lay_call_order .list_type3 a {display: inline-block;color: #00a8e3;border-bottom: 1px solid #00a8e3;} #lay_call_order .check_open {margin-top: 45px;} #lay_call_order .call_list li strong { font-weight: 700; } /* 전화 주문 유도 팝업 */ #lay_call_induce .notice_text { display: block; position: relative; } #lay_call_induce .notice_text > p { font-size: 20px; font-weight: 700; line-height: 26px; } #lay_call_induce .notice_text > em { font-size: 15px; font-weight: 500; margin-top: 14px; display: inline-block; } #lay_call_induce .title_wrap { margin-top: 30px; } #lay_call_induce .form_wrap {margin-bottom: 10px;} #lay_call_induce .safe_tel {margin-top: 15px;} #lay_call_induce .safe_tel .tip_box {top: 27px;left: -125px;right: auto;transform-origin: 45% 3%;} #lay_call_induce .tool_tip .tip {margin-left: 5px;} #lay_call_induce .list_type3 {color: #bec8cc;line-height: 21px;} #lay_call_induce .list_type3 a {display: inline-block;color: #00a8e3;border-bottom: 1px solid #00a8e3;} #lay_call_induce .check_open {margin-top: 45px;} #lay_call_induce .call_list li strong { font-weight: 700; } #lay_call_induce .drop_wrap {position: relative; padding: 30px 20px; background-color: #f2f4f5; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;z-index: 10;} #lay_call_induce .drop_wrap.down { padding: 30px 20px; } #lay_call_induce .drop_wrap .drop_list {overflow-y: auto; display: none; position: absolute; left: 20px; transform: translateY(-2px); width: calc(100% - 40px); max-height: 208px; border: 2px solid #1b2529; border-top: 0 ;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff;} #lay_call_induce .drop_wrap .drop_list li.list_hide {display: none;} #lay_call_induce .drop_wrap .prd_wrap { margin: 0; } #lay_call_induce .drop_wrap .prd_wrap .prd_info {width: 100%; height: 100%; padding: 0; cursor: pointer;} #lay_call_induce .drop_wrap .prd_wrap .prd_info .img_wrap {width: 60px; min-width: 60px} #lay_call_induce .drop_wrap .prd_wrap .prd_info .prd_name {font-size: 16px; color: #1b2529;} #lay_call_induce .drop_wrap .prd_wrap .prd_info p {margin: 6px 0 0; font-size: 13px; color: #90a0a6;} #lay_call_induce .drop_wrap .select_area {border: 2px solid #fff; border-radius: 4px;} #lay_call_induce .drop_wrap .select_area .prd_info::after {display: block; width: 17px; height: 10px; margin-left: auto; padding: 0; background: url(../images/common/arr_down7.png) no-repeat scroll center / 17px 10px; content: "";} #lay_call_induce .drop_wrap.down .select_area {border: 2px solid #1b2529;border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #lay_call_induce .drop_wrap.down .select_area .prd_wrap .prd_info::after {background: url(../images/common/arr_up6.png) no-repeat scroll center / 17px 10px;} #lay_call_induce .drop_wrap .select_area.arr_none .prd_wrap .prd_info::after {display: none;} #lay_call_induce .drop_wrap .prd_wrap {border-bottom: none;} #lay_call_induce .drop_wrap.down .prd_wrap {border-bottom: 1px solid #f2f4f5;} #lay_call_induce .drop_wrap.down .drop_list .prd_wrap:hover {background: #f2f4f5;} /* 렌탈 주문접수 */ #lay_rental_order .title_wrap.mt0 {margin-bottom: 30px;} #lay_rental_order .title_wrap.mt0 .sub_tit {color: #1b2529;} #lay_rental_order .form_wrap {margin-bottom: 10px;} #lay_rental_order .safe_tel {margin-top: 15px;} #lay_rental_order .safe_tel .tip_box {top: 27px;left: -125px;right: auto;transform-origin: 45% 3%;} #lay_rental_order .tool_tip .tip {margin-left: 5px;} #lay_rental_order .check_open {margin-top: 25px;} #lay_rental_order .btnBasic:first-child {margin-right: 1.2%;} /* 제품 문의하기 */ #lay_prd_inquiry .inp_text, #lay_prd_inquiry .form_wrap {margin-bottom: 10px;} #lay_prd_inquiry .title_inp .form_tit {margin-top: 0;} #lay_prd_inquiry .title_inp .input_text {padding-right: 75px;} #lay_prd_inquiry .title_inp .t_count {position: absolute;right: 20px;bottom: 0;font-size: 15px;line-height: 54px;color: #90a0a6;} #lay_prd_inquiry .name_inp {margin-bottom: 10px;padding-bottom: 20px;border-bottom: 1px solid #f2f4f5;} #lay_prd_inquiry .inp_check {display: block;margin: 0 0 15px -25px;} #lay_prd_inquiry .inp_check input {margin-left: 25px;} #lay_prd_inquiry .list_type3 {margin-top: 15px;color: #bec8cc;line-height: 21px;} #lay_prd_inquiry .list_type3 a {display: inline-block;color: #00a8e3;border-bottom: 1px solid #00a8e3;} #lay_prd_inquiry .check_open {margin-top: 45px;} #lay_prd_inquiry .pri_open { margin-top: 10px; } #lay_prd_inquiry .pri_open ul li strong { font-weight: 700; } #lay_prd_inquiry .pri_check { margin: 0; } #lay_prd_inquiry .pri_check input { margin-left: 10px; } /* 리뷰 상세 팝업 */ #lay_review_detail.lay_inner.full .layCon {padding: 15px 18px 20px;} #lay_review_detail .review_info1 {display: flex;justify-content: space-between;align-items: center;} #lay_review_detail .review_info1 .best {display: inline-block;padding: 1px 10px;background: #1b2529;border-radius: 4px;font-weight: 700;color: #fff;} #lay_review_detail .review_info1 .star {position: relative;width: calc(100% - 180px);height: 18px;} #lay_review_detail .review_info1 .star li {float: left;width: 18px;height: 18px;margin-right: 3px;background:url('../images/common/ico_star2.png') no-repeat left top / 18px auto;cursor: pointer;} #lay_review_detail .review_info1 .star li.on{background: url('../images/common/ico_star1.png') no-repeat left bottom / 18px auto;} #lay_review_detail .review_info1 .modify_wrap {max-width: 100px;margin-right: 12px;} #lay_review_detail .swiper-container {margin-top: 15px;border-radius: 4px;z-index: 0;} #lay_review_detail .swiper-slide img {display: block;margin: 0 auto;} #lay_review_detail .swiper-container .swiper-pagination {bottom: 17px;left: 50%;width: auto;padding: 0 12px;background: #fff;font-size: 13px;color: #90a0a6;border-radius: 11px;transform: translateX(-50%);} #lay_review_detail .swiper-container .swiper-pagination-current {color: #1b2529;} #lay_review_detail .swiper-container .swiper-arrow button {width: 36px;height: 36px;} #lay_review_detail .swiper-container .swiper-arrow button:after {content: none;} #lay_review_detail .swiper-container .swiper-button-prev {left: 20px;background: url('../images/common/arr_btn.png') no-repeat center top / 36px auto;} #lay_review_detail .swiper-container .swiper-button-next {right: 20px;background: url('../images/common/arr_btn.png') no-repeat center bottom / 36px auto;} #lay_review_detail .review_text.notify .txt {filter: blur(6px);} #lay_review_detail .review_text.notify:before {overflow:hidden;content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(255,255,255,1);} #lay_review_detail .review_text.notify .notify_txt {position: absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:5px 10px;color:#fe7c20;font-weight: 700;} #lay_review_detail .review_text {position: relative;margin-top: 20px;font-size: 15px;line-height: 24px;overflow: hidden;word-break: break-all; } #lay_review_detail .review_info2 {display: flex;justify-content: space-between;align-items: center;margin-top: 25px;} #lay_review_detail .review_info2 .like_btn {padding: 3px 0 3px 24px;background: url('../images/common/ico_like.png') no-repeat left center / 18px auto;} #lay_review_detail .review_info2 .like_btn.on {background: url('../images/common/ico_like2.png') no-repeat left center / 18px auto;} #lay_review_detail .review_info2 .like_btn span {display: block;font-size: 15px;color: #90a0a6;text-align: left;} #lay_review_detail .review_info2 .like_btn.on span {color: #00a8e3;} #lay_review_detail .review_info2 .like_btn.on span {color: #00a8e3;} #lay_review_detail .review_info2 .notify_btn {margin-left:18px;padding: 3px 0 3px 20px;background: url('../images/common/ico_notify.png') no-repeat left center / 16px auto;} #lay_review_detail .review_info2 .notify_btn span {display: block;font-size: 15px;color: #90a0a6;text-align: left;} #lay_review_detail .review_date {color: #90a0a6;} #lay_review_detail .review_email {display: flex;align-items:center;} #lay_review_detail .review_email .modify_wrap {display:unset;cursor:pointer;width:auto;cursor: pointer;} #lay_review_detail .review_email .modify_wrap .modify_area:after {margin-left: 5px;} #lay_review_detail .review_email .modify_wrap .modify_list {transform: translate( 10px, 5px);} #lay_review_detail .prd_area {margin-top: 30px;padding-top: 30px;border-top: 1px solid #f3f4f6;} #lay_review_detail .prd_area .desc {text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap;overflow: hidden;} /** 서비스 안내 **/ /* ===== 서비스 안내 ===== */ .service_story_wrap .page_tit {margin: 110px 0 35px;font-size: 27px;line-height: 39px;} .service_story_wrap .page_tit em {color: #00a8e3;} .service_story_wrap .service_list {display: flex;justify-content: space-around;} .service_story_wrap .service_list + .service_list {margin-top: 35px;} .service_story_wrap .service_list li {flex: 1;} .service_story_wrap .service_list li:not(:last-child) {margin-right: 24px;} .service_story_wrap .bot_text {margin-top: 15px;} .service_story_wrap .bot_text dt {font-size: 16px;font-weight: 700;line-height: 24px;} .service_story_wrap .bot_text dd {margin-top: 5px;font-size: 15px;line-height: 24px;} .service_story_wrap .bot_text ul {margin-top: 0;} .service_story_wrap .half_box {display: flex;justify-content: space-between;width: 100%;} .service_story_wrap .half_box > * {width: calc(50% - 12px);} .service_story_wrap .half_box > *:not(:last-child) {margin-right: 24px;} .service_story_wrap .video_wrap {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;} .service_story_wrap .video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;} .service_story_wrap .service_sec1 .list_type4 {margin-bottom:40px;} .service_story_wrap .service_sec1 .page_tit {margin: 0;} .service_story_wrap .service_sec1 .page_tit + .list_type1 {margin-bottom: 35px;} .service_story_wrap .service_sec1 .swiper-slide {position: relative;} .service_story_wrap .service_sec1 .img_wrap {position: relative;} .service_story_wrap .service_sec1 .left_text {position: absolute;top: 30px;left: 30px;display: block;padding: 5px 12px;font-size: 13px;color: #fff;background-color: #1b2529;border-radius: 13px;} .service_story_wrap .service_sec1 p {position: absolute;top: 73px;left: 30px;font-size: 23px;font-weight: 700;line-height: 33px;} .service_story_wrap .service_sec1 span {font-size: 15px;font-weight: 400;} .service_story_wrap .service_sec1 .text_list {position: absolute;bottom: 30px;left: 30px;width: calc(100% - 60px);padding: 24px;background: #fff;} .service_story_wrap .service_sec1 .text_list > li {margin-top: 9px;padding-left: 45px;font-size: 16px;line-height: 36px;background: url('../images/service/ico_kakao.png') no-repeat left top / auto 36px;} .service_story_wrap .service_sec1 .text_list > li:first-child {margin-top: 0;} .service_story_wrap .service_sec1 .text_list em {font-weight: 700;} .service_story_wrap .service_sec1 .text_list .list_type3 {margin-top: 0;} .service_story_wrap .service_sec1 .text_list .list_type3 li {font-size: 15px;color: #90a0a6;} .service_story_wrap .service_sec1 .list_type1 {position: absolute;right:0;bottom:45px;} .service_story_wrap .service_sec2 .bot_text dd {color: #1b2529;} .service_story_wrap .swiper-pagination {position: static;width: 100%;height: 2px;margin-top: 78px;border-radius: 0;} .service_story_wrap .swiper-arrow button {width: 19px;height: 35px;margin-top: -65px;} .service_story_wrap .swiper-arrow button:after {content: none;} .service_story_wrap .swiper-button-prev {left: 28px;background: url('../images/common/arr_slide_l2.png') no-repeat center top / 19px auto;} .service_story_wrap .swiper-button-next {right: 28px;background: url('../images/common/arr_slide_r2.png') no-repeat center bottom / 19px auto;} .service_story_wrap .service_sec2 .btn_wrap {margin-top: 18px;text-align: left;} .service_story_wrap .service_sec3 .gray_box {padding: 55px 60px;background: #f2f4f5;border-radius: 4px;} .service_story_wrap .service_sec3 .gray_box + .gray_box {margin-top: 15px;} .service_story_wrap .service_sec3 .gray_box .top_text {margin-bottom: 30px;} .service_story_wrap .service_sec3 .gray_box .top_text dt {font-size: 16px;color: #90a0a6;} .service_story_wrap .service_sec3 .gray_box .top_text dd {font-size: 15px;} .service_story_wrap .service_sec3 .gray_box .top_text em {font-weight: 700;} .service_story_wrap .service_sec3 .gray_box .top_text .tit {margin-top: 20px;font-size: 23px;font-weight: 700;} /* ===== 하트 서비스 ===== */ #heart_tab {margin-bottom: 45px;} .heart_tab {display: none;} #heart_tab1 {display: block;} .heart_service_wrap section {margin-top: 110px;} .heart_service_wrap section:first-child {margin-top: 0;} .heart_service_wrap .page_tit {float: left;max-width: 340px;font-size: 34px;line-height: 48px;} .heart_service_wrap section:first-child .page_tit {margin-top: 5px;} .heart_service_wrap .title_wrap {margin: 80px 0 25px} .heart_service_wrap .title_wrap.mt0 {margin-top: 0;} .heart_service_wrap .title_wrap.mb0 {margin-bottom: 0;} .heart_service_wrap .service_list {margin-left: 400px;overflow: hidden;} .heart_service_wrap .info_box .list .img_wrap {text-align: center;} .heart_service_wrap .gray_box {display: flex;justify-content: center;align-items: center;margin-top: 15px;padding: 45px 60px;background-color: #f2f4f5;border-radius: 4px;overflow: hidden;} .heart_service_wrap .gray_box > *:not(:last-child) {margin-right: 40px;} .heart_service_wrap .gray_box .text_wrap {flex: 1;font-size: 15px;line-height: 24px;} .heart_service_wrap .gray_box .text_wrap .img_wrap {margin-bottom: 15px;} .heart_service_wrap .gray_box .text_wrap .txt_gray1 {margin-top: 8px;} .heart_service_wrap .info_box {margin-top: 15px;padding: 24px 24px 45px;background-color: #f2f4f5;border-radius: 4px;overflow: hidden;} .heart_service_wrap .info_box.type2 {position: relative;padding: 0;background-color: transparent;} .heart_service_wrap .info_box .left_text {display: inline-block;padding: 5px 12px;font-size: 13px;color: #fff;background-color: #1b2529;border-radius: 13px;} .heart_service_wrap .info_box.type2 .left_text {position: absolute;top: 24px;left: 24px;} .heart_service_wrap .info_box p {margin-top: 15px;text-align: center;} .heart_service_wrap .info_box:not(.type2) .img_wrap {margin: 15px auto 0;} .heart_service_wrap .info_box .list {display: flex;justify-content: center;align-items: flex-start;} .heart_service_wrap .info_box .list > li:not(:last-child) {margin-right: 45px;} .heart_service_wrap .talk_box {padding-bottom: 0;} .heart_service_wrap .talk_box .img_wrap {margin-top: 55px;} .heart_service_wrap .bot_text {margin: 15px 0 50px;font-size: 15px;line-height: 1.6;} .heart_service_wrap .bot_text:last-child {margin-bottom: 0;} .heart_service_wrap .bot_text_box .bot_tit {margin-top: 24px;font-size: 16px;line-height: 1; font-weight: 700;} .heart_service_wrap .bot_text_box .bot_text {margin: 15px 0;font-size: 15px;line-height: 1;} .heart_service_wrap .bot_text_box .bot_sub {font-size: 14px;line-height: 1; color: #90a0a6;} .heart_service_wrap section:last-child .service_list li:last-child .bot_text:last-child {margin-bottom: 0;} .heart_service_wrap .bot_text dd > .list_type3 {margin-top: 0;} .heart_service_wrap .half_box {display: flex;justify-content: space-between;width: 100%;} .heart_service_wrap .half_box + .half_box {margin-top: 40px;} .heart_service_wrap .half_box1 > * {width: 50%;margin-top: 0;} .heart_service_wrap .half_box2 > * {width: calc(50% - 12px);margin-top: 0;} .heart_service_wrap .half_box > *:not(:last-child) {margin-right: 24px;} .heart_service_wrap .half_box .img_wrap {text-align: center;} .heart_service_wrap .half_box .bot_text {margin-bottom: 0;} .heart_service_wrap dt {margin-bottom: 7px;font-size: 16px;font-weight: 700;} .heart_service_wrap .text_wrap dt {font-size: 19px;} .heart_service_wrap .prd_name {margin-top: 13px;line-height: 24px;text-align: center;} .heart_slide_area .service_list li {float: left;width: calc(50% - 12px);margin-top: 40px;} .heart_slide_area .service_list li:nth-child(2n) {margin-left: 24px;} .heart_slide_area .service_list li:nth-child(1), .heart_slide_area .service_list li:nth-child(2) {margin-top: 0;} .heart_slide_area .img_wrap {position: relative;border-radius: 4px;overflow: hidden;} .heart_slide_area .img_wrap p {position: absolute;left: 18px;bottom: 18px;font-size: 16px;font-weight: 700;line-height: 1.5;color: #fff;} .heart_video_area .page_tit {float: none;max-width: none;} .heart_video_area .video_wrap {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;} .heart_video_area .video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;} /* 2022 동영상교체 */ .heart_video_area .y_video { display: inline-block;font-size: 0; } .heart_video_area .y_video + .y_video { margin-left: 17px; } .heart_video_area .y_video p { font-size: 23px;font-weight: 700;margin-bottom: 30px} /* 2022 동영상교체 */ .heart_service_area .service_list li:first-child .title_wrap {margin-top: 0;} #heart_tab2 .service_list li:first-child .gray_box dt {display: inline-block;margin-bottom: 17px;padding: 0 15px;font-size: 16px;line-height: 40px;background: #e5e9eb;border-radius: 4px;} #heart_tab2 .service_list li:first-child .gray_box dd {margin-left: 15px;} /* 하트서비스 코디매칭 추가 */ .heart_cody_matching { display: flex;margin-left: 400px;margin-top: 120px;background: #f2f4f5;border-radius: 6px;height: 200px;align-items: center;padding: 0 70px; } .heart_cody_matching .cody_txt p { display: block;font-size: 28px;font-weight: 700; } .heart_cody_matching .cody_txt .btn_wrap { text-align: left; } .heart_cody_matching .cody_txt .btn_wrap a { font-size: 20px; } .heart_cody_matching .cody_img { margin-left: auto; } /* //하트서비스 코디매칭 추가 */ /* 정수기 */ .water_purifier #heart_tab1 .service_list li:nth-child(2) .gray_box .text_wrap {font-size: 13px;line-height: 21px;text-align: left;} /* 공기청정기 */ .bidet .heart_warning, .air_purifier .heart_warning {margin-top: 35px;padding-left: 35px;font-size: 15px;color: #90a0a6;} /* ===== IoCare 서비스 안내 ===== */ .ioCare_intro_page section {position: relative;width: 100%;overflow: hidden;} .ioCare_intro_page .title_wrap {margin: 0;} .ioCare_intro_page .h2_tit {font-size: 36px;line-height: 46px;} .ioCare_intro_page .h3_tit {font-size: 30px;line-height: 42px;} .ioCare_intro_page .h4_tit {font-size: 20px;line-height: 36px;} .ioCare_intro_page .sub_tit {font-size: 18px;line-height: 26px;} .ioCare_sec1 {max-width: 1880px;height: 600px;margin: 40px auto 0;background: url('../images/service/ioCare1.png') no-repeat center top / auto 100%;} .ioCare_sec1 .title_wrap {position: absolute;top: 55px;left: 53%;opacity: 0;transition: all .4s ease-in .3s;} .ioCare_sec1 .title_wrap.active {top: 75px;opacity: 1;} .ioCare_sec1 .title_wrap em {font-size: 46px;line-height: 60px;} .ioCare_sec2 {padding: 65px 0 95px;} .ioCare_sec2 .title_wrap {text-align: center;} .ioCare_sec2 .sub_tit {margin: 22px 0 47px;} .ioCare_sec2 .ioCare_logo img {display: block;margin: 0 auto;} .ioCare_sec2 .service_list {display: flex;justify-content: center;margin-top: 155px;} .ioCare_sec2 .service_list > li {position: relative;width: 394px;height: 500px;border-radius: 4px;overflow: hidden;} .ioCare_sec2 .service_list > li:not(:last-child) {margin-right: 10px;} .ioCare_sec2 .service_list > li:nth-child(2n-1) {margin-top: 65px;} .ioCare_sec2 .service_list > li:nth-child(1) {background: #a1bdcb;} .ioCare_sec2 .service_list > li:nth-child(2) {background: #a3c7c3;} .ioCare_sec2 .service_list > li:nth-child(3) {background: #cbb7b0;} .ioCare_sec2 .service_list > li .img_wrap {position: absolute;bottom: -50px;left: 0;width: 100%;opacity: 0;transition: all .4s ease-in;} .ioCare_sec2 .service_list > li:nth-child(2n) .img_wrap {top: -50px;} .ioCare_sec2 .service_list > li .img_wrap.active {bottom: 0;opacity: 1;} .ioCare_sec2 .service_list > li:nth-child(2n) .img_wrap.active {top: 0;} .ioCare_sec2 .service_list .txt_wrap {position: absolute;bottom: 73px;left: 78px;color: #fff;} .ioCare_sec2 .service_list .tit {font-size: 48px;font-weight: 700;} .ioCare_sec2 .service_list .list_type3 {margin-top: 40px;font-size: 16px;} .ioCare_sec2 .list_type1 {font-size: 14px;color: #90a0a6;} .ioCare_sec3 {padding-top: 85px;background: #f5f5f5;} .ioCare_sec3 .service_list {display: flex;justify-content: center;margin-top: 55px;} .ioCare_sec3 .service_list > li {position: relative;} .ioCare_sec3 .img_wrap {position: relative;width: 384px;height: 619px;margin-right: -36px;} .ioCare_sec3 .img_wrap img {position: absolute;top: 0;left: -30px;opacity: 0;transition: all ease-in .3s;} .ioCare_sec3 .service_list > li:nth-child(1) .img_wrap img {transition-delay: 0s;} .ioCare_sec3 .service_list > li:nth-child(2) .img_wrap img {transition-delay: .2s;} .ioCare_sec3 .service_list > li:nth-child(3) .img_wrap img {transition-delay: .4s;} .ioCare_sec3 .img_wrap img.active {left: 0;opacity: 1;} .ioCare_sec3 .title_wrap {text-align: center;} .ioCare_sec3 .list_type1 {margin-top: 85px;padding: 10px 0 135px;font-size: 13px;background: #fff;color: #90a0a6;} .ioCare_sec3 .list_type1 li {max-width: 1200px;margin: 5px auto 0} .ioCare_sec4 {padding-bottom: 70px;} .ioCare_sec4 .service_list li {position: relative;padding-bottom: 195px;} .ioCare_sec4 .service_list li:nth-child(2n) > .img_wrap {text-align: right;} .ioCare_sec4 .inBox {position: absolute;top: 60px;left: 418px;opacity: 0;transition: all .35s ease-in;display: flex;justify-content: space-between;align-items: center;} .ioCare_sec4 .service_list li:nth-child(2n) .inBox {left: auto;right: 418px;flex-direction: row-reverse;} .ioCare_sec4 .inBox.active {left: 388px;opacity: 1;} .ioCare_sec4 .service_list li:nth-child(2n) .inBox.active {right: 383px;} .ioCare_sec4 .inBox .img_wrap {margin-right: 65px;} .ioCare_sec4 .title_wrap {margin-top: -60px;} .ioCare_sec4 .h2_tit {font-size: 33px;line-height: 42px;} .ioCare_sec4 .sub_tit {margin-top: 25px;font-size: 16px;line-height: 24px;} .ioCare_sec5 .inBox {position: absolute;top: 130px;left: 340px;} .ioCare_sec5 .title_wrap {text-align: left;} .ioCare_sec5 .qr {margin-top: 37px;} /* 필터회수 서비스 */ .filter_wrap section {position: relative;width: 100%;overflow: hidden;} .filter_wrap .title_wrap {margin: 40px auto 0;text-align: center;} .filter_wrap .h2_tit {font-size: 56px;line-height: 60px;margin-top: 20px;} .filter_wrap .h3_tit {font-size: 42px;line-height: 54px;} .filter_wrap .h4_tit {font-size: 20px;line-height: 36px;} .filter_wrap .sub_tit {font-size: 19px;line-height: 26px;margin-top: 20px;} .filter_wrap em { display: block;font-size: 26px;font-weight: 700;} .filter_sec1 { padding: 40px 0px 80px 0px; } .filter_sec1 .sec1_img { display: block;text-align: center;} .filter_sec1 .sec1_info { display: block;text-align: center; } .filter_sec1 .sec1_info > p { font-size: 19px;line-height: 36px;font-weight: 500; } .filter_sec2 { padding: 40px 60px 80px 60px;background: #f4f7fa; } .filter_sec2 .filter_obj { width: 936px;margin: 0 auto;position: relative; } .filter_sec2 .filter_obj .slide_wrap { margin: 60px 0px; } .filter_sec2 .filter_obj .filter_slide .swiper-slide { width: 450px;} .filter_sec2 .filter_obj .filter_slide .swiper-slide .img_wrap { display: block;width: 450px;height: 725px; } .filter_sec2 .filter_obj .filter_slide .swiper-slide img { width: 100%;height: 100%; } .filter_sec2 .filter_obj .filter_slid .swiper-scrollbar { position: static;margin-top: 50px; } .filter_sec2 .filter_obj .swiper-container-horizontal>.swiper-scrollbar { position: static;margin-top: 50px;width: 100%;} .filter_sec2 .filter_obj .text_wrap { position: absolute;bottom: 50px;left: 0;right:0;text-align: center;} .filter_sec2 .filter_obj .text_wrap .num { font-size: 26px;line-height: 50px;color: #11a7df;font-weight: 700; } .filter_sec2 .filter_obj .text_wrap .txt { font-size: 20px;line-height: 32px;color: #1b2529;font-weight: 700; } .filter_sec2 .filter_obj .f_notice { display: block;text-align: center; } .filter_sec2 .filter_obj .f_notice p { font-size: 14px;color: #90a0a6;line-height: 24px; } .filter_sec2 .filter_obj .f_notice p::before { content: '*';font-size: 14px;color: #90a0a6;display: inline-block; } .filter_sec2 .filter_obj .slide_wrap .swiper-arrow button {width: 36px;height: 36px;} .filter_sec2 .filter_obj .slide_wrap .swiper-arrow button:after {content: none;} .filter_sec2 .filter_obj .slide_wrap .swiper-button-prev {left: -60px;background: url('../images/common/arr_btn.png') no-repeat center top / 36px auto;margin-top: -100px; } .filter_sec2 .filter_obj .slide_wrap .swiper-button-next {right: -50px;background: url('../images/common/arr_btn.png') no-repeat center bottom / 36px auto;margin-top: -100px; } .filter_sec3 ul { display: block;width: 1024px;font-size: 0;margin: 50px auto 80px; } .filter_sec3 ul li { display: inline-block;width: calc(33.333% - 34px);vertical-align: top;padding-top: 90px;position: relative; } .filter_sec3 ul li + li { margin-left: 50px; } .filter_sec3 ul li::before { content: '';display: block;position: absolute;left:50%;top:0;transform: translate(-50%, 0%);font-size: 22px;width: 45px;height: 45px;border-radius: 50%;color: #fff;background: #1b2529;text-align: center;line-height: 45px; } .filter_sec3 ul li:nth-child(1)::before { content: '1'; } .filter_sec3 ul li:nth-child(1)::after { content: '';height: 1px;width: 670px;background: #dee3e5;position: absolute;top: 22px;left: 176px; } .filter_sec3 ul li:nth-child(2)::before { content: '2'; } .filter_sec3 ul li:nth-child(3)::before { content: '3'; } .filter_sec3 ul li .recycle_img { display: block;text-align: center;width: auto;height: 203px;margin-bottom: 50px;vertical-align: top; } .filter_sec3 ul li .recycle_img img { height: 203px; } .filter_sec3 ul li .recycle_txt { display: block;height: 96px;vertical-align: top; } .filter_sec3 ul li .recycle_txt p { font-size: 19px;line-height: 32px;color: #90a0a6;text-align: center; } .filter_sec4 { background: #f4f7fa;padding: 20px 0px 100px 0px;margin-bottom: -120px; } .filter_sec4 .filter_faq { display: block;width: 1024px;margin: 30px auto 0; } .filter_sec4 .filter_faq ul { display: block;font-size: 0; } .filter_sec4 .filter_faq ul li { display: block;padding: 40px 30px;background: #fff; } .filter_sec4 .filter_faq ul li + li { margin-top: 2px; } .filter_sec4 .filter_faq ul li .faq_box { display: block;position: relative;padding-left: 30px;box-sizing: border-box; } .filter_sec4 .filter_faq ul li .faq_box + .faq_box { margin-top: 25px; } .filter_sec4 .filter_faq ul li .faq_box.questions::before { content: 'Q.';font-size: 19px;font-weight: 500;color: #00a8e3;position: absolute;left: 0;top: 0; } .filter_sec4 .filter_faq ul li .faq_box.questions > p { color: #1b2529;font-size: 19px;font-weight: 700; } .filter_sec4 .filter_faq ul li .faq_box.answer::before { content: 'A.';font-size: 19px;font-weight: 500;color: #90a0a6;position: absolute;left: 0;top: 0; } .filter_sec4 .filter_faq ul li .faq_box.answer > p { color: #90a0a6;font-size: 16px;line-height: 24px; } /* 결합플랜 */ .combined_plan_wrap section {position: relative;width: 100%;overflow: hidden; } .combined_plan_wrap .combined_plan_inner { display: block;width: 1300px;margin: 0 auto;font-size: 0;position: relative;} .combined_plan_wrap .combined_plan_inner h2 { display: block;text-align: center;font-size: 38px;font-weight: 700;margin-bottom: 65px; } .combined_plan1 { display: block;background: url('../images/product/combined_plan1_bg.jpg') no-repeat center;width: 100%;height: 538px; } .combined_plan1 h1 { display: block;font-size: 50px;font-weight: 700;line-height: 65px;padding-top: 115px; } .combined_plan1 h1 span { display: inline-block;color: #00a8e3; } .combined_plan1 p { display: block;font-size: 20px;padding: 25px 0 35px 0; } .combined_plan1 ul { display: block;font-size: 0;width: 520px; } .combined_plan1 ul li { display: inline-block;background: #89bcfc;color: #fff;font-size: 16px;padding: 10px;border-radius: 8px;margin: 0 5px 10px 0; } .combined_plan1 ul li i { display: inline-block;width: 20px;height: 20px;vertical-align: bottom;margin-right: 2px; } .combined_plan1 ul li:nth-child(1) i { background: url('../images/product/combined_plan_icon01.png') no-repeat center;background-size: contain; } .combined_plan1 ul li:nth-child(2) i { background: url('../images/product/combined_plan_icon02.png') no-repeat center;background-size: contain; } .combined_plan1 ul li:nth-child(3) i { background: url('../images/product/combined_plan_icon03.png') no-repeat center;background-size: contain; } .combined_plan1 ul li:nth-child(4) i { background: url('../images/product/combined_plan_icon04.png') no-repeat center;background-size: contain; } .combined_plan2 { display: block;background: #f5f5f5;padding: 80px 0; } .combined_plan2 ul { display: block;font-size: 0;width: 800px;margin: 0 auto;counter-reset: list_number; } .combined_plan2 ul li { display: inline-block;position: relative;font-size: 21px;width: 33.333%;text-align: center;vertical-align: top;counter-increment: list_number; } .combined_plan2 ul li + li::before { content: '';display: block;position: absolute;top: 72px;left: -18px;width: 36px;height: 36px;background: url('../images/product/combined_plan_arrow.png') no-repeat center;} .combined_plan2 ul li i { display: block;height: 122px;text-align: center; } .combined_plan2 ul li:nth-child(1) i { background: url('../images/product/combined_plan_icon05.png') no-repeat 86px; } .combined_plan2 ul li:nth-child(2) i { background: url('../images/product/combined_plan_icon06.png') no-repeat center; } .combined_plan2 ul li:nth-child(3) i { background: url('../images/product/combined_plan_icon07.png') no-repeat center; } .combined_plan2 ul li p { display: block; } .combined_plan2 ul li p span { display: block;color: #00a8e3;font-size: 17px;line-height: 26px;font-weight: 700; } .combined_plan2 ul li p::before { display: block;content: 'STEP ' counter(list_number);font-size: 15px;font-weight: 700;color: #90a0a6;margin: 20px 0; } .combined_plan3 { display: block;padding-top: 80px; } .combined_plan3 .tabType { display: inline-block;width: 228px; } .combined_plan3 .tabType ul { border-bottom: none; } .combined_plan3 .tabType.fixed ul { position: fixed;z-index: 100;left: auto;top: 30px;bottom: auto; } .combined_plan3 .tabType.fixed.bottom ul { position: absolute;left: auto;top: unset;bottom: 115px;} .combined_plan3 .tabType ul li { display: block;float: none;font-weight: 700;margin: 0 50px 0 25px; } .combined_plan3 .tabType ul li + li { margin-top: 30px; } .combined_plan3 .tabType ul li a { font-size: 18px;line-height: 27px;text-align: left; } .combined_plan3 .tabType1 li a::before { content: '';position: absolute;left: 0;top: 25px;width: 0;height: 2px;background: #1e282c;transition: width .2s ease; } .combined_plan3 .tabType1 li a::after { left: 0;bottom: 0;transform: translateX(0); } .combined_plan3 .tabType1 li:nth-child(1) a:hover:before, .combined_plan3 .tabType1 li:nth-child(1).on a:before { width:118px; } .combined_plan3 .tabType1 li:nth-child(1) a:hover:after, .combined_plan3 .tabType1 li:nth-child(1).on a::after { width:118px; } .combined_plan3 .tabType1 li:nth-child(2) a:hover:before, .combined_plan3 .tabType1 li:nth-child(2).on a:before { width:138px; } .combined_plan3 .tabType1 li:nth-child(2) a:hover:after, .combined_plan3 .tabType1 li:nth-child(2).on a::after { width:65px; } .combined_plan3 .tabType1 li:nth-child(3) a:hover:before, .combined_plan3 .tabType1 li:nth-child(3).on a:before { width:102px; } .combined_plan3 .tabType1 li:nth-child(3) a:hover:after, .combined_plan3 .tabType1 li:nth-child(3).on a::after { width:136px; } .combined_plan3 .tabType1 li:nth-child(4) a:hover:before, .combined_plan3 .tabType1 li:nth-child(4).on a:before { width:121px; } .combined_plan3 .tabType1 li:nth-child(4) a:hover:after, .combined_plan3 .tabType1 li:nth-child(4).on a::after { width:102px; } .combined_plan3 .tabType1 li:nth-child(5) a:hover:before, .combined_plan3 .tabType1 li:nth-child(5).on a:before { display: none; } .combined_plan3 .tabType1 li:nth-child(5) a:hover:after, .combined_plan3 .tabType1 li:nth-child(5).on a::after { width:112px; } .combined_plan3 .tabType1 li:nth-child(6) a:hover:before, .combined_plan3 .tabType1 li:nth-child(6).on a:before { width:102px; } .combined_plan3 .tabType1 li:nth-child(6) a:hover:after, .combined_plan3 .tabType1 li:nth-child(6).on a::after { width:102px; } .combined_plan3 .tabType1 li:nth-child(7) a:hover:before, .combined_plan3 .tabType1 li:nth-child(7).on a:before { width:117px; } .combined_plan3 .tabType1 li:nth-child(7) a:hover:after, .combined_plan3 .tabType1 li:nth-child(7).on a::after { width:82px; } .combined_plan3 .tabType1 li:nth-child(8) a:hover:before, .combined_plan3 .tabType1 li:nth-child(8).on a:before { width:138px; } .combined_plan3 .tabType1 li:nth-child(8) a:hover:after, .combined_plan3 .tabType1 li:nth-child(8).on a::after { width:117px; } .combined_plan3 .tabType1 li:nth-child(9) a:hover:before, .combined_plan3 .tabType1 li:nth-child(9).on a:before { width:117px; } .combined_plan3 .tabType1 li:nth-child(9) a:hover:after, .combined_plan3 .tabType1 li:nth-child(9).on a::after { width:154px; } .combined_plan3 .plan_sec { display: inline-block;width: 1000px;vertical-align: top;counter-reset: list_number; } .combined_plan3 .plan_sec .plan_box { display: block;box-shadow: 1px 1px 8px rgba(0,0,0,0.08);border-radius: 16px;overflow: hidden;padding: 45px 0;margin-bottom: 30px; } .combined_plan3 .plan_sec .plan_box .plan_title { display: block;padding: 0 45px;counter-increment: list_number; } .combined_plan3 .plan_sec .plan_box .plan_title > span { display: inline-block;border: 1px solid #1b2529;border-radius: 12px;font-size: 13px;color: #1b2529;padding: 3px 10px;margin-bottom: 15px; } .combined_plan3 .plan_sec .plan_box .plan_title > span::after { content: counter(list_number);margin-left: 2px; } .combined_plan3 .plan_sec .plan_box .plan_title > h3 { display: block;font-size: 36px;font-weight: 700;margin-bottom: 30px; } .combined_plan3 .plan_sec .plan_box .plan_title > h3 > span { display: inline-block;color: #00a8e3; } .combined_plan3 .plan_sec .plan_box .plan_title > h3 > p { display: inline-block; } .combined_plan3 .plan_sec .plan_box .plan_title > p { display: block;font-size: 18px;color: #90a0a6;text-decoration: line-through;margin-bottom: 15px; } .combined_plan3 .plan_sec .plan_box .plan_title > dl { display: block;margin-bottom: 50px; } .combined_plan3 .plan_sec .plan_box .plan_title > dl > dt { display: inline-block;width: 170px;height: 80px;text-align: center; } .combined_plan3 .plan_sec .plan_box .plan_title > dl > dt + dt { margin-left: 25px; } .combined_plan3 .plan_sec .plan_box .plan_title > dl > dt > span { display: block;font-size: 14px;color: #fff;line-height: 24px;margin-top: 12px; } .combined_plan3 .plan_sec .plan_box .plan_title > dl > dt > p { display: block;font-size: 22px;font-weight: 700;color: #fff; } .combined_plan3 .plan_sec .plan_box .plan_title > dl > dt.new_combined { background: url('../images/product/new_combined_icon.png') no-repeat center; } .combined_plan3 .plan_sec .plan_box .plan_title > dl > dt.exi_combined { background: url('../images/product/exi_combined_icon.png') no-repeat center; } .combined_plan3 .plan_sec .plan_box > ul { display: block;border-bottom: 1px solid #e5e9eb;padding: 0 45px; } .combined_plan3 .plan_sec .plan_box > ul > li { display: inline-block;width: 50%;margin-bottom: 50px; } .combined_plan3 .plan_sec .plan_box > ul > li > .list_img { display: inline-block;width: 120px;height: 120px;border-radius: 4px;overflow: hidden;margin-right: 30px; } .combined_plan3 .plan_sec .plan_box > ul > li > .list_img > img { width: 100%;height: 100%; } .combined_plan3 .plan_sec .plan_box > ul > li > .list_txt { display: inline-block;vertical-align: top; } .combined_plan3 .plan_sec .plan_box > ul > li > .list_txt > h4 { display: block;font-size: 19px;font-weight: 700;margin: 5px 0;line-height: 27px; } .combined_plan3 .plan_sec .plan_box > ul > li > .list_txt > p { display: block;font-size: 15px;line-height: 24px; } .combined_plan3 .plan_sec .plan_box > ul > li > .list_txt > span { display: block;font-size: 15px;font-weight: 700;margin: 5px 0; } .combined_plan3 .plan_sec .plan_box > ul > li > .list_txt > em { display: block;font-size: 15px;font-weight: 700;color: #00a8e3;position: relative; } .combined_plan3 .plan_sec .plan_box > ul > li > .list_txt > em::after { content: '';display: inline-block;width: 12px;height: 12px;background: url('../images/product/combined_down_icon.png') no-repeat center;margin-left: 5px; } .combined_plan3 .plan_sec .plan_box .btn_wrap { margin: 45px 0 0 0; } .combined_plan3 .plan_sec .plan_box .btn_wrap a { display: block;width: 300px;height: 54px;color: #fff;text-align: center;font-size: 16px;line-height: 54px;margin: 0 auto;} .combined_plan3 .plan_sec .plan_box .btn_wrap a span { color: #fff; } .combined_plan3 .plan_sec .combined_notice p { display: block;font-size: 15px;color: #90a0a6;font-weight: 700; } .combined_plan3 .plan_sec .combined_notice .list_type3 { display: block;font-size: 14px;color: #bec8cc; } .com_order_floting {position:fixed;z-index:210;left:0;bottom:-75px;width:100%;transition:all .3s ease;} .com_order_floting.add {bottom:0;} .com_order_floting .vip_addCart {position: absolute;left: 0;top: 15px;width: 100%;background:rgba(27,37,41,0.9);transition:all .5s ease;} .com_order_floting .vip_addCart .inner_box {overflow: hidden;max-width: 1200px;margin: 0 auto;padding: 20px 5px 20px;} .com_order_floting .vip_addCart .add_msg {float: left;line-height: 30px;font-size: 15px;color: #fff;} .com_order_floting .vip_addCart .add_msg .cart {display: inline-block;width: 27px;margin-right: 10px;transition:transform .5s .5s cubic-bezier(0.07, 0.95, 0.5, 1.22);transform:scale(0);} .com_order_floting .vip_addCart .btn_wrap {float: right;margin: 0;} .com_order_floting .vip_addCart .btn_wrap a {color: #fff;border: 1px solid #fff;} .com_order_floting .vip_addCart .btn_wrap span {float: right;margin: 0;padding-right: 18px;background: url('../images/common/arr_right7.png') no-repeat right center/12px;} .com_order_floting.add .vip_addCart {top: -70px;} .com_order_floting.add .vip_addCart .add_msg .cart { transform:scale(1.0);} /* 수질검사 테스트 */ #water_test_tab { margin-bottom: 45px; } .water_test_tab { display: none; } #water_test01 { display: block; } #water_test03 { background: #fff; } .water_test_wrap section { margin-top: 110px; } .water_test_wrap section:first-child { margin-top: 20px; } .water_test_wrap .page_tit { float: left;max-width: 340px;font-size: 34px;line-height: 48px; } .water_test_wrap section:first-child .page_tit { margin-top: -8px; } .water_test_area .detail_service { margin-left: 400px; } .water_test_wrap .detail_service .title_wrap { margin: 80px 0 25px; } .water_test_wrap .water_test02 .noData .btn_wrap a { width: 339px; } .water_test_wrap .water_test02 .noData_bg { background: #f2f4f5; } .water_test_wrap .noData > span { display: block;text-align: center;font-size: 14px;line-height: 21px;color: #bec8cc;margin-top: 18px; } .water_test_area .detail_service .title_wrap:first-child { margin: 0px 0 25px; } .water_test_area .service_list { display: block;font-size: 0;overflow: hidden; } .water_test_area .slide_wrap .swiper-arrow { position: relative; } .water_test_area .slide_wrap .swiper-arrow button {width: 36px;height: 36px;} .water_test_area .slide_wrap .swiper-arrow button:after {content: none;} .water_test_area .slide_wrap .swiper-button-prev { background: url('../images/common/arr_btn.png') no-repeat center top / 36px auto; } .water_test_area .slide_wrap .swiper-button-next { background: url('../images/common/arr_btn.png') no-repeat center bottom / 36px auto; } .water_test_area .choice_title { display: block; } .water_test_area .choice_title h2 { display: block;font-size: 19px;line-height: 27px;font-weight: 700; } .water_test_area .choice_title p { display: block;font-size: 16px;line-height: 24px;color: #90a0a6;margin: 20px 0 50px 0; } .water_test_area.area01 .detail_service h3 { display: block;font-size: 23px;font-weight: 700; } .water_test_area.area01 .detail_service h3 span { display: inline-block;color: #00a8e3; } .water_test_area.area01 .detail_service p { display: block;font-size: 15px;line-height: 24px;margin-top: 30px; } .water_test_area.area02 .service_list li { float: left;width: calc(50% - 12px);margin-top: 40px; } .water_test_area.area02 .service_list li:nth-child(2n) { margin-left: 24px; } .water_test_area.area02 .service_list li:nth-child(1), .water_test_wrap .service_list li:nth-child(2) { margin-top: 0; } .water_test_area.area02 .img_wrap { position: relative;border-radius: 4px;overflow: hidden; } .water_test_area.area02 .img_wrap p { position: absolute;left: 18px;bottom: 18px;font-size: 16px;font-weight: 700;line-height: 1.5;color: #fff; } .water_test_area.area02 .service_list li { float: left;width: calc(50% - 12px);margin-top: 40px; } .water_test_area.area02 .service_list li:nth-child(2n) { margin-left: 24px; } .water_test_area.area02 .service_list li:nth-child(1), .water_test_wrap .service_list li:nth-child(2) { margin-top: 0; } .water_test_area.area02 .service_list li .img_wrap { position: relative;border-radius: 4px;overflow: hidden; } .water_test_area.area02 .service_list li .img_wrap p { position: absolute;left: 18px;bottom: 18px;font-size: 16px;font-weight: 700;line-height: 1.5;color: #fff; } .water_test_area.area03 .service_list { display: block;font-size: 0;counter-reset: list_number; } .water_test_area.area03 .service_list li { display: inline-block;;width: calc(33.333% - 16px);margin-right: 24px;vertical-align: top;counter-increment: list_number; } .water_test_area.area03 .service_list li:nth-child(3n) { margin-right: 0; } .water_test_area.area03 .service_list li:nth-child(n+4):nth-child(-n+6) { margin-top: 40px; } .water_test_area.area03 .service_list li .img_wrap { display: block;width: 100%;border-radius: 4px;height: 190px;overflow: hidden; } .water_test_area.area03 .service_list li p { display: block;font-size: 16px;font-weight: 700; } .water_test_area.area03 .service_list li p::before { display: block;content: '0' counter(list_number);font-size: 14px;color: #90a0a6;font-weight: 500;margin: 10px 0; } .water_test_area.area03 .service_list li span { display: block;font-size: 15px;line-height: 24px;margin-top: 7px; } .water_test_area.area03 .service_list li:nth-child(5) span { width: 258px; } .water_test_area.area03 .table_type2 table { border-top: 2px solid #1b2529;border-bottom: 2px solid #1b2529; } .water_test_area.area03 .table_type2 tr td { color: #1b2529;font-size: 16px;text-align: left; } .water_test_area.area03 .table_type2 tr td:first-child { border-right: 1px solid #f2f4f5; } .water_test_area.area03 .table_type2 p { display: block;font-size: 13px;color: #90a0a6;margin-top: 20px; } .water_test_area.area03 .half_box { display: block;font-size: 0; } .water_test_area.area03 .half_box .info_box { display: inline-block;width: calc(50% - 14px);vertical-align: top;background: #f2f4f5;border-radius: 4px;position: relative;padding: 24px 24px 0 24px; } .water_test_area.area03 .half_box .info_box + .info_box { margin-left: 28px; } .water_test_area.area03 .half_box .info_box .left_text { display: inline-block;padding: 5px 12px;font-size: 13px;color: #fff;background-color: #1b2529;border-radius: 13px; } .water_test_area.area03 .half_box .info_box .img_wrap { margin: 15px auto 0;text-align: center; } .water_test_area.area03 .water_test_obj01 .swiper-pagination { background: #f4f7fa;width: auto;padding: 0 8px;line-height: 20px;border-radius: 10px;left: 50%;bottom: 18px;transform: translate(-50%, 0);color: #bec8cc;font-size: 13px; } .water_test_area.area03 .water_test_obj01 .swiper-pagination-current { color: #000;font-weight: 500; } .water_test_area.area03 .water_test_obj01 .slide_wrap .swiper-button-prev {left: 2px;margin-top: -190px; } .water_test_area.area03 .water_test_obj01 .slide_wrap .swiper-button-next {right: 2px;margin-top: -190px; } .water_test_area.area03 .result { display: block;width: 100%;background: #f2f4f5;text-align: center;padding: 50px 0;font-size: 0; } .water_test_area.area03 .result > p { display: block;font-size: 20px;font-weight: 700; } .water_test_area.area03 .result > span { display: block;font-size: 16px;margin: 15px 0 40px 0; } .water_test_area.area03 .result div { display: inline-block;width: 195px;background: #e7ecee;padding: 10px;vertical-align: top; } .water_test_area.area03 .result div p { display: block;font-size: 14px;font-weight: 700;margin-top: 10px; } .water_test_area.area03 .result div p span { display: block;font-size: 13px; } .water_test_area.area03 .result .post_result { /*width: 365px;*/ margin-left: 15px; } .water_test_area.area03 .result .post_result img + img { margin-left: 8px; } .water_test_area.area04 .certification ul { display: block;font-size: 0;border-bottom: 1px solid #f2f4f5; } .water_test_area.area04 .certification ul li { display: inline-block;width: 25%;text-align: center; } .water_test_area.area04 .certification ul li .img_wrap { width: 150px;height: 150px;border-radius: 50%;background: #f2f4f5;margin: 0 auto;justify-content:center; } .water_test_area.area04 .certification ul li:nth-child(1) .img_wrap { background: #f2f4f5 url('../images/service/water_test_visit5_1.png') no-repeat center; } .water_test_area.area04 .certification ul li:nth-child(2) .img_wrap { background: #f2f4f5 url('../images/service/water_test_visit5_2.png') no-repeat center; } .water_test_area.area04 .certification ul li:nth-child(3) .img_wrap { background: #f2f4f5 url('../images/service/water_test_visit5_3.png') no-repeat center; } .water_test_area.area04 .certification ul li:nth-child(4) .img_wrap { background: #f2f4f5 url('../images/service/water_test_visit5_4.png') no-repeat center; } .water_test_area.area04 .certification ul li p { display: block;font-size: 16px;font-weight: 700;margin: 15px 0 30px 0; } .water_test_area.area04 .certification > p { display: block;font-size: 15px;line-height: 24px;margin-top: 30px; } .water_test_area.area04 .detail_service > .water_test_obj02 .img_wrap { position: relative; } .water_test_area.area04 .detail_service > .water_test_obj02 .img_wrap p { display: block;position: absolute;bottom: 20px;left: 20px;color: #fff;font-size: 16px;line-height: 24px;font-weight: 700; } .water_test_area.area04 .water_test_obj02 .slide_wrap .swiper-button-prev {left: -18px;margin-top: -170px; } .water_test_area.area04 .water_test_obj02 .slide_wrap .swiper-button-next {right: -5px;margin-top: -170px; } .water_test_area.area04 .title_wrap .btn_wrap { display: block;position: absolute;right: 0;top: 0;margin: 0; } .water_test_area.area04 .btn_wrap a { font-size: 15px;line-height: 32px; } .water_test_apply .btn_wrap a { width: 339px;height: 54px;} .water_test_area.area05 .apply_prd_list { display: block;background: #f2f4f5;padding: 40px 30px; } .water_test_area.area05 .apply_prd_list h3 { display: block;font-size: 19px;font-weight: 700;line-height: 27px;margin-bottom: 40px; } .water_test_area.area05 .apply_prd_list h3 > span { display: inline-block;color: #00a7e1; } .water_test_area.area05 .apply_prd_list ul { display: block; } .water_test_area.area05 .apply_prd_list ul li { display: block;background: #fff;border-radius: 4px;padding: 20px 30px;box-shadow: 0px 0px 11px rgba(0,0,0,0.06); } .water_test_area.area05 .apply_prd_list ul li + li { margin-top: 15px; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_top { display: flex;flex-wrap: wrap;align-items: center; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_top .apply_prd_img { width: 96px;height: 96px;margin-right: 15px; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_top .apply_prd_txt { display: inline-block;width: 70%; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_top .apply_prd_txt span { display: block;color: #90a0a6;font-size: 14px;line-height: 24px; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_top .apply_prd_txt p { display: block;font-size: 17px;line-height: 24px;font-weight: 700; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_top .btn_wrap { margin-left: auto; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_top .btn_wrap a { width: 120px; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_bottom { display: block;border-top: 1px solid #f2f4f5;font-size: 0;margin: 20px 0 10px 0;padding-top: 20px; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_bottom > div { display: inline-block;width: calc(33.333% - 96px);vertical-align: top; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_bottom > div + div { margin-left: 96px; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_bottom > div > span { display: block;font-size: 14px;color: #90a0a6;margin-bottom: 20px; } .water_test_area.area05 .apply_prd_list ul li .apply_prd_bottom > div > p { display: block;font-size: 14px;line-height: 24px; } .water_test_area.area05 .apply_prd_list > .btn_wrap { margin: 50px 0 10px 0; } .water_test03 .noData { background: #f2f4f5;border-radius: 4px;position: relative;padding-bottom: 70px; } .water_test03 .noData .detail_search { display: block;height: 60px;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #e8ecee;padding: 0 30px} .water_test03 .noData .detail_search > p { font-size: 14px;color: #90a0a6; } .water_test03 .noData .detail_search > p > span { display: inline-block; } .water_test03 .noData .detail_search > p > span::before { content: '/';display: inline-block; } .water_test03 .noData .detail_search > .btn_wrap { margin-left: auto; } .water_test03 .noData .detail_search > .btn_wrap button.drop_btn { color: #1b2529;border: 1px solid #e5e9eb;background: #fff;height: 30px;line-height: 30px;padding: 0 12px;font-size: 13px;font-weight: 700; } .water_test03 .noData .drop_con { display: none;position: absolute;top: 60px;left: 0;right: 0;background: #fff;height: 144px;padding: 30px;box-shadow: 0px 13px 15px rgba(0,0,0,0.1);z-index: 2; } .water_test03 .noData .drop_con.on { display: block; } .water_test03 .noData .drop_con .year_sea { display: flex;align-items: center;justify-content: flex-end; } .water_test03 .noData .drop_con .year_sea.soting_select { top: 0px; } .water_test03 .noData .drop_con .year_sea .inp_select { width: 166px;margin-right: 8px; } .water_test03 .noData .drop_con .year_sea .btn_wrap { margin: 0; } .water_test03 .noData .drop_con .year_sea .btn_wrap a.btnBasic.sizeL { min-width: 166px; } .water_test_area.area06 .query_results { display: block;background: #f2f4f5;border-radius: 8px;padding-bottom: 50px;position: relative; } .water_test_area.area06 .query_results .detail_search { display: block;height: 60px;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #e8ecee;padding: 0 30px} .water_test_area.area06 .query_results .detail_search > p { font-size: 14px;color: #90a0a6; } .water_test_area.area06 .noData .detail_search > p > span::before { content: '/';display: inline-block; } .water_test_area.area06 .query_results .detail_search > .btn_wrap { margin-left: auto; } .water_test_area.area06 .query_results .detail_search > .btn_wrap button.drop_btn { color: #1b2529;border: 1px solid #e5e9eb;background: #fff;height: 30px;line-height: 30px;padding: 0 12px;font-size: 13px;font-weight: 700; } .water_test_area.area06 .query_results .results_list { padding: 0 30px; } .water_test_area.area06 .query_results .results_list .total_case { display: block;padding: 40px 0 30px 0;} .water_test_area.area06 .query_results .results_list .total_case p { font-size: 19px;font-weight: 700; } .water_test_area.area06 .query_results .results_list .total_case p > span { color: #00a7e1; } .water_test_area.area06 .query_results .results_list ul { display: block; } .water_test_area.area06 .query_results .results_list ul li { background: #fff;border-radius: 4px;padding: 20px 30px;box-shadow: 0px 0px 11px rgba(0,0,0,0.06);display: flex;flex-wrap: wrap;align-items: center; } .water_test_area.area06 .query_results .results_list ul li + li { margin-top: 15px; } .water_test_area.area06 .query_results .results_list ul li .results_list_img { width: 96px;height: 96px;margin-right: 15px; } .water_test_area.area06 .query_results .results_list ul li .results_list_txt { display: block;margin-right: 46px;width: 40%; } .water_test_area.area06 .query_results .results_list ul li .results_list_txt span { display: block;color: #90a0a6;font-size: 14px;line-height: 24px; } .water_test_area.area06 .query_results .results_list ul li .results_list_txt p { display: block;font-size: 17px;line-height: 24px;font-weight: 700; } .water_test_area.area06 .query_results .results_list ul li .results_list_info { display: flex;flex-wrap: wrap;align-items: center; } .water_test_area.area06 .query_results .results_list ul li .results_list_info > div { display: block;margin-right: 24px; } .water_test_area.area06 .query_results .results_list ul li .results_list_info > div > span { font-size: 14px;color: #90a0a6; } .water_test_area.area06 .query_results .results_list ul li .results_list_info > div > p { font-size: 14px;margin-top: 14px; } .water_test_area.area06 .query_results .results_list ul li .btn_wrap { margin-left: auto; } .water_test_area.area06 .query_results .results_list ul li .btn_wrap a { width: 120px;display: block; } .water_test_area.area06 .query_results .results_list ul li .btn_wrap a.ana_completed { pointer-events: none; } .water_test_area.area06 .query_results .results_list ul li .btn_wrap a.prp_img { background: #bec8cc;border: 1px solid #bec8cc;pointer-events: none; } .water_test_area.area06 .query_results .results_list ul li .btn_wrap a + a { margin-top: 6px; } .water_test_area.area06 .query_results > .btn_wrap { margin: 60px 0 0 0; } .water_test_area.area06 .query_results > .drop_con { display: none;position: absolute;top: 60px !important;left: 0;right: 0;background: #fff;height: 144px;box-shadow: 0px 13px 15px rgba(0,0,0,0.1);} .water_test_area.area06 .query_results > .drop_con.on { display: block; } .water_test_area.area06 .query_results > .drop_con .year_sea { display: flex;align-items: center;justify-content: flex-end; } .water_test_area.area06 .query_results > .drop_con .year_sea.soting_select { top: 0px; } .water_test_area.area06 .query_results > .drop_con .year_sea .inp_select { width: 166px;margin-right: 8px; } .water_test_area.area06 .query_results > .drop_con .year_sea .btn_wrap { margin: 0; } .water_test_area.area06 .query_results > .drop_con .year_sea .btn_wrap a.btnBasic.sizeL { min-width: 166px; } .water_test_area.area06 .water_test_notice { } .water_test_area.area06 .water_test_notice h4 { display: flex;align-items: center;position: relative;margin-top: 30px;font-size: 15px;line-height: 1.5;color: #90a0a6;font-weight: 700; } .water_test_area.area06 .water_test_notice h4::before{ display: block;width: 15px;height: 15px;margin-right: 6px;background: url(../images/common/ico_info2.png) no-repeat;background-size: contain;content: ""; } .water_test_area.area06 .water_test_notice p { display: block;font-size: 14px;line-height: 20px;color: #bec8cc;margin-top: 8px; } .water_test_area.area06 .water_test_notice p > span { display: inline-block;color: #90a0a6;margin-right: 5px; } /* 수질검사 팝업 */ .layerWrap .lay_inner#lay_water_pop1 .layCon .txtBox { margin: 0 0 20px 0 } .layerWrap .lay_inner#lay_water_pop1 .layCon .inp_text { margin: 0 0 60px 0 } .layerWrap .lay_inner#lay_water_pop1 .layCon .title_wrap { margin: 0; } .layerWrap .lay_inner#lay_water_pop1 .layCon .txtBox .list_type3 li > span { color: #00a8e3; } .layerWrap .lay_inner#lay_water_pop1 .layCon .applicant_info { display: block;background: #f2f4f5;border-radius: 4px;padding: 30px; } .layerWrap .lay_inner#lay_water_pop1 .layCon .applicant_info > div { display: block;font-size: 0; } .layerWrap .lay_inner#lay_water_pop1 .layCon .applicant_info > div + div { margin-top: 10px; } .layerWrap .lay_inner#lay_water_pop1 .layCon .applicant_info > div > span { font-size: 15px;display: inline-block;color: #90a0a6;width: 20%;vertical-align: top; } .layerWrap .lay_inner#lay_water_pop1 .layCon .applicant_info > div > p { display: inline-block;width: 80%;font-size: 15px; } .layerWrap .lay_inner#lay_water_pop1 .layCon .applicant_info > div > p > em { display: block;margin-bottom: 10px; } .layerWrap .lay_inner#lay_water_pop5 .layCon .txtBox { text-align: center;} .layerWrap .lay_inner#lay_water_pop5 .layCon .txtBox p { line-height: 24px; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list { display: block;font-size: 0;border-top: 2px solid #1b2529;border-bottom: 2px solid #1b2529; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li { border: none;padding: 0; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li:first-child { border-bottom: 1px solid #bec8cc;padding: 0; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li:first-child div p { display: inline-block;width: 25%;font-size: 15px;font-weight: 700;text-align: center;} .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li div p + p {border-left: 1px solid #f2f4f5;padding: 17px 14px; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .info { margin: 0 ;display: block; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .info .drop_btn { float: none; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .info dl { display: block;text-align: center;border-bottom: 1px solid #f2f4f5; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .info dl dt { display: inline-block;width: 25%;font-size: 15px;color: #1b2529;padding: 17px 14px; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .info dl dd { display: inline-block;font-size: 15px;color: #90a0a6;width: 25%;padding: 17px 14px;border-left: 1px solid #f2f4f5; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .info dl dd.fitness { color: #00a8e3; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .drop_con { font-size: 0;padding: 13px 0;border-radius: 0;margin-top: 0;line-height: normal; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .drop_con span { display: inline-block;width: 25%;text-align: center; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .drop_con span em { display: inline-block;background: #bec8cc;width: 70px;color: #fff;margin: 0 auto;font-size: 13px;border-radius: 4px;line-height: 17px;padding: 5px 0; } .layerWrap .lay_inner#lay_water_pop5 .layCon .water_test_result .inquiry_list li .drop_con p { display: inline-block;width: 75%;font-size: 15px;vertical-align: top; } .layerWrap .lay_inner#lay_water_pop5 .layCon .btn_wrap { margin: 60px 0 0 0; } .layerWrap .lay_inner#lay_water_pop5 .layCon .btn_wrap a::after { display: inline-block;content: '';background: #1b2529 url('../images/service/water_test_icon_download.png') no-repeat;width: 16px;height: 16px;margin-left: 8px; } /* ar catalog */ .contents.ar_catalog_wrap { overflow: hidden; } .ar_catalog_sec { position: relative; } .ar_catalog_sec.catalog1 { height:780px;background:url('../images/service/ar_catalog_visit1_1.jpg') no-repeat center center; } .ar_catalog_sec.catalog1 .obj { max-width: 1200px;margin: 0 auto;padding-top: 150px;position: relative; } .ar_catalog_sec.catalog1 .obj .ele1 { margin-top:70px;opacity:0; } .ar_catalog_sec.catalog1 .obj .ele1 h3 { display: block;font-size: 72px;line-height: 92px;color: #fff;font-weight: 700; } .ar_catalog_sec.catalog1 .obj .ele1 h3 strong { display: block; background: linear-gradient(to right, #00b1f2, #91ecf0, #64dfea);color: transparent;font-size: 72px; -webkit-background-clip: text;font-weight: 700; } .ar_catalog_sec.catalog1 .obj .ele2 { margin-top:60px;opacity:0; } .ar_catalog_sec.catalog1 .obj .ele2 p { display: block;font-size: 24px;line-height: 36px;color: #fff; } .ar_catalog_sec.catalog1.visible .obj .ele1 { transition:margin 0.5s 0.5s ease-out,opacity 0.5s 0.5s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog1.visible .obj .ele2 { transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;margin-top:20px;opacity:1; } .ar_catalog_sec.catalog2 { background: #f2f4f5;display: flex;align-items: center;justify-content: center; } .ar_catalog_sec.catalog2 .obj { max-width: 1200px;margin: 0 auto;position: relative; } .ar_catalog_sec.catalog2 .obj .ele1 { margin-top:10px;font-size:18px;opacity:0; } .ar_catalog_sec.catalog2 .obj .ele2 { opacity:0;margin-top: 70px; } .ar_catalog_sec.catalog2 .obj .ele3 { opacity:0;margin-top: 70px; } .ar_catalog_sec.catalog2 .obj .ar_text { display: block;position: absolute;top: 300px;right: -20px; } .ar_catalog_sec.catalog2 .obj .ar_text i { display: block;width: 64px;height: 64px;border-radius: 16px;background:url('../images/service/ar_catalog_visit2_2.png') no-repeat center center; } .ar_catalog_sec.catalog2 .obj .ar_text h4 { display: block;font-size: 60px;font-weight: 700;line-height: 76px;margin-top: 40px; } .ar_catalog_sec.catalog2 .obj .ar_text h4 strong { display: block;color: #00a8e3;font-weight: 700; } .ar_catalog_sec.catalog2 .obj .ar_text p { display: block;font-size: 24px;line-height: 36px;color: #90a0a6; } .ar_catalog_sec.catalog2 .obj .ele4 { opacity:0;transition:all 1s ease-out;position: absolute;top: 46%;left: 0;margin-top: 70px; } .ar_catalog_sec.catalog2 .obj .ele4 p { display: block;font-size: 15px;color: #bec8cc; } .ar_catalog_sec.catalog2.visible .obj .ele1 { transition:margin .3s .3s ease-out,opacity .3s .3s ease-out;margin-top:0px;opacity:1; } .ar_catalog_sec.catalog2.visible .obj .ele2 { transition:margin .5s .5s ease-out,opacity .5s .5s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog2.visible .obj .ele3 { transition:margin .7s .7s ease-out,opacity .7s .7s ease-out;margin-top:30px;opacity:1; } .ar_catalog_sec.catalog2.visible .obj .ele4 { transition:margin .9s .9s ease-out,opacity .9s .9s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog3 { background: #f2f4f5;display: flex;align-items: center;justify-content: center;margin-top: -130px;z-index: -1; } .ar_catalog_sec.catalog3 .obj { max-width: 1200px;margin: 0 auto;position: relative; } .ar_catalog_sec.catalog3 .obj .ele1 { margin-top:10px;font-size:18px;opacity:0; } .ar_catalog_sec.catalog3 .obj .ele2 { opacity:0;margin-top: 70px; } .ar_catalog_sec.catalog3 .obj .ele3 { opacity:0;margin-top: 70px; } .ar_catalog_sec.catalog3 .obj .ar_text { display: block;position: absolute;top: 300px;left: -20px; } .ar_catalog_sec.catalog3 .obj .ar_text i { display: block;width: 64px;height: 64px;border-radius: 16px;background:url('../images/service/ar_catalog_visit3_2.png') no-repeat center center; } .ar_catalog_sec.catalog3 .obj .ar_text h4 { display: block;font-size: 60px;font-weight: 700;line-height: 76px;margin-top: 40px; } .ar_catalog_sec.catalog3 .obj .ar_text h4 strong { display: block;color: #00a8e3;font-weight: 700; } .ar_catalog_sec.catalog3 .obj .ar_text p { display: block;font-size: 24px;line-height: 36px;color: #90a0a6; } .ar_catalog_sec.catalog3 .obj .ele4 { opacity:0;transition:all 1s ease-out;position: absolute;top: 46%;right: 0;margin-top: 70px; } .ar_catalog_sec.catalog3 .obj .ele4 p { display: block;font-size: 15px;color: #bec8cc; } .ar_catalog_sec.catalog3.visible .obj .ele1 { transition:margin .3s .3s ease-out,opacity .3s .3s ease-out;margin-top:0px;opacity:1; } .ar_catalog_sec.catalog3.visible .obj .ele2 { transition:margin .5s .5s ease-out,opacity .5s .5s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog3.visible .obj .ele3 { transition:margin .7s .7s ease-out,opacity .7s .7s ease-out;margin-top:30px;opacity:1; } .ar_catalog_sec.catalog3.visible .obj .ele4 { transition:margin .9s .9s ease-out,opacity .9s .9s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog4 { background: #f2f4f5;display: flex;align-items: center;justify-content: center;margin: -130px 0 0 -190px;z-index: -3; } .ar_catalog_sec.catalog4 .obj { max-width: 1400px;margin: 0 auto;position: relative; } .ar_catalog_sec.catalog4 .obj .ele1 { margin-top:10px;font-size:18px;opacity:0; } .ar_catalog_sec.catalog4 .obj .ele2 { opacity:0;margin-top: 70px; } .ar_catalog_sec.catalog4 .obj .ele3 { opacity:0;margin-top: 70px; } .ar_catalog_sec.catalog4 .obj .ar_text { display: block;position: absolute;top: 300px;right: 0px; } .ar_catalog_sec.catalog4 .obj .ar_text i { display: block;width: 64px;height: 64px;border-radius: 16px;background:url('../images/service/ar_catalog_visit4_2.png') no-repeat center center; } .ar_catalog_sec.catalog4 .obj .ar_text h4 { display: block;font-size: 60px;font-weight: 700;line-height: 76px;margin-top: 40px; } .ar_catalog_sec.catalog4 .obj .ar_text h4 strong { display: block;color: #00a8e3;font-weight: 700; } .ar_catalog_sec.catalog4 .obj .ar_text p { display: block;font-size: 24px;line-height: 36px;color: #90a0a6; } .ar_catalog_sec.catalog4 .obj .ele4 { opacity:0;transition:all 1s ease-out;position: absolute;top: 46%;left: 180px;margin-top: 70px; } .ar_catalog_sec.catalog4 .obj .ele4 p { display: block;font-size: 15px;color: #bec8cc; } .ar_catalog_sec.catalog4.visible .obj .ele1 { transition:margin .3s .3s ease-out,opacity .3s .3s ease-out;margin-top:0px;opacity:1; } .ar_catalog_sec.catalog4.visible .obj .ele2 { transition:margin .5s .5s ease-out,opacity .5s .5s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog4.visible .obj .ele3 { transition:margin .7s .7s ease-out,opacity .7s .7s ease-out;margin-top:30px;opacity:1; } .ar_catalog_sec.catalog4.visible .obj .ele4 { transition:margin .9s .9s ease-out,opacity .9s .9s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog5 { background: #f2f4f5;display: flex;align-items: center;justify-content: center;margin-top: -130px;z-index: -4; } .ar_catalog_sec.catalog5 .obj { max-width: 1200px;margin: 0 auto;position: relative; } .ar_catalog_sec.catalog5 .obj .ele1 { margin-top:10px;font-size:18px;opacity:0; } .ar_catalog_sec.catalog5 .obj .ele2 { opacity:0;margin-top: 70px; } .ar_catalog_sec.catalog5 .obj .ele3 { opacity:0;margin-top: 70px; } .ar_catalog_sec.catalog5 .obj .ar_text { display: block;position: absolute;top: 300px;left: -20px; } .ar_catalog_sec.catalog5 .obj .ar_text i { display: block;width: 64px;height: 64px;border-radius: 16px;background:url('../images/service/ar_catalog_visit5_2.png') no-repeat center center; } .ar_catalog_sec.catalog5 .obj .ar_text h4 { display: block;font-size: 60px;font-weight: 700;line-height: 76px;margin-top: 40px; } .ar_catalog_sec.catalog5 .obj .ar_text h4 strong { display: block;color: #00a8e3;font-weight: 700; } .ar_catalog_sec.catalog5 .obj .ar_text p { display: block;font-size: 24px;line-height: 36px;color: #90a0a6; } .ar_catalog_sec.catalog5 .obj .ele4 { opacity:0;transition:all 1s ease-out;position: absolute;top: 46%;right: 0;margin-top: 70px; } .ar_catalog_sec.catalog5 .obj .ele4 p { display: block;font-size: 15px;color: #bec8cc; } .ar_catalog_sec.catalog5.visible .obj .ele1 { transition:margin .3s .3s ease-out,opacity .3s .3s ease-out;margin-top:0px;opacity:1; } .ar_catalog_sec.catalog5.visible .obj .ele2 { transition:margin .5s .5s ease-out,opacity .5s .5s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog5.visible .obj .ele3 { transition:margin .7s .7s ease-out,opacity .7s .7s ease-out;margin-top:30px;opacity:1; } .ar_catalog_sec.catalog5.visible .obj .ele4 { transition:margin .9s .9s ease-out,opacity .9s .9s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog6 { display: block;padding-top: 120px;max-width: 1200px;margin: 0 auto;height: 1079px; } .ar_catalog_sec.catalog6 .obj .ele1 { opacity:0; } .ar_catalog_sec.catalog6 .obj .ele2 { opacity:0; } .ar_catalog_sec.catalog6.visible .obj .ele1 { transition:margin .5s .5s ease-out,opacity .5s .5s ease-out;margin-top:40px;opacity:1; } .ar_catalog_sec.catalog6.visible .obj .ele2 { transition:margin 1s 1s ease-out,opacity 1s 1s ease-out;opacity:1;margin-top: 40px; } .ar_catalog_sec.catalog6 .ar_title { display: block;text-align: center; } .ar_catalog_sec.catalog6 .ar_title span { display: block;font-size: 24px;color: #00a8e3;font-weight: 700; } .ar_catalog_sec.catalog6 .ar_title p { display: block;font-size: 60px;line-height: 76px;font-weight: 700;margin: 40px 0; } .ar_catalog_sec.catalog6 ul { display: block;font-size: 0; } .ar_catalog_sec.catalog6 ul li { display: inline-block;width: 590px;background: #eff8fc;border-radius: 16px;height: 630px;vertical-align: top;opacity: 0;margin-top: 70px; } .ar_catalog_sec.catalog6 ul li + li { margin-left: 20px;background: #eff8fc url('../images/service/ar_catalog_visit6_4.png') no-repeat center bottom; } .ar_catalog_sec.catalog6 ul li div { display: block;text-align: center;padding: 60px 0; } .ar_catalog_sec.catalog6 ul li div i { display: block;width: 64px;height: 64px;margin: 0 auto 30px; } .ar_catalog_sec.catalog6 ul li .app i { background:url('../images/service/ar_catalog_visit6_1.png') no-repeat center center; } .ar_catalog_sec.catalog6 ul li .web i { background:url('../images/service/ar_catalog_visit6_3.png') no-repeat center center; } .ar_catalog_sec.catalog6 ul li div p { display: block;font-size: 24px;color: #1b2529;font-weight: 700; } .ar_catalog_sec.catalog6 ul li div span { display: block;font-size: 16px;line-height: 27px;color: #90a0a6;margin: 20px 0 40px 0; } /* ar 팝업 */ .layerWrap .lay_inner.ar_popup .layCon .txtBox { text-align: center; } .layerWrap .lay_inner.ar_popup .btn_wrap .btnBasic { width: 167px;height: 39px;line-height: 38px; } .layerWrap .lay_inner.ar_popup .btn_wrap .txtLink { color: #1b2529;text-decoration: underline;margin-top: 20px; } #lay_terms_history_rental .terms_wrap .order_list li strong { font-weight: 700; } #lay_terms_history_general .terms_wrap .order_list li strong { font-weight: 700; } /* 코웨이 스토리 */ .coway_story_list_wrap .tabType1 { max-width: 1200px;margin: 0 auto; } .coway_story_list_wrap .tabType2 { margin: 30px auto 0;max-width: 1200px; } /* .coway_story_tab { display: none; } */ #coway_story_tab1 { display: block; } /* .coway_story_tab{position:absolute; left:-9999px; top:-9999px; display:block !important; } .coway_story_tab.active{position:relative; left:auto; top:auto} */ .coway_story_list_wrap .coway_story_tab#coway_story_tab1 .title { justify-content: center; } .coway_story_list_wrap .coway_story_tab .title { display: flex;justify-content: left;align-items: center;margin: 50px auto 20px;max-width: 1200px; } .coway_story_list_wrap .coway_story_tab .title h4 { font-size: 24px;font-weight: 700;height: 54px; } .coway_story_list_wrap .coway_story_tab .title h4::before { content: '#';display: inline-block; } .coway_story_list_wrap .coway_story_tab .btn_wrap { margin-left: auto; } .coway_story_list_wrap .coway_story_tab .tip_list { display: block;max-width: 1200px;margin: 0 auto; } .coway_story_list_wrap .coway_story_tab .tip_list ul { display: block;font-size: 0; } .coway_story_list_wrap .coway_story_tab .tip_list ul li { display: inline-block;width: 380px;height: 460px;margin-right: 30px;margin-bottom: 60px;vertical-align: top; } .coway_story_list_wrap .coway_story_tab .tip_list ul li:nth-child(3n) { margin-right: 0; } .coway_story_list_wrap .coway_story_tab .tip_list ul li .c_story_img { width: 100%;height: 380px;overflow: hidden; } .coway_story_list_wrap .coway_story_tab .tip_list ul li .c_story_txt { width: 100%;text-align: center;margin-top: 15px;height: 68px;overflow: hidden; } .coway_story_list_wrap .coway_story_tab .tip_list ul li .c_story_txt p { font-size: 24px;line-height: 34px;font-weight: 700;} .coway_story_list_wrap .coway_story_tab .sns_list { display: block;background: #f2f4f5;padding: 80px 0; } .coway_story_list_wrap .coway_story_tab .sns_list .slide_wrap { max-width: 1200px;margin: 0 auto;position: relative; } .coway_story_list_wrap .coway_story_tab .sns_list .slide_wrap .swiper-slide { width: 380px; } .coway_story_list_wrap .coway_story_tab .sns_list .slide_wrap .swiper-slide .img_wrap { width: 100%;height: 380px;overflow: hidden; } .coway_story_list_wrap .coway_story_tab .sns_list .slide_wrap .swiper-slide .img_wrap img { width: 100%;height: 100%; } .coway_story_list_wrap .coway_story_tab .sns_list .slide_wrap .swiper-slide .txt_wrap { width: 100%;text-align: center;height: 72px;overflow: hidden;margin-top: 20px; } .coway_story_list_wrap .coway_story_tab .sns_list .slide_wrap .swiper-slide .txt_wrap p { display: block;font-size: 24px;font-weight: 700;line-height: 36px; } .coway_story_list_wrap .coway_story_tab .sns_list_more { display: block;max-width: 1200px;margin: 0 auto 100px;background: #fff;padding: 0; } .coway_story_list_wrap .coway_story_tab .sns_list_more ul { display: block;font-size: 0; } .coway_story_list_wrap .coway_story_tab .sns_list_more ul li { display: inline-block;width: 380px;height: 460px;margin-right: 30px;margin-bottom: 60px;vertical-align: top; } .coway_story_list_wrap .coway_story_tab .sns_list_more ul li:nth-child(3n) { margin-right: 0; } .coway_story_list_wrap .coway_story_tab .sns_list_more ul li .c_story_img { width: 100%;height: 380px;overflow: hidden; } .coway_story_list_wrap .coway_story_tab .sns_list_more ul li .c_story_img img { width: 100%;height: 100%; } .coway_story_list_wrap .coway_story_tab .sns_list_more ul li .c_story_txt { width: 100%;text-align: center;margin-top: 15px;height: 68px;overflow: hidden; } .coway_story_list_wrap .coway_story_tab .sns_list_more ul li .c_story_txt p { font-size: 24px;line-height: 34px;font-weight: 700; } .coway_story_list_wrap .coway_story_tab .youtube_list { display: block;padding: 80px 0 130px;background: #f2f4f5; } .coway_story_list_wrap .coway_story_tab .youtube_list .youtube_slide { max-width: 1200px;margin: 0 auto; } .coway_story_list_wrap .coway_story_tab .youtube_list .slide_wrap { position: relative; } .coway_story_list_wrap .coway_story_tab .youtube_list .slide_wrap .swiper-slide { width: 580px; } .coway_story_list_wrap .coway_story_tab .youtube_list .slide_wrap .swiper-slide .img_wrap { width: 100%;height: 326px;overflow: hidden; } .coway_story_list_wrap .coway_story_tab .youtube_list .slide_wrap .swiper-slide .img_wrap img { width: 100%;height: 100%; } .coway_story_list_wrap .coway_story_tab .youtube_list .slide_wrap .swiper-slide .txt_wrap { width: 100%;text-align: center;margin-top: 20px;height: 78px;overflow: hidden; } .coway_story_list_wrap .coway_story_tab .youtube_list .slide_wrap .swiper-slide .txt_wrap p { display: block;font-size: 27px;font-weight: 700;line-height: 39px; } .coway_story_list_wrap .coway_story_tab .youtube_list_more { display: block;max-width: 1200px;margin: 0 auto;background: #fff;padding: 0; } .coway_story_list_wrap .coway_story_tab .youtube_list_more ul { display: block;font-size: 0; } .coway_story_list_wrap .coway_story_tab .youtube_list_more ul li { display: inline-block;width: 580px;height: 422px;margin-right: 20px;margin-bottom: 60px;vertical-align: top; } .coway_story_list_wrap .coway_story_tab .youtube_list_more ul li:nth-child(2n) { margin-right: 0; } .coway_story_list_wrap .coway_story_tab .youtube_list_more ul li .c_story_img { width: 100%;height: 326px; } .coway_story_list_wrap .coway_story_tab .youtube_list_more ul li .c_story_img img { width: 100%;height: 100%; } .coway_story_list_wrap .coway_story_tab .youtube_list_more ul li .c_story_txt { width: 100%;text-align: center;margin-top: 15px;height: 68px;overflow: hidden; } .coway_story_list_wrap .coway_story_tab .youtube_list_more ul li .c_story_txt p { font-size: 24px;line-height: 34px;font-weight: 700; } .coway_story_list_wrap .coway_story_tab .youtube_list_more ul li .coway_story_list_wrap .coway_story_tab .slide_wrap .swiper-arrow button {width: 20px;height: 36px;} .coway_story_list_wrap .coway_story_tab .slide_wrap .swiper-arrow button:after {content: none;} .coway_story_list_wrap .coway_story_tab .slide_wrap .swiper-button-prev {left: -80px;background: url('../images/live/live_coll_arrow.png') no-repeat center top / 36px auto;margin-top: -65px;;background-size: auto; } .coway_story_list_wrap .coway_story_tab .slide_wrap .swiper-button-next {right: -80px;background: url('../images/live/live_coll_arrow.png') no-repeat center bottom / 36px auto;margin-top: -65px;background-size: auto;transform:rotate(180deg); } /* 코웨이팁 상세 */ .coway_story_detail_wrap > .title_wrap {margin: 0 0 36px;text-align: center;} .coway_story_detail_wrap > .title_wrap .h2_tit {font-size: 38px;line-height: 1.5;} .coway_story_detail_wrap > .title_wrap .cate {display: inline-block;margin-bottom: 17px;padding: 0 13px;color: #fff;line-height: 24px;background: #1b2529;border-radius: 12px;} .coway_story_detail_wrap .bottom_btn {margin: 45px 18px 0;} .coway_story_detail_wrap .editor_con { text-align: center; } /* 재렌탈 고객 팝업 */ /* .layerWrap .lay_inner.lay_re_rental_order { background: #00a8e3;border-radius: 14px;width: 375px; } .layerWrap .lay_inner.lay_re_rental_order .layTop .close_pop { background: url(../images/common/ico_close8.png) no-repeat center center /100%; } .layerWrap .lay_inner.lay_re_rental_order .layCon { background: url('../images/order/re_rent_icon01.png') no-repeat right 22px bottom 18px / 110px 100px;padding: 0 18px 70px; } .layerWrap .lay_inner.lay_re_rental_order .layCon .title_wrap .h2_tit { color: #fff;} .layerWrap .lay_inner.lay_re_rental_order .layCon .title_wrap .sub_tit { color: #fff;font-size: 18px;line-height: 27px; } .layerWrap .lay_inner.lay_re_rental_order .layCon img { display: block;margin: 10px 0; } */ /* 응모 체험형 이벤트 페이지 스크롤 이벤트 버튼 */ .btn_wrap.apply_btn.evt_fixed_btn { transition: all ease-out 0.5s; display: block; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 100; padding: 15px 0; width: 100%; margin: 0; background-color: #fff; } .btn_wrap.apply_btn.evt_fixed_btn.on { display: block; position: absolute; bottom: 0; transition: none; } .btn_wrap.apply_btn.evt_fixed_btn a { display: inline-block; width: 500px !important; height: 54px; } /*---------------------- 코웨이 스마일페이 영역 ----------------------*/ /*렌탈 결제수단*/ .order_wrap .od_confirm_Sec.confirm_paySel > .radio_open { padding: 0; border: none; } .order_wrap .od_confirm_Sec.confirm_paySel > .method_payment { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px;} .order_wrap .od_confirm_Sec.confirm_paySel > .method_payment.four_box { display: flex; width: 100%; width: 100%; flex-wrap: wrap; justify-content: space-between; } .order_wrap .od_confirm_Sec.confirm_paySel > .method_payment.four_box > .label { width: 23.8%; margin: 0 !important;} .order_wrap .od_confirm_Sec.confirm_paySel > .method_payment input { display: none; } .order_wrap .od_confirm_Sec.confirm_paySel > .method_payment > .label { width: 32%; background: #fff; margin-right: 1.8%; } .order_wrap .od_confirm_Sec.confirm_paySel > .method_payment > .label:nth-child(2) { } .order_wrap .od_confirm_Sec.confirm_paySel > .method_payment > .label:nth-child(3) { margin-top: 10px; } .order_wrap .od_confirm_Sec.confirm_paySel > .method_payment > .label:nth-child(4) { margin-top: 10px; } .order_wrap .od_confirm_Sec.confirm_paySel > .method_payment > .label:nth-child(5) { margin-top: 10px; margin-right: 0; } .order_wrap .od_confirm_Sec.confirm_paySel > .btn_wrap.layBtn.type1 > .btnBasic.sizeL { min-width:180px } .order_wrap .od_confirm_Sec.confirm_paySel > .radio_open { border: none; margin: 0; padding: 0; line-height: 22px; } .order_wrap .od_confirm_Sec.confirm_paySel > .radio_open .radio_con { padding: 0; } .order_wrap .od_confirm_Sec.confirm_paySel > .radio_open .radio_con .radio_open { border: none; padding: 0; } .order_wrap .od_confirm_Sec.confirm_paySel > .agree_area { margin-top: 30px; } /*일반 주문 결제수단*/ .od_confirm2_sec.confirm_paySel > .method_payment { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start;} .od_confirm2_sec.confirm_paySel > .method_payment input { display: none; } .od_confirm2_sec.confirm_paySel > .method_payment > .label { width: 32%; background: #fff; margin-right: 1.8%; } .od_confirm2_sec.confirm_paySel > .method_payment > .label:nth-child(2) { } .od_confirm2_sec.confirm_paySel > .method_payment > .label:nth-child(3) { margin-top: 10px; margin-right: 1.8%; } .od_confirm2_sec.confirm_paySel > .method_payment > .label:nth-child(4) { margin-top: 10px; } .od_confirm2_sec.confirm_paySel > .method_payment > .label:nth-child(5) { margin-top: 10px; margin-right: 0; } .od_confirm2_sec.confirm_paySel > .btn_wrap.layBtn.type1 > .btnBasic.sizeL { min-width:180px } .od_confirm2_sec.confirm_paySel > .radio_open {border: none; margin: 0; padding: 0; line-height: 22px;} .od_confirm2_sec.confirm_paySel > .radio_open .radio_con { padding: 0; } .od_confirm2_sec.confirm_paySel > .radio_open .radio_con .radio_open { border: none; padding: 0; } .od_confirm2_sec.confirm_paySel > .agree_area { margin-top: 30px; } #orderFrm .order_wrap .sectionBG_group .radio_open { padding: 0; border: none; } #orderFrm .order_wrap .sectionBG_group .radio_open .radio_con { padding: 0 30px; } /*정기 배송 정기결제 수단*/ .od_confirm2_sec.confirm_paySel > .method_payment.four_box { margin-bottom: 30px; justify-content: flex-start; } .od_confirm2_sec.confirm_paySel > .method_payment.four_box > .label { width: 23.8%; margin-right: 1.5%; margin-top: 0; } .od_confirm2_sec.confirm_paySel > .method_payment.four_box > .label:last-child { margin-right: 0; } /*렌탈료 납부 정보 팝업*/ #lay_paymentInfo .method_payment { display: flex; width: 100%; flex-wrap: wrap; margin: 15px 0 20px; justify-content: flex-start; } #lay_paymentInfo .method_payment input { display: none; } #lay_paymentInfo .method_payment .label { width:32%; margin-right: 1.8%; background:#fff;} #lay_paymentInfo .method_payment .label:nth-child(n+4):nth-child(-n+6) { margin-top: 2%; } #lay_paymentInfo .method_payment .label:nth-child(3n) { margin-right:0; } #lay_paymentInfo .detail_payment .radio_open.smile .radio_con .agree_area .check_open { margin: 0; border: none; } #lay_paymentInfo .detail_payment .radio_open.smile .radio_con .agree_area .check_open .inp_check { padding: 0 20px; } /*마이코웨이 납부방법 변경 팝업*/ #lay_paymentInfo.pay_type_change_pop .method_payment { display: flex; justify-content: flex-start;} #lay_paymentInfo.pay_type_change_pop .method_payment .label:nth-child(2) { margin-right: 1.8%; } #lay_paymentInfo.pay_type_change_pop .method_payment .label:nth-child(3) { margin-top: 10px; margin-right: 1.8%; } #lay_paymentInfo.pay_type_change_pop .method_payment .label:nth-child(4) { margin-top: 10px; } #lay_paymentInfo.pay_type_change_pop .method_payment .label:nth-child(5) { margin-top: 10px; margin-right: 0; } #lay_paymentInfo.pay_type_change_pop .btn_wrap.layBtn.type1 .btnBasic.sizeL { min-width: 180px; } /*마이코웨이 결제수단 변경 팝업*/ #lay_mycoway_pop7.delivery_over_pop.type_02 .method_payment.four_box { display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 25px; } #lay_mycoway_pop7.delivery_over_pop.type_02 .method_payment.four_box > .label { width: 23.8%; margin-right: 1.8%; margin-top: 0; } #lay_mycoway_pop7.delivery_over_pop.type_02 .method_payment.four_box > .label:last-child { margin-right: 0; } #lay_mycoway_pop7.delivery_over_pop.type_02 .radio_open { margin: 0; padding: 0; border: none; } #lay_mycoway_pop7.delivery_over_pop.type_02 .radio_open .radio_con { padding: 0; } #lay_mycoway_pop7.delivery_over_pop.type_02 .radio_open.on .radio_con { padding: 0 0 0 0; } #lay_rtdlv_change_paymethod.lay_inner.delivery_over_pop.type_02 .radio_open { border: none; padding: 0; } #lay_rtdlv_change_paymethod.lay_inner.delivery_over_pop.type_02 .radio_open .radio_con.default { margin: 0; padding: 0; border: none; } /*마이코웨이 미납요금 납부 팝업*/ #lay_pay_unpaid .layCon .order_wrap .od_confirm_Sec.confirm_paySel { margin: 0; } #lay_pay_unpaid .layCon .order_wrap .smile_coway_pay { background: #fff; } #lay_pay_unpaid .layCon .check_open { background: #fff; } /*마이코웨이 소모품 수납결제 팝업*/ #layer_rtnfee_pay .layCon .order_wrap .od_confirm_Sec.confirm_paySel .od_confirm_Sec.confirm_agree { margin: 0; } /* 렌탈료 납부 정보 팝업 코웨이페이 이벤트 라벨링 */ #lay_paymentInfo .method_payment .label:last-child { position: relative; } #lay_paymentInfo .method_payment .label:last-child i.copay_benefit_evt_lb { display: inline-block; width: 110px; height: 21px; position: absolute; left: 50%; transform: translateX(-50%); top: 0; text-align: center; background: url("../images/order/copay_evt_label.png") no-repeat center/110px auto; } /*---------------------- //코웨이 스마일페이 영역 ----------------------*/ /*----------------------------코웨이 닷컴 통합 배정판 적용 화면----------------------------*/ /*주문서 작성 영역*/ .order_wrap .oder_writeList .check_open.date { min-height: 69px; max-height: 100%; } .order_wrap .oder_writeList .check_open.date.on { background: #fff; display: block; padding: 20px 0; } .order_wrap .oder_writeList .check_open.date.on > .inp_check_btn.addVal { display: block; } .order_wrap .oder_writeList .check_open.date.on > .inp_check_btn.addVal .con_open { display: block; } .order_wrap .oder_writeList .check_open.date.complete { display: block; padding: 20px 0; } .order_wrap .oder_writeList .check_open.date.complete .inp_check_btn { display: block; } .order_wrap .oder_writeList .check_open.date.on.complete { display: block; } .order_wrap .oder_writeList .check_open.date.on.complete > .inp_check_btn.addVal .con_open { display: block; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal { display: block; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_multi_wrap .order_con_btn { background: none; position: relative; display: block; width: 100%; height: 100%; padding: 20px 0; margin-top: 10px; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_multi_wrap .order_con_btn:first-child { margin-top: 0; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_multi_wrap .order_con_btn > em { font-size: 15px; font-weight: bold; color: #1b2529; padding-left: 14px; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_multi_wrap .order_con_btn > em.vitally:after { display: none; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_multi_wrap .order_con_btn > .value { padding-left: 14px; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_multi_wrap .order_con_btn > .con_open { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_con_desc { width: 100%; height: 100%; display: block; position: relative; text-align: start; margin: 0 auto; padding: 18px 0 0 38px; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_con_desc ul { position: relative; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_con_desc ul li { margin-top: 5px; line-height: 1.5; color: #bec8cc; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_con_desc ul li::before { content: "*"; display: block; float: left; margin: 4px 0 0 -10px; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_con_desc ul li:first-child { margin-top: 0; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_con_desc ul li em { font-size: 13.5px; font-weight: 500; color: #bec8cc; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_multi_wrap .schedualArea { margin-left: 24px; } .order_wrap .oder_writeList .check_open.date > .inp_check_btn.addVal .order_con_btn .value { display:block; padding-right:30%; font-size: 14px; font-weight: 400; color:#90a0a6; overflow:hidden ;white-space:nowrap; text-overflow:ellipsis; } .oder_writeList .check_open.date.complete > .inp_check_btn.addVal .order_con_btn .value { display: block; } .oder_writeList .check_open .con_open.btnWhite {background:#fff; color:#1b2529; border:1px solid #e5e9eb;} /*주문 확인 영역*/ .order_wrap .order_list_area .complete_info_box .comple_division_line { border-top: 2px solid #f2f4f5; padding-top: 10px; } .order_wrap .order_list_area .complete_info_box .comple_division_line tr { padding-top: 10px; } .order_wrap .order_list_area .complete_info_box .comple_division_line tr th { padding-top: 10px; } .order_wrap .order_list_area .complete_info_box .comple_division_line tr th:first-child { padding-top: 12px; } .order_wrap .order_list_area .complete_info_box .comple_division_line tr td { padding-top: 10px; } .order_wrap .order_list_area .complete_info_box .comple_division_line tr td:first-child { padding-top: 12px; } /* 렌탈계약서 서명 및 주문완료 화면 */ .order_result_wrap .order_coway_logo { background: url("../images/common/ci_skyblue.png") no-repeat center top / 87px auto; display: block; padding: 25px 18px 18px; font-weight: 700; text-align: center; font-size: 23px;} .order_result_wrap .finish_guide { font-size: 23px; } .order_result_wrap .result_msg.result_msg02 { padding: 60px 28px 26px; } .order_result_wrap .result_msg.result_msg02 .sec .list_type3 li { font-size: 15px; } .order_result_wrap .result_msg.result_msg03 { padding: 70px 2.6% 5px; text-align: center; font-size: 15px; line-height: 22px; background: #f2f4f5 url("../images/order/ico_contract_3.png") no-repeat center 22px / 28px; border-radius: 4px; margin: 30px 0; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc { padding: 0 20px; margin-top: 40px; position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; width: 100%; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li { border-top: 1px solid #e5e9eb; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li:first-child { border-top: none; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box { padding: 10px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box.only { padding: 15px 0; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box.only span { font-weight: bold; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box.only span.thin_t { font-weight: 400; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box.seper { padding: 10px 0 0 0; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box.seper:last-child { padding-bottom: 10px; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box em { font-size: 15px; font-weight: 400; color:#1b2529; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box em.gray_em { color: #90a0a6; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box span { font-size: 15px; font-weight: 500; color: #00a7e1; } .order_result_wrap .result_msg.result_msg03 .order_comple_desc li > .order_comple_desc_box.only.add_line { border-top: 1px solid #e5e9eb; padding-bottom: 0; } .order_result_wrap .result_msg.result_msg04 { padding: 70px 2.6% 5px; text-align: center; font-size: 17px; line-height: 22px; background: #f2f4f5 url("../images/order/ico_contract_4.png") no-repeat center 15px / 33px; border-radius: 4px; margin: 30px 0; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc { padding: 0 20px; margin-top: 40px; position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; width: 100%; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li { border-top: 1px solid #e5e9eb; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li:first-child { border-top: none; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box { padding: 10px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box.only { padding: 15px 0; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box.only span { font-weight: bold; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box.only span.thin_t { font-weight: 400; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box.seper { padding: 10px 0 0 0; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box.seper:last-child { padding-bottom: 10px; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box em { font-size: 15px; font-weight: 400; color:#1b2529; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box em.gray_em { color: #90a0a6; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box span { font-size: 15px; font-weight: 500; color: #00a7e1; } .order_result_wrap .result_msg.result_msg04 .order_comple_desc li > .order_comple_desc_box.only.add_line { border-top: 1px solid #e5e9eb; padding-bottom: 0; } .order_result_wrap .order_comple_notice_list { position: relative; display: block; width: 100%; box-sizing: border-box; margin-bottom: 30px; } .order_result_wrap .order_comple_notice_list ul { display: flex; flex-direction: column; flex-wrap: wrap; } .order_result_wrap .order_comple_notice_list ul li { font-size: 13.5px; color: #bec8cc; font-weight: 400; } /*마이코웨이 쇼핑관리 주문내역 상세*/ #container .contents.sp_detail > .con2 .info_box dl.place_prd_nm { padding: 8px 0; display: flex; flex-direction: row; justify-content: space-between; border-top: 1px solid #e5e9eb; } #container .contents.sp_detail > .con2 .info_box dl.place_prd_nm dd { display: flex; flex-direction: column; justify-content: space-between; } #container .contents.sp_detail > .con2 .info_box dl.place_prd_nm dd em { display: block; } #container .contents.sp_detail > .con2 .info_box dl.place_prd_date { padding: 8px 0; display: flex; flex-direction: row; justify-content: space-between; } #container .contents.sp_detail > .con2 .info_box dl.place_prd_date dd { display: flex; flex-direction: column; justify-content: space-between; } #container .contents.sp_detail > .con2 .info_box dl.place_prd_date dd em { display: block; } /*이벤트 라벨링 Tab*/ .evt_progress_list_wrap .tabType2 { margin: 30px 0 auto; } .evt_progress_list_wrap .sorting_type_wrap { padding: 30px 0 18px; } /*코웨이 갤러리 판매처 가운데정렬*/ .content_wrap .contents.find_store_wrap { position: relative; width: calc(100% - 250px); margin: 0 auto; float: none; } /* 문의 비공개 설정 */ .inquiry_list .private .private_drop { display: none; padding: 30px 15px; justify-content: center; align-items: center; text-align: center; } .inquiry_list .private .private_drop .pri_ico { display: inline-block; width: 23px; height: 30px; background: url("../images/common/private_ask_icon_lg.png") no-repeat center center / 23px auto; } .inquiry_list .private .private_drop > p { font-size: 15px; line-height: 24px; } .inquiry_list .private .info .tit_wrap .tit::before { content: ""; display: inline-block; font-size: 14px; width: 15px; height: 19px; background: url("../images/common/private_ask_icon_sm.png") no-repeat center center / 14px auto; margin-right: 8px; } #lay_prd_inquiry .inp_check.private { margin: 0 0 40px -25px; display: flex; flex-direction: row; justify-content: flex-end; margin-bottom: 30px; } /* 마이 코웨이 문의 비공개 설정 */ .inquiry_list .private .drop_con .pr_admin_txt { display: none; } .inquiry_list .private.pr_admin .drop_con .pr_admin_txt { padding: 18px 18px 0 30px; font-size: 14px; font-weight: 400; color: #90a0a6; } #lay_my_inquiry_write .inp_check.private { margin: 0 0 40px -25px; display: flex; flex-direction: row; justify-content: flex-end; margin-bottom: 30px; } /* vip 내 갤러리 체험예약 랜딩 버튼 */ .vip_tabGroup #buyType1 .total_price .btn_wrap.experi_pos_rental > a { width: calc(33.333% - 4px); min-width: 120px; } .vip_tabGroup #buyType1 .total_price .btn_wrap.experi_pos_rental .experi_res::before { display: inline-block; position: relative; content: ""; width: 22px; height: 22px; background: url("../images/common/experi_res.png") no-repeat center center / 22px auto; line-height:39px; margin-left: -4px; margin-bottom: -3px; padding-right: 8px; } .vip_tabGroup #buyType1 .total_price .btn_wrap.experi_pos_rental_limit .experi_res::before { display: inline-block; position: relative; content: ""; width: 22px; height: 22px; background: url("../images/common/experi_res.png") no-repeat center center / 22px auto; line-height: 39px; margin-left: -4px; margin-bottom: -3px; padding-right: 8px; } .vip_tabGroup #buyType2 .total_price .btn_wrap.experi_pos_normal > a { width: calc(33.333% - 4px); min-width: 120px; } .vip_tabGroup #buyType2 .total_price .btn_wrap.experi_pos_normal .experi_res::before { display: inline-block; position: relative; content: ""; width: 22px; height: 22px; background: url("../images/common/experi_res.png") no-repeat center center / 22px auto; line-height: 39px; margin-left: -4px; margin-bottom: -3px; padding-right: 8px; } .vip_tabGroup #buyType2 .total_price .btn_wrap.experi_pos_normal_limit .experi_res::before { display: inline-block; position: relative; content: ""; width: 22px; height: 22px; background: url("../images/common/experi_res.png") no-repeat center center / 22px auto; line-height: 39px; margin-left: -4px; margin-bottom: -3px; padding-right: 8px; } .vip_tabGroup .total_price .btn_wrap .experi_res_tip { display: inline-block; position: relative; z-index: 107; width: 100%; max-width: 768px; height: 37px; margin-top: -52px; margin-bottom: 10px; } .vip_tabGroup .total_price .btn_wrap .experi_res_tip .experi_res_tip_box { display: block; width: 169px; height: 100%; position: absolute; left: 0; top: -2px; background: url("../images/common/experi_res_alert.png") no-repeat center / 169px auto; } /* VIP 제품상세 내 하단배너 */ .vip_setion_bottom .product_detail .vip_lower_banner { position: relative; display: block; width: 100%; max-width: 1920px; text-align: center; margin: 0 auto; } .vip_setion_bottom .product_detail .vip_lower_banner > a { display: inline-block; } .vip_setion_bottom .product_detail .vip_lower_banner > img { display: inline-block; width: 100%; } /* 회원가입 완료 시 최초로그인 팝업 */ .layerWrap #first_login_chk_pop .layTop { position: relative; height: 0; } .layerWrap #first_login_chk_pop .layTop .close_pop { width: 14px; height: 14px; top: 26px; right: 26px; background: url("../images/common/ico_close8.png") no-repeat center center / 100%; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .layerWrap #first_login_chk_pop .layCon .bot_con { display: block; } /* 코웨이닷컴 사업자 맞춤 상담 */ .phone_consult_banner_wrap {width: 100%; max-width: 1880px; margin: 0 auto;} .phone_consult_banner_wrap .banner_link {position: relative; max-width: 1920px; width: 100%; height: 600px;} .phone_consult_banner_wrap .item {width: 100%; height: 600px;} .phone_consult_banner_wrap .item img {position: absolute; left: 50%; top: 0; width: 1880px; max-width: none; height: 100%; transform: translateX(-50%);} .phone_consult_banner_wrap .swiper-container {width: 100%; border-radius: 8px;} .phone_consult_banner_wrap .swiper-container .swiper-wrapper {overflow: hidden; min-width: 1200px;} .phone_consult_banner_wrap .swiper-slide {position: relative; overflow: hidden; border-radius: 8px;} .phone_consult_banner_wrap .swiper-slide .copy_wrap {position: relative; width: 100%; min-width: 1200px; max-width: 1400px; height: 100%; margin: auto;} .phone_consult_banner_wrap .swiper-slide .copy_area {position: absolute; left: 100px; top: 176px;} .phone_consult_banner_wrap .swiper-slide .copy_wrap p {color: #fff;} .phone_consult_banner_wrap .swiper-slide .copy_wrap p.btnWhite {color: #1b2529;} .phone_consult_banner_wrap .swiper-slide .copy_wrap .main_copy {font-size: 38px; font-weight: 700;line-height: 1.36;} .phone_consult_banner_wrap .swiper-slide .copy_wrap .sub_copy {font-size: 16px; font-weight: 400;line-height: 1.6; margin-top: 30px;} .phone_consult_banner_wrap .swiper-container-horizontal .swiper-pagination {display: flex; left: 50%; top: auto; bottom: 36px; transform: translate(-50%, 0); width: 420px; height: 2px; background-color: rgba(255,255,255, 0.2)} .phone_consult_banner_wrap .swiper-container-horizontal .swiper-pagination .swiper-pagination-progressbar-fill {display: block; height: 100%; background-color: #fff;} .phone_consult_banner_wrap .swiper-container-horizontal .swiper-pagination.type2 .swiper-pagination-progressbar-fill {background-color: #1b2529;} .phone_consult_banner_wrap .swiper-slide .fade {padding-left:10px; opacity:0; transition: opacity .5s ease, padding .5s ease;} .phone_consult_banner_wrap .swiper-slide-active .main_copy {transition-delay:.2s} .phone_consult_banner_wrap .swiper-slide-active .sub_copy {transition-delay:.4s} .phone_consult_banner_wrap .swiper-slide-active .btn_wrap {transition-delay:.6s} .phone_consult_banner_wrap .swiper-slide-active .fade {padding-left:0px; opacity:1;} .phone_consult_banner_wrap .swiper-button_wrap {position: absolute; width: 1400px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;} .phone_consult_banner_wrap .swiper-button-next {background-image:url("../images/common/arr_slide_r.png")} .phone_consult_banner_wrap .swiper-button-prev {background-image:url("../images/common/arr_slide_l.png")} .phone_consult_banner_wrap .swiper-button-next.type2 {background-image:url("../images/common/arr_slide_r2.png")} .phone_consult_banner_wrap .swiper-button-prev.type2 {background-image:url("../images/common/arr_slide_l2.png")} .phone_consult_banner_wrap .swiper-button-next, .phone_consult_banner_wrap .swiper-button-prev {width: 19px; height: 35px; margin-top: 0; background-size: 19px 35px;} .phone_consult_banner_wrap .btn_wrap {margin: 30px 0 0; text-align: left;} #phone_consult_sec01 { position: relative; margin: 0 auto; display: block; width: 100%; } #phone_consult_sec01 .cont_wrap { display: block; width: 1200px; max-width: 1200px !important; margin: 0 auto; text-align: center; } #phone_consult_sec01 .phone_consult_sec01_title { display: inline-block; text-align: center; margin-top: 90px; } #phone_consult_sec01 .phone_consult_sec01_title > p { font-size: 36px; font-weight: bold; line-height: 48px; } #phone_consult_sec01 ul.phone_consult_list { display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 46px; padding-bottom: 120px; } #phone_consult_sec01 ul.phone_consult_list > li { display: inline-flex; width: 50%; margin-right: 24px; background: #f5f5f5; text-align: left; justify-content: space-between; border-radius: 8px; } #phone_consult_sec01 ul.phone_consult_list > li:nth-child(2) { margin-right: 0; } #phone_consult_sec01 ul.phone_consult_list > li .img_wrap { display: block; margin-right: 50px; align-self: flex-end; margin-bottom: 38px; } #phone_consult_sec01 ul.phone_consult_list > li .img_wrap.list_01_img { width: 74px; height: 70px; background: url("../images/service/phone_consult/phone_consult_list_01_img.png") no-repeat center center / 70px auto; } #phone_consult_sec01 ul.phone_consult_list > li .img_wrap.list_02_img { width: 78px; height: 76px; background: url("../images/service/phone_consult/phone_consult_list_02_img.png") no-repeat center center / 76px auto; } #phone_consult_sec01 ul.phone_consult_list > li .list_text_wrap { padding: 60px 40px; } #phone_consult_sec01 ul.phone_consult_list > li .list_text_wrap a > span { font-size: 27px; font-weight: bold; } #phone_consult_sec01 ul.phone_consult_list > li .list_text_wrap a > span::after { content: ""; position: relative; display: inline-block; width: 10px; height: 17px; background: url("../images/service/phone_consult/list_arr_right.png") no-repeat 10px 17px; background-position: 0 0; margin-left: 20px; padding-bottom: 1px; } #phone_consult_sec01 ul.phone_consult_list > li .list_text_wrap em { display: inline-block; font-size: 15px; color: #90a0a6; margin-top: 21px; line-height: 22px; } #phone_consult_sec01 ul.phone_consult_list > li:first-child .list_text_wrap b { color: #00a8e3; font-weight: bold; } #phone_consult_sec01 ul.phone_consult_list > li:last-child .list_text_wrap b { color: #1fbbc9; font-weight: bold; } #phone_consult_sec02 { position: relative; margin: 0 auto; display: block; width: 100%; max-width: 1880px; background: #f6f6f6; border-radius: 4px; padding-bottom: 90px; } #phone_consult_sec02 .cont_wrap { display: block; width: 1200px; max-width: 1200px !important; margin: 0 auto; text-align: center; } #phone_consult_sec02 .phone_consult_sec02_title { display: inline-block; text-align: center; margin-top: 90px; } #phone_consult_sec02 .phone_consult_sec02_title > p { font-size: 36px; font-weight: bold; line-height: 48px; } #phone_consult_sec02 .phone_consult_solution { position: relative; display: block; width: 100%; background: #fff; padding-bottom: 60px; } #phone_consult_sec02 .phone_consult_solution .solution_title { display: block; margin-top: 60px; } #phone_consult_sec02 .phone_consult_solution .solution_title > p { display: block; font-size: 27px; font-weight: bold; line-height: 36px; padding-top: 60px; } #phone_consult_sec02 .phone_consult_solution .solution_title > span { display: inline-block; font-size: 15px; color: #90a0a6; font-weight: 400; margin-top: 20px; } #phone_consult_sec02 .phone_consult_solution ul.solution_wrap { display: flex; width: 1080px; height: 100%; flex-direction: row; justify-content: space-between; align-items: center; margin: 40px auto 0; } #phone_consult_sec02 .phone_consult_solution ul.solution_wrap > li { display: inline-block; width: 33.3333333%; margin-right: 34px; } #phone_consult_sec02 .phone_consult_solution ul.solution_wrap > li:last-child { margin-right: 0; } #phone_consult_sec03 { position: relative; margin: 0 auto; display: block; width: 100%; max-width: 1880px; background: #fff; border-radius: 4px; padding-bottom: 60px; } #phone_consult_sec03 .cont_wrap { display: block; width: 1200px; max-width: 1200px !important; margin: 0 auto; text-align: center; } #phone_consult_sec03 .phone_consult_sec03_title { display: inline-block; text-align: center; margin-top: 90px; } #phone_consult_sec03 .phone_consult_sec03_title > p { font-size: 36px; font-weight: bold; line-height: 48px; } #phone_consult_sec03 .best_product_wrap { display: block; position: relative; } #phone_consult_sec03 .best_product_wrap .best_product_title { font-size: 27px; font-weight: bold; margin-top: 70px; } #phone_consult_sec03 .best_product_wrap .best_product_list { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 30px; } #phone_consult_sec03 .best_product_wrap .best_product_list > li { display: inline-block; width: 340px; background: #f2f4f5; margin-right: 34px; padding: 0 0 30px; border-radius: 4px; } #phone_consult_sec03 .best_product_wrap .best_product_list > li:last-child { margin-right: 0; } #phone_consult_sec03 .best_product_wrap .best_product_list > li .box_img_wrap { display: block; width: 100%; } #phone_consult_sec03 .best_product_wrap .best_product_list > li em { display: inline-block; font-size: 23px; font-weight: bold; margin-top: 30px; } #phone_consult_sec03 .best_product_wrap .best_product_list > li .box_img_txt { display: block; width: 85%; background: #fff; text-align: start; border-radius: 8px; margin: 40px auto 0; } #phone_consult_sec03 .best_product_wrap .best_product_list > li .box_img_txt a { display: inline-block; width: 100%; height: 100%; padding: 10px 22px; position: relative; } #phone_consult_sec03 .best_product_wrap .best_product_list > li .box_img_txt a span { font-size: 16px; font-weight: 600; } #phone_consult_sec03 .best_product_wrap .best_product_list > li .box_img_txt a span::after { content: ""; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); display: block; width: 8px; height: 12px; background: url("../images/service/phone_consult/list_arr_right2.png") no-repeat center; } #container.phone_consult_wrap .btn_wrap.phone_consult_fixed_btn { display: block; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 100; padding: 15px 0; width: 100%; margin: 0; background-color: #fff; } #container.phone_consult_wrap .btn_wrap.phone_consult_fixed_btn.on { display: block; position: absolute; bottom: 50px; transition: none; } #container.phone_consult_wrap .btn_wrap.phone_consult_fixed_btn a { display: inline-block; width: 500px !important; height: 54px; } /* 사업자 전화상담 신청 팝업 */ #toss_phone_consultation_pop { top: 50%; transform: translateY(-50%); } #toss_phone_consultation_pop .layCon { padding: 0 30px; } #toss_phone_consultation_pop .notice_text1 {margin-bottom: 30px;font-size: 15px;line-height: 24px;} #toss_phone_consultation_pop .form_wrap {margin-bottom: 10px;} #toss_phone_consultation_pop .safe_tel {margin-top: 15px;} #toss_phone_consultation_pop .safe_tel .tip_box {top: 27px;left: -125px;right: auto;transform-origin: 45% 3%;} #toss_phone_consultation_pop .tool_tip .tip {margin-left: 5px;} #toss_phone_consultation_pop .list_type3 {color: #bec8cc;line-height: 21px;} #toss_phone_consultation_pop .list_type3 a {display: inline-block;color: #00a8e3;border-bottom: 1px solid #00a8e3;} #toss_phone_consultation_pop .check_open {margin-top: 45px;} #toss_phone_consultation_pop .call_list li strong { font-weight: 700; } /* 렌탈료 계산기 페이지 */ .rental_calc_page .content_wrap { position: relative; } .rental_calc_page .contents.rental_calc_wrap { float: left; width: 609px; padding: 50px 0 0 0; } @media all and (max-width:1229px){ .rental_calc_page .contents.rental_calc_wrap {padding-right:0;} } .rental_compare_page .content_wrap { position: relative; max-width: 100%; background: #f2f4f5; padding: 40px 0; } .rental_compare_page .contents.rental_calc_wrap { float: left; width: 609px; padding: 0; } @media all and (max-width:1920px){ .rental_compare_page .contents.rental_calc_wrap {padding-right:0;} } .rental_add_discount_area_wrap { position: relative; display: block; max-width: 1200px; padding: 0 88px; margin: 0 auto; } .rental_add_discount_area_wrap .mid_txt_box { display: block; position: relative; text-align: start; margin-bottom: 34px; } .rental_add_discount_area_wrap .mid_txt_box > span { display: inline-block; font-size: 26px; font-weight: 600; } .rental_add_discount_area_wrap .mid_txt_box > p { display: inline-block; font-size: 15px; font-weight: 400; margin-top: 15px; color: #90a0a6; } #container .rental_calc_title { display: block; position: relative; width: 100%; text-align: center; margin: 90px auto 0; } #container .rental_calc_title h2 { font-size: 27px; font-weight: 600; color:#1b2529; } .rental_prd_setion {position:relative;margin-top:15px;padding:25px 30px 35px;background:#fff;border-radius:8px;box-shadow:5px 0 40px rgba(0, 0, 0, 0.08);} .rental_prd_setion:first-child {margin-top:0;} .rental_prd_setion .prd_info {display:flex;align-items:center;padding:0 13px;} .rental_prd_setion .prd_info .img_box {position:relative;width:96px;} .rental_prd_setion .prd_info .img_box.soldOut:after {content:'품절';position:absolute;left:0;bottom:0;width:100%;height:24px;line-height:24px; text-align:center;font-size:14px;color:#fff;background:rgba( 27, 37, 41, 0.3);} .rental_prd_setion .prd_info .text_box {width:calc(100% - 96px);padding:0 18px;} .rental_prd_setion .prd_info .text_box .prd_code {margin-bottom:10px;font-size:13px;color:#90a0a6;} .rental_prd_setion .prd_info .text_box .prd_name {font-size:19px;font-weight:700;} .rental_prd_setion .prd_info .text_box .prd_name a {font-size:19px;font-weight:700;} .rental_prd_setion .prd_info .text_box .prd_ctgr {margin-top: 10px;font-size:0;} .rental_prd_setion .prd_info .text_box .prd_ctgr span {display:inline-block;position:relative;font-size:14px;} .rental_prd_setion .prd_info .text_box .prd_ctgr span:after {content:'·';width:4px;margin:0 3px 0 2px;font-size:14px;line-height:18px;color: #1b2529;} .rental_prd_setion .prd_info .text_box .prd_ctgr span:last-child:after {display:none;} .rental_prd_setion .prd_info .text_box .prd_price {margin-top:7px;font-size:22px;font-weight:700;color:#00a8e3;} .rental_prd_setion .prd_info .text_box .prd_price em {font-size:15px;} .rental_prd_setion .inp_select_wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 30px; } .rental_prd_setion .select_cstm { position: relative; width: 49%; height: 54px; background: #f2f4f5; border-radius: 4px; margin: 2% 0 0; } .rental_prd_setion .select_cstm:nth-child(2n) { margin-right: 0; } .rental_prd_setion .select_cstm:last-child { margin-right: 0; } .rental_prd_setion .rental_prd_con .inp_select_wrap .select_cstm .selList li input[type="radio"]:disabled+label { color: #bec8cc; background: #f2f4f5; cursor: not-allowed; pointer-events: none; } .rental_prd_setion .agree_area_wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 4%; width: 100%; } .rental_prd_setion .agree_area_wrap .agree_area { position: relative; width: 100%; display: block; box-sizing: border-box; margin-bottom: 14px; } .rental_prd_setion .agree_area_wrap .agree_area:last-child { margin-bottom: 0; } .rental_prd_setion .agree_area_wrap .agree_area .agree_box { padding: 12px 20px; } .rental_prd_setion .agree_area_wrap .agree_area .agree_box > span { color: #bec8cc; font-size: 14px; font-weight: 400; line-height: 22px; } .rental_prd_setion .agree_area_wrap .agree_area .agree_box .inp_check { padding: 0; display: block; position: relative; height: 100%; overflow: hidden; } .rental_prd_setion .agree_area_wrap .agree_area .agree_box .inp_check > label { font-size: 16px; font-weight: 500; color: #bec8cc; position: relative; left: 0; top: 0; width: 100%; height: 100%; background-position: left top; } .rental_prd_setion .agree_area_wrap .agree_area .agree_box .inp_check > label i { display: inline-block; } .rental_prd_setion .agree_area_wrap .agree_area .agree_box .inp_check > label span { display: block; margin: 14px 0 0 -36px; font-size: 14px; font-weight: 400; line-height: 22px; } .rental_prd_setion .agree_area_wrap .agree_area.on .agree_box > span { color: #1b2529; } .rental_prd_setion .agree_area_wrap .agree_area.on .agree_box .inp_check > label { color: #1b2529; } .rental_prd_setion .rental_prd_con .inp_select_wrap .select_cstm .title { font-size: 14px; } .rental_prd_setion .rental_prd_con .inp_select_wrap .select_cstm.color_type .select_list { padding: 0 0 0 30px; } .rental_prd_setion .rental_prd_con .inp_select_wrap .select_cstm.color_type .select_list .color_circle{ top: 50%; transform: translateY(-50%); } .rental_prd_setion .rental_prd_con .inp_select_wrap .select_cstm.color_type .select_list .sel_text { font-size: 14px; } .rental_calc_floting { position: absolute; left: 737px; top: 50px; width: 375px; background: #fff; border-radius: 8px; box-shadow: 5px 0 40px rgb(0 0 0 / 8%); transition: bottom .5s ease; } .rental_add_discount_area_wrap .rental_calc_floting { top: 112px; } .rental_calc_floting .sum_price_area { max-width: 768px; margin: 0 auto; border-radius: 8px; } .rental_calc_floting .btn_wrap.save { /*display:none;*/ margin: 0 0 6px 0; } .rental_calc_floting .btn_wrap.save span { padding-left: 21px; background: url('../images/common/ico_save.png') no-repeat left center / 16px; } .rental_calc_floting .btn_wrap.bottom { margin: 0; } .rental_calc_floting .btn_wrap.bottom .btnBasic.sizeL { min-width: auto; width: 49%; margin-right: 2%;} .rental_calc_floting .btn_wrap.bottom .btnBasic.half:nth-of-type(2) { margin-right: 0; } .rental_calc_floting.fixed { position: fixed; top: 35px !important; left: 50%; margin-left: 137px; } @media all and (max-width: 1229px ){ .rental_calc_floting.fixed { left:737px; margin:0; } } .rental_calc_floting .sum_price_area .total_price { margin-bottom: 20px; } .rental_calc_floting #floating_normal { border-top: 1px solid #ecedee; padding-top: 15px; } .rental_calc_floting #floating_normal .total_price { margin-bottom: 10px; } .rental_calc_floting #floating_normal .total_price > dt { color: #1b2529; } .rental_calc_floting #floating_normal .total_price > dd strong { color: #1b2529; } .rental_calc_floting #floating_normal .total_discount > dt { float: left; width: 118px; font-size: 14px; font-weight: 400; line-height: 20px; color: #90a0a6; } .rental_calc_floting #floating_normal .total_discount .rental_discount_info { margin: 0; padding: 0; text-align: right; color: #90a0a6; } .rental_calc_floting #floating_normal .total_discount .rental_discount_info .info_btn { position: relative; padding-right: 17px; color: #90a0a6; font-size: 14px; font-weight: 400; } .rental_calc_floting #floating_normal .total_discount .rental_discount_info .info_btn:before { content: ''; position: absolute; right: 0; top: 7px; width: 11px; height: 7px; background: url("../images/common/arr_down1.png") no-repeat 0 0/100%; transition: all .3s ease; } .rental_calc_floting #floating_normal .total_discount .rental_discount_info.open .info_btn:before { transform: rotate(180deg); } .rental_calc_floting #floating_normal .total_discount .rental_discount_info .info_box { margin-top: 10px; font-size: 13px; color: #90a0a6; line-height: 1.6; text-align: start; } .rental_calc_floting #floating_normal .total_discount .rental_discount_info .info_box > ul { display: flex; width: 100%; position: relative; flex-direction: column; } .rental_calc_floting #floating_normal .total_discount .rental_discount_info .info_box > ul li { display: flex; flex-direction: row; justify-content: space-between; font-size: 14px; font-weight: 400; line-height: 24px; } .rental_calc_floting #floating_normal .total_discount .rental_discount_info .info_box > ul li span { display: inline-block; } .rental_calc_floting #floating_normal .total_discount .rental_discount_info .info_box > ul li em { display: inline-block; } .rental_calc_floting #floating_normal .total_discount .rental_discount_info .info_box > ul li.orange_txt { color: #fe7c20; } .rental_calc_floting .btn_wrap .sizeL { min-width: 154px; } .rental_calc_compare { position: relative; left: 50%; transform: translateX(-50%); width: 100%; z-index: 99; transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1); margin: 50px 0 60px; } .rental_calc_compare .rental_calc_slide { max-width: 1200px; width: 100%; margin: 0 auto; } .rental_calc_compare .swiper-wrapper { width: calc(100% - 20px); } .rental_calc_compare .swiper-wrapper .swiper-slide {display: inline-block; position: relative; width: 25%; margin-right: 24px; background-color: #fff; border-radius: 4px; cursor: pointer; box-shadow: 5px 0 24px rgba(0, 0, 0, 0.08); padding: 15px; } .rental_calc_compare .swiper-wrapper .swiper-slide:last-child { margin-right: 0; } .rental_calc_compare .swiper-wrapper .swiper-slide .rental_prd_wrap .rental_prd_comple { text-align: right; font-size: 14px; font-weight: 400; position: absolute; right: 15px; top: 15px; min-height: 26px; display: none; } .rental_calc_compare .swiper-wrapper .swiper-slide .rental_prd_wrap .rental_prd_comple > em { background: #1b2529; color: #fff; padding: 2px 8px; border-radius: 4px; } .rental_calc_compare .swiper-wrapper .swiper-slide .rental_prd_wrap.complete .rental_prd_comple { display: block; } .rental_calc_compare .swiper-wrapper .swiper-slide .rental_prd_wrap .prd_info_box { position: relative; display: flex; align-items: center; justify-content: flex-start; } .rental_calc_compare .swiper-wrapper .swiper-slide .rental_prd_wrap .prd_info_box .img_wrap { width: 90px; margin: 0; border-radius: 4px; } .rental_calc_compare .swiper-wrapper .swiper-slide .rental_prd_wrap .prd_info_box .img_wrap > img { max-width: 90px; } .rental_calc_compare .swiper-wrapper .swiper-slide .rental_prd_wrap .prd_info_box .text_wrap { padding: 0 15px 0 0; font-size: 14px; white-space: normal; min-height: 24px; } .rental_calc_compare .swiper-wrapper .swiper-slide .rental_prd_wrap .prd_info_box .text_wrap .product_code { margin: 0 0 2px; color: #90a0a6; } .rental_calc_compare .swiper-wrapper .swiper-slide .rental_prd_wrap .prd_info_box .text_wrap .product_name { color: #1b2529; font-weight: 700; line-height: 1.5; } .contents .rental_calc_discount_benefit { padding: 20px 18px 60px; } .contents .rental_calc_discount_benefit .title_txt { display: block; position: relative; } .contents .rental_calc_discount_benefit .title_txt > p { font-size: 27px; font-weight: 600; color: #1b2529; line-height: 30px; } .contents .rental_calc_discount_benefit .title_txt > em { display: inline-block; font-size: 15px; font-weight: 400; color: #90a0a6; line-height: 24px; margin-top: 15px; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap { position: relative; margin-top: 24px; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area { border: 2px solid #e5e9eb;; border-radius: 4px; background: #fff; margin-top: 18px; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area.on { border: 2px solid #00a8e3; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area.rental_fix { border: 2px solid #1b2529; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area.rental_fix .agree_box .inp_check label { background: url(../images/common/ico_check_on.png) no-repeat 0 0 / 27px auto; color: #1b2529; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area.rental_fix.on .agree_box .inp_check label { font-weight: 500; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area.rental_fix .agree_box .inp_check input:checked + label { background-image: url("../images/common/ico_check_on.png"); } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area .agree_box { padding: 20px; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area .agree_box .inp_check { padding: 0; display: block; position: relative; height: 100%; overflow: hidden; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area .agree_box .inp_check label { font-size: 16px; font-weight: 500; background: url(../images/common/ico_check_off.png) no-repeat 0 0 / 27px auto; color: #90a0a6; position: relative; left: 0; top: 0; width: 100%; height: 100%; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area.on .agree_box .inp_check label { font-weight: 600; color: #1b2529; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area .agree_box .inp_check label i { display: inline-block; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area .agree_box .inp_check label span { display: block; margin: 14px 0 0 -36px; font-size: 14px; font-weight: 400; line-height: 22px; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area .agree_box .inp_check input:checked + label { background-image: url("../images/common/ico_check_on2.png"); } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area .agree_box span { font-size: 14px; font-weight: 400; color: #bec8cc; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area.on .agree_box span { color: #1B2529; } .contents .rental_calc_discount_benefit .discount_benefit_agree_area_wrap .agree_area.rental_fix .agree_box span { color: #1B2529; } .contents .rental_calc_discount_benefit .select_cstm { background: #fff; margin-top: 18px; } .contents .rental_calc_discount_benefit .select_cstm .title { font-size: 15px; text-indent: 14px; } .contents .rental_calc_discount_benefit .select_cstm.open .title { color: #1b2529; } .contents .rental_calc_discount_benefit .select_cstm.change .title { font-weight: 600; } .contents .rental_calc_discount_benefit .select_cstm ul > li label { display: flex; flex-direction: row; justify-content: space-between; padding: 4px 18px; } .contents .rental_calc_discount_benefit .select_cstm ul > li label span { font-size: 14px; font-weight: 400; color:#90a0a6; } .contents .rental_calc_discount_benefit .apply_benefits { position: relative; margin-top: 24px; background: #fff; padding: 20px; border: 2px solid #1b2529; border-radius: 4px; } .contents .rental_calc_discount_benefit .apply_benefits .apply_benefits_title { font-size: 16px; font-weight: 600; color: #1b2529; } .contents .rental_calc_discount_benefit .apply_benefits .selList { position: relative; display: block; } .contents .rental_calc_discount_benefit .apply_benefits .selList > li { margin-top: 14px; } .contents .rental_calc_discount_benefit .apply_benefits .selList > li > label { display: flex; flex-direction: row; justify-content: space-between; color: #90a0a6; } .contents .rental_calc_discount_benefit .vip_alliance_card { display: block; background: #fff; border-radius: 4px; margin: 15px 0; } .contents .rental_calc_discount_benefit .vip_alliance_card.on { border: 2px solid #1b2529; } .contents .rental_calc_discount_benefit .vip_alliance_card .vip_alli_title { padding: 20px 20px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; vertical-align: middle; } .contents .rental_calc_discount_benefit .vip_alliance_card .vip_alli_title .card_lt { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 96%; } .contents .rental_calc_discount_benefit .vip_alliance_card .vip_alli_title .card_lt > p { font-size: 15px; color: #1b2529; font-weight: 500; } .contents .rental_calc_discount_benefit .vip_alliance_card .vip_alli_title .card_lt > .tool_tip { margin-left: 5px; } .contents .rental_calc_discount_benefit .vip_alliance_card .vip_alli_title .card_lt > .tool_tip .tip_box { left: -84px; z-index: 200; } .contents .rental_calc_discount_benefit .vip_alliance_card .vip_alli_title .info_btn { position: relative; width: 7.5%; padding-right: 17px; color: #90a0a6; font-size: 14px; font-weight: 400; text-align: start; } .contents .rental_calc_discount_benefit .vip_alliance_card .vip_alli_title .info_btn:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 7px; background: url("../images/common/arr_down1.png") no-repeat 0 0/100%; transition: all .3s ease; } .contents .rental_calc_discount_benefit .vip_alliance_card .vip_alli_title.open .info_btn:before { transform: rotate(180deg); margin-top: -4px; } .contents .rental_calc_discount_benefit .vip_alliance_card .vip_alli_title .info_btn:after { content: '더 보기'; position: relative; left: 0; margin-left: -24px; font-size: 14px; color: #1b2529; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm { height: auto; background: #fff; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm.open .selList { top: 10px; z-index: 112; max-height: 295px !important; border: 2px solid #1B2529; border-top: none; padding: 0 20px; left: -2px; width:calc(100% + 4px); } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm.change .card_select_area ul li { background: #fff; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .title { display: flex; height: auto; background: none; padding-right: 0; text-indent: 0; border: none; padding: 0 20px; align-items: center; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .title .card_select_area { display: block; width: 100%; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .title .card_select_area > ul { border: none; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .title .card_select_area > ul li { display: flex; flex-wrap: wrap; overflow: hidden; align-items: center; padding: 10px 0; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .title .card_select_area > ul li > span { display: inline-block; width: 53px; height: 17px; color: #fff; font-size: 11px; line-height: 17px; font-weight: 700; border-radius: 4px; margin-right: 10px; background: #fe7c20; text-align:center; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .title .card_select_area > ul li > p { font-size: 14px; line-height: 22px; color: #333; width: calc(100% - 84px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .title .card_select_area > ul li > em { font-size: 13px; color: #fe7c20; line-height: 30px; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .title .card_select_area > ul li > .btn_wrap { text-align: right; position: absolute; right: 20px; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .title .card_select_area > ul li > .btn_wrap a { font-size: 13px; color: #90a0a6; font-weight: 400; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .selLis { border: none; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .selList li { padding: 10px 0; border-bottom: 1px solid #f2f4f5; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .selList li label { padding: 0; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .selList li .card_select_area { display: flex; flex-wrap: wrap; overflow: hidden; align-items: center; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .selList li .card_select_area > span { display: inline-block; width: 53px; height: 17px; color: #fff; font-size: 11px; line-height: 17px; font-weight: 700; border-radius: 4px; margin-right: 10px; background: #fe7c20; text-align:center; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .selList li .card_select_area > p { font-size: 14px; line-height: 22px; color: #333; width: calc(100% - 84px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .selList li .card_select_area > em { font-size: 13px; color: #fe7c20; line-height: 30px; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .selList li .card_select_area > .btn_wrap { text-align: right; position: absolute; right: 0; } .contents .rental_calc_discount_benefit .vip_alliance_card .select_cstm .selList li .card_select_area > .btn_wrap a { font-size: 13px; color: #90a0a6; font-weight: 400; } .contents .rental_calc_discount_benefit .bot_txt { display: block; text-align: start; font-size: 14px; font-weight: 500; color: #1b2529; margin-top: 14px; line-height: 24px; } /* 렌탈료 계산기 팝업 */ .layerWrap.lay_seper_sold .layCon { padding: 25px 20px 20px; } .layerWrap.lay_seper_sold .layCon .title_wrap { margin-top: 0; } .layerWrap.lay_seper_sold .layCon .title_wrap .h2_tit { font-size: 19px; word-break: break-all; line-height: 24px; } .layerWrap.lay_seper_sold .layCon .txtBox { margin-bottom: 15px; } .layerWrap.lay_seper_sold .layCon .layer_rental_sel { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .layerWrap.lay_seper_sold .layCon .layer_rental_sel .lt_bar_text { display: inline-block; background: #f2f4f5; width: 40%; height: 54px; line-height: 54px; font-size: 15px; font-weight: 600; color: #1b2029; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 0 0 0 5%; } .layerWrap.lay_seper_sold .layCon .layer_rental_sel .lt_bar_text > span { display: inline-block; } .layerWrap.lay_seper_sold .layCon .layer_rental_sel .inp_select { width: 60%; } .layerWrap.lay_seper_sold .layCon .layer_rental_sel .inp_select .select_list { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .layerWrap.lay_seper_sold .layCon .btn_wrap.layBtn { display: flex; justify-content: flex-start; align-items: center; margin-top: 40px; } .layerWrap.lay_free_sold .layCon { padding: 25px 20px 20px; } .layerWrap.lay_free_sold .layCon .title_wrap { margin-top: 0; } .layerWrap.lay_free_sold .layCon .title_wrap .h2_tit { font-size: 20px; word-break: break-all; } .layerWrap.lay_free_sold .layCon .txtBox { margin-bottom: 15px; } .layerWrap.lay_free_sold .layCon .layer_rental_sel { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .layerWrap.lay_free_sold .layCon .layer_rental_sel .lt_bar_text { display: inline-block; background: #f2f4f5; width: 40%; height: 54px; line-height: 54px; font-size: 15px; font-weight: 600; color: #1b2029; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 0 0 0 5%; } .layerWrap.lay_free_sold .layCon .layer_rental_sel .lt_bar_text > span { display: inline-block; } .layerWrap.lay_free_sold .layCon .layer_rental_sel .inp_select { width: 60%; } .layerWrap.lay_free_sold .layCon .layer_rental_sel .inp_select .select_list { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .layerWrap.lay_free_sold .layCon .btn_wrap.layBtn { display: flex; justify-content: flex-start; align-items: center; margin-top: 40px; } /* 관리내역 안내 */ .prd_manage_wrap section { position: relative ;width: 100%; overflow: hidden; } .prd_manage_wrap .title_wrap { text-align: center; } .prd_manage_wrap .h2_tit { font-size: 56px; margin-top: 20px; } .prd_manage_wrap .h3_tit { font-size: 42px; line-height: 1; letter-spacing: -2px; } .prd_manage_wrap .h4_tit { font-size: 20px; } .prd_manage_wrap .sub_tit { font-size: 19px; line-height: 26px; margin-top: 20px; } .prd_manage_sec1 { background: url("../images/service/product_management/prd_manage_sec1_bg.jpg") no-repeat center; text-align: center; } .prd_manage_sec1 .title_wrap { text-align: center; margin: 0; } .prd_manage_sec1 .title_wrap .sub_label { display: inline-block; font-size: 26px; font-weight: 400; color: #fff; background-color: #42beec; padding: 10px 28px; border-radius: 28px; margin-top: 116px; } .prd_manage_sec1 .title_wrap .h3_tit { font-size: 72px; font-weight: 600; margin: 36px 0 42px 0; } .prd_manage_sec2 { background: #f4f8fb; padding: 94px 0 92px 0; } .prd_manage_sec2 .title_wrap { text-align: center; margin: 0; } .prd_manage_sec2 .title_wrap .h3_tit { font-size: 55px; } .prd_manage_sec2 .title_wrap .sub_tit { font-size: 20px; font-weight: 400; color: #9facb0; line-height: 34px; margin-top: 54px; } .prd_manage_sec3 .title_wrap { margin: 0; text-align: center; } .prd_manage_sec3 .title_wrap .h3_tit { font-size: 45px; margin-top: 102px; } .prd_manage_sec3 .title_wrap .sub_tit { font-size: 22px; color: #90a0a6; margin-top: 35px; } .prd_manage_sec3 ul { display: block; width: 1156px; font-size: 0; margin: 85px auto 0; } .prd_manage_sec3 ul li { display: inline-block; position: relative; width: 372px; vertical-align: top; padding-top: 75px; margin-right: 20px; } .prd_manage_sec3 ul li:last-child { margin-right: 0; } .prd_manage_sec3 ul li::before { content: ''; display: block; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0%); font-size: 24px; font-weight: 500; width: 45px; height: 45px; border-radius: 50%; color: #fff; background: #1b2529; text-align: center; line-height: 45px; } .prd_manage_sec3 ul li:nth-child(1)::after { content: ''; height: 12px; width: 730px; position: absolute; top: 17px; left: 209px; background: url("../images/service/product_management/prd_manage_sec3_arrow.png") no-repeat center; } .prd_manage_sec3 ul li:nth-child(1)::before { content: '1'; } .prd_manage_sec3 ul li:nth-child(2)::before { content: '2'; } .prd_manage_sec3 ul li:nth-child(3)::before { content: '3'; } .prd_manage_sec3 ul li .list_img { display: block; text-align: center; width: auto; margin-top: 48px; vertical-align: top; } .prd_manage_sec3 ul li .list_txt { display: block; vertical-align: top; } .prd_manage_sec3 ul li .list_txt p { font-size: 24px; color: #1b2529; font-weight: 600; text-align: center; } .prd_manage_sec3 > small { display: block; text-align: center; font-size: 18px; color: #bec8cc; margin: 40px 0 100px; } .prd_manage_sec4 { background-color: #f4f8fb; text-align: center; padding-bottom: 110px; } .prd_manage_sec4 .title_wrap { margin: 0; text-align: center; } .prd_manage_sec4 .title_wrap .h3_tit { font-size: 45px; margin-top: 102px; } .prd_manage_sec4 .title_wrap .sub_tit { font-size: 22px; color: #90a0a6; margin-top: 35px; } .prd_manage_sec4 .list_tit { font-size: 32px; font-weight: 600; margin: 96px 0 44px; } .prd_manage_sec4 ul { display: block; width: 1398px; font-size: 0; margin: 0 auto; } .prd_manage_sec4 ul li { display: inline-block; position: relative; width: 453px; margin-right: 18px; background-color: #fff; border-radius: 18px; } .prd_manage_sec4 ul li:last-child { margin-right: 0; } .prd_manage_sec4 ul li > em { display: inline-block; font-size: 24px; font-weight: 500; color: #1B2529; margin-top: 42px; } .prd_manage_sec4 ul li .list_img { display: block; text-align: center; width: auto; vertical-align: top; } .prd_manage_sec4 ul li .list_txt { display: block; vertical-align: top; } .prd_manage_sec4 ul li .list_txt i { display: inline-block; width: 43px; height: 43px; background-color: #1B2529; line-height: 43px; border-radius: 50%; color: #fff; font-size: 23px; font-weight: 500; margin-bottom: 25px; } .prd_manage_sec4 ul li .list_txt p { font-size: 19px; color: #90a0a6; font-weight: 400; text-align: center; margin-bottom: 45px; line-height: 28px; } .prd_manage_sec5 .title_wrap { margin: 0; text-align: center; } .prd_manage_sec5 .title_wrap .h3_tit { font-size: 45px; margin-top: 102px; } .prd_manage_sec5 .title_wrap .sub_tit { font-size: 22px; color: #90a0a6; margin-top: 35px; line-height: 34px; } .prd_manage_sec5 ul { display: block; width: 1160px; font-size: 0; margin: 90px auto 95px; } .prd_manage_sec5 ul li { display: inline-block; position: relative; width: 372px; vertical-align: top; margin-right: 20px; } .prd_manage_sec5 ul li:last-child { margin-right: 0; } .prd_manage_sec5 ul li .list_img { display: block; text-align: center; width: auto; vertical-align: top; } .prd_manage_sec6 { background: #f4f7fa; } .prd_manage_sec6 .title_wrap { margin: 102px auto 0; } .prd_manage_sec6 .manage_faq { display: block; width: 1400px; margin: 0 auto; } .prd_manage_sec6 .manage_faq ul { display: block; font-size: 0; margin: 78px 0 132px; } .prd_manage_sec6 .manage_faq ul li { display: block; padding: 60px 75px 0; background: #fff; } .prd_manage_sec6 .manage_faq ul li::after { content: ''; position: relative; display: inline-block; width: 100%; height: 2px; background-color: #f4f7fa; margin-top: 48px; } .prd_manage_sec6 .manage_faq ul li:first-child { border-top-left-radius: 14px; border-top-right-radius: 14px; } .prd_manage_sec6 .manage_faq ul li:last-child { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } .prd_manage_sec6 .manage_faq ul li .faq_box { display: block; position: relative; padding-left: 40px; box-sizing: border-box; } .prd_manage_sec6 .manage_faq ul li .faq_box + .faq_box { margin-top: 25px; } .prd_manage_sec6 .manage_faq ul li .faq_box.questions::before { content: 'Q.'; font-size: 24px; font-weight: 600; color: #00a8e3; position: absolute; left: 0; top: 0; } .prd_manage_sec6 .manage_faq ul li .faq_box.questions > p { color: #1b2529; font-size: 24px; font-weight: 700; } .prd_manage_sec6 .manage_faq ul li .faq_box.answer::before { content: 'A.'; font-size: 24px ;font-weight: 600; color: #acb8bc; position: absolute; left: 0; top: 0; } .prd_manage_sec6 .manage_faq ul li .faq_box.answer > p { color: #acb8bc; font-size: 18px; line-height: 34px; }