@charset "utf-8";

:root {
  --primary-color : #01C1D6;
  --primary-opcity20 : #ccf3f7;
  --primary-opcity15 : #f2fcfd;
  --second-color : #D9D9D9;
  
  --gap-xlarge : 40px;
  --gap-large : 24px;
  --gap-middle : 12px;
  --gap-small : 8px;
  
  --font-large: 20px;
  --font-default: 16px;
  --font-small: 14px;
  
  --pop-padding-side: 20px;
  --point-blue: #1742FF;
  --point-red: #ff0198;
}

/* pc */
@media screen and (min-width:769px) {
  :root {
    --pop-padding-side: 40px;
  }
}

/* 대한항공 */
.koreanairTest * {
  --primary-color : #051766;
}


.txt-error {color: #e41913;}
.txt-noti {padding-left:22px; font-size:14px; color:#9A9A9A; line-height: 1.3; background: url(../image/icon_noti.svg) no-repeat 0 2px / 14px 14px}
.txt-sub {color:#6C6C6C;}
.txt-placeholder {color:#9D9D9D}

.fc-point01 {color:var(--point-red)!important;}
.fc-point02 {color:var(--point-blue) !important;}

.list-dash *,
.list-dot * {color:#484848; font-size:12px; line-height:1.4;}
.list-dash > li {position:relative; padding-left:16px;}
.list-dot > li {position:relative; padding-left:8px;}
.list-dash > li > ul,
.list-dot > li > ul,
.list-dash > li li ~ li,
.list-dot > li li ~ li {margin-top:8px}
.list-dash > li ~ li,
.list-dot > li ~ li {margin-top:16px;}
.list-dot > li::before {content:''; position:absolute; top:5px; left:0; display:block; width:4px; height:4px; border-radius:100%; background-color:#acacac;}
.list-dash > li::before {content:'-'; position:absolute; top:0; left:0; display:block;}

.list-dash .bold,
.list-dash .bold *,
.list-dash strong ,
.list-dot .bold,
.list-dot .bold *,
.list-dot strong {font-weight:600; color:#2a2a2a}


/* =====icon===== */
.ic-cscenter {display:inline-block; width:53px; height:53px; border-radius:100%; background:url(../image/ic-cscenter.png) no-repeat center / contain;}
.ic-payment {display: inline-block; width: 81px; height: 46px; opacity:0; animation:card 1s .5s forwards; background: url(../image/ic_card.png) no-repeat center / contain;}

@keyframes card {
	0% {
		transform:translate(0, -5px);		
	}
	100% {
		transform:translate(0, 0);
		opacity:1;
	}
}


/* =====button===== */
[class^="btn-"] {display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; text-align: center; font-size: 14px; line-height: 1.3;}
[class^="btn-"].disabled,
[class^="btn-"]:disabled {pointer-events: none; background-color: #c9cacc;}


.btn-main {display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 54px; color:#fff; font-weight: 600; font-size: 16px; background-color: var(--primary-color);}

/* cta */
[class^="btn-cta-"] { height:55px; padding:0 8px; font-size: 16px; border:1px solid;}
.btn-cta-pri {color:#fff; background-color: var(--primary-color);}
.btn-cta-sec {color:var(--primary-color); border-color: var(--primary-color);}
.btn-cta-sec:disabled,
.btn-cta-sec.disabled {color:var(--second-color); border-color: var(--second-color); background-color:#fff;}

/* basic */
.btn-pri {min-width: 76px; min-height: 40px; padding:8px 16px; border:1px solid var(--primary-color); color:#fff; background-color: var(--primary-color);}
.btn-sec {min-width: 76px; min-height: 40px; padding:8px 16px; border: 1px solid var(--primary-color); color:var(--primary-color); }

.btn-small {min-height: 40px; padding:8px 8px 8px; border:1px solid #DBDBDB; border-radius: 8px; font-size: 14px; font-weight: 500; background-color: #fff; /* background: #fff url(../image/icon_arr_right.svg) no-repeat right 4px center / 16px 16px; */}
.btn-small.st--pri {border-color: var(--primary-color); color: var(--primary-color);}
.btn-small.st--pri:disabled,
.btn-small.st--pri.disabled {color:var(--second-color); border-color: var(--second-color); background-color:#fff;}
.btn-line-link {text-decoration: underline; text-underline-offset: 3px;}

.btn-del {width: 24px; height: 24px; background: url(../image/icon_del.svg) no-repeat center / contain;}
.btn-add {height:40px; padding:0 16px; border-radius: 8px; color:#076a74; background-color: #def7fa;}
.btn-add::before {content: '+'; padding-right:4px;}

/* group type */
.btns-group-wrap {display: flex; align-items: center;}
.btn-group {flex:1; height:36px; border:1px solid #CACACACC}
.btn-group.on {position: relative; border-color: #abeef5; background-color: var(--primary-opcity20);}
.btn-group:first-child {border-radius: 8px 0 0 8px;}
.btn-group:last-child {border-radius: 0 8px 8px 0;}
.btn-group ~ .btn-group {margin-left: -1px;}

/* btn wrap */
.btns-flex-wrap {display:flex; gap:8px; }
.btns-flex-wrap > * {flex:1; min-width: auto;}
.btns-flex-wrap > .btn-cta-sec {flex:.7}

.btns-wrap {text-align: center;}
.btns-wrap > * ~ * {margin-left:4px;}

.btns-fixed-wrap {display: flex; padding-top:40px; gap:8px;}
.btns-fixed-wrap > * {flex:1;}
.btns-fixed-wrap > .btn-cta-sec {flex:.7}


/* mo */
@media screen and (max-width:768px) {
  .btns-fixed-wrap {position: sticky; bottom:0; padding:20px 20px 20px; border-top: 1px solid #e6e6e6; background-color: #fff;}

  .dtc-container {min-height: calc(100% - 186px - 54px);}
  .main-body .dtc-container {padding-bottom:96px;}
  .main-body .btns-fixed-wrap {position: fixed; bottom:0; left:0; z-index: 20; width: 100%; border-top:1px solid #e6e6e6;}  
}
/* pc */
@media screen and (min-width:769px) {

}

/* ===== form ===== */
/* 스위치형 체크 */
.form-switch {display: flex; align-items: center; justify-content: space-between; }
.form-switch label {color:#000;}
.btn-switch {display: inline-block; width: 50px; height:30px; padding:5px; border-radius: 20px; text-align: right; appearance:none; cursor: pointer; background: #dde5e5 url(../image/btn_switch_check.png) no-repeat left 5px center / 20px 20px; }
.btn-switch:checked {background-color: var(--primary-color); opacity: 1; background-position: right 5px center;}

/* input */
.input-area {padding:16px 16px 8px; border:1px solid #CACACA; border-radius: 8px; background-color: #fff;}
.input-area.focus {outline:2px solid #01C1D6; border-color: transparent;}
.input-area > label {color: #9D9D9D;}
.text-input {position: relative; display: block;}
.text-input > input {width: 100%; height: 33px; border:0; border-radius: 8px; box-sizing: border-box;}
.text-input > input:focus {outline: none;}
.text-input > input:disabled {background-color:#eee;}
.btn-inp-clear {position: absolute; top:0; right:-5px; display: none; width: 30px; height: 100%; background: url(../image/btn_inp_clear.svg) no-repeat center / 24px 24px;}

.input-area .txt-error {font-size: 12px;}
.input-area ~ .input-area {margin-top:8px;}
.input-area .txt-error {display: none;}

.input-row {display: flex; gap:8px;}
.input-row .input-area ~ .input-area {margin-top:0 !important;}
.input-row > * {flex:1;}
.input-area.input--day {flex: .7;}
.input-area.input--time {flex: .3;}
.input-area.input--7 {flex: .7;}
.input-area.input--3 {flex: .3;}

.input-row + .input-area,
.input-area + .input-row {margin-top:8px;}

.input-area.input--jumin .text-input {display: flex; align-items: center;}
.input-area.input--jumin .text-input .jumin-1 {width: 100px;}
.input-area.input--jumin .text-input .jumin-2 {width: 30px; text-align: center;}
.input-area.input--jumin .text-input > span {color:#c2c2c2c2}

.input-row ~ .input-row {margin-top:8px;}

.input-area.require--error label {color:#e41913;}

.input-area.input--disabled {background-color:#eee;}

/* select */
.select-input > select {width:100%; height:33px; border:0; padding-left:0; background-color:#fff; background-position:right -6px center;}
.select-input .dropdown-btn {padding-left:0; background-position:right -6px center;} 

/* select dropdown */
.select-dropdown {position:relative; z-index:10; display:inline-block; }
.select-dropdown > ul {display:none; overflow-y:auto; position: absolute; min-width:100%; max-height:107px; padding:8px; border:1px solid #cacaca; border-radius:8px; background-color:#fff;}

.dropdown-btn {display:block; width:100%; min-width:100px; min-height:33px; padding:0 24px 0 8px; border-radius:8px; text-align:left; background:#fff url(../image/icon_arr_down.svg) no-repeat right 0 center / 24px 24px;}
.option-btn {display:block; width:100%; min-height:30px; padding:6px; text-align:left; font-size:14px;}
.option-btn.on,
.option-btn:hover {background-color:#f2fcfd;}
.select-dropdown.open > ul {display:block}

/* pc */
@media screen and (min-width:769px) {
	.select-dropdown > ul::-webkit-scrollbar {width:10px;}
	.select-dropdown > ul::-webkit-scrollbar-thumb {border-radius:8px; background-color:#ccc;}
	.select-dropdown > ul::-webkit-scrollbar-track {border-radius:8px; background-color:#f1f1f1;}
}

/* checkbox basic */
.checkbox-area {display:inline-flex;}
.checkbox-input {display:inline-block; vertical-align:middle; width:24px; min-width:24px; height:24px; -webkit-appearance: none; appearance: none; cursor:pointer; background:url(../image/ic_check.svg) no-repeat center / contain}
.checkbox-input:checked {background-image:url(../image/ic_check_on.svg);}
.checkbox-input + label {display:inline-block; margin-left:4px; line-height:24px; vertical-align:middle; cursor:pointer;}

/* radio basic */
.radio-area {display:inline-flex;}
.radio-input {display:inline-block; vertical-align:middle; width:24px; min-width:24px; height:24px; -webkit-appearance: none; appearance: none; cursor:pointer; background:url(../image/ic_radio.svg) no-repeat center / contain}
.radio-input:checked {background-image:url(../image/ic_radio_on.svg);}
.radio-input + label {display:inline-block; margin-left:4px; line-height:24px; vertical-align:middle; cursor:pointer;}

/* 버튼형 라디오 */
.radio-btns-wrap {display: flex; align-items: center; gap:10px;}
.radio-btn {position: relative; flex:1;}
.radio-btn > input {position: absolute; opacity: 0;}
.radio-btn > input + label {display: flex; flex-direction: column; align-items: center; justify-content: center; gap:4px; height: 80px; border:1px solid #D9D9D9; border-radius: 8px; box-shadow: 0px 4px 4px 0px #B1B1B140; text-align: center; cursor: pointer;}
.radio-btn > input + label > span {display: block; font-size: 14px;}
.radio-btn > input + label > strong {display: block; font-size: 14px; font-weight: 500; color:#000;}
.radio-btn > input:checked + label,
.radio-btn > input:focus + label {border-color: #A7EBF3; box-shadow: 0px 1px 5px 0px #A8F2FACC; background-color: #F0FDFF;}
.radio-btn > input:disabled + label {cursor: default; background-color:#f1f1f1;}
.radio-btn > input:disabled + label,
.radio-btn > input:disabled + label * {color:#2a2a2a99;}
.radio-btn > input:disabled + label > strong {font-size:12px; line-height:1.4; word-break: keep-all;}

/* 검색 */
.search-input {position: relative; border:1px solid #CACACA; border-radius: 8px;}
.search-input > input {width: 100%; height: 56px; padding:0 56px 0 16px; border: 0; box-sizing: border-box; background-color: transparent;}
.search-input > input:focus {outline:2px solid #01C1D6; border-radius: 8px;}
.search-input .btn-inp-clear {right:50px;}
.btn-search {position: absolute; right:0; top:0; display: inline-block; width: 56px; height: 56px; background: url(../image/icon_search.svg) no-repeat center / 36px 36px;}
.auto-foreign {display: none; width: 100%; padding:8px 16px; box-sizing: border-box; background-color: #fff;}
.auto-foreign > ul {overflow:auto; max-height:200px;}
.auto-foreign > ul > li {padding:8px 0;}
.auto-foreign > ul > li .keyword {color:var(--point-blue);}
.auto-foreign .btns-wrap {margin-top:16px;}
.auto-foreign .btn-small {width: 100%; font-weight:600;}
.auto-foreign .btn-small .keyword {color:var(--point-blue);}

/* ===== popup ===== */
.modal-wrap {display: none; position: fixed; z-index: 99; top:0; left:0; right: 0; bottom:0; background-color: rgba(0,0,0,.8);}
.modal-wrap.on {display: block;}
.modal-popup {overflow: hidden; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display:flex; flex-direction: column; width: calc(100% - 40px); max-width: 500px; min-height: 400px; max-height: 90%; border-radius: 24px; box-sizing: border-box; background-color: #fff;}
.popup-head,
.bottomsheet-head {margin:0 var(--pop-padding-side); padding:30px 0 16px; border-bottom: 1px solid #EFEFEF; background-color: #fff;}
.modal-wrap h1 {display: flex; align-items: center; min-height: 40px; padding-right:40px; font-weight: 600; font-size: 16px; color:#000; line-height: 1.2;}
.popup-body {overflow-y: auto; padding:16px var(--pop-padding-side) 20px;}
.popup-foot {margin:0 var(--pop-padding-side); padding:20px 0 24px;}
.btn-pop-close {position: absolute; top:30px; right:20px; width: 40px; height: 40px; background: url(../image/btn_pop_close.svg) no-repeat center / 32px 32px;}

/* full pop */
.modal-full {overflow: hidden; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display:flex; flex-direction: column; width: 100%; box-sizing: border-box; background-color: #fff;}
.full-head {padding:8px var(--pop-padding-side); background-color: #fff;}
.full-body {overflow-y: auto;}
.full-body h1 {padding:0 var(--pop-padding-side);}
.modal-full .btn-pop-close {top:8px; right:8px;}

/* alert */
.modal-alert {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: calc(100% - 40px); max-width: 400px; padding:40px var(--pop-padding-side); border-radius: 24px; box-sizing: border-box; background-color: #fff;}
.alert-body {padding-top:66px; background: url(../image/ic_exc.png) no-repeat center 0 / 50px 50px;}
.alert-text {color:#000; text-align: center;}
.alert-text ~ * {margin-top:16px;}
.alert-body.alert--error {background-image:url(../image/ic_er.png); background-size:65px 51px;}
.alert-body.alert--success {background-image:url(../image/ic_confrim.png);}
.alert-body.icon--none {padding-top:0; background:none;}
.modal-alert .box-basic {overflow-y:auto; max-height: 114px;}

/* bottomsheet */
.modal-bottomsheet {position: absolute; display:flex; flex-direction: column; width: 100%; max-height:90%; box-sizing: border-box; background-color: #fff;}
.bottomsheet-body {overflow-y: auto; min-height: 200px; /* max-height: 49vh; */ padding:16px var(--pop-padding-side);}
.bottomsheet-foot {position: static; bottom:0; margin:0 var(--pop-padding-side); padding:40px 0 20px; border-top:1px solid #D9D9D9; }

/* 여행기간 */
.travel-period {color: #FF0198;}

/* mo */
@media screen and (max-width:768px) {
  .modal-bottomsheet {left:0; right:0; bottom:0; transition: .3s transform; transform: translateY(100%); border-radius: 24px 24px 0 0;}
  .modal-bottomsheet.on {transform: translateY(0);}
  .bottomsheet-foot {padding:20px 0;}

  .modal-full {position: absolute; top:0; right:0; bottom:0; left:0; transform: translate(0); width: 100%; min-width: 100%; border-radius: 0; background-color: #fff;}
}

/* pc */
@media screen and (min-width:769px) {
  /*.modal-popup {max-height: 80%;}*/
  .bottomsheet-foot {padding-bottom: 40px; border-top:0;}
  
  .modal-bottomsheet {top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; max-width: 734px; border-radius: 24px;}
  .modal-full {max-width: 768px; min-height: 90%; max-height: 90%; border-radius:24px;}
  .modal-full .btn-pop-close {top:24px; right:10px; width:35px; height:35px;}
  .full-head {padding:24px var(--pop-padding-side) 8px;}

  .full-body .cont-area {padding:24px 40px;}
}

/* ===== 기존 결제화면 수정 ===== */
/* pc appcard */
.ui_appcard_popup .dimm{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:#000; opacity:.8;}
.ui_appcard_popup{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;}
.ui_appcard_popup .popup_area{position:relative;width:774px;margin:0 auto;border:1px solid #000000}
.ui_appcard_popup iframe{border:0}
.ui_appcard_popup .popup_area .btn_close{display:inline-block;position:absolute;top:-29px;right:-61px;height:18px;line-height:18px;padding-left:30px;font-family:'Nanum B';font-size:16px;color:#ffffff;background:url("/images/common/btn_sprite.png") no-repeat left -421px}
.ui_appcard_popup .popup_group{overflow:hidden; overflow-y:auto; max-height:90%; z-index:110;position:absolute;top:50%;left:50%; transform: translate(-50%, -50%); /*border-radius:24px;*/}
.ui_appcard_popup .popup_group .btn_close{display:inline-block;position:absolute;top:0;right:0;height:18px; font-size:16px;color:transparent;width: 40px; height: 40px; background: url(../image/btn_pop_close2.svg) no-repeat center / 32px 32px;}


/* mob appcard */
.pop_wraper {display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:100; background-color:#fff;}
.pop_wraper .pop_head {position:absolute; top:0; left:0; right:0; padding:20px 20px 20px;}
.pop_wraper .pop_head strong {font-size:18px;}
.pop_wraper .content {padding:58px 0 0;}
.pop_wraper .btn_close {position: absolute; top:13px; right:14px; width: 32px; height: 32px; background: url(../image/btn_pop_close.svg) no-repeat center / 32px 32px;}
.pop_wraper .btn_close > img {display:none;}

/* ===== layout ===== */
.dtc-wrapper {height: 100%;}
.dtc-container {position: relative; display: flex; justify-content: center;}
.left-area {display: none; width: 300px; min-width: 300px; padding:40px 20px; border-right:1px solid #CACACA;}
.summary-box > dl > dt {padding:10px; font-weight: 600; font-size: 16px; color: #000;}
.summary-box > dl > dd {padding:16px 20px; border-radius: 8px; background-color: #fafafa;}
.summary-box > dl > dd * {font-size: 14px;}
.summary-box > dl ~ dl {margin-top:10px;}
.summary-box .txt-selected {display: none;}
.summary-box .txt-selected + .txt-selected {margin-top:10px;}
.summary-box > dl:last-child .txt-selected > em {display:inline-block; height:20px; line-height:20px; padding:0 8px; border-radius:20px; font-weight:400; color:#514265; background-color:#e2d4f3;}
.summary-box .txt-placeholder {color:#7d7d7d;}

.txt-selected .date {padding-left:8px;}

.summary-box .complete .txt-selected {display: flex; justify-content: space-between;}
.summary-box .complete .txt-placeholder {display: none;}

.summary-box .require--error .txt-placeholder {color:#e41913;}

.right-area {width: 220px; padding:50px 0 0}
.cs-center {width: 220px; padding:32px 20px 20px; border-radius:16px; background-color:#01c1d60d; /*background: url(../image/cs_center.png) no-repeat center / contain;*/}
.cs__title {margin-bottom:33px; color:#08a1b2; font-size:18px; text-align:center; line-height:1.3}
.cs__box {padding:24px 20px 36px; border-radius:16px; background-color:#fff;}
.cs__box .ic-cscenter {display:block; margin:0 auto 16px;}
.cs__box .tel {margin-bottom:24px; color:#000; font-weight:600; font-size:22px; text-align:center;}
.cs__box > dl {padding:8px 0 0 0; border-top:1px solid #d9d9d9; text-align:center;}
.cs__box > dl > dt {margin-bottom:8px; font-weight:600;}
.cs__box > dl > dd > strong {display:block; font-weight:600;}
.cs__box > dl > dd ~ dd {margin-top:8px;}

.title2 {color:#000;}
.title3 {margin-bottom: 16px; font-weight: 600; color:#000;}
.title4 {font-weight: 600;}
.cont-area {padding:24px 20px;}
.cont-area ~ .cont-area {border-top:16px solid #f3f4f8;}

.dtc-content {width: 100%;}
.cont-head {position: relative; z-index: -1; padding:40px 24px 20px; background-color: #fff;}

.dtc-footer {padding:24px 0; background-color: #EBEBEB;}
.footer-inner {max-width: 1120px; margin:0 auto; padding:0 20px; box-sizing: content-box;}
.footer-inner * {font-size: 12px; line-height: 1.4; color:#5b5b5b;}
.foot-logo {width: 177px; height: 18px; margin-bottom:24px; background: url(../image/cm_trip_footer_logo2.png) no-repeat center / contain;}
.foot-info {margin-top:12px;}
.foot-info span {padding-right:4px;}

.txt-main {font-size: 22px; font-weight: 600; color: #2A2A2A; letter-spacing: -.5px; word-break:keep-all;}
.txt-main .ani {display: inline-block; position: relative; }
.txt-main .ani::before {content: ""; display:block; position: absolute; z-index: -1; left:0; bottom:0; height:8px; animation: line 1s .5s forwards; background-color: var(--primary-opcity20);}

.box-noti {margin-top:8px; padding:8px; border: 1px solid #CEDDDE; border-radius: 8px; background-color: var(--primary-opcity15);}
.box-noti .txt-noti {color:#222;}
.box-basic {margin-top:16px; padding:16px 20px; border-radius: 8px; font-size:14px; background-color: #EEF0F2;}
.box-basic:first-of-type {margin-top:0;}
.box-basic * {font-size: 14px; font-weight:400;}
.plan-choice + .box-basic {margin-top:24px; padding:8px 20px;}

@keyframes line {
  0% {width: 0;}
  100% {width: 100%;}
}

.pi-logo {display: none; width: 160px !important}
.lina-logo {width: 100px; height: 27px; background: url(../image/logo/lina_logo_2.png) no-repeat center / contain;}


/* mo */
@media screen and (max-width:768px) {
  .main-body {background-color: #efefef;}
  .dtc-header {background-color: #fff;}
  .dtc-header .header-inner {display: flex; align-items: center; justify-content: space-between; height:54px; padding:0 20px; border-bottom:1px solid #D2D2D2;}
  .left-area,
  .right-area {display: none;}

  /* .mobile-hide {display: none;} */
  .main-body .dtc-footer {display:none;}
  .foot-info .address > span,
  .foot-info address > span {display:inline-block;}
}

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

}

/* pc */
@media screen and (max-width:1120px) {

  .right-area {display: none;}
}
@media screen and (min-width:769px) {
  .main-body {overflow-y: scroll;}
  .dtc-header {border-bottom:1px solid #CACACA;}
  .dtc-header .header-inner {max-width: 1120px; display: flex; align-items: center; gap:20px; height: 50px; margin:0 auto; padding:0 20px; }

  .main-body .left-area {display: block;}

  .dtc-container {max-width: 1120px; min-height: calc(100% - 187px - 50px); margin:0 auto;}
  .dtc-content {padding:0 50px 76px; box-sizing: content-box;}
}

/* ===== 제휴사 logo ===== */
.koreanair .pi-logo {display: block; width: 141px; height: 22px; background: url(../image/logo/koreanair_logo.png) no-repeat 0 0 / contain;}
.wooricard .pi-logo {display: block; width: 103px; height: 30px; background: url(../image/logo/wooricard_logo_s.png) no-repeat 0 0 / contain;}
.airbusan .pi-logo {display: block; width: 96px; height: 30px; background: url(../image/logo/airbusan_logo_s.png) no-repeat 0 0 / contain;}
.jinair .pi-logo {display: block; width: 140px; height: 19px; background: url(../image/logo/jinair_logo_s.png) no-repeat 0 0 / contain;}
.tair .pi-logo {display: block; width: 72px; height: 30px; background: url(../image/logo/twayair_logo_s.png) no-repeat 0 0 / contain;}
.jeju .pi-logo {display: block; width: 108px; height: 20px; background: url(../image/logo/jejuair_logo_s.png) no-repeat 0 0 / contain;}
.ophy .pi-logo {display: block; width: 101px; height: 22px; background: url(../image/logo/yeogi_logo.svg) no-repeat 0 0 / contain;}

.cityair .pi-logo {display: block; width: 140px; height: 30px; background:url(../image/logo/cityair_logo_s.jpg) no-repeat 0 0 / contain;}/* 한국도심공항 */
.twallet .pi-logo {display: block; width: 140px; height: 14px; background:url(../image/logo/twallet_logo_s.png) no-repeat 0 0 / contain;}/* 트래블월렛 */
.eastar .pi-logo {display: block; width: 136px; height: 30px; background:url(../image/logo/eastarjet_logo_s.png) no-repeat 0 0 / contain;}/* 이스타 */
.tourvis .pi-logo {display: block; width: 115px; height: 30px; background:url(../image/logo/tourvis_logo_s.png) no-repeat 0 0 / contain;}/* 투어비스 */
.tidesquare .pi-logo {display: block; width: 128px; height: 17px; background:url(../image/logo/privia_logo_s.png) no-repeat 0 0 / contain;}/* 타이드스퀘어 */
.neiltour .pi-logo {display: block; width: 130px; height: 27px; background:url(../image/logo/neiltour_logo_s.png) no-repeat 0 0 / contain;}/* 내일투어 */
.webtour .pi-logo {display: block; width: 77px; height: 40px; background:url(../image/logo/webtour_logo_s.png) no-repeat 0 0 / contain;}/* 웹투어 */
.whypaymore .pi-logo {display: block; width: 136px; height: 25px; background:url(../image/logo/whypaymore_logo_s.png) no-repeat 0 0 / contain;}/* 와이페이모어 */
.biztravel .pi-logo {display: block; width: 140px; height: 15px; background:url(../image/logo/biztravel_logo_s.png) no-repeat 0 0 / contain;}/* 비즈트래블 */
.ttang .pi-logo {display: block; width: 111px; height: 30px; background:url(../image/logo/ttang_logo_s.png) no-repeat 0 0 / contain;}/* 땡처리닷컴 */
.hanatour .pi-logo {display: block; width: 110px; height: 22px; background:url(../image/logo/hanatour_logo_s.png) no-repeat 0 0 / contain;}/* 하나투어 */
/*APACDM-7769*/
.shinhancd .pi-logo {display: block; width: 103px; height: 25px; background:url(../image/logo/shinhancd_logo_new.svg) no-repeat 0 0 / contain;}/* 신한카드 */
.money .pi-logo {display: block; width: 86px; height: 36px; background:url(../image/logo/money_logo_new.svg) no-repeat 0 0 / contain;}/* 머니박스 */
/*APACDM-8201*/
.yeogiottae .pi-logo {display: block; width: 121px; height: 20px; background:url(../image/logo/yeogieottae_logo_new.svg) no-repeat 0 0 / contain;}/* 여기어때 */


/* 추가 로고 *//* width 160px 고정으로 height 값만 지정합니다. */
.aerokair .pi-logo {display: block; height: 22px; background: url(../image/logo/aerok_logo.png) no-repeat 0 0 / contain;}
.jejudo .pi-logo {display: block; height: 26px; background: url(../image/logo/jejudo_com_logo.png) no-repeat 0 0 / contain;}
.jejucom .pi-logo {display: block; height: 30px; background: url(../image/logo/jejudotcom_logo.png) no-repeat 0 0 / contain;}
.lotte .pi-logo {display: block; height: 35px; background: url(../image/logo/lottejtb.png) no-repeat 0 0 / contain;}

/* ===== 아코디언 ====== */
.trip-form {background-color: #fff;}
.trip-form__head {position: relative; padding:16px 20px;}
.trip-form__head > dl {display: flex; align-items: center; justify-content: space-between; min-height:38px; }
.trip-form__head > dl > dt {font-size: 18px; font-weight: 600;}
.trip-form__head > dl > dd {/*text-align: right;*/ font-size: 16px; }
.trip-form__head .txt-selected {color:#000; background: linear-gradient(#fff 0%, #fff 50%, var(--primary-opcity20) 51%, var(--primary-opcity20) 100%);}
.trip-form__head > .btn-accd {position: absolute; top:0; left:0; right:0; bottom:0;}
.trip-form__head .txt-selected {display: none;}

.trip-form.complete .txt-selected {display: block;}
.trip-form.complete .txt-placeholder {display: none;}

.trip-form__body {display: none; padding:0 20px 16px;}
.traveler-info .btns-wrap {margin-top:40px;}

/*.trip-form .txt-selected .date:first-child {display:inline-block; width:92px; text-align:left;}*/
.trip-form.require--error .txt-placeholder {color:#e41913}

.trip-form__body .btns-group-wrap {margin-top:24px; padding:0 24px 14px;}



/* .trip-form.open .trip-form__body {display:block} */

/* 플랜선택 */
.plan-choice {position: relative; /*padding-top:47px;*/}
.plan-choice .btns-wrap {margin-top:24px;}
.plan-choice .tip {position:relative;}
.txt-selected.plan--selected {background: none;}
.selected-plan-info {display: flex; align-items:center; justify-content: space-between;}
.selected-plan-info > dt {height:20px; padding:0 8px; border-radius: 20px; font-size: 14px; font-weight:400; line-height: 20px; text-align: center; color:#514265;}
.selected-plan-info > dd {width: 50px; text-align: right;}
.selected-plan-info.plan--type1 > dt {background-color: #e2d4f3;}
.selected-plan-info.plan--type2 > dt {background-color: #e2d4f3;}
.selected-plan-info.plan--type3 > dt {background-color: #e2d4f3;}
.selected-plan-info + .selected-plan-info {margin-top:4px;}

.plan-type {display:flex; gap:8px;}
.plan-type > li {flex:1;}
.btn-plan {flex-direction:column; gap: 8px; width: 100%; height: 100%; min-height: 67px; padding:24px 0; border:1px solid #D9D9D9; border-radius: 8px; box-shadow: 0 2px 4px rgba(146,146,146,.25);}
.btn-plan > span {font-size: 14px;}
.btn-plan > strong {display: block;}
.btn-plan:disabled {opacity:1; background-color:#f1f1f1;}
.btn-plan:disabled > span {color:#2a2a2a99;}
.btn-plan:disabled > strong {font-size: 12px; color:#2a2a2a99;}
.plan-choice .btn-plan {height: 92px;}

.tip {position: absolute; z-index: 2; width: 100%; padding-bottom:9px;}
.tip::after {content: ''; display: block; position: absolute; bottom:0; right:30px; width: 22px; height: 11px; background: url(../image/balloon_tail.png) no-repeat center / contain; }
.tip__cont {display: inline-block; width: fit-content; max-width:90%; padding:8px 16px; border-radius: 12px; border:1px solid #CACACA; line-height: 1.4; text-align:center; word-break:keep-all; background-color: #fff;}
.tip .keyword {color:var(--point-blue);}
.tip.tip--left {top:0; left:0}
.tip.tip--left::after {right: unset; left:30px;}
.tip.tip--center {top:0; text-align: center;}
.tip.tip--center::after {left:50%; transform: translateX(-50%);}
.tip.tip--right {top:0; text-align: right;}
.tip.tip--right::after {right: 30px;}

/* mo */
@media screen and (max-width:768px) {
  /* .trip-form + .trip-form {border-top:16px solid #EFEFEF;} */
  .trip-form {border-bottom:16px solid #EFEFEF;}
  .trip-form:last-child {border-bottom:0;}
}
/* pc */
@media screen and (min-width:769px) {
  .trip-form__head {border-bottom: 1px solid #E6E6E6; background:url(../image/icon_arr_down.svg) no-repeat right 20px center / 40px 40px;}
  .trip-form__head > dl > dd {padding-right:40px;}
  
  .trip-form__head > dl > dd .txt-selected {display: none !important;}
  .trip-form__head > dl > dd .txt-placeholder {display: none}
  
  .trip-form__body {padding:16px; border-bottom: 1px solid #E6E6E6;}

  .trip-form.open .trip-form__head {background-image: url(../image/icon_arr_up.svg);}
  .trip-form.require--error .txt-placeholder {display:block;}
}


/* ===== contents ===== */
/* 임직원전용 */
.family-only {padding:16px 20px; background-color:#fff;}
.family-txt {margin-bottom:16px; font-size:18px;}
.family-txt > em {color:#01c1d6;}

.family-only.family--lina .family-txt.pi--txt{display:none;} 
.family-only.family--pi > *:not(.pi--txt) {display:none;}

/* mo */
@media screen and (max-width:768px) {
  .family-only {border-bottom:16px solid #efefef;}
}

/* 가입규약동의 */
#signupAgree .modal-popup {overflow:unset; max-height: 60%;}
.btn-agr-acc {display:none; position: absolute; top:50%; right:0; transform:translateY(-50%); width: 56px; height: 56px; background: url(../image/icon_arr_down.svg) no-repeat center / 24px 24px;}
.list-type > dt {position: relative; display:flex; align-items: center; min-height:40px; padding:8px; line-height: 1.4; word-break:keep-all;}
.list-type > dd {display: none; padding:16px; line-height: 1.4; font-size: 14px; background-color: #F1F1F1;}
/* .list-type > dd.scroll {overflow-y:scroll;height:50px;} */
.list-type > dt.agree-open .btn-agr-acc {background-image: url(../image/icon_arr_up.svg);}
.list-type > dt.agree-open + dd {display: block;}

.list-decimal {padding-left:15px;}
.list-decimal li {padding-left:0; list-style:decimal; word-break:break-word; font-size: 14px; line-height: 1.4;}
.list-disc {padding-left:15px;}
.list-disc li {padding-left:0; list-style:disc; word-break:break-word; font-size: 14px; line-height: 1.4;}
.list-none li {list-style:none;}

.btns-out-wrap {position:absolute; left:50%; bottom:-40px; transform: translateX(-50%); text-align:center;}
.btn-cancel {color:#fff;}

/* pc */
@media screen and (min-width:769px) {
  /* .list-type > dd.scroll {overflow-y:scroll;height:114px;} */
}

.popular-travel {margin-top:16px;}
.popular-travel > ul {display: flex; flex-wrap: wrap; margin:0 -6px;}
.popular-travel > ul > li {width: 33.33%; padding:5px 6px;}
.popular-travel .btns-wrap {margin-top:16px;}

.country-box {display: block; padding:10px 0; border:1px solid #E6E6E6; border-radius: 8px; text-align: center;}
.country-box > span {display: block; margin-top:8px; font-size:14px;}

[class^="ic-country-"] {display: inline-block; width: 60px; height: 60px; border-radius: 100%; background:no-repeat center / contain}

/* A type */
.type--A [class^="ic-country-"] {display: inline-block; width: 90px; height: 90px; border-radius: 100%; background:no-repeat center / contain}
.type--A .country-box {padding:5px 0; border:0;}
.type--A .ic-country-1 {background-image:url(../image/country/ic-ctr_a_1.png)}
.type--A .ic-country-2 {background-image:url(../image/country/ic-ctr_a_2.png)}
.type--A .ic-country-3 {background-image:url(../image/country/ic-ctr_a_3.png)}
.type--A .ic-country-4 {background-image:url(../image/country/ic-ctr_a_4.png)}
.type--A .ic-country-5 {background-image:url(../image/country/ic-ctr_a_5.png)}
.type--A .ic-country-6 {background-image:url(../image/country/ic-ctr_a_6.png)}
.type--A .ic-country-7 {background-image:url(../image/country/ic-ctr_a_7.png)}
.type--A .ic-country-8 {background-image:url(../image/country/ic-ctr_a_8.png)}
.type--A .ic-country-9 {background-image:url(../image/country/ic-ctr_a_9.png)}

/* B type */
.type--B .ic-country-1 {background-image:url(../image/country/ic-ctr_b_1.png)}
.type--B .ic-country-2 {background-image:url(../image/country/ic-ctr_b_2.png)}
.type--B .ic-country-3 {background-image:url(../image/country/ic-ctr_b_3.png)}
.type--B .ic-country-4 {background-image:url(../image/country/ic-ctr_b_4.png)}
.type--B .ic-country-5 {background-image:url(../image/country/ic-ctr_b_5.png)}
.type--B .ic-country-6 {background-image:url(../image/country/ic-ctr_b_6.png)}
.type--B .ic-country-7 {background-image:url(../image/country/ic-ctr_b_7.png)}
.type--B .ic-country-8 {background-image:url(../image/country/ic-ctr_b_8.png)}
.type--B .ic-country-9 {background-image:url(../image/country/ic-ctr_b_9.png)}

/* C type */
.type--C .ic-country-1 {background-image:url(../image/country/ic-ctr_c_1.png)}
.type--C .ic-country-2 {background-image:url(../image/country/ic-ctr_c_2.png)}
.type--C .ic-country-3 {background-image:url(../image/country/ic-ctr_c_3.png)}
.type--C .ic-country-4 {background-image:url(../image/country/ic-ctr_c_4.png)}
.type--C .ic-country-5 {background-image:url(../image/country/ic-ctr_c_5.png)}
.type--C .ic-country-6 {background-image:url(../image/country/ic-ctr_c_6.png)}
.type--C .ic-country-7 {background-image:url(../image/country/ic-ctr_c_7.png)}
.type--C .ic-country-8 {background-image:url(../image/country/ic-ctr_c_8.png)}
.type--C .ic-country-9 {background-image:url(../image/country/ic-ctr_c_9.png)}

/* D type */
.popular-travel.type--D > ul > li {width: 25%; padding:5px 6px;}
.type--D [class^="ic-country-"] {display: inline-block; width: 43px; height: 29px; border-radius: 0; background:no-repeat center / contain}
.type--D .country-box {margin-bottom:30px; padding:0; border:0;}
.type--D .country-box > span {font-size:12px; word-break:keep-all; line-height:1.2;}
.type--D .ic-country-1 {background-image:url(../image/country/ic-ctr_d_1.png)}
.type--D .ic-country-2 {background-image:url(../image/country/ic-ctr_d_2.png)}
.type--D .ic-country-3 {background-image:url(../image/country/ic-ctr_d_3.png)}
.type--D .ic-country-4 {background-image:url(../image/country/ic-ctr_d_4.png)}
.type--D .ic-country-5 {background-image:url(../image/country/ic-ctr_d_5.png)}
.type--D .ic-country-6 {background-image:url(../image/country/ic-ctr_d_6.png)}
.type--D .ic-country-7 {background-image:url(../image/country/ic-ctr_d_7.png)}
.type--D .ic-country-8 {background-image:url(../image/country/ic-ctr_d_8.png)}
.type--D .ic-country-9 {background-image:url(../image/country/ic-ctr_d_9.png)}


/* 가입자정보 및 동반인 */
.traveler-box {position: relative;}
.traveler-box .title2 {line-height: 1.3; margin-bottom:12px;}
.traveler-box .btn-del {position: absolute; top:0; right:0;}
.traveler-box ~ .traveler-box {margin-top: 32px;}

/* 보험인수제한국가 */
.deny-place {padding-bottom:24px;}
.deny-place > dl dt {width: fit-content; margin-bottom:8px; padding-right:7px; font-size: 14px; font-weight: 600; color:#000; background: linear-gradient(#fff, #fff 50%, var(--primary-opcity20) 50%, var(--primary-opcity20) 100%);}
.deny-place > dl dd {font-weight: 400; line-height: 1.4; font-size: 14px; word-break: keep-all;}
.deny-place > dl ~ dl {margin-top:24px;}

/* 플랜비교하기 */
.plan-compare {display:flex; flex-direction: column; padding:16px 0 8px;}
.member-selected {margin:0 var(--pop-padding-side) 24px; padding:16px; border-radius: 8px; border:1px solid #CACACA;}
.member-selected > dl {display: flex; align-items: center; justify-content: space-between;}
.member-selected > dl > dt {font-size: 14px; }
.member-selected select {border:0; max-width: 195px; font-weight: 600; color:#2a2a2a; font-size:16px; background-color:#fff;}
.member-selected .txt-noti {margin-top:8px;}
.member-selected .dropdown-btn {min-height:24px; font-weight: 600; color:#2a2a2a;}

.plan-compare > .plan-type {position:relative; padding:0 var(--pop-padding-side)}

.plan-coverage {overflow-y: auto; position:absolute; top:252px; bottom:0; width:100%; /*height: calc(100% - 306px);*/ margin-top:24px; padding:0 var(--pop-padding-side) 24px;}
.plan-cont ~ .plan-cont {margin-top:24px;}
.plan-cont .title3 {margin-bottom:16px; padding-bottom:16px; border-bottom: 1px solid #e8e8e8; font-weight:500;}
.plan-cont .plan-detail {margin-bottom:8px;}
.plan-cont .plan-detail > a {padding-right:32px; font-size:14px; line-height:1.4; background: url(../image/icon_arr_right_24.svg) no-repeat right center / 24px 24px;}
.plan-amount {padding:12px 4px; border-radius: 8px; text-align: center;}

.plan-type > li.on .btn-plan {color:#fff; background-color: #01C1D6;}
.plan-type > li.on .plan-amount {font-weight: 600; color:#008897; background-color: var(--primary-opcity15);}

.plan-box ~ .plan-box {margin-top:16px;}

/* 플랜상세 */
.plan-detail-cont,
.plan-detail-cont * {line-height:1.4;}

/* pc */
@media screen and (min-width:769px) {
  /* .plan-coverage {height: calc(90vh - 306px);} */
  .plan-coverage {top:276px; bottom:12px;}
}
@media screen and (min-width:768px) {
  .member-selected select {max-width:500px;}
}

/* 가입자별 플랜선택 */
.each-member-box {padding:16px 0 ;}
.each-member-box .radio-btns-wrap {margin-top:10px;}
.each-member-section + .btns-wrap {margin-top:8px;}

/* 가입완료 */
.section-head {padding:40px 0 0;}
.section-body {padding:32px 0;}
.section-foot {padding:32px 0;}
.head-title {margin-top:12px; font-size:20px; font-weight: 600; color:#051766;}
.head-title:first-child {margin-top:0;}

.success-section {position: relative;}
.success-section .section-head {padding-top:0;}
.success-section .head-title {margin-top:24px;}
.success-section .head-title:first-child {margin-top:40px;}
.success-section .btns-flex-wrap {margin-top:24px;}
.success-section .btns-flex-wrap .btn-small {height:70px;}

.ic-success {overflow:hidden; position:relative; display:block; height:140px; padding-top:40px;}
.ic-success::before {content:''; position:absolute; left:100px; display: inline-block; width:62px; height:76px; opacity:0; animation: cloud 15s infinite ease-in; background:url(../image/ic_cloud.png) no-repeat center / contain}
.ic-success::after {content:''; position:absolute; top:60px; left:-40px; display: inline-block; width: 157px; height: 59px; animation: air 4s .5s 3; background: url(../image/ic_air.png) no-repeat center / contain;}

@keyframes air {
  0% {
  	transform:translate(0, 0);
  	opacity:1;
  }
  60% {
  	transform:translate(320px, -70px);
  	opacity:0;
  }
  61% {
  	transform:translate(-320px, 70px);
  	opacity:0;
  }
  100% {
  	transform:translate(0, 0);
  	opacity:1;
  }
}

@keyframes cloud {
  10% {
  	opacity:1;
  }
  80% {
    opacity:1;
  }
  100% {
  	transform:translate(-120px, 0);
  	opacity:0;
  }
}

.confirm-list {padding:8px 0;}
.confirm-list > dl {display: flex; justify-content: space-between; align-items: center; padding:10px 0;}
.confirm-list > dl > dd,
.confirm-list > dl > dd * {color:#000;}
.confirm-box {padding:10px 0}
.confirm-box .title3 + .confirm-list {margin-top:12px; border-top:1px solid #000000;}
.confirm-box .title4 + .confirm-list {margin-top:12px; border-top:1px solid #CACACA;}

.total-cost {padding:8px 20px; border-radius: 8px; background-color: #F3F4F8;}
.total-cost > dl {display: flex; justify-content: space-between; align-items: center; padding:8px 0;}
.total-cost > dl > dt {font-weight: 600;}
.total-cost > dl > dd strong {font-size:24px; color:var(--primary-color)}

.schedule-box {margin-bottom:24px; padding:0 16px; border-radius: 16px; background-color: #F2F5FA;}

/* mo */
@media screen and (max-width:768px) {
  .section-head {padding:40px 20px 0;}
  .section-body {padding:32px 20px;}
  .section-foot {padding:32px 20px;}

  .success-body ~ .success-body {border-top:16px solid #f3f4f8;}
}
@media screen and (max-width:320px) {
  .total-cost > dl {display:block;}
  .total-cost dt {margin-bottom:8px; font-size: 14px;}
  .total-cost dd {text-align:right;}
  .total-cost dd strong {font-size: 20px;}
}


/* 가입 내용 확인 */
.summary-confirm {overflow:hidden; padding:40px 20px; background: linear-gradient(#243479 0, #243479 264px, #fff 265px, #fff 100%); }
.summary-confirm h1 {margin-bottom:16px; color:#fff; font-size: 20px;}
/*.summary-ticket {position: relative; width: calc(100% - 60px); height: 428px; margin: 0 auto 43px; padding:34px 0; border-bottom:1px solid #d9d9d9; background: #fff;}
.summary-ticket::before {content: ''; display: block; position: absolute; top:0; left:-30px; width: 30px; height: 428px; background: url(../image/ticket_left.png) no-repeat left bottom / 30px auto;}
.summary-ticket::after {content: ''; display: block; position: absolute; top:0; right:-30px; width: 30px; height: 428px; background: url(../image/ticket_right.png) no-repeat right bottom / 30px auto;}*/

.summary-ticket {position: relative; width: 100%; margin: 0 auto 60px; padding:34px 30px 24px; border:1px solid #d9d9d9; border-radius:30px; box-shadow:0 5px 5px rgba(215,215,215,.5); background: #fff;}
.summary-ticket::before {content:''; display: block; position: absolute; top:105px; left:-17px; width: 34px; height: 34px; border-radius:100%; background-color:#243479;}
.summary-ticket::after {content:''; display: block; position: absolute; top:105px; right:-17px; width: 34px; height: 34px; border-radius:100%; background-color:#243479;}

.summary-ticket > * {position: relative;}
.ticket___place {display: flex; align-items: center; justify-content: space-between; margin-bottom:56px; padding:41px 0 33px; background: url(../image/dot-line.svg) repeat-x 0 bottom / auto 1px;}
.ticket___place::before {content: ''; position: absolute; top:9px; left:50%; transform: translateX(-50%); display: block; width: calc(100% - 74px); height: 1px; border-top:1px dashed #C5C5C5; }
.ticket___place::after {content: ''; position: absolute; top:-15px; left:50%; transform: translateX(-50%); display: block; width: 32px; height: 32px; border-radius: 100%; border:10px solid #fff; box-sizing: content-box; background: url(../image/icon_fly.png) no-repeat center / contain;}
.ticket___place .start::before,
.ticket___place .arrival::before {content: ''; position: absolute; left:0; top:0; display: block; width: 18px; height:18px; background: url(../image/icon_start.svg) no-repeat center / contain;}
.ticket___place .arrival::before {left: unset; right:0; background-image: url(../image/icon_arrival.svg);}
.ticket___place > div {font-weight: 600;}
.ticket___info {margin-bottom:24px;}
.ticket___info > dl {display: flex; justify-content: space-between; align-items:center;}
.ticket___info > dl dd, 
.ticket___info > dl dd * {color:#000;}
.ticket___info > dl dd > p + p {margin-top:4px;}
.ticket___info > dl + dl {margin-top:24px;}
.ticket___info + .total-cost {margin-bottom:24px;}

.summary-domestic {margin-bottom:43px; padding:40px 20px 20px; border:1px solid #d9d9d9; border-top:6px solid #01c1d6; border-radius:16px; background-color:#fff;}

.english-certificate {position:relative; padding:20px; border-radius: 16px; background-color: #01C1D60D;}
.english__head .btn-line-link {display:none; position:absolute; right:20px; top:-30px;}
.english__body {display: none; padding:20px 0 0;}
.english-certificate .btns-wrap {margin-top:16px;}
.english-certificate.open .english__body {display: block;}
.english-certificate.complete .btn-line-link {display:block;}

@media screen and (max-width:320px) {
  .ticket___info > dl * {font-size: 14px;}
}

/* 중요안내 */
.join-notice {padding:20px var(--pop-padding-side) 40px;}
.join-notice .list1 {position:relative;}
.join-notice .list1 li {font-size:14px; line-height:1.4; word-break:keep-all;}
.join-notice .list1 li.head {font-weight:600;margin-top:20px;margin-bottom:10px;font-size:16px;color:#000;line-height:18px;background:none;padding:0;letter-spacing:-1px;}
.join-notice .list1 li.head:first-child {margin-top:0;}
.join-notice .list1 li.tit-dep {margin-top:18px;}
.join-notice .list1 li.head + .tit-dep {margin-top:0;}
.join-notice .list1 li ul li {padding-left:10px}		
.join-notice .list1 a {color:#000;}
.join-notice .des-box {margin-bottom:20px; padding:16px 20px; border-radius: 16px; background-color: #F4F4F499;}
.join-notice .txt-des {font-size:13px; line-height:18px; font-weight:400; color:#141719;}
.join-notice .txt-des strong {display: block;}
.join-notice .txt-des ~ .txt-des {margin-top:8px;}

/* 결제 */
.payment-list {display: flex; flex-wrap: wrap; gap:12px}
.payment-list .pay-btn {width: 100%;}
.pay-btn > input {position: absolute; opacity: 0;}
.pay-btn > input + label {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border:1px solid #D9D9D9; border-radius: 8px; cursor:pointer;}
.pay-btn > input:checked + label {border:2px solid #01C1D6;}
/*.payment-cont .total-cost {padding-top:16px;}*/
.payment-cont .total-cost .confirm-list {margin-top:16px; padding:16px 0 0; border-top:1px solid #D9D9D9;}
.payment-cont ~ .payment-cont {margin-top:34px;}
.payment-cont + .notice-list {margin-top:8px;}


/* mo */
@media screen and (max-width:768px) {
  .payment-list .pay-btn {width: calc((100% / 3) - 8px);}
  .pay-btn.pay--business {display: none;}
}
@media screen and (max-width:320px) {
  .summary-confirm h1 {font-size:16px}
}


/* pc */
@media screen and (min-width:769px) {
  .payment-list .pay-btn {width: calc((100% / 4) - 9px);}
  .pay-btn.pay--kakao label::after {content: ''; display:inline-block; width: 40px; height: 15px; margin-left:7px; background: url(../image/pay_kakao.png) no-repeat center / contain;}
  .pay-btn.pay--naver label::after {content: ''; display:inline-block; width: 42px; height: 15px; margin-left:7px; background: url(../image/pay_naver.png) no-repeat center / contain;}
  .pay-btn.pay--toss label::after {content: ''; display:inline-block; width: 42px; height: 15px; margin-left:7px; background: url(../image/pay_toss.png) no-repeat center / contain;}

  .payment-cont + .notice-list {margin-top:24px;}
}

/* 가입조회 */
.check-section .txt-noti {margin-bottom:8px; color:#222;}
.check-section .box-basic > p {color:#767676;} 
.check-section .box-basic > p > em {color:#051766;}

/* 위약금 보상보험 */
.penalty__cont {margin-bottom:24px;}
.penalty__cont .txt1 {margin-bottom:8px; font-size:20px;}
.penalty__cont .txt1 > strong {font-weight:600; color:#ff0198;}
.penalty__cont .txt3 {margin-top:30px;}
.penalty__cont .btn-line-link {margin-top:8px;}
.penalty__add .total-cost {margin-bottom:30px;}
.penalty__member {margin-top:20px;}
.member-checkbox {display:flex; justify-content: space-between; align-items:center;  width:100%; padding:16px 20px; border:1px solid #d9d9d9; border-radius:8px;} 
.member-checkbox label {font-size:18px;}
.member-checkbox dd {text-align:right;}
.member-checkbox .number {font-weight:400; font-size:14px;}
.member-checkbox .price {margin-top:8px; font-size:18px;}
.member-checkbox ~ .member-checkbox {margin-top:8px;}

/* 동의팝업 */
.agree-list > ul > li {display:flex; align-items:center; justify-content:space-between; min-height:44px;}
.btn-agr-view {display:inline-block; width:24px; height:24px; background:url(../image/icon_arr_right_24.svg) no-repeat center / contain;}
.btns-flex-wrap + .agree-list {margin-top:20px;}