@charset "utf-8";

html, body {
  font-size: 16px;
  overflow-x:hidden;
}

body {
  position: relative;
  font-family: "Noto Sans KR", serif;
  color:#1E232B;
  -webkit-text-size-adjust: none;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}

body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{
  margin:0;
  padding:0
}

h1, h2, h3, h4, h5, h6{
  font-size:inherit;
  font-weight:normal;
  font-family:inherit;
}

ul{
  list-style:none;
}

a{
  text-decoration:none;
}

a:link, a:visited, a:hover, a:active{
  color:inherit;
  text-decoration:none;
}

button{
  border:0px;
  background:none;
  cursor:pointer;
  font-family:inherit;
  font-size: inherit;
}

img{
  border:0px;
  vertical-align:top;
}

address{
  font-style:normal;
}

#snsHeader, nav, section, article, footer{
  display:block;
}

legend {
  position:absolute;
  margin:0;
  padding:0;
  font-size:0;
  line-height:0;
  text-indent:-9999em;
  overflow:hidden;
}

label, input, button, select{
  vertical-align:middle;
}

input, textarea{
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

hr {
  display:none;
}

pre {
  overflow-x:scroll;
  font-size:1.1em;
}

table{
  border-spacing:0px;
  border-collapse:collapse;
}

em{
  font-style:normal;
}

fieldset{
  border:0;
}

select::-ms-expand {
  display:none;
}

input:focus {
  outline:none;
}

input[type="date"]{
  position:relative;
  padding-right:20px;
  background:url("/public/img/sns/cal_arrow.png") no-repeat right 10px center;
  padding-left:0;
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button{
  display:none;
}

input[type="date"]::-webkit-calendar-picker-indicator{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:transparent;
  color:transparent;
  cursor:pointer;
}

input[type="date"]::before{
  content:attr(data-placeholder);
  width:100%;
}

input[type="date"]:valid::before{
  display:none;
}

input[data-placeholder]::before{
  color:#999;
  font-size:13px;
}

.clear:after{
  display:block;
  content:"";
  clear:both;
}

.area {
  width: 1152px;
  margin: 0 auto;
}

#blackBlur {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  backdrop-filter: blur(12px);
  z-index: 100;
}


#snsHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  z-index: 10;
  transition: 0.5s;
}

#snsHeader .area {
  display: flex;
  align-items: center;
  height: 100%;
}

#snsHeader .area .hd-logo a {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 900;
}

#snsHeader .area .hd-gnb-con {
  margin-left: 4.25rem;
  margin-right: 3.5rem;
}

#snsHeader .area .hd-gnb-con ul {
  display: flex;
}

#snsHeader .area .hd-gnb-con ul li {
  margin-left: 1.3rem;
  font-size: 1rem;
}

#snsHeader .area .hd-gnb-con ul li:first-child {
  margin-left: 0;
}

#snsHeader .area .hd-gnb-con ul li a {
  font-weight: 500;
  color: #fff;
}

#snsHeader .area .hd-util-con {
  display: flex;
  align-items: center;
}

#snsHeader .area .hd-util-con a {
  display: block;
}

#snsHeader .area .hd-util-con .util-sch-btn {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1.5rem;
}

#snsHeader .area .hd-util-con .util-sch-btn img {
  width: 100%;
  height: auto;
}

#snsHeader .area .hd-util-con .util-cmn-btn {
  width: 5.75rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 3rem;
  background-color: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  font-size: 0.875rem;
  text-align: center;
  color: #fff;
  font-weight: 700;
  box-sizing: border-box;
  cursor: pointer;
}

#snsHeader .area .hd-util-con .util-join {
  margin-left: 0.5rem;
}

#snsHeader.sub {
  position: fixed;
  border-bottom: 1px solid #E6ECF7;
  box-sizing: border-box;
}

#snsHeader.sub .area .hd-logo a {
  color: #1E232B;
}

#snsHeader.sub .area .hd-gnb-con ul li a {
  color: #1E232B;
}

#snsHeader.sub .area .hd-gnb-con ul li.on a {
  color: #1999EF;
}

#snsHeader.sub .area .hd-util-con .util-cmn-btn {
  border: 0;
}

#snsHeader.sub  .area .hd-util-con .util-login {
  background-color: #F3F6FC;
  color: #4F5A6F;
}

#snsHeader.sub  .area .hd-util-con .util-join {
  background-color: #1999EF;
}

#snsHeader.db {
  border-bottom: 1px solid #e2e8f4;
}

#snsHeader.db .area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 5rem);
  margin: 0 2.5rem;
}

#snsHeader.db .area .hd-db-util-con {
  display: flex;
  align-items: center;
}

#snsHeader.db .area .hd-db-util-con a {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  margin-left: 1.5rem;
}

#snsHeader.db .area .hd-db-util-con a.db-util-sch-btn {
  margin-left: 0;
}

#snsHeader.db .area .hd-db-util-con a img {
  width: 100%;
  height: auto;
}

#snsHeader .area .mo-menu-btn {
  display: none;
  width: 1.75rem;
  height: 1.75rem;
}

#snsHeader .area .mo-menu-btn img {
  width: 100%;
  height: auto;
}

#snsHeader .area .mo-menu-btn img.v2 {
  display: none;
}

#snsHeader.sub .area .mo-menu-btn img.v1 {
  display: none;
}

#snsHeader.sub .area .mo-menu-btn img.v2 {
  display: block;
}

#snsHeader.active {
  background-color: #fff;
  border-bottom: 1px solid #E6ECF7;
  box-sizing: border-box;
  top: 0;
}

#snsHeader.active .area .hd-logo a {
  color: #1E232B;
}

#snsHeader.active .area .hd-gnb-con ul li a {
  color: #1E232B;
}

#snsHeader.active .area .hd-gnb-con ul li.on a {
  color: #1999EF;
}

#snsHeader.active .area .hd-util-con .util-cmn-btn {
  border: 0;
}

#snsHeader.active  .area .hd-util-con .util-login {
  background-color: #F3F6FC;
  color: #4F5A6F;
}

#snsHeader.active  .area .hd-util-con .util-join {
  background-color: #1999EF;
}

#snsHeader.active .area .mo-menu-btn img.v1 {
  display: none;
}

#snsHeader.active .area .mo-menu-btn img.v2 {
  display: block;
}


#moFullM {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 100;
}

#moFullM .mo-area {
  margin: 0 1.25rem;
}

#moFullM .mo-area .mo-fm-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.75rem;
}

#moFullM .mo-area .mo-fm-hd .mo-hd-logo a {
  display: block;
  font-size: 1.5rem;
  font-weight: 900;
}

#moFullM .mo-area .mo-fm-hd .mo-close-btn {
  width: 1.75rem;
  height: 1.75rem;
}

#moFullM .mo-area .mo-fm-hd .mo-close-btn img {
  width: 100%;
  height: auto;
}

#moFullM .mo-area .mo-fm-sch .ip-box {
  position: relative;
  width: 100%;
  height: 2.5rem;
  background-color: #F3F6FC;
  border-radius: 3rem;
  overflow: hidden;
}

#moFullM .mo-area .mo-fm-sch .ip-box input {
  display: block;
  font-family: "Noto Sans KR", serif;
  font-weight: 0.875rem;
  width: calc(100% - 5.5rem);
  height: 100%;
  background: none;
  border: 0;
  font-weight: 500;
  margin-left: 1.25rem;
}

#moFullM .mo-area .mo-fm-sch .ip-box input::placeholder {
  color: #8995ac;
}

#moFullM .mo-area .mo-fm-sch .ip-box .sch-btn {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  width: 1.75rem;
  height: 1.75rem;
}

#moFullM .mo-area .mo-fm-sch .ip-box .sch-btn img {
  width: 100%;
  height: auto;
}

#moFullM .mo-area .mo-fm-btn-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 0.75rem;
}

#moFullM.login .mo-area .mo-fm-btn-wrap {
  display: none;
}

#moFullM .mo-area .mo-fm-btn-wrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48.75%;
  height: 2.5rem;
  border-radius: 3rem;
  font-size: 0.875rem;
  font-weight: 700;
}

#moFullM .mo-area .mo-fm-btn-wrap .mo-login-btn {
  background-color: #F3F6FC;
  color: #4F5A6F;
}

#moFullM .mo-area .mo-fm-btn-wrap .mo-join-btn {
  background-color: #1999EF;
  color: #fff;
}

#moFullM .bar {
  display: block;
  width: 100%;
  height: 0.5rem;
  background-color: #F3F6FC;
  margin: 1rem 0;
}

#moFullM .mo-gnb ul {
  border-top: 8px solid #F3F6FC;
}

#moFullM .mo-gnb ul:first-child {
  border-top: 0;
}

#moFullM .mo-gnb ul li {
  height: 2.5rem;
  padding: 0 1.25rem;
}

#moFullM .mo-gnb ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #2C2F34;
  font-weight: 700;
}

#moFullM .mo-gnb ul.ul-login {
  display: none;
}



#main {
  padding-bottom: 5rem;
}
#main .joint-con {
  margin-top: 2rem;
}
#main .joint-con .area .expitem-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#main .joint-con .area .expitem-tit h3 {
  font-size: 2rem;
  font-weight: 700;
}

#main .joint-con .area .expitem-tit .exp-notice-btn {
  display: flex;
  align-items: center;
  height: 2.5rem;
  background-color: #F3F6FC;
  border-radius: 2rem;
  padding: 0 1.25rem;
}

#main .joint-con .area .expitem-tit .exp-notice-btn p {
  font-weight: 500;
  color: #4F5A6F;
}

#main .joint-con .area .expitem-tit .exp-notice-btn img {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.625rem;
}

#main .visual-con ul li {
  position: relative;
  width: 100%;
  height: 32.5rem;
  background-image: url("/public/img/sns/main_visual_img.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#main .visual-con ul li .visual-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  color: #fff;
  text-align: center;
  transform: translate(-50%,-50%);
}

#main .visual-con ul li .visual-txt h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

#main .visual-con ul li .visual-txt h2 {
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 0.25rem;
}

#main .visual-con ul li .visual-txt a {
  display: block;
  width: 7.875rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 3rem;
  background-color: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  text-align: center;
  font-weight: 700;
  margin: 1.25rem auto 0;
}

#main .visual-con .swiper-pagination {
  position: absolute;
  top: auto;
  bottom: 1.55rem;
  left: 50%;
  transform: translateX(-50%);;
  color: #fff;
  font-size: 1rem;
}

#main .visual-con .swiper-arrow {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 1.25rem;
  left: 50%;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 100;
}

#main .visual-con .swiper-arrow:after {
  display: none;
}

#main .visual-con .swiper-button-prev {
  background-image: url("/public/img/sns/main_prev_ico.png");
  margin-left: -3.5rem;
}

#main .visual-con .swiper-button-next {
  background-image: url("/public/img/sns/main_next_ico.png");
  margin-left: 1.5rem;
}

#main .art-con-cmn {
  padding-top: 5rem;
}

#main .art-con-cmn .area .art-con-cmn-tit {
  text-align: center;
}

#main .art-con-cmn .area .art-con-cmn-tit h3 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5;
}

