@charset "UTF-8";

/* ***** reset ***** */
html,
body {
	font-size: 10px;
}

body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
select,
pre {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	font-family: "NanumSquare", "맑은 고딕", Verdana, dotum, Sans-serif;
	font-weight: normal;
	color: #111;
	line-height: 1.4;
	box-sizing: border-box;
}

header,
footer,
nav,
section,
article,
aside,
figure {
	display: block;
}

img {
	border: 0 none;
	max-width: 100%;
}

fieldset {
	border: 0 none;
}

a {
	text-decoration: none;
	color: #111;
}

ul,
ol,
li {
	display: block;
	list-style: none;
}

input[type="text"] {
	vertical-align: middle;
}

/* ***** common ***** */
.sound_only {
	display: block !important;
	position: absolute !important;
	top: -9999px !important;
}

.blind {
	display: inline-block;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	text-indent: -9999em;
	line-height: 0;
	position: absolute;
	top: -9999px;
}

.nowrap {
	white-space: nowrap;
}

.ellipsis {
	width: 225px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.f000 p {
    display: flex;
    align-items: center;
    margin: 8px 0;
}

.f000 span {
    display: block;
    text-align: right;
    font-size: 14px;
}

.f000 input{
    /*width: calc(100% - 40px);*/
    width:100%;
    padding: 5px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f7f7f7;
} 
.ellipsis2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tablet_only,
.mobile_only,
.tabmobile_only {
	display: none !important;
}

.d_none>button {
	display: none !important;
}

.d_none1>button {
	all: unset;
}

.d_block>button {
	display: block !important;
	margin: 0 auto;
}

.txt_bold,
.txt_bold * {
	font-weight: bold !important;
}

:focus {
	outline: 1px solid #0f86c9;
}

.pop_contents:focus {
	outline: none;
}

.messagebox .btn_cm:focus {
	outline: 2px solid #000;
}

input::placeholder {
	color: #777 !important;
}

textarea::placeholder {
	color: #777 !important;
}

.link:hover {
	color: #0f86c9;
	text-decoration: underline;
}

.scroll_hidden {
	overflow-y: hidden;
}

/* 타이틀 */
h1 {
	font-style: normal;
	font-weight: 400;
	line-height: 1em;
}

h2 {
	height: 13rem;
	line-height: 13rem;
	font-size: 4.4rem;
	font-style: normal;
	text-align: center;
}

h3 {
	margin: 6.2rem 0 1.3rem;
}

h3 .w2textbox {
	font-size: 3rem;
	line-height: normal;
	font-weight: 500;
}

h3.h3_title {
	margin-top: 3rem;
	font-size: 2.6rem;
	font-weight: 500;
	color: #000;
	text-align: center;
}

h4 {
	margin: 2rem 0 1rem;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}

h4 .w2textbox {
	font-size: 2rem;
	line-height: initial;
}

h5 {
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
}

h6 {
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
}

/*.w2modalopenedbody{overflow-y:auto !important;}*/

/* 여백 */
.p0 {
	padding: 0px !important;
}

.p10 {
	padding: 10px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.pl4 {
	padding-left: 4px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl6 {
	padding-left: 6px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl18 {
	padding-left: 18px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pr100 {
	padding-right: 100px !important;
}

.m0 {
	margin: 0px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.ml3 {
	margin-left: 3px !important;
}

.ml4 {
	margin-left: 4px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.mr0 {
	margin-right: 0 !important;
}

.mr3 {
	margin-right: 3px !important;
}

.mr4 {
	margin-right: 4px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.bt0 {
	border-top: 0 !important;
}

.bb0 {
	border-bottom: 0 !important;
}

.bl0 {
	border-left: 0 !important;
}

.br0 {
	border-right: 0 !important;
}

.foc {
	border: 1px solid #15AB25 !important;
}

/* 너비 */
.w10p {
	width: 10% !important;
}

.w20p {
	width: 20% !important;
}

.w30p {
	width: 30% !important;
}

.w40p {
	width: 40% !important;
}

.w50p {
	width: 50% !important;
}

.w60p {
	width: 60% !important;
}

.w70p {
	width: 70% !important;
}

.w80p {
	width: 80% !important;
}

.w90p {
	width: 90% !important;
}

.w100p {
	width: 100% !important;
}

.w170 {
	width: 17rem;
}

.min_h100 {
	min-height: 100px;
}

.w120 {
	width: 12rem !important;
}

.w450 {
	width: 45rem !important;
}

.col_1 {
	width: 10%;
}

.col_2 {
	width: 20%;
}

.col_3 {
	width: 30%;
}

.col_4 {
	width: 40%;
}

.col_5 {
	width: 50%;
}

.col_6 {
	width: 60%;
}

.col_7 {
	width: 70%;
}

.col_8 {
	width: 80%;
}

.col_9 {
	width: 90%;
}

.col_10 {
	width: 100%;
}

/* 폰트 */
.fs14 {
	font-size: 1.4rem;
}

.fs15 {
	font-size: 1.5rem;
}

.fs16 {
	font-size: 1.6rem;
}

.fs17 {
	font-size: 1.7rem;
}

.fs18 {
	font-size: 1.88235rem;
}

/*16px 변경 요청*/

/* 컬러 */
.blue,
.f_blue {
	color: #0f86c9 !important;
}

.f_red {
	color: #ff0000 !important;
}

/* 텍스트 정렬 */
.txtL {
	text-align: left !important;
}

.txtC {
	text-align: center !important;
}

.txtR {
	text-align: right !important;
}

.num {
	text-align: right !important;
}

.w2selectbox.txtL .w2selectbox_label {
	text-align: left;
}

.w2selectbox.txtR .w2selectbox_label {
	text-align: right;
}

.word_keep_all {
	word-break: keep-all;
}

/* 박스 정렬 */
.fcolumn {
	display: flex;
	flex-direction: column;
}

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

.flexrow {
	flex-direction: row !important;
}

.fspacebw {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 필수 */
.req:before {
	content: '*';
	display: inline-block;
	padding-right: 2px;
	font-size: 10pt;
	font-weight: bold;
	color: #ff0000;
}

.req:after {
	content: "필수";
	display: block !important;
	position: absolute !important;
	top: -9999px !important;
}

/* FlexBox */
.flex {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	align-items: center;
}

.flex>.w2input {
	width: 100%;
}

.flex>.w2inputCalendar_div,
.flex>.w2input,
.flex>.w2selectbox,
.flex>.w2selectbox_native,
.flex>.w2checkcombobox,
.flex>.ipt_search,
.flex>.w2textbox {
	flex: 1;
}

.flex>.btn_cm {
	margin-left: 0;
}

.flex>*:last-child {
	margin-right: 0 !important;
}

.flex>input[type="button"]+input[type="button"] {
	margin-left: 0;
}

.flex+.flex {
	margin-top: 1rem;
}

.flex_no {
	flex: none !important;
}

.flex_no.w2input {
	width: auto;
}

.flex.row_center {
	justify-content: center;
}

.d_flex_scb {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.d_flex_sbc {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

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

.flex_initial {
	flex: initial !important;
}

/* gridBox */
.grid {
	display: grid;
}

.grid.col3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid_col3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3rem;
}

.w2grid_end_div {
	display: none;
	visibility: hidden;
}

.gap10 {
	gap: 10px;
}

.gap20 {
	gap: 20px;
}

/* slide */
.slides,
.slides>li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
}

/* ***** websquare ***** */
.w2group {
	background: transparent;
}

.w2tabcontrol_contents_wrapper {
	height: 100% !important;
}

.w2tabcontrol_contents_bridge_helper {
	top: -9999px;
}

.w2anchor a,
.w2anchor2 {
	color: #111;
}

/* textarea */
.w2textarea {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px;
	font-size: 1.88235rem;
	line-height: 1.4;
	background: #fff;
	box-sizing: border-box;
	-webkit-appearance: none;
	border: 1px solid #e1e1e1;
}

.w2textarea.h200 {
	min-height: 20rem;
}

/* Form */
.w2tb {
	width: 100%;
}

.w2tb .w2tb_th,
.w2tb .w2tb_td {
	height: 6rem;
	padding: 1rem 2rem;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
}

.w2tb .w2tb_th {
	text-align: right
}

.tac .w2tb_th {
	text-align: center
}

.w2tb .w2tb_td *::placeholder {
	color: #ccc;
}

.gray_border_box {
	border: 1px solid #e1e1e1;
	padding: 20px;
}

.w2tabcontrol>ul li a:focus {
	outline: none;
	border: 1px solid #0f86c9;
}

.overflow_hid {
	overflow: hidden;
}

/* w2Switch  */
.w2Switch {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.w2Switch.inbk {
	display: inline-block;
	width: auto;
	margin-left: 4px;
}

.w2switch_case[style="z-index: 100;"] {
	display: none;
}

/* tooltip */
.w2balloonTip {
	margin-top: -8px;
}

.w2balloonTip:before {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 10px;
	display: inline-block;
	width: 12px;
	height: 8px;
	background: url(/sample/cm/images/contents/tooltip_tail.png)center no-repeat;
}

.w2balloonTip_label {
	font-size: 12px;
	line-height: 16px;
	background: #383d44;
	color: #ffffff;
	padding: 6px;
	border-radius: 2px;
}

.w2balloonTip_col_centerleft,
.w2balloonTip_col_centerright,
.w2balloonTip_col_centercenter {
	background: transparent;
}

.w2balloonTip_table tr:first-child,
.w2balloonTip_table tr:last-child,
.w2balloonTip_col_bottomleft,
.w2balloonTip_col_bottomcenter,
.w2balloonTip_col_bottomright {
	display: none
}

.w2grid_drag {
	z-index: 99;
	border-radius: 2px;
	border: 0;
	font-size: 12px;
	background: #383d44;
	padding: 4px 6px 6px;
	color: #ffffff;
}

.w2grid_tooltip {
	font-size: 14px !important;
	line-height: 18px !important;
	color: #ffffff !important;
	background-color: #383d44 !important;
	padding: 10px 15px 12px 15px !important;
	border-radius: 6px !important;
}

/* tab */
.w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center,
.w2tabcontrol_tabhost .w2tabcontrol_tab_center,
.w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left,
.w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right,
.w2tabcontrol_tabhost .w2tabcontrol_tab_right,
.w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center {
	background: transparent;
	position: initial;
}

.w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.w2tabcontrol_tabhost .w2tabcontrol_tab_right {
	width: 0;
	height: 0;
}

.w2tabcontrol_tabhost li a {
	position: initial;
	top: 0;
	margin: 0;
	line-height: initial;
}

.w2tabcontrol_container {
	border: none;
	height: 100% !important;
}

.w2tabcontrol_tab_center>a>span {
	font-size: 1.6rem;
	margin-top: 1rem;
}

/* form */
.w2selectbox {
	height: 4rem;
	line-height: 4rem;
	border-color: #e1e1e1;
	box-sizing: border-box;
}

.w2selectbox_ul_col_label {
	padding: 0;
}

.w2selectbox_over.w2selectbox_ul_table_main {
	background: transparent;
}

/*.w2selectbox_native + input[type="text"]{margin-left:1rem;}*/
.w2selectbox_label {
	padding-left: 8px;
	padding-top: 0;
}

.w2selectbox_over .w2selectbox_col_label {
	background-color: transparent;
}

.w2selectbox_native {
	position: relative;
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	vertical-align: middle;
	border: 1px solid #e1e1e1;
}

.w2selectbox_native_innerDiv {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.w2input {
	margin: 0;
	padding: 0 10px;
	width: 100%;
	font-size: 1.88235rem;
	height: 4rem;
	line-height: 4rem;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
}

.w2trigger {
	overflow: visible;
	border: none;
}

.w2input_disabled,
.w2selectbox_disabled,
.w2upload_disabled .w2upload_input,
.w2autoComplete_disabled,
.w2checkcombobox_disabled,
.w2textarea_disabled {
	color: #5e5e5e !important;
	background: #f0f0f0 !important;
	border-color: #f0f0f0 !important;
	cursor: default;
	box-shadow: none !important;
}

.w2trigger_disabled {
	color: #5e5e5e !important;
	background: #f0f0f0 !important;
	border-color: #f0f0f0 !important;
	cursor: default;
	box-shadow: none !important;
}

/* ***** form ***** */
button,
input,
textarea,
select,
.w2input,
.w2textarea,
.w2inputCalendar_divInput {
	font-family: "NanumSquare", 맑은 고딕, Verdana, dotum, Sans-serif !important;
	font-weight: normal;
}

input[type="button"]+input[type="button"] {
	margin-left: 10px;
}

input[type="button"],
input[type="text"],
button,
.w2inputCalendar_divInput {
	-webkit-appearance: none;
	border-radius: 0;
	box-sizing: border-box;
}

/* radio, checkbox  */
.w2radio_item {
	display: inline-block;
	position: relative;
	height: auto;
	padding: 5px 15px 5px 25px;
}

.w2radio_item:last-child {
	padding-right: 0
}

.w2radio_item .w2radio_input {
	-webkit-user-select: initial;
	user-select: initial;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transform: translateY(-50%);
}

.w2radio_item .w2radio_label {
	font-size: 1.88235rem;
}

.w2radio_item .w2radio_label:before {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #6e6e6e;
	border-radius: 50%;
	box-sizing: border-box;
}

.w2radio_item .w2radio_input:checked+label:before {
	background-color: #39598C;
	border-color: #39598c;
}

.w2radio_item .w2radio_input:checked+label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background: #f2f2f2;
	border-radius: 50%;
}

.w2radio_item .w2radio_input:disabled+label {
	color: #9a9a9a;
	cursor: default
}

.w2radio_item .w2radio_input:disabled+label:before {
	background-color: #efefef;
	border-color: #e0e0e0;
	cursor: default;
}

.w2radio_item .w2radio_input:disabled:checked+label:before {
	background-color: #a0adc1;
	border-color: #a0adc1;
	cursor: default;
}

.w2radio_item .w2radio_input:disabled:checked+label:after {
	border-color: #efefef;
	cursor: default;
}

:is(.w2checkbox.block, .w2radio.block) :is(.w2radio_item, .w2checkbox_item) {
	display: block;
}

.w2checkbox.txt_hidden label {
	text-indent: -9999em;
	font-size: 0;
}

.w2checkbox_item {
	display: inline-block;
	position: relative;
	height: auto;
	padding: 5px 15px 5px 25px;
}

.w2checkbox_item:last-child {
	padding-right: 0
}

.w2checkbox_item .w2checkbox_input {
	-webkit-user-select: initial;
	user-select: initial;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
}

.w2checkbox_item .w2checkbox_label {
	font-size: 1.88235rem;
}

.w2checkbox_item .w2checkbox_label:before {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #6e6e6e;
	box-sizing: border-box;
}

.w2checkbox_item .w2checkbox_input:checked+.w2checkbox_label:before {
	border: 1px solid #0f86c9;
}

.w2checkbox_item .w2checkbox_input:checked+.w2checkbox_label:after {
	content: '';
	position: absolute;
	left: 3px;
	top: 10px;
	width: 12px;
	height: 5px;
	border-left: 2px solid #0f86c9;
	border-bottom: 2px solid #0f86c9;
	transform: rotate(-45deg);
}

.w2checkbox_item .w2radio_disabled {
	background-color: #eee;
	opacity: .7;
}

.w2table_ccb_col_checkbox {
	display: none
}

.col1 .w2radio_item,
.col1 .w2checkbox_item {
	width: 100%;
}

.w2radio+.w2radio,
.w2radio+.w2checkbox,
.w2checkbox+.w2radio,
.w2checkbox+.w2checkbox {
	margin-left: 20px
}

.col_grp .w2checkbox_item {
	min-width: 200px;
}

.row_grp .w2checkbox_item {
	display: block;
}

/* grid */
.w2grid th.gridHeaderTDDefault {
	height: 42px !important;
	font-weight: 500;
	font-size: inherit;
	background: #f2f2f2;
	border: 1px solid #e1e1e1;
}

.gridBodyDefault {
	border: 1px solid #e1e1e1;
	height: 5rem;
}

.inputSearch {
	display: flex;
	flex: 1;
}

.w2grid .gridBodyDefault_rowNumber {
	background-color: #fff !important;
}

/* 컴퍼넌트별 내용삭제 그룹과 버튼 */
.cmp_wrap {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-right: 22px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.btn_delete,
.btn_cmp_del {
	position: absolute;
	right: 0;
	top: 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/sample/cm/images/contents/ico_cmp_del.png)center no-repeat;
	text-indent: -99999em;
}

.btn_delete {
	border: 0
}

/* 법무부용 */
.cmp_wrap.flex .w2input_disabled~.btn_cmp_del {
	display: none
}

/*table 표*/
.tablebox {
	margin: 0;
	border: 1px solid #e1e1e1;
	border-top: 0;
	border-right: 0
}

.tablebox.type2,
.w2tb.type2 {
	border-top: 2px solid #000;
}

.tablebox .row {
	margin: 0;
}

.tablebox .row dl.field {
	display: flex;
	align-items: initial;
	border-top: 1px solid #e1e1e1;
	margin-top: -1px;
	border-right: 1px solid #e1e1e1;
}

.tablebox .row dl dt {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 160px;
	background: #eee;
	padding: 10px;
	border-right: 1px solid #e1e1e1;
}

.tablebox .row .field label {
	width: 100%;
}

.tablebox .row dl dd {
	display: flex;
	align-self: center;
	width: 100%;
	line-height: initial;
	padding: 1rem;
	margin: 0;
}

.tablebox .row dl dd a:hover {
	text-decoration: underline;
	color: #0f86c9;
}

.w2tb .email {
	max-width: 20rem;
	width: 30%;
	flex: none;
}

.w2tb .w100 {
	width: 10rem;
	flex: none;
}

.w2tb .w140 {
	width: 14rem;
	flex: none;
}

.w2tb .w120 {
	width: 12rem;
	flex: none;
}

.w2tb .w160 {
	width: 16rem;
	flex: none;
}

.w2tb .w180 {
	width: 18rem;
	flex: none;
}

.w2tb .w300 {
	width: 30rem;
	flex: none;
}

.w2tb .w400 {
	width: 40rem;
	flex: none;
}

.w2tb.v1.h_small th,
.w2tb.v1.h_small td {
	min-height: 4rem;
	height: auto;
}

.table_list {
	overflow-x: auto;
}

.table_list .w2tb {
	min-width: 1024px;
	border-top: 2px solid #000;
}

.table_list .w2tb .w2tb_th,
.table_list .w2tb .w2tb_td {
	text-align: center;
}

.table_list .w2tb .w2tb_td.align_left {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table :is(th, td) {
	padding: 5px;
}

.gvwbox {
	position: relative;
	margin: 0px
}

/* 기타 */
.icon_i {
	display: inline-block;
	background: url(../img/icon_btn_info.png) left center no-repeat;
	padding-left: 3rem;
}

.icon_i.pos_top {
	background-position-y: 3px;
}

.help_msg {
	display: block;
	position: relative;
	margin: 1.5rem 0;
	padding-left: 24px;
	line-height: 20px;
}

.help_msg:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	background: url(../img/icon_btn_info.png) center no-repeat;
}

.link_txt {
	color: #0f86c9;
	background: transparent;
}

.link_txt:hover {
	text-decoration: underline;
}

.offscreen {
	clip: rect(1px 1px 1px 1px);
	display: inline-block;
	width: 1px;
	height: 1px;
	line-height: 0;
	font-size: 1px;
	text-indent: -9999em;
	overflow: hidden;
}

.offscreen:focus-visible {
	outline: none;
}

/* ***** 팝업 ***** */
.w2modal,
.w2modal_popup {
	background: #111;
	opacity: 0.3;
}

.w2popup_window {
	position: fixed;
	top: 50% !important;
	left: 50% !important;
	width: calc(100% - 5rem) !important;
	max-width: 120rem;
	height: 90% !important;
	border: none;
	border-radius: 1rem;
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.w2popup_window .w2window_header {
	position: absolute;
	left: 3rem;
	right: 3rem;
	height: 9.5rem;
	background: #fff;
	border-bottom: 4px solid #0f86c9;
	overflow: initial;
}

.w2popup_window .w2window_header_icon {
	display: none;
}

.w2popup_window :is(.w2window_header_title, .w2window_header_title_h2) {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	left: 0;
	padding: 1rem;
	width: auto;
	height: 100%;
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
}

.w2popup_window .w2window_header_control {
	width: 5rem;
	height: 8rem;
	top: .6rem;
	right: 3.4rem;
}

.w2popup_window .w2window_header .w2window_header_control {
	right: 0;
}

.w2popup_window .w2window_close {
	display: block;
	position: static;
	width: 100%;
	height: 100%;
	background: url(../img/icon_btn_modalpopup_close.png) center center no-repeat;
	text-indent: -999999em;
	overflow: hidden;
	border: none;
	background-size: 40%;
}

.w2popup_window .w2window_minimize,
.w2popup_window .w2window_restore {
	display: none;
}

.w2popup_window .w2window_body {
	top: 9.5rem;
	background: #fff;
}

.w2popup_window .w2window_content {
	left: 3rem;
	right: 3rem;
	bottom: 3rem;
	padding-top: 2rem;
	border: none;
}

.w2popup_window .w2window_wframe .pop_contents {
	padding-right: .6rem;
}

.w2popup_window .w2window_wframe .pop_contents.pd_style {
	padding-right: 0;
}

.en_wrap .w2popup_window :is(.w2window_header_title, .w2window_header_title_h2) {
	font-size: 2.8rem;
}

.w2popup_window.w_full_pop {
	width: 100% !important;
}

.w2popup_window.h_full_pop {
	height: 100% !important;
}

.w2popup_window.pop_sm {
	max-width: 70rem;
	height: 70% !important;
}

.w2popup_window.pop_md,
.w2popup_window.pop_md_80,
.w2popup_window.pop_victim {
	height: 80% !important;
}

.w2popup_window.pop_md_70 {
	height: 70% !important;
}

.w2popup_window.pop_md_60 {
	height: 60% !important;
}

.w2popup_window.pop_md_50 {
	height: 50% !important;
}

.w2popup_window.pop_sm_60 {
	max-width: 60rem;
	height: 60% !important;
}

.w2popup_window.pop_sm_60_50 {
	max-width: 60rem;
	height: 50% !important;
}

.w2popup_window.pop_simple_certi {
	width: 838px !important;
	height: 645px !important;
}

.w2popup_window.pop_simple_certi .w2window_header {
	display: none;
}

.w2popup_window.pop_simple_certi .w2window_body {
	top: 0;
}

.w2popup_window.pop_simple_certi .w2window_content {
	left: 0;
	right: 0;
	bottom: -13px;
	padding: 0;
}

.w2popup_window.pop_simple_certi .w2iframe {
	height: 98% !important;
}

.w2popup_window.pop_no_close .w2window_header_control {
	display: none;
}

.w2popup_window.title_2line .w2window_header_title_h2 {
	line-height: 1.4;
	top: -2px;
}

/*header 2줄시*/
/*모바일 full popup*/
.w2popup_window.pop_full {
	top: 0 !important;
	left: 0 !important;
	transform: initial;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
}

.w2popup_window.pop_full .w2window_header {
	display: none;
}

.w2popup_window.pop_full .w2window_body {
	top: 0;
}

.w2popup_window.pop_full .w2window_content {
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
}

.w2popup_window.messagebox {
	position: fixed;
	padding: 2rem;
	top: 20% !important;
	max-width: 500px !important;
	height: auto !important;
	transform: translateX(-50%) translateY(-10%);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.w2popup_window.messagebox .w2window_header {
	display: none;
}

.w2popup_window.messagebox .w2window_close {
	display: none !important;
}

.w2popup_window.messagebox .w2window_body {
	position: relative;
	top: 0;
	padding: 0;
}

.w2popup_window.messagebox .w2window_content {
	position: static;
	padding: 0;
}

.w2popup_window.toastbox {
	position: fixed;
	padding: 2rem 20px 2rem 45px;
	width: auto !important;
	max-width: 500px !important;
	height: auto !important;
	transform: translateX(-50%) translateY(-10%);
	font-size: 20px;
	color: #fff;
	background: #111 url(../img/icon_toastpopup_complete.png) 15px center no-repeat;
	background-size: auto 24px;
	border-radius: 2rem;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.w2popup_window.toastbox.type {
	background-image: none;
	padding-left: 20px;
	min-width: 300px;
}

.w2popup_window.toastbox .w2window_header {
	display: none;
}

.w2popup_window.toastbox .w2window_body {
	position: relative;
	top: 0;
	padding: 0;
	background: transparent !important;
}

.w2popup_window.toastbox .w2window_body * {
	color: #fff;
	background: transparent !important;
	word-break: keep-all;
}

.w2popup_window.toastbox .w2window_content {
	position: static;
	padding: 0;
}

.w2popup_window.toastbox .title {
	height: auto;
	margin-bottom: 20px;
	font-size: 3rem;
	line-height: 1.2;
}

.pop_contents .sub_title {
	margin-bottom: 4rem;
	width: 100%;
	font-weight: 500;
	font-size: 2.4rem;
	text-align: center;
}

.pop_contents .pop_in {
	line-height: 1.3rem;
}

.pop_subtit {
	margin: 0 0 1rem;
	font-weight: bold;
	font-size: 2.6rem;
}

.pop_txt_cont {
	position: relative;
	display: block;
	padding: 1rem;
}

.pop_txt_cont .w2textarea {
	padding: 0 48px 0 0 !important;
	font-size: 14px;
	line-height: 1.3em;
	overflow-y: hidden;
}

.pop_btn_area {
	display: block;
	text-align: right;
	background: #ffffff;
	padding: 1rem;
}

.w2popup_window.timeoutbox {
	position: fixed;
	padding: 1rem;
	top: 10% !important;
	max-width: 400px !important;
	height: auto !important;
	transform: translateX(-50%) translateY(-10%);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.w2popup_window.timeoutbox .w2window_header {
	display: none;
}

.w2popup_window.timeoutbox .w2window_body {
	position: relative;
	top: 0;
	padding: 0;
}

.w2popup_window.timeoutbox .w2window_content {
	position: static;
	padding: 0;
}

.pop_timeout_cont {
	margin: 2rem 0;
}

.pop_timeout_cont .con p {
	margin-bottom: 1rem;
	font-size: 14px;
	text-align: center;
}

.pop_timeout_cont .con p.f_red {
	font-weight: 700;
}

.pop_timeout_cont .btnarea {
	margin-top: 3rem;
}

.pop_timeout_cont .btnarea input[type="button"]+input[type="button"] {
	margin-left: 2rem;
}


/* ******************************* Button ******************************* */

/* 공통 버튼 */
.btn_cm {
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	height: 29px;
	color: #717a98;
	font-size: 13px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #8697ad;
	border-radius: 6px;
	box-sizing: border-box;
}

.btn_cm:hover {
	color: #717a98;
	background-color: #ededed;
	border-color: #8697ad;
}

.btn_cm:active {
	color: #717a98;
	background-color: #e2e2e2;
	border-color: #57667a
}

.btn_cm:disabled {
	color: #aab6c7;
	background-color: #ebebeb;
	border-color: #aab6c7;
}

.btn_sec {
	display: inline-block;
	margin: 0;
	padding: 0 14px;
	height: 29px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	background-color: #3f4651;
	border-radius: 6px;
	box-sizing: border-box;
}

.btn_sec:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.btn_sec:hover {
	color: #ffffff;
	background-color: #2d333c
}

.btn_sec:active {
	color: #ffffff;
	background-color: #000000;
}

.btn_sec:disabled {
	color: #ababab;
	background-color: #d4d4d4
}

.btn_cm~.btn_cm,
.btn_cm~.btn_menu_wrap,
.btn_menu_wrap~.btn_cm,
.btn_menu_wrap~.btn_menu_wrap {
	margin-left: 3px;
}

.btn_cm.spc {
	width: 28px !important;
	height: 27px !important;
	line-height: 25px;
	color: #717a98 !important;
	background-color: #ffffff !important;
	text-align: center;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.btn_cm.spc:hover {
	color: #717a98 !important;
	background-color: #ededed !important;
	border-color: #8697ad !important;
}

.btn_cm.spc:active,
.btn_cm.spc:active:hover {
	color: #717a98 !important;
	background-color: #e2e2e2 !important;
	border-color: #57667a !important
}

.btn_cm.spc:disabled {
	color: #aab6c7 !important;
	background-color: #ebebeb !important;
	border-color: #aab6c7 !important;
}

.btn_cm.save {
	color: #3f4651;
	background: #ffb23e;
	border: 0
}

.btn_cm.save:hover {
	background-color: #ff9900;
	border: 0
}

.btn_cm.save:active {
	background-color: #ec8e00;
	border: 0
}

.btnarea {
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: 5rem;
}

.btnarea.left {
	justify-content: flex-start;
}

.btnarea.right {
	justify-content: flex-end;
}

.btnarea .right {
	position: absolute;
	right: 0;
}

.btnarea input[type="button"]+input[type="button"] {
	margin-left: 2rem;
}

input[type="button"].move_btn {
	background: url(../img/icon_btn_move.png) right 10px center no-repeat;
	padding: 1rem 4rem 1rem 1rem;
	min-width: 14rem;
}

input[type="button"].btnnext {
	width: 14rem;
	height: 5rem;
	background: url(../img/icon_btn_move.png) right 20px center no-repeat;
	text-indent: -2rem;
}

input[type="button"].btnnext_blue,
.btnnext_blue {
	width: 14rem;
	height: 5rem;
	font-size: 1.6rem;
	color: #0f86c9;
	border: 2px solid #0f86c9;
	background: url(../img/icon_btn_banner_goto.png) right 10px center no-repeat;
	background-size: 20px 14px;
	text-indent: -2rem;
	border-radius: 2rem;
}

input[type="button"].btnnext_blue:focus,
.btnnext_blue:focus {
	outline: 2px dashed #015a82;
	outline-offset: -4px;
}

input[type="button"].btnlg {
	min-width: 30rem;
	height: 5rem;
}

input[type="button"].btnmd {
	min-width: 14rem;
	height: 4rem;
}

input[type="button"].btnss {
	min-width: 10rem;
	height: 4rem;
}

input[type="button"].btnsearch {
	width: 14rem;
	height: 5rem;
}

input[type="button"].btnbase {
	display: inline-block;
	background-color: #0f86c9;
	border: none;
	border-radius: 2rem;
	color: #fff;
	font-size: 1.6rem;
}

input[type="button"].btnbase2 {
	display: inline-block;
	background-color: #555;
	border: none;
	border-radius: 2rem;
	color: #fff;
	font-size: 1.6rem;
}

input[type="button"].btnbase3 {
	display: inline-block;
	background-color: transparent;
	border: 1px solid #e1e1e1;
	border-radius: 2rem;
	color: #111;
	transition: all .3s ease-in-out;
	margin-left: 0;
}

input[type="button"].btnbase3:focus {
	outline: 1px solid #0f86c9 !important;
	outline-offset: initial;
}

input[type="button"].btnbase4,
.btnbase4 {
	display: inline-block;
	background-color: #165096;
	border: none;
	border-radius: 2rem;
	color: #fff;
	font-size: 1.6rem;
	padding: 1.5rem 4rem;
}

input[type="button"].btnbase5 {
	display: inline-block;
	background-color: #c90f81;
	border: none;
	border-radius: 2rem;
	color: #fff;
	font-size: 1.6rem;
}

input[type="button"].btnsmbase,
.btnsmbase {
	display: inline-block;
	background-color: #555;
	border: none;
	border-radius: 2rem;
	color: #fff;
	font-size: 1.4rem;
	padding: 0.2rem 1rem;
	vertical-align: top;
}

input[type="button"].btnsmbase2 {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 2rem;
	font-size: 1.6rem;
	padding: 0.2rem 4rem 0.2rem 2rem;
}

input[type="button"].btni {
	display: inline-block;
	background: url(../img/icon_btn_info.png) right 15px center no-repeat;
	min-width: 14rem;
	padding: 1rem 4rem 1rem 1rem;
}

input[type="button"].btnout,
.btnout {
	display: inline-block;
	background: #165096 url(../img/icon_btn_outlink.png) right 2.5rem center no-repeat;
	color: #fff;
	border: none;
	border-radius: 2rem;
	font-size: 1.6rem;
	padding: 1.5rem 6rem 1.5rem 4.5rem
}

input[type="button"].btninline {
	min-width: 10rem;
	height: 3rem;
}

input[type="button"].listbtn {
	display: inline-block;
	background: #555 url(../img/icon_btn_move＿back.png) left 3rem center no-repeat;
	padding: 0 2rem 0 4rem;
	min-width: 16rem;
	height: 5rem;
	border-radius: 2rem;
	color: #fff;
	text-indent: 1.5rem;
	background-size: auto 1.5rem !important;
}

input[type="button"].btnbase2.delete {
	padding: 0 20px 0 40px;
	background-image: url(../img/icon_btn_delete_w.png);
	background-repeat: no-repeat;
	background-position: 17px center;
}

input[type="button"].btnreset {
	width: 20rem;
	line-height: 5rem;
	background: #0f86c9 url(../img/icon_btn_refresh.png) 15.6rem center no-repeat;
	text-indent: -2.5rem;
	background-size: auto 1.8rem;
}

input[type="button"].btnreset_white {
	display: inline-block;
	min-width: 12rem;
	height: 4rem;
	text-align: center;
	background: url(../img/icon_btn_refresh_b.png) right 14px center no-repeat #fff;
	text-indent: -2.5rem;
	background-size: auto 1.8rem;
}

input[type="button"].btnlink {
	width: 18rem;
	height: 5rem;
	background: #165096 url(../img/icon_btn_outside.png) right 3rem center no-repeat;
	text-indent: -2rem;
}

input[type="button"].btndel {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: url(../img/icon_btn_close_attach.png) center no-repeat;
}

input[type="button"].w_full {
	width: 100% !important;
}

.btn_pov_go {
	display: inline-block;
	min-width: 30rem;
	border-radius: 2rem;
	padding: 1rem 3rem 1rem 1rem;
	font-size: 2.2rem;
	box-sizing: border-box;
}

.btn_tel {
	position: relative;
	display: inline-block;
	min-width: 18rem;
	text-align: left;
	margin-left: 1rem;
	border: 1px solid #e1e1e1;
	border-radius: 2rem;
	padding: 1rem 2rem 1rem 5rem;
}

.btn_tel:before {
	content: "전화아이콘";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 1.4rem;
	width: 3rem;
	height: 3.4rem;
	background: url(../img/icon_btn_call.png) 0 0 no-repeat;
	font-size: 0;
}

input[type="button"].btnbase:hover {
	background-color: #2fa2e2;
	transition: all .3s ease-in-out;
}

input[type="button"].btnbase2:hover,
input[type="button"].listbtn:hover {
	background-color: #767676;
	transition: all .3s ease-in-out;
}

input[type="button"].btnnext_blue:hover,
.btnnext_blue:hover {
	background-color: #c5e3f3;
	border-color: #2fa2e2;
	transition: all .3s ease-in-out;
}

input[type="button"].btnlink:hover {
	background-color: #1e67be;
	border-color: #1e67be;
	transition: all .3s ease-in-out;
}

input[type="button"].btnreset_white:hover,
input[type="button"].btnsmbase2.btn_show:hover,
input[type="button"].btnbase3:hover {
	background-color: #f3f3f3;
	border-color: #e1e1e1;
	transition: all .3s ease-in-out;
}

.w2tb input[type="button"].btnsearch {
	padding: 0 2rem;
	min-width: 10rem;
	width: auto;
	height: 4rem;
}

.w2tb input[type="button"].btnsearch.delete {
	padding: 0 20px 0 40px;
}

input[type="button"].listbtn:focus,
.btnsmbase:focus,
input[type="button"][class*='btnbase']:focus,
.btnout:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}


.boardbtn .w2trigger {
	display: inline-block;
	width: 13rem;
	height: 5rem;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: auto 1.2rem;
	border: 1px solid #e1e1e1;
	transition: all .3s ease-in-out;
}

.boardbtn li.prev .w2trigger {
	text-indent: 2rem;
	background-image: url(../img/icon_btn_board_previous.png);
	background-position: left 3rem center;
}

.boardbtn li.next .w2trigger {
	text-indent: -2rem;
	background-image: url(../img/icon_btn_board_next.png);
	background-position: right 3rem center;
}

.boardbtn .w2trigger:hover {
	background-color: #f3f3f3;
}

.info_box .btnarea input[type="button"]+input[type="button"] {
	margin-left: 1rem;
}

.btn_l {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 2rem;
	min-width: 20rem;
	height: 5rem;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	background: #0f86c9;
	border: 2px solid #0f86c9;
	border-radius: 2rem !important;
	box-sizing: border-box;
}

.btn_l.gray,
.btn_l.black {
	background-color: #555;
	border-color: #555;
}

.btn_l:focus,
.btn_l.gray:focus,
.btn_l.black:focus,
.btn_l.next:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.btn_l.purple {
	background-color: #c90f81;
	border-color: #c90f81;
}

.btn_l.white {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	color: #000;
}

.btn_l.white:focus,
.btn_m.white:focus {
	outline: 1px solid #0f86c9;
}

.btn_l.green {
	background-color: #12c3b0;
	border-color: #12c3b0;
}

.btn_l.orange {
	background-color: #e0440e;
	border-color: #e0440e;
}

.btn_l.navy {
	background-color: #165096;
	border-color: #165096;
}

.btn_l.black,
.btn_l.black:hover {
	background-color: #000;
	color: #fff;
	border: none;
}

.btn_l.line {
	background-color: #fff;
	color: #0f86c9;
}

.btn_l.line:focus {
	outline: 2px dashed #015a82;
	outline-offset: -4px;
}

.btn_l.line.gray {
	color: #555;
}

.btn_l.line.purple {
	color: #c90f81;
}

.btn_l.btn_print,
.btn_l.btn_download {
	width: 14rem;
	min-width: auto;
}

.btn_l.narrow {
	min-width: 14rem;
}

.btn_l.prev {
	padding-left: 4rem;
	background-image: url(../img/icon_btn_move＿back.png);
	background-position: left 2rem center;
	background-repeat: no-repeat;
	background-size: auto 1.5rem !important;
}

.btn_l.next {
	padding-right: 4rem;
	background-image: url(../img/icon_btn_move.png);
	background-position: right 2rem center;
	background-repeat: no-repeat;
	background-size: auto 1.5rem !important;
}

.btn_l.plus {
	padding-right: 4rem;
	min-width: 16rem;
	background-image: url(../img/icon_btn_seeall.png);
	background-position: right 2rem center;
	background-repeat: no-repeat;
}

.btn_l.line.prev {
	background-image: url(../img/icon_btn_move_back_c.png);
}

.btn_l.line.next {
	background-image: url(../img/icon_btn_move_c.png);
}

.btn_l.line.gray.prev {
	background-image: url(../img/icon_btn_move_back_b.png);
}

.btn_l.line.gray.next {
	background-image: url(../img/icon_btn_move_b.png);
}

.btn_l.link_dir {
	padding-right: 5rem;
	background: #165096 url(../img/icon_btn_outlink.png) right 2rem center no-repeat;
	border: 1px solid #165096;
}

.btn_l.detail_vw {
	min-width: 16rem;
	padding: 1rem 4rem 1rem 1rem;
	background: url(../img/icon_btn_info.png) right 1.5rem center no-repeat #fff;
}

.btn_l.detail_vw:focus {
	outline: 1px solid #0f86c9;
}

.btn_l.btn_down {
	padding-right: 4rem;
	background-image: url(../img/icon_btn_download_b.png);
	background-position: right 2rem center;
	background-repeat: no-repeat;
	background-size: auto 1.9rem !important;
}

.btn_l.delete {
	padding-left: 4rem;
	background-image: url(../img/icon_btn_delete_w.png);
	background-position: left 2rem center;
	background-repeat: no-repeat;
	background-size: auto 1.9rem !important;
}

.btn_m {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	min-width: 16rem;
	height: 5rem;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	background: #0f86c9;
	border: 1px solid #0f86c9;
	border-radius: 2rem !important;
	box-sizing: border-box;
}

.btn_m:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.btn_m.sm {
	min-width: 10rem
}

.btn_m.white {
	background-color: #fff;
	border-color: #e1e1e1;
	color: #000;
}

.btn_m.gray {
	background-color: #555;
	border-color: #555;
}

.btn_m.purple {
	background-color: #c90f81;
	border-color: #c90f81;
}

.btn_m.line {
	background-color: #fff;
	color: #0f86c9;
}

.btn_m.line.gray {
	color: #111;
	border-color: #e1e1e1;
}

.btn_m.line.purple {
	color: #c90f81;
}

.btn_m.delete {
	color: #111;
	padding-left: 4rem;
	background: #fff url(../img/icon_btn_delete.png) left 2.2rem center no-repeat;
	border-color: #e1e1e1;
	background-size: auto 1.9rem;
}

.btn_m.download {
	color: #111;
	padding-right: 4rem;
	background: #fff url(../img/icon_btn_download_b.png) right 2rem center no-repeat;
	border-color: #e1e1e1;
	background-size: auto 1.9rem;
}

.btn_m.delete:focus,
.btn_m.download:focus {
	outline: 1px solid #0f86c9;
}

.btn_m.next {
	padding-right: 4.5rem;
	background-image: url(../img/icon_btn_move.png);
	background-position: right 2rem center;
	background-repeat: no-repeat;
	background-size: auto 1.4rem;
}

.btn_m.excel {
	padding-left: 4rem;
	background-image: url(../img/icon_file_excel.png);
	background-position: left 2rem center;
	background-repeat: no-repeat;
	background-size: auto 2.5rem;
}

.btn_inline {
	display: inline-block;
	padding: 0 2rem;
	min-width: 10rem;
	width: auto;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.6rem;
	color: #fff;
	background: #0f86c9;
	border-radius: 2rem !important;
	box-sizing: border-box;
}

.btn_inline:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.btn_inline.gray {
	background-color: #555;
}

.btn_cancel {
	margin: 0 1rem !important;
	font-size: 1.6rem;
	background: transparent;
	border-bottom: 1px solid #111;
}

.btn_l:hover,
.btn_m:hover {
	background-color: #2fa2e2;
	border-color: #2fa2e2;
	transition: all .3s ease-in-out;
}

.btn_l.gray:hover,
.btn_l.black:hover,
.btn_m.gray:hover {
	background-color: #767676;
	border-color: #767676;
}

.btn_l.purple:hover,
.btn_m.purple:hover {
	background-color: #e60e93;
	border-color: #e60e93;
}

.btn_l.green:hover {
	background-color: #1ed6c3;
	border-color: #1ed6c3;
}

.btn_l.orange:hover {
	background-color: #fc6430;
	border-color: #fc6430;
}

.btn_l.navy:hover {
	background-color: #1e67be;
	border-color: #1e67be;
}

.btn_l.line:hover,
.btn_m.line:hover {
	background-color: #c5e3f3;
	border-color: #2fa2e2;
}

.btn_l.line.gray:hover,
.btn_m.line.gray:hover {
	background-color: #f3f3f3;
	border-color: #767676;
}

.btn_l.line.purple:hover,
.btn_m.line.purple:hover {
	background-color: #ffd9f0;
	border-color: #e60e93;
}

.btn_l.white:hover,
.btn_m.white:hover,
.btn_m.delete:hover,
.btn_m.download:hover {
	background-color: #f3f3f3;
	border-color: #e1e1e1;
}

.btn_l.link_dir:hover {
	background-color: #1a5dae;
	border-color: #1a5dae;
}

.btn_inline:hover {
	background-color: #2fa2e2;
	transition: all .3s ease-in-out;
}

.btn_inline.gray:hover {
	background-color: #767676;
}

.btn_cancel:hover {
	background-color: #f3f3f3;
	transition: all .3s ease-in-out;
}

/* 리스트 */
.list_con li {
	position: relative;
	padding-left: 10px;
	line-height: 1.6;
	word-break: keep-all;
}

.list_con li em {
	color: #0f86c9;
	font-style: normal;
}

.list_con.dot li:before {
	content: "·";
	position: absolute;
	top: 0;
	left: 0;
}

.list_con.line li:before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
}

.list_con.number li {
	text-indent: -20px;
	padding-left: 20px;
}

.list_con.refer li {
	padding-left: 20px;
}

.list_con.refer li:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

.list_con.gap li+li {
	margin-top: 1rem;
}

.list_cont_txt {
	line-height: 1.8;
	word-break: keep-all;
}

.guide_box1 {
	display: flex;
	align-items: center;
	padding: 2rem 3rem;
	border: 1px solid #e1e1e1;
	justify-content: center;
}

.guide_box {
	display: flex;
	align-items: center;
	padding: 2rem 3rem;
	border: 1px solid #e1e1e1;
}

.guide_box.none_ico {
	display: block;
}

.guide_box.border {
	border-top: 2px solid #111;
}

.guide_box.add_btn {
	justify-content: space-between;
	gap: 1rem;
}

.guide_box strong.title {
	display: block;
	margin-bottom: 10px;
}

.guide_box strong.title:before {
	content: "";
	display: inline-block;
	background: url(../img/icon_btn_info.png) center center no-repeat;
	width: 2.4rem;
	height: 2.4rem;
	vertical-align: top;
	margin-right: 0.5rem;
	background-size: contain;
	background-size: 96%;
}

.guide_title {
	display: block;
	position: relative;
	margin-bottom: 1.5rem;
	padding-left: 24px;
	line-height: 18px;
	font-size: 1.7rem;
}

.guide_title:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	background: url(../img/icon_btn_info.png) center no-repeat;
	background-size: 96%;
}

.guide_box .list_con li {
	margin-bottom: 1rem !important;
	line-height: 1.35em;
	font-size: 1.53rem;
}

.guide_box .list_con li * {
	font-size: 1.53rem;
}

.guide_box .list_con li:last-child {
	margin-bottom: 0 !important;
}

.guide_box>em {
	display: block;
	flex-shrink: 0;
	width: 8.6rem;
	height: 6.4rem;
	margin-right: 3rem;
	text-align: center;
}

.guide_box>em img {
	max-height: 100%;
}

.guide_box .ico_help {
	width: 8.6rem;
	height: 6.4rem;
}

.guide_box .ico_confirm {
	width: 8.6rem;
	height: 5.4rem;
}

.guide_box .ico_fine {
	width: 8.6rem;
	height: 5.3rem;
}

.guide_box .ico_notice {
	width: 8.6rem;
	height: 4.5rem;
}

.guide_box :is(.w2textbox+.btn_l, .w2textbox+.btn_m) {
	margin-left: 2rem;
}

.guide_box .btn_area {
	margin-left: auto;
	flex-shrink: 0;
	padding: 0 1rem;
}

.guide_box .btn_l+.btn_l,
.guide_box .btn_m+.btn_m {
	margin-left: 1rem !important;
}

.guide_box.top_guide li {
	font-size: 16px;
}

.guide_con .sub_tit {
	margin-bottom: 4px;
	font-size: 1.6rem;
}

.btn_l.detail_vw {
	margin-left: 14px;
}

.title_guide_box {
	padding: 4rem;
	border: 1px solid #e1e1e1;
}

.title_guide_box .tit {
	display: block;
	margin-bottom: 2rem;
	font-size: 3rem;
}

/* 캘린더 */
.calender {
	position: relative;
	width: 20rem;
	margin: 0;
	height: 4rem;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
	background: #fff;
}

.calender .w2inputCalendar_divInput {
	margin: 1px;
	padding: 4px 2px 0 4px;
	width: 100% !important;
	height: auto !important;
	font-size: 1.88235rem;
	background-color: #fff;
	border: none;
	box-sizing: border-box;
}

/*.calender .w2inputCalendar_divInput{width:100% !important; height:auto !important; padding:5px 1px 2px 4px; box-sizing:border-box; font-size:1.88235rem;background-color:#fff;border:none;}*/
.calender .w2inputCalendar_div_img {
	position: absolute;
	top: 0;
	right: 1px;
	width: 32px;
	height: 34px;
	background: #fff;
}

.calender .w2inputCalendar_button {
	width: 100%;
	height: 88%;
	background: #fff url(../img/icon_btn_calendar.png) no-repeat center !important;
	background-size: 2.2rem auto !important;
}

.calender .w2input_disabled {
	background-color: transparent;
}

.calender .w2inputCalendar_button.w2button_disabled {
	cursor: default;
	background-color: transparent !important;
}

.calender .w2inputCalendar_divInput::placeholder {
	color: #ccc;
}

.w2calendar {
	border: none;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.w2calendar_class1 {
	height: 225px;
}

.w2calendar .w2calendar_wrap {
	border: 1px solid #e1e1e1;
}

.w2calendar .w2calendar_header {
	height: 30px;
	background: #fff;
	border-radius: 0;
}

.w2calendar .w2calendar_header_last_year,
.w2calendar .w2calendar_header_next_year {
	display: none;
}

.w2calendar .w2calendar_selectbox_year_native,
.w2calendar .w2calendar_selectbox_month_native {
	letter-spacing: -1px;
	border: 1px solid #e1e1e1;
}

.w2calendar .w2calendar_selectbox_year_native {
	width: 72px;
	left: 35px;
}

.w2calendar .w2calendar_selectbox_month_native {
	left: 112px;
}

.w2calendar .w2calendar_header_last_month {
	left: 10px;
	width: 22px;
	background: url(../img/icon_btn_board_previous.png) no-repeat center;
}

.w2calendar .w2calendar_header_next_month {
	left: inherit;
	right: 10px;
	width: 22px;
	background: url(../img/icon_btn_board_next.png) no-repeat center;
}

.w2calendar .w2calendar_content {
	padding: 0;
	background: #fff;
	border: none;
}

.w2calendar .w2calendar_col_date {
	background: #fff;
}

.w2calendar .w2calendar_col_date button {
	display: block;
	margin: 0;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 0;
}


.w2calendar .w2calendar_date_off {
	color: #000;
}

.w2calendar .w2calendar_selected,
.w2calendar .w2calendar_selected button,
.w2calendar .w2calendar_date_over,
.w2calendar .w2calendar_date_over button {
	background: #0f86c9;
	border-radius: 5px;
}

.w2calendar .w2calendar_footer {
	display: none;
}

.w2calendar .w2calendar_selected:focus,
.w2calendar .w2calendar_selected button:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.w2calendar .w2calendar_selectbox_year,
.w2calendar .w2calendar_selectbox_month {
	height: 20px;
	line-height: 20px;
}

.w2calendar .w2calendar_day,
.w2calendar .w2calendar_col_day {
	height: 22px;
	background: #fff;
	cursor: default;
}

.w2calendar .w2calendar_day:before,
.w2calendar .w2calendar_col_day:before {
	display: block;
	line-height: 22px;
	font-size: 12px;
	color: #333;
	text-indent: 0;
}

.w2calendar .w2calendar_day0:before {
	content: "일";
	color: #ff0000;
}

.w2calendar .w2calendar_day1:before {
	content: "월";
}

.w2calendar .w2calendar_day2:before {
	content: "화";
}

.w2calendar .w2calendar_day3:before {
	content: "수";
}

.w2calendar .w2calendar_day4:before {
	content: "목";
}

.w2calendar .w2calendar_day5:before {
	content: "금";
}

.w2calendar .w2calendar_day6:before {
	content: "토";
	color: #0f86c9;
}

/* 캘린더(월) */
.w2calendar_classYearMonth_dynamic {
	width: 245px;
}

.w2calendar_picker_header {
	height: 46px;
	background: #D5DEE9
}

.w2calendar_picker_header_dynamic_entity {
	width: 290px
}

.w2calendar_picker_header_dynamic_entity:hover {
	background: transparent
}

.w2calendar_picker_header_dynamic_entity .month {
	display: none
}

.w2calendar_picker_header_last_entity {
	position: absolute;
	left: 17px;
	top: 24px;
	display: inline-block;
	width: 9px;
	height: 9px;
	background: transparent;
	border-left: 2px solid #4F6FA2;
	border-bottom: 2px solid #4F6FA2;
	transform: rotate(0.12turn);
	z-index: 100
}

.w2calendar_picker_header_next_entity {
	position: absolute;
	right: 17px;
	top: 24px;
	display: inline-block;
	width: 9px;
	height: 9px;
	background: transparent;
	border-right: 2px solid #4f6fa2;
	border-top: 2px solid #4f6fa2;
	transform: rotate(0.12turn);
	z-index: 100
}

.w2calendar_picker_header_last_entity:hover,
.w2calendar_picker_header_next_entity:hover {
	background: transparent
}

.w2calendar_picker_content tbody tr td {
	padding: 15px;
}

.w2calendar_picker_content table td div {
	width: 50px;
	height: 28px;
	color: #222222;
	background-color: #ffffff
}

.w2calendar_picker_content table td div.active {
	color: #ffffff;
	background-color: #4092F7 !important
}

.w2calendar_picker_content table td div:hover {
	color: #222222;
	background-color: #FEF5E2 !important
}

.w2calendar_selectbox_year .w2selectbox_label,
.w2calendar_selectbox_month .w2selectbox_label {
	padding-left: 5px;
	font-size: 11px;
}

/* dialog-common */
.dialog-block {
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 7000;
	background-color: rgba(0, 0, 0, 0.2);
	/*dim the background*/
	;
	cursor: not-allowed;
}

.dialog-block-for-tab {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: rgba(0, 0, 0, 0.2);
	/*dim the background*/
	;
	cursor: not-allowed;
}

.dialog-block-content .upload-dialog-title {
	height: auto;
	line-height: inherit;
	font-size: 2.6rem;
}

.dialog-block-content {
	max-width: 720px;
	width: 95%;
	background-color: #fefefe;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #888;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	cursor: default;
	box-sizing: border-box;
}

.dialog-block-content p {
	padding-top: 40px !important;
	height: 132px;
}

.dialog-block-content li {
	margin: 0;
	padding: 0 2rem;
	list-style-type: square;
}

.dialog-block-content .upload-dialog-contents-type {
	word-break: break-word;
}

.dialog-block-content .innorix_basic {
	margin-top: 2rem;
	width: 100% !important;
}

.dialog-block-content .filepond--root {
	margin-top: 2rem;
}

.dialog-block-buttons {
	padding: 10px 0px 0px;
}

#fine-uploader-trigger {
	color: white;
	background-color: #00ABC7;
	font-size: 14px;
	padding: 7px 20px;
	background-image: none;
}

#fine-uploader-ui .qq-upload-button {
	margin-right: 15px;
}

#fine-uploader-ui .qq-uploader .qq-total-progress-bar-container {
	width: 60%;
}

/*간편인증 핍업 로고*/
#oacxEmbededContents header .logo {
	top: 50% !important;
	transform: translateY(-50%) !important;
}

/* ***** layout ***** */
.goSkip {
	display: block;
	position: fixed;
	left: 0;
	top: -50px;
	clip: rect(0, 0, 0, 0);
}

.skip_navi:focus {
	outline: none;
}

.skip_navi a {
	display: block;
	position: fixed;
	left: 0;
	top: -50px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background: #0f86c9;
}

.skip_navi a:focus {
	top: 0;
	z-index: 9999;
}

.skip_navi a.main {
	display: none;
}

/* 긴급공지 팝업 */
.main_popup {
	display: block;
}

.main_popup .popup {
	position: absolute;
	top: 20%;
	width: 30%;
	max-width: 66rem;
	background: #fff;
	border: 1rem solid #003a78;
	z-index: 100000;
	box-sizing: border-box;
}

.main_popup .popup.left {
	left: 16%;
}

.main_popup .popup.center {
	left: 50%;
	transform: translate(-50%, 0);
}

.main_popup .popup.right {
	right: 16%;
}

.main_popup .popup .title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 1rem;
	padding: 0 4rem;
	min-height: 8rem;
	font-size: 3rem;
	line-height: 1.2;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
	box-sizing: border-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main_popup .popup .cont {
	padding: 2rem;
	height: 45rem;
	text-align: center;
	overflow-y: auto;
	box-sizing: border-box;
}

.main_popup .popup .cont pre {
	font-size: 1.88235rem;
	line-height: 1.8;
	white-space: pre-wrap;
	word-break: keep-all;
}

.main_popup .popup .cont p {
	margin-top: 2rem;
	font-size: 1.7rem;
	line-height: 1.8;
}

.main_popup .popup .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
	padding: 0 2rem;
	min-width: 20rem;
	height: 5rem;
	color: #111;
	background: #fff;
	border: 0.4rem solid #c2c2c2;
}

.main_popup .popup .btn:hover {
	color: #fff;
	background: #c2c2c2;
	transition: all .3s ease-in-out;
}

.main_popup .popup .btn_close {
	display: inline-block;
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 3rem;
	height: 3rem;
	text-indent: -9999px;
	background: url(../img/icon_btn_popup_close.png) no-repeat center;
	background-size: 2.1rem auto;
}

.main_popup .popup .bottom {
	margin: -0.2rem;
	padding: 5px 5px 0;
	text-align: right;
	background: #003a78;
}

.main_popup .popup .bottom .w2checkbox_item .w2checkbox_label {
	font-size: 1.6rem;
	color: #fff;
}

.modal_cover {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99990;
	background: rgba(0, 0, 0, .4);
}

.w2modal_popup,
.blockUI {
	z-index: 6000 !important;
}

.pop_simple_certi .popup {
	position: fixed;
	top: 6%;
	left: 50%;
	width: 838px;
	height: 642px;
	background: #fff;
	z-index: 100000;
	box-sizing: border-box;
	transform: translateX(-50%);
}

/* 띠배너 */
.top_banner {
	display: none;
	background: #555;
}

.top_banner.active {
	display: block;
}

.top_banner .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 2rem;
	margin: 0 auto;
	padding: 0.5rem 0;
	width: 75%;
	max-width: 1860px;
	min-height: 6rem;
	box-sizing: border-box;
}

.top_banner .txt {
	font-size: 1.88235rem;
	color: #fff;
}

.top_banner .chk_grp {
	flex-shrink: 0;
}

.top_banner .chk {
	margin-right: 2rem;
}

.top_banner .w2checkbox_item .w2checkbox_label {
	font-size: 1.6rem;
	color: #fff;
}

.top_banner .btn_close {
	display: inline-block;
	width: 1.9rem;
	height: 1.9rem;
	text-indent: -9999px;
	background: url(../img/icon_btn_menu_close.png) no-repeat center;
	background-size: contain;
}

.top_banner.type2 {
	background: #0f86c9;
}

.top_banner.type3 {
	background: #eee;
}

.top_banner.type3 .txt,
.top_banner.type3 .w2checkbox_item .w2checkbox_label {
	color: #111;
}

.top_banner.type3 .btn_close {
	background-image: url(../img/icon_btn_popup_close.png);
}

.top_banner.type4 {
	background: #b51edd;
}

.bnr_bg {
	width: 4rem;
	height: 4rem;
	text-indent: -9999px;
	background: #555;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
}

.bnr_bg.type2 {
	background: #0f86c9;
}

.bnr_bg.type3 {
	background: #e1e1e1;
}

.bnr_bg.type4 {
	background: #b51edd;
}

.header {
	position: relative;
}

.header_top,
.header_center {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto 4rem;
	width: 75%;
	max-width: 1860px;
}

.header_top .nuri {
	display: flex;
	align-items: center;
	padding-left: 5rem;
	height: 6rem;
	background: url("../img/eg_logo.png") left center no-repeat;
}

.header_top .site_link {
	display: flex;
	align-items: center;
}

.header_top .site_link li a {
	display: inline-block;
	min-width: 19rem;
	height: 4rem;
	line-height: 4rem;
	color: #000;
	text-align: center;
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(215, 215, 215, 0.5);
	box-sizing: border-box;
}

.header_top .site_link li a.disable {
	pointer-events: none;
}

.header_top .site_link li.new_window a {
	position: relative;
	padding: 0 30px 0 15px;
	color: #636363;
	background: rgba(215, 215, 215, 0.5);
}

.header_top .site_link li.new_window a:before {
	display: block;
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	width: 14px;
	height: 14px;
	background: url("../img/icon_btn_outside_b.png") center no-repeat;
	background-size: contain;
	transform: translateY(-50%);
	opacity: 0.5;
}

.header_top .site_link li+li {
	margin-left: -1px;
}

.header_center .logo {
	display: block;
}

.header_center .logo input[type="button"] {
	display: block;
	width: 27.7rem;
	height: 3.4rem;
	text-indent: -9999rem;
	background: url("../img/logo_header.png") left center no-repeat;
	background-size: contain;
}

.header_center .top_menu {
	display: flex;
	align-items: center;
}

.header_center .top_menu li {
	display: flex;
	align-items: center;
	padding: 0.5rem 4rem;
}

.header_center .top_menu li+li {
	border-left: 1px solid #898989;
}

.header_center .top_menu li a {
	display: inline-flex;
	align-items: center;
	position: relative;
	height: 3rem;
	text-align: center;
}

.header_center .top_menu li a.user_alarm {
	margin-left: 0.5rem;
	width: 2.8rem;
	height: 3rem;
	background: url("../img/icon_alarm.png") center no-repeat;
	background-size: contain;
}

.header_center .top_menu li a.user_alarm span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: -1.5rem 0 1rem 1rem;
	padding: 0.2rem;
	min-width: 2.6rem;
	height: 2.6rem;
	font-size: 1.6rem;
	color: #fff;
	letter-spacing: -1px;
	background: #0f86c9;
	border-radius: 50%;
	box-sizing: border-box;
}

.header_center .top_menu li.lang a {
	position: relative;
	padding-right: 20px;
}

.header_center .top_menu li.lang a:after {
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 14px;
	height: 14px;
	background: url("../img/icon_btn_outside_b.png") right center no-repeat;
	background-size: contain;
	transform: translateY(-50%);
	opacity: 0.7;
}


/* 새 gnb*/
.header_gnb {
	position: relative;
	height: 9rem;
	border-top: 1px solid #e1e1e1;
	border-bottom: 4px solid #0f86c9;
	z-index: 5900;
}

.header_gnb:before {
	display: none;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 9rem;
	height: 380px;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
}

.gnb_wrap {
	display: flex;
	margin: 0 auto;
	width: 75%;
	max-width: 1860px;
	justify-content: space-between;
}

.gnb_wrap .gnb {
	display: flex;
	width: 100%;
}

.gnb_wrap .gnb>li {
	display: flex;
	flex: 1;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.gnb_wrap .gnb>li>a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1rem;
	width: 100%;
	height: 100%;
	font-weight: 500;
	text-align: center;
	font-size: 2.2rem;
	color: #111;
	letter-spacing: -0.1rem;
}

.gnb_wrap .gnb>li>ul {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 0;
	right: 0;
	top: 9rem;
	padding: 1rem 0;
	z-index: 6001;
	background: #fff;
}

.gnb_wrap .gnb>li>ul:before {
	display: none;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 380px;
	background: #ebebeb;
	z-index: -1;
}

.gnb_wrap .gnb>li>a.on,
.gnb_wrap .gnb>li:hover>a {
	color: #0f86c9;
}

.gnb_wrap .gnb>li:hover>ul:before {
	display: block;
}

.gnb_wrap .gnb>li>ul>li>a {
	display: block;
	padding: 1rem 1.2rem;
	font-size: 1.88235rem;
	letter-spacing: -0.1rem;
}

.gnb_wrap .gnb>li>ul>li>a.on,
.gnb_wrap .gnb>li>ul>li>a:hover {
	color: #0f86c9;
}

.gnb_wrap .ico_sitemap {
	display: inline-block;
	width: 9rem;
	height: 9rem;
	text-indent: -9999px;
	background: url("../img/icon_sitemap.png") center center no-repeat;
}

.header_gnb.hover:before {
	display: block;
}

.header_gnb.hover .gnb>li>ul {
	display: block;
}

.mobile_menu,
.ico_menu {
	display: none;
}

.sitemap_top,
.sitemap_bottom {
	display: flex;
	width: 100%;
}

.sitemap_list {
	flex: 1;
	font-size: 1.88235rem;
	border: 1px solid #e1e1e1;
}

.sitemap_list+.sitemap_list {
	margin-left: -1px;
}

.sitemap_title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4rem;
	color: #fff;
	background-color: #555;
}

.sitemap_list .sitemap_menu {
	padding: 2rem 1.5rem 0;
	border-bottom: none;
}

.sitemap_list .sitemap_menu li a {
	display: inline-block;
	height: 3.5rem;
}

.sitemap_list .sitemap_menu li a:hover {
	color: #0f86c9;
}

.container {
	padding-bottom: 10rem;
	overflow: auto;
}

.sub_contents {
	margin: 0 auto;
	width: 75%;
	max-width: 1860px;
	line-height: 1.4;
	position: relative;
}

.sub_contents .sub_contents {
	width: 100%;
}

.footer {
	padding-bottom: 5rem;
	background: #fff;
}

.footer .f_menu {
	margin-bottom: 6rem;
	background: #f2f2f2;
	border-bottom: 1px solid #e1e1e1;
}

.footer .f_menu ul {
	display: flex;
	margin: 0 auto;
	width: 75%;
	max-width: 1860px;
}

.footer .f_menu ul li {
	flex: 1;
}

.footer .f_menu ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 7rem;
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	letter-spacing: -0.1rem;
}

.footer .f_menu ul li.privacy a {
	font-size: 2.4rem;
	color: #0f86c9;
}

.footer .f_bottom {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 75%;
	max-width: 1860px;
}

.footer .f_logo {
	display: block;
	margin-bottom: 4rem;
	height: 2.9rem;
	text-indent: -9999px;
	background: url("../img/logo_footer.png") left center no-repeat;
	background-size: contain;
}

.footer .f_address {
	font-style: normal;
	font-size: 2rem;
	line-height: 1.8;
}

.footer .f_copy {
	font-size: 1.88235rem;
	color: #707070;
	line-height: 1.8;
}

.footer .f_bottom .right {
	display: flex;
	justify-content: space-between;
	padding: 2rem 4rem;
	width: 60rem;
	height: 18rem;
	background: #f2f2f2;
	border-radius: 2rem;
	box-sizing: border-box;
}

.footer .txt_app {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-right: 3rem;
	font-size: 2.2rem;
	line-height: 1.3em;
}

.footer .app_down {
	display: flex;
	align-items: center;
}

.footer .app_down .item+.item {
	margin-left: 4rem;
}

.footer .app_down a {
	display: block;
	width: 12rem;
	height: 12rem;
	text-indent: -9999px;
	background-size: contain !important;
	border: 1px solid #e1e1e1;
}

.footer .app_down .android {
	background: url("../img/qr_android.png") center no-repeat;
}

.footer .app_down .ios {
	background-image: url("../img/qr_ios.png");
}

.footer .app_down span {
	display: block;
	margin-top: 9px;
	text-align: center;
}

.footer .logo_wa {
	width: 86px;
	height: 50px;
	object-fit: cover;
}

.footer .logo_wa_m {
	display: none;
}

/* 전체메뉴 */
.all_menu>ul {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #e1e1e1;
}

.all_menu>ul>li {
	width: calc(100% / 3);
	min-height: 26rem;
	border-right: 1px solid #e1e1e1;
}

.all_menu>ul>li:nth-child(3n) {
	border-right: none;
}

.all_menu .depth1_tit {
	text-align: center;
	height: 4rem;
	line-height: 3.6rem;
	color: #fff;
	text-align: center;
	background: #555;
}

.all_menu .depth2 {
	padding: 1rem 1.5rem;
}

.all_menu .depth2>li>a {
	display: inline-block;
	padding: 0.8rem 0;
	color: #383d41;
	line-height: 1.4em;
}

/* 만족도조사 */
.satisfaction {
	margin: 2rem auto 10rem;
	width: 75%;
	max-width: 1860px;
}

.satisfaction_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4rem;
	padding: 2.5rem 4rem;
	border: 1px solid #e1e1e1;
}

.satisfaction_box .title {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	font-weight: 400;
}

.satisfaction_box .title:before {
	display: block;
	content: '';
	margin-right: 1rem;
	width: 6.1rem;
	height: 6.1rem;
	background: url(../img/icon_rating.png) no-repeat left center;
	background-size: contain;
}

.satisfaction_box .rdo_grp .w2radio_item {
	padding-right: 50px;
}

.satisfaction_box .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 10rem;
	height: 5rem;
	text-align: center;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 2rem;
	box-sizing: border-box;
}

.satisfaction_box .btn:hover {
	background-color: #f3f3f3;
	transition: all .3s ease-in-out;
}

.container+.footer_wrap .satisfaction {
	margin-top: -7rem;
}

/* 퀵메뉴 */
.quick {
	position: fixed;
	bottom: 5rem;
	right: 4rem;
	text-align: center;
	z-index: 99;
}

.quick_btn {
	display: none;
	position: relative;
	margin: 0.5rem;
	width: 5rem;
	height: 5rem;
	text-indent: -9999px;
	text-align: left;
	background: #fff url(../img/icon_btn_quick_open.png) no-repeat center;
	background-size: 2.0rem auto;
	border-radius: 50% !important;
	box-shadow: 0 0 0.94rem 0.06rem rgba(0, 0, 0, 0.1);
	transition: all .3s ease-in-out;
}

.quick {
	background: #fff;
	padding: 1rem;
	text-align: center;
	border-radius: 2rem;
	box-shadow: 0.23rem 0.19rem 0.94rem 0.06rem rgba(0, 0, 0, 0.1);
}

.quick_box>strong {
	margin: 1rem 0;
	font-size: 1.6rem;
	color: #0f86c9;
}

.quick_box button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	text-align: center;
	font-size: 12px;
	background: #fff;
	border: 0;
}

.quick_box button:before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
}

