.content_box {
	padding-top: 135px;
	width: 100%;
  	height: 100%;
}
.content_box.content_box_style {
	width: 100%;
	height: 100%;
}
.content {
	padding: 100px 0 80px;
	/* 전체높이 - footer 높이 */
	min-height: calc(100vh - 73px);
}

.content h2 {
	line-height: 1.6;
	letter-spacing: -1.2px;
	font-size: 30px;
	font-weight: 700;
	color: #252525;
}

.content h3 {
	margin-bottom: 30px;
	line-height: 1.6;
	font-size: 22px;
	font-weight: 500;
	color: #222;
	word-break: break-all;
}

.content .agree_title {
	position: relative;
	margin-bottom: 30px;
	padding-left: 35px;
	line-height: 1.6;
	font-size: 21px;
	font-weight: 500;
	color: #353535;
	word-break: break-word;
}

.content .agree_title i {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 5px;
	left: 0;
	width: 25px;
	height: 25px;
	background-color: #0c2b5a;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 800;
	color: #fff;
}
	
.agree_title span {
	font-weight: 700;
	color: #0c2b5a;
}

.agree_title span.black {
	font-weight: 400;
	color: #212529;
}

.content h4 {
	position: relative;
	margin-bottom: 20px;
	padding-left: 40px;
	line-height: 1.6;
	font-size: 20px;
	font-weight: 700;
	color: #0c2b5a;
}

.content h4 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #0c2b5a;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.content .normal_sentence {
	margin-bottom: 15px;
}

.content .symbol_sentence {
	position: relative;
	margin-bottom: 20px;
	padding-left: 50px;
	line-height: 1.6;
}

.content .custom_sentence {
	position: relative;
	margin-bottom: 20px;
	padding-left: 30px;
	line-height: 1.6;
}

.content .symbol_sentence::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 20px;
}

.content .symbol_area {
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	margin-bottom: 35px;
	padding: 20px 35px;
}

.content .symbol_area .img {
	margin-right: 20px;
}

.content .symbol_area .text {
	line-height: 1.6;
	font-size: 15px;
	font-weight: 500;
	color: #555;
}

.content .custom_sentence span {
	position: absolute;
	top: 0;
	left: 0;
}

.content .symbol_sentence.important_symbol::before {
	content: "※";
	left: 15px;
}

.content_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}

.content_box_style .content_title {
	margin-bottom: 0;
}

.content_title .location {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.content_title .location li {
	font-size: 14px;
	color: #858585;
}

.content_title .location li::after {
	
	content: url("/asset/images/icon_arrow.png");
	margin: 0 10px;
}

.content_title .location li:last-child {
	font-weight: 700;
	color: #555;
}

.content_title .location li:first-child::before {
	content: url("/asset/images/icon_home.png");
	margin-right: 8px;
}

.content_title .location li:last-child::after {
	display: none;
	content: url("/asset/images/icon_home.png");
}

.content sup {
	font-size: 10px;
	vertical-align: top;
}

.desc_box {
	margin-bottom: 40px;
}

.desc_box .desc {
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 25px 15px;
	border: 1px solid #ccc;
	line-height: 1.6;
}

.desc_box .desc.gray {
	background: #f9f9f9;
}

.desc_box .desc .title {
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
}

.desc_box .desc .sentence {
	position: relative;
	line-height: 1.6;
	margin-bottom: 20px;
}

.desc_box .desc .sentence b {
	color: #252525;
}

.desc_box .desc .sentence:last-of-type {
	margin-bottom: 0;
}

.desc_box .desc .sentence.symbol {
	padding-left: 20px;
}

.desc_box .desc .sentence.symbol::before {
	position: absolute;
	top: 0;
	left: 0;
}

.desc_box .desc .sentence.symbol.symbol1::before {
	content: "※";
}

.desc_box .tbody_th_table {
	position: relative;
	margin-bottom: 60px;
}

/*
.desc_box .tbody_th_table::before {
	content: "←→ 좌우로 스크롤해서 보세요.";
	display: none;
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 13px;
	color: #aaa;
}
*/

.desc_box .tbody_th_table .table_title {
	margin-bottom: 20px;
	line-height: 1.6;
	text-align: left;
	font-size: 18px;
}

.desc_box .tbody_th_table .guide {
	margin-bottom: 10px;
	font-size: 13px;
}

.desc_box .tbody_th_table table {
	width: 100%;
	border: 1px solid #ccc;
	table-layout: fixed;
}

.desc_box .tbody_th_table table .category {
	width: 60%;
}

.desc_box .tbody_th_table table .period {
	width: 15%;
}

.desc_box .tbody_th_table table:last-of-type {
	margin-bottom: 10px;
}

.desc_box .tbody_th_table table caption {
	width: 0;
	height: 0;
	line-height: 0;
	text-indent: 99999px;
	overflow: hidden;
}

.desc_box .tbody_th_table table thead th {
	padding: 15px;
	background: #eee;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	line-height: 1.4;
	word-break: break-word;
}

.desc_box .tbody_th_table table thead th:first-child {
	width: 220px;
	border-right: 1px solid #ccc;
}

.desc_box .tbody_th_table table tbody th {
	width: 200px;
	box-sizing: border-box;
	padding-left: 15px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: middle;
	font-weight: 500;
}

.desc_box .tbody_th_table table tbody td {
	width: 80%;
	padding: 15px;
	border-bottom: 1px solid #ccc;
	line-height: 1.6;
}

.desc_box .tbody_th_table table td p:last-child {
	margin-bottom: 0;
}

.desc_box .tbody_th_table.agree table tbody td {
	word-break: break-word;
}

.desc_box .tbody_th_table.agree .list > li {
	text-align:left;
}

.desc_box .img {
	max-width: 100%;
	margin-bottom: 30px;
	text-align: center;
}

.desc_box .img img {
	max-width: 100%;
}

.normal_sentence {
	line-height: 1.6;
}

.desc_box .desc .btn_group {
	margin-top: 30px;
	text-align: right;
}

.desc_box .desc .btn_group button {
	background: #214986;
	font-weight: 700;
	color: #fff;
}

.desc_box .list>li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
	line-height: 1.6;
}

.desc_box .list>li:last-child {
	margin-bottom: 0;
}

.desc_box .list>li>i {
	position: absolute;
	top: 0;
	left: 0;
}

.desc_box .small {
	font-size: 13px;
}

.desc_box .desc2 {
	margin-bottom: 20px;
	line-height: 1.6;
}

.desc_box .desc2 .blue {
	font-weight: 700;
	color: #214986;
}

.desc_box .desc2 .red {
	font-weight: 700;
	color: #e53a40;
}

.desc_box .box_list {
	margin-bottom: 20px;
}

.desc_box .box_list::after {
	content: "";
	display: block;
	clear: both;
}

.desc_box .box_list li {
	float: left;
	box-sizing: border-box;
	width: 49%;
	height: 150px;
	margin-right: 2%;
	border: 1px solid #ccc;
	text-align: center;
}

.desc_box .box_list li .btn_group {
	margin: 30px 0;
}

.desc_box .box_list li a {
	display: inline-block;
	padding: 15px 10px;
	background-color: #214986;
	font-weight: 500;
	color: #fff;
}

.desc_box .box_list li:last-child {
	margin-right: 0;
}

.check_list {
	margin-bottom: 55px;
}

.check_list>dl {
	border: 1px solid #ddd;
}

.check_list>dl>dt, .check_list>dl>dd {
	display: flex;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	position: relative;
	min-height: 60px;
	border-bottom: 1px solid #ccc;
}

.check_list>dl>dt:last-child, .check_list>dl>dd:last-child {
	border-bottom: none;
}

.check_list>dl>dt {
	background-color: #e9e9e9;
	padding: 17px 65px;
}

.check_list>dl>dt .title {
	line-height: 1.6;
	font-size: 16px;
	font-weight: 500;
	color: #252525;
}

.check_list>dl>dd {
	overflow: auto;
}

.check_list>dl>dd .check_head {
	min-height: 60px;
	padding: 17px 65px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #ddd;
}

.check_list>dl>dd .check_content {
	padding: 17px 65px;
	overflow: auto;
	line-height: 1.4;
	word-break: break-word;
}

.check_list>dl>dd .check_content>.custom_sentence {
	font-size: 14px;
	color: #777;
	word-break: break-word;
}

.check_list>dl>dd .check_content .content {
	padding: 0;
	min-height: auto;
}

.check_list>dl>dd .check_content .inner {
	width: 100%;
	padding: 0;
}

.check_list>dl>dd .check_content .content_title {
	display: none;
}

.check_list>dl>dd .check_content .sub_page_guide {
	display: none;
}

.check_list>dl>dd .title {
	line-height: 1.6;
	font-size: 15px;
	font-weight: 500;
	color: #555;
	word-break: break-word;
}

.check_list>dl>dd .desc {
	margin: 15px 0 20px;
	line-height: 1.8;
	font-size: 15px;
	color: #656565;
}

.check_list>dl>dd .desc i {
	font-size: 14px;
}

.check_list>dl>dd .desc b {
	color: #151515;
}

.check_list>dl>dd .box {
	border: 1px solid #ddd;
	padding: 25px;
}

.check_list>dl>dd .more_button {
	width: 115px;
	box-sizing: border-box;
	padding: 10px 13px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	font-size: 13px;
	color: #656565;
}

.check_list>dl>dd .number_list li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 25px;
	line-height: 1.6;
	font-size: 15px;
	color: #656565;
}

.check_list>dl>dd .number_list li:last-child {
	margin-bottom: 0;
}

.check_list>dl>dd .number_list li i {
	position: absolute;
	top: 0;
	left: 0;
}

.check_list>dl>dd .number_list li strong {
	position: relative;
	font-weight: 500;
	color: #252525;
}

.check_list>dl>dd .number_list li strong::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #252525;
}

.check_list>dl>dd .circle_list li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 15px;
	line-height: 1.6;
	font-size: 15px;
	color: #555;
}

.check_list>dl>dd .circle_list li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #757575;
	border-radius: 50%;
}

.check_list>dl>dd .circle_list li p {
	position: relative;
	padding-left: 10px;
	font-weight: 500;
	color: #252525;
}

.check_list>dl>dd .circle_list li p::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
}

.check_list>dl .title+.number_list {
	margin-top: 10px;
}

.check_list>dl label::before {
	position: absolute;
	top: 20px;
	left: 35px;
	width: 21px;
	height: 21px;
	content: url("/asset/images/icon_checkbox.png");
}

.check_list>dl label.check::before {
	content: url("/asset/images/icon_checkbox_on.png");
}

.check_list>dl label input[type="checkbox"] {		
	position:absolute;
	width:0px;
	height:0px;			
	left:-1000px;
}

.check_list>dl label input:focus {
	 box-shadow: none !important;
}

.check_list>dl label input[type="checkbox"]:focus + P {
	outline:2px solid #000;
}

.check_area {
	text-align: right;
}

.check_area input[type="checkbox"] {
	width: 18px;
	height: 18px;
	vertical-align: -3px;
	cursor: pointer;
}

.check_area label {
	cursor: pointer;
}

.add_agree {
	
}

.add_agree .question {
	margin-bottom: 25px;
	text-align: center;
	font-size: 17px;
	font-weight: 500;
	color: #353535;
}

.radio_area {
	margin-bottom: 30px;
	text-align: center;
}

.radio_area>div {
	display: inline-block;
	margin-right: 20px;
	line-height: 1.6;
}

.radio_area>div:last-child {
	margin-right: 0;
}

.radio_area>div label {
	display: contents;
	font-size: 16px;
	font-weight: 500;
	color: #656565;
}

.radio_area>div input[type="radio"]:checked+label {
	color: #0c2b5a;
}

.progress_bar ul {
	display: flex;
	justify-content: center;
	position: relative;
	padding-top: 25px;
}

.progress_bar ul::after {
	content: "";
	display: block;
	clear: both;
}

.progress_bar ul li {
	float: left;
	position: relative;
	width: 140px;
	height: 150px;
}

.progress_bar ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	border: 2px solid #858585;
	background-color: #fff;
	border-radius: 50%;
}

.progress_bar ul li.on::before {
	border-color: #0c2b5a;
}

.progress_bar ul li::after {
	content: "";
	display: block;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(0, -50%);
	width: 100%;
	height: 1px;
	background-color: #000;
	z-index: -1;
}

