

.status_txt{display:inline-block; width: 100px; height: 38px; line-height: 36px; box-sizing:border-box; border:1px solid var(--main); font-size:0.889rem; letter-spacing: -0.64px; font-weight: 600; border-radius:var(--borderR5); text-align:center;}
.status_txt.ing{border-color:var(--main); color:var(--main);}
.status_txt.end{border-color:var(--basic); color:var(--basic);}

.sign_top {width:100%; padding:10px 0; display:flex; align-items:center; justify-content:flex-end; text-align:right;}

/*********** List *************/
.bbs_con {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--black); text-align:center;}
.bbs_con th {font-size:1rem; letter-spacing:-0.35pt; line-height:150%; font-weight:600; color:var(--black); box-sizing:border-box; padding:18px 10px; border-bottom:1px solid #bbb;}
.bbs_con td {font-size:1rem; letter-spacing:-0.35pt; line-height:150%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:15px 10px; border-bottom:1px solid var(--border);}
.bbs_con td.left {text-align:left; padding:15px 20px;}
.bbs_con tr.point td{background:rgba(51,150,75,.1);}
.bbs_con td img{display:inline-block; vertical-align:middle; margin:0 3px 2px 3px;}
.bbs_con .notice span{color:var(--main); display:inline-block; vertical-align:middle;}
.bbs_con .mo_line{display:none;}

.bbs_con .view_btn{display:inline-block; width: 100px; height: 38px; line-height: 36px; box-sizing:border-box; border:1px solid var(--main); font-size:0.889rem; letter-spacing: -0.64px; font-weight: 600; border-radius:var(--borderR5); text-align:center; color:var(--white); background:var(--main);}


/*********** View *************/

.answer_content{padding:25px 20px; word-break:break-all; border-bottom:1px solid var(--border); background:var(--grayBg);}
.answer_content p.title{font-weight:700; color:var(--black); letter-spacing:-0.5pt; padding:0 0 8px;}










/*********** Input *************/
.report_info {padding: 40px; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR30); background:var(--white); margin:0 0 30px; text-align:center;}
.report_info h3 {color: var(--black); font-family: var(--eng); font-size: 1.444rem; font-weight: 400; line-height:133.333%; letter-spacing: -1.5px; text-transform: uppercase; font-weight:600;  margin:0 0 10px;}
.report_info .stxt {letter-spacing: -0.8px;}
.report_info strong {color:var(--black);}

.form-dep {padding:14px 20px; box-sizing:border-box; border-radius: 10px; background: var(--sub); color: var(--white); font-size: 1rem; font-weight: 600; line-height: 177.778%; letter-spacing: -0.72px;}
.form-dep span {font-size:0.925rem; font-weight:400; letter-spacing:inherit; opacity:0.7;}
.input_info{}
.input_info li{font-size:0.889rem; letter-spacing: -0.64px; line-height: 150%; font-weight: 400; color:var(--main); padding:0 0 6px 12px; box-sizing:border-box; position:relative;}
.input_info li:last-child{padding-bottom: 0;}
.input_info li:before{content:'*'; font-size:inherit; letter-spacing: inherit; line-height:inherit; font-weight: inherit; color:inherit; position: absolute; left: 0; top:2px;}

.radio_wrap{display: flex; flex-wrap:wrap; height:100%; align-items:center;}
.radio_wrap li{padding: 2px 10px 2px 0; box-sizing:border-box; width: 33.33%;}
.radio_wrap li.etc{width: 100%; padding-right: 0; display: flex; align-items:center;}
.radio_wrap li.etc label{width: 90px;}
.radio_wrap li.etc input[type=text]{width: calc(100% - 90px);}
	.radio_item{}
	.radio_item label{font-size:1rem; padding: 0 0 0 27px; box-sizing:border-box; position: relative; color:rgba(34,34,34,.7); letter-spacing: -0.72px; line-height:140%; cursor:pointer; display: block;}
	.radio_item label:before{content:''; display:inline-block; position: absolute; left: 0; top:2px; width:20px; height:20px; background:var(--white); border:1px solid var(--border); border-radius:50%; box-sizing:border-box;}
	.radio_item input[type=radio]:checked + label{color:var(--black); font-weight: 600;}
	.radio_item input[type=radio]:checked + label:before{border:5px solid var(--main);}
	.radio_item input[type=radio]{display:none !important;}

	.checkbox_wrap {}
	.checkbox_wrap li {padding:2px 0 0;}
	.report_input > dl > dd .checkbox_wrap .checkbox_item label:before {content:'';}
	.report_input > dl > dd .checkbox_wrap .checkbox_item input[type=checkbox]:checked + label:before {content:'\e5ca';}
	.checkbox_item{display: inline-block; vertical-align: middle;}
	.checkbox_item label{font-size:1rem; color:rgba(34,34,34,.7); letter-spacing: -0.72px; line-height:140%; cursor:pointer;}
	.checkbox_item label:before{content:'\e5ca'; font-family:var(--icon); display:inline-block; vertical-align: middle; margin:-2px 7px 0 0; width:24px; height:24px; font-size:20px; line-height: 22px; font-weight: 400; text-align:center; background:var(--white); border:1px solid var(--border); border-radius:var(--borderR5); box-sizing:border-box;}
	.checkbox_item input[type=checkbox]:checked + label{color:var(--black); font-weight: 600;}
	.checkbox_item input[type=checkbox]:checked + label:before{background:var(--main); border-color:var(--main); color:var(--white);}
	.checkbox_item input[type=checkbox]{display:none !important;}