.quick_box .go_chatbot:before {
	width: 56px;
	height: 50px;
	background-image: url("../img/icon_float_chatbot.png");
}

.quick_box .go_videocall:before {
	width: 54px;
	height: 48px;
	background-image: url("../img/icon_float_videocall.png");
}

.quick_box .go_videocall {
	margin-top: 10px;
}

.quick_box button span {
	display: block;
}

.quick_top {
	display: block;
	margin-top: 2.2rem;
	width: 100%;
	height: 6.4rem;
	padding: 4px 0;
	font-size: 1.4rem;
	color: #fff;
	background: #000;
	text-align: center;
	border-radius: 16px !important;
	box-shadow: 0.23rem 0.19rem 0.94rem 0.06rem rgba(0, 0, 0, 0.1);
	animation: quickBtn 0.5s 0.1s both;
	box-sizing: border-box;
}

.quick_top:before {
	display: block;
	content: "";
	margin: 0.7rem auto 0.5rem;
	width: 1.5rem;
	height: 1.7rem;
	background: url(../img/icon_btn_gototop.png) center no-repeat;
	background-size: contain;
}

.quick_top.active {
	display: inline-block;
}

.quick_top:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

@keyframes quickBtn {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

/* 범죄피해자지원포털 layout */
.victim .header_center .logo input[type="button"] {
	width: 36rem;
	background-image: url("/cm/images/victim/logo_header_victim.png");
}

.victim .footer .f_logo {
	height: 2.7rem;
	background-image: url("/cm/images/victim/logo_footer_victim.png");
}

body.en_main_body .header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: transparent;
	z-index: 100;
}