.progress_bar ul li:last-child::after {
	display: none;
}

.progress_bar ul li a {
	display: block;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	z-index: 1;
}

.progress_bar ul li span {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	font-weight: 700;
	color: #858585;
}

.progress_bar ul li p {
	padding-top: 70px;
	line-height: 1.6;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #858585;
	word-break: keep-all;
}

.progress_bar ul li p.font-family-JP,
.progress_bar ul li p.font-family-TC {
	word-break: normal;
}

.progress_bar ul li.on p {
	color: #0c2b5a;
}

.progress_bar ul li.on span {
	color: #0c2b5a;
}

.notice_center {
	margin-bottom: 35px;
	line-height: 1.6;
	text-align: center;
	font-size: 15px;
	color: #555;
}

.notice_center span {
	color: #252525;
}

.title_sentence {
	padding-left: 10px;
	margin-bottom: 30px;
}

.title_sentence dt {
	position: relative;
	margin-bottom: 15px;
	padding-left: 20px;
	line-height: 1.6;
	font-size: 18px;
}

.title_sentence dt::before {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #53a9e9;
}

.title_sentence dd {
	position: relative;
	margin-bottom: 5px;
	padding-left: 40px;
	line-height: 1.6;
}

.title_sentence dd::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 20px;
}

.title_sentence dd.important_symbol::before {
	content: "※";
	left: 15px;
}

.title_sentence.symbol_none dd::before {
	display: none;
}

.title_sentence .number_type span {
	position: absolute;
	top: 0;
	left: 15px;
}

.title_sentence .number_type::before {
	display: none;
}

.number_sentence {
	padding-left: 10px;
	margin-bottom: 30px;
}

.number_sentence dt {
	position: relative;
	margin-bottom: 15px;
	padding-left: 30px;
	line-height: 1.6;
	font-size: 18px;
}

.number_sentence dt span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 5px;
	left: 0;
	width:21px;
	height: 21px;
	border: 1px solid #5b5b5b;
	border-radius:50%;
	font-size: 13px;
}



.number_sentence dd {
	position: relative;
	margin-bottom: 5px;
	padding-left: 40px;
	line-height: 1.6;
}

.number_sentence dd::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 20px;
}

dd.dd_desc {
	padding: 20px;
	border: 1px solid #ccc;
}

dd.dd_desc::before {
	display: none;
}

.hangul_list li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 30px;
	line-height: 1.4;
	font-size: 15px;
}

.hangul_list li:last-child {
	margin-bottom: 0;
}

.hangul_list li i {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width:21px;
	height: 21px;
	font-size: 15px;
}

.tab_area .tab_button_list {
	position: relative;
	margin-bottom: 40px;
}

.tab_area .tab_button_list .tab_title {
	display: none;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 7px 0 8px 15px; 
	background: #0c2b5a;
	font-weight: 500;
	color: #fff;
	line-height: 1.2;
}

.tab_area .tab_button_list .tab_title:focus {
	outline: none;
	border:2px solid #bcd3f6;
    border-radius: 1px;
}

.tab_area .tab_button_list .tab_title::before {
	content: "▼";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	color: #fff;
}

.tab_area .tab_button_list ul {
	border: 1px solid #ccc;
	border-bottom: none;
}

.tab_area .tab_button_list ul::after {
	content: "";
	display: block;
	clear: both;
}

.tab_area .tab_button_list ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	box-sizing: border-box;
	width: 33.3333%;
	height: 47px;
	background-color: #f1f1f1;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #333;
	cursor: pointer;
	outline-offset:-1px;
}
.tab_area .tab_button_list ul li.selected {
	background-color: #0c2b5a;
	color: #fff;
	font-weight: 500;
}
.tab_area .tab_button_list ul li.selected:focus {
	outline: none;
	border-top: 2px solid #bcd3f6;
	border-right: 3px solid #bcd3f6;
	border-bottom: 3px solid #bcd3f6;
	border-left: 2px solid #bcd3f6;
}
.tab_area .tab_button_list ul li:nth-child(3n) {
	border-right: none;
}

/* sns tab_area */
.tab_area.sns .tab_button_list ul li {
	width: 25%;
	border-right: inherit;
	outline-offset: -1px;
}
.tab_area.sns .tab_button_list ul li:nth-child(4n) {
	border-right: none;
}

.tab_area.double .tab_button_list ul li {
	width: 50%;
}

.tab_area.double .tab_button_list ul li:nth-child(even) {
	border-right: none;
}

.tab_area .tab_view_list {
	
}

.tab_area .tab_view_list>div {
	display: none;
}

.tab_area .tab_view_list>div.selected {
	display: block;
}

.tab_area .tab_view_list>div .label_tab {
	padding: 20px 0 0;
}

.tab_area .tab_view_list>div .label_tab .label_tab_head {
	display: flex;
	flex-direction: column;
}

.tab_area .tab_view_list>div .label_tab .label_tab_head label {
	min-height: 35px;
}

.filter_tab_area {
	margin-bottom: 60px;
}

.filter_tab_area .filter_tab_button {
	margin: 0 auto 20px;
}

.filter_tab_area .filter_tab_button .filter_tab_title {
	display: none;
}

.filter_tab_area .filter_tab_button ul::after {
	content: "";
	display: block;
	clear: both;
}

.filter_tab_area .filter_tab_button ul li {
	display: flex;
	float: left;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 23.5%;
	height: 160px;
	margin-right: 2%;
	margin-bottom: 10px;
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #ddd;
	cursor: pointer;
}

.filter_tab_area .filter_tab_button ul li:last-child {
	margin-right: 0;
}

.filter_tab_area .filter_tab_button ul li.selected {
	/*border: 1px solid #ccc;	
	background-color: #f9f9f9;*/
	border: 2px solid #000;
	background-color: #f1f1f1;
	
}

.filter_tab_area .filter_tab_button ul li .img {
	position: relative;
	width: 60px;
	height: 60px;
	margin-bottom: 15px;
}

.filter_tab_area .filter_tab_button ul li .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.filter_tab_area .filter_tab_button ul li .img img:last-child {
	display: none;
}

.filter_tab_area .filter_tab_button ul li .text {
	width: 100%;
	line-height: 1.6;
	text-align: center;
	word-break: break-all;
}

.filter_tab_table::before {
	content: "←→ 좌우로 스크롤해서 보세요.";
	display: none;
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 13px;
	color: #aaa;
}

.filter_tab_table table {
	width: 100%;
	border: 1px solid #ccc;
	table-layout: fixed;
}

.filter_tab_table table thead th {
	padding: 15px 0;
	background-color: #eee;
	border: 1px solid #ccc;
	text-align: center;
}

.filter_tab_table table thead th:last-child {
	border-right: none;
}

.filter_tab_table table tbody td {
	height: 50px;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}

.filter_tab_table table tbody td .button_link {
	display: inline-block;
	padding: 5px 8px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	color: #656565;
}

.filter_tab_table table tbody td:first-child img {
	max-width: 90%;
	max-height: 70%;
}

.filter_tab_table table colgroup .institution {
	width: 300px;
}

.filter_tab_table table colgroup .homepage {
	width: 180px;
}

.filter_tab_table table colgroup .contact {
	width: 200px;
}

.report_box .top {
	position: relative;
	min-height: 55px;
	border-bottom: 1px solid #ddd;
}

.report_box .top .group {
	display: flex;
	position: absolute;
	top: -5px;
	right: 0;
}

.report_box .top .group .guide_button_list {
	display: flex;
	align-items: center;
}

.report_box .top .group .guide_button_list>p {
	margin-right: 10px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.56px;
	color: #454545;
}

.report_box .top .group .guide_button_list .list {
	display: flex;
}

.report_box .top .group .guide_button_list .list button {
	display: flex;
	align-items: center;
	margin-right: 10px;
	background: none;
	border: none;
	font-size: 14px;
	letter-spacing: -0.56px;
	color: #757575;
}

.report_box .top .group .guide_button_list .list button::before {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-right: 4px;
	background: #bdbdbd;
	border-radius: 50%;
	font-size: 11px;
	font-weight: 900;
	color: #5e5e5e;
}

.report_box .top .group .guide_button_list .list button.common::before {
	content: "A";
	background: #bdbdbd;
	color: #5e5e5e;
}

.report_box .top .group .guide_button_list .list button.kakao::before
	{
	content: "K";
	background: #ffe400;
	color: #611919;
}

.report_box .top .group .guide_button_list .list button.toss::before
	{
	content: "T";
	background: #001eff;
	color: #fff;
}

.file_input_group {
	padding-top: 60px;
}


.file_input {
	display: flex;
}

.file_input .remove_all {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	margin-right: 10px;
	padding: 0 20px;
	white-space: nowrap;
	border: 1px solid #0c2b5a;
	background: #fff;
	color: #0c2b5a;
}

.file_input .remove_all::after {
	content: '';
	min-height: inherit;
	font-size: 0;
}


.file_input label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 125px;
	height: 40px;
	background: #0c2b5a;
	font-size: 15px;
	letter-spacing: -0.6px;
	color: #ffffff;
	cursor: pointer;
}

.file_input label::before {
	content: url("/asset/images/icon_forder.png");
	margin-right: 5px;
}

.file_input label:focus[tabindex="0"] {
	box-shadow: 0 0 0 4px #ADC1D5;
}

.file_input.modal_btn .attach_files_input,
.file_input form input[type="file"] {
	overflow: hidden;
	position: absolute;
	left:0px;
	width:0; 
	height:0;
}

.file_input form input:focus + label {
	outline:2px solid #000;
	box-shadow:0 0 0 2px #ADC1D5;
}

.attach_file {
	padding-top: 20px;
}

.attach_file ul {
	box-sizing: border-box;
}

.attach_file ul::after {
	content: "";
	display: block;
	clear: both;
}

.attach_file ul li {
	display: flex;
	align-items: center;
	float: left;
	position: relative;
	box-sizing: border-box;
	width: 24.25%;
	height: 130px;
	padding: 13px;
	margin-right: 1%;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}

.attach_file ul li.none {
	justify-content: center;
	width: 100%;
	height: auto;
	margin-bottom: 0;
	border: none;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #757575;
}

.attach_file ul li.none i {
	margin-right: 5px;
}

.attach_file ul li.none .font-family-JP,
.attach_file ul li.none .font-family-TC {
	display: contents;
}

.attach_file ul li:nth-child(4n) {
	margin-right: 0;
}

.attach_file ul li::after {
	content: "";
	display: block;
	clear: both;
}

.attach_file ul li .file_img {
	position: relative;
	float: left;
	width: 88px;
	height: 100%;
	margin-right: 15px;
}

.attach_file ul li .file_img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 98%;
	max-height: 98%;
	padding: 1%;
}

.attach_file ul li .info {
	box-sizing: border-box;
	overflow: hidden;
	padding: 20px 0;
}

.attach_file ul li .info .info_title {
	padding-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15px;
	font-weight: 500;
	color: #252525;
}

.attach_file ul li .info .confirm {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 700;
	color: #0c2b5a;
}

.attach_file ul li .info .info_btn {
	background-color: transparent;
	padding: 0;
	border: none;
	border-bottom: 1px solid #0c2b5a;
	font-weight: 800;
}

.attach_file ul li .info .middle {
	
	font-size: 13px;
	color: #858585;
}

.attach_file ul li .info .middle p {
	margin-bottom: 5px;
}

.attach_file ul li .info .middle p:last-child {
	margin-bottom: 0;
}

.attach_file ul li .info .delete {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 20px;
	height: 20px;
	/*background: url("/asset/images/icon_remove.png") no-repeat center center*/
	background: url("/asset/images/icon_remove_black.png") no-repeat center center
		transparent;
	border: none;
	
}

.attach_file ul li .info .group button {
	font-weight: 500;
	color: #fff;
	border: none;
	padding: 10px;
}

.attach_file ul li .info .group .confirm {
	background: #214986;
}

.attach_file ul li .info .group .confirm span {
	font-weight: 700;
}

.attach_file ul li .info .group .delete {
	background: #e53a40;
}

.representative_crime::after {
	content: "";
	display: block;
	clear: both;
}

.report_box {
	box-sizing: border-box;
	padding: 25px 30px;
	border: 1px solid #ddd;
	border-width: 0 1px 1px;
}

