@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide {
    display: none;
}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style {
    position: relative;
    height: 60px;
    margin-bottom: 15px;
}

.sub-tab-list-style ul {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.sub-tab-list-style ul:after {
    display: none
}

.sub-tab-list-style ul li { /* float:left; */
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 20%;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-left: 0
}

.sub-tab-list-style ul li:first-child {
    border-left: 1px solid #e5e5e5;
}

.sub-tab-list-style ul li a {
    display: table;
    height: 58px;
    width: 100%;
}

.sub-tab-list-style ul li a em {
    display: table-cell;
    vertical-align: middle;
    color: #494949;
    font-size: 18px;
    letter-spacing: -0.30px;
    text-align: center;
}

.sub-tab-list-style ul li.selected {
    z-index: 1;
    background-color: #333;
    border-color: #333;
}

.sub-tab-list-style ul li.selected a em {
    color: #fff;
}

/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    height: 60px;
}

/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style {
    display: none
}

@media all and (min-width: 1025px) {
    /* Tab Fixed Background */
    .sub-tab-list-style:before {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 50%;
        width: 0;
        content: "";
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5;
        transition: all 0.5s
    }

    .sub-tab-list-style.top-fixed:before {
        width: 100%;
        margin-left: -50%
    }
}

/* -------- 공통 :: 레이아웃 -------- */
.sub-page {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#rightContent {
    width: calc(100% - 24rem);
}

.color-main {
    color: var(--main-color);
}

/* ******************  열린마당 ********************** */
/* 서비스 소개 */
.intro-con01 {
    display: flex;
    align-items: end;
    border-radius: 1rem;
    height: 40rem;
    background: url(../images/content/intro_con01_img.jpg) no-repeat center/cover;
    margin-bottom: 7rem;
}

.intro-con01 .txt {
    font-size: 3.4rem;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #fff;
    line-height: 1.2;
    padding: 4.9rem 5.8rem;
    box-sizing: border-box;
}

.intro-con02 {
    padding: 7rem 0 9.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.intro-tit-con {
    margin-bottom: 4.2rem;
}

.intro-tit-con .txt01 {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #171717;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.intro-tit-con .txt02 {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #555555;
    line-height: 1.5;
}

.intro-con02-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.intro-con02-list li {
    width: calc(50% - 1rem);
    position: relative;
}

.intro-con02-list li .img-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.intro-con02-list li .img-box span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 1rem;
    overflow: hidden;
}

.intro-con02-list li .img-box span img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.intro-con02-list li .img-box strong {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #fff;
    transition: var(--transition-custom);
}

.intro-con02-list li .txt-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 3rem;
    box-sizing: border-box;
    opacity: 0;
    transition: var(--transition-custom);
}

.intro-con02-list li .txt-box strong {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #fff;
    margin-bottom: 1rem;
}

.intro-con02-list li .txt-box .txt {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.375;
}

.intro-con02-list li:hover .img-box strong {
    opacity: 0;
}

.intro-con02-list li:hover .txt-box {
    opacity: 1;
}

.intro-con03 {
    display: flex;
    border-radius: 1rem;
    overflow: hidden;
}

.intro-con03 .txt-box {
    width: 63%;
    background-color: #F6F6F6;
    padding: 10rem 8rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.intro-con03 .txt-box dt {
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #171717;
    line-height: 1.25;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}

.intro-con03 .txt-box dd {
    padding-top: 3rem;
}

.intro-con03 .txt-box dd .txt {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #555;
    line-height: 1.5;
}

.intro-con03 .txt-box dd .txt + .txt {
    margin-top: 3rem;
}

.intro-con03 .img-box {
    width: 37%;
}

.intro-con03 .img-box span {
    display: block;
    width: 100%;
    height: 100%;
}

/* ******************  불법자재신고 ********************** */
/* ****** 신고접수 ****** */
/* 본인인증 */
.report-write01-con {
    border-top: 2px solid #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8rem 0 8.5rem;
    text-align: center;
    box-sizing: border-box;
}

.report-write01-con .logo-box {
    margin-bottom: 4rem;
    width: 23.9rem;
    margin-inline: auto;
}

.report-write01-con .logo-box img {
    max-width: 100%;
}

.report-write01-con h5 {
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #000;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}
.report-write01-con p{
	font-size: 1.8rem; 
	font-weight: 500; 
	letter-spacing: -0.035em; 
	color: #999; 
	line-height: 1.3; 
	margin-bottom: 3rem;
}

.authentication-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 3.4rem;
}

.authentication-list li {
    width: 5rem;
}

.authentication-list li span {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
}

.authentication-list li span img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

/* 작성 */
.inquiry-write-con {
    margin-bottom: 5rem;
}

.inquiry-write-con01 {
    padding: 2rem 2.2rem;
    background-color: var(--bg-color);
    border-radius: 0.8rem;
}

.inquiry-write-con01 .txt {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #555;
    line-height: 1.5;
    position: relative;
    padding-left: 1rem;
}

.inquiry-write-con01 .txt:before {
    position: absolute;
    content: '·';
    left: 0;
    top: 0;
}

.inquiry-write-con01 .txt a {
    color: inherit;
    display: inline-block;
    border-bottom: 1px solid #555;
}

.inquiry-agree-con .agree-tit {
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #1d1d1d;
    line-height: 1.2;
    margin-bottom: 2.5rem;
}

.inquiry-agreement-con {
    padding: 2rem 4rem;
    border-radius: 0.8rem;
    background-color: var(--bg-color);
    box-sizing: border-box;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #555;
    line-height: 1.25;
}

.inquiry-agree-con .agree-txt {
    margin-top: 1.5rem;
}

.inquiry-agree-con .agree-txt input {
    display: none;
}

.inquiry-agree-con .agree-txt label {
    position: relative;
    display: block;
    padding-left: 3.8rem;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #555;
    line-height: 1.3;
}

.inquiry-agree-con .agree-txt label:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0.3rem;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.2rem;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}

