@charset "utf-8";

html {font-size: 1.6975vw;}
html.is-tablet {font-size:1vw;}
html.is-desktop {font-size:62.5%;}
@media (orientation: landscape) {
	/* 가로(Landscape) 모드일 때 */
    html {font-size:.9vw;}
}
*,
*::before,
*::after {box-sizing: border-box;}

body {
    font-family: 'Pretendard', sans-serif;
    color: var(--gray900);
    font-size: 2rem;
    line-height: 1.5;
}

/* 임시 */
.temp {display: flex; align-items: center; justify-content: center; padding: 2rem 0; background-color: var(--temp);}
.temp:before {content: attr(data-msg); color: var(--error);}


/* layout block
--------------------------- */
.section.gutter {margin-top:4.5rem;}
.section + .section {margin-top:5rem;}
.section .txt-info:first-child {margin-top: 0;}
.section.has-line {margin-left:var(--layout-padding-negative); margin-right:var(--layout-padding-negative); padding:5rem var(--layout-padding) 0; border-top:1rem solid #eeeeef;}
.section.has-line:first-of-type {border:none;}
.article {margin-top:5.5rem;}
.article:first-child {margin-top: 0;}


/* typo
--------------------------- */
.normal {font-weight:400 !important;}
strong, .bold {font-weight:700 !important;}
.title-h2 {font-size:2.8rem; line-height:3.2rem; font-weight:700;}
.title-h2 small {font-size:2rem; font-weight:400;}
.title-h3 {margin-bottom:1.2rem; font-size:2.3rem; line-height:2.8rem; font-weight:700;}
.title-h3 small {font-size:2rem; font-weight:400;}
.title-h3 .tit-sub {color:var(--gray700);}
.title-h4 {font-size:2rem; font-weight:700;}
.txt-basic {margin: .5rem 0;}
.txt-basic.sm {font-size:1.8rem; line-height:2.7rem;}
.txt-basic.lg {font-size:2.7rem; line-height:3.2rem;}
.txt-indent {padding-left:2rem;}
.txt-info {position: relative; padding-left: 2rem; margin: 1rem 0; font-size: 2rem; line-height: 2.8rem;}
.txt-info::before {content: "*"; position: absolute; left: 0; top: 0; display: inline-block; margin-right: .5rem;}
.txt-info.sm {padding-left:1.5rem; font-size:1.8rem;}
.txt-error {margin:1rem 0; font-size:2.3rem; font-weight:700; text-align:center;}
.txt-error::before {content:''; display:block; margin:2rem auto; width:11rem; height:11rem; background:url('../img/icon/ico_error.png') no-repeat center center; background-size:contain;}
.txt-confirm {margin:2.5rem 0 5rem; text-align:center;}
.txt-link {color:var(--error); text-decoration:underline;}
.primary {color: var(--primary);}
.secondary {color:var(--secondary);}
.caution,
.point {color: var(--error);}
.gray {color:var(--gray800);}

/* 정렬 */
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}

.title-wrap {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; margin: 0 var(--layout-padding-negative) 3.5rem; padding: 2.8rem var(--layout-padding) 2.2rem; border-bottom: 1px solid var(--gray400); box-shadow: 0 6px 0 var(--gray100); background-color:var(--white);}
.title-wrap.is-sticky {position:sticky; top:var(--header-height);}
.title-wrap .title {flex-shrink:1;}
.title-wrap .title-util {margin-left:auto;}
.title-wrap .title-util .title-util-item {display:inline-block;margin-left:2rem;}
.title-wrap .title-util .check-wrap,
.title-wrap .title-util .radio-wrap {font-size:2.2rem;font-weight:600;}
.title-wrap .title-util .check-wrap + .check-wrap,
.title-wrap .title-util .radio-wrap + .radio-wrap {margin-left:4rem;}


/* gap
--------------------------- */
.mt-0 {margin-top:0 !important;}
.pt-0 {padding-top:0 !important;}
.mt-sm {margin-top:1.5rem !important;}
.mt-md {margin-top:3rem !important;}
.mt-lg {margin-top:4.5rem !important;}
.mt-xl {margin-top:5rem !important;}
.mt-xxl {margin-top:6.5rem !important;}
.mt-xxxl {margin-top:8.5rem !important;}
.mt-1 {margin-top:1rem !important;}
.mt-2 {margin-top:2rem !important;}
.mt-3 {margin-top:3rem !important;}
.mt-4 {margin-top:4rem !important;}
.mb-1 {margin-bottom:1rem !important;}
.pt-sm {padding-top:1.5rem !important;}
.pt-md {padding-top:3rem !important;}
.pt-lg {padding-top:4.5rem !important;}