#main .art-con-cmn .area .art-con-cmn-tit p {
  font-size: 1.125rem;
  color: #66738d;
  line-height: 1.5;
  padding-top: 0.75rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item {
  width: 16.875rem;
  margin-top: 2.5rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a {
  display: block;
  width: 100%;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .list-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  min-height: 11.25rem;
  /* border-radius: 0.75rem; */
  overflow: hidden;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .state-wrap {
  display: flex;
  margin-top: 1rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .state-wrap .state p {
  font-size: 0.813rem;
  font-weight: 500;
  color: #8995ac;
  border: 1px solid #8995ac;
  padding: 0.095rem 0.5rem;
  box-sizing: border-box;
  border-radius: 3rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .state-wrap .state.ing p {
  color: #1999ef;
  border: 1px solid #1999ef;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .state-wrap .period {
  margin-left: 0.25rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .state-wrap .period p {
  font-size: 0.813rem;
  color: #8995ac;
  border: 1px solid #8995ac;
  padding: 0.095rem 0.5rem;
  box-sizing: border-box;
  border-radius: 3rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .list-tit {
  margin-top: 0.25rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .list-tit h4 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;      /* 한 줄로 표시 */
  overflow: hidden;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .list-tit p {
  font-size: 0.875rem;
  padding-top: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: nowrap;      /* 한 줄로 표시 */
  overflow: hidden;
  text-overflow: ellipsis;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .condi-wrap {
  width: 100%;
  background-color: #F3F6FC;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .condi-wrap ul {
  padding: 0.5rem 0;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .condi-wrap ul li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.875rem;
  color: #66738D;
  margin-top: 0.25rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .condi-wrap ul li:first-child {
  margin-top: 0;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .condi-wrap ul li h5 {
  padding-left: 0.75rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .condi-wrap ul li p {
  padding-right: 0.75rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .total-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.75rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .total-wrap .total-num {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #66738D;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .total-wrap .bar {
  width: 1px;
  height: 12px;
  margin: 0 0.25rem;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .total-wrap .total-num .now {
  color: #1999EF;
  font-weight: 500;
}

#main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item a .total-wrap .total-price strong {
  font-weight: 700;
}

#main .joint-con {
  padding-top: 5rem;
}

#main .joint-con .area .joint-tit {
  text-align: center;
}

#main .joint-con .area .joint-tit h3 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5;
}

#main .joint-con .area .joint-tit p {
  font-size: 1.125rem;
  color: #66738d;
  line-height: 1.5;
  padding-top: 0.75rem;
}

#main .joint-con .area .joint-list .depth1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#main .joint-con .area .joint-list .depth1 .list-item {
  width: 16.875rem;
  margin-top: 2.5rem;
}

#main .joint-con .area .joint-list .depth1 .list-item .list-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  min-height: 11.25rem;
  /* border-radius: 0.75rem; */
  overflow: hidden;
}

#main .joint-con .area .joint-list .depth1 .list-item .list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main .joint-con .area .joint-list .depth1 .list-item .list-tit {
  margin-top: 0.75rem;
}

#main .joint-con .area .joint-list .depth1 .list-item .list-tit h4 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#main .joint-con .area .joint-list .depth1 .list-item .list-tit .p-wrap {
  display: flex;
  align-items: center;
  margin-top: 0.375rem;
}

#main .joint-con .area .joint-list .depth1 .list-item .list-tit .p-wrap p {
  font-size: 0.875rem;
  color: #66738D;
}

#main .joint-con .area .joint-list .depth1 .list-item .list-tit .p-wrap .bar {
  width: 1px;
  height: 12px;
  margin: 0 0.5rem;
}

#main .joint-con .area .joint-list .depth1 .list-item .consum-price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 0.75rem;
}

#main .joint-con .area .joint-list .depth1 .list-item .consum-price h5 {
  font-size: 0.875rem;
  color: #66738D;
}

#main .joint-con .area .joint-list .depth1 .list-item .consum-price p {
  font-size: 1.25rem;
  font-weight: 700;
}

#main .joint-con .area .joint-list .depth1 .list-item .buy-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3rem;
  border: 1px solid #1999EF;
  box-sizing: border-box;
  border-radius: 0.75rem;
  margin-top: 0.75rem;
}

#main .joint-con .area .joint-list .depth1 .list-item .buy-btn-wrap p {
  font-weight: 700;
  color: #1999EF;
}

#main .joint-con .area .joint-list .depth1 .list-item .buy-btn-wrap .arrow {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

#main .joint-con .area .joint-list .depth1 .list-item .buy-btn-wrap .arrow img {
  width: 100%;
  height: auto;
}

#main .joint-con .area .joint-list .more-view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.75rem;
  height: 3rem;
  background-color: #F3F6FC;
  border-radius: 3rem;
  margin: 2.5rem auto 0;
}

#main .joint-con .area .joint-list .more-view-btn .plus {
  width: 1.188rem;
  height: 1.188rem;
}

#main .joint-con .area .joint-list .more-view-btn .plus img {
  width: 100%;
  height: auto;
}

#main .joint-con .area .joint-list .more-view-btn p {
  font-weight: 500;
  color: #66738D;
  padding-left: 0.656rem;
}


.exp-notice-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 101;
  width: 37.5rem;
}

.exp-notice-popup .pu-area {
  padding: 1.5rem;
}

.exp-notice-popup .pu-area .pu-close-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 1.75rem;
  height: 1.75rem;
}

.exp-notice-popup .pu-area .pu-close-btn img {
  width: 100%;
  height: auto;
}

.exp-notice-popup .pu-area > h4 {
  font-size: 1.25rem;
  font-weight: 700;
  padding-bottom: 1.25rem;
}

.exp-notice-popup .pu-area ul li {
  margin-top: 1.25rem;
}

.exp-notice-popup .pu-area ul li:first-child {
  margin-top: 0;
}

.exp-notice-popup .pu-area ul li h5 {
  font-size: 1.125rem;
  font-weight: 700;
  padding-bottom: 0.75rem;
}

.exp-notice-popup .pu-area ul li .li-txt-wrap {
  display: flex;
  margin-bottom: 0.75rem;
}

.exp-notice-popup .pu-area ul li .li-txt-wrap:last-child {
  margin-bottom: 0;
}

.exp-notice-popup .pu-area ul li .li-txt-wrap h6 {
  font-size: 0.875rem;
  font-weight: 700;
  width: 5rem;
}

.exp-notice-popup .pu-area ul li .li-txt-wrap p {
  font-size: 0.875rem;
  line-height: 1.5;
  width: calc(100% - 5rem);
}

.exp-notice-popup .pu-area ul li .li-txt-wrap p.mnp {
  width: 100%;
}


#expItem  {
  padding-top: 5rem;
}

#expItem .expitem-con {
  padding: 2.5rem 0 3.75rem;
}

#expItem .expitem-con .area .expitem-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#expItem .expitem-con .area .expitem-tit h3 {
  font-size: 2rem;
  font-weight: 700;
}

#expItem .expitem-con .area .expitem-tit .exp-notice-btn {
  display: flex;
  align-items: center;
  height: 2.5rem;
  background-color: #F3F6FC;
  border-radius: 2rem;
  padding: 0 1.25rem;
}

#expItem .expitem-con .area .expitem-tit .exp-notice-btn p {
  font-weight: 500;
  color: #4F5A6F;
}

#expItem .expitem-con .area .expitem-tit .exp-notice-btn img {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.625rem;
}