.inquiry-agree-con .agree-txt label:after {
    position: absolute;
    content: '\e929';
    left: 0px;
    top: 0.3rem;
    font-family: xeicon;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.8rem;
    color: var(--main-color);
    text-align: center;
    line-height: 1.8rem;
    opacity: 0;
}

.inquiry-agree-con .agree-txt input:checked + label:before {
    border-color: var(--main-color);
}

.inquiry-agree-con .agree-txt input:checked + label:after {
    opacity: 1;
}

.inquiry-write-top-box {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-bottom: 2rem;
    border-bottom: 1px solid #111111;
}

.inquiry-write-top-box dl dt {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #1d1d1d;
    line-height: 1.2;
}

.inquiry-write-top-box dl dd {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #555555;
    line-height: 1.3;
    margin-top: 1rem;
}

.inquiry-essential-txt {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: var(--main-color);
}

.essential-icon {
    color: var(--main-color);
}

/* 공통 :: 입력폼 */
.cm-write-item .write-tit-box .write-tit {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #111;
}

.cm-fieldset-box .write-input {
    width: 100%;
    height: 6.4rem;
    padding: 0 1.8rem;
    border: 1px solid #d9d9d9;
    border-radius: 0.8rem;
    background-color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #878E9A;
    box-sizing: border-box;
}

.cm-fieldset-box .write-input[disabled],
.cm-fieldset-box .write-input[readonly] {
    background-color: var(--bg-color);
}

.cm-fieldset-box .write-input.bg-white {
    background-color: #fff;
}

.cm-fieldset-box .write-textarea {
    width: 100%;
    height: 11rem;
    padding: 1.8rem;
    border: 1px solid #d9d9d9;
    border-radius: 0.8rem;
    background-color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #878E9A;
    line-height: 1.3;
}

.cm-fieldset-box .write-textarea.large {
    height: 20rem;
}

.cm-fieldset-box .write-textarea::placeholder {
    color: #878E9A;
}

.cm-fieldset-box .write-textarea[disabled],
.cm-fieldset-box .write-textarea[readonly] {
    background-color: var(--bg-color);
}

.cm-fieldset-box .write-input.hide-input {
    display: none;
}

.cm-fieldset-box.address-fieldset .postal-code {
    position: relative;
    margin-bottom: 1.2rem;
}

.cm-fieldset-box.address-fieldset .postal-code button {
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 2.2rem;
    right: 1.6rem;
    top: 50%;
    margin-top: -1.1rem;
    text-align: right;
    padding: 0 1.8rem;
    box-sizing: border-box;
}

.cm-fieldset-box.cm-input-check-fieldset-box {
    position: relative;
}

.cm-fieldset-box.cm-input-check-fieldset-box .custom-checkbox-item {
    position: absolute;
    right: 1.8rem;
    top: 50%;
    margin-top: -0.9rem;
}

.cm-input-fieldset-box + .cm-textarea-fieldset-box {
    margin-top: 2rem;
}

.cm-textarea-fieldset-box {
    position: relative;
}

.cm-textarea-fieldset-box .write-textarea {
    padding: 1.8rem 1.8rem 4rem;
}

.cm-textarea-fieldset-box .count-txt {
    position: absolute;
    display: inline-block;
    font-size: 1.6rem;
    right: 1.8rem;
    bottom: 1.8rem;
    color: #878E9A;
    letter-spacing: -0.035em;
}

/* 공통 :: 체크박스 */
.cm-checkbox-fieldset-box {
    padding-top: 1.2rem;
}

.custom-checkbox-item-box {
    display: flex;
    flex-wrap: wrap;
    margin: -1.2rem 0;
}

.custom-checkbox-item-box .custom-checkbox-item {
    margin: 1.2rem 0;
    width: 20%;
}

