/* 
메인페이지 1번째 타입 제작 (핏소프트, 2022.06.16, 김지은)
메인배너 / 상품리스트 / 중간배너 / 리뷰
*/






/* 공통 ************************************************************************************/
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:1rem;} 
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;} */

/* .join-comm-block {display:none;} */

/* font */
.fc-fff {color:#fff;}

.mg-b0 {margin-bottom:0 !important;}
.mg-b20 {margin-bottom:20px !important;}
.mg-t20 {margin-top:20px !important;}
.mg-t60 {margin-top:60px !important;}
.mg-t80 {margin-top:80px !important;}
.mg-l5 {margin-left:5px;}
.mg-r5 {margin-right:5px;}
.mg-r100 {margin-right:100px;}

.btn01 {background: #0861c5; border:1px solid #0861c5;}
.btn02 {background: #414853; border:1px solid #414853; color:#fff;}
.btn03 {background: #fff; border: 1px solid #414853; color:#414853;}

.pagenation-cont {margin-top:100px;}
.count-status {text-align:center; padding:30px 0; font-weight:600; font-size:1rem;}


.fit-join {padding:70px 0 0;}


@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:1rem; background: #fff;}
  input, select {padding:0 16px; font-size:1rem;}
  input::placeholder, select::placeholder, textarea::placeholder {font-size:1rem;}
  input[type=number], input[type=text], input[type=password], input[type=email] {-webkit-border-radius:0; -webkit-appearance:none;}
  /* button {font-size:1rem !important; font-weight:700; height:58px; width:239px;} */
  /* button a {font-size:1rem !important; font-weight:700;} */
  
  .container {margin-top:0; max-width:100%; min-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 끝 ************************************************************************************/































/* 상세설명 - 표 ************************************************************************************/
.fit-info-table {width:100%;}
.fit-info-table tr {border-bottom:1px solid #c4c4c4;}
.fit-info-table tr:first-child {border-top:1px solid #c4c4c4;}
.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; width:200px;}
.fit-info-table tr td pre {width:100%; overflow: hidden; font-size:1rem;}

@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:not(.on) {display:none;}
.fit-pop-cont .pop-cont {background:#fff; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:600px; padding:50px;}
.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.3rem; font-weight:700; line-height:1.5;}
.fit-pop-cont .pop-cont .pop-info .pop-active-btn {background:#050505; width:100%;/*  border-radius:4px; */ color:#fff; font-size:1rem; 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:1rem; font-weight:500;}

.coupon-pop-cont {/*height:400px;*/ padding-right:5px; overflow-y:scroll;}

@media screen and (max-width: 768px) {
  /* .fit-pop-cont .pop-cont {width:100%; height:100% !important; top:0; left:0; transform:inherit; overflow-y:scroll;} */
  .fit-pop-cont .pop-cont {padding:30px;}
  .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:1rem;}
  .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:-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:#0861c5; 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 #c4c4c4; margin-bottom:38px;}
.fit-tab .tab-item {width:calc(100% / 3); text-align:Center; padding:18px 0; border-right:1px solid #c4c4c4; font-size:1rem; cursor: pointer; color:#AAB1BB;}
.fit-tab .tab-item:last-child {border-right:0;}
.fit-tab .tab-item.active {background-color:#EFF1F5; color:#6B727C;}
.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;}
}
/* tab 끝 ************************************************************************************/



/* 마이페이지 tab */
.tab-type01 {border:none; padding:0;}
.tab-type01 .fit-tab {margin-bottom:0; padding:0 !important; border:none !important;}
.tab-type01 .fit-tab .tab-item {padding:0; border-right:0;}
.tab-type01 .fit-tab .tab-item input[type='radio'] {display:none;}
.tab-type01 .fit-tab .tab-item .tab-txt {display:block; padding:10px 0; border:1px solid #c4c4c4;}
.tab-type01 .fit-tab .tab-item:first-child .tab-txt {border-right-width:0px;}
.tab-type01 .fit-tab .tab-item:last-child .tab-txt {border-left-width:0px;}
.tab-type01 .fit-tab .tab-item input[type='radio']:checked + span.tab-txt {color:#0861c5; border:1px solid #0861c5; font-weight:600;}















/* 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 40px 17px 27px;}
.fit-sns-wrap .form-sns .sns-top .sns-tit span {font-size:1rem; 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:#0861c5;}
/* .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:1rem; 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:1rem !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; */ width:100% !important; padding-right:30px !important;}
  .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:1rem; 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;}
}
/* 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:#0861c5;}
.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:1rem; 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:1rem; 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 #c4c4c4; 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 #c4c4c4; padding-bottom:17px;}
.fit-terms-agree .form-agree .all-check label {font-size:1.571rem; font-weight:700; padding:0 !important;}
.fit-terms-agree .fit-checkbox-custom input[type="checkbox"] + .click-check {width:25px; height:25px; margin-right:12px;}

.fit-terms-agree .form-agree .check-basic label {display:inline-flex; align-items:center; padding:10px 0 0; font-size:1rem}
.fit-terms-agree .form-agree .check-basic label span {font-size:1rem; color:#6B727C; margin-left:5px; margin-bottom:2px;}  
.fit-terms-agree .form-agree .check-basic .agree-check {display:inline-block; font-size:1rem; 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:1rem;}
  .fit-terms-agree .form-agree .check-basic .agree-check {font-size:1rem;}
}
/* 약관동의 끝 ************************************************************************************/










/* 기본 타이틀 레이아웃 ************************************************************************************/
.fit-form-tit {padding-bottom:16px; border-bottom:1px solid #000;}
.fit-form-tit p {font-size:16PX; 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:2rem; font-weight:400; margin-left:10px;}
.fit-form-tit p.sub-tit {font-size:1rem; 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.3rem;} */
}
/* 기본 타이틀 레이아웃 끝 ************************************************************************************/

































/* 로그인 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:#0861c5; 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:1rem;}
  .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:1rem;}
}
/* 로그인 X - 공통 메인 끝 ************************************************************************************/










/* 로그인 X - 공통 about ************************************************************************************/
.fit-comm-about {position:relative; background:#0861c5; 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:1rem; 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:1rem; 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( #0861c5 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 #c4c4c4; 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:1rem; 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:1rem; 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:1rem; 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 {padding:60px 0 100px; background-image:url('/resources/image/icon/parking_bg.png'); background-position:top;}
.fit-prepare-notice .container {background:#fff; text-align:center; padding:100px; box-shadow:9px 3px 20px 0px rgba(209,230,255,0.4);border-radius:20px; border:1px solid #eee;}
.fit-prepare-notice .container .cont-top {}
.fit-prepare-notice .container .cont-top .top-icon {width:15%;}
.fit-prepare-notice .container .cont-top .top-title {font-size:2.5rem; font-weight:700; margin:10px auto;}
.fit-prepare-notice .container .cont-top .top-des {font-size:1rem; font-weight:400; line-height:26px;}
.fit-prepare-notice .container .cont-top .top-btn {background:#282C33; border-radius:4px; width:230px; margin-top:40px;}
.fit-prepare-notice .container .cont-top .top-btn a {padding:15px 0; color:#fff; font-size:1rem; 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 .top-title {font-size:1rem; margin:32px auto 16px; font-weight:800;}
  .fit-prepare-notice .container .cont-top .top-des {font-size:1rem; line-height:19px;}
  .fit-prepare-notice .container .cont-top .top-btn {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 #c4c4c4; background:#c4c4c4; border-radius: 4px; padding:0; height:72px; color:#6B727C; font-size:1.714rem; font-weight:700; font-family: var(--main-font);}
.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: var(--main-font);}
.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:#0861c5; border:1px solid #0861c5;}
.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:#0861c5; 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:#0861c5 transparent; border-style:solid; border-width:8px 8px 0; width:0; top:100%; left:50%; transform:translateX(-50%);} */
.fit-comm-login .login-form {width:400px; margin:0 auto;}
.fit-comm-login .form-top {margin-bottom:80px; font-size:2.5rem; font-weight:700; text-align: center; font-family: var(--main-font); 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;}
.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.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 .form-mid {margin-top:28px;}
.fit-comm-login .form-mid .login-input input {width:100%; height:72px;  border:1px solid #c4c4c4; padding:10px; /* font-size:1.1rem; */ font-size:1rem; margin-bottom:12px; border-radius:4px; font-family: var(--main-font);}
.fit-comm-login .form-mid .login-input input::placeholder {color:#AAB1BB; font-size:1rem; font-family: var(--main-font);}
.fit-comm-login .form-mid .login-input input[type='password'] {margin-bottom:18px;}
/* 로그인 버튼 */
.fit-comm-login .form-mid .login-btn {background-color:#0861c5; color:#fff; padding:18px 0;  border:0; margin-bottom:10px;}
.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 12px; font-size:1rem; color:#6B727C; font-family: var(--main-font); 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:1rem;}
.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:55px;}
  /* tab */
  .fit-comm-login .login-tab li {padding: 0 !important; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 1rem !important;}
  .fit-comm-login .login-tab li a {padding: 0; width: 100%; height: 100%; font-size: 1rem;}
  .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 {font-weight:400; margin-bottom:8px; height:58px;}
  .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: 1rem !important;}
  .fit-comm-login .form-mid .login-input input::placeholder {font-size: 1rem;}
  .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 {width:20px; height:20px; margin-right:6px;}

  .fit-comm-login .form-mid .login-btn {font-size:1rem !important; font-weight:700;}
  .fit-comm-login .form-bot .login-link a {font-size:1rem;}


}
/* 로그인 끝 ************************************************************************************/








/* 아이디/비밀번호 찾기 ************************************************************************************/
.fit-find-auth {text-align:center;}
.fit-find-auth .find-form {width:400px; margin:0 auto;}
.fit-find-auth h2 {font-size:2rem; margin-bottom:40px; font-weight:700;}

.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 0; width:100%; 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:1rem; line-height:25px;}
.fit-find-auth .find-wrap p.comm-input-text {text-align:left; font-size:1rem; font-weight:500; color:#000;}
/* .fit-find-auth .find-wrap input {border:1px solid #c4c4c4; border-radius:4px; padding:16px 24px; width:100%; margin-top:40px;} */
.fit-find-auth .find-wrap input {border:1px solid #c4c4c4; padding:16px 35% 16px 16px; width:100%;}
.fit-find-auth .find-wrap input::placeholder {color:#AAB1BB; font-size:1rem;}
.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:1rem; 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-color:#0861c5; color:#fff; font-size:1rem; font-weight:700; border:0; width:100%;   margin-top:40px;}
.fit-find-auth .find-wrap button.find-btn a {color:#fff; font-size:1rem; font-weight:700;}

.fit-find-auth .find-wrap .item-se03 button.find-btn {background:#c4c4c4; 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:#0861c5; 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:1rem;}
.fit-find-auth .info-tit > span span {font-size:1rem; 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:30px; background-color:#f6f6f6; border-top:2px solid #000;}
/* .result-cont:last-child {padding: 0 0 0;} */
.result-cont .result-item-list {}
.result-cont .result-item-list .result-info-cont {background-color:#fff; padding:20px 30px 30px;}
.result-cont .result-item-list .result-info-cont .result-item {text-align: left;}
.result-cont .result-item-list .result-info-cont .result-date {margin-bottom:10px;}
.result-cont .result-item-list .result-info-cont .result-item span {font-size:1rem;}
.result-cont .result-item-list .result-info-cont .result-date span {font-size:.8rem; color:#585858;}
.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 {}
.re-password {margin:30px auto 0; padding:15px 0; background-color: #000; color:#fff; font-weight:700; cursor: pointer;}

[data-canvas='sendEmailForPW'] {}
#form-auth {margin:10px 0; width:100%; min-height:250px;}
#form-auth p {font-size: .9rem; text-align:left;}
.result-repw {width:100%; min-height:250px; margin-top:10px;}

[data-canvas='sendEmailForPW'] input {width:100%;}
[data-canvas='sendEmailForPW'] .result-auth-btn button {background:#0861c5; border-radius:4px; color:#fff; font-size:1rem; font-weight:700; border:0; width:100%;  }
[data-canvas='sendEmailForPW'] .result-auth-btn button.form-resend {position:absolute; top:50%; right:8px; width:30%; padding:10px; transform:translateY(-50%); font-size:.8rem; border-radius:0; background-color:#fff; border:1px solid #000; color:#000;}
#list-resetForm input.re-password-input {margin-bottom: 10px; width:100%;}
#list-resetForm .re-password-btn {background:#000; padding:15px 0; color:#fff; font-size:1rem; font-weight:700; border:0; width:100%;  }

.result-comm-cont {margin:30px 0 0;}
.result-comm-cont p, .result-comm-cont span, .result-comm-cont button {font-size:1rem;}
.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:#0861c5;}
.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:#0861c5; margin-bottom:0;}

@media screen and (max-width: 768px) {
  #form-auth {width: 100%;}
  #form-auth p {font-size: .8rem;}
  [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 0; min-height:auto;}
  .fit-find-auth .find-wrap p {font-size:1rem; 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:1rem;}
  .fit-find-auth input::placeholder {font-size:1rem;}
  .fit-find-auth .find-wrap input {padding:16px 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-cont [data-canvas='sendEmailForPW'] .result-auth-btn button {width:auto; height:auto; font-size:.9rem;}
  .result-repw {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:2.5rem; font-weight:700; margin-bottom:20px; }
.fit-join-intro .join .page-title h2 .change-txt {font-size:2.5rem; 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-txt {font-size:1rem; font-weight:400; color:#414853;}

.fit-join-intro .join .cont-top {margin:87px 0; overflow: hidden;}
.fit-join-intro .join .cont-top .check-icon {position: relative;}
.fit-join-intro .join .cont-top .check-icon::after {position: absolute; top:30%; left:87%; content:""; display:inline-block; width:190%; height:1px; background:#0861c5;}
.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:#0861c5;}
.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:1rem; 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:#0861c5; 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-txt {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-txt {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:80%;}
  .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:1rem; margin-top:8px;}
  .fit-join-intro .join .cont-bot .page-title h2 {font-size:1rem !important; margin-bottom:10px;}
  .fit-join-intro .join .cont-bot .page-title p {font-size:1rem; 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:1rem !important;}
}
@media screen and (max-width: 320px) {
  .fit-join-intro .join .cont-top .check-icon::after {width: 120%;}
}
/* 회원가입 - 인트로(본인 인증) 끝 ************************************************************************************/








/* 회원가입 - 정보입력 ************************************************************************************/
.fit-join .join {width:400px; margin:0 auto 100px;}
.fit-join .join-area {margin:0 auto; text-align:center;}
.fit-join .join-area .page-title {font-size:3.4rem; font-weight:700; margin-bottom:80px;}

.fit-join .fit-tab {margin:40px auto 60px;}
.fit-join .fit-tab li {width:50%; font-size:1rem;}
.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:40px 0 21px;}
.fit-join .form-box:first-child {padding-top:0;}
.fit-join .form-tit {padding-bottom:28px; margin-bottom:20px; border-bottom:2px solid #282C33;}
.fit-join .form-tit p {font-size:2rem; font-weight:700; display:flex; align-items:center;}
.fit-join .form-tit p span {font-size:1.714rem; font-weight:400; margin-left:8px;}
.fit-join .form-tit p.sub-tit {font-size:1rem; font-weight:400; margin-top:4px;}

/********** 기본정보 **********/
.fit-join .form-sec01 .form-tit {display:none; align-items:center; justify-content:space-between;}
.fit-join .form-sec01 .form-tit span {font-size:24px;}
.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 {margin-bottom: 24px;}
.fit-join .form-profile .form-item:last-child {margin-bottom:0;}
.fit-join .form-profile .form-item .item-title {display:flex; align-items:flex-start; margin-bottom:10px; font-weight: 700;}
.fit-join .form-profile .form-item .item-content {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 {border:1px solid #c4c4c4;  padding:16px 24px; font-weight:400;}
/* .fit-join .form-profile .form-item .item-content input.wrong {border:1px solid #ff2020; box-shadow:0 0 5px #ffc3be;} */
.fit-join .form-profile .form-item .item-content input::placeholder {font-size:1rem;}
/* .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 .item-content .item-btn-layout {position:relative; width:100%; display:flex; flex:1;}
.fit-join .form-profile .form-item .item-content .item-btn-layout .duplicate-btn {position:absolute; top:50%; right:8px; padding:10px 20px; background-color:#050505; color:#fff; font-weight:400; transform:translateY(-50%);}
.fit-join .form-profile .form-item.tel .item-content .item-btn-layout:first-child,
.fit-join .form-profile .form-item.address .item-content .item-btn-layout:first-child {margin-bottom:16px;}
.fit-join .form-profile .form-item.tel .item-content .item-btn-layout:last-child .duplicate-btn {color:#6B727C; background:#c4c4c4;}


/* checkbox */
.fit-join .form-profile .form-item.gender .item-content {display:flex; align-items:center; border:1px solid #c4c4c4; 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 {padding:17px 40px 17px 27px;}
.fit-join .form-sns .sns-top .sns-tit {font-size:1rem; font-weight:700; display:flex; align-items:center;}
.fit-join .form-sns .sns-top .sns-tit img {margin-right:20px;}

.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:1rem; 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:1rem; font-weight:400;}
.fit-join .form-sns .sns-bot .sns-item .item-cont .cont-input {position: relative; margin-left:8px;}
.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 #c4c4c4; 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;}
/* .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 #c4c4c4; 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 #c4c4c4;}
.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-btn > button {display:flex; width:100%; margin:80px auto 0; padding:18px 0; text-align: center; background-color: #0861c5; color:#fff; font-weight:bold;}
.fit-join .form-btn > button a {width:100%; height:100%; color:#fff; font-weight:bold; pointer-events:none; font-size:1rem;}
.fit-join .form-btn > button.active {background: #0861c5;}
.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 {text-align: center; font-size:1.714rem; font-weight:900;}
  .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:1rem; font-weight:800;}
  .fit-join .form-box {padding:60px 0 24px;}
  .fit-join .form-sec01 .form-tit span {font-size:1rem;}
  .fit-join .form-sec01 .form-tit .join-comm-block span {font-size:0.929rem;}
  
  /* .fit-join .form-profile .form-item {display: revert; margin-bottom:32px;} */
  .fit-join .form-profile .form-item {margin-bottom:32px;}
  .fit-join .form-profile .form-item .item-title {margin-bottom:8px; font-size:1rem; 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 {width:100px; height:inherit; 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: 1rem !important;}
  .fit-join .form-profile .form-item .item-content input.input-type02 {margin-right:8px;}
  .fit-join .form-tit p span {font-size:1rem;}
  .fit-join .form-tit p.sub-tit {font-size:0.929rem; margin-top:6px; 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:40px; width:100%;}
  .fit-join .form-btn > button a {font-size:1rem !important;}
  
  .fit-join .form-btn > button {height: 58px;}
  
  /* 배송정보 - 안내팝업 */
  .fit-join .form-sec03 .fit-guide-popup {width: 251px; top: 41px; left: 39%; padding: 15px 18px;}
  .fit-join .form-sec03 .fit-guide-popup::before {left: 88px;}
  
  .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;}
  
  .off {display:none}
}
/* 회원가입 - 정보입력 끝 ************************************************************************************/








/* company_회원가입 - 완료(심사) ************************************************************************************/
.fit-join-complet {background: linear-gradient( #0861c5 50%, #F6F7F8 50% ); padding:60px 0 100px;}
.fit-join-complet .container {background:#fff; text-align:center; padding:60px 100px 80px;}
.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:48px auto 20px;}
.fit-join-complet .container .cont-top pre {font-size:1rem; font-weight:400; line-height:25px; overflow: hidden;}
.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:1rem; 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:1rem; 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 {padding:40px 20px 60px;}
  .fit-join-complet .container {padding:40px 0 !important;}
  .fit-join-complet .container img {width:120px;}
  .fit-join-complet .container .cont-top p {margin:32px auto 16px; font-size:1rem; line-height: 30px;}
  .fit-join-complet .container .cont-top pre {font-size:1rem; line-height: 19px;}
  .fit-join-complet .container .cont-top button {margin-top:48px; width:239px; height:48px;}
  .fit-join-complet .cont-bot p {font-size:1rem;}
  .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: #0861c5; border-radius: 4px; width: 100%; height: 58px; margin-top: 300px;}
  .fit-join-complet .container .cont-top button a {font-size:18px !important;}
}
/* commmon_회원가입 - 완료(심사) 끝 ************************************************************************************/













/* 공급사_메인 ************************************************************************************/
/* 메인배너 */
.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 {width:100%;}
.fit-about .ab-se01 .thumb {position: relative; overflow:hidden; width:100%; height:480px; overflow: hidden;}
.fit-about .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 {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 {-webkit-text-stroke-width: .1rem;}
.fit-about .ab-se01 .thumb .banner-txt p:last-child {color:#fff;}
.fit-about .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:2rem; 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: var(--main-font);}
.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:#0861c5; 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:#0861c5; 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:1rem; 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:#0861c5; 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:1rem; 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:1rem; 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:1rem; 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:1rem; 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:1rem; 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:1rem; 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:1rem; 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:1rem; 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:1rem;}
  .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:1rem;}
}
/* 공급사 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:2rem; 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:1rem; 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:100%; height:100%; position: relative; margin-bottom:80px; /* min-height:590px; */}
.fit-t-link .cont-sec01 .bg-wrap {position: relative;}
/* bg */
.fit-t-link .cont-sec01 .bg-wrap .cover-img {width:100%; height:300px; overflow: hidden; background-color: #EFF1F5;}
.fit-t-link .cont-sec01 .bg-wrap .cover-img img {width:100%; height:100%; object-fit:cover; font-size: 0;}
/* bg-icon */
.fit-t-link .cont-sec01 .bg-wrap .sns-icon {position: absolute; top:40px; right:11.458vw; align-items:center;}
.fit-t-link .cont-sec01 .bg-wrap .sns-icon.pc {display: flex !important;}
.fit-t-link .cont-sec01 .bg-wrap .sns-icon.mobile {display: none !important;}
.fit-t-link .cont-sec01 .bg-wrap .sns-icon li {margin-left:10px;}
.fit-t-link .cont-sec01 .bg-wrap .sns-icon li:first-child {margin-left:0;}
.fit-t-link .cont-sec01 .bg-wrap .sns-icon li img {width:40px; height:40px; cursor: pointer;}
/* bg-btn */
.fit-t-link .cont-sec01 .bg-wrap .cover-img-upload {position: absolute; bottom:28px; right:11.458vw;}
.fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .upload-btn {position: relative; background:#414853; border-radius:4px; padding:5px 15px 5px 5px; color:#fff; font-size:1rem; cursor: pointer;}
.fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .upload-btn img {margin-right:7px;}
.fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .fit-guide-popup {top:60px; left:-10px;}
.fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .fit-guide-popup::before {top:-8px; left:24px;}
.fit-t-link .cont-sec01 .bg-wrap .cover-img-upload .fit-guide-popup.pop-active {display:block;}
/* 프로필 이미지 */
.fit-t-link .cont-sec01 .profile-wrap {width:648px; margin:-120px auto 0; /* position: absolute; top:180px; left:50%; transform:translateX(-50%); */ text-align:center;}
.fit-t-link .cont-sec01 .profile-wrap .prof-top {z-index: 1; position: relative; width:180px; height:180px; left:50%; transform:translateX(-50%);}
.fit-t-link .cont-sec01 .profile-wrap .prof-top .prof {width:180px; height:180px; border-radius:100px; overflow: hidden; margin:0 auto 16px;}
.fit-t-link .cont-sec01 .profile-wrap .prof-top .prof img {width:100%; height:100%; object-fit:cover;}
/* 프로필 이미지 변경 버튼 */
.fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload {position: absolute; top:130px; right:6px;}
.fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload > i {position: relative; font-size:1rem; background: #414853; padding:10px; color:#fff; border-radius:100px; cursor: pointer;}
.fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload .fit-guide-popup {width:120px; top:55px; left:-11px;}
.fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload .fit-guide-popup::before {top: -8px; left: 22px;}
.fit-t-link .cont-sec01 .profile-wrap .prof-top .prof-img-upload .fit-guide-popup.pop-active {display:block;}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot {margin-top:16px;}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item01 {font-size:2rem;}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item01 > span {font-size:2rem; font-weight:700; margin-right:5px;}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item02 .flex-center {position: relative; margin-top: 10px;/*  z-index: -1 */}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item02 .flex-center.active {z-index: -1;}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item02 .item-info {font-size:1rem; margin-right:11px; white-space: pre-wrap;}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item02 img {position: absolute; top:50%; right:-37px; transform: translateY(-50%); cursor: pointer;}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item03 {display:none;}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item03 textarea {resize:none; width:100%; height:102px; margin:24px auto 12px; padding:15px 24px; border:1px solid #c4c4c4; border-radius:4px;}
.fit-t-link .cont-sec01 .profile-wrap .prof-bot .bot-item03 button {background: #414853; border-radius: 4px; color:#fff; font-size:1rem; font-weight:500; width:100%; height:36px;}

.fit-t-link .w1000 {width:1000px; margin:0 auto 80px;}
/********** 내 링크 주소 **********/
.fit-t-link .cont-sec02 {border-top:1px solid #c4c4c4; padding-top:60px;}
.fit-t-link .cont-sec02 .cont-box {background: #F6F7F8; border: 1px solid #c4c4c4; 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:1rem;}
.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:44px;}
.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:20px 24px; width:100%;}
.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;}
.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 .item05 {font-size:1.714rem; font-weight:300; width: 600px;}
.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:1rem; 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 #c4c4c4; 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:1rem; 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:1rem; 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 #c4c4c4; 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:1rem; 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:1rem;}
.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:1rem; 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:1rem; 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:1rem; 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:1rem; 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 #c4c4c4; 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:1rem; 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:1rem; 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:1rem; 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 #c4c4c4;*/}
.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:1rem; 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 #c4c4c4; 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: 1rem; 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:#0861c5; 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: 260px;}
@media screen and (max-width: 768px) {
  .fit-t-link .w1000 {margin:0 auto 60px;}
  .fit-t-link h2 {font-size:1rem; 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:24px;}
  .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:1rem; 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:1rem;}
  .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-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:1rem;}
  .fit-t-link .cont-sec03 .get-list .table .right-item {padding:16px; width:89%;}
  .fit-t-link .cont-sec03 .get-list .table .right-item .item01 {width:84px; height:84px; margin-right:16px;}
  .fit-t-link .cont-sec03 .get-list .table .right-item .item-info-box {width: 165px;}
  .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 .item05 {max-width:100%;}
  .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:1rem;}
  .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:1rem; 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:1rem;}
  .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:1rem; 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:1rem !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; height:24px; top: auto !important; bottom:6px; right: 6px;}
  .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .table-top .item01 > div:last-child > i {padding: 6px !important; font-size: 1rem !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 {margin-bottom: 32px;}
  .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: 270px;}
  .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: 99px !important;}
  .fit-t-link .cont-sec03 .get-list .design_status_update .table .right-item .btn-box .confirm-btn {width: 193px !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: 1rem;}
  .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:1rem !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:1rem; 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:1rem;}
}
/* 내 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:1rem; 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:1rem; 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:1rem;}
  .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:1rem !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: 1rem;}
}
/* 내 T.LINK 미리보기 (연동되는 외부페이지) 끝 ************************************************************************************/



























/* 마이페이지 - 기본정보수정 ************************************************************************************/
[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.off{display:none;}

/* 공통 */
.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 #c4c4c4; 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:2rem; 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:1rem; 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 #c4c4c4;}
.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:1rem; 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:1rem; font-weight:700; width:100%; display:flex; align-items:center; justify-content:space-between;}
.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:1rem; 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: 1rem; font-weight: 700; color: #6B727C;}
.fit-myinfo .form-profile .form-item .item-status span.active {color:#287EFF;}

/* 수정 버튼 클릭 시 */
.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 .item-content input {width: 430px; height:60px; border:1px solid #c4c4c4; border-radius:3px; padding:16px 24px; font-size:1rem; font-size:1rem;}
.fit-myinfo .form-profile .form-item .item-content input::placeholder {color:#AAB1BB; font-size:1rem; 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-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 #c4c4c4; 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:1rem; font-weight:400; margin-left: 12px;}

/********** 로그인 정보 **********/
.fit-myinfo .form-sec01 .item-info {display:flex; align-items:Center; font-size:1rem; font-weight:400;}
.fit-myinfo .form-sec01 .item-info span {font-size:1rem; 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:1rem; 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 #c4c4c4;}
.fit-myinfo .form-sec02 .no-accound p {font-size:1rem; font-weight:700; margin:12px auto 24px;}
.fit-myinfo .form-sec02 .no-accound button {color:#fff; font-size:1rem; 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:1rem; 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:1rem; 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:#0861c5;}
.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:1rem; 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:1rem; 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 #c4c4c4; 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 #c4c4c4; 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:1rem;}
/* 버튼 */
.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:1rem; 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 #c4c4c4;}
.fit-myinfo .cont-account .item-box .item-data {display:flex; align-items:center; justify-content:space-between; margin-bottom:28px;}
.fit-myinfo .cont-account .item-box .item-data:last-child {margin-bottom:0;}
.fit-myinfo .cont-account .item-box .item-data .item-tit {font-size:1rem; 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 #c4c4c4; 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:last-child {display:revert;}
.fit-myinfo .cont-account .item-box .item-data .item-top {display:flex; align-items:flex-start; justify-content:space-between;}
.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: 50px; 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: 1rem !important; font-weight: 400; color: #fff;}
.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:1rem; 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:1rem; font-weight:400; margin-top:20px; color:#6B727C;}
.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:1rem; font-weight:700;}
.fit-myinfo .cont-account .btn-box button a {font-size:1rem; 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: #414853; border:1px solid #414853; color:#fff;}

/* 계좌등록 완료 - 팝업 */
.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:1rem; 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:1rem; 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:1rem; text-align:center;}
/* 탈퇴 - 팝업 */
.popup-withdrawal {text-align:center;}
.popup-withdrawal .pop-cont {max-width: 500px;}
.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: 49px;}
.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 {font-size:1rem; font-weight:500; padding:16px 0;}
.popup-withdrawal .btn-box .withdrawal-btn {margin-right:8px; border:1px solid #0861c5; background:#fff; color: #0861c5;}
.popup-withdrawal .btn-box .cancel-btn {border:1px solid #0861c5; color:#fff;}
.popup-withdrawal .submit-btn {display:none; width:260px; padding:16px 0; background:#414853; border:1px solid #414853; color:#fff; margin:0 auto;}


@media screen and (max-width: 768px) {
  .fit-myinfo .container {padding: 0 20px 60px !important; width: 100%;}
  .fit-myinfo .form-tit {padding-bottom: 12px;}
  .fit-myinfo .form-tit p {font-size: 1rem; 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:1rem; 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 {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:1rem;}
  .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:1rem;}
  
  .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: 1rem;}
  .fit-myinfo .form-sec02 .info-box li {font-size:0.929rem;}
  .fit-myinfo .form-sec02 .no-accound p {font-size:1rem; 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: 1rem;}
  .fit-myinfo .form-sec02 .form-item .item-content .item-btn-layout .item-info.item-info-bank p span {font-size: 1rem;}
  .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:1rem;}
  .fit-myinfo .form-sec03 .form-item .item-content .item-modify-content .modf-item input::placeholder {font-size:1rem;}
  .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:1rem;}
  .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:1rem; 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:1rem; margin-bottom: 8px;}
  .fit-myinfo .form-sns .sns-bot .sns-item .item-cont {font-size:1rem; 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:1rem;}
  .fit-myinfo .form-profile .form-item .item-content input::placeholder {font-size:1rem;}
  .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 .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:1rem;}
  .fit-myinfo .cont-account .tit-box i {font-size:1rem;}
  .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:1rem; 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: 39px; 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:1rem !important; border-radius: 4px; font-size: 1rem !important; font-weight: 400;}
  .fit-myinfo .cont-account .btn-box .cancel-btn {width: 132px; background: #EFF1F5; border: 0;}
  .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:1rem; 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:1rem;}
  .fit-myinfo .popup-acc-complete .cont-mid .item .item-info, .fit-myinfo .popup-acc-complete .cont-mid .item .item-info span {font-size:1rem;}
  .fit-myinfo .popup-acc-complete .cont-bot button {height:48px; font-size:1rem !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 {width: 90%; height: auto !important; top: 50%; left:50%; transform: translate(-50%,-50%);}
  .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:1rem; line-height:21px; margin: 16px auto 32px;}
  .popup-withdrawal .btn-box button {height:43px; padding:11px 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"] {width:72% !important; color:#000;}
  .fit-myinfo .form-profile .form-item .item-content input[name="sample_addr_new"]:disabled {border:1px solid #c4c4c4;}
  .fit-myinfo .form-profile .form-item .item-content input[name="sample_addr_new"]:-moz-disabled {border:1px solid #c4c4c4; outline:#c4c4c4;}
  .fit-myinfo .form-profile .form-item .item-content input[name="sample_addr_new"]:-webkit-disabled {border:1px solid #c4c4c4; outline:#c4c4c4;}
  .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;}
}
@media screen and (max-width: 768px) {
  .fit-myinfo .cont-account .btn-box .cancel-btn {width: 38%;}
  .fit-myinfo .cont-account .btn-box .submit-btn {width: 60%;}
}
/* 마이페이지 - 기본정보수정 끝 ************************************************************************************/















/* 소비자 - 상품문의 ************************************************************************************/
/* 상품문의 */
/* .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 #c4c4c4; border-bottom:1px solid #c4c4c4; 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:1rem; font-weight:400; margin-bottom:10px;}
.pr-inq-cont .inq-pop-cont .cont-top .right-box .item01 span {font-size:1rem; 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:1rem; 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:1rem; 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:1rem; 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: 1rem; 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:1rem; 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:1rem; 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 {font-size:1rem; font-weight:400; color:#6B727C; margin-bottom:8px; line-height:22px;}
.pr-inq-cont .inq-pop-cont .cont-bot li rb {font-size:1rem; 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;} */

.inq-pop-tit {margin-bottom:16px;}
.inq-pop-tit h2 {font-size:2rem; font-weight:700;}
.inq-pop-cont .cont-top {display:flex; align-items:center; padding:30px 0;}
.inq-pop-cont .cont-top .item-title {}
.inq-pop-cont .cont-top .item-title .title-txt {font-size:1.2rem; font-weight:700; margin-bottom:12px;}
.inq-pop-cont .cont-top .item-title .title-notice {}
.inq-pop-cont .cont-top .item-title .title-notice li {font-size:.9rem; color:#585858; line-height:1.5;}
.inq-pop-cont .cont-top .item-title .title-notice li::before {content:'· ';}
.inq-pop-cont .cont-top .left-box {width:110px; height:118px; overflow: hidden; margin-right:26px;}
.inq-pop-cont .cont-top .left-box img {width:100%; height:100%; object-fit:cover;}
.inq-pop-cont .cont-top .right-box .item01 {display:flex; align-items:center; font-size:1rem; font-weight:400; margin-bottom:10px;}
.inq-pop-cont .cont-top .right-box .item01 span {font-size:1rem; font-weight:400; margin-right:4px;}
.inq-pop-cont .cont-top .right-box .item01 span:first-child {font-weight: 700; display: flex; align-items: center;}
.inq-pop-cont .cont-top .right-box .info-date {display:flex; align-items:center;}
.inq-pop-cont .cont-top .right-box .info-date span.prif-tit {margin-left:0;}
.inq-pop-cont .cont-top .right-box .info-date span.item02 {margin-left:4px; display: flex; align-items:center;}
.inq-pop-cont .cont-top .right-box .info-date span,
.inq-pop-cont .cont-top .right-box .info-date {font-size:1rem; font-weight:400; color:#6B727C; line-height:22px;}
.inq-pop-cont .cont-mid {padding:26px 0 32px;}
.inq-pop-cont .cont-mid .item-tit {font-size:1rem; font-weight:400; color:#000; width:110px; margin-right:26px;}
.inq-pop-cont .cont-mid .item-cont {width: 100%; /* width:840px; */}
.inq-pop-cont .cont-mid .item-cont input,
.inq-pop-cont .cont-mid .item-cont select,
.inq-pop-cont .cont-mid .item-cont textarea {width:100%; padding:10px 24px; font-size:1rem; font-weight:400; border:1px solid #c4c4c4;}
.inq-pop-cont .cont-mid .item-cont input::placeholder,
.inq-pop-cont .cont-mid .item-cont select::placeholder,
.inq-pop-cont .cont-mid .item-cont textarea::placeholder {font-size: 1rem; font-weight: 400;}
.inq-pop-cont .cont-mid .item-cont select {color:#AAB1BB; cursor: pointer;}
.inq-pop-cont .cont-mid .item-cont select option {color:#AAB1BB;}
.inq-pop-cont .cont-mid .item-cont textarea {height:270px; resize: none;}
.inq-pop-cont .cont-mid .item-cont textarea::placeholder {color:#AAB1BB; font-size:1rem; font-weight:400;}
.inq-pop-cont .cont-mid .item-cont .word-count {position: relative; margin-bottom:16px;}
.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;}
.inq-pop-cont .cont-mid .item-cont .word-count .count span {margin-right:4px; }
.inq-pop-cont .cont-mid .item-cont .fit-checkbox-custom {font-size:1rem; width:125px;}
.inq-pop-cont .cont-mid .item-cont .fit-checkbox-custom input[type="checkbox"] + .click-check {margin-top:0; width:28px; height:28px;}

.inq-pop-cont .cont-mid .item-data {align-items:center; margin-top:18px;}
.inq-pop-cont .cont-mid .item-data:first-child {margin-top:0;}
.inq-pop-cont .cont-mid .item-data:last-child {align-items: flex-start;}
.inq-pop-cont .cont-mid .item-data:last-child .item-tit {margin-top:18px;}
.inq-pop-cont .cont-mid .item-data .prd-name {margin-bottom:10px;}
.inq-pop-cont .cont-mid .item-data .prd-name span {font-size:1.5rem; font-weight:700;}

.inq-pop-cont .cont-bot {width: 840px; float: left; display: inherit;}
.inq-pop-cont .cont-bot li {font-size:1rem; font-weight:400; color:#6B727C; margin-bottom:8px; line-height:22px;}
.inq-pop-cont .cont-bot li rb {font-size:1rem; color:#6B727C; display: inline-block; margin: 0 0 3px 3px;}
.inq-pop-cont .cont-bot li:last-child {margin-bottom:0;}
.inq-pop-cont .btn-box {width: 100%; margin: 0 auto; justify-content: center;}
.inq-pop-cont .btn-box button {}
.inq-pop-cont .btn-box button a {display:inline-block; padding:15px 90px; font-size:1rem; font-weight: 700;}
.inq-pop-cont .cancel-btn {background: #fff; color:#1159fe; border:1px solid #1159fe;}
.inq-pop-cont .submit-btn {background: #1159fe; padding:15px 90px; font-size:1rem; font-weight: 700; color:#fff; border:1px solid #1159fe;}

/* 상품문의 완료 - 팝업 */
.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 {align-items: flex-start;}
  .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date span.prif-tit {min-width: 80px;}
  .pr-inq-cont .inq-pop-cont .cont-top .right-box .info-date span.item02 {display: flex; align-items: center; flex-wrap: wrap;}

  .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:1rem; 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:1rem !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:1rem !important; letter-spacing: -0.02em;  }
  .fit-comm-pr-detail .pr-inq-cont .inq-pop-cont .cont-mid .item-cont textarea::placeholder {font-size:1rem;}
  .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 {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 {line-height: 30px; 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: auto !important; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden;}
  .fit-comm-pr-detail [data-canvas="insertCompletePopup"] .fit-pop-cont .pop-cont .pop-info .pop-active-btn {width: 100%; height: 48px; font-size:1rem; font-weight: 700; margin-top: 32px;}
}
/* 소비자 - 상품문의 끝 ************************************************************************************/









/* 소비자 - 결제페이지 ************************************************************************************/
/********** 결제정보 입력 페이지 **********/
.fit-ordersheet h2 {margin:0 auto 60px; text-align:center; font-size:2rem; font-weight:700;}
.fit-ordersheet .fit-form-tit {padding-bottom:20px; margin:0;}

/* 배송지 */
.fit-ordersheet .order-top {margin-bottom:80px;}
.fit-ordersheet .order-top .order-input-col {display:flex; align-items:center; padding:15px 0 0;}
.fit-ordersheet .order-top .order-input-col .item-tit {display:inline-block; width:130px; font-size:1rem; font-weight:400; color:#6B727C; margin-right:93px;}
.fit-ordersheet .order-top .order-input-col .item-data {font-weight:700; font-size:1rem;}
.fit-ordersheet .order-top .order-input-col.item-table01 .item-data, 
.fit-ordersheet .order-top .order-input-col.item-table01 .item-data > div a {display:flex; align-items:center;}
.fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box {max-width:655px; padding-bottom: 3px;}
.fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box::-webkit-scrollbar {height: 4px;}
.fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box::-webkit-scrollbar-thumb {background: #000;}
.fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span {display:inline-block; width: auto; margin-top:6px; color:#AAB1BB; font-size:1rem; font-weight: 400; padding:8px 18px; border:1px solid #c4c4c4; border-radius:100px; /* margin-right:5px; */ 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; flex:.8;}
.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:1rem; border:1px solid #c4c4c4;}
.fit-ordersheet .order-top .order-input-col.item-table06 .item-data select {color:#AAB1BB; cursor: pointer; padding: 10px 15px;}
.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: 1rem; 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.essential-effect select {border-color:red;}
/* .fit-ordersheet .order-top .order-input-col.item-table06 .item-data.essential-effect select+.xi-angle-down {color:red;} */

.fit-ordersheet .order-top .order-input-col.item-table06 .item-data textarea {padding:16px 24px; margin-top:7px; height:94px; resize:none;}
.fit-ordersheet .order-top .order-input-col.item-table06 .item-data textarea:not(.fit-block) {display: none;} /* 청원 추가 / 주문서 작성 / 직접 입력 시 노출 가능 - 2022.10.02 */
.fit-ordersheet .order-top .order-input-col.item-table06 .item-data textarea::placeholder {color:#AAB1BB;}

/* 상품정보 */
.order-mid .order-item .order-product .order-table {display:flex; align-items:center; border-bottom:1px solid #c4c4c4; padding-left:12px;}
.order-mid .order-item .order-product .order-table .table-item {text-align:center; justify-content:Center; padding:20px 0;}
/* .order-mid .order-item .order-product .order-table .table-item {border-right:1px solid #c4c4c4;} */
.order-mid .order-item .order-product .order-table .table-item:last-child {border-right:0 !important;}
.order-mid .order-item .order-product .order-table.th .table-item {font-size:1rem; font-weight:700; }
.order-mid .order-item .order-product .order-table.td .table-item {display:flex; align-items:Center; height:100%;}
.order-mid .order-item .order-product .order-table.td .table-item,
.order-mid .order-item .order-product .order-table.td .table-item span {font-size:1rem;}
.order-mid .order-item .order-product .order-table.td {/*height:160px;*/}
.order-mid .order-item .order-product .order-table .item01 {display:flex; align-items:center;}
/* .order-mid .order-item .order-product .order-table .item01 {width:55%; display:flex; align-items:center;}
.order-mid .order-item .order-product .order-table .item02 {width:5%;}
.order-mid .order-item .order-product .order-table .item03 {width:10%;}
.order-mid .order-item .order-product .order-table .item04 {width:10%;}
.order-mid .order-item .order-product .order-table .item05 {width:10%;}
.order-mid .order-item .order-product .order-table .item06 {width:10%;} */
.order-mid .order-item .order-product .order-table.td .item01 {justify-content:flex-start;}
.order-mid .order-item .order-product .order-table.td .item01 .item-thumb {width:76px; height:76px; overflow: hidden; margin-right:26px;}
.order-mid .order-item .order-product .order-table.td .item01 .item-thumb img {width:100%; height:100%; object-fit:cover;}
.order-mid .order-item .order-product .order-table.td .item01 .table-info {text-align:left; max-width: 340px;}
.order-mid .order-item .order-product .order-table.td .item01 .table-info .pro-name {font-size:1rem; display:block; align-items:Center; margin-bottom:10px; max-width: 320px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0;}
.order-mid .order-item .order-product .order-table.td .item01 .table-info .pro-name span {margin-right:5px; line-height: 22px; font-weight:600;}
.order-mid .order-item .order-product .order-table.td .item01 .pro-op p,
.order-mid .order-item .order-product .order-table.td .item01 .pro-op p span {font-size:1rem; color:#6B727C;}
.order-mid .order-item .order-product .order-table.td .item01 .pro-op p {display:flex; align-items:Center; line-height:22px;}
.order-mid .order-item .order-product .order-table.td .item01 .pro-op p span {margin-left:4px;}
.order-mid .order-item .order-product .order-table.td .item02 .itme-cont {display: flex;}
.order-mid .order-item .order-product .order-table.td .item05 {flex-direction:column; line-height:25px;}
.order-mid .order-item .order-product .order-table.td .item05 .itme-cont span {display:flex; align-items:center; justify-content: center;}
.order-mid .order-item .order-product .order-table.td .item05,
.order-mid .order-item .order-product .order-table.td .item05 span {}
.order-mid .order-item .order-product .order-table.td .item06 .itme-cont {display: flex;}

@media screen and (max-width:768px) {
  .order-mid .order-item .order-product .order-table {display: revert; height:auto !important; padding-left: 0;}
  .order-mid .order-item .order-product .order-table.td .table-item {padding: 8px 0; display: flex; align-items: center; justify-content: space-between; flex-direction: row; border: 0;}
  .order-mid .order-item .order-product .order-table.td .itme-cont {display: inline-flex; align-items: center;}
  .order-mid .order-item .order-product .order-table.td .item01 {border-bottom:1px solid #EFF1F5;}
  .order-mid .order-item .order-product .order-table.td .item05 .itme-cont {display: flex;}
  .order-mid .order-item .order-product .order-table.td .item07 {justify-content: flex-end;}
}

/* 상품정보 - 배송료 */
.order-mid .order-item .order-sum {padding:30px 12px; border-bottom:1px solid #c4c4c4;}
.order-mid .order-item .order-sum > .sum-tit {font-size:1rem; font-weight:700; margin-bottom:14px;}
.order-mid .order-item .order-sum .sum-item {margin-bottom:14px;}
.order-mid .order-item .order-sum .sum-item:last-child {margin-bottom:0;}
.order-mid .order-item .order-sum .sum-item .sum-tit {font-size:1rem;}
.order-mid .order-item .order-sum .sum-item .sum-price {display:flex; align-items:center;}
.order-mid .order-item .order-sum .sum-item .sum-price,
.order-mid .order-item .order-sum .sum-item .sum-price span {font-size:1rem; font-weight:700;}

/* 결제 약관동의 */
.fit-ordersheet .order-bot {margin-top:80px;}
.fit-ordersheet .order-bot .form-agree .all-check {padding:17px 0;}

/* 결제 버튼 */
.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: #c4c4c4; 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:#0861c5; 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 #c4c4c4; display:inline-block; border-radius:4px; text-align:center; width:240px; padding:15px 0; margin:0 13px 15px 0; font-size:1rem; 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:1rem; color:#AAB1BB; cursor: pointer;}
.fit-ordersheet .pay-order .pay-btn {width:480px; height:72px; border-radius:4px; background: #0861c5; font-size:1.857rem; color:#fff; font-weight:700; margin:79px auto 0;}
.fit-ordersheet .pay-order .pay-btn a {font-size:1.857rem; color:#fff; font-weight:700;}
.fit-ordersheet .pay-order .pay-btn span {font-size:1.857rem;font-weight:700; 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:1rem;}
  .fit-ordersheet .order-top {margin-bottom: 60px;}
  .fit-ordersheet .order-top .order-input-col.item-table01 {display: revert; padding-bottom: 13px;}
  .fit-ordersheet .order-top .order-input-col.item-table01 .item-data {width: 100%; display: revert;}
  .fit-ordersheet .order-top .order-input-col {padding: 10px 0;}
  .fit-ordersheet .order-top .order-input-col .item-tit {font-size:1rem;}
  /* .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box {margin-top: 16px; flex-wrap: wrap;} */
  .fit-ordersheet .order-top .order-input-col.item-table01 {margin-top:6px;}
  .fit-ordersheet .order-top .order-input-col.item-table01 .item-data {margin-top:10px;}
  /* .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box {display: flex; align-items: center; flex-wrap: wrap;} */
  /* .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span {margin-right:4px; padding: 4px 12px; text-align: center; width: auto; margin-bottom: 5px;} */
  .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .left-box span {padding:8px 12px; /* margin-right:8px; */ text-align:center;}
  .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .right-box {display: revert; margin-left: 0;}
  .fit-ordersheet .order-top .order-input-col.item-table01 .item-data .right-box .shipping-add {width: 65px; height: 30px; padding: 0; font-size: 12px;}
  .fit-ordersheet .order-top .order-input-col .item-tit {width: 125px; margin: 0 0 8px 0; color:#000;}
  .fit-ordersheet .order-top .order-input-col .item-data {font-size:1rem; width: auto;}
  .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:1rem;}
  /* .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; max-width: 230px !important;}
  .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: #c4c4c4; 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:1rem; font-weight: 700;}
  .fit-ordersheet .order-mid .order-item .order-product .item01 .table-coupon-btn {font-size: .9rem; padding: 5px 10px; margin-top: 15px;}
  .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:1rem; 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:1rem; 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:10px 0 0; border:none;}
  .fit-ordersheet .order-mid .order-item .order-sum > .sum-tit {font-size:1rem; 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:1rem; color: #6B727C;}
  .fit-ordersheet .order-bot {margin-top: 60px; /*padding-bottom: 19px; border-bottom: 1px solid #c4c4c4;*/}
  .fit-terms-agree .form-agree .check-basic label, .fit-terms-agree .form-agree .check-basic label span {font-size:15px;}
  .fit-terms-agree .fit-checkbox-custom input[type="checkbox"] + .click-check {width:22px; height:22px; margin: 0 8px 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:1rem !important;}

  .fit-ordersheet .pay-order {margin-top:30px;}
  /* .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 #c4c4c4;} */
  .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:1rem;}
  .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%;}
  .fit-ordersheet .pay-order .pay-btn,
  .fit-ordersheet .pay-order .pay-btn a,
  .fit-ordersheet .pay-order .pay-btn a span {font-size:1rem !important;}
}

/* 세금계산서 발행 신청 (22.11.19) */
.fit-ordersheet .pay-order .order-tax {margin-top:40px;}
.fit-ordersheet .pay-order .order-tax .fit-form-tit {padding-bottom:10px; border-bottom:none;}
.order-tax .tax-cont {padding:20px; background-color:#f8f8f8;}
.order-tax .tax-cont .tax-check-cont label {margin-right:15px;}
.order-tax .tax-cont .tax-check-cont label input[type='radio'] {margin-right:4px;}
.order-tax .tax-cont .tax-form {margin-top:20px; padding-top:20px; border-top:2px dashed #ddd;}
.order-tax .tax-cont .tax-form .tax-form-item {margin-bottom:10px;}
.order-tax .tax-cont .tax-form .tax-form-item:last-child {margin-bottom:0;}
.order-tax .tax-cont .tax-form .tax-form-item .form-tit {font-weight:700;}
.order-tax .tax-cont .tax-form .tax-form-item input[type='text'] {padding:10px 15px; border:1px solid #c4c4c4;}
.order-tax .tax-cont .tax-form .tax-form-item .form-input {width:100%;}
.order-tax .tax-cont .tax-form .tax-form-item .form-con {}
.order-tax .tax-cont .tax-form .tax-form-item .form-con .detail-data {margin-top:4px; width:100%;}

@media screen and (max-width: 768px) {
.fit-ordersheet .pay-order .order-tax {margin-top:25px;}
.order-tax .tax-cont .tax-form .tax-form-item {margin-bottom:15px; align-items:flex-start; flex-direction:column !important;}
.order-tax .tax-cont .tax-form .tax-form-item .form-tit {display:inline-block; flex:1 !important; margin-bottom:3px;}
.order-tax .tax-cont .tax-form .tax-form-item .form-con {flex:1 !important; width:100%;}
}

/* 소비자 - 결제페이지 끝 ************************************************************************************/



/* commmon_결제완료 ************************************************************************************/
.fit-order-complete {}
.fit-order-complete .container {background:#fff; padding:20px 0 150px;}
.fit-order-complete .container h1 {text-align: center;}
.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:1rem; font-weight:400; line-height:25px; overflow: hidden;}
.fit-order-complete .container .cont-top button {background:#050505; /* border-radius:4px; */ width:280px; height:60px; margin-top:60px;}
.fit-order-complete .container .cont-top button a {color:#fff; font-size:1rem; 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:1rem; 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 {text-align: center;}
.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: 15px auto 0; font-size: 20px; 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;}
  .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:1rem;}
  .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: 80px 0 0 !important; text-align: left;}
  .fit-order-result .container .cont-top {height: 50vh !important;}
  .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: #0861c5;} */
  /* .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 .se01 .form-item {display: flex; align-items: center; justify-content:space-between; padding:20px 0; border-bottom:1px solid #c4c4c4;}
.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:1rem; 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:1rem; 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:1rem; 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:1rem; 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 #c4c4c4; border-radius:4px; height:36px; font-size:1rem; color:#414853; font-weight:500;}
.fit-comm-mypage .se01 .form-item .myinfo-btn a {width:100%; height:100%; color:#414853; font-weight:500; padding:0 14px;}

/********** 주문/배송 & 취소/교환/반품 **********/  
.fit-comm-mypage .se-num .fit-form-tit .all-view a {font-size:1rem; color:#6B727C; display:flex; align-items:center; cursor: pointer;}
.fit-comm-mypage .se-num .fit-form-tit .all-view a i {font-size:1rem; 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 #c4c4c4;}
.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 #c4c4c4;}
.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:1rem; 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 #c4c4c4; 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 #c4c4c4; 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:1rem;}
.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:1rem;}
.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 #c4c4c4; margin-top:21px;}

@media screen and (max-width: 768px) {
  .fit-comm-mypage .fit-form-tit {padding-bottom: 12px; border-bottom:0;}
  .fit-comm-mypage .fit-form-tit p {font-size:1rem;}
  .fit-comm-mypage .section {margin-bottom: 60px;}
  .fit-comm-mypage .se01 .form-item {padding: 15px 0;}
  .fit-comm-mypage .se01 .form-item .item-title {font-size:1rem; width: 100px;}
  .fit-comm-mypage .se01 .form-item .item-content {width: 210px;}
  .fit-comm-mypage .se01 .form-item .item-content .item-info {font-size:1rem;}
  .fit-comm-mypage .se01 .form-item .myinfo-btn {width:auto; height:auto; font-size:0.929rem !important; padding: 6px 0;}
  .fit-comm-mypage .se01 .form-item .myinfo-btn a {font-size: 1rem !important;}
  .fit-comm-mypage .se01 .form-item:nth-of-type(3) .myinfo-btn {width: auto; height:auto; padding:4px 0;}

  .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 #c4c4c4;}
  .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 #c4c4c4; padding: 18px 0; font-size:1rem; font-weight: 700; height: auto;}
  .fit-comm-mypage .se04 .right-box > div {padding: 18px 0; height: auto; margin: 0; font-size:1rem;}
  .fit-comm-mypage .se04 .right-box .top-item {margin: 0; border-bottom: 1px solid #c4c4c4;}
  .fit-comm-mypage .se04 .right-box .top-item::after {display: none;}
  .fit-comm-mypage .se04 .right-box > div a {font-size:1rem;}
  .fit-comm-mypage .se04 .right-box > div i {font-size: 1rem;}
  .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:1rem;}
  .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;}
}
/* 소비자 - 마이페이지 메인 끝 ************************************************************************************/

















/* 소비자 - 취소/교환/반품 팝업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; border-bottom:1px solid #c4c4c4;}
.fit-inquiry-pop .item-table .table-item {display:flex; align-items:Center; 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:1rem;}
.fit-inquiry-pop .item-table .table-item .item-tit {color:#6B727C; width:190px; display:inline-block; text-align:left;}
.fit-inquiry-pop .item-table .table-item .item-cont {display:flex; align-items:Center; font-weight: 400;}
.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: #0861c5; border-radius: 4px; color: #fff; width:480px; height:60px; font-size: 1rem; font-weight: 400; margin: 40px auto 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: 1rem; 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: 30px 0 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:1rem;}
  .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:1rem;}
  .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 .se01 .item-table .table-item:first-child {align-items: flex-start;}
  .fit-inquiry-pop .pop-cont button.submit-btn {width: 100%;}
}
/* 소비자 - 취소/교환/반품 팝업01 끝 ************************************************************************************/










/* 소비자 - 마이페이지 반품,반품 신청_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:1rem; 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:1rem; 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 span {color:#AAB1BB; font-size:1rem; font-weight:400;}
.fit-comm-or-cancel .payment-container .mid-cont .item-table {border:1px solid #c4c4c4; 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:1rem;}
.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 #c4c4c4;}

.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 #c4c4c4; display:inline-block; border-radius:4px; text-align:center; width:240px; padding:15px 0; margin:0 13px 15px 0; font-size:1rem; 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:1rem; color:#AAB1BB; cursor: pointer;}
.fit-comm-or-cancel .payment-container .bot-cont .pay-btn {width:480px; height:72px; border-radius:4px; background: #0861c5; 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 #c4c4c4;}
  .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 .top-cont .radio-item label {font-size:1rem;}
  .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:1rem; 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 .section {margin-top: 60px;}
  .fit-comm-or-cancel .payment-container .mid-cont .fit-form-tit span {font-size:0.929rem; margin: 8px auto 11px;}
  .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 #c4c4c4;}
  .fit-comm-or-cancel .payment-container .mid-cont .item-table .item span {font-size:1rem;}
  .fit-comm-or-cancel .payment-container .bot-cont .order-payment {border-bottom: 1px solid #c4c4c4; 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:1rem;}
  .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:1rem !important; margin-top: 40px;}
  .fit-comm-or-cancel .payment-container .bot-cont .pay-btn span {font-size:1rem !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:1rem; margin-bottom: 6px;}
  .fit-comm-or-cancel .payment-container .fit-inq-complete .item-table .item-info .pr-name span {font-size:1rem; 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 #c4c4c4;}
.fit-op-modity-wrap .bot-cont {margin:22px auto 86px;}
.fit-op-modity-wrap .bot-cont h3 {font-size:1rem; font-weight:700; margin:0 0 18px 10px;}
.fit-op-modity-wrap .btn-box button.next-btn {background: #0861c5; border:1px solid #0861c5; 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:1rem; 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: 1rem; 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:1rem;}
.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:1rem;}
.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%;}
}
/* 소비자 - 배송지 변경(출고전) 끝 ************************************************************************************/








/* 메인 컬러 속성 */
.mainc-bg {background-color:#0861c5 !important;}
.mainc-border {border:1px solid #0861c5;}
.mainc-txt {color:#0861c5;}

.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 {display: none;}
}








/* 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;}
}


/* 22.06.28 회원가입 페이지 수정 */
.item-title-sub {padding-left:4px; font-size:.9rem; color:#666;}

/* 22.06.29 로그인 페이지 추가 및 수정 */
.login-mid {display:flex; align-items:center; justify-content:space-between;}
.login-find-btn {color:#989898;}
.login-bot {margin:30px 0 40px;}
.login-bot .login-btn:nth-child(2) {border:1px solid #0861c5; color:#0861c5; background-color:#fff; text-align:center;}
.login-sns {display:flex; align-items:center; justify-content:space-between;}
.login-sns-tit {font-weight:700; font-size:1.1rem;}
.login-sns-list {display:flex; align-items:center;}
.login-sns-list .sns-icon {display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-right:5px; border-radius:50%;}
.login-sns-list .sns-icon:last-child {margin-right:0;}
.login-sns-list .sns-icon i {font-size:1.1rem; color:#fff;}
.login-sns-list .sns-naver {background-color:#04cf5d;}
.login-sns-list .sns-kakao {background-color:#ffe329;}
.login-sns-list .sns-kakao i {color:#3c1d1e;}
.login-sns-list .sns-facebook {background-color:#3959a0;}
.login-sns-list .sns-google {background-color:#ea4336;}
.login-sns-list .sns-apple {background-color:#000000;}

/* 22.06.29 계정찾기 페이지 수정 */
.result-auth-cont {background-color:#fff; padding:30px; margin-bottom:10px;}
[data-canvas='sendEmailForPW'] .result-auth-btn {position:relative; margin-top:20px;}
.form-submit {display:block; width:100%; padding:15px 0; background-color: #000; color:#fff; font-weight:700; cursor: pointer;}
p.result-auth-tit {margin-bottom:5px; font-size:1.2rem !important; line-height:1.4; font-weight:700; text-align:left;}
.find-list.list-none p {padding:30px; background-color:#f6f6f6; border-top:2px solid #000; font-weight:600;}

/* 22.07.17 주문서 페이지 수정 */
/* 주문서 좌/우 영역 나누기 */
.cont-row {display:flex; align-items:flex-start;}
.cont-col {display:flex; flex-direction:column;}
.table-coupon-btn {padding:8px 15px; color:#fff;}
.cont-right {margin:120px 0 0 20px; padding:30px; background-color:#f8f8f8; border:1px solid #000;}

/* 22.07.26 (by.jieun) */
.cont-right .right-info {/* background-color:#f8f8f8; */ border:1px solid #050505; margin:0 0 10px 0; padding:30px;}
.cont-right .sum-item {margin-bottom: 15px;}
.cont-right .total-price {margin-bottom: 0; padding-top: 24px; border-top: 1px solid #c4c4c4;}
.cont-right .total-price .sum-price,
.cont-right .total-price .sum-price span {font-size: 20px; color: #0861c5; font-weight: 700;}
.cont-right .fit-checkbox-custom {padding-top: 0 !important;}
.cont-right .click-check {margin-left: 0 !important;}
.cont-right .agree-info {font-size: 12px; color: #585858; margin-top: 7px;}
.cont-right .pay-btn {height: auto;}
.cont-right .pay-btn a {background: #050505; color: #fff; font-size: 16px; font-weight: 700;}
.cont-right .pay-btn a span {font-size: 16px; font-weight: 700;}


/* 적립금/쿠폰 적용 */
.form-discount {}
.form-discount .form-item {display: flex; align-items: center; padding:20px 10px; margin-top:0;}
.form-discount .form-item:last-child {padding-top:0;}
.form-discount .form-item .item-title {display: flex; align-items: center; width: 20%; height: 100%; font-weight: 600; margin-right: 1px;}
.form-discount .form-item .item-content {display:flex; align-items:center; padding-left: 10px; width: 80%; height: 100%; font-size:1.1rem;}
.form-discount .form-item .item-content-column {flex-direction:column; align-items:flex-start;}
.form-discount .form-item .item-content input {border: 1px solid #d6d6d6; padding: 6px 10px; font-size:1.1rem; text-align:right;}
.form-discount .form-item .item-content .price {}
.form-discount .form-item .item-content .item-cont-list {}
.form-discount .form-item .item-content .item-cont-list .cont-list-item {display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d6d6d6; padding-bottom:26px;}
.form-discount .form-item .item-content .item-cont-list .cont-list-item:nth-child(n+2) {padding-top:26px;}
.form-discount .form-item .item-content .item-cont-list .cont-list-item .item-cont-select select {border: 1px solid #d6d6d6; padding: 5px 10px;}
.form-discount .form-item .item-content .item-cont-desc {padding-top:4px; font-size:1.07rem;}
.form-discount .form-item .item-content .item-cont-desc span {vertical-align:baseline; color:#0861c5; font-weight:600; font-size:1.07rem;}
.form-discount .form-item .item-content .item-btn {padding:6px 10px; margin-left:6px;}
.item-cont-use {font-size:0;}
input.input-w300 {width:300px;}

.form-discount .form-item.coupon {align-items:flex-start;}
.form-discount .form-item.coupon .movie-tit {font-size:1.07rem;}
.form-discount .form-item.coupon .movie-en-tit {font-size:0.857rem; color:#707070;}

.payment-method {font-size:0; margin-top:20px; padding:0 10px;}
.payment-method .item-data {display: inline-block; margin-right: 5px;}
.payment-btn {display:inline-block; padding:10px 20px; margin-right:4px; border:1px solid #666; color:#666; font-size:.9rem;}
.payment-btn:last-child {margin-right:0;}
input[name="payment"]:checked + .payment-btn {border-color:#1159fe; color:#1159fe; font-weight:700;}
input[name="payment"] {display:none;}

/* 배송지 정보 수정 */
.shipping-add {padding:8px 15px; background-color:#eee; color:#999;}
.shipping-add.active {color: #fff;border: 1px solid #282C33;background: #282C33;} /* 청원 추가 / 주문서페이지 직접입력 선택 - 2022.10.02 */
.fit-ordersheet .order-top .order-input-col .add-data {flex:.8; padding:10px 15px; border:1px solid #c4c4c4;}
.item-data-select {padding:10px 15px;}
.item-add-shipping {}
.item-add-shipping .add-data {}
.item-add-shipping .shipping-search {width:80%; margin-bottom:6px;}
.item-add-shipping .add-data:nth-child(2) {width:100%;}

.item-comm-btn {padding:10px; margin-left:6px; border:1px solid #c4c4c4; color:#999;}

/* 무통장 입금 시 */
.payment-method .payment-btn:not(.active) + .order-payment-info{display:none;} /* 청원 추가 - 주문서 작성 시, 무통장인 경우 추가 정보 보이기 / 2022.10.03 */
.info-deposit {margin-top:15px; padding:0 10px;}
.info-deposit .info-title {width:90px;}
.info-deposit .info-notice {margin-bottom:15px; font-size:.9rem; color:red;}
.info-deposit .item-comm-btn {margin-left:0; margin-top:6px; width:30%;}

/* 주문완료 페이지 (22.07.18) */
/* 영역 타이틀 */
.cont-title {text-align:center; margin:0 0 30px;}
.cont-title h1 {margin-bottom:20px; font-size:2.4rem; font-weight:700;}
.title-normal {display:flex; align-items:center; justify-content:center; line-height:1.5;}
.title-normal .order-num {padding:0 5px; font-weight:600;}

.order-comm-style {margin-top:80px;}
.fit-order-complete .order-input-col {display:flex; align-items:center; line-height:2.5;}
.fit-order-complete .order-input-col .item-tit {flex:.2; font-weight:700;}
.order-input-col .item-data {flex:1;}

.fit-order-complete {}
.fit-order-complete .complete-cont {padding:25px 0; border-bottom:1px solid #999;}
.complete-order-sum .sum-item {margin-bottom:0; line-height:2.5;}
.complete-order-sum .sum-item.sum03 {margin-top:10px; padding-top:10px; border-top:1px solid #c4c4c4;;}
.complete-order-sum .mainc-txt {font-weight:700; font-size:1.4rem;}
.complete-order-sum .mainc-txt span {font-weight:700; font-size:1.4rem;}

.cont-bot {margin:60px 0 40px; display:flex; align-items:center; justify-content:center;}
.cont-bot .bot-btn {flex:.15; padding:15px 0; border:1px solid #000; font-weight:600;}
.cont-bot .btn-bg {margin-left:4px; background-color:#000; color:#fff;}

@media screen and (max-width: 768px) {
  /* 22.06.29 로그인 페이지 추가 및 수정 */
  .login-sns {flex-direction:column;}
  .login-sns-tit {font-size:1rem; margin-bottom:20px;}

  /* 22.06.29 계정찾기 페이지 수정 */
  .result-cont {padding:20px;}
  .result-auth-cont {padding:20px;}
  p.result-auth-tit {font-size:1.1rem !important; font-weight:700 !important;}

  /* 22.07.17 주문서 페이지 수정 */
  .cont-row .cont-left {flex:1 !important; width:100%;}
  .cont-row .cont-right {flex:1 !important; width:100%; background-color:transparent; border:none; padding:20px; margin:0 0 30px;}
  .cont-row .cont-right .right-info {border: 0; padding: 0; margin-bottom: 30px;}
  

  .order-comm-style {padding:0 20px; margin-top:40px}
  .fit-ordersheet .order-top .order-input-col {flex-direction:column; align-items:flex-start;}
  .cont-row {flex-direction:column;}
  .fit-ordersheet .order-top .order-input-col .add-data {flex:1; width:100%;}
  .item-add-shipping {flex:1 !important; width:100%;}
  .item-add-shipping .add-data {width:100%;}
  /* .item-add-shipping .add-data:nth-child(1) {margin-bottom:5px;} */
  .item-add-shipping .shipping-search {width:100%;}
  /* 쿠폰/적립금 영역 */
  .form-discount .form-item {flex-direction:column; align-items:flex-start;}
  .form-discount .form-item .item-title {width:100%;}
  .form-discount .form-item .item-content {padding-left:0; margin-top:8px;}
  .form-discount .form-item .item-content:nth-child(2) {width:100%;}
  input.input-w300 {width:200px;}
  .item-cont-use {display:flex; align-items:center;}
  /* 무통장 입금 시 */
  .info-deposit .flex {margin-bottom:10px;}
  .info-deposit .item-comm-btn {width:100%;}

  /* 주문완료 페이지 (22.07.19) */
  .fit-order-complete .order-input-col {flex-direction:column; align-items:flex-start; margin-bottom: 10px; line-height:1.5;}
  .cont-bot {padding:0 20px; margin:0 0 80px;}
  .cont-bot .bot-btn {flex:1;}
  .order-mid .order-item .order-product .order-table.td .item04 {flex-direction:row;}

  .fit-order-complete .order-mid .order-item .order-product .order-table {flex-direction:column; align-items:flex-start; padding:10px;}
  .fit-order-complete .order-mid .order-item .order-product .order-table.td {height:auto;}
  .fit-order-complete .order-mid .order-item .order-product .order-table.td .table-item:not(.item01) {align-items:flex-start; justify-content:flex-start;}
  .fit-order-complete .order-mid .order-item .order-product .order-table .table-item {padding:5px 0; margin-left:100px;}
  .fit-order-complete .order-mid .order-item .order-product .order-table .table-item.item01 {margin-left:0;}
  .fit-order-complete .order-mid .order-item .order-product .order-table.td .item01 .item-thumb {margin-right:20px;}
  .fit-order-complete .order-mid .order-item .order-product .order-table.td .item01 .table-info .pro-op {color:#999;}

  .fit-order-complete .order-mid .order-item .order-product .order-table.td .item01 .item-thumb {width:80px; height:80px;}

  .item-title.mobile {margin-right:10px; font-weight:700;}

  .fit-order-complete .complete-cont {border-bottom:1px solid #c4c4c4;}
}

/* 쇼핑몰 메인 타입1 (쇼핑몰) */
.fit-main-shop01 .mobile {display:none !important;}
.main-section {}
.section-p4060 {padding:40px 0 60px;}
.section-p5090 {padding:50px 0 90px;}

/* ------------------------- section01 영역 (상단 슬라이더 배너) ------------------------- */
.slide-banner-section {}
/* 슬라이드 배너 slick 적용 */
.fit-main-shop01 .main-slide-banner {position:relative; width:100%; max-height:780px; height: 780px; overflow-x:hidden;}
.fit-main-shop01 .main-slide-banner .main-banner a {display:inline-block; width:100%; height:100%;}
.fit-main-shop01 .main-slide-banner .main-banner img {width:100%;}
/* 슬라이드 배너 이전/다음 버튼 */
.fit-main-shop01 .main-slide-banner .slick-arrow {width:64px; height:64px;}
.fit-main-shop01 .main-slide-banner .slick-arrow:before {display:none;}
.fit-main-shop01 .main-slide-banner .slick-prev {left:3%; z-index:10; background-image:url('../image/icon/prev-thin.png');}
.fit-main-shop01 .main-slide-banner .slick-next {right:3%; background-image:url('../image/icon/next-thin.png');}
.main-slide-banner .slick-prev::before,
.main-slide-banner .slick-next::before {display: none;}
/* 슬라이드 배너 하단 상태바 */
.fit-main-shop01 .main-slide-banner .slick-dots {position:absolute; bottom:25px; left:50%; transform:translateX(-50%);}
.fit-main-shop01 .main-slide-banner .slick-dots li {width:50px; margin:0 3px;}
.fit-main-shop01 .main-slide-banner .slick-dots li button {width:100%; height:auto; padding:0;}
.fit-main-shop01 .main-slide-banner .slick-dots li button:before {width:100%; height:3px; background-color:#050505; font-size:0;}


/* ------------------------- section02 영역 (신상품/상품 나열) ------------------------- */
.section-new-prd {font-size:0;}
.section-new-prd .prd-item {display:inline-block;}

/* 슬릭 스타일 수정 (22.11.03) */
.slick-track {margin:0 !important;}
.card_thumb_list .slick-slide {width:auto;}
.card_thumb_list .slick-slide a {display:inline-block; max-width:250px;}

/* ------------------------- section03 영역 (베스트 상품/상품 슬라이드) ------------------------- */
.main-slide-cont {padding: 0 17px 57px;}
.main-slide-prd {height: auto !important;}
.main-slide-cont .swiper-button-prev,
.main-slide-cont .swiper-button-next {height:28px; background-size: cover !important; background-repeat: no-repeat !important;}
.main-slide-cont .swiper-button-prev {background: url('../image/icon/prev-thin.png'); left: 0%;}
.main-slide-cont .swiper-button-next {background: url('../image/icon/next-thin.png'); right: 0%;}
.main-slide-cont .swiper-button-next::after,
.main-slide-cont .swiper-button-prev::after {display: none;}
.main-slide-cont .swiper-pagination {width: 100%; bottom: 0; padding:0 30px; box-sizing: border-box;}
.main-slide-cont .swiper-pagination span {height:4px; margin: 0 !important; border-radius:0; background: #E5E5E5;}
.main-slide-cont .swiper-pagination span.swiper-pagination-bullet-active {background: #050505;}


.section-title {padding:0 0 20px; text-align:center;}
.section-title h1 {font-size:2rem; font-weight:700;}
/* 상품스타일 - 상품 목록 스타일 그대로 가져옴 */
/*상품리스트*/
.prd-item {display: inline-block; width: calc(100% / 5); height:auto !important; margin-right: 0; padding: 16px 15px; box-sizing: border-box; border:2px solid transparent;}
.prd-item:hover {background: #FBFBFB; border: 2px solid #6C99FF;}
.prd-item:nth-child(5n)~.list-layout-item {margin-top: 75px;}
/*상품리스트_이미지*/
.prd-item .list-thumb {position: relative; display:flex; align-items:center; justify-content:center; overflow:hidden; width: 100%; height: 250px;}
.prd-item .list-thumb img {width:100%; height: 100%; object-fit: cover;}
/*상품리스트_정보*/
.prd-item .list-info .list-tit .tit {display:revert; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; min-height: 40px; margin:15px 0; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; font-weight:400; line-height:19px;}
.prd-item .list-info .list-tit .tit span {display:inline-flex; margin-bottom:4px; font-weight:700; font-size:1.286rem !important;}
.prd-item .list-info .list-tit .icon {font-size: 0;}
.prd-item .list-info .list-tit .icon span {border-radius: 20px; padding: 2px 8px 4px; margin-right: 3px; font-size: 10px; font-weight: 700; color: #fff;}
.prd-item .list-info .list-tit .icon span:last-child {margin-right: 0;}
.prd-item .list-info .list-tit .icon span.new {background-color: #000;}
.prd-item .list-info .list-tit .icon span.best {background-color: #0861c5;}
.prd-item .list-info .list-price {}
.prd-item .list-info .list-price .name {display: none;}
.prd-item .list-info .list-price .galp-box.galp-item01 .num {color:#AAB1BB; text-decoration:line-through; font-size: 12px; font-weight: 400;}
.prd-item .list-info .list-price .galp-box.galp-item02 .num {color:#000; font-weight: 700;}
.prd-item .list-info .list-price .galp-box.galp-item03 .num {color:#F23F3F;}
/* 해시태그 */
.prd-item .hashtag {margin-bottom: 8px;}
.prd-item .hashtag span {display:inline-block; margin-right:3px; font-size: 13px;}
.prd-item .hashtag span:last-child {margin-right:0;}
/* 슬라이드 상품 이전/다음 버튼 */
.main-slide-prd .slick-arrow {width:30px; height:30px;}
.main-slide-prd .slick-arrow:before {display:none;}
.main-slide-prd .slick-prev {left:-50px; background-size:30px 30px; background-image:url('../image/icon/prev-thin.png');}
.main-slide-prd .slick-next {right:-50px; background-size:30px 30px; background-image:url('../image/icon/next-thin.png');}
/* 슬라이드 배너 하단 상태바 */
.main-slide-prd .slick-dots {bottom:-65px;}
.main-slide-prd .slick-dots li {margin:0;}
.main-slide-prd .slick-dots li button {width:100%; height:auto; padding:0;}
.main-slide-prd .slick-dots li button:before {width:100%; height:3px; background-color:#050505; font-size:0;}

/* ------------------------- section04 영역 (메인 배너 이미지1/단일 이미지) ------------------------- */
.main-banner {width:100%;}
.main-banner a {display:inline-block; width:100%; height:100%;}
.main-banner a img {width:100%;}

/* ------------------------- section05 영역 (상품 리뷰/리스트) ------------------------- */
.main-section05 {background-color:#f6f6f6;}
.section-review-cont {font-size:0;}
.review-item {position:relative; display:inline-block; width:calc(100% / 5 - 8px); padding:15px; margin-right:10px; background-color:#fff; cursor:pointer;}
.review-item:nth-child(5n) {margin-right:0;}
.review-item:nth-child(5n)~.review-item {margin-top:10px;}
.review-item .review-prd-thumb {width:100%;}
.review-item .review-prd-thumb img {width:100%;}
.review-item .review-prd-name {padding:10px 0; font-weight:700;}
.review-item .review-content {line-height:1.3;}
.review-item .review-star {padding:20px 0;}
.review-item .review-star i {color:#efba00;}
.review-item .review-link {display:none; position:absolute; top:0; left:0; width:100%; height:100%; align-items:center; justify-content:center; background-color:rgba(0,0,0,.4);}
.review-item .review-link a {display:flex; align-items:center; justify-content:center; width:140px; height:140px; border-radius:50%; background-color:#000; color:#fff; font-size:1.2rem; font-weight:700;}
.review-item:hover .review-link {display:flex;}
.review-list-btn {width:100%; margin-top:30px; text-align:center;}
.review-list-btn .more-btn {display:inline-block; padding:14px 80px; background-color:#000; color:#fff;}

@media screen and (max-width: 768px) {
  .fit-main-shop01 {margin-top: 73px;}
  .fit-main-shop01 .mobile {display:block !important;}
  .fit-main-shop01 .w1440 {padding:0 10px;}

  /* ------------------------- section01 영역 (상단 슬라이더 배너) ------------------------- */
  .main-slide-banner {min-height:500px;}
  .main-slide-banner .slick-arrow {width:30px; height:30px; background-size:30px 30px;}
  .main-slide-banner .slick-prev {left:15px;}
  .main-slide-banner .slick-next {right:15px;}
  /* ------------------------- section02 영역 (신상품/상품 나열) ------------------------- */
  .section-new-prd {padding-bottom:30px; overflow-x:scroll; white-space:nowrap;}
  .prd-item {display: inline-block; width:calc(100% / 2 - 2px); min-height: 315px; padding:10px 5px; margin-right:4px;}
  .prd-item:nth-child(2n) {margin-right:0;}
  .prd-item:nth-child(2n)~.prd-item {margin-top:4px;}
  .section-new-prd::-webkit-scrollbar {background-color:#e5e5e5; height:3px;}
  .section-new-prd::-webkit-scrollbar-thumb { background-color:#050505; height:1px;}
  .section-new-prd::-webkit-scrollbar-track {background-color:#e5e5e5; height:1px;}

  /* 슬릭 스타일 수정 (22.11.03) */
  .card_thumb_list .slick-slide {min-height:315px; height:100% !important; width:auto;}
  .card_thumb_list .slick-slide a {width:auto; height:315px;}
  .card_thumb_list .slick-slide a .list-thumb {width:auto; height:150px;}


  /* ------------------------- section03 영역 (베스트 상품/상품 슬라이드) ------------------------- */
  /* swiper */
  .main-slide-cont {padding: 0 40px 37px 10px;}
  .main-slide-cont .swiper-button-prev,
  .main-slide-cont .swiper-button-next {display: none;}
  .main-slide-cont .swiper-pagination {padding: 0 10px;}
  .main-slide-cont .swiper-pagination span {height:3px;}
  /* slick */
  .main-slide-prd .slick-arrow {display:none !important;}
  .prd-item .list-thumb {height:180px;}
  /* ------------------------- section04 영역 (메인 배너 이미지1/단일 이미지) ------------------------- */
  .main-section04 {padding-bottom:20px;}
  .main-section04 .w1440 {padding:0;}
  /* ------------------------- section05 영역 (상품 리뷰/리스트) ------------------------- */
  .review-item {width: calc(100% / 2 - 4px); margin-right:8px;}
  .review-item:nth-child(5n) {margin-right:8px;}
  .review-item:nth-child(2n) {margin-right:0;}
  .review-item:nth-child(2n)~.review-item {margin-top:10px;}
}

/* 22.07.28 주문서 작성 추가 수정 */
/* 쿠폰 목록 추가 */
.order-use-coupon {background-color:#f8f8f8;}
.order-use-coupon .use-title {font-size:1.1rem; font-weight:700; margin-bottom:15px;}
.order-use-coupon .use-coupon-list .item-data {position: relative; padding:25px; border-bottom:1px solid #c4c4c4;}
.use-coupon-list {}
.use-coupon-list li {margin-bottom:15px;}
.use-coupon-list li:last-child {margin-bottom:0;}
.use-coupon-list .item-cont-tit {margin-bottom: 7px;}
.use-coupon-list .item-cont-tit p {color:#000;}
.use-coupon-list .coupon-price {margin-bottom: 2px;}
.use-coupon-list .coupon-price,
.use-coupon-list .coupon-name {line-height:1.3; font-weight:600; color:#000;}
.use-coupon-list .date {color: #6B727C; margin-top: 5px;}
/* .use-coupon-list .coupon-date {display:flex; align-items:center; margin-top:5px; font-size:.9rem; font-weight:700;}
.use-coupon-list .coupon-date span {margin-left:10px; font-weight:400; font-size:.9rem;} */
.use-coupon-list .delete_coupon {position: absolute; right: 25px; top: 25px;}
.use-coupon-list .delete_coupon i {color: red;}
/* 주문서 우측 총 합계금액 영역 */
.ordersheet-right {flex:0.25; margin:40px 0 0 30px; padding:0; background-color:transparent; border:none;}
.ordersheet-right .right-con {margin-bottom:15px; padding:30px; border:1px solid #000;}
.ordersheet-right .right-top {}
.ordersheet-right .order-sum .sum-item {}
.ordersheet-right .order-sum .sum-item span {line-height:1.4;}
.ordersheet-right .order-sum .sum-item .sum-tit {font-weight:700;}
.ordersheet-right .order-total-price {margin-top:10px; padding-top:10px; border-top:1px solid #000;}
.ordersheet-right .order-total-price .sum-price,
.ordersheet-right .order-total-price .sum-price span {font-size:1.2rem; font-weight:700;}
/* 주문서 우측 동의영역 */
.ordersheet-right .right-mid {}
.ordersheet-right .order-agree {}
.ordersheet-right .order-agree .agree-title span {font-weight:600;}
.ordersheet-right .order-agree .agree-des {margin-top:10px; font-size:.9rem; color:#666;}
/* 주문서 우측 결제하기 버튼 */
.ordersheet-right .pay-btn {background-color:#050505; color:#fff;}
.ordersheet-right .pay-btn a {padding:15px 0; font-size:1.1rem; font-weight:700;}


@media screen and (max-width: 768px) {
  .ordersheet-right .right-con {padding:15px 10px; border:none; border-top:1px solid #999;}
  /* 쿠폰 목록 추가 */
  .fit-pop-cont .pop-cont[data-layer_key="my_coupon"] {padding: 30px 25px; width:90%; min-width:90%;}
  .order-use-coupon .use-coupon-list .item-data {padding: 15px;}
  .use-coupon-list .item-cont-tit {margin-bottom: 10px;}
  .use-coupon-list .delete_coupon {top: 15px; right: 15px;}
  .use-coupon-list .date {margin-top: 2px;}
}


/****************************** 키즈토리 css ******************************/
/******************** 공통css ********************/
.main-fc {color: #6C99FF;}
.red-fc {color: #FF0000;}
.main-bc {background: #6C99FF;}
@media screen and (max-width: 768px) {
    /* .wrap {margin-top: 65px;} */
    .container {padding: 40px 10px 76px !important;}
}

/* 2022.08.11 */
/******************** header ********************/
/* 키즈토리 헤더 (최상위 class = hd-type03) */
.hd-type03 {padding:20px 0; border-bottom:1px solid #EDEDED;}
/* header style*/
.hd-line-gnb {position: relative; z-index: 1000;}
.hd-line-gnb .hd-menu {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; justify-content: center;}
.hd-line-gnb .hd-menu .menu-item {position: revert; margin-right: 36px;}
.hd-line-gnb .hd-menu .menu-title {position: relative;}
.hd-line-gnb .hd-menu .menu-title:hover {color:#6C99FF;}
.hd-line-gnb .hd-menu .menu-title:hover::after {content: ''; position: absolute; bottom: -100%; display: block; width: 100%; height: 2px; background: #6C99FF;}
/* sub gnb */
.hd-line-gnb .hd-menu .menu-sub-cont {width: 100%; padding-top: 22px;}
.hd-line-gnb .hd-menu .menu-sub-cont p {padding: 26px 0; background: #F5F5F5;}
.hd-line-gnb .hd-menu .menu-sub {background: transparent; border:0; margin-left: 33px; color: #535353;}
.hd-line-gnb .hd-menu .menu-sub:first-child {border-top: 0; margin-left: 0;}
.hd-line-gnb .hd-menu .menu-sub:hover {color: #000; background: transparent;}
/* logo */
.hd-line-gnb .hd-logo {width:auto; z-index: 1000;}
/* burger button */
header .toggle_open {z-index: 10000;}
header .toggle_open i {font-size: 25px; font-weight: 600; cursor: pointer;}
/* all gnb */
.hd-all-gnb {display: none; position: absolute; width: 100%; z-index: 100; background: #F5F5F5; padding: 22px 19.740vw;}
.hd-all-gnb.active {display: block;}
.hd-all-gnb .hd-menu {align-items: flex-start;}
.hd-all-gnb .menu-sub-cont {margin-top: 16px;}
.hd-all-gnb .menu-sub-cont p {display: revert;}
.hd-all-gnb .menu-sub-cont a {display: block; margin-bottom: 9px;}
.hd-all-gnb .menu-title {color: #6C99FF; font-size: 1.2rem; font-weight: 700;}
@media screen and (max-width: 768px) {
    /* header {position: fixed; top:0; width: 100%; z-index: 1000; background: #fff; padding: 0; border-bottom:0;} */
    header {width: 100%; z-index: 1000; background: #fff; padding: 0; border-bottom:0;}
    /* header .header.hd-fixed {position:fixed; top:0; left:0;} */
    .hd-line-gnb {padding: 13px 11px;}
    header .toggle_open {width: auto; height: auto;}
}

/******************** sidebar ********************/
@media screen and (max-width: 768px) {
    .mo-side-cover {z-index: 1000; background: rgba(0, 0, 0, 0.6);}
    .mo-sidebar {width: 80%; max-width: 80%;}
    .mo-sidebar .hd-top {padding: 6px; border-bottom:0;}
    .mo-sidebar .sidebar-close button i {/* color: #fff; */ font-size: 18px; font-weight: 400;}

    .hd-mo-nav {padding:24px 10px 24px 14px;}
    
    .hd-mo-nav .menu-item {margin-bottom: 23px;}
    .hd-mo-nav .menu-item::marker {font-size: 0;}
    .hd-mo-nav .menu-title {display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 400;}
    .hd-mo-nav .menu-title i {font-size: 18px;}
    .hd-mo-nav .menu-title.active {color: #6C99FF; font-weight: 500;}
    .hd-mo-nav .menu-title.active i {color: #000; transform: rotate(180deg);}
    .hd-mo-nav .menu-sub-cont {display: none; padding: 13px 10px 6px;}
    .hd-mo-nav .menu-sub-cont .flex-center {display: revert; height: auto;}
    .hd-mo-nav .menu-sub-cont a {display: block; margin-bottom: 12px; font-size: 13px; color: #666;}
    .hd-mo-nav .menu-sub-cont a:last-child {margin-bottom: 0;}
}



/* 2022.08.12 */
/******************** footer ********************/
/* .footer {padding: 49px 0 55px;} */
.footer .ft-section02 {align-items: flex-start;}
.footer .ft-logo {width: auto; max-width:40px;}
.footer .ft-sns a {margin-left: 13px;}
.footer .ft-sns a:first-child {margin-left: 0;}
.footer .ft-info p {display: flex; align-items: center;}
.footer .ft-info p > span {display: inline-flex; align-items: center; margin-right: 17px;}
.footer .ft-info p > span span {color:#404041; display: inline-block; margin-left: 9px;}
.footer .ft-info p:first-child span {font-size: 1rem; font-weight: 700;}
@media screen and (max-width: 768px) {
    /* .footer {padding: 22px 10px 15px;} */
    .footer .ft-section02 {padding: 0;}
    .ft-section02 .ft-logo img {width: 80px;}
    .footer .ft-info p {display:inherit; text-align: left;}
    .footer .ft-info .copy {font-size: 10px; color: #666;}
}


/* 2022.08.18 */
/******************** index ********************/
/* banner */
[data-layer_canvas^="main_banner"] .main-slide-banner {max-height: 780px;}
[data-layer_canvas^="main_banner"] .intro-content .title-content {margin: 0;}
.main-slide-banner {/* height: 420px; */ padding: 0;}
/* .main-slide-banner a {height: 100%;} */
.main-slide-banner div {width: 100%; height: 100%;}
.main-slide-banner img {width: 100%; height: 100%; object-fit: cover; box-sizing: border-box;}
.main-slide-banner .slick-arrow {background: no-repeat center; background-size: cover; width: 27px; height: 42px; z-index: 1;}
.main-slide-banner .slick-prev {background-image: url('../image/icon/prev-thin.png'); left: 3%;}
.main-slide-banner .slick-next {background-image: url('../image/icon/next-thin.png'); right: 3%;}
.main-slide-banner .main-banner img.pc {display: block;}
.main-slide-banner .main-banner img.mobile {display: none;}
[data-layer_canvas^="main_banner"] .main-slide-banner[data-canvas='getListBanner_main_banner38'] {margin-top:50px;}

/* 공통 index */
.intro-content .title-content {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.intro-content .title-content span {font-size: 32px; font-weight: 700;}
.intro-content .title-content .more-btn {font-size: 20px; font-weight: 400;}
.more-btn {cursor: pointer;}
/* content section */
/* .intro-section .section01 {margin-top: 87px;} */
/* .intro-section .section02 {margin-top: 106px;} */
/* .intro-section .section03 {margin-top: 122px;} */
.board_list {border: 0; margin-bottom: 144px;}
.board_list .table .td-name {display: inline-flex; font-size: 15px;}
.board_list .table .td-date {font-size: 15px; color: #666;}
@media screen and (max-width: 768px) {
    /* banner */
    
    [data-layer_canvas^="main_banner"] .main-slide-banner {height:auto; max-height: inherit;}
    .main-slide-banner div {max-width:100%;}
    .slick-list .slick-track {max-width:initial;}
    /* [data-layer_canvas^="main_banner"] .main-slide-banner {max-height: 560px;} */
    [data-layer_canvas^="main_banner"] .intro-content,
    [data-layer_canvas^="main_min_banner"] .intro-content {padding: 0 !important;}
    .main-slide-banner .main-banner img.pc {display: none;}
    .main-slide-banner .main-banner img.mobile {display: block;}
    /* .main-slide-banner {min-height: 360px; max-height: 360px;} */
    .main-slide-banner .slick-arrow {width: 30px; height: 30px;}
    .main-slide-banner .slick-prev {background-image: url('../image/kidstory/m-left_arrow.png'); left: 5px;}
    .main-slide-banner .slick-next {background-image: url('../image/kidstory/m-right_arrow.png'); right: 5px;}
    /* 공통 index */
    .intro-content .content-title {margin-bottom: 18px;}
    .intro-content .content-title span {font-size: 24px;}
    .intro-content .content-title .more-btn {font-size: 16px;}
    /* content section */
    /* .intro-section .section01 {margin-top: 42px;}
    .intro-section .section02 {margin-top: 66px;} */
    /* .intro-section .section03 {margin-top: 66px;} */
    .board_list {margin-bottom: 47px;}
    .board_list .table .td-date {display: block; margin-left: 0; margin-top: 7px;}
}



/******************** 공통 title ********************/
.page-tit-container .intro-wrap {position: relative; width: 100%; overflow: hidden;}
.page-tit-container .intro-wrap.image-bg_cont {height: 350px;}
.page-tit-container .intro-wrap .background {width: 100%; height: 100% !important; object-fit: cover;}
.page-tit-container .intro-wrap .tit-box {position: absolute; top: 41%; left: 50%; transform: translate(-50%,-50%);}
.page-tit-container .intro-wrap .tit-box .tit {margin-bottom: 13px; font-size: 50px; font-weight: 700; line-height: 59px;}
.page-tit-container .intro-wrap .tit-box .desc {font-size: 20px; color: #666;}
.page-tit-container .intro-wrap .category {position: absolute; bottom: 0; width: 100%; background: rgba(68, 68, 68, 0.5); padding: 15px 0;}
.page-tit-container .intro-wrap .category li {position: relative; margin-right: 32px; font-size: 16px; font-weight: 500; color: #fff;}
.page-tit-container .intro-wrap .category li::after {content: ">"; position: absolute; right: -22px; top: -2px;}
.page-tit-container .intro-wrap .category li:last-child:after {display: none;}
@media screen and (max-width: 768px) {
    .page-tit-container .intro-wrap.image-bg_cont {height: 200px;}
    .page-tit-container .intro-wrap .background {width: 100% !important;}
    .page-tit-container .intro-wrap .tit-box {top: 39%;}
    .page-tit-container .intro-wrap .tit-box .tit {font-size: 28px; margin-bottom: 15px; line-height: 33px;}
    .page-tit-container .intro-wrap .tit-box .desc {font-size: 13px; line-height: 15px;}
    .page-tit-container .intro-wrap .category {padding: 8px 10px;}
    .page-tit-container .intro-wrap .category li {font-size: 12px; margin-right: 21px;}
    .page-tit-container .intro-wrap .category li::after {right: -15px;}
}
/******************** intro 공통 editor ********************/
.intro-wrap .cont {margin: 78px auto 80px;}
.intro-wrap .cont-tit {font-size: 38px; font-weight: 700; margin-bottom: 64px; text-align: center;}
.column-aditor01 {/* width: 906px; */ margin: 78px auto 0;}
.column-aditor01 pre {margin-top: 47px; white-space: pre-wrap; font-size: 16px; line-height: 19px;}
.column-aditor02 {width: 960px; margin: 0 auto 102px;}
.column-aditor02 pre {white-space: pre-line; font-size: 16px; line-height: 19px;}
.column-aditor02 b {font-size: 40px; font-weight: 700; line-height: 47px;}
.row-aditor01 {width: 1420px; margin: 0 auto;}
.row-aditor01 pre {white-space: pre-line; font-size: 16px; line-height: 19px;}
.row-aditor01 pre b {font-weight: 600; font-size: 32px; line-height: 40px;}
@media screen and (max-width: 768px) {
    .intro-wrap .cont {margin-top: 0;}
    .intro-wrap .cont-tit {font-size: 22px; margin-bottom: 37px;}
    .aditor-cont {padding: 0 10px;}
    .column-aditor01 {width: 100%; margin-top: 0;}
    .column-aditor01 img {width: 100% !important;}
    .row-aditor01 pre {margin-bottom: 32px;}
    .row-aditor01 pre b {margin-bottom: 25px}
    .column-aditor01 pre {margin-top: 17px; font-size: 14px; line-height: 16px;}
    .column-aditor02 {margin-bottom: 32px;}
    .column-aditor02 b {font-size: 25px; line-height: 29px;}
}
/******************** intro 공통 form ********************/
.form-v1 {background: #F9F9F9; border: 1px solid #eee; width: 960px; padding: 35px 60px 40px; margin: 0 auto; box-sizing: border-box;}
.form-v1 .important-txt {font-size: 13px; font-weight: 500; margin-bottom: 18px;}
.form-v1 .form-item {margin-bottom: 20px; width: 100%; align-items: center;}
.form-v1 .form-item .form-item-tit {width: 20%; text-align: left; font-size: 16px; font-weight: 700; line-height: 19px;}
.form-v1 .form-item .form-item-tit .important {margin-left: 3px; font-weight: 700; font-size: 18px;}
.form-v1 .form-item .form-item-cont {width: 80%;}
.form-v1 .form-item .form-item-cont::placeholder {color: #666; font-size: 14px;}
.form-v1 .form-item input,
.form-v1 .form-item select {padding: 9px 17px; border: 1px solid #eee; border-radius: 4px; background: #fff;}
.form-v1 .form-item select {font-size: 14px; color: #666;}
.form-v1 .form-item .item-radio label,
.form-v1 .form-item .item-checkbox label {margin-right: 20px;}
.form-v1 .form-item .item-radio input,
.form-v1 .form-item .item-checkbox input {margin-right: 7px;}
.form-v1 .form-item.add-file .basic-button {background: #fff; color: #000; border:1px solid #EEEEEE; margin-bottom: 5px;}
.form-v1 .form-item.add-file p {color: #666; font-size: 10px; line-height: 12px;}
.form-v1 .form-item.add-file .addImg-list-cont {display: revert; background: #fff; border-radius: 4px; border:1px solid #eee; padding: 13px 15px; min-height: 80px;}
.form-v1 .form-item.add-file .addImg-list-cont .addImg-cont {margin-bottom: 9px; align-items: center;}
.form-v1 .form-item.add-file .addImg-list-cont .addImg-cont .deleteImg-btn {font-size: 0;}
.form-v1 .form-item.add-file .addImg-list-cont .addImg-cont i {margin-left: 10px; cursor: pointer; font-size: 15px;}
.form-v1 .wb-submit {width: 178px; height: 57px; color: #fff; font-size: 20px; font-weight: 700; border-radius: 36px; margin-top: 45px;}
@media screen and (max-width: 768px) {
    .form-v1 {width: 100%; margin-top: 30px; padding: 20px 16px;}
    .form-v1 .form-item .form-item-tit {width: 30%; font-size: 14px;}
    .form-v1 .form-item .form-item-cont {width: 70%; flex-wrap: wrap;}
    .form-v1 .form-item .form-item-cont::placeholder {font-size: 12px;}
    .form-v1 .form-item select {font-size: 12px;}
    .form-v1 .form-item .item-radio label, .form-v1 .form-item .item-checkbox label {font-size: 14px;}
    .form-v1 .form-item .item-radio label:nth-of-type(2) ~ label, .form-v1 .form-item .item-checkbox label:nth-of-type(2) ~ label {margin-top: 6px;}
    .form-v1 .form-item.add-file .addImg-list-cont {margin-top: 11px;}
    .form-v1 .form-item.add-file .addImg-list-cont .addImg-cont .addTxt {font-size: 12px;}
    .form-v1 .form-item.add-file .addImg-list-cont .addImg-cont i {font-size: 10px;}
    .form-v1 .wb-submit {width: 130px; height: 40px; margin-top: 40px; font-size: 16px;}
}
/******************** board-list ********************/
.board-list .container .page-tit {font-size: 38px; font-weight: 700; margin-bottom: 54px;}
.board_list {border-top: 0;}
.board_list .table-thead .tr-item {padding: 0 5px;}
.board_list .table {border-color:#D4D4D4;}
.board_list .table .table-item {padding: 0 5px;}
.board_list .table .td-date,
.board_list .table .td-hits {font-size:15px; color:#666;}
.board_list .table .td-title {display: flex; align-items: center;}
.board_list .table .td-name {display: inline-flex;}
@media screen and (max-width: 768px) {
    .board-list .container .page-tit {margin-bottom: 30px; font-size: 20px;}
    .board_list {border-top:1px solid #D4D4D4;}
    .board_list .table .td-title {width: 100%; margin-bottom: 7px;}
    .board_list .table .td-hits span {font-size: 12px;}
    .board_list .table .td-date {float: right; font-size: 12px;}
    /* 지역센터/학원소개 */
    .board-list .cont-mid .board_list .table {padding: 16px 0 !important;}
    .board-list .cont-mid .board_list .table .table-item {display: flex; align-items: center; margin-bottom: 12px;}
    .board-list .cont-mid .board_list .table .td-tell {margin-bottom: 0;}
    .board-list .cont-mid .board_list .table .table-item .tit {min-width: 50px; padding: 5px 14px; background: #F8F8F8; border-radius: 5px; margin-right: 7px; font-size: 12px; color: #000; font-weight: 500;}
    .board-list .cont-mid .board_list .table .table-item .cont {font-size: 14px;}
}

/* 2022.08.19 */
/******************** list-search cont ********************/
.board-list .form-v1 {width: 100%; border-radius: 12px; padding: 22px 28px 33px;}
.board-list .form-v1 .search-tit {margin-bottom:25px; font-size: 20px; font-weight:700;}
.board-list .form-v1 .search-group .form-item {margin: 0;}
.board-list .form-v1 .search-group .form-item .form-item-tit {width: 15%; font-weight: 500;}
.board-list .form-v1 .search-group .form-item .form-item-cont .item-input {width: 93%;}
.board-list .form-v1 .search-group .form-item  button {width: 34px; height: 34px; margin-left: 6px; border-radius: 4px;}
.board-list .form-v1 .search-group .form-item  button i {color: #fff; font-size: 20px;}
@media screen and (max-width: 768px) {
    .board-list .form-v1 {padding: 20px 15px; margin: 26px 0 22px;}
    .board-list .form-v1 .search-group .form-item .form-item-tit {width: 30%;}
    .board-list .form-v1 .search-group .form-item .form-item-cont {width: 70%;}
    .board-list .form-v1 .search-group .form-item .form-item-cont .item-input {width: 82%;}
}
/******************** franchisee-detail ********************/
.franchisee-detail .list-table {border-bottom: 1px solid #666666; border-top:0 !important;}


/* 22.08.29 */
/* board list 메인컬러 변경 */
.container-common1 .cont .top-search .search-group .search-item button {background-color: #6C99FF;}
.cont .table-top .list-count span {color: #6C99FF; font-weight: 700;}

/* 22.08.30 */
/******************** board-detail ********************/
.board-detail-style01 .container .list-table .table.th {/* padding: 0 0 18px; */ border-color: #666;}
.board-detail-style01 .container .list-table .table .td {margin-bottom: 20px;}
.board-detail-style01 .container .list-table .table .td-title {font-size: 30px; font-weight: 400;}
.board-detail-style01 .container .list-table .table .td-date,
.board-detail-style01 .container .list-table .table .td-hits {font-size: 14px; font-weight: 700; color: #666; margin-right: 34px; display: inline-flex; align-items: center;}
.board-detail-style01 .container .list-table .table .td-date span,
.board-detail-style01 .container .list-table .table .td-hits span {font-size: 14px; font-weight: 400;margin-left: 7px;}
.board-detail-style01 .container .list-table .table .table-tit {padding: 7px 10px; background: #F8F8F8; border-radius: 5px; margin-right: 30px; font-size: 14px; color: #000;}
.board-detail-style01 .container .list-table .table .td-store .table-tit {margin-bottom: 8px; display: inline-block;}
.board-detail-style01 .container .list-table .table .td-store .table-item {font-size: 35px; font-weight: 600;}
.board-detail-style01 .container .list-table .table.td .table-item {padding: 33px 0; white-space: pre-line; font-size: 15px;}
.board-detail-style01 .attach-item {border-top: 1px dashed #D9D9D9; padding: 33px 0; border-bottom: 1px solid #666; align-items: flex-start;}
.board-detail-style01 .attach-item .upload-tit {width: 100px; font-size: 15px; font-weight: 700;}
.board-detail-style01 .container .upload-item .file-col button {margin-left: 5px; /* color: #fff; padding: 4px 9px; */ border-radius: 30px; font-size: 15px;}
.board-detail-style01 .container .list-btn a {width: 55px; height: 30px; background: #F8F8F8; border-color: #eee; line-height: 29px; font-size: 15px;}
@media screen and (max-width: 768px) {
    .board-detail-style01.notice-detail .list-table {margin-top: 0;}
    .board-detail-style01 .container .list-table .table .td-title {font-size: 22px;}
    .board-detail-style01 .container .list-table .table .td-hits {float: right; margin: 0;}
    .board-detail-style01 .container .list-table .table .td-date, .board-detail-style01 .container .list-table .table .td-hits {font-size: 12px;}
    .board-detail-style01 .container .list-table .table.td .table-item {padding: 23px 0;}
    .board-detail-style01 .attach-item {display: revert; padding: 23px 0;}
    .board-detail-style01 .attach-item .upload-tit {margin-bottom: 11px;}
    .board-detail-style01 .container .upload-item span {font-size: 13px;}
    .board-detail-style01 .container .list-table .table .td {margin-bottom: 15px;}
    .board-detail-style01 .container .list-table .table .table-tit {min-width: 41px; font-size: 12px; margin-right: 22px;}
    /* .board-detail-style01 .container .list-table .table .table-item {font-size: 14px;} */
    .board-detail-style01 .container .list-table .table .td-store .table-item {font-size: 22px;}
    .board-detail-style01 .container .list-table .table .td-address {display: flex;align-items: flex-start; flex-wrap: nowrap;}
}

/******************** board-list 검색 필터 ********************/
.cont .top-search .search-group {width: 100%; align-items: flex-start; text-align: left;}
.cont .top-search .search-group .search-item {display: inline-flex; width: 49%;}
.cont .top-search .search-group .search-item select,
.cont .top-search .search-group .search-item input {width: 80% !important;}

@media screen and (max-width: 768px) {
    .cont .top-search {padding: 20px 15px;}
    .cont .top-search .search-group .search-item .search-item-tit {font-size: 14px;}
    .cont .top-search .search-group .search-item {display: flex; width: 100%;}
    .cont .top-search .search-group .search-item select {margin-right: 0; width: 94% !important;}
    .cont .top-search .search-group .search-item select, .cont .top-search .search-group .search-item input {font-size: 14px; height: 32px;}
}

/* 22.09.01 */
/******************** intro ********************/
/* .intro + .container .upload-tit {display: none;} */

/******************** 지역센터/학원소개 list ********************/
.location-intro-list {}

/******************** 지역센터/학원소개 detail ********************/
.location-intro-detail .upload-title:not(.title) {display: flex; margin-bottom: 15px;}
.location-intro-detail .upload-tit {background: #F8F8F8; border-radius: 5px; padding: 7px 10px; font-size: 14px; font-weight: 500 !important; color: #000;}
.location-intro-detail .title .upload-tit {display: inline-block; margin-bottom: 10px;}
.location-intro-detail .title .upload-input span {margin-left: 0; font-size: 35px; font-weight: 600;}
.location-intro-detail .upload-input span {margin-left: 30px; color: #000; font-size: 16px;}
.location-intro-detail .upload-title.editor {border-top: 0; border-bottom: 1px solid #666666; margin-bottom: 0;}
.location-intro-detail .upload-title.editor .upload-tit {display: none;}
.location-intro-detail .upload-item.file {display: none;}

@media screen and (max-width: 768px) {
    .location-intro-detail .upload-title {width: 100%;}
    .location-intro-detail .title .upload-tit {font-size: 12px;}
    .location-intro-detail .title .upload-input span {font-size: 22px;}
    .location-intro-detail .upload-input {width: 75%; margin-left: 10px;}
    .location-intro-detail .upload-title.editor .upload-input,
    .location-intro-detail .upload-title.title .upload-input {width: 100%; margin: 0;}
    .location-intro-detail .upload-input span {margin-left: 0; font-size: 14px;}
}

/* 2022.09.02 */
/******************** index ********************/
.section02 .list-gallery-style01 {justify-content: flex-start !important;}


/* 쇼핑몰 2022.10.06 */
/********** 쿠폰적용 팝업 **********/
[data-layer_key="my_coupon"] .comm-tit {font-size: 20px; margin-bottom: 20px;}
[data-layer_key="my_coupon"] .list-layout-item {margin-bottom: 15px; padding: 20px; border:1px solid #c4c4c4; /* border-radius: 5px; */}
[data-layer_key="my_coupon"] .list-layout-item.disabled {opacity: 0.5; pointer-events: none;position: relative;}
.coupon-wrap label {display: flex; align-items: flex-start;}
[data-layer_key="my_coupon"] .coupon-wrap input {width:auto;}
[data-layer_key="my_coupon"] .coupon-wrap .coupon-info {margin-top: -9px; margin-left: 10px;}
[data-layer_key="my_coupon"] .coupon-wrap .coupon-info p {font-size: 15px; color: #6B727C; font-weight: 500; margin: 0; line-height: normal; text-align: left;}
[data-layer_key="my_coupon"] .coupon-wrap .coupon-info .coupon-price,
[data-layer_key="my_coupon"] .coupon-wrap .coupon-info .coupon-tit { font-weight: 600; color: #000; line-height: 28px;}
[data-layer_key="my_coupon"] .coupon-wrap .coupon-info .coupon-price {font-size: 20px; color: #0861c5;}
[data-layer_key="my_coupon"] .coupon-wrap .coupon-info .coupon-tit {font-size: 16px;}
[data-layer_key="my_coupon"] .pop-btn-area {text-align: center;}
[data-layer_key="my_coupon"] .pop-btn-area button {width: 100px; height: 40px; margin-top: 30px;}
[data-layer_key="my_coupon"] .pop-btn-area .pop-close {border:1px solid #c4c4c4; color:#000;}
[data-layer_key="my_coupon"] .pop-btn-area .btn01 {color:#fff;}

/* 2022.10.12 */
/********** index 레이아웃 병합 **********/
/* 공통 */
.fit-layer {width: 100%; margin:0 auto;}
/* .intro-section .canvas-content {display: flex;} */
.main-slide-banner {min-height: 100px; overflow: hidden;}
.slick-dotted.slick-slider {display: inherit; font-size:0;}
.card_thumb_list {font-size:0;}
/* .card_thumb_list.slide .slick-track {width: 100% !important;} */
@media screen and (max-width: 768px) {
  /* .intro-section .canvas-content {flex-wrap: wrap;} */
  .fit-layer .intro-content {padding: 0 20px;}
  .intro-section .board_list .table-item {width: 100%;}
  .card_thumb_list.slide .slick-track {width: max-content !important;}
}
/* 키즈토리 */
.fit-layer[data-layer_canvas^="card_thumb1"] {max-width: 1440px; margin-top: 106px;}
.fit-layer[data-layer_canvas^="card_thumb1"] .canvas-content .list-item {max-width: calc(100%/4);}
.fit-layer[data-layer_canvas^="card_thumb1"] .canvas-content .table .more-btn {background: #6C99FF;}
.fit-layer[data-layer_canvas^="main_item"] {max-width: 1440px; margin: 87px auto;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content {font-size:0;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table {display:inline-block; border:1px solid #ddd; border-radius:2px;}

/* grid4 일 때 */
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid4 {width: calc(100% / 4 - 6px); margin-right:8px;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid4:nth-child(4n) {margin-right:0;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid4:nth-child(4n)~.table.grid4 {margin-top:15px;}

.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid4-height .item01 {height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid4-height .item02 {height:70px;}

/* grid3 일 때 */
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid3 {width: calc(100% / 3 - 10px); margin-right:15px;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid3:nth-child(3n) {margin-right:0;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid3:nth-child(3n)~.table.grid3 {margin-top:15px;}
/* grid2 일 때 */
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid2 {width: calc(100% / 2 - 10px); margin-right:20px;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid2:nth-child(2n) {margin-right:0;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid2:nth-child(2n)~.table.grid2 {margin-top:15px;}
/* grid1 일 때 */
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid1 {width: 100%;}
.fit-layer[data-layer_canvas^="main_item"] .canvas-content .table .cate {color: #6C99FF;}




/* .fit-layer[data-layer_canvas^="main_item2"] {max-width: 1440px; margin: 87px auto;}
.fit-layer[data-layer_canvas^="main_item2"] .canvas-content {font-size:0;}
.fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table {display:inline-block;}

.fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid3 {width: calc(100% / 3 - 10px); margin-right:15px;}
.fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid3:nth-child(3n) {margin-right:0;}
.fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid3:nth-child(3n)~.table.grid3 {margin-top:15px;}

.fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid2 {width: calc(100% / 2 - 10px); margin-right:20px;}
.fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid2:nth-child(2n) {margin-right:0;}
.fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid2:nth-child(2n)~.table.grid2 {margin-top:15px;}

.fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid1 {width: 100%;}
.fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table .cate {color: #6C99FF;} */

/* main_item1 수정 (22.11.17) */
.card_text_list .create_view_type-main_item1.grod4-height .item01.tit {height:40px;}
.card_text_list .table.create_view_type-main_item1.grod4-height .item02 {height:120px;}

/* main_item2 수정 (22.11.14) */
.card_text_list .create_view_type-main_item2 {border:1px solid #ddd; border-radius:2px;}
.card_text_list .create_view_type-main_item2 .item01.tit {height:100px; font-size:1.8rem;}
.card_text_list .create_view_type-main_item2 .card-icon-img {display:block; height: 40px; margin-bottom:10px;}
.card_text_list .table.create_view_type-main_item2 .item02 {height:110px; margin-bottom:0; font-size:1.1rem !important; line-height:1.5;}




.fit-layer[data-layer_canvas^="list1"] {max-width: 1440px; margin-top: 122px;}




/* 쇼핑몰 */
.fit-layer[data-layer_canvas^="card_thumb2"] {max-width: 1440px; margin: 120px auto 0;}
.fit-layer[data-layer_canvas^="card_thumb2"]+.fit-layer[data-layer_canvas^="main_banner"] {margin-top:120px;}
.fit-layer[data-layer_canvas^="card_thumb2"] .title-content {margin-bottom:30px;}
.fit-layer[data-layer_canvas^="card_thumb2"] .title-content .title {margin:0 auto;}
.fit-layer[data-layer_canvas^="card_thumb2"] .table {width: calc(100%/5);}
.fit-layer[data-layer_canvas^="card_thumb2"] .table .list-thumb {border-radius: 0; max-height: 260px;}
.fit-layer[data-layer_canvas^="main_mid_banner"] {max-width: 1440px; min-height: 220px; margin-top: 160px;}
.fit-layer[data-layer_canvas^="card_thumb_review"] {position: relative; background: #F6F6F6; padding: 100px 0; margin-top: 160px;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .prd-item .tit {min-height: auto; -webkit-line-clamp:1; margin: 20px 0 16px; font-weight: 700;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .list-info {padding-top:0;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .review-content {display:-webkit-box; padding:0; margin-bottom:15px; min-height:54px;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .title-content .title {margin:0 auto;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .title-content .more-btn {position: absolute; left: 50%; transform: translateX(-50%); bottom: 165px; padding: 15px 80px; background: #000; color: #fff;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .intro-content {max-width: 1440px; margin:0 auto;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .canvas-content {flex-wrap:wrap;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .canvas-content .prd-item {width: calc(100% / 5 - 4px); background: #fff; padding:20px; margin-top: 40px; margin-right: 5px; background-color: #fff;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .canvas-content .prd-item:nth-of-type(5n) {margin-right: 0;}
.fit-layer[data-layer_canvas^="card_thumb_review"] .canvas-content .list-thumb {max-height: 240px; border-radius: 0;}

@media screen and (max-width: 1024px) {
  .card_text_list .create_view_type-main_item2 .item01.tit {height:120px;}
  .card_text_list .table.create_view_type-main_item2 .item02 {height:150px;}

}

@media screen and (max-width: 768px) {
  /* 키즈토리 */
  .fit-layer[data-layer_canvas^="card_thumb1"] {margin-top: 42px;}
  .fit-layer[data-layer_canvas^="card_thumb1"] .canvas-content .list-item {max-width: calc((100%/2) - 10px); margin-top: 35px;}
  .fit-layer[data-layer_canvas^="card_thumb1"] .canvas-content .list-item:nth-of-type(2n) {margin-right: 0;}
  .fit-layer[data-layer_canvas^="main_item"] {margin-top: 66px;}
  .fit-layer[data-layer_canvas^="main_item"] .canvas-content {flex-direction: column;}
  .fit-layer[data-layer_canvas^="main_item"] .canvas-content .table {max-width: 100%;}
  
  .fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid4 {width: 100%; margin-right:0; margin-bottom:0;}
  .fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid4~.table.grid4 {margin-top:15px;}

  .fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid3 {width: 100%; margin-right:0; margin-bottom:0;}
  .fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid3~.table.grid3 {margin-top:15px;}
  
  .fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid2 {width: 100%; margin-right:0; margin-bottom:0;}
  .fit-layer[data-layer_canvas^="main_item"] .canvas-content .table.grid2~.table.grid2 {margin-top:15px;}

  /* main_item2 */
  .fit-layer[data-layer_canvas^="main_item2"] {margin-top: 66px;}
  .fit-layer[data-layer_canvas^="main_item2"] .canvas-content {flex-direction: column;}
  .fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table {max-width: 100%;}

  .fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid3 {width: 100%; margin-right:0; margin-bottom:0;}
  .fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid3~.table.grid3 {margin-top:15px;}
  
  .fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid2 {width: 100%; margin-right:0; margin-bottom:0;}
  .fit-layer[data-layer_canvas^="main_item2"] .canvas-content .table.grid2~.table.grid2 {margin-top:15px;}
  
  /* .card_text_list .create_view_type-main_item1.grod4-height .item01.tit {height:60px;} */
  .card_text_list .table.create_view_type-main_item1.grod4-height .item02 {height:70px;}

  .card_text_list .create_view_type-main_item2 .item01.tit {height:130px;}
  .card_text_list .table.create_view_type-main_item2 .item02 {height:110px;}

  .fit-layer[data-layer_canvas^="list1"] {margin-top: 66px;}
  /* 쇼핑몰 */
  .fit-layer[data-layer_canvas^="main_mid_banner"] {margin-top: 100px;}
  .fit-layer[data-layer_canvas^="card_thumb2"] {margin-top: 80px;}
  .fit-layer[data-layer_canvas^="card_thumb2"] .table {width: calc(100% / 2 - 9px) !important; margin-right:12px; margin-top: 20px;}
  .fit-layer[data-layer_canvas^="card_thumb2"] .table:nth-of-type(2n) {margin-right: 0;}
  .fit-layer[data-layer_canvas^="card_thumb_review"] {padding: 43px 0 255px; margin-top: 40px;}
  .fit-layer[data-layer_canvas^="card_thumb_review"] .prd-item .tit {-webkit-line-clamp:2;}
  .fit-layer[data-layer_canvas^="card_thumb_review"] .canvas-content .prd-item {width: calc((100%/2) - 4px); margin: 20px 8px 0 0; padding: 10px;}
  .fit-layer[data-layer_canvas^="card_thumb_review"] .canvas-content .prd-item:nth-of-type(2n) {margin-right: 0;}
  .fit-layer[data-layer_canvas^="card_thumb_review"] .canvas-content .prd-item:nth-of-type(5n) {margin-right: 8px;}
  .fit-layer[data-layer_canvas^="card_thumb_review"] .canvas-content .list-thumb {max-height: 135px;}
  .fit-layer[data-layer_canvas^="card_thumb_review"] .title-content .more-btn {padding: 15px 50px; bottom: 130px !important; font-size: 16px;}

}

/* 마이페이지 안내 공통 스타일 (22.10.31) */

.mypage-sub-notice {margin-bottom:10px; padding:20px; background-color:#fff7f7;}
.mypage-sub-notice p {font-size:.9rem; line-height:1.5;}
.mypage-sub-notice p.notice-tit {font-size:1.2rem; font-weight:700; color:#ff2815;}

/* 아이폰 CSS 적용를 위한 세팅 스타일 (22.11.03) */
/* input, textarea, button {appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;} */


/* 배너 위아래 여백이 필요할 때 (22.11.22) */
[data-layer_canvas^="main_banner_mg30"] {margin:30px auto;}
[data-layer_canvas^="main_banner_mg40"] {margin:40px auto;}
[data-layer_canvas^="main_banner_mg50"] {margin:50px auto;}

/* 커서 pointer 안 쓸 때 (22.11.30) */
.none-cursor {cursor:default;}



/* 플로팅메뉴 - 카카오 상담톡 (22.12.14 / By.Chungwon) */
.floating-kakao{display:flex;  align-items:center; justify-content:center; position:fixed; z-index:10000; left:25px; bottom:20px; width:50px; height:50px; background-color:#ffde00; border-radius:50%;}
.floating-kakao img{width:34px; height:34px; color:red; cursor:pointer;}
.floating-kakao .view-pc{display:inline-block;}
.floating-kakao .view-mobile{display:none;}

@media screen and (max-width: 768px) {
    .floating-kakao{position:fixed; z-index:10000; right:20px; left:inherit; bottom:90px; width:54px; height:54px;}
    .floating-kakao img{width:30px; height:30px;}
    .floating-kakao .view-pc{display:none;}
    .floating-kakao .view-mobile{display:block;}
}


/* 최초 프로젝트 생성 팝업 (23.02.01) */
.fit-layer.init_setting .pop-cont {width:560px; overflow-y:auto; background-color:#fafafa; background-image:url('/resources/image/icon/init-pop-bg.png'); background-position: top; background-repeat: no-repeat; padding-bottom:80px; border:none;}
.fit-layer.init_setting .pop-cont .upload-item .upload-tit {display:none;}

.fit-layer.init_setting .pop-cont .demo-pop-intro {margin:60px 0; text-align:center;}
.fit-layer.init_setting .pop-cont .pop-intro-tit {margin-bottom:50px;}
.fit-layer.init_setting .pop-cont .pop-intro-tit p:first-child {font-size:3rem; font-weight:600;}
.fit-layer.init_setting .pop-cont .pop-intro-tit p.pop-intro-company {display:flex; align-items:center; justify-content:center; font-size:1.2rem; font-weight:500;}
.fit-layer.init_setting .pop-cont .pop-intro-tit p.pop-intro-company span {padding-right:4px; font-size:1.2rem; font-weight:500;}

.fit-layer.init_setting .pop-cont .pop-intro-txt1 {margin-bottom:20px;}
.fit-layer.init_setting .pop-cont .pop-intro-txt1 p,
.fit-layer.init_setting .pop-cont .pop-intro-txt1 span {font-weight:500; line-height:1.3; font-size:1.1rem;}
.fit-layer.init_setting .pop-cont .pop-intro-txt1 .flex {justify-content: center;;}
.fit-layer.init_setting .pop-cont .pop-intro-txt1 .flex span {color:#0861C5; padding:0 4px;}

.fit-layer.init_setting .pop-cont .pop-intro-txt2 {position:relative; display:inline-flex; align-items:center; font-weight:500; font-size:.9rem;}
.fit-layer.init_setting .pop-cont .pop-intro-txt2:before {content:''; position:absolute; top:80%; left:50%; display:block; width:104%; height:9px; transform:translate(-50%, -50%); background-color:#F8DFDF; z-index:-1;}
.fit-layer.init_setting .pop-cont .pop-intro-txt2 b {font-weight:700; font-size:.9rem; padding: 0 4px;}


.fit-layer.init_setting .pop-cont .demo-pop-admin {position:absolute; bottom:0; left:0; width:100%; height:45px; padding:10px 15px; display:flex; align-items:center; justify-content:space-between; background-color:#444;}
.fit-layer.init_setting .pop-cont .demo-pop-admin p,
.fit-layer.init_setting .pop-cont .demo-pop-admin a {color:#fff;}
.fit-layer.init_setting .pop-cont .demo-pop-admin a {display:inline-flex; align-items:center; font-size:.8rem;}
.fit-layer.init_setting .pop-cont .demo-pop-admin a:after {content:''; display:inline-block; width:12px; height:12px; margin-left:5px; background-image:url('/resources/image/icon/move_icon_fff.png'); background-size:contain; background-repeat:no-repeat; background-position: center;;}





/* 페이징 */
.pagenation-state-container{ text-align:center;}
.pagenation-index-container { text-align:center;}
.pagenation-state-container > div{ text-align:center; }
.pagenation-index-container ul { }
.pagenation-index-container ul > li {width: 10px; display:inline-block; cursor:pointer; vertical-align: top; color:#0B0B0B; margin:0 5px;}
.pagenation-index-container ul > li.arrow-btn {width:auto !important; margin:0 2px;}
.pagenation-index-container ul > li > a {width:100%; display:inline-table; text-decoration:none;transition:.2s ease-in;}
.pagenation-index-container ul > li > a:hover {color:#0B0B0B; font-weight:700;}
.pagenation-index-container ul > li.active > a {color:#0B0B0B;}
.pagenation-index-container ul > li > a > span {width:100%; height:100%; padding:4px; display:table-cell; vertical-align:middle;line-height: 1; color:#0B0B0B; font-size:.9rem;}
.pagenation-index-container ul > li.active > a span {position:relative; color:#fff;}
.pagenation-index-container ul > li.active > a span:before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:20px; height:20px; background-color:#0861c5; border-radius:3px; z-index:-1;}
.pagenation-index-container ul > li.disabled.arrow-btn > a > span {color:#C4C4C4;}
.pagenation-index-container ul > li.arrow-btn > a > span {background-color:transparent; border:none; color:#1e2d54;}
.pagenation-index-container ul > li i.fa-angle-double-left, .pagenation-index-container ul > li i.fa-angle-left {margin-right:5px;}
.pagenation-index-container ul > li i.fa-angle-right, .pagenation-index-container ul > li i.fa-angle-double-right {margin-left:5px;}


/* 공통 레이아웃 버전 1 (23.02.10 by.Hyemi) */
.container-common1 {}
.container-common1 .page-tit-container .intro-wrap {background-color:#fafafa;}
.container-common1 .page-tit-container .intro-wrap .category {display:none;}






/* 섹션(탭) 디자인 */
/* .form-tab-btn_container{display: flex;align-items: center;margin-top: 10px;background-color: #f8f8f8;border-bottom: 2px solid #444;border-radius: 10px 10px 0 0;} */
.form-tab-btn_container{display: flex;align-items: center;margin-top: 10px;background-color: #f8f8f8;border-radius: 10px 10px 0 0;}
.form-tab-btn_container > button {padding: 12px;border: 1px solid #eee;border-bottom: none;}
.form-tab-btn_container > button:first-child {border-radius:10px 0 0 0;}
.form-tab-btn_container > button.active {color:#0861C5; font-weight:700; background-color:#fff;}
.form-tab-btn_container > button:hover {color:#0861C5; font-weight:700; background-color:#fff;}


.icon-container > i.off{display:none;}

/* 부모에 view-on 클래스가 있으면, view-on 붙은 엘리먼트 숨김 처리*/
/* .icon-container > i:not(.view-on){display:none;} */

/* 부모에 view-on 클래스가 없으면, view-on 붙지 않은 엘리먼트 숨김 처리*/
/* .icon-container:not(.view-on) > i.view-on{display:none;} */