/*========================================= 
    게시판
========================================== */
.form-group textarea {
  height: 180px;
}

.blog-card {margin-bottom: 0;}
.blog-card:hover .blog-img img {transform: scale(1.05);}
.blog-media {position: relative; width:100%; height:0; padding-top:100%; margin-bottom:16px;}
.blog-title {margin-bottom: 15px;}
.blog-title a {
	display: -webkit-box; /* Flexbox를 기반으로 텍스트를 제한 */
    -webkit-line-clamp: 2; /* 최대 줄 수 설정: 2줄 */
    -webkit-box-orient: vertical; /* 세로 방향 박스 */
    overflow: hidden; /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis; /* 넘치는 텍스트에 "..." 추가 */
    white-space: normal; /* 줄 바꿈 허용 */
	color:var(--black); font-weight:700; text-decoration:none; font-size:1rem;
}
.blog-title a:hover {color: var(--primary);}

.blog .top-filter {padding: 10px 0; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}

.blog-widget-form {position: relative;}
.blog-widget-form input {width: 100%; height: 45px;  padding: 0px 60px 0px 15px;  border-radius:5px; border: 1px solid var(--border);}
.blog-widget-form input:focus-within {border-color: var(--primary);}
.blog-widget-form button {position: absolute; top: 0px; right: 0px; width: 45px; height: 45px; line-height: 45px; text-align: center; color:#fff;  background: var(--primary);  border-radius: 0px 5px 5px 0px;}

/*블로그 리스트*/
.blog .blog-title a {color:var(--primary); font-size:var(--fsize18);}
.blog .row {row-gap:40px; margin-left:-2.22%; margin-right:-2.22%;}
.blog .row > div {padding:0 2.22%;}
.blog-img {position:absolute; top:50%; left:50%; transform: translate3d(-50%, -50%, 0); width: 100%; height:100%; overflow: hidden;  border-radius:var(--border-radius);}
.blog-img img {width:100%; height:100%; border-radius:var(--border-radius); object-fit: cover;}
.blog-meta {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap:15px; margin-bottom:16px;}
.blog-meta li {display: flex; align-items: center; color:var(--graytxt);}
.blog-meta li:last-child {margin: 0px;}
.blog-meta li i {color:inherit; margin-right:6px; font-size: 14px;}
.blog-meta li a,
.blog-meta li span {font-size: 0.875rem; font-weight: 400; white-space: nowrap; text-transform: uppercase;}
.blog-meta li a:hover {color: var(--primary);}
.blog-desc {margin-bottom:1.875rem;}
.blog-desc.ellipsis_multi {-webkit-line-clamp:2;}
.blog-btn {font-size: 15px; font-weight: 500; color: var(--primary); text-transform: uppercase;}
.blog-btn i {font-size: 17px;}
.blog-btn:hover {color: var(--primary);}
.blog-btn:hover i {margin-left: 5px;}

.blog-content {padding:10px 0; border-bottom: 1px solid #ddd;}

/*블로그 리스트 - list*/
.blog-widget:last-child {
  margin-bottom: 0px;
}

.blog-widget-title {
  padding-bottom: 16px;
  margin-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  border-bottom: 1px solid var(--border);
}

.blog-widget-title::before {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0px;
  width: 50px;
  height: 2px;
  background: var(--primary);
}

.blog-widget-form {
  position: relative;
}

.blog-widget-form input {
  width: 100%;
  height: 45px;
  padding: 0px 15px 0px 60px;
  border-radius: 8px;
  background: var(--chalk);
  border: 1px solid var(--border);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.blog-widget-form input:focus-within {
  border-color: var(--primary);
}

.blog-widget-form button {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  background: var(--primary);
  border-radius: 8px 0px 0px 8px;
}

.blog-widget-feed li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--border);
}

.blog-widget-feed li:last-child {
  margin: 0px;
  padding: 0px;
  border: none;
}

.blog-widget-media img {
  width: 100px;
  border-radius: 8px;
  margin-right: 20px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.blog-widget-text {
  font-size: 17px;
  line-height: 24px;
}

.blog-widget-text a {
  color: var(--heading);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.blog-widget-text a:hover {
  color: var(--primary);
}

.blog-widget-text span {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

.blog-widget-category li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border);
}

.blog-widget-category li:last-child {
  margin: 0px;
  padding: 0px;
  border: none;
}

.blog-widget-category li:hover a {
  color: var(--primary);
}

.blog-widget-category li:hover a span {
  background: var(--primary);
}

.blog-widget-category li a {
  width: 100%;
  font-size: 17px;
  color: var(--text);
  text-transform: capitalize;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.blog-widget-category li a span {
  font-size: 14px;
  float: right;
  width: 30px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background: var(--heading);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.blog-widget-tag li {
  display: inline-block;
  margin: 0px 8px 12px 0px;
}

.blog-widget-tag li a {
  font-size: 14px;
  padding: 5px 12px;
  border-radius: 3px;
  color: var(--text);
  background: var(--chalk);
  text-transform: capitalize;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.blog-widget-tag li a:hover {
  color: #fff;
  background: var(--primary);
}

.blog-widget-social li {
  display: inline-block;
  margin-right: 10px;
}

.blog-widget-social li a {
  width: 45px;
  height: 45px;
  font-size: 18px;
  line-height: 45px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  background: var(--heading);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.blog-widget-social li a:hover {
  background: var(--primary);
}

@media (max-width: 575px) {
  .blog-widget-social li {
    margin-right: 5px;
  }
  .blog-widget-social li a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-widget-media img {
    width: 95px;
  }
  .blog-widget-social li {
    margin-right: 5px;
  }
  .blog-widget-social li a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }
}

@media (max-width: 991px) {
  .blog-widget {
    margin-left: 0px;
  }
}


/*스탠다드*/
.blog-standard .list {padding-left:0; padding-right:0; border-top:2px solid var(--black);}
.blog-standard .list .blog-card > * {padding:15px 10px;}
.blog-standard .btn {height:45px; line-height:1;}

/*블로그 디테일*/
.blog-details {width:100%; max-width:1000px; margin:0 auto; margin-bottom: 10px; padding-bottom: 3.75rem; background: #fff;}
.blog-details-part {max-width:1000px; margin:0 auto; padding-bottom:120px;}
.blog-details-content { padding-bottom: 50px;  background:#fff; border:1px solid #ddd; border-radius:var(--border-radius); word-break:keep-all;}
.blog-details-title {margin-bottom:0; padding:15px; font-size:var(--fsize18); color:var(--black); font-weight:700;}
.blog-details-meta {display:flex; align-items:center; gap:10px; margin-bottom:1.25rem; padding:15px; padding-top:0; border-bottom:1px solid #ddd; font-size:0.875rem; color:#787878;}
.blog-details-meta li {display: flex; align-items: center; margin-right: 20px;}
.blog-details-meta li:last-child {margin: 0px;}
.blog-details-meta li i {color: var(--gray1); margin-right: 5px; font-size:var(--fsize-s);}
.blog-details-meta li a,
.blog-details-meta li span {font-size:var(--fsize-s); white-space: nowrap; text-transform: uppercase; color:var(--graytxt);}
.blog-details-meta li a {color:inherit; transition: all linear .3s;  -webkit-transition: all linear .3s;  -moz-transition: all linear .3s;  -ms-transition: all linear .3s;  -o-transition: all linear .3s;}
.blog-details-meta li a:hover { color: var(--primary);}

.blog-details-thumb  {padding:0 1.25rem;}
.blog-details-thumb img {max-width:100%; border-radius:var(--border-radius);}

.link_ori {margin-left:auto; margin-top: -30px;}
.link_ori a {font-family:display:block; padding:15px 24px; background:#11338c; border-radius:8px; text-decoration:none; color: #fff; font-weight:400; font-size:1rem;}
.link_ori a:hover {opacity:0.8; color:#fff;}
.link_ori i {margin-right:6px;}

.blog_cont_wrap {padding:1.25rem; font-size:1rem;}
.blog-details-desc {padding:1.25rem; font-size:1rem;}

.blog_bottom {display:flex; flex-flow:row wrap; align-items:center; width:100%; padding:20px 0;  background:#fff; border-radius:var(--border-radius);}
.blog-details-navigate {display:flex; flex-flow:row wrap;}
.blog-details-navigate > div {margin:0 5px;}
.blog_bottom .btn_wrap {width:auto; margin-left:auto;}
.blog_bottom .btn {min-width:100px;}
.blog-details-navigate > div.blog-details-prev {margin-left:0;}
.blog-details-navigate > div.blog-details-next {margin-right:0;}
.blog-details-prev .nav-arrow,
.blog-details-next .nav-arrow {display:flex; align-items:center; justify-content:center; height:50px; font-weight:500; padding: 10px 25px; border-radius: 5px;	font-size:14px; color: var(--black); text-decoration:none;	text-transform: uppercase;  transition: all linear .3s;  -webkit-transition: all linear .3s;  -moz-transition: all linear .3s;  -ms-transition: all linear .3s;  -o-transition: all linear .3s;}
.blog-details-prev .nav-arrow:hover,
.blog-details-next .nav-arrow:hover {color:#fff; background: var(--primary);}
.blog-details-prev i {margin-right:10px;}
.blog-details-next i {margin-left:10px;}
.blog-details-next {text-align: right;}

.comment-media {margin-bottom: 15px; display: flex; align-items: center; justify-content: flex-start;}
.comment-meta a {color: var(--heading); text-transform: capitalize;}
.comment-meta a:hover {color: var(--primary);}
.comment-meta span {display: block; font-size: 14px; font-weight: 400; color: var(--heading); text-transform: capitalize;}
.comment-desc {margin-bottom: 20px;}
.comment-reply {display: flex; align-items: center; justify-content: flex-start;}
.comment-reply input {width: 100%;  padding: 7px 18px;  border-radius: 6px;  margin-right: 20px;  background:#fff;}
.comment-reply button {font-size: 15px; padding: 6px 15px;  border-radius: 6px;  color:#fff; background: var(--primary); text-transform: capitalize;}
.comment-reply button:hover { background: var(--heading);}
.comment-reply button i {margin-right: 5px;}

.mypage .blog-details {padding-bottom:0;}
/*공지사항*/
.notice_list .blog-title a {font-size:var(--fsize18); color:var(--black);}

/*qna*/
.qna-list .top-filter {justify-content:flex-start;}
.qna-list .filter-short {margin-left:20px;}
.qna-list .filter-btn {margin-left:auto;}
.qna-list .filter-btn .btn {height: 40px;  padding: 0 20px;}
.qna-list .blog-card {display:flex; flex-flow:row wrap; border-bottom:1px solid var(--border);  font-size:inherit; }
.qna-list .blog-card > * {display:flex; align-items:center; justify-content:center; padding:15px 10px;}
.qna-list .qna-num {width:6%; font-size:var(--fsize-s);}
.qna-list .qna-date {justify-content:flex-end; width:15%;}
.qna-list .qna-status {justify-content:flex-end; width:15%;}
.qna-list .blog-title {justify-content:flex-start; width:64%; margin:0; font-size:1rem!important; line-height:1.5;}
.qna-list .qna-status span {display:inline-block; width:80px; padding:5px; border-radius:5px; font-size:14px; font-weight:500; text-align:center; }
.qna-list .done {border:1px solid var(--red); color:var(--red);}
.qna-list .ing {border:1px solid var(--gray1); color:var(--gray1);}

.qna-details .blog-details-comment {padding-top:50px; border-radius:var(--border-radius); background:#fff;}
.qna-details .comment-title {display: flex; align-items: center; margin-bottom:10px; padding:0 6px; font-size:var(--fsize24); font-weight:700; text-transform: capitalize; color:var(--primary);}
.qna-details .comment-title i {font-size:24px; margin-right:8px;}
.qna-details .comment-item {margin-bottom: 30px; padding:20px; border-radius:var(--border-radius);  background:#f6f6f6; border: 1px solid var(--border);}
.qna-details .comment-item:last-child {margin-bottom: 0px;}

.qna-form p {text-align: center;  margin-top: -60px;  margin-bottom: 40px; word-break:keep-all;}
.qna-form .form-btn-group {height:50px; background:var(--primary); font-size: inherit;}

/* FAQS */
.faq-child {border-radius:var(--border-radius);  margin-bottom: 30px;  background:#fff;  border: 1px solid #717fa5;  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);}
.faq-child:hover .faq-que button {color: var(--primary);}
.faq-child:last-child {margin-bottom: 0px;}
.faq-que button {width: 100%; border: none; outline: none;  background: none;  text-align: left;  padding: 22px 25px;  color: var(--black);  font-size:var(--fsize18); font-weight: 500;  transition: all linear .3s;  -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s;}
.faq-que span {display:inline-block; margin-right:10px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background:var(--primary); color:#fff;}
.faq-ans p {font-size:1rem; padding: 20px 25px;  border-top: 1px solid var(--border);}
.faq-ans span {display:inline-block; margin-right:10px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; background:#b1bddd; color:#fff;}

/*1:1문의*/
.blog-details-navigate.naviage-txt > .row > div {padding-left:0; padding-right:0;}
.blog-details-navigate.naviage-txt h4 a {font-size:1rem; color:#787878;}
.blog-details-navigate.naviage-txt .blog-details-prev .nav-arrow, 
.blog-details-navigate.naviage-txt .blog-details-next .nav-arrow {max-width:120px; margin-top:10px; }
.blog-details-navigate.naviage-txt .blog_bottom {margin-top:30px;}
.blog-details-navigate.naviage-txt .blog-details-next {display:flex; flex-direction:column; align-items:flex-end;}
.blog-details-navigate.naviage-txt .blog_bottom .btn_wrap {display:flex; justify-content:flex-end; width:100%; margin-top:20px; padding:20px 0; border-top:1px solid #ddd;}

.blog-/my-page/ticket-details:hover {
  color:#fff;
  text-decoration: none;
}

/*comment 댓글*/
.comments {padding-right: 0; padding-left: 0; background:#fff; border:1px solid #ededed; border-radius:10px; text-align:left;}
.comment_write {padding:20px; border-bottom:1px solid var(--border);}
.comment_write h3 {font-size:1.125rem; font-weight:500; margin-bottom: 10px; padding-left:5px;}
.comment_write textarea {width:100%; height:120px; padding:10px; background:#f1f0ed; border:none; font-weight:400!important;}
.comment_write .btn,
.reply_write .btn {display:flex; align-items:center; justify-content:center; width:100%; max-width: 100px; height: 40px; margin-top:6px; font-size:14px; color:#fff;}
.comment_list ul li {padding:20px;  display:flex; flex-flow:row wrap; width:100%; border-top:1px solid var(--border); }
.comment_list ul li:first-child {border-top:none;}
.comment_list ul li.child {margin-left:80px;}
.comment_list ul .img_box img {width:40px; height:40px; margin-right:20px; border-radius:50px; object-fit:cover;}
.comment_list .txt_box {width: calc(100% - 70px);}
.comment_list .info {display:flex; align-items: center; width:100%; font-size:0.875rem; color:#787878;}
.comment_list .info .name {display: flex; align-items: center; font-weight:700; color:#404040; font-size:1rem;}
.comment_list .info .edit,
.comment_list .info .del {cursor:pointer;}
.comment_list .info > span:after {content:""; display:inline-block; width:1px; height:15px; margin:0 8px; background:#ddd; vertical-align: text-bottom;}
.comment_list .info > span:first-of-type:after,
.comment_list .info > span:last-of-type:after {display:none;}
.comment_list .info .btn_report {display:flex; align-items:center; justify-content:center; gap:4px; height:30px; margin-left:auto; padding:5px 10px; border:1px solid #dda1a0; border-radius:5px; line-height:1; color: #ab403e; font-size:14px;}
.comment_list .comment_cont {width:100%; margin:10px 0; padding-left:60px; text-align:left;}
.comment_list li > .btn_wrap .btn {display:flex; justify-content:center; align-items:center; width:100px; height:40px; margin: 0; margin-right:10px; padding:3px 10px;  background:#5873b9; font-weight:500; height:40px;  color:#fff; border:none;}
.comment_list .btn_wrap > span {display:flex; flex-flow:row nowrap; align-items:center; margin-left:10px; padding:0 10px; border:1px solid #ddd; border-radius:8px; font-size:0.875rem; font-weight:500; cursor:pointer;}
.comment_list .btn_wrap > span:hover {background:#f6f6f6;}
.comment_list li > .btn_wrap span .btn {display:flex; justify-content:center; align-items:center; width:auto; height:36px; margin: 0; margin-right:4px; padding:0; background:none; font-weight:500; color:var(--primary);}
.comment_list .btn_wrap {display:flex; margin-top:10px; padding-left:60px; font-size:18px; color:#878787;}
.comment_list .btn_wrap > .btn {padding:0 20px; height:36px; font-size: 14px; vertical-align: baseline; text-align: center;}
.comment_list .btn:hover,
.comment_write .btn:hover {background:#525252;}
.comment_list .btn_bad i {color:#ab403e;}
.comment_list .reply_write.show {display:block;}
.comment_list .reply_write textarea {width:100%; height:120px;}
.comment_list .reply_write .btn {margin-top:6px; font-size:14px;}
.reply_wrap {width:100%; margin-top:10px; margin-left:60px;}
.reply_wrap .comment_list ul li {padding: 20px 5px; padding-right:0;}
.reply_wrap .comment_list ul li:first-child {border-top:1px solid var(--border); }
.reply_wrap .comment_list ul li:last-child {border-bottom:none;}
.comment_btm {padding:20px;}
.comment_btm .row > div{border:none; margin:0; }
.comment_btm .bottom-paginate {justify-content: flex-end; padding-top:0; border-top:none;}
.comment_list .btn_wrap {display:flex; padding-left:60px; font-size:18px; color:#878787;}
.comment_list .btn_wrap .btn {width: auto; padding: 0; font-size: 14px; color: #666; vertical-align: baseline; text-align: center;}
.comment_list .btn_wrap > span {display:flex; flex-flow:row nowrap; align-items:center; margin-left:10px; font-size:16px; font-weight:500;}
.comment_list .reply_write {display:none; width:100%; margin-top:5px; margin-left:60px; padding:20px; background:#f6f6f6; border-radius:8px;}
.comment_list .reply_write .btn {margin-top:6px; font-size:14px;}

/*========================================= 
    회원
========================================== */
.user-form-part .table-scroll { border-radius:0;}
.user-form-part thead tr {background:#e5ebf9; }
.user-form-part thead tr th {color:var(--black); border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.user-form-part .table-list {width:100%; border-top:1px solid var(--black);}
.user-form-part .btn_wrap {padding-left:var(--gutter-x);  padding-right:var(--gutter-x);}

.user-form-part {
  padding-top: 140px/*30px*/;
  padding-bottom:100px;
}

.user-form-logo {
  text-align: center;
  margin-bottom: 25px;
}

.user-form-logo img {
  width: 200px;
}

.user-form-card {
  border-radius: 8px;
  margin-bottom: 20px;
  background:#fff;
  /*border: 1px solid var(--border);*/
  word-break:keep-all;
}

.user-form-title {text-align: center; margin-bottom: 50px;}
.user-form-title h1 {margin-top:50px;	margin-bottom:30px;font-size: var(--fsize-tit);  line-height: 36px;  color: var(--black); font-weight:700;}
.user-form-title p {color: #666; text-transform: capitalize;}
.user-form-title .txt_caution {display:inline-block; font-weight:400;}

.user-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.user-form-social {
  width: 100%;
}

.user-form-social li {
  margin-bottom: 20px;
}

.user-form-social li a {
	display:flex; align-items:center;
  width: 100%;
  font-size: 15px;
  padding: 10px 0px;
  border-radius: 8px;
  letter-spacing: 0.3px;
  text-align: center;
  text-transform: capitalize;
  color: var(--black);
  background:#fff;
  border:1px solid #ddd;
}

.user-form-social li a i {
	display:flex; justify-content:center; width:50px; border-right:1px solid #ddd;
  font-size: 16px;
  margin-right: 20px;
}

.user-form-social li:last-child {
  margin-bottom: 0px;
}

.user-form-social .facebook i {
  color: var(--facebook);
}

.user-form-social .twitter  i {
  color: var(--twitter);
}

.user-form-social .google  i {
  color: var(--google);
}

.user-form-social .instagram  i {
  color: var(--instagram);
}

.user-form-divider {
  width: 1px;
  height: 240px;
  margin: 0px 50px;
  background: var(--border);
  position: relative;
  z-index: 1;
}

.user-form-divider p {
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto;
  font-style: italic;
  line-height: 38px;
  border-radius: 50%;
  text-align: center;
  color: var(--gray);
  background:#fff;
  border: 1px solid var(--border);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.user-form {
  width: 100%;
}

.user-form .form-group {
  margin-bottom: 20px;
}

.form-button {
  text-align: center;
}

.form-button button {
  width: 100%;
  height: var(--btn-h);
  font-size: 0.9375rem/*14px*/;
  font-weight: 500;
  line-height: var(--btn-h);
  border-radius: var(--bdr-r);
  letter-spacing: 0.3px;
  text-align: center;
  text-transform: uppercase;
  color:#fff;
  background: var(--primary);
}

.form-button p {
  font-size: 15px;
  margin-top: 12px;
  text-transform: capitalize;
}

.form-button p a {
  font-weight: 500;
  margin-left: 5px;
  color: var(--primary);
}

.form-button p a:hover {
  text-decoration: underline;
}

.user-form-remind {height:var(--btn-h); line-height:var(--btn-h); margin:0 auto;  border-radius:var(--btn-radius);  text-align: center;  background: #fff;  border: 1px solid var(--primary);}
.user-form-remind p {text-transform: capitalize;}
.user-form-remind p a { font-weight: 500;  margin-left: 8px;  color: var(--primary); text-decoration:underline; }
.user-form-remind p a:hover {text-decoration: underline;}

.user-form-footer {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 40px;
}

.user-form-footer p {
  font-size: 14px;
  color: var(--gray);
}

.user-form-footer p a {
  color: var(--primary);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.user-form-footer p a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .user-form-group {
    display: inherit;
  }
  .user-form-divider {
    width: 100%;
    height: 1px;
    margin: 50px 0px;
  }
}

.user-form-card button {width:100%;}
.user-form-part .text-danger em,
.user-form-group .text-danger em {display: block; margin: -10px 3px 0 3px; font-size:14px; font-style:normal;}
.user-form-part .btn {height:var(--btn-h); line-height:1; font-size:1rem}


.mem_veri_resend .user-form-group,
.active_failed .form-group,
.mt_40 {margin-top:40px;}
.login_sso .user-form-card button,
.login .page_link,
.login_sso .page_link {display:flex; justify-content:center; align-items:center; margin-bottom:40px;}
.login_sso .page_link {margin-bottom:10px}
.login .page_link a,
.login_sso .page_link a {display:block; color:var(--black);}
.login .page_link a:after,
.login_sso .page_link a:after {content:""; display:inline-block; width:1px; height:15px; margin:0 15px; background:#111;}

/* 로그인*/
.login .page_link a:last-child:after,
.login_sso .page_link a:last-child:after {display:none;}

.sns-login {padding:40px 0; border-top:1px solid #ededed;}
.sns-login h2 {margin-bottom:20px; text-align:center; font-size:16px; font-weight:500; color:var(--black);}
.sns-login ul {display:flex; justify-content:center; align-items:center;}
.sns-login li {padding:0 10px;}
.sns-login a {display:block; width:48px; height:48px; border-radius:50px; overflow:hidden;}
.sns-login a img {width:100%; object-fit:cover;}

.non_mem .guide {margin-top:20px; margin-bottom:40px; padding:0 3px; font-size:0.9375rem; color:#c27a0c; text-align:center;}
.non_mem .text-danger {display:block; padding:3px 3px 0 4px; font-size:14px;}

/*회원가입*/
.signup .container,
.login .container {max-width:1200px;}
.signup .d-flex {align-items:center; gap:5px;}
.signup .user-form-card {margin-bottom:10px;}
.signup .user-form-title h1 {margin-top:0;}
.signup .user-form-group form h5 {margin-top:30px;}
.signup button {max-width:none;}
.signup .d-flex span {display:inline-block; margin-right:20px;}
.signup .check_wrap {margin-right:10px;}
.signup .agree h5 {margin-bottom: .5rem; font-weight: 500; color: var(--black); font-size:1rem;}
.signup .agree li {display:flex; justify-content:space-between; padding:5px 3px; color:#525252;}
.signup .agree li strong {font-weight:500; color:var(--black);}
.signup .agree li label {color:inherit;}
.signup .agree li a {display:inline-block; margin-left:10px; text-decoration:underline;}
.signup  .form-button {margin-top:20px!important;}
.signup .guide {font-size:0.875rem; color:#787878;}
.signup .guide li {position:relative; padding-left:10px;}
.signup .guide li:before {position:absolute; top:0px; left:0; content:"-";}
.signup .form-check {margin-top:50px; margin-bottom:50px;}
.signup .form-check a {margin-left:10px; text-decoration:underline;}

.signup .step {display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:40px;}
.signup .step li {position:relative;  display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:2px solid #ebebeb; border-radius:50px; color:#878787; font-size:14px; font-weight:500;}
.signup .step li:not(:last-child):after {position:absolute; top:50%; right:-12px; content:""; width:10px; height:2px; background:#ebebeb;}
.signup .step li.active {background:var(--primary); border:2px solid var(--primary); color:#fff;}

.agree_form .user-form-title {margin-bottom:80px;}
.agree_form h3 {font-size: var(--h5size); color:var(--sec);}
.agree_form textarea {width:100%; height:200px; padding:10px; border:1px solid #ddd; color:#666; font-size:14px;}
.agree_form .form-check {margin-bottom:0; padding:15px 15px 15px 40px; border-bottom:1px solid #ddd; color:var(--black);}
.agree_form .all_agree {background:#f6f6f6;  font-weight:500; border-top:2px solid var(--black);}
.agree_form .ph2 {margin-top:40px;}

.find_id .flex-row {width:100%; max-width:500px; margin:0 auto; margin-top:70px; justify-content:space-between;}
.find_id .flex-row button {width:49%;}
.find_id label {margin-bottom:0;}

.signup.com .form-button {display:flex; gap:5px;}
.signup.com .form-button button {width:50%;}
.signup.com .form-button .btn_outline {color:var(--black);}
.signup.com .form-button .btn_outline:hover {color:#fff;}

.divide .user-form-group {align-items: inherit;}
.divide .user-form-group .user-form-divider {height:auto;}
.divide .user-form-group h6 {display:flex; flex-flow:wrap; margin-bottom: 20px; padding-left: 3px; font-size:18px; font-weight: 500; color: #000381;}
.divide .user-form-group h6 p {margin-left:auto; color:#878787; font-size:14px; font-weight:400;}
.divide .user-form-group h6 strong {color:#C00;}
.divide .text-danger {font-size:14px;}
.divide .re label:after {content:"*"; margin-left:6px; font-size:700; color:#851212; font-size:inherit;}*/
.divide .form-group li {display:flex; margin-top:5px;}
.divide .form-group li:first-child {margin-top:0;}
.divide .form-group li input {flex:2;}
.divide .form-group li select {flex:1; margin-left:5px; font-size:15px;}
.divide .form-group li button {flex:1; margin-left:5px; background:gray; border-radius:5px; color:#fff;}
.divide .form-group em {display:block; margin-top: 5px; font-style: normal; font-size:14px;}
.divide .form-check {text-align:center;}
.divide .form-check-input {position:relative; margin:0; margin-right:6px!important; }
.divide .form-button button {max-width:500px;}
.divide .user-form-remind {max-width:500px; margin:0 auto; margin-top:20px;}
.divide input[type="radio"],
.divide input[type="checkbox"] {display:inline-block; width:1rem; height:1rem; margin-left:3px; margin-right:-4px; vertical-align:middle;}
.divide .type .d-flex {flex-wrap: wrap;}

.active_failed .form-group {margin-bottom:20px;}

/*  회원가입 구분 */
.signup_sel {width:100%; max-width:600px; margin:0 auto; margin-top:40px; }
.signup_sel .user-form-title h2 {color:var(--primary); font-size:36px;}
.signup_sel .user-form-group {flex-direction:column;}
.signup_sel .user-form-group a {position:relative; display:block; width:100%; max-width:360px; margin:10px auto; padding:20px; padding-left:60px;  border-radius:20px; font-size:1.125rem; font-weight:500;}
.signup_sel .user-form-group a:after {content:url('/themes/dcdemox/pro/resources/images/icn_arw.svg'); display:block; position:absolute; top:24px; right:20px;}
.signup_sel .personal a:after {filter: invert(1);}
.signup_sel .biz a:after {filter: invert(13%) sepia(37%) saturate(5145%) hue-rotate(218deg) brightness(107%) contrast(100%);}
.signup_sel .user-form-group i {position:absolute; top:26px; left:20px; font-size:1rem;}
.signup_sel .personal i {opacity:0.6;}
.signup_sel .user-form-group i:after {content:""; display:inline-block; width:1px; height:1rem; margin-left: 14px; vertical-align: bottom; opacity:0.6;}
.signup_sel .personal i:after {background:#fff;}
.signup_sel .biz i:after {background:var(--primary);}
.signup_sel .user-form-group .guide {display:block; font-size:0.875rem; color:#666; font-weight:400;}
.signup_sel .personal a {background:var(--primary); color:#fff;}
.signup_sel .biz a {background:#fff; border:1px solid var(--primary); color:var(--primary);}
.signup_sel .sns h3 {margin-bottom:6px!important; font-size:1.125rem; font-weight:500; color:var(--black);}
.signup_sel .sns .guide {text-align:center; font-size:0.9375rem;}
.signup_sel .sns ul {margin-top:20px;}

/*회원인증*/
.user-form-part .certi-btn {height: 100%; width:120px; height:45px; padding:10px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; font-size:0.9375rem; line-height: 1 !important;}

/*탈퇴*/
.withdrawal .form-check {margin-left:3px;}

/*인증수단*/
.pw_verify .form-group .form-control {margin-top:10px;}

/*회원정보*/
.account-card {
  margin-bottom: 30px;
  border:1px solid #dedede; border-radius: 8px;
  padding: 0px 30px 30px;
  background:#fff;
}

.account-title {
  padding: 18px 0px;
  margin-bottom: 25px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	flex-wrap:wrap;
  border-bottom: 1px solid var(--border);
}

.account-title::before {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0px;
  width: 50px;
  height: 2px;
  background: var(--primary);
}

.account-title h4 {
  text-transform: capitalize;
}

.account-title button,
.account-title a {
  border: none;
  font-size: 15px;
  font-weight: 500;
  border-radius: 6px;
  letter-spacing: 0.3px;
  padding: 5px 15px;
  white-space: nowrap;
  text-transform: capitalize;
  color: var(--black);
  background:#fff;
  border:1px solid #111;
  text-shadow: var(--primary-tshadow);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.account-title button:hover,
.account-title a:hover {
  color:#fff;
  background: var(--black);
}

.profile-image {text-align: center;}
.profile-image a {border-radius: 50%;}
.profile-image a img {width: 80px; border-radius: 50%;  border: 3px solid#fff;}

.profile-btn {
  margin-top:23px;
}

.profile-btn a {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-radius: 8px;
  text-align: center;
  text-transform: capitalize;
  color:#fff;
  background: var(--black);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.profile-btn a:hover {
    background: white;
    color: black;
    border: 1px solid black;
}

.profile-card {
  padding: 25px;
  border-radius: 8px;
  margin-bottom: 25px;
  background: #f6f6f6;
  border: 1px solid var(--border);
  position: relative;
  cursor: pointer;
}

.profile-card:hover ul {
  visibility: visible;
  opacity: 1;
}

.profile-card h6 {
  color: var(--text);
  margin-bottom: 8px;
  text-transform: capitalize;
}

.profile-card p {
  text-transform: capitalize;
}

.profile-card ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 50%;
  right: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.profile-card ul li {
  margin: 5px 0px;
}

.profile-card ul li button {
  width: 30px;
  height: 32px;
  line-height: 32px;
  border-radius: 6px;
  text-align: center;
  display: inline-block;
  background: #fff;
  text-shadow: var(--primary-tshadow);
  -webkit-box-shadow: var(--primary-bshadow);
          box-shadow: var(--primary-bshadow);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.profile-card ul .edit {
  color: var(--black);
}

.profile-card ul .edit:hover {
  color: #fff;
  background: var(--black);
}

.profile-card ul .trash {
  color:#666;
}

.profile-card ul .trash:hover {
  color: #fff;
  background: var(--black);
}

.profile-card.active {
	background: var(--primary);
    border-color: var(--primary);
	/*background:#fff;
  border-color: #b4bdd3;
  */
}

.profile-card.active h6,
.profile-card.active p {color:#fff;/*color:#111;*/}

/*========================================= 
    약관
========================================== */
.scrollspy {
  position: relative;
}

.scrollspy-content {
  margin-bottom: 50px;
}

.scrollspy-content:last-child {
  margin-bottom: 0px;
}

.scrollspy-content h3 {
  margin-bottom: 20px;
  padding-left: 50px;
  position: relative;
  font-size:18px;
}

.scrollspy-content h3::before {
  position: absolute;
  content: "\f249";
  top: 50%;
  left: 0px;
  width: 35px;
  height: 35px;
  font-size: 16px;
  font-family: icofont;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  color:#fff;
  background: var(--primary);
  font-family : "Font Awesome 5 Free";
}

.scrollspy-content p {max-height:500px; overflow-y:scroll;}


@media (max-width: 1200px) {
	.blog-content {padding: 15px 12px 0px;}
}

@media (max-width:992px) {
	.bottom-paginate {
		margin-bottom: 30px;
	}

	.qna-form p {margin-top:0;}

	/**/
	.user-form-part {padding-top:60px;}
	.find_id .flex-row {max-width:none;}

	.divide .user-form-group {flex-flow:column wrap;}
	.divide .user-form-group .user-form-divider {height: 1px; width: 100%; margin: 50px 0;}

	.blog-widget {margin-left: 0px;}

	.products_tit .breadcrumb {margin-top:10px;}
	
	.profile-btn {margin-top: 5px;}

	.filter_wrap,
	.filter_wrap .terms {flex-direction: column; gap: 5px; margin-left: 0;}
	.filter_wrap .terms > div {width: 100%;}
	.filter_wrap form,
	.filter_wrap select,
	.filter_wrap .terms_input,
	.filter_wrap .terms .btns_term,
	.filter_wrap .terms .btns_term .btn {width: 100%;}
}

@media (max-width: 576px) {
	:root {
		--fsize-tit : 28px;
		--fsize-s : 12px;
		--fsize-txt3 : 18px;
	}

	tbody tr td {padding:10px!important;}

	.filter_wrap .terms .btn_wrap {flex-direction: column;}
	.filter_wrap .terms .btn_search {margin-left:0!important; margin-top: 10px;}

	/**/
	.blog-title {font-size: 22px; line-height: 32px;}
	.blog-desc {font-size: 16px;}

	.blog .row {margin-left:-10px; margin-right:-10px;}
	.blog .row > div {padding:0 10px;}

	.blog-content {padding:20px 10px;}
  	.blog-meta li {margin-right: 25px;}

	.bottom-paginate {padding-top:0; flex-direction: column;}

	.blog-details-content {padding:0; font-size:1rem;}
	.blog-details-meta {margin-bottom:0px;}
	.blog-details-thumb {padding:0;}	
	.blog-details-navigate {justify-content: space-between; width: 100%; margin-bottom:10px; padding-bottom:0;}
	.blog-details-navigate > div {margin-left: 0; width: calc(50% - 5px);}
	.blog_bottom {flex-direction:column;}
	.blog_bottom .btn_wrap {display:flex; flex: auto;  width:100%;  margin-top:10px; margin-left:0;}
	.blog_bottom .btn {width:100%; height:40px; margin:0; padding:10px 15px;}
	.blog-details-quote {padding: 75px 25px 25px;}
	.blog-details-quote::before { font-size: 50px; left: 25px;  top: 25px;}
	.blog-details-quote p {font-size: 22px;}
	.blog-details-list {margin: 0px 15px 0px 35px;}	
	.blog-details-navigate li a {padding: 13px 13px;}
	.comment-reply {flex-direction: column;}
	.comment-reply input {margin-right: 0px; margin-bottom: 10px;}
	
	.blog-details-form {padding: 20px;}

	.blog-details-title {margin-bottom:0!important; font-size:20px!important; }
	.blog-details-meta li a,
	.blog-details-meta li span {font-size:12px!important;}
	.blog-details-meta {flex-wrap:wrap;}
	.link_ori {margin-top:0; margin-left:0;}
	.link_ori a {padding:12px 20px; font-size:1rem; color: #fff;}

	.qna-list .blog-card > * {padding:20px 10px;}
	.qna-list .qna-num {width:15%; padding-bottom:5px; align-items:flex-start;}
	.qna-list .blog-title {width:85%; padding-bottom:5px; align-items:flex-start;}
	.qna-list .qna-date {width: 50%;  justify-content: left; padding-top:0; padding-left: 18%;}
	.qna-list .qna-status {width: 50%; padding-top:0;  justify-content: right;}

	.qna-details .comment-item {padding:15px;}
	.qna-details .blog-details-comment {padding-top:20px;}

	.qna-form p {margin-bottom:10px;}
	
	.faq-child {margin-bottom:10px;}
	.faq-que button,
	.faq-ans p {padding:15px; font-size:1rem;}

	.comment_list .comment_cont,
	.comment_list .btn_wrap {padding-left:0;}
	.comment_list ul li {padding: 20px 0;}
	.comment_list ul li.child {margin-left:22px;}
	.comment_write {padding:15px;}
	.comment_list .reply_write {margin-left:0; padding:12px;}
	.reply_wrap {margin-left: 30px;}

	/**/
	.user-form .form-group {margin-bottom: 10px;}

	.user-form-part .btn_wrap {padding-left:0;  padding-right:0;}

	.user-form-part {padding-top:0;}
	.user-form-part .container {padding-left: 15px; padding-right: 15px;}

	.user-form-card button {max-width:none;}
	.user-form-title {margin-top:40px; margin-bottom:30px;}
	.user-form-title h1 {margin-top:20px; margin-bottom:10px; font-size:var(--fsize-tit);}

	.signup_agree .user-form-title {margin-bottom:0;}
	.signup_agree .user-form-title h2 { font-size:var(--fsize-tit);}
	.signup_agree .ph2 {margin-top:20px;}

	.user-form-part .text-danger em {margin-top:-7px; font-size:13px;}

	.non_mem .text-danger {font-size:13px;}	
	.find_id .col-md-12 {padding-left:0; padding-right:0;}
	.find_id .flex-row {margin-top:30px;}

	.active_failed .form-group {margin-top:0px; margin-bottom:10px;}

	.user-form-part  .certi-btn {width:100px;}

	.divide .user-form-group h6  {font-size:16px;}
	.divide .user-form-group h6 p {font-size:12px;}

	/**/
	.account-card {padding:0 15px 15px;}
	.account-content .row > div {padding-left:3px; padding-right:3px;}
	.profile-part .conts_wrap > div {padding-left:0; padding-right:0;}
}

@media (max-width: 575px) {

 
}