.custom-checkbox-item {
    display: inline-block;
    vertical-align: middle;
}

.custom-checkbox-item input[type="checkbox"] {
    display: none;
}

.custom-checkbox-item input[type="radio"] {
    display: none;
}

.custom-checkbox-item label {
    display: block;
    position: relative;
    padding-left: 2.8rem;
    color: #555;
    font-size: 1.8rem;
    letter-spacing: -0.035em;
    line-height: 1.2;
    box-sizing: border-box;
}

.custom-checkbox-item label:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0.1rem;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.2rem;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}

.custom-checkbox-item label:after {
    position: absolute;
    content: '\e929';
    left: 0px;
    top: 0.1rem;
    font-family: xeicon;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.8rem;
    color: var(--main-color);
    text-align: center;
    line-height: 1.8rem;
    opacity: 0;
}

.custom-checkbox-item input:checked + label:before {
    border-color: var(--main-color);
}

.custom-checkbox-item input:checked + label:after {
    opacity: 1;
}

/*	커스텀 셀렉트 */
.gs-custom-selectbox {
    position: relative;
    display: inline-block;
    width: 100%;
}

.gs-custom-selectbox select {
    display: none;
}

.gs-custom-selectbox .select-style {
    padding-left: 1.8rem;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    border: 0;
    line-height: 6.2rem;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #878E9A;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 0.8rem;
    position: relative;
}

.gs-custom-selectbox .select-style span {
    display: inline-block;
}

.gs-custom-selectbox .select-style:after {
    font-family: 'xeicon';
    position: absolute;
    top: 50%;
    right: 1.8rem;
    transform: translateY(-50%);
    content: "\e936";
    font-size: 2.4rem;
    color: #000;
}

.gs-custom-selectbox .select-options {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.5rem 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 0.8rem;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 23rem;
}

.gs-custom-selectbox .select-options li {
    padding: 1.2rem 1.8rem;
    font-size: 1.5rem;
    color: #555;
    cursor: pointer;
}

.gs-custom-selectbox .select-options li:hover {
    background-color: var(--bg-color);
}

/* open */
.gs-custom-selectbox.open .select-options {
    display: block;
}

.gs-custom-selectbox.open .select-style:after {
    content: "\e930";
}

/* 비활성화 */
.gs-custom-selectbox.is-disabled .select-style {
    background-color: var(--bg-color);
    cursor: auto;
    color: #878E9A;
}

.gs-custom-selectbox.is-disabled .select-style span {
    text-decoration: line-through;
}

.gs-custom-selectbox.is-disabled {
    pointer-events: none;
}

.gs-custom-selectbox + .write-input {
    margin-top: 1.2rem;
}

/* 첨부파일 */
.cm-file-fieldset-box {
    position: relative;
}

.file-list-con {
    display: flex;
    gap: 2.5rem;
}

.file-list-con .file-box {
    width: calc(20% - 2rem);
}

.file-img-label-bx {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.file-img-label-bx .member-img {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 0.8rem;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
}

.file-img-label-bx .member-img .file-name {
    position: absolute;
    bottom: 2rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: rgba(0, 0, 0, 0.5);
    padding: 0 1rem;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.file-img-label-bx .member-img .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    font-size: 2.6rem;
    color: #666;
}

.file-img-label-bx .member-img .upload-trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.file-img-label-bx .member-img .upload-trigger i {
    font-size: 3rem;
    color: rgba(135, 142, 154, 0.3);
}

.file-img-label-bx .member-img .upload-trigger p {
    font-size: 2rem;
    font-weight: 400;
    color: #878E9A;
    margin-top: 1rem;
}

.file-img-label-bx .member-img div > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cm-file-fieldset-txt {
    margin-top: 1.2rem;
}

.cm-file-fieldset-txt p {
    position: relative;
    padding-left: 2.2rem;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.625;
}

.cm-file-fieldset-txt p:before {
    position: absolute;
    content: '';
    left: 1rem;
    top: 1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.4rem;
    background-color: rgba(0, 0, 0, 0.5);
}

.file-img-label-bx .member-img .preview-img.img-file:before{
	position: absolute; 
	content:''; 
	inset:0; 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0.3); 
	z-index:1;
}
.file-img-label-bx .member-img:has(.preview-img.img-file) .close-btn{
	color:#fff;
}

/* 공통 버튼 */
.cm-btn-controls a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24rem;
    margin: 0 auto;
    height: 6rem;
    background-color: var(--main-color);
    border-radius: 0.8rem;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #f9f9f9;
}

.cm-btn-controls a.long {
    width: 100%;
    height: 6.8rem;
}

.inquiry-write-form {
    padding-top: 2rem;
}

.inquiry-write-form01 .cm-write-item {
    display: flex;
    margin-bottom: 2.4rem;
}

