@charset "utf-8";
/* ========================================== */
/* 20240429 */
:root {
    --main-color: #5C5CFF;
    --accent-strong : #3F3FFF;
    --white: #fff;
    --text:#424242;
    --text-disabled: #8E939E;
    --text-secon: #5E606B;
    --text-tertiary:#737680;
    --bg-disabled : #E1E3E8;
    --bg-secon: #F5F5F7;
}

/* ==== reset ===== */
html,
html, body {
    font-family: Pretendard;
    min-width: auto;
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
}
body {margin: 0;font-family: 'pretendard','맑은 고딕', 'Malgun Gothic', 'Apple Gothic', sans-serif;color: var(--text);letter-spacing: -0.5px;font-size: 16px;line-height: 1.5;word-break: keep-all;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: 'pretendard';}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.blind {position: absolute;left: -10000px;top: -10000px;width: 0;height: 0;font-size: 0;}
.none {display: none !important;}
ul,li {list-style: none;}
ul,ol,dl,dt,dd,p {margin: 0;padding: 0;}
a,a:hover,a:visited,a:focus {cursor: pointer;text-decoration: none;}
a.txt-point {color: #1f8ecd;text-decoration: underline;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: 0;vertical-align: baseline;}
label {margin: 0;}
.clear {content: "";clear: both;display: block;}
.clear:after {content: "";clear: both;display: block;}
strong,.strong {font-weight: 600;}
h1,h2,h3,h4,h5,h6 {padding: 0;margin: 0;}
hr {height: 12px;background: #EBECF0;border: 0;margin: 24px 0;}
button {padding: 0;border: 0;cursor: pointer;background-color: transparent;color: var(--text);outline: 0;font-size: 14px;/* width: 100%; */}
button:focus,
button:active,
textarea:focus,
textarea:active,
input:focus,
input:active {  box-shadow: none;  outline: none;}
input {
    border: none;
    background: none;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 12px;
    border: 0px solid #D0D2D9;
    border-radius: 6px;
    color: var(--text);
    background: #f7f6fa;
}
input.date {background: url("../../images/input-date.png") no-repeat;background-position: 96% center;width: 160px;}
textarea {border: 1px solid #f7f6fa;background:#f7f6fa; border-radius: 8px;width: 100%;resize: none;padding: 8px 12px;}
.ti {text-indent: -9999px;}
.no_box {background-size: 80px;padding: 238px 0px;text-align: center;font-weight: 400;color: var(--text-secon);background: #F5F5F7;width: 100%;}
.no_box.white {background-color: #fff;}

input[type="file"] {}
input.disabled {background: #F5F5F7;border: 1px solid #EBECF0;width: 100%;}

em {font-style: normal;font-weight: 600}
fieldset {border: none;padding: 0;margin: 0;}

/* 폰트 컬러 */
.tAccent {color: var(--accent-strong);}
.tPurple {color: var(--main-color);}
.tGray {color: #8E939E;}
.text_main {color:var(--main-color)}
.text_accent {color: var(--accent-strong)  !important;}
.text_black {color:#1B1B1F}
.text_secon {color: var(--text-tertiary) !important;}
.text_teri {color: #737680;}
.text_disabled {color: var(--text-disabled) !important;}
.text_pink {color: #E226F3 !important;}
.text_info {color: #0076DE !important;}
.text_mint {color: #09C0B5;}
.text_red {color: #E02D3C;}

.bg_pink_light {background: #FDF4FF;}
.bg_pink_light {background: #FDF4FF;}
.bg_gray {background: #EBECF0 !important;color: var(--text-secon) !important;}
.bg_main {background: var(--main-color) !important;color: #fff !important;}
.bg_accent {background: var(--accent-strong) !important;color: #fff !important;}
.bg_yeelow_light {background: #FFF3EB;}
.bg_orange {background:#ee4f24}

/* 폰트사이즈 */
.fs-12 {font-size: 12px !important;}  .fs-13 {font-size: 13px !important;}  .fs-14 {font-size: 14px !important;}  .fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}  .fs-18 {font-size: 18px !important;}  .fs-20 {font-size: 20px !important;}  .fs-24 {font-size: 24px !important;}
.fs-26 {font-size: 26px !important;}  .fs-28 {font-size: 28px !important;}  .fs-30 {font-size: 30px !important;}  .fs-34 {font-size: 34px !important;}
 .ft-18 {font-size: 18pt !important;}  
.vm {vertical-align: middle;}   .vs {vertical-align: sub;} .vtt {vertical-align: text-top;} .dsin {display: inline-block;} .dsib {display: block;}
.boldblack {font-weight: 700;}
.bold {font-weight: 600;}
.semibold {font-weight: 500;}
.normal {font-weight: 400;}
.thin {font-weight: 100;}
.bd {border-bottom: 1px solid #F5F5F7;}
.txt-r {text-align:right !important}

.danger{width:100%;position:fixed;text-align:Center;width:100%;bottom:80px;}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
	font-family: 'pretendard',
}

/* 공통 */
/************************************** 
** button & badge
***************************************/
/* 공통 */
button:hover{cursor:pointer; outline:none;}
.btn {border: 0;}

#submitBtn {
    background-color: #ccc;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    cursor: not-allowed;
    transition: all 0.3s;
    width: 100%;
    border-radius: 10px;
}

#submitBtn.active {
  background-color: #ee4f24 !important;
  color: white !important;
  cursor: pointer;
}

#closeModal {
    background-color: #ee4f24;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    cursor: not-allowed;
    transition: all 0.3s;
    width: 100%;
    border-radius: 10px;
}

.close-modal {
    background-color: #ee4f24;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    cursor: not-allowed;
    transition: all 0.3s;
    width: 100% !important;
    border-radius: 10px;
}

/* 크기 */
.btn.s0{height:25px;}  .btn.s{height:36px;padding: 8px 16px;border-radius: 6px;font-size: 14px;} .btn.m{height: 40px;}  .btn.l{height: 48px;padding: 12px 31px;text-align: center;width: auto;margin: 0 2px;}

/* 칼라 */
.btn.btn-main {background: var(--main-color);color: #fff !important;}
.btn.btn-accent {background: var(--accent-strong);color: #fff !important;}
.btn.btn-gray {background: #EBECF0 !important;color: #5E606B;}
.btn.btn-secon-fill {background:#E5EBFF;color: #4040FF;border-radius: 8px;padding: 10px 16px;font-weight: 600;}

/* 라인 */
.btn.bd{background-color:#fff; border:1px solid #757676; color:#535454;}
.btn.bdGray{background-color:#fff; border:1px solid #e1e1e1; color:#535454;}
.btn.bdRed{background-color:#fff; border:1px solid #e15449; color:#da291c;}

/* badge */
.badge {border-radius: 30px;}
.badge.s {font-size:12px;padding: 1px 4px}
.badge.m {
    font-size: 14px;
    padding: 4px 10px;
}
.badge.border_pink {border: 1px solid #E226F3;color: #E226F3;}
.badge.pink_light {color: #E226F3;background: #F8CCFF;font-weight: 600;max-width:60px;margin:0 auto}

.badge_gray {color: #5E606B;border: 1px solid #4D4E57;padding: 2px 6px;border-radius: 4px;font-weight: 600;text-align: center;display: inline-block;font-size: 12px;}
.badge_pink {color: #E226F3;border: 1px solid #E226F3;padding: 2px 6px;border-radius: 4px;font-weight: 600;text-align: center;display: inline-block;font-size: 12px;}
.badge_blue {color: #5C5CFF;border: 1px solid #5C5CFF;padding: 2px 6px;border-radius: 4px;font-weight: 600;text-align: center;display: inline-block;font-size: 12px;}
.badge_yellow {color: #FF7729;border: 1px solid #FF7729;padding: 2px 6px;border-radius: 4px;font-weight: 600;text-align: center;display: inline-block;font-size: 12px;}
.badge_red {color: #E02D3C;border: 1px solid #E02D3C;padding: 2px 6px;border-radius: 4px;font-weight: 600;text-align: center;display: inline-block;font-size: 12px;}

/* 버튼 */
.btn.go_btn {background: #5C5CFF;color: #fff;font-size: 16px;font-weight: 600;width: 60px;height: 40px;border-radius: 8px;flex: none;}
.inquiry_btn {background: #E5EBFF;color: var(--accent-strong);margin: 24px 0 0 0;}
.btn.btn_main {background: #5C5CFF;color: #fff;font-size: 14px;font-weight: 600;width: 60px;height: 40px;border-radius: 8px;flex: none;}
.btn.btn_gray {background: #E1E3E8;color: #8E939E;font-size: 14px;font-weight: 600;width: 60px;height: 40px;border-radius: 8px;flex: none;}

/* 이미지형 */
.btn.aside{background:url('../../images/menu-right-alt.png') no-repeat 100%;background-size: 100%;width: 32px;height: 32px;}
.btn.btn-primary {background: var(--purple) !important;}
.btn.modal_close_btn {background:url('../../images/icon-close-line.png') no-repeat 100%;background-size: 100%;width: 24px;height: 24px;padding: 0;margin: 0;}
.btn.instagram_btn {height: 48px;margin-top: 50px;width: 100%;border: 2px solid transparent;border-radius: 6px;background-image: linear-gradient(#fff, #fff),linear-gradient(0deg, rgba(102, 32, 245, 0.8) 0%, rgba(235, 70, 82, 0.8) 39.39%, rgba(247, 166, 70, 0.8) 66.09%, rgba(233, 54, 135, 0.8) 87.54%);background-origin: border-box;background-clip: content-box, border-box;text-align: left;}
.btn.instagram_btn > img {vertical-align: middle;margin-left: 16px;}
.btn.refresh {width: 48px;height: 48px;border: 1px solid #EBECF0;border-radius: 50%;box-shadow: 0px 1px 2px -1px #00000005;background: #fff url('../../images/icon-refresh-s.png') no-repeat center;}
.reset_seat,
.area_seat {width: 105px;height: 48px;line-height: 48px;border: 1px solid #EBECF0;background: #fff;border-radius: 45px;box-shadow: 0px 1px 2px -1px #00000005;position: absolute;bottom: 20px;right: 76px;font-size: 14px;display: flex;align-items: center;justify-content: center;gap: 4px;font-weight: 500;}
.btn.person_btn {
    border: 1px solid #5C5CFF;
    color: #5C5CFF;
    padding: 5px 8px;
    border-radius: 6px;
    margin-left: 8px;
    font-size: 13px;
    font-weight: 600;
}
.btn.person_btn > img {vertical-align: bottom;}
.btn.cast_btn {border: 1px solid #D0D2D9;border-radius: 6px;padding: 10px 12px;font-size: 14px;}
.btn.cast_btn img {width: 16px;height: 16px;vertical-align: bottom;}

.btn.plus_btn {background:#fff url('../../images/icon-add-s.png') no-repeat center;}
.btn.plus_btn.disabled {background: #F5F5F7 url('../../images/icon-add-s-disabled.png') no-repeat center;}
.btn.minus_btn {background:#fff url('../../images/icon-remove-s.png') no-repeat center;margin-bottom: 12px;background-size: 24px;}
.btn.minus_btn.disabled {background: #f5f5f7 url(../../images/icon-remove-s_disabled.png) no-repeat center;margin-bottom: 12px;}
.btn.refresh_btn {background:#fff url('../../images/icon-refresh-s.png') no-repeat center;}
.btn.img_thumb_up {background: #fff url('../../images/icon-thumb.png') no-repeat left;background-size: 20px;width: 33px;height: 20px;vertical-align: text-bottom;padding-left: 22px;vertical-align: middle;font-size: 13px;}
.btn.icon-100 {background:#fff url('../../images/icon-100.png') no-repeat center;}
.btn.icon-1x {background:#fff url('../../images/icon-1x.png') no-repeat center;}
.btn.icon-expand {background:#fff url('../../images/icon-expand.png') no-repeat center;}
.btn.icon-pc {background:#fff url('../../images/icon-pc.png') no-repeat center;}
.btn.icon-pc2 {background:#fff url('../../images/icon-pc2.png') no-repeat center;}
.btn.close_x {background: url('../../images/icon_close_line.png') no-repeat center;width: 20px;height: 20px;vertical-align: middle;flex: none;}

.btn.arrow_right {background: #fff url('../../images/arrow-right.png') no-repeat;height: 16px;vertical-align: middle;padding-right: 16px;background-position: right;}
.btn.arrow_right_s {background: #fff url('../../images/chevron.png') no-repeat center;background-size: 8px;vertical-align: middle;padding-right: 12px;background-position: right;}
.btn.arrow_top {background: #fff url('../../images/chevron_top.png') no-repeat right;height: 16px;vertical-align: middle;padding-right: 20px;background-size: 14px;}
.btn.arrow_down {background: #fff url('../../images/chevron_down.png') no-repeat right;height: 16px;vertical-align: middle;padding-right: 20px;background-size: 14px;}


.scroll {overflow-y: scroll;overflow-x: hidden;width: 100%;height: 488px;border-radius: 8px;padding-right: 0;}
.scroll::-webkit-scrollbar {background: #EBECF0;width: 12px;height: 200px;}
.scroll::-webkit-scrollbar-thumb {background: #B2C2FF;border-radius: 8px;}
::-webkit-scrollbar {background: #fff;width: 10px;}
::-webkit-scrollbar-thumb {background: #D0D2D9;border-radius: 8px;}

/* ==== margin && padding ==== */
.mt0 {margin-top: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb60 {margin-bottom: 60px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.pr0 {padding-right: 0 !important;}
.point-desc {color: #aaa !important}

/* ==== width && height ==== */
.w100 {width: 100% !important}
.w50 {width: 50% !important}
.w60 {width: 60% !important}
.w70 {width: 70% !important}
.w110 {width: 110px !important}
.w420 {width: 420px !important}
.w440 {width: 440px !important}
.w442 {width: 442px !important}
.w730 {width: 730px !important}
.w560 {width: 560px !important}
.w690 {width: 690px !important}
.w750 {width: 750px !important}
.w800 {width: 800px !important}
.w810 {width: 810px !important}
.w816 {width: 816px !important}
.w840 {width: 840px !important}
.w1040 {width: 1040px !important}
.h155 {height: 155px !important}
.h470 {height: 470px !important}
.w-40 {width: 40px !important}
.w-80 {width: 80px !important}
.p10 {padding:10px !important}


.mgt8 {margin-top: 8px;}      .mgt12 {margin-top: 12px;}      .mgt24 {margin-top: 24px;}      .mgt40 {margin-top: 40px;}
.mtminus30 {margin-top:-30px}
.mgb0 {margin-bottom: 0 !important;}      .mgb8 {margin-bottom: 8px;}      .mgb12 {margin-bottom: 12px;}      .mgb40 {margin-bottom: 40px;}    .mgb24 {margin-bottom: 24px;}
.pdb0 {padding-bottom: 0 !important;}     .pdb8 {padding-bottom: 8px;}     .pdb12 {padding-bottom: 12px;}     .pdb16 {padding-bottom: 16px;}   .pdb40 {padding-bottom: 40px;}
.pdb24 {padding-bottom: 24px;}
.pdt0 {padding-top: 0 !important;}      .pdt8 {padding-top: 8px;}      .pdt12 {padding-top: 12px;}     .pdt20 {padding-top: 20px;}     .pdt40 {padding-top: 40px;}      .pdt24 {padding-top: 24px;}
.gcolor{color:#5E606B !important}
.underline{padding-bottom:0px;border-bottom:1px solid silver}


.flex {display: flex;}
.flex.gap4 {gap: 4px;}
.flex.gap8 {gap: 8px;}
.flex.gap12 {gap: 12px;}
.flex.gap16 {gap: 16px;}
.flex.gap24 {gap: 24px;}
.flex.between {justify-content: space-between;}
.flex.justify {justify-content: center;}
.f_justify {justify-content: center !important;}
.flex.align-items {align-items: center;}
.ms-left {margin-left: auto;}
.mt-auto {margin-top: auto;}
.tc {text-align: center;}  .tl {text-align: left;}   .tr {text-align: right;}
.flex-wrap {flex-wrap: wrap;}


ul.ul0{overflow:hidden;}
ul.ul0 > li{float:left; box-sizing:border-box;}
ul.ul2 > li{width:50%;} ul.ul3 > li{width:33.33%;} ul.ul4 > li{width:25%;}
ul.ul5 > li{width:20%;} ul.ul6 > li{width:16.66%;} ul.ul7 > li{width:14.285%;}

li.li1 {width:10%;}
li.li2{width:25%;} li.li3{width:35%;} li.li4{width:45%;} li.li5{width:55%;}
li.li6{width:65%;} li.li7{width:75%;}

/************************************** 
** color 스타일
***************************************/
.black{color:#000 !important}
.red{color:#ff0000 !important}
.orange{color:#ee4f24 !important}
.sliver{color:gray !important}
.gray{color:gray !important}


/************************************** 
** text 스타일
***************************************/
.item_text {}
.item_text dl {margin-bottom: 12px !important;}
.item_text dl:last-child {margin: 0 !important;}

.tit_box2 {display: flex;align-items: center;gap: 12px;font-size: 14px;}
.tit_box2 dt {font-size: 14px;width: 52px;color: var(--text-tertiary);}
.tit_box2 dd {font-size: 16px;color: var(--text);flex-grow: 1;}
.tit_box2.between {justify-content: space-between;}



.tit_box3 {display: flex;align-items: center;gap: 24px;font-size: 14px;}
.tit_box3 dt {color: var(--text);font-size: 14px;width: 52px;font-weight: 600;}
.tit_box3 dd {font-size: 14px;color: var(--text);flex-grow: 1;}

.tit_box4 {display: flex;align-items: center;gap: 24px;font-size: 14px;}
.tit_box4 dt {color: var(--text-tertiary);font-size: 14px;}
.tit_box4 dd {font-size: 14px;color: var(--text);}

/* 13/gray  14/black */
dl.tex_box {display: flex;align-items: center;}
dl.tex_box dt {font-size: 13px;color: var(--text-secon);flex-grow: 1;}
dl.tex_box dd {font-size: 14px;}

.dotted_list {}
.dotted_list li {font-size: 14px;color: var(--text);position: relative;padding-left: 10px;text-align: left;}
.dotted_list li::before {content:'';color: var(--text-tertiary);width: 3px;height: 3px;display: inline-block;background: var(--text-tertiary);border-radius: 3px;vertical-align: middle;position: absolute;left: 0;top: 7px;}
.dotted_list.fs-16 {}
.dotted_list.fs-16 li {font-size: 16px;}

.dotted_list.gray li {color: var(--text-tertiary);line-height: 20px;margin: 3px 0;}
.dotted_list.gray.fs-13 li {font-size: 13px;}

/* -텍스트 */
.minus_list {}
.minus_list li {padding-left: 15px;position: relative;}
.minus_list li::before {content:'-';position: absolute;left: 0;}

/* ㅣ텍스트 */
.line_right {display: flex;}
.line_right li {}
.line_right li a {color: var(--text-tertiary);}
.line_right li .on {color: #1B1B1F;font-weight:600}
.line_right li:after {content:'';height: 12px;width: 1px;background: rgba(0, 0, 0, 0.1);display: inline-block;margin: 0px 6px;vertical-align: middle;}
.line_right li:last-child:after {display:none}


/************************************** 
** 폼 스타일
***************************************/
/* 라디오 */
.form_riadio {display: flex;gap: 16px;}
  .radio-btn {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #d0d2d9;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #fff;
    color: #333;
    user-select: none;
	width:94%;
	margin-left:3%;
	font-size:0.9em
  }
  
  .radio-btn2 {
   display: inline-block;padding: 5px 14px;border: 1px solid #d0d2d9;border-radius: 5px;margin-right: 10px;cursor: pointer;background-color: #fff;color: #333;user-select: none;transition: 0.3s;font-size:10pt;margin-bottom:10px
  }

  input[type="radio"] {
    display: none;
  }

input[type="radio"]:checked + .radio-btn
 {
    background-color: #fff;
    border-color: #ee4f24;
}
input[type="radio"]:checked + .radio-btn2
 {
    background-color: #ee4f24;
    color: white;
    border-color: #ee4f24;
}
  input[type="date"].w100 {
    width: 100%;
  }


/* 체크박스 */
  .check-btn {display: inline-block;padding: 5px 14px;border: 1px solid #d0d2d9;border-radius: 5px;margin-right: 10px;cursor: pointer;background-color: #fff;color: #333;user-select: none;transition: 0.3s;font-size:10pt;margin-bottom:10px}

  input[type="checkbox"] {
    display: none;
  }

input[type="checkbox"]:checked + .check-btn {
    background-color: #fff;
    /* color: white; */
    border-color: #ee4f24;
}
.time-selector {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  font-family: sans-serif;
}

input[type="range"]
 {
    -webkit-appearance: none;
    width: 100%;
    height: 2px !important;
    background: #ddd;
    border-radius: 5px;
    outline: none;
    transition: background 0.3s;
    padding: 0px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: none;
  box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: none;
}

.time-label {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 5px;
}

.time-value {
  margin-top: 10px;
  font-weight: bold;
  color: #333;
}

  /* 도트 위치 및 색상 설정 */
  .swiper-pagination {
    text-align: center;
    margin-top: 30px;
  }
  .swiper-pagination-bullet {
    background: #ddd;
    opacity: 1;
  }
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #ee4f24 !important;
}
/************************************** 
** web_header
***************************************/
article {margin-bottom: 40px;}
/*  web_header*/
.header_web {width: 100%;background-color: #fff;border-bottom: 1px solid #EBECF0;position: fixed;top: 0;height: 72px;z-index: 99;}
.header_flex_bar {
    display: flex;
    align-items: center;
    max-width: 1280px;
    padding: 15px 0;
    margin: 0 auto;
    width: calc(100% - 30px);
}
.header_flex_bar .logobox {margin-right: 24px;width: 100px;height: 24px;}
.header_flex_bar .logobox .logo {
    width: 100px;
    height: 24px;
    background: url(../../images/m-icon-logo.png) no-repeat;
    display: inline-block;
    background-size: 100px;
}
.header_flex_bar .logobox img {width: 100px;}
.plus_btn{width:50px;height:50px;padding:10px;border:1px solid #d0d2d9 !important;border-radius:5px;overflow:hidden}
.plus_btn img {
    width: 100% !important;
    height: 100% !important;
}
.file-input {
display: none;
}
.search {width:100%}
.search input{width:260px}
/* .header_searchbar_wrap {margin-right: 60px;width: 300px;height: 36px;border: 1px solid rgba(0, 0, 0, 0.02);background-color: #F7F7F7;border-radius: 100px;display: flex;justify-content: space-between;align-items: center;}
.header_searchbar_input {flex: 1;padding: 8px 16px;}
.searchicon_wrap {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;padding: 8px 16px;} */
textarea::placeholder {font-size:10pt;color:#555;font-weight:100;letter-spacing:0.5px}
input::placeholder {font-size:10pt;color:#555;font-weight:100;letter-spacing:0.5px}

.border-t {border-top:1px solid #d0d2d9 !important;padding-top:20px;overflow:hidden}
.input_box {position:relative}
.input_box input{width:100%;height:42px} 
.input_box input::placeholder {font-size:10pt;color:#555;font-weight:100;letter-spacing:0.5px}
.input_box textarea::placeholder {font-size:10pt;color:#555;font-weight:100;letter-spacing:0.5px}
.input_box2 {border: 0px solid #d0d2d9;border-radius: 5px;padding: 7px 0px 2px 0px;height:40px;font-size:10px !important;margin-top:32px}
.input_box textarea{padding:10px}
.input_box select{height:42px;border-radius:5px}
.border-t img{width:50px;height:50px;border-radius:5px}
.border-t li{width:16.6%;float:left;margin-bottom:5px}
select {
  padding-right: 30px; /* 화살표와 텍스트 사이 여백 */
  appearance: none;     /* 브라우저 기본 화살표 제거 */
  background-image: url('../images/arrow_down.png');
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px;
  border: 1px solid #d0d2d9;
  border-radius: 8px;
  height: 40px;
  padding-left:15px;
  font-size:10pt !important
}

  outline: none;            /* 기본 outline 제거 (선택 사항) */
  border: 2px solid #ababab;  /* 두껍고 검정색 테두리 적용 */
}
.bold{font-weight: bold;}
  a {
    color: #424242 !important;
    font-weight: bold;
    text-decoration: none  !important;
	}

  a:hover {
    color: #000  !important;
    text-decoration: none  !important;
  }

  .swiper {
    width: 100%;
    height: 360px;
  }
  .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fff !important;
}
.coment {background:#fafafa;border-radius:5px;display:flex;padding:10px}
.coment button{background:#eee;padding:10px 15px;margin-left:10px;border-radius:10px;font-size:10pt}
.nbtn {width:100%;border-bottom:0px dotted #ddd;padding:10px 10px;margin-bottom:0px;text-align:right}
.nbtn img {
    height: 20px;
    margin: 0px 3px 0px 10px;
}
.line_btn {
    width: 30px !important;
    height: 3px !important;
    background: #ddd;
    margin: 0 auto;
    padding: 0px !important;
    margin-bottom: 10px;
}
.paging {text-align:Center;padding:10px 0px;overflow:hidden}
.paging span{border:1px solid #ddd;margin:3px;padding:5px 8px;font-size:9pt}
.paging .on{background:#ee4f24;border:1px solid #ee4f24;color:#fff}
.fl{float:left !important}
.fr{float:Right !important}
.cl{clear:both !important}
.radius10{border-radius:10px !important}
.bnone{border:0px !important}
.bg-gray{background:#fafafa !important}
.h30 {height:20px !important}
.text-left {text-align:left !important}
.btm30 {top:30% !important}
.btm40 {top:40% !important}
.btm60 {top:60% !important}

/************************************** 
** modal
***************************************/
.modal {
  position: fixed;
  z-index: 999;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 배경 반투명 */
  border-radius:0px
}



.modal-content {
  background-color: white;
  padding: 20px 10px 10px;
  width: 96% !important;
  text-align: center;
  position:absolute;
  bottom:0px;
  margin:2%;
}	

.row_con {height:74vh;overflow-y:scroll;border:1px solid #ddd;margin:10px 0px;padding:20px}

ul{margin:0px  !important;padding:0px  !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt100{margin-top:100px !important}
.mt150{margin-top:150px !important}
.mt200{margin-top:200px !important}
.pr10{padding-right:10px}

.h30{height:30px !important}
.h35{height:35px !important}
.h40{height:40px !important}
.h50{height:50px !important}
.h100{height:100px !important}
.h150{height:150px !important}
.h200{height:200px !important}
.h300{height:300px !important}
.w40 {width:40px !important}
.txt_r{text-align:right !important}

.p13{padding:0px 13px}
.sns_login img{height:20px !important;margin-right:10px;margin-top:-3px;}
.kakao{background:#f9df32;border:1px solid #f9df32;width:100%;color:#000 !important;border-radius:10px;padding:10px;margin-bottom:20px}
.naver{background:#1dc800;border:1px solid #1dc800;width:100%;color:#fff !important;border-radius:10px;padding:10px;margin-bottom:20px;}
.email{background:#fff;border:1px solid #000;width:100%;color:#000 !important;border-radius:10px;padding:10px;margin-bottom:20px}
.apple{background:#030303;border:1px solid #030303;width:100%;color:#fff !important;border-radius:10px;padding:10px;margin-bottom:20px}
.right_arrow {float:right;margin-right:-5px !important;margin-top:-3px !important;height:32px !important}
.border_b {border-bottom:1px solid #ddd}


#logoutConfirm {
    background-color: #ee4f24;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    cursor: not-allowed;
    transition: all 0.3s;
    width: 50%;
	border-radius: 10px;
}
.modalClose {
    background-color: #141414;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    cursor: not-allowed;
    transition: all 0.3s;
    width: 50%;
    border-radius: 10px;
}