@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");

/* 기본 레이아웃 */
html, body {/*min-width:1200px;*/ width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; background:#fff; transition:.2s linear;}
input.text,
select.text {height:30px;}
input.text {padding:0 10px;}
/* select.text {padding-left:10px;
	-webkit-appearance:none;
	-moz-appearance:none; 
	appearance:none;
	background:url('/images/arrow_select.png') no-repeat right 10px center #fff;
} */
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
button,input,a {transition:.2s linear;}
a.smoth {scroll-behavior:smooth;}
.imgin img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}

.inner {width:100%; max-width:1200px; margin:0 auto;}
span.br {display:block;}


.pc_vw {display:block !important;}
.mo_vw {display:none !important;}

.red {color:#f00 !important;}

/*@media screen and (max-width:1200px){
	html, body {overflow-x:auto;}
}*/

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}

/* 게시판 목록 */
.board_list {border-top:#ddd 2px solid;}
.board_list th,
.board_list td {height:40px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {background:#f5f5f5; color:#333;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .w1 {width:70px;}
.board_list .w2 {width:90px;}
.board_list .w3 {width:110px;}
.board_list .w4 {width:80px;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:40px; line-height:40px; background:#0e5ba2; font-size:15px; color:#fff; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
.board_bottom .btns .btn_l {color:#0e5ba2; line-height:38px; border:#0e5ba2 1px solid; background:#fff;}
.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#04427b;}
.board_bottom .paging {text-align:center; font-size:0;}
.board_bottom .paging a {display:inline-block; width:40px; height:40px; line-height:38px; text-align:center; border:#ddd 1px solid; font-size:15px; color:#666; vertical-align:top; margin:0 1px;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#0e5ba2; color:#fff; border-color:#0e5ba2;}
.board_bottom .paging .nums {margin:0 3px;}
.board_bottom .paging .arrow {background:none !important; letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}
.board_bottom .search_wrap {text-align:center; font-size:0; margin-top:20px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:40px; font-size:15px;}
.board_bottom .search_wrap .text {line-height:38px;}
.board_bottom .search_wrap select.text {width:100px;}
.board_bottom .search_wrap input.text {width:300px; margin:0 10px;}
.board_bottom .search_wrap .btn {width:120px; line-height:40px; border:0; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center;}

/* 게시판 상세 */
.board_in table {border-top:#666 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid; word-break:break-all;}
.board_in td {color:#666;}
.board_in thead th {font-size:30px; color:#333; font-weight:700; line-height:30px; padding:25px 20px 0; border-bottom:0; text-align:center;}
.board_in thead td {text-align:center; font-size:0;}
.board_in thead td span {display:inline-block; vertical-align:top; font-size:15px; line-height:26px; padding:10px;}
.board_in tbody td {padding:20px 0; font-size:17px;}
.board_in tbody td .bank {text-align:center; padding-bottom:20px;}
.board_in tbody td .bank span {display:inline-block; color:#fff; background:#999; padding:5px 20px; border-radius:5px;}
.board_in tfoot td {position:relative; padding-left:80px; font-size:15px; line-height:26px;}
.board_in tfoot td em {position:absolute; top:10px; left:10px;}
.board_in tfoot td a {display:block;}

.board_view {border-top:#273a58 2px solid;}
.board_view .tit {position:relative; font-size:22px; color:#022; font-weight:700; padding:10px 130px 20px 0; border-bottom:#ddd 1px solid;}
.board_view .tit  strong {line-height:2; }
.board_view .tit .date {position:absolute; top:50%; right:25px; font-size:17px; color:#9f9f9f; font-weight:400; transform:translateY(-50%);}
.board_view .con {padding:60px 0; border-bottom:#ddd 1px solid;}


.board_write {position:relative; display:inline-block; width:100%; border-top:#273a58 2px solid;}
.board_write th,
.board_write td {border-bottom:#ddd 1px solid; font-size:16px;}
.board_write th {width:200px; background:#f5f5f5; padding:0 25px;}
.board_write td {padding:10px 20px;}
.board_write select.text,
.board_write input.text {height:40px; max-width:100%; padding:0 10px;}
.board_write .w1 {width:600px;}
.board_write .w2 {width:240px;}
.board_write .w3 {width:100px;}
.board_write .tel .text {width:120px;}
.board_write .tel span {display:inline-block; width:32px; line-height:50px; text-align:center;}
.board_write .flex + .flex {margin-top:10px;}
.board_write .yn {gap:28px; align-items:center;}
.board_write strong {color:#222; font-weight:600;}
.board_write .email span {display:inline-block;width:32px; line-height:50px; text-align:center;}
.board_write .email .text {width:170px;}
.board_write .email select.text {margin-left:8px;}
.board_write .address {flex-wrap:wrap; gap:12px 0;}
.board_write .address .btn {display:inline-block; font-size:17px;  color:#fff; line-height:40px; height:40px; width:130px; text-align:center; background:#222;}
.board_write .address .text, .board_write .address .btn {margin:2px}
.board_write textarea.text {height:160px;}
.board_write .inbtn .w1 {max-width:calc(100% - 92px);}
.board_write .inbtn .btn {width:92px; height:50px; text-align:center; color:#fff; background:#222;}
.board_write td.ppl_select select {width:200px; max-width:100%; height:46px; line-height:44px; border-radius:10px; border:#ddd 1px solid;}
.board_write .flex.addr {display:flex; gap:10px; }
.board_write .flex.addr div {width:calc((100% - 20px)/3);}
.board_write .flex.addr select.text {width: 100%; }

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.opt_count {}
.opt_count button {float:left;width:40px;height:40px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
.opt_count button:hover {color:#000}
.opt_count .num_input {float:left;border:0;height:40px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center; border-radius:0px;}


.terms_area {margin-top:75px;}
.terms_area .tit {font-size:28px; color:#222; font-weight:700; line-height:1; margin-bottom:30px;}
.terms_area .textarea {border:#ebebeb 1px solid; padding:20px;  height:140px; overflow:auto; font-size:13px; line-height:1.4; margin-bottom:20px;}
.terms_area .slice {margin:30px 0; width:100%; height:1px; background:#ebebeb;}
.btn_submit {display:block; font-size:24px; color:#fff; font-weight:700; line-height:74px; height:74px; width:280px; text-align:center; background:#1a73e8; border-radius:40px; margin:70px auto 0;}

label.check {position:relative; font-size:16px; color:#666; line-height:18px; padding-left:27px;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:18px; height:18px; border:#ddd 1px solid; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#d42827; transition:.2s linear;}
label.check input:checked + i {border-color:#d42827;}
label.check input:checked + i:before {width:10px; height:10px; margin:-5px 0 0 -5px;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-10px;}
.gall_list li {float:left; width:calc((100% - 20px)/3); margin:10px 0 0 10px;}
.gall_list li:nth-child(3n-2) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li i {display:block; width:100%; height:240px; overflow:hidden;}
.gall_list li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 접근성 */
.blind_link {position:fixed; top:0; left:0; width:100%; z-index:101;}
.blind_link a {position:fixed; top:0; left:0; width:100%; height:0; font-size:20px; color:#fff; font-weight:500; line-height:60px; text-align:center; background:#999e; overflow:hidden;}
.blind_link a:focus {height:auto;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px; background:#fff;}
.header .inner {position:relative; height:100px;}
.header .logo {position:absolute; top:0; left:0; line-height:100px;}
.header .logo img {width:35%; aspect-ratio:128/29;}
.header h1 {display:none;}
.header .gnb {position:absolute; top:0; right:0;}
.header .gnb ul {display:flex;}
.header .gnb li {position:relative;}
.header .gnb li > a {position:relative; display:inline-block;  font-size:20px; color:#222; line-height:70px; padding:10px 22px;}
.header .gnb li > a:before {content:""; position:absolute; top:50%; width:1px; height:14px; background:#e1e1e1; transform:translateY(-50%);}

/* footer */
.footer {background:#fff; padding:50px 0; margin-top:120px; }
.footer .gotop {position:fixed; bottom:20px; right:20px; width:50px; height:50px; border-radius:50%; background:#666 url('/images/gotop.png') no-repeat 50% 50%; font-size:0;}
.footer .flex {    display: flex; overflow:hidden; gap:40px; flex-wrap:wrap;}
.footer .flex + .flex {margin-top:10px;}
.footer .flex span {position:relative; font-size:15px; color:#b7b7b7; line-height:18px;}
.footer .flex span:not(:first-child):before {content:""; position:absolute; top:50%; left:-19px; width:1px; height:12px; background:#e5e5e5; transform:translateY(-50%);}


/* main */
.mvisual {}
.comming{display:block;width:100%;background:#c32af4;color:#fff;font-size:65px; text-align:center;font-weight:700;padding:20px 0;box-sizing:border-box;}



/* sub */
.btn-reserve{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);display:block;width:350px;background:#c32af4;color:#fff;text-align:center;font-size:1.5rem;font-weight:600;border-radius:10px;text-decoration:none;box-sizing:border-box;box-shadow:0 4px 6px rgba(0,0,0,0.1);padding:16px 0;transition:background .3s,transform .3s,box-shadow .3s;z-index:9999;}
.btn-reserve:hover{background:#ae26d3;box-shadow:0 6px 8px rgba(0,0,0,0.15);}

.btn-reserve2 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #c32af4;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 0;
  text-decoration: none;
  box-sizing: border-box;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  padding: 16px 0;
  transition: background .3s, transform .3s, box-shadow .3s;
  z-index: 9999;
  display: block;
  margin: 0; /* 혹시 margin이 들어가면 밀릴 수 있음! */
}
    .btn-reserve2:hover {
      background: #ae26d3;
      box-shadow: 0 6px 8px rgba(0,0,0,0.15);
    }

.container {position:relative; display: block; }
.contents {position:relative; display: block; width:100%; margin:100px 0 30px;padding: 20px;}
.container .title {position:relative; font-size:48px; color:#222; font-weight:700; line-height:46px; padding:20px 20px; }
.container .title p {position:absolute; top:0; right:0; font-size:14px; color:#666; line-height:23px; text-align:right;}
.container .stit {position:relative; font-size:35px; color:#333; font-weight:600; line-height:30px; padding-left:10px; margin:170px 0 35px;}
.container .text_s {position:absolute; top:10px; right:0; font-size:20px; color:#555; font-weight:500; line-height:20px; padding-top:10px; padding-left:10px;}



.cards {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.card{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column; border:1px solid #ddd;}
.card:hover {    box-shadow: 0 8px 20px rgba(1, 188, 255, 0.2);transition: box-shadow 0.3s ease; border:1px solid #01bcff;}

.card-header{min-height:140px; text-shadow:    2px 2px 4px rgba(0,0,0,0.8),    0 2px 8px rgba(0,0,0,0.6); background:#01bcff;color:#fff;text-align:center;padding:30px 0;font-size:27px; font-weight:600;}
.card-img1 {background:url('/images/card_01.jpg') no-repeat center/cover;}
.card-img2 {background:url('/images/card_02.jpg') no-repeat center/cover;}

.card-img1-long {background:url('/images/card_01_long.jpg') no-repeat center/cover;}
.card-img2-long {background:url('/images/card_02_long.jpg') no-repeat center/cover;}


.card-title{font-size:20px;color:#333;text-align:center;margin:16px 0;}
.card-details{margin:0; list-style:none;flex-grow:1; padding:20px 20px; color:#333;}
.card-details dt{font-weight:600;margin-top:8px; font-size:20px; line-height:30px;}
.card-details dd{margin:0 0 8px 12px;color:#666; font-size:17px; font-weight:500; margin-bottom: 20px;}
/*.card-details dd:last-of-type {  margin-bottom: 0;}*/
.card-details .tit{font-weight:600;margin-top:8px; font-size:20px; line-height:30px;}
.card-details .con{margin:0 0 8px 12px;color:#666; font-size:17px; font-weight:500; margin-bottom: 20px;}

.btn-booking{display:block;width:100%;padding:18px 0;background:#c32af4;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:box-shadow .2s; text-align:center;}
.btn-booking:hover{box-shadow: 0 4px 12px rgba(195, 42, 244, 0.5);}
.nostrong {font-weight:300; font-size:17px;}

/*예약 화면*/
.reservation_top {border-radius:8px; border:1px solid #ddd;overflow:hidden;}
.reservation_top .set2{display:flex; flex-wrap:wrap; gap:25px;}
.reservation_top .set2 ul {width:calc((100% - 30px)/2); }
.booking_view {position:relative; }
.booking_view input,
.booking_view select {border-radius:10px;}
.booking_view .tt {font-size:23px; color:#222; font-weight:700; line-height:1; margin:30px 0 20px;}
.booking_view .tt:first-child {margin-top:0;}
.booking_view .tt p { font-size:14px; color:#666; line-height:23px; text-align:right;}
.booking_view .sold_out {color:#e88a8a !important;}
.booking_view .limited {color:#ffe508 !important;}




.booking_view .btn {display:block; font-size:19px; color:#fff; font-weight:700; line-height:46px; height:46px; width:160px; text-align:center; background:#f36421; border:0; border-radius:10px; margin:20px auto 0;}
.opaci{opacity:0.2}

.contact_wrap {display:flex; border-top:#aaa 1px solid; border-bottom:#ddd 1px solid; padding:30px 0 20px;}
.contact_wrap .left {width:60%;}
.contact_wrap .right {width:40%;}
.contact_wrap .date_select {position:relative; border:#1a73e8 2px solid;}
.contact_wrap .chk_open {padding:0px 40px;}
.contact_wrap .chk_open .tt_date {position:relative;margin-top:20px;}
.contact_wrap .chk_open .tt_time {position:relative;margin-bottom:10px;}
.contact_wrap .chk_open .radios {display:flex; flex-wrap:wrap; gap:20px;}
.contact_wrap .chk_open .radios .radio {position:relative; width:100%; font-size:18px; color:#525252; line-height:24px; font-weight:600; padding-left:20px;}
.contact_wrap .chk_open .radios .radio input {display:none;}
.contact_wrap .chk_open .radios .radio i {position:absolute; top:4px; left:0; width:16px; height:16px; border:#bbb 1px solid; border-radius:50%; transition:.2s linear;}
.contact_wrap .chk_open .radios .radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#c62d27; border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
.contact_wrap .chk_open .radios .radio input:checked + i {border-color:#c62d27;}
.contact_wrap .chk_open .radios .radio input:checked + i:before {width:10px; height:10px;}
.contact_wrap .chk_open .radios .radio p {font-size:15px; color:#279df5;}
.contact_wrap .chk_open .radios .radio.sold_out {color:#elelel;}
.contact_wrap .chk_open .radios .radio span {font-size:0.8em;}

.month_area2 {position:relative;}
.month_area2 .month_box {overflow:hidden; padding:30px 15px 30px; border:#eee 1px solid; box-shadow:rgba(0,0,0,.06) 0 0 9px, inset rgba(0,0,0,.06) 0 0 9px;}
.month_area2 .month_box .cal_top {position:relative; float:left;  margin-left:2%; width:100%;}
.month_area2 .month_box .cal_top .btn_arrow {position:absolute; top:-3px; width:14px; height:27px;}
.month_area2 .month_box .cal_top .btn_arrow:before,
.month_area2 .month_box .cal_top .btn_arrow:after {content:""; position:absolute; top:50%; left:50%; width:16px; height:2px; background:#333; margin-left:-8px;}
.month_area2 .month_box .cal_top .btn_arrow:before {margin-top:-6px;}
.month_area2 .month_box .cal_top .btn_arrow:after {margin-top:4px;}
.month_area2 .month_box .cal_top .btn_arrow.prev {left:35px;}
.month_area2 .month_box .cal_top .btn_arrow.prev:before {transform:rotate(-45deg);}
.month_area2 .month_box .cal_top .btn_arrow.prev:after {transform:rotate(45deg);}
.month_area2 .month_box .cal_top .btn_arrow.next {right:35px;}
.month_area2 .month_box .cal_top .btn_arrow.next:before {transform:rotate(45deg);}
.month_area2 .month_box .cal_top .btn_arrow.next:after {transform:rotate(-45deg);}
.month_area2 .month_box .tit {font-size:19px; color:#333; font-weight:600; line-height:20px; text-align:center; margin-bottom:20px;}
.month_area2 .month_box th,
.month_area2 .month_box td {font-size:17px; color:#222; font-weight:500;}
.month_area2 .month_box th {line-height:50px; text-align:center; border-bottom:#ddd 1px solid;}
.month_area2 .month_box td {padding:6px 0; text-align:center; line-height:40px;}
.month_area2 .month_box td div p{height:12px;}
.month_area2 .month_box td .day {position:relative; display:block; width:40px; margin:0 auto; background:none !important; border:#fff 2px solid;}
.month_area2 .month_box td.gray {color:#a1a1a1 !important;}
.month_area2 .month_box td .day input {display:none;}
.month_area2 .month_box td .day i {display:block; width:100%; height:40px; line-height:38px; font-size:17px; color:#222; text-align:center; border-radius:50%; border:#fff 1px solid; margin:0 auto; transition:.2s linear;}
.month_area2 .month_box td .day.selected { border:#c62d27 2px solid;}
.month_area2 .month_box td .day.sun i {color:#7f0000 !important;}
.month_area2 .month_box td .day.sat i {color:#0f007f !important;}
.month_area2 .month_box td .sold_out {text-decoration:line-through;}

 .tt {font-size:23px; color:#222; font-weight:700; line-height:1; margin:40px 0 20px;}
 .tt:first-child {margin-top:0;}
 
  .tt2 {font-size:20px; color:#222; font-weight:400; line-height:1; margin:20px 0 20px;}
 
.circle_list {margin:0; padding:0 0 0 18px; list-style:none;}
.circle_list li {position:relative; padding-left:15px; color:#222; font-size:16px; line-height:28px;}
.circle_list li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #d7d7d7;
    border-radius: 50%;
}


.tbl {border-top:#222 2px solid; font-size:16px;}
.tbl col.w80 {width:80px;}
.tbl col.w90 {width:90px;}
.tbl col.w120 {width:120px;}
.tbl col.w140 {width:140px;}
.tbl col.w160 {width:160px;}
.tbl col.w190 {width:190px;}
.tbl col.w210 {width:210px;}
.tbl col.w250 {width:250px;}
.tbl col.w260 {width:260px;}
.tbl col.w350 {width:350px;}
.tbl th,
.tbl td {border:#ddd 1px solid; border-top:0; padding:20px 10px; text-align:center;}
.tbl th:first-child,
.tbl td:first-child {border-left:0;}
.tbl th:last-child,
.tbl td:last-child {border-right:0;}
.tbl th {background:#f5f5f5; font-weight:600;}
.tbl td .red {color:#f00;}
.tbl p,
.tbl + p {margin-top:10px; font-size:16px; color:#222;}


.sub_txt { color:#222; font-size:16px; line-height:28px;}
.reservation_info span { padding-right:50px;}
.booking_view  .cancel_btn{display: inline-block; background:#ff0000; color:#fff; font-size:13px;  line-height:22px;height:22px;width: 80px;margin:0;}


/* 로그인, 아이디비번찾기 */
.inputs_member {width:480px; max-width:100%; border:#ebebeb 1px solid; border-radius:5px; padding:50px 50px; margin:0 auto;}
.inputs_member .tit {font-size:33px; font-weight:700; text-align:center; margin-bottom:45px;}
.inputs_member .text {width:100%; height:50px; padding:0 15px; border-radius:5px;}
.inputs_member .text + .text {margin-top:12px;}
.inputs_member .flex {padding:20px 0 30px; align-items:center; gap:20px;}
.inputs_member .flex.tel {gap:10px;}
.inputs_member .flex.tel span {width:16px; text-align:center;}
.inputs_member .flex.tel .text {width:calc((100% - 72px)/3);}
.inputs_member .btn {display:block; font-size:20px; line-height:64px; height:64px; border-radius:5px; font-weight:700; color:#fff; background:#1a73e8; border:#1a73e8 1px solid; width:100%; text-align:center;}
.inputs_member .btn.mt {margin-top:40px;}
.inputs_member .links {display:flex; justify-content:center; align-items:center; gap:40px; margin-top:33px; border-top:#ebebeb 1px solid; padding-top:24px;}
.inputs_member .links a {position:relative; font-size:15px; color:#a8a8a8; font-weight:500;}
.inputs_member .links a:before {content:""; position:absolute; top:50%; left:-20px; width:1px; height:14px; background:#e1e1e1; transform:translateY(-50%);}
.inputs_member .links a:first-child:before {display:none;}
.inputs_member .tabs {display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom:45px;}
.inputs_member .tabs button {color:#b2b2b2; font-weight:300; line-height:54px; height:56px; padding:0 28px; border:#e1e1e1 1px solid; border-radius:28px;}
.inputs_member .tabs button.on {color:#fff; background:var(--iden); border-color:var(--iden);}
.inputs_member .tt {font-weight:700; margin:30px 0 10px;}

/* 회원가입 */
.join_inputs {width:550px; max-width:100%; margin:0 auto;}
.join_inputs .text,
.join_inputs .btn {display:block; height:42px; line-height:40px; border-radius:5px;}
.join_inputs .text {width:150px; max-width:100%; }
.join_inputs .text_area {margin-top:15px; border:#d7d7d7 1px solid; border-radius:5px; padding:20px 15px;}
.join_inputs .text_area.mt {margin-top:30px;}
.join_inputs .con {margin-top:20px; height:88px; font-size:14px; color:#666; line-height:22px; overflow:auto;}
.join_inputs .btns_tac .btn {margin:0;}
.join_inputs .tit {font-size:20px; color:#111; line-height:1; margin:20px 0px;}
.join_inputs .tit span {font-size:12px; margin-left:10px; display:inline-block; vertical-align:middle;}
.join_inputs .dls {border-top:#323232 1px solid; border-bottom:#e1e1e1 1px solid; padding:20px 0;margin-top:20px;}
.join_inputs .dls .inbox {width:550px; max-width:100%;}
.join_inputs .dls dl {padding:10px 0; display:flex; line-height:20px;}
.join_inputs .dls dl.thin {padding:0; line-height:34px;}
.join_inputs .dls dt {width:130px; font-size:14px; color:#2a2a2a;}
.join_inputs .dls dd {width:calc(100% - 130px); font-size:15px; display:flex; gap:6px; flex-wrap:wrap;}
.join_inputs .dls .text {display:block; height:40px; border-radius:5px; margin:0;}
.text::placeholder {color:#999;}
.join_inputs .dls .inbtn .text {width:200px;}
.join_inputs .dls .inbtn .btn {width:calc(100% - 206px); height:40px; font-size:15px; color:#fff; line-height:54px; text-align:center; background:#323232; border-radius:5px; margin:0;}
.join_inputs .dls .tel {gap:0;}
.join_inputs .tel .text {width:calc((100% - 60px)/3);}
.join_inputs .tel select.text {padding:0 10px;}
.join_inputs .tel span {width:30px; line-height:52px; text-align:center; font-size:12px;}
.join_inputs .tooltip {font-size:0.9em; line-height:1.2em;}
.join_inputs .text {font-size:14px; border:#e1e1e1 1px solid; margin-top:14px;}
.join_inputs .btn {font-size:15px; color:#fff; background:#1a73e8; margin-top:30px;}
.join_inputs .btn_frmline { margin-top:0px; padding:0 20px; background:#323232; border-radius:5px !important;}

.join_inputs .flex.addr {display:flex; gap:10px; }
.join_inputs .flex.addr span {width:calc((100% - 20px)/3);}


.join_end {padding:60px 55px 50px; text-align:center;color:#333; font-size:20px;}
.join_end strong {display:block; font-size:1.2em; line-height:1.2em;}
.join_end .tt {display:block; font-size:0.9em; line-height:1.2em; margin:20px 10px;}
.join_end .btns {display:flex; justify-content:center; gap:22px;}
.join_end .btn {width:calc(50% - 11px); border:var(--iden) 1px solid; line-height:62px;}
.join_end .btn_ln {color:var(--iden); background:#fff;}
.join_end .btn_bg {color:#fff; background:var(--iden);}


.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none;}
.popup .dm {background:rgba(0,0,0,.6);}
.popup .inbox {position:absolute; top:50%; left:50%; width:780px; max-width:calc(100% - 40px); background:#fff; transform:translate(-50%,-50%); border-radius:10px; padding:35px 25px;}
.popup .btn_close {position:absolute; top:35px; right:25px; width:20px; height:20px; font-size:0;}
.popup .btn_close:before,
.popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:24px; height:1px; background:#99a1a8; margin-left:-12px;}
.popup .btn_close:before {transform:rotate(45deg);}
.popup .btn_close:after {transform:rotate(-45deg);}
.popup .tit {font-size:26px; color:#222; line-height:1; font-weight:700; padding-bottom:15px; border-bottom:#222 1px solid; margin-bottom:20px;}
.popup .btns {display:flex; justify-content:center; gap:14px; margin-top:30px; width:100%; margin-top:32px;}
.popup .btns .btn {width:132px; max-width:calc(50% - 7px); height:50px; line-height:48px; text-align:center; border-radius:10px; font-size:18px; color:#fff; background:#00b1bf; border:#00b1bf 1px solid;}
.popup .btns .btn_clo {color:#777; border-color:#d7d7d7; background:#fff;}