.inquiry-write-form01 .cm-write-item .write-tit-box {
    width: 26%;
    padding-top: 2.2rem;
}

.inquiry-write-form01 .cm-write-item .cm-fieldset-box {
    width: 74%;
}

.inquiry-write-form02 .cm-write-item {
    margin-bottom: 3rem;
}

.inquiry-write-form02 .cm-write-item .write-tit-box {
    margin-bottom: 1.2rem;
}

/* ****** 신고조회 ****** */
/* 공통 검색 박스 */
.cm-search-con {
    border: 1px solid #D9D9D9;
    border-bottom: 0;
    margin-bottom: 3rem;
}

.cm-search-row {
    display: flex;
}

.cm-search-row .cm-search-item {
    width: 50%;
    display: table;
}

.cm-search-row .cm-search-item dt {
    width: 13rem;
    display: table-cell;
    background-color: #F2F2F2;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    box-sizing: border-box;
    padding: 1.5rem 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #1d1d1d;
    vertical-align: middle;
}

.cm-search-row .cm-search-item + .cm-search-item dt {
    border-left: 1px solid #D9D9D9;
}

.cm-search-row .cm-search-item dd {
    width: calc(100% - 13rem);
    display: table-cell;
    border-bottom: 1px solid #D9D9D9;
    padding: 1rem;
}

.cm-search-row .cm-search-item.full {
    width: 100%;
}

.cm-search-item .gs-custom-selectbox .select-style {
    line-height: 3.8rem;
    padding-left: 1.4rem;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #1d1d1d;
    border-radius: 0.2rem;
}

.cm-search-item .gs-custom-selectbox .select-style:after {
    right: 1.2rem;
    font-size: 1.6rem;
}

.cm-search-item .gs-custom-selectbox .select-options {
    border-radius: 0.2rem;
}

.cm-search-item .gs-custom-selectbox .select-options li {
    padding: 1rem 1.4rem;
    font-size: 1.4rem;
}

.cm-search-item .cm-fieldset-box .write-input {
    height: 4rem;
    font-size: 1.4rem;
    color: #878E9A;
    border-radius: 0.2rem;
    padding: 0 1.4rem;
}

.cm-search-item .cm-fieldset-box.date-fieldset {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cm-search-item .cm-fieldset-box.date-fieldset .date-item {
    width: calc(50% - 1rem);
    position: relative;
}

.cm-search-item .cm-fieldset-box.date-fieldset span {
    margin: 0 0.5rem;
    font-size: 1.4rem;
    color: #878E9A;
}

.cm-search-item .cm-fieldset-box.date-fieldset .date-item .date {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    font-size: 1.4rem;
    color: #878E9A;
    padding: 0 1.4rem;
    box-sizing: border-box;
    text-align: right;
}

.cm-search-item .cm-fieldset-box.seach-fieldset {
    display: flex;
    align-items: center;
}

.cm-search-item .cm-fieldset-box.seach-fieldset .write-input {
    width: calc(100% - 33rem);
}

.cm-search-item .custom-checkbox-item-box .custom-checkbox-item {
    width: 7.5rem;
}

.cm-search-item .custom-checkbox-item label {
    font-size: 1.6rem;
}

.cm-search-item .custom-checkbox-item label:before {
    top: 0.1rem;
}

.cm-search-item .cm-search-btn {
    width: 10rem;
    height: 4rem;
    border-radius: 0.2rem;
    background-color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #fff;
    margin-left: 0.5rem;
}

/* 신고조회 리스트 */
/* 리스트 상단 */
.cm-top-list-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    margin-bottom: 1.8rem;
}

.cm-top-list-box .gs-custom-selectbox {
    width: 12rem;
}

.cm-top-list-box .gs-custom-selectbox .select-style {
    line-height: 3rem;
    padding-left: 1.3rem;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #000;
    border-radius: 0.4rem;
}

.cm-top-list-box .gs-custom-selectbox .select-style:after {
    right: 0.6rem;
    font-size: 1.6rem;
}

.cm-top-list-box .gs-custom-selectbox .select-options {
    border-radius: 0.4rem;
}

.cm-top-list-box .gs-custom-selectbox .select-options li {
    padding: 0.8rem 1.3rem;
    font-size: 1.4rem;
}

.total-list-con {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #333;
    line-height: 1.3;
}

.cm-top-list-box .write-btn {
    width: 14.6rem;
    height: 3.8rem;
    background-color: #3a3a3a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.7rem;
    border-radius: 0.4rem;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #fff;
    box-sizing: border-box;
}

.cm-top-list-box .write-btn i {
    font-size: 1.4rem;
}

/* 리스트 */
.bbs-list-tbl {
    display: table;
    width: 100%;
    table-layout: fixed;
    font-size: 1.6rem;
    border-top: 2px solid #333;
}

.bbs-list-col-group {
    display: table-column-group;
}

.bbs-list-col-group .bbs-col-group-item {
    display: table-column;
}