.report_wrap{box-sizing: border-box; width: 100%;}
	.report_input{max-width:1050px; margin: 0 auto;}
	.report_input > dl {display: flex; border-bottom: 1px solid var(--border);}
	.report_input > dl > dt{width: 180px; padding: 22px 10px 22px 0;  box-sizing:border-box; font-size:1rem; font-weight:600; color:var(--black); letter-spacing: -0.72px; line-height: 150%;}
	.report_input > dl.ver2 > dt{width: 150px;}
	.report_input > dl.ver2 > dd{width: calc(100% - 150px);}
	.report_input > dl > dt span{display: inline-block; color:var(--main);}
	.report_input > dl > dt small{display: block; font-weight: 400; font-size:0.889rem;}
	.report_input > dl > dd{width: calc(100% - 180px); box-sizing:border-box; padding: 15px 0;}
	.report_input > dl > dd .dot{margin: 10px 0 0; padding:15px 0 0; border-top:1px dashed var(--border);}
	.report_input > dl > dd .input_info{margin: 5px 0 0;}
	.report_input > dl > dd .sub_txt{padding:5px 0 0; font-size:1rem; letter-spacing: -0.72px; line-height: 150%; color:rgba(34,34,34,.6);}
	.report_input > dl > dd .sub_txt a{display: inline-block; letter-spacing: inherit; line-height: inherit; transition:all .3s linear;}
	.report_input > dl > dd .sub_txt a:hover{color:var(--black);}
/* 	.report_input > dl > dd .checkbox_item{margin: -2px 0 0 10px;} */
	.report_input > dl > dd .input{height: 45px;}
	.report_input > dl > dd .input::placeholder{font-size:1rem; color:rgba(34,34,34,.3);}
	.report_input > dl > dd .flex-cont {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:8px; margin:0 0 8px;}
	.report_input > dl > dd .submit-box {display:flex; flex-wrap:wrap; align-items:center; gap:5px 12px;}
	.report_input > dl > dd .submit-box a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 112px; height: 45px; border-radius: 10px; border: 1px solid rgba(34, 34, 34, 0.20); background: var(--white); box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.32) inset; box-sizing:border-box; font-size: 16px; font-weight: 600; line-height:125%; letter-spacing: -0.8px;}

	.report_input .two_wrap{display: flex;}
	.report_input .two_wrap dl{display: flex; width: 50%; align-items:center; padding: 15px 20px 15px 0; box-sizing:border-box; border-bottom: 1px solid var(--border);}
	.report_input .two_wrap dl dt{width: 180px; box-sizing:border-box; font-size:1rem; font-weight:600; color:var(--black); letter-spacing: -0.72px; line-height: 150%;}
	.report_input .two_wrap dl dt span{display: inline-block; color:var(--main);}
	.report_input .two_wrap dl dt .fs16{font-size:0.889rem; font-weight: 400; line-height: 150%;}
	.report_input .two_wrap dl dd{width: calc(100% - 180px); box-sizing:border-box;}
	.report_input .two_wrap dl dd .input_date{position: relative; max-width:218px; width: 100%;}
	.report_input .two_wrap dl dd .input_date .input{padding: 0 46px 0 15px; width: 100%; box-sizing:border-box;}
	.report_input .two_wrap dl dd .input_date .ui-datepicker-trigger{display: none;}
	.report_input .two_wrap dl dd .input_date:after{content:'\ebcc'; display:inline-block; font-size:22px; width: 22px; height:22px; line-height:22px; font-family:var(--icon); position:absolute; right:13px; top:50%; margin-top:-11px; color:rgba(34,34,34,.5);}


	.report_input .input_file{max-width:100%; width: 100%; box-sizing:border-box; border-radius:var(--borderR5); -webkit-border-radius: var(--borderR5);}
	.report_input .input{max-width:100%; width: 100%; box-sizing:border-box; border-radius:var(--borderR5); -webkit-border-radius: var(--borderR5);}
	.report_input .input_s{max-width:218px !important;}
	.report_input select,
	.report_input .select{max-width:490px; width: 100%; height: 45px !important; box-sizing:border-box; border-radius:var(--borderR5); -webkit-border-radius: var(--borderR5);}
	.report_input .textarea{border-radius:var(--borderR5); -webkit-border-radius: var(--borderR5); height:110px; font-size:1rem;}
	.report_input .input.input_subject{background:var(--grayBg);}
	.report_input .norobot_wrap{position: relative;}
	.report_input .norobot_wrap .vcode{padding: 0 0 0 100px; width: 100%; max-width:100%;}
	.report_input .norobot_wrap .norobot_img{position: absolute; padding: 0; left: 5px; top:50%; margin-top: -16px; border-radius:5px; overflow:hidden;}

	.report_input .hipen{display: inline-block; width: 20px; text-align:center; font-size:1rem; color:var(--basic);}
	.report_input .hphone_wrap{max-width:430px; width: 100%; display:flex; align-items:center;}
	.report_input .hphone_wrap .select_num{width: calc((100% - 40px)/3);}
	.report_input .hphone_wrap .input_num{width: calc((100% - 40px)/3);}
	.report_input .email_box{display: flex; flex-wrap:wrap; align-items:center;}
	.report_input .email_wrap{max-width:430px; width: 100%; display:flex; align-items:center;}
	.report_input .email_wrap .email_select{width: calc((100% - 25px)/3); margin-left: 5px;}
	.report_input .email_wrap .input_mail{width: calc((100% - 25px)/3);}





