@import url("sub-common.css"); /* 2026-01-30 : 추가 BENEDR-26585 - 서브페이지 공통 영역 스타일 */ /* my 공통요소 */ /* 검색 */ .sch { overflow:hidden; } .sch .sch-tit { position:relative; padding:15px; font-size:14px; color:#444; letter-spacing:-1px; } .sch .sch-tit .select-type3 { position:absolute; display:block; top:8px; right:5px; } .sch .sch-area { display:none; padding:15px; border-top:1px solid #eee;} .sch .btn-type2 { width:100%; } /* 기간검색 */ .sch-period .btns-period { margin-bottom:10px; text-align:center; } .sch-period .btns-period button { width:18.3%; margin:0 1px;} .sch-period .input-date { overflow:hidden; margin-bottom:10px; } .sch-period .inp-date { display:block; float:left; width:47%; } .sch-period i { display:block; float:left; width:6%; text-align:center; line-height:30px;} /* 상세검색 */ .sch-type .sch-area select, .sch-type .sch-area input { display:inline-block; margin-bottom:10px; } /* my 메인 */ #mid.my-main { padding:50px 0 0 0; } .my-main .my-name { position:relative; } .my-main .name-tx { position:absolute; width:100%; top:30%; left:0; font-size:28px; line-height:1.3em; color:#fff; text-align:center; } .my-main .name-tx strong { font-size:35px; } .my-main .btn-area { margin-bottom:0; } .my-main .btn-area ul { display:inline-block; width:100%; vertical-align:top; } .my-main .btn-area li { float:left; width:50%; height:84px; border-bottom:1px solid #e7e6e5; } .my-main .btn-area li a { position:relative; display:block; height:64px; padding-top:20px; } .my-main .btn-area li:nth-child(odd) a { border-right:1px solid #e7e6e5; } .my-main .btn-area li .ico { position:relative; display:block; float:left; width:50%; color:#999; text-align:center; } .my-main .btn-area li .ico i { display:block; } .my-main .btn-area li .ico > img { width:27px; margin-bottom:8px; vertical-align:middle; } .my-main .btn-area li .ico .ico-new { position:absolute; top:-8px; left:50%; } .my-main .btn-area li .ico-customer { padding-top:7px; } .my-main .btn-area li .cnt-area { display:block; float:right; width:42%; margin-top:15px; padding-right:7%; text-align:right; font-size:16px; color:#444; line-height:1em; border-left:1px solid #e7e6e5; } .my-main .btn-area li .btn-point .cnt-area { position:absolute; width:58%; top:20px; right:0; border-left:none; text-align:right; letter-spacing:-1px; } .my-main .ico-new img { width:22px; } .my-main .btns { padding:10px; text-align:center; } .my-main .btn-set { display:inline-block; width:100%; height:35px; padding-top:15px; color:#444; font-size:17px; line-height:1.2em; background:#eee; border:1px solid #e7e6e5; border-radius:5px; } .my-main .btn-set span { display:inline-block; width:21px; margin-right:5px; } /* 포인트 - 정보 -E2100 */ .my-point-all { overflow:hidden; padding:22px 0; } .my-point-all dt { float:left; display:block; width:28%; font-size:18px; line-height:36px; color:#444; } .my-point-all dt strong { margin-left:10px; } .my-point-all dd { float:right; width:72%; font-size:32px; line-height:1.2em; text-align:right;} .my-point-all dd .point { display:inline-block; width:32px; margin-right:10px; vertical-align:middle; } /* 허용업종조회 */ .tbl-sch-list td { border-left:none; text-align:left; } .tbl-sch-list td.sec-desc { text-align:center; } #mid .sec-tit-delivery .sec-tit { margin-top:10px; } .tbl-delivery-input { display:none; } .toggle-delivery .ico-arrow { display:inline-block; width:14px; margin-left: 5px; vertical-align:middle; } .toggle-trace .ico-arrow { display:inline-block; width:14px; margin-left: 5px; vertical-align:middle; } .sec-delivery .parcel-service { overflow: hidden;} .sec-delivery .parcel-service dt, .sec-delivery .parcel-service dd {float: left; margin-bottom: 5px;} .sec-delivery .parcel-service dt { width: 30%;} .sec-delivery .parcel-service dd { width: 65%;} .sec-delivery .parcel-service dd a {color: #2299da; text-decoration: underline;} .sec-delivery .omg {font-size: 12px; color: #989898;} /* 고객센터 */ .notice-tit {overflow:hidden; padding:14px 15px; border-bottom:1px solid #eee; } .notice-tit h2 { float:left; font-size:14px; line-height:1.2em; color:#444; } .notice-tit .fr { margin-top:5px; } .notice-cnt { padding:15px 15px 20px; font-size:13px; line-height:1.2em; } /* FAQ */ .inp-sch-set { position:relative; display:block;} .inp-sch-set .inp-wrap { display:block; padding-right: 44px; } .inp-sch-set .inp-wrap input { padding:7px 2%; } .inp-sch-set .btn-wrap { position:absolute; display:block; top:1px; right:0; } .inp-sch-set .btn-sch { display:block; padding:5px 7px; background:#545454; border-radius:3px; } .inp-sch-set .btn-sch img { width:22px; } .faq-list { font-size:14px; line-height:1.2em; color:#444; } .faq-list dl dt:first-child { border-top:none; } .faq-list dt { border-top:1px solid #eee; } .faq-list dt button { display:block; width:100%; text-align:left; background:url(../../../images/common/ico_arrow-down-circle2.png) no-repeat 96% 50%; background-size:25px; } .faq-list dt button.on { background-image:url(../../../images/common/ico_arrow-up-circle2.png); } .faq-list dt button span { display:block; padding:16px 50px 16px 10px; } .faq-list dd { display:none; padding:16px 10px; border-top:1px solid #eee; background:#f9f9f9; } .faq-list dd .faq-q { display:block; margin-bottom:10px; color:#af0506; } .faq-list dd .faq-a { display:block; padding-left:18px; background:url(../../../images/common/ico_qna.png) no-repeat left top; background-size:11px 12px; } /* 1:1 문의 */ .tbl-1on1 .select-multi select { width:39%; } .tbl-1on1 .select-multi select:last-child { width:59%; } .tbl-1on1 textarea { min-height:150px; } /* 1:1 문의 - 결과, 2022-10-24 추가 */ .td-1on1-detail-answer {overflow: scroll;max-width: calc(100vw - 130px);} /* 설정 */ .tbl-setting .tbl-in-desc { font-size:14px; line-height:1.3em; } /* 앱 비밀번호 변경 */ .app-pass .secR { padding:5px 0; } #mid.app-pass .sec-desc { line-height:1.6em; color:#b8b8b8; } .app-pass .btn-pass-info { display:inline-block; padding:5px 16px 5px 0; line-height:1em; color:#b8b8b8; background:url(../../../images/common/ico_q.png) no-repeat right 4px; background-size:13px; } /* 약관 2014-07-16 수정 */ .article-area { padding:15px 15px 5px; } .article-area { font-size:12px; line-height:1.4em; color:#666; } .article-area div { margin-bottom:20px; } .article-area h2 { margin-bottom:15px; text-align:center; font-size:14px; color:#444; } .article-area p { margin-bottom:8px; } .article-area p strong { font-size:14px; color:#444; } .article-area li { margin-top:8px; } .article-area ul li:first-child { margin-top:0; } .article-area ol { width:100%; margin-top:6px; } .article-area ol > li { margin:6px 0 0 10px; } /* 2014-07-30 이미지 미리보기 레이어 */ .pop-img-detail { position:absolute; width:100%; top:0; left:0; z-index:200; } .pop-img-detail .btn-close { position:fixed; display:block; width:28px; top:10px; right:10px; } /* 2015-03-13, 복지포인트 합산 신청 */ .point-merge .sec-tit:first-child { margin-top:5px; } .point-merge .pi-area { height:130px; padding:15px; overflow-x:hidden; overflow-y:auto; line-height:18px; color:#767676; } .point-merge .pi-area li { margin-bottom:8px; padding-left:12px; text-indent:-12px; } .point-merge .pi-area p { margin-top:15px; padding-left:13px; text-indent:-13px; } .point-merge .pi-chk { padding:15px 0; text-align:center; border-top:1px solid #eee; } .point-merge .pi-chk span { display:inline-block; margin:0 10px; } .point-merge .tbl-type3 th { line-height:18px; } .point-merge .tbl-type3 td.tl { color:#000; font-size:14px; line-height:1.35em; } .point-merge .tbl-type3 input { height:30px; } .point-merge .btns { margin-top:20px; } /* 포인트차감방식변경 */ .view-subtract-way .way-info { font-size:13px; } .view-subtract-way .way-info ul { padding:0 15px; padding-bottom:20px; } .view-subtract-way .way-info li { position:relative; padding-top:20px; padding-left:15px; line-height:1.25em; } .view-subtract-way .way-info li:after { content:''; position:absolute; top:24px; left:0px; border-radius:50%; width:6px; height:6px; background:#c1c1c1; } .view-subtract-way .way-info li.em:after { background:#ff6c00; } .view-subtract-way .way-info div { border-top:1px solid #eee; } .view-subtract-way .way-info div:after { content: ''; display:block; clear:left; } .view-subtract-way .way-info div a { float:left; display:block; box-sizing:border-box; width:50%; height:50px; line-height:50px; border-left:1px solid #eee; background:#fbfbfb url(../../../images/common/ico_arrow-right.png) no-repeat 90% center; background-size:9px 15px; text-align:center; } .view-subtract-way .way-info div a:first-child { border-left:0px; } .view-subtract-way .way-select td { text-align:center; } .view-subtract-way .way-select td i { display:block; margin-top:2px; color:#acacac; } .view-subtract-way .way-select td input:nth-child(3) { margin-left:10px; } .view-subtract-way .way-caution p { padding:5px; padding-left:15px; height:26px; line-height:26px; } .view-subtract-way .way-caution p span { padding-left:20px; background: url(../../../images/common/ico_advice2.png) no-repeat left center; background-size: 14px; } .view-subtract-way .way-caution div { border-top:1px solid #eee; padding:0 15px; padding-bottom:15px; } .view-subtract-way .way-caution div li { line-height:1.25em; } .view-subtract-way .way-caution div li.ex { padding-left:16px; text-indent:-18px; color:#666666; } .view-subtract-way .way-caution div li ul { margin-top:10px; } .view-subtract-way .way-caution div li li { margin-top:5px; padding-left:14px; text-indent:-13px; } .view-subtract-way .way-caution div > ul > li { position:relative; margin-top:15px; padding-left:10px; } .view-subtract-way .way-caution div > ul > li:after { content:''; position:absolute; top:5px; left:0px; width:4px; height:4px; border-radius:50%; background:#c1c1c1; } /* 가족회원 관리 */ .view-family .menu-list1 + p { margin-top: 10px; padding-left:10px; text-indent:-8px; line-height:1.25em; } .view-family .term { padding:10px; line-height:1.25em; overflow-y:auto; height:125px; } .view-family .term-agree { display: block; margin-bottom: 20px; } .view-family .term-agree input { margin-right: 5px; } .view-family .tbl-family-top { margin-bottom:10px; } .view-family .tbl-family td { text-align: left; } .view-family .tbl-family tr:last-child td { padding-top:8px; padding-bottom:8px; line-height:23px; } .view-family .tbl-family .fr { } .view-family .tbl-family .inp-rel span { float: left; width:68%; } .view-family .tbl-family .inp-rel span:first-child { width:30%; margin-right:2%; } .view-family .tbl-family .inp-sex-set { width:80%; } .view-family .tbl-family .ico-txt.to-del { width:22px; height:22px; background:url(../../../images/common/ico_close.png) no-repeat center center; background-size:12px 12px; vertical-align: top; } .view-family .tbl-family-sub { text-align: right; } .view-family .tbl-family-sub button { width:50px; } .view-family .tbl-family-sub p { margin:10px 0; } .view-family .family-info { margin-top:10px; } .view-family .family-info > ul > li { padding:15px; border-top:1px solid #eee; } .view-family .family-info > ul > li:first-child { border-top:0px; } .view-family .family-info p { line-height:1.35em; } .view-family .family-info dfn { display:block; margin-bottom: 3px; font-style: normal; } .view-family .family-info strong { font-size:13px; } .view-family .family-info .fr { margin-top:-7px; } /* 1단 팝업 전시 */ #popup-wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: #f4f4f4;} #popup-wrap .swipe-banner {position: relative; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding-bottom: 45px; z-index: 50; overflow: hidden; margin-bottom: 0; border-bottom: none; } #popup-wrap .swipe {position: relative; width: 100%; height: 100%; box-sizing: border-box; padding-bottom: 45px; overflow: hidden;} #popup-wrap .wrapper .swipe {padding-bottom: 0;} #popup-wrap .swipe li {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .swipe-status2 {width: 100%; height: 30px; position: absolute; bottom: 45px; left: 0; text-align: center; } .wrapper .swipe-status2 {bottom: 0;} .swipe-status2 span {width: 15px; height: 15px; border-radius: 50%; display: inline-block; text-indent: -1000em; background: #c7c7c7; margin: 0 2px;} .swipe-status2 span.on {background: #af0506;} #popup-wrap footer{position: fixed; left: 0; bottom: 0; height: 45px; width: 100%; background: #f5f5f7; border-top: 1px solid #ddd; box-sizing: border-box; z-index: 8900; } #popup-wrap footer> p {display: block; width: inherit; height: inherit; padding-top: 12px; padding-left: 10px; box-sizing: border-box;} #popup-wrap footer> p> * {vertical-align: middle;} #popup-wrap footer > p label {font-size: 14px; line-height: 1.2em; margin-left: 5px; letter-spacing: -1px;} #popup-wrap footer button {position: absolute; right: 0; top: 0;} #popup-wrap footer .footBtn {width: 45px; cursor: pointer; height: inherit; border-left: 1px solid #ddd; padding: 8px;} /* 1, 2단 팝업 전시 */ #popup-wrap .wrapper {position:relative; left:0; top:0; width:100%; height: 100%; box-sizing: border-box; padding-bottom: 45px;} #popup-wrap .swipe.style-1 li {background: #f4f4f4} #popup-wrap .swipe.style-1 .type2 {width: 100%; height: 49.5%; overflow: hidden;} #popup-wrap .swipe.style-1 .type2 img {height: 100%;} #popup-wrap .swipe.style-1 li> .type2:first-child {border-bottom: 1px solid #ddd; margin-bottom: 8px;} #popup-wrap .swipe.style-1 li> .type2:last-child {border-top: 1px solid #ddd; margin-top: 8px;} #popup-wrap .swipe.style-1 li > .type2.on {position: absolute; top: 25%; border: none;} /* 튜토리얼 */ #tutorial-wrap {position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;} #tutorial-wrap .swipe {height: 100%;} #tutorial-wrap .intro {width: inherit; height: inherit; position: absolute; z-index: 100;} #tutorial-wrap .intro> img {height: inherit;} #tutorial-wrap .intro button {position: absolute; left: 50%; bottom: 10px; margin-left: -65px;} #tutorial-wrap .viewBtn {width: 130px; height: 41px; box-sizing: border-box; border-radius: 4px; border: 2px solid #c3c9d1; color: #c3c9d1; font-size: 15px; letter-spacing: -1px;} #tutorial-wrap .swipe-status{width: 150px; height: 13px; left: 50%; bottom:12.3%; box-sizing: border-box; font-size: 13px; color: #ffb400; background: none; padding: 0; margin-left: -72px} #playOn .swipe-status {width: 158px; height: 13px; left: 50%; bottom: 15px; box-sizing: border-box; font-size: 13px; color: #ffb400; background: none; padding: 0; margin-left: -79px} #playOn .swipe-status {} #tutorial-wrap .swipe-status *, #playOn .swipe-status * {vertical-align: middle; line-height: 13px;} #tutorial-wrap .swipe-status i, #playOn .swipe-status i {display: inline-block; width: 10px; height: 11.5px; } #tutorial-wrap .swipe-status .prev, #playOn .swipe-status .prev {background: url(../../../images/my/guide-arrow-left.png) left top no-repeat; background-size: 10px 11.5px; margin: -2px 1px 0 1px;} #tutorial-wrap .swipe-status .next, #playOn .swipe-status .next {background: url(../../../images/my/guide-arrow-right.png) left top no-repeat; background-size: 10px 11.5px; margin: -2px 1px 0 1px;} #tutorial-wrap .swipe-status em:first-child, #playOn .swipe-status em:first-child {margin-right: 6px; font-size: 18px;} #tutorial-wrap .swipe-status em:last-child, #playOn .swipe-status em:last-child {margin-left: 8px; font-size: 18px;} #tutorial-wrap .swipe-status .swipe-nav, #playOn .swipe-status .swipe-nav {position: relative; top: 0;} #tutorial-wrap> .closed { position: absolute; left: 50%; bottom: 1.6%; margin-left: -15.3%; width: 30.6%; height: 6.7%; box-sizing:border-box; border-radius: 4px; border: 2px solid #c3c9d1; font-weight: bold; color: #c3c9d1; font-size: 15px; letter-spacing: -1px;} /* 튜토리얼 이용안내 */ #playOn {position: absolute; left: 0; top: 105px; width: 100%; z-index: 300; overflow: hidden;} #playOn .swipe-banner {position: relative; left: 0; top: 0; width: 100%; height: 100%;} #playOn .swipe-banner .swipe {width: 100%; height: 100%} #playOn .swipe-banner .swipe * {width: inherit; height: inherit;} /* 개인정보 제3자 제공동의 */ .view-family .tx-list {margin-bottom: 10px;} .view-family .tx-list li {margin-top: 5px;} .view-family .tx-list li:first-child {margin-top: 0} .fzb {font-size: 1.2em; font-weight: bold;} /* 상품리뷰 신규 구축 2020-11-06 */ .goods-review-wrap {color:#989898; letter-spacing:-0.2vw; font-size:3vw; background:#fff;} .goods-review-header {position:fixed; height:12.817vw; left:0; top:0; line-height:12.817vw; border-bottom:1px solid #dfe1e3; font-size:3.5vw; z-index: 4500; width:100%; background:#fff;} .goods-review-header .cancel {position:absolute; left:3.95%; top:4.5vw; font-size:3.75vw;} /* BENEDR-8141, 수정 */ .goods-review-header h1 {text-align:center; padding:0; font-weight:bold; font-size:5.27777777777778vw; color:#1b1b1b; font-weight: normal;}/* BENEDR-8141, 수정 */ .goods-review-header .save {position:absolute; right:4.02%; top:4.5vw; font-size:3.75vw; padding-left:4.72vw; background:url(/images/my/ico_save.png) no-repeat left center; background-size:3.33vw; color:#aaa;} /* BENEDR-8141, 수정 */ .goods-review-header .save.on {background:url(/images/my/ico_save_on.png) no-repeat left center; background-size:3.47222222222222vw auto; color:#ff8542;} .goods-review-mid {padding-top:calc(12.817vw + 1px);} .goods-review-wrap .goods-review-section {background: #fff;border-top: 2.08vw solid #f3f3f3;} /* 2021-03-12 추가 */ .goods-review-wrap .goods-review-section.goods-review-section-flat {border-top:none;} /* 2021-03-24 추가 */ .goods-top {height:29.72vw; border-bottom:2.08vw solid #f3f3f3; position:relative;} .goods-top > img {position:absolute; left:3.88%; top:4.44vw; width:20.555vw; border-radius:1.2vw; border:1px solid #eee;} .goods-top .tx-group {margin:0 3.88% 0 28.2%; display:flex; flex-wrap: wrap; height:21.6vw; padding-top:4vw; align-content:center; position:relative;} .goods-top .tx-group p { width:100%; line-height:1.9em;} .goods-top .tx-group .tit {display: -webkit-box;color:#363636; overflow:hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 2em;margin-right: .6em;} /* 2021-03-05 수정 */ .goods-top .tx-group .tx01 {color:#999; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; padding:1em 0 1.5vw; border-bottom:1px solid #eee;} /* 2021-03-05 수정 */ .goods-top .tx-group .tx02 {color:#999; padding:1.7vw 0 1.3vw; border-bottom:1px solid #eee; line-height:1.5em;} .goods-top .tx-group .myModifyBtn {position:absolute; width:5.55vw; right:-2vw; top:1.8vw; height: 6.944444444444444444444444vw;overflow:hidden;text-indent: -200vw; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAMAAAAZbWmiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NTk1YzI2MS1kMzRhLWUwNDctYTIxMS1jNDY3OWUyNDA2ZGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUUyQzM0Rjk1NEI0MTFFQkE2Q0VDOTIxQjUxNzMyNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUUyQzM0Rjg1NEI0MTFFQkE2Q0VDOTIxQjUxNzMyNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N2E4YzE5YWUtZTg4MC0yMTQwLThiOTAtNTU0NWFjYmNkZTVmIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1OTVjMjYxLWQzNGEtZTA0Ny1hMjExLWM0Njc5ZTI0MDZkYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpUT/swAAAAVUExURcbGxtzc3P7+/t7e3t3d3cLCwv///y1Y2kEAAAA9SURBVHjaYmAjEjCMKhxohUyMDAyMTEQoZGEFAmYiFDKAFDJQUyHRVhPtmdG4Ho3r0bgejetRhbRRCBBgAJhRLZfw6VFWAAAAAElFTkSuQmCC'); background-size:contain;background-position: center;} .goods-top .tx-group .myModifyConts {width:23vw; border:1px solid #cbcbcb; position:absolute; right:-2vw; top:10.5vw; display:none;} .goods-top .tx-group .myModifyConts > button {width:100%; height:10.35vw; background:#fff; line-height:11vw; border-bottom:1px solid #cbcbcb; text-align:center; font-size:3.2vw;} .goods-top .tx-group .myModifyConts > button:last-child {border:0;} .goods-top.goods-top2 {height:inherit; background:#fff;} .goods-top.goods-top2 .tx-group .tit {line-height:1.5em;} .goods-top.goods-none {padding: 5em 0;text-align: center;border-bottom: none;} /* 2021-03-19 추가 */ .goods-top.goods-none > p {font-size: 4.44444444444444vw; color: #363636;} /* BENEDR-8141, 추가 */ /* 상품리뷰작성 수정 추가 2021-01-20 */ .goods-top .tx-group2 {margin:0 3.88% 0 28.2%; display:flex; flex-wrap: wrap; height:21.6vw; padding-top:4vw; align-content:center;} .goods-top .tx-group2 p { width:100%; line-height:1.9em;} .goods-top .tx-group2 .tit {color:#363636; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;} .goods-top .tx-group2 .tx01 {color:#999;} /* 폼 2021-03-12 추가 */ .goods-review-form {padding: 5.555555555555% 4.5833333333333% 4.8611111111111111111%;font-size: 1.11111111111111111111em;} .goods-review-form > * + *, .goods-review-form fieldset > * + * {margin-top: 2.9051987767581%;} .goods-review-form fieldset + fieldset { margin-top: 5.555555555555555555%; } .goods-review-form legend { font-size: 1.083333333333333333em; color:#1b1b1b; line-height: 1em;} /* form > input, select, textarea common */ .goods-review-form input, .goods-review-form textarea, .goods-review-form select.select-type1 {font-size: .9166666666666666667em;padding: .95454545454545454545em;line-height: 1em;border-color: #ccc;color: #1b1b1b;} .goods-review-form input::placeholder, .goods-review-form textarea::placeholder {font-size:1em; padding:0;color:#666;} /* form > select */ .goods-review-form select.select-type1:disabled {background-color: #f4f4f4;} /* form > select - button */ .goods-review-form .form-select-button {display: flex;justify-content: space-between;} .goods-review-form .form-select-button select.select-type1 {width: 66.823161189835737%;} .goods-review-form .form-select-button button {width: 30.4694835680751%;font-size: .9166666666666666667em;background: #fff;color: #333;border: 1px solid #333;border-radius: .41666666666666666667em;} .goods-review-form .form-select-button select.select-type1:disabled {background-color: white; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAANCAYAAABCZ/VdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU1RjZBMDBGODYyMTExRUJCMjdGRTI4MDQ4QUI1MzJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU1RjZBMDEwODYyMTExRUJCMjdGRTI4MDQ4QUI1MzJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTVGNkEwMEQ4NjIxMTFFQkIyN0ZFMjgwNDhBQjUzMkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTVGNkEwMEU4NjIxMTFFQkIyN0ZFMjgwNDhBQjUzMkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Tuc69AAABKklEQVR42qSTMUsCYRjH3150aY646fAuFELuA9ze2AdpaHAJpcHBRZcGh8ChlmgIQXAoiHBu6T5JQ0ODEDj0f+A3HKK+yj3wU+59/s/vhfPxqCiKT+fcqbgSC1e9LsREfHt9ROJMPIq8ojjHY77I5D27RcTipcIFOfMxvp7Jp+JG/NB4FtmB4oy5GI/5pp7mk+jSSMX8gAsy8inzXXzOl0IPoi9+Cc5EEhAn5FLm+njcutzqXgwINsX7jgsS+k3yA+bdNrnVnRiJpWiJNzaqXBHnLXIj5lxIbjUkbIPn7H9UEi84X5IbbpL4He/T3t9Y/Im2+BANvtucj8ltrFrgB7sVx/x7bSu+xAniCf2t5fdYtQ4bsEK84rkTGqztucvXoi4uxSvPwfoXYADh8EE+KXJE3AAAAABJRU5ErkJggg=='); background-size: .95833333333333333333em auto;background-position: right 1.125em top 50%; } /* form > textarea */ .goods-review-form textarea {min-height: 11.681818181818181818em;} /* form > radios */ .goods-review-form .radio-buttons {overflow: hidden;display:flex;} .goods-review-form .radio-buttons label {position: relative;flex-grow: 1;border: 1px solid #ccc;background: #f8f8f8;} .goods-review-form .radio-buttons label + label {margin-left:-1px;} .goods-review-form .radio-buttons label:first-child {border-top-left-radius: .166666666666666666667em;border-bottom-left-radius: .166666666666666666667em;} .goods-review-form .radio-buttons label:last-child {border-top-right-radius: .166666666666666666667em;border-bottom-right-radius: .166666666666666666667em;} .goods-review-form .radio-buttons label input {position: absolute;top: -150%;} .goods-review-form .radio-buttons span {display:block;position: relative;text-align:center;line-height: 2.66666666666666666em;color: #666;z-index: 1;} .goods-review-form .radio-buttons label input:checked + span {border: 1px solid #1b1b1b;border-radius: .166666666666666666667em;background: white;color: #1b1b1b;margin: -1px -1px;} /* form period-date */ .goods-review-form .period-date-inputs {display: flex;justify-content: space-between;position:relative;} .goods-review-form .period-date-inputs:after {content:"";position: relative;display:block;width: 1.07033539143731%;height: .0625em;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #666666;} .goods-review-form .period-date-inputs label {display: block;width: 46.63608562691131%;} .goods-review-form .period-date-inputs label input {border-color: #ccc;} /* form button */ .goods-review-form button.button-round {font-size: 1.06666666666666667em;height: 2.5em;padding: 0 3.0859375em;border: 1px solid #232323;color: #232323;font-weight: 500;border-radius: 1.25em;display: block;margin-top: 6.46687697160883%;margin-left: auto;margin-right: auto;} /* 버튼 2021-03-15 추가 */ .goods-review-wrap .btns {text-align: center;font-size: 1.1111111111111111111em;margin-top: 2.0833333333333333em;margin-bottom: 1em;} .goods-review-wrap .btns > a {font-size: 1em;display: inline-block;width: 43%; line-height: 1.2em;} /* 2021-04-02 수정 */ .goods-review-wrap .goods-review-form .btns {font-size: 1em;} /* btn-half */ .goods-review-wrap .btns.btn-half {display: flex;justify-content: space-between;} .goods-review-wrap .btns.btn-half > a {width: 48.28125%;} /* 테이블 */ /* goods review table */ .goods-review-table {width: 93.33333333333333333333333%;margin: .89em auto 0;font-size: 1.111111111111111111111em;line-height: 1.5em;color: #666;} .goods-review-table th {width: 22.35%;color: #1b1b1b;} .goods-review-table tbody tr th, .goods-review-table tbody tr td {vertical-align: top;padding: .833333333333333333333em 0;} .goods-review-table tbody tr td {padding-left: 1.25em;padding-right: .8em;} /* goods review table type2 */ .goods-review-table.goods-review-table-type2 {background: #f3f3f3;border-radius: .41666666666666666666667em;} .goods-review-table.goods-review-table-type2 tbody tr th, .goods-review-table.goods-review-table-type2 tbody tr td {position: relative;padding-top: 1.4583333333333333333em;padding-bottom: 1.4583333333333333333em;} .goods-review-table.goods-review-table-type2 tbody tr ~ tr th:before, .goods-review-table.goods-review-table-type2 tbody tr ~ tr td:before {position: absolute;content:"";display:block;top: 0;left:0;right: 0;height: 0;border-top: 1px dashed #cccccc;} .goods-review-table.goods-review-table-type2 tbody tr ~ tr th:before {left: 1.45833333333333333333333em;} .goods-review-table.goods-review-table-type2 tbody tr ~ tr td:before {right: 1.45833333333333333333333em;} /* goods review table resources */ .goods-review-table .goods-review-status {font-weight: bold;color: #ff6d00;} /* item view */ .goods-review-wrap .goods-review-item-list { font-size: 1.11111111111111111111em; } .goods-review-wrap .goods-review-form .goods-review-item-list { font-size: 1em; } .goods-review-wrap .goods-review-form .goods-review-item-list:empty {display: none;} .goods-review-wrap .goods-review-item-view {position: relative; padding-left: 7.5em;font-size: .9166666666666666666667em;min-height: 6.818181818181818181em;margin-bottom: 2.7777777777777777778%;} .goods-review-wrap .goods-review-item-view h2 {font-size: 1em;line-height: 1.54545454545454545454em;color:#1b1b1b;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .goods-review-wrap .goods-review-item-view img {position: absolute;top: 0; left:0;width: 6.8181818181818181em;height: 6.818181818181818181em;object-fit: contain;border-radius: .375em;} .goods-review-wrap .goods-review-item-view ul {line-height: 1.27272727272727272em;margin-top: .5em;} .goods-review-wrap .goods-review-item-view .goods-review-item-button {position: absolute;top: 50%;right: 4.6875%;transform: translateY(-50%);border: 1px solid #000;color: #000;font-size: 1em;height: 2.2727272727272727273em;width: 14.28571428571429%;border-radius: .22727272727272727273em;} .goods-review-wrap .goods-review-item-view .goods-review-item-delete {position: absolute;top: 50%;right: .77272727272727272727em;width: 2.454545454545454545em;height: 2.454545454545454545em;transform: translateY(-50%); background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVDRUMyM0M0ODg4RTExRUJBQUUzQUQ2QjEwQkU0OEVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVDRUMyM0M1ODg4RTExRUJBQUUzQUQ2QjEwQkU0OEVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUNFQzIzQzI4ODhFMTFFQkFBRTNBRDZCMTBCRTQ4RUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUNFQzIzQzM4ODhFMTFFQkFBRTNBRDZCMTBCRTQ4RUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6D9t+xAAACZ0lEQVR42ryWSWgUQRSGe3okQdBxjZk4GBcCbiEkuEbEKG45jAsRPeRiLpqAQi4BL+JN8OZFvSnoSQVxDVFj3GIQFVxwEAURPGiiKFHBkQyJ+j34G4bByXTPjHnwdXd1vaq/q6veqwrFYjFnDGwNfHa5mFof7PtPQu1wF86O4xKFelgFE+FIEYUOqL8/cCwciUT6eXgPW2AjuPqSQu0QHIYR2AsnTcwqnsNb2A7rYDzcKkDIRnNQQrvhtL30xMxewisJNsBkuBlQJARHoQNS0AznvMp0MUdiL6AJVms+OwMInYD9EtoJF9Md3H80ugrbIAmtcMo+KodQWH5tarcVrmQ6uVka34A4/IQWODOKYFj1LfKPq73jV8zsDjTCD/3781CS4VOi983ya1Q7J6iY2QOFw6Dm8QKUqq5U5SbVb5C/k6+Y2WNYD1/0iy7DdN3jem/1T3KuoAC5sVqxVw7fFBoDGnnCTwdugBhKKMukJJRSOeG3gyBiU+G4FsWw7hZXU4otVgY9sExpzbaMdyr3aA6LIhZVYq6F10plDyX4BupUHy1UbJY6WqTcuRY+qu6DyjZni+UXy1dsDtyD+fBUu8GnDJ8BvX8mv/swO6hYlYTmwiPF0dcsvulxNk/tqvyKLdQXVkIvbFJcjWaDirc+jcwEF+QSq9G/r9Aq83KjH/sOm5UbZ6qf6mxiS+A2zIDrCthkwM0zPeuXS7guU6xeI5kGl7Sf/crzSJBU+2uKPxvACk9sAnTBJG0Xu5SKCrEh2KFdwTteLLdjwW8eVkI37FEqKoaNSMxW5lIrh8bgRBzWMaH3rwADAB2HivVtcburAAAAAElFTkSuQmCC'); background-position: center;background-size: 50% auto;overflow: hidden;text-indent: -200vw;} /* item view - has border */ .goods-review-wrap .goods-review-item-list.goods-review-item-border .goods-review-item-view { border: 1px solid #ccc; border-radius: .45454545454545454545em; padding: 1em 6.2727272727272727272727em 1em 8.2727272727272727272727em; min-height: 6em; } .goods-review-wrap .goods-review-item-list.goods-review-item-border .goods-review-item-view img {left: .68181818181818181818em; top: 50%; transform: translateY(-50%);} /* item view - in table */ .goods-review-wrap .goods-review-table .goods-review-item-view { padding-left: 6.15em; min-height: 4.25em; } .goods-review-wrap .goods-review-table .goods-review-item-view img { width: 4.25em;height: 4.25em; top: .8333333333333333333em;left: 1.05em; } /* bottom pop */ .goods-review-bottom-pop { --pop-height: 60vh; position: fixed;font-size: 3vw;background: white;top: 100vh;left:0;right: 0;transition: top .3s;min-height: var(--pop-height);} .goods-review-bottom-pop.goods-review-bottom-pop-open {top: calc(100vh - var(--pop-height));} .goods-review-bottom-pop.goods-review-bottom-pop-open:before, .goods-review-bottom-pop.goods-review-bottom-pop-open:after {position: absolute;content:"";display: block;background: rgba(0,0,0,.7);left:0;right:0;height: 100vh;bottom: 100%;} .goods-review-bottom-pop.goods-review-bottom-pop-open:after {background: white;height: .6944444444444444444em;border-top-left-radius: .6944444444444444444em;border-top-right-radius: .6944444444444444444em;} .goods-review-bottom-pop h3 {font-weight: bold;font-size: 1.2037803703703704em;color: #1b1b1b;line-height: 1em;margin: .5769230769230769em 0 .5769230769230769em 5.8333333333333333333%;} .goods-review-bottom-pop .goods-review-bottom-pop-close-button {position: absolute;top:0;right:3.75%;width: 7.5%;height: 0;padding-top: 7.5%; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzMUJDOEIwOEFDOTExRUJCODkzRUM1OENDQzAwQTA4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzMUJDOEIxOEFDOTExRUJCODkzRUM1OENDQzAwQTA4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjMxQkM4QUU4QUM5MTFFQkI4OTNFQzU4Q0NDMDBBMDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjMxQkM4QUY4QUM5MTFFQkI4OTNFQzU4Q0NDMDBBMDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5P+TrwAAACa0lEQVR42ryWS2gTQRjHk01p8WB8kNrWYKsira0FLT4joq214iGiDdiDl/ZUBQUvghfBiwdvXkS8KOhJxXfRoqj1UVEUfBM8FMGDTyzWikWDVn8f/ANLMMluEjvwS7I738wvuzPzzQSj0WhgAspq+OTwYbZ7sOM/iXbBLThZxkc1xGAlTIYDJRTtUX9/4FAoHA6/58cb2Agd4OifFFv2wX74Db1w1GRW8RSGYDO0wSS4XoTInmavRN1w3G6mZVZeQFLCNTAVrvmUBOEg7IYUbIVT6Uq3LCDZM0jAKo3nZR+iw7ATfkIXnHcHOP9o1AebYAy2wTH7U3lEIcVtVztrfykzyMnS+CrE4Tv0wIkcwjLV9yg+rvYBrzIrA7ABRvXuT0N5Rky5xsTqvyp+IFuHTp7XMwjr4IvG8SxUqK5C1wnVdyg+UKjMyiNoh896RRchojGJ63674nLPIB+5sVlrrwpGtDQ+SJT00oHjYw291JOkJEop6yS9duBHNh2OaFL80retq2mlllXCDVistGZbxmtYqvuRUslqlJgXwSulsvsS2nWL6quLlc1SR03wXKJ3qnsLrRrLBYqLFiqbDbehHh7DWtttM2I+apd4Ag1wB+r8yuolmgMPNL2Hs8Sm19lDmKt287zKGvVKauEurNe6ylXcGaROwvn5ZAslqtEss1z3zeOMHXXlxpnqpzmbzKb1TZgBV7SAx3xunu6sXyVxS6YspiexhXsBOuFHgUcC934W0QMsT8vsRNUPU7RddCkVFVNsp94CZ1zHi2V2LBjnxwrd6FUqKkWxw845zcwldh2cgBNxSAl78K8AAwAz0or5V/l5yQAAAABJRU5ErkJggg=='); background-size: 50% auto;background-position: center;} .goods-review-bottom-pop .goods-review-bottom-pop-content {position: absolute;left: 0;right: 0;top: 0;margin-top: 12.638888888888888888888889%;bottom: 0;} .goods-review-bottom-pop .goods-review-item-list {padding: 0 5.6944444444444444444444%;height: 100%;overflow: scroll;} /* question list */ .goods-review-wrap .question-list {font-size: 1.018518518518519em;padding: 5.97222222222222222222% 4.305555555555555555556%;} .goods-review-wrap .question-list > li {border:1px solid #cccccc;border-radius: .363636363636363636em;} .goods-review-wrap .question-list > li + li {margin-top: 2.72727272727273%;} .goods-review-wrap .question-list > li > a {display: block;padding: 4.2424242424242424%; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAhCAYAAAA74pBqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDY0OCwgMjAyMS8wMS8xMi0xNTo1MjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE4ODExQzJGODMyNzExRUI4NTBCQ0FGMEYwOEI2ODUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE4ODExQzMwODMyNzExRUI4NTBCQ0FGMEYwOEI2ODUzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTg4MTFDMkQ4MzI3MTFFQjg1MEJDQUYwRjA4QjY4NTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTg4MTFDMkU4MzI3MTFFQjg1MEJDQUYwRjA4QjY4NTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5RwtYdAAACBUlEQVR42qTWTUhUURjG8TPTkBWBhAjRh9sgXNnGjZRQROYU6SIRpCxCAiXSNkIgQdCmAikQFMloUYIQaCSKYrZwNbWKoE0LrRBELAhNqfT/xnPjLBTuOb7wgzkX5sE7c593zBQKhR7nXC2+4zw+u8jJIo9DKMcbHNlO2Kx3PoxJVMSGncQ779pBjOB4TNgyqjCDv7p+AC9wJjTMZgXVmMJvXduPp7gQGmazhtMY12ubUvShKTTM5o8ek1dY1bUSdKMtNMxmHfV4rtu32Yc7uB0alkwz+vHTC7yFezFhTrf2GD90LkYrHsWE2XTiPpZ03oureBITZnMXXV7gbjRgCJnQMKdbu4FFnXep19aWHaFhNs9wDQs679SzOWavsxF9folLmNc5p/aMZCO3zSgeeE2xnKOxYTXo0G06LYiPMWF1GNAicFoMtiDyoWFW+F4tgGQ5jOlLWAsJa1PhS3T+pccirwXx75tIM1bwdvUz2X+D6u//SRNmxb6uXjoVf2CzlZRL8dRfVh+dCt+jvrqQMCvyRfXQqZcP1VOXNiyjAp9FkRfUtdXq2SrMCjusn7/kgbRi31QvXdowe/Nr/V4m163QLeqjSxtmn8sEKr1NYkW+oh66tGF78BbHvOvf0IjpkHrk9Bf5QV9xDu9DS2thZd55DqfwKfYfF+vXF3zAidggmw0BBgB3oGfdo1lPYQAAAABJRU5ErkJggg=='); background-size: 2.8787878787878787878788% auto;background-position: 93.939393939393939393% center;} .goods-review-wrap .question-list > li h2 {font-size: 1.090909090909091em;color: #1b1b1b;line-height: 1em;margin-top: .4166666666666666666667em;margin-bottom: .75em;} .goods-review-wrap .question-list .question-info {display: flex;flex-flow: row wrap;} .goods-review-wrap .question-list .question-info li {position: relative;line-height: 1em;display: inline-block;} .goods-review-wrap .question-list .question-info li + li {padding-left: 1.2727272727272727273em;} .goods-review-wrap .question-list .question-info li + li:before {content:"";display: block;width: 1px;height: .6363636363636364em;position: absolute;top: 50%;left: .636363636363636364em;transform: translateY(-50%);background: #eeeeee;} .goods-review-wrap .question-list > li .question-category {font-size: .9090909090909091em;line-height: 1.1em;} /* question status */ .goods-review-wrap .question-status {display: block;color: white;font-weight: bold;width: 4.59090909090909091em;line-height: 1.545454545454545454em;background: #cccccc;text-align: center;border-radius: .136363636363636363em;} .goods-review-wrap .question-status.question-status-complete {background: #ff6d00;} /* star review */ .goods-review-star {padding:0 3.88% 2em; background:#fff;} /* 2021-04-02 수정 */ .star-check {height:29.17vw; border-bottom:1px solid #eee;} .star-check .tit {text-align:center; color:#1b1b1b; font-size:3.5vw; padding:5.7vw 0 2.8vw; } .star-check .star-total-btn {width:41.666vw; height:7.916vw; background:#dbdbdb; position:relative; margin:0 auto;} .star-check .star-total-btn span {background:#f4b63f; display:inline-block; width:100%; height:100%;} .star-check .star-total-btn span img {position:absolute; display:inline-block; width:100%; height:100%;} .star-check .star-total-btn button {position:absolute; width:20%; height:100%; text-indent:-99999px; top:0;} .star-check .star-total-btn button.bt1 {left:0;} .star-check .star-total-btn button.bt2 {left:20%;} .star-check .star-total-btn button.bt3 {left:40%;} .star-check .star-total-btn button.bt4 {left:60%;} .star-check .star-total-btn button.bt5 {left:80%;} .star-check .comment {text-align:center; font-size:2.8vw; color:#999; margin-top:1.75vw;} .star-check .comment.on {color:#e09d1d;} .star-check .star-check-btn {width:39.86vw; height:3.194vw; margin:0.25vw auto 0; border-bottom:0.2777vw solid #dfe1e3; position:relative} .star-check .star-check-btn button {width:6.8vw; height:13vw; background:#fff url(/images/my/star_review_check.png) no-repeat left top; background-size:100%; overflow:inherit; margin-right:9.08vw; color:#9f9f9f; font-size:2.8vw; position:relative;} .star-check .star-check-btn button:last-child {margin-right:0;} .star-check .star-check-btn button.on {background:#fff url(/images/my/star_review_checkOn.png) no-repeat left top; background-size:100%;color:#e09d1d;} .star-check .star-check-btn button span {display:block; text-align:center; padding-top:8.3vw; white-space:nowrap; width:15.4vw; letter-spacing:-0.2vw; position:absolute; left:-4.5vw; top:0.5vw;} .star-write .whatLike {color:#666; background:#f4f4f4; border:1px solid #dfe1e3; font-size:4.44444444444444444444vw; min-height:41vw; line-height:1.6em; border-radius:0; padding:2.9vw;} /* 2021-04-02 수정 */ .star-write .whatLike::placeholder {color:#b3b3b3; font-size:4.44444444444444444444vw;} /* 2021-04-02 수정 */ .star-write .whatLike:focus {outline:2px solid #ff8023;} .star-write .countTx {color:#9f9f9f; text-align:right; margin-top:2.7vw;} .star-write .tit {text-align:center; color:#1b1b1b; font-size:3.5vw; padding:5.7vw 0 2.8vw; } .star-picture { padding:5.55vw 0 1em;} /* 2021-04-02 수정 */ .star-picture > button {width:100%; border:0.2777vw dashed #585858; height:11.8vw; text-align:center; font-size:3.5vw; font-weight:bold; flex-wrap: wrap; align-content: center;} .star-picture > button img {width:5.83vw; margin-right:1.5vw;} .star-picture .picture {margin-top:4.3vw; overflow:hidden;} .star-picture .picture li {width:23.61vw; height:23.61vw; overflow:hidden; position:relative; float:left; margin-right:1.3888vw;} .star-picture .picture li > img {object-fit: cover; width:23.61vw; height:23.61vw;} .star-picture .picture li button {position:absolute; right:0; top:0; width:5.416vw; height:5.416vw;} .star-notice {background:#fff;} .star-notice button {width:100%; height:12.08vw; line-height:12.08vw; background:#f3f3f3 url(../../../images/common/ico_arrow-down3.png) no-repeat 96% center; background-size:3.194vw; color:#363636; padding:0 4.1vw; text-align:left; font-size:3.2vw;} .star-notice button.on {background:#f3f3f3 url(../../../images/common/ico_arrow-up.png) no-repeat 96% center; background-size:3.194vw;} .star-notice .list {padding:4.86vw 6vw; width:inherit; display:none;} .star-notice .list > li {padding-left: 2vw; background: url(/images/common/ico_blet3.png) no-repeat left 1.6vw; background-size: 0.55vw; margin: 0 0 1.3vw -1.7vw; line-height: 1.4em; font-weight: normal; color: #8d8b8b;} .star-notice .list > li .list-sub li {margin-left:2.5vw; text-indent:-1.5vw;} .star-notice .list .black {color:#1b1b1b;} /* .myReviewTab {height:12.5vw; border-bottom:1px solid #eee; padding-top:26.5vw;} .myReviewTab li {color:#666; font-size:3.6vw; text-align:center; width:50%; line-height:12.5vw; float:left; position:relative;} .myReviewTab li:last-child:before {content:''; width:0.2777vw; height:5.555vw; position:absolute; left:0; top:3.472vw; background-color:#dfe1e3;} .myReviewTab li.on {color:#1b1b1b; font-weight:bold; text-indent: .5384615384615385em;} .myReviewTab li.spot:after {content:''; width:1.25vw; height:1.25vw; border-radius:0.625vw; background:#f4b63f; display:inline-block; margin-bottom: 1em; margin-left: .1923076923076923em;} */ #nav.myReview {top:11.6666vw; border-top:2.083vw solid #f3f3f3; } #nav.myReview .nav li.on a:after {height:2px; bottom:-7px;} /* BENEDR-8141, 마이페이지 리뷰 개선 */ .banner-ads {position: relative; background-color: #f2f2f2;} .banner-ads a {display: block;} .myReviewTab {height:15.27777777777778vw; border-bottom:1px solid #eee; padding-top:0vw; display: flex;} .myReviewTab li {color:#a0a0a0; font-size:4.16666666666667vw; letter-spacing: -0.07em; position:relative; display: flex; justify-content: center; align-items: center; flex: 1;} .myReviewTab li a {display: flex; height: 100%; align-items: center;} .myReviewTab li strong {margin-left: calc(5em / 15); font-family: roboto;} .myReviewTab li.on {color:#1b1b1b; font-weight:bold;} .myReviewTab li.on::after {content: ""; display: block; width: 80%; height: 1.5px; background-color: #000; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%);} .myReviewTab li.on strong {color: #f9a810;} .myreview-notice-txt { margin: calc(15em / 11) 0 calc(5em / 11) calc(15em / 11); padding-left: calc(22em / 11); font-size: 3.05555555555556vw; line-height: 1.5em; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAADVUlEQVRYhcWXz0scZxjHPztk1TTdmT2o64AMFNsRCk3GnkK8VMN40IJIL23/gPfck+TW0lN/XHp+z5b2VD2UIC7BHKSCh25ZWIQ1sbAK4856cGYb03Vgtgd3kolN4rtuot/TwPA+38/763mfJ9Nut1GRlPJd4FNgCnCA94B85/cR8DfwF7AO/C6E+EclbuY8ACnlB8Ai8CXwjhItPAV+Bn4QQuxcCEBKOQB8C3wFZAFM08SyLEZGRtB1nf7+fgBarRZhGHJwcECtVsPzvCTMCfAT8LUQ4l9lACnl+8BvwEeZTAbbtnEcB8MwXj/vjoIgoFQqsbOzQyd+GfhMCPHoXAAp5cfAfaBgGAZTU1MMDw8rGZ+V7/usr68TBAFAHZgVQvz5SoDOzP8AhkZHR3Fdl2w2eyHzRFEUUSwW2d/fB2gAd9Ir8QxASnkd2ARumabJ3Nwcmqb1ZJ4ojmNWV1cTiDJwWwjxFCDt8A1wK5fL4bruGzMH0DQN13XJ5/MANzteQGcFpJRjwHYmk8nOz88r7fnu7i5bW1sYhsH09PSzG/E6NRoNVlZWaLfbEfChEOJRMs17QNa2beUDt7GxQRiG7O3tsb29rTRmaGgI27bh9FrfA9CklDngC4CJiQmlQAADAwMv/T5PKY/PpZS5a8AscMM0TXRdVw40MzNDpVJB13XGx8eVx+m6jmmaeJ53A5i9BtwFsCxLOQhAPp9ncnKyqzGJLMtKsuVdjdNTSaFQuFCwiyjldVMDxgDlNJvo8PCQpaUlNjc3uwZIeY1pgA7Q19fXVRDf9zk+PqZSqXQNkLqyes/ZJo7jnsZrQAhwcnLSK4uyWq1W8hlqwGMgebEuRSmvxxqnjwP1ev3SAFJeZQ14AFCr1S4NIOX1QOO0+HjieR5hGL518zAMkyT0BLivCSGawC8ApVLprQOkPH4VQjSTa/gdEFWrVXzfVwo0ODiI4zg4jqNs3mg0qFarAFHH84WK6HtgMZfLsbCw0NULp6IoilheXubo6AjgRyHEIvy/Iio3m02KxWLPCSatOI5ZW1tLzMucrYgSXWlRmoK4urI8BXF1jUkK4pWtWaFQwDCMF1qzIAio1+tvpjU7A3I1zelLQJL2/BOet+fJngQ8b88f0kV7/h+ac5lLT1HE6wAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-size: calc(16em / 11) auto; } .written .goods-top, .writeable .goods-top { font-size: 1.2em; } /* 작성 가능한 리뷰 리스트 */ .goods-fields-list { padding-bottom: 5.27777777777778vw; background: #fff; } .goods-fields-list .item { display: flex; justify-content: space-between; padding: 6.94444444444444vw 4.16666666666667vw 5.55555555555556vw; border-bottom: 1px solid #eeeeee; background-color: #fff; } .goods-fields-list .item .thumb { position: relative; width: 24.44444444444444vw; height: 24.44444444444444vw; box-sizing: border-box; border: 1px solid #eee; border-radius: 1.38888888888889vw; overflow: hidden; } .goods-fields-list .item .tx-group { flex: 1; margin-left: 15px; } .goods-fields-list .item .tx-group .text-box { display: box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; box-orient: vertical; -webkit-box-orient: vertical; word-wrap: break-word; } .goods-fields-list .item .tx-group .tit { font-size: 3.88888888888889vw; color: #363636; line-height: 1.215714285714286em; letter-spacing: -0.07em; line-clamp: 2; -webkit-line-clamp: 2; } .goods-fields-list .item .tx-group .option { display: block; margin-top: calc(6em / 13); font-size: 3.61111111111111vw; color: #7b7b7b; line-height: 1.153846153em; } .goods-fields-list .item .tx-group .date { display: block; margin-top: calc(10em / 12); font-size: 3.33333333333333vw; color: #8c8c8c; line-height: 1.153846153em; } .goods-fields-list .item .tx-group button { min-width: 34.44444vw; height: 8.611111111vw; margin-top: calc(18em / 13); padding-right: calc(12em / 13); border: 1px solid #f4b63f; box-sizing: border-box; font-size: 3.61111111111111vw; line-height: 1.5384615em; color: #ffb62c; background: url("/images/common/ico_arrow_orange.png") no-repeat right 17px top 50%; background-size: 1.25vw; } .written .goods-fields-list .item .thumb { width: 18.88888888888889vw; height: 18.88888888888889vw; } .written .goods-fields-list .item .tx-group .tit { line-clamp: 1; -webkit-line-clamp: 1; } /* 더보기 */ .writeable .review-more, .written .review-more { background: #fafafa; height: 49px; line-height: 49px; border-top: 1px solid #f4f4f4; } /* BENEDR-10993 수정 */ .writeable .review-more button, .written .review-more button { padding: 7px 27px 18px 10px; margin: 8px auto 0; background: url(/images/hotdeal/ico-arrow4.png) no-repeat right 12px; background-size: 11px; font-size: 14px; color: #1b1b1b; display: block; letter-spacing: -1px; } /* BENEDR-10993 ".written .review-more", ".written .review-more button" 추가 */ .goods-fields-list .reviewer { display: flex; flex-direction: column; padding: 5.55555555555556vw 4.16666666666667vw 8.33333333333333vw; border-bottom: calc(7em / 11) solid #f3f3f3; } .goods-fields-list .reviewer .storepick { display: flex; align-items: center; margin-bottom: calc(10em / 13); font-size: 3.61111111111111vw; } .goods-fields-list .reviewer .badge .pick { background-color: #f4b63f; border-color: #f4b63f; } .goods-fields-list .reviewer .badge .pick span { color: #fff; font-size: 3.05555555555556vw; font-weight: 700; line-height: calc(17em / 11); } .goods-fields-list .reviewer .storepick .tx { display: inline-block; color: #8c8c8c;} /* 2022-12-15 수정 */ .goods-fields-list .reviewer .storepick .badge + .tx {margin-left: calc(10em / 13);} /* 2022-12-15 추가 */ .goods-fields-list .reviewer .star-score { margin-bottom: 3.88888888888889vw; } .goods-fields-list .reviewer .star-num { font-size: 3.61111111111111vw; color: #1b1b1b; } .goods-fields-list .reviewer .photo { display: flex; margin-bottom: 4.444444444vw } .goods-fields-list .reviewer .photo li { position: relative; width: 29.44444444444444vw; overflow: hidden; border-radius: 1.1111111111vw; margin-left: 1.66666666666667vw; } .goods-fields-list .reviewer .photo li:first-child { margin-left: 0; } .goods-fields-list .reviewer .photo a { display: inline-block; position: relative; width: 100%; padding-top: 100%; } .goods-fields-list .reviewer .photo img { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; } /* BENEDR-10993 수정 */ .goods-fields-list .reviewer .comment { margin-bottom: calc(14em / 14); font-size: 3.88888888888889vw; /*14*/ line-height: 1.5em; color: #333; } .goods-fields-list .reviewer .flexbox { display: flex; justify-content: space-between; align-items: center; } .goods-fields-list .reviewer .flexbox { font-size: 3.33333333333333vw; color: #8c8c8c; } .goods-fields-list .reviewer .controls .btn { font-size: 3.33333333333333vw; line-height: ; height: calc(30em / 12); border: 1px solid #ccc; border-radius: calc(3em / 12); padding: 0 calc(15em / 12); margin: 0 calc(2em / 12); } .goods-fields-list .reviewer .seller-answer { margin-top: calc(20em / 14); padding: calc(16em / 14) calc(15em / 14); font-size: 3.88888888888889vw; background-color: #f9f9f9; border-radius: calc(4em / 14); } .goods-fields-list .reviewer .seller-answer .star-info { font-size: 0.9285714285714286em; margin-bottom: calc(12em / 13); color: #8c8c8c; } .goods-fields-list .reviewer .seller-answer .user-name { margin-right: calc(12em / 13); font-weight: 700; } .goods-fields-list .reviewer .seller-answer .user-date { margin-right: calc(10em / 13); } .goods-fields-list .reviewer .seller-answer .star-reviewer { color: #333; line-height: 1.5em; letter-spacing: -0.04em; } .goods-fields-list .reviewer .blind { margin-bottom: calc(20em / 14); padding: calc(15em / 14) 0; border: 1px solid #f88800; font-size: 3.88888888888889vw; line-height: 1.5em; color: #f88800; text-align: center; } /* 리뷰작성 */ .goods-review-wrap .container { padding-top: 12.817vw; } .goods-review-wrap .written.boxing { margin: 0 4.16666666666667vw 0; } .goods-review-wrap .written.boxing .goods-fields-list { padding-bottom: 0; } .goods-review-wrap .written.boxing .goods-fields-list .item { padding-right: 0; padding-left: 0; } .goods-review-wrap .goods-review-star { padding: 0 calc(15em / 12) calc(30em / 12); font-size: 3.33333333333333vw; } .goods-review-star .rating-check { padding: calc(40em / 12) 0; border-bottom: 1px solid #eee; } .goods-review-star .rating-check > .star-check { margin-bottom: calc(37em / 12); } .goods-review-star .rating-check > .star-check:last-child { margin-bottom: 0; } .goods-review-star > .star-check:first-child { display: flex; flex-direction: column; justify-content: center; height: calc(160em / 12); border-bottom: 1px solid #eee; } .goods-review-star > .star-check:first-child .tit { padding: 0; margin-bottom: calc(15em / 16); } .goods-review-star .star-check .star-total-btn span { background-color: #ffb62c; } .goods-review-star .star-check .tit { margin-bottom: calc(20em / 16); padding: 0; font-size: 1.333333333333333em; color: #1b1b1b; font-weight: 700; } .goods-review-star .star-check .comment { margin-top: calc(10em / 14); font-size: 1.166666666666667em; color: #f9a810; font-weight: 700; } .goods-review-star .star-check { height: auto; border: none; } .goods-review-star .star-check .star-check-btn { width: 100%; height: auto; border: none; margin: 0; text-align: center; } .goods-review-star .star-check .star-check-btn button { width: calc(97em / 14); height: calc(35em / 14); margin-right: calc(10em / 14); background-color: #f3f3f3; background-image: none; border-radius: calc(17.5em / 14); color: #4d4d4d; font-size: 1.166666666666667em; letter-spacing: -0.02em; } .goods-review-star .star-check .star-check-btn button:last-child { margin-right: 0; } .goods-review-star .star-check .star-check-btn button.on { background-color: #ffb62c; font-weight: 700; color: #fff; } .goods-review-star .star-write .tit { position: relative; display: flex; justify-content: space-between; align-items: center; padding: calc(38em / 12) 0 calc(12em / 12); } .goods-review-star .star-write .tit label { font-size: 4.4444444vw; font-weight: 700; color: #1b1b1b; line-height: 1.3em; letter-spacing: -0.04em; } .goods-review-star .star-write .notice-spot > button { margin-right: calc(2em / 11); padding-left: calc(20em / 11); color: #949494; font-size: 3.25555555555556vw; line-height: 1.88em; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAADcklEQVRYhc2Xz0scZxjHPztk1abdmT2o64AMFNsRCpWxt9RLNYwHLYh4afsHvOeepD219NS0l57fs6U9VQ8hjCzBHqQWD9mwsAhrYmEVx5314Mw2puvAbg+7YyZpEmfdxPR7Ghje5/t5fz3v86RarRZJJKV8B/gUmAYs4F0g2/l9AvwF3Ac2gNtCiL+TxE1dBCClfB9YBr4ArieihcfAz8APQojdSwFIKQeA74AvgTSArusYhsHIyAiqqtLf3w9Ao9EgCAKOjo6oVCq4rhuFOQN+Ar4RQvyTGEBK+R7wG/BhKpXCNE0sy0LTtJfPuyPf9ykUCuzu7tKJXwSWhBAPLgSQUn4E3AFymqYxPT3N8PBwIuNn5XkeGxsb+L4PUAXmhBD3XgjQmfkfwNDo6Ci2bZNOpy9lHikMQ/L5PAcHBwA14OP4SpwDSCnfAv4EJnRdZ35+HkVRejKP1Gw2cRwngigCN4QQpwBxh2+BiUwmg23br8wcQFEUbNsmm80CTHS8gM4KSCnHgJ1UKpVeWFhItOd7e3tsb2+jaRozMzPnN+JlqtVqrK2t0Wq1QuADIcSDaJpfA2nTNBMfuM3NTYIgYH9/n52dnURjhoaGME0T2tf6KwBFSpkBPgOYnJxMFAhgYGDgud8XKebxuZQycw2YA97WdR1VVRMHmp2dpVQqoaoq4+Pjicepqoqu67iuex2YuwbcBDAMI3EQgGw2y9TUVFdjIhmGEWXLmwrtU0kul7tUsMso5jWhAGNA4jQb6fj4mJWVFba2troGiHmNKYAK0NfX11UQz/M4PT2lVCp1DRC7smrP2abZbPY0XgECgLOzs15ZEqvRaESfgQI8BKIX60oU83qo0H4cqFarVwYQ8yoqwF2ASqVyZQAxr7sK7eLjkeu6BEHw2s2DIIiS0CPgjiKEqAO/ABQKhdcOEPP4VQhRj67h90BYLpfxPC9RoMHBQSzLwrKsxOa1Wo1yuQwQdjyfqohuAcuZTIbFxcWuXrgkCsOQ1dVVTk5OAH4UQizDfyuiYr1eJ5/P95xg4mo2m6yvr0fmRWIV0TmAEOIxsATUXNfFcRzCMOzZPAxDHMfh8PAQ2kXpUlQPwv+tLI9BvLnGJAbxwtYsl8uhadpTrZnv+1Sr1VfTmj0D8maa0+eARO35Jzxpz6M98XnSnv9OF+35vyM4nbEidyMsAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: 0 40%; background-size: calc(16em / 11) auto; transform: translateY(2px); } .goods-review-star .star-write .countTx .count, .goods-review-star .star-write .countTx em { color: #666; } .goods-review-star .star-write .tit .pop-layer-infor { top: 18.55555555555556vw; } .goods-review-star .star-write .whatLike { font-size: 4.16666666666667vw; background-color: #fafafa; border-color: #ddd; padding: calc(18em /15); letter-spacing: -0.06em; } .goods-review-star .star-write .whatLike::-webkit-input-placeholder { color: #949494; line-height: 1.33333333333em; letter-spacing: -0.02em; } .goods-review-star .star-write .placeHolder::-webkit-input-placeholder { color: #333333; line-height: 1.33333333333em; letter-spacing: -0.02em; } .goods-review-star .star-picture > button { border-style: solid; border-color: #1b1b1b; } .goods-review-star .star-picture .desc { margin-top: calc(16em / 11); font-size: 3.33333333333333vw; color: #949494; line-height: 1.1em; } .goods-review-star .star-picture .desc strong { color: #ff6c00; font-weight: normal; } .goods-review-wrap .goods-review-star .btns > a { width: 100%; line-height: 1.4em; font-size: 4.16666666666667vw; background-color: #f88800; } .goods-review-star .star-picture { padding-bottom: 0.2em; } .goods-review-star .star-picture .picture { margin-top: 0; display: flex; gap: 1.66666666666667vw; flex-wrap: wrap; height: 29.44444444444444vw; } .goods-review-star .star-picture .picture li { position: relative; width: 29.44444444444444vw; height: inherit; margin: 0; border: 1px solid #eee; box-sizing: border-box; background-color: #f9f9f9; } .goods-review-star .star-picture .picture li.add { cursor: pointer; } .goods-review-star .star-picture .picture li.add:before { content: ""; display: inline-block; width: 3.88888888888889vw; height: 3.88888888888889vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWUlEQVRIiWNkIAGYmJjAmP+hNOOZM2dIMYKBiSTVVACjFo5aOGrhCLSQEam4IgXAizZSNdLdhywMCNeSA0jWOyA+JDkeGCiIQ5I0jNaHoxaOWjhq4aiFWAEAhpYM1Z25np4AAAAASUVORK5CYII="); background-repeat: no-repeat; background-position: 0 0; background-size: contain; z-index: 1; } .goods-review-star .star-picture .picture li > img { width: 100%; height: 100%; object-fit: cover; } .goods-review-star .star-picture .picture li button { width: 6.66666666666667vw; height: 6.66666666666667vw; } .goods-review-star .pop-layer-infor>.pop-mid-con { text-align: left; } /* // BENEDR-8141, 마이페이지 리뷰 개선 */ .myReviewTit {background:#f3f3f3; height:12.22vw; line-height:12.22vw; font-size:3.2vw; color:#1b1b1b; padding-left:4.12vw;} .myReviewTit > strong span {background:#f3f3f3; color:#e09d1d;} .myReviewTit .fr {float:right; font-size:3vw; margin-right:3.75vw; color:#666;} .myReviewTit .fr button {color:#666;} .myReviewTit .fr button.on {font-weight:bold; color:#1b1b1b;} .myReviewTx {height:16.38vw; line-height:16.38vw; position:relative; padding-left:4.16vw;} .myReviewTx button {position:absolute; width:27.22vw; height:8.05vw; line-height:7.5vw; text-align:center; font-size:3.2vw; letter-spacing:-0.1vw; padding-right:2.8vw; right:4.16vw; top:3.75vw; border:2px solid #f4b63f; background:url(/images/common/ico_arrow_orange.png) no-repeat 22.77vw 50%; background-size:1.25vw; color:#e09d1d; } .myReviewTx2 {min-height:12.22vw; padding:4.16vw 4.86vw;} .myReviewTx2 .star-num {opacity:0;} .myReviewTx2 .reviewText {line-height:1.5em; margin-top:1vw;} .myReviewTx2 .star-reviwTx {margin: 3.3vw 0 0 0;} .myReviewTx2 .star-reviwTx .tx1 {color:#999;} .myReviewTx2 .star-reviwTx .img li {width:100%; display:inline-block; margin-top:1.5vw;} .myReviewTx2 .star-reviwTx .img li > img {border:0;} .myReviewTx2_modify {position:absolute;} #nav.myReview + .goods-review-section {border-top: none; padding-top: 26.4vw;} /* // 상품리뷰 신규 구축 2020-11-06 */ /* 2depth 메뉴인 '리뷰/상품Q&A/1:1문의' 부분 개발완료 시점까지 노출하지 않게 하는 코드입니다. */ #nav.myReview {display:none;} /*.myReviewTab {padding-top:11.66666666666666666666vw;} BENEDR-8141 delete */ #nav.myReview + .goods-review-section {padding-top: 11.66666666666666666666vw;} /* // 2depth 메뉴인 '리뷰/상품Q&A/1:1문의' 부분 개발완료 시점까지 노출하지 않게 하는 코드입니다. */ /* 차감신청 내 바로가게 배너 추가 2020-12-08 */ .sec-barogage-banner {position: relative; padding-bottom: 9.661835748792271vw; max-height:52.67vw; overflow: hidden; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0;} /* 2022-11-09 배너이미지 높이값 고정 */ .sec-barogage-banner a {vertical-align: top;} .sec-barogage-banner .swiper-container-horizontal > .swiper-pagination-bullets {text-align:center; bottom:4.830917874396135vw;} .sec-barogage-banner .swiper-pagination-bullets ul { display:inline-block; padding-top: 1.125rem;padding-bottom: .75rem; } .sec-barogage-banner .swiper-pagination-bullets .swiper-pagination-bullet { display:inline-block; margin-left:1.932367149758454vw; width:1.53vw; height:1.53vw; background:#d5d5d5; border-radius:0.765vw; opacity:unset; } .sec-barogage-banner .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { width:4.58vw; background:#1b1b1b; } .sec-barogage-banner .swiper-pagination-bullets .swiper-pagination-bullet:first-child { margin-left:0;} /* // 차감신청 내 바로가게 배너 추가 2020-12-08 */ /************ qna list page : 2021-03-23 */ .goods-review-qna-period-wrap {display: flex;font-size: 1.1111111111111111111em;line-height: 2em;padding: 1.0833333333333333333em 4.5833333333333333%;color: #666;} .goods-review-qna-period-wrap .goods-review-qna-period-start {position: relative;padding-left: .72727272727273em;} .goods-review-qna-period-wrap .goods-review-qna-period-start:before {content:"";display:block;position: absolute;width: .3181818181818182em;height: .3181818181818182em;background: #666666;border-radius: .1363636363636363em;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} .goods-review-qna-period-wrap .goods-review-qna-period-end:before {content:" ~ ";} .goods-review-qna-period-wrap button {position: relative;font-size: 1em;line-height: 2em;margin-left: auto;padding-left: .5em;padding-right: 1.863636363636363em;color: #1b1b1b;} .goods-review-qna-period-wrap button:after {content:"";display: block;position: absolute;top: 50%;right: .636363636363636363em;width: .7727272727272727272727em;height: .409090909090909091em;transform: translateY(-50%); background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3QUY3MEU1OEI5NjExRUJCMDAwOTVBRENCRDZCNUFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3QUY3MEU2OEI5NjExRUJCMDAwOTVBRENCRDZCNUFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdBRjcwRTM4Qjk2MTFFQkIwMDA5NUFEQ0JENkI1QUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdBRjcwRTQ4Qjk2MTFFQkIwMDA5NUFEQ0JENkI1QUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5V88YEAAAA5klEQVR42ozSsWoCQRSF4V1XQcUsIsFm7SwsrKyChQFtRLCwsxHBQgQrW19AfAHBJ7CRFCFYGILY2CRgJ2IhWGmTFGoTBI3/whWWZTVe+GBmGM6dYUY1DEO5US604EMDf06b3DcCHtBD3jKv4nhvSBSviOMHXlTgRxkH+3HtlcGnBMzwhCy2KOJFQq+G1DFECG9IYomJhH/L9QYI2EM86KIDDW0UsLc0mOIZGwl8R/AS8igLNfyihCZODledI4WVnHKEsMoTm4M01tL9S/m/IvhADGNN1/WpTHJYKPfVDn0kzP9zFmAAjrwpoBM6Z4YAAAAASUVORK5CYII='); background-size: contain;background-position: center;transition: transform .3s;} .goods-review-qna-period-wrap + .goods-review-form {padding-top: 0;} /* period form close */ .goods-review-qna-period-wrap.period-form-close button:after {transform: translateY(-50%) rotate(180deg);} .goods-review-qna-period-wrap.period-form-close + .goods-review-form {display: none;} /* qna list */ .goods-review-qna-list .list-none {padding: 9.16666666666666667em 0 10%;color: #989898;text-align: center; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXCAYAAABxyNlsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MUY1M0I5OEJCNzExRUI4MzJBQzUzMTAwMkNDQkU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY5MUY1M0JBOEJCNzExRUI4MzJBQzUzMTAwMkNDQkU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkxRjUzQjc4QkI3MTFFQjgzMkFDNTMxMDAyQ0NCRTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjkxRjUzQjg4QkI3MTFFQjgzMkFDNTMxMDAyQ0NCRTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7PtzIbAAAFvUlEQVR42uydy29bRRTGjx2/FEibiAACAnKBVBQEFLZtGomnsgGEECpI5bEr0PAXBBYI9iAeogsgsKCwgYpNBIVKAdotSEjElNJGbWEBaeumVvOw43A++9zk2vHj2rk3OXM9n/QlkhM7Mz8fT+ZxZiaSzWZJifrYO9l3swfZafYN7B72Veyr2VvZBfZldo59nn2OPc3+k/0b+1f2RQ0VimwiXMB6kP0oe4h9Jzvqw+sW2b+zf2J/y/5B3ojQw02yH2M/wx5hpzbgb86zJ9iH2N+wF8IG92b2KPtFdv8mflJn2J+w32WfNR3ubezX2M+y46RHefbn7DfZJ4P6I9GAXhfR+T47w35eGViS8qBcU1LOfhPg4vVekv/cL7NjpFsxKadT3qhWuGgCJtkfsHvJLPVKBE9KPVTB3cf+hb2bzNZuqcdzGuAmJFI/k85+GIR6fCr1Sm5WbwEjqq/ZwxRe/cx+nH1hIyN3gH0s5GCdZuKY1HdD4G6ToeUO6gzdwf5R6h0o3AEZq6eps7RN6j0QFFzMSH3XzjsYMsBb/YaLXsFXHdQU1NN24ZDwE+7b7AfIioTDO37B3SdDWqtV7fcy0GjWz72VyjP7PZbnGmE15D72X+1EboQ9bsE2HclF24GL5mDIMmyoXdJEtNQsYJboD/Z1ll9TZaUX8Z/XyH3LgvUsBOIbXiP3dirP0McsN88qyBjgZLPIHbNgWxZ4vd4scm+RroWF2170YhXjTL3IHdUGNpFIUDKZrHBXV5fW6B2tF7kYL/9Nm5tXsLYz2dND0WhlDMzNzdHi4qJGwMiLuIm9WB25T2gDa6D6heOaZmGvxtIWi0XTAO+thoukuBFTSq8c+IjwXIGLbMOU/VT7InB8yA33EcvEVz3shjtsefiqYQduHylevlleXl7z2NLSkna44NkHuDspuGzHQODWekyZwPOe0hf7KQ5E9wLuoOUQiLYDblpzCaubAAOaBEdpwL3epAGDQXBvBFy7ABnQPIOFG5y2RJ1xsJXv6gbcLSa1uQbNksUBN2+DLBDlAfeK5RCIrgDuZcshEM0C7r+aS1goFExtc2cA95wNskB0FnAz2kuJUZnbhiiDtfYT6huv2VkTI/eEEZFrqDKAiyNLipaFv2MfcAVcHLYzpbmkkUiklHWD74YIPC86eWHYCn+XxlKmUqlSfpgjrJ/lcjntcMFzZe3siMYSOkl4biEJr7u7WzvcI26431P5FCNVisfjLT2uRAvCcwUuPmcT2kpZnd3oViymNoV4QnhWLKl/qa2U9fITMJCoHhYr0hcrweF6EAdTzGgqZb0c3Hxe7Swp+B2uBRc1GddUUkQnegbOZA0idn5+vpT8rFTj5Dpxz+6J8DEWqMmeCPzgkOXUdlt7pmLwY/eh+Ra1nvah4Rc+srxa0sdU40zIent/r6XyVGSv5dZUl6icb+d57y9+ccxy86SxWmAbRa4DHkc+7bL86gpnju2hOlO2jZKe8YQXyK4O11NO+BQbRWcjoZE+YDnW1CvU5GBjL+n6OATzoGVZoYPChdYLF3qVfdQyLemo8CC/4GLe4SkyYKU4YOGE6KeFh29wIay1Yafl6Q4Fi3rjwLbzXp/Q6hYpZOdg6+V0h4Gdlnq3lJ3Uzv6zU1Q+EmuqQ8BmpL6nWn1iu5v78A7i4N7JkIOdlEFUW/l069k5iaOmca8ObgtZDhlU1Oc9qd+Fdl9kvdtSF6Rb8iSVDy8Lg7JSn1Fa5z0+fu35xbrR/ezjhoM9LvU47MeL+bmh+rQ0/AcMjOKslHvIz66m37vVMYmBm0Iwv/khlWfoNasgQ9lBKbevCYlBHQWAJWYcaLxDxuDa1sLzUi5ccLefAkopsPehBSh7k1+I4LrlvoNyj3xE/UjARR8VCd1YRemoOygbCWft4Axw3J6K5f00lS+9uIZWb06Nyj+dS7R6e+o/MjTFxDVuT8WtUCpuT/1fgAEAuQWIm7s0NmgAAAAASUVORK5CYII='); background-size: 12.0833333333333333333333% auto;background-position: center 4.583333333333333333333em;} .goods-review-qna-list .goods-review-item-view {padding-left: 0;border-bottom: .681818181818181818em solid #f3f3f3;margin-bottom: 0;} .goods-review-qna-list .goods-review-item-view .goods-review-item-view-button {position: relative;padding: 5% 13.1944444444444444% 6.9444444444444444% 28.333333333333333%;text-align: left;width: 100%;} .goods-review-qna-list .goods-review-item-view .goods-review-item-view-button:after {content:"";display: block;position: absolute;top: 50%;right: 4.4444444444444444%;transform: translateY(-50%) rotate(180deg);opacity: .25; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAATCAYAAAAeVmTJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNDODBENDQ2OEJBMTExRUJBQTZERUQ3MjQzMzc4MzY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNDODBENDQ3OEJBMTExRUJBQTZERUQ3MjQzMzc4MzY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0M4MEQ0NDQ4QkExMTFFQkFBNkRFRDcyNDMzNzgzNjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0M4MEQ0NDU4QkExMTFFQkFBNkRFRDcyNDMzNzgzNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4/UJZQAAADNklEQVR42ryVS0hUYRTH7zydR85DR8ZmnGHG8TUDVhaBm56KIQU9loGbFrmKgnYRuAkiqFVUiwiJFmmPhYJURCUuDKI2EZE6PrKxCYZxHB+jjjrT70RE0EvHsQ8u9557v+87v3vO/5xPUXIfepPJ9KSoqOiT3MXOdSNVjus04jgQCOwrLCxUz8zMZIaHh1+kUqkDfFtZ82a5gAPQ7ff7GywWy7f1BQUFKqPR6J2bm9u5tLR0d8MhAHjg9Xqb7Xa7LpvNKhMTE2mioTEYDGq9Xu8jGlsBubdhEAC0l5WVHSsuLi4QgIGBgS+Tk5MXSMcW3m3iu0ar1ZbPz89XANKVdwgcXHW5XC0lJSVGsYeGhmL89YnFxcXbmO8BaQLEzDytWq2uXlhYKAXkUd4g2Pii0+k8WVpaahY7HA7HcdqKo26xl5eXw0QmjCYaqRaT2WyWVIXS6bQFkGfrhgDgvMPhOO12uy1ij46OJqanp88A0PnzPEA+ZDKZKO/3ohcjOtHzrhYILVdfzhAAnOLPznk8HpvY4+PjiampqTZyfvN383H6FpAUEai3Wq1GqsfAcx3vU4C8WjMEJddis9ku+Xw+u9iRSCQZj8evoIPLfwMXZzjVce0QCIEBun5lZeWzQK4aAoCjhPMazahI7Gg0OhuLxa4D0LYaDUn4uazoYpukRdKDXnYTpSFJ2z8hAGhGWLcqKysdYuN8Hoh2AM6upZxFkKTCpdFoakWoIljEvB+wdyLkP0LQ+faggztVVVVOlUqlEP5F0tABQGsuvV1KFKFW6HS6oJQuIOZkMtlARF6Tno+/QNDttkP8sKamZrMAJBKJNELsAeD4Og45AelCE3X8YIAoa6SpAdIESC8g0R8QkFZD+hgAN41GYdLy2NjYUwCOKHkYgNxnr3og/NLeASmkyg4B0sMV1wBQzsfnwWCwjPwpciKOjIz0sugg6zNKngYgnYhzF9H2AaICxALIYSC65EjuC4VClQKAY+mGL7k3Sdkr+R1ZQDpmZ2cbKV0P6VEAsXL2NKgxbAJA3pTBwcE3ADSyIK1szEjL/uJH/Ilf8a8QnhuoNsK9X5qk8n+GnC/93/3e+CrAAO+NwFOxVrfiAAAAAElFTkSuQmCC'); background-size: contain;width: 4.58333333333333333333%;height: 0;padding-top: 2.638888888888888888889%;transition: transform .3s, opacity .3s;} .goods-review-qna-list .goods-review-item-view.goods-review-qna-open .goods-review-item-view-button:after {transform: translateY(-50%);opacity: 1;} .goods-review-qna-list .goods-review-item-view img {width: 6.818181818181818181818181em;height: 6.818181818181818181818181em;border: 1px solid #eeeeee;border-radius: .40909090909090909091em;margin-top: 4.722222222222222222%;left: 4.1666666666666666667%;box-sizing: border-box;} .goods-review-qna-list .goods-review-item-view h2 {margin-top: .5em;color: #989898;} .goods-review-qna-list .goods-review-item-view ul {margin-top: 0;color: #989898;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-question {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 2em;color: #1b1b1b;font-weight: bold;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-datetime {color: #989898;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-qna-box-wrap {display: none;position: relative;font-size: 1.09090909090909091em;line-height: 1.5em;background: #f3f3f3;color: #666;} .goods-review-qna-list .goods-review-item-view.goods-review-qna-open .goods-review-qna-list-qna-box-wrap {display: block;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-qna-box-wrap [class*=-box] {position: relative;padding: 4.8% 9.166666666666666667% 4.8% 12.22222222222222222%;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-qna-box-wrap [class*=-box]:before {content:"Q";position: absolute;top: 0;margin-top: 4.8%;left:6.8055555555555555556%;font-size: 1.25em;color: #000;font-weight: bold;font-family: 'Roboto';line-height: 1.1em;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-qna-box-wrap .goods-review-qna-list-answer-box {color: #1b1b1b;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-qna-box-wrap .goods-review-qna-list-answer-box:before {content:"A";color: #ff6d00;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-qna-box-wrap .goods-review-qna-list-answer-box:after {position: absolute;content:"";display: block;width: 91.6666666666666666666%;top: 0;left: 4.166666666666666667%;height:0;border-top: 1px dashed #ccc;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-qna-box-wrap .goods-review-qna-list-answer-box .goods-review-qna-list-datetime {margin-top: .2em;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-qna-box-wrap .goods-review-qna-list-button-wrap {display: flex;justify-content: flex-end;padding: 0 9.0277777777777777777778% 6.25%;} .goods-review-qna-list .goods-review-item-view .goods-review-qna-list-qna-box-wrap .goods-review-qna-list-button-wrap button {padding: 0 1.27272727272727273em;border: .090909090909090909em solid #eee;background: white;height: 2.5454545454545454em;margin-left: .363636363636363636em;} /*********** // qna list page */ /************ qna write page : 2021-03-23 */ .goods-review-qna-write-wrap .goods-review-qna-write-item-wrap {position: relative;padding: 0 5.55555555555555555556% 4.16666666666666666667%;} .goods-review-qna-write-wrap .goods-review-qna-write-item-wrap:after {content:"";display: block;position: absolute;bottom: 0;left: 5.55555555555555555555555%;right: 5.555555555555555555555555%;border-top: 1px solid #ccc;height: 0;} .goods-review-qna-write-wrap .goods-review-qna-write-item-wrap .goods-review-item-view {margin-top: 4.16666666666666666667%;margin-bottom: 0;font-size: 1.018518518518519em;padding-left: 8.363636363636364em;} .goods-review-qna-write-wrap .goods-review-qna-write-item-wrap .goods-review-item-view h2 {line-height: 1.36363636363636364em;padding-top: .2em;} .goods-review-qna-write-wrap .goods-review-qna-write-item-wrap .goods-review-item-view ul {line-height: 1.46363636363636363636em;} .goods-review-qna-write-wrap .pdt-ask-info {font-size: 1.11111111111111111em;letter-spacing: 0;line-height: 1.34166666666666666667em;margin: 4.861111111111111111% 6.388888888888888888889% 3.8888888888888888888889%;} .goods-review-qna-write-wrap .pdt-ask-info strong {color: #1b1b1b;} .goods-review-qna-write-wrap .pdt-ask-regist-new {display: block;padding-top: 0;padding-bottom: 0;} /************ qna write page : 2021-03-23 */ /* sch-vacation-custom, 2023.01.27 start */ #mid > section.sch-vacation-custom, section.sch-vacation-custom {background-color: white;color: #212121;margin: 0;font-size: 3.33333333333333333vw;padding: .361111111111111111em 1.8333333333333333333333em;} section.sch-vacation-custom *, section.sch-vacation-custom *::before, section.sch-vacation-custom *::after {box-sizing: border-box;} @media screen and (min-width: 1024px) { #mid > section.sch-vacation-custom, section.sch-vacation-custom {font-size: 24px;} } .sch.sch-vacation-custom .sch-tit {font-size: 1em;line-height: 1em;display: flex;height: 4.1666666666666667em;align-items: center;justify-content: space-between;padding: 0; color: #212121;} .sch-vacation-custom .sch-tit .select-type3 {font-size: 1em;height: 1.94444444444444444em;color: #212121;background: none;padding-right: 2.222222222222222222em;position: relative;top: 0;right: 0;border:none;} .sch-vacation-custom .sch-tit .select-type3::after { background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDQTBBQzE5NTlBRDExRURCRjhGRDBBM0JDOUIxNkQwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDQTBBQzFBNTlBRDExRURCRjhGRDBBM0JDOUIxNkQwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkNBMEFDMTc1OUFEMTFFREJGOEZEMEEzQkM5QjE2RDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkNBMEFDMTg1OUFEMTFFREJGOEZEMEEzQkM5QjE2RDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YNRLjAAABR0lEQVR42qzTu0oDQRTG8XFcLYLg7QF8AQuTWIuFIIiI11LSJBqx9wFsfAbvqYxiuWCjIZhY+gK+RCCgdka/A2dg+JhNNiYD/4WdDfPjkN2ROI7njDEVlEHH6N0MZ22hU/SBChEuJ2hZH76glSFge6iKRtG8nGtxaXk/mFRscUDkThG3WgKdoRphzyj/D2RXkcjbO0ePAn2jDcKmdLL8gMgFOkK/VjccVidMJsulQHYUGfP2LlFZELmx3gPB1gmb1slyfSJX6NAhDPnYK2EyWTaAbCsy7u1dowMfCUEOWyNsRifL0ndSJeQGlRhJgnysQZhMtoA20X0AKYYQQ29IEvaElnRvVt/OCUJukybpNZFbX4o1aTJGZJJOt4Nsilc3hLlV0Uk6vQ6xKT/GT8XeCJFJftIcEPXx5Qu2ivZRGz10+094/QkwAEs1THiIdpD0AAAAAElFTkSuQmCC'); background-position: center;background-size: 40%;width: 1.8333333333333em;height: 1.8333333333333em;border-radius: 50%;border: 1px solid #b5b1b1; transition: transform 200ms; } .sch-vacation-custom .sch-tit .select-type3.on::after {transform: rotate(180deg);} .sch-vacation-custom .sch-area {padding: 0;border:none;} .sch-vacation-custom .btns-period {display: flex;justify-content: center;margin-bottom: .833333333333333em;} .sch-vacation-custom .btns-period button {flex: 1 1 0;font-size: 1.083333333333333333em;height: 3.153846153846154em;background: #f3f3f3;color: #777;border: .0769230769230769em solid #cfcfcf;border-right: none;margin: 0;border-radius: 0;width: auto;} .sch-vacation-custom .btns-period button:first-child {border-top-left-radius: .1794871794871795em;border-bottom-left-radius: .1794871794871795em;} .sch-vacation-custom .btns-period button:last-child {border-right: .0769230769230769em solid #cfcfcf;border-top-right-radius: .1794871794871795em;border-bottom-right-radius: .1794871794871795em;} .sch-vacation-custom .btns-period button.btn-gray {border-color: #1b1b1b;color: #1b1b1b;font-weight: bold;border-right: .0769230769230769em solid #1b1b1b;background: white;} .sch-vacation-custom .btns-period button.btn-gray + button {border-left: none;} .sch-vacation-custom .input-date {display: flex;align-items: center;margin-bottom: 1.3333333333333333em;} .sch-vacation-custom .input-date .inp-date {float: none;} .sch-vacation-custom .input-date .inp-date input {font-size: 1.1666666666666666667em;font-family: inherit;line-height: 1em;border: .0714285714285714em solid #cfcfcf;border-radius: .1904761904761905em;padding: .87em 0 .87em 2.928571428571429em;height: auto;color: #3c3c3c;background: url("/images/client/vacation/seach/ic_calendar.png") no-repeat;background-size: .8095238095238095em auto;background-position: left 1.095238095238095em center;} .sch-vacation-custom .input-date .inp-date input[type="date"]::-webkit-inner-spin-button, .sch-vacation-custom .input-date .inp-date input[type="date"]::-webkit-calendar-picker-indicator {display: none;-webkit-appearance: none;} .sch-vacation-custom .input-date i {float: none;} .sch.sch-vacation-custom .btn-type2 {font-size: 1.1666666666666666666em;background-color: #f88800;width: 7.5em;height: 2.595238095238095em;display: block;margin: 0 auto 1.5em;border-radius: 1.297619047619048em;padding:0;} #mid > .sch-vacation-custom.sch-vacation-custom-comment, .sch-vacation-custom.sch-vacation-custom-comment {padding-top: .9em;padding-bottom: .9em; padding-right: .3em; line-height: 1.45em; letter-spacing: -.07em;} /* 2022-12-27 */ #mid.bene .sch-vacation-custom.sch-vacation-custom-comment::before { content: ""; display: inline-block; width: calc(11em / 11); height: calc(11em / 11); margin-right: calc(2em / 11); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI/SURBVHgBlVW9jtpAEF6bQ/xJQEUHcgo6kK6gg4K0vAEVj3BHB5WhQlQkT0Cu4g1oc5GgQ8pJUEFjQQUVIIGgADLfxoscZ9f4Pmnl9c7M529nd8YaU8A0zWQsFqtdLpeypmnPtGTYJguD1n5cr9dfzWbTksVrMsJwOPyq6/rL7XZLJhIJlslkWDwe5/bNZsN2ux1/AuTTJvKWJ3Gn0zFIyU+oy+fzLJfLcVIZQD4ej9l0OuW7oA98darX3KSk0KhUKkpCN5bLJRsOh/jQP+T6/Qs2abVa/Y/0fD5zAgwodQK+iEEsOJDKOzGpbWH7UIqcujGfz9lgMOAD5G4gBrHgiEajL5zYToGJnPrdvgyIBQfdlFeohuIyDMVi0RcB3RilDYdNIpORSKSm06SWSqWkKRBw2kKhEPNSDV86xDIUG16kbmIvxUA6nYbqZ04MxX7hU4Shs0+SeaXCiScaFt1N45EjTtwP7FK3nijRH6vVyngUUCgU2Ol0euQmCsjSA4HAO15kF18A/aDf7/MCmUwmnqRQjM6nB4PBN5ps7WYixWKxuM/X67XSbzQa8SfaqV6v17c0/zabzZSqs9nsfa6qTsSCg0S20Ih4d+v1eklqNL9FE5JdKdF8VDakCR2u0Wh8wRq/blCNlgeDV6ORkcJXkIJDrCsbPeq+VCopCwKEOBdsn3k1eie63a5Jji3MRR8R1Slu0H6/Rz75+RyPx+/tdnvr5JASC/X0wI+0xv7+SA3bhB/pB433w+Hw5iYU+AMOEiOkNdZyLwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-size: contain; transform: translateY(1px); } /* white-box, 2022-11-01 */ #mid > section.white-box-section, section.white-box-section {font-size: 3.33333333333333333vw;margin: .94444444444444444em 1.83333333333333333333em 2.61111111111111111111em;background-color: white;padding: 1.8055555555555555556em 1.388888888888888889em;border-radius: .555555555555555556em;} #mid > .sch-vacation-custom + section.white-box-section, .sch-vacation-custom + section.white-box-section { margin-top: 1.83333333333333333em;} @media screen and (min-width: 1024px) { #mid > section.white-box-section, section.white-box-section {font-size: 24px;} } /* vacation-data-list */ .vacation-data-list {display: grid;grid-template-columns: repeat(2, auto);font-size: 1.0833333333333333333em;line-height: 2em;color: #1b1b1b;} .vacation-data-list dt {grid-column-start: 1; font-weight: 500;} .vacation-data-list dt.gap {margin-top: 7px;} .vacation-data-list dd {grid-column-start: 2;text-align: right;} .vacation-data-list dt.lev2 {color: #777777;} .vacation-data-list dt.lev2::before {content:"ㄴ ";} .vacation-data-list dd.full-comment {grid-column-start: 1; grid-column-end: 3;text-align: left;color: #777;} /* 2022-12-26 */ .vacation-data-list dt.summary, .vacation-data-list dt.summary + dd {font-size: 1.076923076923077em;font-weight: bold;border-top: 1px solid #ddd8dc;margin-top: .7142857142857143em;padding-top: .7142857142857143em;} .vacation-data-list dt.summary + dd {color: #f88800;} .vacation-data-list dt.top-gap, .vacation-data-list dt.top-gap + dd {margin-top: 1.5em;} /* 2022-12-26 */ .vacation-data-list dt.bottom-gap, .vacation-data-list dt.bottom-gap + dd {margin-bottom: 1.5em;} /* 2022-12-26 */ /* vacation-data-list, pop-button, 2022-12-26 */ .vacation-data-list dt .pop-button {width: 1em;height: 1em;line-height: 1.1em;overflow: hidden; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGQjZGN0U2QjIyQzExRUJCNEJGRkJGOUM1Q0FFRkY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGQjZGN0U3QjIyQzExRUJCNEJGRkJGOUM1Q0FFRkY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUZCNkY3RTRCMjJDMTFFQkI0QkZGQkY5QzVDQUVGRjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUZCNkY3RTVCMjJDMTFFQkI0QkZGQkY5QzVDQUVGRjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz550zd9AAACx0lEQVR42rSXP2gUQRTGN5sTtNFcOrFKjJrKFBZaKHLxMGgnQRP/ELXQ0yttjJ02YixioR6cWkQxJkYCVkow3oFamiIHYtTkrMQud9pcwIh+T74Nw7J7++ZuffDjjt2Z+d7Mvpn3piWfzzuWtg5sB11gI5/9BIvgM/hlM1hC2W496AcnwF7wHXwCP/h+E9gBNoN34AmYBivNOiDvL4AroATGwClQCWmfBAfBGXATXAeyxKuNOLANTHCWh8G8YqXEsaekB4yCs+A4+BLUwQ0ZKAXecsYHlOJ+m2ffMX6WlHYFesEkGABFp3m7Az5wVQZBod4KdFN8MCZxz4occ5IagQ60gnFw1e9lTCZjXqNGa5ADWVAFOcVgl8ES+EOWwSvQGdHvLjWy/hjYAIbBIYW4CKWNqPe2nzx7D46B2Tr9L4EX4AGoeSvQz31eUszcExehdrIVlOnIDcXuKFFz7RNIgDxUzH4Xf2WGz4znIn7P16aePeLZ8M8BOdv3gRlFx2HONhNyCGlthpqJBM/wb8oBynXeJS0cWaZmt8vIXWxyiyUZH05EAJommh0uM1m1SQem6ESFn0lj0rbNjeGAmfLtjLJNZ5fZrq1BcUm1R/k/Y7H83meruvS4q0EHzvN3xNiGWhPNry4rmy1GFGstbfyftezbTs2FBGs4yf19zFZamzMCbs7SgT5qrnq5QIRPWzpQ4dI3YkPMimtHsRSQO4mNdSoyoN96qDNtOlBjErllGQNLJG3Rb5RaNX89kON2vOj8P8tSIxdUE/4GJ8Eb7oyoqkgiv8VCvJfV1n5qBdaEC0btlopx5imj1vwYVZYXWBFPhKRdW8sYVXZBey8oMl/LSfeakes0EO3S9xyvc0Wbi4nDm8xu8By8JAMRJ2aSbbz20ndP2K1IczeUO91tcJ813BDP/KjL6WNwJI7LqWcrPLnG476e/xVgAMdtqBRTK7TdAAAAAElFTkSuQmCC); background-size: contain;background-position: center;text-indent: -200vw;margin-left: 0.2916666666666667em;flex: none;} /* vacation-data-list-2 */ .vacation-data-list-2 {display: grid;grid-template-columns: 6.80555555555555556em auto;line-height: 2em;color: #1b1b1b;margin-top: -.083333333333333em;margin-bottom: -.083333333333333em;} .vacation-data-list-2 dt {grid-column-start: 1;color: #777777;} .vacation-data-list-2 dd {grid-column-start: 2;font-size: 1.0833333333333333333em;} /* 내부 레이어 팝업, 2022-12-26 */ .mytrip-page.inner-layer-popup {display: none;position:fixed;font-size: 2.2222222222222222222222vw;top: 0;left:0;width: 100%;height:100%;} .mytrip-page.inner-layer-popup.opened {display: block;} .mytrip-page.inner-layer-popup .inner-layer-popup-bg {position: fixed;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.7);z-index: 100;} .mytrip-page.inner-layer-popup .inner-layer-popup-cnt {position: absolute;top: 50%;left: 50%;width: 93.333333333333333333333%;background: white;transform: translate(-50%, -50%);z-index: 101;padding: 3.194444444444444444444%;box-sizing: border-box;border-radius: .5625em;} .mytrip-page.inner-layer-popup .inner-layer-popup-cnt .inner-layer-popup-header {font-size: 1em; border-bottom: 1px solid #c1c1c1;padding-bottom: .75em;} .mytrip-page.inner-layer-popup .inner-layer-popup-cnt .inner-layer-popup-header h1 {font-size: 2.0625em;line-height: 1.515151515151515em;padding-left: .54545454545454em;color: #1d1d1d;} .mytrip-page.inner-layer-popup .inner-layer-popup-cnt .inner-layer-popup-mid {padding: 4.79233226837061% 0 7% 3.19488817891374%;} .mytrip-page.inner-layer-popup .inner-layer-popup-cnt .inner-layer-popup-mid h2 {font-size: 1.625em;font-weight: 500;line-height: 1.6em;color: #1b1b1b;} .mytrip-page.inner-layer-popup .inner-layer-popup-cnt .inner-layer-popup-mid p, .mytrip-page.inner-layer-popup .inner-layer-popup-cnt .inner-layer-popup-mid ul {font-size: 1.375em;color: #595959;line-height: 1.681818181818182em;} .mytrip-page.inner-layer-popup .inner-layer-popup-cnt .inner-layer-popup-mid ul li {position: relative;padding-left: .5em;} .mytrip-page.inner-layer-popup .inner-layer-popup-cnt .inner-layer-popup-mid ul li:before {content:"";display: block;width: .1818181818181818181818em;height: .1818181818181818181818em;border-radius: 50%;background: #595959;position: absolute;top: .65em;left: 0;} .mytrip-page.inner-layer-popup .inner-layer-popup-cnt .inner-layer-popup-close {position: absolute;top: 0;right: 1.19047619047619%;width: 8.92857142857143%;height: 0;margin-top: 2.67857142857143%;padding-top: 8.92857142857143%; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI3NEY1MEMzQTdDNDExRUJBNTBFRjVFNTdGRDUzNzJDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI3NEY1MEM0QTdDNDExRUJBNTBFRjVFNTdGRDUzNzJDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qjc0RjUwQzFBN0M0MTFFQkE1MEVGNUU1N0ZENTM3MkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qjc0RjUwQzJBN0M0MTFFQkE1MEVGNUU1N0ZENTM3MkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7n2CSSAAAB6klEQVR42rTXO08CQRQF4N0VKyKhpxVLO0XoSGzQTiSaSKyoMMFEGxstJJZamEhjK6iJLWosLCgEfoydtuK95Ay5mSyz75uchBlwPnf2MbN2LpezUGnKr5Vc2ZQNypAbDjr7lB9KNUH0C+kruEjZwg9eKHsJoEMcrQUrzfAIUfVEacSMFkRfjU8pwxNKiTIWX95Tmgmg+5jV2TmeYMolfhcBt3EuJXpEeVYNR3wRF67QioZ25I8c7Y8U/qbhZ3GiXAuZTMZtgB5lnZJHe5PyRxl4wK9+UBPshpc98AfKjmhfUK7nDW6Cg+CMHmho2zSwF6zwZcqqwJcoH2FRrpSPC4YvuDo+K+CUskjJhkGnV6FYJPyUfnSybinHfgdyAt6jfOTdqGgYmOvbpS8bdJCgMN8eLZf+Q5yGROBzyolodzHFlrjwfOOpAOilhtZFu6Vd9XWvAf3cx17oOx4qZbT5fl+jPEaBeXG4MqCqBhq+gideLwzMy+GNaPOKtWv4J3U8b8LnwU0shxLdxlPMigN3YkRVtbEcqqpgd2mb4EZEVFVHw9V+2naD97DJUzUOic7DCxJXcBXbWokWI6AmfDrtvDql8RYRN2ppsykPrOTgfekTHaMEUAvb2ho+szWU63ERcNyorNmL4b8AAwDXs385T4fvsQAAAABJRU5ErkJggg=='); background-size: 50% auto;background-position: center;} /* mytrip, 여행 예약/취소 페이지, 2022-11-01 */ .mytrip {font-size: 3.33333333333333333vw;line-height: 1em;background-color: #f4f4f4;} @media screen and (min-width: 1024px) { .mytrip {font-size: 24px;} } #mid.mytrip > h2, .mytrip > h2 {line-height: 1em;font-size: 1.25em;font-weight: bold;margin-top: 2.13333333333333333em;margin-left: 1.466666666666666667em;} #mid.mytrip > h2:first-child, .mytrip > h2:first-child {margin-top: 1.64444444444444444em;} /* nodata */ .mytrip .nodata-type1 {margin: 10.8888888888888888888em 0 5em;} .mytrip.bene .nodata-type1 img {width: 4.25em;} .mytrip .nodata-type1 .nodata-tx {font-size: 1em;color: #1b1b1b;margin-top: 1.166666666666666667em;} /* trip-list */ #mid.mytrip .trip-list-section, .mytrip .trip-list-section {margin: 2.61111111111111111111em 1.83333333333333333333em;} .mytrip .trip-list-section .result-count {font-size: 1.25em;line-height: 1em;font-weight: bold;color: #212121;} .mytrip.bene .trip-list-section .result-count em { color: #F88800; } /* trip-item */ .mytrip .trip-item {background-color: white;padding: 1.8055555555555555556em 1.388888888888888889em;margin-top: .833333333333333333em;border-radius: .555555555555555556em;} .mytrip .trip-item .top-info {display: flex;align-items: center;} .mytrip .trip-item .top-info .date {font-size: .91666666666666666667em;font-weight: bold;flex-grow: 1;} .mytrip .trip-item .top-info .date::after {content: " 예약";font-weight: normal;} .mytrip .trip-item .top-info button { color: #f88800;text-decoration: underline; font-weight: 700; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAZCAYAAAABmx/yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhGNDIxNTRFNUE2MjExRUQ5N0Q0Q0M5QzRGMzI4RjY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhGNDIxNTRGNUE2MjExRUQ5N0Q0Q0M5QzRGMzI4RjY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEY0MjE1NEM1QTYyMTFFRDk3RDRDQzlDNEYzMjhGNjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEY0MjE1NEQ1QTYyMTFFRDk3RDRDQzlDNEYzMjhGNjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5uIURWAAABWklEQVR42oyUzStFQRiHx1lQkls2dLsSXbJFFlLi+goLZWFhb3f/A1uLu/YP2EvYIN8iKRIpJUQiEilCd+mZek+9nc6ZO289i/nNeZo58845ZcWCyRtjZuEEpuDDeFQABUjBIGxCja94ocZtIqd8xEm4VVkHbJWSrfgCObhTeSesQ7VLtPUs8oOa64I1qHKJtp6gDx5V1g2rUOkSjUg52UFYPXFyELOLe1lZy72wouUg4d3tQfXDq8psn5egwiXaupFtv6lsGJahPCjR52tZ+V1lIzAfeNyuK8hHsgkfsRXmItliKbEFdqBWZRsw7RKzIqVVtm23CcUksQl2IaOyfRiHv6R2NIhUr7IDGAulONE+vCdyWEdRKSpmZKVGlR3DKPwkXfK0SFk1dyrN/k76rOrk9JpVfiZ388v1IS9Ik8M6hyGXFIrtanwp0qfPz2oGfuEQBnz/q/8CDAAoT0TCGAZ4yAAAAABJRU5ErkJggg=='); background-position: center right;background-size: .3888888888888888889em auto;padding-right: .916666666666666666667em;margin-right: -.11111111111111111em; } .mytrip .trip-item .top-info.top-sub-info {margin-top:1.3888888888888888889em;display: flex;justify-content: space-between;} /* 2022-11-10 수정, 2023-04-12 수정 */ .mytrip .trip-item .top-info .trip-status {color: #313131;font-size: .9166666666666666666667em;border: .090909090909090909em solid #cfcfcf;color: #313131;margin-right: -.2121212121212121em;font-weight: bold;line-height: 1.696969696969em;padding: 0 .72727272727273em;} .mytrip .trip-item .top-info .trip-status.complete {color: #f88800;} .mytrip .trip-item .trip-info {display: flex;margin-top: 1.83333333333333333em;} .mytrip .trip-item .top-info.top-sub-info + .trip-info {margin-top: 1.1111111111111111em;} /* 2022-11-10 수정 */ .mytrip .trip-item .trip-info img {flex-shrink: 0; width: 5.33333333333333333em;height: 5.33333333333333333em;object-fit: cover;border-radius: .0833333333333333333em;} /* 2022-11-10 수정 */ .mytrip .trip-item .trip-info > div {flex-grow: 1;margin-left: 1.1666666666666666667em;} .mytrip .trip-item .trip-info > div .company {font-size: .9166666666666666667em;color: #777;margin-bottom: .54545454545454545454em;} .mytrip .trip-item .trip-info > div h3 {line-height: 1.3em;font-size: 1.25em;font-weight: bold;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;} /* 2022-12-07 수정 */ .mytrip .trip-item .trip-info > div .period, .mytrip .trip-item .trip-info > div .option {margin-top: .45em;line-height: 1.333333333333333333em;} .mytrip .trip-item .trip-info > div .price {font-size: 1.333333333333333em;font-weight: bold;line-height: 1em;margin-top: .63em;} .mytrip .trip-item .trip-info > div .price::after {content:"원";font-weight: normal;} .mytrip .trip-item .trip-period-big {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0QTVBQzU3NjE2ODExRUQ5MURGQzlDODQyRTk5RjAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0QTVBQzU4NjE2ODExRUQ5MURGQzlDODQyRTk5RjAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjRBNUFDNTU2MTY4MTFFRDkxREZDOUM4NDJFOTlGMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjRBNUFDNTY2MTY4MTFFRDkxREZDOUM4NDJFOTlGMDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz43etNEAAAAGUlEQVR42mK8e+POfwYSgJK6MiM+eYAAAwAlVAP/QAqqNQAAAABJRU5ErkJggg=='); background-size: 2.361275088547816% 1px; background-position: left top; background-repeat: repeat-x; margin-top: 2em;display: flex;justify-content: space-around;align-items: center;height: 6.95em;} .mytrip .trip-item .trip-period-big:last-child {margin-bottom: -.97222222222222222222em;} .mytrip .trip-item .trip-period-big .checkin, .mytrip .trip-item .trip-period-big .checkout {font-size: 1.25em;width: 6.8888888888888888889em;color: #1b1b1b;text-align: center;font-weight: bold;} .mytrip .trip-item .trip-period-big .checkin::before, .mytrip .trip-item .trip-period-big .checkout::before {content:"체크인";font-size: .8em;color: #6a6a6a;display: block;font-weight: normal;margin-bottom: .8333333333333333333333em;} .mytrip .trip-item .trip-period-big .summary {font-size: 1.166666666666666667em;color: #1b1b1b;width: 2.80952380952381em;height: 2.80952380952381em;border-radius: 50%;background-color: #ebebeb;display: flex;align-items: center;justify-content: center;} .mytrip .trip-item .trip-period-big + .top-sub-info {border-top: #dbdbdb .055555555555555555556em solid;margin-top: 0;padding-top:2.5555555555555555556em;} @media screen and (max-width: 550px) {.mytrip .trip-item .trip-period-big + .top-sub-info {border-top-width: 1px;}} /* .mytrip button wrap */ #mid.mytrip .btn-wrap, .mytrip .btn-wrap {margin-left: 1.83333333333333333333em;margin-right: 1.83333333333333333333em;} @media screen and (min-width: 1024px) { #mid.mytrip .btn-wrap, .mytrip .btn-wrap {font-size: 30px;} } /* nav 디자인 커스텀 재정의 */ #nav.sch-vacation-custom {font-size: 3.33333333333333vw; height: calc(46.5em / 12); box-sizing: border-box; border-bottom: 1px solid #F0F0F0; background-color: #fff; background-image: none;} #nav.sch-vacation-custom .nav {display: flex; height: 100%;} #nav.sch-vacation-custom .nav li {flex: 1;} #nav.sch-vacation-custom .nav li a {position: relative; height: 100%; padding: 0; font-size: 1.25em; line-height: calc(45.5em / 15); color: #666; font-weight: normal;} #nav.sch-vacation-custom .nav li.on a {font-weight: bold; color: #000;} #nav.sch-vacation-custom .nav li.on a::after {content: ""; position: absolute; bottom: 0; display: block; width: 100%; height: 2px; background-color: #000;} #mid.mytrip {padding-top: calc(46.5em / 12);} /* 베네피아 여행 예약/취소내역 커스텀 재정의 */ #mid.bene > section.white-box-section, section.white-box-section {padding-top: 1.5em; padding-bottom: 1.5em;} #mid.bene .sch-vacation-custom.sch-vacation-custom-comment {color: #666666; font-size: 0.9166666666666667em; border-top: 1px solid #CFCFCF;} .mytrip.bene .trip-item > button {font-weight: 500;padding: 0 calc(28em / 14); height: 2.6111111111111111111em;border: .08333333333333333333em solid #cfcfcf;margin: 1.75em auto 0;border-radius: 1.555555555555555556em;color: #1b1b1b; display: block; font-size: 1.166666666666667em;} .mytrip.bene .trip-item .trip-period-big { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAACCAYAAACDvVapAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYyOUM3NjNCOUM3MjExRURBMTI0OUZGRjVBRjM2ODJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYyOUM3NjNDOUM3MjExRURBMTI0OUZGRjVBRjM2ODJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjI5Qzc2Mzk5QzcyMTFFREExMjQ5RkZGNUFGMzY4MkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjI5Qzc2M0E5QzcyMTFFREExMjQ5RkZGNUFGMzY4MkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4syTXbAAAAIUlEQVR42mI8f/58PgMDgwADbjDRwMDgA7IAEwMZACDAALu1BQHoWh+zAAAAAElFTkSuQmCC"); } .bene .vacation-data-list dt.rows, .bene .vacation-data-list dt.rows + dd {border-top: 1px solid #ddd8dc; margin-top: 1.15em; padding-top: 1.15em;} .bene .vacation-data-list dt.summary, .bene .vacation-data-list dt.summary + dd {margin-top: 1.15em; padding-top: 1.15em;} .bene .vacation-data-list dd {position: relative;} .bene .vacation-data-list .lev2 {display: inline-block; position: absolute; right: calc(86em / 12); width: calc(100em / 12); text-align: right;} .bene.mytrip .btn-wrap {display: flex;margin: 11.75213675213675% auto 11.75213675213675%;font-size: 4.25925925925925925926vw; justify-content: center;} .bene.mytrip .btn-wrap button {flex-grow: 0;flex-basis: 50%;font-size: 1em;font-weight: 500; background: white; height: 2.869565217391304em; border-radius: 1.434782608695652em; color: #F88800; border: 1px solid #F88800;} .bene.mytrip .btn-wrap button.btn-primary {color: #fff; background-color: #F88800;} .bene.mytrip .btn-wrap button + button {margin-left: 2.56410256410256%;} .bene .vacation-data-list dd.full-comment {font-size: 0.8461538461538462em;} .bene .vacation-data-list .tx-red strong {color: #F88800;} .bene.mytrip .nodata-type1 .nodata-tx {font-size: 1.25em; color: #666;} .bene .vacation-data-list dt .pop-button { width: 1.076923076923077em; height: 1.076923076923077em; transform: translateY(-1px); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANZSURBVHgBvZa/SyNBFMdnNwtaCAqCHoqyjZ2CglYK5w9stEgs03n/wVWKNnqNos39CXdWlmqhlXIGFE5QzkMLwSYoCLEyqZIiyb3P3E6I6252cwd+YdjZ3Zn5zvfNe2+epWJgc3NzUh5JaZO2bbvVarWD75ZlvUj/miavBysrK6dRa1kRRIuy6Jp0XRUPWRm/vry8vKOaIRQiVx57MnmY95aWFjU2Nqb6+vpUe3u7bqBUKqlcLqfu7+91y+fzNWJRPSWKs5GEqBKzfcVsLDw3N6f6+/tVHNzc3Kjz83NNLPMx96fV1dX9UMKNjY2UkO3RHx0dVRMTE1pdMygWi5r08vLyL4FlLdab2KpT5grZL5RBND4+rv4HkJ6dnWml8jpizOvUmC3rB2QoCyPDZLTHx0f93tXVpRsbNOdqwBqoFaUdsi5WG+F7wlOHNy4yKZlMKsdx3pAdHh7qXRcKBU3S2dmpnp6e1PPzs3aYgYEB1dra+mpOT0+Puru7w7k+zM7OZo+Pj387nro1s6ugM0PV7e2tVpFOp2tqcA42wX/ObGZm5tU8NoDT7e7uYtp1+bRje0HtssjQ0JAKgnEAJtebjv709LTus6Eg4OGeCBcu8RObDKJNEobu7m69maDwMGbkvMKAX3hIOiJ1OIoQZWHAnEZJGPiH6UXcpG2yCSqaBWQnJye63yiMzDFUKhXXMYm42QAnxtg18+bn5xsqNIQirsNR/wCTwvxeGweYlExQn3gjEea1YTAORdax5ZltlpBgxzvjJnXGAxF3DeEpLw8PDyouCJHBwcHY48lEgIvaFs854OXq6ir2ApjSn1XiECYSiX3bKwuy2DmuSjzUxF8UGOcdV3ZpaSmDSZH6hefR0ZG+xaMWwEMZa3YeBtZiLKD04KkJReV3DpSdsPtG8OfSRmAto85cwrU4lLNc4ALm/iKYueOCgGcSe4zhmmpERvgQdrL2lPmeMB1JUS/iCDkZkOKCxRy9vb2BdyPK2traAomYl8lk1MXFhRGSlrrmp/n/poja2tpKyeObKaLIkWHXlh84HWeLGb2E8tlfMoaWiZQcyqtHIeY2oZHkTd5lYRpEmM84nFcYL8QqE33E71MI+7G9vf2xXC6nuMpo9aU+JHJOpwQ1cRa11h89+MNAUqi/qAAAAABJRU5ErkJggg=="); } /* sch-vacation-custom, 2023.01.27 end */ /*********** 쿠폰함 - 2023년 7월 버전 - 2023-07-11 */ .mypage-coupons-v2307, .mypage-coupons-v2307 button, .mypage-coupons-v2307 input {font-family: 'Pretendard', Roboto,'Droid Sans',AppleSDGothicNeo,Helvetica,sans-serif;} /* 2023-07-25 추가, 2023-10-05, 마이페이지개편_v12 */ .mypage-coupons-v2307 #wrap section {padding-bottom: 1em;} /* 2023-10-05, 마이페이지개편_v12 */ .mypage-coupons-v2307 .tab-nav-after-button-wrap {position: relative;} .mypage-coupons-v2307 .tab-nav-after-button-wrap button {position: absolute;bottom: .73em;right: 1.33333333333333333em;font-size: 1.25em;color: #212121; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM1REYxNkU1MUZGOTExRUVBRjkxQTZDNTAyMTgwOUYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM1REYxNkU2MUZGOTExRUVBRjkxQTZDNTAyMTgwOUYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzVERjE2RTMxRkY5MTFFRUFGOTFBNkM1MDIxODA5RjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzVERjE2RTQxRkY5MTFFRUFGOTFBNkM1MDIxODA5RjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4xEPV+AAAAlUlEQVR42mL8//8/Az6gqKiYwMjI2A9kfmBiYmq4c+fOQnzqmRgIAKBh9UBKAIgV/v37N4GQeoIGggxCYgtQw0CSwKiBlANGZWXleGhyEKDQrAegdMoITLj30ZIGJeADExVchmogMOsVgpxLDcOAZjUyEsrLSkpKKAru3bvHOJoOh6GBH5BzA8UGIqVTcBVASD1AgAEAWpct9a4VrbEAAAAASUVORK5CYII='); background-size: .66666666666666666667em auto;background-position: left center;padding-left: 1em;} .mypage-coupons-v2307 .list-head {position: relative;font-size: 1.25em;font-weight:normal;color: #4d4d4d;margin-top: 1.86666666666666666667em;padding: 0 1.3333333333333333em;line-height: 1.066666666666666667em;} /* 2023-08-02 수정*/ .mypage-coupons-v2307 .list-head em {color: #ff6d00;font-weight: bold;} .mypage-coupons-v2307 .list-head select {position: absolute;top: 50%; font-size: .86666666666666667em; right: 1.538461538461538em;transform: translateY(-50%);appearance: none;text-align-last: right;padding-right: 1.230769230769231em; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACOSURBVHgBndKJDYAgDAVQ6gSMUDdwBSd3BBmhI7ABtqQmBiEtNDEe/D6QEAIXIka+MCzWtx/kAQBueSmlnESUJizBDu6/tH/f+J51LMqABBaw+BobryjLyhR2ow2W9e8IjECawGoWvEFvBmZm90z4A0eNNezYki7YQ/Wzub9DsIMGCzPBBl06+CNUKnqyDxsJhEFZTz1hAAAAAElFTkSuQmCC'); background-size: .7692307692307692em auto;background-position: right center;border: none;color: #212121;} /* 2023-08-02 수정, 2023-08-04 수정 */ .mypage-coupons-v2307 .input-wrap {font-size: 1em;display: flex;padding: 0 1.666666666666666667em;margin-top: 1.6666666666666667em;margin-bottom: .33333333333333333em;} .mypage-coupons-v2307 form .input-wrap input, .mypage-coupons-v2307 form .input-wrap button {font-size: 1.25em;height: 2.6666666666666666666667em;} .mypage-coupons-v2307 form .input-wrap input {width: 50%;border-radius: .4em;border: .066666666666666667em solid #D9D9D9;margin-right: .73333333333333333333em;flex: 1;padding-left: .8em;} /* 2023-10-11, 마이페이지개편_v17 */ .mypage-coupons-v2307 form .input-wrap input::placeholder {color: #bababa;} /* 2023-10-10, 마이페이지개편_v16 */ .mypage-coupons-v2307 form .input-wrap input:focus {border-color: var(--neutral-color1);} .mypage-coupons-v2307 form .input-wrap button {border-radius: .4em;background: #e7e7e7;padding: 0 1.333333333333333333em;} /* coupon list */ .mypage-coupons-v2307 .coupon-list {margin-top: 1.666666666666666667em;padding: 0 1.6666666666666666667em; margin-bottom: 4.166666666666666667em;} .mypage-coupons-v2307 .coupon-list .coupon-item {position:relative;border: .083333333333333em solid #e7e7e7;padding: 1.16666666666666667em 1.6666666666666667em 1.416666666666666667em;border-radius: .6666666666666666666667em;} /* 2023-08-02 수정 */ .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-info {position: relative;display: block;height: 2.4166666666666666667em;padding-right: 3.2em;} .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-info .coupon-item-discount {float:left;color: gray;font-size: 2em;font-weight: 600;letter-spacing: -.015em;line-height: normal;margin-right: .3333333333333333333em;margin-bottom: .20833333333333333em;} /* 2023-08-02 수정 */ .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-info .coupon-item-discount::after {content: attr(data-after);font-size: .8333333333333333333em; } /* 2023-08-02 수정 */ .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-info .coupon-tag-wrap {float:left;margin-top:.538333333333333333em;margin-bottom: .3166666666666667em;} /* 2023-08-02 수정, 2023-08-04 수정, 2023-10-05, 마이페이지개편_v12 */ .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-info .coupon-tag {display: inline-block; font-size: .91666666666666666667em;color: #7f7f7f;line-height: 1.54545454545454em;padding: 0 .545454545454545454em;border: .045454545454545em solid #d9d9d9;border-radius: .181818181818181818em;} /* 2023-10-12, 마이페이지개편_v18 */ @media screen and (max-width: 400px) {.mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-info .coupon-tag {border-width: 1px;}} /* 2023-10-05, 마이페이지개편_v12 */ .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-info .coupon-item-discount + .coupon-tag {margin-left: .727272727272727272em;} .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-info .coupon-dday {position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size: .83333333333333333em;line-height: 1.7em;color: white;font-weight: 700;padding: 0 .7em;background: gray;border-radius: .9em;} /* 2023-10-05, 마이페이지개편_v12 */ .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-name {clear:left;font-size: 1.166666666666666667em;font-weight: 500;line-height: normal;letter-spacing: -.015em; /*margin-top: .2285714285714286em;*/padding-top: .0714285714285714em;padding-right: 6em;} /* 2023-08-02 수정 */ .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-condition {color: #7f7f7f;letter-spacing: -.015em;margin-top: .916666666666666667em;line-height: normal;padding-right: 6em;} /* 2023-08-02 수정 */ .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-footer {display: flex;margin-top: .3333333333333333333em;line-height: 1.1666666666666667em;align-items: center;justify-content: space-between;} /* 2023-08-02 수정 */ .mypage-coupons-v2307 .coupon-list .coupon-item .coupon-item-footer button {color: #7f7f7f; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAASCAYAAACNdSR1AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABxSURBVHgBpZHRDcAgCAXFSVylk8lmHaVuQn0mTUwLiCkfKsmdIqS0EYSl1nqNhOhg5mbBeToXETk7XFwYN/atrQR6DgAAQoColURzshLo/ZQnfGBPUGFLMGFNyGkj/pcR/mC4deGhhMcdARGjdREQcQNURX0uInyHZgAAAABJRU5ErkJggg=='); background-size: .333333333333333em auto;background-position: right center;padding-right: .6666666666666666666em;} .mypage-coupons-v2307 .coupon-list .coupon-item + .coupon-item { margin-top: 1.333333333333333333em; } /* coupon list - empty */ .mypage-coupons-v2307 .coupon-list:empty::before {content: attr(data-empty-text);display: block;font-size: 1.25em;text-align: center;padding: 14.66666666666666667em 0;} /* coupon list - coloring */ .mypage-coupons-v2307 .coupon-list .coupon-item.coupon-item-darkblue .coupon-item-discount {color: #283F63;} .mypage-coupons-v2307 .coupon-list .coupon-item.coupon-item-darkblue .coupon-dday {background-color: #283F63;} .mypage-coupons-v2307 .coupon-list .coupon-item.coupon-item-blue .coupon-item-discount {color: #43BDC5;} .mypage-coupons-v2307 .coupon-list .coupon-item.coupon-item-blue .coupon-dday {background-color: #43BDC5;} .mypage-coupons-v2307 .coupon-list .coupon-item.coupon-item-orange .coupon-item-discount {color: #FF6D00;} .mypage-coupons-v2307 .coupon-list .coupon-item.coupon-item-orange .coupon-dday {background-color: #F88800;} /* coupon list - used / expired */ .mypage-coupons-v2307 .coupon-list .coupon-item[data-disabled-text] .coupon-dday, .mypage-coupons-v2307 .coupon-list .coupon-item[data-disabled-text] .coupon-item-footer button {display: none;} .mypage-coupons-v2307 .coupon-list .coupon-item[data-disabled-text]::after {content: attr(data-disabled-text);display: flex;align-items: center;font-size: 1.083333333333333333333em;color: white;letter-spacing: -.025em;font-weight: 700;text-align: center;width: 4em;height: 4em;position: absolute;top: 50%;right: 1.230769230769231em;transform: translateY(-50%);background: #cacaca;border-radius: 50%;padding: 0 1em;line-height: normal;} /* coupon list - pop bottom */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .pop-cnt {max-height: 85vh;} .mypage-coupons-v2307 .pop-wrap.pop-bottom .pop-cnt header {margin-bottom: .5263157894736842em; border-bottom: none;color:#212121} /* 2023-08-03 수정, 2023-08-04 수정 */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .pop-cnt header h1 {font-size: .8421052631578947em ;padding: 0;} .mypage-coupons-v2307 .pop-wrap.pop-bottom .pop-cnt header .popup-close {width: 1.684210526315789em;padding-top: 1.684210526315789em; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFeSURBVHgBxdiLbYMwEAZg41sAmACxQFdghG7QbtJ0g3SCrtJs0G7ABrABPUcgkcTAPezLLyFiB+k+nYRtAQ7TNM17WZYv4zj+uSdkXR/CoCiKb7xe67p2wzBcnGHatv3A2znUR1Tv139O03SaHzDDhJrrOcA2/aIMgUU3z3UWnbrH4O/Pvu+/IAwQ9WOJ2sBcx7BMWqH2MDcgC9QR5gGUE0XBREE5UFTMJiglioPZBaVAcTGHIA1KgiGBJCgphgzioDQYFoiC0mLYoD1UVVWdFhNSOGHw2HJCVPRkIMWEsDu0JNIpNSbEO0W89xNljhNxh2KHqzmqbUYEir1NeLuk2PvYoK1XO9XexwIdrTMpUGQQddHTokgg7gqsQR2CpNuBFAU5MBoU5MJIUZATI0FBbgwXBRYYDgqsMFQUWGIoqOv3IZw4W2H2ULHvQyaYJaHWfFK4TegSXm/uSVnX/wfA+Dp3rHSVMQAAAABJRU5ErkJggg=='); } .mypage-coupons-v2307 .pop-wrap.pop-bottom .pop-mid {padding: 0 1.6666666666666666667em 2em;min-height: 26.5em;} .mypage-coupons-v2307 .pop-wrap.pop-bottom .pop-mid h3 {font-size: 1.25em;font-weight: normal;color: #4d4d4d} /* 2023-08-03 수정 */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .pop-mid h3 em {font-weight: bold;color: #FF6D00;} .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-categories {display: flex;flex-flow: row wrap;margin-top: 1.3333333333333em;margin-left: -.7692307692307692em;margin-right: -.45em;} /* 2023-08-03 수정, 2023-08-04 수정 */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-categories li {font-size: 1.083333333333333333em;margin-left: .7692307692307692em;margin-bottom: .7692307692307692em;} .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-categories li button {color: #212121;font-size: 1em;padding: 0 1.153846153846154em;line-height: 2.615384615384615em;border: .0769230769230769em solid #e7e7e7;border-radius: .4615384615384615em;} .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-items {margin-top: 1.1666666666666666667em;} /* 2023-08-03 수정 */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-items li {padding: .833333333333333333em 0;} .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-items li button {position: relative;display: flex;font-size: 1.25em;font-weight: 400;line-height: 1.133333333333333em;text-align: left;min-height: 4.66666666666666667em;padding-left: 6em;color: #212121;} /* 2023-10-05, 마이페이지개편_v12 */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-items li + li {border-top: .083333333333333333em solid #eee;} .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-items li button .panel {position: absolute;left: 0;top: 0;width: 4.66666666666666666667em;height: 4.66666666666666666667em;border-radius: .3333333333333333333em;overflow: hidden;} /* 2023-08-11 추가 */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-items li[class*=ban] button .panel::after {background-size: 46% auto;} /* 2023-08-11 수정 */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .coupon-target-items li button img {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: contain;} /* 2023-08-11 수정 */ /* coupon list - pop bottom - swiper */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .swiper {overflow: hidden;position: relative;margin: 1em -1.66666666666666667em 1.5833333333333333em;padding-bottom: 2.5em;} /* 2023-08-03 수정, 2023-08-04 수정 */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .swiper .swiper-slide img {max-width:100vw;} /* 2023-10-24, 마이페이지개편_v21 */ .mypage-coupons-v2307 .pop-wrap.pop-bottom .swiper .swiper-pagination-bullets {line-height: 2.5em;bottom: 0;} .mypage-coupons-v2307 .pop-wrap.pop-bottom .swiper .swiper-pagination-bullet {background: #4d4d4d;margin: 0 .25em;width: .5em;height: .5em;} /*********** 복지카드 - 2023년 7월 버전 - 2023-07-13 */ .mypage-card-v2307, .mypage-card-v2307 button {font-family: 'Pretendard', Roboto,'Droid Sans',AppleSDGothicNeo,Helvetica,sans-serif;} /* 2023-07-25 추가 */ .mypage-card-v2307 section {padding: 2.5em 1.6666666666666666666em;} .mypage-card-v2307 #mid section {margin-left: 0;margin-right: 0;} /* 2023-10-05, 마이페이지개편_v12 */ .mypage-card-v2307 #nav ~ #mid, .mypage-card-v2307 #nav ~ form #mid {padding-top: 48px;} /* 2023-10-05, 마이페이지개편_v12, 기존버전의상단nav 패딩 조정, 2023-10-06, 마이페이지개편_v14, 2023-10-10, 마이페이지개편_v16 */ .mypage-card-v2307 .section-top-line {border-top: .666666666666667em solid #f1f1f1;} /* dl 일반 */ .mypage-card-v2307 dl {display: grid;grid-template-columns: auto auto;} .mypage-card-v2307 dl dt, .mypage-card-v2307 dl dd {line-height: normal;} .mypage-card-v2307 dl dd {text-align: right;} /* 큰 포인트 박스 */ .mypage-card-v2307 .point-box-big {background: #F6F7FA; width:100%; margin-top: -.1666666666666666667em;align-items: center;padding-left: 1.6666666666666667em;padding-right: 1.4166666666666666667em;height: 5.0833333333333333333em;border-radius: .8em;} .mypage-card-v2307 .point-box-big dt, .mypage-card-v2307 .point-box-big dd {font-size: 1.5em;letter-spacing: -.015em;font-weight: 700;line-height: normal;} .mypage-card-v2307 .point-box-big dt {text-align: left;} /* 2023-07-25 추가 */ .mypage-card-v2307 .point-box-big dd { background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFjSURBVHgB7ZWvksIwEMa31wrEiciTFQgEgke4Rzh5suIe7OTJSiQSWXGiAhGBqEBEICr5li5D6TQhSQ3D8M3sJJNNv1/+wIbopZceXoktkUNoFKLWWrcUqdRi/oHmB7FAzJVSO2NMFOTNYw7DCkAVRWh0B1jtEavmbi5DM8QCY3XoTlJbAkYahoa6Y4qGpK4kjBoYaoFkAlnJnRxpKkAghg3RnQuAQUuMHZA6TAYIhO+kpm4nfQjzm8kAgbQDCIvv5HxfkwEOSO6CBAEGkBzxfg8SDOhB/tFd0u1OWuT2/bk+/2SbPqmrVRdpRDWclFCEUDa+0Kx6QxUKYjk2NwgAYz6Ogrr6dNEW5mvbN94AKXbfA/MNzDeu77wAYl7Q7ZnfNfcCWMzXMN+Sh5II8xLmFXnK9WSeHxq6/s65RP/BXFOAMou5GjH/hXdDgcos4zO6mhsxNxQh15PJq+ZHpYw1fw6dAML6nW5ysUOYAAAAAElFTkSuQmCC'); background-size: .66666666666666666em auto;background-position: right top 27%;padding-right: .8888888888888888889em;} .mypage-card-v2307 .point-box-big dd::after {content:" P";color: #FF6D00;} /* 선택된 기간 표시 */ .mypage-card-v2307 .point-box-big + .selected-period {margin-top: 2.666666666666667em;} .mypage-card-v2307 .point-box-big ~ dl {padding: 0 .3333333333333333333em;} /* 2023-07-25 수정 */ .mypage-card-v2307 .selected-period dt, .mypage-card-v2307 .selected-period dd {font-size: 1.0833333333333333333em;color: #666;} .mypage-card-v2307 .selected-period dd button { background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACOSURBVHgBndKJDYAgDAVQ6gSMUDdwBSd3BBmhI7ABtqQmBiEtNDEe/D6QEAIXIka+MCzWtx/kAQBueSmlnESUJizBDu6/tH/f+J51LMqABBaw+BobryjLyhR2ow2W9e8IjECawGoWvEFvBmZm90z4A0eNNezYki7YQ/Wzub9DsIMGCzPBBl06+CNUKnqyDxsJhEFZTz1hAAAAAElFTkSuQmCC'); background-position: right center;background-size: .7692307692307692em auto;padding-right: 1.153846153846154em; color: #666;} /* 2023-07-25 수정 */ .mypage-card-v2307 .amount-detail {margin-top: 1.95833333333333333333em;} .mypage-card-v2307 .amount-detail dt {font-size: 1.25em;font-weight: 500;line-height: 1.2666666666667em;} .mypage-card-v2307 .amount-detail dd {font-weight: 600;font-size: 1.333333333333333em;line-height: 1.1875em;} .mypage-card-v2307 .amount-detail dd ~ dt, .mypage-card-v2307 .amount-detail dd ~ dd {margin-top: .5333333333333333333em;} .mypage-card-v2307 .amount-detail dd::after {content:" 원";} /* 이용내역 목록 */ .mypage-card-v2307 .transaction-list {margin: .16666666666666667em 0;} .mypage-card-v2307 .transaction-list[data-empty-text]:empty::before {content: attr(data-empty-text);display: block;white-space: pre;font-size: 1.25em;color: #4d4d4d;text-align: center;line-height: 1.5em;margin: 4em 0 5.5em;} /* 2026-01-30 : AI 추천 영역 위치 조정 - 이용내역이 있을 때: transaction-list 내부의 AI 추천 숨김 */ .mypage-card-v2307 .transaction-list:not(:empty) .ai-recommend-section {display: none;} /* 2026-01-30 : AI 추천 영역 위치 조정 - 이용내역이 없을 때: transaction-list 외부의 AI 추천 숨김 */ .mypage-card-v2307 .transaction-list:empty ~ .ai-recommend-section {display: none;} /* 2026-01-30 : AI 추천 영역 위치 조정 - 이용내역이 없을 때: transaction-list 내부의 AI 추천 표시 및 간격 조정 */ .mypage-card-v2307 .transaction-list:empty .ai-recommend-section {display: block;margin-top: 2em;} .mypage-card-v2307 .transaction-list .transaction-item {position: relative;padding-left: .333333333333333em;} .mypage-card-v2307 .transaction-list .transaction-item + .transaction-item {margin-top: 2.66666666666666666667em;} .mypage-card-v2307 .transaction-list .transaction-item .status-wrap {display: flex;} .mypage-card-v2307 .transaction-list .transaction-item .status-wrap span {font-size: .91666666666666667em;line-height: 1.5454545454545454em;padding: 0 .545454545454545454em;border: solid .04545454545454545em #212121;border-radius: .1818181818181818em;display: block;} .mypage-card-v2307 .transaction-list .transaction-item .status-wrap span + span {margin-left: .27272727272727272727em;} .mypage-card-v2307 .transaction-list .transaction-item .status-wrap span.status-complete {color: white;background-color: rgba(255, 97, 76, .7);border: none; padding-top: .04545454545454545em;} .mypage-card-v2307 .transaction-list .transaction-item .status-wrap span.status-cancel {color: white;background-color: rgba(127, 127, 127, .5);border: none; padding-top: .04545454545454545em;} .mypage-card-v2307 .transaction-list .transaction-item .status-wrap span.status-blue {color: #59B2EA;border-color: #59B2EA;} .mypage-card-v2307 .transaction-list .transaction-item .status-wrap span.status-green {color: #009A66;border-color: #009A66;} .mypage-card-v2307 .transaction-list .transaction-item .status-wrap span.status-gray {color: #7F7F7F;border-color: #7F7F7F;} .mypage-card-v2307 .transaction-list .transaction-item .title {font-size: 1.25em;font-weight: 500;margin-top: .53333333333333333333em;line-height: normal;letter-spacing: -.015em;} .mypage-card-v2307 .transaction-list .transaction-item .datetime {font-size: 1.08333333333333333333em;color: #999;letter-spacing: -.015em;margin-top: .3076923076923077em;line-height: normal;} .mypage-card-v2307 .transaction-list .transaction-item .price {font-size: 1.3333333333333333em;font-weight: 600;letter-spacing: -.015em;line-height: 1.3em;position: absolute;top: 0;right: .25em;} .mypage-card-v2307 .transaction-list .transaction-item .status-wrap ~ .price {top: 1.65em;} .mypage-card-v2307 .transaction-list .transaction-item .price::after {content:" 원";} .mypage-card-v2307 .transaction-list .transaction-item .apply-form {display: flex;justify-content: center;margin-top: .66666666666666666667em;} .mypage-card-v2307 .transaction-list .transaction-item .apply-form label {position: relative;width: 19.5em;} .mypage-card-v2307 .transaction-list .transaction-item .apply-form label::after {content:"원";position: absolute;font-size: 1.25em;color: #999;top: 50%;right: .73333333333333333333em;transform: translateY(-50%);} .mypage-card-v2307 .transaction-list .transaction-item .apply-form label input {font-size: 1.25em;width: 100%;height: 2.66666666666666667em;border: #D9D9D9 .0666666666666666667em solid;border-radius: .4em;color: #FF6D00;font-weight: 500;padding-left: .7333333333333333333em;padding-right: 3.2em;} /* 2023-07-25 수정 */ .mypage-card-v2307 .transaction-list .transaction-item .apply-form label input + button {display: block;font-size: 1em;position: absolute;top: 50%;right: 2.41666666666666667em;transform: translateY(-50%);background: no-repeat white;background-size: 50% auto;background-position: center;width: 1.66666666666666667em;height: 1.66666666666666666667em;text-indent: -200vw;} /* 2023-07-25 추가, 2023-08-01 수정 */ .mypage-card-v2307 .transaction-list .transaction-item .apply-form label input.has-value:focus + button { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEASURBVHgBnZQ9EoIwEIWX7AUsPQJlZrgAR+AGWkHpEQwdXoHOylZvoJ0NB7H0BHF3hjjRSciGN7OwLJtvXn6gaNu2AYAjxXUcxx5WqOu6g7V2T2mPVVVdKNEUNeUwTdMjB0aG2MxAsaUoFV3O3nszN+TAjFe6ITl6krOCHc5FkdMArKclM8gZDb7nQGMwTtBVpNAl2A9QAk3BWAWEp8RN/uaYv3sQFgVGoJCCsTAyIDT9JIylYFlWWPsq6jCwAU6LRwqFMP7GGVCnoCiB8ZpJzylKYO5BAkUpTArFHJgEirmwBPTN57DJhTnNvf5ffoda65dSqqSHEzUMkCnP6YbhH3UnvBCFAsgTAAAAAElFTkSuQmCC'); } /* 2023-07-25 추가, 2023-08-01 수정 */ .mypage-card-v2307 .transaction-list .transaction-item .apply-form button {font-size: 1.25em;font-weight: 500;width: 4.4em;height: 2.66666666666666667em;margin-left: .8em;background-color: #F1F1F1;border-radius: .4em;} .mypage-card-v2307 .transaction-list .transaction-item .apply-result {grid-template-columns: auto fit-content(50%);gap: .33333333333333333em 1.75em;background: #F6F7FA;border-radius: .58333333333333333333em;padding: .83333333333333333em 1em;margin-top: .6666666666666666667em;} /* 2023-07-25 수정 */ .mypage-card-v2307 .transaction-list .transaction-item .apply-result > * {font-size: 1.0833333333333333333em;color: #666;} .mypage-card-v2307 .transaction-list .transaction-item .apply-result dt {text-align: right;} .mypage-card-v2307 .transaction-list .transaction-item .apply-result dd {color: #212121;font-weight: 600;} .mypage-card-v2307 .transaction-list .transaction-item .apply-result dd ~ dd {color: #FF6D00;padding-right: .2307692307692308em;} /* 배너 */ .mypage-card-v2307 .swiper-container-paging-banner {overflow: hidden;position: relative;} .mypage-card-v2307 .swiper-container-paging-banner button {text-align: left;} .mypage-card-v2307 .swiper-container-paging-banner .swiper-pagination {position: absolute;left: auto;right: .6153846153846154em;bottom: .4615384615384615em;width: auto;font-size: 1.0833333333333333333em;line-height: normal;color: rgba(33, 33, 33, 0.40);letter-spacing: -.1em;} .mypage-card-v2307 .swiper-container-paging-banner .swiper-pagination > * {letter-spacing: 0;} .mypage-card-v2307 .swiper-container-paging-banner .swiper-pagination .swiper-pagination-current {color: #212121;} /* 상품타입 스와이퍼 배너 틀, 쿠폰타입 스와이퍼 배너 틀 */ .mypage-card-v2307 [class*=banner-style-] + .transaction-list, .mypage-card-v2307 .transaction-list + [class*=banner-style-] {margin-top: 3.333333333333333em;} .mypage-card-v2307 [class*=banner-style-] {margin: 2em 0;} .mypage-card-v2307 .banner-style-products li .slide-inner, .mypage-card-v2307 .banner-style-coupon li .slide-inner {border: .083333333333333em solid #e7e7e7;border-radius: .6666666666666666667em;padding: 1.333333333333333333em 1em;} .mypage-card-v2307 .banner-style-coupon li .slide-inner {padding: 1.5em 1.333333333333333em;} .mypage-card-v2307 .banner-style-products li h3 {font-size: 1.25em;font-weight: 600;line-height: normal;margin-bottom: 1.06666666666666667em;} /* 상품 타입 swiper, 2023-10-04 수정 */ .mypage-card-v2307 .slide-banner-product {position: relative;padding-left: 6.333333333333333333em;min-height: 5em;} .mypage-card-v2307 .slide-banner-product .panel {width: 5em;height: 5em;object-fit: contain;position: absolute;left: 0;top: 0;border-radius: .41666666666666667em;overflow: hidden;} .mypage-card-v2307 .slide-banner-product .panel::after {background-size: 60% auto;} .mypage-card-v2307 .slide-banner-product img {width: 100%;height: 100%;} .mypage-card-v2307 .slide-banner-product .title {font-size: 1.0833333333333333333em;line-height: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .mypage-card-v2307 .slide-banner-product .info-price {margin-top: .6666666666666666667em;} .mypage-card-v2307 .slide-banner-product .info-price > * {font-size: 1.16666666666666667em;font-weight: 700;} .mypage-card-v2307 .slide-banner-product .info-price > *::after {content:attr(data-after);} .mypage-card-v2307 .slide-banner-product .info-price .rate {color: #FF6D00;} .mypage-card-v2307 .slide-banner-product .info-price .rate + .sale-price {margin-left: .2857142857142857em;} /* 쿠폰 타입 swiper */ .mypage-card-v2307 .slide-banner-coupon {position: relative;padding-left: 7.5em;min-height: 3.1666666666666666667em;display: flex;flex-direction: column;justify-content: center;} .mypage-card-v2307 .slide-banner-coupon .coupon {position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center; width: 6em;height: 3.166666666666666667em;background: gray;color: white;border-radius: .16666666666666667em;font-weight: 600;} .mypage-card-v2307 .slide-banner-coupon .coupon::before, .mypage-card-v2307 .slide-banner-coupon .coupon::after {content:"";display: block;background: white;width: .5em;height: .5em;position: absolute;top: calc(50% - .25em);left: -.25em;border-radius: 50%;} .mypage-card-v2307 .slide-banner-coupon .coupon::after {left: auto;right: -.25em;} .mypage-card-v2307 .slide-banner-coupon .coupon span {font-size: 1.4166666666666666667em;line-height: normal;} .mypage-card-v2307 .slide-banner-coupon .coupon span::after {content: attr(data-after);font-size: .590909090909090909em;margin-left: .1em;} .mypage-card-v2307 .slide-banner-coupon .coupon span[data-after="%"] {font-size: 1.8333333333333333333em;} .mypage-card-v2307 .slide-banner-coupon .coupon.coupon-bg-orange {background: #F8A643;} .mypage-card-v2307 .slide-banner-coupon .coupon.coupon-bg-blue {background: #A1D1FD;} .mypage-card-v2307 .slide-banner-coupon .info-text {font-size: 1.08333333333333333em;line-height: 1.05em;} .mypage-card-v2307 .slide-banner-coupon .title {font-size: 1.25em;line-height: 1.05em;font-weight: 700;margin-top: .4em;} .mypage-card-v2307 .slide-banner-coupon .title em {color: #FF6D00;} /* 이미지 타입 swiper */ .mypage-card-v2307 .banner-style-image .swiper-container-paging-banner {padding-bottom: 0;} .mypage-card-v2307 .banner-style-image.pagination-white .swiper-container-paging-banner .swiper-pagination {color: rgba(255, 255, 255, .6);} /* 2023-07-25 수정 */ .mypage-card-v2307 .banner-style-image.pagination-white .swiper-container-paging-banner .swiper-pagination .swiper-pagination-current {color: white;} /* 2023-07-25 수정 */ .mypage-card-v2307 .banner-style-image.pagination-white .swiper-slide button img {border-radius: .66666666666666666667em;} /* 2023-10-12, 카드차감알파퍼블_v1 */ .mypage-card-v2307 .slide-banner-image {width: 100%;} /* 복지카드 - pop bottom */ .mypage-card-v2307 .pop-wrap.pop-bottom .pop-cnt {max-height: 85vh;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-cnt header {margin-bottom: .5263157894736842em; border-bottom: none;color: #212121;} /* 2023-07-25 수정, 2023-08-03 수정, 2023-08-04 수정 */ .mypage-card-v2307 .pop-wrap.pop-bottom .pop-cnt header h1 {font-size: .8421052631578947em ;padding: 0;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-cnt header .popup-close {width: 1.684210526315789em;padding-top: 1.684210526315789em; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFeSURBVHgBxdiLbYMwEAZg41sAmACxQFdghG7QbtJ0g3SCrtJs0G7ABrABPUcgkcTAPezLLyFiB+k+nYRtAQ7TNM17WZYv4zj+uSdkXR/CoCiKb7xe67p2wzBcnGHatv3A2znUR1Tv139O03SaHzDDhJrrOcA2/aIMgUU3z3UWnbrH4O/Pvu+/IAwQ9WOJ2sBcx7BMWqH2MDcgC9QR5gGUE0XBREE5UFTMJiglioPZBaVAcTGHIA1KgiGBJCgphgzioDQYFoiC0mLYoD1UVVWdFhNSOGHw2HJCVPRkIMWEsDu0JNIpNSbEO0W89xNljhNxh2KHqzmqbUYEir1NeLuk2PvYoK1XO9XexwIdrTMpUGQQddHTokgg7gqsQR2CpNuBFAU5MBoU5MJIUZATI0FBbgwXBRYYDgqsMFQUWGIoqOv3IZw4W2H2ULHvQyaYJaHWfFK4TegSXm/uSVnX/wfA+Dp3rHSVMQAAAABJRU5ErkJggg=='); } .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid {padding: 0 1.6666666666666666667em 2em;min-height: 26.5em;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid h3 {font-size: 1.25em;font-weight: normal;color:#4d4d4d} /* 2023-08-03 수정 */ .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid h3 em {font-weight: bold;color: #FF6D00;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset { display: flex; } .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid h3 + fieldset {margin-top: 1.4166666666666666em;} /* 2023-07-25 수정 */ .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset + fieldset {margin-top: .83333333333333333333em;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset + h3 {margin-top: 1.666666666666666666em;} /* 2023-07-25 수정 */ .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset .input-wrap.inline {min-width: auto;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset .input-wrap.inline + .input-wrap.inline {margin-left: .5882352941176471em;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset label { margin-top: 0;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset input[type=radio] + span {display: flex;align-items: center;justify-content: center;font-size: .8235294117647059em;padding-left: 0;width: 5.142857142857143em;border: 1px solid #e7e7e7;border-radius: .4285714285714286em;height: 2.857142857142857em;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset input[type=radio] + span::before { display: none;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset input[type=radio]:checked + span {border-color: #FF6D00;color: #FF6D00;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset.period-wrap {display: flex;justify-content: space-between;align-items: center;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset input[type=date] {display:flex;font-size: 1.16666666666666667em;width: 10.42857142857143em;height: 2.857142857142857em;text-align: center;border: 1px solid #e7e7e7;border-radius: .4285714285714286em; background: white; align-items: center; } /* 2023-07-25 수정, 2023-08-01 수정 */ .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset input[type=date]::-webkit-inner-spin-button, .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset input[type=date]::-webkit-calendar-picker-indicator {display: none;-webkit-appearance: none;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid .btn-wrap {font-size: 1.25em;margin-top: 1.6em;margin-bottom: 0;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid .btn-wrap button {font-weight: 700;} @media screen and (min-width: 670px) { /* 태블릿/갤럭시폴드 크기, 2023-10-05, 마이페이지개편_v13 */ .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid {font-size: 22px;max-width: 33em;margin: 0 auto;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid fieldset {font-size: 1em;} .mypage-card-v2307 .pop-wrap.pop-bottom .pop-mid .input-wrap {font-size: 1.41666666666666666667em;} } /* 복지카드 차감신청 가능 포인트 기능 개선, 2024.01.11 */ .mypage-card-v2307 .transaction-list .transaction-item.flex-between-center {display: flex; justify-content: space-between; align-items: center;} .mypage-card-v2307 .transaction-list .transaction-item.flex-between-center .apply-form button {width: 3.2em;} .mypage-card-v2307 .transaction-list .transaction-item.flex-between-center .price {position: relative;} .mypage-card-v2307 .transaction-list .transaction-item.flex-between-center .apply-form {align-items: center;} /* 복지카드 차감신청 팝업 */ .mypage-card-v2307 .pop-wrap .pop-mid .transaction-item {display: flex; justify-content: space-between; align-items: center; margin-bottom: calc(12em / 12);} .mypage-card-v2307 .pop-wrap .pop-mid .transaction-item strong {margin-left: calc(5em / 16); font-size: calc(16em / 12); color: #212121;} .mypage-card-v2307 .pop-wrap .pop-mid .transaction-item strong span {display: block; margin-top: calc(4em / 16); color: #999; font-size: calc(13em / 16); font-weight: 400; letter-spacing: -0.325px;} .mypage-card-v2307 .pop-wrap .pop-mid .transaction-item .price {font-size: calc(16em / 12); font-weight: 600; letter-spacing: -0.24px; color: #212121;} .mypage-card-v2307 .pop-wrap .pop-mid .transaction-item .price::after {content: "원";} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-container {display: flex; flex-direction: column; padding-top: calc(30em / 12); border-top: 4px solid #F1F1F1; gap: calc(12em / 12);} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item .row {display: flex; justify-content: space-between; align-items: center; margin: 0 calc(5em / 12) calc(10em / 12) calc(5em / 12);} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item .row>span {color: #212121; line-height: 1;} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item .row .text {font-size: calc(15em / 12); font-weight: 500;} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item .row .point {font-size: calc(16em / 12); font-weight: 600;} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item .row .point::after {content: "P";} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item label {position: relative;} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item label::after {content: "원"; position: absolute; font-size: 1.25em; color: rgb(153, 153, 153); top: 50%; right: 0.733333em; transform: translateY(-50%);} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item label input {font-size: 1.25em;width: 100%; height: 2.6666666666666665em;border: #D9D9D9 0.06666666666666667em solid; border-radius: 0.4em; color: #FF6D00; font-weight: 500; padding-left: 0.7333333333333333em; padding-right: 3.2em;} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item label input + button {display: block;font-size: 1em; position: absolute; top: 50%; right: 2.4166666666666665em; transform: translateY(-50%); background: no-repeat white; background-size: 50% auto; background-position: center; width: 1.6666666666666667em; height: 1.6666666666666667em; text-indent: -200vw;} .mypage-card-v2307 .pop-wrap .pop-mid .point-form-item label input.has-value:focus + button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEASURBVHgBnZQ9EoIwEIWX7AUsPQJlZrgAR+AGWkHpEQwdXoHOylZvoJ0NB7H0BHF3hjjRSciGN7OwLJtvXn6gaNu2AYAjxXUcxx5WqOu6g7V2T2mPVVVdKNEUNeUwTdMjB0aG2MxAsaUoFV3O3nszN+TAjFe6ITl6krOCHc5FkdMArKclM8gZDb7nQGMwTtBVpNAl2A9QAk3BWAWEp8RN/uaYv3sQFgVGoJCCsTAyIDT9JIylYFlWWPsq6jCwAU6LRwqFMP7GGVCnoCiB8ZpJzylKYO5BAkUpTArFHJgEirmwBPTN57DJhTnNvf5ffoda65dSqqSHEzUMkCnP6YbhH3UnvBCFAsgTAAAAAElFTkSuQmCC); } .mypage-card-v2307 .pop-wrap .pop-mid .point-summary-box {margin-top: calc(26em / 12); padding: calc(20em / 12) 0; text-align: center; background-color: #F6F7FA; border-radius: calc(8em / 12);} .mypage-card-v2307 .pop-wrap .pop-mid .point-summary-box .text {font-size: calc(18em / 12); letter-spacing: -0.27px; color: #000; line-height: 1.3;} .mypage-card-v2307 .pop-wrap .pop-mid .point-summary-box .text>em {color: #FF6C00;} .mypage-card-v2307 .pop-wrap .pop-mid .point-summary-box .text>em::after {content: "원";} .mypage-card-v2307 .pop-wrap .pop-mid .notice {margin-top: calc(8em / 12);} .mypage-card-v2307 .pop-wrap .pop-mid .notice li {text-indent: calc(-10em / 13); padding-left: calc(10em / 13); font-size: calc(13em / 12); color: #4D4D4D; letter-spacing: -0.13px; line-height: 1.4em;} .mypage-card-v2307 .pop-wrap .pop-mid .notice li:not(:first-child) {margin-top: calc(8em / 13);} .mypage-card-v2307 .pop-wrap .btn-wrap .btn-lightgray {background-color: #F1F1F1; border-color: #F1F1F1; color: #212121; font-weight: 700;} /* 복지카드_차감방식변경, 2024.01.19 */ .mypage-card-v2307 .deduction-box {padding: calc(20em / 12) calc(17em / 12); background-color: #F6F7FA; border-radius: calc(8em / 12);} .mypage-card-v2307 .deduction-box .row {display: flex; justify-content: space-between; align-items: center;} .mypage-card-v2307 .deduction-box .row:not(:first-child) {margin-top: calc(10em / 12);} .mypage-card-v2307 .deduction-box .row .method, .mypage-card-v2307 .deduction-box .row .result {font-size: calc(18em / 12); font-weight: 700; line-height: 1em;} .mypage-card-v2307 .deduction-box .row .result {color: #FF6D00;} .mypage-card-v2307 .deduction-box .row .desc {font-size: calc(13em / 12); color: #999; line-height: 130%;} .mypage-card-v2307 .deduction-box .row .link {font-size: calc(13em / 12); color: #666; line-height: 138%;} .mypage-card-v2307 .deduction-box .row .link::after { content: ""; display: inline-block; margin-left: 4px; width: calc(5.5em / 13); height: calc(9em / 13); background-repeat: no-repeat; background-size: contain; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAASCAYAAACNdSR1AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADdSURBVHgBlZCrDsJAEEWnFAFuBQKJQCDrwIFDIpF8At+ErMSBAwcOgyCBZHHFLQkCydlmmiCWttxkevdx5rEVQT2VVCj2H2PMEktwcc7dq+DIN/BRlpDDXNo6CXGx0IQny4EmtDm7BmFNyIAeLPuaYDi7FPeRBMSP6WILokVkxMpa+45DMNVeFD3rSB3fif0tWPmrg9EO3l1D/lBUs2o+d50HWiL1D4wCYA+bK3gCWgfHgEuwmW4PgNvgzIAjbKrbHeBeQg8EnGDjMtCrqT5U3wAe5YcKOPUfQCsl+gCxyVcTyiP68wAAAABJRU5ErkJggg=="); } .mypage-card-v2307 .deduction-inline {margin-top: calc(32em / 12);} .mypage-card-v2307 .deduction-inline .title {margin-bottom: calc(16em / 15); font-size: calc(15em / 12);} .mypage-card-v2307 .deduction-select-list {display: flex; gap: calc(10em / 12);} .mypage-card-v2307 .deduction-select-list .input-wrap {flex: 1; justify-content: center; font-size: 4.16666666666667vw;} .layout-2021.mypage-card-v2307 .deduction-select-list .input-wrap>span {width: 100%; padding: calc(12em / 15) 0 calc(12em / 15) 0; font-size: 4.16666666666667vw; border: 1px solid #d9d9d9; border-radius: 6px; text-align: center;} .layout-2021.mypage-card-v2307 .deduction-select-list .input-wrap>span>em {position: relative; padding-right: calc(32em / 15); font-weight: 600; line-height: 160%;} .layout-2021.mypage-card-v2307 .deduction-select-list .input-wrap>span>em::before { --icon-check-mark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAZCAYAAAC/zUevAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFMkZEMTY0MTA3NTExRUNCQkRERTI1MzVGRThDMThCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFMkZEMTY1MTA3NTExRUNCQkRERTI1MzVGRThDMThCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REUyRkQxNjIxMDc1MTFFQ0JCRERFMjUzNUZFOEMxOEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REUyRkQxNjMxMDc1MTFFQ0JCRERFMjUzNUZFOEMxOEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ktq/uAAABoklEQVR42mL8//8/Ax0BIxD7A7EVED8B4kVA/IEB5Ag6YWYgXvQfFdwCYl56OYARiOf+xw7qmegUDROBOAmHnCo9HNENxLl45E/TOhoa/uMHR4GYnZYOKCHggNNAzA/OnVANbEDsBcT+QCxCBQfkEnDAJSAWhqkHEdJAfBNJwUcgdqTAAclA/A+PA24AsRiyHhCxGIvCr0BsToYDIoH4Dx4H3AFiGXR9DFCXYQOvgFiFBAcEEXDAYyBWxKYXRGzCo/EBNpdjwZ5A/BOPOc+BWBWXfgZosP8kkIj48TjACRp9//GEqC4+T8AYfgSC8iAQc2ExwJqAAz4AsRGhkETmZBLIVhuhlRBMvQnUElzgExBbEJOe0AVqCDhkJrQyAgXvGzzqQKHjQGyixiY4jYBDZkPjGRcApS93UrI2rnp/1X/ywC9oqctAqSNgxfheEh0AStjh5JSy+CRB2fIckQ4AFdMJ5Bb1hBSIAvFtIhyQRUmFR4wiFQIJsYjSWpdYhbo4yoQ6arQ9SFEMKt7PI9UpCf+p1ABiJKPfwQbEv6jZCAUIMAC3mRSJvKzZtQAAAABJRU5ErkJggg==); content: ""; display: block; position: absolute; width: 1.538461538461538em; height: 1.538461538461538em; right: 0; top: 50%; transform: translateY(-50%); background: var(--neutral-color2) no-repeat var(--icon-check-mark); background-position: center 52%; background-size: 55% auto; border-radius: 50%; } .layout-2021.mypage-card-v2307 .deduction-select-list .input-wrap input[type="radio"]:checked + span {border-color: #F88800;} .layout-2021.mypage-card-v2307 .deduction-select-list .input-wrap input[type="radio"]:checked + span>em::before {background-color: var(--primary-color);} .layout-2021.mypage-card-v2307 .input-wrap input[type=radio] + span::before {content: none;} /* btn 재정의 */ .mypage-card-v2307 .deduction-inline .btns {margin: calc(16em / 12) 0 0 0;} .mypage-card-v2307 .deduction-inline .btns .btn-type2 {padding: calc(10em / 16) 0; font-size: calc(16em / 12); line-height: 150%; font-weight: 700;} .mypage-card-v2307 .deduction-inline .btns .btn-org {background-color: #F88800;} .mypage-card-v2307 .notice-inline {padding-top: 0;} .mypage-card-v2307 .notice-inline .title {padding-top: calc(20em / 16); font-size: calc(16em / 12); font-weight: 700; color: #212121; line-height: 1.2em;} /* .mypage-card-v2307 .notice-inline .title:not(:first-child) {margin-top: calc(20em / 16);} */ .mypage-card-v2307 .notice-inline .parah {margin-top: calc(10em / 13); font-size: calc(13em / 12); color: #666; line-height: 1.3em;} .mypage-card-v2307 .notice-inline .parah.tip {color: #BABABA; font-size: calc(12em / 12);} .mypage-card-v2307 .notice-inline .diagram-list {margin: calc(40em / 12) 0 calc(10em / 12); display: grid; grid-template-columns: repeat(2, 1fr); gap: calc(43em / 12) calc(10em / 12);} .mypage-card-v2307 .notice-inline .diagram-item {position: relative; padding: calc(20em / 13) 0; background-color: #F6F7FA; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10); font-size: calc(13em / 12); text-align: center; color: #000;} .mypage-card-v2307 .notice-inline .diagram-item>span {display: block; margin-top: calc(10em / 13); color: #666; line-height: 1.3em;} .mypage-card-v2307 .notice-inline .diagram-item>span>b {color: #FF6C00;} .mypage-card-v2307 .notice-inline .diagram-item:first-child, .mypage-card-v2307 .notice-inline .diagram-item:last-child {grid-column: 1 / 3;} .mypage-card-v2307 .notice-inline .diagram-item:nth-child(2)::before, .mypage-card-v2307 .notice-inline .diagram-item:nth-child(2)::after, .mypage-card-v2307 .notice-inline .diagram-item:nth-child(3)::before, .mypage-card-v2307 .notice-inline .diagram-item:nth-child(3)::after { content: ""; display: inline-block; width: calc(3em / 13); height: calc(23em / 13); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAuCAYAAAALM2gTAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADESURBVHgBvZJRCsIwDIaTskvp0/YknsJ5AvUE6gl0J3A7xTZkFBGdp0psZ+t0ZSJq/eCHJoHmT1oAQyFr1rJxYA/MfADPqMY7LRuLh1ps5BSe6C34IK9OsZaN77tCIewMKcAndtu1A0TwG/L9MdRyemAQSHt86eoduzQFz3S/6Dd2mTPwjLIqtZzmihD+TPO+payXava5yaWjaLjAUl423CYbmGitlkixc43AWf/aiTDpJgkga5oX1XmLAia3JCbjaLC6AoRGS7rQD60XAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: contain; position: absolute; left: 50%; transform: translateX(-50%); } .mypage-card-v2307 .notice-inline .diagram-item:nth-child(2)::before, .mypage-card-v2307 .notice-inline .diagram-item:nth-child(3)::before {top: 0; transform: translateY(-8.88888888888889vw);} .mypage-card-v2307 .notice-inline .diagram-item:nth-child(2)::after, .mypage-card-v2307 .notice-inline .diagram-item:nth-child(3)::after {bottom: 0; transform: translateY(8.88888888888889vw);} .mypage-card-v2307 .notice-inline .list li {position: relative; margin-top: calc(10em / 13); padding-left: calc(12em / 13); font-size: calc(13em / 12); color: #666; line-height: 1.3em;} .mypage-card-v2307 .notice-inline .list li.ex {padding-left: calc(40em / 13); color: #999;} .mypage-card-v2307 .notice-inline .list li.tip {padding-left: calc(33em / 13); color: #FF6C00;} .mypage-card-v2307 .notice-inline .list li::before {content: "-"; position: absolute; left: 0;} .mypage-card-v2307 .notice-inline .list li.ex::before {content: "ex)"; left: calc(12em / 13);} .mypage-card-v2307 .notice-inline .list li.tip::before {content: "※"; left: calc(16em / 13);}