@charset "UTF-8";

/* ---------------------------------------------------- */
/* components */
/* 공통 스타일 설정 */
/* ---------------------------------------------------- */

/* ----- content ----- */
/* title */
.content_tit:not(div) {
  margin: 0;
}
.content_tit.center {
  padding-bottom: 35px;
  text-align: center;
}
.content_tit + .txt {
  margin: 0;
  padding-top: 15px;
  padding-bottom: 35px;
}

/* ----- flex ----- */
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.flex.column {
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex.between {
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex_cen_1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex_cen_2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex_cen_3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* ----- board (슬라이드로 수정) ----- */
.board_zone_cont .board_categorize {
  border-top: 2px solid var(--color-def);
  overflow: hidden;
}
.board_zone_cont .board_categorize ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.board_zone_cont .board_categorize ul li {
  width: auto !important;
  line-height: 65px;
  font-family: var(--font-bold);
  padding: 0 8px;
  cursor: pointer;
}
.board_zone_cont .board_categorize ul li:not(:last-child) {
  margin-right: 25px;
}
.board_zone_cont .board_categorize ul li:hover {
  color: var(--color-point);
}
.board_zone_cont .board_categorize ul li.active {
  position: relative;
}
.board_zone_cont .board_categorize ul li.active::before {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-point);
}
.board_zone_cont .board_categorize ul li.active {
  color: var(--color-point);
}
.board_zone_cont .board_categorize + .board_zone_cont .table_type_board {
	margin-top: -1px;
}
.board_zone_cont .board_list_toggle .tr_title.toggle .toggle_title {
  padding-right: 55px;
  position: relative;
  word-break: break-all;
}
.board_zone_cont .board_list_toggle .tr_title.toggle .toggle_title::before {
  content: "";
  position: absolute;
  display: inline-block;
  right: 35px;
  top: 20px;
  content: "";
  position: absolute;
  border-top: 2px solid var(--color-gray);
  border-right: 2px solid var(--color-gray);
  transform: rotate(135deg) translate(0);
  -webkit-transform: rotate(135deg) translate(0);
  width: 8px;
  height: 8px;
  transition: 0.15s ease-in-out;
}
.board_zone_cont .board_list_toggle .tr_title.toggle.open {
  font-family: var(--font-bold);
  background-color: var(--color-bgGray);
}
.board_zone_cont .board_list_toggle .tr_title.toggle.open .toggle_title::before {
  transform: rotate(-45deg);
}
.board_zone_cont .board_list_faq .td_faq_date {
  padding-left: 25px;
  padding-right: 0px;
}
.board_zone_cont .board_list_faq .td_faq_date img {
  vertical-align: middle;
}
.board_zone_cont > .board_list_faq > .table_type_board > .table_col > tbody > .tr_content > td {
  padding-left: 25px;
}
@media screen and (max-width: 1124px) {
	.board_zone_cont .board_list_toggle .tr_title.toggle .toggle_title {
		padding-right: 35px;
	}
	.board_zone_cont .board_list_toggle .tr_title.toggle .toggle_title::before {
		right: 15px;
	}
}
@media screen and (max-width: 912px) {
	.board_zone_cont .board_list_faq .td_faq_date {
		display:none;
	}
	.board_zone_cont .board_categorize ul li:not(:last-child) {
		margin-right: 15px;
	}
}
@media screen and (max-width: 540px) {
    .categorize ul.st_box li span {
        padding: 10px 20px 9px 20px;
        font-size: var(--font-size-xSmall);
    }
}

/* ----- table ----- */
@media screen and (max-width: 912px) {
  .table_type > table:not(.table_terms) > tbody,
  .table_type > table:not(.table_terms) > tbody > tr,
  .table_type > table:not(.table_terms) > tbody > tr > th,
  .table_type > table:not(.table_terms) > tbody > tr > td,
  .table_type > table:not(.table_terms) col {
    width: 100% !important;
  }
}
.table_type > table {
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.table_type > table th {
  font-weight: normal;
  font-family: var(--font-bold2);
}
.table_type > table td .desc {
  padding: 0 0 8px 0;
}
.table_type > table td .c_tip {
  padding: 8px 10px 0 10px;
  color: var(--color-gray);
}
.table_type > .table_col {
  border-top: 2px solid var(--color-def);
}
@media screen and (max-width: 912px) {
  .table_type > .table_col:not(.table_terms) thead {
    display: none;
  }
}
.table_type > .table_col > thead > tr, .table_type > .table_col > tbody > tr {
  border-bottom: 1px solid var(--color-lineGray);
}
.table_type > .table_col tr em {
  display: inline-block;
  width: 100%;
}
.table_type > .table_col > thead > tr > th, .table_type > .table_col > tbody > tr > th {
  padding: 18px 15px 15px 15px;
  border-bottom: 1px solid var(--color-lineGray);
  background: var(--color-bgGray);
}
.table_type > .table_col > tbody > tr > td {
  padding: 15px;
  min-height: 50px;
  /* line-height: 1.8; */
}

.table_type h3 + .table_row {
  margin-top: 5px;
}
.table_type .table_row {
  border-top: 2px solid var(--color-lineGray);
  border-bottom: 2px solid var(--color-lineGray);
}
.table_type .table_row tr th label {
	margin-bottom: 0;
	font-weight: normal;
}
@media screen and (max-width: 912px) {
  .table_type > .table_col:not(.table_terms) > tbody > tr {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .table_type .table_row > tbody > tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.table_type .table_row > tbody > tr > th {
  padding: 15px 15px;
  border-bottom: 1px solid var(--color-lineGray);
  background-color: var(--color-bgGray);
  min-width: 160px;
}
@media screen and (max-width: 912px) {
  .table_type .table_row > tbody > tr {
/*     padding: 15px 10px; */
    min-width: 0px;
  }
}
.table_type .table_row > tbody > tr > td {
  padding: 8px 10px;
  line-height: 1.8;
  word-break: break-all;
}
.table_type .table_row > tbody > tr > td.column {
	gap: 10px
}
.table_type .table_row > tbody > tr:not(:last-child) > td {
  border-bottom: 1px solid var(--color-lineGray);
}
@media screen and (max-width: 912px) {
	.table_type .table_row > tbody > tr > th {
	    padding: 15px 10px;
	}
  .table_type .table_row > tbody > tr > td {
    	padding: 15px 10px;
  }
}
.table_type .table_row tr td .cm_tip {
  display: block;
  padding-top: 9px;
  word-break: break-all;
}
.table_type .table_row tr td .cm_tip + .cm_tip {
  padding-top: 0px;
}
.table_type_board .table_col thead {
  display: none;
}

/* 테이블 추가내용 */
.table_type .center {
  text-align: center;
}
.table_type .center .button {
  margin: 0 auto;
}
@media screen and (max-width: 912px) {
  .table_type .center .button {
    margin: 0;
  }
}
@media screen and (max-width: 912px) {
  .table_type table:not(.table_terms) .center {
    text-align: left;
  }
}
.table_type > .table_col tr td.td_faq_q {
	text-align: center;
}
/* 테이틀로 글 작성시 정돈하기 */
.table_type_board > table > tbody > .tr_content > td > * {
	text-align: justify;
    word-break: break-all;
}
.table_type_board > table > tbody > .tr_content > td p {
	margin-bottom: 0;
}
.table_type_board > table > tbody > .tr_content > td u {
    text-underline-position: under;
}
.table_type_board > table > tbody > .tr_content > td b {
	font-family: var(--font-bold);
	font-weight: normal;
}
.table_type_board > table > tbody > .tr_content > td a {
	font-family: var(--font-bold);
	text-decoration: underline;
    text-underline-position: under;
}
.table_type_board > table > tbody > .tr_content > td a:hover {
	color: var(--color-point);
}
.table_type_board > table > tbody > .tr_content img {
	max-width: 100%;
}
.table_type_board > table > tbody > .tr_content table > tbody > tr > td {
	padding: 8px 10px;
}

/* ----- button ----- */
.button_wrap {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
/* .button_wrap .button:not(:last-child), .button_wrap .button_ic:not(:last-child) {
  margin-right: 12px;
} */
@media screen and (max-width: 540px) {
  .button_wrap.column {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
/*   .button_wrap.column .button:not(:last-child), .button_wrap.column .button_ic:not(:last-child) {
    margin-right: 0;
    margin-bottom: 12px;
  } */
}
.button_wrap.wrap_y {
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.button_wrap.center {
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 280px) {
  .button_wrap.center {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* 버튼 기본 설정 */
.button {
  cursor: pointer;
  border: inherit;
  background: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: 0.15s ease-in-out;
  font-family: var(--font-bold);
  line-height: initial;
/*   font-weight: bold; */
}

/* 텍스트형 버튼 */
.button_txt {
  cursor: pointer;
  border: 0;
  background: none;
  text-decoration: underline;
  text-underline-position: under;
  min-width: 45px;
  padding: 0;
  transition: color 0.15s ease-in-out;
  font-family: var(--font-bold);
  line-height: 1.8;
}
.button_txt.point {
  color: var(--color-point);
}
.button_txt:hover {
  color: var(--color-point);
}

/* 버튼 사이즈별 관리 */
.button.large {
  min-width: 220px;
  min-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: var(--border-radius-btn);
  font-size: calc(var(--font-size-def) + 1px);
}
@media screen and (max-width: 540px) {
  .button.large {
    min-width: 120px;
    min-height: 45px;
  }
}
@media screen and (max-width: 280px) {
  .button.large {
    width: 100%;
  }
}
.button.medium {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: var(--border-radius-btn);
}
.button.small {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: var(--font-size-smallBtn);
  border-radius: var(--border-radius-small);
}
.button.wide {
  width: 100%;
  min-height: 50px;
  font-size: var(--font-size-def);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: var(--border-radius-btn);
}

/* 버튼 스타일별 관리 */
.button.primary {
  background: var(--color-point);
  color: #fff;
  border: var(--border-width) solid var(--color-point);
}
.button.primary span {
  color: #fff;
}
.button.primary:hover {
  border-color: #cb2540;
  background-color: #cb2540;
}
.button.primary:active {
  border-color: #be223c;
  background-color: #be223c;
}
.button.secondary {
  border: var(--border-width) solid var(--color-point);
  background: #fff;
  color: var(--color-point);
}
.button.secondary span {
  color: var(--color-point);
}
.button.secondary:hover {
  background: var(--color-point);
  color: #fff;
}
.button.secondary:hover span {
  color: #fff;
}
.button.outline_black {
  border: var(--border-width) solid var(--color-def);
  background: #fff;
  color: var(--color-def);
}
.button.outline_black span {
  color: var(--color-def);
}
.button.outline_black:hover {
  border-color: var(--color-point);
  color: var(--color-point);
}
.button.outline_black:hover span {
  color: var(--color-point);
}
.button.black {
  border: var(--border-width) solid var(--color-def);
  background: var(--color-def);
  color: #fff;
}
.button.black span {
  color: #fff;
}
.button.black:hover {
  background: var(--color-point);
  border-color: var(--color-point);
}
.button.outline_point {
  border: var(--border-width) solid var(--color-pointLight);
  background: #fff;
  color: var(--color-point);
  background-color: #fceef0;
}
.button.outline_point span {
  color: var(--color-point);
}
.button.outline_point:hover {
  border-color: var(--color-point);
}
.button.outline_gray {
  border: var(--border-width) solid var(--color-lineGray);
  background: #fff;
  color: var(--color-gray);
}
.button.outline_gray span {
  color: var(--color-gray);
}
.button.outline_gray:hover {
  border-color: var(--color-def);
}
.button.outline_gray:hover span {
  color: var(--color-def);
}
.button.outline_white {
  border: var(--border-width) solid #fff;
  background: #fff;
  color: #fff;
  background-color: transparent;
}
.button.outline_white span {
  color: #fff;
}
.button.disabled {
  background: var(--color-bgGray);
  color: var(--color-disabled);
  border: 0;
}
.button:disabled {
  background: var(--color-bgGray);
  color: var(--color-disabled);
  border-color: var(--color-lineGray);
  cursor: default;
}
.button:disabled:hover {
  color: var(--color-disabled);
  background: var(--color-bgGray);
  border-color: var(--color-lineGray);
}

button.custom {
	border: var(--border-width) solid var(--color-def);
    background: var(--color-def);
    color: #fff;
}
button.custom:hover {
	border-color: var(--color-custom-bg);
    background: var(--color-custom-bg);
    color: var(--color-custom-txt);
}

/* ---- nav 공통 설정 ---- */
.menu_container ul {
  padding: 0;
  margin: 0;
}
.menu_container ul li > a {
  display: inline-block;
}
.menu_container .menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/* ---- (공통)사이드바 ---- */
.sidebar_container .sub_menu_tit {
  font-size: var(--font-size-large);
  font-family: var(--font-bold2);
  padding-bottom: 5px;
  line-height: inherit;
}
.sidebar_container .menu_container, .sidebar_container .menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sidebar_container .menu_item > a {
  font-size: 15px;
  color: var(--color-gray);
  font-family: var(--font-bold);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 15px;
}
.sidebar_container .menu_item > a:hover, .sidebar_container .menu_item > a.active {
  color: var(--color-point);
}

/* ---- segments ---- */
/* categorize */
.categorize {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 912px) {
  .categorize {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.categorize ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin: 0;
  width: 100%;
}
.categorize ul.st_line {
  	padding-top: 6px;
  	padding-bottom: 5px;
}
.categorize ul.st_box {
  	padding-top: 15px;
  	padding-bottom: 15px;
}
@media screen and (max-width: 1124px) {
	.categorize ul.st_line {
  		overflow-x: overlay;
	}
}
@media screen and (max-width: 912px) {
  .categorize {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.categorize_slide {
	overflow: hidden;
}
/* 기본형 */
.categorize ul.st_line li {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
.categorize ul.st_line li a {
  font-family: var(--font-bold);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
.categorize ul.st_line li:not(:last-child) {
  margin-right: 10px;
}
.categorize ul.st_line li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 4px;
  right: -5px;
  background-color: var(--color-lineGray);
  width: 2px;
  height: 50%;
}
.categorize ul.st_line a {
  color: var(--color-def);
}
.categorize ul.st_line a.active, .categorize ul.st_line a:hover {
  color: var(--color-point);
}
/* 테두리 */
.categorize ul.st_box li {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid #fff;
  color: var(--color-gray);
  border-radius: 30px;
  cursor: pointer;
  transition: border-color 0.15s ease-in-out;
  width: auto;
}
.categorize ul.st_box li span {
  display: inline-block;
  padding: 8px 20px 7px 20px;
  transition: color 0.15s ease-in-out;
  font-family: var(--font-bold);
}
.categorize ul.st_box li:hover {
  color: var(--color-point);
}
.categorize ul.st_box li.active {
  border-color: var(--color-point);
}
.categorize ul.st_box li.active span {
  color: var(--color-point);
}
.categorize ul.st_box li:not(:last-child) {
  margin-right: 5px;
}

/* 토글형 */
ul.toggle_button {
	margin:0;
}
.toggle_button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.toggle_button_item .button {
  margin-left: 0;
  background: none;
  padding: 8px 10px;
  border: var(--border-width) solid var(--color-point);
  color: var(--color-point);
}
.toggle_button_item .button.active {
  background: var(--color-point);
  color: #fff;
  border-color: var(--color-point);
}
.toggle_button_item .button.active:hover {
  color: #fff;
  background-color: var(--color-pointHover);
}
.toggle_button_item .button.active:active {
  background-color: var(--color-pointActive);
}
.toggle_button_item .button:hover {
  color: var(--color-point);
  background-color: var(--color-pointLight);
}
.toggle_button_item:not(:first-child) {
  margin-left: -1px;
}
.toggle_button_item:first-child button {
  border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
}
.toggle_button_item:last-child button {
  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

/* tabbar */
.tabbar {
  margin-bottom: 25px;
}
.tabbar_list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--border-radius-btn);
  background-color: var(--color-bgGrayLight);
  overflow: hidden;
  height: 65px;
  padding: 0;
  margin: 0;
}
.tabbar_list > li {
  cursor: pointer;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: var(--border-radius-btn);
}
.tabbar_list > li > a, .tabbar_list > li > .tabbar_link {
  display: block;
  text-align: center;
  line-height: 65px;
  font-family: var(--font-bold2);
  font-size: var(--font-size-medium);
  color: var(--color-gray);
}
.tabbar_list > li.active {
  background-color: var(--color-point);
}
.tabbar_list > li.active a, .tabbar_list > li.active .tabbar_link {
  color: #fff;
}
.tabbar_list > li.active:hover a, .tabbar_list > li.active:hover .tabbar_link {
  color: #fff;
}
.tabbar_list > li:hover a, .tabbar_list > li:hover .tabbar_link {
  color: var(--color-point);
} 
@media screen and (max-width: 912px) {
  .tabbar_list {
    height: 55px;
  }
  .tabbar_list > li > a, .tabbar_list > li > .tabbar_link {
    line-height: 55px;
  }
}
@media screen and (max-width: 540px) {
  .tabbar_list {
    border: 0;
    margin: 0;
    height: auto;
    background: none;
    border-radius: 0;
  }
  .tabbar_list > li {
    width: 50%;
    border-radius: 0;
    border-bottom: 2px solid var(--color-lineGray);
  }
  .tabbar_list > li > a, .tabbar_list > li > .tabbar_link {
    font-size: var(--font-size-def);
  }
  .tabbar_list > li.active {
    background: none;
    border-color: var(--color-point);
  }
  .tabbar_list > li.active > a, .tabbar_list > li.active > .tabbar_link {
    color: var(--color-point);
  }
  .tabbar_list > li.active:hover a, .tabbar_list > li.active:hover .tabbar_link {
    color: var(--color-point);
  }
}


/* ---- form 관리 (라디오, 체크박스 버튼) ---- */
.formElement_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 0;
}
ul.formElement_wrap {
  padding: 0;
  margin: 0;
}
.formElement_wrap.form_col {
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.formElement_wrap.form_col .formElement:not(:last-child) {
  margin-bottom: 10px;
}
.formElement_wrap:not(.form_col) .formElement:not(:last-child) {
  margin-right: 15px;
}
.formElement {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
}
.formElement:last-child {
  margin: 0;
}
.formElement label + .button {
  margin-left: 5px;
}
.formElement input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  vertical-align: top;
  margin-top: 0px;
}
.formElement label {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  white-space: nowrap;
  cursor: pointer;
  padding-left: 30px;
  margin-bottom: 0;
  font-weight: normal;
}
.formElement label::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid var(--color-lineGray);
  overflow: hidden;
  background-color: #fff;
}
.formElement label em {
  display: table-cell;
  word-wrap: normal;
  white-space: normal;
  font-weight: normal;
  line-height: 28px;
  word-break: break-all;
}
.formElement.policy {
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.formElement.policy .button {
  min-width: 52px;
  padding: 0;
  font-size: var(--font-size-xSmall);
  text-decoration: underline;
  text-underline-position : under;
}
.formElement.policy .button:hover {
  color: var(--color-point);
}

.formElement input[type=checkbox] + label::before {
  border-radius: var(--border-radius-small);
}
.formElement input[type=checkbox] + label::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  box-sizing: content-box;
  position: absolute;
  top: 8px;
  left: 7px;
  width: 7px;
  height: 4px;
  border-left: solid 2px var(--color-midGray);
  border-bottom: solid 2px var(--color-midGray);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.formElement input[type=checkbox]:checked + label em {
  font-family: var(--font-bold);
  color: var(--color-point);
}
.formElement input[type=checkbox]:checked + label::before {
  border-color: var(--color-point);
  background-color: var(--color-point);
}
.formElement input[type=checkbox]:checked + label::after {
  border-color: #fff;
}

.formElement input[type=radio] + label em {
  font-family: var(--font-bold);
}
.formElement input[type=radio] + label::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 7px;
  width: 8px;
  height: 8px;
  background-color: var(--color-lineGray);
  border-radius: 50%;
}
.formElement input[type=radio] + label::before {
  border-radius: 50%;
}
.formElement input[type=radio]:checked + label em {
  color: var(--color-point);
}
.formElement input[type=radio]:checked + label::before {
  background-color: var(--color-point);
  border-color: var(--color-point);
}
.formElement input[type=radio]:checked + label::after {
  background-color: #fff;
}
.formElement input[type=radio][disabled] + label em {
	font-family: var(--font-def);
	color: var(--color-midGray);
}
.formElement input[type=radio][disabled] + label {
  /*cursor: not-allowed;*/
  color: inherit;
  font-family: inherit;
}
.formElement input[type=radio][disabled] + label::before {
  background-color: var(--color-bgGray); 
  border-color: var(--color-lineGray);
}
.formElement input[type=radio][disabled] + label::after {
  background-color: var(--color-lineGray);
}

/* ---- input 텍스트 상자 ---- */
/* .input {
	-webkit-box-shadow: 0 0 0 500px white inset !important;
} */
.textForm, .form_txt {
  width: 100%;
}
/* 리셋 */
textarea {
  width: 100%;
  height: 150px;
  padding: 10px 15px;
  margin-top: 10px;
  line-height: inherit;
  border: 1px solid var(--color-lineGray);
  border-radius: var(--border-radius-btn);
  color: var(--color-def);
  background: #fff;
  font-size: inherit;
  transition: border-color 0.15s ease-in-out;
  outline: none;
}
textarea::placeholder {
  color: var(--color-midGray);
}
textarea:disabled {
  border-color: var(--color-bgGray);
}
textarea:focus {
  border-color: var(--color-def);
}
/* 기본 스타일 설정 */
.input, .input_c {
  width: 260px;
  height: 50px;
  line-height: 50px;
  padding: 0 12px;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: var(--color-def);
  background: #fff;
  border: 1px solid var(--color-lineGray);
  border-radius: var(--border-radius-btn);
  transition: border-color 0.15s ease-in-out;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 500px #fff inset !important;
}
.input::placeholder, .input_c::placeholder {
  color: var(--color-midGray);text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.input:focus, .input_c:focus {
  outline: none;
  border-color: var(--color-def);
}
.input.focus, .input_c.focus {
  outline: 3px solid var(--color-pointLight);
}
.input.input_half {
	width: 80%;
	min-width: 260px;
}
.input.input_wide {
  width: 100%;
  max-width: 100% !important;
}
@media screen and (max-width: 768px) {
  .input.input_half {
  	width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .input {
    width: 100%;
  }
}

.input:read-only {
  background-color: var(--color-bgGray);
  color: var(--color-midGray);
}
.input:read-only:focus {
  outline: none;
  border-color: var(--color-lineGray);
}

/* 번호 입력시 묶음 */
.input_button_wrap .input_number_wrap {
	flex: 1 1 auto;
}
.input_number_wrap {
	max-width: 360px;
}
.input_number_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.input_number_wrap .selectWrap {
  margin-right: 5px;
}
.input_number_wrap .input_number {
  flex: 1 1 0;
  width: 0;
  min-width: 80px;
}
@media screen and (max-width: 540px) {
  .input_number_wrap {
    width: 100%;
	max-width: 100%;
  }
}

/* 라벨 포함 input */
.input_wrap {
  padding: 5px 0;
}
.input_wrap p {
  padding-left: 10px;
  padding-bottom: 8px;
  font-family: var(--font-bold);
}
.input_wrap .input_txt {
  display: inline-block;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-bottom: 0;
}
.input_txt .required {
  color: var(--color-point);
  padding-left: 3px;
}

/* button 포함 input */
.input_button_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.input_button_wrap > .input {
	flex: 1 1 0;
	max-width: 260px;
}
.input_button_wrap .selectWrap.optionType {
	margin-right: 0;
}
.input_button_wrap > .button {
	min-width: 110px;
	height: 50px;
	font-size: 12px;
	border-radius: var(--border-radius);
}
@media screen and (max-width: 768px) {
  .input_button_wrap > .input {
	max-width: 100%;
  }
}
@media screen and (max-width: 540px) {
	.input_button_wrap.m_col {
	  -webkit-flex-direction: column;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  -webkit-box-align: flex-start;
	  -moz-align-items: flex-start;
	  -ms-flex-align: flex-start;
	  align-items: flex-start;
	}
	.input_button_wrap.m_col .input_number_wrap,
	.input_button_wrap.m_col > .button {
		width: 100%;
	}
}
.input_email_wrap {
	display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 5px;
}
.input_email_wrap > .input {
	flex: 1 1 0;
	width: 0;
}
/* 본인인증창 */
.info_code_wrap {
	position: relative;
    background: #fff;
    border: 1px solid var(--color-lineGray);
    border-radius: var(--border-radius-btn);
	padding-right: 10px;
	-webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}
.input_c_info {
	width: calc(100% - 90px);
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: var(--color-def);
    background: transparent;
    border: 0;
    transition: border-color 0.15s ease-in-out;
}
.info_code_wrap > .button {
	margin-left: auto;
}
#pop_email .cm_modal_content > p:not(#email_send_noti),
#pop_sms .cm_modal_content > p:not(#sms_send_noti) {
	text-align: center;
}
#pop_email i.ic_email,
#pop_sms i.ic_mobile {
	margin-left: auto;
	margin-right: auto;
}

/* noti_txt */
.noti_txt {
	display: none;
	padding-left: 5px;
	padding-right: 5px;
	font-size: var(--font-size-xSmall);
}

/* ----- 셀렉박스 ----- */
.selectWrap, .select_wrap {
  display: inline-block;
  position: relative;
  border: 1px solid var(--color-lineGray);
  border-radius: var(--border-radius-btn);
  min-width: 140px;
  max-width: 100%;
  height: 50px;
  cursor: pointer;
  background: #fff;
}
@media screen and (max-width: 1520px) {
  .selectWrap, .select_wrap {
    min-width: 120px;
  }
}
@media screen and (max-width: 912px) {
  .selectWrap.selectNum {
    width: 70px;
  }
}
.selectWrap.wide, .select_wrap.wide {
	width: 100%;
}
.selectWrap span {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 0 25px 0 10px;
  line-height: 48px;
}
.selectWrap::before, .select_wrap::before {
  content: "";
  position: absolute;
  border-top: 1px solid var(--color-gray);
  border-right: 1px solid var(--color-gray);
  transform: rotate(135deg) translate(0);
  -webkit-transform: rotate(135deg) translate(0);
  right: 15px;
  top: 19px;
  width: 6px;
  height: 6px;
  transition: 0.15s ease-in-out;
}
.selectWrap.arrowActive::before, .select_wrap.arrowActive::before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.selectWrap .selectWrap_List {
  position: absolute;
  z-index: 999;
  top: 54px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 3px);
  max-height: 160px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid var(--color-lineGray);
  border-radius: var(--border-radius-btn);
  margin: 0;
  padding: 0;
  display: none;
}
.selectWrap .selectWrap_List li {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
/* .selectWrap .selectWrap_List li:not(:last-child), .select_wrap .selectWrap_List li:not(:last-child) {
  border-bottom: 1px dashed var(--color-lineGray);
} */
.selectWrap .selectWrap_List li:hover {
  background: var(--color-bgGray);
}
.selectWrap.disabled {
  background: var(--color-bgGray);
  cursor: not-allowed;
}
.selectWrap.disabled span {
  color: var(--color-gray);
}
.selectWrap.disabled .selectWrap_List {
  max-height: 0;
  opacity: 0;
}
.selectWrap.couponList {
  width: 80%;
}
@media screen and (max-width: 912px) {
  .selectWrap.couponList {
    width: 100%;
  }
}
.selectWrap.optionType {
  width: 200px;
  margin-right: 10px;
}
.selectWrap.optionEmail {
	min-width: 130px;
	width: 130px;
}
@media screen and (max-width: 540px) {
	.input_email_wrap {
	  width: 100%;
	  flex-wrap: wrap;
	  -webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	}
  .selectWrap.optionEmail {
    width: 100%;
    margin-left: 0;
  }
}
/* 셀렉박스 기본 */
.select_wrap {
	outline: 0;
    cursor: pointer;
}
.select_wrap select, .select_wrap option {
	font-family: var(--font-def);
	font-weight: inherit;
	font-size: inherit;
}
.select_wrap select {
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0;
	border-radius: var(--border-radius-btn);
    cursor: pointer;
    padding: 0 35px 0 10px;
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none; /* 화살표 없애기 */
}
.select_wrap select::-ms-expand {
  display: none;
}
.select_wrap select:disabled {
	background: var(--color-bgGray);
}

/* ----- 검색 ----- */
/* 기본형 */
.search_container.st_def {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.search_container.st_def .selectWrap {
	margin-right: 15px;
}
.search_container.st_def .searchWrap {
  position: relative;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 50px;
}
@media screen and (max-width: 420px) {
  .search_container.st_def {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .search_container.st_def .searchWrap {
    margin-left: 0;
    width: 100%;
  }
  .search_container.st_def .selectWrap {
    margin-right: 0;
    margin-bottom: 5px;
    width: 100%;
  }
}
.search_container.st_def .serch_input_wrap {
  position: relative;
  height: 100%;
}
.search_container.st_def .serch_input_wrap::before {
  content: "";
  position: absolute;
  display: inline-block;
  z-index: 99;
  top: 14px;
  left: 15px;
  height: 20px;
  width: 26px;
  background: url("/cloud/resources/image/utility/re/form_icon_sprites.png") -10px -10px;
}
.search_container.st_def input[type=text] {
  position: relative;
  width: 100%;
  height: 100%;
  padding-right: 35px;
  padding-left: 50px;
  border: 1px solid var(--color-lineGray);
  border-radius: var(--border-radius-btn);
  background: #fff;
}
.search_container.st_def input[type=text]:focus {
  outline: 0;
  border-color: var(--color-def);
}
/* 기본 박스형 */
.search_container.st_box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-radius: 0;
  /* 색상+테두리 추가 */
  background-color: var(--color-bgGray);
  border-top: 1px solid var(--color-lineGray);
  border-bottom: 1px solid var(--color-lineGray);
  padding: 15px;
}
.search_container.st_box .selectWrap {
	margin-right: 15px;
}
.search_container.st_box .searchWrap {
  position: relative;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 50px;
}
@media screen and (max-width: 420px) {
  .search_container.st_box {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .search_container.st_box .searchWrap {
    margin-left: 0;
    width: 100%;
  }
  .search_container.st_box .selectWrap {
    margin-right: 0;
    margin-bottom: 5px;
    width: 100%;
  }
}
.search_container.st_box .serch_input_wrap {
  position: relative;
  height: 100%;
}
.search_container.st_box .serch_input_wrap::before {
  content: "";
  position: absolute;
  display: inline-block;
  z-index: 99;
  top: 14px;
  left: 15px;
  height: 20px;
  width: 26px;
  background: url("/cloud/resources/image/utility/re/form_icon_sprites.png") -10px -10px;
}
.search_container.st_box input[type=text] {
  position: relative;
  width: 100%;
  height: 100%;
  padding-right: 35px;
  padding-left: 50px;
  border: 1px solid var(--color-lineGray);
  border-radius: var(--border-radius-btn);
  background: #fff;
}
.search_container.st_box input[type=text]:focus {
  outline: 0;
  border-color: var(--color-def);
}
/* cs페이지 검색창 */
.search_container.st_cs {
  background-color: var(--color-bgGray);
  border-top: 1px solid var(--color-lineGray);
  border-bottom: 1px solid var(--color-lineGray);
  padding-top: 35px;
  padding-bottom: 35px;
}
.search_container.st_cs .search_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.search_container.st_cs .search_wrap > .search_tit {
  font-family: var(--font-bold2);
  padding-right: 35px;
  font-size: 15px;
}
.search_container.st_cs .search_wrap > .input {
  width: calc(50% - 120px);
}
.search_container.st_cs .search_wrap > .button {
	margin-left: 10px;
	min-width: 80px; 
}
@media screen and (max-width: 1124px) {
	.search_container.st_cs .search_wrap > .input {
		width: calc(70% - 120px);
	}
}
@media screen and (max-width: 540px) {
	.search_container.st_cs .search_wrap {
		padding: 0 15px;
		-webkit-box-orient: vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
	}
	.search_container.st_cs .search_wrap > .search_tit {
		display: none;
	}
	.search_container.st_cs .search_wrap > .input, .search_container.st_cs .search_wrap > .button {
		width: 100%;
	}
	.search_container.st_cs .search_wrap > .button {
		margin-left: 0;
		margin-top: 10px;
	}
}

/* 초기화버튼 */
.input_reset {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.input_reset_button {
  position: relative;
  display: block;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.input_reset_button::before, 
.input_reset_button::after {
  width: 1px;
  height: 20px;
  background: var(--color-gray);
  transition: 0.15s ease-in-out;
  content: "";
  position: absolute;
  display: inline-block;
  top: 4px;
  left: 14px;
}
.input_reset_button::before {
  transform: rotate(45deg);
}
.input_reset_button::after {
  transform: rotate(-45deg);
}
.input_reset_button:hover::before, 
.input_reset_button:hover::after {
  background-color: var(--color-point);
}

/* ----- 코드입력창 ----- */
.code_wrap {
  position: relative;
  /* padding-top: 5px; */
  padding-bottom: 15px;
}
.code_wrap .button {
  border-radius: 0 var(--border-radius-btn) var(--border-radius-btn) 0;
  width: 100px;
}
.code_wrap input[type=text].input_c {
  width: 360px;
  height: 60px;
  background: #fff;
  border-right-width: 0;
  border-radius: var(--border-radius-btn) 0 0 var(--border-radius-btn);
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 540px) {
  .code_wrap input[type=text].input_c {
    width: calc(100% - 70px);
    height: 55px;
    font-size: 11.5px;
  }
}
@media screen and (max-width: 540px) {
  .code_wrap {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .code_wrap input[type=text].input_c {
    width: 100%;
    border-radius: 10px;
    border-right-width: 1px;
  }
  .code_wrap .button {
    border: 1px solid var(--color-point);
    width: 100%;
    border-radius: 10px;
    margin-top: 10px;
    height: 45px;
    font-size: 15px;
  }
}

/* ---- pagination ---- */
.pagination {
  width: 100%;
  margin-top: 30px;
  padding: 0 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0;
  margin-bottom: 0;
}
.pagination ul li {
  position: relative;
  width: 25px;
  height: 25px;
}
.pagination ul li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 25px;
  color: var(--color-gray);
  border-radius: 4px;
  text-align: center;
  font-size: 11px;
}
.pagination ul li a.no_page {
	opacity: .45;
	cursor: auto;
}
.pagination ul li:hover a {
  background-color: var(--color-bgGray);
}
.pagination ul li.pg_active a {
  font-family: var(--font-bold2);
  color: var(--color-point);
  background-color: var(--color-bgGray);
}
.pagination ul li.pg_first a, .pagination ul li.pg_next a, .pagination ul li.pg_prev a, .pagination ul li.pg_last a {
  text-indent: -9999px;
  overflow: hidden;
  border-width: 0;
}
.pagination ul li.pg_first,
.pagination ul li.pg_prev,
.pagination ul li.pg_next,
.pagination ul li.pg_last {
  margin-top: 2px;
}
.pagination ul li.pg_first a {
  background: url("/cloud/resources/image/utility/re/arrow_sprites.png") -52px -10px;
}
.pagination ul li.pg_prev a {
  background: url("/cloud/resources/image/utility/re/arrow_sprites.png") -10px -10px;
}
.pagination ul li.pg_next a {
  background: url("/cloud/resources/image/utility/re/arrow_sprites.png") -136px -10px;
}
.pagination ul li.pg_last a {
  background: url("/cloud/resources/image/utility/re/arrow_sprites.png") -94px -10px;
}

/* ---- info_container ---- */
.info_container {
  background-color: var(--color-bgGray);
  padding: 30px;
  margin-top: 0;
  margin-bottom: 30px;
  border-top: 1px solid var(--color-lineGray);
  border-bottom: 1px solid var(--color-lineGray);
}
@media screen and (max-width: 1124px) {
  .info_container {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 912px) {
  .info_container {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 540px) {
  .info_container {
    padding: 15px 20px;
  }
}
.info_container .info_tit {
  padding-bottom: 10px;
}
.info_container .info_tit a {
  position: relative;
  color: var(--color-def);
  padding-right: 25px;
}
.info_container .info_tit a::before {
  transition: 0.15s ease-in-out;
  content: "";
  position: absolute;
  border-top: 2px solid var(--color-def);
  border-right: 2px solid var(--color-def);
  transform: rotate(45deg) translate(0);
  -webkit-transform: rotate(45deg) translate(0);
  width: 8px;
  height: 8px;
  top: 5px;
  right: 10px;
}
.info_container .info_tit a:hover::before {
  right: 5px;
}
.info_container > p {
  padding-bottom: 15px;
  color: var(--color-gray);
}
.info_container .info_content {
  position: relative;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.info_container .info_content::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
@media screen and (max-width: 1124px) {
  .info_container .info_content::before {
    display: none;
  }
}
.info_container.flex .info_content {
  width: calc(50% - 20px);
}
.info_container.flex .info_content:not(:last-child) {
  margin-right: 30px;
  border-right: 1px dashed var(--color-lineGray);
}
@media screen and (max-width: 1124px) {
  .info_container.flex .info_content:not(:last-child) {
    margin-right: 25px;
  }
}
@media screen and (max-width: 912px) {
  .info_container.flex .info_content:not(:last-child) {
    margin-right: 0;
    border-right-width: 0;
  }
}
@media screen and (max-width: 912px) {
  .info_container.flex .info_content {
    width: 100%;
  }
}
@media screen and (max-width: 912px) {
  .info_container.flex .info_content:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    border-bottom: 1px dashed var(--color-midGray);
    border-left-width: 0;
  }
}
/* 모달창 안에 있는 경우 */
.cm_modal_content .info_container {
	padding: 15px;
	margin-bottom: 15px;
}

/* info list */
.info_list {
  text-align: left;
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.info_list .info_item {
	word-break: break-all;
}
.info_list .info_item:not(:last-child) {
	padding-bottom: 5px;
}
.info_list .button_txt {
	text-decoration: underline !important;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
  .info_list .button_txt {
    font-size: var(--font-size-s);
  }
}
.info_list.gray {
  color: var(--color-gray);
}
.info_item span {
  position: relative;
  display: table-cell;
  padding-left: 30px;
}
.info_item span:not(.title)::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 6px;
  height: 1px;
  background: var(--color-gray);
}
.info_list.check span::before {
	content: "";
	top: 7px;
    width: 10px;
    height: 6px;
 	background: none;
    border-left: solid 2px var(--color-point);
    border-bottom: solid 2px var(--color-point);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.info_list.gray .info_item span::before {
  background: var(--color-midGray);
}

.notice_info_list {
  padding-top: 25px;
}
.notice_info_list > em {
  display: table;
  padding-bottom: 5px;
  font-family: var(--font-bold2);
  color: var(--color-gray);
}

/* ---- 공통 모달창 + 알럿창 ---- */
/* 모달창 */
.cm_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 9999;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-x: hidden; 
  overflow-y: auto;
  padding-top: 35px;
  padding-bottom: 35px;
}
.cm_modal_container {
  width: 500px;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  overflow-x: hidden; 
  overflow-y: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.cm_modal_container_600 {
  width: 600px;
}
.cm_modal_container_850 {
  width: 850px;
}
@media screen and (max-width: 912px) {
	.cm_modal {
		padding-top: 0;
		padding-bottom: 0;
	}
	 .cm_modal_container_850, .cm_modal_container_600 {
	   width: 100%;
	   border: none;
	   height: 100%;
	   border-radius: 0;
	 }
}
@media screen and (max-width: 540px) {
  .cm_modal_container {
    width: 100%;
    border: none;
    height: 100%;
    padding: 25px 15px;
    border-radius: 0;
  }
}
.cm_modal_title {
  position: relative;
  width: 100%;
  border-bottom: 2px solid var(--color-def);
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 40px;
}
.cm_modal_title > h3 {
  font-family: var(--font-bold2);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.cm_modal_content {
  padding: 15px 10px;
  border-bottom: 2px solid var(--color-def);
  text-align: justify;
  word-break: break-all;
}
.cm_modal_content p {
	margin: 0;
}
.cm_modal_content .imgbox {
  padding: 15px 0;
}
.cm_modal_content .imgbox > img {
	max-width: 100%;
}
.cm_modal_content ul, 
.cm_modal_content ol {
	margin:0;
	padding-left: 0;
}
.cm_modal_content ul li,
.cm_modal_content ol li {
  line-height: 1.8;
}
.cm_modal_content_scroll {
  min-height: 300px;
  max-height: 360px;
  overflow-y: auto;
}
.cm_modal_content_scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
@media screen and (max-width: 912px) {
	.cm_modal_content_scroll {
		max-height: calc(100dvh - 220px);
		min-height: unset;
  }
  .cm_modal_tabbar + .cm_modal_content_scroll {
		max-height: calc(100dvh - 260px);
	}
}
.cm_modal_content_scroll.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.cm_modal_content_scroll.flex > div {
	flex: 1;
}
.cm_modal_content_scroll.flex > div:not(:last-child) {
  padding-right: 15px;
}
@media screen and (max-width: 912px) {
  .cm_modal_content_scroll.flex > div:not(:first-child) {
    display: none;
  }
}
.cm_modal .button_wrap {
  padding-top: 25px;
}
.cm_modal_tabbar {
  display: none;
  margin-bottom: 15px;
}
@media screen and (max-width: 912px) {
  .cm_modal_tabbar {
    display: block;
  }
}
.cm_modal_tabbar ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.cm_modal_tabbar ul li {
  border-radius: 8px;
  border: 1px solid var(--color-lineGray);
  background-color: var(--color-bgGray);
  padding: 5px 20px;
  font-family: var(--font-bold);
  cursor: pointer;
}
.cm_modal_tabbar ul li:hover {
  color: var(--color-point);
}
.cm_modal_tabbar ul li.active {
  background-color: var(--color-point);
  border-color: var(--color-point);
  color: #fff;
}
.cm_modal_tabbar ul li.active:hover {
  color: #fff;
}
.cm_modal_tabbar ul li:not(:last-child) {
  margin-right: 15px;
}

/* 모달창 form */
.cm_modal_content .formElement_wrap {
	width: 100%;
	padding-bottom: 5px;
}
.cm_modal_content .input_wrap:not(:last-child) {
	width: 100%;
}

/* 알럿창 */
.cm_alert {
	position: relative;
	padding: 10px 40px 10px 15px;
}
.cm_alert > p {
	margin: 0;
}
.cm_alert > .button_close {
	top: 9px;
}
.cm_alert > .button_close span {
	background-color: var(--color-midGray);
}
.cm_alert_danger {
	background: var(--color-pointLight);
	border: var( --border-width) solid var(--color-point);
	border-radius: var( --border-radius);
}
.cm_alert_danger > p {
	color: var(--color-point);
	font-family: var(--font-bold);
}

/* 모달창, 알럿창 닫기 버튼 */
.button_close {
  width: 25px;
  height: 25px;
  position: absolute;
  top: -2px;
  right: 10px;
  border: none;
  background: none;
  cursor: pointer;
}
.button_close span {
  background-color: var(--color-def);
  position: absolute;
  top: 12px;
  right: 0px;
  display: inline-block;
  width: 100%;
  height: 2px;
  transition: background-color 0.15s ease;
}
.button_close span:nth-child(1) {
  transform: rotate(45deg);
}
.button_close span:nth-child(2) {
  transform: rotate(-45deg);
}
.button_close:hover span {
  background-color: var(--color-point);
  transition: background-color 0.15s ease;
}

@media screen and (max-width: 912px) {
	.cm_modal .button_close {
		top: -5px;
	}
}

/******* 아이콘류 *******/
i.ic {
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
}
/* badge */
.ic_badge {
	border-radius: 50px;
  	display: inline-block;
  	font-style: normal;
  	line-height: 1.8;
  	cursor: default;
    position: relative;
}
.ic_badge.xxSmall {
    padding: 2px 6px 1px 6px;
    font-size: 7px;
}
.ic_badge.xSmall {
    padding: 2px 8px 1px 8px;
    font-size: 9px;
}
.ic_badge.small {
    padding: 2px 8px 1px 8px;
    font-size: 11px;
}
.ic_badge.large {
	padding: 3px 10px 1px 12px;
    font-size: 12px;
}
@media screen and (max-width: 912px) {
	.ic_badge.large {
		padding: 3px 8px 2px 8px;
	    font-size: 9px;
	}
}
.ic_badge.color_point {
    background: var(--color-point);
    color: #fff;
}
.ic_badge.color_sub {
    background: var(--color-def);
    color: #fff;
}
.ic_badge.color_point_line {
    background: #fff;
    border: 1px solid var(--color-point);
    color: var(--color-point);
}



/* 삭제예정 */
i.ic.ic_new {
  width: 41px;
  height: 19px;
  background: url(/cloud/resources/image/utility/re/badge_new.png) no-repeat;
  vertical-align: middle;
}
i.ic.ic_best {
  margin-bottom: 10px;
  width: 60px;
  height: 24px;
  background: url(/cloud/resources/image/utility/re/badge_best_big.png) no-repeat;
  background-size: 100%;
}
i.ic.ic_license {
  width: 54px;
  height: 19px;
  background: url(/cloud/resources/image/utility/re/Used_icon.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
}
/* check&fales */
i.ic.ic_check_point {
  width: 55px;
  height: 55px;
  background: url("/cloud/resources/image/utility/re/circle_icon_sprites_v2.png") -10px -10px;
}
i.ic.ic_x_point {
  width: 55px;
  height: 55px;
  background: url("/cloud/resources/image/utility/re/circle_icon_sprites_v2.png") -10px -85px;
}
/* noti */
i.ic.ic_info_line {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -10px;
}
i.ic.ic_info_black {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -45px;
}
i.ic.ic_info_gray {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -80px;
}
i.ic.ic_info_point {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -115px;
}
i.ic.ic_exclam_line {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -290px;
}
i.ic.ic_exclam_black {
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -150px;
}
i.ic.ic_exclam_gray {
  margin: 3px 5px 3px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -185px;
}
/* .fs-txt-0 i.ic.ic_exclam_gray {
  margin: 4px 5px 0px 0px;
} */
i.ic.ic_exclam_yellow {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -255px;
}
i.ic.ic_exclam_point {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -220px;
}
i.ic.ic_success_line {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -325x;
}
i.ic.ic_success_point {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -360px;
}
i.ic.ic_success_green {
  margin: 3px 5px 0px 0px;
  float: left;
  width: 15px;
  height: 15px;
  background: url("/cloud/resources/image/utility/re/noti_icon_sprites.png") -10px -395px;
}
/* nav 아이콘 */
i.ic.ic_est {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -10px -55px;
}
i.ic.ic_cs {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -10px -100px;
}
i.ic.ic_notice {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -10px -10px;
}
i.ic.ic_logout {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -10px -280px;
}
i.ic.ic_my {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -10px -325px;
}
a.ic_hover:hover .ic_est {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -57px -55px;
}
a.ic_hover:hover .ic_cs {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -57px -100px;
}
a.ic_hover:hover .ic_notice {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -57px -10px;
}
a.ic_hover:hover .ic_logout {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -57px -280px;
}
a.ic_hover:hover .ic_my {
  height: 25px;
  width: 25px;
  background: url("/cloud/resources/image/utility/re/util_icon_sprites.png") -57px -325px;
}
/* nav 아이콘_미니 */
i.ic.ic_login_mini {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/header_util_mini_icon_sprites.png") -10px -10px;
}
i.ic.ic_logout_mini {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/header_util_mini_icon_sprites.png") -10px -45px;
}
i.ic.ic_user_mini {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/header_util_mini_icon_sprites.png") -10px -80px;
}
a.ic_hover:hover .ic_login_mini {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/header_util_mini_icon_sprites.png") -45px -10px;
}
a.ic_hover:hover .ic_logout_mini {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/header_util_mini_icon_sprites.png") -45px -45px;
}
a.ic_hover:hover .ic_user_mini {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/header_util_mini_icon_sprites.png") -45px -80px;
}
/* 마이페이지 */
i.ic.ic_admin {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/my_icon_sprites.png") -10px -45px;
}
i.ic.ic_coupon {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/my_icon_sprites.png") -10px -10px;
}
a.ic_hover:hover .ic_admin {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/my_icon_sprites.png") -45px -45px;
}
a.ic_hover:hover .ic_coupon {
  height: 15px;
  width: 15px;
  background: url("/cloud/resources/image/utility/re/my_icon_sprites.png") -45px -10px;
}
/* sns */
i.ic.ic_insta {
  height: 30px;
  width: 30px;
  background: url("/cloud/resources/image/utility/re/sns_icon_sprites_black.png") -10px -60px;
}
i.ic.ic_blog {
  height: 30px;
  width: 30px;
  background: url("/cloud/resources/image/utility/re/sns_icon_sprites_black.png") -10px -160px;
}
i.ic.ic_letter {
  height: 30px;
  width: 30px;
  background: url("/cloud/resources/image/utility/re/sns_icon_sprites_black.png") -10px -260px;
}
a.ic_hover:hover .ic_insta {
  height: 30px;
  width: 30px;
  background: url("/cloud/resources/image/utility/re/sns_icon_sprites_black.png") -10px -10px;
}
a.ic_hover:hover .ic_blog {
  height: 30px;
  width: 30px;
  background: url("/cloud/resources/image/utility/re/sns_icon_sprites_black.png") -10px -110px;
}
a.ic_hover:hover .ic_letter {
  height: 30px;
  width: 30px;
  background: url("/cloud/resources/image/utility/re/sns_icon_sprites_black.png") -10px -210px;
}
/* ----- 공일이 ----- */
/* join */
i.ic_join {
    display: block;
	width: 150px;
    height: 110px;
    background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 79.37 76.54'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:%23d82744%7D.st1%7Bfill:%23fff%7D.st2%7Bfill:none%7D%3C/style%3E%3C/defs%3E%3Cpath d='m10.18 20.94 1.78 2.54' class='st1'/%3E%3Cpath d='M11.96 24.98c-.47 0-.94-.22-1.23-.64L8.95 21.8c-.48-.68-.31-1.61.37-2.09.68-.48 1.61-.31 2.09.37l1.78 2.54a1.496 1.496 0 0 1-1.23 2.36Z' class='st0'/%3E%3Cpath d='m16.25 17.79 1.06 2.91' class='st1'/%3E%3Cpath d='M17.31 22.19c-.61 0-1.19-.38-1.41-.99l-1.06-2.91a1.499 1.499 0 1 1 2.82-1.02l1.06 2.91a1.499 1.499 0 0 1-1.41 2.01ZM25.43 60.63c-10.48 0-19-8.53-19-19s8.53-19 19-19c6.09 0 11.86 2.95 15.42 7.9a1.5 1.5 0 0 1-.34 2.09c-.67.49-1.61.33-2.09-.34-3-4.17-7.86-6.65-12.99-6.65-8.82 0-16 7.18-16 16s7.18 16 16 16c4.96 0 9.56-2.24 12.62-6.16.51-.65 1.45-.77 2.11-.26.65.51.77 1.45.26 2.11-3.63 4.64-9.09 7.31-14.98 7.31Z' class='st0'/%3E%3Cpath d='M24.86 40.28c-.83 0-1.5-.67-1.5-1.5V36.3c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v2.48c0 .83-.67 1.5-1.5 1.5ZM30 40.28c-.83 0-1.5-.67-1.5-1.5V36.3c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v2.48c0 .83-.67 1.5-1.5 1.5ZM27.46 45.77c-2.78 0-4.74-1.14-4.86-1.21-.71-.42-.94-1.34-.52-2.06.42-.71 1.34-.94 2.05-.53.15.08 3.17 1.77 6.68-.04.74-.38 1.64-.09 2.02.64s.09 1.64-.64 2.02c-1.69.88-3.31 1.17-4.72 1.17ZM7.94 45.64s4.18-1.84 6.29 1.71c1.9 3.21-1.55 6.5-1.55 6.5s-8.45-.24-4.74-8.21Z' class='st0'/%3E%3Cpath d='m13.12 55.5-1.48-.16c-.16-.02-3.91-.44-5.51-3.28-1.03-1.81-.93-4.06.29-6.68l.63-1.36 2.72 1.26-.63 1.36c-.78 1.69-.92 3.01-.4 3.93.69 1.24 2.57 1.71 3.23 1.78l1.48.17-.32 2.97ZM66.49 24.61c-.36 0-.71-.13-1-.38-.62-.55-.67-1.5-.12-2.12l.81-.9-.81-.9c-.51-.57-.51-1.43 0-2l1.7-1.9a1.502 1.502 0 0 1 2.24 2l-.81.9.81.9c.51.57.51 1.43 0 2l-1.7 1.9c-.3.33-.71.5-1.12.5Z' class='st0'/%3E%3Cpath d='M70.12 51.5s-.01.02-.02.02c0 0 .01-.02.02-.02ZM69.22 52.36zM69.84 51.82ZM70.94 49.32zM55.2 41.93c-3.51 1.81-6.53.12-6.68.04-.71-.42-1.63-.19-2.05.53-.42.71-.19 1.63.52 2.06.12.07 2.08 1.21 4.86 1.21 1.41 0 3.03-.29 4.72-1.17.74-.38 1.02-1.29.64-2.02s-1.28-1.02-2.02-.64ZM49.02 40.28c.83 0 1.5-.67 1.5-1.5V36.3c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v2.48c0 .83.67 1.5 1.5 1.5ZM53.51 39.65c.24.24.56.37.88.37s.64-.12.88-.37c.49-.49.49-1.28 0-1.77l-.35-.35.35-.35c.49-.49.49-1.28 0-1.77s-1.28-.49-1.77 0l-1.23 1.23a1.25 1.25 0 0 0 0 1.77l1.23 1.23Z' class='st2'/%3E%3Cpath d='m73.03 44.68-.5-1.22h-.02c.06-.61.09-1.22.09-1.84 0-10.36-8.43-18.78-18.78-18.78s-18.78 8.43-18.78 18.78S43.47 60.4 53.82 60.4c4.23 0 8.13-1.43 11.28-3.8l1.28-.11c.46-.04 4.54-.49 6.56-3.81.92-1.51 1.68-4.13.09-8Zm-20.75-8.02 1.23-1.23c.49-.49 1.28-.49 1.77 0s.49 1.28 0 1.77l-.35.35.35.35c.49.49.49 1.28 0 1.77-.24.24-.56.37-.88.37s-.64-.12-.88-.37l-1.23-1.23a1.25 1.25 0 0 1 0-1.77Zm-4.76-.36c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v2.48c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5V36.3Zm9.06 8.3c-1.69.88-3.31 1.17-4.72 1.17-2.78 0-4.74-1.14-4.86-1.21-.71-.42-.94-1.34-.52-2.06.42-.71 1.34-.94 2.05-.53.15.08 3.17 1.77 6.68-.04.74-.38 1.64-.09 2.02.64s.09 1.64-.64 2.02Zm14.36 4.72c-.07.91-.38 1.62-.82 2.18 0 0-.01.02-.02.02-.08.11-.17.21-.26.3-.19.2-.4.38-.62.53-1.39 1-3.1 1.15-3.1 1.15s-2.95-2.67-1.23-5.65c1.91-3.31 5.37-2.03 5.37-2.03.58 1.4.76 2.55.68 3.49Z' class='st0'/%3E%3Cpath d='M69.84 51.83c-.19.2-.4.38-.62.53.22-.16.43-.33.62-.53ZM70.94 49.32a4 4 0 0 1-.82 2.18c.44-.56.75-1.27.82-2.18ZM70.1 51.52c-.08.11-.17.21-.26.3.09-.1.18-.2.26-.3Z' class='st1'/%3E%3C/svg%3E");	
	margin-left: auto;
    margin-right: auto;
}
i.ic_nocancel_agree {
    display: block;
	width: 150px;
	height: 150px;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 79.4 76.5'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:%23d82744%7D.st1%7Bisolation:isolate%7D%3C/style%3E%3C/defs%3E%3Cpath d='M47.9 66.6H7.2c-2.4 0-4.3-1.9-4.3-4.3V27c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v35.3c0 .7.6 1.3 1.3 1.3h40.6c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5ZM56.1 9.1h-3.5v4.6c0 1.7-1.3 3-3 3s-3-1.3-3-3V9.1h-12v4.6c0 1.7-1.3 3-3 3s-3-1.3-3-3V9.1h-12v4.6c0 1.7-1.3 3-3 3s-3-1.3-3-3V9.1H7.1c-2.4 0-4.3 1.9-4.3 4.3V22c0 .8.7 1.5 1.5 1.5h53.1v10.6c0 .8.7 1.5 1.5 1.5s1.5-.7 1.5-1.5V13.4c0-2.4-1.9-4.3-4.3-4.3Z' class='st0'/%3E%3Cpath d='M13.7 15.2c-.8 0-1.5-.7-1.5-1.5V7.4c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v6.3c0 .8-.7 1.5-1.5 1.5ZM31.7 15.2c-.8 0-1.5-.7-1.5-1.5V7.4c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v6.3c0 .8-.7 1.5-1.5 1.5ZM49.7 15.2c-.8 0-1.5-.7-1.5-1.5V7.4c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v6.3c0 .8-.7 1.5-1.5 1.5ZM51.4 50.3c-.8 0-1.5-.7-1.5-1.5v-2.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v2.5c0 .8-.7 1.5-1.5 1.5ZM56.5 50.3c-.8 0-1.5-.7-1.5-1.5v-2.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v2.5c0 .8-.7 1.5-1.5 1.5Z' class='st0'/%3E%3Cpath d='M59 70.6c-10.5 0-19-8.5-19-19s8.5-19 19-19 19 8.5 19 19-8.5 19-19 19Zm0-35c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16Z' class='st0'/%3E%3Ccircle cx='53.9' cy='53.3' r='1.8' class='st0'/%3E%3Cpath d='M73.2 27.7c-.8 0-1.5-.7-1.5-1.5v-4.6c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v4.6c0 .8-.7 1.5-1.5 1.5ZM73.2 32.2c-.8 0-1.5-.7-1.5-1.5v-.2c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v.2c0 .8-.7 1.5-1.5 1.5Z' class='st0'/%3E%3Cg class='st1'%3E%3Cg class='st1'%3E%3Cpath d='M26.2 50.9c0 .6-.2 1-.5 1.2-.3.2-.7.4-1.2.4s-.9-.1-1.2-.4c-.3-.2-.4-.7-.4-1.2V38.1l-1 .6c-.3.2-.7.2-1 .2s-.6-.3-.8-.7c-.2-.3-.2-.6-.1-1s.3-.6.6-.8l2.3-1.2c.3-.2.7-.3 1-.4s.6-.1.8-.1c.5 0 .8.1 1.1.4.3.3.4.7.4 1.2v14.6ZM31.6 52.5c-.3 0-.6 0-.8-.1-.2 0-.4-.2-.5-.4-.1-.2-.2-.4-.2-.7v-.9c.2-1.1.5-2 1-2.8s1.2-1.6 2.2-2.3l3-2.4c.6-.5 1-1 1.3-1.5.3-.5.5-1.2.5-2s0-.5-.1-.8c0-.3-.2-.5-.4-.7-.2-.2-.4-.4-.7-.5-.3-.1-.7-.2-1.1-.2-.7 0-1.2.2-1.6.5-.4.4-.6.9-.8 1.6 0 0 0 .2-.1.4s-.1.3-.3.5c-.1.2-.3.3-.5.4-.2.1-.5.1-.8.1-.4 0-.7-.1-1-.3-.2-.2-.4-.4-.4-.6 0-.2-.1-.5-.1-.7v-.6c.3-1.3.9-2.3 1.8-3 .9-.7 2.1-1.1 3.6-1.1s1.9.1 2.6.4c.7.3 1.3.6 1.7 1 .4.5.8 1 1 1.6.2.6.3 1.2.3 1.9s0 1.2-.2 1.7c-.1.5-.4 1-.7 1.5-.3.5-.7 1-1.2 1.5s-1.1 1-1.9 1.6l-2 1.6c-.3.3-.7.6-1 1-.3.4-.6.8-.8 1.4H40c.6 0 .9.1 1.2.4.2.3.3.6.3 1s-.1.7-.3 1c-.2.3-.6.4-1.2.4h-8.5Z' class='st0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	/* margin-left: auto;
    margin-right: auto; */
}
i.ic_nocancel {
    display: block;
	width: 150px;
	height: 150px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 79.37 76.54'%3E%3Cdefs%3E%3Cstyle%3E.st1,.st2%7Bstroke-width:4px;fill:none;stroke:%23898989;stroke-linecap:round;stroke-linejoin:round%7D.st2%7Bstroke-width:3px%7D%3C/style%3E%3C/defs%3E%3Cpath d='M4.4 27v35.31c0 1.57 1.27 2.83 2.83 2.83h40.64' class='st2'/%3E%3Cpath d='M56.13 9.07h-3.46v4.64c0 1.66-1.34 3-3 3s-3-1.34-3-3V9.07H34.68v4.64c0 1.66-1.34 3-3 3s-3-1.34-3-3V9.07H16.69v4.64c0 1.66-1.34 3-3 3s-3-1.34-3-3V9.07H7.23c-2.39 0-4.33 1.94-4.33 4.33v8.59c0 .83.67 1.5 1.5 1.5h53.07V34.1c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V13.4c0-2.39-1.94-4.33-4.33-4.33Z' style='fill:%23898989'/%3E%3Cpath d='M13.69 13.71V7.42M31.68 13.71V7.42M49.68 13.71V7.42M51.36 46.28v2.48M56.5 46.28v2.48' class='st2'/%3E%3Ccircle cx='58.97' cy='51.61' r='17.5' class='st2'/%3E%3Ccircle cx='53.93' cy='53.25' r='.77' class='st2'/%3E%3Cpath d='M31.68 35.69v7.14M31.68 49.45v.36' class='st1'/%3E%3C/svg%3E");	
	/* margin-left: auto;
    margin-right: auto; */
}
/* nodata */
i.ic_nodata {
    display: block;
	width: 150px;
	height: 150px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 79.37 76.54'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Cpath d='m19.45 34.88 19.22 7.87 31.58-12.09L44.98 8 16.95 9.6l2.5 25.28z' style='fill:none'/%3E%3C/clipPath%3E%3Cstyle%3E.st1,.st2,.st3%7Bstroke:%23cccaca;stroke-linecap:round;stroke-linejoin:round%7D.st3%7Bstroke-width:3px%7D.st1,.st2,.st3%7Bfill:none%7D.st2%7Bstroke-width:2px%7D%3C/style%3E%3C/defs%3E%3Cpath d='m33.31 24.59-2.47 2.46' class='st2'/%3E%3Cpath d='M37.22 24.58v2.48' class='st3'/%3E%3Cpath d='m33.31 27.05-2.47-2.46' class='st2'/%3E%3Cpath d='m39.69 42.75 31.58-12.09-13.97-4.84M39.69 42.75 8.1 30.66l13.97-4.84M8.1 50.98v9.24c0 1.16.71 2.2 1.78 2.63l29.8 11.9' class='st3'/%3E%3Cpath d='m39.69 74.75 29.8-11.9a2.823 2.823 0 0 0 1.78-2.63v-14.3L46.43 55.98l-6.74-13.23v32Z' style='stroke-width:3px;stroke:%23cccaca;stroke-linecap:round;stroke-linejoin:round;fill:%23cccaca'/%3E%3Cpath d='M39.69 42.75 8.11 30.65l-5.59 9.49a2.835 2.835 0 0 0 1.38 4.07L30.54 55a2.84 2.84 0 0 0 3.59-1.34l5.56-10.91ZM39.69 42.75l31.58-12.1 5.59 9.49c.88 1.49.23 3.42-1.38 4.07L48.84 55a2.84 2.84 0 0 1-3.59-1.34l-5.56-10.91Z' class='st3'/%3E%3Ccircle cx='39.69' cy='29.91' r='17.5' class='st3' style='clip-path:url(%23clippath)'/%3E%3Cpath d='m30.58 31.19 2.71 1.71L36 31.19l2.71 1.71' class='st3'/%3E%3Cpath d='M45.88 22.23v1.23c0 .51-.41.93-.93.93h0c-.51 0-.93-.41-.93-.93v-1.23M48.42 26.54v1.23c0 .51-.41.93-.93.93h0c-.51 0-.93-.41-.93-.93v-1.23' class='st1'/%3E%3Cpath d='M55.06 1.78v4.61M55.06 10.67v.23' class='st3'/%3E%3C/svg%3E");
}
/* email */
i.ic_email {
    display: block;
	width: 100px;
	height: 100px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 79.37 76.54'%3E%3Cdefs%3E%3Cstyle%3E.st1%7Bstroke:%23333333;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;fill:none%7D%3C/style%3E%3C/defs%3E%3Ccircle cx='39.69' cy='24.6' r='17.5' class='st1'/%3E%3Cpath d='M22.18 22.96 8.1 32.12M71.27 32.12l-14.08-9.16M31.07 52.41 8.11 32.12v34.49c0 1.57 1.27 2.83 2.83 2.83h57.49c1.57 0 2.83-1.27 2.83-2.83V32.12L48.3 52.41' class='st1'/%3E%3Cpath d='m9.1 68.76 28.98-19.88a2.85 2.85 0 0 1 3.21 0l28.97 19.87' style='stroke:%23333333;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;fill:%23333333'/%3E%3Cpath d='M37.11 19.27v2.48M42.26 19.27v2.48M35.62 26.23s3.77 2.25 8.13 0' class='st1'/%3E%3C/svg%3E");
}
/* mobile */
i.ic_mobile {
    display: block;
	width: 100px;
	height: 100px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 79.37 76.54'%3E%3Crect width='42.84' height='62.35' x='18.27' y='7.09' rx='2.83' ry='2.83' style='fill:none;stroke:%23333333;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px'/%3E%3Cpath d='M37.11 62.67h5.15' style='stroke:%23333333;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;fill:%23333333'/%3E%3Cpath d='M55.2 14.2H24.18c-.83 0-1.5.67-1.5 1.5v40.26c0 .83.67 1.5 1.5 1.5H55.2c.83 0 1.5-.67 1.5-1.5V15.7c0-.83-.67-1.5-1.5-1.5ZM40.76 24.27c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v2.48c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5v-2.48Zm-5.15 0c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v2.48c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5v-2.48Zm8.83 8.3c-1.69.88-3.31 1.17-4.72 1.17-2.78 0-4.74-1.14-4.86-1.21-.71-.42-.95-1.34-.52-2.06.42-.71 1.34-.94 2.05-.52.14.08 3.17 1.78 6.68-.04.73-.38 1.64-.09 2.02.64.38.74.09 1.64-.64 2.02Z' style='fill:%23333333'/%3E%3C/svg%3E");
}
@media screen and (max-width: 912px) {
	i.ic_join {
		width: 130px;
		height: 110px;
	}
	i.ic_nodata {
		width: 100px;
		height: 100px;
	}
	i.ic_nocancel_agree {
		width: 100px;
		height: 100px;
	}
}

/* ----- cm_slide ----- */
.cm_slide {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.cm_slide .cm_slide_list {
	padding: 0;
	margin: 0;
}
.cm_slide .cm_slide_item {
	cursor: pointer;
}
.cm_slide .cm_slide_item img {
  max-width: 100%;
}
.cm_slide .cm_slide_navigation {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 30px;
}
@media screen and (max-width: 680px) {
  .cm_slide .cm_slide_navigation {
    display: none;
  }
}
.cm_slide .cm_slide_navigation_prev, .cm_slide .cm_slide_navigation_next {
  position: relative;
  z-index: 9;
  width: 30px;
  height: 30px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  cursor: pointer;
}
.cm_slide .cm_slide_navigation_prev {
  transform: rotate(225deg) translate(0);
  -webkit-transform: rotate(225deg) translate(0);
}
.cm_slide .cm_slide_navigation_next {
  transform: rotate(45deg) translate(0);
  -webkit-transform: rotate(45deg) translate(0);
}
.cm_slide .cm_slide_pagination {
  display: none;
  padding-top: 22px;
  padding-bottom: 15px;
}
@media screen and (max-width: 680px) {
  .cm_slide .cm_slide_pagination {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.cm_slide .cm_slide_pagination .swiper-pagination-bullet-active {
  background-color: var(--color-point);
}

/* 슬라이드 네비게이션 black */
.slide_navigation.black > span {
    width: 50px;
    height: 50px;
    background: rgba(1, 1, 1, .15);
}
.slide_navigation.black > span.slide_navigation_prev.black {
  left: 15px;
}
.slide_navigation.black > span.slide_navigation_next.black {
  right: 15px;
}
.slide_navigation.black > span.slide_navigation_prev.black::before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
   width: 18px;
   height: 18px;
  top: 16px;
  right: 13px;
}
.slide_navigation.black > span.slide_navigation_next.black::before {
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   width: 18px;
   height: 18px;
   top: 16px;
   left: 13px;
}
.slide_navigation.black > span:hover {
  background: rgba(1, 1, 1, .35);
}
/* 슬라이드 네비게이션 white */
.slide_navigation.white > span {
	width: 45px;
	height: 45px;
	background: #fff;
	border: 1px solid var(--color-lineGray);
}
.slide_navigation.white > span.slide_navigation_prev.white {
  left: calc((100vw - 1200px) / 2 - 45px - 15px);
}
.slide_navigation.white > span.slide_navigation_next.white {
  right: calc((100vw - 1200px) / 2 - 45px - 15px);
}
.slide_navigation.white > span.slide_navigation_prev.white::before {
  border-top: 1px solid var(--color-midGray);
  border-right: 1px solid var(--color-midGray);
   width: 12px;
   height: 12px;
  top: 16px;
  right: 13px;
}
.slide_navigation.white > span.slide_navigation_next.white::before {
  border-top: 1px solid var(--color-midGray);
  border-right: 1px solid var(--color-midGray);
   width: 12px;
   height: 12px;
  top: 16px;
  left: 13px;
}

/* 공통 */
.slide_navigation > span {
	position: relative;
    z-index: 10;
    display: inline-block;
    cursor: pointer;
    transition: 0.15s ease-in-out;
    border-radius: 50%;
}
.slide_navigation_prev::before {
  content: "";
  position: absolute;
  transform: rotate(225deg) translate(0);
  -webkit-transform: rotate(225deg) translate(0);
}
.slide_navigation .slide_navigation_next::before {
   content: "";
   position: absolute;
   transform: rotate(45deg) translate(0);
   -webkit-transform: rotate(45deg) translate(0);
}
.slide:hover .slide_navigation {
  opacity: 1;
}
.slide:hover .slide_navigation > span {
  pointer-events: auto;
}
.slide_navigation > span.swiper-button-lock,
.slide_navigation > span.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

/* ---------------------------------------------------- */
/* 검색결과 없을때 */
/* ---------------------------------------------------- */
/* 테이블 */
.table_type > .table_col > tbody > tr > td .no_data {
  position: relative;
  padding: 160px 0 50px 0;
}
.table_type > .table_col > tbody > tr > td .no_data p {
  text-align: center;
  color: var(--color-midGray);
  line-height: 1.8;
}
.table_type > .table_col > tbody > tr > td .no_data p > a {
  text-decoration: underline;
  text-underline-position: under;
  transition: .15s ease-in-out;
}
.table_type > .table_col > tbody > tr > td .no_data p > a:hover {
  color: var(--color-point);
}
.table_type > .table_col > tbody > tr > td .no_data::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 79.37 76.54'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Cpath d='m19.45 34.88 19.22 7.87 31.58-12.09L44.98 8 16.95 9.6l2.5 25.28z' style='fill:none'/%3E%3C/clipPath%3E%3Cstyle%3E.st1,.st2%7Bstroke:%23cccaca;stroke-linecap:round;stroke-linejoin:round%7D.st2%7Bstroke-width:3px%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3C/defs%3E%3Cpath d='M32.07 24.58v2.48M37.22 24.58v2.48M39.69 42.75l31.58-12.09-13.97-4.84M39.69 42.75 8.1 30.66l13.97-4.84M8.1 50.98v9.24c0 1.16.71 2.2 1.78 2.63l29.8 11.9' class='st2'/%3E%3Cpath d='m39.69 74.75 29.8-11.9a2.823 2.823 0 0 0 1.78-2.63v-14.3L46.43 55.98l-6.74-13.23v32Z' style='stroke-width:3px;stroke:%23cccaca;stroke-linecap:round;stroke-linejoin:round;fill:%23cccaca'/%3E%3Cpath d='M39.69 42.75 8.11 30.65l-5.59 9.49a2.835 2.835 0 0 0 1.38 4.07L30.54 55a2.84 2.84 0 0 0 3.59-1.34l5.56-10.91ZM39.69 42.75l31.58-12.1 5.59 9.49c.88 1.49.23 3.42-1.38 4.07L48.84 55a2.84 2.84 0 0 1-3.59-1.34l-5.56-10.91Z' class='st2'/%3E%3Ccircle cx='39.69' cy='29.91' r='17.5' class='st2' style='clip-path:url(%23clippath)'/%3E%3Cpath d='m30.58 31.19 2.71 1.71L36 31.19l2.71 1.71' class='st2'/%3E%3Cpath d='M45.88 22.23v1.23c0 .51-.41.93-.93.93h0c-.51 0-.93-.41-.93-.93v-1.23M48.42 26.54v1.23c0 .51-.41.93-.93.93h0c-.51 0-.93-.41-.93-.93v-1.23' class='st1'/%3E%3Cpath d='M55.06 1.78v4.61M55.06 10.67v.23' class='st2'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
}

/* ul */
li.no_data {
    width: 100%;
    position: relative;
    padding: 160px 0 50px 0;
}
li.no_data > p {
    margin-bottom: 0;
    text-align: center;
    color: var(--color-midGray);
    line-height: 1.8;
}
li.no_data::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 79.37 76.54'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Cpath d='m19.45 34.88 19.22 7.87 31.58-12.09L44.98 8 16.95 9.6l2.5 25.28z' style='fill:none'/%3E%3C/clipPath%3E%3Cstyle%3E.st1,.st2%7Bstroke:%23cccaca;stroke-linecap:round;stroke-linejoin:round%7D.st2%7Bstroke-width:3px%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3C/defs%3E%3Cpath d='M32.07 24.58v2.48M37.22 24.58v2.48M39.69 42.75l31.58-12.09-13.97-4.84M39.69 42.75 8.1 30.66l13.97-4.84M8.1 50.98v9.24c0 1.16.71 2.2 1.78 2.63l29.8 11.9' class='st2'/%3E%3Cpath d='m39.69 74.75 29.8-11.9a2.823 2.823 0 0 0 1.78-2.63v-14.3L46.43 55.98l-6.74-13.23v32Z' style='stroke-width:3px;stroke:%23cccaca;stroke-linecap:round;stroke-linejoin:round;fill:%23cccaca'/%3E%3Cpath d='M39.69 42.75 8.11 30.65l-5.59 9.49a2.835 2.835 0 0 0 1.38 4.07L30.54 55a2.84 2.84 0 0 0 3.59-1.34l5.56-10.91ZM39.69 42.75l31.58-12.1 5.59 9.49c.88 1.49.23 3.42-1.38 4.07L48.84 55a2.84 2.84 0 0 1-3.59-1.34l-5.56-10.91Z' class='st2'/%3E%3Ccircle cx='39.69' cy='29.91' r='17.5' class='st2' style='clip-path:url(%23clippath)'/%3E%3Cpath d='m30.58 31.19 2.71 1.71L36 31.19l2.71 1.71' class='st2'/%3E%3Cpath d='M45.88 22.23v1.23c0 .51-.41.93-.93.93h0c-.51 0-.93-.41-.93-.93v-1.23M48.42 26.54v1.23c0 .51-.41.93-.93.93h0c-.51 0-.93-.41-.93-.93v-1.23' class='st1'/%3E%3Cpath d='M55.06 1.78v4.61M55.06 10.67v.23' class='st2'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
}