.bbs_input_bottom{padding: 50px 0 0; text-align:center;}

.pri_agree{position: relative; text-align:center; padding: 25px 0 0;}
.pri_agree .checkbox_wrap{display: flex; flex-wrap:wrap; justify-content: center;}
.pri_agree .checkbox_item {margin: 0 30px 0 0;}
.pri_agree .checkbox_item:last-child {margin: 0;}
.pri_agree .checkbox_item label{color:rgba(34,34,34,.7);}
.pri_agree .checkbox_item input[type=checkbox]:checked + label{color:var(--black); font-weight: 400;}
.pri_agree .option{cursor:pointer; display: inline-block; font-weight:600; color:var(--main); font-size:1rem; text-decoration:underline; line-height: 120%;}
.pri_agree .pri_agree_cont{position: absolute; left: 0; bottom: 30px; width: 100%;}
.pri_agree .pri_agree_cont .textarea{padding: 30px; border-radius:var(--borderR15); -webkit-border-radius: var(--borderR15); font-size:0.889rem; color:rgba(34,34,34,.5);}

.bbs_btn_center{padding: 50px 0 0; text-align:center;}
.bbs_btn_center .more_btn{cursor:pointer; width: 270px;}
.bbs_btn_center .more_btn em{display: block; position: relative;}
.bbs_btn_center .more_btn em:after{margin: 0; position: absolute; right:0; top:50%; margin-top:-16px;}
 




/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1350px){



}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){



}

/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){


.status_txt{width: 80px; height: 32px; line-height: 30px;}


/*********** List *************/
.bbs_con {}
.bbs_con th {padding:15px 8px;}
.bbs_con td {padding:12px 8px;}
.bbs_con td.left {padding:12px 15px;}

.bbs_con .view_btn{width: 80px; height: 32px; line-height: 30px;}



/*********** View *************/
	.answer_content{padding:20px 15px;}


/*********** Input *************/
.radio_wrap li{padding: 2px 20px 2px 0;}

	.checkbox_item{}
	.checkbox_item label:before{width:20px; height:20px; font-size:16px; line-height: 18px;}

.radio_wrap{}
.radio_wrap li{width: 50%;}
.radio_wrap li.etc label{width: 80px;}
.radio_wrap li.etc input[type=text]{width: calc(100% - 80px);}
	.radio_item{}
	.radio_item label{padding: 0 0 0 22px;}
	.radio_item label:before{top:1px; width:18px; height:18px;}



.report_wrap{}
	.report_input{}
	.report_input > dl{}
	.report_input > dl > dt{width: 150px; padding: 20px 10px 0 0;}
	.report_input > dl > dd{width: calc(100% - 150px); padding: 10px 0;}
	.report_input > dl > dd .checkbox_item{margin:5px 0 0;}
	.report_input .input{max-width:100%;}
	.report_input select,
	.report_input .select{max-width:100%;}
	.report_input .hphone_wrap{max-width:100%;}
	.report_input .email_wrap{max-width:100%;}


	.report_input .two_wrap{flex-wrap:wrap;}
	.report_input .two_wrap dl{width: 100%; padding: 15px 0;}
	.report_input .two_wrap dl dt{width: 150px;}
	.report_input .two_wrap dl dt .fs16{}
	.report_input .two_wrap dl dd{width: calc(100% - 150px);}


.form-dep span {display:block;}


.bbs_input_bottom{padding: 30px 0 0;}
.pri_agree .checkbox_item {margin: 0 20px 0 0;}
.pri_agree .pri_agree_cont .textarea{padding:20px;}

.bbs_btn_center{padding: 30px 0 0;}
.bbs_btn_center .more_btn{width: 220px;}
.bbs_btn_center .more_btn em:after{margin-top:-12px;}



}