body.en_main_body .header_gnb {
	border-top-color: transparent;
	border-bottom-color: transparent;
}

body.en_main_body .header.on,
body.en_main_body .header.scroll {
	background: #fff;
}

body.en_main_body .header.on .header_gnb,
body.en_main_body .header.scroll .header_gnb {
	border-top-color: #e1e1e1;
	border-bottom-color: #0f86c9;
}

body.en_main_body .top_banner.active+.header {
	top: 6rem;
}

body.en_main_body .top_banner.active+.header.scroll {
	top: 0;
}

/* ***** 형사사법포털 main ***** */
.pop_main>section>div {
	margin: 0 auto;
	padding: 3rem 0;
	width: 75%;
	max-width: 1860px;
}

.pop_main>section:after {
	content: "";
	clear: both;
}

.pop_main h2 {
	height: initial;
	line-height: initial;
	padding: 2rem 0 5rem 0;
	text-align: center;
}

.pop_main h2 .w2textbox {
	font-size: 2.6rem;
	line-height: 1.3;
	font-weight: 500;
	word-break: keep-all;
}

.pop_main .service_list {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	padding-top: 2rem;
	background: #f0f0f0;
}

.pop_main .service_list li {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	min-height: 20rem;
	width: calc(50% - 1.5rem);
	border-radius: 20px;
	padding: 2rem;
}