.report_box.only {
	border-width: 1px;
}

.report_box.margin_bottom {
	margin-bottom: 50px;
}

.report_box .title {
	position: relative;
	margin-bottom: 25px;
	padding-left: 35px;
	line-height: 1.6;
	font-size: 18px;
	font-weight: 700;
	color: #0c2b5a;
}

.report_box .title i {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	border: 2px solid #0c2b5a;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 800;
	color: #0c2b5a;
}

/* report_step2 - title 및 "챗봇 : 범죄유형을 모르겠다면?" 정렬 */
.report_box > .chatbot {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 0;
}

.report_box > .chatbot > div {
	display: flex;
}

.report_box > .chatbot > div > i {
	position: static;
	margin-right: 10px;
}

.report_box > .chatbot > .right {
	margin-left: 10px;
}

.chatbot_button {
	display: inline-flex;
}

.representative_crime ul li {
	float: left;
	box-sizing: border-box;
	width: 15%;
	margin-right: 2%;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.representative_crime ul li:nth-child(6n) {
	margin-right: 0;
}

.representative_crime ul li>div {
	position: relative;
	padding-bottom: 88%;
}

.representative_crime ul li>a {
	display: block;
	position: relative;
	width: 100%;
	height: 145px;
}

.representative_crime ul li>div .img {
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;	
}

.representative_crime ul li>a .img {
	display:inline-block;
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;	
}

.representative_crime ul li>div .img img {
	
}

.representative_crime ul li>div .img img:last-child {
	display: none;
}

.representative_crime ul li>div span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 12%;
	left: 0;
	width: 100%;
	min-height: 40px;
	line-height: 1.3;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
}

.representative_crime ul li>a span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 12%;
	left: 0;
	width: 100%;
	min-height: 40px;
	line-height: 1.3;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	word-break: break-word;
}

.representative_crime ul li.selected {
	background-color: #0c2b5a;
}
.representative_crime ul li.selected :focus {
	box-shadow:0 0 0 5px #ADC1D5;
}

.representative_crime ul li.selected span {
	color: #fff;
}

.representative_crime ul li.selected .img img {
	display: none;
}

.representative_crime ul li.selected .img img:last-child {
	display: inline-block;
}

.prime_select {
	box-sizing: border-box;
	margin-bottom: 60px;
	border: 1px solid #ddd;
	border-width: 0 1px 1px;
}

.prime_select::after {
	content: "";
	display: block;
	clear: both;
}

.prime_select>div {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 15px;
}

.prime_select>div:last-child {
	border-left: 1px solid #ddd;
}

.prime_select>div .top {
	position: relative;
}

.prime_select>div .top h4 {
	font-size: 18px;
	font-weight: 700;
	color: #0c2b5a;
}

.prime_select>div .top h4 i {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	background-color: #0c2b5a;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

.prime_select>div .top .search {
	display: flex;
	position: absolute;
	top: -5px;
	right: 0;
	width: 250px;
}

.prime_select>div .top .search input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	padding-right: 40px;
	border: none;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

.prime_select>div .top .search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 35px;
	padding: 0;
	background: url("/asset/images/icon_search.png") no-repeat center center
		transparent;
	border: none;
	vertical-align: middle;
}

.prime_select>div ul {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: auto;
	background: #fff;
	border: 1px solid #ddd;
}

.prime_select>div ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: auto;
	padding: 0 15px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	color: #757575;
}

.prime_select>div ul li:last-child {
	border-bottom: none;
}

.prime_select>div ul li:hover {
	background: #efefef;
}

.prime_select>div ul li.selected {
	background: #0c2b5a;
	color: #fff;
	font-weight: 700;
}

.prime_select>div ul li.selected a {
	color: #fff;
	font-weight: 700;
	box-sizing: border-box;
}

.prime_select>div ul li.selected a:focus {
	border: 2px solid #bcd3f6;
	box-shadow:none;
}