/*******************************************************************************
    @media  768px              
*******************************************************************************/
@media all and (max-width:768px){


.status_txt{width: 80px; height: 32px; line-height: 30px;}


/*********** List *************/
.bbs_con {}
.bbs_con th {display: none;}
.bbs_con td {padding:0;}
.bbs_con td.left {padding:10px;}
.bbs_con .pc_line{display:none;}
.bbs_con .mo_line{display:block; position: relative;}
.bbs_con .mo_line h4{font-size:1rem; font-weight:600; color:var(--black); line-height: 150%; padding:0 0 5px; letter-spacing: -0.72px;}
.bbs_con .mo_line ul{}
.bbs_con .mo_line ul li{font-size:0.889rem; padding:0 0 6px 70px; box-sizing:border-box; position:relative; letter-spacing: -0.72px;}
.bbs_con .mo_line ul li:last-child{padding-bottom: 0;}
.bbs_con .mo_line ul li strong{position:absolute; left:0; top:0; color:var(--black); font-weight: 600;}
.bbs_con .mo_line .status_txt{line-height: 120%; height: auto; border:0; width: auto;}

.bbs_con .view_btn{margin: 5px 0 0; width: 100%;}




}


/*******************************************************************************
    @media ~768px
*******************************************************************************/
@media all and (max-width:768px){

.report_info br.line {display:none;}

}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/*********** View *************/
	.answer_content{padding:15px 10px;}
	.answer_content p.title{padding:0 0 6px;}

/*********** Input *************/
.report_info {padding:20px;}
.report_info h3 {font-size:1.222rem; letter-spacing:-1px; margin:0 0 5px;}
.report_info br {display:none;}
.report_info br.block {display:block;}

.input_info{}
.input_info li{padding:0 0 4px 12px;}


.radio_wrap{}
	.radio_item label:before{top:0;}
.radio_wrap li.etc label{width: 70px;}
.radio_wrap li.etc input[type=text]{width: calc(100% - 70px);}


.form-dep {padding:8px 15px; border-radius:5px;}
.report_wrap{}
	.report_input{}
	.report_input > dl{flex-wrap:wrap;}
	.report_input > dl > dt{width: 100%; padding: 12px 0 5px;}
	.report_input > dl > dt br {display:none;}
	.report_input > dl > dd{width:100%; padding: 0 0 12px;}
	.report_input > dl.ver2 > dt{width: 100%;}
	.report_input > dl.ver2 > dd{width: 100%;}
	.report_input > dl > dd .dot{padding:10px 0 0;}
	.report_input > dl > dd .submit-box a {width:100%; height:40px; font-size:14px;}
	
	.report_input > dl > dd .input{height: 40px;}
	.report_input select,
	.report_input .select{height: 40px !important;}
	.report_input .norobot_wrap .vcode{padding: 0 0 0 90px;}

	.report_input .email_wrap{flex-wrap:wrap;}
	.report_input .email_wrap .email_select{width: 100%; margin: 5px 0 0;}
	.report_input .email_wrap .input_mail{width: calc((100% - 20px)/2);}

	.report_input .two_wrap dl{flex-wrap:wrap; padding: 15px 0;}
	.report_input .two_wrap dl dt{width: 100%; padding: 0 0 5px;}
	.report_input .two_wrap dl dt .fs16{font-size:13px;}



.bbs_input_bottom{padding: 20px 0 0;}

.pri_agree{padding: 15px 0 0;}
.pri_agree .pri_agree_cont{bottom: 25px;}
.pri_agree .checkbox_wrap{flex-direction: column;}
.pri_agree .checkbox_item {margin: 0 0 8px;}

.bbs_btn_center{padding: 20px 0 0;}
.bbs_btn_center .more_btn{width: 180px;}
.bbs_btn_center .more_btn em:after{margin-top:-10px;}





}
/*******************************************************************************
    @media ~480px            
*******************************************************************************/
@media all and (max-width:480px){




}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}