.pop_main .service_list li .service_info {
	flex: 1;
}

.pop_main .service_list [class*="icon_org"] {
	display: flex;
	align-items: center;
	width: 13rem;
	height: 4.4rem;
}

.pop_main .service_title {
	width: calc(100% - 13rem);
}

.pop_main .service_title>p {
	font-size: 1.88235rem;
	font-weight: 500;
}

.pop_main .service_txt {
	margin: 1rem 0 2rem;
}

.pop_main .service_list .btn_area {
	display: flex;
	justify-content: flex-end;
}

.pop_main .search_box .search_form {
	position: relative;
	padding-right: 8rem;
	width: 700px;
	margin: 0 auto;
}

.pop_main .search_box .search_form input[type="text"] {
	width: 100%;
	height: 6rem;
	border: 5px solid #0f86c9;
	border-radius: 3rem;
}

.pop_main .search_box .search_form input[type="text"]:focus,
.pop_main .search_box .search_form input[type="button"]:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.pop_main .search_box .search_form input[type="button"] {
	width: 6rem;
	height: 6rem;
	position: absolute;
	top: 0;
	right: 0;
	background: #0f86c9 url(/cm/images/crime/icon_btn_main_search.png) center center/50% no-repeat;
	text-indent: -9999px;
	border-radius: 50%;
}

