@charset "UTF-8";

/* etc */
.text-center {text-align: center;}

/* button */
.view-more-btn {width: 17.6rem; height: 6rem; border: 1px solid rgba(255, 255, 255, 0.5); background: url("../images/arrow_view_more.svg") no-repeat right 2rem center; display: flex; align-items: center; padding: 0 0 0 2.8rem; font-size: 1.4rem; font-weight: 700;}

.btn-arrow {display: flex; align-items: center; background-repeat: no-repeat; background-position: right 2rem center; background-size: 2.4rem; font-size: 1.8rem;}
.btn-common {background: #FFFFFF; color: #222222; font-size: 1.8rem; font-weight: 700; border: 1px solid #D9D9D9; border-radius: 0.4rem; transition: 0.3s;}
.btn-common:hover {color: #FFFFFF; background: #DC202E; border: none; transition: 0.3s;}
.btn-gray {background-color: #EEEEEE; color: #767676;}
.btn-gray.btn-arrow {background-image: url("../images/icon_arrow_gray.svg");}
.btn-red {background-color: #DC202E; color: #FFFFFF;}
.btn-red.btn-arrow {background-image: url("../images/icon_arrow_white.svg");}
.btn-border {padding: 0 2rem; border: 1px solid #222222; border-radius: 0.4rem;}
.size40 {height: 4rem;}
.size56 {height: 5.6rem !important; padding: 0 4rem;}
.size64 {height: 6.4rem;}
.btn-arrow.size64 {padding-left: 2.8rem;}
.btn-disabled {border: 1px solid #D9D9D9; background: #EEEEEE; color: #D9D9D9; padding: 0 2rem; border-radius: 0.4rem;}
.btn-download {padding: 0 8.6rem 0 4rem; border-radius: 0.8rem; background-image: url("../images/icon_download_white.svg"); background-repeat: no-repeat; background-size: 2.6rem; background-position: right 4rem center; font-size: 1.7rem;}
.btn-border.btn-download {background-image: url("../images/icon_download_24.svg"); background-position: right 2rem center;background-size: 2.4rem;  padding: 0 6.8rem 0 2rem; border-radius: 0.4rem;}

.btn-wrap.one a,.btn-wrap.one button {display: flex; align-items: center; justify-content: center; width: 28rem; border-radius: 0.4rem; font-size: 1.8rem; font-weight: 700;}

/* input */
.input-40 {height: 4rem; width: 12rem; line-height: 4rem; border: 1px solid #DFDFDF; border-radius: 0.4rem; padding: 0 1.6rem;}
.input-40.size56 {line-height: 5.6rem;}
.input-40:focus {border-color: #000000;}
.input-40::placeholder {color: #999999;}
.input-40.post {width: fit-content; border-color: #000000; background: #FFFFFF;}
.input-40.post:hover {color: #DC202E; border-color: #DC202E;}
.w-400 {width: 40rem !important;}

.input-wrap {display: flex;}
.input-wrap ~ .input-wrap {margin-top: 1rem;}
.input-wrap input {width: 100%; max-width: 24rem;}
.input-wrap button {margin-left: 0.8rem; min-width: fit-content;}
.input-wrap .timer {position: relative;}
.input-wrap .timer input {padding-right: 7rem;}
.input-wrap .timer span {color: #DC202E; position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%);}
.input-wrap.flex-column label + div {margin-top: 0.8rem; display: flex;}
.input-wrap.flex-column > div + label {margin-top: 2rem;}

    /* textarea */
textarea {resize: none; width: 100%; border-radius: 0.4rem; border: 1px solid #DFDFDF; padding: 1.2rem 1.6rem; line-height: 2.4rem; height: 20rem;}
textarea::placeholder {color: #999999;}
textarea:focus {border-color: #000000; outline: none;}

/* font-color */
.fc-white {color: #ffffff !important;}
.fc-blue {color: #1946B9 !important;}

/* margin */
.mT12 {margin-top: 12px !important;}
.mT16 {margin-top: 16px !important;}
.mT32 {margin-top: 32px !important;}
.mT60 {margin-top: 60px !important;}
.mT80 {margin-top: 80px !important;}
.mB16 {margin-bottom: 16px !important;}
.mB48 {margin-bottom: 48px !important;}
.mB60 {margin-bottom: 60px !important;}
.ml-auto {margin-left: auto;}
.mL8 {margin-left: 8px !important;}
.m-auto {margin: 0 auto;}

/* padding */
.p-8 {padding: 0 0.8rem;}
.pT70 {padding-top: 70px !important;}
.pB0 {padding-bottom: 0 !important;}
.pB100 {padding-bottom: 100px !important;}

/* width */
.w-100 {width: 100% !important;}

/* flex */
.d-flex {display: flex; align-items: center;}
.justify-center {justify-content: center;}
.justify-end {justify-content: flex-end;}
.justify-between {justify-content: space-between;}
.align-start {align-items: start;}
.align-center {align-items: center;}
.flex-column {flex-direction: column;}

/* required */
.required:after {display: inline-block; content: '*'; color: #DC202E;}

/* common-search: 공통 검색창 */
.common-search {display: flex; align-items: center; justify-content: center;}
.common-search input {font-size: 1.8rem;}
.common-search input::placeholder {color: #999999;}

.common-search.lg input {width: 48rem; height: 5rem; border: 1px solid #D9D9D9; padding: 0 2rem; border-radius: 20rem;}
.common-search.lg button {width: 5rem; height: 5rem; border-radius: 50%; margin-left: 1rem; background: url("../images/icon_search_bg_black.svg") no-repeat center/cover;}
.common-search.lg select {margin-right: 1rem;}

/* common-select: 공통 셀렉트 박스 */
.common-select {border: 1px solid #D9D9D9; height: 5rem; min-width: 20rem; border-radius: 20rem; padding: 0 2rem; appearance: none; background: #FFFFFF url("../images/icon_select_arrow.svg") no-repeat right 1.6rem center/2.4rem; color: #999999; font-size: 1.8rem; cursor: pointer;}
.common-select + input {margin-left: 1rem;}

/* common-check: 공통 체크박스 */
.common-check {display: flex; align-items: center;}
.common-check.all label {font-size: 2rem !important; font-weight: 700;}
.common-check input {position: relative; appearance: none; width: 3.2rem; height: 3.2rem; margin-right: 0.4rem; cursor: pointer;}
.common-check input:after {position: absolute; left: 0; top: 0; display: block; content: ''; width: 3.2rem; height: 3.2rem; background: url("../images/icon_check_off.svg") no-repeat center/cover;}
.common-check input:checked:after {background: url("../images/icon_check_on.svg") no-repeat center/cover;}
.common-check label {color: #222222; font-size: 1.8rem; cursor: pointer;}

/* select-40 */
.select-40 {height: 4rem; border: 1px solid #DFDFDF; border-radius: 0.4rem; padding: 0 4.4rem 0 1.6rem; appearance: none; background: url("../images/icon_arrow_select.svg") no-repeat right 1.4rem center/1.1rem; cursor: pointer;}

/* pagination */
.pagination {margin: 0 auto;}
.pagination ul {display: flex; align-items: center; justify-content: center;}
.pagination ul li ~ li {margin-left: 0.8rem;}
.pagination ul li a {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; color: #888888;}
.pagination ul li.active a {background: #DC202E; color: #F5F5F5;}
.pagination ul li.first a,.pagination ul li.prev a,.pagination ul li.next a,.pagination ul li.last a {border: 1px solid #EEEEEE; background-repeat: no-repeat; background-size: 2.4rem; background-position: center;}
.pagination ul li.first a{background-image: url("../images/icon_page_first.svg");}
.pagination ul li.prev a {background-image: url("../images/icon_page_prev.svg");}
.pagination ul li.prev + li,.pagination ul li.next {margin-left: 2.4rem;}
.pagination ul li.next a {background-image: url("../images/icon_page_next.svg");}
.pagination ul li.last a {background-image: url("../images/icon_page_last.svg");}

/* table */
.table-wrap {display: flex; flex-direction: column; margin: 6rem 0 2rem;}
.table-wrap .title-wrap {display: flex; align-items: baseline;}
.table-wrap .title-wrap h4 {font-size: 3.2rem; font-weight: 700;}
.table-wrap .unit {color: #888888; padding-bottom: 1.2rem;}
.table-wrap .title-wrap .unit {padding-bottom: 2rem;}
.common-table th,.common-table td {padding: 2rem 0;}
.common-table thead {border-top: 1px solid #000000;}
.common-table thead th {font-weight: 700;}
.common-table tbody tr.bg td {font-weight: 400; border-top: 1px solid #EEEEEE;}
.common-table thead th,.common-table tbody tr.bg td {background: #F5F5F5; color: #222222;}
.common-table tbody tr.sum {border: 1px solid #DC202E;}
.common-table tbody tr.sum td {border-top: 1px solid #DC202E; border-bottom: 1px solid #DC202E; color: #000000; font-weight: 700;}
.common-table tbody tr.small {font-size: 1.4rem;}
.common-table tbody tr.small.border td {border-top: 1px solid #F5F5F5;}
.common-table tbody tr.small.border-bottom td {border-bottom: 1px solid #F5F5F5;}
.common-table tbody tr.small td {color: #888888; border-top: none;}
.common-table tbody td {border-bottom: 1px solid #F5F5F5; text-align: center; color: #888888}

.common-table.horizontal {border-top: 1px solid #000000;}
.common-table.horizontal th {background: #F5F5F5; border-right: 1px solid #EEEEEE; text-align: left; vertical-align: top; padding: 2rem 3rem; font-weight: 400; border-bottom: 1px solid #EEEEEE;}
.common-table.horizontal td {padding: 2rem; color: #000000; text-align: left;}
.common-table.horizontal td > div {display: flex; flex-direction: column; align-items: flex-start;}
.common-table.horizontal td > div.file > div {display: flex; align-items: center;}
.common-table.horizontal td > div.file > div p {margin-top: 0; word-break: break-all;}
.common-table.horizontal td > div p {display: flex; align-items: center;}
.common-table.horizontal td > div .line {display: block; width: 0.1rem; height: 1.6rem; background: #D9D9D9; margin: 0 1rem;}
.common-table.horizontal td > div p ~ p {margin-top: 2rem;}
.common-table.horizontal td > div.file > div ~ div {margin-top: 1.2rem;}
.common-table.horizontal td > div .label {display: block; min-width: 5rem; font-size: 1.6rem; font-weight: 400; height: unset; line-height: unset;}
.common-table.horizontal.th-bold th {font-weight: 700;}
.common-table.horizontal.th-bold td {color: #666666; padding: 2rem 7.4rem 2rem 2.4rem;}

/* common-tab: 공통 탭 */
.common-tab ul {display: flex; align-items: center; border-bottom: 1px solid #EEEEEE;}
.common-tab ul li {width: 100%; height: 5.6rem;}
.common-tab ul li.ui-tabs-active {border-bottom: 2px solid #DC202E; margin-bottom: -1px;}
.common-tab ul li a {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; color: #888888; font-size: 1.8rem;}
.common-tab ul li.ui-tabs-active a {font-weight: 700; color: #000000;}
.common-tab > div {padding-top: 4rem;}

/* input-table */
.input-table {border-top: 1px solid #000000;}
.input-table tr {border-bottom: 1px solid #EEEEEE;}
.input-table th {background: #F5F5F5; border-right: 1px solid #EEEEEE; padding: 2rem 0 2rem 3rem; font-weight: 400; vertical-align: top;}
.input-table td {padding: 1.2rem 0 1.2rem 2rem;}
.input-table th,.input-table td {text-align: left;}
.input-table .p-8 {color: #767676;}

/* custom-file */
.custom-file {display: flex; align-items: center;}
.custom-file label {width: 10rem; height: 4rem; border-radius: 0.4rem; border: 1px solid #222222; text-align: center; line-height: 4rem; margin-right: 0.8rem; cursor: pointer;}
.custom-file .upload-name {display: block; height: 4rem; line-height: 4rem; padding: 0 1.6rem; color: #CCCCCC; border: 1px solid #DFDFDF; border-radius: 0.4rem; background: #F3F3F3; width: calc(100% - 10.8rem);}
.custom-file input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

/* captcha */
.captcha {width: 14rem; height: 4rem; border: 1px solid #DFDFDF; border-radius: 0.4rem; margin-right: 0.8rem; overflow: hidden;}

/* modal */
.modal {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1001;}
#overlay {position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 1000; display: none;}
body.noscroll {overflow-y: hidden;}
.modal-content {width: 100%; background: #FFFFFF;}
.common-modal .modal-content {padding: 2rem 2rem 6rem;}
.common-modal .modal-content .title {text-align: center; margin-bottom: 3.2rem;}
.common-modal .modal-content .title h2 {font-size: 3.2rem; font-weight: 700; margin-bottom: 1.2rem;}
.common-modal .modal-content .title p {color: #767676;}
.common-modal .modal-close {width: 3.6rem; height: 3.6rem; background: url("../images/icon_modal_close2.svg") no-repeat center/cover; display: flex; margin-left: auto;}
.common-modal .modal-body {padding: 0 4rem;}
.common-modal .btn-wrap {margin-top: 3.2rem;}
.common-modal .btn-wrap button {width: 100%; border-radius: 0.4rem; font-size: 1.8rem; font-weight: 700;}

/* ac-list */
.ac-list li {border: 1px solid #D9D9D9; padding: 3.2rem 4.8rem;}
.ac-list li .ui-accordion-header {cursor: pointer; display: flex; align-items: center;}
.ac-list li .ui-accordion-header .cate {color: #DC202E; font-size: 1.4rem;}
.ac-list li .ui-accordion-header .arrow {margin-left: auto; transform: rotate(0deg); display: block; width: 4rem; height: 4rem; background: url("../images/icon_accordion_arrow.svg") no-repeat center/cover;}
.ac-list li .ui-accordion-header .arrow.rotated {transform: rotate(180deg);}
.ac-list li .question {font-size: 2rem; margin-top: 0.4rem;}
.ac-list li .question:before {display: inline-block; content: 'Q.'; margin-right: 1.6rem;}
.ac-list li.active {border-color: #DC202E;}
.ac-list li.active .arrow {transform: rotate(180deg);}
.ac-list li.active .question {font-weight: 700;}
.ac-list li .ui-accordion-content {margin-top: 1.4rem; border-top: 1px solid #EEEEEE; padding-top: 1.4rem; }
.ac-list li ~ li {margin-top: 2rem;}
.ac-list li .answer {font-size: 1.7rem; color: #888888; display: flex; line-height: 2.6rem;}
.ac-list li .answer:before {display: inline-block; content: 'A.'; margin-right: 1.6rem; font-weight: 700;}
.ac-list li .file {display: flex; align-items: center; margin-top: 1.2rem; color: #888888; text-decoration: underline;}
.ac-list li .file:before {display: block; content: ''; width: 1.6rem; height: 1.6rem; background: rgba(217, 217, 217, 0.3); margin-right: 1.2rem;}

/* common-list */
.common-list li:before {display: inline-block; content: ''; width: 0.267rem; height: 0.267rem; border-radius: 50%; margin-right: 0.867rem; background: #767676;}
.common-list li {color: #767676; display: flex; align-items: center;}
.common-list li ~ li {margin-top: 0.4rem;}
.common-list li.red {color: #DC202E;}
.common-list li.red:before {background: #DC202E;}

/* common-radio */
.radio-wrap {display: flex; align-items: center;}
.common-radio {display: flex; align-items: center; height: 4rem; line-height: 4rem;}
.common-radio input {position: relative; appearance: none; width: 2.4rem; height: 4rem; margin-right: 0.4rem; cursor: pointer;}
.common-radio input:after {position: absolute; display: block; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 2.4rem; background: url("../images/icon_radio_off.svg") no-repeat center/cover;}
.common-radio input:checked:after {background: url("../images/icon_radio_on.svg") no-repeat center/cover;}
.common-radio label {color: #666666; cursor: pointer;}
.common-radio ~ .common-radio {margin-left: 4rem;}

.pg-btn-wrap {position: relative; display: flex; align-items: center; justify-content: center;}
.pg-btn-wrap button {position: absolute; right: 0;}

/* datepicker */
.input-40.date:disabled {background:#F3F3F3;}
.input-40.date:disabled::placeholder {color: #CCCCCC;}
.ui-datepicker-trigger {cursor: pointer; margin-left: 0.8rem;}

/* check-wrap */
.check-wrap {display: flex;}
.check-wrap .common-check {width: fit-content; flex-direction: column; align-items: flex-start;}
.check-wrap .common-check div {line-height: 5rem; display: flex; align-items: center;}