.bbs-list-head {
    display: table-header-group;
}

.bbs-list-head .bbs-head-item {
    display: table-cell;
    vertical-align: middle;
    height: 6rem;
    text-align: center;
    background: #fff;
    color: #111;
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: -0.035em;
    border-bottom: 1px solid #d9d9d9;
}

.bbs-list-tbody {
    display: table-row-group;
}

.bbs-list-row {
    display: table-row;
    width: 100%;
    transition: background-color 0.3s;
}

.bbs-list-row:hover {
    background-color: #FFFCF7;
}

.bbs-list-row .column {
    display: table-cell;
    vertical-align: middle;
    height: 6rem;
    color: #111;
    font-size: 1.6rem;
    letter-spacing: -0.035em;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 1rem;
    box-sizing: border-box;
}

.bbs-list-row .bbs-title .bbs-subject-con {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    color: #111;
}

.bbs-list-row .bbs-title strong {
    font-weight: inherit;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}
.bbs-list-row .bbs-title .bbs-category{
	color:var(--main-color); 
	margin-right:1rem;
}
.bbs-list-row .bbs-title .attach-icon{
	position: relative; top:-2px; 
	font-size:1.2em; 
	transform: rotate(-45deg) scaleY(-1); 
	margin-left:0.75rem;
}

.bbs-list-row .state {
    padding: 0 1.3rem;
}

.bbs-list-row .state span {
    display: block;
    width: 100%;
    border-radius: 0.4rem;
    padding: 0.5rem;
    text-align: center;
    box-sizing: border-box;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.035em;
}

.bbs-list-row .state span.reg-complete {
    background-color: #FEE5E1;
    border: 1px solid #EDC0BD;
    color: #E93D30;
}

.bbs-list-row .state span.sub-completed {
    background-color: #E6EFFC;
    border: 1px solid #A9C1ED;
    color: #377BF6;
}

.bbs-list-row .state span.ing {
    background-color: #DCF7E4;
    border: 1px solid #A6DAB4;
    color: #30A84F;
}

.bbs-list-row .state span.end {
    background-color: #FDF3D9;
    border: 1px solid #EFD8AB;
    color: #F2A20C;
}

.bbs-list-row .state span.re-ing {
    background-color: #FEE5E1;
    border: 1px solid #EDC0BD;
    color: #E93D30;
}

.bbs-list-row .state span.re-end {
    background-color: #DCF7E4;
    border: 1px solid #A6DAB4;
    color: #30A84F;
}

.bbs-list-row .arrow i {
    font-size: 2rem;
    color: rgba(17, 17, 17, 0.2);
    transition: all 0.4s;
}

.bbs-list-row:hover .arrow i {
    color: var(--main-color);
}

.bbs-list-row .bbs-title .notice-tit {
    display: inline-block;
    width: 6rem;
    height: 2.8rem;
    line-height: 2.8rem;
    background-color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #fff;
    border-radius: 0.2rem;
}

.bbs-list-row .bbs-title .notice-tit + strong {
    width: calc(100% - 8rem);
}

.bbs-list-row .date-column {
    display: flex;
    align-items: center;
    justify-content: end;
}

.bbs-list-row .date-column span {
    display: inline-block;
    width: 12rem;
}

.bbs-list-row .date-column i {
    width: 3.6rem;
    text-align: center;
    font-size: 2.4rem;
    color: rgba(17, 17, 17, 0.2);
    transition: all 0.4s;
    margin-left: 1.2rem;
    transition: color 0.3s;
}

.bbs-list-row:hover .date-column i {
    color: var(--main-color);
}

/* 상세 팝업 */
.report-modal-content {
    position: relative;
    width: 96%;
    max-width: 1040px;
    margin: 20px auto;
}

.report-view-top {
    position: relative;
    height: 5.6rem;
    padding: 0 7.2rem;
    display: flex;
    align-items: center;
    background-color: #232323;
    box-sizing: border-box;
}

.report-view-top .modal-close-btn {
    position: absolute;
    top: 50%;
    right: 3rem;
    font-size: 4rem;
    margin-top: -2rem;
}

.report-view-top .modal-close-btn i {
    font-size: 4rem;
}

.report-view-top .modal-close-btn i:hover {
    color: #fff
}

.report-view-tit {
    display: flex;
    align-items: center;
}

.report-view-tit span {
    display: inline-block;
    width: 12rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background-color: var(--main-color);
    border-radius: 0.4rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #fff;
}

.report-view-tit strong {
    display: inline-block;
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: #fff;
    margin-left: 1.4rem;
}

.report-view-tit p {
    display: inline-block;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: rgba(255, 255, 255, 0.5);
    margin-left: 2rem;
}

.report-view-con {
    padding: 3.5rem 7rem 6rem;
    background-color: #fff;
    box-sizing: border-box;
}