.pop_main .search_box .search_form input[type="button"]:hover {
	background-color: #2fa2e2;
	transition: all .3s ease-in-out;
}

/* 범죄피해자지원포털 메인 */
.main_row1 {
	margin-top: 3rem;
}

.main_row1 .main_inner {
	display: flex;
	gap: 3rem;
	/*width:100%;height:100vh;*/
}

.main_slide_wrap {
	flex: 2;
	overflow: hidden;
	padding-bottom: 140px;
}

.main_slide .swiper-slide {
	height: 410px;
	border-radius: 15px;
	overflow: hidden;
	text-align: left;
}

.main_slide .swiper-slide .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.main_slide .swiper-slide .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 6rem;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.main_slide .swiper-slide .txt {
	width: 74%;
	font-weight: 500;
	font-size: 3.6rem;
	line-height: 1.4;
	word-break: keep-all;
}

.main_slide .swiper-slide .txt * {
	font-size: 3.6rem;
}

.main_slide .swiper-slide .txt p+p {
	margin-top: 20px;
}

.main_slide .swiper-slide .txt strong {
	display: block;
	padding-bottom: 3rem;
	font-weight: 700;
	font-size: 4.2rem;
}

.main_slide .swiper-slide .txt b {
	display: block;
	font-weight: 500;
}