.prime_select>div ul.prime li.selected::after {
	content: url("/asset/images/icon_small_right_arrow_white.png");
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.prime_select>div ul li.none {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-bottom: none;
	cursor: inherit;
}

.prime_select>div ul li.none:hover {
	background: inherit;
}

.prime_select>div ul li a {
	display: flex;
	align-items: center;
	min-height:45px;
	padding: 0 0;
	box-sizing: border-box;
	line-height: 1.2;
}
.prime_select>div ul li a:focus {
	box-shadow: none;
}

.prime_select>div ul li p {
	padding: 0 25px;
	box-sizing: border-box;
	overflow: hidden;
	line-height: 46px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prime_select>div.button ul li p {
	width: calc(100% - 60px);
}

.prime_select>div.button ul li.none p {
	width: auto;
}

.prime_select>div.button ul li button {
	display: block;
	flex-shrink: 0;
	height: 26px;
	padding: 0 12px;
	vertical-align: -11px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	font-size: 13px;
	color: #656565;
}

/* 인적사항 입력 */
.form_group {
	margin-bottom: 40px;
}

.form_area {
	display: flex;
	padding: 0 0 0 30px;
	border: 1px solid #ddd;
	border-top-width: 0;
}

.form_area:first-of-type {
	border-top-width: 1px;
}

.form_area::after {
	content: "";
	display: block;
	clear: both;
}

.form_group .form_back {
	margin-bottom: 45px;
}

.form_group .form_back .account_info {
	border-top: 1px solid #ddd;
}

.form_area.sortation {
	border-bottom: 1px solid #ccc;
}

.form_area .input_group {
	box-sizing: border-box;
	width: 50%;
	padding: 20px 0;
}

.form_area.single .input_group {
	width: 33.3333%;
}

.form_area.one_line .input_group {
	width: 100%;
}

.form_area.one_line .input_group.single .input_area {
	padding-right: 0;
}

.form_area .input_group::after {
	content: "";
	display: block;
	clear: both;
}

.form_area .input_group .input_area {
	box-sizing: border-box;
	padding-right: 30px;
	margin-bottom: 20px;
}

.form_area .input_group .input_area:last-child {
	margin-bottom: 0;
}

.form_area .input_group .input_area::after {
	content: "";
	display: block;
	clear: both;
}

.form_area .input_group .input_area dt {
	display: flex;
	align-items: flex-start;
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 155px; 
	min-height: 35px;
	line-height: 1.4;
	padding-left: 15px;
	padding-top: 8px;
	margin-right: 8px;
}

.form_area .input_group .input_area dt > .font-family-JP,
.form_area .input_group .input_area dt > .font-family-TC {
	display: contents;
}

.question_form .account_form_area .form_area .input_group .input_area {
	display: flex;
}

.question_form .account_form_area .form_area .input_group .input_area dt {
	float: none;
	flex-direction: row;
}

.question_form .account_form_area .form_area .input_group .input_area dt.w150 {
	width: 150px;
}

.question_form .account_form_area .form_area .input_group .input_area dt.w200 {
	width: 200px;
}

.question_form .account_form_area .form_area .input_group .input_area dt.w250 {
	width: 250px;
}

.question_form .account_form_area .form_area .input_group .input_area dt.w300 {
	width: 300px;
}

.form_area .input_group .input_area dt::after {
	content: "";
	position: absolute;
	top: 17px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #252525;
}

.form_area .input_group .input_area dt::before {
	content: '';
	min-height: inherit;
	font-size: 0;
}

.form_area .input_group .input_area dt.hide {
	opacity: 0;
}

.form_area .input_group .input_area dd {
	display: flex;
	position: relative;
	float: left;
	width: calc(100% - 165px);
	min-height: 35px;
	align-items: center;
	flex: 1;
	flex-wrap: wrap;
}

.victim-form .form_area .input_group .input_area dd,
.target-form .form_area .input_group .input_area dd {
	padding-bottom: 10px;
}

.question_form .account_form_area .form_area .input_group .input_area dd {
	width: 100%;
}

.form_area .input_group .input_area dd > .undefined_div {
	width: 100%;
}

.form_area .input_group .form_area .input_group .input_area dd .input_box
	{
	display: flex;
}

.form_area .input_group .input_area dd.two_line {
	display: inline-flex;
}

.form_area .input_group .input_area dd.two_line label {
	display: flex;
	align-items: center;
	flex: none;
	margin-right: 13px;
	min-height: 35px;
}

.form_area .input_group .input_area dd.two_line label::before {
	content: "";
	min-height: inherit;
	font-size: 0;
}

.form_area .input_group .input_area dd.two_line label:last-child {
	margin-right: 0;
}

.form_area .input_group .input_area dd.two_line label input[type="radio"]
	{
	margin-right: 3px;
}

.form_area .input_group .input_area dd input[type="text"], .form_area .input_group .input_area dd input[type="password"],
.form_area .input_group .input_area dd input[type="date"], .input_area dd input[type="datetime-local"]
	{
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	height: 35px;
	text-indent: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
}

.form_area .input_group .input_area dd input[type="text"][name="address"] {
	word-break: keep-all;
}

.form_area .input_group .input_area dd input[type="text"]:disabled,
	.form_area .input_group .input_area dd input[type="password"]:disabled,
	.form_area .input_group .input_area dd input[type="date"]:disabled,
	.input_area dd input[type="datetime-local"]:disabled {
	background: rgba(239, 239, 239, .3);
}

.victim-form .form_area .input_group .input_area dd input[type="text"]:disabled {
	color: #252525;
	background-color: #fff;
}

.form_area .input_group .input_area dd input[name="rrn_first"],
.form_area .input_group .input_area dd input[name="rrn_second"] {
	width: calc(50% - 13px);
}
.form_area .input_group .input_area dd textarea {
	box-sizing: content-box;
	width: 100%;
	height: 100px;
	padding: 10px;
	border: 1px solid #ccc;
	line-height: 1.6;
}

.form_area .input_group .input_area dd select {
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.form_area .input_group .input_area dd select[name=bank] {
	margin-right: 10px;
	width: calc(56% - 10px);
}
.form_area .input_group .input_area dd input[name=bank_etc] {
	width: 44%;
}

.form_area .input_group .input_area dd.address_search {
	position: relative;
}

.form_area .input_group .input_area dd.address_search input {
	width: 47%;
	padding-right: 40px;
}

.form_area .input_group .input_area dd.address_search button {
	position: absolute;
	top: 0;
	right: 53%;
	width: 40px;
	height: 35px;
	padding: 0;
	background-color: #214986;
	vertical-align: middle;
	border-radius: 0 6px 6px 0;
	box-sizing: border-box;
}

.form_area .input_group .input_area dd.address_search button {
	outline: none;
}

.form_area .input_group .input_area dd.address_search button:focus {
	border: 2px solid #000;
}

.form_area .input_group .input_area dd.address_search button::after {
	content: "\f002";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
}

.form_area .input_group.three .input_area {
	width: 33.3333%;
}

.form_area .input_group .input_area:last-child {
	margin-bottom: 0;
}

.form_area .reported_confirm {
	display: flex;
	align-items: center;
}

.form_area .reported_confirm::after {
	content: "";
	display: block;
	clear: both;
}

.form_area .reported_confirm p {
	padding-right: 20px;
	line-height: 1.6;
	white-space: nowrap;
}

.form_area .reported_confirm>div {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	min-height: 70px;
	padding-right: 30px;
	text-align: right;
}

.form_area .reported_confirm>div label {
	margin-right: 15px;
}

.form_area .reported_confirm>div>label:last-child {
	margin-right: 0;
}

.not_victim .form_area .reported_confirm {
	display: flex;
	align-items: center;
}

.not_victim .form_area .reported_confirm input[type="text"] {
	box-sizing: border-box;
	width: 50%;
	height: 35px;
	text-indent: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.not_victim .form_area .input_group {
	width: 100%;
	padding: 20px 0 0;
}

.not_victim .form_area .input_group dl {
	float: left;
	width: 50%;
}

.not_victim .form_area .input_group .input_area dt {
	position: relative;
	width: 175px;
}

.not_victim .form_area .input_group .input_area dd {
	width: calc(100% - 175px);
}

.not_victim .form_group {
	margin-bottom: 0;
}

.account_info {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	/* 배경 */
	/* background-color: #fafafa; */
	border: 1px solid #ccc;
	border-top: none;
}

.target_info {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 22px 24px 0px;
	/* 배경 */
	/* background-color: #fafafa; */
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: 0px;
}

.account_info.bank {
	margin-bottom: 0;
}

.account_info .account_form_area::after {
	content: "";
	display: block;
	clear: both;
}

.account_info .account_form_area>div {
	float: left;
	box-sizing: border-box;
	width: 49%;
	padding: 10px 10px 0;
	/* 배경 */
	/* background-color: #efefef; */
	border: none;
}

.account_info .account_form_area.single>div {
    flex-wrap: wrap;
	flex-shrink: 1;
	width: 100%;
}

.account_info .account_form_area.single>div .input_group {
	float: left;
	width: 50%;
}

.account_info .account_form_area.single>div dl dt > .font-family-JP,
.account_info .account_form_area.single>div dl dt > .font-family-TC {
	display: contents;
}

.account_info .account_form_area.single>div .form_account_field_control_button {
	float: none;
	width: 100%;
	clear: both;
	text-align: center;
}

.account_info .account_form_area>div:nth-child(even) {
	margin-right: 0;
}

.account_info .account_form_area>div .input_group {
	width: 100%;
	padding: 5px;
}

.account_info .account_form_area>div .input_group.point-none {
	padding: 7px 3px 0 5px;
}

.account_info .account_form_area>div .input_group .input_area {
	padding-right: 0;
}

.account_info .btn-group button {
	font-size: 14px;
}

.account_info .account_form_area.solo>div {
	float: none;
	width: 100%;
}

.account_info .account_form_area.solo>div dl {
	
}

.account_info .account_form_area.solo>div dl dt {
	position: relative;
}

.account_info .account_form_area.solo>div dl dt .add_account_button button {
	background: transparent;
}

.account_info .account_form_area.solo>div dl dd {
	flex-direction: column;
}

.account_info .account_form_area.solo>div dl dd .input_box {
	display: flex;
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}

.account_info .account_form_area.solo>div dl dd .input_box:last-child {
	margin-bottom: 0;
}

.account_info .account_form_area.solo>div dl dd .input_box input[type="text"] {
	/* margin-right: 20px; */
	padding-right: 15px;
}

.account_info .account_form_area.solo>div dl dd .site-group.input_box datalist+input[type="text"] {
	padding-right: 10px;
}

.account_info .account_form_area.solo>div dl dd .input_box .label_content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	margin-top: 5px;
	margin-right: 20px;
}

.account_info .account_form_area.solo>div dl dd .input_box .label_content:last-of-type {
	margin-right: 0;
}

.account_info .account_form_area.solo>div dl dd .input_box .label_content span {
	margin-bottom: 10px;
}

.account_info .account_form_area.solo>div dl dd .form_account_field_control_button
	{
	display: flex;
	width: 135px;
}

.account_info .account_form_area.solo>div dl dd .form_account_field_control_button button
	{
	margin-left: 20px;
	background: transparent;
}

.account_info .account_form_area.solo>div dl dd .form_account_field_control_button button
	{
	padding: 0;
	background: transparent;
}

.account_info .account_form_area.solo>div dl dd .input_box input[type="text"]:last-of-type
	{
	margin-right: 0;
}

.account_info .account_form_area .form_area.sortation .input_area > dd {
	align-items: flex-end;
}

.account_info .account_form_area.solo .account_info_box,
.account_info .account_form_area.solo .account_info_box > .title {
	display: flex;
	flex-wrap: wrap;
}

.account_info .account_form_area.solo .account_info_box > .title {
	margin-bottom: 20px;
}

.account_info .account_form_area.solo .input_area > dd.site-box{
	flex-direction: row;
	align-items: flex-start;
}

.account_info .account_form_area.solo .input_area > dd.site-box .site-group {
	display: flex;
	/* flex-wrap: wrap; */
	flex-wrap: nowrap;
	flex-direction: row;
	border: 1px solid #ccc;
}

.account_info .account_form_area.solo .input_area > dd.site-box .site-group .site-group__input {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	flex-grow: 1;
}

.account_info .account_form_area.solo .input_group_double {
	display: flex;
	padding: 10px 5px 5px 5px;
}

.account_info .account_form_area.solo .input_group_double dl.left {
	width: 380px;
}

.account_info .account_form_area.solo .input_group_double dl.right {
	display: flex;
	flex-shrink: 0;
	flex-grow: 1;
}

.account_info .account_form_area.solo .input_group_double dl dt::after,
.account_info .account_form_area.solo .input_group.point-none dl dt::after {
	display: none;
}

.account_info .account_form_area.solo .input_group_double dl .e-validation-site > span {
	word-break: break-all;
}

.account_info .account_form_area.solo>div dl dd.site-box .form_account_field_control_button {
	width: 40px;
}

.account_info .account_form_area.solo>div dl dd.site-box .form_account_field_control_button button {
	margin-left: 8px;
}

.sample_answer_button {
	display: flex;
	align-items: center;
    height: 41px;
    padding: 5px 16px;
    background-color: #214986;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

/* 자주묻는 질문 */
.qna_list {
	text-align: left;
}
.qna_list ul {
	border-top: 2px solid #333;
}

.qna_list ul li dl dt {
	position: relative;
	padding: 15px 40px 15px 70px;
	border-bottom: 1px solid #ccc;
	line-height: 1.4;
	font-size: 18px;
	cursor: pointer;
}

.qna_list ul li dl dt::before {
	content: "\f107";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	font-weight: 900;
	color: #ccc;
}

.qna_list ul li dl dt::after {
	content: "Q.";
	position: absolute;
	top: 50%;
	left: 35px;
	transform: translateY(-55%);
	color: #04264c;
	font-family: "S-Core Dream 5";
	font-size: 18px;
}

/* 내용입력 */
.question_form {
	word-wrap: break-word;
}

.question_form>div {
	border: 1px solid #ccc;
	margin-bottom: 40px;
}

.question_form .guide_area+div {
	border-top: none;
}

.question_form button {
	position: relative;
	box-sizing: border-box;
	height: 33px;
	padding: 5px;
	background-color: #214986;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
}

.question_form .qna_form_area {
	padding: 25px;
	border-bottom: 1px solid #ddd;
}

.question_form .question_area:last-child {
	border-bottom: none;
}

.question_form .qna_form_area.hide {
	display: none;
}

.question_form .common_form_footer .qna_form_area:last-child {
	border-bottom: none;
}

.question_form .question_area input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 6px;
	text-indent: 20px;
}

.question_form .question_area>dt {
	position: relative;
	margin-bottom: 25px;
	line-height: 1.6;
	font-size: 17px;
	font-weight: 700;
	color: #252525;
}

.question_form .question_area>dt .sub_title {
	display: block;
	margin-bottom: 5px;
}

.question_form .question_area>dt .small {
	display: block;
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	color: #555;
}

.question_form .question_area>dt .small::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
}

.detail_question_area.oneline>li .detail_quest {
	float: none;
	width: 100%;
}

.detail_question_area.oneline>li .detail_answer {
	width: 100%;
}

.detail_question_area>li .detail_answer .output_text {
	padding-left: 20px;
	color: #333;
}

.detail_question_area>li .detail_answer .hyphen {
	white-space: nowrap;
}

.detail_question_area>li .detail_answer .flex_box {
	display: flex;
	width: 100%;
	align-items: center;
}

.qna_form_area .inline_flex_box {
	display: inline-flex;
	width: 100%;
	align-items: flex-start;
	flex-direction: column;
}

.qna_form_area .inline_flex_box > div {
	width: 100%;
}

.qna_form_area .inline_flex_box > label {
	display: flex;
    min-height: 35px;
    align-items: center;
    white-space: nowrap;
    line-height: 1.4;
}

.qna_form_area .inline_flex_box > label input[type="radio"],.qna_form_area .inline_flex_box > label input[type="checkbox"] {
	margin-right: 10px;	
}

.detail_question_area>li .detail_answer .date_area {
	display: flex;
	width: 100%;
	align-items: center;
}

.detail_question_area>li .detail_answer .date_area .datetimeinput {
	overflow: hidden;
}

.detail_question_area>li .detail_answer .flex_box input {
	margin-left: 0;
}

.detail_question_area>li .detail_answer .flex_box input[type="text"] {
	width: 150px;
}

.question_form .question_area>dd {
	position: relative;
}

.question_form .question_area>dd.flex {
	display: flex;
}

.question_form .question_area>dd.flex>label {
	margin-right: 10px;
}

.question_form .question_area>dd.flex>label:last-child {
	margin-right: 0;
}

.disable_template .tab_area.select_style .top_area, .disable_template .tab_area.select_style .tab_view_list {
	display: none;
}

/* 테스트 시작 */
.question_form .question_area>dd>label, .question_form .question_area>dd>.inline_flex_box>label, .detail_question_area .detail_answer label
	{
	display: flex;
	min-height: 35px;
	align-items: center;
	white-space: normal;
	line-height: 1.4;
}

.detail_question_area .detail_answer label {
	width: 100%;
}

.question_form .question_area>dd>label.ws_normal, .question_form .question_area>dd>.inline_flex_box>label.ws_normal, .detail_question_area .detail_answer label.ws_normal {
	white-space: normal;
}

.question_form .question_area>dd>label:before, .detail_question_area .detail_answer label:before
	{
	content: "";
	min-height: inherit;
	font-size: 0;
}

/* 고민 */
.question_form .question_area>dd>label:first-child {
	margin-top: -10px;
}

.question_form .question_area.oneline>dt {
	margin-bottom: 0;
}

.question_form .question_area.oneline>dd>label:first-child {
	margin-top: 0;
}

.question_form .question_area>dd input.checked_open_text {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 6px;
	vertical-align: middle;
	text-indent: 10px;
}

/* 테스트 끝 */
.question_form .question_area>dd input[type="checkbox"],
.detail_question_area .detail_answer input[type="checkbox"] {
	flex: none;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	vertical-align: -3px;
}

.question_form .question_area>dd textarea, .detail_question_area>li .detail_answer textarea
	{
	width: 100%;
	box-sizing: border-box;
	height: 120px;
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 6px;
	line-height: 1.5;
}

.question_form form.e-validation-error .question_area>dd textarea {
	border-color: #ff0000;
	color: #000;
}

.question_form form.e-validation-error .question_area>dt .small:last-child
	{
	color: #ff0000;
}

.question_form form.e-validation-error .question_area>dd textarea {
	border-color: #ff0000;
	color: #000;
}

.question_form .question_area>dd input[type="radio"], .question_form .question_area>dd input[type="checkbox"],
form.thing_field .detail_answer label input[type="radio"], form.thing_field .detail_answer label input[type="checkbox"],
.detail_question_area>li .detail_answer label input[type="radio"],
.detail_question_area>li .detail_answer label input[type="checkbox"] {
	margin-right: 10px;
}

form.thing_field .detail_answer input[type="text"] {
	margin-bottom: 10px;
}

.question_form .question_area>dd .font-family-JP,
.question_form .question_area>dd .font-family-TC {
	display: contents;
}

.detail_question_area {
	width: 100%;
	padding: 23px 30px;
	border: 1px solid #ddd;
	border-bottom-width: 0;
}

.detail_question_area:last-child {
	border-bottom-width: 1px;
}



.detail_question_area>li {
	display: flex;
	width: 100%;
	margin-bottom: 15px;
}

.detail_question_area>li.variable {
	display: flex;
}

.detail_question_area.oneline > li {
	flex-direction: column;
}

.detail_question_area>li:last-child {
	margin-bottom: 0;
}

.detail_question_area>li::after {
	content: "";
	display: block;
	clear: both;
}

.detail_question_area>li .detail_quest {
	display: flex;	
	position: relative;
	width: 155px;
	padding-left: 15px;
	padding-top: 3px; 
	margin-right: 8px; 
	line-height: 1.4;
}

.detail_question_area>li .detail_quest.w150 {
	width: 150px;
}

.detail_question_area>li .detail_quest.w200 {
	width: 200px;
}

.detail_question_area>li .detail_quest.w250 {
	width: 250px;
}

.detail_question_area>li .detail_quest.w300 {
	width: 300px;
}


.detail_question_area>li.variable .detail_quest {
	width: auto;
	white-space: nowrap;
}

.detail_question_area>li .detail_quest::after {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #252525;
}

.detail_question_area>li .detail_quest::before {
	content: "";
	min-height: inherit;
	font-size: 0;
}

.detail_question_area>li .detail_quest .font-family-JP,
.detail_question_area>li .detail_quest .font-family-TC {
	display: contents;
}

.detail_question_area>li .detail_answer input[type="text"],
.detail_question_area>li .detail_answer input[type="datetime-local"] {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 6px;
	vertical-align: middle;
	text-indent: 10px;
}

.detail_question_area>li .detail_answer select {
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.detail_question_area>li .detail_answer, form.thing_field .detail_answer
	{
	display: flex;
	position: relative;
	width: 100%;	
	flex-direction: column;
}

.detail_question_area>li .detail_answer select

.detail_question_area>li .detail_answer label, form.thing_field .detail_answer label
	{
	display: flex;
	width: 100%;
	min-height: 35px;
	align-items: center;
	white-space: nowrap;
	line-height: 1.6;
}

.question_form .question_area>dd .hidden_box {
	display: none;
	width: 100%;
}

.question_form .question_area>dd .hidden_box ul {
	border: 1px solid #ddd;
	padding: 25px;
}

.question_form .question_area>dd .hidden_box ul li {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.question_form .question_area>dd .hidden_box ul li:last-child {
	margin-bottom: 0;
}

.question_form .question_area>dd .hidden_box ul li p {
	flex: none;
	box-sizing: border-box;
	position: relative;
	width: 120px;
	padding-left: 15px;
	line-height: 1.2;
}

.question_form .question_area>dd .hidden_box ul li p::after {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #000;
}

.question_form .question_area>dd .hidden_box ul li .input_box {
	display: flex;
	align-items: center;
	width: 100%;
}

.question_form .question_area>dd .hidden_box ul li input[type="text"] {
	width: 100%;
}

.question_form .question_area>dd .hidden_box ul li input[type="datetime-local"]
	{
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	text-indent: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
}

.question_form .question_area>dd .hidden_box ul li input.datetimeinput_range
	{
	width: 350px;
}

.question_form .common_form_header .top {
	padding: 25px;
	border-bottom: 1px solid #ddd;
}

.question_form .common_form_header .top .qna_form_area {
	padding: 0;
	border-bottom: 0;
}

.question_form .qna_form_area .question_area.oneline {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.question_form .common_form_header .top .qna_form_area .question_area.oneline>dt
	{
	margin-bottom: 10px;
}

.question_form .common_form_header .top .qna_form_area:last-child .question_area.oneline>dt
	{
	margin-bottom: 0;
}

.question_form .account_form_area .qna_rule_answer {
	width: 100%;
} 
.question_form .account_form_area .qna_rule_answer .head {
	padding: 22px;
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
}

.question_form .account_form_area .qna_rule_answer .head .title {
	position: relative;
	padding: 0 30px;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 500;
	color: #0c2b5a;
}

.question_form .account_form_area .qna_rule_answer .head .title::before
	{
	content: "!";
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	position: absolute;
	top: 1px;
	left: 0;
	width: 21px;
	height: 21px;
	background: #0c2b5a;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}

.question_form .account_form_area .qna_rule_answer .head .title .num {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    border: 1px solid #0c2b5a;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 470;
    padding-bottom: 2px;
    vertical-align: middle;
    margin-top: -3px;
}

.question_form .array_form {
	position: relative;
}

.question_form .array_form .button_group {
	display: inline-flex;
	position: absolute;
	top: 0;
	right: 0;
	vertical-align: top;
}

.question_form .array_form .button_group button {
	position: static;
	margin-right: 5px;	
}

.question_form .array_form .button_group .sample_answer_button {
	margin-top: 0;
}

.question_form .array_form .button_group button:last-child {
	margin-right: 0;
}

.question_form .array_form .text_button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 146px;
	height: 41px;
	border: solid 1px #0c2b5a;
	background-color: #fff;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.6px;
	color: #0c2b5a;
}

.question_form .array_form .button_group button img {
	margin-right: 5px;
}

.question_form .array_form>.title {
	position: relative;
	width:calc(100% - 155px);
	margin-bottom: 25px;
	line-height: 1.6;
	font-size: 17px;
	font-weight: 700;
	color: #252525;
}

.question_form .account_form_area .form_area .qna_rule_answer .array_form_box
	{
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	padding: 23px 0 23px 30px;
	border-bottom: 1px solid #ddd;
}

.question_form .account_form_area .form_area .qna_rule_answer:last-of-type .array_form_box
	{
	border-bottom: none;
}

.question_form .account_form_area .form_area .array_form_box::after {
	content: "";
	display: block;
	clear: both;
}

.question_form .account_form_area .form_area .input_group {
	padding: 0;
	padding-bottom: 15px;
}

.question_form .account_form_area.bank .form_area .input_group:nth-last-child(-n + 2)
	{
	padding-bottom: 0;
}

.question_form .hidden_check_list {
	display: flex;
	flex-direction: column;
}

.evidence {
	margin-bottom: 60px;
}

.evidence .prime_title+.report_box, .evidence .confirm_title.margin+.report_box
	{
	border-top: 1px solid #ddd;
}

.array_form .title .sub_title {
	display: block;
	font-style: normal;
}

.array_form .title .sub_title .small {
	display: block;
	font-size: 14px;
}

.array_form .account_form_area .form_area {
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 10px;
	padding-left: 0;
	border: 1px solid #ccc;
	/* 배경 */
	/* background-color: #f5f5f5; */
}

.array_form .account_form_area .form_area:last-child {
	margin-bottom: 0;
}

.array_form .account_form_area .input_group {
	padding: 5px 0;
}

.array_form .account_form_area .head {
	position: relative;
}

.array_form .account_form_area .head .form_field_control_button {
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
}

.array_form .account_form_area .head .form_field_control_button button {
	background: transparent;
}

.array_form .account_form_area .form_area.single .input_group {
	float: none;
	width: 100%;
}

.question_form .array_form .account_form_area .form_area.single .input_group textarea
	{
	margin-bottom: 30px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.question_form .array_form .account_form_area .form_area.single .input_group textarea::after
	{
	content: "";
	display: block;
	height: 40px;
	background-color: #fff;
}

.qna_list ul li.selected dl dt::before {
	content: "\f106";
}

.qna_list ul li.selected dl dt::after {
	color: #fff;
}

.qna_list ul li.selected dl dt {
	/* background: #576881; */
	background: #04264c;
}

.qna_list ul li.selected dl dt a {
	color: #fff;
}

.qna_list ul li dl dd {
	display: none;
	position: relative;
	padding: 25px 45px 25px 70px;
	background: #f9fafa;
	border-bottom: 1px solid #ccc;
}

.qna_list ul li dl dd::after {
	content: "A.";
	position: absolute;
	top: 25px;
	left: 35px;
	font-family: "S-Core Dream 5";
	font-size: 18px;
	color: #454545;
}

.qna_list ul li.selected dl dd {
	display: block;
	line-height: 1.6;
	word-break: break-all;
}

.qna_list ul li.selected dl dd a {
	color: #0c5aa6;
}

/* 개인정보방침 */
.tbody_th_table.privacy th, .tbody_th_table.privacy td {
	border: 1px solid #ccc;
	vertical-align: middle;
	word-break: break-all;
}

.tbody_th_table.privacy th {
	text-align: center;
}

.tbody_th_table.privacy td:first-child {
	text-align: center;
}

.tbody_th_table.agree th, .tbody_th_table.agree td {
	border: 1px solid #ccc;
	vertical-align: middle;
	word-break: break-word;
	text-align: center;
}

.tui-datepicker {
	top: 100%;
	left: 0;
	z-index: 1;
}

/* 계좌 입력 */
.message-content .question {
	margin-bottom: 10px;
	font-size: 18px;
	color: #000;
}

.message-content .number_list, .matched_info_form ul {
	margin-bottom: 20px;
	border: 2px solid #333;
	border-width: 2px 0;
	height: 300px;
	overflow: auto;
}

.message-content .number_list li, .matched_info_form ul li {
	padding: 10px 2px;
	margin-left: 10px;
	line-height: 1.6;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	outline-offset:-2px;
}

.message-content .number_list li:last-child, .matched_info_form ul li:last-child
	{
	margin-bottom: 0;
	border-bottom: none;
}

.message-content .number_list li button.attach_bt:focus , .matched_info_form ul li button.attach_btn:focus  {
	outline: 3px solid #bcd3f6;
	outline-offset: -3px;
	box-shadow: none;
}

.message-content .input_area input[type="text"] {
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
}

.message-content .input_area button {
	width: 70px;
	height: 35px;
	padding: 0;
	background-color: #0c2b5a;
	color: #fff;
}

.input_area input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	text-indent: 5px;
}

/* 이력 조회 */
.lookup_search {
	margin-bottom: 40px;
}

.lookup_search form {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	position: relative;
}

.lookup_search input[type="text"] {
	box-sizing: border-box;
	height: 35px;
	padding-right: 40px;
	border: 1px solid #ccc;
	border: none;
	border-bottom: 1px solid #ddd;
}

.lookup_search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 35px;
	padding: 0;
	background: url("/asset/images/icon_search.png") no-repeat center center
		transparent;
	border: none;
	vertical-align: middle;
}

.lookup_list {
	margin-bottom: 60px;
	border-top: 2px solid #333;
	font-size: 14px;
}

.lookup_list input[type="checkbox"] {
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.lookup_list input[type="checkbox"]:focus {
	outline:2px solid #000;
}

.lookup_list .head {
	background: #f9f9f9;
}

.lookup_list .head ul {
	display: flex;
	height: 60px;
	border-bottom: 1px solid #ccc;
	align-items: center;
}

.lookup_list .head ul li {
	text-align: center;
}

.lookup_list .head ul li.check {
	width: 3%;
}

.lookup_list .head ul li.document_number {
	width: 9%;
}

.lookup_list .head ul li.prime_type {
	width: 12%;
}

.lookup_list .head ul li.damage_amount {
	width: 10%;
}

.lookup_list .head ul li.police_station {
	width: 14%;
}

.lookup_list .head ul li.police_officer {
	width: 8%;
}

.lookup_list .head ul li.create_date {
	width: 8%;
}

.lookup_list .head ul li.accept_date {
	width: 8%;
}

.lookup_list .head ul li.process {
	width: 10%;
}

.lookup_list .head ul li.etc {
	width: 18%;
}

.lookup_list.different .head ul li.check {
	width: 3%;
}

.lookup_list.different .head ul li.document_number {
	width: 12%;
}

.lookup_list.different .head ul li.prime_type {
	width: 15%;
}

.lookup_list.different .head ul li.damage_amount {
	width: 14%;
}

.lookup_list.different .head ul li.police_station {
	width: 16%;
}

.lookup_list.different .head ul li.police_officer {
	width: 11%;
}

.lookup_list.different .head ul li.create_date {
	width: 9%;
}

.lookup_list.different .head ul li.accept_date {
	width: 9%;
}

.lookup_list.different .head ul li.process {
	width: 13%;
}

.lookup_list.different .head ul li.etc {
	width: 12%;
}

.lookup_list.add_data .head ul li.damage_amount {
	width: 30%;	
}

.lookup_list.add_data .head ul li.document_number {
	width: 30%;
}

.lookup_list.add_data .head ul li.prime_type {
	width: 20%;
}

.lookup_list.add_data .head ul li.create_date {
	width: 20%;
}

.lookup_list.add_data .body ul li {
	height: 100px;
}




/* notice list head */

.lookup_list.notice .head {
	background: #f9f9f9;
	color: #252525;
}

.lookup_list.notice .head ul li.notition_number {
	width: 10%;	
}

.lookup_list.notice .head ul li.title {
	width: 70%;
	/* padding-left: 3%; */
	/*text-align: left;*/
}

.lookup_list.notice .head ul li.create_user {
	width: 10%;
}

.lookup_list.notice .head ul li.create_date,
.lookup_list.notice .head ul li.notice_count {
	width: 10%;
}


.lookup_list .body ul li {
	position: relative;
	border-bottom: 1px solid #ccc;
	height: 64px;
	overflow: hidden;
}


.lookup_list .body ul li::after {
	content: "";
	display: block;
	clear: both;
}

.lookup_list .body ul li.none {
	padding: 20px 0;
	text-align: center;
}

.lookup_list .body ul li>div>div {
	float: left;
	padding: 23px 0;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.lookup_list .body ul li a>div>div {
	float: left;
	padding: 23px 0;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.lookup_list .body ul li .top .check {
	width: 3%;
}

.lookup_list .body ul li .top .document_number {
	width: 9%;
	color: #0494de;
}

.lookup_list .body ul li .middle .prime_type {
	width: 12%;
}

.lookup_list .body ul li .middle .damage_amount {
	width: 10%;
}

.lookup_list .body ul li .bottom .police_station {
	width: 14%;
}

.lookup_list .body ul li .bottom .police_officer {
	width: 8%;
}

.lookup_list .body ul li .bottom .create_date {
	width: 8%;
}

.lookup_list .body ul li .bottom .accept_date {
	width: 8%;
}

.lookup_list .body ul li .bottom .process {
	width: 10%;
}

.lookup_list .body ul li .bottom .process > .ing > a{
	display: inline-block;
	outline: none;
}

.lookup_list .body ul li .btn_group>div {
	display: flex;
	width: 18%;
	padding: 15px 0 15px 4px;
	text-align: left;
}

.lookup_list.add_data .body ul li {
	height: 150px;
}

.lookup_list.add_data .body ul li.none {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lookup_list.different .body ul li .top .check {
	width: 3%;
}

.lookup_list.different .body ul li .top .document_number {
	width: 12%;
}

.lookup_list.different .body ul li .middle .prime_type {
	width: 15%;
}

.lookup_list.different .body ul li .middle .damage_amount {
	width: 14%;
}

.lookup_list.different .body ul li .bottom .police_station {
	width: 16%;
}

.lookup_list.different .body ul li .bottom .police_officer {
	width: 11%;
}

.lookup_list.different .body ul li .bottom .create_date {
	width: 9%;
}

.lookup_list.different .body ul li .bottom .accept_date {
	width: 9%;
}

.lookup_list.different .body ul li .bottom .process {
	width: 13%;
}

.lookup_list.different .body ul li .btn_group>div {
	width: 12%;
}

.lookup_list.add_data .body ul li .top .damage_amount {
	width: 30%;
}

.lookup_list.add_data .body ul li .middle .document_number {
	width: 30%;
}

.lookup_list.add_data .body ul li .middle .prime_type {
	width: 20%;
}

.lookup_list.add_data .body ul li .bottom .create_date {
	width: 20%;
}

.lookup_list.add_data .body ul li .top .damage_amount .file_img{
	height: 100%;
}

.lookup_list.add_data .body ul li .top .damage_amount .file_img img {
	max-width: 100%;
	max-height: 100%;
}

.lookup_list.add_data .body ul li>div>div {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* notice list body */
.lookup_list.notice .body ul li:hover {
	background: #f9f9f9;
}

.lookup_list.notice .body ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #555;
}

.lookup_list.notice .body ul li a:focus {
	border: 1px solid #000;
	box-shadow: none;
}
.lookup_list.notice .body ul li .top .notition_number {
	width: 10%;
}

.lookup_list.notice .body ul li .top .title {
	width: 70%;
	padding-left: 3%;
	/*text-align: left;*/
}

.lookup_list.notice .body ul li .middle .notice_count {
	width: 10%;
}

.lookup_list.notice .body ul li .middle .create_date {
	width: 10%;
}


.lookup_list .body ul li .btn_group a {
	display: inline-block;
	min-width: 50px;
	height: 30px;
	margin-right: 5px;
	padding: 0 10px;
	border-radius: 3px;
	line-height: 30px;
	text-align: center;
	background-color: #0c2b5a;
	font-size: 14px;
	color: #fff;
	border: 1px solid #0c2b5a;
	box-sizing: border-box;
}
.lookup_list .body ul li .btn_group a:focus {
	outline: none;
	border:1px solid #bcd3f6;
	border-radius: 2px;
}
.lookup_list .body ul li .btn_group a.white {
	background: #fff;
	border: 1px solid #0c2b5a;
	color: #0c2b5a;
}

.lookup_list .body ul li .btn_group a:last-child {
	margin-right: 0;
}

	.select_date {
		display: flex;
		align-items: center;
	}
	
	.select_date input[type="text"] {
		width: 200px;
		padding-right: 0;
		text-align: center;
	}

.pagenation {
	display: flex;
	justify-content: center;
}

.pagenation > div {
	display: flex;
}

.pagenation button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-width: 25px;
	min-height: 25px;
	margin-right: 25px;
	padding: 0;

	background-color: #fff;
	vertical-align: top;
	font-size: 15px;
	font-weight: 500;
	color: #000;
}

.pagenation button:disabled {
	cursor: default;
	background-color: #efefef;
	border-color: #ccc;
}

.pagenation button.previous, .pagenation button.next {
	display: flex;
	align-items: center;
}

.pagenation button.previous {
	border-radius: 50%;
	border: 1px solid #ccc;
	margin-right: 10px;
}

.pagenation button.is_last {
	margin: 0px !important;
}

.pagenation button.next {
	margin-right: 0;
	margin-left: 10px;
	border-radius: 50%;
	border: 1px solid #ccc;
}

.pagenation button.active {
	font-weight: 700;
	color: #0c2b5a;
}

.pagenation button.active:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #0c2b5a;
}

.count_text {
	position: absolute;
	bottom: 10px;
	right: 0;
	font-size: 13px;
}

.count_text .now_text_count::after {
	content: "/";
	padding: 0 5px;
}

.add_data_button {
	margin-bottom: 30px;
}

.add_data_button .file_input {
	justify-content: flex-end;
}

.add_data_button button {
	display: inline-block;
    min-width: 50px;
    height: 40px;
    margin-right: 5px;
    padding: 0 10px;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    background-color: #0c2b5a;
    color: #fff;
}

/* 최종 확인 */
.print_document {
	box-sizing: border-box;
	font-family: "Nanum Myeongjo";
}

.print_document table {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 20px;
	table-layout: fixed;
	border: 2px solid #000;
}

.print_document table label {
	margin-right: 120px;
}

.print_document table label input[type="radio"], .print_document table label input[type="checkbox"]
	{
	margin-right: 10px;
}

.print_document table:last-child {
	margin-bottom: 0;
}

.print_document.statement table thead th {
	height: 80px;
	border: 1px solid #000;
	vertical-align: middle;
	text-align: center;
}

.print_document.statement table thead .title {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 5px;
}

.print_document.statement table thead .title span {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
}

.print_document.statement table tbody th, .print_document.statement table tbody td
	{
	box-sizing: border-box;
	height: 50px;
	padding: 10px 0;
	border: 1px solid #000;
	vertical-align: middle;
	line-height: 1.6;
}

.print_document.statement table tbody th {
	text-align: center;
}

.print_document.statement table tbody td {
	padding-left: 10px;
}

.print_document.statement table .question_th {
	padding-left: 10px;
	background-color: #e5e5e5;
	text-align: left;
}

.print_document.statement table .padding {
	padding: 20px;
}

.print_document.statement table.info2 tbody th, .print_document.statement table.info2 tbody td
	{
	height: 40px;
}

.print_document.petition table tbody th, .print_document.petition table tbody td
	{
	height: 40px;
	padding: 10px 0;
	vertical-align: middle;
	border: 1px solid #000;
	line-height: 1.6;
}

.print_document.petition table tbody th {
	text-align: center;
}

.print_document.petition table tbody:nth-child(even) {
	font-weight: 700;
	background-color: #e5e5e5;
}

.print_document.petition table tbody:nth-child(even) th:last-child {
	padding-left: 10px;
	text-align: left;
}

.print_document.petition table tbody:nth-child(even) th {
	
}

.print_document.petition table tbody td {
	padding-left: 10px;
}

/* 진정서 */
.petition_title {
	padding: 20px 0 40px;
	letter-spacing: 5px;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}

.petition_title2 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}

.petition_box {
	min-height: 200px;
	margin-bottom: 60px;
}

.petition_box .text_box {
	line-height: 1.6;
}

.admin_table_area table {
	table-layout: fixed;
	width: 100%;
	border-top: 2px solid #333;
}

.admin_table_area table thead tr th {
	height: 60px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.admin_table_area table tbody tr th, .admin_table_area table tbody tr td
	{
	height: 60px;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
}

.admin_table_area table input[type="checkbox"] {
	width: 18px;
	height: 18px;
}

.guide-text {
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 30px;
	border: 1px solid #ccc;
}

.guide-text p {
	margin-bottom: 20px;
	line-height: 1.6;
	font-size: 15px;
	font-weight: 400;
	color: #555;
}

.guide-text .list-text {
	position: relative;
	padding-left: 15px;
}

.guide-text .list-text::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #757575;
	border-radius: 50%;
}

.guide-text p span {
	font-weight: 700;
	color: #0c2b5a;
	word-break: break-word;
}

.guide_text_line {
	margin-bottom: 25px;
	line-height: 1.6;
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	color: #757575;
}

.guide_text_line span {
	font-weight: 700;
	color: #0c2b5a;
}

.button-group {
	text-align: center;
}

.button-group.margin_bottom {
	margin-bottom: 40px;
}

.button-group button {
	box-sizing: border-box;
	min-width: 80px;
	height: 45px;
	padding: 12px 25px;
	background: #0c2b5a;
	border: none;
	border-radius: 0;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.6px;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}

.button-group button.save {
	background: #858585;
}

.button-group button:disabled {
	background: #858585;
	color: #fff;
}

.button-group button.text_button {
	background: transparent;
	color: #0c2b5a;
}

.button-group.type2 button.text_button {
	border: 1px solid #0c2b5a;
}

.guide_area {
	display: flex;
	position: relative;
	width: 100%;
	min-height: 140px;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 30px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

.guide_area.margin {
	margin-bottom: 0;
	border-bottom: none;
}


.guide_area .img {
	margin-right: 30px;
}

/* step4 - 인적사항 입력 - 상대방 정보를 입력해 주세요 - 크기조절 */
#content_wrapper > div.inner > div > div:nth-child(7) > div.guide_area.margin > div {
	width: 100%;
}

.guide_area .desc {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
}

.guide_area .desc dt {
	margin-bottom: 10px;
	line-height: 1.6;
	font-size: 17px;
	font-weight: 500;
	color: #353535;
	word-break: break-word;
}

guide_area.no_padding dt {
	padding-left: 0;
}

.guide_area .desc.symbol dt {
	position: relative;
	padding-left: 20px;
}


.guide_area .desc.symbol dt:last-child {
	margin-bottom: 0;
}

.guide_area .desc.symbol dt i {
	position: absolute;
	top: 0;
	left: 0;
}

.guide_area .warning {
	padding-left: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #ff0000;
}

.guide_area .desc span {
	color: #0c2b5a;
	font-weight: 700;
}

.guide_area .desc .symbol_list span.font-family-JP,
.guide_area .desc .symbol_list span.font-family-TC {
	color: #555;
}
	
.guide_area .desc span.strong_block {
	display: inline-block;
	padding: 1px 2px;
	color: #fff;
	background: #ff0000; 
}

.guide_area .desc dd {
	line-height: 1.6;
	letter-spacing: -0.6px;
	font-size: 15px;
	font-weight: 400;
	color: #555;
	word-break: break-word;
}

.guide_area .desc dd strong {
	font-size: 17px;
	font-weight: 500;
	color: #e53a40;
}

.guide_area .desc dd ul li {
	position: relative;
	padding-left: 15px;
	line-height: 1.6;
	word-break: break-word;
}

.guide_area.no_padding .desc dd ul li {
	padding-left: 0;
}

.guide_area .desc dd ul li::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
}

.guide_area.no_padding .desc dd ul li:before {
	display: none;
}

.guide_area .button_group {
	position: absolute;
	top: 30px;
	right: 30px;
}

.guide_area .button_group .suspect_add_button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 146px;
	height: 41px;
	border: solid 1px #0c2b5a;
	background-color: #f9f9f9;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.6px;
	color: #0c2b5a;
}

.guide_area .button_group .suspect_add_button img {
	margin-right: 5px;
}

.confirm_title {
	display: flex;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 30px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

.confirm_title.margin {
	margin-bottom: 0;
	border-bottom: none;
}

.confirm_title p {
	position: relative;
	line-height: 1.6;
	font-size: 17px;
	font-weight: 500;
	color: #353535;
}

.my_account_info>.confirm_title>p{
	margin-right: 10px;
}

.confirm_title p span {
	color: #0c2b5a;
	font-weight: 700;
}

.confirm_title p span i {
	position: absolute;
	top: 0;
	left: 0;
}

.button_design {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 11px;
	color: #656565;
}

.button_design.primary {
	background-color: #0c2b5a;
	color: #fff;
}

.button_design.danger {
	background-color: #dc3545;
	color: #fff;
}

.button_design span::before {
	padding-right: 5px;
	vertical-align: -3px;
}

.button_design.primary span::before {
	content: url("/asset/images/icon_button_primary.png");
}

.button_design.info span::before {
	content: url("/asset/images/icon_button_info.png");
}

.button_design.danger span::before {
	content: url("/asset/images/icon_button_danger.png");
}

.button_design.warning span::before {
	content: url("/asset/images/icon_button_warning.png");
}

.warning_text {
	margin-bottom: 20px;
	line-height: 1.6;
	text-align: right;
	font-size: 15px;
	font-weight: 500;
	color: #555;
}

.warning_text span {
	color: #df0000;
}

.back_gray {
	background: #f9f9f9;
}

.suspect_top {
	display: flex;
	align-items: center;
	position: relative;
	height: 70px;
	padding: 0 30px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

.suspect_top .button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

.suspect_top .button button {
	background: transparent;
	padding-right: 0;
}

.suspect_top .title {
	position: relative;
	padding-left: 35px;
	line-height: 1.4;
	letter-spacing: -0.72px;
	font-size: 18px;
	font-weight: 700;
	color: #0c2b5a;
}

.suspect_top .title::before {
	content: "※";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 26px;
	height: 26px;
	background-color: #0c2b5a;
	border: solid 2px #0c2b5a;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
}

.suspect_top .title .num {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    border: 1px solid #0c2b5a;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 470;
    padding-bottom: 2px;
    vertical-align: middle;
}


.pre_question_container {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1060;
	background-color: #7373737a;
}

.pre_question_container.d-zone {
	display: none;
}

.pre_question_box {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 600px;
	min-height: 600px;
	padding: 20px;
	background-color: #fff;
}

.pre_question_header {
	padding-bottom: 40px;
}

.pre_question_header .pre_question_title {
	font-size: 20px;
	font-weight: 500;
}

.pre_question_body {
	margin-bottom: 40px;
}

.pre_question_body dl {
	margin-bottom: 30px;
}

.pre_question_body dl:last-child {
	margin-bottom: 0;
}

.pre_question_body dl dt {
	margin-bottom: 10px;
	font-size: 18px;
}

.pre_question_body dl dd {
	display: flex;
	flex-direction: column;
}

.pre_question_body dl dd label {
	margin-bottom: 10px;
}

.pre_question_body dl dd label:last-child {
	margin-bottom: 0;
}

.pre_question_footer {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pre_question_footer button {
	min-width: 80px;
	padding: 10px 15px;
	margin-right: 15px;
	border-radius: 5px;
	background-color: #0c2b5a;
	color: #fff;
}

.pre_question_footer button:last-child {
	margin-right: 0;
}

.image_print_list {
	max-height: 25cm;
}

.image_print_list p.img img {
	width: 100%;
	height: 100%;
	max-width: 21cm;
	max-height: 25cm;
}

.print_document .head {
	margin-bottom: 50px;
	font-size: 30px;
}

.image_print_list dl {
	padding: 20px;
}

.image_print_list dl dt {
	margin-bottom: 20px;
	font-size: 24px;
}

.image_print_list dl dd {
	padding: 0 40px;
}

.image_print_list dl dd ul li {
	margin-bottom: 40px;
	padding-bottom: 40px;
	page-break-before: always;
	border-bottom: 1px solid #ddd;
}

.image_print_list dl dd ul li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.image_print_list dl dd ul li .img {
	margin-bottom: 40px;
}

.image_print_list dl dd ul li .info {
	
}

.image_print_list dl dd ul li .info p {
	margin-bottom: 7px;
}

.image_print_list dl dd ul li .info .title {
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#show_matched_info_modal .modal-body img {
	width: 100%;
}

#show_matched_info_modal .modal-dialog {
	max-width: 1000px;
}

.custom_title {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 500;
	color: #0c2b5a;
}

.custom_title::before {
	content: "!";
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	position: absolute;
	top: -2px;
	left: 0;
	width: 21px;
	height: 21px;
	background: #0c2b5a;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}

.report_hide {
	display: none;
}

.report_show {
	display: flex;
}

.victim_support_system .modal-dialog {
	max-width: 1050px;
}

.victim_support_system .modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-body
	{
	max-height: 700px;
}

.victim_support_system .modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-body img
	{
	width: 100%;
	margin-bottom: 60px;
}



.victim_support_system .modal-dialog-centered.modal-dialog-scrollable .modal-content .modal-body img:last-child
	{
	margin-bottom: 0;
}

/* 온라인 신고 완료 */
.final_area {
	text-align: center;
}

.final_area .img {
	margin-bottom: 30px;
}


.final_area .main_message {
	margin-bottom: 40px;
	line-height: 1.5;
	font-family: "NanumSquareRoundEB";
	font-size: 40px;
	letter-spacing: -1.6px;
	color: #6e83b7;
}

.final_area .detali_message {
	
}

.final_area .detali_message .online {
	margin-bottom: 60px;
	line-height: 1.6;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.6px;
	color: #595e68;
}

.final_area .detali_message .online span {
	font-weight: 700;
	color: #6e83b7;
}

.final_area .detali_message .offline {
	margin-bottom: 60px;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -0.51px;
	color: #595e68;
	line-height: 2.0;
}

.final_area .detali_message .offline strong {
	font-size: 19px;
	font-weight: 700;
	color: #e53a40;
}

.final_area .detali_message .md5 {
	margin-bottom: 40px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -0.51px;
	color: #595e68;
	line-height: 1.5;
}

.final_area .detali_message .offline span {
	position: relative;
	font-weight: 700;
	color: #6e83b7;
}

.final_area .detali_message .offline .black {
	font-size: 19px;
	color: #333;
}

.final_area .detali_message .offline span::before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #6e83b7;
}

.final_area .btn_group {
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}

.final_area .btn_group a, .final_area .btn_group button {
	display: flex;
	align-items: center;
	height: 56px;
	padding: 0 30px;
	margin-right: 20px;
	background-color: #858585;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -0.51px;
	text-align: left;
	color: #fff;
}

.final_area .btn_group a:first-child, .final_area .btn_group button:first-child
	{
	background: #6e83b7;
}

.final_area .btn_group a:last-child, .final_area .btn_group button:last-child
	{
	margin-right: 0;
}

.final_area .btn_group a img, .final_area .btn_group button img {
	margin-right: 5px;
}

.final_area .final_table {
	position: relative;
	margin-bottom: 60px;
}

.final_area .final_table table {
	postiion: relative;
	width: 100%;
}

.final_area .final_table table thead th, .final_area .final_table table tbody td
	{
	height: 60px;
	border: 1px solid #ddd;
	border-width: 1px 1px 1px 0;
	vertical-align: middle;
	line-height: 1.3;
}

.final_area .final_table table thead th:last-child, .final_area .final_table table tbody td:last-child
	{
	border-right: none;
}

.final_area .final_table table thead th {
	border-top-color: #333;
	background: #f5f5f5;
}

.final_area .final_table table tbody tr td:first-child {
	color: #0494de;
}

.mobile_final_table {
	display: none;
	margin-bottom: 60px;
}

.mobile_final_table table {
	width: 100%;
	border-top: 1px solid #333;
}

.mobile_final_table table tr td, .mobile_final_table table tr th {
	height: 60px;
	padding: 0 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 1.3;
}

.mobile_final_table table tr th {
	width: 150px;
	padding: 10px 0;
	background: #f5f5f5;
    border-width: 1px 1px 1px 0;
}

.mobile_final_table table tr td {
	border-width: 1px 0 1px 1px;
}

.mobile_final_table table tr:first-child td {
	color: #0494de;
}

.content_box.consul .messanger {
	box-sizing: border-box;
	width: 100%;
	background: #e4e8f0;
	border: 1px solid #ddd;
	margin-bottom: 60px;
}

.content_box.consul.full .final_confirm {
	float: none;
	width: 100%;
}

.content_box.consul.full .messanger {
	float: none;
	width: 100%;
	position: static;
	margin-bottom: 60px;
}

.content_box.consul .messanger.fixed {
	position: sticky;
	top: 10px;
}

.content_box.consul .messanger .head {
	display: flex;
	align-items: center;
	padding: 20px;
}

.content_box.consul .messanger .head .img {
	margin-right: 15px;
}

.content_box.consul .messanger .head .info {
	display: flex;
	flex-direction: column;
}

.content_box.consul .messanger .head .info>div {
	margin-bottom: 10px;
}

.content_box.consul .messanger .head .info>div:last-child {
	margin-bottom: 0;
}

.content_box.consul .messanger .head .info .person {
	font-weight: 500;
	color: #252525;
}

.content_box.consul .messanger .head button {
	width: 65px;
	padding: 10px 0;
	margin-left: auto;
	background: #0c2b5a;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}

.content_box.consul .messanger .head .info .date {
	letter-spacing: -0.6px;
	font-size: 15px;
	color: #757575;
}

.content_box.consul .messanger .body {
	padding: 0 20px 20px;
	max-height: 490px;
}

.content_box.consul .messanger .body .text {
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
	line-height: 1.73;
	letter-spacing: -0.6px;
	font-size: 15px;
	color: #555;
	height: 475px;
	overflow:auto;
	white-space: pre-line;
    word-break: break-word;
}

.content_box.consul .messanger .foot {
	display: flex;
	box-sizing: border-box;
	min-height: 110px;
	padding: 20px;
	background: #fff;
}

.content_box.consul .messanger .foot textarea {
	margin-right: 20px;
	border: none;
	width: 100%;
	background-color: #fff;
	line-height: 1.6;
}

.content_box.consul .messanger .foot button {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 65px;
	height: 65px;
	background-color: #0c2b5a;
	border: none;
	border-radius: 15px;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}

.content_box.consul .messanger .foot button img {
	margin-bottom: 5px;
}

.content_box.consul.popup .messanger {
	margin-bottom: 0;
}

.content_box.consul.popup .messanger .foot {
	min-height: 490px;
}

.qna_list {
	margin-bottom: 60px;
}

.content_box.consul .attach_file ul li:nth-child(even) {
	margin-right: 0;
}

.blockPage {
	left: 50% !important;
	min-width: 300px;
	transform: translateX(-50%);
}

.tab_area.select_style {
	position: relative;
}

.tab_area.select_style .top_area {
	display: flex;
	
}

.tab_area.select_style .tab_view_list {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.tab_area.select_style .tab_button_list {
	margin-bottom: 0;
	width: 400px;
}

.tab_area.select_style .tab_button_list .tab_title {
	display: flex;
	align-items: center;
	height: 52px;
	cursor: pointer;
}
.tab_area.select_style .tab_button_list .tab_title > .font-family-JP, 
.tab_area.select_style .tab_button_list .tab_title > .font-family-TC {
	display: contents;
}

.tab_area.select_style .tab_button_list .tab_title > .font-family-EN, 
.tab_area.select_style .tab_button_list .tab_title > .font-family-JP, 
.tab_area.select_style .tab_button_list .tab_title > .font-family-TC {
	margin-top: 2px;
}

.tab_area.select_style .tab_button_list .tab_title:focus {
	box-shadow:0 0 0 2px #ADC1D5;
	outline: 2px solid #adc1d5;
}
.tab_area.select_style .tab_button_list ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 8;
}

.tab_area.select_style .tab_button_list ul.on {
	display: block;
}

.tab_area.select_style .tab_button_list ul li {
	float: none;
	justify-content: flex-start;
	width: 100%;
	padding-left: 15px;
	border-right: none;
	text-align: inherit;
	line-height: 18px;
}

.tab_area.select_style .tab_button_list ul li>span {
	display: contents;
	margin-left: 4px;
}

.tab_area.select_style .tab_button_list ul li:nth-child(3n) {
	border-right: 1px solid #ccc;
}

.tab_area.select_style .tab_button_list ul li:nth-child(7n) {
	border-right: none;
}

.tab_area.select_style .tab_view_list>div .button_group {
	display: flex;
	justify-content: flex-end;
	position: static;
	padding: 10px 0;
	margin-bottom: 0;
}

.no-border {
	border: 0px !important;
}

.width-200 {
	width: 200px !important;
}

.width-400 {
	width: 400px !important;
}

.width-500 {
	width: 500px !important;
}

.width-600 {
	width: 600px !important;
}

.width-80p {
	width: 80% !important;
}

.width-200.margin,
.detail_question_area>li .detail_answer select.width-260.margin,
.detail_question_area>li .detail_answer select.width-220.margin {
	margin-bottom: 10px;
}

.output_text {
	display: flex;
	padding-top: 3px;
	align-items: center;
	line-height: 1.4;
	word-break: break-all;
	min-height: 35px;
	color: #333;
}

.output_text::before {
	content: "";
	min-height: inherit;
	font-size: 0;
}

.output_text .font-family-JP,
.output_text .font-family-TC {
	display: contents;
}

.label_tab .label_tab_head label input[type="radio"] {
	margin-right: 10px;
}

.label_tab .label_tab_content>div {
	display: none;
}

.label_tab .label_tab_content>div.selected {
	display: block;
}

.question_form button.sample_answer_button {
	display: inline-block;
	margin-left: 10px;
    top: 0;
    right: 0;
    margin-top: -3px;
	padding: 2px 10px;
	height: 25px;
	font-size: 12px;
	font-weight: 400;
}

/* 추가 자료 제출 */
.add_data_title {
	margin-bottom :20px;
	font-size: 20px;
	font-weight: 500;
	color: #353535;
}

.sub_page_guide {
	display: flex;
	align-items: center;
	position: relative;
	min-height: 150px;
	margin-bottom: 45px;
	padding: 0 30px;
	background: #3399cd;
}

.sub_page_guide.green {
	background: #20a28e;
}

.sub_page_guide::after {
	content: "";
	font-size:0;
	min-height: inherit;	
}

.sub_page_guide .img {
	position: absolute;
	bottom: -1px;
	left: 30px;
	width: 330px;
	margin-bottom: 0;
	line-height: 0;

}

.sub_page_guide .text_box {
	padding-left: 360px;
}

.sub_page_guide.agree .text_box {
	padding-left: 200px;
}

.sub_page_guide .text_box .title {
	margin-bottom: 10px;
	line-height: 1.4;
	font-family: "S-Core Dream 6";
	font-size: 21px;
	font-weight: 700;
	color: #fff;
}

.sub_page_guide .text_box .desc {
	line-height: 1.8;
	font-size: 15px;
	color: #fff;
}

.custom_button {
	display:inline-flex;
	padding: 10px 15px;
	margin-right: 10px;
	font-size: 15px;
}

.custom_button:last-child {
	margin-right: 0;
}

.custom_button.blue {
	margin-bottom: 15px;
	background: #04264c;
	color: #fff!important;
}

.custom_button.white, .custom_button.white {
	border: 1px solid #04264c;
	color: #04264c!important;
}


.reporting_method {
    display: flex;
}

.reporting_method > div {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 49%;
    margin-right: 2%;
    padding: 20px 25px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-radius: 0;
}

.reporting_method > div:last-child {
    margin-right: 0;
}

.reporting_method > div img {
    margin-right: 15px;
}

.reporting_method > div dl {
    text-align: left;
    font-family: "Noto Sans KR";
}

.reporting_method > div dl dt {
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 700;
    color: #0c2b5a;
}

.reporting_method > div dl dd {
    line-height: 1.4;
    font-size: 15px;
    color: #555;
}

.process_img {
	margin-bottom: 45px;
}

.process_img img {
	width: 100%;
}

ul.normal_list {
	border-top: none;
}

.normal_table {
	position: relative;
}

.normal_table:before {
	content: "←→ 좌우로 스크롤해서 보세요.";
    display: none;
    margin-top: 10px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #aaa;
}

.normal_table table {
	width: 100%;
}

.normal_table table th, .normal_table table td {
	padding: 10px;
	border: 1px solid #ccc;
	word-break: keep-all;
	line-height: 1.4;
}

.normal_table table th {
	background: #eee;
	vertical-align: middle;
	text-align: center;
}

.normal_list li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: 1.4;
	text-align: left;
}

.normal_list li::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
}

.normal_list li:last-child {
	margin-bottom: 0;
}

.question_form .array_form button.add_economy_info {
	margin-left: 10px;	
	width: 100px;
	height: 52px;
}

.question_form .array_form button.add_economy_info img {
	margin-right: 5px;
}

.inputed_area .inputed_title {
	margin-bottom: 15px;
	font-weight: 700;
	color: #252525;
}

.inputed_area .inputed_content .account_form_area .none {
	width: 100%;
    height: auto;
    margin-bottom: 20px;
    border: none;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #757575;
}

.mfp-image-holder .mfp-content {
	margin-top: 50px;
}

.attach_btn {
	min-width: 90px;
	padding: 5px;
	background: #0c2b5a;
	font-size: 13px;
	color: #fff;
}

/* 팝업 */
.content_box.popup {
	width: 1400px;
	padding: 20px;
	margin: 0 auto;
	box-sizing: border-box;
	font-family: "Noto Sans KR";
}

.content_box.popup:after {
	display: block;
	content: "";
	clear: both;
}

.content_box.popup .final_confirm {
	float: left;
	width: 800px;
}

.content_box.popup .final_confirm .confirm_title {
	padding: 15px;
}

.content_box.popup .final_confirm .form_area {
	padding : 0 0 0 20px;
}

.content_box.popup .final_confirm .form_area .input_group {
	padding: 10px 0;
}

.content_box.popup .final_confirm .form_area .input_group .input_area {
	margin-bottom: 0;
}

.content_box.popup .final_confirm .form_group {
	margin-bottom: 10px;
}

.content_box.popup .final_confirm .form_group .form_back {
	margin-bottom: 10px;
}

.content_box.popup .final_confirm .form_group .form_area .input_group .input_area dt {
	font-weight: 500;
	color: #252525;
	width: 150px;
}

.content_box.popup .final_confirm .form_group .form_area .input_group .input_area dd {
	font-size: 15px;
	color: #555;
	width: calc(100% - 150px);
}

.content_box.popup .final_confirm .form_group .form_area .input_group .input_area dd .output_text {
	word-break: keep-all;
}

.content_box.popup .final_confirm .account_info {
	border-top: 1px solid #ccc;
}

.content_box.popup .final_confirm .account_info .account_form_area.single>div .input_group {
	float: none;
	width: 100%;
}

.content_box.popup .final_confirm .question_form .qna_form_area {
	padding: 15px;
}

.content_box.popup .final_confirm .question_form .question_area>dt {
	margin-bottom: 15px;
}

.content_box.popup .final_confirm  .question_form .question_area>dd textarea {
	margin-bottom: 0;
}

.content_box.popup .messanger {
	position: sticky;
	top: 20px;
	float:right;
	width: 550px;
}

.filter_view_list {
	margin-bottom: 40px;
}

.filter_view_list::after {
	content: "";
	display: block;
	clear: both;
}

.filter_view_list li {
	box-sizing: border-box;
    float: left;
    width: 23.5%;
    height: 260px;
    margin-right: 2%;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    text-align: center;
}

.filter_view_list li:nth-child(4n) {
	margin-right: 0;
}

.filter_view_list li .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.filter_view_list li .img img {
	max-width: 90%;
}

.filter_view_list li .desc {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-bottom: 6px;
    padding: 0 15px;
    line-height: 1.4;
    font-weight: 500;
    color: #0c2b5a;
}

.filter_view_list li .tel {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	text-align:center;
	font-size: 14px;
}

.filter_view_list li .tel::before {
	content: url("/asset/images/img_tel.png");
	margin-top: 4px;
	margin-right: 3px;
	transform: scale(.8);
	
}

.filter_view_list li a {
	display: inline-block;
    padding: 10px 8px;
    background-color: #0c2b5a;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box
}
.filter_view_list li a:focus {
	outline: none;
	border:1px solid #bcd3f6;
	border-radius: 2px;
}
.select_notice {
	padding: 10px 20px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}

.select_notice label {
	margin-right: 20px;
}

.select_notice label:last-child {
	margin-right: 0;
}

.select_notice label input[type=checkbox]{
	width: 18px;
	height: 18px;
	margin-right: 5px;
	vertical-align: -4px;
}

.notice_group p {
	position: relative;
	padding-left: 15px;
	font-size: 14px;
}

.notice_group p::before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

.info_modal_check {
	text-align: center;
}

.info_modal_check label {
	margin-right: 15px;
}

.info_modal_check label:last-child {
	margin-right: 0;
}

.info_modal_check label input {
	margin-right: 5px;
	cursor: pointer;
}

.refund_area a {
	font-weight: 500;
	color: #0c5aa6;
}

.refund_area a:hover {
	text-decoration: underline;
}

/* 공지사항 */
.board_view_head {
	margin-bottom: 40px;
	border-top: 1px solid #aaa;
}

.board_view_head .top {
	padding: 20px 15px;
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
}

.board_view_head .top h3 {
	margin-bottom: 0;
}

.board_view_head .bottom {
	padding: 20px 15px;
	border-bottom: 1px solid #ddd;
}

.board_view_head .bottom::after {
	content: "";
	display: block;
	clear: both;
}

.board_view_head .bottom > p {
	font-size: 15px;
}

.board_view_head .bottom .create_user {
	float: left;
}

.board_view_head .bottom .create_date {
	float: right;
}

.board_view_body {
	margin-bottom: 40px;
	padding: 0 20px 40px;
	border-bottom: 1px solid #ddd;
	line-height: 1.4;
	word-break: break-all; 
}

.board_view_btn_group a, .board_view_btn_group button {
	display: inline-flex;
	justify-content: center;
	min-width: 80px;
	min-height: 33px;
	border-radius: 0;
	font-size: 13px;
	background: #0c2b5a;
	color: #fff;
	line-height: 32px;
}
.board_view_btn_group a:focus {
	/*box-shadow: 0 0 0 2px #ADC1D5;*/
	outline: none;
	border:1px solid #bcd3f6;
	border-radius: 2px;
	
}
.inner .login_agree {
	display:none;
}

/* 증거자료 첨부 모달 */
#modify_img_modal .modal-header-alert {
	margin:0 auto;
	transform:translate(-35px, 0px);
}

#modify_img_modal .modal-dialog {
	max-width: 900px;
}

#modify_img_modal .modal-dialog .modal-body {
	max-height: 600px;
}

#modify_img_modal .img_comparison {
	display: flex;
	width: 100%;
}

