@charset "utf-8";
/* *******************************************************
 * filename : report.css
 * description : report
 * date : 2025-10-22
******************************************************** */

/* ******** 제보하기 ******** */
/* 배너 */
.report-page .report-banner-con {max-width: 1720px; margin: 5.5rem auto 0;}
.report-page .report-banner-con .banner-box {position: relative; width: 100%; background: center / cover no-repeat #333 url("/images/content/report_online_bnr.jpg"); box-sizing: border-box;}
.report-page .report-banner-con .banner-box:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); content: '';}
.report-page .report-banner-con .txt-box {position: relative; min-height: 36rem; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; content: ""; text-align: center; box-sizing: border-box; padding: 3rem 2rem; z-index: 1;}
.report-page .report-banner-con .txt-box .banner-bold-txt {font-size: 2.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.025em; color: #fff;}
.report-page .report-banner-con .txt-box .banner-bold-txt span{font-weight: inherit;}
.report-page .report-banner-con .txt-box .banner-txt {font-size: 1.7rem; font-weight: 400; line-height: 1.6em; letter-spacing: -0.065em; color: #ccc; padding-top: 4rem;}
/* 개인정보 처리방침 박스영역 */
.report-page .accusation-con01-privacy-box {margin-top: 4.5rem; padding: 5rem 0; background-color: #fff;}
.report-page .caution-txt {display: flex; align-items: center; justify-content: center; font-size: 1.7rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.065em; color: rgba(51, 51, 51, 0.8); background-color: #f8f8f8; padding: 2.5rem 2rem; margin-top: 4rem; box-sizing: border-box;}
.report-page .accusation-con01-privacy-scroll {overflow-x: hidden; overflow-y: auto; height: 35rem; border: 1px solid #ddd; box-sizing: border-box; padding: 5rem 3rem 5rem 5rem;}
.report-page .accusation-con01-privacy-scroll .top-tit{font-size: 2.4rem; line-height: 1.3; font-weight: 600; letter-spacing: -0.05em; color: #000;}
.report-page .accusation-con01-privacy-scroll .item{margin-top: 3rem;}
.report-page .accusation-con01-privacy-scroll .item .tit{margin-bottom: 0.5rem; font-size: 1.8rem; line-height: 1.5; letter-spacing: -0.05em; color: #000;}
.report-page .accusation-con01-privacy-scroll .item .txt{font-size: 1.6rem; line-height: 2; letter-spacing: -0.05em; color: #777;}
.report-page .accusation-con01-privacy-scroll .item + .top-tit{margin-top: 5rem;}

/* 라디오버튼 커스텀 */
.report-page .accusation-con01-agree-box01{margin-top: 3.5rem; padding: 3rem 1.5rem; background-color: #f8f8f8; text-align: center;}
.report-page .accusation-con01-agree-box01 p{margin-top: 2rem; font-size: 1.6rem; line-height: 1.5; letter-spacing: -0.05em; color: #000; text-align: center;}
.report-page .accusation-con01-agree-box02{margin-top: 3rem; text-align: center;}
.report-page .inquiry-custom-radio-list .radio-item{display:inline-block; vertical-align:middle; margin: 0 33px;}
.report-page .inquiry-custom-radio-list .radio-item:first-child{margin-left:0;}
.report-page .inquiry-custom-radio-list .radio-item input[type="radio"]{display:none;}
.report-page .inquiry-custom-radio-list .radio-item label{display:inline-block; position:relative; padding-left:3rem; color:#000; font-size:1.7rem; letter-spacing: -0.05em; line-height:2.5rem; vertical-align:middle;}
.report-page .inquiry-custom-radio-list .radio-item label::before{content:""; position:absolute; top:0.3rem; left:0; width:2rem; height:2rem; background-color:#c6c6c6; border-radius:2rem;}
.report-page .inquiry-custom-radio-list .radio-item label::after{position:absolute; top:0.1rem; left:0.1rem; content: "\e929"; font-size: 1.8rem; color: #fff; font-family:xeicon !important;}
.report-page .inquiry-custom-radio-list .radio-item input[type="radio"]:checked + label::before{background-color: var(--main-color);}
.report-page .custom-radio-item label {padding-left: 2.9rem; margin-right: 2.5rem;}
.report-page .custom-radio-item:last-child label {margin-right: 0;}
.report-page .custom-radio-item label::before {top: 0; height: 1.8rem;}
.report-page .custom-radio-item input[type="radio"]:checked + label::before {color: var(--main-color);}
.report-page .bbs-write-tbl .input-check span input {display: none;}
.report-page .bbs-write-tbl .input-check span label {position: relative; padding-left: 3rem;}
.report-page .bbs-write-tbl .input-check span label::before {border-radius: 50%; content: ""; position: absolute; top: -0.1rem; left: 0px; width: 1.5rem; height: 1.5rem; border: 1px solid #d2d2d2;}
.report-page .bbs-write-tbl .input-check span label::after {display: none; position: absolute; top: 0; left: 0.1rem; content: "\e929"; font-size: 1.5rem; color: #fff; font-family: xeicon !important;}
.report-page .bbs-write-tbl .input-check span input:checked + label::after {display: block;}
.report-page .bbs-write-tbl #checkboxGroup02 span label::before {border-radius: 0;}
.report-page .bbs-write-tbl #checkboxGroup02 span label {font-size: 1.6rem; color: #333; letter-spacing: -0.05em; font-weight: 500;}
.report-page .accusation-tbl-item:nth-of-type(4) .bbs-write-tbl th {padding-left: 2rem;}
.report-page .accusation-tbl-item:nth-of-type(4) .bbs-write-tbl #checkboxGroup02 span label {padding-left: 3.5rem;}
.report-page .accusation-tbl-item:nth-of-type(4) .bbs-write-tbl .input-check span label::before {top: 0.2rem; background-color: #fff;}
.report-page .accusation-tbl-item:nth-of-type(4) .bbs-write-tbl .input-check span label::after {top: 0.3rem;}
.report-page .accusation-tbl-item:nth-of-type(4) .bbs-write-tbl .input-check span input:checked + label::before {background-color: var(--main-color); border-color: var(--main-color);}
.report-page .accusation-tbl-item:nth-of-type(4) .bbs-write-tbl td p {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.5em; color: rgba(51, 51, 51, 0.6);}
.report-page .accusation-tbl-item:nth-of-type(5) .bbs-write-tbl .write-input {max-width: none; width: 100%;}

.report-page .insert-file .file-list .filebox {padding-bottom: 0.6rem;}
.report-page .insert-file .file-list .filebox:last-child {padding-bottom: 0;}
.report-page .insert-file .file-list .filebox p {font-size: 1.4rem; font-weight: 400; margin-top: 1rem; color: rgba(51, 51, 51, 0.6); display: inline-block; width: 130px;}
.report-page .insert-file .file-list .filebox .delete {cursor: pointer;}
.report-page .insert-file .file-list .filebox .delete i{color: #c6c6c6; margin-left: 8rem; font-size: 1.8rem;}

/* 제보 입력 테이블 */
.report-page .accusation-tbl-item{margin-top: 7rem;}
.report-page .accusation-tbl-item .tbl-tit{margin-bottom: 2rem; position: relative; padding-left: 3.7rem; font-size: 2.4rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.05em; color: #333;}
.report-page .accusation-tbl-item .tbl-tit b{position: absolute; top: 0; left: 0; display: inline-block; color: var(--main-color);}
.report-page .accusation-textarea-info{margin-top: 1rem; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.05em; color: #979797;}
.report-page .accusation-textarea-info:last-child {margin-top: 0;}
.report-page .accusation-tbl-btn{margin-top: 8rem; text-align: center;}
.report-page .bbs-write-tbl {border-top: 2px solid #333;}
.report-page .bbs-write-tbl th, .report-page .bbs-write-tbl td {padding: 1.8rem 0 1.8rem 3rem; box-sizing: border-box;}
.report-page .bbs-write-tbl td {padding-right: 3rem;}
.report-page .bbs-write-tbl .name-input {max-width: 22.6rem;}
.report-page .bbs-write-tbl .write-textarea {padding: 1rem;}
.report-page .accusation-tbl-btn button,
.report-page .accusation-tbl-btn a{display: inline-block; width: 21.5rem; height: 5.5rem; line-height: 5.5rem; text-align: center; font-size: 1.8rem; letter-spacing: -0.05em; color: #fff; background-color: var(--main-color); border-radius: 5.5rem;}
.report-page .bbs-write-tbl th {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #333;}
.report-page .essential-icon {margin-right: 0; font-size: 1.7rem; position: relative; top: -0.4rem; color: #cf0505;font-weight:600;}
.report-page .bbs-write-tbl .phone-fieldset .write-input, 
.report-page .bbs-write-tbl .phone-fieldset .write-select {max-width: 10rem;}
.report-page .bbs-write-tbl .email-fieldset .write-input,
.report-page .email-fieldset .write-select{max-width: 15rem;}
.report-page .bbs-write-tbl .write-input[disabled], .report-page .bbs-write-tbl .write-select[disabled], .custom-radio-item input[disabled] + label::before {background-color: #f1f1f1; opacity: 0.7;}
.custom-radio-item input[disabled] + label::before {color: #f1f1f1; border-radius: 50%; top: -0.1rem;}

/* 보안코드 */
.security-code-box{position: relative; width: 100%; border: 0; box-sizing: border-box;}
.security-code-box .write-input{padding-left: 0rem !important; padding-right: 13rem; width: 100%; height: 6rem;}
.security-code-box .security-code{position: absolute; top: 0; right: 3rem; width: 10rem; font-size: 1.6rem; line-height: 6rem; letter-spacing: -0.015em; color: #000; text-align: right;}

@media all and ( min-width: 801px ){
	.report-page .accusation-con02-download-wrapper .down-list li a:hover{background-color: #ed2024;}
	.report-page .accusation-con02-download-wrapper .down-list li + li a:hover{background-color: #226cbe;}
	.report-page .accusation-con02-download-wrapper .down-list li a:hover b,
	.report-page .accusation-con02-download-wrapper .down-list li a:hover i{color: #fff;}
}

@media all and ( max-width: 1780px ){
	.report-page .report-banner-con {max-width: none; padding: 0 var(--area-padding);}
}
@media all and ( max-width: 1024px ){
	/* 제보 입력 테이블 */
	.report-page .bbs-write-tbl .write-input, .report-page .bbs-write-tbl .write-select {max-width: none; width: 100%;}
	.report-page .bbs-write-tbl .phone-fieldset .write-input, .report-page .bbs-write-tbl .phone-fieldset .write-select {max-width: none;}
	.report-page .bbs-write-tbl .phone-fieldset .write-select {width: 100px !important;}
	.report-page .bbs-write-tbl .phone-fieldset .write-input {width: calc(50% - 7.7rem) !important;}
	.report-page .bbs-write-tbl .email-fieldset .write-input {width: calc(50% - 7.5rem) !important;}
	.report-page .bbs-write-tbl .email-fieldset .write-select {width: 12rem !important;}
}
@media all and ( max-width: 800px ){
	/* 배너 */
	.report-page .report-banner-con {margin: 3rem auto 0;}
	.report-page .report-banner-con .txt-box {padding: 3rem 2rem;}
	.report-page .report-banner-con .txt-box .banner-bold-txt {font-size: 2.4rem; line-height: 1.5em;}
	.report-page .report-banner-con .txt-box .banner-txt {font-size: 1.7rem; line-height: 1.6em; padding-top: 3.5rem;}
	/* 개인정보 처리방침 박스영역 */
	.report-page .accusation-con01-privacy-box {margin-top: 2.5rem; padding: 3rem 0;}
	.report-page .accusation-con01-privacy-scroll {height: 25rem; padding: 2rem;}
	/* 제보 입력 테이블 */
	.report-page .accusation-tbl-btn{margin-top: 5rem;}
	.report-page .bbs-write-tbl tr{padding: 0;}
	.report-page .bbs-write-tbl tr, .report-page .bbs-write-tbl th, .report-page .bbs-write-tbl td {background-color: #fff;}
	.report-page .bbs-write-tbl th, .report-page .bbs-write-tbl td {padding: 2rem 0;}
	.report-page .bbs-write-tbl td {padding-top: 0;}
	.report-page .bbs-write-tbl .phone-fieldset .write-select, 
	.report-page .bbs-write-tbl .phone-fieldset .write-input {width: calc(33.333% - 1.8rem) !important;}
	.report-page .bbs-write-tbl .email-fieldset .write-input {width: calc(50% - 1.35rem) !important;}
	.report-page .bbs-write-tbl .hypen {width: 2rem;}
	.report-page .bbs-write-tbl .email-fieldset .write-select {margin-top: 1.5rem; display: block; width: 100% !important;}
	.report-page .accusation-tbl-item:nth-of-type(4) .bbs-write-tbl th {padding-left: 0;}
}