.main_slide .swiper-slide .btn {
	display: flex;
	align-items: center;
	margin-top: 2rem;
	padding: 0 5rem 0 2.5rem;
	width: 17rem;
	height: 5rem;
	font-size: 1.88235rem;
	background: url(./img/icon_btn_move_b.png) no-repeat right 2rem center;
	background-size: auto 1.4rem !important;
	border: 2px solid #111;
	border-radius: 2rem;
	box-sizing: border-box;
}

.main_slide .swiper-slide .btn:hover {
	color: #fff;
	background-color: #111;
	background-image: url(../img/icon_btn_move.png);
	transition: all .3s ease-in-out;
}

.main_slide .slide_ctl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	height: 30px;
	margin-top: 40px;
	margin-right: 10px;
}

.main_slide .slide_ctl .swiper-pagination {
	position: relative;
	text-align: left;
}

.main_slide .slide_ctl .swiper-pagination span {
	display: inline-block;
	width: 8rem;
	height: 0.4rem;
	margin: 0 8px;
	background: #7a7a7a;
	text-indent: -9999rem;
	border-radius: 0;
	opacity: 1;
}

.main_slide .slide_ctl .swiper-pagination .swiper-pagination-bullet-active {
	background: #0f86c9;
	width: 20rem;
	height: 4px;
}