#modify_img_modal .img_comparison > div {
	position: relative;
	width: 100%;
	margin-right: 40px;
}

#modify_img_modal .img_comparison > div:last-child {
	margin-right: 0;
}

#modify_img_modal .img_comparison > div:last-child::before {
	display: none;
}

#modify_img_modal .img_comparison > div .title {
	margin-bottom: 15px;
}

#modify_img_modal .img_comparison > div .img {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	border: 1px solid #ccc;
}

#modify_img_modal .img_comparison > div .img::before {
	content: "\f138";
	position: absolute;
	top: 50%;
	right: -34px;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-size: 28px;
	font-weight: 900;
	color: #0c2b5a;
}

#modify_img_modal .img_comparison > div:last-child .img::before {
	display: none;
}

#modify_img_modal .img_comparison > div .img > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
}

/* 증거자료 첨부 모달 - 프리뷰 */
#preview_img .modal-dialog {
	max-width: 900px;
}

#preview_img .modal-dialog .modal-body {
	max-height: 600px;
}

#preview_img .modal-dialog .img {
	text-align: center;
}

#preview_img .modal-dialog .img img {
	max-width: 100%;
}

#modify_img_modal .modal-footer, #preview_img .modal-footer {
	width: 100%;
}

/* 웹접근성  본인의 이름 입력 모달 - 이름 focus */
.drawIt a {
	outline-offset:-2px;
}

/* 웹접근성 주소검색 input */
.message-content .control-container {
	padding-top: 10px;
}
/* 웹접근성 주소 button */
.__find_address_pagination {
	padding-bottom:15px;
}

.biz_login_input_area input{
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	text-indent: 5px;
}