@charset "utf-8";


section {padding:40px 20px 40px;}
section h1 {font-size:28px;font-weight:800;text-align:center;margin-bottom:20px;}
section .section-fluid {margin-left:-20px;margin-right:-20px;}
section .section-fluid .section-unfluid {margin-left:20px;margin-right:20px;}


/* input */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="date"] {height:48px;line-height:46px;width:100%;padding:0 14px;font-size:15px;font-weight:500;border:1px solid #ccc;border-radius:8px;}
textarea {line-height:46px;width:100%;padding:0 14px;font-size:15px;font-weight:500;border:1px solid #ccc;border-radius:8px;}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder {color:#818181;}

input[type="text"][readonly],
input[type="tel"][readonly],
input[type="email"][readonly],
input[type="password"][readonly],
input[type="search"][readonly],
input[type="number"][readonly],
input[type="url"][readonly] {background-color:#F5F5F5;border-color:transparent;}

input[type="file"] {appearance:none;height:48px;line-height:45px;width:100%;padding:0 14px;font-size:15px;font-weight:500;border:1px solid #ccc;border-radius:8px;}
input[type="file"]::-webkit-file-upload-button {display:none;}
select {height:48px;line-height:46px;width:100%;padding:0 14px;font-size:15px;font-weight:500;border:1px solid #ccc;border-radius:8px;}


/* button */
.btn-large {position:relative;display:block;width:100%;font-size:15px;font-weight:500;line-height:50px;border-radius:50px;text-align:center;border:1px solid transparent;white-space:nowrap;}
.btn-large.wauto {padding:0 55px;}
.btn-medium {position:relative;display:block;width:100%;font-size:15px;font-weight:500;line-height:36px;border-radius:50px;text-align:center;border:1px solid transparent;white-space:nowrap;padding:0 40px;}
.btn-square {border-radius:8px;}

.btn-large[disabled],
.btn-medium[disabled] {background-color:#E1E1E1;color:#fff;}

.btn-search {display:block;content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);height:100%;aspect-ratio: 1 / 1;background:url(../images/btn-input-search.png) center center / 22px 22px no-repeat;}

.btn-wrap {display:flex;gap:10px;margin-top:40px;justify-content:center;}

.line-list-wrap {display:flex;margin-top:16px;align-items:center;}
.line-list-wrap > *:not(hr) {flex:1;text-align:center;font-size:14px;font-weight:500;}
.line-list-wrap > hr {width:1px;height:17px;background-color:#e1e1e1;}

hr {border:0;border-top:1px solid #d9d9d9;}

/* label */
.label-xlarge {position:relative;display:table;font-size:15px;font-weight:700;line-height:28px;border-radius:415px;text-align:center;border:1px solid transparent;white-space:nowrap;padding:0 24px;}
.label-large {position:relative;display:table;font-size:13px;font-weight:500;line-height:24px;border-radius:4px;text-align:center;border:1px solid transparent;white-space:nowrap;padding:0 10px;}
.label-medium {position:relative;display:table;font-size:14px;font-weight:700;line-height:18px;border-radius:4px;text-align:center;border:1px solid transparent;white-space:nowrap;padding:0 7px;}

.label-black,
.btn-black {color:#fff;background-color:#000;}
.label-outline-black,
.btn-outline-black {border-color:#000;color:#000;background-color:#fff;}
.label-darkcyan,
.btn-darkcyan {color:#fff;background-color:#01534D;}
.label-outline-darkcyan,
.btn-outline-darkcyan {border-color:#01534D;background-color:#fff;}
.label-outline-white,
.btn-outline-white {border-color:#fff;background-color:transparent;color:#fff;}
.label-gray,
.btn-gray {border-color:#fff;background-color:#f5f5f5;color:#000;}

/* input */
.inp {display:flex;gap:8px;align-items:center;}
.inp input[type="checkbox"] {appearance: none;flex:0 0 22px;width:22px;height:22px;display:inline-flex;background:url(../images/form-check.png) center center / contain no-repeat;}
.inp input[type="checkbox"]:checked {background:url(/mobile/common/img/form/form-check-checked.png) center center / contain no-repeat;}
.inp input[type="radio"] {appearance: none;flex:0 0 22px;width:22px;height:22px;display:inline-flex;background:url(../images/form-radio.png) center center / contain no-repeat;}
.inp input[type="radio"]:checked {background:url(/img/form/form-radio-checked.png) center center / contain no-repeat;}
.inp b {display:inline-flex;font-size:14px;}


/* table */
.table-col {}
.table-col.scroll {width:100%;overflow-x:auto;padding-bottom: 15px;}
.table-col.scroll table {min-width: 715px;}
.table-col table {}
.table-col table thead th {border-top:1px solid #000;border-bottom:1px solid #000;font-size:14px;font-weight:700;text-align:center;background-color:#f5f5f5;height:63px;padding:5px;}
.table-col table thead th:not(:last-child) {border-right:1px solid #ccc;}
.table-col table td {border-bottom:1px solid #ccc;font-size:14px;font-weight:500;text-align:center;height:63px;padding:5px;}
.table-col table td:not(:last-child) {border-right:1px solid #ccc;}
.table-col table td a.link {text-decoration:underline;color:#4597F7;}

.table-col-medium table thead th {background:#fff;height:52px;font-size:15px;padding:0;}
.table-col-medium table thead th:not(:last-child) {border-right:none;}
.table-col-medium table td {border-bottom:none;height:52px;padding:0 10px;}
.table-col-medium table td:not(:last-child) {border-right:none;}
.table-col-medium table tr:hover td {background-color:#F5F5F5;font-weight:700;}
.table-col-medium table tr:hover td .ellipsis {text-decoration:underline;}
.table-col-medium table tr .status {display:flex;align-items:center;justify-content:flex-end;}
.table-col-medium table tr .status:before {content:'';width:12px;flex:0 0 12px;height:1px;background:url(../images/point-none.png) center center / contain no-repeat;margin-right:15px;}
.table-col-medium table tr.down .point {color:#3470D6;}
.table-col-medium table tr.down .status:before {height:12px;background:url(../images/point-down.png) center center / contain no-repeat;}
.table-col-medium table tr.up .point {color:#D13125;}
.table-col-medium table tr.up .status:before {height:12px;background:url(../images/point-up.png) center center / contain no-repeat;}

.layer-popup .table-col-medium thead th {height:48px;font-size:14px;padding:0 10px;}


/* table */
.table-row {}
.table-row table {border-top:1px solid #000;}
.table-row table th {border-bottom:1px solid #ccc;font-size:15px;font-weight:700;text-align:center;background-color:#f5f5f5;height:63px;padding:5px;}
.table-row table td {border-bottom:1px solid #ccc;font-size:15px;font-weight:500;text-align:left;height:63px;padding:5px 14px;}
.table-row table td a.link {text-decoration:underline;color:#4597F7;}

th .sort {display:flex;align-items:center;justify-content:center;width:100%;}
th .sort:after {content:'';width:10px;flex:0 0 10px;height:10px;margin-left:10px;}
th .sort.down:after {background:url(../images/btn-sort-down.png) center center / contain no-repeat;}
th .sort.up:after {background:url(../images/btn-sort-up.png) center center / contain no-repeat;}


/* paging */
.paging {display:flex;align-items:center;justify-content:center;margin-top:40px;}
.paging a {position:relative;padding:0 15px;font-size:15px;font-weight:500;}
.paging a.current {font-weight:700;}
.paging a.current:after {display:block;content:'';position:absolute;left:50%;top:calc(100% + 0px);margin-left:-7px;width:14px;height:2px;background-color:#00534C;}
.paging .first {width:21px;height:16px;background:url(../img/common/paging-first.png) center center / contain no-repeat;margin-right:15px;padding:0;}
.paging .prev {width:16px;height:16px;background:url(../images/paging-prev.png) center center / contain no-repeat;margin-right:15px;padding:0;}
.paging .next {width:16px;height:16px;background:url(../img/common/paging-next.png) center center / contain no-repeat;margin-left:15px;padding:0;}
.paging .last {width:21px;height:16px;background:url(../img/common/paging-last.png) center center / contain no-repeat;margin-left:15px;padding:0;}
.paging .first.disabled {width:21px;height:16px;background:url(../images/paging-first-disabled.png) center center / contain no-repeat;}
.paging .prev.disabled {width:16px;height:16px;background:url(../images/paging-prev-disabled.png) center center / contain no-repeat;}
.paging .next.disabled {width:16px;height:16px;background:url(../images/paging-next-disabled.png) center center / contain no-repeat;}
.paging .last.disabled {width:21px;height:16px;background:url(../images/paging-last-disabled.png) center center / contain no-repeat;}

/* .scroll-list */
.scroll-list {display:flex;width:100%;scroll-padding:0 16px;scroll-snap-type:x mandatory;-webkit-scroll-snap-type:x mandatory;overflow-x:auto;flex-direction:column;}

/* acc-wrap */
.acc-wrap {border-top:1px solid #000;border-bottom:1px solid #000;}
.acc-wrap .title {}
.acc-wrap .title button {position:relative;display:block;width:100%;padding:22px 28px 22px 0;font-size:15px;font-weight:700;}
.acc-wrap .title button:before {content:'';position:absolute;right:14px;top:24px;width:14px;height:14px;background:url(../img/btn/btn-arrow-inactive.png) center center / contain no-repeat;}
.acc-wrap.active .title button:before {background:url(../img/btn/btn-arrow-active.png) center center / contain no-repeat;}



/*layerpopup*/
.layer-popup {z-index:-2000;position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;padding:20px;}

.layer-popup.active {z-index:2000;animation:fadeIn 0.3s ease both;}
@keyframes fadeIn{
	0% {
		visibility:hidden;
		opacity:0;
	}
	100% {
		visibility:visible;
		opacity:1;
	}
}
@keyframes popUp{
	0% {
		transform:translateY(20px);
	}
	100% {
		transform:translateY(0);
	}
}

.layer-dimmed {display:none;z-index:1999;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;}
.layer-popup.active .layer-dimmed {display:block;}
.layer-popup .layer-wrap {position:relative;z-index:2000;background:#fff;display:block;width:100%;}

.layer-popup.active .layer-wrap {animation:popUp 0.3s ease both;}
.layer-wrap {padding:30px 20px;border-radius:24px;}
.layer-wrap .layer-header {position:relative;border-bottom:1px solid #000;}
.layer-wrap .layer-header .tit {display:block;font-size:17px;padding-bottom:20px;padding-right:30px;}
.layer-wrap .btn-layer-close {position:absolute;right:-20px;top:-16px;width:56px;height:56px;background:url(../images/btn-layer-close.png) center center / 16px 16px no-repeat;}
.layer-wrap .layer-content {padding-top:30px;max-height: 46vh;overflow:auto;}
.layer-wrap .btn-wrap {margin-top:30px;}

/* layerpopup type */
.layer-popup.layer-alert {width:auto;height:auto;}
.layer-popup.layer-alert.active .layer-dimmed {display:none;}
.layer-popup.layer-alert .layer-wrap {border:2px solid var(--black6);border-radius:0;}
.layer-popup.layer-alert.active .layer-wrap {animation:none;}
.layer-popup.layer-alert .layer-header .tit {}
.layer-popup.layer-alert .layer-footer {}
.layer-alert .layer-wrap .layer-cookie {justify-content:flex-start;padding:10px 20px;background-color:var(--black6);margin:20px -30px 0;}

/*layerpopup size*/
.layer-popup.layer-xlarge:not(.layer-alert) .layer-wrap {width:960px;}
.layer-popup.layer-large:not(.layer-alert) .layer-wrap {width:640px;}
.layer-popup.layer-m edium:not(.layer-alert) .layer-wrap {width:440px;}

.text-justify {display:flex;justify-content:space-between;align-items:center;font-size:15px;}
.text-justify:not(:last-child) {margin-bottom:20px;}

/* tab-list */
.tab-list {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;}
.tab-list li button {position:relative;display:block;width:100%;font-size:16px;color:#ccc;padding-bottom:16px;}
.tab-list li.active button {color:#000;}
.tab-list li.active button:after {display:block;content:'';position:absolute;left:0;top:calc(100% - 2px);background-color:#00534C;width:100%;height:3px;}