.main_slide .slide_ctl .controls {
	display: flex;
	gap: .6rem;
}

.main_slide .slide_ctl .btn {
	position: relative;
	width: 3.6rem;
	height: 3.6rem;
	margin: 0;
	top: auto;
	left: auto;
	right: auto;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover !important;
	text-indent: -9999em;
}

.main_slide .slide_ctl .btn.swiper-button-prev {
	background-image: url(/cm/images/victim/icon_btn_banner_left_nor.png);
}

.main_slide .slide_ctl .btn.swiper-button-next {
	background-image: url(/cm/images/victim/icon_btn_banner_right_nor.png);
}

.main_slide .slide_ctl .btn.pause {
	background-image: url(/cm/images/victim/icon_btn_banner_pause_nor.png);
}

.main_slide .slide_ctl .btn.play {
	background-image: url(/cm/images/victim/icon_btn_banner_play_nor.png);
}

/*
.main_slide{position:relative; width:100%;max-width:100%; height:100%; zoom:1;}
.main_slide > ul{height:100%;border-radius:15px; overflow:hidden;}
.main_slide > ul > li{display:none; height:100%;letter-spacing:-0.144rem;}
.main_slide > ul > li:first-child{display:block;}
.main_slide > ul > li .bg{position:absolute;left:0;right:0;top:0;bottom:0; background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1;}
.main_slide > ul > li .box{display:flex;flex-direction:column;justify-content:center;padding:0 6rem; width:100%; height:100%;box-sizing:border-box;}
.main_slide > ul > li .box:focus{border:1px solid #0f86c9;}
.main_slide > ul > li .txt{width:74%; font-weight:500;font-size:3.6rem;line-height:1.4;word-break:keep-all;}
.main_slide > ul > li .txt *{font-size:3.6rem;}
.main_slide > ul > li .txt p+p{margin-top:20px;}

.main_slide > ul > li .txt strong{display:block;padding-bottom:3rem;font-weight:700;font-size:4.2rem;}
.main_slide > ul > li .txt b{display:block;font-weight:500;}
.main_slide > ul > li .btn{display:flex;align-items:center;margin-top:2rem;padding:0 5rem 0 2.5rem;width:17rem;height:5rem;font-size:1.88235rem;background:url(../img/icon_btn_move_b.png) no-repeat right 2rem center;background-size:auto 1.4rem !important;border:2px solid #111;border-radius:2rem;box-sizing:border-box;}
.main_slide > ul > li .btn:hover{color:#fff;background-color:#111;background-image:url(../img/icon_btn_move.png);transition:all .3s ease-in-out;}
.main_slide .main_slide_ctl{position:absolute;bottom:-10rem;left:0; display:flex; align-items:center; width:100%; height:26px; margin:0 auto;padding:0 2rem;}

.main_slide .flex-direction-nav{display:flex;position:absolute;right:0;bottom:0;}
.main_slide .flex_paging{position:absolute; top:0; right:78px;}
.main_slide .flex-nav-prev{margin-right:20px;}
.main_slide .flex-prev,.main_slide .flex-next{display:inline-block;width:3rem;height:3.1rem;background:url(/cm/images/victim/icon_btn_banner_left_nor.png) center center no-repeat;background-size:cover !important;z-index:10;text-indent:-9999rem;}
.main_slide .flex-next{background:url(/cm/images/victim/icon_btn_banner_right_nor.png) center center no-repeat;}

.main_slide .flex-pauseplay{position:absolute; top:0; right:13px;}
.main_slide .flex-pauseplay a{display:inline-block;position:relative;margin-right:1rem;width:3rem;height:3rem;color:#fff;background:url(/cm/images/victim/icon_btn_banner_pause_nor.png) center center no-repeat; background-size:cover; z-index:5; text-indent:-9999em;}
.main_slide .flex-pauseplay .flex-play{background:url(/cm/images/victim/icon_btn_banner_play_nor.png) center center no-repeat; background-size:cover; }
.main_slide .flex-pauseplay .flex-pause:before{display:inline-block;content:"중지";text-indent:-9999rem;}
.main_slide .flex-pauseplay .flex-play:before{display:inline-block;content:"플레이";text-indent:-9999rem;}
.main_slide .flex-control-paging{display:inline-block;z-index:10; height:0.4rem; width:80%;}
.main_slide .flex-control-paging li{display:inline-block;padding:0 1rem;}
.main_slide .flex-control-paging li a{display:inline-block;width:10rem;height:0.4rem;background:#7a7a7a;text-indent:-9999rem;}
.main_slide .flex-control-paging li .flex-active{background:#0f86c9;}
.main_slide .btn_scroll{display:inline-block;position:relative;left:50%;bottom:13rem;margin-left:-10rem;width:20rem;height:10.5rem;font-weight:500;color:#000;text-align:center;background:url(/cm/images/victim/icon_banner_mouse.png) bottom center no-repeat;background-size:auto 7rem;animation:scroll_btn 2s infinite;z-index:5;}
*/
.main_row1 .mycase_dir {
	position: relative;
	flex: 1;
	height: 410px;
	padding: 3rem;
	border-radius: 15px;
	box-sizing: border-box;
	background-color: #f3f3f3;
	background-image: url("/cm/images/victim/img_banner_mycase.png");
	background-repeat: no-repeat;
	background-position: center 88%;
	background-size: 40%;
}

.main_row1 .mycase_dir .title {
	margin-bottom: 2rem;
	height: auto;
	font-size: 3.8rem;
	font-weight: 500;
	line-height: 1.4;
}

.mycase_dir .icon_imgs {
	text-align: center;
}

.mycase_dir .icon_imgs img {
	width: 76%;
}

.mycase_dir .main_btn {
	position: absolute;
	bottom: 3rem;
	right: 3rem;
}

@keyframes scroll_btn {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.main_inner {
	margin: 0 auto;
	max-width: 1860px;
	width: 75%;
}

.main_title {
	margin-bottom: 4.5rem;
	text-align: center;
}

.main_title .title {
	height: auto;
	line-height: inherit;
	font-weight: 500;
	font-size: 3.6rem;
}

.main_title .desc {
	font-size: 2rem;
}

.main_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	min-width: 16rem;
	height: 5rem;
	color: #fff;
	text-align: center;
	background: #0f86c9;
	border: 2px solid #0f86c9;
	border-radius: 2rem !important;
}

.main_btn.gray {
	background: #555;
	border-color: #555;
}

.main_btn.line {
	color: #0f86c9;
	background: #fff;
}

.main_btn.next {
	padding: 0 40px 0 20px;
	background-image: url(../img/icon_btn_move.png);
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: auto 1.4rem;
}

.main_btn.plus {
	padding: 0 40px 0 20px;
	background-image: url(../img/icon_btn_seeall.png);
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: auto 1.4rem;
}

.main_btn.line.next {
	padding: 0 40px 0 20px;
	background-image: url(../img/icon_btn_banner_goto.png);
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: auto 1.4rem;
}

.main_btn:hover {
	background-color: #2fa2e2;
	border-color: #2fa2e2;
	transition: all .3s ease-in-out;
}

.main_btn.gray:hover {
	background-color: #767676;
	border-color: #767676;
	transition: all .3s ease-in-out;
}

.main_btn.line:hover {
	background-color: #c5e3f3;
	border-color: #2fa2e2;
	transition: all .3s ease-in-out;
}

.main_btn:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.main_btn.line:focus {
	outline: 2px dashed #015a82;
	outline-offset: -4px;
}


.main_row2 {
	padding: 4.5rem 0;
}

.main_row2 .main_title .title {
	margin-bottom: 3rem;
}

.main_system {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}

.main_system li {
	position: relative;
	flex: 1 1 30%;
	padding: 4rem;
	background: #ebebeb url(/cm/images/victim/icon_mysupport_01_protrct_full.png) right top no-repeat;
	background-size: auto 100%;
	border-radius: 2rem;
}

.main_system li.box2 {
	background-image: url(/cm/images/victim/icon_mysupport_02_finance_full.png);
}

.main_system li.box3 {
	background-image: url(/cm/images/victim/icon_mysupport_03_mind_full.png);
}

.main_system li.box4 {
	background-image: url(/cm/images/victim/icon_mysupport_04_law_full.png);
}

.main_system li.box5 {
	background-image: url(/cm/images/victim/icon_mysupport_05_criminal_full.png);
}

.main_system li.box6 {
	background-image: url(/cm/images/victim/icon_mysupport_06_compensation_full.png);
}

.main_system li .tit {
	display: inline-block;
	margin-bottom: 0.5rem;
	font-size: 3rem;
	font-weight: 500;
}

.main_system li .con {
	margin-bottom: 1rem;
}

.main_row3 {
	padding: 4.5rem 0;
	background: #ebebeb;
}

.main_volunteer {
	display: flex;
	gap: 5rem;
}

.main_volunteer li {
	flex: 1;
	padding: 22rem 3rem 3rem;
	text-align: center;
	background: #fff url(/cm/images/victim/icon_supportguide_01_info.png) center top no-repeat;
	background-size: auto 16.2rem;
	border-radius: 2rem;
}

.main_volunteer li.box2 {
	background: #fff url(/cm/images/victim/icon_supportguide_02_myright.png) center 3rem no-repeat;
	background-size: auto 12.7rem;
}

.main_volunteer li.box3 {
	background: #fff url(/cm/images/victim/icon_supportguide_03_organization.png) center 2rem no-repeat;
	background-size: auto 16.4rem;
}

.main_volunteer li div {
	text-align: center;
}

.main_volunteer li .tit {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
	height: 6rem;
	font-weight: 500;
	font-size: 3rem;
	line-height: 1.3em;
}

.main_volunteer li .con {
	display: -webkit-box;
	margin-bottom: 2rem;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 90px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
}

.main_row4 {
	padding: 4.5rem 0;
}

.main_tab {
	overflow: auto;
}

.main_tab .w2tabcontrol>ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	margin-bottom: 3rem;
	height: auto;
}

.main_tab .w2tabcontrol>ul li {
	background: transparent;
}

.main_tab .w2tabcontrol>ul li .w2tabcontrol_tab_center {
	width: 100%;
}

.main_tab .w2tabcontrol>ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2rem;
	width: 21rem;
	height: 5rem;
	font-weight: 500;
	font-size: 2rem;
	background: #ebebeb;
	border-radius: 2rem;
	box-sizing: border-box;
}

.main_tab .w2tabcontrol>ul li.w2tabcontrol_selected a {
	color: #fff;
	background: #0f86c9;
	text-decoration: underline;
}

.main_tab .w2tabcontrol>ul li.w2tabcontrol_selected a:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.main_tab .tab_con {
	padding: 5rem 5rem 5rem 50%;
	width: 100%;
	height: auto;
	background: #ebebeb url(/cm/images/victim/icon_handle_01_crime.png) no-repeat left top;
	background-size: auto 35.6rem;
	border-radius: 2rem;
}

.main_tab .tab_con.box2 {
	background: #ebebeb url(/cm/images/victim/icon_handle_02_sexual.png) no-repeat 10% top;
	background-size: auto 35.1rem;
}

.main_tab .tab_con.box3 {
	background: #ebebeb url(/cm/images/victim/icon_handle_03_abuse.png) no-repeat 15% top;
	background-size: auto 32.1rem;
}

.main_tab .tab_con.box4 {
	background: #ebebeb url(/cm/images/victim/icon_handle_04_school.png) no-repeat 8% top;
	background-size: auto 33.5rem;
}

.main_tab .tit {
	margin: 0 0 1rem;
	font-weight: 500;
	font-size: 3rem;
	line-height: 1.3em;
}

.main_tab .list_con {
	margin-bottom: 2rem;
}

.main_row5 {
	padding: 4.5rem 0;
	background: #ebebeb;
}

.main_guide {
	display: flex;
	justify-content: space-between;
	gap: 3rem;
}

.main_guide>div {
	display: flex;
	flex: 1;
	position: relative;
	padding: 3rem;
	background: #fff;
	border-radius: 2rem;
}

.main_guide>div .tit {
	display: block;
	margin-bottom: 1rem;
	font-weight: 500;
	font-size: 3rem;
	text-align: left;
}

.main_guide>div p {
	margin-bottom: 0.5rem;
	line-height: 1.4;
}

.main_guide>div .main_btn {
	position: absolute;
	right: 3rem;
	bottom: 3rem;
}

.main_guide .left .video,
.main_guide .right .img {
	flex-shrink: 0;
	width: 60%;
	margin-right: 2rem;
	text-align: center;
}

.main_guide .left .video {
	background: #0e83c1;
	height: 250px;
}

.main_guide .left .video img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 70%;
}

.main_notice {
	display: flex;
	gap: 3rem;
}