/* size
--------------------------- */
.full {width:100% !important;}
.half {width: 50% !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}


/* badge
--------------------------- */
.badge {display: inline-block; min-width:6rem; height:3.6rem; font-size: 2rem; line-height: 3.6rem; color:var(--white); border-radius: .4rem;}
.badge.point {background-color:var(--error);}


/* label
--------------------------- */
.label {display: inline-block; min-width:6.5rem; height:3rem; line-height:3rem; color:var(--white); border-radius:3rem; text-align:center; text-transform:uppercase;}
.label.sms {background-color:#94c95d;}
.label.mms {background-color:#e48f80;}
.label.lms {background-color:#a29797;}


/* icon
--------------------------- */
.ico {position:relative; flex-shrink: 0; display: inline-block; width: 1.8rem; height: 1.8rem; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.ico.ico-del {background-image: url('../img/icon/ico_del.png');} 
.ico.ico-mail-open {width:4rem; height: 4rem; background-image: url('../img/icon/ico_mail_open.png');}
.ico.ico-mail-notopen {width:4rem; height: 4rem; background-image: url('../img/icon/ico_mail_notopen.png');}
.ico.ico-new {width:3.1rem; height: 3.1rem; background-image: url('../img/icon/ico_new.png');}


/* button
--------------------------- */
a {text-decoration:none;}
.btn-basic {position:relative; display:inline-flex; align-items:center; justify-content:center; height:7rem; min-width:12.9rem; padding: 0 .7rem; border-radius: .4rem; border: 1px solid var(--gray500); background-color: var(--white); color: var(--gray900); border-radius: var(--radius); font-size: 2rem; font-weight: 700; vertical-align: middle;}
.photo-btn {font-size: 2.5rem;} /*추가*/
.btn-basic.sm {display: inline-flex; min-width: auto; height: 3.6rem; padding: 0 2rem; border-radius: .4rem; border: 1px solid var(--gray500); background-color: var(--white); color: var(--gray900); font-size: 1.8rem; font-weight: 700;}
.btn-basic.lg {font-size: 2.5rem;height: 7.2rem;}
.btn-basic.full {width: 100%;}
.btn-basic.initial {min-width:auto; height:auto; line-height: 1; border:none; padding:0 !important;}
.btn-basic[data-icon]{padding: 0 .7rem;}
.btn-basic[data-icon]::before {content:""; display: block; width: 1.8rem; height: 1.8rem; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.btn-basic[data-icon="del"]::before {background-image: url('../img/icon/ico_del.png');}
.btn-basic[data-icon="detail"]::before {width: 4rem; height: 4rem; background-image: url('../img/icon/ico_detail.png');}
.btn-basic[data-icon="search"]::before {width: 4rem; height: 4rem; background-image: url('../img/icon/ico_search.png');}
.btn-basic[data-icon="reset"]::before {width: 4rem; height: 4rem; background-image: url('../img/icon/ico_reset.png');}
.btn-basic[data-icon="setting"]::before {width:4rem; height:4rem; background-image: url('../img/icon/ico_setting.png');}
.btn-basic[data-icon="doc"]::before {width: 5rem; height: 5rem; background-image: url('../img/icon/ico_doc.png');}
.btn-close {display:block; width:4rem; height:4rem; background-image:url('../img/icon/ico_close.png'); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.btn-basic.primary {border-color:var(--primary); background-color:var(--primary); color:var(--white);}
.btn-basic.modify {border-color:var(--gray600); background-color:var(--gray200); color:var(--gray900);}
.btn-basic.error {border-color:var(--error); background-color:var(--error); color:var(--white);}
.btn-basic.line {background-color:var(--white); color:var(--gray900);}
.btn-basic.round {min-width:8.2rem; height:4.3rem; padding:0 1.5rem; border-radius:4.3rem; line-height:4.3rem; font-size:1.8rem;}
/* .btn-basic.only-ico {padding: 0; min-width: 3.5rem; justify-content: baseline;} */
.btn-del {padding:0 !important; min-width:3.5rem; border:1px solid var(--gray500);}
.btn-doc-view {width:5rem; height:5rem; background-image:url('../img/icon/ico_doc.png'); background-repeat:no-repeat; background-position:center center; background-size:contain;}

.btn-wrap {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; margin:5rem 0 7rem;}
.btn-wrap .btn-basic {display:flex; flex:1; font-size:2.5rem;}
.btn-wrap .btn-basic + .btn-basic {margin-left: .9rem;}
.btn-wrap.has-gap {padding: 0 2rem;}
.btn-wrap.gap-sm {margin: 1rem 0;}
.btn-wrap.is-bottom {position:sticky; bottom: 0; left: 0; width: 100%; margin: 0; padding: 0 var(--layout-padding) 1rem;}
.btn-wrap.is-bottom.gap-sm {position:fixed; bottom: calc(var(--footer-height) - 3.5rem); left: 0; width: 100%; margin: 0; padding:1rem var(--layout-padding); background: #fff;}

.btn-tooltip {overflow: hidden; vertical-align: middle; display: inline-block; width: 2.6rem; height: 2.6rem; background: url("../img/icon/ico_tooltip.png") no-repeat center center; background-size: contain; font-size: 0; line-height: 0;}


/* list, bullet
--------------------------- */
.list-wrap {margin: 0; padding: 0;}
.list-wrap li {position:relative; padding-left:2rem; font-size:1.8rem; line-height:2.6rem;}
.list-wrap li::before {position: absolute; left: 0; top: 0;}
.list-wrap[data-size="md"] > li {font-size:2rem; line-height:3rem;}
.list-wrap[data-type="asterik"] > li::before {content: "*";}
.list-wrap[data-type="dash"] > li::before {content: "-";}
.list-wrap[data-type="dot"] > li {padding-left:1.5rem;color:var(--gray800);}
.list-wrap[data-type="dot"] > li::before {content: ""; top:1rem; display: inline-block; width:.5rem; height:.5rem; vertical-align:middle; background-color:var(--gray800);}
.list-wrap[data-type="square"] > li {padding-left:1.5rem;color:var(--gray900);}
.list-wrap[data-type="square"] > li::before {content: ""; top:.8rem; display: inline-block; width:.8rem; height:.8rem; vertical-align:middle; background-color:var(--error);}
.list-wrap[data-type="square"][data-size="md"] > li::before {top:1.1rem !important;}
.list-wrap[data-type="order"] {counter-reset:item;}
.list-wrap[data-type="order"] > li::before {counter-increment:item; content:counter(item) ". ";}
.list-wrap[data-type="circleNum"] li:nth-child(1)::before {content:"①";}
.list-wrap[data-type="circleNum"] li:nth-child(2)::before {content:"②";}
.list-wrap[data-type="circleNum"] li:nth-child(3)::before {content:"③";}
.list-wrap[data-type="circleNum"] li:nth-child(4)::before {content:"④";}
.list-wrap[data-type="circleNum"] li:nth-child(5)::before {content:"⑤";}
.list-wrap[data-type="circleNum"] li:nth-child(6)::before {content:"⑥";}
.list-wrap[data-type="circleNum"] li:nth-child(7)::before {content:"⑦";}
.list-wrap[data-type="circleNum"] li:nth-child(8)::before {content:"⑧";}
.list-wrap[data-type="circleNum"] li:nth-child(9)::before {content:"⑨";}
.list-wrap[data-type="circleNum"] li:nth-child(10)::before {content:"⑩";}

.bullet {position:relative;}
.bullet[data-type="square"]::before {content:''; display:inline-block; width:.8rem; height:.8rem; margin-right:1rem; background-color:#d03005; vertical-align:middle;}
.bullet[data-type="asterik"]::before {content:'*'; position:relative; top:.3rem; display:inline-block; margin-right:.5rem; line-height:1;}

.bracket {position:relative; width: 90%; max-width: 90%; display:-webkit-inline-box; display:-moz-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex; align-items: center; justify-content:center; white-space: nowrap;}
.bracket:last-child::before {content:'('}
.bracket:last-child::after {content:')'}
.bracket .ellips {overflow:hidden; width:auto; padding:0px 3px;}

/* table
--------------------------- */
.table-basic {width:100%; border-spacing:0; margin-top:1.2rem; border-top:2px solid var(--gray900);}
.table-basic:first-child {margin-top: 0;}
.table-basic th {font-weight: 700; background-color: #efeff1;}
.table-basic th,
.table-basic td {height:7.2rem; padding:1rem 0; text-align: center; border-bottom: 1px solid var(--gray200); vertical-align: middle;}
.table-basic tbody th,
.table-basic tbody td {padding-left:1.5rem; padding-right:1.5rem;}
.table-basic.no-padding td {padding-left:0; padding-right:0;}
.table-basic td.vtop {vertical-align:top;}
.table-basic td.left {padding-left:1rem;}
.table-basic td.right {padding-right:1rem;}
.table-basic td.title {padding-left:1rem; padding-right:1rem;}
.table-basic td .ellips {width: 98%;}
.table-basic td .ellips.line2 {white-space:inherit; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.table-basic th.check,
.table-basic td.check,
.table-basic td.reset {padding:0;}
.table-basic tbody th {text-align:left;}
.table-basic + .list-wrap {margin-top:1.5rem;}
.table-round {overflow: hidden; margin:1.2rem 0; border-collapse:collapse; border-style: hidden; box-shadow: 0 0 0 1px var(--gray200); border-radius:1.5rem;}
.table-round th {height:7rem; background:#efeff1; font-weight:700;}
.table-round th,
.table-round td {padding:2rem 0; border:1px solid var(--gray200); text-align:center; font-size:2rem;}
.table-round tbody th {padding-left:2rem; border-right:0; text-align:left;}
.table-round td {height:8rem; color:var(--gray900);}
.table-round td.left {padding-left:2.5rem;}
.table-round td .num.lg {font-size:2.5rem;}
.table-round.noline td {border-left:0;}
.top-util {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; margin-top: 3rem;}
.top-util .right {flex:1; margin-left:auto;}
.top-util .center {flex:1;}
.top-util .center .pagin {margin-left:5rem;}
.guide-info {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:flex-end; align-items:center; margin:2.5rem 0 0;}
.guide-info .bullet + .bullet {margin-left:2.5rem;}
.guide-info .bullet .btn-tooltip {position:relative; margin-top:-.3rem;}
.top-filter {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-between; align-items:center; overflow:hidden; padding:1.5rem 0;}
.top-filter:first-of-type {margin-top:1rem;}
.top-filter > .btn-basic.round {padding-left:2rem; padding-right:2rem;}
.top-filter > .radio-wrap + .radio-wrap {margin-left:2rem;}
.top-filter > .radio-wrap label {font-weight:700; color:var(--gray900);}
.top-filter .with-tooltip {position:relative; display:inline-block;}
.top-filter .with-tooltip .btn-basic.round {padding-right:4rem;}
.top-filter .with-tooltip .btn-tooltip {position:absolute; right:1rem; top:50%; transform:translateY(-50%);}
.top-filter.auto {justify-content:flex-start;}
.top-filter.auto > * + * {margin-left:.5rem;}
.top-filter + .top-filter {margin-top:2rem;}
/* .guide-info + .top-filter {margin-top:1.5rem;} */
.divided-items {position:relative; margin:.2rem 0;}
.divided-items > * {position:relative; display:inline-flex; align-items:center;}
.divided-items > * + *::before {content:''; display:inline-block; height:1.8rem; margin:0 .5rem 0 0; border-left:1px solid var(--gray900);}
.list-info {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; width:100%; align-items:center; font-size:2rem;}
.list-info .th{font-weight:700;}
.list-info .td{margin-left:auto;}

/* swiper table */
.table-wrapper {touch-action: pan-y;}
.table-controls {position:relative; width:100%; margin:2.5rem 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex: 1; justify-content: center; align-items:center;}
.table-controls .btn-prev,
.table-controls .btn-next {display:block; width:4.1rem; height:4.1rem; background:url('../img/common/btn_pagin.png') no-repeat left top; background-size:8.2rem auto;}
.table-controls .btn-prev {background-position:left top; margin-right:1.9rem;}
.table-controls .btn-next {background-position:right top; margin-left:1.9rem;}
.table-controls .total {position:absolute; right:0;}
.table-controls.type-bg {margin-top:1rem; padding:1.5rem 3rem; border-radius:.8rem; background-color:#efeff1;}
.table-controls.type-bg .total {position:static; display:block;}
.table-controls.type-bg .total::before {content:'(';}
.table-controls.type-bg .total::after {content:')';}
.table-controls.type-bg .page-info {flex:1; text-align:center;}
.table-controls.is-sticky {position:sticky; top: calc(var(--header-height) + var(--tab-height)); left:0; width:100%; margin: 0; padding: 1rem; z-index:10; background-color: #fff;}


/* tab
--------------------------- */
.tab-wrap {background: var(--white);}
.tab-list {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; box-shadow: inset 0 -1px 0 0 var(--gray200); margin-left: var(--layout-padding-negative); margin-right: var(--layout-padding-negative); background: var(--white);}
.tab-list.is-sticky {position:sticky; top:var(--header-height); z-index:10;}
.tab-item {display: flex; flex: 1;}
.tab-item.active .tab-button {border-bottom:3px solid var(--primary); color: var(--primary);}
.tab-button {display: block; width: 100%; height:8rem; line-height:7.7rem; font-size: 2.5rem; font-weight: 700; text-align: center; border-bottom: 3px solid transparent}
.tab-panel {display: none;}
.tab-panel.selected {display: block;}
.modal-wrap .tab-list {margin: 0;}
.modal-wrap .tab-button {font-size: 2.3rem;}


/* accordion
--------------------------- */
.acc-list {margin:0 var(--layout-padding-negative);}
.acc-item {position:relative;}
.acc-item.active {border-bottom:1px solid var(--gray200);}
.acc-item.active .acc-head {border-bottom:6px solid var(--gray100);}
.acc-item.active .acc-head .subject {font-weight:700;}
.acc-item.active .btn-acc-head::after {transform:rotate(180deg);}
.acc-item.new .acc-head .subject,
.acc-item.strong .acc-head .subject {color:var(--error);}
.acc-head {position:relative; padding:2rem var(--layout-padding);}
.acc-head .subject {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; font-size:2.3rem; color:var(--secondary);}
.acc-head .subject .ico-new {margin-left:.5rem;}
.acc-head .date {display:block; margin-top:.5rem; color:#888;}
.acc-head .btn-acc-head {position:absolute; left:0; top:0; display:block; width:100%; height:100%; border-bottom:1px solid var(--gray200);}
.acc-head .btn-acc-head::after {content:''; position: absolute; right:2rem; top:50%; margin-top:-1.5rem; display:block; width:3rem; height:3rem; background:url('../img/icon/ico_notice_arr.png') no-repeat center center; background-size:contain; transition:transform .3s;}
.acc-body {overflow:hidden; padding:0 var(--layout-padding); max-height:0; transition:max-height 0.3s ease;}
.acc-body-inner {padding:4rem 0;}


/* display
--------------------------- */
.show {display: block !important;}
.hide {display: none !important;}

/* toggle element */
.toggler {display:none;}
.toggler.active {display:block;}

/* line-box */
.line-box {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; margin:1.5rem 0; padding:2.5rem; border-radius:var(--radius); border:1px solid var(--gray200);}

/* info-box */
.info-box {margin:2.5rem 0; padding:2rem; background:#efeff1; border-radius:var(--radius); letter-spacing:-.5px;}

/* basic-box */
.basic-box {overflow: hidden; position: relative; margin:2.5rem 0 1rem; border-radius: var(--radius); border: 1px solid var(--gray200);}
.basic-box-head {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 1rem 2.2rem; background-color: #efeff1; border-bottom: 1px solid  var(--gray200);}
.basic-box-head .btn-preview:disabled {opacity: 1 !important;}
.basic-box-body {padding:2rem 2.5rem; background-color: var(--white);}
.basic-box-body .swiper-mms {margin:1rem -2.5rem;}
.basic-box-foot {padding:1.7rem 2.5rem; border-top: 1px solid  var(--gray200);}
.basic-box-foot .foot-total {text-align: right; color: var(--gray800);}
.basic-box-foot .foot-total .btn-basic {margin-left: 1.5rem;}
.basic-box-foot.total {background-color:#efeff1;}
.basic-box-action {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #efeff1; border-top: 1px solid var(--gray200); font-size:0;}
.basic-box-action:first-of-type {border: none;}
.basic-box-action .button {flex: 1; overflow: hidden; line-height: 7rem; height: 7rem; font-size: 2rem; font-weight: 700; text-align: center;}
.basic-box-action .button + .button {border-left: 1px solid var(--gray200);}

/* message-box */
.message-box {margin:0 0 3rem; text-align: center;}
.message-box .txt-basic.large {font-size:3.5rem;}
.message-box .small {font-size:2.5rem;}
.message-box .txt-basic:not(.sub)::before {content:''; display: block; width: 10rem; height: 10rem; margin: 0 auto 2.5rem; background-image: url('../img/icon/ico_message_complete.png'); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.message-box.type-sms .txt-basic:not(.sub)::before {background-image: url('../img/icon/ico_message_complete_sms.png');}
.message-box.charge .txt-basic:not(.sub)::before {width:15rem; height:10.1rem; background-image: url('../img/icon/ico_message_charge.png');}
.message-box.charge-complete .txt-basic:not(.sub)::before {width:15rem; height:10.1rem; margin-bottom:4rem; background-image: url('../img/icon/ico_message_charge_complete.png');}
.message-box.page-error .txt-basic:not(.sub)::before {width:15rem; height:10.1rem; margin-bottom:4rem; background-image: url('../img/icon/ico_message_error.png');}
.message-box.paying {margin:0;}
.message-box.paying .txt-basic:not(.sub)::before {width:15rem; height:16.1rem; margin-bottom:4rem; background-image: url('../img/icon/ico_message_paying.png');}
.message-box.paying .loading-core {position:static; margin:6rem auto 0;}
.message-box.paying .loading-core::before {border-color:#d5d5d5;border-left-color:var(--primary);}
.message-box.pause .txt-basic:not(.sub)::before {width:15rem; height:10.1rem; background-image: url('../img/icon/ico_message_pause.png');}


/* 공통
--------------------------- */
/* 첨부파일 목록 */
.attach-wrap .attach-form {opacity: 0; position: absolute; width: 0; height: 0; z-index: -1;}
.attach-list {min-height:16rem;}
.attach-list li .btn-basic {margin-right: .6rem;}
.attach-list.type-scroll {min-height:20rem; max-height:20rem; margin:-2rem -2.5rem; padding:2rem 2.5rem; overflow-y:auto;}
.file-attach-wrap {position:relative;}
.file-attach-wrap .inp-file {opacity: 0; position: absolute; width: 0; height: 0; z-index: -1;}
.file-attach-list {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.file-attach-item {position:relative; width:13.7rem; height: 20.6rem; border-radius: var(--radius); background-color: #e5e5e6;}
.file-attach-item + .file-attach-item {margin-left:3.3rem;}
.file-attach-item .img-preview {overflow:hidden; position:relative; z-index:1; display:inline-flex; align-items:center; width: 100%; height:100%; border-radius: var(--radius);}
.file-attach-item .img-preview img {max-width:100%; height:auto;}
.file-attach-item .btn-attach-del {position:absolute; right:-2rem; top:-1.5rem; z-index:1; display:block; width:6.2rem; height:6.2rem; background:url('../img/icon/ico_del_attach.png') no-repeat left top; background-size:contain;}

/* 미리보기 팝업 */
.section-preview {}

/* 검색영역 */
.search-wrap {position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; padding: 4rem var(--layout-padding); border-bottom:6px solid var(--gray100); background:var(--white);}
.search-wrap::after {content:''; display:block; z-index:1; position:absolute; bottom:0; left:0; right:0; border-bottom: 1px solid var(--gray400);}
.search-wrap:first-child {padding-top:1.5rem;}
.search-wrap .inp-select {width:31rem; margin-right: 1.5rem;}
.search-wrap .underline {border-radius:0 !important; border: none; border-bottom: 1px solid var(--gray200);}
.search-wrap .inp-text {padding-right:10rem;}
.search-wrap .search-act {position: absolute; right: var(--layout-padding)}
.search-wrap .search-core {position:relative; width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center;}
.search-wrap .search-utils {width:100%; flex-shrink:0; margin-top:1.6rem;}
.search-wrap.is-sticky {position:sticky; top:0; z-index:9;}
.search-wrap.is-sticky.first {top:var(--header-height);}
.layout-body .search-wrap {margin-left:var(--layout-padding-negative); margin-right:var(--layout-padding-negative);}

/* 전송 옵션 : 전송시간 */
.field-send-time {margin:1.6rem 0 2rem;}
.reserv-form {display: none;}
.reserv-form .btn-basic {position:absolute; right: 0; top: -7.5rem;}
.field-send-time {position: relative;}
.field-send-time .btn-basic {position: absolute; right: 0; top: -1.9rem; border-color:var(--error);}
.field-send-time .field-item + .field-item {flex:0;}

/* 전송 옵션 : 받는사람 자동입력 */
.section-receiver .basic-box {margin:1.3rem 0 1.2rem;}
.additional-form {margin-top:4.5rem; padding-top: 5rem; border-top: 1px solid var(--gray400)}
.additional-form-list > li + li {margin-top: 2.5rem;}
.automatic-wrap {display: none;}
.receiver-automatic {position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;}
.receiver-automatic .txt-receiver {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width:40%; vertical-align: middle; color: var(--error);}
.receiver-automatic .txt-receiver .ellips {width:90%;}
.receiver-automatic .btn-basic {position: absolute; right: 0; margin-left: auto;}
.form-receiver-info .inp-text:first-child {width: 18rem; padding-right: 1rem;}

/* 공통 라운드 박스 */
.result-box {overflow:hidden; position: relative; border-radius: var(--radius); border: 1px solid var(--gray200);}
.result-box-head {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content: space-between; padding:1rem 2.2rem; background-color:#efeff1; border-bottom:1px solid var(--gray200);}
.result-box-body {position:relative; padding:1.5rem 2.5rem 1.5rem 5.5rem; background-color: var(--white); font-size:1.9rem;}
.result-box-body .label {position: absolute; right: 2.5rem;}
.result-box-body .check-wrap {position: absolute; left:1.5rem;}
.result-box-body .result-info::after {content:'';display:block; clear:both; height:0; line-height:0;}
.result-box-foot {padding:1.7rem 0.5rem 1.7rem 1.0rem; border-top: 1px solid var(--gray200); background-color:#f3f7fe; font-size:1.9rem;}
.result-box-foot table.search-list th {color:#333; font-weight: 600;}
.result-box-foot table.search-list td {color: #666; text-align:center; padding: 0;}
.result-box-action {clear:both; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; background-color: #efeff1; border-top:1px solid var(--gray200); font-size:0;}
.result-box-action:first-of-type {border: none;}
.result-box-action .button {flex:1; overflow:hidden; line-height:5.2rem; height:5.2rem; font-size:2rem; font-weight:700; text-align:center;}
.result-box-action .button + .button {border-left: 1px solid var(--gray200);}
.result-box .unit + .unit::before {content:''; display:inline-block; vertical-align:middle; width:1px; height:1.8rem; margin:0 .8rem 0 .3rem; background-color: var(--gray900);}
.is-past .result-box-foot {border-top:none;}

/* terms */
.terms-box {overflow-y:auto; height:19rem; margin:0 0 1.5rem; padding:2rem 3rem 1.5rem; border:1px solid var(--gray200); border-radius:1.5rem; color:var(--gray800); word-break:break-all;}
.terms-checklist {margin:1.5rem 0 0;}
.terms-checklist > li + li {margin:1.5rem 0 0;}
.txt-terms-tit{margin:4rem 0 3rem; font-size:2rem;font-weight:700;color:var(--gray900)}
.txt-terms-tit:first-of-type{margin-top:0;}

/* 금액 정보 박스 */
.calc-box {overflow:hidden; position:relative; margin:1.5rem 0 1rem; border-radius: var(--radius); border: 1px solid var(--gray200); line-height:1;}
.calc-box-body {padding:2.5rem 3rem; background-color: var(--white);}
.calc-box-foot {overflow:hidden; min-height:8rem; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; padding:0 2.5rem; line-height:1;}
.calc-box-foot.total {background-color:#efeff1;}
.calc-list-item {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; min-height:4.5rem;}
.calc-list-item .tit {font-weight:600;}
.calc-list-item .tit small {font-weight:400;}
.calc-list-item .form-unit {margin-right:-2.5rem;}
.calc-list-item .form-unit .inp-text {width:23rem;}
.coffee {color:#106d00;}
.write .calc-list-item {min-height:7rem; padding-right:2.5rem;}
.total-item {flex:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; font-weight:600;}
.total-item .value {font-size:2.5rem;}
.calc-notice {margin:2.5rem var(--layout-padding-negative) 0; padding:4.5rem 0; background-color:var(--gray300); text-align:center;}