/* 공통 ************************************************************************************/ @font-face { font-family: 'Pretendard'; src: url("/resources/fonts/Pretendard-Regular.otf") format('opentype'); font-weight:400; } @font-face { font-family: 'Pretendard'; src: url("/resources/fonts/Pretendard-Medium.otf") format('opentype'); font-weight:500; } @font-face { font-family: 'Pretendard'; src: url("/resources/fonts/Pretendard-Bold.otf") format('opentype'); font-weight:700; } @font-face { font-family: 'Pretendard'; src: url("/resources/fonts/Pretendard-ExtraBold.otf") format('opentype'); font-weight:800; } @font-face { font-family: 'Pretendard'; src: url("/resources/fonts/Pretendard-Black.otf") format('opentype'); font-weight:900; } @font-face { font-family: 'NanumGothic'; src: url("/resources/fonts/AppleSDGothicNeoB.ttf") format('truetype'), url("/resources/fonts/AppleSDGothicNeoEB.ttf") format('truetype'), url("/resources/fonts/AppleSDGothicNeoH.ttf") format('truetype'), url("/resources/fonts/AppleSDGothicNeoL.ttf") format('truetype'), url("/resources/fonts/AppleSDGothicNeoM.ttf") format('truetype'); } @font-face { font-family: 'Compact'; src: url("/resources/fonts/SF-Compact.ttf") format('truetype'); } @font-face { font-family: 'Compact'; src: url("/resources/fonts/SF-Compact-Display-Bold.otf") format('opentype'); } @font-face { font-family: 'Compact'; src: url("/resources/fonts/SF-Compact-Display-Regular.otf") format('opentype'); } @font-face { font-family: 'Compact'; src: url("/resources/fonts/SF-Compact-Italic.ttf") format('truetype'); } @font-face { font-family: 'SF-Pro'; src: url("/resources/fonts/SF-Pro.ttf") format('truetype'); } @font-face { font-family: 'SF-Pro'; src: url("/resources/fonts/SF-Pro-Display-Heavy.otf") format('opentype'); } @font-face { font-family: 'SF-Pro'; src: url("/resources/fonts/SF-Pro-Display-Semibold.otf") format('opentype'); } @font-face { font-family: 'SF-Pro'; src: url("/resources/fonts/SF-Pro-Italic.ttf") format('truetype'); } /* font */ .pret {font-family: 'Pretendard' !important;} .nanum {font-family: 'NanumGothic';} .comp {font-family: 'Compact';} .pro {font-family: 'SF-Pro';} .noto {font-family: 'Noto Sans KR', sans-serif;} span, p, div, a, button, h2 {font-family: 'Pretendard'; color:#282C33;} .container {margin:0 auto 0; padding:50px 0 100px; min-height:73vh; width:1000px ;} select {padding:0 20px !important; /* height:44px; */ height:50px; cursor: pointer; font-size:1.2rem; color:#AAB1BB;} select option {cursor: pointer; font-size:1.2rem;} input, select, textarea {padding:10px 24px; border:1px solid #E3E6ED; border-radius: 4px; font-size:1.2rem;} input {/* height:44px; */ height:50px; padding:0 24px;} input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {outline:0; box-shadow:none; border:1px solid #E3E6ED !important;} .form-sec01 input[type=text].wrong:focus, .form-sec01 input[type=number].wrong:focus, .form-sec01 input[type=password].wrong:focus, .form-sec01 input[type=email].wrong:focus, .form-sec01 input[type=nickname].wrong:focus, .form-sec01 textarea.wrong:focus, .form-sec01 select.wrong:focus {border-color: #FF2020 !important;} .form-sec01 input[type=text].right:focus, .form-sec01 input[type=number].right:focus, .form-sec01 input[type=password].right:focus, .form-sec01 input[type=email].right:focus, .form-sec01 input[type=nickname].right:focus, .form-sec01 textarea.right:focus, .form-sec01 select.right:focus {border-color: #287EFF !important;} .form-sec01 input[type=text].wrong, .form-sec01 input[type=number].wrong, .form-sec01 input[type=password].wrong, .form-sec01 input[type=email].wrong, .form-sec01 textarea.wrong, .form-sec01 select.wrong, .form-sec01 input[type=nickname].wrong {border-color: #FF2020 !important;} .form-sec01 input[type=text].right, .form-sec01 input[type=number].right, .form-sec01 input[type=password].right, .form-sec01 input[type=email].right, .form-sec01 textarea.right, .form-sec01 select.right, .form-sec01 input[type=nickname].right {border-color: #287EFF !important;} .myinfo-basic input[type=text].wrong:focus, .myinfo-basic input[type=password].wrong:focus, .myinfo-basic input[type=email].wrong:focus, .myinfo-basic textarea.wrong:focus, .myinfo-basic select.wrong:focus {border-color: #FF2020 !important;} .myinfo-basic input[type=text].wrong, .myinfo-basic input[type=password].wrong, .myinfo-basic input[type=email].wrong, .myinfo-basic textarea.wrong, .myinfo-basic select.wrong {border-color: #FF2020 !important;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;} input[type=file] {display:none;} input::placeholder, textarea::placeholder {color:#AAB1BB; font-size:1.2rem;} input.input-type01 {width:630px;} input.input-type02 {width:150px;} input.input-type03 {width:470px;} .back-fix {position:fixed !important; width:100%; height:100vh; overflow:hidden;} .pc:not(.imp-dialog.customizable) {display:block !important; /* margin: 0 auto; */} /* .pc {display:block !important;} */ .mobile {display:none !important;} .w1000 {width:1000px !important; margin:0 auto;} .w800 {width:800px !important; margin:0 auto;} .w100 {width:100% !important;} .bgColor-gray {background:#F6F7F8;} .box-shadow {box-shadow:0px 4px 24px rgba(2, 1, 55, 0.1);} .color-red {color: #F23F3F;} .d-day-box {} .on {display: block;} .off {display: none;} .dis_blcok {display:block;} .dis_none {display:none !important;} /* .join-comm-block {display:none;} */ .flex {display:flex; align-items:center;} .flex-start {display:flex; align-items: flex-start;} .flex-between {display:flex; align-items:center; justify-content: space-between;} .flex-center {display:flex; align-items:center; justify-content: center; width:100%; height:100%;} .txt-stroke {-webkit-text-stroke-width:1px; -webkit-text-stroke-color:#fff; color:transparent;} /* font */ .fc-fff {color:#fff;} .mg-b0 {margin-bottom:0 !important;} .mg-b20 {margin-bottom:20px !important;} .mg-t60 {margin-top:60px !important;} .mg-t80 {margin-top:80px !important;} .mg-l5 {margin-left:5px;} .mg-r5 {margin-right:5px;} .btn01 {background: #1AD0FC; border:1px solid #1AD0FC;} .btn02 {background: #414853; border:1px solid #414853; color:#fff;} .btn03 {background: #fff; border: 1px solid #414853; color:#414853;} .pagenation-cont {margin-top:48px;} .count-status {text-align:center; padding:30px 0; font-weight:600; font-size:1.3rem;} /* Chrome, Safari용 스크롤 바 */ div::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; } div::-webkit-scrollbar-track {background: #ddd; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px #eee} div::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #c8c8c8; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px #eee} .fit-join {padding:70px 0 0;} body.scroll_none {position: fixed; width: 100%;} @media screen and (max-width: 768px) { .mobile {display:block !important;} .pc:not(.imp-dialog.customizable) {display:none !important;} .m-w100 {width:100% !important;} .m-mg-t190 {margin-top:190px !important;} .m-mg-b20 {margin-bottom:20px !important;} .flex {flex-wrap: wrap;} input, select, textarea {padding:14px 16px; font-size:1.071rem !important; background: #fff;} input, select {height:50px !important; padding:0 16px !important; font-size:1.071rem;} input::placeholder, select::placeholder, textarea::placeholder {font-size:1.071rem;} input[type=number], input[type=text], input[type=password], input[type=email] {-webkit-border-radius:0; -webkit-appearance:none;} button {font-size:1.143rem !important; font-weight:700; height:58px; width:239px;} button a {font-size:1.143rem !important; font-weight:700;} .container {margin-top:0; width:100%; padding:32px 20px 60px !important; min-height: auto;} .container > div {width:100% !important;} .page-title h2 {font-size:1.714rem !important; font-weight:900 !important;} /* header 버거버튼 */ .burger-btn {position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-block; width:16px; height:15px; background:transparent; transition:all 0.5s; z-index:1;} .burger-btn .toggle_open .line {position:absolute; width:100%; height:100%; top:50%; left:50%; transform: translate(-50%,-50%);} .burger-btn .toggle_open .line span {position:absolute; width:100%; height:1.6px; right:0; background:#171717; transition:opacity 0.3s, top 0.5s, transform 0.5s; transition-delay:0s, 0.3s, 0s;} .burger-btn .toggle_open .line span.top {top:0; transform:rotate(0);} .burger-btn .toggle_open .line span.mid {top:5px; opacity:1;} .burger-btn .toggle_open .line span.btm {top:10px; transform:rotate(0);} .burger-btn.toggle_active .toggle_open .line span {transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0.3s;} .burger-btn.toggle_active .toggle_open .line span.top {top:7.5px; transform:rotate(-45deg)} .burger-btn.toggle_active .toggle_open .line span.mid {opacity:0;} .burger-btn.toggle_active .toggle_open .line span.btm {top:7.5px; transform:rotate(45deg)} /* 뒤로가기 버튼 */ i.go-back {position: absolute; top: 50%; transform: translateY(-50%); left:-10px; font-size:2.1rem;} /* .sortable {z-index: 10;} .sortable .table .right-item {z-index: 10;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box {z-index: 100;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box .fit-guide-popup {z-index: 100;} */ } /* 공통 끝 ************************************************************************************/ /* datepicker ************************************************************************************/ .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:10px} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {height: 35px;} /* datepicker 끝 ************************************************************************************/ /* 리스트 없을때 ************************************************************************************/ .count-status {padding:92px 0 80px;} .count-status img {width:84px; height:84px; margin:0 auto 16px;} .count-status p {font-size: 1.429rem; color:#6B727C; font-weight: 400;} @media screen and (max-width: 768px) { .count-status {padding:32px 0 40px;} .count-status img {width:60px; height:60px;} .count-status p {font-size: 1.143rem;} } /* 리스트 없을때 끝 ************************************************************************************/ /* search-cont ************************************************************************************/ .fit-search-wrap {display:none; background:rgba(255,255,255,.9); z-index: 10000; /* position:fixed; */ width:100%; min-height:100vh; height:auto; /* overflow-y:scroll; */ top:0; opacity: .9; padding-bottom:50px;} .fit-search-wrap.active {display:block;} .fit-search-wrap p, .fit-search-wrap span, .fit-search-wrap a {font-family: 'Pretendard';} .fit-search-wrap .btn-close {position: absolute; top:34px; right:226px;} .fit-search-wrap .btn-close i {font-size:1.5rem; color:#000;} .fit-search-wrap .search-cont {width:1000px; margin:200px auto 0;} .fit-search-wrap .search-cont .search-input {margin-bottom:48px;} .fit-search-wrap .search-cont .search-input input {background: transparent; width:100%; height:68px; border-radius:0; border:0; border-bottom:3px solid #000000; padding:14px 0; font-size:2.571rem; font-weight: 800;} .fit-search-wrap .search-cont .search-input input::placeholder {font-size:2.571rem; color:#C2C7CF; font-weight:800;} .fit-search-wrap .search-cont .search-input input:focus {border:0 !important; border-bottom:3px solid #000000 !important;} .fit-search-wrap .search-cont .se-result-box h2 {font-size:2rem; font-weight:800; margin-bottom:12px;} .fit-search-wrap .search-cont .se-result-box h2 span {font-size:2rem; font-weight:800;} .fit-search-wrap .search-cont .se-result-box h2 .search-num {background:#F23F3F; color:#fff; font-size:1.25rem; font-weight:700; width:32px; height:32px; border-radius:100px; margin-left:12px;} .fit-search-wrap .search-cont .search-keyword .keyword-list {line-height:40px;} .fit-search-wrap .search-cont .search-keyword .keyword-list a {font-size:1.714rem; font-weight:800; color:#AAB1BB;} .fit-search-wrap .search-cont .no-keyword-list {margin:140px auto 0; text-align:center;} .fit-search-wrap .search-cont .no-keyword-list img {margin:0 auto 16px; width:84px; height:84px;} .fit-search-wrap .search-cont .no-keyword-list p {font-size:1.25rem; color:#6B727C; font-weight:400;} .fit-search-wrap .search-cont .result-search-word .keyword-list {margin-top:32px;} @media screen and (max-width: 768px) { .fit-search-wrap {padding:0; opacity:1;} .fit-search-wrap .search-cont {width:100%; margin:60px auto 0;} .fit-search-wrap .btn-close {width:auto; height:auto; right:24px;} .fit-search-wrap .search-cont .search-input {margin-bottom:40px; padding:0 20px;} .fit-search-wrap .search-cont .search-input input {padding:0 !important; font-size:1.714rem !important; font-weight:800;} .fit-search-wrap .search-cont .search-input input::placeholder {font-size:1.714rem; font-weight:800;} .fit-search-wrap .search-cont .se-result-box h2 {font-size:1.571rem; font-weight:800; padding:0 20px;} .fit-search-wrap .search-cont .se-result-box h2 span {font-size:1.571rem;} .fit-search-wrap .search-cont .se-result-box h2 .search-num {width:28px; height:28px; font-size:1.143rem; margin-left:8px;} .fit-search-wrap .search-cont .search-keyword .keyword-list {line-height: 33px; padding:0 20px;} .fit-search-wrap .search-cont .search-keyword .keyword-list a {font-size:1.429rem; font-weight:800;} .fit-search-wrap .search-cont .result-search-word .keyword-list {margin-top:29px; display: revert; /* overflow-y: scroll; height:100vh; */ padding:0 20px 40px;} .fit-search-wrap .search-cont .result-search-word .keyword-list .gal-list-info .gal-tit .galt span {margin-top:-5px !important;} .fit-search-wrap .fit-gallery-list .gal-list-item {width:100%; min-height:332px; margin:0 auto 20px;} .fit-search-wrap .fit-gallery-list .gal-list-item:last-child {margin-bottom:0;} .fit-search-wrap .search-cont .no-keyword-list {margin:120px auto 0;} .fit-search-wrap .search-cont .no-keyword-list img {width:60px; height: 60px; margin-bottom:16px;} .fit-search-wrap .search-cont .no-keyword-list p {font-size:1.143rem;} } /* search-cont 끝 ************************************************************************************/ /* D-day 박스 ************************************************************************************/ .d-day-box {position: absolute; top:16px; right:12px; background:#1AD0FC; border-radius: 50px; width:64px; height:32px; color:#fff !important; font-size:1.286rem;font-weight:800; z-index: 1; display:flex; align-items:center; justify-content: center;} .d-day-box span {font-size:1.286rem; color:#fff !important; font-weight:800;} @media screen and (max-width: 768px) { .d-day-box {font-size:1rem; width: 53px; height: 28px; top:16px; right:16px;} .d-day-box span {font-size:1rem;} } /* D-day 박스 끝 ************************************************************************************/ /* 갤러리형 리스트 ************************************************************************************/ .fit-gallery-list {display:flex; flex-wrap: wrap; margin-top:122px;} .fit-gallery-list .gal-list-item {overflow: hidden; display:inline-block; width:calc(100% / 4 - 15px); min-height: 350px; border-radius: 12px; margin-right:15px; margin-top:32px; background:#fff; box-shadow:0px 4px 24px rgba(2, 1, 55, 0.1); transition:all .2s ease-in-out;} .fit-gallery-list .gal-list-item:hover {box-shadow:4px 12px 20px 6px rgb(0 0 0 / 18%); transform:translateY(-5px);} .fit-gallery-list .gal-list-item:nth-of-type(4n) {margin-right:0;} .fit-gallery-list .gal-list-item:nth-of-type(n + 1):nth-of-type(-n + 4) {margin-top:0;} .fit-gallery-list .gal-list-item .gal-list-thumb {position: relative; width:100%; height:168px; overflow:hidden; display:flex; align-items:center; justify-content:center;} .fit-gallery-list .gal-list-item .gal-list-thumb img {width:100%; height: 100%; object-fit: cover;} .fit-gallery-list .gal-list-item .gal-list-info {padding:14px 20px 20px;} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt-cate {display:inline-block; background:#EFF1F5; border-radius: 2px; padding:4px; font-size:0.857rem; margin:0 4px 4px 0;} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt-cate:last-child {margin-right:0;} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .hashtag {display:revert; width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; /* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt {display:revert; font-size:1.286rem; font-weight:400; line-height:25px; margin:10px 0; width: 100%; min-height: 55px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt span {display:inline-flex; font-weight:700; font-size:1.286rem !important; margin-bottom:4px;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price {} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box {display:flex; align-items:center; justify-content:space-between; margin-bottom:2px; line-height: 19px;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box:last-child {margin-bottom:0;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box .galp-name {font-size:1rem; color:#6B727C; font-weight:500; line-height: 19.6px;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box .galp-num {font-size:1.071rem; font-weight:700;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box.galp-item01 .galp-num {color:#AAB1BB; text-decoration:line-through;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box.galp-item02 .galp-num {color:#000;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box.galp-item03 .galp-num {color:#F23F3F;} /* 상품 리스트 */ /* .prList-gallery-wrap .gal-list-item {height: 350px;} */ @media screen and (max-width: 768px) { .fit-gallery-list {margin-top:90px; display: revert;} .fit-gallery-list .gal-list-item {width:100%; min-height:332px; margin-top:0; margin-bottom:20px;} .fit-gallery-list .gal-list-item:last-child {margin-bottom:0 !important;} .fit-gallery-list .gal-list-item .gal-list-thumb {height:170px;} .fit-gallery-list .gal-list-item .gal-list-info {padding:12px 20px 20px;} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt {margin:10px 0 12px !important; display:revert; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt span {margin: 0 !important;} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt, .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt span {font-size:1.429rem !important;} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt-cate {margin-bottom:6px; padding:4px 6px; font-size:0.857rem;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price {width:60%;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box {margin-bottom:4px; justify-content: flex-start;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box .galp-name {width:100px;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box .galp-num {font-size:1rem;} .fit-gallery-list .list-none img.mobile {width: 60px; height:60px; margin: 32px auto 16px;} .fit-gallery-list .list-none p {font-size: 16px; color: #6B727C; font-weight: 400; text-align: center;} .list-none {text-align: center;} .list-none > p {margin-top: 16px;} } /* 갤러리형 리스트 끝 ************************************************************************************/ /* 상세설명 - 표 ************************************************************************************/ .fit-info-table {width:100%;} .fit-info-table tr {border-bottom:1px solid #E3E6ED;} .fit-info-table tr:first-child {border-top:1px solid #E3E6ED;} .fit-info-table tr td {padding:15px 20px; font-size:1rem; font-weight:400; width:100%;} .fit-info-table tr td.info-tit {background:#F6F7F8; font-weight:700; width:200px;} .fit-info-table tr td pre {width:100%; overflow: hidden; font-size:1rem;} .fit-info-table tr td pre.price_bold {font-weight: bold;} @media screen and (max-width: 768px) { .fit-info-table tr td {font-size:0.857rem; padding:11px 12px;} .fit-info-table tr td.info-tit {width:110px;} .fit-info-table tr td pre {font-size:0.857rem;} } /* 상세설명 - 표 끝 ************************************************************************************/ /* 팝업 ************************************************************************************/ .fit-pop-cont {background:rgba(0,0,0,.6); position: fixed; width:100%; height:100%; top:0; left:0; z-index: 10000;} .fit-pop-cont.on {display:block;} .fit-pop-cont:not(.on) {display:none;} .fit-pop-cont .pop-cont {background:#fff; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:480px; border-radius:8px; padding:40px 32px 32px;} .fit-pop-delete .pop-cont {width:480px !important; padding:40px 80px 32px !important;} .fit-pop-cont .pop-cont .pop-close i {font-size:1.8rem; position: absolute; top:43px; right:32px;} .fit-pop-cont .pop-cont .pop-close i.xi-close {color:#282C33;} .fit-pop-cont .pop-cont .pop-info {text-align:center;} .fit-pop-cont .pop-cont .pop-info img {margin:0 auto;} .fit-pop-cont .pop-cont .pop-info p {margin:16px 0; font-size:1.714rem; font-weight:700; line-height:33px;} .fit-pop-cont .pop-cont .pop-info .pop-active-btn {background:#414853; width:100%; border-radius:4px; color:#fff; font-size:1.429rem; font-weight:500; height:60px;} .fit-pop-cont .pop-cont .pop-info .pop-active-btn a {width:100%; height:100%; display:inline-block; padding:16px 0; color:#fff; font-size:1.429rem; font-weight:500;} @media screen and (max-width: 768px) { .fit-pop-cont .pop-cont {width:320px; padding:28px 20px 20px;} .fit-pop-cont .pop-cont button {width:auto; height:auto;} .fit-pop-cont .pop-cont .pop-info img {width:52px;} .fit-pop-cont .pop-cont .pop-info p {margin:16px auto 28px; font-size:1.286rem;} .fit-pop-cont .pop-cont .pop-info .pop-active-btn {height:48px;} .fit-pop-cont .pop-cont .pop-info .pop-active-btn a {padding: 0; display: flex;} } /* 팝업 끝 ************************************************************************************/ /* 말풍선 ************************************************************************************/ .fit-guide-popup {transition:all .8s; position: absolute; border:2px solid #222; border-radius:4px; background:#fff; width:370px; padding:16px 18px; font-size:1rem; color:#000; top:40px; left:20px; box-shadow:0px 6px 19px rgba(23, 39, 99, 0.16); z-index: 100;} /* .fit-guide-popup::before {content:""; position: absolute; top:-14px; left:20px; background: url(/resources/image/icon/triangle.png) no-repeat; background-size: 20px; width:20px;height:20px;} */ .fit-guide-popup::before {content:""; position: absolute; top:-8px; left: -8px; border:2px solid #222; border-left:0; border-bottom:0; width:13px; height:13px; background: #fff; border-radius: 0 2px 0 0; transform: rotate(-45deg);} @media screen and (max-width: 768px) { .fit-guide-popup {font-size:0.929rem; left:0; width:322px; padding:10px 16px;} .fit-guide-popup::before {left:34px;} } /* 말풍선 끝 ************************************************************************************/ /* text-loop ************************************************************************************/ .fit-loop-txt-box {white-space: nowrap; display: -webkit-box; display: flex; flex-wrap: nowrap; background:#1AD0FC; padding:20px 12px;} .fit-loop-txt-box .loop-text {color:#000; font-size:1.714rem; font-weight:700; animation: textLoop 6s linear infinite;} @keyframes textLoop { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @media screen and (max-width: 768px) { .fit-loop-txt-box {padding:7px 11px;} .fit-loop-txt-box .loop-text {font-size:0.929rem;} .fit-about .ab-se02 .cont-top .loop-box .loop-wrap .fit-loop-txt-box {top:70px;} } /* text-loop 끝 ************************************************************************************/ /* 흔들리는 효과 ************************************************************************************/ .fit-shacke-animation {animation:shakeAnimation .12s linear infinite;} @keyframes shakeAnimation { 0% { transform: translateX(2px); } 50% { transform: translateX(0px); } 100% { transform: translateX(2px); } } /* 흔들리는 효과 끝 ************************************************************************************/ /* tab ************************************************************************************/ .fit-tab {width:100%; border:1px solid #E3E6ED; margin-bottom:38px;} .fit-tab .tab-item {width:calc(100% / 3); text-align:Center; padding:18px 0; border-right:1px solid #E3E6ED; font-size:1.2rem; font-weight:700; cursor: pointer; color:#AAB1BB;} .fit-tab .tab-item:last-child {border-right:0;} .fit-tab .tab-item.active {background:#EFF1F5 !important; color:#6B727C !important;} .fit-tab .tab-item:nth-of-type(3) {border-right:0;} @media screen and (max-width: 768px) { .fit-tab {margin-bottom:24px;} .fit-tab .tab-item {padding:13px 0 !important; font-size:1rem !important; font-weight:700 !important;} } /* tab 끝 ************************************************************************************/ /* checkbox-custom ************************************************************************************/ .fit-checkbox-custom {font-size:1.1rem; display:flex; align-items:center; cursor: pointer;} .fit-checkbox-custom input[type="checkbox"] {display: none;} .fit-checkbox-custom input[type="checkbox"] + .click-check {width:20px; height:20px; margin-right:8px; background:url(/resources/image/icon/min-Check_Off.png) center no-repeat; background-size:100%; border-radius:100px; cursor: pointer;} .fit-checkbox-custom input[type="checkbox"]:checked + .click-check {content:''; background:url(/resources/image/icon/min-Check_On.png) center no-repeat; background-size:100%;} /* checkbox-custom 끝 ************************************************************************************/ /* SNS 채널 ************************************************************************************/ .fit-sns-wrap .form-sns-box {box-shadow:0px 4px 12px rgba(2, 1, 55, 0.12);} .fit-sns-wrap .form-sns .sns-top {padding:17px 32px 17px 22px;} .fit-sns-wrap .form-sns .sns-top .sns-tit span {font-size:1.286rem; font-weight:700; display:flex; align-items:center;} .fit-sns-wrap .form-sns .sns-top .sns-tit img {margin-right:20px;} /* .slideOne */ .fit-sns-wrap .slide-checkbox .slideOne {width: 52px; height: 28px; background: #C2C7CF; position: relative; border-radius: 50px; cursor: pointer; transition:.5s;} .fit-sns-wrap .slide-checkbox .slideOne.active {background:#1AD0FC;} /* .fit-sns-wrap .slide-checkbox .slideOne input[type='radio'] {visibility: hidden;} */ /* .fit-sns-wrap .slide-checkbox .slideOne input[type='radio'] {position:absolute; top:0; width:50%; height:100%; visibility: hidden;} */ .fit-sns-wrap .slide-checkbox .slideOne input[type='radio'] {position:absolute; top:0; width:50%; height:100%;} .fit-sns-wrap .slide-checkbox .slideOne .check-circle {display: block; width: 22px; height: 22px; position: absolute; top: 3px; left: 4px; background: #fff; border-radius: 50px; transition:.5s;} .fit-sns-wrap .slide-checkbox .slideOne.active .check-circle {left:26px; } /* .fit-sns-wrap .slide-checkbox .slideOne input[type='radio']:checked + .check-circle {left: 26px;} */ .fit-sns-wrap .slide-checkbox .slideOne .radio-label-comm {position:absolute; top:0; width:50%; height:100%;} .fit-sns-wrap .slide-checkbox .slideOne .radio-label-comm:nth-child(2) {right:0;} .fit-sns-wrap .slide-checkbox .slideOne .radio-label-comm input[type='radio'] {position:absolute; top:0; width:100%; height:100%; visibility: hidden;} @media screen and (max-width: 768px) { .fit-sns-wrap .form-sns .sns-top {padding:18px 16px !important;} .fit-join .form-sns .sns-top .sns-tit, .fit-join .form-sns .sns-bot .sns-item {display: revert; width: 100%;} .fit-join .form-sns .sns-bot .sns-item .item-tit {font-size:1.143rem; margin-bottom:8px;} .fit-join .form-sns .sns-top .sns-tit {margin-bottom: 0;} .fit-join .form-sns .sns-top .sns-tit img {width:28px; margin-right:16px;} .fit-join .form-sns .sns-bot.active {padding:24px 16px !important;} .fit-join .form-sns .sns-bot .sns-item .item-cont {font-size:1.071rem !important; justify-content: space-between !important; width:100% !important;} .fit-join .form-sns .sns-bot .sns-item .item-cont .cont-input input {/* width:150px !important; */ max-width: 158px; width:100% !important; padding-right:30px !important;} .fit-join .form-sns .sns-bot .sns-item .item-cont .cont-input input.yt {max-width: 100%;} .fit-join .form-sns .sns-bot .sns-item .item-cont .cont-input img {width:18px; right:8px !important;} /* .slideOne */ .fit-sns-wrap .form-sns .sns-top .sns-tit {width:100% !important; margin-right:0; margin-bottom:20px; display:flex; align-items:center; justify-content: space-between;} .fit-sns-wrap .form-sns .sns-top .sns-tit span {font-size:1.143rem; font-weight: 700;} .fit-sns-wrap .form-sns .sns-top .sns-tit img {width:28px; margin-right:16px;} /* 회원가입일 때 */ .join-basic .fit-sns-wrap .form-sns .sns-top .sns-tit {margin-bottom:0; justify-content:flex-start; font-size: 1.15rem;} } /* SNS 채널 끝 ************************************************************************************/ /* 슬라이드 체크박스 ************************************************************************************/ .fit-slide-checkBox .slide-checkbox .slideOne {width: 52px; height: 28px; background: #C2C7CF; position: relative; border-radius: 50px; cursor: pointer;} .fit-slide-checkBox .slide-checkbox .slideOne.active {background:#1AD0FC;} .fit-slide-checkBox .slide-checkbox .slideOne input[type=checkbox] {visibility: hidden;} .fit-slide-checkBox .slide-checkbox .slideOne .check-circle {display: block; width: 22px; height: 22px; position: absolute; top: 3px; left: 4px; background: #fff; border-radius: 50px;} .fit-slide-checkBox .slide-checkbox .slideOne input[type=checkbox]:checked + .check-circle {left: 26px;} /* 슬라이드 체크박스 끝 ************************************************************************************/ /* 프로필 이미지 영역 ************************************************************************************/ /* 프로필 이미지 */ .fit-profile-img {position: relative; width:180px; height:180px; left:50%; transform:translateX(-50%);} .fit-profile-img .prof {width:180px; height:180px; border-radius:100px; overflow: hidden; margin:0 auto 16px;} .fit-profile-img .prof img {width:100%; height:100%; object-fit:cover;} /* 프로필 이미지 변경 버튼 */ .fit-profile-img .prof-img-upload {position: absolute; top:130px; right:6px;} .fit-profile-img .prof-img-upload > i {position: relative; font-size:1.429rem; background: #414853; padding:10px; color:#fff; border-radius:100px; cursor: pointer;} .fit-profile-img .prof-img-upload .fit-guide-popup {width:120px; top:60px; left:-11px;} .fit-profile-img {margin-top:16px;} .fit-profile-img .bot-item01 {font-size:2rem;} .fit-profile-img .bot-item01 > span {font-size:2rem; font-weight:700; margin-right:5px;} .fit-profile-img .bot-item02 .item-info {font-size:1.286rem; margin-right:11px;} .fit-profile-img .bot-item02 img {cursor: pointer;} .fit-profile-img .bot-item03 {display:none;} .fit-profile-img .bot-item03 textarea {width:100%; height:102px; margin:24px auto 12px; padding:15px 24px; border:1px solid #E3E6ED; border-radius:4px;} .fit-profile-img .bot-item03 button {background: #414853; border-radius: 4px; color:#fff; font-size:1rem; font-weight:500; width:100%; height:36px;} /* 프로필 이미지 영역 끝 ************************************************************************************/ /* 약관동의 ************************************************************************************/ .fit-terms-agree .form-agree .all-check {border-bottom:1px solid #E3E6ED; padding-bottom:17px; margin-bottom: 9px;} .fit-terms-agree .form-agree .check-basic.all-check label {font-size:1.58rem; font-weight:700; padding:0 !important;} .fit-terms-agree .fit-checkbox-custom input[type="checkbox"] + .click-check {width:28px; height:28px; margin-right:12px;} .fit-terms-agree .form-agree .first-check {padding-top: 10px;} .fit-terms-agree .form-agree .check-basic label {display:flex; align-items:center; padding:9px 0; font-size:1.429rem;} .fit-terms-agree .form-agree .check-basic label span {font-size:1.429rem; color:#6B727C;} .fit-terms-agree .form-agree .check-basic .agree-check {display:inline-block; font-size:1.286rem; cursor:pointer; text-decoration:underline;} @media screen and (max-width: 768px) { .fit-terms-agree .form-agree .check-basic label, .fit-terms-agree .form-agree .check-basic label span {font-size:1.143rem;} .fit-terms-agree .form-agree .check-basic .agree-check {font-size:1rem;} .fit-terms-agree .form-agree .check-basic.all-check label {font-size: 1.15rem;} } /* 약관동의 끝 ************************************************************************************/ /* 기본 타이틀 레이아웃 ************************************************************************************/ .fit-form-tit {padding-bottom:28px; margin-bottom:20px; border-bottom:2px solid #282C33;} .fit-form-tit p {font-size:2.286rem; font-weight:700; display:flex; align-items:center;} .fit-form-tit p span {font-size:1.714rem; font-weight:400; margin-left:8px;} .fit-form-tit p span.sub-tit {font-size:2.286rem; font-weight:400; margin-left:10px;} .fit-form-tit p.sub-tit {font-size:1.143rem; font-weight:400; margin-top:4px;} @media screen and (max-width: 768px) { .fit-form-tit {padding-bottom: 12px;} .fit-form-tit p {font-size:1.429rem;} } /* 기본 타이틀 레이아웃 끝 ************************************************************************************/ /* 상품상세 ************************************************************************************/ /********** 인플루언서 공동구매 신청 페이지 **********/ .fit-pr-detail-wrap .pr-detail-info {display: flex; padding:0 0 80px;} /* 상품 썸네일 */ .fit-pr-detail-wrap .pr-detail-info .left {position:relative; margin-right: 60px;} .fit-pr-detail-wrap .pr-detail-info .left .d-day-box {top:28px; right:28px; font-weight:800; display:inline-flex; color:#fff;} .fit-pr-detail-wrap .pr-detail-info .left .d-day-box span {font-weight:800; color:#fff;} .fit-pr-detail-wrap .pr-detail-info .left .product-thumb {width:420px; height:452px; margin-bottom:20px;} .fit-pr-detail-wrap .pr-detail-info .left .image-data {width: 420px; height: 452px; overflow: hidden;} .fit-pr-detail-wrap .pr-detail-info .left .image-data img {width: 100%; height: 100%; object-fit:cover;} .fit-pr-detail-wrap .pr-detail-info .left .slick-track {height: 100%;} .fit-pr-detail-wrap .pr-detail-info .left .slick-dots {bottom:-40px;} .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li {width:auto; margin:0 7px;} .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li button {width:auto;} .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li button::before {width:auto; content:''; display:inline-block; width:12px; height:12px; background:#E3E6ED; border-radius:100px; opacity: 1;} .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li.slick-active button:before {background:#6B727C;} .fit-pr-detail-wrap .pr-detail-info .right {width:100%;} /* 상품명 */ .fit-pr-detail-wrap .pr-detail-info .right .right-top {padding-bottom:22px; border-bottom: 1px solid #E3E6ED;} .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit {font-size: 2rem; font-weight: 700; display:flex; flex-wrap: wrap;} .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit span {font-size: 2rem; font-weight: 700; width: max-content;} .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit span[data-detail_key="name"] {max-width: 520px; width: max-content; overflow: hidden; text-overflow: ellipsis; /* white-space:nowrap; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex-grow: 1;} /* 상단 - 상품 정보 */ .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item {padding:22px 0; border-bottom:1px solid #E3E6ED;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line {display:flex; align-items:center; margin-bottom:11px} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line:last-child {margin-bottom:0} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit .mo {width:30%; font-size:1.286rem; color:#6B727C; font-weight:400; letter-spacing: -0.01em;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit .mo {width: max-content; display: flex; align-items: center;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data {display: flex; align-items:center; font-size:1.286rem; font-weight:600;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.pc {display:flex !important;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.mobile {display:none !important;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data span {display:flex; align-items:center; font-size:1.286rem; font-weight:600; letter-spacing: -0.01em} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data02, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data02 span {color:#F23F3F;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data03, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data03 span {color:#287EFF; font-size: 1.36rem;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info04 .prif-tit {position: relative; display:flex; align-items:center; flex-wrap: wrap;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit i, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info04 .prif-tit i {font-size:1.8rem; color:#AAB1BB; font-weight:100; margin-left:9px; cursor: pointer;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit .fit-guide-popup {display:none; top: 36px; left: 13%; width: max-content; height: 57px; line-height: 180%; box-sizing: border-box; font-weight: 300;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info04 .prif-tit .fit-guide-popup {display:none; top: 36px; left: 48%; width: max-content; height: 57px; line-height: 180%; box-sizing: border-box; font-weight: 300;} /* .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit i:hover + .fit-guide-popup, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info04 .prif-tit i:hover + .fit-guide-popup {display:block;} */ .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit .fit-guide-popup::before {top: -8px; left: 21px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info04 .prif-tit .fit-guide-popup::before {top: -8px; left: 21px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 {font-weight:700;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span {font-weight:400;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:nth-of-type(3) {margin-left:0;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input {/*-webkit-text-fill-color: #050505;*/ opacity: 1; height:36px; margin-right:8px; border:1px solid #E3E6ED; border-radius:2px; padding:4px 14px; margin:0 8px; color:#AAB1BB; background:#fff;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input::placeholder {color:#AAB1BB;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:first-child input {width:64px; margin-left:3px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:last-child input {width:140px; margin-left:19px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input[type="number"]::-webkit-outer-spin-button, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data05 span[data-detail_key="group_purchase_date_end"] {margin-right:4px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data05 span:last-child {margin:0;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .fit-guide-popup {left:11%;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.shipping-price-item {align-items: flex-start;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.shipping-price-item .item-data {flex-direction: column; align-items: flex-start;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.shipping-price-item .item-data span {margin-bottom: 6px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.shipping-price-item .item-data span:last-child {margin-bottom: 0;} /* 신청 버튼 */ .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form {margin-top: 24px;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form button {display:flex; align-items:center; justify-content: center; width:100%; height:80px; background:#282C33; border-radius:4px; color:#fff; font-size:1.429rem; font-weight:700;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete {display:flex; align-items:center; justify-content: space-between;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.btn-cancel {width:188px;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info {width:320px; background:#1AD0FC; flex-direction:column; justify-content: center;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info span {font-size:1.429rem; font-weight:700; color:#fff;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info span:last-child {display:flex; align-items:center; color:#fff; font-size:1rem; font-weight:400; margin-top:2px;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info span:last-child .comp-date {font-weight:700; margin-right:4px;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .date-complete button {color:#6B727C; background:#E3E6ED; height: 264px;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .date-reject button {color:#6B727C; background:#E3E6ED; height: 264px;} /* fna페이지 이동 문구 */ .fit-pr-detail-wrap .pr-detail-info .right .move-faq {margin-top:21px;} .fit-pr-detail-wrap .pr-detail-info .right .move-faq a {display: flex; align-items: center;} .fit-pr-detail-wrap .pr-detail-info .right .move-faq i { margin-right:8px; font-size:1.7rem; text-decoration: none; color: #414853;} .fit-pr-detail-wrap .pr-detail-info .right .move-faq span { font-size:1.143rem; font-weight:400; text-decoration:underline;} /* 탭 */ .fit-pr-detail-wrap .page-tab {background-color:#fff; border:1px solid #E3E6ED; margin-bottom:40px;} .fit-pr-detail-wrap .page-tab .tab-cont {display:flex; align-items:center; justify-content:space-between;} .fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft {font-size:1.286rem; font-weight:700; padding:20px 0; width:calc(100%/4); text-align:center; color:#414853; border-right:1px solid #E3E6ED; scroll-behavior:smooth;} .fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft:last-child {border-right:0;} .fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft.active {background:#282C33; color:#fff;} /* 상품정보 */ .fit-pr-detail-wrap .section#s01 {padding:60px 0;} .fit-pr-detail-wrap .section#s01 .product-detail-thumb {position: relative; height:600px; overflow:hidden; text-align:center; margin:0 auto;} .fit-pr-detail-wrap .section#s01 .product-detail-thumb.active {height:auto;} .fit-pr-detail-wrap .section#s01 .product-detail-thumb img {width:100%;} .fit-pr-detail-wrap .section#s01 .product-detail-thumb .gradation-box {position: absolute; bottom:0; background: linear-gradient( to bottom, transparent, #fff ); width:100%; height:80px; z-index: 10;} .fit-pr-detail-wrap .section#s01 .product-detail-thumb .gradation-box.active {display:none;} .fit-pr-detail-wrap .section#s01 .view-more {border:2px solid #1AD0FC; border-radius:1000px; display:flex; align-items:center; justify-content:center; width:320px; height:60px; margin:30px auto 0;} .fit-pr-detail-wrap .section#s01 .view-more span {font-size:1.429rem; font-weight:700;} .fit-pr-detail-wrap .section#s01 .view-more i {font-size:1.3rem; font-weight:700; margin-left:5px; margin-top:3px;} .fit-pr-detail-wrap .section#s01 .view-more i.active {transform:rotate(180deg) translateY(3px); margin-top: 6px;} .fit-pr-detail-wrap [data-detail_key="content"] p {display: block;} /* 상품요약 */ .fit-pr-detail-wrap .section#s02 {padding-bottom:60px;} /* 제조사 정보 */ .fit-pr-detail-wrap #s03 .company-info {border:1px solid #E3E6ED; padding:40px;} .fit-pr-detail-wrap #s03 .company-info .com-top {display:flex; align-items:center; padding-bottom:24px; border-bottom:1px solid #E3E6ED;} .fit-pr-detail-wrap #s03 .company-info .com-top p img {height:60px;} .fit-pr-detail-wrap #s03 .company-info .com-top p:last-child {display:flex; flex-direction:column; margin-left:24px;} .fit-pr-detail-wrap #s03 .company-info .com-top p span {font-size:1.143rem;} .fit-pr-detail-wrap #s03 .company-info .com-top p .com-data02 {font-weight:700; margin-bottom:2px;} .fit-pr-detail-wrap #s03 .company-info .com-top p .com-data03 {font-weight:400; color:#6B727C;} .fit-pr-detail-wrap #s03 .company-info .com-bot {padding-top:24px; font-size:1.143rem; line-height:22.4px;} /* 판매 정보 */ .fit-pr-detail-wrap #s04 .table-wrap {margin-top:40px;} .fit-pr-detail-wrap #s04 .table-wrap h3 {font-size:1.429rem; font-weight:700; margin-bottom:12px;} .fit-pr-detail-wrap .fit-info-table tr td pre p {font-size:1.1em; font-weight:700;} /* 팝업 */ .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-close i {top:30px; right:32px;} .fit-pr-detail-wrap .fit-pop-cont .login-notice-pop.pop-cont .pop-info p {margin-bottom: 40px !important;} .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p:first-child {margin-bottom: 0;} .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p:nth-of-type(1) {margin-bottom: 0;} .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p#account_res_text {margin-top: 0;} @media screen and (max-width: 768px) { .fit-pr-detail-wrap .container {padding:0 !important; overflow-x: hidden;} .fit-pr-detail-wrap .pr-detail-info {display: revert; padding-bottom:48px !important;} .fit-pr-detail-wrap .pr-detail-info .left {width:100%; margin-right:0;} .fit-pr-detail-wrap .pr-detail-info .left .d-day-box {font-size:1.143rem; font-weight:800; top:24px; right:20px; width:57px; height:30px;} .fit-pr-detail-wrap .pr-detail-info .left .product-thumb {width:100%; height:300px;} .fit-pr-detail-wrap .pr-detail-info .left .image-data {width:100%; height:100%;} .fit-pr-detail-wrap .pr-detail-info .left .image-data a {display: block; width: 100%; height:100%;} .fit-pr-detail-wrap .pr-detail-info .left .slick-slider .slick-list {height:100% !important;} .fit-pr-detail-wrap .pr-detail-info .left .slick-dots {position: revert; margin-top:15px;} .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li {margin:0 2px;} .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li button {width:8px; height:8px;} .fit-pr-detail-wrap .pr-detail-info .left .slick-dots li button::before {width:8px; height:8px;} .fit-pr-detail-wrap .pr-detail-info .right {margin-top:25px; padding:32px 20px 0;} .fit-pr-detail-wrap .pr-detail-info .right .right-top {padding-bottom:16px;} .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit, .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit span {font-size:1.429rem;} .fit-pr-detail-wrap .pr-detail-info .right .right-top .pro-tit span[data-detail_key="name"] {white-space: inherit; display: block;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item {padding:16px 0;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .item-info01 .item-data01 span, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .item-info02 .item-data02 span {margin:0;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .item-info04 {align-items:flex-start;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .item-info04 .prif-tit {margin-top:6px;} /* .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line {margin-bottom:5px;} */ .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line:last-child {margin-bottom:0;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit {width:auto; margin-right:0;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.item-data01 span, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.item-data02 span {font-weight: 700;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.pc {display: none !important;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data.mobile {display: flex !important;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data span {font-size:1.143rem;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit .fit-guide-popup.active, .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info04 .prif-tit .fit-guide-popup.active {display: block;} /* .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data span {max-width:200px;} */ /* .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data {display: flex !important;} */ .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 {display: revert;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 input {margin-left:0 !important; height:32px !important;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span {display:flex; align-items:center; font-weight:400;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:first-child {margin-bottom:12px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:first-child input {width:80px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .item-data04 span:last-child input {width:120px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .fit-guide-popup {left: 1% !important; top: 36px !important;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .fit-guide-popup::before {left: 37px !important; top: -8px;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info04 .fit-guide-popup {left: 24% !important; top: 54px !important;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info04 .prif-tit .fit-guide-popup {width:228px; height: 52px; line-height: 250%;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.item-info03 .prif-tit .fit-guide-popup {width:319px; height: 52px; line-height: 250%;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form button {height:58px; font-size:1.286rem !important; height: 58px !important;} .fit-pr-detail-wrap .pr-detail-info .right .move-faq {margin-top:12px; display: inline-block;} .fit-pr-detail-wrap .pr-detail-info .right .move-faq i {font-size:1.429rem;} .fit-pr-detail-wrap .page-tab {margin-bottom:24px; border-top:0; border-right:0; border-left:0;} .fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft {border:0; font-size:1rem; padding:0 0 12px; color:#6B727C; font-weight:400;} .fit-pr-detail-wrap .page-tab .tab-cont .scroll-soft.active {font-weight:800; border-bottom:2px solid #414853; background:#fff; color:#414853;} .fit-pr-detail-wrap .section#s01, .fit-pr-detail-wrap .section#s02, .fit-pr-detail-wrap .section#s03, .fit-pr-detail-wrap .section#s04 {padding:0 20px !important; margin:24px 0;} .fit-pr-detail-wrap .section#s01 {padding:0; margin-top:0;} .fit-pr-detail-wrap .section#s01 .product-detail-thumb {height: 335px;} .fit-pr-detail-wrap .section#s01 .product-detail-thumb .gradation-box {height:150px;} .fit-pr-detail-wrap .section#s01 .view-more {height:48px; margin-top:14px;} .fit-pr-detail-wrap .section#s01 .view-more span {font-size:1.143rem;} .fit-pr-detail-wrap .section#s01 .view-more i {font-size:1.143rem;} .fit-pr-detail-wrap .section#s03 .company-info {padding:20px;} .fit-pr-detail-wrap .section#s03 .company-info .com-top {display: revert; padding-bottom:12px;} .fit-pr-detail-wrap .section#s03 .company-info .com-top p {font-size:1rem;} .fit-pr-detail-wrap .section#s03 .company-info .com-top p .com-data02, .fit-pr-detail-wrap .section#s03 .company-info .com-top p .com-data03 {font-size: 1rem;} .fit-pr-detail-wrap .section#s03 .company-info .com-top p:last-child {margin-left:0; margin-top:12px;} .fit-pr-detail-wrap .section#s03 .company-info .com-top p img {height:42px;} .fit-pr-detail-wrap .section#s03 .company-info .com-bot {margin-top:16px; padding:0; font-size:1rem; line-height: 19px;} .fit-pr-detail-wrap .section#s04 {margin-bottom:60px;} .fit-pr-detail-wrap .section#s04 .table-wrap {margin-top:24px;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete {display: flex; flex-direction: column;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button {margin:0; font-size:1.286rem !important;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info {width: 100%; height: 83px !important; line-height: 140%; margin-top: 9px} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.btn-cancel {width: 100%;} .fit-pr-detail-wrap .pr-detail-info .right .right-bot .btn-form .submit-complete button.complete-info span:last-child {font-size:0.929rem;} .fit-pr-detail-wrap .pr-detail-info .right .move-faq span {font-size: 1rem;} /* 팝업 */ .fit-pr-detail-wrap .fit-pop-cont .pop-cont {border-radius: 4px;} .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-close i {top:20px; right:20px; font-size:1.45rem;} .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info img {width:52px;} .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p {line-height: 21px; margin-bottom: 32px;} } /* 상품상세 끝 ************************************************************************************/ /* 로그인 X - 공통 메인 ************************************************************************************/ .fit-comm-main {width:100%; height:125vh; background:#20262F; margin-top:-76px; overflow:hidden;} .fit-comm-main .container {position: relative; background-size:104%; width:100%; height:100%; margin:0; padding:0; overflow: hidden;} .fit-comm-main .container .line-box {position: absolute; top: 0; left: 0; z-index: 1; width:100%; height:100%; display:flex; justify-content: space-between; padding: 0 57px;} .fit-comm-main .container .line-box hr {border-right:1px solid #fff; opacity: 0.1; /* z-index: 1; */} .fit-comm-main .container .icon-box {position: relative; width: 100%; height: 100%;} .fit-comm-main .container .icon-box img {position: absolute;} .fit-comm-main .container .icon-box .bg-icon01 {left:0; bottom:-8%;} .fit-comm-main .container .icon-box .bg-icon02 {right:-2%; top:-10%;} .fit-comm-main .container .icon-box .bg-icon03 {left:76.8%; top:83%;} @supports (-webkit-backdrop-filter: none) { .blur-box { -webkit-backdrop-filter: blur(28px); } } /* .fit-comm-main .container img {width:100%; height:115%; margin-top:-50px; object-fit:cover;} */ .fit-comm-main .container .cont {position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1280px; height:908px; z-index: 1;} .fit-comm-main .container .blur-box {background: rgba(32, 38, 47, 0.4); backdrop-filter: blur(28px); position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1280px; height:908px;} .fit-comm-main .container .cont .main-tit-box {position: relative; width:100%; height:204px; text-align:center; margin-top:175px;} .fit-comm-main .container .cont .main-tit-box p {position: absolute; width:100%; font-size:7rem; font-weight:800;} .fit-comm-main .container .cont .main-tit-box p:nth-of-type(1) {top:0; opacity: .2;} .fit-comm-main .container .cont .main-tit-box p:nth-of-type(2) {top:50%; transform:translateY(-50%); opacity: .7;} .fit-comm-main .container .cont .main-tit-box p:nth-of-type(3) {bottom:0; color:#fff;} .fit-comm-main .container .cont > p {text-align:center; color:#fff; font-size:2rem; margin-top:60px; font-weight: 700;} .fit-comm-main .container .cont .main-btn-box {margin-top:160px; text-align: center;} .fit-comm-main .container .cont .main-btn-box button {background:#1AD0FC; width:380px; height:72px; border-radius:4px;} .fit-comm-main .container .cont .main-btn-box button:first-child {margin-right:20px;} .fit-comm-main .container .cont .main-btn-box button a {width:100%; height:100%; color:#fff; font-size:1.5rem; font-weight:700;} @media screen and (max-width: 768px) { .fit-comm-main {padding:0; height: 100%; /* height:85vh; */} .fit-comm-main .container {background-image:none; height: 550px; padding: 0 !important;} .fit-comm-main .container .cont {width:90% !important; height:100%; top:50%; left:50%; padding:0 15px;} .fit-comm-main .container .blur-box {width: 93% !important; height: 100%;} .fit-comm-main .container .icon-box {position: relative; width: 100%; height: 100%;} .fit-comm-main .container .icon-box img {position: absolute;} .fit-comm-main .container .icon-box .bg-icon01 {width: 130px; left:0; bottom:33%;} .fit-comm-main .container .icon-box .bg-icon02 {width: 221px; right:-24%; top:-11%;} .fit-comm-main .container .icon-box .bg-icon03 {width: 126px; left:76.8%; top:87%;} .fit-comm-main .container .cont .main-btn-box {display:revert; margin-top:58px;} .fit-comm-main .container .cont .main-tit-box {margin-top:157px; height:97px;} .fit-comm-main .container .cont .main-tit-box p {font-size: 3.1rem;} .fit-comm-main .container .cont .main-tit-box p:nth-of-type(1),.fit-comm-main .container .cont .main-tit-box p:nth-of-type(2) {color: transparent;} .fit-comm-main .container .cont > p {margin-top:30px; font-size:1.071rem;} .fit-comm-main .container .cont .main-btn-box button {width:100%; height:58px;} .fit-comm-main .container .cont .main-btn-box button:first-child {margin-bottom:12px; margin-right:0;} .fit-comm-main .container .cont .main-btn-box button a {font-size:1.143rem;} } /* 로그인 X - 공통 메인 끝 ************************************************************************************/ /* 로그인 X - 공통 about ************************************************************************************/ .fit-comm-about {position:relative; background:#1AD0FC; padding-top:70px;} .fit-comm-about .container {position: relative; margin-top: 0; overflow: hidden;} .fit-comm-about .img-box img {position: absolute;} .fit-comm-about .img-box img:nth-of-type(1) {top:70px; z-index:0;} .fit-comm-about .img-box img:nth-of-type(2) {top:186px; right:0; z-index:20;} .fit-comm-about .img-box img:nth-of-type(3) {top:591px; z-index:20;} .fit-comm-about .img-box img:nth-of-type(4) {top:614px; right:0; z-index:0;} .fit-comm-about .cont-box {position: relative; background:#fff; border-radius:12px; padding:80px 0; width:720px; margin:0 auto; box-shadow:2px 5px 40px rgba(2, 1, 55, 0.12);} .fit-comm-about .cont-box pre {text-align:center; overflow: hidden; font-size:1.3rem; font-weight:400; line-height:30px;} .fit-comm-about .cont-box pre strong {font-size:2rem; font-weight:800; line-height:50px;} .fit-comm-about .btn-box {width:720px; margin:60px auto 0;} .fit-comm-about .btn-box button {background:#282C33; width:50%; height:72px; border-radius:4px;} .fit-comm-about .btn-box button:first-child {margin-right:12px;} .fit-comm-about .btn-box button a {color:#fff; font-size:1.5rem; font-weight:700; width:100%; height:100%;} @media screen and (max-width: 768px) { .fit-comm-about {padding-top: 0;} .fit-comm-about .container {padding-top: 40px;} .fit-comm-about .cont-box {width:100%; padding:40px 21px;} .fit-comm-about .cont-box pre {font-size:1rem; line-height:21px;} .fit-comm-about .cont-box pre strong {font-size:1.429rem; line-height: 30px;} .fit-comm-about .img-box img {} .fit-comm-about .img-box img {position: absolute;} .fit-comm-about .img-box img:nth-of-type(1) {width:108.5px; height:auto; top:-3px; left:-20px; z-index:0;} .fit-comm-about .img-box img:nth-of-type(2) {width:131px; height:auto; top:222px; right:-44px; z-index:20;} .fit-comm-about .img-box img:nth-of-type(3) {width:120px; height:auto; top:336px; left:-32px; z-index:20;} .fit-comm-about .img-box img:nth-of-type(4) {width:125px; height:auto; top:515px; right:-40px; z-index:0;} .fit-comm-about .btn-box {display:revert; margin-top:32px; width:100%;} .fit-comm-about .btn-box button {width:100%;} .fit-comm-about .btn-box button:first-child {margin-bottom:12px;} .fit-comm-about .btn-box button {height:58px;} .fit-comm-about .btn-box button a {height:100%;} } /* 로그인 X - 공통 about 끝 ************************************************************************************/ /* 로그인 X - 공통 contact ************************************************************************************/ .fit-comm-contact {background: linear-gradient( #1AD0FC 50%, #F6F7F8 50% ); padding:60px 0 100px;} .fit-comm-contact .container {background:#fff; text-align:center; padding:60px 100px 80px; min-height:auto; max-height:592px;} .fit-comm-contact .container .cont-top {border-bottom:1px solid #E3E6ED; padding-bottom:60px;} .fit-comm-contact .container .cont-top p {font-size:2rem; font-weight:700; line-height:39px;} .fit-comm-contact .container .cont-top button {background:#282C33; border-radius:4px; width:280px; height:60px; margin-top:40px;} .fit-comm-contact .container .cont-top button a {color:#fff; font-size:1.429rem; font-weight:700; width:100%; height:100%;} .fit-comm-contact .container .cont-bot {padding-top:60px;} .fit-comm-contact .container .cont-bot p {font-size:2rem; font-weight:400; margin-bottom:32px;} .fit-comm-contact .container .cont-bot button {background:#F6F7F8; border-radius:4px; width:280px; height:82px;} .fit-comm-contact .container .cont-bot button:first-child {margin-right:20px;} .fit-comm-contact .container .cont-bot button a {font-size:1.286rem; font-weight:400; width:100%; height:100%;} .fit-comm-contact .container .cont-bot button a img {margin-right:15px; width:50px;} @media screen and (max-width: 768px) { .fit-comm-contact {padding:40px 20px 60px; width:100%;} .fit-comm-contact .container {padding:40px 24px 48px; max-height: auto;} .fit-comm-contact .container .cont-top {padding-bottom:40px;} .fit-comm-contact .container .cont-top p {font-weight:800;} .fit-comm-contact .container .cont-top p, .fit-comm-contact .container .cont-bot p {font-size:1.429rem; line-height: 30px;} .fit-comm-contact .container .cont-top button {margin-top:32px; height:48px; width:239px;} .fit-comm-contact .container .cont-bot {padding-top:40px;} .fit-comm-contact .container .cont-bot .btn-box {display:revert;} .fit-comm-contact .container .cont-bot .btn-box button {margin:0; padding:16px 18px; width:245px; height:72px;} .fit-comm-contact .container .cont-bot .btn-box button:first-child {margin-bottom:16px;} .fit-comm-contact .container .cont-bot .btn-box button a {justify-content: flex-start;} .fit-comm-contact .container .cont-bot button a img {width:40px; height:40px; margin-right:8px;} } /* 로그인 X - 공통 contact 끝 ************************************************************************************/ /* 공통 개발 준비중 ************************************************************************************/ .fit-prepare-notice {background: linear-gradient( #1AD0FC 50%, #F6F7F8 50% ); padding:60px 0 100px;} .fit-prepare-notice .container {background:#fff; text-align:center; padding:60px 100px 80px;} .fit-prepare-notice .container .cont-top h2 {font-size:2.571rem; font-weight:700; margin:40px auto 12px;} .fit-prepare-notice .container .cont-top p {font-size:1.286rem; font-weight:400; line-height:26px;} .fit-prepare-notice .container .cont-top button {background:#282C33; border-radius:4px; width:280px; height:60px; margin-top:40px;} .fit-prepare-notice .container .cont-top button a {color:#fff; font-size:1.429rem; font-weight:700; width:100%; height:100%;} @media screen and (max-width: 768px) { .fit-prepare-notice {padding:40px 20px 60px;} .fit-prepare-notice .container {padding:40px 0 !important;} .fit-prepare-notice .container img {width:120px;} .fit-prepare-notice .container .cont-top h2 {font-size:1.429rem; margin:32px auto 16px; font-weight:800;} .fit-prepare-notice .container .cont-top p {font-size:1rem; line-height:19px;} .fit-prepare-notice .container .cont-top button {margin-top:24px; width:239px; height:48px;} } /* 공통 개발 준비중 끝 ************************************************************************************/ /* 로그인 ************************************************************************************/ /* 로그인_인트로 */ .fit-comm-login .login-tab {border:0;} .fit-comm-login .login-tab li {width:100%; margin-top:12px; border:1px solid #E3E6ED; background:#E3E6ED; border-radius: 4px; padding:0; height:72px; color:#6B727C; font-size:1.714rem; font-weight:700; font-family: 'Pretendard';} .fit-comm-login .login-tab li a {color:#6B727C; font-size:1.714rem; font-weight:700; display:flex; align-items: center; justify-content: center; width: 1005; height:100%; font-family: 'Pretendard';} .fit-comm-login .login-tab li:first-child {margin-top:0;} .fit-comm-login .login-tab li:nth-of-type(n + 1):nth-of-type(-n + 2):hover {background:#1AD0FC; border:1px solid #1AD0FC;} .fit-comm-login .login-tab li:nth-of-type(n + 1):nth-of-type(-n + 2):hover a {color:#fff;} .fit-comm-login .login-tab li:nth-of-type(3) {background:#fff; position: relative; border:1px solid #CECECE; display:flex; align-items: center; justify-content: center; color:#6B727C;} .fit-comm-login .login-tab li:nth-of-type(3) .fit-guide-popup {top:95%; left:50%; transform: translateX(-50%); width:113px; padding:8px 0; background:#222; color:#fff;} .fit-comm-login .login-tab li:nth-of-type(3) .fit-guide-popup::before {position:absolute; top:-14px; border-color:#222 transparent; left:39%; content:""; font-size:12px; font-family:xeicon !important; z-index:-1; border-style:solid; border-width:12px 12px 0; display:block; width:0; background-image: none; border-radius: 2px; transform:rotate(180deg);} /* .fit-comm-login .login-tab li:nth-of-type(2) {position: relative;} .fit-comm-login .login-tab li:nth-of-type(2) .fit-guide-popup {position:absolute; top:-37px; left:50%; transform:translateX(-50%); width:113px; border:0; background:#1ad0fc; padding:10px; color:#fff; font-weight:700;} .fit-comm-login .login-tab li:nth-of-type(2) .fit-guide-popup::before {background-image:none; border-color:#1AD0FC transparent; border-style:solid; border-width:8px 8px 0; width:0; top:100%; left:50%; transform:translateX(-50%);} */ .fit-comm-login .login-form {width:480px; margin:0 auto;} .fit-comm-login .form-top {margin-bottom:60px; font-size:3.429rem; font-weight:700; text-align: center; font-family: 'Pretendard'; color: #000; letter-spacing: -0.01em;} .fit-comm-login a, .fit-comm-login p, .fit-comm-login div {font-family: 'Noto Sans KR', sans-serif;} /* sns 로그인 */ .fit-comm-login .login-sns {font-size:0;} .fit-comm-login .login-sns button {width:100%; height:72px; margin-bottom:12px; font-size:1.714rem; font-weight: 700; display:flex; align-items:center; justify-content:center; border-radius:4px; /* background-color:#eee; */ position: relative;} .fit-comm-login .login-sns button i {font-size:2rem; margin-right:15px;} .fit-comm-login .login-sns button i.xi-kakaotalk {font-size:2.4rem; margin-top: 6px;} .fit-comm-login .login-sns button i.xi-google {font-size:2.2rem; font-weight:900;} .fit-comm-login .login-sns button a {font-size:1.714rem;} .fit-comm-login .login-sns button img {margin-right:10px; margin-top:3px; /* filter: grayscale(100%); */} .fit-comm-login .login-sns button.sns-local img {width:20%;} /* .fit-comm-login .login-sns button.sns-local a {color:#fff;} */ .fit-comm-login .login-sns button .recent_info {position: absolute; right: -0.5rem; background: #222; border-radius: 4px; width: 6.858rem; height: 2.786rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 7px 16px; color: #fff; font-size: 1rem; font-family: 'Pretendard';} .fit-comm-login .login-sns button .recent_info::after {content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 8px solid transparent; border-right-color: #222; border-left: 0; margin-top: -8px; margin-left: -7px;} .fit-comm-login .login-sns button.sns-kakaotalk {background:#F9E132;} .fit-comm-login .login-sns button.sns-naver {background:#00C63B; color:#fff;} .fit-comm-login .login-sns button.sns-google {border:1px solid #CECECE; margin-bottom:0;} .fit-comm-login .login-sns button.btn-depth {background: #E3E6ED; color: #6B727C;} /* 로그인 */ .fit-comm-login .form-mid {margin-top:28px;} .fit-comm-login .form-mid .login-input input {width:100%; height:72px; border:1px solid #E3E6ED; padding:0 24px; /* font-size:1.1rem; */ font-size:1.429rem; margin-bottom:12px; border-radius:4px; font-family: 'Pretendard';} .fit-comm-login .form-mid .login-input input::placeholder {color:#AAB1BB; font-size:1.429rem; font-family: 'Pretendard';} .fit-comm-login .form-mid .login-input input[type='password'] {margin-bottom:18px;} /* 로그인 버튼 */ .fit-comm-login .form-mid .login-btn {background-color:#1AD0FC; color:#fff; padding:18px 0; font-size:1.857rem; font-weight:700; border:0; margin-bottom:40px;} .fit-comm-login .form-bot .login-link {display:flex; align-items:center; justify-content:center;} .fit-comm-login .form-bot .login-link a {position:relative; padding:0 14px; font-size:1.286rem; color:#6B727C; font-family: 'Pretendard'; font-weight: 400;} .fit-comm-login .form-bot .login-link a:after {content:''; position:absolute; top:50%; right:0; width:1px; height:60%; background-color:#C2C7CF; transform:translate(0, -50%);} .fit-comm-login .form-bot .login-link a:last-child:after {display:none;} /* input */ .fit-comm-login .fit-checkbox-custom {font-size:1.286rem;} /* 자동 로그인 삭제 */ .fit-comm-login .fit-checkbox-custom input[type="checkbox"] + .click-check {display: none;} /* .fit-comm-login .fit-checkbox-custom input[type="checkbox"] + .click-check {width:28px; height:28px;} */ @media screen and (max-width: 768px) { .fit-comm-login .login-form {width:100%;} .fit-comm-login .form-top {font-size:1.714rem; font-weight:900; margin-bottom:35px;} /* tab */ .fit-comm-login .login-tab li {padding: 0 !important; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 1.143rem !important;} .fit-comm-login .login-tab li a {padding: 0; width: 100%; height: 100%; font-size: 1.143rem;} .fit-comm-login .login-tab li:nth-of-type(2) .fit-guide-popup {font-size:0.857rem;} .fit-comm-login .login-tab li:nth-of-type(3) .fit-guide-popup {top:95%;} .fit-comm-login .login-tab li:nth-of-type(3) .fit-guide-popup::before {top:-14px; transform:rotate(180deg);} /* sns 로그인 */ .fit-comm-login .login-sns button {margin-bottom:8px; height:58px;} .fit-comm-login .login-sns button .recent_info {width: 5.643rem; height: 2.715rem; padding: 8px 12px; font-size: .85714rem;} .fit-comm-login .login-sns button.sns-google img {margin-right:18px; margin-left:-6px;} .fit-comm-login .login-sns button img {/* width: 40px; height:40px; */} .fit-comm-login .form-mid {margin-top:20px;} .fit-comm-login .form-mid .login-input input {margin-bottom:8px; height: 58px !important; font-size: 1.143rem !important;} .fit-comm-login .form-mid .login-input input::placeholder {font-size: 1.143rem;} .fit-comm-login .form-mid .login-input input[type='password'] {margin-bottom:16px;} /* input */ .fit-comm-login .fit-checkbox-custom {font-size:1rem; font-weight:400;} .fit-comm-login .fit-checkbox-custom input[type="checkbox"] + .click-check {display: none;} /* .fit-comm-login .fit-checkbox-custom input[type="checkbox"] + .click-check {width:20px; height:20px; margin-right:6px;} */ .fit-comm-login .form-mid .login-btn {margin:24px auto; font-size:1.286rem !important; font-weight:700;} .fit-comm-login .form-bot .login-link a {font-size:1rem;} } @media screen and (max-width: 363px) { .fit-comm-login .login-sns button img {margin-right: 0;} .fit-comm-login .login-sns button .recent_info {right: -1.3rem; width: 3.6rem; word-break: keep-all;} } /* 로그인 끝 ************************************************************************************/ /* 아이디/비밀번호 찾기 ************************************************************************************/ .fit-find-auth {background:#F6F7F8; text-align:center;} .fit-find-auth .find-form {width:600px; margin:0 auto;} .fit-find-auth h2 {font-size:3.429rem; margin-bottom:40px; font-weight:600;} .fit-find-auth .find-tab {margin-bottom:20px;} .fit-find-auth .find-tab .tab-item {width:50%; background:#fff;} .fit-find-auth .find-wrap {background:#fff; padding:40px 80px; width:600px; min-height:250px; display:flex; align-items:center; justify-content:center;} .fit-find-auth .find-wrap .tab-item {width:100%;} .fit-find-auth .find-wrap p {font-size:1.2rem; line-height:25px;} .fit-find-auth .find-wrap p.comm-input-text {text-align:left; font-size:1.3rem; font-weight:400;} /* .fit-find-auth .find-wrap input {border:1px solid #E3E6ED; border-radius:4px; padding:16px 24px; width:100%; margin-top:40px;} */ .fit-find-auth .find-wrap input {border:1px solid #E3E6ED; border-radius:4px; padding:16px 24px; width:100%;} .fit-find-auth .find-wrap input::placeholder {color:#AAB1BB;} .fit-find-auth .find-wrap .find-pw .input-box {text-align:left;} .fit-find-auth .find-wrap .find-pw .input-box:nth-of-type(2) {margin-top:32px;} .fit-find-auth .find-wrap .find-pw .input-box .input-tit {font-size:1.286rem; font-weight:400;} .fit-find-auth .find-wrap .find-pw .input-box input {margin-top:10px;} .fit-find-auth .find-wrap button.find-btn {background:#1AD0FC; border-radius:4px; color:#fff; font-size:1.429rem; font-weight:700; border:0; width:100%; height:53px; margin-top:40px;} .fit-find-auth .find-wrap button.find-btn a {color:#fff; font-size:1.429rem; font-weight:700;} .fit-find-auth .find-wrap .item-se03 button.find-btn {background:#E3E6ED; color:#6B727C;} .fit-find-auth .find-wrap .item-se03 button.find-btn a {color:#6B727C;} .fit-find-auth .find-wrap .item-se03 button.find-btn.active {background:#1AD0FC; color:#fff;} .fit-find-auth .find-wrap .btn-cont {display:flex; align-items:center; justify-content:space-between;} .fit-find-auth .find-wrap .btn-cont button {width:50%;} .fit-find-auth .find-wrap .btn-cont button:first-child {margin-right:17px;} .fit-find-auth .info-tit {margin-top:20px; line-height:15px;} .fit-find-auth .info-tit > span {display:flex; align-items:center; justify-content:center; font-size:1.143rem;} .fit-find-auth .info-tit > span span {font-size:1.143rem; text-decoration:underline; margin:0 2px;} .fit-find-auth .item-se02 {display: none;} .fit-find-auth .item-se03 {display: none;} .fit-find-auth .item-se04 {display: none;} #list-getListfindID {padding-top:50px;} .result-cont {padding:0 0 50px;} .result-cont:last-child {padding: 0 0 0;} .result-cont .result-item-list {} .result-cont .result-item-list .result-info-cont {} .result-cont .result-item-list .result-info-cont .result-item {text-align: left; padding-left: 124px;} .result-cont .result-item-list .result-info-cont .result-item span {font-size:1.2rem;} .result-cont .result-item-list .result-info-cont .result-item .result-item-tit {font-weight:600;} .result-cont .result-item-list .result-info-cont .result-item .result-item-con {} .result-cont .result-item-list .result-info-cont .re-password {margin:30px auto 0; padding:15px 0; background-color: #1AD0FC; color:#fff; font-size:20px; font-weight:600; border-radius:4px; height:53px; cursor: pointer;} [data-canvas='sendEmailForPW'] {} #form-auth {margin-bottom: 50px; background:#fff; padding:40px 0; width:100%; min-height:250px;} #form-auth p {font-size: 18px;} .result-repw {margin-bottom: 50px; background:#fff; padding:40px 0; width:100%; min-height:250px;} [data-canvas='sendEmailForPW'] input {margin:20px auto 30px; width:100%;} [data-canvas='sendEmailForPW'] .result-auth-btn button {background:#1AD0FC; border-radius:4px; color:#fff; font-size:1.429rem; font-weight:700; border:0; width:100%; height:53px;} [data-canvas='sendEmailForPW'] .result-auth-btn button.form-resend {margin-bottom:10px;} #list-resetForm input.re-password-input {margin-bottom: 10px; width:100%;} #list-resetForm .re-password-btn {background:#1AD0FC; border-radius:4px; color:#fff; font-size:1.429rem; font-weight:700; border:0; width:100%; height:53px;} .result-comm-cont {margin:30px 0 0;} .result-comm-cont p, .result-comm-cont span, .result-comm-cont button {font-size:1.2rem;} .result-comm-cont .result-auth p {padding:10px 0; font-weight:600;} .result-comm-cont .result-auth .result-auth-btn {font-size:0; margin-top:20px;} .result-comm-cont .result-auth .result-auth-btn button {display:inline-block; padding:12px 0; width:calc(100% / 2 - 5px); color:#fff; font-weight:600; border-radius:4px;} .result-comm-cont .result-auth .result-auth-btn button:nth-child(1) {margin-right:10px; background-color:#414853;} .result-comm-cont .result-auth .result-auth-btn button:nth-child(2) {background-color:#1AD0FC;} .result-comm-cont .result-repw input {margin-bottom:10px;} .result-comm-cont .result-repw .re-password-btn {display:flex; align-items:center; justify-content:center; width:100%; padding:12px; border-radius:4px; font-weight:600; color:#fff; background-color:#1AD0FC; margin-bottom:0;} @media screen and (max-width: 768px) { #form-auth {width: 100%; padding:32px 24px;} #form-auth p {font-size: 16px;} [data-canvas='sendEmailForPW'] input {width: 230px;} [data-canvas='sendEmailForPW'] .result-auth-btn button, [data-canvas='sendEmailForPW'] .result-auth-btn button.form-resend {width: 230px; height: 48px; } .fit-find-auth h2 {font-size:1.714rem; font-weight:800; margin:-8px auto 20px;} .fit-find-auth .fit-tab .tab-item {padding:13px 0; font-weight:800;} .fit-find-auth .find-wrap {width:100%; padding:32px 24px; min-height:auto;} .fit-find-auth .find-wrap p {font-size:1.143rem; font-weight:400; line-height:22px;} .fit-find-auth .find-wrap .btn-cont {width:256px; margin:0 auto;} .fit-find-auth .find-wrap .btn-cont button:first-child {margin-right:10px;} .fit-find-auth .find-wrap button.find-btn {width:230px; height:48px; margin:24px auto 0;} .fit-find-auth .info-tit {margin-top:24px; font-size:1rem;} .fit-find-auth .info-tit > span {font-size:1rem;} .fit-find-auth .info-tit > span:last-child {margin-top:-8px;} .fit-find-auth input {font-size:1.071rem;} .fit-find-auth input::placeholder {font-size:1.071rem;} .fit-find-auth .find-wrap input {padding:0 18px;} .result-cont .result-item-list .result-info-cont .result-item {padding-left: 32px !important;} .result-cont .result-item-list .result-info-cont .re-password {font-size: 16px !important; width: 230px;} .result-cont [data-canvas='sendEmailForPW'] .result-auth-btn button {width: 230px; height: 48px;} .result-repw {padding: 32px 24px; width: 100%;} } /* 아이디/비밀번호 찾기 끝 ************************************************************************************/ /* 회원가입 - 인트로(본인 인증) ************************************************************************************/ .fit-join-intro .container {padding:60px 0 163px;} .fit-join-intro .join {width:506px; margin:0 auto; text-align:center;} .fit-join-intro .join .page-title h2 {font-size:3.429rem; font-weight:700; margin-bottom:20px; } .fit-join-intro .join .page-title h2 .change-txt01 {font-size:3.429rem; font-weight:700;} .fit-join-intro .join .page-title p {display: flex; align-items: center; justify-content: center;} .fit-join-intro .join .page-title p, .fit-join-intro .join .page-title p .change-txt02 {font-size:1.429rem; font-weight:400; color:#414853;} .fit-join-intro .join .cont-top {position: relative; height: 105px; margin:87px 0; /* overflow: hidden; */} .fit-join-intro .join .cont-top .check-icon {position: absolute;} .fit-join-intro .join .cont-top .check-icon:nth-of-type(1) {left: 0;} .fit-join-intro .join .cont-top .check-icon:nth-of-type(2) {left: 50%; transform: translateX(-50%);} .fit-join-intro .join .cont-top .check-icon:nth-of-type(3) {right: 0;} .fit-join-intro .join .cont-top .check-icon::after {position: absolute; top:30%; left:87%; content:""; display:inline-block; width:190%; height:1px; background:#1AD0FC;} .fit-join-intro .join .cont-top .check-icon:last-child::after {display:none;} .fit-join-intro .join .cont-top .check-icon img {margin:0 auto;} .fit-join-intro .join .cont-top .check-icon p {margin-top:15px; font-size:1.571rem;} .fit-join-intro .join .cont-top .check-icon:first-child p {color:#1AD0FC;} .fit-join-intro .join .cont-bot .page-title p {color:#666; display: flex; flex-direction: column;} .fit-join-intro .join .cont-bot .page-title p span { font-size:1.429rem; color:#666;} .fit-join-intro .join .cont-bot img {margin:80px 0 78px;} .fit-join-intro .join .cont-bot button.login-btn {width:374px; height:72px; padding:0; border-radius:4px; background:#1AD0FC; color:#fff; font-size:1.857rem; font-weight:700; border:0; margin:0 auto;} .fit-join-intro .join .cont-bot button.login-btn a {width:100%; height:100%; color:#fff; font-size:1.857rem; font-weight:700;} @media screen and (max-width: 768px) { .fit-join-intro .container {padding:32px 51px 70px !important;} .fit-join-intro .join .page-title h2 {margin-bottom:10px;} .fit-join-intro .join .page-title h2 .change-txt01 {font-size:24px;} .fit-join-intro .join .page-title p {flex-wrap: wrap;} .fit-join-intro .join .page-title p, .fit-join-intro .join .page-title p .change-txt02 {font-size:0.929rem; font-weight:400; color:#666;} .fit-join-intro .join .cont-top {margin:35px auto 70px;} .fit-join-intro .join .cont-top .check-icon::after {left:83%;} .fit-join-intro .join.find-wrap .cont-top:nth-of-type(3) {right: -9px;} .fit-join-intro .join .cont-top .check-icon:nth-of-type(3) {right: -9px; top: 20px;} .fit-join-intro .join .cont-top .check-icon img {/* width: 37px; height:37px; */ max-width: 100%; height: auto;} .fit-join-intro .join .cont-top .check-icon p {font-size:1.071rem; margin-top:8px;} .fit-join-intro .join .cont-bot .page-title h2 {font-size:1.429rem !important; margin-bottom:10px;} .fit-join-intro .join .cont-bot .page-title p .change-txt04, .fit-join-intro .join .cont-bot .page-title p {font-size:1.143rem; color:#666;} .fit-join-intro .join .cont-bot img {margin:36px auto 28px; height:141px;} .fit-join-intro .join .cont-bot button.login-btn {width:100%; height:58px;} .fit-join-intro .join .cont-bot button.login-btn a {font-size:1.286rem !important;} } @media screen and (max-width: 320px) { .fit-join-intro .join .cont-top .check-icon::after {width: 120%;} } /* 회원가입 - 인트로(본인 인증) 끝 ************************************************************************************/ /* 회원가입 - 정보입력 ************************************************************************************/ .fit-join .join {width:760px; margin:0 auto 100px;} .fit-join .join-area {margin:0 auto; text-align:center;} .fit-join .join-area .page-title {font-size:3.429rem; font-weight:700; margin-bottom:4.3rem;} .fit-join .fit-tab {margin:40px auto 60px;} .fit-join .fit-tab li {width:50%; font-size:1.429rem;} .fit-join .fit-tab li:last-child {position: relative;} .fit-join .fit-tab li:last-child .fit-guide-popup {top:-35px; left:50%; transform:translateX(-50%); border:0; background:#282c33; color:#fff; width:128px; padding:10px 0;} .fit-join .fit-tab li:last-child .fit-guide-popup::before {top:100%; left:50%; background-image:none; border-color:#282c33 transparent; border-style:solid; border-width:8px 8px 0; width:0; transform:translateX(-50%);} .fit-join .form-box {padding:70px 0 20px; border-bottom:1px solid #E3E6ED; text-align: left;} .fit-join .form-box:first-child {padding-top:0;} .fit-join .form-tit {padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #282C33;} .fit-join .form-tit p {font-size:2.286rem; font-weight:700; display:flex; align-items:center;} .fit-join .form-tit p span {font-size:1.714rem; font-weight:400; margin-left:6px;} .fit-join .form-tit p.sub-tit {font-size:1.143rem; font-weight:400; margin-top:4px;} /********** 기본정보 **********/ .fit-join .form-sec01 .form-tit {display:flex; align-items:center; justify-content:space-between;} .fit-join .form-sec01 span.import-sign {color:#F23F3F; font-weight:800; font-size:1.5rem; margin-left:4px; margin-top:-6px;} .fit-join .form-profile .form-item {display: flex; margin-bottom: 24px;} .fit-join .form-profile .form-item:last-child {margin-bottom:0;} .fit-join .form-profile .form-item .item-title {width: 130px; height: 100%; font-weight: 700; font-size:1.286rem; display:flex; align-items:flex-start; margin-top: 20px;} .fit-join .form-profile .form-item.address .item-title {margin-top: 0;} .fit-join .form-profile .form-item .item-content {width: 630px; font-size:0;} /* input */ .fit-join .form-profile .form-item .input-notice {margin-top:6px; font-size:1rem; font-weight:400;} .fit-join .form-profile .form-item .input-notice .non-same {color:#FF2020;} .fit-join .form-profile .form-item .input-notice .same {color:#287EFF;} .fit-join .form-profile .form-item .item-content input {height:60px; border:1px solid #E3E6ED; border-radius:3px; padding:16px 24px; font-size:1.429rem;} .fit-join .form-profile .form-item .item-content input::placeholder {font-size: 1.429rem;} /* .fit-join .form-profile .form-item .item-content input:focus {outline:#FF2020;} */ .fit-join .form-profile .form-item .item-content input.input-type01 {width: 100%;} .fit-join .form-profile .form-item .item-content input.input-type02 {width: calc((100%/3) - 8px); margin-right:12px;} .fit-join .form-profile .form-item .item-content input.input-type02:last-child {margin-right:0;} /* .fit-join .form-profile .form-item.password {align-items:flex-start;} .fit-join .form-profile .form-item.password .item-title {margin-top:10px;} .fit-join .form-profile .form-item.password_chk {align-items:flex-start;} .fit-join .form-profile .form-item.password_chk .item-title {margin-top:10px;} .fit-join .form-profile .form-item.nickname {align-items:flex-start;} .fit-join .form-profile .form-item.nickname .item-title {margin-top:10px;} .fit-join .form-profile .form-item.tel {align-items:flex-start;} .fit-join .form-profile .form-item.tel .item-title {margin-top:10px;} */ /* form btn */ .fit-join .form-profile .form-item.birth input {width: calc((100%/3) - 8px); margin-right: 12px;} .fit-join .form-profile .form-item .item-content .item-btn-layout {width:100%; display:flex; flex:1;} .fit-join .form-profile .form-item .item-content .item-btn-layout .duplicate-btn {padding:10px 0; max-width:160px; width: 100%; background-color:#414853; color:#fff; font-size:1.43rem; font-weight:400; border-radius:4px; margin-left:8px;} .fit-join .form-profile .form-item .item-content .input-nick-notice {color: #6B727C; margin-top: 6px;} .fit-join .form-profile .form-item.tel .item-content .item-btn-layout:first-child {margin-bottom:16px;} .fit-join .form-profile .form-item.address .item-content .item-btn-layout:first-child {margin-top: 0;} .fit-join .form-profile .form-item.address .item-content .item-btn-layout {margin-top: 12px;} .fit-join .form-profile .form-item.tel .item-content .item-btn-layout:last-child .duplicate-btn {color:#6B727C; background:#E3E6ED;} /* checkbox */ .fit-join .form-profile .form-item.gender .item-content {display:flex; align-items:center; border:1px solid #E3E6ED; border-radius:4px; margin:0;} .fit-join .form-profile .form-item.gender .item-content .tab-item {width:50%;} .fit-join .form-profile .form-item.gender .item-content .tab-item input {display:none;} .fit-join .form-profile .form-item.gender .item-content .tab-item:first-child {border-radius:4px 0 0 4px;} .fit-join .form-profile .form-item.gender .item-content .tab-item:last-child {border-radius:0 4px 4px 0; border-right:0;} /********** SNS 채널 **********/ .fit-join .form-sec02 {border-bottom:0; padding-bottom:0;} .fit-join .form-sns-box {box-shadow:0px 4px 12px rgba(2, 1, 55, 0.12);} /* .fit-join .form-sns.youtube .sns-bot .sns-item:first-child, .fit-join .form-sns.tictok .sns-bot .sns-item:first-child {margin-bottom: 0;} .fit-join .form-sns.youtube .sns-bot .sns-item:last-child, .fit-join .form-sns.tictok .sns-bot .sns-item:last-child {display: none;} */ .fit-join .form-sns .sns-top .sns-tit {font-size:1.286rem; font-weight:700; display:flex; align-items:center;} .fit-join .form-sns .sns-bot {display:none; padding:17px 40px 17px 27px; background:#F6F7F8; overflow: hidden;} /* .fit-join .form-sns .sns-bot.active {height:auto; padding:17px 40px 17px 27px;} */ .fit-join .form-sns .sns-bot .sns-item {margin-bottom:24px;} .fit-join .form-sns .sns-bot .sns-item:last-child {margin-bottom:0;} .fit-join .form-sns .sns-bot .sns-item .item-tit {font-size:1.286rem; font-weight:700;} .fit-join .form-sns .sns-bot .sns-item .item-cont {width:568px; display:flex; align-items:center; justify-content:space-between; font-size:1.43rem; font-weight:400;} .fit-join .form-sns .sns-bot .sns-item .item-cont .cont-input {position: relative; margin-left: 11px;} .fit-join .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input {margin-left: 0;} .fit-join .form-sns .sns-bot .sns-item .item-cont .cont-input input {width:385px; height:44px; padding:16px 24px; border:1px solid #E3E6ED; border-radius:4px;} .fit-join .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input input {width:567px;} /* .fit-join .form-sns.tictok .sns-bot .sns-item .item-cont .cont-input input {width:567px;} */ .fit-join .form-sns .sns-bot .sns-item .item-cont .cont-input img {position: absolute; top:50%; right:28px; transform:translateY(-50%); cursor: pointer;} .fit-join .form-sns .sns-bot .sns-item .item-cont {position:relative;} .fit-join .form-sns .sns-bot .sns-item .item-cont .select-arrow {position:absolute; right:10px; top:50%; transform:translateY(-50%); transition:.2s; color: #6B727C;} /* .fit-join .form-sns .sns-bot .sns-item .item-cont .select-arrow.active {transform:rotate(180deg); top:35%;} */ .fit-join .form-sns .sns-bot .sns-item .item-cont select {border:1px solid #E3E6ED; border-radius:4px; width:100%; height:44px; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none;} /********** 배송정보 **********/ .fit-join .form-sec03 {border-bottom:0;} .fit-join .form-sec03.active {border-bottom:1px solid #E3E6ED;} .fit-join .form-sec03 .form-tit {position: relative; display:flex; align-items:flex-start; justify-content:space-between;} .fit-join .form-sec03 .form-tit .tit-left {position:relative;} .fit-join .form-sec03 .form-tit .tit-right i.xi-angle-down {font-size:2rem; margin-top:10px; cursor: pointer;} .fit-join .form-sec03 .form-tit .tit-right i.xi-angle-down.active {transform:rotate(180deg);} .fit-join .form-sec03 .form-tit p i.xi-info-o {font-size:2rem; font-weight:100; margin-left:12px; margin-top:3px; color:#AAB1BB; cursor: pointer;} .fit-join .form-sec03 .fit-guide-popup {display:none; top:50px; left:82%; width: 267px;} .fit-join .form-sec03 .fit-guide-popup::before {left: 24px;} .fit-join .form-sec03 .fit-guide-popup.active {position:absolute; display:block;} .fit-join .form-sec03 .form-item {height:0; overflow: hidden; align-items:flex-start; transition:2s;} .fit-join .form-sec03 .form-item.active {height:auto;} .fit-join .form-sec03 .form-item .item-title {margin-top:10px;} .fit-join .form-sec03 .form-item .item-content .item-btn-layout:first-child {margin-bottom:12px;} .fit-join .form-sec03 .form-item .item-content input.input-type01.addr-zipcode {width:40%;} /* 버튼 */ .fit-join .form-btn > button {display:flex; width:480px; height:72px; margin:80px auto 0; text-align: center; border-radius:4px; background-color: #E3E6ED; color:#6B727C; font-size:1.857rem; font-weight:bold;} .fit-join .form-btn > button a {width:100%; height:100%; color:#6B727C; font-size:1.857rem; font-weight:bold; pointer-events:none;} .fit-join .form-btn > button.active {background: #1AD0FC;} .fit-join .form-btn > button.active a {color:#fff; pointer-events:auto;} @media screen and (max-width: 768px) { .fit-join {padding:0;} .fit-join .join {width:auto; margin-bottom:0;} .fit-join .join-area {position: relative; margin-bottom: 20px;} .fit-join .join-area .page-title {display:flex; align-items: center; justify-content: center; font-size:1.286rem; font-weight:400;} .fit-join #form-controller-comm .join-area .page-title {font-size:24px; font-weight:800; justify-content: flex-start; margin-bottom: 40px;} .fit-join .fit-tab {margin:48px auto 40px;} .fit-join .form-tit {padding-bottom:12px; margin-bottom:24px;} .fit-join .form-tit p {font-size:1.429rem; font-weight:800;} .fit-join .form-box {padding:60px 0 24px;} .fit-join .form-sec01 .form-tit span {font-size:1.143rem;} .fit-join .form-sec01 .form-tit .join-comm-block span {font-size:0.929rem;} .fit-join .form-sec03 .form-item .item-content input.input-type01.addr-zipcode {width:100%} .fit-join .form-profile .form-item {display: revert; margin-bottom:32px;} .fit-join .form-profile .form-item .item-title {margin-bottom:8px; font-size:1.143rem; font-weight:700;} .fit-join .form-profile .form-item .item-content {width:100%;} .fit-join .form-profile .form-item .item-content .item-btn-layout .duplicate-btn {max-width: 88px; width:100%; height:50px; margin-left:8px; font-size:1rem !important;} .fit-join .form-profile .form-item .item-content input, .fit-join .form-profile .form-item .item-content input::placeholder {font-size: 1.071rem !important;} .fit-join .form-profile .form-item .item-content input.input-type02 {margin-right:8px;} .fit-join .form-profile .form-item .item-content .input-nick-notice {font-size: .93rem; word-break: keep-all;} .fit-join .form-tit p span {font-size:1.143rem;} .fit-join .form-tit p.sub-tit {font-size:0.929rem; margin-top:2px; color:#414853;} .fit-join .form-sec03 .form-tit .tit-right i.xi-angle-down {font-size:1.5rem;} .fit-join .fit-terms-agree {padding-bottom:18px;} .fit-join .fit-terms-agree .form-tit {margin-bottom:18px;} .fit-terms-agree .form-agree .check-basic:last-child label {padding-bottom:0;} .fit-join .form-btn > button {margin-top:16px; width:100%;} .fit-join .form-btn > button a {font-size:1.286rem !important;} .fit-join .form-btn > button {height: 58px;} /* 배송정보 - 안내팝업 */ .fit-join .form-sec03 .fit-guide-popup {width: 277px; top: 41px; left: 33%; padding: 15px 18px;} .fit-join .form-sec03 .fit-guide-popup::before {left: 100px;} .fit-join .form-sns .sns-bot {padding: 24px 16px;} .fit-join .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input {margin-left: 0;} .fit-join .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input, .fit-join .form-sns.tictok .sns-bot .sns-item .item-cont .cont-input {width: 100%;} .fit-join .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input input, .fit-join .form-sns.tictok .sns-bot .sns-item .item-cont .cont-input input {width:100% !important;} .fit-join .form-sns .sns-bot .sns-item .item-cont .cont-input {margin-left: 7px;} } /* 회원가입 - 정보입력 끝 ************************************************************************************/ /* company_회원가입 - 완료(심사) ************************************************************************************/ .fit-join-complet {background: linear-gradient( #1AD0FC 40%, #F6F7F8 40% ); padding:80px 0 100px;} .fit-join-complet .container {background:#fff; text-align:center; padding:60px 286px 80px; min-height: 0;} .fit-join-complet .container img {margin:0 auto;} .fit-join-complet .container .cont-top p {font-size:2rem; font-weight:700; line-height:39px; margin:58px auto 20px; letter-spacing: -0.02em;} .fit-join-complet .container .cont-top pre {font-size:1.286rem; font-weight:400; line-height:25px; overflow: hidden; letter-spacing: -0.02em; color: #414853;} .fit-join-complet .container .cont-top button {background:#282C33; border-radius:4px; width:280px; height:60px; margin-top:60px;} .fit-join-complet .container .cont-top button a {color:#fff; font-size:1.429rem; font-weight:700; width:100%; height:100%;} .fit-join-complet .cont-bot {text-align:center;} .fit-join-complet .cont-bot p {font-size:2rem; font-weight:400; margin:60px auto 32px;} .fit-join-complet .cont-bot button {background:#fff; border-radius:4px; width:280px; height:82px;} .fit-join-complet .cont-bot button:first-child {margin-right:20px;} .fit-join-complet .cont-bot button a {font-size:1.286rem; font-weight:400;} .fit-join-complet .cont-bot button a img {margin-right:15px; width:50px;} @media screen and (max-width: 768px) { .fit-join-complet {background: linear-gradient( #1AD0FC 48%, #F6F7F8 48% ); padding:80px 0 100px;} .fit-join-complet {padding:40px 20px 60px;} .fit-join-complet .container {padding:40px 40px !important;} .fit-join-complet .container img {width:120px;} .fit-join-complet .container .cont-top p {margin:32px auto 16px; font-size:1.429rem; line-height: 30px;} .fit-join-complet .container .cont-top pre {font-size:1rem; line-height: 19px; white-space: normal; word-break: keep-all; color: #282C33;} .fit-join-complet .container .cont-top button {margin-top:48px; width:239px; height:48px;} .fit-join-complet .cont-bot p {font-size:1.429rem;} .fit-join-complet .cont-bot .btn-box {display: revert;} .fit-join-complet .cont-bot .btn-box button {margin-right:0; padding:16px; width:239px; height:72px;} .fit-join-complet .cont-bot .btn-box button:first-child {margin-bottom:16px;} .fit-join-complet .cont-bot .btn-box button a {justify-content: flex-start;} .fit-join-complet .cont-bot button a img {width:40px; margin-right:8px;} } /* 회원가입 - 완료(심사) 끝 ************************************************************************************/ /* commmon_회원가입 - 완료(심사) ************************************************************************************/ .fit-join-result .container {min-height: auto;} .fit-join-result .container .cont-top img {width: 129px;} .fit-join-result .container .cont-top p.tit {display:flex; align-items:center; justify-content:center; margin: 42px auto 12px; font-size: 36px; font-weight: 800; line-height: 50px;} .fit-join-result .container .cont-top p.tit #join_user_name {font-size:36px; font-weight:800; padding:0 6px;} .fit-join-result .container .cont-top p.info {margin: 12px auto 0; font-size: 18px; font-weight: 400; line-height: 25.2px;} .fit-join-result .container .cont-top button {margin-top: 166px;} @media screen and (max-width: 768px) { .fit-join-result {background: #fff; padding: 70px 33px 60px;} .fit-join-result .container {margin: 0; padding: 0 !important; text-align: left;} .fit-join-result .container .cont-top p.tit {font-size: 24px; justify-content: flex-start; margin-bottom: 0;} .fit-join-result .container .cont-top p.tit #join_user_name {font-size: 24px; font-weight:800; margin-left: 5px;} .fit-join-result .container .cont-top p.info {font-size: 20px; margin-top: 14px; line-height: 28px;} .fit-join-result .container .cont-top button {background: #1AD0FC; border-radius: 4px; width: 100%; height: 58px; margin-top: 300px;} .fit-join-complet .container .cont-top button a {font-size:18px !important;} } /* commmon_회원가입 - 완료(심사) 끝 ************************************************************************************/ /* 이용약관 / 개인정보 수집 약관 팝업 ************************************************************************************/ .fit-terms-pop .pop-cont {padding:40px 32px; width:800px; max-height:694px; min-height: 594px;} .fit-terms-pop .pop-cont h2 {font-size:2rem; font-weight:700; margin-bottom: 20px;} .fit-terms-pop .pop-cont .pop-info {overflow: hidden;} .fit-terms-pop .pop-cont .pop-info pre {background:#F6F7F8; overflow-x:hidden; width:100%; height:460px; text-align:left; padding: 0 28px 0 28px; font-size:1rem; line-height:22px;} .fit-terms-pop .pop-cont .pop-info pre span {font-weight:700; font-size:1.143rem; margin-bottom:8px;} .fit-terms-pop .pop-cont .pop-active-btn {display: none; background:#414853; width:260px; height:60px; margin:40px auto 0; color:#fff; font-size:1.429rem; font-weight:500; border-radius:4px;} @media screen and (max-width: 768px) { .fit-terms-pop .pop-cont {width:90%; height:auto; padding:28px 0 0; border-radius: 4px;} .fit-terms-pop .pop-cont h2 {font-size:1.286rem; padding: 0 20px; margin-bottom: 19px;} .fit-terms-pop .pop-cont button {width:auto; height:auto;} .fit-terms-pop .pop-cont i.xi-close {top:28px; right:20px !important; font-size:1.5rem;} .fit-terms-pop .pop-cont .pop-info {width:100%; height:80%; margin:0 auto; padding: 0 20px;} .fit-terms-pop .pop-cont .pop-info pre {font-size:0.857rem; padding:20px 20px 0; line-height: 16px;} .fit-terms-pop .pop-cont .pop-info pre span {font-size:1rem; font-weight:700; line-height:30px;} .fit-terms-pop .pop-cont .pop-active-btn {margin:20px 0 0; width:100%; height: 58px; border-radius:0 0 4px 4px;} } /* 이용약관 / 개인정보 수집 약관 팝업 끝 ************************************************************************************/ /* 인플루언서_메인 ************************************************************************************/ /* 메인배너 */ .slick-banner {width:100%;} .slick-banner .slick-list {position: relative; box-shadow: 2px 5px 48px rgba(2, 1, 55, 0.12); overflow: hidden; border-radius: 12px; -webkit-backface-visibility: hidden; -moz-backface-visibilty:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform: translate3d(0,0,0);} .slick-banner .item-data {height:400px;} .slick-banner .item-data a {display: inline-block; width:100%; height:100%; overflow: hidden;} .slick-banner .item-data a img {width:100% !important; height:100% !important; object-fit: cover;} .slick-banner .slick-prev, .slick-banner .slick-next {display:none !important;} .slick-banner .slick-dots {top:432px;} .slick-banner .slick-dots li {width:auto; height:auto; margin-right:14px; margin-left:0;} .slick-banner .slick-dots li:last-child {margin-right:0;} .slick-banner .slick-dots li button {width:12px; height:12px; background:#000; opacity: .15; border-radius:100px;} .slick-banner .slick-dots li.slick-active button {width:53px; opacity: 1;} .slick-banner .slick-dots li button:before {display:none;} @media screen and (max-width: 768px) { .fit-pr-list-wrap .container {padding:32px 20px 60px !important;} .slick-banner .slick-list {border-radius: 8px;} .slick-banner .item-data {height:280px;} .slick-banner .slick-dots {top:297px;} .slick-banner .slick-dots li button {width:8px; height:8px;} .slick-banner .slick-dots li.slick-active button {width:40px;} } /* 인플루언서_메인 끝 ************************************************************************************/ /* 인플루언서 about ************************************************************************************/ .fit-about .container {padding:0; width:100%;} .fit-about .container .about-section {width:1000px; margin:0 auto;} .fit-about .container h2 {font-size:3.214rem; font-weight:800; margin-bottom:54px; color:#000;} .fit-about .box-shadow {border-radius: 12px; box-shadow:2px 5px 48px rgba(2, 1, 55, 0.12);} /* section01 */ .fit-about .ab-se01, .fit-comm-mypage .ab-se01{width:100%;} .fit-about .ab-se01 .thumb, .fit-comm-mypage .ab-se01 .thumb {position: relative; overflow:hidden; width:100%; height:480px; overflow: hidden;} .fit-about .ab-se01 .thumb .banner-txt, .fit-comm-mypage .ab-se01 .thumb .banner-txt {position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 1;} .fit-about .ab-se01 .thumb .banner-txt p, .fit-comm-mypage .ab-se01 .thumb .banner-txt p {font-size:4.286rem; font-weight:900; color:transparent; text-align:center; line-height:80px;} .fit-about .ab-se01 .thumb .banner-txt p:first-child, .fit-comm-mypage .ab-se01 .thumb .banner-txt p:first-child {-webkit-text-stroke-width: .1rem;} .fit-about .ab-se01 .thumb .banner-txt p:last-child, .fit-comm-mypage .ab-se01 .thumb .banner-txt p:last-child {color:#fff;} .fit-about .ab-se01 .thumb img, .fit-comm-mypage .ab-se01 .thumb img {width:100%; height:100%; object-fit:cover;} /* section02 */ .fit-about .ab-se02 {padding:100px 0;} .fit-about .ab-se02 .cont-top {position: relative; background:#2B323E; padding:40px; height:370px;} .fit-about .ab-se02 .cont-top span {font-size:2.571rem; color:#fff; font-weight:800; line-height:50px;} .fit-about .ab-se02 .cont-top .loop-box {position: absolute; left:0; bottom:0; width:100%; height:170px;} .fit-about .ab-se02 .cont-top .loop-box .fit-guide-popup {position:absolute; top:-70px; left:80%; width:100px; padding:5px 15px 8px; text-align:center; color:#fff; font-size:2.286rem; font-weight:700; background:#FF3340; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.32); border:1px solid #FF3340;} .fit-about .ab-se02 .cont-top .loop-box .fit-guide-popup::before {position:absolute; top:44px; left:30%; border-color:#FF3340 transparent; content:""; border-style:solid; border-width:25px 22px 0; display:block; width:0; background: transparent !important; transform: rotate(0deg) !important;} .fit-about .ab-se02 .cont-top .loop-box .loop-wrap {position: relative; overflow:hidden; width:100%; height:100%;} .fit-about .ab-se02 .cont-top .loop-box .loop-wrap .fit-loop-txt-box {position: absolute; transform:rotate(-4deg); left:-20px; top:-16px;} .fit-about .ab-se02 .cont-bot {margin-top:28px; display:flex; justify-content:space-between;} .fit-about .ab-se02 .cont-bot > .cont-card {position: relative; width:calc((100% / 3) - 18px); padding:32px; height:360px; background:#fff;} .fit-about .ab-se02 .cont-bot > .cont-card p {font-size:2rem; font-weight:800; line-height:39px;} .fit-about .ab-se02 .cont-bot > .cont-card .img-box {position: absolute; bottom:0; left:0; width:100%;} .fit-about .ab-se02 .cont-bot .bot-left .img-box{justify-content:center; padding-bottom:40px;} .fit-about .ab-se02 .cont-bot .bot-left .img-box.pc {display:flex !important;} .fit-about .ab-se02 .cont-bot .bot-left .img-box.mobile {display:none !important;} .fit-about .ab-se02 .cont-bot .bot-left img {margin-right:15px;} .fit-about .ab-se02 .cont-bot .bot-left img:last-child {margin-right:0;} .fit-about .ab-se02 .cont-bot .bot-right .img-box {display:flex; justify-content:flex-end;} /* section03 */ .fit-about .ab-se03 {background:#2B323E; padding:100px 0; width:100%;} .fit-about .ab-se03 h2 {color:#fff; font-family: 'Pretendard';} .fit-about .ab-se03 .cont-box {display:flex; justify-content:space-between;} .fit-about .ab-se03 .cont-top {margin-bottom:100px;} .fit-about .ab-se03 .cont-top .cont-box .cont-card {position: relative; width:calc((100% / 4) - 18px); padding:32px 25px 0; height:360px; background:#fff; overflow: hidden;} .fit-about .ab-se03 .cont-top .cont-box .cont-card p {font-size:1.571rem; font-weight:800; text-align:center; line-height:30px;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:first-child {background:#383F4A;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:first-child p {color:#fff; text-align:left;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:first-child > div span {position: absolute; top:60%; left:20%; font-size:2.143rem; color:#1AD0FC; font-weight:800;} .fit-about .ab-se03 .cont-top .cont-box .cont-card img {position:absolute; bottom:-38px; left:50%; transform:translateX(-50%);} .fit-about .ab-se03 .cont-top .cont-box .cont-card:first-child img {bottom:0; left:53%;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:last-child img {top:-31px;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:last-child p {position: absolute; bottom:30px;} .fit-about .ab-se03 .cont-bot .cont-box {display:flex; height: 360px;} .fit-about .ab-se03 .cont-bot .cont-box .bot-left {width: 510px; padding:40px; background:#fff; border-radius:12px 0 0 12px; font-size:2.571rem; font-weight:800; line-height:50px;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right {width: 490px; position: relative; background:#1AD0FC; border-radius:0 12px 12px 0; text-align:center;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img {position: absolute;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.call {bottom: 0; left: 50%; transform: translateX(-50%);} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img:not(.call) {animation: anime_aboutIcon 1.5s infinite;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.isnta {top: 170px; left: 29px; animation-delay: .1s;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.youtube {top: 69px; left: 85px; animation-delay: .2s;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.tiktok {top: 30px; left: 50%; transform: translateX(-50%); animation-delay: .3s;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.shopping {top: 55px; right: 74px; animation-delay: .4s;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.naver {top: 164px; right: 29px; animation-delay: .5s;} @keyframes anime_aboutIcon { 0% { margin-top: 0; } 20% { margin-top: -10px; } 40% { margin-top: 0 } 60% { margin-top: 0 } 80% { margin-top: 0 } 100% { margin-top: 0 } } /* @keyframes anime_aboutIcon { 0% { margin-top: 0; } 50% { margin-top: -20px } 100% { margin-top: 0; } } */ /* section04 */ .fit-about .ab-se04 {padding:100px 0;} .fit-about .ab-se04 .se04-tit {font-size:2.143rem; font-weight:800; font-size:2.571rem; line-height:50px;} .fit-about .ab-se04 .cont-top {display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:80px;} .fit-about .ab-se04 .cont-top .top-left h2 {margin-bottom:0;} .fit-about .ab-se04 .cont-top .top-left {display:flex; align-items:flex-end;} .fit-about .ab-se04 .cont-top .top-left > div {position: relative;} .fit-about .ab-se04 .cont-top .top-left > div .fit-guide-popup {display:none; top:42px; left:-4px; z-index: 1; width:172px; line-height:20px;} .fit-about .ab-se04 .cont-top .top-left > div .fit-guide-popup.active {display:block;} .fit-about .ab-se04 .cont-top .top-left > div .fit-guide-popup > span.mobile {display: none !important;} .fit-about .ab-se04 .cont-top .top-left > div i {font-size:2rem; color:#AAB1BB; margin-left:14px; margin-bottom:14px; font-weight:100; cursor: pointer;} .fit-about .ab-se04 .cont-top .top-right {position: relative; padding:40px; width:595px; height:470px; background:#2B323E; overflow: hidden;} .fit-about .ab-se04 .cont-top .top-right .se04-tit {color:#fff;} .fit-about .ab-se04 .cont-top .top-right img {position: absolute; bottom:-33px; right:-31px;} .fit-about .ab-se04 .cont-bot {display:flex; justify-content:space-between;} .fit-about .ab-se04 .cont-bot .bot-left {position: relative; background:#fff; width:560px; height:460px; padding:40px; overflow: hidden; margin-right:28px;} .fit-about .ab-se04 .cont-bot .bot-left .se04-info {font-size:1.429rem; margin-top:16px; line-height:30px; color:#414853;} .fit-about .ab-se04 .cont-bot .bot-left img {position: absolute; bottom:-33px; right:-31px;} .fit-about .ab-se04 .cont-bot .bot-right {width:412px;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box {display:flex; flex-direction:column; justify-content:space-between; width:100%; height:300px; background:#F9E132; padding:40px;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box .se04-info {font-size:2.35rem; font-weight:800; line-height:40px;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box .move-kakao-btn {background:#342121; border-radius:12px; width:100%;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box .move-kakao-btn a {color:#fff; font-size:2rem; font-weight:700; padding:13px 0; display:flex; align-items:center; justify-content:center; width:100%; height:100%;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box .move-kakao-btn a img {margin-right:12px;} @keyframes anime_aboutIcon { 0% { margin-top: 0; } 20% { margin-top: -10px; } 40% { margin-top: 0 } 60% { margin-top: 0 } 80% { margin-top: 0 } 100% { margin-top: 0 } } /* 팝업 */ .fit-about .fit-guide-popup::before {left: 23px; top: -8px;} /* section04 */ .fit-about .ab-se05 {padding:100px 0; background:#1AD0FC; text-align:center;} .fit-about .ab-se05 > p {font-size:3.214rem; font-weight:800; margin-bottom:58px;} .fit-about .ab-se05 .move-btn {background:#000; border-radius:8px; width:380px; height:80px;} .fit-about .ab-se05 .move-btn a {color:#fff; font-size:2rem; font-weight:700; display:flex; align-items:center; justify-content:center; width:100%; height:100%;} @media screen and (max-width: 768px) { .fit-about .container {padding:0 !important; overflow: hidden;} .fit-about .container h2 {font-size:1.571rem; margin-bottom:16px; line-height: 28px;} .fit-about .ab-se03, .fit-about .ab-se04, .fit-about .ab-se05 {padding:48px 20px !important;} .fit-about .ab-se01 .thumb {height:220px;} .fit-about .ab-se01 .thumb .banner-txt {width:100%;} .fit-about .ab-se01 .thumb .banner-txt p {font-size:2rem; line-height: 36px;} .fit-about .ab-se01 .thumb .banner-txt p:first-child {-webkit-text-stroke-width:0.05rem;} .fit-about .ab-se02 {padding:40px 0 48px;} .fit-about .ab-se02 h2 {padding:0 20px;} .fit-about .ab-se02 .cont-top {margin:0 20px; padding:20px; height:190px;} .fit-about .ab-se02 .cont-top span {font-size:1.286rem; line-height: 25px;} .fit-about .ab-se02 .cont-top .loop-box .loop-wrap .fit-loop-txt-box {top:80px;} .fit-about .ab-se02 .cont-top .loop-box .fit-guide-popup {font-size:1.286rem; width:61px; padding:5px 10px; top:55px; left:75%;} .fit-about .ab-se02 .cont-top .loop-box .fit-guide-popup::before {top:23px; left:22%; border-width:20px 17px 0;} .fit-about .ab-se02 .cont-bot-wrap {padding: 0 20px; overflow: hidden;} .fit-about .ab-se02 .cont-bot {margin-top:12px; overflow-x: scroll; width: 100%; height:230px; white-space: nowrap; align-items: flex-start; border-radius: 14px;} .fit-about .ab-se02 .cont-bot > .cont-card {width:178px; height:202px; margin-right:12px; padding:20px;} .fit-about .ab-se02 .cont-bot > .cont-card:last-child {margin-right:0;} .fit-about .ab-se02 .cont-bot > .cont-card p {font-size:1.143rem; line-height: 22px;} .fit-about .ab-se02 .cont-bot .box-shadow {box-shadow: 4px 7px 16px 2px rgb(2 1 55 / 12%);} .fit-about .ab-se02 .cont-bot .bot-left .img-box {padding-bottom:20px;} .fit-about .ab-se02 .cont-bot .bot-left .img-box.pc {display: none !important;} .fit-about .ab-se02 .cont-bot .bot-left .img-box.mobile {display: flex !important;} .fit-about .ab-se02 .cont-bot .bot-left img {width:72px; margin-right:8px;} .fit-about .ab-se02 .cont-bot .bot-right .img-box img {margin:0 4px 10px 0;} .fit-about .ab-se02 .cont-bot .bot-right .img-box img {width: 88px;} .fit-about .ab-se02 .cont-bot::-webkit-scrollbar {height:5px;} .fit-about .ab-se02 .cont-bot::-webkit-scrollbar-thumb {background:#282C33; width:30px !important; border-radius:52px; cursor: pointer;} .fit-about .ab-se02 .cont-bot::-webkit-scrollbar-track {background:transparent;} .fit-about .ab-se03 .about-section {width:100%;} .fit-about .ab-se03 .cont-top {margin-bottom: 48px;} .fit-about .ab-se03 .cont-top .cont-box {flex-wrap: wrap;} .fit-about .ab-se03 .cont-top .cont-box .cont-card {width:calc((100% / 2) - 4px); height:250px; padding:20px 20px 0;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:nth-of-type(2n) {margin-left:8px;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:nth-of-type(n+3):nth-of-type(-n+4) {margin-top:8px;} .fit-about .ab-se03 .cont-top .cont-box .cont-card p {font-size:1.143rem; line-height: 22px;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:first-child > div span {font-size:1.714rem; top:138px; left:20px;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:first-child img {left:50%;} .fit-about .ab-se03 .cont-top .cont-box .cont-card:last-child img {top:-27px;} .fit-about .ab-se03 .cont-top .cont-box .cont-card img {bottom:-40px;} .fit-about .ab-se03 .cont-bot .cont-box {display: revert;} .fit-about .ab-se03 .cont-bot .cont-box > div {width:100% !important; margin: 0;} .fit-about .ab-se03 .cont-bot .cont-box .bot-left {font-size:1.286rem; line-height: 25px; padding: 20px; border-radius: 12px 12px 0 0;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right {border-radius: 0 0 12px 12px; height:200px;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.call {bottom: 0; left: 50%; transform: translateX(-50%);} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img:not(.call) {animation: anime_aboutIcon 1.5s infinite; width: 40px;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.isnta {top: 94px; left: 47px; animation-delay: .1s;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.youtube {top: 32px; left: 79px; animation-delay: .2s;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.tiktok {top: 13px; left: 50%; transform: translateX(-50%); animation-delay: .3s;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.shopping {top: 24px; right: 68px; animation-delay: .4s; width: 57px;} .fit-about .ab-se03 .cont-bot .cont-box .bot-right img.naver {top: 90px; right: 42px; animation-delay: .5s; width: 50px;} @keyframes anime_aboutIcon { 0% { margin-top: 0; } 20% { margin-top: -5px; } 40% { margin-top: 0 } 60% { margin-top: 0 } 80% { margin-top: 0 } 100% { margin-top: 0 } } .fit-about .ab-se04 .cont-top {display: revert; margin-bottom:115px;} .fit-about .ab-se04 .cont-top .top-left > div i {margin:0 0 0 6px;} .fit-about .ab-se04 .cont-top .top-right {width: 100%; height:258px; padding:20px; margin-top:16px;} .fit-about .ab-se04 .cont-top .top-right .se04-tit {font-size:1.286rem; line-height: 25px;} .fit-about .ab-se04 .cont-top .top-right img {bottom:-22px; right:-20px;} .fit-about .ab-se04 .cont-bot {display: revert; position: relative;} .fit-about .ab-se04 .cont-bot .bot-left {width: 100%; height:300px; padding:20px;} .fit-about .ab-se04 .se04-tit {font-size:1.286rem; line-height: 25px;} .fit-about .ab-se04 .cont-bot .bot-left .se04-info {font-size:1rem; line-height: 21px; margin-top:12px;} .fit-about .ab-se04 .cont-bot .bot-left img {width:215px; right:-17px; bottom:-20px;} .fit-about .ab-se04 .cont-bot h2 {position: absolute; top:-69px;} .fit-about .ab-se04 .cont-bot .bot-right {width:100%; margin-top:12px;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box {padding:20px; height:162px;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box .se04-info {font-size:1.286rem; line-height: 25px;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box .move-kakao-btn {height:52px; border-radius: 4px;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box .move-kakao-btn a {font-size:1.286rem;} .fit-about .ab-se04 .cont-bot .bot-right .kakao-box .move-kakao-btn a img {width:24px; margin-right:10px;} /* 팝업 */ .fit-about .ab-se04 .cont-top .top-left > div .fit-guide-popup {width:270px; top: 40px; left:16%; transform: translate(-50%); padding:16px 10px; text-align:center;} .fit-about .ab-se04 .cont-top .top-left > div .fit-guide-popup p {display: inline-block;} .fit-about .ab-se04 .cont-top .top-left > div .fit-guide-popup::before {left:53%;} .fit-about .ab-se04 .cont-top .top-left > div .fit-guide-popup > span.mobile {display: inline-block !important; margin-right:3px;} .fit-about .ab-se05 {padding:48px 40px;} .fit-about .ab-se05 > p {font-size:1.571rem; line-height: 28px; margin-bottom:20px;} .fit-about .ab-se05 .move-btn {width:100%; height:58px;} .fit-about .ab-se05 .move-btn a {font-size:1.286rem;} } /* 인플루언서 about 끝 ************************************************************************************/ /* 내 T.LINK 메인 ************************************************************************************/ /* 팝업 */ .fit-t-link .container .fit-layer-upload.dis_block {display: block !important;} .fit-t-link .container {width:100%; padding:0 0 100px;} .fit-t-link h2 {font-size:2.286rem; font-weight:700; margin-bottom:20px;} .fit-t-link .fit-guide-popup {display:none; position: absolute; width:auto; padding:20px;} .fit-t-link .fit-guide-popup.status_element.on {display: block !important;} .fit-t-link .fit-guide-popup.status_element.active {display: block !important;} .fit-t-link .fit-guide-popup.pop-active {display: block;} .fit-t-link .fit-guide-popup.dis_block {display:block;} .fit-t-link .fit-guide-popup.active {display:block;} .fit-t-link .fit-guide-popup label {display:block;font-size:1.143rem; font-weight:600; margin-bottom:10px; cursor: pointer;} .fit-t-link .fit-guide-popup label:last-child {margin-bottom:0;} .fit-t-link .cont-sec01 {width: 1000px; margin: 20px auto 60px;} .fit-t-link .cont-sec01 .bot-item01 {border-bottom: 1px solid #E3E6ED; padding: 60px 0;} .fit-t-link .cont-sec01 .bot-item01, .fit-t-link .cont-sec01 .bot-item01 > span {font-size: 2rem; font-weight: 400; letter-spacing: -0.02em;} .fit-t-link .cont-sec01 .bot-item01 > span {font-weight: 700;} .fit-t-link .w1000 {width:1000px; margin:0 auto 80px;} /********** 내 링크 주소 **********/ .fit-t-link .cont-sec02 {border-top:1px solid #E3E6ED; padding-top:60px;} .fit-t-link .cont-sec02 .cont-box {background: #F6F7F8; border: 1px solid #E3E6ED; border-radius: 4px; padding:32px 40px; min-height:117px;} .fit-t-link .cont-sec02 .cont-box .cont-left {display:flex; align-items:center;} .fit-t-link .cont-sec02 .cont-box .cont-left img {margin-right:9px;} .fit-t-link .cont-sec02 .cont-box .cont-left .item-link {display:inline-flex; align-items: center;} .fit-t-link .cont-sec02 .cont-box .cont-left .item-link, .fit-t-link .cont-sec02 .cont-box .cont-left .item-link span {font-size:1.429rem;} .fit-t-link .cont-sec02 .cont-box .cont-left .item-link input.copy_link_input {background:transparent; width:380px;} .fit-t-link .cont-sec02 .cont-box .cont-left .basic-link-cont.dis_none {display:none;} .fit-t-link .cont-sec02 .cont-box .cont-left .basic-link-cont .copy-btn {cursor: pointer; background:#fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08); border-radius:54px; margin-left:14px; padding:8px 22px 7px; font-size:1rem;} .fit-t-link .cont-sec02 .cont-box .cont-right button {background:#414853; border-radius:4px; color:#fff; font-size:1rem; padding:8px 14px 7px;} .fit-t-link .cont-sec02 .cont-box .cont-right button.confirm-btn {display:none; margin-right:10px;} .fit-t-link .cont-sec02 .cont-box .cont-right button.confirm-btn.dis_block {display:block;} /********** 진행중인 마켓 **********/ /* 리스트가 있을때 */ .fit-t-link .cont-sec03 .get-list .table {display:flex; align-items:center; margin-bottom: 2rem;} .fit-t-link .cont-sec03 .get-list .table .left-item i {font-size:3.286rem; color:#C4C4C4; margin-right:58px; cursor: pointer;} .fit-t-link .cont-sec03 .get-list .table .right-item {position: relative; display:flex; align-items:Center; box-shadow: 0px 4px 24px rgba(2, 1, 55, 0.1); background:#fff; border-radius:12px; padding:24px; width:100%; flex-wrap: wrap;} .fit-t-link .cont-sec03 .get-list .table .right-item .item01 {width:140px; height:140px; overflow: hidden; margin-right:40px; border-radius:5px;background: #EFF1F5;} .fit-t-link .cont-sec03 .get-list .table .right-item .item01 img {width:100%; height:100%; object-fit:cover; border-radius: 5px;} .fit-t-link .cont-sec03 .get-list .table .right-item .item-tit {display:flex; align-items:center; font-size:1.714rem; font-weight:700; margin-bottom:5px;} .fit-t-link .cont-sec03 .get-list .table .right-item .item-tit p:last-child {width: 380px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .fit-t-link .cont-sec03 .get-list .table .right-item .item-tit p, .fit-t-link .cont-sec03 .get-list .table .right-item .item-tit span {font-size:1.714rem; font-weight:700;} .fit-t-link .cont-sec03 .get-list .table .right-item .item04 {color: #6B727C; font-size: 1.45rem; font-weight: 500; letter-spacing: -0.02em;} .fit-t-link .cont-sec03 .get-list .table .right-item .item05 {font-size:1.714rem; font-weight:700; width: 600px;margin-bottom: 6px; letter-spacing: -0.02em;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box {position: absolute; top:31px; right:38px;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box > i {color:#C2C7CF; font-size:1.929rem; cursor: pointer;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box .fit-guide-popup {width:100px; top:35px; left:-39px;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box .fit-guide-popup::before {top:-8px; left:44px;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box .fit-guide-popup .pr-btn {display:block;font-size:1.143rem; font-weight:600; margin-bottom:10px; text-align: center;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box .fit-guide-popup .pr-btn:last-child {margin-bottom: 0;} /* 리스트가 추가 버튼 클릭시 */ .fit-t-link .cont-sec03 .add-list {box-shadow: 0px 4px 24px rgba(2, 1, 55, 0.1); background:#fff; border-radius:12px; padding:40px 60px 48px 0; margin-bottom:44px;} .fit-t-link .cont-sec03 .add-list .table {display:flex; align-items:center;} .fit-t-link .cont-sec03 .add-list .table .left-item i {font-size:1.571rem; color:#6B727C; cursor: pointer; padding:0 31px;} .fit-t-link .cont-sec03 .add-list .table .right-item {border-left:1px solid #E3E6ED; padding-left:28px; width:100%;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top {display:flex; align-items:flex-start;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 {position: relative; width:150px; height:150px; background-color:#EFF1F5; border-radius:2px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:first-child {width:150px; height:150px; overflow: hidden; border-radius:5px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:first-child img {width:100%; height:100%; object-fit:cover;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:last-child {position: absolute; top:109px; right:8px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:last-child > i {font-size:1.2rem; color:#6B727C; background:#fff; padding:9px; border-radius:100px; cursor: pointer; opacity: .6;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:last-child .fit-guide-popup {width:118px; left:-14px; top:50px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:last-child .fit-guide-popup::before {top:-8px; left: 22px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 .image-cont-area {width:150px; height:150px; overflow:hidden; display:inline-flex; align-items:center; justify-content:center;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 .image-cont-area img.bg {width: 100%; height: 100%; object-fit: cover;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item02 {} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item02 input {width:100%;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .prd-item-comm {margin-bottom:30px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .prd-item-comm.item04 {margin-bottom:0;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .prd-item-comm .item-tit {font-size:18px; font-weight:600; margin-bottom:7px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right {margin-left:28px; flex:1;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data {width:100%; margin-bottom:40px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data:last-child {margin-bottom:0;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data .item-tit {font-size:1.286rem; font-weight:700; margin-bottom:7px;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select {z-index: 1; background:#fff; position: relative; width:100%; height:44px; border:1px solid #E3E6ED; border-radius:4px; padding:0 24px; display:flex; align-items:center; cursor:pointer;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .xi-angle-down {position: absolute; top:50%; right:25px; transform:translateY(-50%); font-size:1.071rem; color:#6B727C;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select.active .xi-angle-down {transform:translateY(-50%)rotate(180deg);} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .text-tit {color:#AAB1BB; font-size:1.2rem;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list {display:none; position:absolute; top:100%; left:0; width:100%;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select.active .prd-groupsell-list {display:block; overflow-y: scroll; z-index: 1; background:#fff; border:1px solid #EFF1F5; max-height:283px;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list {border-radius:4px;/* position: absolute; top: 100%; left: 0; */width: 100%; border-bottom:1px solid #EFF1F5; margin-bottom:0;} /* .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select.active .prd-groupsell-list .option-list {overflow-y: scroll; z-index: 1; background:#fff; border:1px solid #EFF1F5; max-height:283px;} */ .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option {display:flex; align-items:Center; padding:20px 24px; border-bottom:1px solid #EFF1F5;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option:last-child {border-bottom:0;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .left-box {width:100px; height:100px; overflow:hidden; border-radius: 5px; margin-right:20px;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .left-box img {width:100%; height:100%; object-fit:cover;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item01 {font-size:1.143rem; color:#6B727C;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item02 {line-height: 25.2px; font-size:1.286rem; font-weight:700; margin:1px 0 16px;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item03 {display:flex; align-items:center; font-size:1.143rem; color:#287EFF; font-weight:700;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item03 span {font-size:1.143rem; color:#287EFF; font-weight:700;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .item-tit {position: relative; display: flex; align-items: center;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .item-tit > i {font-size:1.714rem; color:#AAB1BB; margin-left:8px; cursor: pointer;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .fit-guide-popup {z-index: 1; top:35px; left:54px; padding: 16px 18px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .fit-guide-popup::before {top: -8px; left: 18px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right input, .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right select {width:100%; border: 1px solid #E3E6ED; border-radius: 4px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .date-box {display:flex; align-items:center; font-size:1.2rem; font-weight:600;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .date-box span {flex:1;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 span {position: relative;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 span img {position: absolute; top:50%; right:16px; transform:translateY(-50%);} /* 버튼 */ .fit-t-link .cont-sec03 .add-list .table .right-item .btn-box {margin-top:50px;} .fit-t-link .cont-sec03 .add-list .table .right-item .btn-box button {border:1px solid #414853; border-radius:4px; font-size:1.429rem; font-weight:500; padding:16px 0 15px;} .fit-t-link .cont-sec03 .add-list .table .right-item .btn-box .cancel-btn {width: 280px; color:#414853;} .fit-t-link .cont-sec03 .add-list .table .right-item .btn-box .confirm-btn {width: 534px; margin-left:10px; background:#414853; color:#fff;} /* 리스트가 없을때 */ .fit-t-link .cont-sec03 .no-list {text-align:center; padding:92px 0 80px;} .fit-t-link .cont-sec03 .no-list p {font-size:1.429rem; font-weight:400; color:#6B727C; margin-top:16px;} /* 리스트 추가 버튼 */ .fit-t-link .cont-sec03 .add-btn {text-align:center;} .fit-t-link .cont-sec03 .add-btn div {display: inline-block;} .fit-t-link .cont-sec03 .add-btn img {cursor: pointer;} /********** SNS 채널_공통 **********/ /* .fit-t-link .cont-sec04 .btn-box {display:flex; align-items:center; justify-content:space-between;} */ .fit-t-link .cont-sec04 .btn-box button {margin-bottom:20px; font-size:1rem; font-weight:bold; padding:10px; border-radius:4px;} .fit-t-link .cont-sec04 h2 {position: relative; display:flex; align-items:center;} .fit-t-link .cont-sec04 h2 i {font-size:1.714rem; color:#AAB1BB; margin-left:7px; cursor: pointer;} .fit-t-link .cont-sec04 h2 .fit-guide-popup {position: absolute; left:118px; top:44px; width: 355px; padding: 15px 18px;} .fit-t-link .cont-sec04 h2 .fit-guide-popup::before {top: -8px; left: 18px;} .fit-t-link .cont-sec04 h2 .fit-guide-popup.active {display: block;} .fit-t-link .cont-sec04 .fit-sns-wrap {box-shadow: 0px 4px 24px rgba(2, 1, 55, 0.1); border-radius: 12px; background: #FFFFFF; padding:4px 40px;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns {padding:31px 0; /*border-bottom:1px solid #E3E6ED;*/} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns:last-child {border-bottom:0;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top {padding:0;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .sns-tit {width:157px;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid {display:flex; align-items:Center; font-size:1.429rem; font-weight:400; width:640px;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid .cont-input {position: relative;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid .cont-input input {background: #fff; border:1px solid #E3E6ED; border-radius:4px; padding:10px 24px; width:437px;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns.youtube .sns-top .cont-mid .cont-input {width: 100%;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid .cont-input input[data-detail_key="media_youtube_link"] {width: 100%;} /* .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid .cont-input input[disabled='disabled'] {color:#AAB1BB;} */ .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid .cont-input img {position: absolute; top:50%; transform:translateY(-50%); right:28px; cursor: pointer;} /********** SNS 채널_목록(결과) **********/ .fit-t-link .cont-sec04 .form-sns-result {} /* .fit-t-link .cont-sec04 .form-sns-result.off {display: none;} */ .fit-t-link .cont-sec04 .form-sns-result .form-sns {display: none;} .fit-t-link .cont-sec04 .form-sns-result .form-sns.active {display: block;} .fit-t-link .cont-sec04 .form-sns-result .form-sns.active:last-child {border-bottom: 0;} .fit-t-link .cont-sec04 .form-sns-result .form-sns .sns-top .cont-mid {justify-content: flex-start;} .fit-t-link .cont-sec04 .form-sns-result .form-sns .sns-top .cont-mid .cont-link {font-size: 1.429rem; font-weight: 400;} /********** SNS 채널_수정 **********/ .fit-t-link .cont-sec04 .form-sns-box {display: none;} .fit-t-link .cont-sec04 .form-sns-box.on {display: block;} .fit-t-link .cont-sec04 .form-sns-box .btn-box {margin-bottom: 48px;} .fit-t-link .cont-sec04 .form-sns-box .btn-box button {height:60px; font-size: 20px; font-weight: 400; margin-bottom: 0;} .fit-t-link .cont-sec04 .form-sns-box .btn-box .sns_cancelBtn {width:280px; margin-right:12px;} .fit-t-link .cont-sec04 .form-sns-box .btn-box .sns_uploadBtn {width:534px;} /********** SNS 채널_버튼 **********/ .fit-t-link .move-btn {display:flex; align-items:Center; justify-content: center; width:1000px; height:72px; margin:0 auto; background:#1AD0FC; border-radius:4px;} .fit-t-link .move-btn a {color:#fff; font-size:1.857rem; font-weight:700; width:100%; height:100%;} /********** 팝업 **********/ .fit-t-link .fit-pop-cont .pop-cont .pop-info .pop-active-btn {width: 279px;} @media screen and (max-width: 768px) { .fit-t-link .w1000 {margin:0 auto 60px;} .fit-t-link h2 {font-size:1.429rem; font-weight:800; margin-bottom:16px;} .fit-t-link .container {padding:0 0 60px 0!important;} .fit-t-link .cont-sec02, .fit-t-link .cont-sec03, .fit-t-link .cont-sec04 {padding:0 20px;} .fit-t-link .cont-sec01 {margin-bottom:40px; padding: 0 1.45rem;} .fit-t-link .cont-sec01 .bg-wrap .cover-img {height:200px;} .fit-t-link .cont-sec01 .bg-wrap .sns-icon {top:28px; right:28px;} .fit-t-link .cont-sec01 .bg-wrap .sns-icon.pc {display: none !important;} .fit-t-link .cont-sec01 .bg-wrap .sns-icon.mobile {display: flex !important;} .fit-t-link .cont-sec01 .bg-wrap .sns-icon li {margin-left:14px;} .fit-t-link .cont-sec01 .bg-wrap .sns-icon li img {width:24px; height:24px;} .fit-t-link .cont-sec01 .profile-wrap {width:100%; margin:-85px auto 0;} .fit-t-link .cont-sec01 .bg-wrap .cover-img-upload {bottom:14px; right:20px;} .fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .upload-btn img {display: none;} .fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .upload-btn {font-size:0.857rem; padding:7px 10px;} .fit-t-link .cont-sec01 .profile-wrap .prof-top {width:100px; height:100px;} .fit-t-link .cont-sec01 .profile-wrap .prof-top .prof {width:100px; height:100px;} .fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload {top:71px;} .fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload > i {font-size:1.071rem; padding:6px;} .fit-t-link .cont-sec01 .profile-wrap .prof-bot {padding:0 20px;} .fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item01, .fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item01 span {font-size:1.286rem;} .fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item02 {min-height: 28px;} .fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item02 .item-info {font-size:1rem;} .fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item02 .flex-center {width: auto; max-width: 90%;} .fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item02 img {width:28px; max-width: 28px; right: -25px;} .fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item03 textarea {height:100px;} .fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item03 button {height:50px; font-size:1rem; font-weight:400;} .fit-t-link .cont-sec01 .bot-item01 {padding: 20px 0 32px;} .fit-t-link .cont-sec01 .bot-item01, .fit-t-link .cont-sec01 .bot-item01 > span {font-size: 1.3rem; white-space: nowrap;} .fit-t-link .cont-sec02 {padding-top:40px;} .fit-t-link .cont-sec02 .cont-box {padding:20px 12px; display: revert; min-height:auto;} .fit-t-link .cont-sec02 .cont-box .cont-left img {display: none;} .fit-t-link .cont-sec02 .cont-box .cont-left .item-link {flex-wrap: wrap; width: 80%;} .fit-t-link .cont-sec02 .cont-box .cont-left .item-link, .fit-t-link .cont-sec02 .cont-box .cont-left .item-link span {font-size:1rem;} .fit-t-link .cont-sec02 .cont-box .cont-left .basic-link-cont {width:100%; display:flex; align-items: center; justify-content: space-between;} .fit-t-link .cont-sec02 .cont-box .cont-left .basic-link-cont .copy-btn {font-size:0.929rem; padding:4px 14px; margin:0;} .fit-t-link .cont-sec03 .add-list {padding:20px 16px 20px 0; margin-bottom: 24px;} .fit-t-link .cont-sec03 .get-list .table {margin-bottom:32px;} .fit-t-link .cont-sec03 .get-list .table .left-item i {margin-right:18px; font-size:1.429rem;} .fit-t-link .cont-sec03 .get-list .table .right-item {padding:16px;} .fit-t-link .cont-sec03 .get-list .table .right-item .item01 {width:84px; height:84px; margin-right:16px; align-self: flex-start;} .fit-t-link .cont-sec03 .get-list .table .right-item .item-info-box {width: calc(100% - 84px - 16px); margin: auto 0;} .fit-t-link .cont-sec03 .get-list .table .right-item .item-tit {display: revert;} .fit-t-link .cont-sec03 .get-list .table .right-item .item05, .fit-t-link .cont-sec03 .get-list .table .right-item .item-tit, .fit-t-link .cont-sec03 .get-list .table .right-item .item-tit p, .fit-t-link .cont-sec03 .get-list .table .right-item .item-tit span {font-size:1rem;} .fit-t-link .cont-sec03 .get-list .table .right-item .item04 {font-size: 1rem; font-weight: 400;} .fit-t-link .cont-sec03 .get-list .table .right-item .item05 {max-width:100%; font-size: 1.08rem;} .fit-t-link .cont-sec03 .get-list .table .right-item .item-tit p:last-child {width:auto;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box {top:16px; right:16px;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box > i {font-size:1.429rem;} .fit-t-link .cont-sec03 .add-list .table .left-item i {padding:0 12px;} .fit-t-link .cont-sec03 .add-list .table .right-item {padding-left:20px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top {display: revert; padding:0; border:0;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right {margin:0;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 {position: relative; width: 100px; width: 100px; height: 100px; margin-bottom: 25px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 .image-cont-area {width: 100%; height: 100%; object-fit: cover;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:first-child {margin:0 0 24px 0; width:100px; height:100px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:last-child {top:50%; left:50%; transform: translate(-50%,-50%);} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:last-child i {opacity: 1; padding:11px; background:#fff; border-radius: 100px; font-size:1.286rem; color:#6B727C;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data {margin-bottom:0;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data .item-tit {font-size:1.143rem;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data input, .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data select, .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select {padding:0 10px !important;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .prd-item-comm .item-tit {font-size:16px;} /* 등록시 */ .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select.active .prd-groupsell-list {position: fixed; background: #fff; padding:60px 20px 0; height: 100%; min-height: 100%; max-height: 100%; top:0; left:0; border:0;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select.active .prd-groupsell-list > i {float: right; font-size:1.429rem; position: fixed; right:24px; top:35px;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select.active .option-list {} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .option-list .pr-option {padding:20px 0 !important;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .option-list .pr-option .left-box {width:84px !important; height:84px !important; margin-right:18px !important;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .option-list .pr-option .right-box .op-item01 {font-size:1rem !important;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .option-list .pr-option .right-box .op-item02 {font-size:1.143rem !important; margin:2px auto 12px !important; line-height: 22px;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .option-list .pr-option .right-box .op-item03 {font-size:1rem !important;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item03 .date-start {margin-right: 2px;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item03 .date-end {margin-left: 2px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .date-box {flex-wrap: wrap;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .date-box span:first-child {width: 100%; flex: auto; margin-bottom: 9px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data:last-child .date-box {flex-wrap: wrap;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data.item04 span img {width:20px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data.item04 span:first-child {width:100%; margin-bottom:9px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data.item04 span:last-child input {width:200px;} /* 수정시 */ .fit-t-link .cont-sec03 .get-list .design_status_update .left-item {display: none;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item {padding: 20px 18px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top {padding: 0; border-bottom: 0; display: revert !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 {width: 100px !important; height: 100px !important; border-radius: 5px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 .image-cont-area {width: 100% !important; height: 100% !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child {width: 24px !important; height:24px !important; bottom:6px !important; right: 6px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child > i {font-size:0.8rem !important; padding: 6px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right {margin-left: 0 !important; margin-top: 24px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .prd-item-comm {padding-bottom: 24px; border-bottom: 1px solid #E3E6ED;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .prd-item-comm .item-tit {font-size:16px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .item-tit {display: flex; align-items: center;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .date-box {flex-wrap: wrap;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .date-box span {flex: auto !important; width: 100%;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .date-box span:first-child {margin-bottom: 9px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .date-box span:last-child {width: min-content;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .date-box span input {padding:0 14px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box {margin-top:39px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box button {height: 50px; font-size:1rem !important; font-weight:400 !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box .cancel-btn {width: 100px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box .confirm-btn {width: 195px !important; margin-left: 7px;} /* 버튼 */ .fit-t-link .cont-sec03 .add-list .btn-box {margin-top:40px; display: flex; align-items: center; justify-content: space-between;} .fit-t-link .cont-sec03 .add-list .btn-box button {border:1px solid #414853; border-radius:4px; font-size:1rem; font-weight:400; height:50px;} .fit-t-link .cont-sec03 .add-list .table .right-item .btn-box .cancel-btn {width: 99px; margin: 0; margin-right:4px;} .fit-t-link .cont-sec03 .add-list .table .right-item .btn-box .confirm-btn {width: 193px; margin: 0;} .fit-t-link .cont-sec03 .add-list .btn-box .cancel-btn {width:100px; color:#414853; margin-right:8px;} .fit-t-link .cont-sec03 .add-list .btn-box .confirm-btn {width:195px; background:#414853; color:#fff;} .fit-t-link .cont-sec03 .add-btn img {width:40px; height:40px;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box .fit-guide-popup {padding:10px 18px; width: 85px; top:27px; left: -48px;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box .fit-guide-popup::before {left: 62%;} .fit-t-link .cont-sec03 .get-list .table .right-item .btn-box .fit-guide-popup p {font-size:0.929rem !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .fit-guide-popup {left: -8px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .fit-guide-popup::before {left: 81px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .fit-guide-popup.active {display: block;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child .fit-guide-popup {width: 96px !important; top:37px !important; left: 50% !important; transform: translateX(-50%) !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child .fit-guide-popup::before {top:-8px !important; left: 40px !important;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child .fit-guide-popup label {text-align: center;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:last-child .fit-guide-popup {width:96px; left:50%; transform: translateX(-50%); top:53px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:last-child .fit-guide-popup::before {top: -8px; left: 39px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .item01 > div:last-child .fit-guide-popup label {text-align: center;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .fit-guide-popup {left: -8px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .fit-guide-popup::before {left: 81px;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item04 .fit-guide-popup.pop-active {display:block;} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data.item04 .fit-guide-popup {width: 303px; left: 44%; transform: translateX(-50%);} .fit-t-link .cont-sec03 .add-list .table .right-item .table-top .data-right .item-data.item04 .fit-guide-popup::before {left: 40%;} .fit-t-link .cont-sec04 {margin-bottom:40px;} .fit-t-link .cont-sec04 .btn-box {padding-bottom:13px; margin-bottom: 24px; border-bottom:2px solid #282C33;} .fit-t-link .cont-sec04 .btn-box button {width: auto; height: auto; font-size:0.929rem !important; font-weight: 400; padding:7px 12px; margin: 0;} .fit-t-link .cont-sec04 h2 {margin:0;} .fit-t-link .cont-sec04 h2 .fit-guide-popup {width: 328px; left:0; top:34px;} .fit-t-link .cont-sec04 h2 .fit-guide-popup::before {left:27.5%;} .fit-t-link .cont-sec04 .form-sns-result .form-sns .sns-top .cont-mid .cont-link {font-size: 1.071rem;} .fit-t-link .cont-sec04 .fit-sns-wrap {padding:0;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns {padding:16px; position:relative;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top {padding:0 !important; display: revert;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .flex-between {margin-bottom:20px;} .fit-t-link .move-btn {width:90%; height: 58px;} .fit-t-link .move-btn a {font-size:1.286rem !important;} .fit-t-link .fit-guide-popup p {text-align: center;} /* 팝업 */ .fit-t-link .fit-guide-popup label {font-size:0.929rem;} .fit-t-link .fit-guide-popup {padding:15px 16px;} .fit-t-link .fit-guide-popup p {font-size:0.929rem;} .fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .fit-guide-popup {width: 88px; top:42px; left:0;} .fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .fit-guide-popup {width: 88px; top:42px; left:0;} .fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .fit-guide-popup::before {left: 43%; top: -8px;} .fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .fit-guide-popup label {min-width: 50px; text-align: center;} .fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload .fit-guide-popup {width:auto; top:40px; left:50%; transform: translateX(-50%);} .fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload .fit-guide-popup::before {left: 42px; top: -8px;} .fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload .fit-guide-popup label {min-width: 65px;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid {font-size:1.071rem; font-weight:400; width:100%; margin-bottom:0;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid .cont-input {margin-left:10px;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid .cont-input input {width:100%;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-mid .cont-input img {width:18px; right:8px;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns .sns-top .cont-right {position:absolute; top:15px; right:15px;} .fit-t-link .cont-sec04 .fit-sns-wrap .form-sns.youtube .sns-top .cont-mid .cont-input {margin-left: 0;} .fit-t-link .fit-pop-cont .pop-cont .pop-info img.mobile {width: 52px; height:52px;} /********** SNS 채널_수정 **********/ .fit-t-link .cont-sec04 .form-sns-box .btn-box button {height:50px; font-size: 1rem; margin-top: 22px;} .fit-t-link .cont-sec04 .form-sns-box .btn-box .sns_cancelBtn {width:99px; margin-right:7px;} .fit-t-link .cont-sec04 .form-sns-box .btn-box .sns_uploadBtn {width:193px;} .fit-t-link .cont-sec03 .add-list .right-item .table-top .pr-op-select .text-tit {font-size:1.071rem;} } /* 내 T.LINK 메인 끝 ************************************************************************************/ /* 내 T.LINK 미리보기 (연동되는 외부페이지) ************************************************************************************/ .fit-t-mypage .container {width:100%; padding:0 0 43px; margin:0;} /********** 커버 이미지&프로필 이미지 **********/ .fit-t-mypage .cont-top {width:100%; height:100%; position: relative; margin-bottom:80px;} .fit-t-mypage .cont-top .bg-wrap {position: relative;} /* bg */ .fit-t-mypage .cont-top .bg-wrap .cover-img {width:100%; height:300px; overflow: hidden; background: #EFF1F5;} .fit-t-mypage .cont-top .bg-wrap .cover-img img {width:100%; height:100%; object-fit:cover;} /* bg-icon */ .fit-t-mypage .cont-top .bg-wrap .sns-icon {position: absolute; top:40px; right:220px; align-items:center;} .fit-t-mypage .cont-top .bg-wrap .sns-icon.pc {display: flex !important;} .fit-t-mypage .cont-top .bg-wrap .sns-icon.mobile {display: none !important;} .fit-t-mypage .cont-top .bg-wrap .sns-icon li {margin-left:10px;} .fit-t-mypage .cont-top .bg-wrap .sns-icon li:first-child {margin-left:0;} .fit-t-mypage .cont-top .bg-wrap .sns-icon li img {width:40px; height:40px; cursor: pointer;} /* 프로필 이미지 */ .fit-t-mypage .cont-top .profile-wrap {width:648px; margin:-120px auto 0; text-align:center;} .fit-t-mypage .cont-top .profile-wrap .prof-top {position: relative; width:180px; height:180px; left:50%; transform:translateX(-50%);} .fit-t-mypage .cont-top .profile-wrap .prof-top .prof {width:180px; height:180px; border-radius:100px; overflow: hidden; margin:0 auto 16px;} .fit-t-mypage .cont-top .profile-wrap .prof-top .prof img {width:100%; height:100%; object-fit:cover;} /* 프로필 설명 */ .fit-t-mypage .cont-top .profile-wrap .prof-bot {margin-top:16px;} .fit-t-mypage .cont-top .profile-wrap .prof-bot .bot-item01 {font-size:2rem;} .fit-t-mypage .cont-top .profile-wrap .prof-bot .bot-item01 > span {font-size:2rem; font-weight:700; margin-right:5px;} .fit-t-mypage .cont-top .profile-wrap .prof-bot .bot-item02 .item-info {font-size:1.286rem; margin-top:6px;} /********** 진행중인 마켓 리스트 ***********/ .fit-t-mypage .cont-mid {width:760px; margin:80px auto 120px;} .fit-t-mypage .cont-mid .table-item {display:flex; align-items:Center; margin-bottom:24px; box-shadow: 0px 4px 24px rgba(2, 1, 55, 0.1); background:#fff; border-radius:12px; padding:20px 24px; width:100%;} .fit-t-mypage .cont-mid .table-item .item01 {width:140px; height:140px; overflow: hidden; margin-right:40px; border-radius:5px;} .fit-t-mypage .cont-mid .table-item .item01 img {width:100%; height:100%; object-fit:cover;} .fit-t-mypage .cont-mid .table-item .item-data:last-child {width: 532px;} .fit-t-mypage .cont-mid .table-item .item-tit {display:flex; align-items:center; font-size:1.714rem; font-weight:700; margin-bottom:5px;} .fit-t-mypage .cont-mid .table-item .item-tit p:last-child {width: 280px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .fit-t-mypage .cont-mid .table-item .item-tit p, .fit-t-mypage .cont-mid .table-item .item-tit span {font-size:1.714rem; font-weight:700;} .fit-t-mypage .cont-mid .table-item .item05 {font-size:1.714rem; font-weight:300;} /* 버튼 */ .fit-t-mypage .cont-mid button {display:flex; align-items:Center; justify-content: center; width:100%; height:72px; margin:0 auto; border-radius:4px;} .fit-t-mypage .cont-mid button.orderList-btn {margin-bottom:20px; background: #414853; color:#fff; font-size:1.857rem; font-weight:700;} .fit-t-mypage .cont-mid button.kakao-btn {background: #F9E132;} .fit-t-mypage .cont-mid button.kakao-btn i {font-size:2.857rem; margin-right:15px; color:#3B1E1E;} .fit-t-mypage .cont-mid button.kakao-btn a {color:#282C33;} .fit-t-mypage .cont-mid button a {color:#fff; font-size:1.857rem; font-weight:700; width:100%; height:100%;} /* 하단 문구 */ .fit-t-mypage .cont-bot {text-align:center; font-size:1.857rem; font-weight:800;} @media screen and (max-width: 768px) { .fit-t-mypage .container {padding:0 0 60px 0 !important;} /* 프로필 */ .fit-t-mypage .cont-top {margin-bottom:40px;} .fit-t-mypage .cont-top .bg-wrap .cover-img {height:200px;} .fit-t-mypage .cont-top .bg-wrap .prof-top .prof-img-upload .fit-guide-popup {width:98px; top:44px; left:-36px;} .fit-t-mypage .cont-top .bg-wrap .cover-img {height:200px;} .fit-t-mypage .cont-top .bg-wrap .sns-icon {top:28px; right:28px;} .fit-t-mypage .cont-top .bg-wrap .sns-icon.pc {display: none !important;} .fit-t-mypage .cont-top .bg-wrap .sns-icon.mobile {display: flex !important;} .fit-t-mypage .cont-top .bg-wrap .sns-icon li {margin-left:14px;} .fit-t-mypage .cont-top .bg-wrap .sns-icon li img {width:24px; height:24px;} .fit-t-mypage .cont-top .profile-wrap {width:100%; margin:-85px auto 0;} .fit-t-mypage .cont-top .bg-wrap .cover-img-upload {bottom:14px; right:20px;} .fit-t-mypage .cont-top .bg-wrap .cover-img-upload .upload-btn img {display: none;} .fit-t-mypage .cont-top .bg-wrap .cover-img-upload .upload-btn {font-size:0.857rem; padding:7px 10px;} .fit-t-mypage .cont-top .profile-wrap .prof-top {width:100px; height:100px;} .fit-t-mypage .cont-top .profile-wrap .prof-top .prof {width:100px; height:100px;} .fit-t-mypage .cont-top .profile-wrap .prof-top .prof-img-upload {top:71px;} .fit-t-mypage .cont-top .profile-wrap .prof-top .prof-img-upload > i {font-size:1.071rem; padding:6px;} .fit-t-mypage .cont-top .profile-wrap .prof-bot {padding:0 20px;} .fit-t-mypage .cont-top .profile-wrap .prof-bot .bot-item01, .fit-t-mypage .cont-top .profile-wrap .prof-bot .bot-item01 span {font-size:1.286rem;} .fit-t-mypage .cont-top .profile-wrap .prof-bot .bot-item02 .item-info {font-size:1rem;} .fit-t-mypage .cont-top .profile-wrap .prof-bot .bot-item02 img {width:28px;} .fit-t-mypage .cont-top .profile-wrap .prof-bot .bot-item03 textarea {height:100px;} .fit-t-mypage .cont-top .profile-wrap .prof-bot .bot-item03 button {height:50px; font-size:1rem; font-weight:400;} .fit-t-mypage .cont-mid {padding:0 20px; margin:40px auto 80px;} .fit-t-mypage .cont-mid .table-item {padding:16px; margin-bottom:12px;} .fit-t-mypage .cont-mid .table-item .item01 {width:84px; height:84px; margin-right:16px;} .fit-t-mypage .cont-mid .table-item .item-tit {display: revert;} .fit-t-mypage .cont-mid .table-item .item-tit span, .fit-t-mypage .cont-mid .table-item .item-tit p {font-size:1rem; font-weight:700;} .fit-t-mypage .cont-mid .table-item .item-tit p:last-child {width:auto;} .fit-t-mypage .cont-mid .table-item .item-data:last-child {width: 202px;} .fit-t-mypage .cont-mid .table-item .item05 {font-size:1rem;} .fit-t-mypage .cont-mid button {height:58px;} .fit-t-mypage .cont-mid button a {font-size:1.286rem !important;} .fit-t-mypage .cont-mid button.orderList-btn {margin-bottom:12px;} .fit-t-mypage .cont-mid button.kakao-btn i {margin-right: 8px;} .fit-t-mypage .cont-bot {font-size: 1.286rem;} } /* 내 T.LINK 미리보기 (연동되는 외부페이지) 끝 ************************************************************************************/ /* wallet - 리스트 ************************************************************************************/ .fit-wallet-list .container {padding:80px 0 100px !important;} /* 나의 수익&계좌 */ .fit-wallet-list .money-label {margin-bottom: 30px;} .fit-wallet-list .cont-top {margin-bottom:107px;} .fit-wallet-list .cont-top > div {border-radius:12px; box-shadow: 0px 4px 24px rgba(2, 1, 55, 0.1); height:222px;} .fit-wallet-list .cont-top .money-common-div {background-color: #f0f0f3 !important; width: 484px; height: 212px;} .fit-wallet-list .cont-top .money-common-div span {color: #6B727C; font-size: 13px;} .fit-wallet-list .cont-top .left-box {background:#1AD0FC; color:#fff; margin-right: 20px; margin-bottom: 10px; padding:50px 0; display:revert; text-align:center; height: 101px; border-radius: 12px; width: 484px;} .fit-wallet-list .cont-top .left-box > span {background:rgba(0,0,0,.2); font-size:1.429rem; font-weight:700; padding:8px 20px; border-radius:1000px; color:#fff;} .fit-wallet-list .cont-top .left-box .total-money {font-size:2.714rem; font-weight:700; color:#fff;} .fit-wallet-list .cont-top .first-box {margin-top: -6px; margin-bottom: 20px} .fit-wallet-list .cont-top .left-box .total-money .ac-top {width: 100%} .fit-wallet-list .cont-top .left-box .total-money .ac-top span {font-size: 24px; margin-left: 24px;} .fit-wallet-list .cont-top .left-box .total-money .ac-top .counter {font-size: 24px; margin-right: 24px; margin-left: 0px;} .fit-wallet-list .cont-top .left-box .total-money span {font-size:3.286rem; font-weight:600; color:#fff;} /* 계좌 등록 후 */ .fit-wallet-list .right-box {background:#fff;} .fit-wallet-list .right-box {width: 484px;} .fit-wallet-list .right-box .get-account {padding:28px 40px 40px; height:100%; width: 484px} .fit-wallet-list .right-box .get-account .ac-top {border-bottom:1px solid #E3E6ED; padding-bottom:18px;} .fit-wallet-list .right-box .get-account .ac-top span {font-size:1.429rem; font-weight:700; } .fit-wallet-list .right-box .get-account .ac-top button {background:#414853; border-radius:4px; width:103px; height:36px;} .fit-wallet-list .right-box .get-account .ac-top button a {color:#fff; font-size:1rem;} .fit-wallet-list .right-box .get-account .ac-bot {padding-top:35px;} .fit-wallet-list .right-box .get-account .ac-bot .item-data {display:flex; align-items:Center; justify-content:space-between; margin-bottom:22px;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item-tit {font-size:1.286rem; font-weight:400; color:#6B727C;} .fit-wallet-list .right-box .get-account .ac-bot .item-data div {text-align:right;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item {display:flex; align-items:center; justify-content:flex-end;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item01 {font-size:1.286rem; font-weight:700; color:#287EFF; margin-bottom:2px;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item01 span {font-size:1.286rem; font-weight:700; color:#287EFF;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item-info {font-size:0.929rem; color:#848D9A;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item02, .fit-wallet-list .right-box .get-account .ac-bot .item-data .item03 {font-size:1.286rem; font-weight:700;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item02 span {font-size:1.286rem; font-weight:700;} /* 계좌 등록 전 */ .fit-wallet-list .right-box .no-account {text-align:center; padding:34px 0 36px;} .fit-wallet-list .right-box .no-account p {font-size:1.429rem; font-weight:700; margin:12px auto 24px;} .fit-wallet-list .right-box .no-account button {background:#414853; border-radius:4px; width:320px; height:60px;} .fit-wallet-list .right-box .no-account button a {color:#fff; font-size:1.429rem; width: 100%; height: 100%;} /* 마켓 리스트 */ .fit-wallet-list .cont-bot {} .fit-wallet-list h2 {font-size:2.286rem; font-weight:700;} .fit-wallet-list .fit-gallery-list {margin-top:28px; justify-content: center;} .fit-wallet-list .fit-gallery-list .gal-list-item {overflow: visible;} .fit-wallet-list .fit-gallery-list .gal-list-item {width:calc((100%/3) - 10px); margin-top:20px; padding:32px 24px 40px; /* min-height:315px; */ height:366px;} .fit-wallet-list .fit-gallery-list .gal-list-item:nth-of-type(n + 1):nth-of-type(-n + 3) {margin-top:0;} .fit-wallet-list .fit-gallery-list .gal-list-item:nth-of-type(4n) {margin-right:15px;} .fit-wallet-list .fit-gallery-list .gal-list-item:nth-of-type(3n) {margin-right:0;} .fit-wallet-list .fit-gallery-list .gal-list-item:hover {transform:none; box-shadow:0px 4px 24px rgb(2 1 55 / 10%);} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-list-info {padding:0;} .fit-wallet-list .fit-gallery-list .gal-list-item .galp-box:first-child {align-items: flex-start;} .fit-wallet-list .fit-gallery-list .gal-list-item .galp-box {margin-bottom:10px;} .fit-wallet-list .fit-gallery-list .gal-list-item .galp-box:nth-of-type(3), .fit-wallet-list .fit-gallery-list .gal-list-item .galp-box:nth-of-type(4) {margin-bottom:0;} .fit-wallet-list .fit-gallery-list .gal-list-item .galp-num {display:flex; align-items:Center;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date {padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #E3E6ED;} /* info icon hover */ .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name, .fit-wallet-list .fit-gallery-list .gal-list-item .gal-price .galp-name {position: relative; font-size:1.143rem; color:#6B727C; display:flex; align-items:center;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-box:first-child .galp-name {width: 72px;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name i, .fit-wallet-list .fit-gallery-list .gal-list-item .gal-price .galp-name i {font-size:1.2rem; color:#AAB1BB; margin-left:7px; cursor: pointer;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name i:hover + .fit-guide-popup, .fit-wallet-list .fit-gallery-list .gal-list-item .gal-price .galp-name i:hover + .fit-guide-popup {display:block;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name .fit-guide-popup {display:none; width:254px; top:30px; left: 24px; line-height: 140%; letter-spacing: -0.02em;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-price .galp-name .fit-guide-popup {display:none; width:271px; top:30px; left: 1px; line-height: 140%; letter-spacing: -0.02em;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name .fit-guide-popup::before, .fit-wallet-list .fit-gallery-list .gal-list-item .gal-price .galp-name .fit-guide-popup::before {left:56px;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num, .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num span {position: relative; font-size:1.143rem; flex-wrap: wrap; justify-content: flex-end;} /* .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num span.active.date::after {content: ")"; position: absolute; top: 49%; transform: translateY(-50%); right: -8px;} */ /* .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num span.active.date::before {content: "("; position: absolute; top: 49%; transform: translateY(-50%); left: -8px;} */ .fit-wallet-list .fit-gallery-list .gal-list-item .item01 {/* display:block !important; */ min-height: 65px; max-height: 65px !important; white-space: inherit !important; text-overflow:ellipsis; overflow: hidden; font-size:1.714rem !important; font-weight:700 !important; line-height:33px !important; margin-bottom:24px !important;}.fit-wallet-list .fit-gallery-list .gal-list-item .item02, .fit-wallet-list .fit-gallery-list .gal-list-item .item02 span {font-weight:700;} .fit-wallet-list .fit-gallery-list .gal-list-item .item03, .fit-wallet-list .fit-gallery-list .gal-list-item .item03 span {color:#287EFF; font-weight:700;} .fit-wallet-list .fit-gallery-list .gal-list-item .item04 {display: flex; align-items: center;} .fit-wallet-list .fit-gallery-list .gal-list-item .item04, .fit-wallet-list .fit-gallery-list .gal-list-item .item04 span {font-weight:400; color: #6B727C;} .fit-wallet-list .fit-gallery-list .gal-list-item .item04 > span:first-child {margin:0 5px;} .fit-wallet-list .fit-gallery-list .gal-list-item .item04 > span:last-child {margin-right:5px;} .fit-wallet-list .fit-gallery-list .gal-list-item .item05 {font-size:1.429rem !important; font-weight:400 !important;} .fit-wallet-list .fit-gallery-list .gal-list-item .item05 span {font-size:1.714rem; font-weight:600;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box {margin-bottom:10px !important;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box:last-child {margin-bottom:0 !important;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box:last-child .galp-name {color:#287EFF; font-weight:500;} .fit-wallet-list .fit-gallery-list .gal-list-item {margin-top:20px !important;} .fit-wallet-list .fit-gallery-list .gal-list-item:nth-of-type(n + 1):nth-of-type(-n + 3) {margin-top:0 !important;} /* 페이지네이션 */ .fit-wallet-list .fit-gallery-list .pagenation-cont {width: 100%;} /* 마켓 리스트 X */ .fit-wallet-list .count-status {margin:201px auto 110px; text-align:center; padding: 0;} .fit-wallet-list .count-status p {font-size:1.429rem; color:#6B727C; margin-top:16px;} @media screen and (max-width: 768px) { .fit-wallet-list .container {padding:32px 20px 60px !important;} .fit-wallet-list .money-label {margin-bottom: 19px;} .fit-wallet-list h2 {font-size: 1.714rem; font-weight: 800;} .fit-wallet-list .cont-top > div {width: 100% !important; height: auto} .fit-wallet-list .cont-top {display: revert; margin-bottom: 60px;} .fit-wallet-list .cont-top .money-common-div {margin-bottom: 55px} .fit-wallet-list .cont-top .left-box {margin:0 0 12px 0; height: 65px; display: flex; flex-direction: column; width: auto} .fit-wallet-list .cont-top .left-box > span {font-size: 1.071rem; padding: 6px 16px;} .fit-wallet-list .cont-top .left-box .total-money .ac-top {margin-bottom: 13px;} .fit-wallet-list .cont-top .left-box .total-money {font-size:2rem; font-weight: 600; margin-top:13px;} .fit-wallet-list .cont-top .left-box .total-money span {font-size:2.286rem; font-weight: 700;} .fit-wallet-list .right-box .get-account {padding: 20px 14px; width: auto; height: 198px !important;} .fit-wallet-list .right-box .get-account .ac-top {padding-bottom: 9px;} .fit-wallet-list .right-box .get-account .ac-top span {font-size: 1.143rem;} .fit-wallet-list .right-box .get-account .ac-top button {width: 84px; height: 28px;} .fit-wallet-list .right-box .get-account .ac-top button a {font-size: 0.857rem !important; font-weight: 400;} .fit-wallet-list .right-box .get-account .ac-bot .item-data:first-child {align-items: flex-start;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item-tit {font-size: 1rem; width: 75px;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item02 {display: flex; flex-wrap: wrap;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item, .fit-wallet-list .right-box .get-account .ac-bot .item-data .item span {font-size: 1rem; line-height:19.6px;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item span[data-detail_key2="account_number"] {width: 100%; text-align: right;} .fit-wallet-list .right-box .get-account .ac-bot .item-data .item-info {font-size: 0.857rem; margin-top: 4px;} .fit-wallet-list .right-box .no-account {padding: 24px 20px; height: 178px} .fit-wallet-list .right-box .no-account img {width: 48px;} .fit-wallet-list .right-box .no-account p {font-size: 1.143rem; margin: 12px auto 28px;} .fit-wallet-list .right-box .no-account button {width: 100%; height: 50px;} .fit-wallet-list .right-box .no-account button a {font-size: 1rem; font-weight: 400;} .fit-wallet-list .fit-gallery-list {margin-top: 16px; display: revert;} .fit-wallet-list .fit-gallery-list .gal-list-item {width: 100%; /* height: 280px; min-height: 252px; */ height: auto; min-height: auto; margin:0 0 12px 0; padding: 24px 20px;} .fit-wallet-list .fit-gallery-list .gal-list-item:last-child {margin-bottom:0;} .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt {font-size: 1.429rem; margin: 0 auto 22px;} .fit-wallet-list .fit-gallery-list .gal-list-item .item01 {display: -webkit-box !important; min-height: auto; /* -webkit-line-clamp:3 !important; max-height: 95px !important; */} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name, .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num, .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-num span {font-size: 1rem;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-box:first-child .galp-name {width: 60px;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date {padding-bottom: 20px; margin-bottom: 20px;} .fit-gallery-list .gal-list-item .gal-list-info .gal-price {width: 100%;} .fit-wallet-list .fit-gallery-list .gal-list-item .item04 {width:100% !important; display: flex; align-items: center; justify-content: flex-start;} .fit-wallet-list .fit-gallery-list .gal-list-item .galp-box {justify-content: space-between !important; margin-bottom: 14px;} .fit-wallet-list .fit-gallery-list .gal-list-item .item05 {font-size: 1.143rem !important;} .fit-wallet-list .fit-gallery-list .gal-list-item .item05 span {font-size: 1.429rem;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name i:hover + .fit-guide-popup, .fit-wallet-list .fit-gallery-list .gal-list-item .gal-price .galp-name i:hover + .fit-guide-popup {line-height: 23px;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name .fit-guide-popup {width: 239px !important; height: 77px; left: 0px !important; padding: 15px 18px;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-price .galp-name .fit-guide-popup {width: 254px !important; height: 77px; left: 0px !important; padding: 15px 18px;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-date .galp-name .fit-guide-popup::before {left: 72px;} .fit-wallet-list .fit-gallery-list .gal-list-item .gal-price .galp-name .fit-guide-popup::before {left: 56px;} .fit-wallet-list .count-status {margin: 60px auto 40px;} .fit-wallet-list .count-status img {width: 60px;} .fit-wallet-list .count-status p {margin-top: 16px; font-size: 1.143rem;} .fit-wallet-list .fit-gallery-list .gal-list-item .galp-name {font-weight: 500;} } /* wallet - 리스트 끝 ************************************************************************************/ /* 마이페이지 - 메인(마켓상품정보) ************************************************************************************/ .fit-mypage-list .container {width:100%; overflow: hidden; padding-top: 0;} /* 기본 정보 */ .fit-mypage-list .cont-top {background:#F6F7F8; padding:60px 0;} .fit-mypage-list .cont-top > div {width:900px;} .fit-mypage-list .cont-top .left-myinfo {display:flex; align-items:center; left:0; transform:none; margin:0;} .fit-mypage-list .cont-top .left-myinfo .fit-profile-img {margin:0 60px 0 0; left:0; transform:none; width:150px; height:153px;} .fit-mypage-list .cont-top .left-myinfo .prof {margin:0; width:150px; height:150px; margin:0;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload {right:6px; top:auto; bottom:4px;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload > i {padding:8px;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup {display:none; width:180px; padding:20px; top:53px; right:-39px; left:auto; background:#fff; z-index: 10;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup.active {display:block; width: auto;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup::before {top: -8px; right:49px; left:auto;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-top {padding-bottom:15px; margin-bottom:7px; border-bottom:1px solid #E3E6ED;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-top p {font-size:1.286rem; font-weight:700;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot p {font-size:16px; font-weight:600; line-height: 30px; cursor: pointer;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot label {display:inline-block; font-size:1.143rem; font-weight:600; min-width: 75px; text-align: center;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot label:first-child {margin-bottom: 10px;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-top { margin-bottom:16px; display:flex; align-items:center;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-top span {font-size:2rem; font-weight:700; vertical-align: baseline; max-width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-top a {font-size:2rem; font-weight:400; cursor: pointer; width: 245px;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-top a i {font-size:1.5rem; font-weight:600;margin-left:9px; vertical-align: initial;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot {align-items:center;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot.pc {display:flex !important;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot.mobile {display:none !important;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot li {width:28px; height:28px; margin-right:7px;} .fit-mypage-list .cont-top .right-myinfo {display:flex; align-items:center;} .fit-mypage-list .cont-top .right-myinfo .item {text-align:center; padding:12px 31px; border-right:1px solid #E3E6ED;} .fit-mypage-list .cont-top .right-myinfo .item.item-right {border-right:0;} .fit-mypage-list .cont-top .right-myinfo .item .item-tit {font-size:1.143rem; margin-bottom:10px;} .fit-mypage-list .cont-top .right-myinfo .item .item-num {font-size:2.286rem; font-weight:600;} /* 마켓 리스트 O */ .fit-mypage-list .cont-mid {margin-top:20px;} .fit-mypage-list .cont-mid .cont-table-tab {position: relative; margin-bottom:38px;} .fit-mypage-list .cont-mid .cont-table-tab::before {content:''; position: absolute; border-bottom:1px solid #E3E6ED; bottom:-2px; left:-50%; display:block; width:200%; height:1px; z-index: -1;} .fit-mypage-list .cont-mid .cont-table-tab li {position: relative; padding:0 118px 19px; text-align:center; font-size:1.286rem; font-weight:700; color:#6B727C; cursor: pointer;} .fit-mypage-list .cont-mid .cont-table-tab li.active {color:#414853;} .fit-mypage-list .cont-mid .cont-table-tab li.active::before {content: ''; position: absolute; bottom:-2px; left:0; width: 100%; height: 2px; background: #282c33;} .fit-mypage-list .cont-mid .fit-gallery-list {margin:38px 0 48px;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item {min-height: 300px; height: 320px;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box.galp-item02 .galp-num {font-size:16px;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box.galp-item02 .galp-num:last-child {color: #F23F3F;} .fit-mypage-list .fit-gallery-list .gal-list-item:hover {box-shadow:0px 4px 24px rgb(2 1 55 / 10%); transform:none;} /* 마켓 리스트 X */ .fit-mypage-list .cont-mid .count-status { margin:100px auto; text-align:center;} .fit-mypage-list .cont-mid .count-status p {font-size:1.429rem; font-weight:300; color:#6B727C;} /* 최근 본 마켓 리스트 O */ .fit-mypage-list .cont-bot {margin-top:80px;} .fit-mypage-list .cont-bot h2 {font-size:2.286rem; font-weight:700; border-bottom:1px solid #282C33; padding-bottom:16px;} .fit-mypage-list .cont-bot .fit-gallery-list {margin-top:0; overflow-x:scroll; padding:32px 0 20px;} .fit-mypage-list .cont-bot .fit-gallery-list::-webkit-scrollbar {height:8px;} .fit-mypage-list .cont-bot .fit-gallery-list::-webkit-scrollbar-thumb {background:#282C33; width:80px !important; border-radius:40px; cursor: pointer;} .fit-mypage-list .cont-bot .fit-gallery-list::-webkit-scrollbar-track {background:transparent;} .fit-mypage-list .cont-bot .fit-gallery-list .table {width:auto;} .fit-mypage-list .cont-bot .fit-gallery-list .table-wrap {display:flex; align-items:center;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item {width:420px !important; height: auto; min-height: 164px !important; margin:0 10px;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item a {display:flex; align-items:center; } .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-thumb {width:172px; height:164px;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-info {padding:24px 0; width:198px; margin:0 auto;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-info .d-day-box {position:revert; margin-bottom:12px;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-info .galt {display:-webkit-box; margin:0; font-size:1.429rem; line-height:28px;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-info .galt span {display:inline-flex; font-weight:700; font-size:1.429rem; margin-bottom:3px;} /* 최근 본 마켓 리스트 X */ .fit-mypage-list .cont-bot .count-status {text-align:center; padding:36px 0; border-bottom:1px solid #E3E6ED;} .fit-mypage-list .cont-bot .count-status p {font-size:1.429rem; font-weight:300; color:#6B727C; margin-top:16px;} @media screen and (max-width: 768px) { .fit-mypage-list .container {padding: 0 0 60px 0 !important;} .fit-mypage-list .cont-top {padding:32px 20px 24px; display: revert;} .fit-mypage-list .cont-top > div {display: revert; width: 100%;} .fit-mypage-list .cont-top .left-myinfo .fit-profile-img {margin-right: 28px;} .fit-mypage-list .cont-top .left-myinfo .fit-profile-img, .fit-mypage-list .cont-top .left-myinfo .prof {width: 72px; height: 72px;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload {bottom: 0; right: -4px;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload > i {font-size:1.071rem; padding:6px !important;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-top {margin-bottom: 8px;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-top, .fit-mypage-list .cont-top .left-myinfo .right-box .item-top span {font-size: 1.143rem;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-top span[data-detail_key="nickname"] {font-size: 1.2rem; font-weight: 600;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-top a {font-size:1.2rem; font-weight:normal;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-top a i {font-size: 1.1rem;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot.pc {display: none !important;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot.mobile {display: flex !important;} .fit-mypage-list .cont-top .left-myinfo .right-box .item-bot li {width: 24px; height: 24px;} .fit-mypage-list .cont-top .right-myinfo {margin-top: 29px;} .fit-mypage-list .cont-top .right-myinfo .item {padding:6px 15px; width: calc(100%/3);} .fit-mypage-list .cont-top .right-myinfo .item .item-tit {font-size: 0.929rem; margin-bottom: 4px;} .fit-mypage-list .cont-top .right-myinfo .item .item-num {font-size: 1.286rem;} .fit-mypage-list .cont-mid {margin-top: 16px;} .fit-mypage-list .cont-mid .cont-table-tab {border-bottom:0; margin-bottom: 0;} .fit-mypage-list .cont-mid .cont-table-tab::before {bottom: -1px;} .fit-mypage-list .cont-mid .cont-table-tab li {padding: 0 20px 11px; font-size: 1rem; font-weight: 400;} .fit-mypage-list .cont-mid .cont-table-tab li.active {font-weight: 800; border-bottom: 2px solid #414853; padding-bottom: 9px;} .fit-mypage-list .cont-mid .count-status p {font-size:1.143rem} .fit-mypage-list .cont-mid .fit-gallery-list {margin: 24px 20px 0; display: flex; flex-wrap: wrap;} .fit-mypage-list .fit-gallery-list .gal-list-item {margin:12px 0 0 0; width:calc((100%/2) - 7px); min-height: 242px !important; max-height: 250px;} .fit-mypage-list .fit-gallery-list .gal-list-item:nth-of-type(1), .fit-mypage-list .fit-gallery-list .gal-list-item:nth-of-type(2) {margin-top:0 !important;} .fit-mypage-list .fit-gallery-list .gal-list-item:nth-of-type(2n) {margin-left: 13px;} .fit-gallery-list .gal-list-item:nth-of-type(n + 1):nth-of-type(-n + 4) {margin-top: 0 !important;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-thumb {height:123px !important;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-thumb .d-day-box {top:6px; right: 6px;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto 14px !important;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt, .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt span {font-size: 0.929rem !important; line-height:18px; margin-top: 5px; display: revert !important; white-space: revert;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-tit .galt span {display: block !important; font-weight: 600;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info {padding:10px;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-item01 {margin-bottom: 0;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-item01 span {font-size: 1rem !important;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box .galp-name, .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box.galp-item01 .galp-num {font-size: 0.929rem;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box.galp-item02 {display:flex; align-items:center; justify-content: space-between;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box.galp-item02 span {font-size: 16px !important;} .fit-mypage-list .cont-mid .fit-gallery-list .gal-list-item .gal-list-info .gal-price .galp-box.galp-item02 span:last-child {color: #F23F3F;} .fit-mypage-list .cont-mid .count-status {margin: 80px auto 60px;} .fit-mypage-list .cont-bot {margin-top: 60px; padding:0 20px;} .fit-mypage-list .cont-bot h2 {font-size: 1.429rem; padding-bottom: 20px; margin-bottom: 0; border: 0;} .fit-mypage-list .cont-bot .fit-gallery-list {padding: 0; overflow: revert;} .fit-mypage-list .cont-bot .fit-gallery-list .table-wrap {display: revert;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item {width: 100% !important; margin:12px 0 0 !important; height: 132px; min-height: 132px !important;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item:first-child {margin-top:0 !important;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item a {width: 100%; height: 100%;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-thumb {width:138px; height: 100%; margin-right:0;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-info {padding:23px 10px 23px 16px; /* width: 168px; */ width: 195px; margin: 0;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-info .galt {white-space: break-spaces;} .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-info .galt, .fit-mypage-list .cont-bot .fit-gallery-list .gal-list-item .gal-list-info .galt span {font-size: 1.143rem !important; line-height: 22px;} .fit-mypage-list .cont-bot .count-status {padding:60px 0 40px; border: 0;} .fit-mypage-list .cont-bot .count-status p {font-size:1.143rem;} .fit-mypage-list .count-status img {width: 60px;} .fit-mypage-list .count-status p {font-size: 1.143rem;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup {padding: 13px 15px; right:-36px; top:42px; width: 132px;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup::before {top:-8px; left: 43%;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-top {padding-bottom: 10px;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-top p, .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot p {font-size: 0.929rem; line-height: 25px;} .fit-mypage-list .cont-top .left-myinfo .prof-img-upload .fit-guide-popup .prof-menu-bot label {font-size: 0.929rem; min-width: 65px;} } /* 마이페이지 - 메인(마켓상품정보) 끝 ************************************************************************************/ /* 마이페이지 - 기본정보수정 ************************************************************************************/ [data-status_key='check_status']:not(.active) > div.on{display:none;} /* [data-status_key='check_status']:not(.active) > div.off{display:block;} */ /* [data-status_key='check_status'].active > div:not(.on){display:none;} */ [data-status_key='check_status'].active > div.on{display:block;} [data-status_key='check_status'].active > div.off{display:none;} [data-status_key='check_status'].none-active > div.off{display:block;} /* 공통 */ .fit-myinfo .container {width:760px; padding-top:60px;} .fit-myinfo .form-box {padding-top:80px;} .fit-myinfo .form-box:first-child {padding-top:0;} .fit-myinfo .form-tit {padding-bottom:20px; border-bottom:2px solid #282C33;} .fit-myinfo .form-tit .tit-left {position: relative; display: flex; align-items: center; justify-content: space-between;} .fit-myinfo .form-tit .tit-left .bank-modf-btn {display: none; border: 1px solid #E3E6ED; border-radius: 4px;} .fit-myinfo .form-tit .tit-left .bank-modf-btn.disNone {display: none;} .fit-myinfo .form-tit .tit-left .bank-modf-btn.disBlock {display: block;} .fit-myinfo .form-tit .tit-left .bank-modf-btn a {padding:8px 20px;} .fit-myinfo .form-tit .tit-left .bank-modf-btn.disNone {display: none;} .fit-myinfo .form-tit p {font-size:2.286rem; font-weight:700; display:flex; align-items:center;} .fit-myinfo .form-tit p span {font-size:1.714rem; font-weight:400; margin-left:8px;} .fit-myinfo .form-tit p.sub-tit {font-size:1.143rem; font-weight:400; margin-top:4px;} .fit-myinfo .form-profile .form-item {display: flex; align-items: center; justify-content: space-between; padding:20px 0; border-bottom:1px solid #E3E6ED;} .fit-myinfo .form-profile .form-item:last-child {margin-bottom:0;} .fit-myinfo .form-profile .form-item .item-info {display: flex; align-items: center; justify-content: space-between;} .fit-myinfo .form-profile .form-item .item-title {width: 200px; height: 100%; font-weight: 400; font-size:1.429rem; color:#6B727C; display:flex; align-items:flex-start;} .fit-myinfo .form-profile .form-item .item-content {width: 630px; height: 100%; font-size:0;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout {font-size:1.429rem; font-weight:700; width:100%; display:flex; align-items:center; justify-content:flex-start;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout > div {width:100%;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout .item-info > p:first-child {margin-right: 5px;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout .item-info > p:first-child span:first-child {margin-right: 5px;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout .item-info > p:last-child span {margin-left: 5px;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout .item-info p, .fit-myinfo .form-profile .form-item .item-content .item-btn-layout .item-info span, .fit-myinfo .form-profile .form-item .item-content .item-info {font-size:1.429rem; font-weight:700; display:flex; align-items:center;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout .item-info.item-info-bank {display:flex; align-items:flex-start; justify-content:center; flex-direction:column;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout .item-info .item-info-date {margin-top: 6px;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout .item-info .item-info-date, .fit-myinfo .form-profile .form-item .item-content .item-btn-layout .item-info .item-info-date span {font-size:1.1rem; color:#6B727C; font-weight: 400;} .fit-myinfo .form-box.form-sec02 .form-item .item-content {width:auto;} .fit-myinfo .form-box.form-sec05 .form-item .item-content {width:559px;} .fit-myinfo .form-profile .form-item .item-status span {font-size: 1.429rem; font-weight: 700; color: #6B727C;} .fit-myinfo .form-profile .form-item .item-status span.active {color:#287EFF;} .fit-myinfo .form-profile .withdrawal-box {display:flex; justify-content: right; margin-top: 9px;} .fit-myinfo .form-profile .withdrawal-info {font-size: 1.143rem; color: #6B727C; } .fit-myinfo .form-profile #btn-withdrawal {font-size: 1.143rem; color: #282C33; text-decoration: underline; margin-left: 8px;} /* 수정 버튼 클릭 시 */ .fit-myinfo .form-profile .form-item .item-content .item-modify-content {display:none;} .fit-myinfo .form-profile .form-item .item-content .item-modify-content.active {display:block;} .fit-myinfo .form-profile .form-item .item-content .item-modify-content .overlap-btn {width:160px; padding:10px 0; margin-left:12px; background:#414853; border-radius:4px; color:#fff; } /* 취소/완료 버튼 */ .fit-myinfo .item-modify-content .input-btn-box {display:flex; align-items:center; margin-top:28px;} .fit-myinfo .item-modify-content .input-btn-box button {font-size:1rem; padding:8px 22px; border-radius:4px; background:#EFF1F5; color:#414853; margin-right:6px;} .fit-myinfo .item-modify-content .input-btn-box button:last-child {margin-right:0; color:#fff; background:#414853;} /* input */ .fit-myinfo .form-profile .form-item .input-notice {margin-top:6px; font-size:1rem; font-weight:400;} .fit-myinfo .form-profile .form-item .input-nick-notice {margin-top: .375rem; font-size: 1rem; font-weight: 400; color: #6B727C;} .fit-myinfo .form-profile .form-item .item-content input {opacity: 1; color: #000; width: 430px; height:60px; border:1px solid #E3E6ED; border-radius:3px; padding:16px 24px; font-size:1.2rem; font-size:1.429rem;} .fit-myinfo .form-profile .form-item .item-content input::placeholder {color:#AAB1BB; font-size:1.429rem; font-weight:400;} /* .fit-myinfo .form-profile .form-item .item-content input[name="sample_addr_new"] {width: 387px !important;} */ .fit-myinfo .form-profile .form-item .item-content input.input-type01 {width: 100%;} .fit-myinfo .form-profile .form-item .item-content input.input-type01.addr-zipcode {width:40%;} .fit-myinfo .form-profile .form-item .item-content input.input-type02 {width: calc((100%/3) - 8px); margin-right:12px;} .fit-myinfo .form-profile .form-item .item-content input.input-type02:last-child {margin-right:0;} .fit-myinfo .form-profile .form-item .item-content[data-upload_form="nickname"] input {width: 405px;} /* button */ .fit-myinfo .form-profile .form-item .myinfo-btn {border:1px solid #E3E6ED; border-radius:4px; font-size:1rem; width:68px; height:36px;} .fit-myinfo .form-sec03 .form-item .item-content .item-btn-layout.item-check button {width: 160px; height:60px; color:#fff; background:#414853; border-radius:4px; font-size:1.429rem; font-weight:400; margin-left: 12px;} /********** 로그인 정보 **********/ .fit-myinfo .form-sec01 .item-info {display:flex; align-items:Center; font-size:1.429rem; font-weight:400;} .fit-myinfo .form-sec01 .item-info span {font-size:1.429rem; font-weight:400; margin-left:8px;} /********** 정산 정보 **********/ /* 정산 정보 O */ .fit-myinfo .form-sec02 .info-box {display: none; margin-top:20px;} .fit-myinfo .form-sec02 .info-box.disBlock {display: block;} .fit-myinfo .form-sec02 .info-box.disNone {display: none;} .fit-myinfo .form-sec02 .info-box li {font-size:1.143rem; color:#6B727C; margin-bottom:8px;} .fit-myinfo .form-sec02 .info-box li:last-child {margin-bottom:0;} /* 정산 정보 X */ .fit-myinfo .form-sec02 .no-accound {padding:28px 0 32px; text-align:center; border-bottom:1px solid #E3E6ED;} .fit-myinfo .form-sec02 .no-accound p {font-size:1.429rem; font-weight:700; margin:12px auto 24px;} .fit-myinfo .form-sec02 .no-accound button {color:#fff; font-size:1.429rem; background:#414853; border-radius:4px; width:320px; padding:16px 0;} /********** 기본정보 **********/ .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .modf-item {display:flex; align-items:center; justify-content:space-between; margin-top:24px;} .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .modf-item:first-child {margin-top:0;} .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .modf-item span {font-size:1.286rem; font-weight:700;} .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .modf-item input {width:430px;} /********** SNS 채널 **********/ .fit-myinfo .form-sns-box {box-shadow:0px 4px 12px rgba(2, 1, 55, 0.12);} .fit-myinfo .form-sns .sns-top {padding:17px 40px 17px 27px;} .fit-myinfo .form-sns .sns-top .sns-tit {font-size:1.286rem; font-weight:700; display:flex; align-items:center;} .fit-myinfo .form-sns .sns-top .sns-tit img {margin-right:20px;} /* .slideOne */ .fit-myinfo .slide-checkbox .slideOne {width: 52px; height: 28px; background: #C2C7CF; position: relative; border-radius: 50px; cursor: pointer;} .fit-myinfo .slide-checkbox .slideOne.active {background:#1AD0FC;} .fit-myinfo .slide-checkbox .slideOne input[type=checkbox] {visibility: hidden;} .fit-myinfo .slide-checkbox .slideOne .check-circle {display: block; width: 22px; height: 22px; position: absolute; top: 3px; left: 4px; background: #fff; border-radius: 50px;} .fit-myinfo .slide-checkbox .slideOne input[type=checkbox]:checked + .check-circle {left: 26px;} /* end .slideOne */ .fit-myinfo .form-sns .sns-bot {display: none; padding:17px 40px 17px 27px; background:#F6F7F8; overflow: hidden;} .fit-myinfo .form-sns .sns-bot .sns-item {margin-bottom:24px;} .fit-myinfo .form-sns .sns-bot .sns-item:last-child {margin-bottom:0;} .fit-myinfo .form-sns .sns-bot .sns-item .item-tit {font-size:1.286rem; font-weight:700;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont {width:568px; display:flex; align-items:center; justify-content:flex-end;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont .cont-tit {font-size:1.3rem; font-weight:400; width:33%;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont .cont-input {width:67%; position: relative; margin-left:8px;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont .cont-input input {width:100%; height:44px; padding:16px 24px; border:1px solid #E3E6ED; border-radius:4px;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont .cont-input img {position: absolute; top:50%; right:28px; transform:translateY(-50%); cursor: pointer;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont select {border:1px solid #E3E6ED; border-radius:4px; width:100%; height:44px;} .fit-myinfo .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input {width:100%;} .fit-myinfo .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input input {width:100%;} /********** 배송정보 **********/ .fit-myinfo .form-sec05 .form-tit p i.xi-info-o {font-size:2rem; font-weight:100; margin-left:12px; margin-top:3px; color:#AAB1BB; cursor: pointer;} .fit-myinfo .form-sec05 .fit-guide-popup {display:none; top:46px; left:13.8%; width: auto;} .fit-myinfo .form-sec05 .fit-guide-popup.active {display:block;} .fit-myinfo .form-sec05 .fit-guide-popup::before {top:-8px; left: 23px;} /* 배송 정보 기본 */ .fit-myinfo .form-sec05 .form-item {display:revert;} .fit-myinfo .form-sec05 .form-item .item-btn-layout {display:flex; align-items:center; justify-content:space-between;} .fit-myinfo .form-sec05 .form-item .item-btn-layout > div {width:100%;} .fit-myinfo .form-sec05 .form-item .item-btn-layout .item-content {display:flex; align-items:center; justify-content:space-between;} .fit-myinfo .form-sec05 .form-item .item-btn-layout .item-content > div {width:100%;} /* 배송 정보 수정 시 */ .fit-myinfo .form-sec05 .item-modify-content {display:none;} .fit-myinfo .form-sec05 .item-modify-content > div {display:flex; align-items:center; align-items:flex-start;} .fit-myinfo .form-sec05 .item-modify-content .item-title {margin-top:16px;} .fit-myinfo .form-sec05 .item-modify-content .item-btn-layout {margin-bottom:12px;} .fit-myinfo .form-sec05 .item-modify-content .item-btn-layout:last-child {margin-bottom:0;} .fit-myinfo .form-sec05 .item-modify-content .duplicate-btn {width:160px; height:60px; padding:10px 0; background:#414853; border-radius:4px; margin-left:12px; color:#fff; font-size:1.429rem;} /* 버튼 */ .fit-myinfo .form-btn {width:160px; height:60px; margin-top:80px; text-align: center;} .fit-myinfo .form-btn > button {display: inline-flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:4px; background-color:#414853; color:#fff; font-size:1.429rem; font-weight:400;} /* 계좌정보 등록 */ .fit-myinfo .cont-account .pop-cont {} .fit-myinfo .cont-account .form-tit {border-bottom:0;} .fit-myinfo .cont-account .tit-box {display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #282C33; padding-bottom:15px;} .fit-myinfo .cont-account .item-box {padding:20px 0; border-bottom:1px solid #E3E6ED;} .fit-myinfo .cont-account .item-box .item-data {display:flex; align-items:center; justify-content:space-between; margin-bottom:32px;} .fit-myinfo .cont-account .item-box .item-data:nth-child(4) {margin-bottom:0;} .fit-myinfo .cont-account .item-box .item-data .item-tit {font-size:1.286rem; font-weight:700;} .fit-myinfo .cont-account .item-box .item-data:first-child input.modf-cont-input {font-weight: 700;} .fit-myinfo .cont-account .item-box .item-data input, .fit-myinfo .cont-account .item-box .item-data select {width:630px; border: 1px solid #E3E6ED; border-radius:4px; /* font-weight:700; */} .fit-myinfo .cont-account .item-box .item-data input::placeholder {color:#AAB1BB;} .fit-myinfo .cont-account .item-box .item-data:nth-child(4) {display:revert;} .fit-myinfo .cont-account .item-box .item-data .item-top {display:flex; align-items:flex-start; justify-content:space-between; width: 100%;} .fit-myinfo .cont-account .item-box .item-data .item-top .item-tit {margin-top:16px;} .fit-myinfo .cont-account .item-box .item-data .item-top > div {width:630px;} .fit-myinfo .cont-account .item-box .item-data .item-top select {font-weight:400; margin-bottom:12px;} .fit-myinfo .cont-account .item-box .item-data .item-top select option {color:#6B727C; /* padding:17px 0; border-top:1px solid #EFF1F5; */} .fit-myinfo .cont-account .item-box .item-data .item-bot {margin-top:29px;} .fit-myinfo .cont-account .item-box .item-data .item-bot .image-bg_cont {width: 50%;} .fit-myinfo .cont-account .item-box .item-data .item-bot .image-bg_cont:first-child {margin-right: 10px;} .fit-myinfo .cont-account .item-box .item-data .item-bot .file-btn {width: 100%; height: 60px; background: #414853; border-radius: 4px;} .fit-myinfo .cont-account .item-box .item-data .item-bot .file-btn label {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.429rem !important; font-weight: 400; color: #fff; letter-spacing: -0.02em; line-height: 140%;} .fit-myinfo .cont-account .item-info-reject {margin-top:28px;display:flex; align-items:center;} .fit-myinfo .cont-account .item-info-reject .item-tit {font-size:1.2rem; font-weight:700; color:red; flex:.21;} .fit-myinfo .cont-account .item-info-reject .modf-cont-input {flex:1; font-size:1.1rem;} .fit-myinfo .cont-account .info-txt {font-size:1.143rem; font-weight:400; margin-top:10px; color:#6B727C;} .fit-myinfo .cont-account .info-txt:first-of-type {margin-top: 20px;} .fit-myinfo .cont-account .btn-box {text-align:center; width: 480px; margin: 60px auto 0;} .fit-myinfo .cont-account .btn-box button {border-radius:4px; width:235px; height:60px; text-align:center; font-size:1.429rem; font-weight:700;} .fit-myinfo .cont-account .btn-box button a {font-size:1.429rem; font-weight:700;} .fit-myinfo .cont-account .btn-box .cancel-btn {background: #fff; border:1px solid #414853; color:#414853;} .fit-myinfo .cont-account .btn-box .submit-btn {background: #E3E6ED; color:#6B727C;} .fit-myinfo .cont-account .btn-box .submit-btn.success {background: #414853; border:1px solid #414853; color:#fff;} /* 첨부파일 미리보기 */ .fit-myinfo .attachments {margin-top:45px; display: none;} .fit-myinfo .attachments>p {font-weight: 700; font-size: 1.286rem; margin-bottom: 12px;} .fit-myinfo .attachments>div {position: relative; display: inline-block; margin-right: 15px;} .fit-myinfo .attachments>div img {border-radius: 4px; width: 100px; height: 100px; display:block} .fit-myinfo .attachments .preview-name {font-size: 1.286rem; font-weight: 500; margin: 8px 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 140px;} .fit-myinfo .attachments .preview-size {font-size: 1.143rem; font-weight: 400; color: #6B727C;} .fit-myinfo .attachments button {position: absolute; left: 90px; top: -10px; width: 20px; height: 20px;} .fit-myinfo .attachments button img {width: 20px; height: 20px;} .fit-myinfo .cont-account .form-tit p {font-size:1.15rem;} /* 계좌등록 완료 - 팝업 */ .fit-myinfo .popup-acc-complete {} .fit-myinfo .popup-acc-complete .cont-top {text-align:center;} .fit-myinfo .popup-acc-complete .cont-top img {margin:0 auto;} .fit-myinfo .popup-acc-complete .cont-top .top-tit {font-size:1.714rem; font-weight:700; margin:16px auto 4px;} .fit-myinfo .popup-acc-complete .cont-top .top-info {font-size:1rem; color:#6B727C;} .fit-myinfo .popup-acc-complete .cont-mid {background:#F6F7F8; padding:24px 20px; margin:40px auto 32px;} .fit-myinfo .popup-acc-complete .cont-mid .item {margin-bottom:16px;} .fit-myinfo .popup-acc-complete .cont-mid .item:last-child {margin-bottom:0;} .fit-myinfo .popup-acc-complete .cont-mid .item01 {align-items:flex-start;} .fit-myinfo .popup-acc-complete .cont-mid .item .item-tit {font-size:1.286rem; color:#6B727C;} .fit-myinfo .popup-acc-complete .cont-mid .item .item-info {line-height:25px;} .fit-myinfo .popup-acc-complete .cont-mid .item:last-child .item-info {font-weight: 400;} .fit-myinfo .popup-acc-complete .cont-mid .item .item-info, .fit-myinfo .popup-acc-complete .cont-mid .item .item-info span {font-size:1.286rem; font-weight:700; text-align:right;} .fit-myinfo .popup-acc-complete .cont-bot {text-align:center;} .fit-myinfo .popup-acc-complete .cont-bot button {width:260px; padding:16px 0; background: #414853; border-radius:4px; color:#fff; font-size:1.429rem; text-align:center;} /* 탈퇴 - 팝업 */ .popup-withdrawal {text-align:center;} .popup-withdrawal .pop-cont img {width: 64px; margin: 0 auto;} .popup-withdrawal img.xi-error {} .popup-withdrawal img.check-on{display: none;} .popup-withdrawal .cont-tit {font-size:1.714rem; font-weight:700; margin:16px auto 40px; line-height:33px;} .popup-withdrawal .comlete-tit {display:none;} .popup-withdrawal .btn-box button {width:50%; padding: 0; height: 60px;} .popup-withdrawal .btn-box button a {color:#fff; font-size:1.714rem; font-weight:700; display: flex; align-items: center; justify-content: center; height: 100%;} .popup-withdrawal button {border-radius:4px; font-size:1.429rem; font-weight:500; padding:16px 0;} .popup-withdrawal .btn-box .withdrawal-btn {margin-right:8px; border:1px solid #414853; background:#fff;} .popup-withdrawal .btn-box .cancel-btn {background:#414853; border:1px solid #414853; color:#fff;} .popup-withdrawal .submit-btn {display:none; width:260px; padding:16px 0; background:#414853; border:1px solid #414853; color:#fff; margin:0 auto;} /* 돌아가기 버튼*/ .fit-myinfo .form-btn.back-btn {width: auto;} .fit-myinfo .form-btn.back-btn button{margin: 0 auto; width: 280px; padding: 18px 0; background-color: #414853; cursor: pointer; font-size: 1.429rem; font-weight: 700; color: #fff; border-radius: 4px;} @media screen and (max-width: 768px) { /* 첨부파일 미리보기 */ .fit-myinfo .attachments {margin-top:20px} .fit-myinfo .cont-account .form-tit .attachments p { font-size: 1.143rem;} .fit-myinfo .attachments .preview-size, .fit-myinfo .attachments .preview-name {display: none;} /* */ .fit-myinfo .container {padding: 0 20px 60px !important; width: 100%;} .fit-myinfo .form-tit {padding-bottom: 12px;} .fit-myinfo .form-tit p {font-size: 1.429rem; font-weight: 800; } .fit-myinfo .form-tit .tit-left .bank-modf-btn {width: 48px; height: 28px; padding: 0;} .fit-myinfo .form-tit .tit-left .bank-modf-btn a {font-size: 0.929rem !important; font-weight: 400; padding:0;} .fit-myinfo .form-profile .form-item {padding: 18px 0;} .fit-myinfo .form-box {padding-top: 60px;} .fit-myinfo .form-profile .form-item .item-title {font-size:1.143rem; width:50%;} .fit-myinfo .form-profile .form-item .item-info, .fit-myinfo .form-profile .form-item .item-content {width:100%;} .fit-myinfo .form-profile .form-item .item-content input.input-type01.addr-zipcode {width:100%;} /* .fit-myinfo .form-profile .form-item .item-content {width:75%;} */ .fit-myinfo .form-profile .form-item .myinfo-btn {width: 90px; height: 28px; font-size:0.929rem !important; padding: 0; font-weight: 400; margin-left: 12px;} .fit-myinfo .form-profile .form-item:nth-of-type(2) {align-items: flex-start;} .fit-myinfo .form-profile .form-item:nth-of-type(2) .item-content .item-btn-layout {flex-direction: column; align-items: flex-end;} .fit-myinfo .form-profile .form-item:nth-of-type(2) .item-content .item-btn-layout .item-info {flex-wrap: wrap; margin-bottom: 8px; width: auto;} .fit-myinfo .form-profile .form-item:nth-of-type(2) .item-content .item-btn-layout .item-info > p:first-child {margin:0; flex-wrap: wrap;} .fit-myinfo .form-profile .form-item:nth-of-type(2) .item-content .item-btn-layout .item-info > p, .fit-myinfo .form-profile .form-item:nth-of-type(2) .item-content .item-btn-layout .item-info > p span {font-size:1.071rem;} .fit-myinfo .form-profile .form-item .item-content .item-btn-layout p, .fit-myinfo .form-profile .form-item .item-content .item-btn-layout span, .fit-myinfo .form-profile .form-item .item-content .item-info {font-size:1.143rem;} .fit-myinfo .form-profile .form-item .input-notice, .fit-myinfo .form-profile .form-item .input-nick-notice {font-size: .8125rem;} .fit-myinfo .form-sec01 .form-item, .fit-myinfo .form-sec01 .form-item p {width: 100% !important;} .fit-myinfo .form-sec01 .item-info, .fit-myinfo .form-sec01 .item-info span {font-size: 1.143rem;} .fit-myinfo .form-sec02 .info-box li {font-size:0.929rem;} .fit-myinfo .form-sec02 .no-accound p {font-size:1.286rem; line-height: 21px; margin: 12px auto 32px; padding:14px auto 17px;} .fit-myinfo .form-sec02 .no-accound button {height:48px; font-weight: 400; width:100%;} .fit-myinfo .form-sec02 .form-item:first-child {flex-direction: column; align-items: flex-end;} .fit-myinfo .form-sec02 .form-item .item-status span {font-size: 1.143rem;} .fit-myinfo .form-sec02 .form-item .item-content .item-btn-layout .item-info.item-info-bank p span {font-size: 1.143rem;} .fit-myinfo .form-sec02 .form-item .item-content .item-btn-layout .item-info.item-info-bank p.item-info-date span {font-size: 0.929rem;} .fit-myinfo .form-sec02 .form-item:first-child .item-info {margin-bottom:8px; align-items: flex-start;} .fit-myinfo .form-sec02 .form-item:first-child .item-title {width:30%;} .fit-myinfo .form-sec02 .form-item:first-child .item-content {width:67%;} .fit-myinfo .form-sec02 .form-item:last-child > .item-info {width:46%; margin:0;} .fit-myinfo .form-sec03 .item-title.active {font-weight:700; color:#282C33;} .fit-myinfo .form-sec03 .form-item.active {display: revert;} .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content {margin-top: 8px; width: 100%;} .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .overlap-btn {position: absolute; top:50%; transform: translateY(-50%); right: 12px; font-size:0.929rem !important; font-weight: 400; width:73px; height:32px; padding:7px 0; border-radius: 64px;} .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .modf-item {display: revert;} .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .modf-item input {width: 100%; margin-top:8px; font-size:1.071rem;} .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .modf-item input::placeholder {font-size:1.071rem;} .fit-myinfo .form-sec03 .form-item .item-content[data-upload_form="email"] .item-modify-content input {width: 100%;} .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .modf-item span {font-size:1.143rem;} .fit-myinfo .form-sec03 .form-item .item-content .item-btn-layout {position: relative; display: revert;} .fit-myinfo .form-sec03 .form-item .item-content .item-btn-layout.item-check {display:flex;} .fit-myinfo .form-sec03 .form-item .item-content .item-btn-layout.item-check .modf-cont-input {flex:.7; margin-right:8px; border-radius:5px; width: 80%;} .fit-myinfo .form-sec03 .form-item .item-content .item-btn-layout.item-check button {flex:.3; height:50px; color:#fff; background:#414853; margin-left: 0; border-radius:4px; font-weight:300;} .fit-myinfo .item-modify-content .input-btn-box {margin-top: 24px; justify-content: space-between;} .fit-myinfo .item-modify-content .input-btn-box button {height:50px; font-size: 1rem !important; font-weight: 400 !important;} .fit-myinfo .item-modify-content .input-btn-box button:first-child {flex:.4;} .fit-myinfo .item-modify-content .input-btn-box button:last-child {flex:.6;} .fit-myinfo .form-tit p.sub-tit {font-size:0.929rem;} .fit-myinfo .form-sns-box {margin-top: 24px;} .fit-myinfo .form-sns .sns-bot {padding:54px 16px 24px 16px;} .fit-myinfo .form-sns .sns-bot .sns-item {display: revert;} .fit-myinfo .form-sns .sns-bot.active {padding: 24px 16px;} .fit-myinfo .form-sns .sns-top .sns-tit {font-size:1.143rem; width: auto !important; margin: 0;} .fit-myinfo .form-sns .sns-top .sns-tit img {margin-right: 16px;} .fit-myinfo .form-sns .sns-bot .sns-item .item-tit {font-size:1.143rem; margin-bottom: 8px;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont {font-size:1.071rem; width: 100%; justify-content: space-between;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont .cont-input input {width: 100%;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont .cont-input img {width: 18px; right: 8px;} .fit-myinfo .form-sns .sns-bot {padding: 24px 16px;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont .cont-tit {width: 59%; min-width: 175px;} .fit-myinfo .form-sns .sns-bot .sns-item .item-cont .cont-input {margin-left:8px; width: 100%;} .fit-myinfo .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input input, .fit-myinfo .form-sns.tictok .sns-bot .sns-item .item-cont .cont-input input {width:100% !important;} .fit-myinfo .form-sec05 .fit-guide-popup {top:41px; left: 0; padding: 15px 18px;} .fit-myinfo .form-sec05 .fit-guide-popup::before {left:86px;} .fit-myinfo .form-sec05 .form-item .item-title {width: 50%;} .fit-myinfo .form-sec05 .form-item .item-btn-layout .item-content > div {/* justify-content: flex-end; */ align-items: flex-start; flex-direction: column;} .fit-myinfo .form-sec05 .form-item .item-btn-layout .item-content > div .item-info {/* width: 130px; margin-right: 30px; */ width:100%;} .fit-myinfo .form-sec05 .item-modify-content > div {display: revert;} .fit-myinfo .form-sec05 .item-modify-content .item-title {font-weight: 700; color: #282C33;} .fit-myinfo .form-sec05 .item-modify-content .item-content {width: 100%; margin-top: 8px;} .fit-myinfo .form-sec05 .item-modify-content .item-content .item-btn-layout {flex-direction: revert !important; align-items: center; justify-content: space-between;} .fit-myinfo .form-sec05 .item-modify-content .duplicate-btn {width: 88px; height: 50px; font-size: 1rem !important; font-weight: 400; margin-left: 8px;} .fit-myinfo .form-sec05 .item-modify-content input[name=address01] {width:100% !important;} .fit-myinfo .form-btn {margin-top: 40px; width: 132px; height: 50px; font-size: 1rem !important; font-weight: 400 !important;} /* input */ .fit-myinfo .form-profile .form-item .item-content input {font-size:1.071rem;} .fit-myinfo .form-profile .form-item .item-content input::placeholder {font-size:1.071rem;} /* .fit-myinfo .form-profile .form-item .item-content input[name="sample_addr_new"] {width:239px;} */ /* 탈퇴 버튼 */ .fit-myinfo .form-btn {text-align: left;} .fit-myinfo .form-btn > button {width: 132px; background: #EFF1F5; font-size:1rem !important; color:#414853; font-weight:400 !important;} .fit-myinfo .form-btn.back-btn {text-align: center} .fit-myinfo .form-profile #btn-withdrawal {font-size:1rem} /* 계좌등록 - 팝업 */ .fit-myinfo .cont-account .pop-cont {width: 100%; height:85%; padding:27px 0 0;} .fit-myinfo .cont-account .tit-box {border: 0; padding: 0 0 12px 0 ; border-bottom:2px solid #282C33;} .fit-myinfo .cont-account .form-tit p {font-size:.95rem;} .fit-myinfo .cont-account .tit-box i {font-size:1.429rem;} .fit-myinfo .cont-account .item-box {padding: 32px 0 0; border: 0;} .fit-myinfo .cont-account .item-box .item-data {display: revert; margin-bottom: 32px;} .fit-myinfo .cont-account .item-box .item-data .item-tit {font-size:1.143rem; margin-bottom:8px; display: block;} .fit-myinfo .cont-account .item-box .item-data input, .fit-myinfo .popup-account .item-box .item-data select {width: 100%;} .fit-myinfo .cont-account .item-box .item-data .item-top {display: revert;} .fit-myinfo .cont-account .item-box .item-data .item-top > div {width: 100%;} .fit-myinfo .cont-account .item-box .item-data .item-top select {width: 100%; margin-bottom: 10px;} .fit-myinfo .cont-account .item-box .item-data .item-bot {margin-top: 24px; display: revert;} .fit-myinfo .cont-account .item-box .item-data .item-bot .file-btn {font-size: 1rem !important; width: 100%;} .fit-myinfo .cont-account .item-box .item-data .item-bot .file-btn:first-child {margin-top:0;} .fit-myinfo .cont-account .item-box .item-data .item-bot .file-btn:last-child {margin-top: 8px;} .fit-myinfo .cont-account .item-box .item-data .item-bot .image-bg_cont {width: 100%;} .fit-myinfo .cont-account .item-box .item-data .item-bot .file-btn label {font-size: 1rem !important;} .fit-myinfo .cont-account .form-tit > p {font-size:0.929rem; margin-top: 12px;} .fit-myinfo .cont-account .btn-box {margin: 46px auto 0; width: 100%;} .fit-myinfo .cont-account .btn-box button {height: 50px; font-size:1.143rem !important; border-radius: 4px; font-size: 1rem !important; font-weight: 400;} .fit-myinfo .cont-account .btn-box .cancel-btn {width: 38%;} .fit-myinfo .cont-account .btn-box .submit-btn {width: 60%;} .fit-myinfo .cont-account .btn-box .cancel-btn a {font-size: 1rem !important; font-weight: 400;} /* .fit-myinfo .cont-account .btn-box .submit-btn {width: 195px;} */ /* 계좌등록 완료 - 팝업 */ .fit-myinfo .popup-acc-complete .cont-top img {width: 52px;} .fit-myinfo .popup-acc-complete .cont-top .top-tit {font-size:1.286rem; margin:16px auto 12px;} .fit-myinfo .popup-acc-complete .cont-top .top-info {font-size: 1rem; line-height: 19px;} .fit-myinfo .popup-acc-complete .cont-mid {padding: 20px 16px; margin: 24px auto;} .fit-myinfo .popup-acc-complete .cont-mid .item .item-tit {font-size:1.143rem;} .fit-myinfo .popup-acc-complete .cont-mid .item .item-info, .fit-myinfo .popup-acc-complete .cont-mid .item .item-info span {font-size:1.143rem;} .fit-myinfo .popup-acc-complete .cont-bot button {height:48px; font-size:1.143rem !important; font-weight: 400;} .fit-myinfo .popup-acc-complete .cont-mid .item .item-info, .fit-myinfo .popup-acc-complete .cont-mid .item .item-info span {line-height: 22px;} /* 탈퇴 - 팝업 */ .popup-withdrawal .pop-cont img {width: 52px !important;} .popup-withdrawal .pop-cont i.xi-error {font-size: 3.714rem !important;} .popup-withdrawal .pop-cont .cont-tit {font-size:1.286rem; line-height:21px; margin: 16px auto 32px;} .popup-withdrawal .btn-box button {height:48px; padding:14px 0 15px;} .fit-myinfo .form-box.form-sec05 .form-item .item-content {width:100%;} /* .fit-myinfo .form-profile .form-item .item-content input[name="sample_addr_new"] {opacity: 1; width:72% !important; color:#000;} .fit-myinfo .form-profile .form-item .item-content input[name="sample_addr_new"]:disabled {border:1px solid #E3E6ED; color: #000; opacity: 1;} .fit-myinfo .form-profile .form-item .item-content input[name="sample_addr_new"]:-moz-disabled {border:1px solid #E3E6ED; outline:#E3E6ED;} .fit-myinfo .form-profile .form-item .item-content input[name="sample_addr_new"]:-webkit-disabled {border:1px solid #E3E6ED; outline:#E3E6ED;} */ .fit-myinfo .form-sec05 .form-item .item-btn-layout .flex-between {align-items:flex-start;} .fit-myinfo .cont-account .item-info-reject {display:block;} .fit-myinfo .cont-account .item-info-reject .item-tit {display:block; margin-bottom:5px;} .fit-myinfo .cont-account .item-info-reject .modf-cont-input {width:100%; border-radius:4px;} } /* 마이페이지 - 기본정보수정 끝 ************************************************************************************/ /* 게시판 상단 메뉴 타이틀 ************************************************************************************/ .fit-board-tit {margin:0; padding-bottom:20px; border-bottom:2px solid #282C33;} .fit-board-tit .bod-btnArea {display:flex; align-items:center;} .fit-board-tit .bod-btnArea .bod-btn {margin:0 22px;} .fit-board-tit .bod-btnArea .bod-btn:first-child {position: relative; margin-left:0;} .fit-board-tit .bod-btnArea .bod-btn:first-child::after {position: absolute; content:''; display:block; width:2px; height:25px; background:#E3E6ED; right:-22px; top:50%; transform:translateY(-50%);} .fit-board-tit .bod-btnArea .bod-btn:last-child {margin-right:0;} .fit-board-tit .bod-btnArea .bod-btn a {font-size:2.571rem; font-weight:700; } .fit-board-tit .bod-btnArea .bod-btn a.active {color:#AAB1BB;} @media screen and (max-width: 768px) { .fit-board-tit {padding-bottom: 18px;} .fit-board-tit .bod-btnArea .bod-btn {margin: 0 14px;} .fit-board-tit .bod-btnArea .bod-btn a {font-size:1.714rem; font-weight: 800;} .fit-board-tit .bod-btnArea .bod-btn:first-child::after {width: 1px; height: 18px; right:-14px} } /* 게시판 상단 메뉴 타이틀 끝 ************************************************************************************/ /* 공지사항 목록 ************************************************************************************/ .fit-board-list {border-top:2px solid #282C33; min-height:400px;} .fit-board-list .table {padding:21px 10px; border-bottom:1px solid #E3E6ED; display:flex; align-items:center; justify-content:space-between;} .fit-board-list .table > div {display:flex; align-items:center;} .fit-board-list .table .left-table .xi-new {margin-left:11px; font-size:1.58rem; color:#F23F3F;} .fit-board-list .table .item01 {font-size:1.286rem; display: flex; align-items: center;} .fit-board-list .table .item02 {font-size:1.143rem; color:#6B727C;} .fit-board-list .table .item03 {font-size:1.4rem; font-weight:600; margin-left:40px;} .notice-list .fit-board-list {border-top: 0;} @media screen and (max-width: 768px) { .fit-board-list .table {padding:16px 0; align-items: flex-start;} .fit-board-list .table .left-table .xi-new {margin-left:8px; font-size:1.429rem;} .fit-board-list .table .item01 {font-size: 1rem;} .fit-board-list .table .item02 {font-size: 1rem; margin-left: 28px;} .notice-list .fit-board-list .table .item03 {display: none;} .fit-board-list .table > div.left-table {flex:1;} .fit-board-list .table > div.left-table a {display:inline-block; width:100%;} } /* 공지사항 목록 끝 ************************************************************************************/ /* 공지사항 상세 끝 ************************************************************************************/ .fit-board-detail .list-table {border-top:2px solid #282C33; border-bottom:1px solid #E3E6ED;} .fit-board-detail .list-table .table.th {border-bottom:1px solid #E3E6ED; padding:32px 0;} .fit-board-detail .list-table .table .table-item.item01 {font-size:2rem; font-weight:700; display:flex; align-items:center; margin-bottom:7px;} .fit-board-detail .list-table .table .table-item.item01 .xi-new {margin-left:12px; font-size:1.8rem; color:#F23F3F;} .fit-board-detail .list-table .table .table-item.item02 {font-size:1.143rem; color:#6B727C;} .fit-board-detail .list-table .table.td {text-align:left;} .fit-board-detail .list-table .table.td .table-item {font-size:1.286rem; text-align:left; line-height:27px; padding:15px 0 40px; overflow: hidden;} .fit-board-detail .list-table .table.td .table-item p img {width:100%!important;} /* 첨부파일 */ .fit-board-detail .upload-item .file-col button {width:auto; height:auto;} /* 목록 버튼 */ .fit-board-detail .list-btn {width: 280px; height:60px; border-radius:4px; margin-top:39px; background: #282C33; width:280px; height:60px; border-radius:4px; margin:40px auto 0;} .fit-board-detail .list-btn a {width: 100%; height: 100%; font-size: 1.429rem; font-weight:700; color:#fff;} @media screen and (max-width: 768px) { .notice-detail .list-table {border-top:0;} .fit-board-detail .list-table .table.th {padding:18px 0;} .fit-board-detail .list-table .table.td .table-item {padding: 20px 0 32px; font-size: 1rem; line-height: 19px;} .fit-board-detail .list-table .table .table-item.item01 .xi-new {margin-left:8px; font-size: 1.429rem;} .fit-board-detail .list-table .table .table-item.item01 {font-size:1.286rem;} .fit-board-detail .list-table .table .table-item.item02 {font-size: 1rem;} .fit-board-detail .list-btn {height: 50px; margin-top: 32px;} .fit-board-detail .list-btn a {font-size: 1rem !important; font-weight: 400;} } /* 공지사항 상세 끝 ************************************************************************************/ /* faq ************************************************************************************/ .fit-board-accordion-list .container {min-height:80vh;} .fit-board-accordion-list .faq-wrap .faq-cate {width:100%;} .fit-board-accordion-list .faq-wrap .faq-cate .list-none {text-align: center; margin:100px auto 48px;} .fit-board-accordion-list .faq-wrap .faq-cate .list-none img {margin: 0 auto 16px;} .fit-board-accordion-list .faq-wrap .faq-cate .list-none p {font-size: 20px; color: #6B727C; font-weight:400;} .fit-board-accordion-list .faq-wrap .faq-cate ol li {border-bottom:1px solid #E3E6ED; color:#858585; font-size:1.286rem !important; font-weight:700; cursor:pointer;} .fit-board-accordion-list .faq-wrap .faq-cate ol li .left-table img {margin-right:20px;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top {display:flex; align-items:center; padding:20px;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table {display:flex; align-items:center;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p {display:flex; align-items:center; font-size:1.286rem; max-width:900px;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p span {font-size:1.286rem; font-weight:400;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p .item02 {font-size:1.286rem; font-weight:700; margin-right:5px;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p span.item03 {max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .right-table i {font-size:1.5rem; } .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .right-table i.active {transform:rotate(180deg);} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .right-table.active {transform:rotate(180deg);} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot {border-bottom:0;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot > div {background: #F6F7F8; height:auto; padding:22px 20px; overflow: hidden; align-items:flex-start; border-bottom:1px solid #E3E6ED;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot > div {display:flex; align-items:flex-start; width:100%;} .fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot:not(.active) {display:none;} .com-bot .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot:not(.active) {display:block;} .com-bot .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot.mine-secret {display: none;} .fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot.active {display:block;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot pre {width:100%; overflow: hidden; font-size:1.286rem; color:#414853; line-height:25px; padding:0; background: #F6F7F8;} .fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot pre {padding: 22px 24px;} @media screen and (max-width: 768px) { .fit-board-accordion-list .faq-wrap .faq-cate .list-none {margin:60px auto;} .fit-board-accordion-list .faq-wrap .faq-cate .list-none img {width: 60px;} .fit-board-accordion-list .faq-wrap .faq-cate .list-none p {font-size:16px;} .fit-board-accordion-list .pagenation-cont {margin-top:40px;} .fit-board-accordion-list .faq-wrap .faq-cate ol li .left-table img {width: 24px; margin-right:10px;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top {padding:14px 8px;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p {max-width: 290px;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p, .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p .item02, .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot pre {font-size: 1rem; line-height: 19px; padding:0;} /* .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot pre {padding: 0 0 0 12px;} */ .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .left-table p span.item03 {max-width: 170px; font-size:1rem;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-top .right-table i {font-size: 1.2rem;} .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot > div {padding:17px 8px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot pre {padding: 0;} } /* faq 끝 ************************************************************************************/ /* 소비자 - 상품상세 ************************************************************************************/ /* 상단 상품설명 */ .fit-comm-pr-detail {} .fit-comm-pr-detail .pr-detail-info .right .right-top {border:0; padding-bottom:0; margin-top: 8px;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item {padding:24px 0;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item2 {padding:20px 0;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit {margin-right:0;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item .pr-info-line {justify-content:space-between;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line.shipping-price-item {align-items: flex-start;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item:nth-child(n+3):nth-child(-n+5) .pr-info-line .item-data {width:380px;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 {padding:30px 0 32px; } .fit-comm-pr-detail .pr-detail-info .right .info-item01 .item-info02 {margin-right:16px; justify-content: flex-start; align-items: center;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .item-info02 .item-data03 {margin-left:16px; margin-bottom:3px;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .item-info02 .item-data03, .fit-comm-pr-detail .pr-detail-info .right .info-item01 .item-info02 .item-data03 span {color:#282C33;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item .item-info04 {margin-bottom: 0;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item .item-info04 .item-data05 span {letter-spacing: -0.01em;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data01 {color:#6B727C; font-weight:700; margin-bottom:6px;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data01 span {color:#6B727C; font-size:1.429rem; font-weight:700; text-decoration:line-through;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data02, .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data02 span {font-size:2.857rem; font-weight:700;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data03 {font-size:2rem; font-weight:700; display:flex; align-items:flex-end;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data03 span {font-size:2.857rem; font-weight:700; margin-bottom:-4px;} .fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data04 span:first-child {margin-left:0;} .fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data05 span {margin-right:5px !important;} .fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data05 span[data-detail_key_getproductgroupsell="sell_date_end"] {margin-left: 1px;} .fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data05 span[data-detail_key_getproductgroupsell="total_remain_day"] {margin:0 !important;} .fit-pr-detail-wrap .pr-detail-info .right .info-item03 {border-bottom: 0;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-info06 {margin-bottom:0;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data06 {position: relative; width: 70%;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data {width:100%;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data select {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; border:1px solid #E3E6ED; color:#AAB1BB; /*color:#282C33;*/ border-radius:4px; cursor: pointer;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data select.active {color:#282C33;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data select.arrow_active + .xi-angle-down {transform: translateY(-50%)rotate(180deg);} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data.arrow_active .xi-angle-down {transform: translateY(-50%)rotate(180deg);} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data .xi-angle-down {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); font-size: 1.071rem; color: #6B727C;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data .xi-angle-up {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); font-size: 1.071rem; color: #6B727C;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont {width:100%; display:flex; flex-direction:column; align-items:flex-end;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont > div {width:380px; border-radius:2px; overflow: hidden;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt {position: relative; width:380px; background:#F6F7F8; border-bottom:1px solid #E3E6ED; padding:24px 20px;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt:first-child {margin-top:24px;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt:last-child {margin-bottom:2px; border-bottom:0;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top {width: 300px; margin-bottom:14px;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top .item-left {font-size:1.143rem; color:#6B727C;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top .item-right i {font-size:1rem; color:#fff; padding:5px; background:#AAB1BB; border-radius:100px; cursor: pointer;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left > div {display:flex; align-items:center;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left > div i {font-size:1.1rem; background:#fff; padding:7.5px 8px; border:1px solid #E3E6ED; cursor: pointer;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left > div i.btn-down {border-radius:2px 0 0 2px;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left > div i.btn-up {border-radius:0 2px 2px 0;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-left .input-amount {background:#fff; width:45px; height:32px; font-weight: 700; text-align:center; padding:5px 0; border-top:1px solid #E3E6ED; border-bottom:1px solid #E3E6ED; border-radius:0;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-right {display:flex; align-items:center; font-size:1.286rem; font-weight:700;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .item-right span {font-size:1.286rem; font-weight:700;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-bot .btn-close {position: absolute; top: 20px; right: 20px; background-color: #AAB1BB; border-radius: 100px; color: #fff; font-size: 11px; padding: 6px; cursor: pointer;} .fit-comm-pr-detail .pr-detail-info .right .info-item04 {border-bottom:0;} .fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .prif-tit {} .fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .item-data {justify-content:flex-end;} .fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .item-data08 {font-size:2rem; font-weight:700; display:flex; align-items:flex-end;} .fit-comm-pr-detail .pr-detail-info .right .info-item04 .pr-info-line .item-data08 span {font-size:2.857rem; font-weight:700; margin-bottom:-4px;} /* .fit-pr-detail-wrap .pr-detail-info .right .info-item04 {border-top:1px solid #E3E6ED;} */ .fit-pr-detail-wrap .pr-detail-info .right .info-item04 {border-top:1px solid #E3E6ED; padding: 20px 0;} .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form {margin-top:0;} .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form button {height:60px; border-radius:4px; font-weight:700;} .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .naverpay-btn {width:218px; border:1px solid #E3E6ED; background:#fff; color:#282C33;} .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .naverpay-btn i {margin-right:12px; font-size:1.714rem; color:#1CBD2A;} /* .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .buy-btn {width: 290px; background: #1AD0FC;} */ .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .buy-btn {background: #1AD0FC;} .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .buy-btn a {width:100%; height:100%; font-size:1.429rem; font-weight:700; color:#fff;} .fit-comm-pr-detail .pr-detail-info .right .right-bot .nonMember-pay {width:100%; height:100%; font-size:1.429rem; font-weight:700; color:#fff; background-color:#E3E6ED; color:#6B727C; height:60px; border-radius:4px;} .fit-comm-pr-detail .pr-detail-info .right button {width:100%; height: 357px; border-radius: 4px; background:#E3E6ED; font-size:1.429rem; font-weight: 700; color: #6B727C;} /* .fit-comm-pr-detail .pr-detail-info .right button {width:100%; height: 310px; border-radius: 4px; background:#E3E6ED; font-size:1.429rem; font-weight: 700; color: #6B727C;} */ .fit-comm-pr-detail .pr-detail-info .right .pr-info-item:nth-child(n+3):nth-child(-n+5) .pr-info-line .item-data-1 {font-weight: 400; font-size: 0.93rem; color: #6B727C} /* 상품문의 */ .fit-comm-pr-detail .s05 {margin-top:60px;} .fit-comm-pr-detail .s05 .com-top .fit-board-tit {padding-bottom:12px; font-size:1.429rem; font-weight:700;} .fit-comm-pr-detail .s05 .com-bot .qna-btn {font-size:1.429rem; font-weight:400; color:#fff; margin:48px auto 0; width:374px; height:60px; background: #414853; border-radius:4px;} .fit-comm-pr-detail .s05 .com-bot .qna-btn a {font-size:1.429rem; font-weight:400; color:#fff;} .fit-comm-pr-detail .s05 .com-bot {margin-top:80px;} .fit-comm-pr-detail .s05 .com-bot .fit-board-tit {padding-bottom:12px;} .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit, .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit span {display:flex; align-items:center; font-size:1.429rem; font-weight:700;} .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit span {font-weight:400;} .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit > span {margin-left:4px;} .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .right-tit {display:flex; align-items:center; font-size:1.286rem; font-weight:400;} .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .right-tit label {margin-left:12px;} /* 제품문의 */ .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-tit {padding:22px 24px; border-bottom:1px solid #E3E6ED;} .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-tit .faq-item {font-size:1.286rem; font-weight:700; } .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item {text-align:center;} .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item01 {width:80px;} .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item02 {width:120px;} .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item03 {width:415px;} .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item04 {width:100px;} .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item05 {width:100px;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table {width:100%;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .device-cont{width:100%;display:none;justify-content: space-between;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .device-cont.pc{display: flex !important;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item {font-size:1.286rem; font-weight:400; color:#414853;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item04 {width: 100px;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 {text-align:left; display:block; align-items:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 img {margin-right:12px; margin-top:-3px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot {justify-content:flex-end; padding-right:0 !important;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot pre {width:425px !important;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap {display:flex; flex-direction:column; align-items:flex-end; padding: 22px 20px 0 22px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap > div {width:706px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont {padding:0 11px 16px 18px; display: flex; align-items:flex-end; justify-content: space-between;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont:not(.faq-q) {padding:0 11px 22px 18px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont.faq-q {border-bottom:0;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont.faq-q .faq-icon {font-size:0.929rem; color:#fff; width:35px; height:20px; background:#848D9A; border-radius:2px; display:flex; align-items:center; justify-content:center;} /* .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont:last-child {padding-left: 40px;} */ .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap {display: flex; align-items: center;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap button {width: 39px; height: 24px; border-radius: 4px; display:flex; align-items: center; justify-content: center; border:1px solid #C2C7CF; border-radius: 2px; font-size: 0.929rem; font-weight: 500; color: #414853;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap button:first-child {margin-right:6px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer {padding:20px 2px 22px 18px; border-top:1px solid #E3E6ED;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-top {font-size:0.929rem; color:#fff; width:35px; height:20px; background:#848D9A; border-radius:2px; margin-bottom:16px;} /* .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot {padding-left:15px;} */ .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-mid {width: 100px; text-align: center; margin-right: 6px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-right {width: 100px; text-align: center;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot > div {font-size:1.286rem; color:#414853;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-complete {color:#287EFF !important;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-secret {color:#848D9A !important;} /********** 팝업 **********/ /* 공통 */ .fit-comm-pr-detail .fit-pop-cont .pop-cont {width:auto; display: none;} .fit-comm-pr-detail .fit-pop-cont .pop-cont .pop-info .pop-active-btn a {width:415px;} .fit-comm-pr-detail .fit-pop-cont .pop-cont i.xi-error {color:#1AD0FC; font-size:4.571rem;} /* 로그인 안내 */ .fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box button {width:204px !important; padding:0; height:60px; margin-top:0; font-size:1.429rem; font-weight:400; border:1px solid #282C33;} .fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box button.login-btn {border:0;} .fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box button a {width:100% !important;} .fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box .close-btn {margin-right:8px; border-radius:4px;} @media screen and (max-width: 768px) { .fit-comm-pr-detail .pr-detail-info {padding-bottom: 0 !important;} .fit-comm-pr-detail .pr-detail-info .left .slick-slider .slick-list .slick-track {height: 100%;} .fit-comm-pr-detail .pr-detail-info .right .right-top {padding-bottom:16px;} /* .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item.info-item04 {border: 0;} */ .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item.info-item04 {border: 0; padding: 9px 0 16px;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item .item-info04 {display: flex; align-items: center;} .fit-pr-detail-wrap .pr-detail-info .right .pr-info-item .pr-info-line .prif-tit {width: 97px;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item:nth-child(n+3):nth-child(-n+5) .pr-info-line .item-data {width: 100%;font-weight: 600; display: flex; align-items: center;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item:nth-child(n+3):nth-child(-n+5) .pr-info-line.shipping-price-item .item-data {align-items: flex-start;} .fit-comm-pr-detail .pr-detail-info .right .pr-info-item:nth-child(n+3):nth-child(-n+5) .pr-info-line .item-data-1 {font-weight: 400; font-size: 0.93rem; color: #6B727C} .fit-comm-pr-detail .pr-detail-info .right .info-item01 {border-top: 1px solid #E3E6ED; padding: 16px 0;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data01, .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data01 span {font-size:1.143rem;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data02, .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data02 span {font-size:1.571rem;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data03 {font-size:1.286rem; align-items: center;} .fit-comm-pr-detail .pr-detail-info .right .info-item01 .pr-info-line .item-data03 span {font-size:1.571rem; margin-bottom: 0;} .fit-pr-detail-wrap .pr-detail-info .right .info-item02 {border-bottom: 0; padding-bottom: 28px;} .fit-pr-detail-wrap .pr-detail-info .right .info-item02 .pr-info-line {margin-bottom: 12px;} .fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data04 span {font-weight: 600;} .fit-comm-pr-detail .pr-detail-info .right .info-item02 .pr-info-line .item-data04 span:first-child {margin: 0;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 {padding: 26px 0;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-info06 {flex-direction: column;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-info06 .prif-tit {margin-bottom: 7px !important;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-info06 .pr-info-line {flex-direction: column; align-items: flex-start; margin-bottom:8px;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .item-data06 {width: 100%;} .fit-comm-pr-detail .page-tab {padding-top: 14px; border-top:8px solid #F6F7F8;} .fit-comm-pr-detail .s05 {padding: 0 20px 60px;} .fit-comm-pr-detail .s05 .com-top .fit-board-tit {font-size:1.143rem;} .fit-comm-pr-detail .s05 .fit-board-accordion-list .faq-wrap .faq-cate ol li {padding: 16px 8px;} .fit-comm-pr-detail .s05 .fit-board-accordion-list .faq-wrap .faq-cate ol li.faq-bot {padding: 0 !important;} .fit-comm-pr-detail .s05 .fit-board-accordion-list.com-top .faq-wrap .faq-cate ol li.faq-bot pre {padding: 20px 14px; border-bottom: 1px solid #E3E6ED;} .fit-comm-pr-detail .s05 .com-bot .qna-btn {margin-top: 24px; width: 100%; height: 50px; font-size: 1rem !important; font-weight: 400;} .fit-comm-pr-detail .s05 .com-bot {margin-top: 58px; padding-bottom: 70px;} .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit, .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .left-tit span {font-size:1.143rem;} .fit-comm-pr-detail .s05 .com-bot .fit-board-tit .right-tit {font-size: 1rem;} .fit-comm-pr-detail .s05 .com-bot .fit-board-tit {padding-bottom: 8px;} .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-tit {display: none;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table {display: revert;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .device-cont.pc{display:none !important;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .device-cont.mobile{display:flex !important; flex-direction:column;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .table-top {padding: 0; border: 0; display: revert; width: 100%;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item02 {display: flex; align-items: center; font-size: 1rem; color:#6B727C; margin-bottom: 7px;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item02 span {font-size: 1rem; color:#6B727C;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .table-top > div {margin-bottom: 16px;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03.faq-secret > span:first-child {color: #848D9A;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 {width: 100%; display:flex; align-items:center; justify-content: space-between; margin:0 0 7px;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 img {width: 18px; margin-right: 2px;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 > span:last-child {font-weight: 700;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 .faq-complete {font-weight: 700;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item04 {display: flex; align-items: center; justify-content: flex-start; margin-top: 10px;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item04 span {font-size: 0.857rem; font-weight: 400; color: #6B727C;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item04 span.faq-item05 {margin-right: 5px;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item {font-weight: 700;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item, .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .faq-item03 {font-size: 1rem;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .table-bot > div {display: flex; align-items: center;} .fit-comm-pr-detail .s05 .faq-wrap .faq-cate ol li .table .table-bot div {font-size:0.857rem; font-weight: 400; color: #6B727C;} .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item01, .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item05, .fit-comm-pr-detail .s05 .com-bot .bot-cont .faq-item04 {width: auto;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot {padding: 20px 16px !important;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot, .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont {display: revert;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap > div, .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot pre {width: 100% !important;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont {padding:12px 0 24px 0 !important;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer {padding:16px 0;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap {justify-content: flex-end; margin-top: 12px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap button {font-size:0.929rem !important; width: 48px; height: 28px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-top {margin-bottom: 12px; margin-left: 0; font-size:0.929rem; font-weight: 400; width: 35px; height: 21px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot > div {display: flex; align-items: center; margin-top: 16px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot div {font-size:0.857rem; color: #6B727C; font-weight: 400;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-mid {margin-right: 3px;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-mid, .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-right {display: inline-block; width:auto;} .fit-comm-pr-detail .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-wrap button {border-color: #E3E6ED;} /* 기간 만료된 마켓 버튼 */ .fit-pr-detail-wrap .pr-detail-info .right .buy-btn {margin-top: 0 !important;} .btn-fixed {position: fixed; bottom: 0; left: 0; width: 100%; height: 82px; z-index: 100;} .btn-fixed .prd-buy {background: #26C8F4 !important;} .btn-fixed .prd-buy div {font-size:1.286rem; font-weight:700; color: #fff;} .btn-fixed .prd-buy.login-btn {background: #EFF1F5 !important; padding: 0; margin: 0; border-radius: 0; border: 0; height: 100% !important;} /* .btn-fixed .prd-buy.login-btn {background: #E3E6ED !important; padding: 0; margin: 0; border-radius: 0; border: 0; height: 100% !important;} */ .btn-fixed .prd-buy.login-btn > div {color: #6B727C;} /* .fit-comm-pr-detail .pr-detail-info .right button {height: 100%;} */ .fit-comm-pr-detail .pr-detail-info .right button {height: 100%; border-radius: 0;} .btn-fixed .img-box {margin-left: 12px; width: 24px; height: 24px; border-radius: 4px; overflow: hidden;} .btn-fixed .img-box img {width: 100%; height: 100%;} .btn-fixed button {background: #26C8F4; width: 100%; height: 100%; font-size:1.286rem !important; font-weight: 700; color: #fff;} .btn-fixed button.buy-btn {background: #282C33;} .btn-fixed .pay-btn {width:100%; height:100%; font-size:1.429rem; font-weight:700; color:#fff; background-color:#E3E6ED; color:#6B727C;} .buy-option-wrap {position: fixed; bottom: 0; left: 0; width: 100%; height:0; overflow: hidden; z-index: 10001; background:rgba(0,0,0,.6);/* transition:all .5s; */} .buy-option-wrap.active {height: 100%;} .buy-option-wrap .op-wrap {background: #fff; border-radius: 25px 25px 0 0; position: absolute; bottom: 0; left: 0; width: 100%;} .buy-option-wrap .op-wrap.active {display: block;} .buy-option-wrap .op-wrap > div {padding: 20px 20px 0; overflow-y: scroll; max-height: 450px;} .buy-option-wrap .op-wrap > div { -ms-overflow-style: none; } .buy-option-wrap .op-wrap > div::-webkit-scrollbar{ display:none; } .buy-option-wrap .op-wrap .xi-angle-down {font-size:1.571rem; display: flex; align-items: center; justify-content: center;} .buy-option-wrap .op-wrap .pr-info-item {padding:20px 0 40px;} .buy-option-wrap .op-wrap .info-item03 .select-opt-cont .select-opt {position: relative; width: 100%;} .buy-option-wrap .op-wrap .info-item03 .select-opt-cont .select-opt:last-child {width: 100%; padding: 16px;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt {width: 100%;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt:first-child {margin-top: 4px;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top {width: 90%;} .fit-comm-pr-detail .pr-detail-info .right .info-item03 .select-opt-cont .select-opt .opt-top .item-right {position: absolute; top: 12px; right: 16px;} .buy-option-wrap .op-wrap .info-item03 .select-opt-cont .select-opt .opt-top .item-left {font-size:1.143rem;} .buy-option-wrap .op-wrap .pr-info-item {border: 0; padding:0 0 16px 0;} .buy-option-wrap .op-wrap .item-info07 .item-data08 {width: auto !important; font-size:1.286rem !important;} .buy-option-wrap .op-wrap .item-info07 .item-data08 span {font-size:1.571rem !important; margin-bottom: 0px !important;} .buy-option-wrap .op-wrap .pr-info-line .prif-tit {font-size:1.143rem !important; font-weight: 700 !important; color:#282C33 !important;} /* .buy-option-wrap .op-wrap .btn-form {width: 100%; padding: 0 !important; height: 70px;} */ .buy-option-wrap .op-wrap .btn-form {width: 100%; padding: 0 !important; height: 83px;} .buy-option-wrap .op-wrap .btn-form > div {height: 100%;} /* .buy-option-wrap .op-wrap .btn-form button {width: 50%; height: 100%; font-size:1.286rem !important; font-weight: 700;} */ .buy-option-wrap .op-wrap .btn-form button {width: 100%; height: 100%; font-size:1.286rem !important; font-weight: 700;} .buy-option-wrap .op-wrap .btn-form button a {display: flex; width: 100%; height: 100%; font-size:1.286rem !important;} .buy-option-wrap .op-wrap .img-box {margin-left: 12px; width: 24px; height: 24px; border-radius: 4px; overflow: hidden;} .buy-option-wrap .op-wrap .img-box img {width: 100%; height: 100%;} .buy-option-wrap .op-wrap .btn-form button .img-box {margin-left: 0; margin-right: 12px;} .buy-option-wrap .op-wrap .btn-form button:first-child {border-top:1px solid #F6F7F8;} /* .buy-option-wrap .op-wrap .btn-form button:first-child {border-top:1px solid #F6F7F8;} */ .buy-option-wrap .op-wrap .btn-form button.buy-btn {background: #26C8F4;} .buy-option-wrap .op-wrap .btn-form button.buy-btn a {color: #fff;} .buy-option-wrap .op-wrap .btn-form button.login-btn {background: #E3E6ED; margin:0; border:0; border-radius: 0; width: 100%;} .buy-option-wrap .op-wrap .btn-form button.login-btn a {color:#6B727C;} .buy-option-wrap .op-wrap .btn-form button.login-buy-btn {background: #26C8F4; width: 100%;} .buy-option-wrap .op-wrap .btn-form button.login-buy-btn a {color:#fff;} .fit-comm-pr-detail .fit-pop-cont .pop-cont {width: 90%;} .fit-comm-pr-detail .fit-pr-detail-wrap .fit-pop-cont .pop-cont .pop-info p {font-size:1.286rem; margin: 16px auto 32px;} .fit-comm-pr-detail .fit-pop-cont .login-notice-pop .btn-box button {height: 48px;} .fit-comm-pr-detail .fit-comm-pr-detail .fit-pop-cont .complete-pop {width: 90% !important;} .fit-comm-pr-detail .fit-comm-pr-detail .fit-pop-cont .complete-pop img {width:52px !important;} } /* 소비자 - 상품상세 끝 ************************************************************************************/ /* 소비자 - 상품문의 ************************************************************************************/ /* 상품문의 */ .pr-inq-cont .inq-pop-tit {margin-bottom:16px;} .pr-inq-cont .inq-pop-tit h2 {font-size:2rem; font-weight:700;} .pr-inq-cont .inq-pop-cont .cont-top {display:flex; align-items:center; border-top:1px solid #E3E6ED; border-bottom:1px solid #E3E6ED; padding:20px 0;} .pr-inq-cont .inq-pop-cont .cont-top .left-box {width:110px; height:118px; overflow: hidden; margin-right:26px;} .pr-inq-cont .inq-pop-cont .cont-top .left-box img {width:100%; height:100%; object-fit:cover;} .pr-inq-cont .inq-pop-cont .cont-top .right-box .item01 {display:flex; align-items:center; font-size:1.286rem; font-weight:400; margin-bottom:10px;} .pr-inq-cont .inq-pop-cont .cont-top .right-box .item01 span {font-size:1.286rem; font-weight:400; margin-right:4px;} .pr-inq-cont .inq-pop-cont .cont-top .right-box .item01 span:first-child {font-weight: 700; display: flex; align-items: center;} .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date {display:flex; align-items:center;} .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date span.prif-tit {margin-left:0;} .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date span.item02 {margin-left:4px; display: flex; align-items:center;} .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date span, .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date {font-size:1.143rem; font-weight:400; color:#6B727C; line-height:22px;} .pr-inq-cont .inq-pop-cont .cont-mid {padding:26px 0 32px;} .pr-inq-cont .inq-pop-cont .cont-mid .item-tit {font-size:1.429rem; font-weight:400; color:#414853; width:110px; margin-right:26px;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont {width:840px;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont input, .pr-inq-cont .inq-pop-cont .cont-mid .item-cont select, .pr-inq-cont .inq-pop-cont .cont-mid .item-cont textarea {width:100%; padding:10px 24px; font-size:1.429rem; font-weight:400;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont input::placeholder, .pr-inq-cont .inq-pop-cont .cont-mid .item-cont select::placeholder, .pr-inq-cont .inq-pop-cont .cont-mid .item-cont textarea::placeholder {font-size: 1.429rem; font-weight: 400;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont select {color:#AAB1BB; cursor: pointer;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont select option {color:#AAB1BB;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont textarea {height:270px; resize: none;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont textarea::placeholder {color:#AAB1BB; font-size:1.429rem; font-weight:400;} .pr-inq-cont .inq-pop-cont .cont-mid .item-data {align-items:center; margin-top:18px;} .pr-inq-cont .inq-pop-cont .cont-mid .item-data:first-child {margin-top:0;} .pr-inq-cont .inq-pop-cont .cont-mid .item-data:last-child {align-items: flex-start;} .pr-inq-cont .inq-pop-cont .cont-mid .item-data:last-child .item-tit {margin-top:18px;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .word-count {position: relative; margin-bottom:16px;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .word-count .count {position: absolute; right:24px; bottom:10px; display:flex; align-items:center; font-weight:400; font-size:0.929rem; color:#AAB1BB;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .word-count .count span {margin-right:4px; } .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .fit-checkbox-custom {font-size:1.286rem; width:125px;} .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .fit-checkbox-custom input[type="checkbox"] + .click-check {margin-top:0; width:28px; height:28px;} .pr-inq-cont .inq-pop-cont .cont-bot {width: 840px; float: right;} .pr-inq-cont .inq-pop-cont .cont-bot li {display: flex; align-items: flex-start;} .pr-inq-cont .inq-pop-cont .cont-bot li, .pr-inq-cont .inq-pop-cont .cont-bot li span {font-size:1.143rem; font-weight:400; color:#6B727C; margin-bottom:8px; line-height:22px;} .pr-inq-cont .inq-pop-cont .cont-bot li span {margin-left: 7px;} .pr-inq-cont .inq-pop-cont .cont-bot li rb {font-size:1.143rem; color:#6B727C; display: inline-block; margin: 0 0 3px 3px;} .pr-inq-cont .inq-pop-cont .cont-bot li:last-child {margin-bottom:0;} .pr-inq-cont .inq-pop-cont .btn-box {width: 100%; margin: 0 auto; justify-content: center; padding-top:85px;} .pr-inq-cont .inq-pop-cont .btn-box button {width:235px; height:72px; border-radius:4px; font-size:1.857rem; font-weight: 700;} .pr-inq-cont .inq-pop-cont .btn-box button a {font-size:1.857rem; font-weight: 700;} .pr-inq-cont .inq-pop-cont .cancel-btn {background: #fff; color:#414853; border:1px solid #414853;} .pr-inq-cont .inq-pop-cont .submit-btn {background: #414853; color:#fff; border:1px solid #414853; margin-left: 10px;} /* 상품문의 완료 - 팝업 */ .fit-comm-pr-detail .complete-pop {width:480px !important;} .fit-comm-pr-detail .complete-pop .pop-info img.pc {display: block;} .fit-comm-pr-detail .complete-pop .pop-info img.mobile {display: none;} .fit-comm-pr-detail .complete-pop .pop-info .pop-active-btn {width:260px;} .fit-comm-pr-detail [data-canvas="insertCompletePopup"] .fit-pop-cont .pop-cont {width: 480px; height: 286px;} .fit-comm-pr-detail [data-canvas="insertCompletePopup"] .fit-pop-cont .pop-cont .pop-info .pop-active-btn {width: 260px; height: 60px; margin:40px auto 0; display: flex; align-items: center; justify-content: center;} .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .naverpay-btn .img-box {margin-right: 12px; width: 24px; height: 24px; border-radius: 4px; overflow: hidden;} .fit-comm-pr-detail .pr-detail-info .right .right-bot .btn-form .naverpay-btn .img-box img {width: 100%; height: 100%;} @media screen and (max-width: 768px) { /* 상품문의 */ .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date span, .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date {font-size: 0.929rem;} .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date span.item02 {display: flex; align-items: center;} .fit-comm-pr-detail .fit-pop-cont .pr-inq-cont {width: 100%; height: 100%; border-radius:0; padding: 60px 20px 34px; overflow-y: scroll;} .fit-comm-pr-detail .pr-inq-cont {padding: 60px 20px 0;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-tit h2 {font-size:1.714rem;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-tit {margin-bottom: 20px;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-top {padding: 12px 0; align-items: center;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-top .left-box {width: 84px; height: 84px; margin-right: 18px; border-radius:5px;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-top .right-box {width: 225px;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-top .right-box .item01 span {font-size: 1rem;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-top .right-box .item01 {font-size: 1rem; margin-bottom: 8px; display: revert;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date p span, .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date p {font-size:0.929rem;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid {padding: 32px 0 16px;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid > div {display: revert;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-tit {font-size:1.143rem; font-weight: 700;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont {width: 100%; margin-top: 8px;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont select, .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont input, .pr-inq-cont .inq-pop-cont .cont-mid .item-cont textarea {padding: 14px 12px !important; font-size:1.071rem !important; line-height: 18.2px; letter-spacing: -0.02em; } .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont select::placeholder, .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont input::placeholder, .pr-inq-cont .inq-pop-cont .cont-mid .item-cont textarea::placeholder {font-size:1.071rem !important; letter-spacing: -0.02em; } .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont textarea::placeholder {font-size:1.071rem;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .word-count .count, .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .word-count .count span {font-size:0.857rem;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .word-count {margin-bottom: 10px;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .fit-checkbox-custom input[type="checkbox"] + .click-check {width: 24px; height: 24px;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont .fit-checkbox-custom {font-size: 1rem;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-bot li, .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-bot li span {font-size:0.929rem; margin-bottom: 8px; letter-spacing: -0.02em; line-height: 18.2px;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-bot {width: 100%;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .btn-box {padding: 40px 0 33px; width: 100%;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont button {margin-top: 0 !important; height: 50px; font-size: 1rem; font-weight: 400;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cancel-btn {width: 132px; background: #EFF1F5; color: #414853; border:1px solid #EFF1F5;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cancel-btn a {font-size: 1rem !important; font-weight: 400;} .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .submit-btn {width: 195px; margin: 0 0 0 12px; font-size: 1rem !important; font-weight: 400;} /* 확인 팝업 */ .fit-comm-pr-detail .fit-pop-cont .pop-cont .pop-info .pop-active-btn {display: flex; align-items: center; justify-content: center; border: 0;} .fit-comm-pr-detail .complete-pop .pop-info img.pc {display: none;} .fit-comm-pr-detail .complete-pop .pop-info img.mobile {display: block;} .fit-comm-pr-detail [data-canvas="insertCompletePopup"] .fit-pop-cont .pop-cont {width: 90%; height: 218px;} .fit-comm-pr-detail [data-canvas="insertCompletePopup"] .fit-pop-cont .pop-cont .pop-info .pop-active-btn {width: 100%; height: 48px; font-size:1.143rem; font-weight: 700; margin-top: 32px;} } /* 소비자 - 상품문의 끝 ************************************************************************************/ /* 소비자 - 결제페이지 ************************************************************************************/ /* 배송지 팝업 */ .fit-ordersheet .popup-address i {font-size: 28px; position: absolute; right: 35px; top: 46px; cursor: pointer;} .fit-ordersheet .popup-address .list-none {text-align: center; padding: 100px 0; border-bottom: 1px solid #E3E6ED; display: none;} .fit-ordersheet .popup-address .list-none div {font-size: 1.429rem; font-weight: 300; color: #6B727C; margin-top: 16px;} .fit-ordersheet .popup-address .pop-cont {padding: 66px 40px 60px} .fit-ordersheet .popup-address .pop-cont .max-info {font-size:1.142rem; margin: 14px 0 40px; color: #6B727C;} /********** 결제정보 입력 페이지 **********/ .fit-ordersheet h2 {margin:0 auto 60px; text-align:center; font-size:3.429rem; font-weight:700;} .fit-ordersheet .fit-form-tit {padding-bottom:20px; margin:0;} /* 배송지 */ .fit-ordersheet .order-top {margin-bottom:60px;} .fit-ordersheet .order-top .order-input-col div .check-basic {padding-top: 16px;} .fit-ordersheet .order-top .order-input-col div .check-basic label {font-size: 1.25rem;} .fit-ordersheet .order-top .order-input-col div .check-basic span {width: 28px; height: 28px;} .fit-ordersheet .order-top .order-input-col input {height: 60px; color: #6B727C;} .fit-ordersheet .order-top .order-input-col .item-btn-layout .input-type01 {margin-top: 12px;} /* .fit-ordersheet .order-top .order-input-col input[data-detail_key_getmembershipping="addr_detail"] {margin-top: 12px;} */ /* .fit-ordersheet .order-top .order-input-col .flex-start {display: block;} */ .fit-ordersheet .order-top .order-input-col {display:flex; align-items:center; padding:20px 0; border-bottom:1px solid #E3E6ED;} .fit-ordersheet .order-top .order-input-col .duplicate-btn {width: 160px; height: 60px; background: #414853; border-radius: 4px; color: #FFFFFF; margin-left: 12px;} .fit-ordersheet .order-top .order-input-col .item-tit {display:inline-block; width:130px; font-size:1.429rem; font-weight:400; color:#6B727C; margin-right:93px;} .fit-ordersheet .order-top .order-input-col .item-data {font-weight:700; font-size:1.429rem;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data, .fit-ordersheet .order-top .order-input-col.item-table01 .item-data > div a, .fit-ordersheet .order-top .order-input-col.item-table01 .item-data > div {display:flex; align-items:center;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box {max-width:655px; display:block;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span {display: inline-flex; color: #6B727C; font-size: 1.25rem; font-weight: 400; margin-right: 24px; cursor: pointer;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span div {min-width: 28px; width: 28px; height: 28px; margin-right: 12px; border: 1px solid #D7DBE4; border-radius: 28px; justify-content: center;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span.active label {width: 14px; height: 14px; border-radius: 14px; background: #00CFFF;} /* .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span {display:inline-block; margin-top:6px; color:#AAB1BB; font-size:1rem; font-weight: 400; padding:8px 18px; border:1px solid #E3E6ED; border-radius:100px; margin-right:12px; cursor: pointer;}*/ .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span:nth-of-type(-n+7) {margin-top:0;} /* .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span.active {color:#fff; border:1px solid #282C33; background:#282C33; float: left;} */ .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .right-box {margin-left:20px; cursor: pointer;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .right-box i {margin-left:5px; font-size:1.1rem; font-weight:500;} .fit-ordersheet .order-top .order-input-col.item-table06 {align-items:flex-start;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-tit {margin-top:16px;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data {position: relative; width:630px;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data select, .fit-ordersheet .order-top .order-input-col.item-table06 .item-data select option, .fit-ordersheet .order-top .order-input-col.item-table06 .item-data textarea {width:100%; font-size:1.2rem; color: #6B727C;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data select {color:#AAB1BB; cursor: pointer; /* -webkit-appearance:none; -moz-appearance:none; appearance:none; */} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data .xi-angle-down {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); font-size: 1.071rem; color: #6B727C;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data .xi-angle-down.active {top: 17%;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data select.active + .xi-angle-down {transform: translateY(-50%)rotate(180deg);} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data select { -webkit-appearance:none; -moz-appearance:none; appearance:none;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data textarea {display: none; padding:16px 24px; margin-top:7px; height:94px; resize:none;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data textarea::placeholder {color:#AAB1BB;} /* 상품정보 */ .fit-ordersheet .order-mid .order-item .order-product .order-table {display:flex; align-items:center; border-bottom:1px solid #E3E6ED; padding-left:12px;} .fit-ordersheet .order-mid .order-item .order-product .order-table .table-item {text-align:center; justify-content:Center; padding:20px 0;} .fit-ordersheet .order-mid .order-item .order-product .order-table .table-item {border-right:1px solid #E3E6ED;} .fit-ordersheet .order-mid .order-item .order-product .order-table .table-item:last-child {border-right:0 !important;} .fit-ordersheet .order-mid .order-item .order-product .order-table.th .table-item {font-size:1.286rem; font-weight:700; border-right:1px solid #E3E6ED;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .table-item {display:flex; align-items:Center; height:100%;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .table-item, .fit-ordersheet .order-mid .order-item .order-product .order-table.td .table-item span {font-size:1.286rem;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td {height:160px;} .fit-ordersheet .order-mid .order-item .order-product .order-table .item01 {width:60%; display:flex; align-items:center;} .fit-ordersheet .order-mid .order-item .order-product .order-table .item02 {width:10%;} .fit-ordersheet .order-mid .order-item .order-product .order-table .item03 {width:15%;} .fit-ordersheet .order-mid .order-item .order-product .order-table .item04 {width:15%;} .fit-ordersheet .order-mid .order-item .order-product .order-table .item05 {width:15%;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 {justify-content:flex-start;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 .item-thumb {width:110px; height:118px; overflow: hidden; margin-right:26px;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 .item-thumb img {width:100%; height:100%; object-fit:cover;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 .table-info {text-align:left; width: 370px;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 .table-info .pro-name {font-size:1.286rem; display:block; align-items:Center; margin-bottom:10px; max-width: 370px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 .table-info .pro-name span {font-weight:700; margin-right:5px; line-height: 22px;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 .pro-op p, .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 .pro-op p span {font-size:1.143rem; color:#6B727C;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 .pro-op p {display:flex; align-items:Center; line-height:22px;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item01 .pro-op p span {margin-left:4px;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item02, .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item02 span {font-weight:700;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item04 {flex-direction:column; line-height:25px;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item04 span {font-weight:700; color:#F23F3F; display:flex; align-items:center;} .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item05, .fit-ordersheet .order-mid .order-item .order-product .order-table.td .item05 span {font-weight:700;} /* 상품정보 - 배송료 */ .fit-ordersheet .order-mid .order-item .order-sum {padding:30px 12px; border-bottom:1px solid #E3E6ED;} .fit-ordersheet .order-mid .order-item .order-sum > .sum-tit {font-size:1.286rem; font-weight:700; margin-bottom:14px;} .fit-ordersheet .order-mid .order-item .order-sum .sum-item {margin-bottom:14px;} .fit-ordersheet .order-mid .order-item .order-sum .sum-item:last-child {margin-bottom:0;} .fit-ordersheet .order-mid .order-item .order-sum .sum-item .sum-tit {font-size:1.286rem;} .fit-ordersheet .order-mid .order-item .order-sum .sum-item .sum-price {display:flex; align-items:center;} .fit-ordersheet .order-mid .order-item .order-sum .sum-item .sum-price, .fit-ordersheet .order-mid .order-item .order-sum .sum-item .sum-price span {font-size:1.286rem; font-weight:700;} /* 결제 약관동의 */ .fit-ordersheet .order-bot {margin-top:60px;} .fit-ordersheet .order-bot .form-agree {padding-bottom: 10px; border-bottom: 1px solid #EFF1F5;} .fit-ordersheet .order-bot .form-agree .all-check {padding:17px 0; margin-bottom: 10px;} /* 결제 버튼 */ .fit-ordersheet .order-btn {width:480px; height:72px;margin:80px auto 0; display:flex;} .fit-ordersheet .order-btn a {width:100%; height:100%; font-size:1.857rem; font-weight:700; color:#6B727C; background: #E3E6ED; border-radius:4px; pointer-events:none; cursor: pointer; pointer-events: none;} .fit-ordersheet .order-btn a span {font-size:1.857rem; font-weight:700; color:#6B727C;} .fit-ordersheet .order-btn a.active {background:#1AD0FC; color:#fff; pointer-events: auto;} .fit-ordersheet .order-btn a.active span {color:#fff;} /********** 결제방법 페이지 **********/ .fit-ordersheet .pay-order {margin-top:80px;} .fit-ordersheet .pay-order .order-payment {margin-top:23px;} .fit-ordersheet .pay-order .order-payment .pay-top {display:block; font-size:0;} .fit-ordersheet .pay-order .order-payment .pay-top .pay-info {cursor: pointer; border: 1px solid #E3E6ED; display:inline-block; border-radius:4px; text-align:center; width:240px; padding:15px 0; margin:0 13px 15px 0; font-size:1.429rem; font-weight:500; color:#AAB1BB;} .fit-ordersheet .pay-order .order-payment .pay-top .pay-info.active {border: 1px solid #282C33; color:#282C33;} .fit-ordersheet .pay-order .order-payment .pay-top .pay-info:nth-of-type(4) {margin-right:0;} .fit-ordersheet .pay-order .order-payment .pay-bot {width:100%; height:44px;} .fit-ordersheet .pay-order .order-payment .pay-bot select {display:none; width:100%;} .fit-ordersheet .pay-order .order-payment .pay-bot select.dis_block {display:block;} .fit-ordersheet .pay-order .order-payment .pay-bot select, .fit-ordersheet .pay-order .order-payment .pay-bot select option {width:100%; font-size:1.2rem; color:#AAB1BB; cursor: pointer;} .fit-ordersheet .pay-order .pay-btn {width:480px; height:72px; border-radius:4px; /*background: #1AD0FC;*/ background: #E3E6ED; font-size:1.857rem; /*color:#fff;*/ color: #6B727C; font-weight:700; margin:80px auto 0;} .fit-ordersheet .pay-order .pay-btn a {font-size:1.857rem; color: #6B727C;; font-weight:700;} .fit-ordersheet .pay-order .pay-btn span {font-size:1.857rem;font-weight:700; color: #6B727C;} .fit-ordersheet .pay-order .pay-btn.all-agree {background: #1AD0FC;} .fit-ordersheet .pay-order .pay-btn.all-agree a, .fit-ordersheet .pay-order .pay-btn.all-agree span {color: #fff;} @media screen and (max-width: 768px) { .fit-ordersheet .container {padding: 32px 0 0 !important;} .fit-ordersheet .order-top, .fit-ordersheet .order-mid, .fit-ordersheet .order-bot, .fit-ordersheet h2 {padding:0 20px;} .fit-ordersheet h2 {font-size:1.714rem; margin-bottom: 40px; text-align: left;} .fit-ordersheet .fit-form-tit {padding-bottom:12px;} .fit-ordersheet .fit-form-tit p {font-size:1.429rem;} .fit-ordersheet .order-top {margin-bottom: 60px;} .fit-ordersheet .order-top .order-input-col input {width: 100%; border-radius: 4px; margin-top: 12px; height: 50px;} .fit-ordersheet .order-top .order-input-col.item-table01 {display: revert;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data {width: 100%;} .fit-ordersheet .order-top .order-input-col {padding: 18px 0; display: block;} .fit-ordersheet .order-top .order-input-col .item-tit {font-size:1.15rem; width: auto; margin: 0;} .fit-ordersheet .order-top .order-input-col .right-box a {font-size: 1rem;} .fit-ordersheet .order-top .order-input-col .duplicate-btn {width: 88px; height: 50px; margin-top: 12px; margin-left: 8px; font-size: 1rem; font-weight: 400;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box {margin-top: 12px; display: flex; justify-content: space-between; width: 100%;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span {margin-right:10px; /*padding: 4px 12px; margin-bottom: 5px;*/ text-align: center; width: auto; font-size: 1rem;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span div {min-width: 24px; width: 24px; height: 24px; margin-right: 0.57rem;} .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span.active label {width: 12px; height: 12px;} .fit-ordersheet .order-top .order-input-col .item-data {font-size:1.143rem; width: 200px;} .fit-ordersheet .order-top .order-input-col.item-table05 {align-items: flex-start;} .fit-ordersheet .order-top .order-input-col.item-table05 .flex-start {display: block;} .fit-ordersheet .order-top .order-input-col.item-table05 .flex-start .item-data.mg-r5 {margin-right:0;} .fit-ordersheet .order-top .order-input-col.item-table06 {display: revert;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-tit {margin:0 0 12px 0;} .fit-ordersheet .order-top .order-input-col.item-table06 .item-data {width: 100%;} /* .fit-ordersheet .order-top .order-input-col.item-table06 .item-data textarea {display: none;} */ .fit-ordersheet .order-top .order-input-col.item-table06 .item-data select {font-size:1.071rem;} .fit-ordersheet .order-mid .order-item .order-product .order-table {display: none;} .fit-ordersheet .order-mid .order-item .order-product .item01 {display: flex; padding: 20px 0; border-bottom:1px solid #EFF1F5;} .fit-ordersheet .order-mid .order-item .order-product .item01 .item-thumb {width:84px; height:84px; overflow: hidden; margin-right:18px; border-radius: 5px;} .fit-ordersheet .order-mid .order-item .order-product .item01 .item-thumb img {width:100%; height:100%; object-fit:cover;} .fit-ordersheet .order-mid .order-item .order-product .item01 .table-info {text-align:left; width: calc(100% - 84px - 18px);} .fit-ordersheet .order-mid .order-item .order-product .item01 .table-info .pro-name {font-size:16px; margin-bottom:6px;} .fit-ordersheet .order-mid .order-item .order-product .item01 .table-info .pro-name span {font-size:16px; font-weight:700; margin-right:3px;} .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-op {display: revert; align-items: center; margin-bottom: 15px;} .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-op p, .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-op p span {font-size:1rem; color:#6B727C;} .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-op p {display:flex; align-items:Center; line-height:22px;} .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-op p span {margin-left:4px;} .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-price {display: flex; align-items: center;} .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-price p {display: flex; align-items: center;} .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-price p:first-child {margin-right: 25px; position: relative;} .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-price p:first-child::before {content: ''; position: absolute; display: inline-block; width: 1px; height: 18px; background: #E3E6ED; top:50%; transform: translateY(-50%); right:-14px;} .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-price p span, .fit-ordersheet .order-mid .order-item .order-product .item01 .pro-price p {font-size:1.286rem; font-weight: 700;} .fit-ordersheet .order-mid .order-item .order-product .item04 {padding: 18px 0; border-bottom:1px solid #EFF1F5;} .fit-ordersheet .order-mid .order-item .order-product .item04 .sum-item {margin-bottom: 8px;} .fit-ordersheet .order-mid .order-item .order-product .item04 .sum-tit {font-size:1.143rem; color: #6B727C;} .fit-ordersheet .order-mid .order-item .order-product .item04 .sum-price {display: flex; align-items: center;} .fit-ordersheet .order-mid .order-item .order-product .item04 .sum-price span, .fit-ordersheet .order-mid .order-item .order-product .item04 .sum-price {font-size:1.143rem; font-weight: 700;} .fit-ordersheet .order-mid .order-item .order-product .item04 .sum-price .dc {display: flex; align-items: center;} .fit-ordersheet .order-mid .order-item .order-product .item04 .sum-item:last-child {margin-bottom: 0;} .fit-ordersheet .order-mid .order-item .order-product .item04 .sum-item:last-child .sum-price span, .fit-ordersheet .order-mid .order-item .order-product .item04 .sum-item:last-child .sum-price {color:#F23F3F;} .fit-ordersheet .order-mid .order-item .order-sum {padding:18px 0;} .fit-ordersheet .order-mid .order-item .order-sum > .sum-tit {font-size:1.143rem; margin-bottom: 8px;} .fit-ordersheet .order-mid .order-item .order-sum .sum-item {margin-bottom: 8px;} .fit-ordersheet .order-mid .order-item .order-sum .sum-item .sum-price, .fit-ordersheet .order-mid .order-item .order-sum .sum-item .sum-price span, .fit-ordersheet .order-mid .order-item .order-sum .sum-item .sum-tit {font-size:1.143rem; color: #6B727C;} .fit-ordersheet .order-mid .order-item .order-sum .sum-item #total_shipping_price {color: #282C33;} .fit-ordersheet .order-bot {margin-top: 60px;} .fit-terms-agree .form-agree .check-basic label, .fit-terms-agree .form-agree .check-basic label span {font-size:1.15rem;} .fit-terms-agree .fit-checkbox-custom input[type="checkbox"] + .click-check {width:24px; height:24px; margin: 0 12px 0 0 !important;} .fit-ordersheet .order-btn {width: 100%; height: 82px; margin-top: 60px;} .fit-ordersheet .order-btn a, .fit-ordersheet .order-btn a span {font-size:1.286rem !important;} .fit-ordersheet .pay-order {margin-top:60px;} .fit-ordersheet .pay-order .fit-form-tit, /* .fit-ordersheet .pay-order .order-payment {} */ /* .fit-ordersheet .pay-order .order-payment {margin:0 20px; padding-bottom:19px; border-bottom: 1px solid #E3E6ED;} */ .fit-ordersheet .pay-order .order-payment {margin:0; padding:0; border-bottom:0;} .fit-ordersheet .pay-order .order-payment .pay-top .pay-info {width: calc((100%/2) - 4px); margin: 12px 8px 0 0; font-size:1.071rem;} .fit-ordersheet .pay-order .order-payment .pay-top .pay-info:nth-of-type(2n) {margin-right: 0;} .fit-ordersheet .pay-order .order-payment .pay-top .pay-info:nth-of-type(1), .fit-ordersheet .pay-order .order-payment .pay-top .pay-info:nth-of-type(2) {margin-top: 0;} .fit-ordersheet .pay-order .order-payment .pay-bot {margin-top: 12px;} .fit-ordersheet .pay-order .pay-btn {width: 100%; margin-top: 60px;} .fit-ordersheet .pay-order .pay-btn, .fit-ordersheet .pay-order .pay-btn a, .fit-ordersheet .pay-order .pay-btn a span {font-size:1.286rem !important;} } /* 소비자 - 결제페이지 끝 ************************************************************************************/ /* commmon_결제완료 ************************************************************************************/ .fit-order-complete {background:#F6F7F8;padding:60px 0 100px;} .fit-order-complete .container {background:#fff; text-align:center; padding:100px 100px 120px;} .fit-order-complete .container .cont-top p {font-size:36px; font-weight:400; line-height:47px;} .fit-order-complete .container .cont-top pre {font-size:1.286rem; font-weight:400; line-height:25px; overflow: hidden;} .fit-order-complete .container .cont-top button {background:#282C33; border-radius:4px; width:280px; height:60px; margin-top:60px;} .fit-order-complete .container .cont-top button a {color:#fff; font-size:1.429rem; font-weight:700; width:100%; height:100%;} .fit-order-complete .cont-top img {margin:0 auto;} .fit-order-complete .cont-bot {text-align:center;} .fit-order-complete .cont-bot p {font-size:2rem; font-weight:400; margin:60px auto 32px;} .fit-order-complete .cont-bot button {background:#fff; border-radius:4px; width:280px; height:82px;} .fit-order-complete .cont-bot button:first-child {margin-right:20px;} .fit-order-complete .cont-bot button a {font-size:1.286rem; font-weight:400;} .fit-order-complete .cont-bot button a img {margin-right:15px; width:50px;} .fit-order-result .container {min-height: auto;} .fit-order-result .container .cont-top p.tit {margin: 50px auto 0; font-size: 36px; font-weight: 800; line-height: 50px; color: #000;} .fit-order-result .container .cont-top p.info {margin: 32px auto 0; font-size: 18px; font-weight: 400; line-height: 25.2px;} .fit-order-result .container .cont-top button {margin-top: 65px;} @media screen and (max-width: 768px) { .fit-order-complete {padding:0 !important;} .fit-order-complete .container {padding:40px 0 !important;} .fit-order-complete .container img {width:52px; margin-top:120px;} .fit-order-complete .container .cont-top {position: relative; text-align: center; height:65vh;} .fit-order-complete .container .cont-top p {margin:0 auto 14px; font-size:24px; line-height: 30px;} .fit-order-complete .container .cont-top pre {font-size:1rem; line-height: 19px;} .fit-order-complete .container .cont-top button {margin-top:48px; width:239px; height:48px;} .fit-order-complete .cont-bot p {font-size:1.429rem;} .fit-order-complete .cont-bot .btn-box {display: revert;} .fit-order-complete .cont-bot .btn-box button {margin-right:0; padding:16px; width:239px; height:72px;} .fit-order-complete .cont-bot .btn-box button:first-child {margin-bottom:16px;} .fit-order-complete .cont-bot .btn-box button a {justify-content: flex-start;} .fit-order-complete .cont-bot button a img {width:40px; margin-right:8px;} .fit-order-result {background: #fff; padding: 70px 33px 60px;} .fit-order-result .container {margin: 0; padding: 0 !important; text-align: left;} .fit-order-result .container .cont-top p.tit {font-size: 24px; margin-top: 28px; line-height: 33px;} .fit-order-result .container .cont-top p.info {font-size: 16px; margin-top: 14px; line-height: 28px;} .fit-order-result .container .cont-top button {position: absolute; left: 0; bottom:0; border-radius: 4px; width: 100%; height:80px; margin-top: 280px; background: #1AD0FC;} .fit-order-result .container .cont-top button a {padding:18px 0 40px; font-size:18px !important;} } /* commmon_결제완료 끝 ************************************************************************************/ /* 소비자 - 마이페이지 메인 ************************************************************************************/ .fit-comm-mypage .fit-form-tit {padding-bottom:20px; margin:0;} .fit-comm-mypage .section {margin-bottom:80px;} .fit-comm-mypage .section:last-child {margin-bottom:0;} /* 배너 */ .fit-comm-mypage .ab-se01 .thumb {height:362px} /* 회원 이름 */ .fit-comm-mypage .customer-name a { font-size: 3.429rem; font-weight: 500;} .fit-comm-mypage .customer-name a span { font-weight: 900; font-size: 3.429rem; vertical-align: text-top;} .fit-comm-mypage .customer-name a i { font-size: 2rem; font-weight: bold; padding-left: 10px; vertical-align: top;} .fit-comm-mypage .section.customer-name { margin: 10px 0 60px} /* 로그인 정보 */ .fit-comm-mypage .se01 .form-item .item-content .item-info.login-status {font-weight: 400;} /* 회원 탈퇴 */ .fit-comm-mypage .resign {text-align: right; margin-top: 9px;} .fit-comm-mypage .resign a {font-size: 1.143rem; text-decoration-line: underline;} /* 배송정보 */ .fit-comm-mypage .se01 .form-item .item-content .item-btn-layout .left-box.address-box { display: block; line-height: 1.4;} /********** 회원 정보 **********/ .fit-comm-mypage .se01 .form-item {display: flex; align-items: center; padding:20px 0; border-bottom:1px solid #E3E6ED;} .fit-comm-mypage .se01 .form-item:last-child {margin-bottom:0;} .fit-comm-mypage .se01 .form-item .item-title {width: 200px; height: 100%; font-weight: 400; font-size:1.429rem; color:#6B727C; display:flex; align-items:flex-start;} .fit-comm-mypage .se01 .form-item .item-content {width: 800px; height: 100%; font-size:0;} .fit-comm-mypage .se01 .form-item .item-content .item-btn-layout {font-size:1.429rem; font-weight:700; width:100%;} .fit-comm-mypage .se01 .form-item .item-content .item-btn-layout p, .fit-comm-mypage .se01 .form-item .item-content .item-btn-layout span, .fit-comm-mypage .se01 .form-item .item-content .item-btn-layout .left-box {display:flex; align-items:Center;} .fit-comm-mypage .se01 .form-item .item-content .item-btn-layout .left-box .item-box {padding:8px 18px; font-size:1rem; color:#fff; background: #282C33; border-radius: 100px; margin-right:16px;} .fit-comm-mypage .se01 .form-item .item-content .item-info {font-size:1.429rem; font-weight:700; display:flex; align-items:center;} /* 수정 버튼 */ .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .modf-item {display:flex; align-items:center; margin-top:24px;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .modf-item:first-child {margin-top:0;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .modf-item span {font-size:1.286rem; font-weight:700; width:150px;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .modf-item input {width:430px;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .modf-item input.wrong {border-color:#FF2020 !important;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content {display:none;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content.active {display:block;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .overlap-btn {width:160px; padding:10px 0; margin-left:12px; background:#414853; border-radius:4px; color:#fff; } /* 취소/완료 버튼 */ .fit-comm-mypage .se01 .item-modify-content .input-btn-box {display:flex; align-items:center; margin-top:28px;} .fit-comm-mypage .se01 .item-modify-content .input-btn-box button {font-size:1rem; padding:8px 22px; border-radius:4px; background:#EFF1F5; color:#414853; margin-right:6px;} .fit-comm-mypage .se01 .item-modify-content .input-btn-box button:last-child {margin-right:0; color:#fff; background:#414853;} /* button */ .fit-comm-mypage .se01 .form-item .myinfo-btn {border:1px solid #E3E6ED; border-radius:4px; height:36px; font-size:1rem; color:#414853; font-weight:500; padding:0 14px} .fit-comm-mypage .se01 .form-item .myinfo-btn a {width:100%; height:100%; color:#414853; font-weight:500;} /********** 주문/배송 & 취소/교환/환불 **********/ .fit-comm-mypage .se-num .fit-form-tit .all-view a {font-size:1.286rem; color:#6B727C; display:flex; align-items:center; cursor: pointer;} .fit-comm-mypage .se-num .fit-form-tit .all-view a i {font-size:1.286rem; color:#6B727C; margin-left:5px;} .fit-comm-mypage .se-num .item-flex {display:flex; align-items:center; justify-content:space-around; padding:28px 0; border-bottom:1px solid #E3E6ED;} .fit-comm-mypage .se-num .item-flex > div {display: flex; align-items: center; width: 50%;} .fit-comm-mypage .se-num .item-flex .item-box {text-align:center; padding:10px 0; width:calc(100% / 2); border-right:1px solid #E3E6ED;} .fit-comm-mypage .se-num .item-flex > div:last-child .item-box:last-child {border-right:none;} .fit-comm-mypage .se-num .item-flex .item-box .item-tit {padding-bottom:16px; font-size:1.286rem; font-weight:700;} .fit-comm-mypage .se-num .item-flex .item-box .item-info {font-size:2.857rem; font-weight:700;} /********** 문의 **********/ .fit-comm-mypage .se04 {border-top:2px solid #282C33; border-bottom:1px solid #E3E6ED; padding:28px 0; display:flex; align-items:center;} .fit-comm-mypage .se04 > div {width:50%;} .fit-comm-mypage .se04 .left-box {height:111px; font-size:2rem; border-right:1px solid #E3E6ED; margin-right:40px;} .fit-comm-mypage .se04 .right-box > div {height:28px; cursor: pointer;} .fit-comm-mypage .se04 .right-box > div a {width:100%; height:100%; cursor: pointer; font-size:1.429rem;} .fit-comm-mypage .se04 .right-box > div i {font-size:1.4rem;} .fit-comm-mypage .se04 .right-box > div, .fit-comm-mypage .se04 .right-box > div a {font-size:1.429rem;} .fit-comm-mypage .se04 .right-box .top-item {margin-bottom:40px;} .fit-comm-mypage .se04 .right-box .top-item::after {content:""; display:block; width:100%; border-top:1px solid #E3E6ED; margin-top:21px;} @media screen and (max-width: 768px) { /* 배너 */ .fit-comm-mypage .ab-se01 .thumb {height:220px;} .fit-comm-mypage .ab-se01 .thumb .banner-txt {width:100%;} .fit-comm-mypage .ab-se01 .thumb .banner-txt p {font-size:2rem; line-height: 36px;} .fit-comm-mypage .ab-se01 .thumb .banner-txt p:first-child {-webkit-text-stroke-width:0.05rem;} /* 회원 이름 */ .fit-comm-mypage .customer-name a {font-size: 1.7148rem;} .fit-comm-mypage .customer-name a span {font-size: 1.7148rem;} .fit-comm-mypage .customer-name a i {font-size: 1.3rem; padding-left: 2px; vertical-align: revert;} .fit-comm-mypage .section.customer-name {margin: 0 0 32px;} .fit-comm-mypage .fit-form-tit {padding-bottom: 12px;} .fit-comm-mypage .fit-form-tit p {font-size:1.429rem;} .fit-comm-mypage .section {margin-bottom: 60px;} .fit-comm-mypage .se01 .form-item {padding: 18px 0;} .fit-comm-mypage .se01 .form-item .item-title {font-size:1.143rem; width: 100px;} .fit-comm-mypage .se01 .form-item .item-content {width: 100%;} .fit-comm-mypage .se01 .form-item .item-content .item-info {font-size:1.143rem;} .fit-comm-mypage .se01 .form-item .myinfo-btn {width: 48px; height: 28px; font-size: 0.929rem !important; padding: 0; text-align: center; letter-spacing: -0.02em; font-weight: 400;} .fit-comm-mypage .se01 .form-item .myinfo-btn a {font-size: inherit !important; font-weight: inherit; text-align: inherit;} /* .fit-comm-mypage .se01 .form-item .item-content .item-info.address {display: none;} */ .fit-comm-mypage .se01 .form-item .item-content .item-btn-layout .left-box .item-box {font-size: 1rem; padding:5px 12px;} .fit-comm-mypage .se-num .fit-form-tit .all-view a {font-size: 1rem;} .fit-comm-mypage .se-num .fit-form-tit .all-view a i {font-size: 1.1rem;} .fit-comm-mypage .se-num .item-flex {display: revert; padding: 0;} .fit-comm-mypage .se-num .item-flex > div {width: 100%; padding: 16px 0;} .fit-comm-mypage .se-num .item-flex > div:first-child {border-bottom: 1px solid #E3E6ED;} .fit-comm-mypage .se-num .item-flex .item-box:nth-of-type(1), .fit-comm-mypage .se-num .item-flex .item-box:nth-of-type(2) {border-bottom: 0 !important;} .fit-comm-mypage .se-num .item-flex .item-box:nth-of-type(2n) {border-right: 0;} .fit-comm-mypage .se-num .item-flex .item-box .item-tit {padding-bottom: 4px; font-size: 1rem;} .fit-comm-mypage .se-num .item-flex .item-box .item-info {font-size:1.571rem;} .fit-comm-mypage .se04 {display: revert; padding: 0;} .fit-comm-mypage .se04 > div {width: 100%;} .fit-comm-mypage .se04 .left-box {border-right: 0; justify-content: flex-start; border-bottom: 1px solid #E3E6ED; padding: 18px 0; font-size:1.429rem; font-weight: 700; height: auto;} .fit-comm-mypage .se04 .right-box > div {padding: 18px 0; height: auto; margin: 0; font-size:1.143rem;} .fit-comm-mypage .se04 .right-box .top-item {margin: 0; border-bottom: 1px solid #E3E6ED;} .fit-comm-mypage .se04 .right-box .top-item::after {display: none;} .fit-comm-mypage .se04 .right-box > div a {font-size:1.143rem;} .fit-comm-mypage .se04 .right-box > div i {font-size: 1.3rem;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .modf-item {display: revert; width: 100%; margin-top: 32px;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .modf-item input {width: 100%;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .modf-item span {font-size:1.143rem;} .fit-comm-mypage .se01 .form-item .item-content .item-modify-content .modf-item input { margin-top: 8px;} .fit-comm-mypage .se01 .form-item .item-content.active {width: 100%;} .fit-comm-mypage .se01 .item-modify-content .input-btn-box {margin-top: 20px;} .fit-comm-mypage .se01 .item-modify-content .input-btn-box button {height: 50px; font-size: 1rem !important;} .fit-comm-mypage .se01 .item-modify-content .input-btn-box button.link-modify {width: 132px;} .fit-comm-mypage .se01 .item-modify-content .input-btn-box button.link-confirm {width: 195px;} } /* 소비자 - 마이페이지 메인 끝 ************************************************************************************/ /* 소비자 - 배송지 리스트 팝업 */ .fit-comm-mypage .popup-address i {font-size: 28px; position: absolute; right: 35px; top: 46px; cursor: pointer;} .fit-comm-mypage .popup-address .list-none {text-align: center; padding: 100px 0; border-bottom: 1px solid #E3E6ED; display: none;} .fit-comm-mypage .popup-address .list-none div {font-size: 1.429rem; font-weight: 300; color: #6B727C; margin-top: 16px;} .fit-comm-mypage .popup-address .pop-cont {padding: 66px 40px 60px} .fit-comm-mypage .popup-address .pop-cont .max-info {font-size:1.142rem; margin-top:14px; color: #6B727C;} .fit-comm-mypage .cont-table .item-data {padding:20px 0; border-bottom:1px solid #E3E6ED;} .fit-comm-mypage .cont-table .item-data .top-item .item01 {padding:8px 18px; font-size:1rem; background:#F6F7F8; border-radius: 100px;} .fit-comm-mypage .cont-table .item-data .top-item .item01.default_active {color:#fff; background: #282C33;} .fit-comm-mypage .cont-table .item-data .top-item .basic-addr>div { margin: 8px 0 20px;} .fit-comm-mypage .cont-table .item-data .top-item .basic-addr span {font-size:1rem; font-weight:700; padding: 8px 16px ; border-radius: 100px; background-color: #282C33; color: white; } .fit-comm-mypage .cont-table .item-data .bot-item div, .fit-comm-mypage .cont-table .item-data .bot-item .item02 {font-size:1.286rem;} .fit-comm-mypage .cont-table .item-data .bot-item .item02 {margin-bottom:4px; display: flex; align-items: center;} .fit-comm-mypage .cont-table .item-data .bot-item .item02 span {margin-left:5px;} .fit-comm-mypage .cont-table .item-data .bot-item div span {font-size:1.286rem;} .fit-comm-mypage .cont-table .item-data .bot-item .item-tel {display:flex; align-items:Center; margin-top: 4px;} .fit-comm-mypage .cont-table .item-data .bot-item .item-tel .item03 {position: relative; margin-right:25px;} .fit-comm-mypage .cont-table .item-data .bot-item .item-tel .item03, .fit-comm-mypage .cont-table .item-data .bot-item .item-tel .item04 {display:flex; align-items:center;} .fit-comm-mypage .cont-table .item-data .bot-item .item-right {display:flex; align-items:Center;} .fit-comm-mypage .cont-table .item-data .bot-item .item-right button {border:1px solid #E3E6ED; border-radius:4px; padding:8px 22px; font-size:1rem;} .fit-comm-mypage .cont-table .item-data .bot-item .item-right button:first-child {margin-right:6px;} .fit-comm-mypage .btn-cont {margin:48px auto 0;} .fit-comm-mypage .btn-cont button {width:235px; height:60px; border-radius:4px; background: #414853; font-size:1.429rem; font-weight: 400; color:#fff; background: #414853;} .fit-comm-mypage .btn-cont .back-btn {margin-right:10px; background: #fff; border: 1px solid #000000; font-size:1.429rem; font-weight: 400; color:#282C33;} .fit-comm-mypage .btn-cont .back-btn a {width:100%; height:100%; font-size:1.429rem; font-weight: 400; color:#282C33;} .fit-comm-mypage .form-btn button.new-address {margin-top: 40px; font-weight: 500;} /* 소비자 - 배송지 리스트 팝업 끝*/ /* 소비자 - 배송지 수정 팝업 */ .fit-comm-mypage .popup-change-address .pop-cont {width: 1000px; padding: 69px 32px 60px} .fit-comm-mypage .popup-change-address .item-data {display: flex; margin: 24px 0;} .fit-comm-mypage .popup-change-address .item-data .item-tit {width: 15%; font-size: 1.285rem; font-weight: 700; line-height: 60px;} .fit-comm-mypage .popup-change-address .item-data .item-cont {width: 100%;} .fit-comm-mypage .popup-change-address .item-data input {width: 100%;font-size: 1.429rem; height: 60px;} .fit-comm-mypage .popup-change-address .item-data .check-basic {padding-top: 9px;} .fit-comm-mypage .popup-change-address .fit-checkbox-custom input[type="checkbox"] + .click-check {margin-top: 0; width: 28px; height: 28px;} .fit-comm-mypage .popup-change-address .address button.duplicate-btn {width: 30%; background-color: #414853;cursor: pointer;font-size: 1.429rem; color: #fff; border-radius: 4px; margin-left: 9px; height: 60px;} .fit-comm-mypage .popup-change-address .item-btn-layout {margin-bottom: 12px;} .fit-comm-mypage .popup-change-address .fit-checkbox-custom {font-size:1.429rem;} .fit-comm-mypage .popup-change-address i { font-size: 28px; position: absolute; right: 35px; top: 41px; cursor: pointer;} .fit-comm-mypage .popup-change-address .btn-box {margin: 40px auto 0} .fit-comm-mypage .popup-change-address .btn-box .back-btn {margin-right: 10px; background: #fff; border: 1px solid #000000;font-size: 1.429rem; font-weight: 400; color: #282C33; width: 235px;height: 60px; border-radius: 4px;} .fit-comm-mypage .popup-change-address .btn-box .submit-btn { width: 235px; height: 60px; border-radius: 4px; font-size: 1.429rem; font-weight: 400; color: #fff; background: #414853; } /* 소비자 - 마이페이지 배송지변경 ************************************************************************************/ .fit-comm-address .fit-form-tit {padding-bottom:20px; margin:0;} .fit-comm-address .container {min-height:73vh; padding-top:80px;} .fit-comm-address .cont-table .table {margin:0;} .fit-comm-address .cont-table .item-data {padding:20px 0; border-bottom:1px solid #E3E6ED;} .fit-comm-address .cont-table .item-data .top-item {display:flex; align-items:Center; margin-bottom:12px;} .fit-comm-address .cont-table .item-data .top-item .item01 {padding:8px 18px; font-size:1rem; background:#F6F7F8; border-radius: 100px;} .fit-comm-address .cont-table .item-data .top-item .item01.default_active {color:#fff; background: #282C33;} .fit-comm-address .cont-table .item-data .top-item .basic-addr {font-size:1rem; color:#287EFF; font-weight:700; margin-left:16px;} .fit-comm-address .cont-table .item-data .bot-item div, .fit-comm-address .cont-table .item-data .bot-item .item02 {font-size:1.286rem;} .fit-comm-address .cont-table .item-data .bot-item .item02 {margin-bottom:4px; display: flex; align-items: center;} .fit-comm-address .cont-table .item-data .bot-item .item02 span {margin-left:5px;} .fit-comm-address .cont-table .item-data .bot-item div span {font-size:1.286rem;} .fit-comm-address .cont-table .item-data .bot-item .item-tel {display:flex; align-items:Center;} .fit-comm-address .cont-table .item-data .bot-item .item-tel .item03 {position: relative; margin-right:25px;} .fit-comm-address .cont-table .item-data .bot-item .item-tel .item03, .fit-comm-address .cont-table .item-data .bot-item .item-tel .item04 {display:flex; align-items:center;} /* .fit-comm-address .cont-table .item-data .bot-item .item-tel .item03::after {content:""; position: absolute; display:inline-block; width:1px; height:15px; background:#AAB1BB; right:-13px; top:50%; transform:translateY(-50%);} */ .fit-comm-address .cont-table .item-data .bot-item .item-right {display:flex; align-items:Center;} .fit-comm-address .cont-table .item-data .bot-item .item-right button {border:1px solid #E3E6ED; border-radius:4px; padding:8px 22px; font-size:1rem;} .fit-comm-address .cont-table .item-data .bot-item .item-right button:first-child {margin-right:6px;} .fit-comm-address .btn-cont {margin:48px auto 0;} .fit-comm-address .btn-cont button {width:235px; height:60px; border-radius:4px; background: #414853; font-size:1.429rem; font-weight: 400; color:#fff; background: #414853;} .fit-comm-address .btn-cont .back-btn {margin-right:10px; background: #fff; border: 1px solid #000000; font-size:1.429rem; font-weight: 400; color:#282C33;} .fit-comm-address .btn-cont .back-btn a {width:100%; height:100%; font-size:1.429rem; font-weight: 400; color:#282C33;} /* 계좌정보 등록 - 팝업 */ .fit-comm-address .fit-pop-cont .pop-cont {padding:38px 80px 60px;; width:920px;} .fit-comm-address .fit-pop-cont .fit-form-tit p {border-bottom:0;} .fit-comm-address .fit-pop-cont .item-box {margin-top:14px;} .fit-comm-address .fit-pop-cont .item-box .item-data {display:flex; align-items:Center; margin-bottom:24px;} .fit-comm-address .fit-pop-cont .item-box .item-data:last-child {margin-bottom:0;} .fit-comm-address .fit-pop-cont .item-box .item-data .item-tit {font-size:1.286rem; font-weight:700; width:130px;} .fit-comm-address .fit-pop-cont .item-box .item-data .item-cont, .fit-comm-address .fit-pop-cont .item-box .item-data .item-cont div {font-size:0;} .fit-comm-address .fit-pop-cont .item-box .item-data.tel .item-cont {display:flex; align-items:center;} .fit-comm-address .fit-pop-cont .item-box .item-data.tel .item-cont .check-basic {margin-left:37px;} .fit-comm-address .fit-pop-cont .item-box .item-data.address {align-items:flex-start;} .fit-comm-address .fit-pop-cont .item-box .item-data.address .item-tit {margin-top:18px;} .fit-comm-address .fit-pop-cont .item-box .item-data.address .item-cont .item-btn-layout:first-child {margin-bottom:12px; display:flex; align-items:Center;} .fit-comm-address .fit-pop-cont .item-box .item-data.address .item-cont .duplicate-btn {font-size:1.429rem; width:160px; height:60px; color:#fff; border-radius:4px; background: #414853;} .fit-comm-address .fit-pop-cont .item-box .item-data.address .item-cont .check-basic {margin-top:21px;} .fit-comm-address .fit-pop-cont .item-box .item-data .item-cont .check-basic label {font-size:1.429rem; font-weight:500;} .fit-comm-address .fit-pop-cont .item-box .item-data .item-cont .check-basic input[type="checkbox"] + .click-check {width:28px; height:28px;} .fit-comm-address .fit-pop-cont .item-box .item-data .input-type01 {width:630px;} .fit-comm-address .fit-pop-cont .item-box .item-data .input-type02 {width:150px; margin-right:9px;} .fit-comm-address .fit-pop-cont .item-box .item-data .input-type02::-webkit-inner-spin-button {-webkit-appearance: none;} .fit-comm-address .fit-pop-cont .item-box .item-data .input-type02:last-child {margin-right:0;} .fit-comm-address .fit-pop-cont .item-box .item-data .input-type03 {width:470px;} .fit-comm-address .fit-pop-cont .item-box .item-data .input-type04 {width:458px; margin-right:12px;} .fit-comm-address .fit-pop-cont .item-box .item-data input, .fit-comm-address .fit-pop-cont .item-box .item-data select {width:630px; height:60px; border: 1px solid #E3E6ED; border-radius:4px; padding:13px 24px; /* font-weight:700; */} .fit-comm-address .fit-pop-cont .item-box .item-data input::placeholder {color:#AAB1BB;} /* pop-btn */ .fit-comm-address .fit-pop-cont .btn-box {text-align:center; margin-top:46px;} .fit-comm-address .fit-pop-cont .btn-box button {width:204px; font-size:1.429rem; font-weight:500; border-radius:4px; text-align:center; padding:18px;} .fit-comm-address .fit-pop-cont .btn-box .cancel-btn {border:1px solid #282C33; } .fit-comm-address .fit-pop-cont .btn-box .submit-btn {background:#414853; color:#fff; margin-left:8px;} @media screen and (max-width: 768px) { .fit-comm-address .container {padding-bottom: 49px !important; padding-top:48px!important;} .fit-comm-address .container .pop-cont {overflow: hidden;} .fit-comm-address .cont-table .item-data {padding: 18px 0;} .fit-comm-address .cont-table .item-data .bot-item {display: revert;} .fit-comm-address .cont-table .item-data .bot-item div, .fit-comm-address .cont-table .item-data .bot-item .item02 {font-size:1.143rem;} .fit-comm-address .cont-table .item-data .top-item .item01 {padding: 8px 13px;} .fit-comm-address .cont-table .item-data .bot-item .item-tel .item03 {margin-right: 17px;} .fit-comm-address .cont-table .item-data .bot-item .item-tel .item03::after {right: -9px;} .fit-comm-address .cont-table .item-data .bot-item .item-right {justify-content: flex-end; margin-top: 16px;} .fit-comm-address .cont-table .item-data .bot-item .item-right button {font-size:0.929rem !important; width: 48px; height: 28px; padding: 0; font-weight: 400;} .fit-comm-address .cont-table .item-data .bot-item .item-right button:first-child {margin-right: 8px;} .fit-comm-address .btn-cont {margin:25px auto 0;} .fit-comm-address .btn-cont button {width:50%; height:50px; font-size:1rem;} .fit-comm-address .btn-cont .back-btn a {font-size:1rem;} .fit-comm-address .fit-add-address .pop-cont {width: 100%; height: 100%; border-radius: 0; padding: 60px 20px 48px; overflow-y: scroll;} .fit-comm-address .fit-add-address .pop-cont i.pop-close {position: absolute; font-size:1.429rem; top:35px; right: 20px; font-weight: 500;} .fit-comm-address .fit-add-address .fit-form-tit {padding: 0; border: 0;} .fit-comm-address .fit-add-address .item-box {margin-top: 32px;} .fit-comm-address .fit-add-address .item-box .item-data {display: revert;} .fit-comm-address .fit-pop-cont .item-box .item-data .input-type04 {margin-right:8px;} .fit-comm-address .fit-add-address .item-box .item-data .input-type04, .fit-comm-address .fit-add-address .item-box .item-data .input-type03, .fit-comm-address .fit-add-address .item-box .item-data .input-type01 {width: 100%;} .fit-comm-address .fit-add-address .item-box .item-data .item-tit {font-size:1.143rem;} .fit-comm-address .fit-add-address .item-box .item-data .item-cont, .fit-comm-address .fit-pop-cont .item-box .item-data .item-cont div {margin-top: 8px;} .fit-comm-address .fit-add-address .item-box .item-data.phobe .item-cont, .fit-comm-address .fit-add-address .item-box .item-data.tel .item-cont {justify-content: space-between;} .fit-comm-address .fit-add-address .item-box .item-data .input-type02 {width:calc((100%/3) - 6px);} .fit-comm-address .fit-add-address .item-box .item-data.tel .item-cont {display: revert;} .fit-comm-address .fit-add-address .item-box .item-data.tel .item-cont .check-basic {display: none;} .fit-comm-address .fit-add-address .item-box .item-data.address .item-cont .duplicate-btn {width: 88px; height: 50px; font-size: 1rem !important; font-weight: 400;} .fit-comm-address .fit-add-address .item-box .item-data.address .item-cont .check-basic {margin-top: 10px;} .fit-comm-address .fit-add-address .item-box .item-data .item-cont .check-basic label {font-size: 1rem; font-weight: 400;} .fit-comm-address .fit-add-address .item-box .item-data .item-cont .check-basic input[type="checkbox"] + .click-check {width: 24px; height: 24px; margin-right: 8px;} .fit-comm-address .fit-add-address .btn-box {margin-top: 40px;} .fit-comm-address .fit-add-address .btn-box .submit-btn {width: 100%; height: 50px; font-size: 1rem; font-weight: 400; margin: 0;} .fit-comm-address .fit-add-address .btn-box .cancel-btn {display: none;} .fit-comm-address .fit-pop-delete .pop-cont {width: 90% !important; padding:28px 20px 20px !important;} } /* 소비자 - 마이페이지 배송지변경 끝 ************************************************************************************/ /* 소비자 - 마이페이지 내가 남긴 문의 ************************************************************************************/ .fit-comm-qna .container {min-height:66vh;} .fit-comm-qna .section .com-bot {margin-top:10px;} .fit-comm-qna .section .com-bot .fit-board-tit {padding-bottom:12px;} .fit-comm-qna .section .com-bot .fit-board-tit .left-tit, .fit-comm-qna .section .com-bot .fit-board-tit .left-tit span {display:flex; align-items:center; font-size:2.286rem; font-weight:700;} .fit-comm-qna .section .com-bot .fit-board-tit .left-tit span {font-weight:400;} .fit-comm-qna .section .com-bot .fit-board-tit .left-tit > span {margin-left:4px;} /* 제품문의 */ .fit-comm-qna .section .com-bot .bot-cont .faq-tit {display:flex; align-items:center; padding:22px 10px; border-bottom:1px solid #E3E6ED;} .fit-comm-qna .section .com-bot .bot-cont .faq-tit .faq-item {font-size:1.286rem; font-weight:700; } .fit-comm-qna .section .com-bot .bot-cont .faq-item {text-align:center;} .fit-comm-qna .section .com-bot .bot-cont .faq-item01 {/*width:310px;*/ /* flex:.35; */ width: 31%;} .fit-comm-qna .section .com-bot .bot-cont .faq-item02 {/*width:300px;*/ /* flex:.35; */ width: 59%;} .fit-comm-qna .section .com-bot .bot-cont .faq-item03 {/*width:100px;*/ /* flex:.15; */ width: 20%;} .fit-comm-qna .section .com-bot .bot-cont .faq-item04 {/*width:100px;*/ /* flex:.15; */ width: 20%;} .fit-comm-qna .section .com-bot .bot-cont .faq-item01 .thumb {width: 110px; height: 118px; overflow: hidden; margin-right: 20px;} .fit-comm-qna .section .com-bot .bot-cont .faq-item01 .thumb img {width: 100%; height: 100%; object-fit: cover;} /* .fit-comm-qna .section .faq-wrap .faq-cate ol li .table {width:100%;} .fit-comm-qna .section .faq-wrap .faq-cate ol li .table .faq-item {font-size:1.286rem; font-weight:400; color:#414853;} .fit-comm-qna .section .faq-wrap .faq-cate ol li .table .faq-item01 {display:flex; align-items:center;} .fit-comm-qna .section .faq-wrap .faq-cate ol li .table .faq-item01 .thumb {width:110px; height:118px; overflow: hidden; margin-right:20px;} .fit-comm-qna .section .faq-wrap .faq-cate ol li .table .faq-item01 img {width:100%; height:100%; object-fit: cover;} .fit-comm-qna .section .faq-wrap .faq-cate ol li .table .faq-item01 .pr-name {width:166px; font-size:1.286rem; display:flex; align-items:center; overflow: hidden;} .fit-comm-qna .section .faq-wrap .faq-cate ol li .table .faq-item01 .pr-name span {display:contents; font-size:1.286rem; font-weight:700;} .fit-comm-qna .section .faq-wrap .faq-cate ol li .table .faq-item03 {text-align:left; display:block; align-items:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .fit-comm-qna .section .faq-wrap .faq-cate ol li .table .faq-item03 img {margin-right:12px; margin-top:-3px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot {justify-content:flex-end; padding-right:0 !important;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot pre {width:415px !important;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap {display:flex; flex-direction:column; align-items:flex-end;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap > div {width:706px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont {padding:0 11px 22px 24px; border-bottom:1px solid #E3E6ED; align-items:flex-end;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont pre.item-data {margin-left:58px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont .btn-box {display:flex; align-items:center;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont button {width:40px; height:25px; border: 1px solid #C2C7CF; border-radius:2px; font-size:0.929rem;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-cont button:first-child {margin-right:6px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer {padding:20px 11px 0 24px; display:flex; align-items:flex-start;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-top {font-size:0.929rem; color:#fff; width:35px; height:20px; background:#848D9A; border-radius:2px; margin-top:5px; margin-right:24px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot {width:100%;} .fit-comm-qna .com-bot .faq-wrap .faq-cate ol .faq-bot .faq-cont-wrap .faq-answer .an-bot > div {font-size:1.286rem; color:#414853;} */ .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm {list-style:none;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table {width:100%; display:flex; align-items:center;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item {font-size:1.286rem; font-weight:400; color:#414853; text-align:center;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item01 .thumb {width:110px; height:118px; overflow: hidden; margin-right:20px;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item01 img {width:100%; height:100%; object-fit: cover;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item01 .pr-name {width:170px; font-size:1.286rem; display:flex; align-items:center; overflow: hidden; text-align: left;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item01 .pr-name span {display:block; font-size:1.286rem; font-weight:700; display: inline-block; margin-top: -3px;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item02 {/* padding-left:20px; */ text-align:left; display:block; align-items:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item03 img {margin-right:12px; margin-top:-3px;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item-cont {width:70%; margin-left: 61px;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item01 {/* flex:.35; *//* margin-right:20px; */ display:flex; align-items:center;} /* .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item02 {flex:2.8;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item03 {flex:1;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item04 {flex:1;} */ .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-top {padding:20px 10px; border-bottom:1px solid #E3E6ED;} /* .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-item-list:nth-child(1) .faq-top {padding-top:20px;} */ .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot {justify-content:flex-end; padding-right:0 !important;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot pre {width:auto; max-width:65%; width: 325px; word-break: break-all;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap {display:flex; flex-direction:column; align-items:flex-end; padding:20px; background-color:#F6F7F8; /* border-bottom:1px solid #EFF1F5; */} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap:nth-of-type(2) {display: none !important;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap > div {width:735px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont {padding:0 11px 0 24px; align-items:flex-start;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont .btn-box {display:flex; align-items:center;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont button {width:40px; height:25px; border: 1px solid #C2C7CF; border-radius:2px; font-size:0.929rem;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont button:first-child {margin-right:6px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer {display:none;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer.active {padding:20px 11px 0 24px; margin-top: 22px; display:flex; align-items:flex-start; border-top:1px solid #E3E6ED;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .qu-top {font-size:0.929rem; color:#fff; width:35px; height:20px; background:#848D9A; border-radius:2px;display:flex; align-items:center; justify-content:center;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer .an-top {font-size:0.929rem; color:#fff; width:35px; height:20px; background:#848D9A; border-radius:2px; margin-right:24px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer .an-bot {width:100%;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer .an-bot > div {font-size:1.1rem; color:#414853;} /* .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .qu-top {font-size:0.929rem; color:#fff; width:35px; height:20px; background:#848D9A; border-radius:2px;display:flex; align-items:center; justify-content:center;} */ .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont pre.item-data {margin-left:24px; font-size:18px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-item-top {font-size:0.929rem; color:#fff; width:35px; height:20px; background:#848D9A; border-radius:2px;display:flex; align-items:center; justify-content:center;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-item-bot {width:100%;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont:not(.faq-answer) .faq-item-bot {align-items: flex-end;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont:not(.faq-answer) .faq-item-bot .faq-item-left {min-height: 25px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-item-bot > div {font-size:1.1rem; color:#414853;} @media screen and (max-width: 768px) { .fit-comm-qna .section .com-bot {margin-top: 0;} .fit-comm-qna .section .com-bot .fit-board-tit .left-tit, .fit-comm-qna .section .com-bot .fit-board-tit .left-tit span {font-size:1.429rem;} .fit-comm-qna .section .com-bot .bot-cont .faq-tit {display: none;} .fit-board-accordion-list .faq-wrap .faq-cate .faq-comm {padding: 18px 0;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm {padding: 18px 0;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table {width:auto; align-items: flex-start;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item01 {width: 84px !important;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item01 .thumb {width: 84px; height: 84px; border-radius: 5px; overflow: hidden; margin-right: 0;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .right-box {width: 100%;} .fit-comm-qna .section .com-bot .bot-cont .faq-item04 {font-size: 1rem !important; width: auto; text-align: left; margin-bottom: 6px;} .fit-comm-qna .section .com-bot .bot-cont .faq-item04 span {font-size: 1rem; font-weight: 700; margin-right: 3px;} .fit-comm-qna .section .com-bot .bot-cont .faq-item02 {width: 100%; text-align: left; font-size:1.143rem; line-height: 22px; margin-bottom: 12px; font-size:1.143rem !important;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item03 {font-size:0.857rem; color: #6B727C;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot {padding: 0;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap {padding: 20px 16px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont {display: revert; width: 100%; padding: 0 0 0;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer.active {padding: 16px 0 0; display:revert;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer.active .faq-item-right {display: flex; align-items: center; margin-top: 16px; font-size: 12px; font-weight: 400; color: #6B727C;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer.active .faq-item-right span {font-size: 12px; font-weight: 400; color: #6B727C; margin-right:5px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap, .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap > div, .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot pre {width: 100% !important;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-item-top {margin-bottom: 12px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-item-bot {flex-direction: column; align-items: flex-start !important;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont pre.item-data {margin-left: 0; max-width: 100%; font-size:1rem;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont .btn-box {width: 100%; margin-top: 12px; justify-content: flex-end;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont .btn-box button {font-size:0.929rem !important; font-weight: 400; border:1px solid #E3E6ED; border-radius: 4px; color:#414853;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer {display: revert; padding: 20px 16px 24px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer .an-top {margin: 0 0 12px 0;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer .an-bot {display: revert;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-right {display: flex; align-items: center; margin-top: 16px;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-answer .an-bot .an-item-right span {font-size:0.857rem; color: #6B727C;} .fit-comm-qna .com-bot .faq-wrap .faq-cate .faq-bot .faq-cont-wrap .faq-cont:not(.faq-answer) .faq-item-bot .faq-item-left {min-height: 19px; margin-left: 0; font-size:1rem;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item-cont {display:block; width: 100%; margin-left: 18px;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item-cont .faq-item.pr-name {width:100%; font-size:1rem; max-width:100%; text-align:left; word-break: break-all; white-space: normal;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item-cont .faq-item.pr-name span {display:contents; font-size:1rem; font-weight:700; margin-right:3px;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item-cont .faq-item02 {width:100%; margin:6px 0 12px; white-space:inherit;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item-cont .faq-item03 {display:inline-block; font-size:12px !important;} .fit-comm-qna .section .faq-wrap .faq-cate .faq-comm .table .faq-item-cont .faq-item04 {display:inline-block; margin:0; float: left; font-size:12px !important; color:#6B727C; font-weight:400; line-height: 19px; margin-right: 5px;} } /* 소비자 - 마이페이지 내가 남긴 문의 끝 ************************************************************************************/ /* 소비자 - 마이페이지 주문배송조회_목록 ************************************************************************************/ .fit-comm-inqu-order .container {width:100%; margin:0; padding: 0;} .fit-comm-inqu-order .se01 {margin:0 auto 60px; background: #F6F7F8; padding:40px 0;} .fit-comm-inqu-order .se01 h2 {font-size:2.286rem; font-weight:700; width:1000px; margin:0 auto 12px;} .fit-comm-inqu-order .se01 .item-flex {display:flex; align-items:center; justify-content:space-around; padding:28px 0; background: #fff; width:1000px; margin:0 auto;} .fit-comm-inqu-order .se01 .item-flex .item-box {flex-direction: column; text-align:center; padding:10px 0; width:calc(100% / 2); border-right:1px solid #E3E6ED; width: 50%;} .fit-comm-inqu-order .se01 .item-flex .item-box:last-child {border-right:none;} /* .fit-comm-inqu-order .se01 .item-flex > div {display: flex; align-items: center; width: 50%;} */ .fit-comm-inqu-order .se01 .item-flex .item-box .item-tit {padding-bottom: 16px; font-size:1.286rem; font-weight:700;} .fit-comm-inqu-order .se01 .item-flex .item-box .item-info {font-size:2.857rem; font-weight:700;} .fit-comm-inqu-order .container {margin-bottom: 100px;} .fit-comm-inqu-order .container .get-list-wrap {margin-bottom: 80px;} .fit-comm-inqu-order .container .form-btn {width: 1000px; margin: 0 auto;} .fit-comm-inqu-order .container .order-list {width: 100% !important;} /* 주문정보_header */ .fit-comm-inqu-order .se02 .table-header {padding: 22px 10px; border-top: 2px solid #282C33; border-bottom: 1px solid #E3E6ED;} .fit-comm-inqu-order .se02 .table-header .item-title {display: flex;} .fit-comm-inqu-order .se02 .table-header .item-title .product > div {text-align: center; font-weight: 600; font-size:1.2rem;} .fit-comm-inqu-order .se02 .table-header .item-title .pr-index {width: 20%; padding-right: 30px; text-align: center; font-weight: 600; font-size: 1.286rem;} .fit-comm-inqu-order .se02 .table-header .item-title .product {width: 80%; display: flex;} .fit-comm-inqu-order .se02 .table-header .item-title .product div {font-size: 1.286rem;} .fit-comm-inqu-order .se02 .table-header .item-title .product .pr-info {width: 70%;} .fit-comm-inqu-order .se02 .table-header .item-title .product .pr-count {width: 15%;} .fit-comm-inqu-order .se02 .table-header .item-title .product .pr-price {width: 15%;} .fit-comm-inqu-order .se02 .table-header .item-title .pr-status {width: 15%; padding-left: 20px; text-align: center; font-weight: 600; font-size:1.2rem;} /* 주문정보_body */ .fit-comm-inqu-order .se02 .table-body {} .fit-comm-inqu-order .se02 .table-body .item-box:last-child div {border-bottom: 0;} .fit-comm-inqu-order .se02 .table-body .item {display: flex; padding: 0 10px;} .fit-comm-inqu-order .se02 .table-body .item .product-list {display: flex; width: 80%; flex-wrap: wrap; justify-content: flex-end;} .fit-comm-inqu-order .se02 .table-body .item .pr-index {width: 20%; padding-right:30px; display: flex !important; flex-direction: column; justify-content: center; align-items: center; border-bottom: 1px solid #E3E6ED; } .fit-comm-inqu-order .se02 .table-body .item .pr-index .date {font-size:1.715rem; font-weight: 700; letter-spacing: -0.01em; line-height: 140%;} .fit-comm-inqu-order .se02 .table-body .item .pr-index .num {margin-top: 4px;} .fit-comm-inqu-order .se02 .table-body .item .pr-index .num > a, .fit-comm-inqu-order .se02 .table-body .item .pr-index .num a span {font-size:1.15rem; color: #414853; letter-spacing: -0.02em;} .fit-comm-inqu-order .se02 .table-body .item .product {width: 100%; display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #E3E6ED;} .fit-comm-inqu-order .se02 .table-body .item .product > div {display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.286rem; text-align: center;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info {width: 70%;align-items: flex-start;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info > a {display: flex; flex-direction: row; align-items: center;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .thumb {width: 110px; min-width: 110px; height: 118px; overflow: hidden;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .thumb img {width: 100%; height: 100%; object-fit: cover;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info {margin-left: 20px;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .title {font-size: 1.286rem; font-weight: 400; width: auto; max-width:350px; text-align: left; overflow: hidden; text-overflow: ellipsis;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .title span {font-size: 1.286rem; font-weight: 700;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .options {text-align: start; margin-top: 11px;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .options span {font-size: 1.15rem; line-height: 140%; letter-spacing: -0.01em; color: #6B727C; display: flex;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .option p {margin-top: 10px; display:flex; align-items:center;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .option p > span {font-size:1.143rem; font-weight: 400; color: #6B727C; margin: 0 3px;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .option p > span.op-tit { padding: 2px 8px; line-height: 19px; margin-right: 8px; background-color: #848D9A; border-radius: 2px; height:24px; font-size:0.929rem; color:#fff;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-count {width: 15%;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-count span {font-size: inherit;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-price {width: 15%; display: flex !important; align-items: center; flex-direction: inherit;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-price span {font-size: 1.286rem;} .fit-comm-inqu-order .se02 .table-body .item .product .status_element {width: 15%;} .fit-comm-inqu-order .se02 .table-body .item .product .status_element a {width: 79px; padding:8px 0; display: inline-block; align-items: center; justify-content: center; border-radius: 4px; background: #414853; color: #fff; font-size:1rem;} /* .fit-comm-inqu-order .se02 .table-body .item .pr-status {width: 15%; padding-left:20px; display: flex; align-items: center; justify-content: center; text-align: center; border-bottom:1px solid #E3E6ED;} .fit-comm-inqu-order .se02 .table-body .item .pr-status .status {margin-top:4px;} .fit-comm-inqu-order .se02 .table-body .item .pr-status .status > div {font-size: 1.286rem;} .fit-comm-inqu-order .se02 .table-body .item .pr-status .status > .status-btn {text-align: center; font-size:1rem; width: 80px; height: 36px; display: fl.popup-withdrawal imgx; align-items: center; justify-content: center; background: #414853; color: #fff; border-radius: 4px; margin-top: 8px; cursor:pointer;} .fit-comm-inqu-order .se02 .table-body .item .pr-status .status > .status-btn:last-child > span, .fit-comm-inqu-order .se02 .table-body .item .pr-status .status > .status-btn:last-child > a, .fit-comm-inqu-order .se02 .table-body .item .pr-status .status > .status-btn:last-child > span a {display: inline-block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size:1rem;} .fit-comm-inqu-order .se02 .table-body .item .pr-status .status {margin-top:4px;} */ .fit-comm-inqu-order .se02 .table-body .item .product .pr-state {width: 15%; align-items: center;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-state span {font-size: 1.286rem;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-state a {width:auto; padding:8px 15px; background-color:#414853; color:#fff; border-radius:4px; margin-top:8px; font-size:1rem;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-state a.status_element {display:inline-block; width:72%;} /* 목록없을때 */ .fit-comm-inqu-order .count-status {padding: 60px 0 80px;} /* 더보기 버튼 */ .fit-comm-inqu-order .form-btn {text-align: center; margin-bottom: 100px;} .fit-comm-inqu-order .form-btn > span {display: inline-block; width: 100%; padding: 8px 0; border:1px solid #E3E6ED; cursor: pointer; color:#6B727C; font-size: 1.143rem;} .fit-comm-inqu-order .form-btn > span > i {font-size: 1.143rem; margin-left: 5px; color: #6B727C;} /********** 취소/교환/환불_목록 **********/ .fit-comm-inqu-order .se02 .get-list {margin-top:80px;} .fit-comm-inqu-order .se02 .order-date:first-child {margin-top:0;} .fit-comm-inqu-order .se02 .order-date {font-size:2.286rem; font-weight:700; margin-bottom:20px;} .fit-comm-inqu-order .se02 .top-cont .item-table {border:1px solid #E3E6ED; border-radius:2px; padding:20px 42px 20px 24px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 {/* width:60%;*/ display:flex; align-items:center;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 {justify-content:flex-start;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .item-thumb {width:110px; height:118px; overflow: hidden; margin-right:26px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .item-thumb img {width:100%; height:100%; object-fit:cover;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .table-info {text-align:left; width: 700px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .table-info .pro-name {font-size:1.286rem; display:flex; align-items:Center; margin-bottom:10px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .table-info .pro-name span {font-size:1.286rem; font-weight:700; margin-right:5px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .pro-op p, .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .pro-op p span {font-size:1.143rem; color:#6B727C;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .pro-op p {display:flex; align-items:Center; line-height:22px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .pro-op p span {margin-left:4px;} .fit-comm-inqu-order .se02 .top-cont .item-table .right-box {} .fit-comm-inqu-order .se02 .top-cont .item-table .item02 {width:80px; height:36px; color:#fff; border-radius:4px; background: #414853;} .fit-comm-inqu-order .se02 .top-cont .item-table .item02 a {color:#fff;} .fit-comm-inqu-order .se02 .top-cont .item-table .item02.op-modify {margin-right:15px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item02.op-modify a {color:#fff; width: 100%; height: 100%;} .fit-comm-inqu-order .se02 .top-cont .item-table .item03 {margin-bottom:10px; text-align: center;} .fit-comm-inqu-order .se02 .top-cont .item-table .item03.delivery-inq {color:#287EFF; text-decoration:underline; cursor: pointer;} .fit-comm-inqu-order .se02 .top-cont .item-table .item03, .fit-comm-inqu-order .se02 .top-cont .item-table .item03 a, .fit-comm-inqu-order .se02 .top-cont .item-table .item04, .fit-comm-inqu-order .se02 .top-cont .item-table .item04 span {font-size:1.286rem; font-weight:700;} .fit-comm-inqu-order .se02 .top-cont .item-table .item04 {display:flex; align-items:center;} /* 팝업 */ .fit-comm-inqu-order .fit-pop-cont i {font-size:4.571rem; color:#1AD0FC;} .fit-comm-inqu-order .fit-pop-cont .btn-box {display:flex; align-items:Center; margin-top:40px;} .fit-comm-inqu-order .fit-pop-cont .btn-box button {width:204px; height:60px; border-radius:4px; font-size:1.429rem; display:flex; align-items:Center; justify-content:Center; border:1px solid #414853;} .fit-comm-inqu-order .fit-pop-cont .btn-box button a {font-size:1.429rem; width:100%; height:100%;} .fit-comm-inqu-order .fit-pop-cont .btn-box button:first-child {margin-right:8px;} .fit-comm-inqu-order .fit-pop-cont .btn-box .non-btn {background:#414853; color:#fff;} .fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p:nth-of-type(1) {margin-bottom: 0 !important;} .fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p:nth-of-type(2) {margin-top: 0 !important;} .popup-close {display:flex; align-items:center; justify-content:flex-end; margin-bottom:10px;} .popup-close i.pop-close {font-size:2rem; color:#000; cursor: pointer;} /********** 취소/교환/환불 **********/ .fit-comm-inqu-refund .se02 .top-cont .item-table .item03 {color:#F23F3F;} .fit-comm-inqu-refund .fit-inquiry-pop .fit-form-tit {padding-bottom:12px; margin-bottom:0;} .fit-comm-inqu-refund .fit-inquiry-pop .fit-form-tit p {font-size:1.429rem; margin:0 auto;} /* 회수조회 - detail */ .fit-comm-inqu-refund .inqu-refund-detail {margin-top:60px;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont {margin-bottom:100px;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info {margin-top:0;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section {margin-top:40px; border-top:2px solid #282C33;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section.se01 {margin-top:0; border-top:0;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section .item-table {padding:22px 9px; border:0;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section.se03 .item-table {border-bottom:1px solid #E3E6ED;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section.se03 .item-table:last-child {border-bottom:0;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section .sec-tit {padding:22px 9px; border-bottom:1px solid #E3E6ED;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section .sec-tit p {font-size:1.286rem; font-weight:700;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section .item-tit {color:#414853; font-weight:400;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section .item-cont {font-weight:400;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info button.back-btn {width: 100%; height: 60px; margin-top: 60px;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info button.back-btn a {width: 480px; height: 100%; color:#fff; font-size:1.429rem; font-weight:700; border-radius: 4px; background-color: #414853;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-state .status-box-outer {display: flex; flex-direction: column;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-state .status-box-outer .white {color: #414853; border: 1px solid #E3E6ED; background-color: transparent;} @media screen and (max-width: 768px) { .fit-comm-inqu-order .container {padding: 0 !important;} .fit-comm-inqu-order .container .fit-inquiry-pop.inqu-refund-detail {margin-top:0;} .fit-comm-inqu-order .container .fit-inquiry-pop.inqu-refund-detail .pop-cont {width: 100% !important; overflow-Y:revert;} .fit-comm-inqu-order .container .fit-inquiry-pop.inqu-refund-detail .pop-cont .section .item-table .table-item .item-tit {color: #6B727C;} .fit-comm-inqu-order .container .fit-inquiry-pop.inqu-refund-detail .pop-cont .pop-info .section.se03 .item-table:last-child {border-bottom:1px solid #E3E6ED;} .fit-comm-inqu-order .container .form-btn {width: auto; margin-top: 24px;} .fit-comm-inqu-order .se01 {padding: 32px 20px 24px;} .fit-comm-inqu-order .se01 h2 {width:100%; font-size:1.714rem; margin-bottom: 16px;} .fit-comm-inqu-order .se01 .item-flex {display: flex; flex-wrap: wrap; padding: 16px; width: 100%;} .fit-comm-inqu-order .se01 .item-flex > div {width: 100%; padding: 16px 0;} .fit-comm-inqu-order .se01 .item-flex .item-box:nth-of-type(1), .fit-comm-inqu-order .se01 .item-flex .item-box:nth-of-type(2) {position: relative; border-bottom: 0; margin-bottom: 32px;} .fit-comm-inqu-order .se01 .item-flex .item-box:nth-of-type(1)::after, .fit-comm-inqu-order .se01 .item-flex .item-box:nth-of-type(2)::after {content: ""; position: absolute; bottom: -16px; left: 0; width: 100%; height: 1px; display: block; background-color: #E3E6ED;} .fit-comm-inqu-order .se01 .item-flex .item-box:nth-of-type(2n) {border-right: 0;} .fit-comm-inqu-order .se01 .item-flex .item-box .item-tit {padding-bottom: 4px; font-size: 1rem;} .fit-comm-inqu-order .se01 .item-flex .item-box .item-info {font-size:1.571rem;} /* 주문정보_body */ .fit-comm-inqu-order .se02 .table-body {padding: 0 20px;} .fit-comm-inqu-order .se02 .table-body .item-box {margin-top: 25px;} .fit-comm-inqu-order .se02 .table-body .item-box:first-child {margin-top: 0;} .fit-comm-inqu-order .se02 .table-body .item-box:last-child .item {border-bottom: 1px solid #E3E6ED;} .fit-comm-inqu-order .se02 .table-body .item-box .date.mobile {font-size: 1.429rem; font-weight: 800; margin-bottom: 12px;} .fit-comm-inqu-order .se02 .table-body .item {flex-direction: column; border: 1px solid #E3E6ED; border-radius: 2px; padding: 0 16px 20px; box-sizing: border-box;} .fit-comm-inqu-order .se02 .table-body .item .pr-index.pc {display: none !important;} .fit-comm-inqu-order .se02 .table-body .item .product-list {width: 100%;} .fit-comm-inqu-order .se02 .table-body .item .product {flex-direction: column; padding: 0; align-items: flex-start; padding:20px 0;} .fit-comm-inqu-order .se02 .table-body .item .product:last-child {border: 0; padding-bottom: 0;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info {width: 100%;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info > a {width: 100%; align-items: flex-start;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .thumb {width: 84px; min-width: 84px; height: 84px; border-radius: 5px;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info {margin-left: 18px; width: 200px;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .title {width: 100%;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .title span {font-size: 1.143rem; font-weight: 700;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .options {margin: 6px 0;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .options span {margin-top: 0; font-size: 1rem;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .option p.pr-count.mobile {margin: 0;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .option p > span {font-size: 1rem;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .option p > span.op-tit {width: auto; padding: 0; background: transparent; color: #6B727C; line-height: 24px; margin: 0;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-info .info .option p > span.op-tit:after {content: ":";} .fit-comm-inqu-order .se02 .table-body .item .product .pr-count {display: flex; flex-direction: row; justify-content: flex-start; width: 100%; padding-left: 102px;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-count span {font-size: 1.3rem; color: #282C33; display: flex !important; flex-direction: initial; font-weight: 700;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-count span.mobile {padding: 4.5px 9px; background: #F6F7F8; border-radius: 2px; margin-left: 12px; font-size: .93rem;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-count.pc {display: none !important;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-price.pc {display: none !important;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-state {width: 100%;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-bot {width: 200px; margin-left: 84px; padding-left: 18px; text-align:left;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-bot .pr-price {display:inline-block !important; width: auto; font-size: 1.286rem; font-weight: 700;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-bot .pr-price span {font-size: 1.286rem; font-weight: 700;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-bot .status {display:inline-block !important; margin-left: 12px; background: #F6F7F8; border-radius: 2px; padding:5px 18px; font-size: 0.929rem; font-weight: 700;} .fit-comm-inqu-order .se02 .table-body .item .product .status_element {width: 100%; align-items: flex-start; padding-left: 102px; border: 0; margin-top: 16px;} .fit-comm-inqu-order .se02 .table-body .item .product .status_element a {font-size: 0.929rem !important; font-weight: 400;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-bot .status_element {display:inline-block; width:auto; padding:7px 12px; background-color:#414853; color:#fff; border-radius:4px; font-size:0.929rem; font-weight: 400;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-bot .status_element a {font-size: 0.929rem !important; font-weight: 400;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-state .status-box-outer {flex-direction: row; width: 100%;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-state a {width: 100%; margin-right: 8px; padding: 9px 0;} .fit-comm-inqu-order .se02 .table-body .item .product .pr-state a:last-child {margin-right:0;} /* .fit-comm-inqu-order .se02 .table-body .item .pr-status {width: 100%; justify-content: flex-start; padding-left: 102px; border: 0;} .fit-comm-inqu-order .se02 .table-body .item .pr-status .status > .status-btn {margin-top: 16px; height: 28px;} .fit-comm-inqu-order .se02 .table-body .item .pr-status .status > .status-btn span a {font-size: 0.929rem !important; font-weight: 400;} */ /* 페이지네이션 */ .fit-comm-inqu-order .form-btn {margin-top: 24px; padding: 0 20px;} .fit-comm-inqu-order .form-btn span {padding: 13px 0 ;} /********** 취소/교환/환불_목록 **********/ .fit-comm-inqu-order .se02 {margin-top: 32px;} .fit-comm-inqu-order .se02 .get-list {padding: 0 20px;} .fit-comm-inqu-order .se02 .order-date {font-size:1.429rem; margin-bottom: 12px;} .fit-comm-inqu-order .se02 .top-cont .item-table {padding: 20px 16px; align-items: flex-start;} .fit-comm-inqu-order .se02 .top-cont .item-table .right-box {display: revert;} .fit-comm-inqu-order .se02 .top-cont .item-table .item01 .item-thumb {width: 84px; height: 84px; margin-right: 18px; border-radius: 5px; overflow: hidden;} .fit-comm-inqu-order .se02 .top-cont .item-table .right-box .pro-name, .fit-comm-inqu-order .se02 .top-cont .item-table .right-box .pro-name span {font-size:1.143rem;} .fit-comm-inqu-order .se02 .top-cont .item-table .right-box .pro-name {margin-bottom: 6px;} .fit-comm-inqu-order .se02 .top-cont .item-table .right-box .pro-name span {font-weight: 700;} .fit-comm-inqu-order .se02 .top-cont .item-table .right-box .pro-op {margin-bottom: 12px; line-height: 19px;} .fit-comm-inqu-order .se02 .top-cont .item-table .right-box .pro-op p {font-size: 14px; color: #6B727C; display: flex; align-items: center;} .fit-comm-inqu-order .se02 .top-cont .item-table .right-box .pro-op span {font-size: 14px; color: #6B727C;} .fit-comm-inqu-order .se02 .top-cont .item-table .item04 {line-height: 25px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item04 span:first-child {margin-right: 0;} .fit-comm-inqu-order .se02 .top-cont .item-table .item04, .fit-comm-inqu-order .se02 .top-cont .item-table .item04 span {font-size:1.286rem; margin-right: 12px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item03 { margin: 0; background: #F6F7F8; border-radius: 2px; font-size:0.929rem; font-weight: 700; padding:5px 8px;} .fit-comm-inqu-order .se02 .top-cont .item-table .item02 {margin-top: 16px; width: 68px; height: 28px; font-size:0.929rem !important; font-weight: 400;} .fit-comm-inqu-order .se02 .top-cont .item-table .item02 a {font-size: 13px !important; font-weight: 400;} .fit-comm-inqu-order .se02 .get-list {margin-top: 60px;} .fit-comm-inqu-order .se02 .top-cont .item-table .delivery-inq a {font-size:0.929rem; color: #287EFF;} .fit-comm-inqu-refund .se02 .top-cont .item-table .item02 {float: right; margin-right: 0;} .fit-comm-inqu-refund .se02 .top-cont .item-table .item03 {width: auto; display: inline-block;} /* 팝업 */ .fit-comm-inqu-order .pop-cont {width: 85%; border-radius: 4px;} .fit-comm-inqu-order .fit-pop-cont .btn-box {margin-top: 32px;} .fit-comm-inqu-order .fit-pop-cont .btn-box button {width: 50%; height: 48px;} .fit-comm-inqu-order .fit-pop-cont .btn-box .non-btn, .fit-comm-inqu-order .fit-pop-cont .btn-box button a {font-size:16px !important; font-weight: 700;} .fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p {margin: 16px auto 32px; line-height: 26px;} .fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p:nth-of-type(1) {margin-bottom: 0 !important;} .fit-comm-inqu-order .fit-pop-cont .pop-cont .pop-info p:nth-of-type(2) {margin-top: 0 !important;} /* 주문일자/결제취소일자 추가, mobile 디자인 변경 */ .fit-comm-inqu-refund .fit-inquiry-pop .fit-form-tit {border-bottom: 0; padding-bottom: 20px;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section {margin-top: 20px; border-top: 0;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section .sec-tit {padding: 12px 0; border-bottom: 2px solid #282C33;} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info .section .item-table {padding: 16px 0; border-bottom: 1px solid #E3E6ED} .fit-comm-inqu-refund .inqu-refund-detail .pop-cont .pop-info button.back-bt {margin-top: 40px;} } /* 소비자 - 마이페이지 주문배송조회_목록 끝 ************************************************************************************/ /********** 취소/교환/환불_상세 **********/ .inqu-order-detail .se02 .table-header {padding:22px 20px;} .inqu-order-detail .se02 .table-header .item-title .product {width: 85%;} .inqu-order-detail .se02 .table-header .item-title .product .pr-info {width: 75%;} .inqu-order-detail .se02 .table-header .item-title .pr-status {padding: 0;} .inqu-order-detail .se02 .table-body .item {padding: 0 20px;} .inqu-order-detail .se02 .table-body .item .product-list {width: 85%;} .inqu-order-detail .se02 .table-body .item .product .pr-info {width: 75%;} .inqu-order-detail .se02 .table-body .item:last-child .product {border: 0;} .inqu-order-detail .se02 .table-body .item:last-child .pr-status {border: 0;} .inqu-order-detail .se02 .table-body .item .pr-status {padding: 0;} .inqu-order-detail .se02 .bot-cont {margin-top:32px;} .inqu-order-detail .se02 .bot-cont .fit-form-tit {padding:22px 0; margin-bottom:22px; border-top:2px solid #282C33; border-bottom:1px solid #E3E6ED;} .inqu-order-detail .se02 .bot-cont .fit-form-tit p {font-size:1.286rem;} .inqu-order-detail .se02 .bot-cont .item-table {margin-top: 60px;} .inqu-order-detail .se02 .bot-cont .item-table:first-child {margin-top: 0;} .inqu-order-detail .se02 .bot-cont .item-table .table-item {display:flex; align-items:Center; margin-bottom:16px;} .inqu-order-detail .se02 .bot-cont .item-table .table-item:last-child {margin-bottom:0;} .inqu-order-detail .se02 .bot-cont .item-table .table-item span {font-size:1.286rem;} .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-tit {color:#414853; width:180px; display:inline-block;} .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont {display:flex; align-items:Center;} .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont .bill-btn {margin-left: 12px;} .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont .bill-btn, .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont .bill-btn a {color:#287EFF; text-decoration:underline; cursor: pointer; font-size: 1.286rem;} /* 버튼 */ .inqu-order-detail .list-btn {margin:78px auto 0; background: #282C33; border-radius: 4px; width: 280px; height: 60px; display: flex;} .inqu-order-detail .list-btn a {color: #fff; font-size: 1.429rem; font-weight: 700; } @media screen and (max-width: 768px) { .inqu-order-detail .se02 {padding: 0 20px;} .inqu-order-detail .se02 .table-body {padding: 0;} .inqu-order-detail .se02 .table-body .item-box {padding:0 16px; border: 1px solid #E3E6ED;} .inqu-order-detail .se02 .table-body .item {padding: 20px 0; border: 0; border-bottom: 1px solid #E3E6ED;} .inqu-order-detail .se02 .table-body .item:last-child {border: 0;} .inqu-order-detail .se02 .table-body .item .product-list {width: 100%;} .inqu-order-detail .se02 .table-body .item .product .pr-info {width: 100%;} .inqu-order-detail .se02 .table-body .item .pr-status {padding-left: 102px;} .inqu-order-detail .se02 .bot-cont .fit-form-tit {border-bottom:2px solid #282C33; border-top:0; padding: 0 0 12px 0; margin-bottom: 16px;} .inqu-order-detail .se02 .bot-cont .item-table {padding-bottom: 16px; border-bottom: 1px solid #E3E6ED; margin-top: 32px;} .inqu-order-detail .se02 .bot-cont .item-table .table-item {margin-bottom: 12px;} .inqu-order-detail .se02 .bot-cont .fit-form-tit p {font-size:1.286rem;} .inqu-order-detail .se02 .bot-cont .item-table .table-item span {font-size:1.143rem;} .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-tit {width: 30%;} .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont {flex-wrap: wrap; width: 70%;} .inqu-order-detail .se02 .bot-cont .item-table .table-item .item-cont .bill-btn {font-size: 16px;} /* 버튼 */ .inqu-order-detail .list-btn {width: 100%; height: 50px; margin-top: 24px;} .inqu-order-detail .list-btn a {font-size: 1rem !important; font-weight: 400;} } /********** 취소/교환/환불_상세 끝 **********/ /* 소비자 - 취소/교환/환불 팝업01 ************************************************************************************/ .fit-inquiry-pop .pop-cont {width:480px;} .fit-inquiry-pop .pop-cont h2 {font-size:2rem; font-weight:700;} .fit-inquiry-pop .pop-cont .pop-close i {} .fit-inquiry-pop .pop-cont .pop-info {margin-top:25px;} .fit-inquiry-pop .section {background:transparent; padding:0;} .fit-inquiry-pop .se01 {margin-bottom:0;} .fit-inquiry-pop .se03 .item-table:last-child .table-item:first-child .item-cont span {margin:0 4px;} .fit-inquiry-pop .se03 .item-table:last-child .table-item:first-child .item-cont span:first-child {margin-left:0;} .fit-inquiry-pop .se03 .item-table:last-child .table-item:last-child .item-cont {color:#F23F3F; font-weight:700;} .fit-inquiry-pop .item-table {padding:25px 9px 9px; border-bottom:1px solid #E3E6ED;} .fit-inquiry-pop .item-table .table-item {display:flex; align-items:flex-start; margin-bottom:16px;} /* .fit-inquiry-pop .item-table .table-item */ .fit-inquiry-pop .item-table .table-item:last-child {margin-bottom:0;} .fit-inquiry-pop .item-table .table-item span strong, .fit-inquiry-pop .item-table .table-item span {font-size:1.286rem;} .fit-inquiry-pop .item-table .table-item .item-tit {color:#6B727C; width:190px; display:inline-block; text-align:left; letter-spacing: -0.01em;} .fit-inquiry-pop .item-table .table-item .item-cont {display:flex; align-items:Center; font-weight: 400;} .fit-inquiry-pop .item-table .table-item .item-cont.addr span {margin-right: .5rem;} .fit-inquiry-pop .item-table .table-item .item-cont.addr span:last-child {margin-right: 0;} .fit-inquiry-pop .item-table:first-child .table-item .item-cont span[data-detail_key="refund_price"] {color: #FF2020; font-weight: 700; margin-right: 5px;} .fit-inquiry-pop .item-table .table-item .item-cont .bill-btn {margin-left:12px; color:#287EFF; text-decoration:underline; cursor: pointer;} .fit-inquiry-pop.fit-pop-cont .pop-cont span {font-size:1.714rem; font-weight:700; margin:16px auto 0; display: inline-block;} .fit-inquiry-pop .pop-cont button.submit-btn {background: #1AD0FC; border-radius: 4px; color: #fff; width:480px; height:60px; font-size: 1.429rem; font-weight: 400; margin: 40px auto 0;} /* 버튼 스타일 추가 */ .fit-inquiry-pop .pop-cont button.submit-btn.btn04 {width:354px; height:72px; margin: 60px 6px 0;} .fit-inquiry-pop .pop-cont button.submit-btn.btn02 {background-color: #414853; opacity: 1; float: inherit;} .fit-inquiry-pop .pop-cont button.submit-btn a {color: #fff; font-size: 26px; font-weight:700;} /* .fit-inquiry-pop .pop-cont button.submit-btn a {color: #fff; font-size: 1.429rem; font-weight:700;} */ @media screen and (max-width: 768px) { .fit-inquiry-pop .pop-cont {width: 100%; height: 100%; overflow-y: scroll; border-radius: 0; padding: 60px 20px 50px;} .fit-pop-cont .pop-cont .pop-close i {top: 35px; right: 20px;} .fit-inquiry-pop .pop-cont h2 {font-size:1.714rem;} .fit-inquiry-pop .pop-cont .pop-info {margin-top: 0;} .fit-comm-inqu-refund .fit-inquiry-pop .fit-form-tit p {font-size:1.286rem;} .fit-inquiry-pop .item-table {padding:16px 0;} .fit-inquiry-pop .item-table .table-item {justify-content: space-between;} .fit-inquiry-pop .item-table .table-item span {font-size:1.143rem;} .fit-inquiry-pop .item-table .table-item .item-tit {flex:.4;} .fit-inquiry-pop .item-table .table-item .item-cont {flex:.65; text-align: left;} .fit-inquiry-pop .item-table .table-item .item-cont.addr {flex-direction: column; align-items: flex-start;} .fit-inquiry-pop .item-table .table-item .item-cont.addr span {margin-right: 0;} .fit-inquiry-pop .se01 .item-table .table-item:first-child {align-items: flex-start;} .fit-inquiry-pop .pop-cont button.submit-btn {width: 100%;} .fit-inquiry-pop .pop-cont button.submit-btn.btn04 {margin: 40px 4.5px 0;} } /* 소비자 - 취소/교환/환불 팝업01 끝 ************************************************************************************/ /* 소비자 - 마이페이지 주문 취소 / 환불,환불 신청_payment-container ************************************************************************************/ /* 공통 */ .fit-comm-or-cancel .fit-form-tit {padding-bottom:20px; margin-bottom:0;} .fit-comm-or-cancel .top-cont .item-table {border:1px solid #E3E6ED; border-radius:2px; padding:20px 42px 20px 24px; margin-top:25px;} .fit-comm-or-cancel .top-cont .item-table {width:100%;/* display:flex; align-items:center; */} .fit-comm-or-cancel .top-cont .item-table .item-data {display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #E3E6ED;} .fit-comm-or-cancel .top-cont .item-table .item-data:first-child {padding-top: 0;} .fit-comm-or-cancel .top-cont .item-table .item-data:last-child {padding-bottom: 0; border-bottom:0;} .fit-comm-or-cancel .top-cont .item-table .item-thumb {width:110px; height:118px; overflow: hidden; margin-right:26px; align-self: flex-start;} .fit-comm-or-cancel .top-cont .item-table .item-thumb img {width:100%; height:100%; object-fit:cover;} .fit-comm-or-cancel .top-cont .item-table .item-info {text-align:left;} .fit-comm-or-cancel .top-cont .item-table .item-info .pr-name {font-size:1.286rem; display:flex; align-items:Center; margin-bottom:10px;} .fit-comm-or-cancel .top-cont .item-table .item-info .pr-name span {font-size:1.286rem; font-weight:700; margin-right:5px;} .fit-comm-or-cancel .top-cont .item-table .item-info .pr-op .option .op-item {font-size: 1.15rem; line-height: 140%; letter-spacing: -0.01em; color: #6B727C;} .fit-comm-or-cancel .top-cont .item-table .pr-op p, .fit-comm-or-cancel .top-cont .item-table .pr-op p span {font-size:1.143rem; color:#6B727C;} .fit-comm-or-cancel .top-cont .item-table .pr-op p {display:flex; align-items:Center; line-height:22px;} .fit-comm-or-cancel .top-cont .item-table .pr-op p:first-child {margin-right:5px;} /* .fit-comm-or-cancel .top-cont .item-table .pr-op p span {margin-left:4px;} */ .fit-comm-or-cancel .top-cont .item-table .item-info p.pr-price {display:flex; align-items:center; margin-top:3px;} .fit-comm-or-cancel .top-cont .item-table .item-info p.pr-price, .fit-comm-or-cancel .top-cont .item-table .item-info p.pr-price span {font-size:1.286rem; font-weight:700; display:flex; align-items:Center;} .fit-comm-or-cancel .top-cont .option-table {margin-top: 18px;} .fit-comm-or-cancel .top-cont .option-table .item-tit {font-size:20px; font-weight:400;} .fit-comm-or-cancel .top-cont .option-table .item-cont {width:43.75vw;} /* 교환/환불 신청 완료페이지 상품 옵션 배치 변경 */ .fit-comm-or-cancel .top-cont .item-info .pr-op .option {display: flex;} .fit-comm-or-cancel .reason-container > .bot-cont {margin:80px auto 70px;} .fit-comm-or-cancel .bot-cont .item-table {margin-bottom:18px;} .fit-comm-or-cancel .bot-cont .item-table .item-tit {font-size:20px; font-weight:400; width:160px;} .fit-comm-or-cancel .bot-cont .item-table .item-cont {width:839px; letter-spacing: -0.01em; font-weight: 400;} .fit-comm-or-cancel .bot-cont .item-table .item-cont[data-detail_key="refund_price"] {width: auto; color:#F23F3F; margin-right: 5px; font-weight: 700;} .fit-comm-or-cancel .bot-cont .item-table .item-cont .xi-angle-down {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); font-size: 1.071rem; color: #6B727C;} .fit-comm-or-cancel .bot-cont .item-table .item-cont select.active + .xi-angle-down {transform: translateY(-50%)rotate(180deg);} .fit-comm-or-cancel .bot-cont .item-table .item-cont .xi-angle-down.active {top:8%;} .fit-comm-or-cancel .bot-cont .item-table .item-cont select { -webkit-appearance:none; -moz-appearance:none; appearance:none;} .fit-comm-or-cancel .bot-cont .item-table .item-cont.item-respon {display:flex; align-items:center;} .fit-comm-or-cancel .bot-cont .item-table .item-cont label {font-size:1.2rem; margin-right:8px;} .fit-comm-or-cancel .bot-cont .item-table .item-cont label input {height:auto !important;} .fit-comm-or-cancel .bot-cont .item-table .item-cont label:last-child {margin-right:0;} .fit-comm-or-cancel .bot-cont .item-table.txt-cont {align-items: flex-start; margin-top:18px;} .fit-comm-or-cancel .bot-cont .item-table.txt-cont .item-tit {margin-top:8px;} .fit-comm-or-cancel .bot-cont .item-table textarea.item-cont {resize: none; height:270px;} .fit-comm-or-cancel .bot-cont .item-table textarea.item-cont::placeholder {font-size: 15px; font-weight: 400; letter-spacing: -0.03em; line-height: 21px;} .fit-comm-or-cancel .bot-cont .item-table .img-cont {} .fit-comm-or-cancel .bot-cont .item-table.img-cont .addImg-cont {position: relative; width:60px; height: 60px; margin-right: 20px;} .fit-comm-or-cancel .bot-cont .item-table.img-cont .addImg-cont .addImg {width:100%; height: 100%; overflow: hidden; border: 1px solid #E3E6ED; border-radius: 4px;} .fit-comm-or-cancel .bot-cont .item-table.img-cont .addImg-cont .addImg img {width:100%; height: 100%; object-fit: cover;} .fit-comm-or-cancel .bot-cont .item-table.img-cont .addImg-cont .deleteImg-btn {position: absolute; top:-5px; right:-5px; width:20px; height:20px; background: #fff; border: 1px solid #535A69; border-radius: 100px;} .fit-comm-or-cancel .bot-cont .item-table.img-cont .addImg-cont .deleteImg-btn i {color:#535A69; font-size:11px; font-weight:600; margin-left: 1px; cursor: pointer;} .fit-comm-or-cancel .bot-cont .item-table.img-cont .addImg-btn {border: 1px solid #E3E6ED; border-radius:4px; width:60px; height:60px; font-size:30px; line-height: 55px; text-align: center; cursor: pointer;} .fit-comm-or-cancel .bot-cont .item-table .item:first-child {position: relative; margin:25px auto 0;} .fit-comm-or-cancel .bot-cont .item-table .item .xi-angle-down {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); font-size: 1.071rem; color: #6B727C;} .fit-comm-or-cancel .bot-cont .item-table .item select {padding:0 24px; color:#AAB1BB; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .fit-comm-or-cancel .bot-cont .item-table .item select.active + .xi-angle-down {transform: translateY(-50%)rotate(180deg);} .fit-comm-or-cancel .bot-cont .item-table .item textarea {color:#282C33; resize:none; height:145px;} .fit-comm-or-cancel .bot-cont .item-table .item select, .fit-comm-or-cancel .bot-cont .item-table .item textarea {width:100%; font-size:1.2rem;} .fit-comm-or-cancel .bot-cont .item-table .item textarea:disabled {background:#fff;} .fit-comm-or-cancel .bot-cont .refund-status {padding-bottom: 9px; margin-bottom: 25px; border-bottom: 1px solid #E3E6ED;} /* 교환/환불 신청 완료페이지 유의 사항 추가 */ .fit-comm-or-cancel .bot-cont .info-box {background: #F6F7F8; padding: 28px; margin-top: 40px;} .fit-comm-or-cancel .bot-cont .info-box div {margin-bottom: 14px;} .fit-comm-or-cancel .bot-cont .info-box li {list-style-image: url("/resources/image/smc/check_icon.svg"); font-weight: 400; font-size: 16px;} .fit-comm-or-cancel .bot-cont .info-box .info-txt, .fit-comm-or-cancel .bot-cont .info-box li {font-family: 'Pretendard'; font-style: normal; line-height: 25px; color: #6B727C; margin-left: 6px;} .fit-comm-or-cancel .bot-cont .info-box .info-tit {font-weight: 600; font-size: 18px; margin-left: 6px;} .fit-comm-or-cancel .btn-box {margin:0 auto;} .fit-comm-or-cancel .btn-box button {width:235px; height:72px; border-radius:4px; font-size:1.857rem; font-weight:700;} .fit-comm-or-cancel .btn-box button a {font-size:1.857rem; font-weight:700; width:100%; height:100%;} .fit-comm-or-cancel .btn-box button.pre-btn {border: 1px solid #000000; margin-right:10px;} .fit-comm-or-cancel .btn-box button.next-btn {border: 1px solid #414853; background: #414853;} .fit-comm-or-cancel .btn-box button.next-btn.btn01 {border: 1px solid #1AD0FC; background: #1AD0FC;} .fit-comm-or-cancel .btn-box button.next-btn.active {border: 1px solid #1AD0FC; background: #1AD0FC;} .fit-comm-or-cancel .btn-box button.next-btn a {color:#fff;} /********** 환불/교환 **********/ .fit-comm-or-cancel .refund-table .impo {color:#F23F3F; font-size:1.143rem;} /* .fit-comm-or-cancel .refund-table .item:last-child {position: relative;} */ .fit-comm-or-cancel .refund-table .item:last-child .impo {position: absolute; top:18px; left:27px;} .fit-comm-or-cancel .refund-table .item:last-child textarea {padding-top:45px;} /********** 환불/교환 끝 **********/ .fit-comm-or-cancel .top-cont .item-table .option[data-canvas='getListOrderProductOption'] .item-data {padding:0; border-bottom:none; flex-wrap: wrap;} /* .item-option-badge {display:inline-block; margin:3px 0 !important; padding:3px 6px !important; font-size:.9rem !important; background-color:#414853; border-radius:3px; color:#fff !important;} */ .item-option-badge {font-size:1.143rem; color:#6B727C;} .item-option-badge::after {content: ":"; font-size:1.143rem; color:#6B727C; margin-right: 3px;} /********** 공통 - 신청완료 팝업 **********/ /* .fit-or-cancel-wrap .fit-pop-cont .fit-form-tit {padding-bottom:12px;} .fit-or-cancel-wrap .fit-pop-cont .fit-form-tit, .fit-or-cancel-wrap .fit-pop-cont .pop-cont .pop-info p {margin-bottom:0;} .fit-or-cancel-wrap .fit-pop-cont .item-table .table-item .item-cont {font-weight:700;} .fit-or-cancel-wrap .fit-pop-cont .section .item-table .table-item .item-cont.color-red {color:#F23F3F; font-weight:700;} .fit-or-cancel-wrap .fit-pop-cont .section .item-table:last-child .table-item:last-child .item-cont {font-weight:400;} .fit-or-cancel-wrap .fit-pop-cont .section .item-table:last-child .table-item:last-child .item-cont span:last-child {margin-left:10px; font-weight:700;} .fit-or-cancel-wrap .fit-pop-cont .submit-btn {margin:61px auto 0; width:416px; height:60px; background:#414853; font-size:1.429rem; color:#fff; font-weight:500; border-radius:4px;} .fit-or-cancel-wrap .top-cont .item-table {width:100%; display:flex; align-items:center;} .fit-or-cancel-wrap .top-cont .item-table .item-thumb {width:110px; height:118px; overflow: hidden; margin-right:26px;} .fit-or-cancel-wrap .top-cont .item-table .item-thumb img {width:100%; height:100%; object-fit:cover;} .fit-or-cancel-wrap .top-cont .item-table .item-info {text-align:left;} .fit-or-cancel-wrap .top-cont .item-table .item-info .pr-name {font-size:1.286rem; display:flex; align-items:Center; margin-bottom:10px;} .fit-or-cancel-wrap .top-cont .item-table .item-info .pr-name span {font-size:1.286rem; font-weight:700; margin-right:5px;} .fit-or-cancel-wrap .top-cont .item-table .pr-op p, .fit-or-cancel-wrap .top-cont .item-table .pr-op p span {font-size:1.143rem; color:#6B727C;} .fit-or-cancel-wrap .top-cont .item-table .pr-op p {display:flex; align-items:Center; line-height:22px;} .fit-or-cancel-wrap .top-cont .item-table .pr-op p span {margin-left:4px;} .fit-or-cancel-wrap .top-cont .item-table .item-info p.pr-price {display:flex; align-items:center; margin-top:3px;} .fit-or-cancel-wrap .top-cont .item-table .item-info p.pr-price, .fit-or-cancel-wrap .top-cont .item-table .item-info p.pr-price span {font-size:1.286rem; font-weight:700; display:flex; align-items:Center;} .fit-or-cancel-wrap .submit-btn {width:480px; height:72px; color:#fff; background:#1AD0FC; margin:170px auto 0; border-radius: 4px; font-size:25px; font-weight:700;} .fit-or-cancel-wrap .submit-btn a {font-size:25px; font-weight:700; color:#fff;} .fit-or-cancel-wrap .fit-inquiry-pop .fit-form-tit {padding-bottom:20px;} .fit-or-cancel-wrap .fit-inq-complete .item-table .table-item .item-cont, .fit-or-cancel-wrap .fit-inq-complete .section .item-table:last-child .table-item:last-child .item-cont span:last-child {font-weight:400;} .fit-or-cancel-wrap .fit-inq-complete .pop-cont .pop-info {margin-top:0;} .fit-or-cancel-wrap .fit-inq-complete .pop-cont .pop-info p {margin-top:0; font-weight:400;} .fit-or-cancel-wrap .fit-inq-complete .top-cont .item-table {border:0; padding:13px 0;} .fit-or-cancel-wrap .fit-inq-complete .top-cont .item-table .item-info .pr-name, .fit-or-cancel-wrap .fit-inq-complete .top-cont .item-table .item-info p.pr-price {line-height:20px;} .fit-or-cancel-wrap .fit-inq-complete .bot-cont {margin:0; border-top:1px solid #E3E6ED;} .fit-or-cancel-wrap .fit-inq-complete .submit-btn {background:#1AD0FC;} .fit-or-cancel-wrap .fit-inq-complete .submit-btn a {width:100%; height:100%; color:#fff; font-size:1.429rem;} */ /********** 공통 - 신청완료 팝업 끝 **********/ @media screen and (max-width: 768px) { .fit-comm-or-cancel .fit-form-tit {padding-bottom: 12px; margin-bottom: 16px;} .fit-comm-or-cancel .container {padding-bottom: 48px !important;} .fit-comm-or-cancel .container .fit-inquiry-pop {width:80%;} .fit-comm-or-cancel .container .pop-cont {width:100% !important;} .fit-comm-or-cancel .reason-container > .bot-cont {margin:80px 0 40px;} .fit-comm-or-cancel .bot-cont {margin:0 auto;} .fit-comm-or-cancel .top-cont .item-table {padding:20px 16px; align-items: flex-start; margin:0;} .fit-comm-or-cancel .top-cont .item-table .item-thumb {width: 84px; min-width: 84px; height: 84px; overflow: hidden; border-radius: 5px; margin-right: 18px;} .fit-comm-or-cancel .top-cont .item-table .item-info .pr-name {display: revert; font-size:1.143rem; margin-bottom: 6px;} .fit-comm-or-cancel .top-cont .item-table .item-info .pr-name span {font-size:1.143rem; margin-right: 3px;} .fit-comm-or-cancel .top-cont .item-table .item-info .pr-op .option {display: revert;} .fit-comm-or-cancel .top-cont .item-table .item-info .pr-op .option .op-item {font-size: 1rem;} .fit-comm-or-cancel .top-cont .item-table .pr-op {margin-bottom: 12px;} .fit-comm-or-cancel .top-cont .item-table .pr-op > div {/* display: flex; align-items: center; flex-wrap: wrap; */} .fit-comm-or-cancel .top-cont .item-table .pr-op p:first-child {position: relative; margin-right:5px;} /* .fit-comm-or-cancel .top-cont .item-table .pr-op p:first-child::before {content: "/"; position: absolute; top: 50%; right:-10px; transform: translateY(-50%);} */ .fit-comm-or-cancel .top-cont .item-table .pr-op p, .fit-comm-or-cancel .top-cont .item-table .pr-op p span {font-size: 1rem;} .fit-comm-or-cancel .bot-cont .item-table .flex-between, .fit-comm-or-cancel .bot-cont .item-table.flex-between {flex-direction: column; align-items: flex-start;} .fit-comm-or-cancel .bot-cont .item-table .item:first-child {margin-bottom: 10px;} .fit-comm-or-cancel .bot-cont .item-table .item-tit {font-size:16px; /* flex:.4; */width: 100%; margin-bottom: 8px; font-weight:400;} .fit-comm-or-cancel .bot-cont .item-table .item-cont, .fit-comm-or-cancel .bot-cont .item-table .item-cont p, .fit-comm-or-cancel .bot-cont .item-table .item-cont span {/* flex:.55; */ width:100%; font-size: 1.143rem; font-weight: 500;} .fit-comm-or-cancel .bot-cont .item-table .item .xi-angle-down {display: none;} .fit-comm-or-cancel .bot-cont .item-table.img-cont .addImg-cont {width: 50px; height: 50px; margin-right: 15px;} .fit-comm-or-cancel .bot-cont .item-table.img-cont .addImg-btn {width: 50px; height: 50px; line-height: 44px;} .fit-comm-or-cancel .btn-box {opacity: 1;} .fit-comm-or-cancel .btn-box button {height: 58px; font-size:1.286rem !important;} .fit-comm-or-cancel .complete_cont .top-cont .item-table {padding:0; padding-bottom:16px; border:0; border-bottom:1px solid #E3E6ED;} .fit-comm-or-cancel .complete_cont .pop-cont button.submit-btn a {font-size: 18px !important;} .fit-comm-or-cancel .complete_cont .bot-cont .item-table .item-tit {flex: .35; margin-bottom:0;} .fit-comm-or-cancel .complete_cont .bot-cont .item-table .item-cont {flex: .7;} .fit-comm-or-cancel .fit-inquiry-pop .pop-cont {position: relative; overflow: hidden; padding:0;} .fit-comm-or-cancel .fit-inquiry-pop .pop-cont .pop-close i.xi-close {display: none;} .fit-comm-or-cancel .fit-inquiry-pop .submit-btn {width: 100%;} /* .fit-comm-or-cancel .fit-inquiry-pop .btn-box {position: absolute; left: 0; bottom:35px; width: 100%; padding: 0 20px;} */ .fit-comm-or-cancel .fit-inquiry-pop .btn-box button {width: 50%;} .fit-comm-or-cancel .fit-inquiry-pop .btn-box .submit-btn {margin-top: 0; background: #1AD0FC;} .fit-or-cancel-wrap .fit-inq-complete {position: fixed;} .fit-or-cancel-wrap .fit-inq-complete .fit-form-tit {padding-bottom: 32px;} .fit-or-cancel-wrap .fit-inq-complete .top-cont .item-table {padding: 20px 0;} .fit-or-cancel-wrap .fit-inq-complete .top-cont .item-table .item-thumb {width: 84px; height: 84px; border-radius: 5px; overflow: hidden; margin-right: 18px;} .fit-or-cancel-wrap .fit-inq-complete .top-cont .item-table .pr-op > div {display: flex; align-items: center;} .fit-or-cancel-wrap .fit-inq-complete .submit-btn {position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); font-size:1.286rem !important; width: 90%;} .fit-comm-or-cancel .refund-table .item:last-child .impo {left: 16px; font-size: 1rem;} .fit-comm-or-cancel .refund-table .item:last-child textarea {padding-top: 38px;} /* 완료팝업 */ .fit-comm-or-cancel .container .fit-inq-complete .pop-cont {width: 90% !important; height: auto; border-radius: 4px; padding:20px; box-sizing: border-box;} .fit-comm-or-cancel .container .fit-inq-complete .pop-cont .pop-info p {margin-bottom: 16px;} .fit-comm-or-cancel .container .fit-inq-complete .pop-cont .pop-info span {margin-top: 0;} .fit-comm-or-cancel .container .fit-inq-complete .pop-cont button.submit-btn {position: revert; transform: none; margin-top:32px;} .fit-comm-or-cancel .top-cont .item-table .item-data {align-items:flex-start;} /* .fit-comm-or-cancel .payment-container {margin-top:0;} */ .fit-comm-or-cancel .bot-cont .item-table .item-cont label {margin-right:20px;} .item-option-badge {font-size: 1rem;} .fit-comm-or-cancel .bot-cont .item-table .item-cont label input {width: auto; margin: 0;} /* select 버튼 */ .fit-comm-or-cancel .bot-cont .item-table .item select {-webkit-appearance:revert; -moz-appearance:auto; appearance:auto;} .fit-comm-or-cancel .bot-cont .item-table .item-cont select {-webkit-appearance:revert; -moz-appearance:auto; appearance:auto;} .fit-comm-or-cancel .bot-cont .item-table .item-cont .xi-angle-down {display: none;} } /* 소비자 - 마이페이지 주문 취소 / 환불,환불 신청 끝 ************************************************************************************/ /* 소비자 - 마이페이지 환불,환불 신청_payment-container ************************************************************************************/ /* .fit-comm-or-cancel .payment-container {margin-top:80px;} */ .fit-comm-or-cancel .payment-container .section {margin-top:80px;} .fit-comm-or-cancel .payment-container .section.top-cont {margin-top:0;} .fit-comm-or-cancel .payment-container .section.top-cont .item-table {border:0; padding: 0; margin-top:28px;} .fit-comm-or-cancel .payment-container .fit-form-tit {padding-bottom:20px;} .fit-comm-or-cancel .payment-container .top-cont .radio-item label {font-size:1.286rem; font-weight:700; display:flex; align-items:center;} .fit-comm-or-cancel .payment-container .top-cont .radio-item label input {width:23px; height:23px; margin-right:14px; cursor: pointer;} .fit-comm-or-cancel .payment-container .top-cont .radio-item label input[type='radio'] {background-color:#00CFFF;} .fit-comm-or-cancel .payment-container .top-cont .radio-item:first-child label {margin-bottom:7px;} .fit-comm-or-cancel .payment-container .top-cont .radio-item span.dely-info {display:none; margin-left:37px; font-size:1.286rem; font-weight:500;} .fit-comm-or-cancel .payment-container .top-cont .radio-item span.dely-info.active {display:block;} .fit-comm-or-cancel .payment-container .top-cont .dely-info {margin-top:10px; display:none;} .fit-comm-or-cancel .payment-container .top-cont .dely-info.active {display:block;} .fit-comm-or-cancel .payment-container .top-cont .dely-info select {margin-bottom:12px;} .fit-comm-or-cancel .payment-container .top-cont .dely-info select, .fit-comm-or-cancel .payment-container .top-cont .dely-info input {width:100%;} .fit-comm-or-cancel .payment-container .mid-cont .fit-form-tit {padding-bottom:9px;} .fit-comm-or-cancel .payment-container .mid-cont .fit-form-tit p {margin-bottom:7px;} .fit-comm-or-cancel .payment-container .mid-cont .fit-form-tit .item-shipping-info {color:#AAB1BB; font-size:1.286rem; font-weight:300; margin-bottom: 4px; line-height: 140%;} .fit-comm-or-cancel .payment-container .mid-cont .fit-form-tit .item-shipping-info:last-child {margin-bottom: 0;} .fit-comm-or-cancel .payment-container .mid-cont .item-table {border:1px solid #E3E6ED; border-radius:4px;} .fit-comm-or-cancel .payment-container .mid-cont .item-table .item {padding:15px 25px;} .fit-comm-or-cancel .payment-container .mid-cont .item-table .item span {font-size:1.429rem;} .fit-comm-or-cancel .payment-container .mid-cont .item-table .item .item-tit {font-weight:700;} .fit-comm-or-cancel .payment-container .mid-cont .item-table .item .item-price {font-weight:500; color:#6B727C;} .fit-comm-or-cancel .payment-container .mid-cont .item-table .item:first-child {border-bottom:1px solid #E3E6ED;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment {margin-top:23px;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-top {display:block; font-size:0;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-top .pay-info {cursor: pointer; border: 1px solid #E3E6ED; display:inline-block; border-radius:4px; text-align:center; width:240px; padding:15px 0; margin:0 13px 15px 0; font-size:1.429rem; font-weight:500; color:#AAB1BB;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-top .pay-info.active {border: 1px solid #282C33; color:#282C33;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-top .pay-info:nth-of-type(4) {margin-right:0;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-bot {width:100%; height:44px;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-bot select {display:none; width:100%;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-bot select.dis_block {display:block;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-bot select, .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-bot select option {width:100%; font-size:1.2rem; color:#AAB1BB; cursor: pointer;} .fit-comm-or-cancel .payment-container .bot-cont .pay-btn {width:480px; height:72px; border-radius:4px; background: #1AD0FC; font-size:1.857rem; color:#fff; font-weight:700; margin:79px auto 0;} .fit-comm-or-cancel .payment-container .bot-cont .pay-btn a, .fit-comm-or-cancel .bot-cont .pay-btn span {font-size:1.857rem;font-weight:700; color:#fff;} @media screen and (max-width: 768px) { .fit-or-cancel-wrap .payment-container .top-cont .item-table {border: 0; padding: 6px 0 16px; border-bottom: 1px solid #E3E6ED;} .fit-comm-or-cancel .payment-container .container {padding-bottom:50px !important;} .fit-comm-or-cancel .payment-container .fit-form-tit {padding-bottom: 12px; margin: 0;} .fit-comm-or-cancel .payment-container .fit-form-tit p {font-family: 'Noto Sans KR'; font-weight: 900; letter-spacing: -0.01em;} .fit-comm-or-cancel .payment-container .top-cont .radio-item label {font-size:1.143rem;} .fit-comm-or-cancel .payment-container .top-cont .radio-item label input {height: 24px !important; width: 24px; margin-right: 10px;} .fit-comm-or-cancel .payment-container .top-cont .radio-item:first-child {margin-bottom: 20px;} .fit-comm-or-cancel .payment-container .top-cont .radio-item span.dely-info {font-size:1.143rem; margin-top: 4px;} .fit-comm-or-cancel .payment-container .top-cont .radio-item:last-child .dely-info.active {margin-top: 28px; padding-bottom: 16px;} .fit-comm-or-cancel .payment-container .top-cont .radio-item:first-child label {margin-bottom: 3px;} .fit-comm-or-cancel .payment-container .section {margin-top: 60px;} .fit-comm-or-cancel .payment-container .section.top-cont .item-table {margin-top: 9px;} .fit-comm-or-cancel .payment-container .mid-cont .fit-form-tit .item-shipping-info {font-size:0.929rem; font-family: inherit;} .fit-comm-or-cancel .payment-container .mid-cont .item-table {border: 0;} .fit-comm-or-cancel .payment-container .mid-cont .item-table .item {padding: 18px 0;} .fit-comm-or-cancel .payment-container .mid-cont .item-table .item:last-child {border-bottom:1px solid #E3E6ED;} .fit-comm-or-cancel .payment-container .mid-cont .item-table .item span {font-size:1.143rem;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment {border-bottom: 1px solid #E3E6ED; padding-bottom: 18px;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-top {flex-wrap: wrap;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-top .pay-info {width:calc((100%/2) - 4px); margin-right: 0; margin-bottom: 12px; font-size:1.071rem;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-top .pay-info:nth-of-type(2n) {margin-left: 8px;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-bot {height: 0;} .fit-comm-or-cancel .payment-container .bot-cont .order-payment .pay-bot.active {height: 44px;} .fit-comm-or-cancel .payment-container .bot-cont .pay-btn {width: 100%; height: 58px; font-size:1.286rem !important; margin-top: 40px;} .fit-comm-or-cancel .payment-container .bot-cont .pay-btn span {font-size:1.286rem !important;} .fit-comm-or-cancel .payment-container .fit-inq-complete .pop-close i.xi-close {display: none;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table {padding: 20px 16px; align-items: flex-start;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .item-thumb {width: 84px; height: 84px; overflow: hidden; border-radius: 5px; margin-right: 18px;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .item-info {width: 200px;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .item-info .pr-name {display: revert; font-size:1.143rem; margin-bottom: 6px;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .item-info .pr-name span {font-size:1.143rem; margin-right: 3px;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .pr-op {margin-bottom: 12px;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .pr-op > div {display: flex; align-items: center;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .pr-op p:first-child {position: relative; margin-right:15px; margin-left: 0;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .pr-op p:first-child::before {content: "/"; position: absolute; top: 50%; right:-10px; transform: translateY(-50%);} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .pr-op p:last-child {margin-left: 0;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .pr-op p, .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .pr-op p span {font-size: 1rem;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .item:first-child {margin-bottom: 10px;} .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table:last-child .table-item:last-child .item-cont span:last-child {margin-left: 0 !important;} .fit-comm-or-cancel .payment-container .fit-inq-complete .submit-btn a {font-size: 14px; font-weight: 400;} .fit-comm-or-cancel .payment-container {margin-top:0;} } /* 소비자 - 마이페이지 환불,환불 신청02 ************************************************************************************/ /* 소비자 - 옵션 변경(출고전) ************************************************************************************/ .fit-op-modity-wrap .top-cont .item-table {border:0; border-bottom:1px solid #E3E6ED;} .fit-op-modity-wrap .bot-cont {margin:22px auto 86px;} .fit-op-modity-wrap .bot-cont h3 {font-size:1.286rem; font-weight:700; margin:0 0 18px 10px;} .fit-op-modity-wrap .btn-box button.next-btn {background: #1AD0FC; border:1px solid #1AD0FC; cursor: pointer;} /* 소비자 - 옵션 변경(출고전) 끝 ************************************************************************************/ /* 소비자 - 배송지 변경(출고전) ************************************************************************************/ .fit-deliy-modity-wrap {padding:35px 27px;} .fit-deliy-modity-wrap .item-data {display:flex; align-items:center; margin-bottom:8px;} .fit-deliy-modity-wrap .item-data:last-child {margin-bottom:0;} .fit-deliy-modity-wrap .item-data .item-tit {width:20%; font-size:1.143rem; font-weight:700;} .fit-deliy-modity-wrap .item-data .item-cont {width:80%; display:flex; align-items:center; justify-content:space-between;} .fit-deliy-modity-wrap .item-data .item-cont input.input-type02 {width: 470px;} .fit-deliy-modity-wrap .item-data.address .item-cont {flex-direction: column; align-items: flex-start;} .fit-deliy-modity-wrap .item-data.address .item-cont .item-btn-layout {width:100%; margin-bottom:12px;} .fit-deliy-modity-wrap .item-data.address .item-cont .item-btn-layout button.duplicate-btn {width:160px; height:50px; background: #414853; color: #fff; border-radius: 4px; margin-left: 9px; font-size: 1.2rem; font-weight: 400;} .fit-deliy-modity-wrap .item-data.address .item-cont .item-btn-layout input {width: 100%;} .fit-deliy-modity-wrap .tit-input input::placeholder {color:#c0c0c0; font-size:1.143rem;} .fit-deliy-modity-wrap .item-data.item01 {margin-bottom:22px;} .fit-deliy-modity-wrap .item-data.item01 p {font-size:1.714rem; font-weight:700;} .fit-deliy-modity-wrap .item-data.item02 .dater-item {position:relative;} .fit-deliy-modity-wrap .item-data.item02 .dater-item:nth-of-type(2) {color:#8f8f8f;} .fit-deliy-modity-wrap .item-data.item02 input.datepicker {width:160px; padding-right:30px;} .fit-deliy-modity-wrap .item-data.item02 i.xi-calendar {position:absolute; top:50%; transform:translateY(-50%); right:10px; color:#8f8f8f; font-size:1.4rem;} .fit-deliy-modity-wrap .item-data.item05 {align-items:flex-start; margin-top:20px;} .fit-deliy-modity-wrap .item-data.item05 .item-wrap {flex-direction:column; align-items:flex-start;} .fit-deliy-modity-wrap .item-data.item05 .item-wrap .radio {display:flex; align-items:center; width:100%; margin-bottom:15px;} .fit-deliy-modity-wrap .item-data.item05 .item-wrap .radio label {display:flex; align-items:center; margin-right:40px; font-size:1.143rem;} .fit-deliy-modity-wrap .item-data.item05 .item-wrap .radio label:last-child {margin-right:0;} .fit-deliy-modity-wrap .item-data.item05 .item-wrap .radio label input {width:auto; margin-right:8px; width:15px; height:15px;} .fit-deliy-modity-wrap .btn-box {margin-top:45px; font-size: 1.857rem;} @media screen and (max-width: 768px) { .fit-deliy-modity-wrap .container {padding: 0 !important;} .fit-deliy-modity-wrap .fit-form-tit p span.sub-tit {font-size:1.5rem; margin-left:5px;} .fit-deliy-modity-wrap .item-data {margin-top: 32px; flex-direction: column; align-items: flex-start;} .fit-deliy-modity-wrap .item-data:first-child {margin-top: 0;} .fit-deliy-modity-wrap .item-data .item-tit {margin-bottom: 8px; width: 100%;} .fit-deliy-modity-wrap .item-data .item-cont {width: 100%;} } /* 소비자 - 배송지 변경(출고전) 끝 ************************************************************************************/ /*---------------------------------------------------- 소비자 배송지 변경 ----------------------------------------------------*/ .fit-layer input, .fit-layer select, .fit-layer option {font-size:1.143rem; color:#000; padding:7px 10px; width:470px; border-radius:5px;} .fit-layer select {cursor: pointer;} .fit-layer {display:none;} .fit-layer.active {display:block; position:fixed; width:100%; height:100%; top:0; left:0; z-index:100000; background:#fff; /* background:rgba(0,0,0,0.5); */ overflow-y: scroll;} .fit-layer.active {-ms-overflow-style: none; scrollbar-width: none; } .fit-layer.active::-webkit-scrollbar {display: none;} .fit-comm-address .pop-cont {position: relative; display:block; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; width:1000px; background:#fff; padding:35px 27px;} /*.fit-comm-address .pop-cont .pop-close {position:absolute; right:14px; top:20px;} .fit-comm-address .pop-cont .pop-close i {cursor: pointer;} */ .fit-comm-address .pop-cont .pop-close .schedule-pop-close.active {display:block;} .fit-comm-address .pop-cont .fit-form-tit {padding-bottom:19px;} .fit-comm-address .pop-cont .item-data {display:flex; align-items:center; margin-bottom:24px;} .fit-comm-address .pop-cont .item-data.address {margin-bottom:0; align-items:flex-start;} .fit-comm-address .pop-cont .item-data.address .item-tit {margin-top:15px;} .fit-comm-address .pop-cont .item-data.address .item-cont {flex-wrap:wrap;} .fit-comm-address .pop-cont .item-data.address .item-cont .item-btn-layout:first-child {margin-bottom:10px;} .fit-comm-address .pop-cont .item-data.address .item-cont .item-btn-layout:first-child input {width:700px;} .fit-comm-address .pop-cont .item-data.address .item-cont .item-btn-layout .duplicate-btn {width:160px; height:50px; border-radius:4px; background:#414853; color: #fff; font-size:1.2rem; margin-left:9px;} .fit-comm-address .pop-cont .item-data.address .item-cont .check-basic {margin-top:20px;} .fit-comm-address .pop-cont .item-data .item-tit {width:15%; font-size:1.143rem; font-weight:700;} .fit-comm-address .pop-cont .item-data > div {width:85%; display:flex; align-items:center; justify-content:space-between;} .fit-comm-address .pop-cont .tit-input input::placeholder {color:#c0c0c0; font-size:1.143rem;} .fit-comm-address .pop-cont .item-data.item01 {margin-bottom:22px;} .fit-comm-address .pop-cont .item-data.item01 p {font-size:1.714rem; font-weight:700;} .fit-comm-address .pop-cont .item-data.item02 .dater-item {position:relative;} .fit-comm-address .pop-cont .item-data.item02 .dater-item:nth-of-type(2) {color:#8f8f8f;} .fit-comm-address .pop-cont .item-data.item02 input.datepicker {width:160px; padding-right:30px;} .fit-comm-address .pop-cont .item-data.item02 i.xi-calendar {position:absolute; top:50%; transform:translateY(-50%); right:10px; color:#8f8f8f; font-size:1.4rem;} /*.fit-comm-address .pop-cont .item-data.item04 input {border:0; padding:7px 0;} .fit-comm-address .pop-cont .item-data.item04 input:disabled {background:#fff;} */ .fit-comm-address .pop-cont .item-data.item05 {align-items:flex-start; margin-top:20px;} .fit-comm-address .pop-cont .item-data.item05 .item-wrap {flex-direction:column; align-items:flex-start;} .fit-comm-address .pop-cont .item-data.item05 .item-wrap .radio {display:flex; align-items:center; width:100%; margin-bottom:15px;} .fit-comm-address .pop-cont .item-data.item05 .item-wrap .radio label {display:flex; align-items:center; margin-right:40px; font-size:1.143rem;} .fit-comm-address .pop-cont .item-data.item05 .item-wrap .radio label:last-child {margin-right:0;} .fit-comm-address .pop-cont .item-data.item05 .item-wrap .radio label input {width:auto; margin-right:8px; width:15px; height:15px;} /* 버튼 */ .fit-comm-address .pop-cont .sche-btn-wrap {display:flex; align-items:center; justify-content:center; margin-top:40px;} .fit-comm-address .pop-cont .sche-btn-wrap .comm-btn {display:flex; align-items:center; width:50%;} .fit-comm-address .pop-cont .sche-btn-wrap .comm-btn span {font-size:1.143rem; padding:12px 0; text-align:center; display:inline-block; width:100%; height:100%; cursor:pointer; border:1px solid #239609; border-radius:5px; background:#239609; color:#fff; font-weight:700;} .fit-comm-address .pop-cont .sche-btn-wrap .cancel-btn span {margin-right:4px; color:#239609; background:#fff;} .fit-comm-address .pop-cont .btn-box button {width: 235px; height:60px; border-radius:4px; font-size:1.6rem; font-weight:700; margin-top:66px;} .fit-comm-address .pop-cont .btn-box button.cancel-btn {color:#000; border:1px solid #000; margin-right:10px;} .fit-comm-address .pop-cont .btn-box button.submit-btn {color:#fff; background:#414853; border:1px solid #414853;} .fit-upload-address .pop-cont {position:relative; top:inherit; left:inherit; transform:inherit;} .fit-upload-address .pop-cont .fit-form-tit {margin-bottom:20px;} .fit-upload-address .pop-cont .item-box {} .fit-upload-address .pop-cont .item-box input, .fit-upload-address .pop-cont .item-box select, .fit-upload-address .pop-cont .item-box option {font-size:1.143rem; color:#000; padding:7px 10px; width:470px; border-radius:5px;} /* datepicker custom design */ #ui-datepicker-div {z-index:999999 !important; width:280px !important;} #ui-datepicker-div .ui-widget-header {border:none; background:transparent; font-size:1rem;} #ui-datepicker-div tr th:first-child {color:red;} #ui-datepicker-div tr td:first-child a {color:red;} #ui-datepicker-div .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display:block;} #ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:transparent;} #ui-datepicker-div .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {padding-bottom:0;} .ui-state-active, .ui-widget-content .ui-state-active {color:#000; font-weight:700;} #ui-datepicker-div .ui-timepicker-select {width:100%; margin-right:0; padding-right:10px!important;} @media screen and (max-width:768px) { /* header {display:none;} */ .intro {text-align:center;} .fit-comm-address .pop-cont {width:100%; height:100%; overflow-y:scroll;} .fit-comm-address .pop-cont .item-data {flex-direction:column; align-items:flex-start; margin-bottom:20px;} .fit-comm-address .pop-cont .item-data > div {width:100%;} .fit-comm-address .pop-cont .item-data .item-tit {padding-bottom:8px;} .fit-comm-address .pop-cont .item-data.item02 .dater-item {flex:1;} .fit-comm-address .pop-cont .item-data.item02 p.wave {padding:0 7px;} .fit-comm-address .pop-cont .item-data.item02 input.datepicker {width:100%;} .fit-comm-address .pop-cont .item-data.item05 .item-wrap .radio {justify-content:space-between;} .fit-comm-address .pop-cont .item-data.item05 .item-wrap .radio label {margin-right:5px;} .fit-comm-address .pop-cont .item-data.address .item-cont .check-basic {margin-top: 12px;} .fit-comm-address .container .pop-cont .btn-box button {width:50%; margin-top: 40px; height:58px; font-size:18px !important;} .fit-upload-address .container {margin:0; padding: 0 20px; z-index:1000;} .fit-upload-address .pop-cont {padding:0;} .fit-upload-address .pop-cont .fit-form-tit {border-bottom:none;} .fit-upload-address .pop-cont .fit-form-tit p {font-size: 1.714rem;} .fit-upload-address .pop-cont .fit-form-tit .pop-close {text-align:right; padding:0; margin:0; width:100%; height:auto;} .fit-upload-address .pop-cont .fit-form-tit .pop-close i {font-size:1.4rem; font-weight:600;} .fit-upload-address .pop-cont .item-data .item-tit {width:100%;} .fit-upload-address .pop-cont .item-data.address .item-cont .item-btn-layout .duplicate-btn {font-size:1rem !important; font-weight:400; width: 88px; margin-left: 8px;} .fit-upload-address .pop-cont .item-data.address .item-cont .item-btn-layout:first-child input {width:239px;} .fit-upload-address .pop-cont .item-box input {font-size: 1.071rem; font-weight: 400;} .fit-upload-address .pop-cont .item-box input::placeholder {font-size: 1.071rem; font-weight: 400;} .fit-comm-address .pop-cont .item-data.address .item-cont .check-basic label {font-size: 1rem;} .fit-comm-address .pop-cont .item-data.address .item-cont .check-basic .fit-checkbox-custom input[type="checkbox"] + .click-check {width: 24px; height: 24px;} #ui-datepicker-div {width:100%;} } /*---------------------------------------------------- 소비자 배송지 변경 끝 ----------------------------------------------------*/ /*---------------------------------------------------- 소비자 비밀번호 변경 ----------------------------------------------------*/ .change-password { background-color: #F6F7F8; } .change-password .page-header { margin-bottom: 80px; margin-top: 10px; font-size: 3.429rem; font-weight: 700; text-align: center; font-family: 'Pretendard'; color: #000; letter-spacing: -0.01em; } .change-password .content-box { width: 600px; margin: 0 auto; background: white; padding: 80px; } .change-password .change-btn, .change-password .later-btn { background-color: #1AD0FC; color: #fff; padding: 18px 0; font-size: 1.429rem; font-weight: 700; border: 0; margin-bottom: 12px; border-radius: 5px; transition: all 0.25s; display: block; width: 100%; } .change-password .later-btn { background-color: #E3E6ED; margin-bottom: 0px; color: #6B727C; font-size: 1.429rem; font-weight: 700; } .change-password .info .pc { margin-bottom: 40px; } .change-password .info .pc p { font-size: 1.29rem; text-align: center; line-height: 1.4; } .change-password .info .pc .small { margin-top: 18px; } .change-password .info .pc .small p { font-size: 1.14rem; color: #6B727C; } .change-password form input { display: block; width: 100%; } .change-password .modf-item:first-of-type { margin-bottom: 32px; } .change-password .input-notice-box { margin: 5px 0 32px 5px; } .change-password form input.wrong { border-color: #FF2020 !important; } .change-password form label { font-size: 1.29rem; font-weight: 700; cursor: unset; margin-bottom:10px; display:block; } .change-password .input-notice-box:last-of-type { margin-bottom: 40px; } @media screen and (max-width: 768px) { .change-password .page-header { font-size: 1.714rem; font-weight: 900; margin-bottom: 40px; } .change-password .content-box { padding: 48px 24px; } .change-password .info .mobile { margin-bottom: 32px; } .change-password .info .mobile p { font-size: 1.14rem; text-align: center; line-height: 1.4; } .change-password .info .mobile .small { margin-top: 12px; } .change-password .info .mobile .small p { font-size: .93rem; color: #6B727C; } .change-password form label { font-size: 1.14rem; margin-bottom: 8px; } .change-password .input-notice-box, .change-password .modf-item:first-of-type { margin-bottom: 24px; } .change-password .input-notice-box:last-of-type { margin-bottom: 48px; } } /*---------------------------------------------------- 소비자 비밀번호 변경 끝 ----------------------------------------------------*/ /*---------------------------------------------------- 소비자 비밀번호 변경 ----------------------------------------------------*/ .reexam { background-color: #F6F7F8; } .reexam .container { width: 1440px; } .reexam .page-header { margin-bottom: 80px; margin-top: 10px; font-size: 3.429rem; font-weight: 700; text-align: center; font-family: 'Pretendard'; color: #000; letter-spacing: -0.01em; } .reexam .content-box { width: 1000px; margin: 0 auto; background: white; padding: 80px; } .reexam .inner-box { width: 760px; margin: 0 auto; } .reexam .pc .face-icon img { width: 60px; height: 60px; margin-bottom: 30px; } .reexam .mobile .face-icon img { width: 50px; height: 50px; margin-bottom: 30px; } .reexam .change-btn, .reexam .later-btn { background-color: #1AD0FC; color: #fff; padding: 18px 0; font-size: 1.429rem; font-weight: 700; border: 0; margin-bottom: 12px; border-radius: 5px; transition: all 0.25s; display: block; width: 100%; } .reexam .later-btn { background-color: #E3E6ED; margin-bottom: 0px; color: #6B727C; font-size: 1.429rem; font-weight: 700; } .reexam .info .pc { margin-bottom: 40px; } .reexam .info .pc p { font-size: 1.29rem; text-align: center; line-height: 1.4; } .reexam .inner-box .pc .title { font-weight: 800; font-size: 36px !important; margin-bottom: 30px; } .reexam .inner-box .pc .subtitle { font-weight: 600; line-height: 2.4 !important; } .reexam .inner-box .mobile .title { font-weight: 800; font-size: 20px !important; margin-bottom: 15px; } .reexam .inner-box .subtitle { font-weight: 600; line-height: 2.4 !important; } .reexam .info .pc .small { margin-top: 18px; } .reexam .info .pc .small p { font-size: 1.14rem; color: #6B727C; } .reexam form input { display: block; width: 100%; } .reexam .modf-item:first-of-type { margin-bottom: 32px; } .reexam .input-notice-box { margin: 5px 0 32px 5px; } .reexam form input.wrong { border-color: #FF2020 !important; } .reexam form label { font-size: 1.29rem; font-weight: 700; cursor: unset; margin-bottom:10px; display:block; } .reexam .input-notice-box:last-of-type { margin-bottom: 40px; } .reexam .form-sec02 { border-bottom: 0; padding-bottom: 0; } .reexam .form-box { padding: 70px 0 20px; text-align: left; } .reexam .form-tit { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #282C33; } .reexam .form-tit p { font-size: 2.286rem; font-weight: 700; display: flex; align-items: center; } .reexam .form-tit p.sub-tit { font-size: 1.143rem; font-weight: 400; margin-top: 4px; } .reexam .form-tit p { font-size: 2.286rem; font-weight: 700; display: flex; align-items: center; } .reexam .form-tit p span { font-size: 1.714rem; font-weight: 400; margin-left: 6px; } .reexam .form-sns-box { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .reexam .form-sns .sns-top .sns-tit { font-size: 1.286rem; font-weight: 700; display: flex; align-items: center; } .reexam .form-sns .sns-bot { display: none; padding: 17px 40px 17px 27px; background: #F6F7F8; overflow: hidden; } .reexam .form-sns .sns-bot .sns-item { margin-bottom: 24px; } .reexam .form-sns .sns-bot .sns-item .item-tit { font-size: 1.286rem; font-weight: 700; } .reexam .form-sns .sns-bot .sns-item .item-cont { position: relative; } .reexam .form-sns .sns-bot .sns-item .item-cont .cont-input { position: relative; margin-left: 11px; } .reexam .form-sns .sns-bot .sns-item .item-cont .cont-input input { width: 385px; height: 44px; padding: 16px 24px; border: 1px solid #E3E6ED; border-radius: 4px; } .reexam .form-sns .sns-bot .sns-item:last-child { margin-bottom: 0; } .reexam .form-sns .sns-bot .sns-item .item-tit { font-size: 1.286rem; font-weight: 700; } .reexam .form-sns .sns-bot .sns-item .item-cont { position: relative; } .reexam .form-sns .sns-bot .sns-item .item-cont { width: 568px; display: flex; align-items: center; justify-content: space-between; font-size: 1.43rem; font-weight: 400; } .reexam .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input input { width: 567px; } .reexam .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input { margin-left: 0; } .reexam .form-sns .sns-bot .sns-item .item-cont .select-arrow { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: .2s; color: #6B727C; } .reexam .form-sns .sns-bot .sns-item .item-cont select { border: 1px solid #E3E6ED; border-radius: 4px; width: 100%; height: 44px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .reexam .form-box-2 { margin: 35px 0px 70px; } .reexam .form-box-2 .word-count { position: relative; margin-bottom: 16px; } .reexam .form-box-2 .word-count .count { position: absolute; right: 24px; bottom: 10px; display: flex; align-items: center; font-weight: 400; font-size: 0.929rem; color: #AAB1BB; } .reexam .form-box-2 .word-count .count span { margin-right: 4px; } .reexam .form-box-2 textarea { height: 81px; resize: none; width: 100%; } .reexam .form-box-3 { margin-bottom: 60px; font: inherit; } .reexam .form-box-3 .form-tit { border-bottom: none; } .reexam .form-box-3 img { width: 27px; height: 27px; } .reexam .form-box-3 .kakao-channel-link span{ text-decoration: underline; } .reexam .inner-box a button{ width: 373px; display: inline; } .reexam .inner-box .main-page-link button{ margin-right: 10px; background-color: #414853; color: #FFFFFF; } .reexam .inner-box .submit-link .active{ background-color: #1AD0FC; color: #FFFFFF; } .reexam .tip-list { border-radius: 12px; margin-bottom: 25px; } .reexam .tip-list .form-sns .sns-top { padding: 25px 41px 25px 41px; } .reexam .tip-list .form-sns .sns-tit { font-size: 20px; } .reexam .tip-list .circle { border-radius: 50%; width: 36px; height: 36px; padding: 6px; margin-right: 16px; background: #1AD0FC; color: #FFFFFF; text-align: center; font: inherit; } @media screen and (max-width: 768px) { .reexam .container { width: 390px; } .reexam .page-header { font-size: 1.714rem; font-weight: 900; margin-bottom: 40px; } .reexam .content-box { padding: 48px 24px; } .reexam .inner-box { width: auto; margin: 0 auto; } .reexam .info .mobile { margin-bottom: 32px; } .reexam .info .mobile p { font-size: 1.14rem; text-align: center; line-height: 1.4; } .reexam .info .mobile .small { margin-top: 12px; } .reexam .info .mobile .small p { font-size: .93rem; color: #6B727C; } .reexam form label { font-size: 1.14rem; margin-bottom: 8px; } .reexam .input-notice-box, .reexam .modf-item:first-of-type { margin-bottom: 24px; } .reexam .input-notice-box:last-of-type { margin-bottom: 48px; } .reexam .form-box { padding: 60px 0 24px; } .reexam .form-tit { padding-bottom: 12px; margin-bottom: 24px; } .reexam .form-sns .sns-bot { padding: 24px 16px; } .reexam .form-tit p { font-size: 1.429rem; font-weight: 800; } .reexam .form-tit p.sub-tit { font-size: 0.929rem; margin-top: 2px; color: #414853; } .reexam .fit-sns-wrap .form-sns .sns-top { padding: 18px 16px !important; } .reexam .form-sns .sns-top .sns-tit { margin-bottom: 0; justify-content: flex-start; font-size: 1.15rem; } .reexam .fit-sns-wrap .form-sns .sns-top .sns-tit img { width: 28px; margin-right: 16px; } .reexam .fit-join .form-sns .sns-bot { padding: 24px 16px; } .reexam .form-sns .sns-top .sns-tit, .reexam .form-sns .sns-bot .sns-item { display: revert; width: 100%; } .reexam .form-sns .sns-bot .sns-item .item-cont { font-size: 1.071rem !important; justify-content: space-between !important; width: 100% !important; } .reexam .form-sns .sns-bot .sns-item .item-cont .cont-input input { /* width: 150px !important; */ max-width: 158px; width: 100% !important; padding-right: 30px !important; } .reexam .form-sns .sns-bot .sns-item .item-tit { margin-bottom: 8px; } .reexam .form-sns.youtube .sns-bot .sns-item .item-cont .cont-input input, .reexam .form-sns.tictok .sns-bot .sns-item .item-cont .cont-input input { width: 100% !important; } .reexam .form-sns .sns-bot .sns-item .item-cont .cont-input input.yt { max-width: 100%; padding-right: 30px !important; } .reexam .form-box-2 { margin-top: 10px; margin-bottom: 52px; } .reexam .form-box-2 textarea { height: 133px; } .reexam .tip-list .form-sns .sns-top { padding: 18px 21px 18px 21px; } .reexam .tip-list .circle { width: 20px; height: 20px; padding: 1px; margin-right: 9px; display: inline-block; } .reexam .form-box-3 .form-sns .sns-top .sns-tit { font-size: 1rem; } .reexam .form-box-3 img { width: 20px; height: 20px; } .reexam .inner-box a button { width: 302px; margin-bottom: 9px; } } /*---------------------------------------------------- 소비자 비밀번호 변경 끝 ----------------------------------------------------*/ /* 메인 컬러 속성 */ .mainc-bg {background-color:#1AD0FC !important;} .mainc-border {border:1px solid #1AD0FC;} .mainc-txt {color:#1AD0FC;} .item-cont {position:relative;} .item-cont .select-arrow {position:absolute; right:10px; top:50%; transform:translateY(-50%); transition:.2s;} /* .item-cont .select-arrow.active {transform:rotate(180deg); top:35%;} */ select.select-arrow-cont {-moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none;} @media screen and (max-width:768px) { select.select-arrow-cont {-moz-appearance:auto; -webkit-appearance:auto; appearance:auto; } .item-cont .select-arrow {right: 20px; font-size: 1.3rem;} } /* 220302 TLINK 수정 */ /* 마켓상품 등록일 경우, */ .fit-t-link .cont-sec03 .design_status_insert .table .left-item {} .fit-t-link .cont-sec03 .design_status_insert .table .left-item .xi-bars {display:none;} .fit-t-link .cont-sec03 .design_status_insert .table .right-item {border-left:none;} /* .fit-t-link .cont-sec03 .design_status_insert .table .right-item .btn-box {margin-top:20px;} */ /* 마켓상품 수정일 경우 */ .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item {display:block;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right {flex:1;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item02 input {width:100%;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box {position:relative; top:inherit; right:inherit;} .fit-t-link .cont-sec03 .get-list .design_status_update .table {display:flex; align-items:center;} /* .fit-t-link .cont-sec03 .get-list .design_status_update .table .left-item i {font-size:1.571rem; color:#6B727C; cursor: pointer; padding:0 31px;} */ .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item {border-left:1px solid #E3E6ED; padding: 40px; width:100%;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top {display:flex; align-items:flex-start;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 {position: relative; width:150px; height:150px; background-color:#EFF1F5; border-radius:2px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:first-child {width:150px; height:150px; overflow: hidden; border-radius:5px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:first-child img {width:100%; height:100%; object-fit:cover;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child {position: absolute; right: 8px; bottom: 7px; width: 34px; height: 34px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child > i {font-size:1.15rem; color:#6B727C; background:#fff; padding:9px; border-radius:100px; cursor: pointer; opacity: .6;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child .fit-guide-popup {width:118px; left:-14px; top:50px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child .fit-guide-popup::before {top: -8px; left: 23px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 .image-cont-area {width:150px; height:150px; overflow:hidden; display:inline-flex; align-items:center; justify-content:center;} /* .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 .image-cont-area img.bg {width: 100%; height: 100%; object-fit: cover;} */ .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item02 {} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item02 input {width:100%;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .prd-item-comm {margin-bottom:24px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .prd-item-comm.item04 {margin-bottom:0;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .prd-item-comm .item-tit {font-size:18px; font-weight:700; margin-bottom:7px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item-data {width:100%; margin-bottom:40px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item-data:last-child {margin-bottom:0;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item-data .item-tit {font-size:1.286rem; font-weight:700; margin-bottom:7px;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select {z-index: 1; background:#fff; position: relative; width:100%; height:44px; border:1px solid #E3E6ED; border-radius:4px; padding:0 24px; display:flex; align-items:center; cursor:pointer;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .xi-angle-down {position: absolute; top:50%; right:25px; transform:translateY(-50%); font-size:1.071rem; color:#6B727C;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select.active .xi-angle-down {transform:translateY(-50%)rotate(180deg);} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .text-tit {color:#AAB1BB; font-size:1.2rem;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list {display:none; position:absolute; top:100%; left:0; width:100%;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select.active .prd-groupsell-list {display:block; overflow-y: scroll; z-index: 1; background:#fff; border:1px solid #EFF1F5; max-height:283px;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list {border-radius:4px;/* position: absolute; top: 100%; left: 0; */width: 100%; border-bottom:1px solid #EFF1F5; margin-bottom:0;} /* .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select.active .prd-groupsell-list .option-list {overflow-y: scroll; z-index: 1; background:#fff; border:1px solid #EFF1F5; max-height:283px;} */ .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option {display:flex; align-items:Center; padding:20px 24px; border-bottom:1px solid #EFF1F5;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option:last-child {border-bottom:0;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .left-box {width:100px; height:100px; overflow:hidden; border-radius: 5px; margin-right:20px;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .left-box img {width:100%; height:100%; object-fit:cover;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item01 {font-size:1.143rem; color:#6B727C;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item02 {font-size:1.286rem; font-weight:700; margin:1px 0 16px;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item03 {display:flex; align-items:center; font-size:1.143rem; color:#287EFF; font-weight:700;} .fit-t-link .cont-sec03 .get-list .design_status_update .right-item .table-top .pr-op-select .prd-groupsell-list .option-list .pr-option .right-box .op-item03 span {font-size:1.143rem; color:#287EFF; font-weight:700;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .item-tit {position: relative; font-size: 1.15rem;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .item-tit > i {font-size:1.714rem; color:#AAB1BB; margin-left:8px; cursor: pointer;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .fit-guide-popup {top:35px; z-index: 1; left:52px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .fit-guide-popup::before {top:-8px; left: 21px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right input, .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right select {width:100%; border: 1px solid #E3E6ED; border-radius: 4px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .date-box {display:flex; align-items:center; font-size:1.2rem; font-weight:600;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 .date-box span {flex:1;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 span {position: relative;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .data-right .item04 span img {position: absolute; top:50%; right:16px; transform:translateY(-50%);} /* 버튼 */ .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box {margin-top:50px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box button {border:1px solid #414853; border-radius:4px; font-size:1.429rem; font-weight:500; padding:16px 0 15px;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box .cancel-btn {width: 280px; color:#414853;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box .confirm-btn {width: 534px; margin-left:10px; background:#414853; color:#fff;} .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .item01 {overflow:visible;} /* 220302 - 임시 */ .tlink-alert {color:red; font-weight:bold; flex:1; text-align:center; font-size:1.2rem;} @media screen and (max-width:768px) { .tlink-alert {text-align:left; font-size:.9rem; padding:4px 0 0;} } /* 220312 취/교/환 신청 완료 */ .top-cont[data-canvas="getOrderProduct"] {border:1px solid #E3E6ED; border-radius:2px; padding:20px 42px 20px 24px; margin-top:25px; width:100%;} .top-cont[data-canvas="getOrderProduct"] .item-data {display: flex; align-items:flex-start;; padding: 20px 0; border-bottom: 1px solid #E3E6ED;} .top-cont[data-canvas="getOrderProduct"] .item-data:first-child {padding-top: 0;} .top-cont[data-canvas="getOrderProduct"] .item-data:last-child {padding-bottom: 0; border-bottom:0;} .top-cont[data-canvas="getOrderProduct"] .item-thumb {width:110px; height:118px; overflow: hidden; margin-right:26px;} .top-cont[data-canvas="getOrderProduct"] .item-thumb img {width:100%; height:100%; object-fit:cover;} .top-cont[data-canvas="getOrderProduct"] .item-info {text-align:left; flex:1;} .top-cont[data-canvas="getOrderProduct"] .item-info .pr-name {font-size:1.286rem; display:flex; align-items:Center; margin-bottom:10px;} .top-cont[data-canvas="getOrderProduct"] .item-info .pr-name span {font-size:1.286rem; font-weight:700; margin-right:5px;} .top-cont[data-canvas="getOrderProduct"] .pr-op p, .top-cont[data-canvas="getOrderProduct"] .pr-op p span {font-size:1.143rem; color:#6B727C;} .top-cont[data-canvas="getOrderProduct"] .pr-op p {display:flex; align-items:Center; line-height:22px;} /* .top-cont[data-canvas="getOrderProduct"] .pr-op p span {margin-left:4px;} */ .top-cont[data-canvas="getOrderProduct"] .item-info p.pr-price {display:flex; align-items:center; margin-top:3px;} .top-cont[data-canvas="getOrderProduct"] .item-info p.pr-price, .top-cont[data-canvas="getOrderProduct"] .item-info p.pr-price span {font-size:1.286rem; font-weight:700; display:flex; align-items:Center;} .fit-comm-or-cancel .top-cont .option-table {margin-top: 18px;} .fit-comm-or-cancel .top-cont .option-table .item-tit {font-size:20px; font-weight:400;} .fit-comm-or-cancel .top-cont .option-table .item-cont {width:43.75vw;} .top-cont[data-canvas="getOrderProduct"] .option[data-canvas='getListOrderProductOption'] .item-data {padding:0; border-bottom:none; flex-wrap: wrap;} @media screen and (max-width: 768px) { /* .item-option-badge {display:block;} */ .top-cont[data-canvas="getOrderProduct"] {padding:20px 16px; align-items: flex-start; margin:0;} .top-cont[data-canvas="getOrderProduct"] .item-thumb {width: 84px; height: 84px; overflow: hidden; border-radius: 5px; margin-right: 18px;} .top-cont[data-canvas="getOrderProduct"] .item-info {width: 200px;} .top-cont[data-canvas="getOrderProduct"] .item-info .pr-name {display: revert; font-size:1.143rem; margin-bottom: 6px;} .top-cont[data-canvas="getOrderProduct"] .item-info .pr-name span {font-size:1.143rem; margin-right: 3px;} .top-cont[data-canvas="getOrderProduct"] .pr-op {margin-bottom: 12px;} .top-cont[data-canvas="getOrderProduct"] .pr-op > div {display:block;} .top-cont[data-canvas="getOrderProduct"] .pr-op p:first-child {position: relative; margin-right:15px;} .top-cont[data-canvas="getOrderProduct"] .pr-op p:first-child::before {content: "/"; position: absolute; top: 50%; right:-10px; transform: translateY(-50%);} .top-cont[data-canvas="getOrderProduct"] .pr-op p, .top-cont[data-canvas="getOrderProduct"] .pr-op p span {font-size: 1rem;} } /* 22.03.17 */ .fit-join .form-profile .form-item .item-content input.state-border{border-color: red !important;} .input-notice.non-same {color:#FF2020;} .input-notice.same {color:#287EFF;} .myinfo-input-notice {display:flex; align-items:center; justify-content:flex-end;} .myinfo-input-notice .input-notice {width:430px;} [data-upload_form="email"] .myinfo-input-notice, [data-upload_form="nickname"] .myinfo-input-notice {justify-content:flex-start;} .fit-comm-mypage .myinfo-input-notice {justify-content:flex-start; margin-left:150px;} .fit-comm-mypage .myinfo-input-notice .input-notice {margin-top:5px;} @media screen and (max-width: 768px) { .myinfo-input-notice .input-notice {width:100%;} .fit-comm-mypage .myinfo-input-notice {margin-left: 0;} }