.main_notice .tit {
	margin: 0;
	padding: 2rem 0;
	height: auto;
	line-height: inherit;
	font-weight: 500;
	font-size: 3rem;
	text-align: left;
}

.main_notice .main_btn {
	position: absolute;
	right: 2rem;
	top: 1.5rem;
}

.main_notice .main_btn:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.main_notice>div {
	flex: 1;
	position: relative;
	padding: 0 2rem 3rem;
	background: #fff;
	border-radius: 2rem;
}

.main_notice ul {
	border-bottom: 1px solid #e1e1e1;
}

.main_notice ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	min-height: 6rem;
	border-top: 1px solid #e1e1e1;
	padding: 0 1rem;
}

.main_notice ul li a {
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
}

.main_notice ul li a:hover {
	color: #0f86c9;
}

.main_notice ul li .date {
	font-size: 1.7rem;
}

.main_notice .left ul li>div {
	width: 8rem;
}

.main_notice ul li .icon_org_oceanpolice:before {
	background-size: 94%;
}

.main_notice [class*="icon_org"] {
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	letter-spacing: -1px;
}

.main_notice [class*="icon_org"]:before {
	margin-right: 0.5rem;
}

.main_notice .icon_org_kics span {
	text-indent: -9999px;
}

.main_notice [class*="label_"]:before {
	display: inline-block;
	margin: 0 1rem 0 0;
	min-width: 50px;
	height: 2.8rem;
	line-height: 2.8rem;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
	border-radius: 10rem;
	box-sizing: border-box;
}

.main_notice .label_imp:before {
	content: "중요";
	background: #c90fa8;
}

.main_notice .label_new:before {
	content: "NEW";
	background: #0f86c9;
}

.main_notice .ico_q {
	display: inline-block;
	background: #0f86c9;
	border-radius: 50%;
	width: 3rem;
	color: #fff;
	text-align: center;
	line-height: 3rem;
}

.main_notice .classify {
	background: #eee;
	padding: 0 1.5rem;
	height: 3rem;
	font-size: 1.6rem;
	line-height: 3rem;
	border-radius: 3rem;
}

.main_notice .icon_org_government:before {
	width: 3.3rem;
	background-size: auto 86%;
}

/* 형사사법포털 메인 */
.swiper-slide .box:focus {
	border: 2px solid #0f86c9;
	outline: none;
}

.visual_slider {
	height: 55rem;
	overflow-x: hidden;
}

.visual_slider .item {
	position: relative
}

.visual_slider .item .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.visual_slider .item .box {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	width: 75%;
	max-width: 1860px;
	height: 100%;
	margin: 0 auto;
	padding: 0 12rem;
	box-sizing: border-box;
}

.visual_slider .item .txt {
	max-width: 70rem;
	line-height: 1.4;
	font-weight: 500;
	font-size: 4.2rem;
	color: #fff;
	word-break: keep-all;
}

.visual_slider .item .txt * {
	font-size: 4.2rem;
}

.visual_slider .item .btn {
	display: flex;
	align-items: center;
	margin-top: 2rem;
	padding: 0 5rem 0 2.5rem;
	width: 18rem;
	height: 5rem;
	font-size: 1.88235rem;
	color: #fff;
	background: url(../img/icon_btn_move.png) no-repeat right 2rem center;
	background-size: auto 1.4rem !important;
	border: 2px solid #fff;
	border-radius: 2rem;
	box-sizing: border-box;
}

.visual_slider .item .btn:hover {
	color: #111;
	background-color: #fff;
	background-image: url(../img/icon_btn_move_b.png);
	transition: all .3s ease-in-out;
}

.slides .slide_ctl .swiper-pagination {
	position: relative;
	left: auto;
	bottom: auto;
	width: auto;
	height: 3.6rem;
	line-height: 3.5rem;
	margin-right: 6px;
	padding: 0 2rem;
	letter-spacing: -.24rem;
	background: #131c1e;
	border-radius: 30px;
	color: #fff;
}

.slides .slide_ctl {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .6rem;
	position: relative;
	height: 3.6rem;
	max-width: 1200px;
	width: 90%;
	margin: -60px auto 0;
	z-index: 10;
	top: 20px;
}

.slides .slide_ctl .btn {
	position: relative;
	width: 3.6rem;
	height: 3.6rem;
	margin: 0;
	top: auto;
	left: auto;
	right: auto;
	background-color: #131c1e;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 16px !important;
	border-radius: 50%;
	text-indent: -9999em;
}

.slides .slide_ctl .btn:focus {
	outline: 2px dotted #0f86c9;
	outline-offset: -4px
}

.slides .slide_ctl .btn.swiper-button-prev {
	background-image: url(/cm/images/crime/icon_btn_banner_previous.png)
}

.slides .slide_ctl .btn.swiper-button-next {
	background-image: url(/cm/images/crime/icon_btn_banner_next.png)
}

.slides .slide_ctl .btn.pause {
	background-image: url(/cm/images/crime/icon_btn_banner_pause.png);
}

.slides .slide_ctl .btn.play {
	background-image: url(/cm/images/crime/icon_btn_banner_play.png);
}

.main_section2 {
	padding: 4.5rem 0;
}

.service_slide {
	padding: 0 8rem 4rem;
	position: relative;
}

.service_slide .slide_grp {
	display: flex !important;
	overflow: hidden;
	justify-content: center;
	gap: 2rem;
}

.service_slide .slide_grp li {
	position: relative;
	padding: 0 0 1rem;
	width: calc(100% / 8);
	text-align: center;
	box-sizing: border-box;
}

.service_slide .slide_grp li .icon {
	display: block;
	margin: 0 1rem 1rem;
	text-align: center;
	background: #f5f7fa;
	border-radius: 50%;
	z-index: -1;
	transition-duration: 0.3s;
}

.service_slide .slide_grp li .icon img {
	max-height: 100%;
}

.service_slide .slide_grp li .icon .hover {
	display: none;
}

.service_slide .slide_grp li:hover .icon {
	background: #73e6c4;
	box-shadow: 0 0.5rem 1rem 0.2rem rgba(0, 0, 0, 0.2);
}

.service_slide .slide_grp li:hover .icon .nor {
	display: none;
}

.service_slide .slide_grp li:hover .icon .hover {
	display: inline-block;
}

.service_slide .slide_grp li a {
	margin: 2px;
	display: block;
	letter-spacing: -1px;
	word-break: keep-all;
}

.service_slide .flex-direction-nav a {
	display: block;
	position: absolute;
	top: 4rem;
	width: 6rem;
	height: 6rem;
	text-indent: -9999px;
	background: #363636 url(/cm/images/crime/icon_btn_previous.png) no-repeat center;
	background-size: 1.8rem 2.9rem;
	border-radius: 50%;
	transition-duration: 0.3s;
	z-index: 10;
}

.service_slide .flex-direction-nav .flex-prev {
	left: 0;
}

.service_slide .flex-direction-nav .flex-next {
	right: 0;
	background-image: url(/cm/images/crime/icon_btn_next.png);
}

.service_slide .flex-direction-nav a:hover {
	opacity: 0.7;
}

.service_slide .flex-control-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.service_slide .flex-control-nav li {
	display: inline-block;
	margin: 0 0.5rem;
	zoom: 1;
}

.service_slide .flex-control-paging li a {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	text-indent: -9999px;
	background: #d7d7d7;
	border-radius: 50%;
}

.service_slide .flex-control-paging li .flex-active {
	width: 4rem;
	background: #0f86c9;
	border-radius: 1rem;
}

.main_section3 {
	padding: 4.5rem 0;
	background: #f0f0f0;
}

.main_tab2 {
	overflow: auto;
}

.main_tab2 .w2tabcontrol>ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	margin-bottom: 3rem;
	height: auto;
}

.main_tab2 .w2tabcontrol>ul li {
	background: transparent;
}

.main_tab2 .w2tabcontrol>ul li .w2tabcontrol_tab_center {
	width: 100%;
}

.main_tab2 .w2tabcontrol>ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2rem;
	width: 14rem;
	height: 5rem;
	font-weight: 500;
	font-size: 2rem;
	background: #fff;
	border-radius: 2rem;
	box-sizing: border-box;
}

.main_tab2 .w2tabcontrol>ul li.w2tabcontrol_selected a {
	color: #fff;
	background: #0f86c9;
	text-decoration: underline;
}

.main_tab2 .w2tabcontrol>ul li.w2tabcontrol_selected a:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}


.main_service {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	background: #f0f0f0;
}

.main_service li {
	position: relative;
	padding: 2rem;
	width: calc(50% - 1.5rem);
	background: #fff;
	border-radius: 2rem;
}

.main_service .service_info>div {
	align-items: center;
	min-height: 5rem;
	word-break: keep-all;
}

.main_service [class*="icon_org"] {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	width: 14rem;
	font-size: 1.6rem;
}

.main_service [class*="icon_org"]:before {
	margin-right: 0.5rem;
}

.main_service .service_title {
	width: calc(100% - 14rem);
}

.main_service .service_title>p {
	font-weight: 500;
	font-size: 18px;
	word-break: keep-all;
}

.main_service .service_txt {
	margin: 1rem 0 2rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main_service .btn_area {
	display: flex;
	justify-content: flex-end;
}

.main_service .main_btn {
	min-width: 12rem;
}


.main_section4 {
	padding: 4.5rem 0;
}

.main_section4 .main_title .title {
	font-size: 3rem;
}

.main_search .box {
	position: relative;
	margin: 0 auto;
	padding-right: 8rem;
	width: 70rem;
}

.main_search .box input[type="text"] {
	padding: 0 20px;
	width: 100%;
	height: 6rem;
	border: 5px solid #0f86c9;
	border-radius: 3rem;
}

.main_search .box input[type="text"]:focus,
.main_search .box input[type="button"]:focus {
	outline: 2px dashed #fff;
	outline-offset: -3px;
}

.main_search .box input[type="button"] {
	width: 6rem;
	height: 6rem;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	background: #0f86c9 url(/cm/images/crime/icon_btn_main_search.png) center center/50% no-repeat;
	border-radius: 50%;
}

.main_search .box input[type="button"]:hover {
	background-color: #2fa2e2;
	border-color: #2fa2e2;
	transition: all .3s ease-in-out;
}

.main_section5 {
	padding: 4.5rem 0;
	background: #f0f0f0;
}

.main_section5 .main_title {
	margin-bottom: 3.5rem;
}

.main_promote {
	display: flex;
	gap: 3rem;
}

.main_promote>.left {
	width: 65%;
}

.main_promote>.right {
	width: 35%;
}

.main_pro {
	display: flex;
	gap: 1rem;
}

.main_pro>a {
	display: block;
	padding: 3rem;
	width: calc(100% / 2);
	height: 36rem;
	font-size: 4rem;
	color: #0b415f;
	line-height: 1.3em;
	background: #c1dded url("/cm/images/crime/icon_ad_01_video.png") right bottom no-repeat;
	background-size: auto 70% !important;
	border-radius: 2rem;
	box-sizing: border-box;
}

.main_pro .box2 {
	background: #ece4ab url("/cm/images/crime/icon_ad_02_system.png") right bottom no-repeat;
}

.main_pro .box3 {
	background: #bfe7ed url("/cm/images/crime/icon_ad_03_ebook.png") right bottom no-repeat;
}

.main_pro .box2 span {
	color: #524508;
}

.main_pro .box3 span {
	color: #09424b;
}

.banner_slide {
	overflow-x: hidden;
	position: relative;
	height: 36rem;
	background: #363636;
	border-radius: 2rem;
}

.banner_slide .slide_list li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.banner_slide .slide_list li img {
	max-height: 100%;
}

.banner_slide .slide_ctl {
	width: auto;
	max-width: initial;
	justify-content: center;
	margin-top: -54px;
}

.main_section6 {
	padding: 3.5rem 0 0;
}

.crime_main .main_notice>div {
	padding: 0 4rem 3rem;
	border: 1px solid #e1e1e1;
}

.crime_main .main_notice .main_btn {
	right: 4rem
}

.main_section7 {
	padding: 3.5rem 0;
	text-align: center;
}

.main_section7 p {
	display: inline-block;
	margin: 1rem 2rem 1rem 0;
	font-size: 3rem;
	color: #0f86c9;
}

.btn_victim_go {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 40px 0 15px;
	height: 6rem;
	font-size: 3rem;
	color: #0f86c9;
	background: #fff url(../img/icon_btn_outlink_blue.png) right 15px center no-repeat;
	background-size: 16px auto;
	border: 2px solid #0f86c9;
	border-radius: 2rem;
}

.btn_victim_go:hover {
	background-color: #c5e3f3;
	border-color: #2fa2e2;
	transition: all .3s ease-in-out;
}

.btn_victim_go:focus {
	outline: 2px dashed #015a82;
	outline-offset: -4px;
}

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

.pc_block {
	display: block;
}