.report-progress-con {
    padding: 4.3rem 3.2rem 3.3rem;
    background-color: #F5F5F5;
    border-radius: 0.8rem;
    margin-bottom: 5rem;
    box-sizing: border-box;
}

.report-progress-list {
    display: flex;
    justify-content: center;
    margin-bottom: 3.2rem;
}

.report-progress-list li {
    width: 17.8rem;
    position: relative;
}

.report-progress-list li:before {
    position: absolute;
    content: '';
    left: -50%;
    width: 100%;
    height: 0.2rem;
    background-color: #C5C5C5;
    top: 7.6rem;
}

.report-progress-list li:first-child:before {
    display: none;
}

.report-progress-list li .icon {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #C5C5C5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 3rem;
    color: #fff;
    margin: 0 auto;
}

.report-progress-list li .icon svg {
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
}

.report-progress-list li .icon svg path {
    fill: #C5C5C5
}

.report-progress-list li strong {
    position: relative;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #acacac;
    line-height: 1.67;
    margin-top: 2.4rem;
    text-align: center;
}

.report-progress-list li strong:before {
    position: absolute;
    content: '';
    top: -1.2rem;
    left: 50%;
    margin-left: -0.5rem;
    width: 1rem;
    height: 1rem;
    border: 2px solid #C5C5C5;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 50%;
    z-index: 1;
}

.report-progress-list li.end:before {
    background-color: var(--main-color);
}

.report-progress-list li.end .icon {
    background-color: #FFD686;
}

.report-progress-list li.end .icon svg path {
    fill: #FFD686
}

.report-progress-list li.end strong {
    color: #FFD686;
}

.report-progress-list li.end strong:before {
    border-color: #FFD686;
}

.report-progress-list li.ing:before {
    background-color: var(--main-color);
}

.report-progress-list li.ing .icon {
    background-color: var(--main-color);
}

.report-progress-list li.ing .icon svg path {
    fill: var(--main-color)
}

.report-progress-list li.ing strong {
    color: var(--main-color);
}

.report-progress-list li.ing strong:before {
    border-color: var(--main-color);
}

.report-progress-txt-box {
    background-color: #fff;
    padding: 4.5rem 3rem 4.4rem;
    box-sizing: border-box;
    border-radius: 0.8rem;
    text-align: center;
}

.report-progress-txt-box .txt {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #000;
    line-height: 1.625;
    color: #000;
}

.report-progress-txt-box .txt b {
    color: var(--main-color);
    font-weight: 600;
}

.report-progress-txt-box strong {
    display: inline-block;
    padding: 1rem 3rem 1.1rem;
    background-color: #F5F5F5;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #000;
    border-radius: 0.5rem;
    margin: 2.4rem 0 1.6rem;
    line-height: 1.3;
}

.report-view-con .inquiry-write-con:last-of-type {
    margin-bottom: 0;
}

.report-view-con .inquiry-write-form01 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4.8rem
}

.report-view-con .inquiry-write-form01 .cm-write-item {
    width: calc(50% - 2.4rem);
    display: block;
}

.report-view-con .inquiry-write-form01 .cm-write-item .write-tit-box {
    width: 100%;
    padding-top: 0;
    margin-bottom: 1rem;
}

.report-view-con .inquiry-write-form01 .cm-write-item .cm-fieldset-box {
    width: 100%;
}

.report-view-con .inquiry-write-form02 .cm-write-item:last-of-type {
    margin-bottom: 0;
}

.report-view-con .cm-fieldset-box .write-textarea.large {
    height: 15rem;
}

.cm-file-download {
    display: flex;
    gap: 2.5rem
}

.cm-file-download li {
    width: calc(20% - 2rem);
}

.cm-file-download li a {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
}

.cm-file-download li a span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.8rem;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    overflow: hidden;
}

.cm-file-download li a span img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cm-file-download li a .file-name {
    position: absolute;
    bottom: 2rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: rgba(0, 0, 0, 0.5);
    padding: 0 1rem;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.report-view-con .cm-file-fieldset-txt p {
    padding-left: 0;
}

.report-view-con .cm-file-fieldset-txt p:before {
    display: none;
}

/* ******************  고객지원 ********************** */
/* ****** 공지사항 ****** */
.board-search-box {
}

.board-search-box .board-search-inner {
    width: 50rem;
    display: flex;
    justify-content: end;
}

.board-search-box .search-word {
    width: calc(100% - 19.2rem);
    height: 4rem;
    padding: 0 1.3rem;
    border: 1px solid #d9d9d9;
    border-radius: 0.2rem;
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #878E9A;
}

.board-search-box .bbs-search-btn {
    width: 6.7rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 0.2rem;
    margin-left: 0.5rem;
    background-color: #4b4b4b;
    border-radius: 0.2rem;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #fff;
    text-align: center;
}

.notice-con .bbs-list-row .bbs-title strong {
    padding-left: 2rem;
    text-align: left;
}

/* ****** FAQ ****** */
.faq-con .bbs-list-row .bbs-title strong {
    text-align: left;
}

.faq-tab-list-style ul {
    display: flex;
}

.faq-tab-list-style ul li {
    height: 4rem;
    min-width: 8rem;
    margin-right: 0.5rem;
}

.faq-tab-list-style ul li:last-child {
    margin-right: 0;
}

.faq-tab-list-style ul li a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 1.5rem;
    -box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 0.2rem;
    background-color: #fff;
    box-sizing: border-box;
    color: #878E9A;
    transition: all 0.3s;
}