#expItem .expitem-con .area .expitem-list .depth1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item {
  width: 16.875rem;
  margin-top: 2.5rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item:nth-child(-n+4) {
  margin-top: 1.5rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a {
  display: block;
  width: 100%;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .list-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  min-height: 11.25rem;
  /* border-radius: 0.75rem; */
  overflow: hidden;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .state-wrap {
  display: flex;
  margin-top: 1rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .state-wrap .state p {
  font-size: 0.813rem;
  font-weight: 500;
  color: #8995ac;
  border: 1px solid #8995ac;
  padding: 0.095rem 0.5rem;
  box-sizing: border-box;
  border-radius: 3rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .state-wrap .state.ing p {
  color: #1999ef;
  border: 1px solid #1999ef;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .state-wrap .period {
  margin-left: 0.25rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .state-wrap .period p {
  font-size: 0.813rem;
  color: #8995ac;
  border: 1px solid #8995ac;
  padding: 0.095rem 0.5rem;
  box-sizing: border-box;
  border-radius: 3rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .list-tit {
  margin-top: 0.25rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .list-tit h4 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;      /* 한 줄로 표시 */
  overflow: hidden;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .list-tit p {
  font-size: 0.875rem;
  padding-top: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: nowrap;      /* 한 줄로 표시 */
  overflow: hidden;
  text-overflow: ellipsis;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .condi-wrap {
  width: 100%;
  background-color: #F3F6FC;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .condi-wrap ul {
  padding: 0.5rem 0;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .condi-wrap ul li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 0.875rem;
  color: #66738D;
  margin-top: 0.25rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .condi-wrap ul li:first-child {
  margin-top: 0;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .condi-wrap ul li h5 {
  padding-left: 0.75rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .condi-wrap ul li p {
  padding-right: 0.75rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .total-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.75rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .total-wrap .total-num {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #66738D;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .total-wrap .bar {
  width: 1px;
  height: 12px;
  margin: 0 0.25rem;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .total-wrap .total-num .now {
  color: #1999EF;
  font-weight: 500;
}

#expItem .expitem-con .area .expitem-list .depth1 .list-item a .total-wrap .total-price strong {
  font-weight: 700;
}

#expItem .expitem-con .area .expitem-paging {
  margin-top: 3.75rem;
}

#expItem .expitem-con .area .expitem-paging ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

#expItem .expitem-con .area .expitem-paging ul li {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  margin-left: 0.5rem;
}

#expItem .expitem-con .area .expitem-paging ul li.on::before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #1999EF;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#expItem .expitem-con .area .expitem-paging ul li:first-child {
  margin-left: 0;
}

#expItem .expitem-con .area .expitem-paging ul li a {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

#expItem .expitem-con .area .expitem-paging ul li a p {
  font-size: 0.875rem;
  color: #4F5A6F;
  text-align: center;
}

#expItem .expitem-con .area .expitem-paging ul li.on a p {
  color: #fff;
}

#expItem .expitem-con .area .expitem-paging ul li a img {
  width: 100%;
  height: auto;
}


#expItemView {
  margin-top: 8.75rem;
}

#expItemView .expitem-view-con .area .detail-wrap {
  width: 956px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#expItemView .expitem-view-con .area .detail-wrap .item-img {
  width: 33.75rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-img img {
  width: 100%;
  height: auto;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con {
  width: 22.25rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #E6ECF7;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 .item-head-category {
  font-size: 0.875rem;
  color: #66738D;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 .item-name {
  font-size: 2rem;
  font-weight: 800;
  padding-top: 0.5rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 .item-sub-txt {
  color: #4F5A6F;
  padding-top: 0.5rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 .item-price {
  font-size: 1.25rem;
  font-weight: 700;
  padding-top: 0.5rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #E6ECF7;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 ul li {
  display: flex;
  color: #4F5A6F;
  margin-top: 0.5rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 ul li:first-child {
  margin-top: 0;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 ul li .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.75rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 ul li .icon img {
  width: 100%;
  height: auto;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 ul li h4 {
  font-size: 0.875rem;
  width: 7.25rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 ul li p {
  width: calc(100% - 9.25rem);
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-3 > h3 {
  font-size: 1.25rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-3 ul li {
  display: flex;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-3 ul li:first-child {
  margin-top: 0;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-3 ul li h4 {
  color: #4F5A6F;
  width: 10rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-3 ul li p {
  width: calc(100% - 10rem);
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-4 {
  margin-top: 1.5rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-4 .info-4-box {
  width: 100%;
  height: 3.5rem;
  background-color: #F3F6FC;
  border-radius: 0.5rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-4 .info-4-box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-4 .info-4-box ul li {
  padding-left: 1.313rem;
  margin-left: 1.25rem;
  background-image: url("/public/img/sns/expitem_view_ico_bar.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-4 .info-4-box ul li:first-child {
  background: none;
  padding-left: 0;
  margin-left: 0;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-4 .info-4-box ul li p {
  color: #66738D;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-4 .info-4-box ul li p strong {
  color: #1999EF;
  font-weight: 700;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .exp-apply-btn {
  display: block;
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
  background-color: #1999EF;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
}

#expItemView .expitem-view-con .area .detail-wrap .item-info-con .exp-apply-btn p {
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
  text-align: center;
}

#expItemView .expitem-view-con .area .contents-wrap {
  width: 956px;
  margin: 2.5rem auto 0;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn {
  display: flex;
  height: 3.5rem;
  line-height: 3.5rem;
  border-bottom: 1px solid #E6ECF7;
  box-sizing: border-box;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn li {
  height: 100%;
  margin-left: 2.5rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn li:first-child {
  margin-left: 0;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn li a {
  position: relative;
  display: block;
  height: 100%;
  color: #66738D;
  font-weight: 700;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn li a .under-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #1999EF;
  z-index: 1;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn li.on a {
  color: #1999EF;
  font-weight: 800;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn li.on  a .under-bar {
  display: block;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt > div {
  display: none;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt > div .tab-cnt-tit h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt > div {
  margin: 2.5rem auto 6.25rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-1 {
  display: block;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-1 {
  width: 760px;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-1 .tab-cnt-tit .box {
  background-color: #F3F6FC;
  padding: 1.25rem;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-1 .tab-cnt-tit .box > * {
  font-size: 0.875rem;
  margin-top: 0.75rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-1 .tab-cnt-tit .box h5 {
  margin-top: 0;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-1 .tab-cnt-txt {
  margin-top: 2.5rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-1 .tab-cnt-txt img {
  width: 100%;
  height: auto;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .depth-1 > li {
  background-color: #F3F6FC;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-top: 0.75rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .depth-1 > li .apply-info-wrap .apply-id {
  display: flex;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .depth-1 > li .apply-info-wrap .apply-id .icon {
  width: 1.5rem;
  height: 1.5rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .depth-1 > li .apply-info-wrap .apply-id .icon img {
  width: 100%;
  height: auto;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .depth-1 > li .apply-info-wrap .apply-id h4 {
  font-size: 0.875rem;
  padding-left: 0.5rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-info-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-info-wrap .apply-result {
  border-radius: 1.5rem;
  box-sizing: border-box;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-info-wrap .apply-result p {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.25rem 0.75rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-info-wrap .apply-result.prize {
  background-color: #DAF1FF;
  border: 1px solid #1999EF;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-info-wrap .apply-result.prize p {
  color: #1999EF;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-info-wrap .apply-result.applying {
  background-color: #DCF9ED;
  border: 1px solid #2CBB7F;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-info-wrap .apply-result.applying p {
  color: #2CBB7F;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-info-wrap .apply-result.not {
  background-color: #E6ECF7;
  border: 1px solid #A3AFC6;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-info-wrap .apply-result.not p {
  color: #A3AFC6;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt .default-ver > li .apply-date {
  font-size: 0.875rem;
  color: #A3AFC6;
  margin-top: 0.75rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-3 .tab-cnt-txt .result-box {
  background-color: #F3F6FC;
  border-radius: 0.5rem;
  text-align: center;
  padding: 1.781rem 0;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-3 .tab-cnt-txt .result-box h4 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1999EF;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-3 .tab-cnt-txt .result-box p {
  font-size: 0.875rem;
  color: #66738D;
  padding: 0.5rem 0.5rem 0 0.5rem;
  word-break: keep-all;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-3 .tab-cnt-txt .result-box .address-check-btn {
  display: block;
  width: 8.688rem;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #fff;
  font-weight: 700;
  background-color: #1999EF;
  border-radius: 0.5rem;
  margin: 1rem auto 0;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li {
  position: relative;
  display: flex;
  align-items: center;
  height: 10.5rem;
  background-color: #F3F6FC;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li:first-child {
  margin-top: 0;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-img {
  width: 8rem;
  height: 8rem;
  margin-left: 1.25rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-img img {
  width: 100%;
  height: auto;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info {
  margin-left: 1.25rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info h4 {
  font-size: 1.25rem;
  font-weight: 700;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info p {
  font-size: 0.875rem;
  color: #66738D;
  padding-top: 0.25rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info .review-rating {
  margin-top: 0.5rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info .review-rating ul.depth2 {
  display: flex;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info .review-rating ul.depth2 li img {
  display: none;
  width: 1.25rem;
  height: auto;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info .review-rating ul.depth2 li.on img.star-on {
  display: block;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info .review-view-btn {
  display: block;
  width: 4.75rem;
  height: 2rem;
  line-height: 2rem;
  border: 1px solid #1999EF;
  box-sizing: border-box;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #1999EF;
  margin-top: 0.813rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info .review-write-date {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  font-size: 0.875rem;
  color: #A3AFC6;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account {
  margin-top: 1rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-name {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver >li .apply-account .account-name h5 {
  color: #66738D;
  margin-right: 0.25rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-name .pf-view-btn {
  width: 4.938rem;
  height: 1.5rem;
  background-color: #E2E8F4;
  border-radius: 0.25rem;
  margin-left: 0.25rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-info {
  margin-top: 0.5rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-info ul {
  display: flex;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-info ul li {
  display: flex;
  font-size: 0.875rem;
  padding-left: 0.813rem;
  margin-left: 0.75rem;
  background-image: url("/public/img/sns/main_joint_bar.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-info ul li:first-child {
  padding-left: 0;
  margin-left: 0;
  background: none;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-info ul li h5 {
  color: #66738D;
  margin-right: 0.25rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-info-wrap {
  position: relative;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-info-wrap .apply-result {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 1.5rem;
  box-sizing: border-box;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-info-wrap .apply-result p {
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.25rem 0.75rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-info-wrap .apply-result.prize {
  background-color: #DAF1FF;
  border: 1px solid #1999EF;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-info-wrap .apply-result.prize p {
  color: #1999EF;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-info-wrap .apply-result.applying {
  background-color: #DCF9ED;
  border: 1px solid #2CBB7F;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-info-wrap .apply-result.applying p {
  color: #2CBB7F;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-info-wrap .apply-result.not {
  background-color: #E6ECF7;
  border: 1px solid #A3AFC6;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-info-wrap .apply-result.not p {
  color: #A3AFC6;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .select-wrap {
  display: flex;
  background-color: #E6ECF7;
  border-radius: 0.5rem;
  padding: 0.25rem;
  width: 8rem;
  position: relative;
  margin-top: 1rem;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .slt {
  flex: 1;
  text-align: center;
  cursor: pointer;
  color: #8995AC;
  font-size: 0.875rem;
  font-weight: 500;
  z-index: 1;
  height: 2rem;
  line-height: 2rem;
  cursor: pointer;
}

#expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .slt.active {
  color: #1999EF;
  font-weight: bold;
  background-color: #fff;
  border-radius: 0.25rem;
}


.pf-share-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 101;
  width: 30rem;
}

.pf-share-popup .pu-area {
  padding: 1.5rem;
}

.pf-share-popup .pu-area .pu-close-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 1.75rem;
  height: 1.75rem;
}

.pf-share-popup .pu-area .pu-close-btn img {
  width: 100%;
  height: auto;
}

.pf-share-popup .pu-area > h4 {
  font-size: 1.25rem;
  font-weight: 700;
  padding-bottom: 1.25rem;
}

.pf-share-popup .pu-area ul li {
  margin-top: 1.25rem;
}

.pf-share-popup .pu-area ul li:first-child {
  margin-top: 0;
}

.pf-share-popup .pu-area ul li .li-txt-wrap {
  display: flex;
  margin-bottom: 0.75rem;
}

.pf-share-popup .pu-area ul li .li-txt-wrap:last-child {
  margin-bottom: 0;
}

.pf-share-popup .pu-area ul li .li-txt-wrap p {
  font-size: 0.875rem;
  line-height: 1.5;
  width: 100%;
}


.pf-view-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 101;
  width: 30rem;
  height: 80%;
  max-height: 37.75rem;
  overflow-y: auto;
}

.pf-view-popup .pu-area {
  padding: 1.5rem;
}

.pf-view-popup .pu-area .pu-close-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 1.75rem;
  height: 1.75rem;
}

.pf-view-popup .pu-area .pu-close-btn img {
  width: 100%;
  height: auto;
}

.pf-view-popup .pu-area .img {
  width: 3.75rem;
  height: 3.75rem;
}

.pf-view-popup .pu-area .img img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  object-fit: cover; /* 이미지 비율 유지하며 영역에 맞게 조정 */
  overflow: hidden;
}

.pf-view-popup .pu-area ul {
  margin-top: 1rem;
}

.pf-view-popup .pu-area ul li {
  display: flex;
  align-items: center;
  height: 1.75rem;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.pf-view-popup .pu-area ul li:first-child {
  margin-top: 0;
}

.pf-view-popup .pu-area ul li h5 {
  width: 7.5rem;
}

.pf-view-popup .pu-area ul li > div {
  width: calc(100% - 7.5rem);
}

.pf-view-popup .pu-area ul li .cmn-wrap {
  display: flex;
  align-items: center;
}

.pf-view-popup .pu-area ul li .cmn-wrap p {
  font-size: 0.813rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background-color: #F3F6FC;
  margin-left: 0.25rem;
}
.pf-view-popup .pu-area .buyerContent .company-info {
  padding: 0.8rem;
  background-color: #f4f4f4;
  font-size: 0.813rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.pf-view-popup .pu-area ul li .cmn-wrap p:first-child {
  margin-left: 0;
}

.pf-view-popup .pu-area ul li .channel-main-p p {
  background-color: #DAF1FF;
  color: #1999EF;
}

.pf-view-popup .pu-area .counsel-btn {
  display: block;
  width: 8.938rem;
  height: 2.5rem;
  line-height: 2.5rem;
  background-color: #1999EF;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 1rem auto 0;
}


.pf-counsel-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 101;
  width: 30rem;
  height: 80%;
  max-height: 46.625rem;
  overflow-y: auto;
}

.pf-counsel-popup .pu-area {
  padding: 1.5rem;
}

.pf-counsel-popup .pu-area h4 {
  font-size: 1.25rem;
  font-weight: 700;
}

.pf-counsel-popup .pu-area ul {
  margin-top: 1.25rem;
}

.pf-counsel-popup .pu-area ul li {
  margin-top: 1rem;
}

.pf-counsel-popup .pu-area ul li:first-child {
  margin-top: 0;
}

.pf-counsel-popup .pu-area ul li h5 {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.pf-counsel-popup .pu-area ul li h5 span {
  font-size: 0.875rem;
  color: #66738D;
  font-weight: 400;
}

.pf-counsel-popup .pu-area ul li .ip-box,
.pf-counsel-popup .pu-area ul li select {
  font-family: "Noto Sans KR", serif;
  width: 100%;
  height: 2.5rem;
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
  border-radius: 0.5rem;
  overflow: hidden;
}

.pf-counsel-popup .pu-area ul li .ip-box input {
  font-family: "Noto Sans KR", serif;
  width: 100%;
  height: 100%;
  border: 0;
  font-size: 0.875rem;
  padding-left: 1rem;
}

.pf-counsel-popup .pu-area ul li .ip-box input::placeholder {
  color: #8995AC;
}

.pf-counsel-popup .pu-area ul li select {
  padding: 0 1rem;
  appearance:none;
  background:url("/public/img/sns/select_down.png") no-repeat right 0.75rem center;
  background-size: 1.5rem auto;
}

.pf-counsel-popup .pu-area ul li textarea {
  font-family: "Noto Sans KR", serif;
  font-size: 0.875rem;
  width: 100%;
  height: 12.5rem;
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
  border-radius: 0.5rem;
  padding: 1rem;
  resize: none;
}

.pf-counsel-popup .pu-area ul li textarea::placeholder {
  color: #8995AC;
}

.pf-counsel-popup .pu-area .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.pf-counsel-popup .pu-area .btn-wrap button {
  width: 8.75rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.5rem;
  font-weight: 700;
  text-align: center;
}

.pf-counsel-popup .pu-area .btn-wrap .cancel-btn {
  background-color: #E6ECF7;
  color: #4F5A6F;
}

.pf-counsel-popup .pu-area .btn-wrap .counsel-btn {
  background-color: #1999EF;
  color: #fff;
  margin-left: 0.5rem;
}


.counsel-view-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 101;
  width: 30rem;
  height: 80%;
  max-height: 37.75rem;
  overflow-y : auto;
}

.counsel-view-popup .pu-area {
  padding: 1.5rem;
}

.counsel-view-popup .pu-area .tit-con h3 {
  font-size: 1.25rem;
  font-weight: 700;
}

.counsel-view-popup .pu-area .tit-con p {
  line-height: 1.5;
  padding-top: 0.5rem;
}

.counsel-view-popup .pu-area .txt-con {
  margin-top: 1.25rem;
}

.counsel-view-popup .pu-area .txt-con ul li {
  padding: 17px 0;
  border-top: 1px solid #E6ECF7;
}

.counsel-view-popup .pu-area .txt-con ul li .write-info {
  display: flex;
  margin-top: 4px;
}

.counsel-view-popup .pu-area .txt-con ul li .write-info p {
  font-size: 13px;
  color: #66738D;
  padding-left: 9px;
  margin-left: 8px;
  background-image: url("/public/img/sns/write_bar.png");
  background-repeat: no-repeat;
  background-position: left center;
}

.counsel-view-popup .pu-area .txt-con ul li .write-info p:first-child {
  padding-left: 0;
  margin-left: 0;
  background: none;
}

.counsel-view-popup .pu-area .txt-con ul li textarea {
  font-family: "Noto Sans KR", serif;
  font-size: 0.875rem;
  width: 100%;
  height: 7.5rem;
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
  border-radius: 0.5rem;
  padding: 1rem;
  resize: none;
}

.counsel-view-popup .pu-area .txt-con ul li textarea::placeholder {
  color: #8995AC;
}

.counsel-view-popup .pu-area .btn-wrap {
  display: flex;
  justify-content: right;
  margin-top: 0.75rem;
}

.counsel-view-popup .pu-area .btn-wrap button {
  width: 5rem;
  height: 2.25rem;
  line-height: 2.25rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  background-color: #1999EF;
  color: #fff;
}


.pf-share {
  margin: 8.75rem 0 6.25rem;
}

.pf-share .pfshare-con .area .pfshare-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pf-share .pfshare-con .area .pfshare-tit h3 {
  font-size: 2rem;
  font-weight: 700;
}

.pf-share .pfshare-con .area .pfshare-tit > button {
  display: flex;
  align-items: center;
  height: 2.5rem;
  background-color: #F3F6FC;
  border-radius: 2rem;
  padding: 0 1.25rem;
}

.pf-share .pfshare-con .area .pfshare-tit > button p {
  font-weight: 500;
  color: #4F5A6F;
}

.pf-share .pfshare-con .area .pfshare-tit > button img {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.625rem;
}


#pfShare .pfshare-con .area .pfshare-txt .box {
  padding: 3.594rem 0;
  background-color: #F3F6FC;
  border-radius: 0.5rem;
  margin-top: 1.5rem;
}

#pfShare .pfshare-con .area .pfshare-txt .box p {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
}

#pfShare .pfshare-con .area .pfshare-txt .box .pf-regi-btn {
  display: block;
  width: 10.75rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 700;
  background-color: #1999EF;
  text-align: center;
  margin: 1rem auto 0;
}


#pfShareLogin .pfshare-con .area .pfshare-txt {
  margin-top: 1.25rem;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-btn {
  display: flex;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-btn li {
  margin-left: 0.5rem;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-btn li:first-child {
  margin-left: 0;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-btn li a {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
  background-color: #F3F6FC;
  border-radius: 1.5rem;
  color: #4F5A6F;
  text-align: center;
  padding: 0 1.25rem;
  font-weight: 500;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-btn li.on a {
  background-color: #1999EF;
  color: #fff;
  font-weight: 700;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table {
  width: 100%;
  margin-top: 1.313rem;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table thead tr {
  background-color: #F3F6FC;
  height: 3.75rem;
  border-top: 1px solid #bfc9dd;
  border-bottom: 1px solid #bfc9dd;
  box-sizing: border-box;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table thead tr th {
  font-size: 0.875rem;
  font-weight: 500;
  color: #66738D;
  margin-left: 1.7%;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr {
  border-bottom: 1px solid #E6ECF7;
  box-sizing: border-box;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr td {
  padding: 1.375rem 0;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr td .mo-only {
  display: none;
  width: 6.25rem;
  margin-right: 0.25rem;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .num {
  text-align: center;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .name button {
  display: flex;
  align-items: center;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .name button .img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;      /* 원형으로 만들기 */
  object-fit: cover;       /* 이미지가 부모 크기에 맞게 조정됨 */
  overflow: hidden;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .name button .img img {
  width: 100%;
  height: auto;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .name button p {
  color: #1999EF;
  text-decoration: underline;
  margin-left: 0.75rem;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .channel-class {
  text-align: center;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .channel-main .main-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .channel-main .main-list p {
  display: inline-block;
  font-size: 0.813rem;
  color: #1999EF;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  text-align: center;
  background-color: #DAF1FF;
  margin-left: 0.25rem;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .channel-main .main-list p:first-child {
  margin-left: 0;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .channel-define .define-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .channel-define .define-list p {
  display: inline-block;
  font-size: 0.813rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  text-align: center;
  background-color: #F3F6FC;
  margin-left: 0.25rem;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .channel-define .define-list p:first-child {
  margin-left: 0;
  margin: 0.125rem 0.25rem 0.125rem 0;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .activ-area .activ-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .activ-area .activ-list p {
  display: inline-block;
  font-size: 0.813rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  text-align: center;
  background-color: #F3F6FC;
  margin-left: 0.25rem;
  margin-top: 0.25rem;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .activ-area .activ-list p:first-child {
  margin-left: 0;
}

#pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .activ-area .activ-list p:nth-child(-n+3) {
  margin-top: 0;
}


.dash-board-cmn {
  background-color: #F3F6FC;
  padding: 2.5rem 0 3.75rem;
  margin-top: 5rem;
}

.dash-board-cmn .board-con {
  display: flex;
  justify-content: space-between;
}

.dash-board-cmn .board-con .board-gnb {
  width: 13.75rem;
  height: 100%;
  background-color: #fff;
  border-radius: 0.75rem;
  box-shadow: 0px 4px 16px rgba(30,35,43,0.08);
  padding: 0.75rem 0;
  margin-left: 1.25rem;
}

.dash-board-cmn .board-con .board-gnb > div {
  margin: 0 0.75rem;
}

.dash-board-cmn .board-con .board-gnb > div .gnb-tit {
  display: flex;
  align-items: center;
  height: 2.75rem;
  padding: 0 0.75rem;
}

.dash-board-cmn .board-con .board-gnb > div .gnb-tit img {
  width: 1.5rem;
  height: 1.5rem;
}

.dash-board-cmn .board-con .board-gnb > div .gnb-tit h3 {
  font-weight: 500;
  padding-left: 0.5rem;
}

.dash-board-cmn .board-con .board-gnb > div.on .gnb-tit {
  background-color: #1999EF;
  border-radius: 0.75rem;
  box-shadow: 0px 2px 4px rgba(25,153,239,0.5);
}

.dash-board-cmn .board-con .board-gnb > div.on .gnb-tit h3 {
  color: #fff;
}

.dash-board-cmn .board-con .board-gnb > div .depth1 li a {
  display: flex;
  align-items: center;
  height: 2.75rem;
}

.dash-board-cmn .board-con .board-gnb > div .depth1 li a p {
  font-weight: 500;
  color: #66738D;
  padding-left: 3.25rem;
}

.dash-board-cmn .board-con .board-gnb > div .depth1 li.on a {
  background-color: #1999EF;
  border-radius: 0.75rem;
  box-shadow: 0px 2px 4px rgba(25,153,239,0.5);
}

.dash-board-cmn .board-con .board-gnb > div .depth1 li.on p {
  color: #fff;
}

.dash-board-cmn .board-con .board-cont {
  width: calc(100% - 25rem);
  margin-right: 5rem;
}


.db-form-cmn .board-con .board-cont {
  width: calc(100% - 25rem);
  margin-right: 5rem;
  background-color: #fff;
  border-radius: 0.75rem;
  padding: 2.5rem 0;
}

.db-form-cmn .board-con .board-cont > h3 {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

.db-form-cmn .board-con .board-cont .board-cont-list {
  width: 41.5rem;
  margin: 2.5rem auto 0;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li {
  margin-top: 1.5rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li:first-child {
  margin-top: 0;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li h4 {
  position: relative;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li h4 .h4-sub-txt {
  font-size: 0.875rem;
  color: #66738D;
  font-weight: 400;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li h4 .req {
  position: absolute;
  top: 0;
  right: -0.35rem;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #F12E2E;
  border-radius: 1rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li h4 .not {
  font-size: 0.875rem;
  color: #66738D;
  font-weight: 400;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .sub-txt {
  font-size: 0.813rem;
  color: #66738D;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .ip-box {
  width: 100%;
  height: 3rem;
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
  border-radius: 0.5rem;
  overflow: hidden;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .ip-box input,
.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .ip-box select {
  font-family: "Noto Sans KR", serif;
  border: 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  padding: 0 1rem;
  background: none;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box input {
  width: calc(100% - 4rem);
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .ip-box input::placeholder {
  color: #8995AC;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .ip-box select {
  width: 100%;
  appearance:none;
  background:url("/public/img/sns/select_down.png") no-repeat right 0.75rem center;
  background-size: 1.5rem auto;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .ip-box select:focus {
  border: 0;
  outline: none;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li textarea {
  font-family: "Noto Sans KR", serif;
  font-size: 1rem;
  width: 100%;
  height: 15rem;
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
  border-radius: 0.5rem;
  padding: 1rem;
  resize: none;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li textarea::placeholder {
  color: #8995AC;
}

.db-form-cmn .board-con .board-cont .db-btn-cmn {
  display: block;
  width: 10rem;
  height: 3rem;
  line-height: 3rem;
  margin: 2.5rem auto 0;
  background-color: #1999EF;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 0.5rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 {
  display: flex;
  gap: 1.333333%;
  flex-wrap: wrap;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li {
  width: 24%;
  height: 3rem;
  margin-top: 0.5rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li:nth-child(-n+4) {
  margin-top: 0;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .chk-wrap {
  width: 100%;
  height: 100%;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .chk-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #F3F6FC;
  border-radius: 0.5rem;
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
  padding-left: 0.75rem;
  cursor: pointer;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .chk-wrap input[type="checkbox"] {
  position: relative;
  top: 0;
  margin-right: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/public/img/sns/db_pf_regi_ico_chk.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-appearance: none;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .chk-wrap input[type="checkbox"]:checked {
  border: unset;
  background-image: url("/public/img/sns/db_pf_regi_ico_chk_on.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .chk-wrap label {
  vertical-align: top;
  color: #8995AC;
  cursor: pointer;
  font-size: 1rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li.active .chk-wrap {
  background-color: #fff;
  border: 1px solid #1999EF;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li.active .chk-wrap label {
  color: #1999EF;
  font-weight: 500;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .rdo-wrap {
  width: 100%;
  height: 100%;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .rdo-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #F3F6FC;
  border-radius: 0.5rem;
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
  padding-left: 0.75rem;
  cursor: pointer;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .rdo-wrap input[type="radio"] {
  position: relative;
  top: 0;
  margin-right: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/public/img/sns/db_pf_regi_ico_chk.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-appearance: none;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .rdo-wrap input[type="radio"]:checked {
  border: unset;
  background-image: url("/public/img/sns/db_pf_regi_ico_chk_on.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .rdo-wrap label {
  vertical-align: top;
  color: #8995AC;
  cursor: pointer;
  font-size: 1rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li.active .rdo-wrap {
  background-color: #fff;
  border: 1px solid #1999EF;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li.active .rdo-wrap label {
  color: #1999EF;
  font-weight: 500;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-stxt h4 {
  margin-bottom: 0.25rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-stxt .list-wrap {
  margin-top: 0.75rem;
}

.db-form-cmn .board-cont .board-sub-gnb {
  margin-top: 1.25rem;
}

.db-form-cmn .board-cont .board-sub-gnb ul {
  display: flex;
  justify-content: center;
}

.db-form-cmn .board-cont .board-sub-gnb ul li {
  margin-left: 0.5rem;
}

.db-form-cmn .board-cont .board-sub-gnb ul li a{
  display: block;
  padding: 0.5rem 1.25rem;
  background-color: #F3F6FC;
  border-radius: 2rem;
  color: #4F5A6F;
  font-weight: 500;
}

.db-form-cmn .board-cont .board-sub-gnb ul li.on a{
  background-color: #1999EF;
  color: #fff;
  font-weight: 700;
  box-shadow: 0px 2px 4px rgba(25,153,239,0.5);
}

.db-form-cmn .board-cont .board-cont-list .depth1 .li-vari-ipb .ip-box {
  margin-bottom: 0.5rem;
}

.db-form-cmn .board-cont .board-cont-list .depth1 .li-vari-ipb .ip-box:last-child {
  margin-bottom: 0;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap:last-child {
  margin-bottom: 0;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap .ip-box  {
  position: relative;
  width: 48.9%;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap .ip-box input,
.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap .ip-box select {
  padding-right: 0;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap .ip-box select {
  width: 100%;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap .ip-box p {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2 {
  justify-content: start;
  gap: 1.2%;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2 .ip-box  {
  width: 45.1%;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2 .delete-btn {
  width: 3rem;
  height: 3rem;
}

.db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2 .delete-btn img {
  width: 100%;
  height: auto;
}

.db-form-cmn .board-con .board-cont .btn-wrap {
  display: flex;
  justify-content: center;
}

.db-form-cmn .board-con .board-cont .btn-wrap .db-btn-cmn {
  margin: 0;
  margin-top: 2.5rem;
  margin-left: 0.5rem;
}

.db-form-cmn .board-con .board-cont .btn-wrap .db-btn-cmn:first-child {
  margin-left: 0;
}


.db-table-cmn .board-con .board-cont .sch-wrap {
  margin-top: 1.25rem;
}

.db-table-cmn .board-con .board-cont .sch-wrap .ip-box {
  position: relative;
  width: 15rem;
  height: 2.5rem;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
  border-radius: 3rem;
  overflow: hidden;
}

.db-table-cmn .board-con .board-cont .sch-wrap .ip-box input {
  display: block;
  font-family: "Noto Sans KR", serif;
  font-weight: 0.875rem;
  width: calc(100% - 2.5rem);
  height: 100%;
  background: none;
  border: 0;
  font-weight: 500;
  margin-left: 1.25rem;
}

.db-table-cmn .board-con .board-cont .sch-wrap .ip-box input::placeholder {
  color: #8995ac;
}

.db-table-cmn .board-con .board-cont .sch-wrap .ip-box .sch-btn {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
}

.db-table-cmn .board-con .board-cont .sch-wrap .ip-box .sch-btn img {
  width: 100%;
  height: auto;
}

.db-table-cmn .board-con .board-cont .board-cont-list {
  width: 93%;
}

.db-table-cmn .board-con .board-cont .board-cont-list table {
  width: 100%;
}

.db-table-cmn .board-con .board-cont .board-cont-list table thead tr {
  background-color: #F3F6FC;
  height: 3.75rem;
  border-top: 1px solid #bfc9dd;
  border-bottom: 1px solid #bfc9dd;
  box-sizing: border-box;
}

.db-table-cmn .board-con .board-cont .board-cont-list table thead tr th {
  font-size: 0.875rem;
  font-weight: 500;
  color: #66738D;
  margin-left: 1.7%;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr {
  border-bottom: 1px solid #E6ECF7;
  box-sizing: border-box;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td {
  padding: 1rem 0;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.item-blank {
  text-align: center;
  color: #4F5A6F;
  padding: 2rem 0;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td img {
  display: block;
  width: 5rem;
  height: 5rem;
  margin: 0 auto;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-date p,
.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-writer p,
.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-title p {
  text-align: center;
}
.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-date p {
  font-size: 0.75rem;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-title p span {
  color: #1999EF;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-mng .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-mng .btn-wrap button {
  font-size: 0.875rem;
  padding: 0.344rem 0.5rem;
  background-color: #F3F6FC;
  border-radius: 0.25rem;
  margin-left: 0.25rem;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-mng .btn-wrap button:first-child {
  margin-left: 0;
}

.db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-mng > p {
  font-size: 0.75rem;
  text-align: center;
  color: #66738D;
  word-break: keep-all;
  padding: 0.5rem 1.25rem 0 1.25rem;
}

.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging,
#pfShareLogin .pfshare-con .area .board-cont-paging {
  margin-top: 2.5rem;
}

.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging ul,
#pfShareLogin .pfshare-con .area .board-cont-paging ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging ul li,
#pfShareLogin .pfshare-con .area .board-cont-paging ul li {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  margin-left: 0.5rem;
}
.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging ul li.on::before,
#pfShareLogin .pfshare-con .area .board-cont-paging ul li.on:before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #1999EF;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging ul li.on a p,
#pfShareLogin .pfshare-con .area .board-cont-paging ul li.on a p {
  color: white;
}

.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging ul li:first-child,
#pfShareLogin .pfshare-con .area .board-cont-paging ul li:first-child {
  margin-left: 0;
}

.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging ul li a,
#pfShareLogin .pfshare-con .area .board-cont-paging ul li a {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging ul li a p,
#pfShareLogin .pfshare-con .area .board-cont-paging ul li a p {
  font-size: 0.875rem;
  color: #4F5A6F;
  text-align: center;
}

.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging ul li.on a p
#pfShareLogin .pfshare-con .area .board-cont-paging ul li.on a p {
  color: #fff;
}

.db-table-cmn .board-con .board-cont .board-cont-list .board-cont-paging ul li a img,
#pfShareLogin .pfshare-con .area .board-cont-paging ul li a img {
  width: 100%;
  height: auto;
}


.apply-cancel-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 101;
  width: 17.5rem;
}

.apply-cancel-popup .pu-area {
  padding: 1.5rem;
}

.apply-cancel-popup .pu-area h3 {
  font-size: 1.125rem;
  text-align: center;
  font-weight: 500;
}

.apply-cancel-popup .pu-area .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.apply-cancel-popup .pu-area .btn-wrap button {
  width: 7rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.5rem;
  font-weight: 700;
  text-align: center;
}

.apply-cancel-popup .pu-area .btn-wrap .ok-btn {
  background-color: #1999EF;
  color: #fff;
}

.apply-cancel-popup .pu-area .btn-wrap .cancel-btn {
  background-color: #E6ECF7;
  color: #4F5A6F;
  margin-left: 0.5rem;
}


.apply-ship-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 101;
  width: 30rem;
}

.apply-ship-popup .pu-area {
  padding: 1.5rem;
}

.apply-ship-popup .pu-area .tit-con h3 {
  font-size: 1.25rem;
  font-weight: 700;
}

.apply-ship-popup .pu-area .tit-con p {
  font-size: 0.875rem;
  color: #66738D;
  padding-top: 0.25rem;
}

.apply-ship-popup .pu-area .txt-con ul li {
  margin-top: 1.25rem;
}

.apply-ship-popup .pu-area .txt-con ul li h4 {
  font-weight: 700;
  padding-bottom: 0.5rem;
}

.apply-ship-popup .pu-area .txt-con ul li .ip-box {
  width: 100%;
  height: 2.5rem;
}

.apply-ship-popup .pu-area .txt-con ul li .ip-box input {
  font-family: "Noto Sans KR", serif;
  width: 100%;
  height: 100%;
  border: 1px solid #bfc9dd;
  box-sizing: border-box;
  border-radius: 0.5rem;
  padding: 0 1rem;
}

.apply-ship-popup .pu-area .txt-con ul li .ip-box input::placeholder {
  color: #bfc9dd;
}

.apply-ship-popup .pu-area .txt-con ul li.txt-li-2 .ip-box-1 {
  display: flex;
  justify-content: space-between;
}

.apply-ship-popup .pu-area .txt-con ul li.txt-li-2 .ip-box-1 input {
  width: 49%;
}

.apply-ship-popup .pu-area .txt-con ul li.txt-li-2 .ip-box-2 {
  margin-top: 0.5rem;
}

.apply-ship-popup .pu-area .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.apply-ship-popup .pu-area .btn-wrap button {
  width: 8.75rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.5rem;
  font-weight: 700;
  text-align: center;
}

.apply-ship-popup .pu-area .btn-wrap .cancel-btn {
  background-color: #E6ECF7;
  color: #4F5A6F;
}

.apply-ship-popup .pu-area .btn-wrap .regi-btn {
  background-color: #1999EF;
  color: #fff;
  margin-left: 0.5rem;
}


.review-write-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 101;
  width: 30rem;
  height: 80%;
  max-height: 52.563rem;
  overflow-y: auto;
}

.review-write-popup .pu-area {
  padding: 1.5rem;
}

.review-write-popup .pu-area .tit-con h3 {
  font-size: 1.25rem;
  font-weight: 700;
}

.review-write-popup .pu-area .txt-con ul li {
  margin-top: 1rem;
}

.review-write-popup .pu-area .txt-con ul li h4 {
  position: relative;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.review-write-popup .pu-area .txt-con ul li h4 .h4-sub-txt {
  font-size: 0.875rem;
  color: #66738D;
}

.review-write-popup .pu-area .txt-con ul li h4 .req {
  position: absolute;
  top: 0;
  right: -0.35rem;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #F12E2E;
  border-radius: 1rem;
}

.review-write-popup .pu-area .txt-con ul li .ip-box {
  width: 100%;
  height: 2.5rem;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select {
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select .selected {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select .selected .selected-value {
  width: 100%;
  font-size: 0.875rem;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select .selected .selected-value > img {
  margin: 0.594rem 0.25rem 0 1rem;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select.aaa .selected .selected-value {
  color: #000;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select .selected .arrow {
  width: 1.5rem;
  background-image: url("/public/img/sns/select_down.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  margin-right: 0.75rem;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select ul li,
.review-write-popup .pu-area .txt-con ul li .ip-box .select .selected .selected-value {
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select ul {
  display: none;
  width: 100%;
  position: absolute;
  background: #fff;
  margin-top: 1px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0,0,0,0.16);
  z-index: 10;
  border-radius: 0.5rem;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select.active ul {
  display: initial;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select ul li {
  padding: 0.5rem 1rem;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select ul li img {
  margin-right: 0.25rem;
}

.review-write-popup .pu-area .txt-con ul li .ip-box .select ul li:hover {
  background: rgba(168, 156, 235, 0.35)
}

.review-write-popup .pu-area .txt-con ul li .ip-box input {
  font-family: "Noto Sans KR", serif;
  width: 100%;
  height: 100%;
  border: 1px solid #bfc9dd;
  box-sizing: border-box;
  border-radius: 0.5rem;
  padding: 0 1rem;
}

.review-write-popup .pu-area .txt-con ul li .ip-box input::placeholder {
  color: #bfc9dd;
}

.review-write-popup .pu-area .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.review-write-popup .pu-area .btn-wrap button {
  width: 8.75rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 0.5rem;
  font-weight: 700;
  text-align: center;
}

.review-write-popup .pu-area .btn-wrap .cancel-btn {
  background-color: #E6ECF7;
  color: #4F5A6F;
}

.review-write-popup .pu-area .btn-wrap .sub-btn {
  background-color: #1999EF;
  color: #fff;
  margin-left: 0.5rem;
}


.dashboard .board-con .board-cont > div {
  margin-top: 2rem;
}

.dashboard .board-con .board-cont .board-cont-1 {
  margin-top: 0;
}

.dashboard .board-con .board-cont > div .cont-tit {
  display: flex;
  align-items: center;
}

.dashboard .board-con .board-cont > div .cont-tit img {
  width: 2.5rem;
  height: 2.5rem;
}

.dashboard .board-con .board-cont > div .cont-tit h4 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-left: 0.75rem;
}

.dashboard .board-con .board-cont > div .cont-list {
  margin-top: 1rem;
}

.dashboard .board-con .board-cont > div .cont-list ul {
  display: flex;
  justify-content: space-between;
}

.dashboard .board-con .board-cont > div .cont-list ul li {
  height: 10rem;
  background-color: #fff;
  border-radius: 0.75rem;
}

.dashboard .board-con .board-cont > div .cont-list ul li > * {
  padding: 0 1.5rem;
}

.dashboard .board-con .board-cont > div .cont-list ul li .list-tit {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  padding-top: 1.5rem;
}

.dashboard .board-con .board-cont > div .cont-list ul li .list-btm-wrap {
  display: flex;
  align-items: end;
  justify-content: space-between;
  height: 3.25rem;
  margin-top: 2.063rem;
}

.dashboard .board-con .board-cont > div .cont-list ul li .list-btm-wrap .count-num {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1999EF;
}

.dashboard .board-con .board-cont > div .cont-list ul li .list-btm-wrap .count-num strong {
  font-size: 2.25rem;
  margin-right: 0.25rem;
}

.dashboard .board-con .board-cont > div .cont-list ul li .list-btm-wrap .list-btn {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.dashboard .board-con .board-cont > div .cont-list ul li .list-btm-wrap .list-btn img {
  width: 100%;
  height: auto;
}


#dashBoard .board-con .board-cont .board-cont-1 .cont-list ul li,
#dashBoard .board-con .board-cont .board-cont-3 .cont-list ul li {
  width: 49.333333%;
}

#dashBoard .board-con .board-cont .board-cont-2 .cont-list ul li {
  width: 32.444166%;
}


#dashBoardAdd .board-con .board-cont > div .cont-list ul li .list-tit span {
  display: block;
  font-weight: 400;
  color: #66738D;
}

#dashBoardAdd .board-con .board-cont > div .cont-list ul li.li-h5-double .list-btm-wrap {
  margin-top: 0.375rem;
}

#dashBoardAdd .board-con .board-cont .board-cont-1 .cont-list ul li {
  width: 24%;
}

#dashBoardAdd .board-con .board-cont .board-cont-1 .cont-list ul li.cont-1-1 {
  width: 49.333333%;
}

#dashBoardAdd .board-con .board-cont .board-cont-1 .cont-list ul li.cont-1-1 .list-btn {
  width: 9.813rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 0.5rem;
  background-color: #1999EF;
}

#dashBoardAdd .board-con .board-cont .board-cont-1 .cont-list ul li.cont-1-1 .list-btn p {
  color: #fff;
  font-weight: 700;
  text-align: center;
}

#dashBoardAdd .board-con .board-cont .board-cont-2 .cont-list ul li {
  width: 49.333333%;
}

#dashBoardAdd .board-con .board-cont .board-cont-3 .cont-list ul li {
  width: 49.333333%;
}

#dashBoardAdd .board-con .board-cont .board-cont-4 .cont-list ul li {
  width: 32.444166%;
}

#dashBoardAdd .board-con .board-cont .board-cont-5 .cont-list ul li {
  width: 15.555833%;
}

#dashBoardAdd .board-con .board-cont .board-cont-6 .cont-list ul li {
  width: 18.933333%;
}

#dashBoardAdd .board-con .board-cont .board-cont-7 .cont-list ul li {
  width: 100%;
}


#accountModi .board-con .board-cont .board-cont-list ul li.modi-not .ip-box {
  background-color: #F3F6FC;
}

#accountModi .board-con .board-cont .board-cont-list ul li.phone-auth .ip-box {
  display: flex;
  justify-content: space-between;
}

#accountModi .board-con .board-cont .board-cont-list ul li.phone-auth .ip-box  {
  border: 0;
}

#accountModi .board-con .board-cont .board-cont-list ul li.phone-auth .ip-box input {
  border: 1px solid #BFC9DD;
  box-sizing: border-box;
  width: calc(100% - 6.688rem);
  border-radius: 0.5rem;
}

#accountModi .board-con .board-cont .board-cont-list ul li.phone-auth .ip-box .auth-requ-btn {
  width: 6.188rem;
  height: 3rem;
  line-height: 3rem;
  background-color: #E6ECF7;
  border-radius: 0.5rem;
  text-align: center;
  color: #4F5A6F;
  font-weight: 500;
}


#profileModi .board-con .board-cont .profile-img-wrap {
  position: relative;
  width: 6.25rem;
  height: 6.25rem;
  margin: 2.5rem auto 1.5rem;
}

#profileModi .board-con .board-cont .profile-img-wrap .profile-img img {
  width: 100%;
  height: auto;
  border-radius: 50%;      /* 원형으로 만들기 */
  object-fit: cover;       /* 이미지가 부모 크기에 맞게 조정됨 */
  overflow: hidden;
}

#profileModi .board-con .board-cont .profile-img-wrap .edit-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
}

#profileModi .board-con .board-cont .profile-img-wrap .edit-btn img {
  width: 100%;
  height: auto;
}

#profileModi .board-con .board-cont .board-cont-list {
  margin: 0 auto;
}


#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2 {
  margin-top: 0.75rem;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-half .ptfm-add-btn {
  width: 7.5rem;
  height: 3rem;
  background-color: #E6ECF7;
  border-radius: 0.5rem;
  font-weight: 500;
  color: #4F5A6F;
  text-align: center;
  margin-top: 0.75rem;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .ip-box {
  width: calc(100% - 3.5rem);
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .ip-box input {
  line-height: 2.8rem;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .delete-btn {
  width: 3rem;
  height: 3rem;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .delete-btn img {
  width: 100%;
  height: auto;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .ip-box input[type="file"]::-webkit-file-upload-button {
  display: none;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .ip-box input[type="file"]::-moz-file-upload-button {
  display: none;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .ip-box input[type="file"] {
  font-family: "Noto Sans KR", serif;
  font-size: 1rem;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .ip-box.file-selected {
  border: 0;
  background-color: #F3F6FC;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .file-button {
  width: 7.5rem;
  height: 3rem;
  background-color: #E6ECF7;
  border-radius: 0.5rem;
  font-weight: 500;
  color: #4F5A6F;
  text-align: center;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .file-button:hover {
  background-color: #0056b3;
}

#expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-detail-page textarea {
  height: 25rem;
}

#expgrItemRegi .board-con .board-cont .btn-wrap .cancel-btn {
  background-color: #E6ECF7;
  color: #4F5A6F;
}


#footer {
  width: 100%;
  background-color: #1E232B;
  padding: 2.5rem 0;
  color: #A3AFC6;
}

#footer .area .ft-top-con {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #4F5A6F;
}

#footer .area .ft-top-con .top-left-con .ft-logo a {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}

#footer .area .ft-top-con .top-left-con ul {
  margin-top: 1rem;
}

#footer .area .ft-top-con .top-left-con ul li {
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
}

#footer .area .ft-top-con .top-left-con ul li:first-child {
  margin-top: 0;
}

#footer .area .ft-top-con .top-left-con ul li p {
  font-size: 0.875rem;
  line-height: 1.5;
}

#footer .area .ft-top-con .top-left-con ul li .bar {
  width: 1px;
  height: 12px;
  margin: 0 0.5rem;
}

#footer .area .ft-top-con .top-left-con ul li .bar img {
  width: 100%;
  height: auto;
}

#footer .area .ft-top-con .top-right-con {
  display: flex;
}

#footer .area .ft-top-con .top-right-con > div {
  margin-left: 2.5rem;
}

#footer .area .ft-top-con .top-right-con .right-b2blink {
  margin-left: 0;
}

#footer .area .ft-top-con .top-right-con > div h5 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
}

#footer .area .ft-top-con .top-right-con > div ul li {
  margin-top: 0.5rem;
}

#footer .area .ft-top-con .top-right-con > div ul li a {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
}

#footer .area .ft-btm-con {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

#footer .area .ft-btm-con .btm-left-con > p {
  font-size: 0.875rem;
  line-height: 1.5;
}

#footer .area .ft-btm-con .btm-left-con address {
  display: block;
  padding-top: 0.25rem;
}

#footer .area .ft-btm-con .btm-right-con .right-btn-wrap {
  display: flex;
}

#footer .area .ft-btm-con .btm-right-con .right-btn-wrap a {
  display: flex;
  border: 1px solid #4F5A6F;
  box-sizing: border-box;
  border-radius: 0.75rem;
  padding: 0.594rem 0.75rem;
  margin-left: 0.5rem;
}

#footer .area .ft-btm-con .btm-right-con .right-btn-wrap a.b2b-btn {
  margin-left: 0;
}

#footer .area .ft-btm-con .btm-right-con .right-btn-wrap a img {
  width: 1.25rem;
  height: 1.25rem;
}

#footer .area .ft-btm-con .btm-right-con .right-btn-wrap a p {
  font-size: 0.875rem;
  font-weight: 500;
  padding-left: 0.25rem;
}



@media all and (max-width:1280px) {
  .area {
    width: 92%;
  }

  #snsHeader .area {
    justify-content: space-between;
  }

  #snsHeader .area .hd-gnb-con {
    margin-left: 0;
    margin-right: 0;
  }

  #main .art-con-cmn .area .art-con-cmn-list .depth1,
  #main .joint-con .area .joint-list .depth1,
  #expItem .expitem-con .area .expitem-list .depth1 {
    justify-content: start;
    gap: 2%;
  }

  #main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item,
  #main .joint-con .area .joint-list .depth1 .list-item,
  #expItem .expitem-con .area .expitem-list .depth1 .list-item {
    width: 32%;
  }

  #expItemView .expitem-view-con .area .detail-wrap {
    width: 100%;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-img {
    width: 55%;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con {
    width: 40%;
  }

  #expItemView .expitem-view-con .area .contents-wrap {
    width: 100%;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table colgroup col {
    width: 100% !important;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table {
    border-top: 1px solid #bfc9dd;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table thead {
    display: none;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr td {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0;
    font-size: 0.875rem;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr td .mo-only {
    display: block;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .num {
    display: none;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .name  {
    padding-top: 1rem;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .name button {
    display: block;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .name button .img {
    display: block;
    width: 3.75rem;
    height: 3.75rem;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .name button p {
    margin-left: 0;
    margin-top: 0.5rem;
    font-weight: 700;
    text-align: left;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .channel-class {
    text-align: left;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .activ-area {
    padding-bottom: 1rem;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .activ-area .activ-list {
    width: calc(100% - 6.5rem);
    justify-content: flex-start;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .activ-area .activ-list p,
  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr .activ-area .activ-list p:nth-child(-n+3) {
    margin-top: 0;
    margin: 0.125rem 0.25rem 0.125rem 0;
  }

  .dash-board-cmn {
    padding: 1.25rem 0 2.5rem;
  }

  .dash-board-cmn .board-con .board-gnb {
    display: none;
  }

  .dash-board-cmn .board-con .board-cont {
    width: 100%;
    margin-right: 0;
    margin: 0 1.25rem;
  }

  .dashboard .board-con .board-cont > div .cont-tit img {
    width: 2.25rem;
    height: 2.25rem;
  }

  .dashboard .board-con .board-cont > div .cont-tit h4 {
    font-size: 1.125rem;
    margin-left: 0.5rem;
  }

  #dashBoard .board-con .board-cont > div .cont-list {
    margin-top: 0.75rem;
  }

  #dashBoard .board-con .board-cont > div .cont-list ul {
    display: block;
  }

  #dashBoard .board-con .board-cont > div .cont-list ul li {
    height: 8rem;
  }

  #dashBoard .board-con .board-cont .board-cont-1 .cont-list ul li,
  #dashBoard .board-con .board-cont .board-cont-3 .cont-list ul li,
  #dashBoard .board-con .board-cont .board-cont-2 .cont-list ul li {
    width: 100%;
    margin-top: 0.5rem;
  }

  #dashBoard .board-con .board-cont > div .cont-list ul li:first-child {
    margin-top: 0;
  }

  #dashBoard .board-con .board-cont > div .cont-list ul li .list-tit {
    font-size: 1rem;
    padding-top: 1.25rem;
  }

  #dashBoard .board-con .board-cont > div .cont-list ul li .list-btm-wrap {
    height: 2.875rem;
    margin-top: 1.125rem;
  }

  #dashBoard .board-con .board-cont > div .cont-list ul li .list-btm-wrap .count-num {
    font-size: 1rem;
  }

  #dashBoard .board-con .board-cont > div .cont-list ul li .list-btm-wrap .count-num strong {
    font-size: 2rem;
  }

  #dashBoardAdd .board-con .board-cont > div .cont-list ul li .list-tit em {
    font-size: 0.875rem;
  }

  #dashBoardAdd .board-con .board-cont .board-cont-5 .cont-list ul {
    flex-wrap: wrap;
  }

  #dashBoardAdd .board-con .board-cont .board-cont-5 .cont-list ul li {
    width: 32.444166%;
    margin-top: 1%;
  }

  #dashBoardAdd .board-con .board-cont .board-cont-5 .cont-list ul li:nth-child(-n+3) {
    margin-top: 0;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-date p,
  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-writer p,
  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-title p {
    text-align: left;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-title {
    font-size: 1rem;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-writer p br {
    display: none;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table {
    border-top: 1px solid #E6ECF7;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table colgroup col {
    width: 100% !important;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table thead {
    display: none;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.item-blank {
    padding: 4.75rem 0;
    justify-content: center;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0;
    font-size: 0.875rem;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-date {
    padding-bottom: 0;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-mng {
    padding: 1rem 0;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td img {
    margin: 0;
    margin-top: 1rem;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-mng > p {
    padding-top: 0;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-mng .btn-wrap button {
    padding: 0.469rem 0.75rem;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-cnt > div table tbody tr td .mo-only {
    display: block;
  }

  #counselMy .board-con .board-cont .board-cont-list table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }

  #counselMy .board-con .board-cont .board-cont-list table tbody tr td.td-title {
    order: 1;
  }

  #counselMy .board-con .board-cont .board-cont-list table tbody tr td.td-date {
    position: relative;
    width: auto;
    order: 3;
    color: #66738D;
    padding: 0;
    padding-left: 9px;
    margin-left: 8px;
  }

  #counselMy .board-con .board-cont .board-cont-list table tbody tr td.td-date::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #bfc9dd;
  }

  #counselMy .board-con .board-cont .board-cont-list table tbody tr td.td-writer {
    width: auto;
    order: 2;
    color: #66738D;
    padding: 0;
  }

  #counselMy .board-con .board-cont .board-cont-list table tbody tr td.td-mng {
    order: 4;
  }

  #footer .area .ft-top-con,
  #footer .area .ft-btm-con {
    flex-wrap: wrap;
  }

  #footer .area .ft-top-con > div,
  #footer .area .ft-btm-con > div {
    width: 100%;
  }

  #footer .area .ft-top-con .top-right-con,
  #footer .area .ft-btm-con .btm-right-con {
    margin-top: 2rem;
  }
}


@media all and (max-width:960px) {
  #snsHeader .area .mo-menu-btn {
    display: block;
  }

  #snsHeader .area .hd-gnb-con,
  #snsHeader .area .hd-util-con,
  #snsHeader.db .area .hd-db-util-con {
    display: none;
  }

  #main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item,
  #main .joint-con .area .joint-list .depth1 .list-item,
  #expItem .expitem-con .area .expitem-list .depth1 .list-item {
    width: 49%;
  }

  #dashBoardAdd .board-con .board-cont > div .cont-list {
    margin-top: 0.75rem;
  }

  #dashBoardAdd .board-con .board-cont > div .cont-list ul {
    display: block;
  }

  #dashBoardAdd .board-con .board-cont > div .cont-list ul li,
  #dashBoardAdd .board-con .board-cont .board-cont-5 .cont-list ul li:nth-child(-n+3) {
    width: 100% !important;
    height: 8rem;
    margin-top: 0.5rem;
  }

  #dashBoardAdd .board-con .board-cont > div .cont-list ul li:first-child {
    margin-top: 0;
  }

  #dashBoardAdd .board-con .board-cont > div .cont-list ul li .list-tit {
    font-size: 1rem;
    padding-top: 1.25rem;
  }

  #dashBoardAdd .board-con .board-cont > div .cont-list ul li .list-btm-wrap {
    height: 2.875rem;
    margin-top: 1.125rem;
  }

  #dashBoardAdd .board-con .board-cont > div .cont-list ul li .list-btm-wrap .count-num {
    font-size: 1rem;
  }

  #dashBoardAdd .board-con .board-cont > div .cont-list ul li .list-btm-wrap .count-num strong {
    font-size: 2rem;
  }

  #dashBoardAdd .board-con .board-cont .board-cont-1 .cont-list ul li.cont-1-1 .list-btn {
    width: 8rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 0.813rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap {
    flex-wrap: wrap;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-img,
  #expItemView .expitem-view-con .area .detail-wrap .item-info-con {
    width: 100%;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con {
    margin-top: 2rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-1 {
    width: 100%;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list {
    width: 90%;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 {
    gap: 2%;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li {
    width: 32%;
    height: 2.5rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li:nth-child(4) {
    margin-top: 0.5rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .chk-wrap input[type="checkbox"],
  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .rdo-wrap input[type="radio"] {
    width: 1.25rem;
    height: 1.25rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .chk-wrap label,
  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li .rdo-wrap label {
    font-size: 0.875rem;
  }
}


@media all and (max-width:650px) {
  #linkUtil ul {
    width: calc(100% - 2.5rem);
    justify-content: start;
    margin: 0 auto;
  }

  #linkUtil ul li {
    margin-left: 1.25rem;
  }

  #linkUtil ul li a {
    font-size: 0.875rem;
  }

  #snsHeader {
    height: 3.75rem;
  }
  
  #snsHeader .area .hd-logo a {
    font-size: 1.5rem;
  }

  #snsHeader.db .area {
    width: calc(100% - 2.5rem);
    margin: 0 1.25rem;
  }

  #main .visual-con ul li {
    height: 27.5rem;
    background-image: url("/public/img/sns/mo_main_visual_img.jpg");
  }

  #main .visual-con ul li .visual-txt h3 {
    font-size: 1rem;
  }

  #main .visual-con ul li .visual-txt h2 {
    font-size: 2rem;
  }

  #main .visual-con ul li .visual-txt h2 span {
    display: block;
  }

  #main .visual-con ul li .visual-txt a {
    height: 2.5rem;
    line-height: 2.5rem;
  }

  #main .visual-con .swiper-pagination {
    font-size: 0.875rem;
    bottom: 1.05rem;
  }

  #main .visual-con .swiper-arrow {
    bottom: 0.75rem;
    width: 1.75rem;
    height: 1.75rem;
  }

  #main .visual-con .swiper-button-prev {
    margin-left: -3rem;
  }
  
  #main .visual-con .swiper-button-next {
    margin-left: 1.3rem;
  }

  #main .art-con-cmn {
    padding-top: 2.5rem;
  }

  #main .art-con-cmn .area .art-con-cmn-tit h3 {
    font-size: 1.75rem;
  }

  #main .art-con-cmn .area .art-con-cmn-tit p {
    font-size: 1rem;
    padding-top: 0.25rem;
  }

  #main .art-con-cmn .area .art-con-cmn-tit p span {
    display: block;
  }

  #main .art-con-cmn .area .art-con-cmn-list .depth1,
  #main .joint-con .area .joint-list .depth1,
  #expItem .expitem-con .area .expitem-list .depth1 {
    gap: 0;
  }

  #main .art-con-cmn .area .art-con-cmn-list .depth1 .list-item,
  #main .joint-con .area .joint-list .depth1 .list-item,
  #expItem .expitem-con .area .expitem-list .depth1 .list-item {
    width: 100%;
  }

  #main .joint-con .area .expitem-tit {
    display: block;
  }

  #main .joint-con .area .expitem-tit h3 {
    font-size: 1.5rem;
  }

  #main .joint-con .area .expitem-tit .exp-notice-btn {
    justify-content: center;
    width: 13.5rem;
    height: 2.25rem;
    padding: 0;
    margin-top: 0.5rem;
  }

  #main .joint-con .area .expitem-tit .exp-notice-btn p {
    font-size: 0.875rem;
  }

  #main .joint-con .area .expitem-tit .exp-notice-btn img {
    width: 0.625rem;
    height: 0.625rem;
    margin-left: 0.552rem;
  }

  .exp-notice-popup {
    width: 90%;
  }

  #expItem .expitem-con {
    padding: 1.25rem 0 2.5rem;
  }

  #expItem .expitem-con .area .expitem-tit {
    display: block;
  }

  #expItem .expitem-con .area .expitem-tit h3 {
    font-size: 1.5rem;
  }

  #expItem .expitem-con .area .expitem-tit .exp-notice-btn {
    justify-content: center;
    width: 13.5rem;
    height: 2.25rem;
    padding: 0;
    margin-top: 0.5rem;
  }

  #expItem .expitem-con .area .expitem-tit .exp-notice-btn p {
    font-size: 0.875rem;
  }

  #expItem .expitem-con .area .expitem-tit .exp-notice-btn img {
    width: 0.625rem;
    height: 0.625rem;
    margin-left: 0.552rem;
  }

  #expItem .expitem-con .area .expitem-paging ul li {
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
  }

  #expItem .expitem-con .area .expitem-paging {
    margin-top: 2.5rem;
  }

  #expItemView {
    margin-top: 5rem;
  }

  #expItemView .expitem-view-con .area {
    width: 100%;
  }

  #expItemView .expitem-view-con .area .detail-wrap {
    width: 92%;
    margin: 0 auto;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 {
    padding-bottom: 1.313rem;
    margin-bottom: 1.313rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 .item-head-category {
    font-size: 0.813rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 .item-name {
    font-size: 1.5rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 .item-sub-txt {
    font-size: 0.875rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-1 .item-price {
    font-size: 1.125rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 .depth-1 > li .icon {
    margin-right: 0.5rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 .depth-1 > li h4 {
    font-size: 0.813rem;
    width: 6.75rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-2 .depth-1 > li p {
    font-size: 0.813rem;
    width: calc(100% - 7.75rem);
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-3 > h3 {
    font-size: 1.125rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-3 ul li {
    font-size: 0.813rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-4 .info-4-box,
  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .exp-apply-btn {
    height: 3rem;
    line-height: 3rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .item-info-4 .info-4-box ul li p {
    font-size: 0.875rem;
  }

  #expItemView .expitem-view-con .area .detail-wrap .item-info-con .exp-apply-btn p {
    font-size: 1rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap {
    margin-top: 1.25rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn {
    padding: 0 4%;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn li {
    width: 25%;
    margin-left: 0;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-btn li a {
    font-size: 0.875rem;
    text-align: center;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt {
    padding: 0 4%;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt > div {
    margin-bottom: 3.938rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt > div .tab-cnt-tit h3 {
    font-size: 1.125rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-1 .tab-cnt-tit .box > * {
    font-size: 0.813rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li {
    padding: 1rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-info ul {
    display: block;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-info ul li {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0.25rem;
    background: none;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-2 .tab-cnt-txt ul.admin-ver > li .apply-account .account-info ul li:first-child {
    margin-top: 0;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-3 .tab-cnt-txt .result-box h4 {
    font-size: 1.25rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-3 .tab-cnt-txt .result-box h4 span {
    display: block;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li {
    display: block;
    height: auto;
    padding: 1.25rem 0;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-img {
    width: 5rem;
    height: 5rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info {
    margin-right: 1.25rem;
    margin-top: 0.75rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info h4 {
    font-size: 1.125rem;
  }

  #expItemView .expitem-view-con .area .contents-wrap .tab-split .tab-cnt .tab-cnt-4 .tab-cnt-txt ul.depth1 > li .review-info .review-write-date {
    position: static;
  }

  .popup-cmn {
    width: 90%;
  }

  .popup-cmn .pu-area .btn-wrap {
    width: 100%;
  }

  .popup-cmn .pu-area .btn-wrap button {
    width: 49%;
  }

  .pf-view-popup .pu-area ul li > div {
    margin-left: 0.125rem;
  }

  .pf-view-popup .pu-area ul li .cmn-wrap {
    flex-wrap: wrap;
  }

  .pf-view-popup .pu-area ul li .cmn-wrap p,
  .pf-view-popup .pu-area ul li .cmn-wrap p:first-child {
    margin: 0.125rem;
  }
  
  .pf-view-popup .pu-area ul li.mo-flex-wrap {
    height: auto;
  }

  .pf-view-popup .pu-area ul li.mo-flex-wrap > div {
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  
  .pf-view-popup .pu-area ul li.mo-flex-wrap > div > p {
    display: inline-block;
    font-size: 0.813rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    text-align: center;
    background-color: #F3F6FC;
    margin-left: 0.25rem;
    margin-top: 0.25rem;
  }
  

  .pf-view-popup .pu-area ul li.mo-flex-wrap .cmn-wrap {
    align-items: start;
  }

  .pf-share {
    margin: 3.75rem 0;
    padding-top: 1.25rem;
  }

  .pf-share .pfshare-con .area .pfshare-tit {
    display: block;
  }

  .pf-share .pfshare-con .area .pfshare-tit h3 {
    font-size: 1.5rem;
  }

  .pf-share .pfshare-con .area .pfshare-tit > button {
    justify-content: center;
    width: 13.5rem;
    height: 2.25rem;
    padding: 0;
    margin-top: 0.5rem;
  }

  .pf-share .pfshare-con .area .pfshare-tit > button p {
    font-size: 0.875rem;
  }

  .pf-share .pfshare-con .area .pfshare-tit > button img {
    width: 0.625rem;
    height: 0.625rem;
    margin-left: 0.552rem;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt {
    margin-top: 2rem;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-btn li a {
    height: 2rem;
    line-height: 2rem;
    font-size: 0.875rem;
    padding: 0 1rem;
  }

  #pfShare .pfshare-con .area .pfshare-txt .box {
    padding: 2.063rem 0;
  }

  #pfShare .pfshare-con .area .pfshare-txt .box p {
    font-size: 1.125rem;
  }

  #pfShare .pfshare-con .area .pfshare-txt .box p span {
    display: block;
  }

  .dash-board-cmn {
    padding-top: 1.5rem;
    margin-top: 3.75rem;
    background-color: #fff;
  }

  .db-form-cmn .board-cont .board-sub-gnb ul li a {
    font-size: 0.875rem;
  }

  .db-form-cmn .board-con .board-cont {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .db-form-cmn .board-con .board-cont > h3 {
    font-size: 1.5rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list {
    margin-top: 1.25rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li {
    margin-top: 1.25rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li h4 {
    margin-bottom: 0.5rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li h4 .h4-sub-txt,
  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li h4 .not {
    font-size: 0.875rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .ip-box {
    height: 2.5rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .ip-box input,
  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .ip-box select,
  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li textarea {
    font-size: 0.875rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li {
    width: 49%;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li .list-wrap .depth2 li:nth-child(3) {
    margin-top: 0.5rem;
  }

  .db-form-cmn .board-con .board-cont .db-btn-cmn {
    width: 90%;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: 1.25rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap {
    margin-bottom: 0.5rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap .ip-box p {
    font-size: 0.875rem;
  }
  
  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2 .delete-btn,
  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .delete-btn {
    width: 2.5rem;
    height: 2.5rem;
  }

  .db-form-cmn .board-con .board-cont > .btn-wrap {
    width: 90%;
    margin: 0 auto;
  }

  .db-form-cmn .board-con .board-cont > .btn-wrap .db-btn-cmn {
    margin-top: 1.25rem;
  }

  .db-table-cmn .board-con .board-cont .sch-wrap .ip-box {
    width: 90%;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td {
    font-size: 1rem;
    padding-bottom: 0;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-title {
    padding-bottom: 0.5rem;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-date {
    font-size: 0.875rem;
    color: #66738D;
    padding-top: 0.25rem;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-writer {
    font-size: 0.875rem;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-mng {
    flex-wrap: wrap;
    padding-top: 1rem;
  }

  .db-table-cmn .board-con .board-cont .board-cont-list table tbody tr td.td-mng p {
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-top: 0.5rem;
    font-size: 0.813rem;
  }
  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li textarea {
    height: 10rem;
  }

  .db-form-cmn .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap .ip-box {
    width: 100%;
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .ip-box {
    width: calc(100% - 3rem);
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .ip-box input {
    line-height: 2.5rem;
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .ip-box-wrap .ip-box input[type="file"] {
    font-size: 0.875rem;
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2 {
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2 .ip-box {
    width: 100%;
    margin-top: 0.5rem;
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2 .ip-box:first-child {
    margin-top: 0;
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-half .ip-box-wrap-2.mo .ip-box:nth-child(2) {
    width: calc(100% - 3rem);
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li .ip-box-wrap-2 .delete-btn {
    margin-top: 0.5rem;
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li .ip-box-wrap-2 .delete-btn.hidden {
    display: none;
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-half .ptfm-add-btn,
  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-file .file-button {
    width: 7.5rem;
    height: 2.5rem;
    font-size: 0.875rem;
  }

  #expgrItemRegi .board-con .board-cont .board-cont-list .depth1 > li.li-detail-page textarea {
    height: 17.5rem;
  }

  #accountModi .board-con .board-cont .board-cont-list ul li.phone-auth .ip-box input {
    width: calc(100% - 6rem);
  }

  #accountModi .board-con .board-cont .board-cont-list ul li.phone-auth .ip-box .auth-requ-btn {
    width: 5.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.875rem;
  }

  .apply-ship-popup .pu-area .txt-con ul li .ip-box {
    height: auto;
  }

  .apply-ship-popup .pu-area .txt-con ul li .ip-box input {
    height: 2.5rem;
  }
  

  .apply-ship-popup .pu-area .txt-con ul li.txt-li-2 .ip-box-1 {
    flex-wrap: wrap;
  }
  
  .apply-ship-popup .pu-area .txt-con ul li.txt-li-2 .ip-box-1 input {
    width: 100%;
    margin-top: 0.5rem;
  }

  .apply-ship-popup .pu-area .txt-con ul li.txt-li-2 .ip-box-1 input:first-child {
    margin-top: 0;
  }

  #footer .area .ft-top-con .top-left-con {
    order: 2;
    margin-top: 1.5rem;
  }

  #footer .area .ft-top-con .top-left-con ul li.mo-change {
    display: block;
  }

  #footer .area .ft-top-con .top-left-con ul li.mo-change .bar {
    display: none;
  }

  #footer .area .ft-top-con .top-left-con ul li.mo-change p:last-child {
    margin-top: 0.2rem;
  }

  #footer .area .ft-top-con .top-right-con {
    display: block;
    order: 1;
    margin-top: 0;
  }

  #footer .area .ft-top-con .top-right-con > div {
    margin-left: 0;
    margin-top: 1.25rem;
  }

  #footer .area .ft-top-con .top-right-con .right-b2blink {
    margin-top: 0;
  }

  #footer .area .ft-btm-con .btm-left-con {
    order: 2;
    margin-top: 1.5rem;
  }

  #footer .area .ft-btm-con .btm-right-con {
    order: 1;
    margin-top: 0;
  }

  #footer .area .ft-btm-con .btm-right-con .right-btn-wrap {
    display: block;
  }

  #footer .area .ft-btm-con .btm-right-con .right-btn-wrap a {
    margin-left: 0;
  }

  #footer .area .ft-btm-con .btm-right-con .right-btn-wrap .b2b-btn {
    width: 13.1rem;
  }

  #footer .area .ft-btm-con .btm-right-con .right-btn-wrap .mail-btn {
    width: 15.4rem;
    margin-top: 0.5rem;
  }
}


@media all and (max-width:430px) {
  .sub-gnb-auto .board-cont .board-sub-gnb ul {
    width: 482px;
    justify-content: start;
    margin-left: 5%;
  }

  .sub-gnb-auto .board-cont .board-sub-gnb ul li:first-child {
    margin-left: 0;
  }

  .sub-gnb-auto .board-cont .board-sub-gnb {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 1rem;
  }

  .sub-gnb-auto .board-cont .board-sub-gnb::-webkit-scrollbar {
    display: none;
  }
  
  .sub-gnb-auto .board-cont .board-sub-gnb {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
}


@media all and (max-width:400px) {
  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-btn li {
    margin-left: 0.2rem;
  }

  #pfShareLogin .pfshare-con .area .pfshare-txt .tab-split .tab-btn li a {
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.813rem;
    padding: 0 0.875rem;
  }
}