@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* common */
.sub h1{}
.sub h2{}
.sub h3{}
.sub h4{}
.sub h5{}
.sub h6{}

div[class^="area_"] p
section[class^="area_"] p,
article[class^="area_"] p,
div[class^="area_"] li,
article[class^="area_"] li{line-height:1.7; font-weight:300; color:#555;}

#content {padding: 120rem 0 110rem;}
#content .mob_info {padding:5px 0; background:#f1f1f1; font-weight:600; font-size:13px; color:#444;}
#content h2 {font-size: 44rem; color: #111; font-weight: 800;}
#content.taxi-page {padding: 120rem 0 0;}
#content.reservation-page {padding: 150rem 0 110rem;}
#content.listbox-page,
#content.change-page {padding: 100rem 0;}
#content.content-page {padding: 85rem 0;}
#content.price-page {padding: 100rem 0;}

#content.pdcomm {padding: 110rem 0}
input[readonly], input[disabled] {background: transparent !important;}

.bg-gray {background: var(--bg-gray); padding: 110rem 0;}
.bg-gray.ty2 {padding: 65rem 0;}

/* 공통 */
#content section:nth-child(2) {margin-top: 110rem;}

.sub-banner {background: #0a0e27; border-radius: 20rem; width: 655rem; font-family: 'GmarketSans'; margin-left: auto; position: absolute; bottom: -116rem; right: 120rem;}
.sub-banner__inner {padding: 48rem 35rem; display: flex; align-items: flex-end; justify-content: space-between;}
.sub-banner__txt em {display: block; color: #976DF2; font-size: 18rem; text-align: left; font-weight: 700;}
.sub-banner__txt strong {display: block; color: #fff; font-size: 32rem; text-align: left; font-weight: 700; padding: 15rem 0 0;}
.sub-banner__link {font-size: 20rem; font-weight: 700; background: #976DF2; color: #fff !important; border-radius: 100rem; display: block; width: 160rem; height: 55rem; line-height: 55rem; text-align: center;}

.sub-icon__list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center; margin: 85rem 0 65rem;}
.sub-icon__list li {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sub-icon__list img {height: 103rem;}
.sub-icon__list strong {font-size: 20rem; font-weight: 600; color: #111; padding: 30rem 0 0;}

.sub-info__list-wrap {border-radius: 20rem; border: 1rem solid #ddd; padding: 38rem 32rem;}
.sub-info__list-wrap strong {font-size: 18rem; color: #111; padding: 0 0 10rem; display: block;}
.sub-info__list-wrap strong:nth-of-type(n+2) {padding: 22rem 0 10rem;}
.sub-info__list li {font-size: 15rem; color: #666; font-weight: 300; display: flex; align-items: baseline;}
.sub-info__list li i {display: inline-block; padding-right: 3rem;}
.sub-info__list li em {font-size: 13rem; color: #919191; display: contents;}
.sub-info__list li:nth-child(n+2) {padding: 5rem 0 0;}

.sub-tit h2 {position: relative; padding: 18rem 0 0; text-align: left;}
.sub-tit h2::before {content: ''; position: absolute; top: 0; left: 0; width: 27rem; height: 4rem; background: #B294F2; border-radius: 100rem;}
.sub-tit h2::after {content: ''; position: absolute; top: 0; left: 27rem; width: 27rem; height: 4rem; background: #111; border-radius: 100rem;}
.sub-tit p {font-size: 18rem; color: #111; font-weight: 300; padding: 30rem 0 0; line-height: 1.7;}
.sub-tit p em {color: #c90f0f; font-weight: 500;}
.sub-tit p span {color: #666;}
.sub-tit.ty2 {margin-bottom: 60rem;}

/* board */
ul.bbsList{border-top-color:#152f53;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{border-color:#152f53;}
ul.bbsList li .more em,
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color:#152f53;}
ul.bbsList li .notice{background:#152f53;}

.pagination span{color:#152f53; border-color:#152f53;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{background:#f9f1f2; border-color:#f9f1f2;}

.faqList dt.on:before{background:#152f53;}

.bbsTitle_cont > i{color:#c6a582; border-bottom-color:#c6a582;}

.inr_pagination > a:hover > em{color: #c6a582;}

/* page navigation */
.area_navigation{margin-bottom: 10rem;text-align: center;}
.area_navigation ul{display:inline-block; overflow:hidden;}
.area_navigation ul li{position:relative; float:left; line-height:1; padding:0 12px; font-size:16rem; color:#fff;}
.area_navigation ul li img{display:inline-block; position:relative; top:1px; height:12px; vertical-align:top;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:after{content:""; position:absolute; top:3px; right:-3px; width:6px; height:8px; background:url(../images/content/icon_navigation02.svg) no-repeat 50% 50%;}
.area_navigation ul li:last-child:after{display:none;}
.area_navigation ul li a{color:#fff;}

/* lnb */
.lnb .wrap{text-align:center;}
.lnb ul{overflow:hidden;}
.lnb ul li a{display:block;}
.lnb ul li.active a{color:#222;}

/* sub visual */
.area_subVisual{position:relative; height:530rem; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; text-align:center;}
.area_subVisual > .wrap{position:relative; top:50%; transform:translateY(-50%); text-align: left;}
.area_subVisual h2{font-size:55rem; color:#fff; padding: 6rem 0 0;}
.area_subVisual span {font-size: 16rem; font-weight: 600; display: block; color: #fff; }

/* map default */
.area_map .map_style{padding:0; border:none; border-bottom:1px solid #ccc;}
.area_map .map_style .wrap_controllers{display:none;}

/* 이용약관 */
.area_policy{padding-top:0;}
.area_policy h2{padding:30px 0;font-size:40px;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20px;font-weight: 700;font-size:17px;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15px; color:#666;}
.area_policy p{line-height:1.6; font-size:14px;}
.area_policy ul li{margin-bottom:8px;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5px; margin-bottom:20px;}
.area_policy ul li ul li{margin-bottom:2px; font-size:15px;}
.area_policy .inr_policy{padding:40px 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

/* 택시예약 */
.taxi-info__tit {background: #0a0e27; border-radius: 10rem; display: table; margin-top: 45rem; color: #fff; font-size: 17rem; font-weight: 300; padding: 15rem 43rem;}
.taxi-policies__list {display: grid; grid-template-columns: 1fr 1fr; gap: 32rem; margin-top: 55rem; }
.taxi-policies__item {background: #fff; display: flex; align-items: center; padding: 36rem; border-radius: 20rem;}
.taxi-policies__txt {padding: 0 0 0 30rem;}
.taxi-policies__txt strong {font-size: 20rem;}
.taxi-policies__txt p {font-size: 17rem; color: #666; font-weight: 300; padding: 10rem 0 0;}
.taxi-policies h2 {text-align: center;}
.taxi-policies__icon {position: relative; width: 113rem; height: 113rem; border: 1rem solid #ddd; border-radius: 100%;}
.taxi-policies__icon::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.taxi-policies__icon.icon01::before {background: url('../images/content/icon_policies01.svg') no-repeat; width: 41rem; height: 36rem;}
.taxi-policies__icon.icon02::before {background: url('../images/content/icon_policies02.svg') no-repeat; width: 42rem; height: 40rem;}
.taxi-policies__icon.icon03::before {background: url('../images/content/icon_policies03.svg') no-repeat; width: 39rem; height: 41rem;}
.taxi-policies__icon.icon04::before {background: url('../images/content/icon_policies04.svg') no-repeat; width: 24rem; height: 43rem;}
.taxi-info__table {margin: 40rem 0 0;}

#content table.table {margin-top: 0; font-size: 17rem; text-align: center; border-top: 0; position: relative;}
#content table.table::before {content: ''; width: 320rem; height: 340rem; border: 5px solid #976DF2; position: absolute; top: -1rem; left: 240rem;}
#content table.table th {padding: 20rem 10rem;}
#content table.table td {padding: 20rem 10rem;}
#content table.table thead {border-top: 2rem solid #222;}
#content table.table thead tr:last-child th {border-bottom: 0;}
#content table.table thead th {background: unset; font-weight: 600;}
#content table.table tbody tr {border-top: 1rem solid #ddd;}
#content table.table tbody tr:last-child {border-bottom: 1rem solid #ddd;}
#content table.table tbody th {background: #f7f7f7 !important; border: 0; font-weight: 300; color: #111;}
#content table.table tbody td {border: none; font-weight: 300; color: #111;}
#content table.table thead + tbody th {border-right: 0;}

/* 예약페이지 */
.reservation-page {position: relative;}
.reservation-page.ty2 .check_wrap input[type="checkbox"] + label {cursor: none;}
.reservation-page::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 283rem; background: #f7f7f7; z-index: -1;}
.reservation-page .sub-tit h2 {font-size: 40rem; font-weight: 700 !important;}
.reservation-page .sub-info__list {margin-top: 12rem;}
.reservation-page .sub-info__list li {font-weight: 400; font-size: 14rem;}
.reservation__form-wrap {width: 1080rem; margin: 0 auto;}
.reservation__form {width: 580rem;}
.reservation__form-col:nth-of-type(n+2) {margin-top: 60rem;}
.reservation__form-col.first {margin-top: 100rem;}
.reservation__form-col.last {padding-top: 60rem; border-top: 1rem dashed #bbb;}
.reservation__form-col h3 {font-size: 24rem; color: #222; font-weight: 600; padding-bottom: 20rem;}
.reservation__form-col select {display: block; width: 100%; height: 60rem; border-radius: 10rem; border: 0; background: #f7f7f7; padding: 0 28rem; color: #999; font-size: 16rem; margin: 0; font-weight: 300;}
.reservation__form-col select:nth-of-type(n+2) {margin-top: 9rem;}
.reservation__box input {display: block; width: 100%; height: 60rem; border-radius: 10rem; margin: 0; padding: 0 28rem;}
.reservation__box input[type=text]:nth-of-type(n+2) {margin-top: 9rem;}
.reservation__box input::placeholder {color: #999; font-size: 16rem;}
.reservation__box:nth-of-type(n+2) {margin-top: 30rem;}
.reservation__box label {font-size: 18rem; color: #222; font-weight: 400; padding-bottom: 15rem;}
.reservation__box textarea {margin: 9rem 0 0; width: 100%; height: 152rem; border-radius: 10rem; border: 1rem solid #ddd; padding: 18px 28rem;}
.reservation__box textarea::placeholder {color: #999; font-size: 16rem;}

.reservation__inner {display: flex; justify-content: space-between; align-items: baseline;}
.reservation__receipt-wrap {width: 438rem; font-family: 'Pretendard'; position: sticky; top: 30rem;}
.reservation__receipt {padding: 40rem; border-radius: 10rem; border: 1rem solid #ddd; background: #fff;}
.reservation__receipt-tit {position: relative; color: #111;}
.reservation__receipt-tit::before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url('../images/content/icon_logo.svg') no-repeat; width: 94rem; height: 34rem;}
.reservation__receipt-tit h3 {font-size: 24rem;}
.reservation__receipt-tit span {display: block; font-size: 15rem; font-weight: 300; padding-top: 3rem;}
.reservation__info {padding-top: 36rem;}
.reservation__info-list li {display: flex; align-items: center; justify-content: space-between; font-weight: 300; font-size: 15rem;}
.reservation__info-list li p {color: #767676;}
.reservation__info-list li span {color: #111; font-weight: 400;}
.reservation__info-list li:nth-child(n+2) {padding-top: 10rem;}
.reservation__info-list li.bold p,
.reservation__info-list li.bold span {font-size: 18rem; color: #111; font-weight: 600;} 
.reservation__info-list.subtotal {padding: 20rem 0; margin: 20rem 0; border-top: 1rem dashed #bbb; border-bottom: 1rem dashed #bbb;}
.reservation__info-list.total {padding-top: 20rem; margin-top: 20rem; border-top: 1rem dashed #111;}
.reservation__info-list.total li {font-size: 18rem; font-weight: 600;}
.reservation__info-list.total li p {color: #0a0a0a; font-weight: 700;}
.reservation__info-list.total li span {color: #262626; font-weight: 700;}
.reservation__payment {padding: 22rem 40rem; margin-top: 15rem; border-radius: 10rem; border: 1rem solid #ddd; background: #fff;}
.reservation__payment-cont {display: flex; align-items: center; justify-content: space-between;}
.reservation__payment-cont p {font-size: 18rem; color: #000; font-weight: 600;}
.reservation__btn {width: 100%; height: 65rem; background: #0a0e27; border-radius: 10rem; text-align: center; line-height: 65rem; color: #cab7f4 !important; font-size: 18rem; font-weight: 500; display: block; margin-top: 15rem;}
.reservation__check {display: flex; align-items: center; flex-wrap: wrap;}
.reservation__check button {background: #f8f8f8; color: #666; border: 1rem solid #e8e8e8; border-radius: 10rem; width: 26%; height: 50rem; font-size: 17rem;}
.reservation__check p {font-size: 17rem; padding: 0 0 0 2%; color: #666; width: 72%;}
.reservation__check p i {color: #0d55cd;}
.reservation__check p i.off {color: #C90F09;}
.reservation__check span {width: 100%; padding-top: 15rem; margin-top: 24rem; border-top: 1rem solid #ddd; font-weight: 300; color: #666;}
.reservation__check span i {font-weight: 600; color: #111;}


.time-wrap {display: grid; grid-template-columns: 1fr 1fr; gap: 0 15rem;}
.time-wrap select {border: 1rem solid #ddd; background: #fff; text-align: center; color: #666; font-weight: 500; font-family: 'Pretendard';}

input[type="date"] {background: url('../images/content/icon_calendar.svg') no-repeat; background-size: 20rem 16rem; background-position: 28rem center; position: relative; padding: 0 28rem 0 56rem; color: #222; font-weight: 500;}
input[type='date']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; cursor: pointer;}
input[type='date']::before {content: attr(placeholder); width: 100%; height: 100%;}
input[type='date']:valid::before {display: none;}

.switch_wrap {display: flex; cursor: pointer;}
.switch_wrap .switch_chkbox {position: absolute; left: -99999; width: 0; height: 0; margin: 0; padding: 0; font-size: 0; text-indent: -9999rem;}
.switch_wrap .switch_chkbox:checked + label:before {color: #fff;}
.switch_wrap .switch_chkbox:checked + label:after {color: #cbcbcb;}
.switch_wrap .switch_chkbox:checked + label .switch_label__handle {left: 0;}
.switch_wrap .switch_label {margin: 0;position: relative; display: inline-block; width: 60rem; height: 30rem; border-radius: 25rem;}
.switch_label:before,
.switch_label:after {position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; height: 100%; line-height: 28rem ; z-index: 2; font-size: 12rem; font-weight: 700; padding-top: 1rem;}
.switch_label:before {content: "ON"; left: 21rem; color: #fff;}
/* .switch_label:after {content: "OFF"; right: 18rem; color: #fff;} */
.switch_label__handle {position: absolute; top: 0; left: 0; display: inline-block; transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1); width: 60rem; height: 30rem; background: #0a0e27; border-radius: 30rem;}

.check_wrap {margin-top: 17rem;}
.check_wrap label {font-size: 15rem; color: #666; font-weight: 600;}
.check_wrap input[type="checkbox"]{display:none;}
.check_wrap input[type="checkbox"] + label{cursor:pointer;}
.check_wrap input[type="checkbox"] + label > span{vertical-align: middle;padding-left: 8rem;}
.check_wrap input[type="checkbox"] + label:before{content:"";display:inline-block;width: 22rem; height: 22rem; background: #fff; border: 1rem solid #ddd; box-sizing: border-box; border-radius: 50%;vertical-align:middle;}
.check_wrap input[type="checkbox"]:checked + label:before{content: ""; background-image: url('../images/board/checked.svg'); background-repeat: no-repeat; background-color: #000; border: transparent; background-position: 50%;background-size: 10rem auto;}
.count-wrap {display: grid; grid-template-columns: 1fr 1.5fr; gap: 0 12rem;}
.count-wrap li {display: flex; align-items: center; border-radius: 10rem; border: 1rem solid #ddd; padding: 16rem 20rem; justify-content: space-between;}
.count-wrap li span {font-size: 16rem; color: #222;}

.count-num {position: relative; overflow: hidden; width: 96rem; display: flex; }
.count-num button {border: 0; background: #fff; width: 30rem; height: 30rem; border-radius: 100%; border: 1rem solid #ddd; position: absolute; top: 0;}
.count-num .minus {left: 0;}
.count-num .minus::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/content/icon_minus.svg') no-repeat; width: 13rem; height: 13rem;}
.count-num .plus {right: 0; font-size: 18rem;}
.count-num .plus::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/content/icon_plus.svg') no-repeat; width: 13rem; height: 13rem;}
.count-num .inp {border: 0; text-align: center; display: block; width: 100%; height: 27rem; font-size: 18rem;}

/* 학교픽업, 카지노 */
.listbox__list {margin: 70rem 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32rem;}
.listbox__list li {border-radius: 20rem; overflow: hidden; border: 1rem solid #ddd;}
.listbox__img {width: 100%; height: 208rem; overflow: hidden; display: block; background: url('../images/no-image.jpg') no-repeat center/cover;}
.listbox__img img {display: block; width: 100%; height: 100%;}
.listbox__txt {padding: 46rem 25rem; position: relative;}
.listbox__txt a {position: absolute; top: -37rem; right: 28rem; display: block; width: 72rem; height: 72rem; background: #fff; border-radius: 100%; border: 1rem solid #eee; text-align: center; line-height: 72rem; font-size: 15rem; color: #666; transition: .3s;}
.listbox__txt a:hover {background: #0a0e27; border: 1rem solid transparent; color: #fff; transition: .3s;}
.listbox__txt h3 {font-size: 20rem; color: #111; font-weight: 600;}
.listbox__txt p {font-size: 17rem; color: #666; font-weight: 300; padding: 5rem 0 0; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

/* 시간ㆍ자유예약 서비스 */
.free-box__img {display: grid; grid-template-columns: 1fr 1fr; justify-content: center; gap: 0 36rem;}
.free-box__img li {position: relative;}
.free-box__img img {border-radius: 20rem; width: 100%;}
.free-box__txt {position: absolute; left: 40rem; bottom: 40rem; color: #fff;}
.free-box__txt h3 {font-size: 25rem;}
.free-box__txt p {font-size: 17rem; font-weight: 300; padding-top: 12rem;}

/* 공항출발택시 */
.airport-step__list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 24rem;} 
.airport-step__list li {border-radius: 20rem; background: #fff; text-align: center; padding: 60rem 20rem;}
.airport-step__list li i {width: 65rem; height: 65rem; border-radius: 100%; background: #0a0e27; display: block; color: #fff; font-weight: 600; line-height: 65rem; margin: 0 auto; font-size: 16rem;}
.airport-step__txt strong {font-size: 25rem; padding-top: 55rem; display: block;}
.airport-step__txt p {font-size: 17rem; color: #666; padding-top: 15rem; font-weight: 300;}

/* 취소ㆍ변경 */
.change-cont__txt h3 {font-size: 25rem; color: #111; font-weight: 600;}
.change-cont__info {display: flex; justify-content: space-between; align-items: center; padding: 35rem 0 40rem; margin-bottom: 40rem; border-bottom: 1rem solid #ddd;}
.change-cont__info p {font-size: 17rem;}
.change-cont__info em {display: inline-block; font-weight: 700; border-radius: 6rem; border: 1rem solid #666; padding: 10rem 14rem;}
.change-cont__info span {display: inline-block; padding: 0 0 0 14rem;}
.change-cont__info a {padding: 14rem 20rem; background: #000; border-radius: 10rem; color: #fff134; display: flex; align-items: center; font-size: 17rem;}
.change-cont__info a i {background: url('../images/content/icon_kakao.svg') no-repeat; width: 26rem; height: 26rem; display: inline-block; padding: 0 15rem 0 0;}
.change-info {margin-top: 65rem !important;}

/* Q&A */
.content-tab__menu {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; background: #f8f8f8; border-radius: 10rem;}
.content-tab__menu li {text-align: center; font-size: 20rem; color: #aaa; font-weight: 600; padding: 22rem 10rem; cursor: pointer;}
.content-tab__menu li.on {background: #0a0e27; color: #cab7f4; border-radius: 10rem;}
.content-tab__cont {margin-top: 65rem; border-top: 1rem solid #000; display: none;}
.content-tab__cont.on {display: block;}
.content-tab__item {cursor: pointer;}
.content-tab__item:nth-child(n+2) {border-top: 1rem solid #dedede;}
.content-tab__item:last-child {border-bottom: 1rem solid #dedede;}
.content-tab__item > div {padding: 45rem 38rem;}
.content-tab__item > div p {display: flex; align-items: center;}
.content-tab__item i {font-size: 25rem; color: #000; font-weight: 700; display: inline-block; padding: 0 25rem 0 0;}
.content-tab__tit {font-size: 25rem; color: #000; font-weight: 700; position: relative;}
.content-tab__tit p::before {content: ''; position: absolute; top:57rem; right: 38rem; background: url('../images/content/icon_accordion.svg') no-repeat; width: 17rem; height: 17rem; transition: all 0.8s;}
.content-tab__tit.on p::before {transform: rotate(180deg); transform-origin : center center; transition: all 0.8s;}
.content-tab__txt {background: #f7f7f7; display: none;}
.content-tab__txt p {font-size: 17rem; color: #333; font-weight: 400; display: flex; align-items: center;}

/* 택시 요금표 */
#content.price-page table.table::before {display: none;}
#content.price-page table.table th {background: #f7f7f7;}
#content.price-page table.table td {position: relative;}
#content.price-page table.table td:nth-child(2)::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -15rem; background: url('../images/content/icon-table-arrow.svg') no-repeat; width: 30rem; height: 30rem;}
.price-page .content-tab__menu {width: 60%; grid-template-columns: 1fr 1fr 1fr; margin: 50rem auto 0;} 
.price-page .content-tab__cont {border-top: 0; margin-top: 0;}
.price-page .sub-info__list {margin-top: 12rem;}

.link-wrap {display: flex; justify-content: center; margin-top: 80rem;}
.link-wrap li:nth-child(2) {margin-left: 12rem;}
.link-wrap li:nth-child(2) a {background: #0a0e27;}

/* 비회원 예약목록 */
.non-member__list {display: grid; grid-template-columns: 1fr 1fr; gap: 36rem;}
.non-member__item {border-radius: 10rem; border: 1rem solid #ddd; overflow: hidden;}
.non-member__tit {display: flex; align-items: center; justify-content: space-between; background: #0a0e27; padding: 16rem 36rem;}
.non-member__tit h3 {font-size: 20rem; color: #cab7f4; font-weight: 500;}
.non-member__tit a {display: block; width: 58rem; height: 34rem; border-radius: 30rem; background: url('../images/content/icon_right-arrow.svg') no-repeat rgba(255,255,255,.2); background-size: 16rem 12rem; background-position: center;}
.non-member__tit a img {height: 12rem;}
.non-member__twocont {padding: 48rem 0;display: flex;align-items: flex-start;justify-content: space-around;position: relative;}
.non-member__twocont::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/content/icon_taxi.svg') no-repeat; width: 31rem; height: 30rem;}
.non-member__twocont div {text-align: center; width: 50%;}
.non-member__twocont span {font-size: 15rem; color: #666; font-weight: 400; display: block;}
.non-member__twocont strong {font-size: 21rem;color: #000;font-weight: 700;padding-top: 3rem;display: block;margin: 0 auto;width: 60%;word-break: break-all;}
.non-member__info {padding: 17rem 0; border-top: 1rem dashed #ddd; display: flex; justify-content: center;}
.non-member__info li {text-align: center; padding: 0 24rem; position: relative; font-family: 'Pretendard';}
.non-member__info li:nth-child(n+2)::before {content: ''; position: absolute; top: 50%; left: 0; width: 1rem; height: 30rem; background: #e5e5e5; transform: translateY(-50%);}
.non-member__info li em {font-size: 15rem;color: #666;font-weight: 400;}
.non-member__info li p {font-size: 17rem; color: #000; font-weight: 400; padding-top: 4rem;}

.non-member__no-data {border: 1rem solid #ddd; padding: 60rem 30rem; border-radius: 10rem;}
.non-member__no-data i {display: table; margin: 0 auto;}
.non-member__no-data i img {height: 50rem;}
.non-member__no-data p {text-align: center; font-size: 20rem; color: #000; font-weight: 600; padding-top: 15rem;}
.non-member__no-data.ty2 {margin-top: 40rem;}

/* 비회원 상세뷰 */
.non-member__twocont.ty2 {border-radius: 10rem; border: 1rem solid #ddd; padding: 26rem 0; font-family: 'Pretendard';}
.non-member__twocont.ty2.v2::before {width: 1rem; height: 47rem; background: #ddd;}
.non-member__twocont.ty2 span {font-size: 16rem;}
.non-member__twocont.ty2 strong {font-size: 20rem;}
.non-member__box li {border: 1rem solid #ddd; border-radius: 10rem; font-family: 'Pretendard'; padding: 17rem 26rem; font-size: 16rem; font-weight: 400; color: #111;}
.non-member__box li:nth-child(n+2) {margin-top: 10rem;}
.non-member__box li.textarea {height: 152rem;}
.non-member__box-wrap em {font-size: 18rem; font-weight: 400; color: #222;}
.non-member__box.ty2 div {border: 1rem solid #ddd; border-radius: 10rem; padding: 17rem 26rem; font-size: 16rem; font-weight: 500; color: #111;margin-top: 12rem;}
.non-member__box.ty2 div i {position: relative; display: inline-block; padding-right: 30rem;}
.non-member__box.ty2 div i::before {content: ''; position: absolute; top: -14rem; left: 0; background: url('../images/content/icon_calendar.svg') no-repeat; width: 20rem; height: 16rem;}
.non-member__box.ty2.v2 {display: grid; grid-template-columns: 1fr 1fr; gap: 0 14rem;}
.non-member__box.ty2.v2 div {text-align: center; display: block;}
.status {width: 60rem; height: 29rem; border-radius: 30rem; background: #000; text-align: center; line-height: 29rem; font-weight: 600; color: #fff; font-size: 12rem; font-family: 'Montserrat';}
.check_wrap.ty2 input[type="checkbox"] + label:before {background: #e5e5e5; background-image: url('../images/board/checked02.svg'); background-size: 10rem auto; background-repeat: no-repeat; background-position: center;}

/* 상품장바구니 */
.cart-cont__wrap {display: flex; justify-content: space-between; margin-top: 65rem;}
.cart-cont {width: 100%;}
.cart-cont__list {text-align: left; font-size: 15rem; font-weight: 400;}
.cart-cont__list li:nth-child(n+2) {padding-top: 3rem;}
.cart-cont__list li em {color: #666; display: inline-block; padding: 0 10rem 0 0;}
.cart-cont__list li span {color: #111;}
.cart-cont__agree {margin-top: 75rem;}
.cart-cont__agree-top {display: flex; align-items: center; justify-content: space-between; padding: 26rem 0; border-top: 1rem solid #111; border-bottom: 1rem dashed #bbb;}
.cart-cont__agree-top .check_wrap {margin-top: 0;}
.cart-cont__agree-top h3 {font-size: 20rem; color: #222; font-weight: 600;}
.cart-select {display: flex; margin-top: 15rem;}
.cart-select > * {background: #fff;border: 1rem solid #666;font-size: 14rem;width: 80rem;height: 30rem;line-height: 29rem;color: #666 !important;text-align: center;box-sizing: border-box;}
.cart-select .select-delete {margin-left: 5rem;}
.cart-mob__wrap {display: none;}

.taxi-info__table.ty2 {margin: 0; font-family: 'Pretendard';}
.taxi-info__table.ty2 .table::before {display: none;}
.taxi-info__table.ty2 .table thead {border-top: 1rem solid #111 !important;}
.taxi-info__table.ty2 .table tbody td {font-weight: 400 !important;}
.taxi-info__table.ty2 .table tbody td.total {color: #976DF2 !important;}
.reservation__receipt-wrap.ty2 {position: unset;}
.status.ty2 {margin: 0 auto; font-family: 'Montserrat';}
.status.OFF {background: #f1f1f1; color: #cbcbcb;}

.cart-page input {width: 15rem; height: 15rem;}
a.pay-btn {width: 100rem; height: 40rem; margin: 0 auto; font-size: 16rem; color: #cab7f4; background: #0a0e27; text-align: center; line-height: 40rem; display: block; border-radius: 50rem;}

/* member css custom */
.join_area .box {padding-bottom: 0; border-bottom: 0;}
.join_area .box.join {margin: 0 auto;}
.join_area .box.join ul li input {font-size: 16rem; border-radius: 10rem; border: 1rem solid #ddd;}
.join_area .box.join .btn_login {border-radius: 10rem; border: 1rem solid #ddd; background: #0a0e27; color: #cab7f4; font-size: 17rem;}
.join_area h3 {font-size: 18rem; color: #222; font-weight: 600;}
.join_area textarea {border-radius: 10rem; border: 1rem solid #e8e8e8; padding: 32rem 38rem; font-size: 15rem; color: #333; font-weight: 300;}
.join_area .check_wrap {text-align: right;}






@media screen and (max-width:1480px){
    #content.reservation-page {padding: 150rem 0 100rem;}
    #content.pdcomm{padding: 100rem 0;}
    #content section:nth-child(2) {margin-top: 100rem;}
    #content table.table::before {left: 281rem; width: 374.9rem;}

    .sub-banner {right: 30rem;}

    .free-box {margin-top: 80rem;}

    .reservation__form {width: 910rem;}
}

@media screen and (max-width:1024px){
    #content {padding: 150rem 0 80rem;}
    #content.listbox-page,
    #content.change-page {padding: 80rem 0;}
    #content.taxi-page {padding: 150rem 0 0;}
    #content.reservation-page {padding: 150rem 0 80rem;}
    #content.price-page {padding: 80rem 0;}
    #content section:nth-child(2) {margin-top: 80rem;}
    #content h2 {font-size: 35rem;}
    #content table.table::before {left: 190rem; width: 250rem;}

    .area_subVisual {height: 400rem;}
    .area_subVisual h2 {font-size: 45rem;}

    .bg-gray {padding: 65rem 0;}

    .sub-tit h2 {padding: 10rem 0 0;}
    .sub-tit.ty2 {margin-bottom: 30rem;}

    .sub-banner__txt strong {font-size: 26rem;}
    .sub-banner__txt em {font-size: 16rem;}
    .sub-banner__link {font-size: 17rem; width: 140rem; height: 50rem; line-height: 50rem;}

    .taxi-policies__list {grid-template-columns: 1fr; gap: 15rem; margin-top: 40rem;}
    .taxi-info__table {margin: 30rem 0 0;}

    .listbox__list {gap: 15rem;}
    .listbox__txt {padding: 38rem 25rem;}

    .free-box__img {gap: 15rem;}

    .airport-step__list {grid-template-columns: 1fr; gap: 15rem;}
    .airport-step__list li {display: flex; align-items: center; padding: 60rem;}
    .airport-step__list li i {margin: 0;}
    .airport-step__txt {text-align: left; padding: 0 0 0 30rem; width: 86%;}
    .airport-step__txt strong {padding-top: 0;}
    .airport-step__txt p {padding-top: 3rem;}
    .airport-step__txt p br {display: none;}

    .reservation__form  {width: 480rem;}

    .content-tab__item > div {padding: 32rem;}
    .content-tab__tit {font-size: 20rem;}
    .content-tab__item i {font-size: 20rem; padding: 0 20rem 0 0;}
    .content-tab__tit p::before {top: 46rem;}

    .non-member__list {gap: 20rem;}
    
    .cart-cont__wrap {flex-direction: column;}
    .cart-cont__wrap .reservation__receipt-wrap {width: 100%;}
    .cart-cont {width: 100%;}

    .link-wrap {margin-top: 50rem;}
    .link-wrap li:nth-child(2) {margin-left: 5rem;}
    .price-page .sub-banner__link {width: 110rem; height: 40rem; line-height: 40rem;}
}

@media screen and (max-width:860px){
    #content {padding: 180rem 0 80rem;}
    #content.taxi-page {padding: 180rem 0 0;}
    #content.reservation-page,
    #content.pdcomm {padding: 80rem 0;}
    #content.content-page {padding: 65rem 0;}
    #content table.table::before {left: 145rem; width: 187rem; height: 256rem;}
    #content table.table tbody td,
    #content table.table th {padding: 12rem 5rem;}
    #content.price-page table.table td:nth-child(2)::before {left: -25rem;}

    .sub-banner {width: 96%; right: unset; left: 50%; transform: translateX(-50%);}

    .sub-info__list-wrap {padding: 28rem 20rem;}

    .sub-icon__list img {height: 70rem;}
    .sub-icon__list strong {font-size: 18rem;}

    .listbox__list {grid-template-columns: 1fr 1fr;}

    .free-box__txt {left: 30rem; bottom: 30rem;}
    .free-box__txt h3 {font-size: 18rem;}
    .free-box__txt p {font-size: 14rem; padding-top: 5rem;}
    
    .airport-step__list li {padding: 38rem;}
    .airport-step__txt strong {font-size: 20rem;}

    .reservation__inner {flex-direction: column;}
    .reservation-page::before {display: none;}
    .reservation__receipt-wrap {position: unset; width: 100%; margin-top: 40rem;}
    .reservation__form {width: 100%;}
    .reservation__form-col.first {margin-top: 50rem;}

    .content-tab__menu {grid-template-columns: 1fr 1fr;}
    .content-tab__menu li {font-size: 18rem; padding: 20rem 10rem;}
    .content-tab__tit {font-size: 18rem;}
    .content-tab__item i {font-size: 18rem; padding: 0 12rem 0 0;}
    .content-tab__tit p::before {top: 45rem;}
    .content-tab__txt p {font-size: 14rem;}

    .non-member__list {grid-template-columns: 1fr;}

    .price-page .content-tab__menu {width: 100%;}
}

@media all and (max-width:767px){
	.area_policy{margin-top:20px !important;}
	.area_policy h2{padding:0px 0; font-weight:600; font-size:20px;}
	.area_policy h3{margin-bottom:10px; font-weight:600; font-size:14px;}
	.area_policy ul li{margin-bottom:5px;}
	.area_policy ul li ul{padding-left:10px;}
	.area_policy ul li ul li{font-size:13px;}
	.area_policy ul li,
	.area_policy p{line-height:1.7; font-size:13px;}
	.area_policy .inr_policy{padding:25px 0;}
}

@media all and (max-width:600px) {
    #content .scrollTable .table {width: 730rem;}
}

@media all and (max-width:540px){
    #content {padding: 150rem 0 65rem;}
    #content.taxi-page {padding: 150rem 0 0;}
    #content.listbox-page,
    #content.change-page {padding: 50rem 0 65rem;}
    #content.reservation-page,
    #content.pdcomm {padding: 65rem 0;}
    #content.content-page {padding: 45rem 0;}
    #content section:nth-child(2) {margin-top: 65rem;}
    #content h2 {font-size: 24rem;}
    #content table.table {font-size: 14rem;}
    #content table.table::before {left: 91rem; width: 113rem; height: 254rem;}
    #content .scrollTable .table {width: 450rem;}
    #content.price-page table.table td:nth-child(2)::before {width: 24rem; height: 24rem; left: -34rem;}
    #content.price-page {padding: 50rem 0;}

    .bg-gray, .bg-gray.ty2 {padding: 45rem 0 ;}
    
	.area_subVisual{height:250rem}
	.area_subVisual h2{font-size:30rem; padding: 2rem 0 0;}
    .area_subVisual span {font-size: 12rem;}

    .sub-banner {border-radius: 10rem;}
    .sub-banner__inner {padding: 30rem 25rem;}
    .sub-banner__txt em {font-size: 12rem;}
    .sub-banner__txt strong {font-size: 18rem; padding: 10rem 0 0;}
    .sub-banner__link {width: 85rem; height: 35rem; line-height: 35rem; font-size: 14rem;}
    
    .sub-tit h2::before {width: 20rem;}
    .sub-tit h2::after {width: 20rem; left: 20rem;}
    .sub-tit p {font-size: 14rem; padding: 12rem 0 0; line-height: 1.5;}
    .sub-tit p br {display: none;}
    
    .sub-icon__list {grid-template-columns: 1fr 1fr; margin: 65rem 0 40rem;}
    .sub-icon__list strong {padding: 15rem 0 0;}
    .sub-icon__list li:nth-child(n+3) {margin-top: 30rem;}
    .sub-icon__list img {height: 55rem;}

    .sub-info__list-wrap {border-radius: 10rem;}
    .sub-info__list-wrap strong {font-size: 16rem;}
    .sub-info__list li {font-size: 13rem;}
    .sub-info__list li:nth-child(n+2) {padding: 3rem 0 0;}

    .taxi-info__tit {font-size: 16rem; padding: 8rem 20rem; margin-top: 30rem; border-radius: 5rem;}
    .taxi-info__table {margin: 20rem 0 0;}
    .taxi-policies__item {flex-direction: column; padding: 30rem 20rem; border-radius: 10rem;}
    .taxi-policies__txt {text-align: center; padding: 20rem 0 0;}
    .taxi-policies__txt strong {font-size: 18rem;}
    .taxi-policies__txt p {font-size: 14rem;}
    .taxi-policies__txt p br {display: none;}
    .taxi-policies__icon {width: 80rem; height: 80rem;}
    .taxi-policies__icon.icon01::before {width: 30rem; height: 27rem;}
    .taxi-policies__icon.icon02::before {width: 28rem; height: 27rem;}
    .taxi-policies__icon.icon03::before {width: 28rem; height: 28rem;}
    .taxi-policies__icon.icon04::before {width: 18rem; height: 32rem;}
    .taxi-policies__list {margin-top: 30rem;}

    .listbox__list {grid-template-columns: 1fr; margin: 30rem 0 0;}
    .listbox__list li {border-radius: 10rem;}
    .listbox__txt {padding: 30rem 18rem;}
    .listbox__txt h3 {font-size: 18rem;}
    .listbox__txt p {font-size: 14rem; padding: 3rem 0 0;}
    .listbox__txt a {width: 68rem; height: 68rem; line-height: 68rem; font-size: 14rem;}

    .free-box__img {grid-template-columns: 1fr;}
    .free-box__img img {border-radius: 10rem;}
    .free-box__txt {left: 23rem; bottom: 23rem;}
    .free-box__txt p br {display: none;}
    
    .airport-step__list li {flex-direction: column;}
    .airport-step__list li i {width: 40rem; height: 40rem; line-height: 40rem;}
    .airport-step__txt {padding: 30rem 0 0; text-align: center;}
    .airport-step__txt strong {font-size: 18rem;}
    .airport-step__txt p {font-size: 14rem; padding-top: 8rem;}

    .change-cont__txt h3 {font-size: 18rem;}
    .change-cont__txt h3 br {display: none;}
    .change-cont__info {flex-direction: column; align-items: unset;}
    .change-cont__info p {font-size: 14rem;}
    .change-cont__info span {padding: 10rem 0 0;}
    .change-cont__info em {padding: 6rem 10rem;}
    .change-cont__info a {margin-top: 20rem; justify-content: center;}
    .change-info {margin-top: 40rem !important;}

    .reservation-page .sub-info__list li {font-size: 12rem;}
    .reservation__form-col:nth-of-type(n+2) {margin-top: 40rem;}
    .reservation__form-col.first {margin-top: 30rem;}
    .reservation__form-col.last {padding-top: 40rem;}
    .reservation__form-col h3 {font-size: 18rem; padding-bottom: 12rem;}
    .reservation__form-col select {padding: 0 18rem; font-size: 14rem; height: 48rem; border-radius: 5rem;}
    .reservation__form-col select:nth-of-type(n+2) {margin-top: 5rem;}
    .reservation__box input {height: 48rem; border-radius: 5rem; padding: 0 18rem;}
    .reservation__box input::placeholder {font-size: 14rem;}
    .reservation__box textarea {padding: 18rem;}
    .reservation__box textarea::placeholder {font-size: 14rem;}
    .reservation__box label {font-size: 14rem; padding-bottom: 10rem;}
    .reservation__receipt {padding: 30rem 18rem; border-radius: 5rem;}
    .reservation__receipt-tit h3 {font-size: 18rem;}
    .reservation__receipt-tit span {font-size: 14rem;}
    .reservation__receipt-tit::before {width: 80rem; height: 30rem;}
    .reservation__info-list li {font-size: 14rem;}
    .reservation__info-list li p {font-size: 14rem;}
    .reservation__info-list li:nth-child(n+2) {padding-top: 6rem;}
    .reservation__info-list.subtotal {padding: 16rem 0; margin: 16rem 0;}
    .reservation__info-list.total {padding-top: 16rem; margin-top: 16rem;}
    .reservation__info-list.total li p {font-size: 18rem;}
    .reservation__payment {padding: 20rem 18rem; border-radius: 5rem;}
    .reservation__payment-cont p {font-size: 14rem;}
    .reservation__btn {height: 55rem; line-height: 55rem;} 
    .reservation__check {flex-direction: column;}
    .reservation__check button {width: 100%; font-size: 14rem; height: 40rem; border-radius: 5rem;}
    .reservation__check p {font-size: 15rem; padding: 15rem 0 0; width: 100%;}
    .reservation__check span {font-size: 13rem; margin-top: 15rem;}

    .sub-info__list li em {font-size: 12rem;}

    input[type="checkbox"] + label > span {font-weight: 300;}
    input[type="checkbox"]:checked + label:before {background-size: 8rem auto;}
    input[type="date"] {background-position: 18rem center; padding: 0 18rem 0 45rem !important; font-size: 14rem; line-height: 48rem;}

    .check_wrap {margin-top: 5rem;}
    .check_wrap label {font-size: 15rem;}
    .check_wrap input[type="checkbox"] + label:before {width: 15rem; height: 15rem;}
    .check_wrap input[type="checkbox"]:checked + label:before {background-size: 7rem auto;}
    .count-wrap {grid-template-columns: 1fr; gap: 5rem;}
    .count-wrap li {padding: 16rem 18rem; border-radius: 5rem;}
    .count-wrap li span {font-size: 14rem;}
    
    .count-num .inp {font-size: 14rem; height: 25rem; margin: 0;}
    .count-num button {width: 25rem; height: 25rem;}
    .count-num .plus::before,
    .count-num .minus::before {width: 10rem; height: 10rem;}
    
    .content-tab__menu {grid-template-columns: 1fr; border-radius: 7rem;}
    .content-tab__menu li {padding: 12rem 5rem; font-size: 16rem;}
    .content-tab__menu li.on {border-radius: 7rem;}
    .content-tab__tit {font-size: 15rem;}
    .content-tab__tit p {width: 250rem;}
    .content-tab__cont {margin-top: 30rem;}
    .content-tab__item > div {padding: 26rem 15rem;}
    .content-tab__item i {font-size: 14rem; padding: 0 13rem 0 0;}
    .content-tab__tit p::before {top: 42%; width: 14rem; height: 14rem;}

    .non-member__tit {padding: 16rem 20rem;}
    .non-member__tit h3 {font-size: 18rem;}
    .non-member__tit a {width: 50rem; height: 30rem;}
    .non-member__twocont {border-radius: 5rem !important; padding: 30rem 0;}
    .non-member__twocont span {font-size: 14rem !important;}
    .non-member__twocont strong {font-size: 16rem !important; padding-top: 2rem;}
    .non-member__twocont::before {width: 25rem; height: 24rem;}
    .non-member__info li {padding: 0 18rem;}
    .non-member__info li em {font-size: 14rem;}
    .non-member__info li p {font-size: 15rem;}
    .non-member__info li:nth-child(n+2)::before {height: 25rem;}
    .non-member__box li,
    .non-member__box.ty2 div {padding: 10rem 18rem; border-radius: 5rem; font-size: 14rem;}
    .non-member__box.ty2 div {margin-top: 10rem;}
    .non-member__box li:nth-child(n+2) {margin-top: 9rem;}
    .non-member__box-wrap em {font-size: 14rem;}

    .non-member__no-data {padding: 30rem;}
    .non-member__no-data i img {height: 25rem;}
    .non-member__no-data p {font-size: 13rem; padding-top: 10rem; font-weight: 400; color: #666;}
    .non-member__no-data.ty2 {margin-top: 30rem;}

    .cart-cont__list {font-size: 14rem; text-align: center;}
    .cart-cont__list li em {display: block; padding: 0 0 3rem 0;}
    .cart-cont__list li:nth-child(n+2) {padding-top: 10rem;}
    .cart-cont__agree-top {flex-direction: column; align-items: unset; padding: 16rem 0;}
    .cart-cont__agree-top h3 {margin-bottom: 2rem; font-size: 18rem;}
    .cart-cont__agree {margin-top: 35rem;}
    .join_area textarea {padding: 20rem; font-size: 17rem;}
    .join_area h3 {font-size: 18rem;}

    .cart-cont__wrap {margin-top: 35rem;}
    .taxi-info__table.ty2 .scrollTable_wrap {display: none;}
    .cart-mob__wrap {display: block;}
    .cart-mob:nth-child(n+2) {margin-top: 20rem;}
    .cart-mob__inr {border-radius: 10rem; border: 1rem solid #d1d1d1; padding: 22rem 24rem;}
    .cart-mob__tit {display: flex; align-items: center; justify-content: space-between;}
    .cart-mob__tit strong {font-size: 20rem; color: #111;}
    .cart-mob__tit input[type='checkbox'] {margin: 0; width: 18rem; height: 18rem; border-radius: 3rem; border: 1rem solid #ccc;}
    .cart-mob__list {padding-top: 25rem;}
    .cart-mob__list li em {font-size: 14rem; color: #333;}
    .cart-mob__option {padding-bottom: 20rem; font-family: 'Pretendard';}
    .cart-mob__option em {font-weight: 700;}
    .cart-mob__option p {padding-top: 4rem;color: #666;line-height: 1.6;font-weight: 300;font-size: 14rem;}
    .cart-mob__option p b {padding-right: 5rem;}
    .cart-mob__option p i {display: inline-block; padding: 0 6rem;}
    .cart-mob-item {display: flex; align-items: center; justify-content: space-between; padding: 10rem 0; border-top: 1rem solid #e8e8e8;}
    .cart-mob-item em {font-weight: 500;}
    .cart-mob-item span {color: #666; font-family: 'Pretendard'; font-weight: 300; font-size: 14rem;}
    .cart-mob-total {padding: 15rem 0; border-top: 1rem solid #a0a0a0; display: flex; align-items: center; justify-content: space-between;}
    .cart-mob-total em {font-size: 17rem !important; color: #111 !important; font-weight: bold;}
    .cart-mob-total span {font-size: 20rem;font-weight: 600;color: #d6c80b;font-family: 'Pretendard';}
    .cart-mob .pay-btn {margin: 12rem 0 0; width: 100%; height: 42rem; line-height: 42rem; border-radius: 5rem; font-size: 15rem; font-weight: 600;}
    .cart-mob__wrap .cart-select {justify-content: space-between;}
    .cart-select > * {width: 48.5% !important;height: 38rem;border-radius: 5rem;border: 1rem solid #d1d1d1;font-size: 12rem;color: #666;line-height: 38rem;}
    .cart-mob .status {width: 53rem; height: 23rem; font-size: 10rem; line-height: 23rem; font-weight: 700;}

    .time-wrap {gap: 0 6rem;}
    .join_area .box.join ul li input {font-size: 14rem; border-radius: 5rem;}
    .join_area .box.join .btn_login {border-radius: 5rem;}
    
    .price-page .content-tab__menu {margin: 30rem auto 0;}
    .link-wrap {margin-top: 30rem;}
}

@media all and (max-width:359px){

}