.faq-tab-list-style ul li a em {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.035em;
}

.faq-tab-list-style ul li.selected a {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

/* Search Select Custom */
.board-search-box .board-custom-select-box {
    width: 11.5rem;
    height: 4rem;
    margin-right: 0.5rem;
}

.board-custom-select-box .custom-select-wrapper {
    height: 100%;
}

.board-custom-select-box .search-subject-select {
    padding: 0;
}

.board-custom-select-box .custom-select-trigger {
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    color: #878E9A;
}

.board-custom-select-box .custom-option-drop-list {
    border-color: #d9d9d9;
    box-sizing: border-box;
}

.board-custom-select-box .custom-option-item {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 0.6rem 1.3rem;
}

.board-custom-select-box .custom-option-item.selection {
    background-color: #eee;
}

/* -------- 공통 :: Custom Select -------- */
.custom-select-box {
    display: block;
    width: 100%;
}

.custom-select-box select {
    display: none;
}

.custom-select-wrapper {
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    width: 100%;
}

.custom-select-wrapper .custom-select {
    position: relative;
    display: block;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 1.3rem;
    color: #333;
    height: 4rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-size: 1.4rem;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-select-trigger:after {
    font-family: 'xeicon';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "\e942";
    font-size: 18px;
}

.custom-select.opened .custom-select-trigger:after {
    content: "\e945";
}

/* Custom Select :: Option Drop List */
.custom-option-drop-list {
    position: absolute;
    display: none;
    top: 100%;
    left: 0%;
    right: 0;
    z-index: 11;
    overflow-y: auto;
    max-height: 200px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-option-drop-list::-webkit-scrollbar {
    width: 5px;
}

.custom-option-drop-list::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 5px;
    transition: all 0.5s;
}

.custom-option-drop-list::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-radius: 0;
}

.custom-select.opened .custom-option-drop-list {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.custom-option-item {
    position: relative;
    display: block;
    padding: 0.5rem 1.3rem;
    font-size: 1.3rem;
    font-weight: 500;
    color: #555;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.05s ease-in-out;
}

.custom-option-item:hover {
    background: var(--bg-color);
}

.custom-option-item.selection {
    color: #333;
}

/* 페이징 */
.paging {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    margin-top: 5.5rem;
}

.paging a {
    position: relative;
    display: block;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    margin: 0 0.5rem;
    border: 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    color: #777777;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 0.2rem;
    transition: var(--transition-custom);
}

.paging a.paging-btn {
    width: 2.4rem;
    background-color: #fff;
}

.paging .paging-btn {
    border: none;
}

.paging .paging-first i {
    transform: translateX(4px)
}

.paging .paging-last i {
    transform: translateX(-8px)
}

.paging .paging-first i:before,
.paging .paging-last i:before {
    display: block;
    width: 7px
}

.paging a.cur {
    border-color: #aaaaaa;
    background-color: #aaaaaa;
    color: #fff;
}

/* 뷰페이지 */
.bbs-view-top {
    padding: 2.5rem 2rem;
    border-top: 2px solid #000;
    border-bottom: 1px solid #d9d9d9;
}

.bbs-view-top .bbs-tit {
    color: #111111;
    font-size: 2.4rem;
    letter-spacing: -0.035em;
    font-weight: 500;
    line-height: 1.2;
    word-break: keep-all;
}

.bbs-view-top .bbs-tit .bbs-important {
    display: inline-block;
    min-width: 6rem;
    height: 2.8rem;
    line-height: 2.8rem;
    background-color: var(--main-color);
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #fff;
    border-radius: 0.2rem;
    text-align: center;
    margin-right: 1rem;
}

.bbs-view-top .bbs-tit:has(.bbs-important) {
    display: flex;
    flex-wrap: wrap;
}

.bbs-view-top .bbs-write-info {
    margin-top: 1.5rem;
}

.bbs-view-top .bbs-write-info span {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #111111;
    line-height: 1.2;
}

.bbs-view-content {
    padding: 2.5rem 2rem;
}

.bbs-view-con .cm-btn-controls {
    display: flex;
    justify-content: end;
    padding: 3rem 0 5.5rem;
    border-top: 1px solid #d9d9d9;
    margin-top: 2.5rem;
}

.bbs-view-con .cm-btn-controls a {
    width: 14.1rem;
    height: 4.5rem;
    line-height: 4.5rem;
    border-radius: 0.3rem;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #fff;
    background-color: #484848;
}

/* 게시판 :: 뷰 :: 첨부파일 */
.bbs-view-file-info-box {
    line-height: 2rem;
    background-color: #f9f9f9;
    padding: 1rem 2rem;
}

.bbs-view-share-con + .bbs-view-file-info-box {
    border-top: 0;
}

.bbs-view-file-info-box .bbs-file-list {
    overflow: hidden;
    padding-top: 5px;
    font-size: 1.3rem;
}

.bbs-view-file-info-box .bbs-file-list:first-child {
    padding-top: 0;
}

.bbs-view-file-info-box .bbs-file-list dt {
    float: left;
    width: 100px;
    font-weight: 600;
    color: #111;
}

.bbs-view-file-info-box .bbs-file-list dd {
    float: left;
    width: 70%;
    width: calc(100% - 100px);
    color: #111;
}

.bbs-view-file-info-box .bbs-file-list dd a {
    color: inherit;
}

.bbs-view-file-info-box .bbs-file-list dd a:hover {
    text-decoration: underline;
}

.bbs-view-file-info-box .bbs-file-list dd i {
    vertical-align: middle;
    font-size: 1.5rem;
}

/* 게시판 :: 뷰 :: 관리자코멘트 */
.manage-comment-con {
    border: 1px solid #d9d9d9;
    margin: 10px 0;
}

.manage-comment-con h4 {
    padding: 15px 20px;
    border-bottom: 1px solid #d9d9d9;
    background-color: var(--bg-color);
    color: #333;
    font-weight: 600;
    font-size: 1.6rem;
}

.manage-comment-con h4:before {
    font-family: "xeicon";
    content: "";
    content: "\e981";
    margin-right: 5px;
}

.manage-comment-txt {
    padding: 18px 20px;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: -0.035em;
    line-height: 1.4
}

/* 게시판 :: 뷰 :: 이전글,다음글 */
.bbs-view-prev-next-list li {
    border-bottom: 1px solid #D9D9D9;
}

.bbs-view-prev-next-list li:first-child {
    border-top: 1px solid #D9D9D9;
}

.bbs-prev-next-tbl {
    width: 100%;
    table-layout: fixed;
}

.bbs-prev-next-tbl th,
.bbs-prev-next-tbl td {
    height: 54px;
    color: #111;
    font-size: 1.6rem;
    letter-spacing: -0.035em;
    line-height: 1.2;
}

.bbs-prev-next-tbl th {
    text-align: left;
    font-weight: 400;
}

.bbs-prev-next-tbl .bbs-prev-next-tit {
    position: relative;
    display: block;
    padding-left: 2rem;
    font-weight: 400;
}

.bbs-prev-next-tbl .bbs-prev-next-tit:after {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 1px;
    right: 0px;
    background-color: #ededed;
    content: "";
}

.bbs-prev-next-tbl .bbs-prev-next-tit i {
    position: absolute;
    right: 1.5rem;
    font-size: 1.6rem;
}

.bbs-prev-next-tbl td {
    padding-left: 1.7rem
}

.bbs-prev-next-tbl td a {
    display: block;
    color: inherit;
}

.bbs-prev-next-tbl td a .bbs-tit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bbs-prev-next-tbl td a:hover .bbs-tit {
    text-decoration: underline
}

/* 문의하기 뷰 */
.inquiry-view-txt {
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: -0.035em;
    color: #111;
}

.inquiry-view-tit {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #111;
}

.inquiry-view-tit + .inquiry-view-txt {
    margin-top: 2rem;
}

.bbs-view-content .inquiry-write-form01 .write-tit-box {
    padding-top: 0;
}

.bbs-view-content .inquiry-write-form01 .cm-write-item {
}


/* ****************** 준비중 페이지 ********************** */
.cm-ready-con {
    border-top: 2px solid #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8rem 0 8.5rem;
    text-align: center;
    box-sizing: border-box;
}

.cm-ready-con .logo-box {
    margin-bottom: 5.5rem;
    width: 24rem;
    margin-inline: auto;
}

.cm-ready-con .logo-box img {
    max-width: 100%;
}

.cm-ready-con .txt-box {
    margin-bottom: 3.8rem;
}

.cm-ready-con .txt-box .txt01 {
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: -0.035em;
    color: #000;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.cm-ready-con .txt-box .txt01 b {
    color: var(--main-color);
    font-weight: 600;
}

.cm-ready-con .txt-box .txt02 {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #555;
    line-height: 1.55;
}

/* ****************** 로그인 페이지 ********************** */
#rightContent.full {
    width: 100%;
}

.login-page .report-write01-con {
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.login-page .authentication-list {
    gap: 2rem
}