.NotoSans { font-family: 'Noto Sans KR', sans-serif;}
.Pretendard {font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
  
  
/* common */
* { margin: 0; padding: 0; outline: none; box-sizing: border-box;}
body {margin: 0; padding: 0; -ms-overflow-style: none; scrollbar-width: none; }
body::-webkit-scrollbar {display: none;}
html { scroll-behavior: smooth; }
html, body {font: 400 16px/1.3 'Pretendard', 'Noto Sans KR', sans-serif;  color: #000000; width: 100%; position: relative;}
ul, li {list-style: none;}
a {text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;}
img {max-width: 100%;}
button { font-family: inherit; border: none; background-color: transparent; outline: 0;  cursor: pointer; }
input,textarea,button,select {font-family: inherit;}

body.hidden { overflow: hidden;}
body::before { content: "";  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%; background-color: rgba(0,0,0,0.25); z-index: 99;  transition: all 0.4s ease; opacity: 0; pointer-events: none;cursor: pointer;}
body.hidden::before { opacity: 1;  pointer-events: auto;}
  
.wrap {width: 100%;position: relative; background: url(../img/paeg_bg.jpg) no-repeat top center / cover; max-width: 640px; margin: 0 auto; padding: 64px 0 0;}
.container {width: 100%; position: relative;  background-color: #d6e4ed; box-shadow: 0 -3px 20px 0 rgba(59, 104, 202, 0.004); border-radius: 60px 60px 0 0;  padding: 44px 0 264px; min-height: calc(100vh - 120px - 64px); }
.section {width: 100%; position: relative;}
.inner { position: relative; width: 100%; padding-left: 40px; padding-right: 40px;}


  
/*header*/
.header { position: relative; width: 100%; height: 120px; padding: 0 40px;  transition: all 0.4s ease;}
.header .h_inner {position: relative; display: flex;align-items: center; justify-content: space-between;  gap: 16px;}
.header .h_logo {position: relative;}
.header .h_logo > a {display: flex;  align-items: center;  justify-content: center;  width: 154px;}
.header .h_title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 40px; font-weight: 600; line-height: 1; color: #fff; text-align: center; padding: 0 6rem;}
.header .h_side {position: relative;}
.header .h_side .menu_btn {display: flex; align-items: center;  justify-content: center;  width: 100px;  cursor: pointer;  margin-right: -18px;}
.header .h_side .back_btn {display: flex; align-items: center;  justify-content: center;  width: 100px;  cursor: pointer;  margin-right: -18px;}

/* Footer & Copyright Start ****************************************************/
.site-footer { font-size: 14px; background: #EDEDED; padding: 30px 0 30px 0; }
.site-footer a { color: #000000; position: relative; display: inline-block; }
.site-footer .btn:before { display: none; }
.site-footer .copyright a { color: #000000; display: inline-block; }
.site-footer .copyright a:before { content: ""; height: 1px; left: 0; right: 0; bottom: 0; position: absolute; background: #000000; }

.company_info { border-radius: 17px; background: #b7cad5;  box-shadow: 0.707px 0.707px 0px 0px rgba(255, 255, 255, 0.36), inset 0.707px 0.707px 2px 0px rgba(130, 152, 164, 0.44); padding:  30px 26px 38px;} 
.company_info > .title{font-size: 16px; font-weight: 700; color: #272b33; margin-bottom: 25px;}
.company_info .info_list{display: flex; flex-direction: column; gap: 16px; padding: 0 4px;} 
.company_info .info_list > .item{width: 100%; display: flex; align-items: center; gap: 15px} 
.company_info .info_list > .item .tit{font-size: 15px; font-weight: 700; color: #272b33; width: 100px;} 
.company_info .info_list > .item .desc{font-size: 21px; font-weight: 700; color: #272b33; flex: 1;}  

/* navbox */
.navbox { position: fixed; left: 50%; bottom: 40px; width: 100%; max-width: 640px; transform: translateX(-50%); height: 120px; z-index: 100; padding: 0 40px; }
.navbox .nav { width: 100%; height: 100%;display: flex; justify-content: space-around; border-radius: 20px; background: url(../img/navbox_bg.png) no-repeat center / cover; padding: 25px 20px 15px;  box-shadow: 0px 25px 35px 0px rgba(136, 158, 177, 0.99);}
.navbox .nav > li {position: relative;}
.navbox .nav > li > a{display: flex; flex-direction: column; align-items: center; gap: 16px;}
.navbox .nav > li .icon { display: flex; align-items: center; justify-content: center; width: 40px; aspect-ratio: 1 / 1;}
.navbox .nav > li .icon img {width: auto; height: 40px; object-fit: contain;}
.navbox .nav > li .txt {font-size: 20px; font-weight: 700; color: #272b33;}



/* common */
.text_center {text-align: center;}
.text_left {text-align: left;}
.m_txt1 { font-size: 40px; font-weight: 600; color: #272b33; margin-bottom: 50px;}
.m_txt2 { font-size: 35px; font-weight: 700; color: #272b33; margin-bottom: 26px;}
.m_txt3 { font-size: 30px; font-weight: 700; color: #272b33; margin-bottom: 30px;}
.m_txt4 { font-size: 25px; font-weight: 700; color: #272b33; margin-bottom: 0px;}
.checkbox { display: flex; align-items: center; gap: 27px;}
.checkbox .input_check { background: url(../img/checkbox.png) no-repeat center / contain; width: 70px; height: 70px; appearance: none; cursor: pointer; border-radius: 20px;  transition: all 0.4s ease;}
.checkbox .input_check:checked{background-image: url(../img/checkbox2.png); box-shadow: 0px 2px 7px 0px rgba(147, 159, 167, 0.55);}
.checkbox .label_check { font-size: 35px; font-weight: 500; color: #272b33;   transition: all 0.4s ease;}
.seletbox {position: relative;}
.seletbox .select { border-radius: 20px; box-shadow: 2.121px 2.121px 3px 0px rgba(255, 255, 255, 0.004), inset 0.707px 0.707px 3px 0px rgba(80, 80, 80, 0.65);  background: url(../img/select_arrow.png) no-repeat right 40px center / 20px #fff;   appearance: none;  width: 100%;  height: 104px; border: none; padding: 0 80px 0 40px; font-size: 35px; font-weight: 500; color: #272b33; transition: all 0.4s ease;}



/* main */
.main_wrap .page_deco {position: absolute; top: 0;right: 0; width: 358.5px;  z-index: 0;}

.main_wrap .top_area {position: relative;}
.main_wrap .top_area .title {font-size: 35px; font-weight: 700; line-height: 1.14; color: #ffffff;}
.main_wrap .top_area .desc { font-size: 20px; font-weight: 300; color: #fff; line-height: 1.5; margin-top: 8px;}
.main_wrap .top_area .schbox { margin-top: 40px; display: flex; flex-direction: column; gap: 18px;}
.main_wrap .top_area .schbox .shc_desc {font-size: 20px; font-weight: 600; color: #fff;}
.main_wrap .top_area .schbox .inputbox { display: flex; gap: 20px;}
.main_wrap .top_area .schbox .inputbox .input_text{border: 1px solid #ffffff; border-radius: 15px; background: linear-gradient(90deg, rgb(233,242,249) 6%, rgb(221,234,245) 100%); flex: 1; height: 60px; padding:20px; font-size: 20px; font-weight: 500; color: #6b93ba;     box-shadow: 0 5px 24px rgba(0, 0, 0, 0.2);}
.main_wrap .top_area .schbox .inputbox .input_text::placeholder {color: #6b93ba;}
.main_wrap .top_area .schbox .inputbox .sch_btn{ position: relative; border-radius: 15px; background: linear-gradient(90deg, rgb(233,242,249) 6%, rgb(221,234,245) 100%); width: 60px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 24px rgba(0, 0, 0, 0.2);}
.main_wrap .top_area .schbox .inputbox .sch_btn::before { content: ""; background: url(../img/btn_search.png) no-repeat center/contain; width: 103px; height: 104px; position: absolute; left: 50%; top: 58%;transform: translate(-50%, -50%); max-width: unset; opacity: 0.4;}
.main_wrap .top_area .schbox .inputbox .sch_btn .icon { width: 30px;}

.main_wrap .container {margin-top: 58px; padding-bottom: 204px;}

.main_wrap .ms1 { margin-bottom: 70px;}
.main_wrap .ms1 .tab_wrap {position: relative;}
.main_wrap .ms1 .tab_navbox { display: flex; width: 100%; height: 80px; border-radius: 20px;background: #c5d6e7; margin-bottom: 40px; overflow: hidden;}
.main_wrap .ms1 .tab_navbox .tab_nav { position: relative; width: 50%; font-size: 30px; font-weight: 500; color: #8ba2b9; display: flex;  align-items: center; justify-content: center; transition: all 0.4s ease; cursor: pointer;}
.main_wrap .ms1 .tab_navbox .tab_nav::before { content: ""; background: url(../img/tab_bg.png) no-repeat center / contain; position: absolute;  left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease;}
.main_wrap .ms1 .tab_navbox .tab_nav.on { color: #fff; border-radius: 20px;}
.main_wrap .ms1 .tab_navbox .tab_nav.on:nth-child(1) { box-shadow: 0 5px 24px rgba(0, 0, 0, 0.2);}
.main_wrap .ms1 .tab_navbox .tab_nav.on:nth-child(2) { box-shadow: 0 -5px 24px rgba(0, 0, 0, 0.2);}
.main_wrap .ms1 .tab_navbox .tab_nav.on::before {opacity: 1;}
.main_wrap .ms1 .tab_navbox .tab_nav .txt {position: relative;}
.main_wrap .ms1 .tab_contbox { position: relative;}
.main_wrap .ms1 .tab_contbox .tab_cont { display: none; animation: 0.4s ease 0s fadeIn;}
.main_wrap .ms1 .tab_contbox .tab_cont.on {display: block;}
@keyframes fadeIn {0% {opacity:0}	100% {opacity:1;}}
.main_wrap .ms1 .menulist { display: flex;flex-wrap: wrap; gap: 40px;}
.main_wrap .ms1 .menulist .item { position: relative; width: calc((100% - 40px* 3) / 4); display: flex;  flex-direction: column; align-items: center; gap: 16px; text-align: center;}
.main_wrap .ms1 .menulist .item .icon { position: relative; width: 100%;  aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;}
.main_wrap .ms1 .menulist .item .icon::before { content: ""; background: url(../img/box_shadow.png) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 136%; aspect-ratio: 1 / 1; z-index: 0;}
.main_wrap .ms1 .menulist .item .icon img { position: relative;}
.main_wrap .ms1 .menulist .item .txt { font-size: 22px; font-weight: 700; color: #272b33; word-break: keep-all;}

.main_wrap .ms2 {margin-bottom: 60px;}
.main_wrap .ms2 .ms2_swiper { padding: 0 40px;}
.main_wrap .ms2 .ms2_swiper .swiper-slide { width: 360px; position: relative;display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 0 30px 100px;}
.main_wrap .ms2 .ms2_swiper .swiper-slide::before { content: ""; background: url(../img/ms2_boxbg.png) no-repeat center / contain; width: 118%; aspect-ratio: 1 / 1.23943; position: absolute; left: -9%; top: 0%;}
.main_wrap .ms2 .ms2_swiper .swiper-slide .imgbox { position: relative; display: flex; align-items: center; justify-content: center; max-width: 260px;}
.main_wrap .ms2 .ms2_swiper .swiper-slide .txtbox { position: relative; text-align: center;}
.main_wrap .ms2 .ms2_swiper .swiper-slide .txtbox .tit { font-size: 30px; font-weight: 700; color: #272b33; margin-bottom: 25px;}
.main_wrap .ms2 .ms2_swiper .swiper-slide .txtbox .desc {font-size: 18px; font-weight: 600; line-height: 1.5; color: #272b33; word-break: keep-all;}

.main_wrap .ms3 { margin-bottom: 90px;}
.main_wrap .ms3 .bannerbox { display: flex; flex-direction: column; gap: 46px;}
.main_wrap .ms3 .bannerbox .banner { display: flex; box-shadow: 0px 25px 35px 0px rgba(136, 158, 177, 0.99); border-radius: 20px;}

.main_wrap .ms4 { display: flex; flex-direction: column; gap: 63px;}
.main_wrap .ms4 .ms4_swiper { padding: 0 40px;}
.main_wrap .ms4 .ms4_swiper .swiper-slide { width: 200px;}
.main_wrap .ms4 .ms4_swiper .swiper-slide .imgbox { position: relative; display: flex; align-items: center; justify-content: center; }

.main_wrap .ms5 { display: flex; flex-direction: column; gap: 63px; margin-bottom: 20px;}
.main_wrap .ms5 .ms5_swiper { padding: 0 40px;}
.main_wrap .ms5 .ms5_swiper .swiper-slide { width: 120px;}
.main_wrap .ms5 .ms5_swiper .swiper-slide .imgbox { position: relative; display: flex; align-items: center; justify-content: center; }

/* request */
.request_wrap .ss1 .ss1_contbox { display: flex; flex-wrap: wrap; gap: 100px 40px;}
.request_wrap .ss1 .ss1_contbox .item { position: relative; width: calc((100% - 40px) / 2);}
.request_wrap .ss1 .ss1_contbox .item .box { position: relative; display: flex;  flex-direction: column; align-items: center; gap: 16px;}
.request_wrap .ss1 .ss1_contbox .item .box::before { content: ""; background: url(../img/clean_boxbg.png) no-repeat center / contain; width: 125%; aspect-ratio: 1 / 1.08435; position: absolute; left: -12%; top: 8%;}
.request_wrap .ss1 .ss1_contbox .item .box .imgbox { position: relative; display: flex; align-items: center; justify-content: center;max-width: 260px;}
.request_wrap .ss1 .ss1_contbox .item .box .txtbox { position: relative; text-align: center;}
.request_wrap .ss1 .ss1_contbox .item .box .txtbox .tit { font-size: 30px; font-weight: 700; color: #272b33;}

/* detail */
.detail_wrap .container {padding-bottom: 340px;}
.detail_wrap .photo_btnbox { display: flex; gap: 40px; margin-top: 44px; margin-bottom: 90px;}
.detail_wrap .photo_btnbox .button { position: relative; width: calc((100% - 40px) / 2); aspect-ratio: 1 / 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 25px; border-radius: 50px;}
.detail_wrap .photo_btnbox .button::before { content: ""; background: url(../img/photo_button.png) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 120%; aspect-ratio: 1 / 1; z-index: 0;}
.detail_wrap .photo_btnbox .button .imgbox {position: relative; width: 120px; display: flex;  align-items: center; justify-content: center;}
.detail_wrap .photo_btnbox .button .tit {position: relative; font-size: 32.5px; font-weight: 700; color: #272b33; text-align: center;}
.detail_wrap .upload_swiper {padding: 0 40px 40px; margin-bottom: 40px;}
.detail_wrap .upload_swiper .swiper_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px;}
.detail_wrap .upload_swiper .swiper_top .title { font-size: 25px; font-weight: 600; color: #272b33;}
.detail_wrap .upload_swiper .swiper_top .pagination { position: relative; left: auto; bottom: auto; width: auto; font-size: 25px; font-weight: 600; color: #6f81a6;}
.detail_wrap .upload_swiper .swiper_top .pagination .swiper-pagination-current{ color: #272b33;}
.detail_wrap .upload_swiper .swiper-slide {position: relative; width: 240px;}
.detail_wrap .upload_swiper .swiper-slide .imgbox { width: 100%; display: flex; align-items: center; justify-content: center;  box-shadow: 2px 3px 15px 0px rgba(0, 0, 0, 0.2); border-radius: 40px;}
.detail_wrap .upload_swiper .swiper-slide .del_btn { background: url(../img/ico_del.png) no-repeat center / contain; position: absolute; top: 20px; right: 20px; width: 50px; aspect-ratio: 1 / 1; cursor: pointer;}
.detail_wrap .option_wrap {position: relative;}
.detail_wrap .option_wrap .m_txt2 { margin-bottom: 55px;}
.detail_wrap .option_wrap .option_box { display: flex; flex-direction: column; gap: 35px;}
.detail_wrap .option_wrap .option_box .checkbox {width: 100%;}
.detail_wrap .option_wrap .option_box .checkbox .label_check { flex: 1; display: flex; align-items: center; justify-content: space-between;}
.detail_wrap .option_wrap .option_box .checkbox .label_check .tit{width: 60%;}
.detail_wrap .option_wrap .option_box .checkbox .label_check .price { width: 40%; text-align: right;}
.detail_wrap .option_wrap .option_box .checkbox .label_check .price.point { color: #1c58df;}


.detail_wrap .option_wrap2 .m_txt2.ver2 { margin-bottom: 45px;}
.detail_wrap .option_wrap2 .seletbox { margin-bottom: 60px;}
.detail_wrap .option_wrap2 .option_box .m_txt2 { font-weight: 500;}
.detail_wrap .option_wrap2 .option_box .checkwrap { display: flex; flex-wrap: wrap;  gap: 30px;}
.detail_wrap .option_wrap2 .option_box .checkwrap .checkbox { gap: 12px;}


.detail_wrap .option_wrap3 .m_txt2.ver2 { margin-bottom: 45px;}
.detail_wrap .option_wrap3 .option_box {margin-bottom: 64px;}
.detail_wrap .option_wrap3 .option_box .seletbox { margin-bottom: 36px;}
.detail_wrap .option_wrap3 .option_box .contbox { display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.detail_wrap .option_wrap3 .option_box .contbox .time_txt { font-size: 60px;  font-weight: 500; color: #272b33;}
.detail_wrap .option_wrap3 .option_box .contbox .checkbox { gap: 22px;}
.detail_wrap .option_wrap3 .option_box .contbox .checkbox .label_check { font-size: 30px;}
.detail_wrap .option_wrap3 .option_box2 .m_txt3 { font-weight: 500; margin-bottom: 25px;}
.detail_wrap .option_wrap3 .option_box2 .seletbox + .seletbox { margin-top: 30px;}



/* franchise */
.franchise_wrap .container {background: #eceff8; padding: 0;}
.franchise_wrap .fran_box { position: relative;}
.franchise_wrap .fran_box .top_img { display: flex; align-items: center;  justify-content: center; }
.franchise_wrap .fran_box > .inner { background: #fff; padding-top: 25px;  padding-bottom: 30px;}
.franchise_wrap .fran_box .title { font-size: 35px; font-weight: 600; color: #272b33; text-align: center; margin-bottom: 35px;}
.franchise_wrap .fran_box .content { font-size: 25px; font-weight: 500;letter-spacing: -0.025em;  color: #272b33; word-break: keep-all; text-align: justify;  line-height: 1.5;}
.franchise_wrap .company_box { padding: 25px 0 240px;}
.franchise_wrap .company_box .com_title { font-size: 20px; font-weight: 700;  color: #272b33; margin-bottom: 40px;}
.franchise_wrap .company_box .infobox { display: flex; flex-direction: column;  gap: 20px;  margin-bottom: 68px;}
.franchise_wrap .company_box .infobox > .item { display: flex; gap: 10px;}
.franchise_wrap .company_box .infobox > .item .tit { width: 90px;  font-size: 18px;   font-weight: 700; color: #484b53;}
.franchise_wrap .company_box .infobox > .item .desc { font-size: 22px;  font-weight: 500; color: #272b33;}
.franchise_wrap .company_box .infobox > .item .desc .small { font-size: 17px;}
.franchise_wrap .company_box .snsbox { display: flex; align-items: center;  justify-content: center; gap: 30px;}
.franchise_wrap .company_box .snsbox > .sns { width: 40px; display: flex;  align-items: center;  justify-content: center;}



/* modal */
.modal {position: fixed; left: 0; bottom: -50px; width: 100%; box-shadow: 0px -20px 50px 0px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px); z-index: 150; border-radius: 40px 40px 0 0;  padding: 40px;  transition: all 0.4s; opacity: 0;}
.modal.show { bottom: 0; opacity: 1;}
.modal .modal_box { position: relative; width: 100%; display: flex;  flex-direction: column; gap: 35px;}
.modal .modal_box .modal_txtbox { font-size: 27px; font-weight: 700; color: #272b33;  min-height: 2.6em;}
.modal .modal_box .modal_btnbox { width: 100%; display: flex; gap: 40px;}
.modal .modal_box .modal_btnbox .btn { font-size: 35px; font-weight: 700; color: #fff; background: #9198af; width: 100%; height: 92px; display: flex;  align-items: center; justify-content: center; border-radius: 20px;}
.modal .modal_box .modal_btnbox .btn.submit_btn{background-color: #2b67e4;}





/* 241204 추가작업 */
/* member */
.member_wrap { padding: 0;}
.member_wrap .header { height: auto; padding-bottom: 30px;}
.member_wrap .header > .h_inner {padding: 25px 0;}
.member_wrap .header .h_logo > a { width: 190px; }
.member_wrap .container { min-height: calc(100vh - 180px);  background-color: #fff;  box-shadow: none; padding: 55px 0 75px;}
.member_wrap .member_tit { font-size: 45px; font-weight: 600; color: #2b67e4;  text-align: center; margin-bottom: 90px;}
.member_wrap .login_box { display: flex; flex-direction: column; gap: 40px;  margin-bottom: 52px;}
.member_wrap .login_remember { margin-bottom: 84px;}
.member_wrap .submit_btn { font-size: 30px; font-weight: 600; color: #fff;  width: 100%; height: 100px;  background: #2b67e4; border-radius: 16px; display: flex;  align-items: center; justify-content: center;}
.member_wrap .sns_signbox {position: relative; }
.member_wrap .sns_signbox > .title { position: relative; display: flex; align-items: center; gap: 30px; font-size: 22px; font-weight: 600; color:#484b53; margin-bottom: 60px;}
.member_wrap .sns_signbox > .title::before, 
.member_wrap .sns_signbox > .title::after {content: ""; display: inline-block;  width: 100%; height: 2px; flex: 1; background: #979caa;}
.member_wrap .sns_signbox .sns_box { display: flex; align-items: center;  justify-content: center;  gap: 72px; margin-bottom: 60px;}
.member_wrap .sns_signbox .sns_box .sns_link { width: 60px; display: flex;  align-items: center; justify-content: center;}
.member_wrap .sns_signbox .sign_txt { font-size: 26px;  font-weight: 500;  color: #484b53;  text-align: center;}
.member_wrap .sns_signbox .sign_txt .link {display: inline-block; font-weight: 700; color: #2b67e4;}


/* login */
.login_wrap .sns_signbox {margin-top: 146px;}



/* sign */
.sign_wrap .sns_signbox {margin-top: 100px;}
.sign_wrap .input_box_box {display: flex; gap:20px}
.sign_wrap .input_box_box .input_box {flex: 1;}
.sign_wrap .input_box_box .map_btn { width: 90px; aspect-ratio: 1 / 1;  border: 2px solid #c4cce3; border-radius: 16px; display: flex; align-items: center; background: url(../img/label_map.png) no-repeat center / 40px #fff;}


/* common */
.checkbox.ver2 { gap: 20px;}
.checkbox.ver2 .input_check {background-image: url(../img/checkbox3.png);  width: 56px; height: 56px; border-radius: 16px;}
.checkbox.ver2 .input_check:checked {background-image: url(../img/checkbox4.png)}
.checkbox.ver2 .label_check { font-size: 26px; color: #484b53;}
.input_box { position: relative; padding: 0 24px; border: 2px solid #c4cce3;  border-radius: 16px; background-color: #fff; display: flex; align-items: center;    gap: 16px;}
.input_box .input_text { flex: 1; width: 100%; height: 88px; padding: 0; border: none; background-color: #fff;font-size: 26px; font-weight: 500; color: #272b33;}
.input_box .input_text::placeholder {color: #272b33;}
.input_box .input_icon { background: no-repeat center / contain; width: 40px;  aspect-ratio: 1 / 1.12; display: inline-block;}
.input_box .input_icon.email{background-image: url(../img/label_email.png);}
.input_box .input_icon.password{background-image: url(../img/label_pwd.png);}
.input_box .input_icon.passwordchk{background-image: url(../img/label_pwdcheck.png);}
.input_box .input_icon.phone{background-image: url(../img/lable_phone.png);}
.seletbox.ver2 .select { height: 88px; border: 2px solid #c4cce3; border-radius: 16px; background-color: #fff; background-position: right 35px center; padding: 0 24px; font-size: 26px; box-shadow: none;}





/* 241226 추가작업 */

@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

.GmarketSans {font-family: 'GmarketSans', 'Pretendard', 'Noto Sans KR', sans-serif;}


/* common */
.input_box .input_text::placeholder { opacity: 0.5;}
.input_box .input_icon {width: 44px;}
.input_box .input_icon.map{background-image: url(../img/label_map.png);}
.input_box .input_icon.id{background-image: url(../img/label_id.png);}
.input_box .input_icon.biz{background-image: url(../img/label_biz.png);}
.input_box .input_icon.ceo{background-image: url(../img/label_ceo.png);}
.input_box .input_icon.company{background-image: url(../img/label_company.png);}
.input_box .input_icon.call{background-image: url(../img/label_call.png);}
.input_box .input_icon.phone2{background-image: url(../img/lable_phone2.png);}
.input_box .input_icon.date{background-image: url(../img/label_date.png);}
.input_box .input_icon.camera{background-image: url(../img/label_camera.png);}
.checkbox.ver2 { gap: 24px;}
.checkbox.ver2 .input_check { background-image: url(../img/checkbox3-2.png);  width: 60px;height: 60px;}
.checkbox.ver2 .label_check { color: #000000;}


/* datepicker */
#datepicker:focus>.ui-datepicker { display: block; }
.ui-datepicker { font-family: inherit; display: none; margin-top: 10px; margin-left: 0px; margin-right: 0px; width: 300px; box-shadow: 0 0.25rem 2.5rem 0 rgba(0, 0, 0, 0.1); border: 1px solid #c5c5c5; border-radius: 12px; padding: 20px 10px; background: #fff}
.ui-widget.ui-widget-content { border: 1px solid #c5c5c5;}
.ui-datepicker .ui-datepicker-header { position: relative; padding: 0 10px; display: flex; align-items: center; border-radius: 0; background: #fff; margin-bottom: 14px; border: 0;}
.ui-datepicker .ui-datepicker-title {flex:1; margin: 0; padding: 0; font-weight: 700; font-size: 20px; line-height: 1.3; color: #000; text-align: left; order: 1;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: relative; width: 20px !important; height: auto !important; left: auto; right:auto; top: auto; aspect-ratio: 1 / 1; display: flex; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev {order: 2; margin-right: 8px;}
.ui-datepicker .ui-datepicker-next {order: 3;}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span { background: no-repeat center / contain; width: 100%; height: 100%;}
.ui-datepicker .ui-datepicker-prev span{ background-image: url(../img/datepicker_prev.png);}
.ui-datepicker .ui-datepicker-next span{ background-image: url(../img/datepicker_next.png);}
.ui-datepicker-calendar { width: 100%; }  
.ui-datepicker table {margin: 0;}
.ui-datepicker-calendar>thead>tr>th { width: 30px; height: 30px; padding: 0; font-weight: 600; font-size: 18px;  line-height: 1.4; color: #2b67e4;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: none; background-color: transparent;text-align: center; font-weight: 500; font-size: 18px;  line-height: 30px; color: #000; width: 30px; height: 30px; padding: 0;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,
.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,
.ui-button:hover,.ui-button:focus { border: none; background-color: transparent;text-align: center; font-weight: 500; font-size: 18px;  line-height: 30px; color: #000; width: 30px; height: 30px; padding: 0;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { position: relative; color: #2b67e4; font-weight: 700;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: none; background: transparent; position: relative; color: #fff}
.ui-state-active::before, .ui-widget-content .ui-state-active::before, .ui-widget-header .ui-state-active::before, a.ui-button:active::before, .ui-button:active::before, .ui-button.ui-state-active:hover::before { content: ""; border-radius: 100%; background: #2b67e4; width: 30px; aspect-ratio: 1 / 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.ui-state-disabled { cursor: auto; color: #cccccc;}    
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {cursor: auto;  background-color: #fff; }  
.ui-datepicker-calendar>tbody>tr>td:hover {background-color: transparent; opacity: 0.6; }    


/* member */
.member_wrap .sns_signbox .sign_txt {font-weight: 400;}
.member_wrap .submit_btn { font-weight: 500;}


/* login */
.login_wrap { background-image: url(../img/paeg_bg2.png);}
.login_wrap .login_top { position: relative; display: flex; align-items: center;  justify-content: center;  overflow: hidden; padding: 50px 30px 86px; margin-top: -60px;}
.login_wrap .login_top .shadow { position: absolute;  left: 100px;  top: 0;  mix-blend-mode: multiply;  max-width: 540px;}
.login_wrap .login_top .img { position: relative;  max-width: 390px;  display: block;  z-index: 5;}
.login_wrap .container { border: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 0; background-color: #6f98f0; box-shadow: 0px -20px 44px 0px rgba(0, 0, 0, 0.13); min-height: unset; padding: 40px 0 50px;}
.login_wrap .member_tit {color: #fff; margin-bottom: 50px;}
.member_wrap .login_box { margin-bottom: 20px;}
.login_wrap .login_remember { margin-bottom: 55px;}
.login_wrap .input_box {border: 1px solid #fff; background-color: #c6d6f8;}
.login_wrap .input_box .input_text { background: inherit; height: 94px}
.login_wrap .sns_signbox { margin-top: 36px;}
.login_wrap .sns_signbox .sign_txt {color: #fff;}
.login_wrap .sns_signbox .sign_txt .link {color: #fff;}


/* sign */
.sign_wrap .container { padding-bottom: 40px;}
.sign_wrap .member_tit { margin-bottom: 28px;}
.sign_wrap .login_box { margin-bottom: 44px; gap: 17px;}
.sign_wrap .input_item { display: flex; align-items: center; justify-content: space-between;  gap: 17px;}
.sign_wrap .input_item .input_box { flex: 1;}
.sign_wrap .input_item .btn { width: 150px;  height: 78px;  font-size: 26px;  font-weight: 500;  color: #272b33; background: #e8ecf6; border-radius: 16px; border: 2px solid #c4cce3;}
.sign_wrap .input_box { padding: 0 32px;}
.sign_wrap .input_box .input_text {height: 78px;}
.sign_wrap .input_box .input_text::placeholder { color: #b5bfda; opacity: 1;}
.sign_wrap .input_box .input_icon { width: 30px;}
.sign_wrap .sns_signbox { margin-top: 50px;}


/* intro */
.intro_wrap {padding: 0; background-image: url(../img/paeg_bg2.png);}
.intro_wrap .container { background: none; box-shadow: none; padding: 84px 0;  border-radius: unset;  min-height: 100vh;}
.intro_wrap .titbox { display: flex; flex-direction: column; align-items: center;  text-align: center;  gap: 10px;}
.intro_wrap .titbox .sub { font-size: 30px; color: #fff;}
.intro_wrap .titbox .tit { font-size: 70px; color: #fff;}
.intro_wrap .imgbox { display: flex; margin-top: -34px; margin-bottom: 46px;}
.intro_wrap .partnerbox { display: flex;  justify-content: center; flex-wrap: wrap;  gap: 10px; max-width: 464px; margin: 0 auto 47px;}
.intro_wrap .partnerbox .item { display: flex; width: 108px;}
.intro_wrap .btnbox {display: flex; justify-content: center;}
.intro_wrap .btnbox .btn { width: 100%;  max-width: 500px;  height: 80px;  border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.7);  background-color: rgba(255, 255, 255, 0.3); box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.15);  font-size: 30px;  font-weight: 600; color: #fff; display: flex; align-items: center;  justify-content: space-between;  padding: 0 30px;  text-align: left;}
.intro_wrap .btnbox .btn .txt{flex: 1;}
.intro_wrap .btnbox .btn .arrow{background: url(../img/arrow_right.png) no-repeat center/contain; width: 22px; aspect-ratio: 1/1;}


/* mypage */
.mypage_wrap {padding: 0; background-image: url(../img/paeg_bg2.png);}
.mypage_wrap .header { height: auto; padding-bottom: 30px;}
.mypage_wrap .header > .h_inner {padding: 25px 0;}
.mypage_wrap .container { min-height: calc(100vh - 180px); padding: 50px 0; }
.mypage_wrap .container > .section {height: 100%;}
.mypage_wrap .mypage_tit { font-size: 30px;  font-weight: 700; color: #272b33;  text-align: center;  margin-bottom: 30px;}
.mypage_wrap .mypage_section { position: relative; margin-bottom: 56px;}
.mypage_wrap .mypage_section:last-child {margin-bottom: 0;}
.mypage_wrap .mypage_subtit { font-size: 21px;  font-weight: 700;  color: #484b53;   margin-bottom: 10px;  padding-left: 4px;}
.mypage_wrap .mypage_subtit.mb {margin-bottom: 15px;}
.mypage_wrap .mypage_subtit .color{color: #2b67e4;}
.mypage_wrap .mypage_date { font-size: 26px;  font-weight: 700; color: #272b33;   display: flex; align-items: center; gap: 10px; text-align: center;}
.mypage_wrap .mypage_date .input_box{background-color: #ebf2f6;  border: 2px solid #bbcfdc}
.mypage_wrap .mypage_date .input_box .input_text{background-color: #edf2f8;}
.mypage_wrap .mypage_date .input_box.date { flex: 1; padding: 0 21px;}
.mypage_wrap .mypage_date .input_box.date .input_text { font-size: 30px;}
.mypage_wrap .mypage_datebtn { font-size: 26px; font-weight: 600; color: #fff;  width: 100%; height: 74px;  background: #2b67e4; border-radius: 16px;  display: flex;  align-items: center;  justify-content: center; margin-top: 21px;}
.mypage_wrap .mypage_box { border: 2px solid #bbcfdc;  border-radius: 17px;  background-color: #edf2f8; padding: 20px 26px; min-height: 132px;}
.mypage_wrap .mypage_box + .mypage_box {margin-top: 35px;}
.mypage_wrap .mypage_box .title { font-size: 26px; font-weight: 500; color: #272b33;   margin-bottom: 18px;}
.mypage_wrap .mypage_box .title .small{font-size: 17px;}
.mypage_wrap .mypage_box .desc { font-size: 21px; font-weight: 500; color: #272b33;    line-height: 1.5; word-break: keep-all;}
.mypage_wrap .mypage_box .dot_list{padding-left: 10px; display: flex;  flex-direction: column;  gap: 4px;}
.mypage_wrap .mypage_box .dot_tit { position: relative; font-size: 21px; font-weight: 500;  color: #272b33;  padding-left: 20px; word-break: keep-all;}
.mypage_wrap .mypage_box .dot_tit::before { content: "";  background: #2b67e4;   position: absolute;  left: 0;  top: 0.45em;  width: 8px; aspect-ratio: 1/1;  border-radius: 50%;}
.mypage_wrap .mypage_box .dot_tit > .point{font-weight: 700; color: #2b67e4; display: inline-block;}
.mypage_wrap .mypage_box .plus_list { display: flex;  flex-direction: column;  gap: 2px;  margin: 8px 0 12px; padding-left: 8px;}
.mypage_wrap .mypage_box .plus_tit { position: relative; font-size: 18px;  font-weight: 500;  color: #272b33;word-break: keep-all; }
.mypage_wrap .mypage_box .plus_tit::before { content: "+";  color: #2b67e4;  display: inline-block;  vertical-align: middle; font-weight: 600; margin-right: 2px;  padding-bottom: 5px;}


/* mypage - 메인 */
.mymain_wrap .container {padding: 40px 0 24px;}
.mymain_wrap .profile { display: flex; align-items: center;  gap: 32px;  margin-bottom: 42px;}
.mymain_wrap .profile .thumbox { position: relative; width: 105px; aspect-ratio: 1 / 1;}
.mymain_wrap .profile .thumbox .thum {  background: url(../img/profile_thum.png) no-repeat center / contain #fff;  width: 100%;  height: 100%;  border-radius: 50%;   overflow: hidden;}
.mymain_wrap .profile .thumbox .thum img { width: 100%; height: 100%; object-fit: cover;}
.mymain_wrap .profile .thumbox .setting_btn { width: 31.68px; aspect-ratio: 1 / 1;  display: flex;  align-items: center; justify-content: center;  position: absolute;  right: 0;  bottom: 0;}
.mymain_wrap .profile .infobox{flex: 1; margin-top: 4px;}
.mymain_wrap .profile .infobox .name { font-size: 27px;  font-weight: 800;  color: #272b33;  margin-bottom: 4px; margin-left: -2px;}
.mymain_wrap .profile .infobox .name .bar {font-weight:500}
.mymain_wrap .profile .infobox .name .id { font-size: 21px;}
.mymain_wrap .profile .infobox .txt { font-size: 20px; font-weight: 600;  color: #272b33;}
.mymain_wrap .mybtn_box {display: flex; flex-wrap: wrap; gap: 46px 35px; margin-bottom: 44px;}
.mymain_wrap .mybtn_box > .item{width: calc((100% - 35px* 2) / 3); box-shadow: 0px 25px 35px 0px rgba(136, 158, 177, 0.25);}
.mymain_wrap .mybtn_box > .item .btn { border: 1px solid #fff;  border-radius: 17px;  background-color: #e9f2f9; display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  gap: 25px; width: 100%; aspect-ratio: 1 / 1;}
.mymain_wrap .mybtn_box > .item .btn .icon{width: 56px;}
.mymain_wrap .mybtn_box > .item .btn .txt{font-size: 23px; font-weight: 700; color: #272b33;}
.mymain_wrap .company_info { border-radius: 17px; background: #b7cad5;  box-shadow: 0.707px 0.707px 0px 0px rgba(255, 255, 255, 0.36), inset 0.707px 0.707px 2px 0px rgba(130, 152, 164, 0.44); padding:  30px 26px 38px;} 
.mymain_wrap .company_info > .title{font-size: 16px; font-weight: 700; color: #272b33; margin-bottom: 25px;}
.mymain_wrap .company_info .info_list{display: flex; flex-direction: column; gap: 16px; padding: 0 4px;} 
.mymain_wrap .company_info .info_list > .item{width: 100%; display: flex; align-items: center; gap: 15px} 
.mymain_wrap .company_info .info_list > .item .tit{font-size: 15px; font-weight: 700; color: #272b33; width: 100px;} 
.mymain_wrap .company_info .info_list > .item .desc{font-size: 21px; font-weight: 700; color: #272b33; flex: 1;}  


/* mypage -배송조회 */


/* mypage -거래정보 */
.mytransaction_wrap .mypage_box.tbl_ver {padding: 0;}
.mytransaction_wrap .tbl{width: 100%; border-collapse: collapse;}
.mytransaction_wrap .tbl thead tr { border-bottom: 2px solid #bbcfdc;}
.mytransaction_wrap .tbl thead tr th { font-size: 21px; font-weight: 500;  color: #272b33;  height: 60px;}
.mytransaction_wrap .tbl tbody tr td{font-size: 17px; font-weight: 500; color: #272b33;padding: 10px; text-align: center;}
.mytransaction_wrap .tbl tbody tr td.right { text-align: right;  padding-right: 20px;   padding-left: 0;}
.mytransaction_wrap .trade_total { border-top: 2px solid #bbcfdc; display: flex;    margin-top: 5px;}
.mytransaction_wrap .trade_total > .item { width: 33.333%;  padding: 15px 26px 22px;  border-right: 2px solid #bbcfdc; display: flex; flex-direction: column;  gap: 14px;}
.mytransaction_wrap .trade_total > .item:last-child {border-right: 0;}
.mytransaction_wrap .trade_total > .item .tit{font-size: 21px; font-weight: 600; color: #272b33;}
.mytransaction_wrap .trade_total > .item .desc{font-size: 21px; font-weight: 600; color: #272b33; text-align: right;}
.mytransaction_wrap .trade_total > .item .desc.point{color: #2b67e4;}


/* mypage -거래정보 */
.mytransaction_wrap .mypage_box.tbl_ver {padding: 0;}


/* mypage - 회원 정보 수정 */
.myedit_wrap .form_box {display: flex; flex-direction: column; gap: 45px; margin-bottom: 88px;}
.myedit_wrap .input_box { background-color: #ecf2f7;}
.myedit_wrap .input_box .input_text { background-color: #ecf2f7;}
.myedit_wrap .seletbox.ver2 .select { background-color: #ecf2f7;}
.myedit_wrap .input_box .input_text::placeholder {opacity: 1;}
.myedit_wrap .input_box_box {display: flex; gap:20px}
.myedit_wrap .input_box_box .input_box {flex: 1;}
.myedit_wrap .input_box_box .map_btn { width: 90px; aspect-ratio: 1 / 1;  border: 2px solid #c4cce3; border-radius: 16px; display: flex; align-items: center; background: url(../img/label_map.png) no-repeat center / 40px #fff;}
.myedit_wrap .submit_btn { font-size: 30px; font-weight: 600; color: #fff;  width: 100%; height: 100px;  background: #2b67e4; border-radius: 16px; display: flex;  align-items: center; justify-content: center;}


/* mypage -이용안내 */
.myguide_wrap .mypage_box {min-height: unset; padding: 22px 26px;}
.myguide_wrap .dot_list + .desc {margin-top: 20px;}


/* mypage -공지사항 */
.mynotice_wrap .mypage_box {min-height: unset; padding: 0;}
.mynotice_wrap .mypage_box .accordion{position: relative; height: 100%; overflow: hidden;}
.mynotice_wrap .mypage_box .accordion > li{position: relative;  width: 100%; font-size:17px; font-weight: 500;  color: #272b33;}
.mynotice_wrap .mypage_box .accordion > li .acc_tit { display: flex;  align-items: center;  justify-content: space-between; gap: 10px; cursor: pointer; padding: 20px 35px;}
.mynotice_wrap .mypage_box .accordion > li .acc_tit .info { flex: 1;  font-size: 21px;   font-weight: 700;  color: #272b33; display: flex;  flex-direction: column;  gap: 12px;}
.mynotice_wrap .mypage_box .accordion > li .acc_tit .info .acc_top { display: flex; align-items: center; gap: 10px;}
.mynotice_wrap .mypage_box .accordion > li .acc_tit .info .acc_top .month { font-size: 26px; font-weight: 700;  color: #272b33;  margin-right: 2px;}
.mynotice_wrap .mypage_box .accordion > li .acc_tit .info .acc_top .bar { font-size: 21px; font-weight: 200; color: #7788aa;}
.mynotice_wrap .mypage_box .accordion > li .acc_tit .info .acc_top .date { font-size: 17px; font-weight: 500; color: #6e828e;}
.mynotice_wrap .mypage_box .accordion > li .arrow{background: url(../img/acc_arrow.png) no-repeat center/contain; transition: all 0.4s ease; width: 21px; aspect-ratio: 1/1; display: inline-block;}
.mynotice_wrap .mypage_box .accordion > li.show .acc_tit .arrow{transform: rotate(180deg);}
.mynotice_wrap .mypage_box .accordion > li .acc_cont{display: none;}
.mynotice_wrap .mypage_box .accordion > li .acc_cont > li { padding: 0 35px 35px;  font-size:17px;  color: #272b33;}


/* mypage -회원탈퇴 */
.mysecession_wrap .mypage_section {margin-bottom: 400px;}
.mysecession_wrap .mypage_box {min-height: unset; padding: 22px 26px;}
.mysecession_wrap .mypage_box .dot_list { gap: 24px;}
.mysecession_wrap .submit_btn { font-size: 30px; font-weight: 600; color: #fff;  width: 100%; height: 100px;  background: #2b67e4; border-radius: 16px; display: flex;  align-items: center; justify-content: center;}