@charset "utf-8";

/* placeholder */
/*Chrome, Firefox, Opera, Safari 20.1+*/
input::placeholder {
	color: #858c94 !important;
	opacity: 1; /*firefox*/
}
/*Firefox*/
input:-moz-input-placeholder {
	color: #858c94 !important;
}
/*IE 10-11*/
input:-ms-placeholder {
	color: #858c94 !important;
}
input:-ms-input-placeholder {
	color: #858c94 !important;
}
/*Microsoft Edge*/
input::-ms-placeholder {
	color: #858c94 !important;
}

/*Chrome, Firefox, Opera, Safari 20.1+*/
textarea::placeholder {
	color: #858c94 !important;
	opacity: 1; /*firefox*/
}
/*Firefox*/
textarea:-moz-input-placeholder {
	color: #858c94 !important;
}
/*IE 10-11*/
textarea:-ms-placeholder {
	color: #858c94 !important;
}
textarea:-ms-input-placeholder {
	color: #858c94 !important;
}
/*Microsoft Edge*/
textarea::-ms-placeholder {
	color: #858c94 !important;
}

/* 탭 */
.tab_list { 
	margin-bottom: 35px;
	font-size: 0; line-height: 0;
}
.tab_list li {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	vertical-align: top;
}
.tab_list a {
	display: block;
	padding: 0 16px;
	height: 36px;
	color: var(--dark1); font-size: 1.4rem; font-weight:500; line-height: 36px; text-align: center;   
	border: 1px solid var(--light2);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}  
.tab_list li.on a {
	color: var(--white);
	background-color:var(--primary);
	border: 1px solid var(--primary);
} 

/* .tab_list.tab3 li {
	width: calc(100%/3);
} */

.tab_list2 {
	margin-bottom: 10px;
	font-size: 0; list-style: none;
}
.tab_list2 li {
	display: inline-block;
	margin-right: 8px;
}
.tab_list2 li:last-child {
	margin-right: 0;
}
.tab_list2 a {
	display: block;
	padding: 0 16px ;
	min-width: 50px;
	height: 36px;
	color: var(--dark1); font-size: 1.4rem; font-weight: 500; line-height: 36px; text-align: center; 
	background: var(--white);
	border: 1px solid #D6DBE2;
	border-radius: 100px;
}
.tab_list2 li.on a {
	color: var(--white);
	background: var(--primary);
	border: 1px solid var(--primary);
}

.tabrow_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.tabrow_wrap::after {
	content: ""; display: block; clear: both;
}
.tabrow_list {
	width: 300px;
	flex-shrink: 0;
}
.tabrow_list li {
	height: 60px;
}
.tabrow_list li a {
	position: relative;
	display: inline-block;
	width: 100%; min-height: 60px; height: 100%;
	color: #9e9e9e; font-size: 1.8rem;
	background-color: #f6f6f6;
	-webkit-transform: rotate(-0.03deg);
	-moz-transform: rotate(-0.03deg);
	-o-transform: rotate(-0.03deg);
	transform: rotate(-0.03deg);
	-webkit-transition: all 0.3;
	-moz-transition: all 0.3;
	-o-transition: all 0.3;
	transition: all 0.3;
}
.tabrow_list li.on a {
	color: #fff;
	background-color: #a72b43;
}
.tabrow_list li a span {
	position: absolute; top: 50%; left: 0;
	padding: 0 30px;
	word-break: keep-all; font-weight: 600;
}
.tabrow_cnt {
	padding: 40px 50px;
	width: 100%;
	background: #f7edef;
}

/* form 공통 */
.form_style {
	padding: 0 10px;
	line-height: 48px; font-size: 1.4rem; color: #403f3f;
	background-color: #fff;
	border: 1px solid #E0E3EB;
	border-radius: 8px;
	box-sizing: border-box;
}
input[type="text"].form_style {
	height: 48px;
	border-radius: 8px;
}
input[type="text"].form_style:read-only {
	background: #f2f2f2;
}

.error {
	border-color: #ff6666 !important;
}



/* checkbox */
.check_row {
	display: inline-block;
	margin: 0px 24px 0px 0;
	height: 48px;
	font-family: Notokr, sans-serif; font-size: 1.5rem; line-height: 48px;
}
.check_row > input {
	display: none;
}
.check_row label {
	padding: 2px 0 2px 22px;
	font-weight: 500; color: #898D9C;
	background-repeat: no-repeat;
	background-position: left 5px;
	background-image: url(../../images/client/formstyle/icon_check.png);
	cursor: pointer;
}
.check_row input:checked + label {
	background-image: url(../../images/client/formstyle/icon_check_on.png);
}
.check_row > input[disabled] + label {
	background-image: url(../../images/client/formstyle/icon_check_disabled.png);
	cursor: default;
}
/* table .check_row input:checked + label {
	background-image: url(../../images/client/formstyle/icon_check_on_navy.png);
} */

/* checkbox - 동그라미체크 */
.check_only {
	display: inline-block;
	margin: 2px 0;
	font-size: 1.5rem;
}
.check_only label {
	display: inline-block;
	width: 24px; height: 24px;
	text-indent: -9999px;
	background: url(../../images/client/formstyle/icon_checkonly.png) no-repeat center; background-size: contain;
}
.check_only input:checked + label {
	background-image: url(../../images/client/formstyle/icon_checkonly_on.png);
}
.check_only input[disabled] + label {
	cursor: default;
}

/* checkbox - 버튼형태 */
.check_col_wrap {
	display: inline-block;
	font-size: 0; line-height: 0;
}
.check_col {
	display: inline-block;
	margin: 10px 10px 0 0;
	font-size: 1.5rem;
}
.check_col:last-child {
	margin-right: 0;
}
.check_col > input {
	display: none;
}
.check_col label {
	display: inline-block;
	padding: 0 16px; 
	min-width: 57px; height: 36px;
	color: var(--dark1); font-size: 1.4rem; font-weight: 500; line-height: 36px; text-align: center; 
	border: 1px solid var(--light2);
	border-radius: 100px;
	cursor: pointer;
}
.check_col input:checked + label {
	color: var(--white);
	background: var(--primary);
	border: 1px solid var(--primary);
}


/* radio */
.radio_row {
	display: inline-block;
	margin: 0 24px 0 0;
	height: 48px;
	line-height: 48px;
	font-family: Notokr, sans-serif; font-size: 1.5rem;
}
.radio_row label {
	display: inline-block;
	padding: 2px 0 2px 22px;
	font-family: inherit;
	background-repeat: no-repeat;
	background-position: left 5px;
	background-size: 16px;
	background-image: url(../../images/client/formstyle/icon_radio.png);
	cursor: pointer;
}
.radio_row input:checked + label {
	background-image: url(../../images/client/formstyle/icon_radio_on.png);
}
.radio_row > input[disabled] + label {
	background-image: url(../../images/client/formstyle/icon_radio_disabled.png);
	cursor: default;
}
/* table .radio_row input:checked + label {
	background-image: url(../../images/client/formstyle/icon_radio_on_navy.png);
} */

/* radio - 버튼형태 */
.radio_col_wrap {
	display: inline-block;
	font-size: 0; line-height: 0;
}
.radio_col {
	display: inline-block;
	margin: 10px 10px 0 0;
	font-size: 1.5rem;
}
.radio_col > input {
	display: none;
}
.radio_col label {
	display: inline-block;
	padding: 0 10px; 
	min-width: 70px; height: 30px;
	color: #858c94; font-family: inherit; line-height: 30px; text-align: center; 
}
.radio_col input:checked + label {
	color: #6fc3e8; font-weight: 500; line-height: 28px;
	border-bottom: 3px solid #6fc3e8; 
}

/* radio - numbering */
.radio_no_row {
	display: inline-block;
	margin: 0 20px 6px 0;
	font-family: Notokr, sans-serif;  font-size: 1.5rem;
}
.radio_no_row label {
	display: inline-block;
	font-family: inherit; 
}
.radio_no_row label span {
	display: block;
	width: 24px; height: 24px;
	font-family: inherit; color: #23316e; font-size: 1.2rem; font-weight: 600;
	line-height: 22px; text-align: center;
	border: 1px solid #23316e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.radio_no_row label:hover {
	cursor: pointer;
}
.radio_no_row label:hover span {
	color: #fff;
	background: #23316e;
}
.radio_no_row input:checked + label span {
	color: #fff;
	background: #23316e;
}

/* 취업상담 - 방문상담/온라인상담 라디오 버튼 */
.radio_btn {
	display: inline-block;
	margin: 0 6px 6px 0;
	font-size: 1.5rem;
}
.radio_btn label {
	display: inline-block;
	padding: 0 12px 0 38px;
	color: #fff; line-height: 34px;
	background-repeat: no-repeat;
	background-position: 13px center;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.radio_btn.radio_offline label {
	background-color: #193296;
	background-image: url(../../images/client/sub/icon_radiobtn_off01.png);
}
.radio_btn.radio_online label {
	background-color: #0aaccc;
	background-image: url(../../images/client/sub/icon_radiobtn_off02.png);
}
.radio_btn.radio_offline label:hover {
	background-color: #01135b;
}
.radio_btn.radio_online label:hover {
	background-color: #088ea9;
}
.radio_btn input {
	display: none;
}
.radio_btn input:checked + label {
	background-image: url(../../images/client/sub/icon_radiobtn_on.png);
}

/* textarea */
textarea.form_style{
	display: block;
	width: 100%;
	padding: 8px 10px;
	font-family: Notokr, sans-serif; line-height: 1.5em;
	border: 1px solid #ebebeb;
}

/* select */
.select_form {
	position: relative;	z-index: 1;
	display: inline-block; 
	width: auto;
	line-height: 28px; vertical-align: top; font-size: 1.4rem;
	background: transparent;
	border: none;
	border-radius: 8px;
	overflow: hidden;
} 
.select_form label {
	position: absolute; top: 0; bottom: 0; left: 0px; z-index: -1;
	display: block;
	padding: 0 30px 0 16px;
	width: 100%; height: 100%;
	color: #898D9C; font-family: Notokr, sans-serif; font-weight: 500; line-height: 48px; text-align: left;
	white-space: nowrap; text-overflow: ellipsis; 
	background: transparent url(../../images/client/formstyle/bg_select.png) right 10px center no-repeat;
	border: 1px solid #E0E3EB;
	border-radius: 8px;
	overflow: hidden;
}
.select_form label:active {
	border-color: #00427c;
}
.select_form .select_custom {
	padding: 0 16px;
	width: 100%; height: 48px;
	font-size: 1.4rem; font-weight: 500;  line-height: 52px; 
	border: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
}
.search_box2 .select_form label {
	border: none;
	line-height: 52px; font-size: 1.4rem;
}
.select_sm {
	width: 100px; max-width: 100%;
}
.select_md {
	width: 170px; max-width: 100%;
}
.select_lg {
	width: 220px; max-width: 100%;
}
.select_xlg{
	width: 345px; max-width: 100%;
}
.grid_col > .select_form {
	width: 100%;
	margin: 0;
}
.tbl .select_form {
	margin: 0;
}


/* select2 - 플러그인 */
.sel_search_row {
	display: inline-block;
	margin: 0;
	font-size: 1.4rem;
}
.grid_col > .sel_search_row {
	width: 100%;
}
.select2-container {
	width: 100%;
}
.select2-container .select2-choice {
	height: 48px;
	padding: 0 48px 0 16px;
	color: var(--dark3); font-weight: 500; text-align: left;
	border: 1px solid var(--light1);
	background: #fff url(../../images/client/formstyle/bg_select.png) right 10px center no-repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: none;
}
.select2-container .select2-choice > .select2-chosen {
	width: 100%;
	font-weight: 500; line-height: 48px; 
}

.select2-container .select2-choice .select2-arrow {
	display: none;
}
.select2-drop {
	padding-top: 10px;
	color: var(--dark1);
	background-color: #fff;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.select2-search {
	margin-bottom: 5px;
}
.select2-results {
	padding: 0; margin: 0;
}
.select2-dropdown-open .select2-choice {
	-webkit-box-shadow: none;
	box-shadow: none; 
	background-color: #fff;
	background-image: none; 
	background-image: none;
	background-image: none;
	filter: none;
	background-image: none; 
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
	border: 1px solid #ebebeb;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
/* 22.10.14 - 셀렉트 추가 */



/* 버튼 영역 */
.btn_area {
	position: relative;
	margin-top: 32px;
	font-size: 0; line-height: 0; text-align: center;
}
.section_area:has(.adit_top) .section_sarea.btn_area{
	margin-top: 0;
}
.btn_area a, .btn_area button {
	margin-right: 10px;
}
.btn_area a:last-child, .btn_area button:last-child {
	margin-right: 0;
}

.btn_area .inner {
	display: inline-block;
	vertical-align: top;
}

.btn_rowposition {
	position: relative;
	margin-bottom: 10px;
	font-size: 0; line-height: 0;
}
.btn_rowposition .inner {
	position: absolute; top: -1px; right: 0;
}
.btn_rowposition .section_tit_lg + .inner {
	top: -7px;
}
.btn_rowposition .section_tit_md + .inner {
	top: -13px;
}
.btn_rowposition .btn, .btn_rowposition .btn_round, .btn_rowposition .btn_circle, .btn_rowposition .select_form {
	margin: 8px 4px;
}
.btn_rowposition .select_form {
	height: 40px;
	line-height: 38px;
}
.btn_rowposition .select_form label {
	line-height: 38px;
}

/* button */
.btn {
	display: inline-block;
	position: relative;
	font-size: 1.5rem; line-height: 34px; text-align: center;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	cursor: pointer;
}
.btn_round {
	display: inline-block;
	position: relative;
	font-size: 1.4rem; line-height: 48px; text-align: center; font-weight: 500;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	cursor: pointer;
}
.btn_circle {
	display: inline-block;
	position: relative;
	font-size: 1.5rem; line-height: 34px; text-align: center;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	cursor: pointer;
	/* ui guide 확정후 background-repeat 제거 */
	background-repeat: no-repeat;
}



/* 버튼 컬러 */
.btn_positive1 {
	color: #fff !important;
	background-color: #009596 !important;
	border: 1px solid #009596;
}
.btn_positive2 {
	color: #fff ;
	background-color: #009596;
	border: 1px solid #009596;
}
.btn_negative1 {
	color: #FF8080 !important;
	background-color: #fff !important;
	border: 1px solid #FF8080;
}
.btn_negative2 {
	color: #fff !important;
	background-color: #d14547 !important;
}
.btn_neutral {
	color: var(--dark1);
	background-color: var(--white);
	border: 1px solid var(--dark1);
}
.attachment_box .btn_positive1{
	color: var(--dark1) !important;
	background-color: var(--white) !important;
	border: 1px solid var(--dark1) !important;
}

.btn_bo_positive1 {
	color: var(--primary); font-weight: 500;
	background: #fff;
	border: 1px solid var(--primary);
}
.btn_bo_positive2 {
	color: var(--dark1); font-weight: 500; line-height: 38px;
	background: #fff;
	border: 1px solid #E0E3EB;
}
.btn_bo_negative1 {
	color: #717171; font-weight: 500;
	background: #fff;
	border: 1px solid #717171;
}
.btn_bo_negative2 {
	color: #d14547; font-weight: 500;
	background: #fff;
	border: 1px solid #d14547;
}
.btn_bo_neutral {
	color: var(--dark1); font-weight: 500;
	background: #fff;
	border: 1px solid #E0E3EB;
}
.btn_bo_positive1.btn_xs, .btn_bo_positive2.btn_xs, .btn_bo_negative1.btn_xs, .btn_bo_negative2.btn_xs, .btn_bo_neutral.btn_xs {
	line-height: 28px;
}
.btn_bo_positive1.btn_sm, .btn_bo_positive2.btn_sm, .btn_bo_negative1.btn_sm, .btn_bo_negative2.btn_sm, .btn_bo_neutral.btn_sm {
	line-height: 38px;
}
.btn_bo_positive1.btn_md, .btn_bo_positive2.btn_md, .btn_bo_negative1.btn_md, .btn_bo_negative2.btn_md, .btn_bo_neutral.btn_md {
	line-height: 38px;
}
.btn_bo_positive1.btn_lg, .btn_bo_positive2.btn_lg, .btn_bo_negative1.btn_lg, .btn_bo_negative2.btn_lg, .btn_bo_neutral.btn_lg {
	line-height: 38px;
}
.btn_disabled {
	color: #898989 !important; line-height: 40px;
	background-color: #d7d7d7 !important;
	border-color: #d7d7d7 !important;
	cursor: default;
}
.btn_disabled.btn_md{
	line-height: 40px;
}

/* 버튼 사이즈 */
.btn_xs {
	padding: 0 5px;
	line-height: 30px;
}
.btn_sm {
	padding: 0 10px;
	line-height: 40px;
}
.btn_md {
	padding: 0 15px;
	min-width: 70px;
	line-height: 38px;
}
.btn_lg {
	padding: 0 16px;
	line-height: 46px;
}

.btn_icon_xs {
	padding: 0 8px 0 25px;
	line-height: 25px; font-size: 0.9rem;
	background-size: 15px;
}
.btn_icon_sm {
	padding: 0 10px 0 30px;
	line-height: 30px;
}
.btn_icon_md {
	padding: 0 15px 0 40px;
	line-height: 34px;
	background-position: 15px center;
}
.btn_icon_lg {
	padding: 0 20px 0 40px;
	line-height: 40px;
	background-position: 15px center;
}

.satisfy_area > button.btn_md{
	line-height: 32px;
	border: 1px solid;
}

/* 버튼 종류 */
.btn_more {
	display: inline-block;
	width: 34px; height: 34px;
	font-size: 0; line-height: 0; vertical-align: top;
	background: url(../../images/client/formstyle/btn_more.png) no-repeat center;
	background-size: contain;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.btn_addlike {
	display: inline-block;
}
.btn_addlike input {
	display: none;
}
.btn_addlike label {
	display: inline-block;
	margin-left: 6px;
	width: 20px; height: 18px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/formstyle/btn_addlike.png) no-repeat center;
	cursor: pointer;
}
.btn_addlike input:checked + label {
	background-image: url(../../images/client/formstyle/btn_addlike_on.png);
}
.btn_setbasic {
	width: 19px; height: 24px;
	font-size: 0; line-height: 0;
	background-color: transparent;
	background-position: center;
	background-image: url(../../images/client/formstyle/btn_setbasic.png);
	background-repeat: no-repeat;
}
.btn_setbasic.on {
	background-image: url(../../images/client/formstyle/btn_setbasic_on.png);
}
.btn_setbasic input {
	display: none;
}


.btn_search {
	position: absolute; top: 0; right: 0;
	width: 52px; height: 100%;
	font-size: 0;
	background-color: transparent;
	background-image: url(../../images/client/formstyle/btn_search.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.btn_refresh {
	position: absolute; top: 50%; right: 0;
	padding: 0 12px 0 32px;
	height: 40px;
	color: var(--dark1); font-size: 1.4rem; font-weight: 500; line-height: 40px; 
	background-color: transparent;
	background-image: url(../../images/client/formstyle/btn_refresh.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	transform: translateY(-50%);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.btn_refresh2 {
	padding-left: 22px;
	font-size: 1.5rem;
	background: rgba(0, 0, 0, 0) url(../../images/client/formstyle/btn_refresh2.png) no-repeat left center;
}
.btn_programcard, .btn_programlist {
	display: inline-block;
	width: 40px; height: 40px;
	font-size: 0; line-height: 40px;
	background-color: transparent;
	background-repeat: no-repeat; background-position: center;
}
.btn_programcard {
	background-image: url(../../images/client/formstyle/btn_programcard.png); 
}
.btn_programlist {
	background-image: url(../../images/client/formstyle/btn_programlist.png);
}
.btn_programcard.on, .btn_programlist.on {
	color: #243757;
}
.btn_programcard.on {
	background-image: url(../../images/client/formstyle/btn_programcard_on.png);
}
.btn_programlist.on {
	background-image: url(../../images/client/formstyle/btn_programlist_on.png);
}
.btn_del {
	width: 14px; height: 14px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/formstyle/btn_del.png) no-repeat;
}
.btn_listdel {
	width: 30px; height: 30px;
	text-indent: -9999px;
	background: #9e9e9e url(../../images/client/sub/btn_listdel.png) no-repeat center 45%;
	background-size: 15px;
}
.btn_rowedit {
	position: relative;
	padding-left: 22px; padding-top: 1px;
	color: #232323; font-size: 1.5rem;
	background-color: rgba(0,0,0,0);
}
.btn_rowedit::before {
	content: "";
	position: absolute; top: 50%; left: 0;
	margin-top: -8px;
	width: 16px; height: 16px;
	background-repeat: no-repeat;
	background-position: center;
}
.btn_rowedit.btn_rowadd::before {
	background-image: url(../../images/client/formstyle/btn_row_add.png);
}
.btn_rowedit.btn_rowdel::before {
	background-image: url(../../images/client/formstyle/btn_row_del.png);
}
.btn_wishlist {
	position: relative;
	display: inline-block;
}
.btn_wishlist::before{
	position: absolute; top: 50%; left: 0;
	content: '';
	width: 1px; height: 12px;
	background: #E0E3EB;
	transform: translateY(-50%);
}
.btn_wishlist::after{
	position: absolute; top: 50%; right: 0;
	content: '';
	width: 1px; height: 12px;
	background: #E0E3EB;
	transform: translateY(-50%);
}
.btn_wishlist input {
	display: none;
}
.btn_wishlist label {
	display: inline-block;
	padding: 0 12px 0 32px;
	min-width: 70px;
	line-height: 40px; color: var(--dark1); font-size: 1.4rem; font-weight: 500;
	background-image: url(../../images/client/formstyle/btn_wishlist.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	border: none;
	cursor: pointer;
}
.btn_wishlist input:checked + label {
	background-image: url(../../images/client/formstyle/btn_wishlist_on.png);
}
.btn_wishlist.wishlist2::before,.btn_wishlist.wishlist2::after{
	display: none;
}
.btn_check {
	display: inline-block;
}
.btn_check input {
	display: none;
}
.btn_check label {
	display: inline-block;
	padding: 0 12px;
	min-width: 70px;
	line-height: 40px; color: #898D9C; font-size: 1.4rem;
	border: none;
	cursor: pointer;
}
.btn_check input:checked + label {
	color: var(--dark1);
}
.btn_goto {
	position: relative;
	display: inline-block;
	padding-right: 26px;
	color: #fff; font-size: 1.5rem; font-weight: 500; line-height: 16px;
	background: url(../../images/client/formstyle/btn_goto.png) no-repeat right center;
}
.btn_goto::after {
	content: "";
	position: absolute; left: 0; bottom: -3px;
	display: block;	
	width: 1px; height: 1px;
	background: #fff;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	opacity: 0;
} 

/* 페이징 */
.paging_wrap {
	padding-top: 25px;
	font-size: 0; line-height: 0; text-align: center;
}
.grid_row_md + .paging_wrap {
	padding-top: 10px;
}
.grid_row_lg + .paging_wrap {
	padding-top: 12px;
}
.paging_wrap a {
	display: inline-block;
	margin-right: 12px;
	width: 26px; height: 26px;
	color: #858c94; font-size: 1.6rem; line-height: 26px; text-align: center; vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.paging_wrap a.active {
	color: #fff;
	background: var(--primary);
}
.paging_wrap .page_con {
	margin-right: 0;
	font-size: 0; line-height: 0;
	background-repeat: no-repeat; background-position: center;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.paging_wrap .first_page {
	margin-right: 12px;
	width: 14px; height: 12px;
	background-image: url(../../images/client/formstyle/page_first.png);
}
.paging_wrap .last_page {
	margin-left: 12px;
	width: 14px; height: 12px;
	background-image: url(../../images/client/formstyle/page_last.png);
}
.paging_wrap .pre_page {
	margin-right: 22px;
	width: 7px; height: 12px;
	background-image: url(../../images/client/formstyle/page_prev.png);
}
.paging_wrap .next_page {
	margin-left: 10px;
	width: 7px; height: 12px;
	background-image: url(../../images/client/formstyle/page_next.png);
}

/* 첨부파일 */
.filedown_link {
	color: var(--dark1);
}
.attach_file_wrapper {
	position: relative;
	padding-bottom: 6px;
}
.attach_file_wrapper strong {
	display: block;
	margin-bottom: 5px;
	padding-left: 20px;
	font-size: 1.6rem; font-weight: 500;
	background-image: url(../../images/client/formstyle/bg_fileform.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.attach_file_box {
	display: inline-block;
	margin: 6px 3px 0 3px;
	width: 120px; height: 120px;
}
.attach_file_box input{
	display: none;
}
.attach_file_box .attach_file {
	/* 파일첨부 박스 */
	position: static;
	display: inline-block;
	padding: 78px 0 0 0;
	width: 100%; height: 100%;
	color: #333333; font-weight: 500; font-size: 1.5rem; text-align: center;
	background: #fff url(../../images/client/formstyle/icon_addfile.png) no-repeat 28px 15px;
	border: 3px dashed #ebebeb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.file_thumbnail {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 6px 3px 0 3px;
	width: 120px;
	background-color: #fff;
	border: 1px solid #ebebeb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.file_thumbnail a {
	display: block;
	width: 100%; 
}
.file_thumbnail .thumbnail_img {
	position: relative;
	width: 100%; height: 88px;
	overflow: hidden
}
.file_thumbnail .thumbnail_img img {
	position: absolute; top: 50%; left: 50%;
	max-width: 120%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.file_thumbnail a span {
	overflow: hidden;
	display: block;
	width: 100%; height: 30px;
	padding-left: 25px;
	background: #ebebeb url(../../images/client/formstyle/icon_filelinked.png) no-repeat 5px center;
	font-size: 1.3rem; line-height: 30px; white-space: nowrap;
	text-overflow: ellipsis;
}
.file_thumbnail .btn_del {
	position: absolute; top: 5px; right: 5px; z-index: 10;
}

/* 첨부파일 - 드래그용 */
.attachment_box.disabled {
	position: relative;
}
.attachment_box.disabled::after {
	content: "";
	position: absolute; top: 0; left: 0; z-index: 1;
	display: block;
	width: 100%; height: 100%;
	background: rgba(255,255,255,0.7);
}
.attachment_box .top {
	position: relative;
	margin-bottom: 8px;
	padding: 10px 16px;
	color: #717171; 
	background: #F8F9FB;
	/* border: 1px solid #ebebeb; */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.attachment_box .top .btn_round {
	margin: -1px 2px -1px -1px;
}
.attachment_box .check_row {
	position: absolute; top: 50%; right: 10px;
	margin: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.attachment_box .inner {
	position: relative; z-index: 1;
	padding: 9px;
	height: 100px;
	background-color: #F8F9FB;
	overflow-y: auto;
}
.addfile_info {
	position: absolute; top: 50%; left: 50%; z-index: -1;
	display: inline-block;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.addfile_info dt {
	color: #898D9C; font-size: 1.8rem; font-weight: 500; word-break: keep-all;
}
.addfile_info dd {
	margin: 0 auto;
	max-width: 412px;
	display: none;
}
.addfile_info dd span {
	display: inline-block;
	margin: 0 5px 5px; padding: 0 7px;
	min-width: 70px;
	color: #fff; letter-spacing: -0.04em;
	font-size: 1.5rem;
	background: #88a2e1;
	border-radius: 5px;
}
.file_added {
	position: relative;
	margin-bottom: 10px; padding: 7px 10px 7px 30px;
	background: #fbfbfb;
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: default;
}
.file_added:last-child {
	margin-bottom: 0;
}
.file_added::before {
	position: absolute; top: 50%; left: 7px;
	content: "";
	display: inline-block;
	margin-top: -8px;
	width: 16px; height: 16px;
	vertical-align: middle;
	background-repeat: no-repeat; background-position: center;
}
.file_added.video::before {
	background-image: url(../../images/client/formstyle/icon_video.png);
}
.file_added.image::before {
	background-image: url(../../images/client/formstyle/icon_image.png);
}
.file_added.document::before {
	height: 17px;
	background-image: url(../../images/client/formstyle/icon_document.png);
}
.file_added i {
	color: #949494; font-style: normal; vertical-align: top;
}
.file_added a {
	display: block;
	font-family: Notokr, sans-serif; 
	word-break: break-all; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.file_added a:hover {
	color: #a72b43;
	text-decoration: underline; 
}
.file_added span {
	display: block;
	padding-right: 27px;
	word-break: break-all; white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden;
}
.file_added span + .btn_del {
	position: absolute; top: 50%; right: 7px;
	display: inline-block;
	margin-top: -10px; margin-left: -10px;
	width: 20px; height: 20px;
	font-size: 0; line-height: 0; vertical-align: top;
	background: #ccc url(../../images/client/formstyle/btn_del.png) no-repeat center;
	border: none; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.file_added .btn_del:hover {
	background-color: #b8b8b8;
}

.file_added.file_deleting {
	background-color: #fdfdfd;
	border-color: #f4f4f4;
}
.file_added.file_deleting span {
	opacity: 0.4;
}
.file_added.file_deleting::before {
	opacity: 0.4;
}
.file_added.file_deleting .btn_del {
	background-color: #a92741 ;
	background-image: url(../../images/client/formstyle/btn_undo.png);
	background-position: center 42%;
}
.file_added.file_deleting .btn_del:hover {
	background-color: #801d31;
}
.attachment_box .bottom {
	position: relative;
	margin-top: 2px; padding: 10px;
	color: #717171; font-size: 14px; 
	background: #fbfbfb;
	border: 1px solid #ebebeb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
}
.attachment_box .detail {
	margin-top: 10px;
	color: #898D9C;
	font-size: 1.4rem;
}
.test_bar {
	overflow: hidden;
	width: 100%; height: 15px;
	margin-bottom: 10px;
	position: relative;
	background-color: #ececec;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.test_bar p {
	height: 15px;
	background: #94D5F3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.attachment_box .test_bar {
	margin-bottom: 0;
}
.file_volume {
	margin-top: 3px; margin-right: 5px;
	font-size: 12px; line-height: 1; text-align: right;
}

.attach_file_wrapper .attachment_box .inner {
	min-height: 200px; height: auto;
}

/* 검색 */
.search_input {
	position: relative; 
}
.search_input input.form_style {
	padding-right: 78px;
	width: 100%;
}

.search_box {
	position: relative;
	padding: 0 108px 0 0;
}
.search_box .btn_refresh {
	position: absolute; top: 50%; right: 0;
	padding: 0;
	width: 100px; height: 52px;
	background-image: none;
	background-color: var(--white);
	border: 1px solid #E0E3EB;
	border-radius: 8px;
}
.search_box .select_form label {
	text-align: center;
}

.search_inner {
	position: relative;
	/* margin-right: 8px; */
	background: #F8F9FB;
	border-radius: 8px;
}
.search_inner input[type="text"].form_style {
	padding: 0 50px 0 16px;
	width: 100%; height: 52px; 
	background: transparent;
	border: none;
}
.search_top >  .search_inner{
	margin-right: 8px;
}

.search_keyword {
	/* padding-right: 52px; */
	width: 305px;
	overflow: hidden;
}
.search_keyword::after {
	content: "";
	display: none;
	clear: both;
}
.search_keyword strong {
	position: relative;
	display: block;
	float: left;
	margin-left: -100px;
	width: 100px;
	color: #1e2446; font-size: 1.5rem; text-align: center; line-height: 38px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.search_keyword strong:after {
	position: absolute; right: 0;
	content: "|";
	color: #b3b9cd;
}

/* .search_lg_keyword {
	padding-left: 120px;
}
.search_lg_keyword strong {
	margin-left: -120px;
	width: 120px;
} */

.search_xl_keyword {
	padding-left: 150px;
}
.search_xl_keyword strong {
	margin-left: -150px;
	width: 150px;
}

.search_select {
	padding-left: 90px;	
}
.search_select .select_form {
	position: relative;
	display: block;
	float: left;
	margin: 0; margin-left: -90px;
	width: 90px; height: 52px;
	 font-size: 1.4rem; text-align: center; line-height: 52px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	overflow: hidden;
}
.search_xl_select {
	padding-left: 160px;
}
.search_xl_select .select_form {
	margin-left: -160px;
	width: 160px;
}


.search_box2 {
	position: relative;
	padding: 0 108px 0 0;
}
.search_box2 .select_form label {
	text-align: center;
}
.search_box2 .btn_search {
	position: absolute; top: 50%; right: 0;
	transform: translateY(-50%);
}
.search_box2 .btn_refresh {
	position: absolute; top: 50%; right: 0;
	padding: 0;
	width: 100px; height: 52px;
	background-image: none;
	background-color: var(--white);
	border: 1px solid #E0E3EB;
	border-radius: 8px;
}
.search_box2 .search_inner{
	width: 410px;
	margin-right: 0;
}
.search_box3 {
	position: relative;
	width: 100%;
}
.search_box3 .search_top {
	display: flex;
	justify-content: flex-end;
}
.search_box3 .select_form label {
	text-align: left;
}
.search_box3 .btn_search {
	position: absolute; top: 0; right: 0;
}
.search_box3 .btn_detail {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px; height: 52px;
	color: var(--dark3); font-size: 14px; font-weight: 500;
	background-color: var(--white);
	border: 1px solid var(--light1);
	border-radius: 8px;
}
.search_box3 .btn_detail::after {
	position: relative;
	content: "";
	display: inline-block;
	margin-left: 5px;
	width: 16px; height: 16px;
	vertical-align: 0;
	background-image: url(../../images/client/formstyle/btn_searchdetail.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.search_box3 .btn_detail.on {
	color: var(--white);
	background-color: var(--navy);
}
.search_box3 .btn_detail.on::before{
	background-image: url(../../images/client/formstyle/btn_searchdetail_on.png);
}
.search_box3 .search_detail {
	display: none;
	margin-top: 30px;
	padding-top: 28px;
	border-top: 2px solid var(--navy);
}
.search_box3 .search_detail > div{
	display: flex;
	justify-content: center;
	flex-flow: column;
	align-items: center;
}
.search_box3 .search_detail > div.btn_area{
	align-items: inherit;
	flex-flow: row;
	justify-content: space-between;
	padding: 0;
}
.search_box3 .search_detail > div.btn_area .btn_positive2{
	padding: 0 12px;
	height: inherit;
	border: none;
}
.search_box3 .search_detail > div.btn_area:has(.btn_positive2) .btn_refresh{
	right: 106px;

}
.search_box3 .search_detail > div.btn_area .btn_refresh{
	right: 0;
}


.search_box3 .search_detail > ul {
	/* padding: 0 175px; */
	/* padding: 0 29.3%; */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}
.search_box3.grid3 .search_detail > ul {
	padding: 0 275px;
}
.search_box3 .search_detail > ul > li {
	display: flex;
	margin-bottom: 16px;
	min-height: 40px;
	align-items: baseline;
}
.search_box3 .search_detail > ul > li:last-child {
	margin-bottom: 0;
}
.search_box3 .search_detail > ul > li > strong {
	flex-shrink: 0;
	margin-right: 0;
	width: 130px;
	font-size: 1.6rem; font-weight: 500; line-height: 2.4rem;
	text-overflow: ellipsis; white-space: nowrap;
	overflow: hidden;
}
.search_box3 .search_detail > ul > li > div {
	display: flex;
	flex-flow: wrap;
	/* width: 100%; */
	width: 360px;
}

.search_box3 .search_detail .check_col_wrapper.check_btn_wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}
.search_box3.grid3 .search_detail .check_col_wrapper.check_btn_wrap{
	grid-template-columns: repeat(3, 1fr);
}
.search_box3 .search_detail .check_col_wrapper.check_btn_wrap .check_col{
	width: 100%;
}
.search_box3 .search_detail .check_col_wrapper.check_btn_wrap .check_col label{
	display: flex;
}
.search_box3 .search_detail .select_form{
	width: 100%;
}
.search_box3 .search_detail .search_day {
	margin-right: 10px;
}
.search_box3 .search_detail .search_day:last-child {
	margin-right: 0;
}
.search_box3 .search_detail .search_day input[type="text"].form_style {
	height: 38px;
}
/* .search_box3 .search_detail .radio_row, .search_box3 .search_detail .check_row {
	margin-right: 20px;
} */
.search_box3 .search_detail .member_list {
	/* position: absolute; bottom: 0; left: 0; */
	z-index: 1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: start;
	flex-flow: wrap;
	gap: 12px;
	padding: 0 0 0 174px;
	width: calc(100% - 235px); min-height: 40px; 
}
.search_box3 .search_detail .member_list p {
	margin: 0;
	padding: 0 30px 0 0;
	color: var(--dark3); font-size: 1.4rem; font-weight: 500;
	background: transparent;
	border: none;
	border-radius: 0;
}
.search_box3 .search_detail .member_list p span{
	vertical-align: 0;
}
.search_box3 .search_detail .detail_wrap {
	position: relative;
	padding: 0 174px;
}
.search_box3 .search_detail .detail_wrap.tab_js{
	align-items: baseline;
}
.search_box3 .search_detail .detail_wrap .tab_list_js {
	display: flex;
	justify-content: start;
	gap: 8px;
	width: 100%;
}
.search_box3 .search_detail .detail_wrap .tab_list_js li {
	margin-bottom: 12px;
}
.search_box3 .search_detail .detail_wrap .tab_list_js li a {
	display: block;
	padding: 14px 36px 14px 16px;
	color: var(--dark3); font-size: 1.6rem; font-weight: 500;
	background-color: var(--light1);
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 16px;
	background-image: url(../../images/client/formstyle/btn_tab.svg);
	border-radius: 8px;
}
.search_box3 .search_detail .detail_wrap .tab_list_js li.on a {
	color: var(--white);
	background-color: var(--primary);
	background-image: url(../../images/client/formstyle/btn_tab_on.svg);
}
.search_box3 .search_detail .detail_wrap .tab_cnt_js {
	min-height: 250px; width: 100%;
	background-color: var(--white);
	border: 1px solid var(--light1);
	border-radius: 8px;
}
.search_box3 .search_detail .classify_box {
	display: flex;
}
.search_box3 .search_detail .classify_box > * {
	flex: 1;
	text-align: center;
}
.search_box3 .search_detail .classify_box > div > strong {
	font-size: 0;
	position: absolute;	
	/* padding: 0 15px;
	line-height: 45px; font-weight: 500; color: #fff;
	background-color: #6f99d1; */
}
.search_box3 .search_detail .classify_box > div > div {
	padding: 0;
	height: 251px;
	border-right: 1px solid var(--light1);
}
.search_box3 .search_detail .classify_box > div > div  > div{
	padding: 12px 0;
}
.search_box3 .search_detail .classify_box > div:last-child > div {
	border-right: none;
}
.search_box3 .search_detail .classify_box > div:last-child > div li.on{
	background: none;
}
.search_box3 .search_detail .classify_box ul {
	padding: 12px 0;
	height: 250px;
	overflow: auto;
}
.search_box3 .search_detail .classify_box ul li {
	float: left;
	width: 50%;
	text-align: left;
}
.search_box3 .search_detail .classify_box ul li a {
	display: block;
	padding: 10px 12px;
	color: var(--dark1); font-size: 1.4rem; font-weight: 500; line-height: 2.4rem;
	
}
.search_box3 .search_detail .classify_box ul li.on{
	background-color: rgba(156, 235, 234, 0.30);	
	background-image: url(../../images/client/formstyle/icon_search_tab.png);
	background-repeat: no-repeat;
	background-position: right 12px center;
}
.search_box3 .search_detail .classify_box > div:last-child ul.tab_switch_js.sClass .radio_row{
	width: 100%;
	margin: 0;
	padding: 10px 12px;
	line-height: 2.4rem; text-align: left; font-size: 1.4rem;
}
.search_box3 .search_detail .classify_box > div:last-child ul.tab_switch_js.sClass .radio_row label{
	padding: 0;
	background: none;
}
.search_box3 .search_detail .classify_box > div:last-child ul.tab_switch_js.sClass .radio_row input:checked + label{
	background: none;
	color: var(--primary);
	font-weight: 700;
}
.search_box3 .search_detail .classify_box ul li.on a {
	color: var(--primary); font-weight: 700;
}
.search_box3 .search_detail .classify_box.choice ul li {
	width: 100%;
}
.search_box3 .search_detail .classify_box.choice2 > div:last-child {
	flex: 2;
}
.search_box3 .search_detail .check_col_wrapper {
	height: 100%;
	overflow-y: auto;
}
.search_box3 .search_detail .check_col_wrap {
	display: block;
}
.search_box3 .search_detail .check_col {
	margin: 0 0 10px 0;
	width: calc(100% / 3);
	text-align: left;
}
.search_box3 .search_detail .check_col label {
	color: #494949; text-align: left;
}
.search_box3 .search_detail .radio_wrapper {
	height: 100%;
	text-align: left; font-size: 0;
	overflow-y: auto;
}
.search_box3 .search_detail .radio_wrapper .radio_row {
	margin: 0;
	padding: 10px 12px;
	width: 50%;
	color: var(--dark1); font-size: 1.4rem; font-weight: 500; line-height: 2.4rem; text-align: left; vertical-align: top;
}
.search_box3 .search_detail .radio_wrapper .radio_row label {
	padding: 0;
	background: none;
}
.search_box3 .search_detail .radio_wrapper .radio_row input:checked + label {
	color: var(--primary); font-weight: 700;
}
.search_box3 .search_detail .classify_box .check_col_wrap > * {
	float: left;
	width: 50%;
}
.search_box3 .search_detail .classify_box .check_col label {
	padding: 0;
	height: auto;
	line-height: 24px;
}
.search_box3 .search_detail .classify_box.choice .check_col_wrap > *, .search_box3 .search_detail .classify_box.choice .radio_wrapper .radio_row {
	width: 100%;
}
.search_box3 .search_detail .tab_js:not(.tab_js2) #tab3 .classify_box ul li{
	width: 100%;
}
.search_box3 .search_detail .tab_js:not(.tab_js2) #tab3 .check_col{
	margin: 0;
	padding: 10px 12px;
}
.search_box3 .search_detail .tab_js:not(.tab_js2) #tab3 .check_col label{
	color: var(--dark1);
	border: none;
	transition: 0s;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
}
.search_box3 .search_detail .tab_js:not(.tab_js2) #tab3 .check_col input:checked + label{
	color: var(--primary); font-weight: 700;
	background: transparent;

}

.search_box3 .search_detail .item_area {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	width: 100%;
}
.search_box3 .search_detail .item_area:last-child {
	margin-bottom: 0;
}
.search_box3 .search_detail .detail_day{
	margin-top: 16px;
	padding: 0;
}
.search_box3 .search_detail .detail_day .item_area{
	display: flex;
	align-items: center;
	gap: 40px;
}
.search_box3 .search_detail .item_area .tit {
	display: inline-block;
	width: 140px; line-height: 2.4rem;
	text-align: left; font-size: 1.6rem; font-weight: 500; color: var(--dark1);
}
.search_box3 .search_detail .item_area .item {
	display: flex;
	align-items: center;
}
.search_box3 .search_detail .item_area .item .search_day {
	margin: 0;
	padding-left: 0;
	width: 200px; height: 48px;
	/* border: 1px solid rgba(224, 227, 235, 0.92); */
	border-radius: 8px;
}
.search_box3 .search_detail .item_area .search_day input[type="text"].form_style {
	height: 48px;
	line-height: 48px;
}
/* .search_box3 .search_detail .item_area .search_day .calendar_open {
	top: 13px;
} */
.search_box3 .search_detail .item_area .search_day + span {
	margin: 0 8px;
	color: var(--dark3); font-size: 1.4rem; font-weight: 500;
}
.search_box3 .btn_area {
	position: relative;
	margin-top: 28px;
	padding: 0 174px;
	min-height: 40px; width: 100%;
	background: #F8F9FB;
	border-bottom: 1px solid #E0E3EB;
}
.search_box3 .btn_positive2 {
	padding: 0 20px;
	line-height: 40px; font-size: 1.6rem;
}
.search_box3 .search_select .select_form{
	height: 100%;
	font-size:1.4rem; line-height: 50px;
	border: 1px solid #F8F9FB;
}
.search_box3 .select_form .select_custom{
	height: 48px;
}
.search_box3 input[type="text"].form_style{
	width: 100%;
}

.search_box3 .search_detail .detail_wrap.tab_js.tab_js2{
	flex-flow: row;
	gap: 16px;
}
.search_box3 .search_detail .detail_wrap.tab_js2 .tab_list_js li.on a, .search_box3 .search_detail .detail_wrap.tab_js2 .tab_list_js li a{
	background-image: none;
}
.search_box3 .search_detail .detail_wrap.tab_js2 .tab_list_js li{
	margin-bottom: 0;
}
.search_box3 .search_detail .detail_wrap.tab_js2 .tab_list_js{
	flex-flow: column;
	width: 125px;
}
.search_box3 .search_detail .detail_wrap.tab_js2 .tab_cnt_js{
	height: 100%;
	border: none;
	border-radius: 0;
}
.search_box3 .search_detail .tab_js2 .check_col label{
	width: 100%;
}
.search_box3 .search_detail .tab_js2 .check_col_wrap{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}
.search_box3 .search_detail .tab_js2 .check_col{
	width: 100%;
}
.search_box3 .search_detail .tab_js2 .check_col label{
	display: flex; align-items: center;
	padding: 10px 16px 10px 36px;
	height: 100%; min-height: 48px;
	line-height: 1.8rem; color: #898D9C;
	background-image: url(../../images/client/formstyle/icon_radio_check.png);
	background-repeat: no-repeat;
	background-position: 16px center;
	border-radius: 8px;
}
.search_box3 .search_detail .tab_js2 .check_col input:checked + label{
	color: var(--primary);
	background-color: #fff;
	background-image: url(../../images/client/formstyle/icon_radio_check_on.png);
}

/* 검색하단 좌우분할 */
.search_toggle_row {
	position: relative; 
	margin: 30px auto 16px;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* .search_toggle_row::before, .search_toggle_row::after {
	content: ""; display: block; clear: both;
} */
.searchtoggle_top {
	margin-top: -6px;
}
.searchtoggle_left {
	float: left;
	vertical-align: top;
}
.searchtoggle_right {
	float: right;
	vertical-align: top;
}
.searchtoggle_right .select_form {
	margin: 0;
	height: 40px;
	line-height: 38px;
}
.searchtoggle_right .select_form label {
	line-height: 38px;
}
.searchtoggle_right .btn_round {
	margin-left: 6px; 
}
.searchtoggle_right .btn_round:first-child {
	margin-left: 0;
}
.searchtoggle_right .btn_programcard:last-child, .searchtoggle_right .btn_programlist:last-child {
	margin-right: 0;
}
.search_toggle_row .tab_list2 li, .search_toggle_row .check_col {
	margin-top: 0;
}

.search_toggle_row.search_lg_row {
	height: auto;
}
.search_toggle_row.search_lg_row .searchtoggle_left, .search_toggle_row.search_lg_row .searchtoggle_right {
	float: none;
}
.search_toggle_row.search_lg_row .searchtoggle_left {
	text-align: center;
}
.search_toggle_row.search_lg_row .searchtoggle_right {
	text-align: right;
}
.search_toggle_row.search_lg_row .searchtoggle_right .btn_programcard, .search_toggle_row.search_lg_row .searchtoggle_right .btn_programlist {
	margin-top: 20px;
}
.search_toggle_row + .section_area {
	margin-top: 5px;
}



.section_area.total_layout .searchtoggle_right{
	display: flex;
	justify-content: end;
	align-items: center;
	margin: 0 auto 16px;
	width: 100%;
	height: 40px;
}
.section_area.total_layout .searchtoggle_left{
	position: absolute; top: 3px;
}
.section_area.total_layout .searchtoggle_right > .searchtoggle_right{
	flex: 0;
	margin: 0;
}

/* 달력 */
.search_day {
	position: relative;
	display: inline-block;
	width: 100%; height: 48px;
	border-radius: 8px;
	overflow: hidden;
}
.search_day strong {
	position: relative;
	display: block;
	float: left;
	margin-left: -110px;
	width: 110px; 
	color: #243757; font-size: 1.5rem; font-weight: 500; text-align: center; line-height: 38px;
	background: #fff;
}
.search_day strong:after {
	position: absolute; right: 0;
	content: "|";
	color: #ebebeb;
}
.search_day input[type="text"].form_style {
	padding: 0 36px 0 15px;
	width: 100%; height: 48px;
	line-height: 48px;
	border: 1px solid rgba(224, 227, 235, 0.92);

	
}
.search_day .calendar_open {
	position: absolute; right: 6px; top: 50%;
	display: block;
	width: 25px; height: 20px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/formstyle/icon_calendar_on.png) no-repeat center;
	transform: translateY(-50%);
} 
.search_day .calendar_open[disabled] {
	background-image: url(../../images/client/formstyle/icon_calendar.png);
	cursor: default;
}
.searchday_sm {
	width: 120px;
}
.searchday_md {
	width: 170px;
}
.searchday_lg {
	width: 220px;
}

/* 기간검색 달력 */
.search_period {
	position: relative;
	/*margin: 0.2em 0;*/ padding-left: 101px;
	width: 100%; height: 35px;
	background: #fff;
	border: 1px solid #accfe1;
}
.search_period strong {
	position: relative;
	display: block;
	float: left;
	margin-left: -100px;
	width: 100px;
	font-weight: 600;
	text-align: center;
	line-height: 33px;
	color: #193296;
	background: #fff;
}
.search_period strong:after {
	position: absolute;
	right: 0;
	content: "|";
}
.search_period > div {
	display: inline-block;
}
.search_period .search_day {
	padding-left: 0;
	border: 0;
}
.search_period .form_style {
	width: 100%; 
}
.search_period input[type="text"].form_style {
	height: 33px;
}
.search_period .calendar_open {
	display: block;
	width: 20px; height: 22px;
	text-indent: -9999px;
	position: absolute; right: 8px; top: 8px;
	background: url(../../images/client/sub/icon_calender.png) no-repeat;
} 
.search_period input:focus ~ a {
	background: url(../../images/client/sub/icon_calender_on.png) no-repeat;
}
.search_period .calendar_open:focus {
	background-image: url(../../images/client/sub/icon_calender_on.png);
}

.calendar_row {
	position: relative;
	font-size: 0;
}
.calendar_row .search_day {
	display: inline-block;
	width: 50%;
	font-size: 1.5rem;
}

@media screen and (max-width:1279px) {

	/* 탭 1279 */
	.tab_list a { 
		min-width: 130px;
	}

	.tabrow_list {
		width: 220px;
	}
	.tabrow_list li a {
		font-size: 1.7rem;
	}
	.tabrow_list li a span {
		padding: 0 20px;
	}
	.tabrow_cnt {
		padding: 30px;
	}


}
@media screen and (max-width:1079px) {


}
/* ================= hover ================= */
@media screen and (min-width:1025px) {
	
	/* 버튼 컬러 hover */
	.btn_positive1:hover {
		background-color: #008080 !important;
	}
	.btn_positive2:hover {
		background-color: #008080 !important;
	}
	.btn_negative1:hover {
		background-color: #fffafa !important;
	}
	.attachment_box .btn_positive1:hover {
		background-color: #fffafa !important;
	}
	.btn_negative2:hover {
		background-color: #8f3031 !important;
	}
	.btn_neutral:hover {
		background-color: #fbfbfb !important;
	}
	.btn_bo_positive1:hover {
		background-color: #f3ffff;
	}
	.btn_bo_positive2:hover {
		background-color: #fbfbfb;
	}
	.btn_bo_negative1:hover {
		background-color: #f5f5f5;
	}
	.btn_bo_negative2:hover {
		background-color: #ffecec;
	}
	.btn_bo_neutral:hover {
		background-color: #fbfbfb;
	}
	.btn_disabled:hover {
		color: #898989 !important;
		background-color: #d7d7d7 !important;
		border-color: #d7d7d7 !important;
		cursor: default;
	}

	/* 버튼 종류 hover */
	.btn_more:hover {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.btn_search:hover {
		background-image: url(../../images/client/formstyle/btn_search_on.svg);
	}
	
	.btn_goto:hover::after {
		width: calc(100% - 26px);
		opacity: 1;
	}

	/* 첨부파일 hover */
	.filedown_link:hover {
		text-decoration: underline;
	}
	.attach_file_box .attach_file:hover {
		border-color: #009ab7;
	}

	/* 검색 hover */
	.search_box3 .btn_detail:hover {
		background-color: var(--navy);
	}
	.search_box3 .btn_detail:hover{
		color: var(--white);
	}
	.search_box2 .btn_refresh:hover{
		background-color: #fbfbfb;
	}
}
/* ================= //hover ================= */
@media screen and (max-width:1024px) {

	/* 탭 1024 */
	.tab_list a {
		min-width: 110px;
		font-size: 1.4rem; 
	}
	
	.tab_list li.on a::after {
		height: 4px;
	}
	.tabrow_wrap {
		display: block;
	}
	.tabrow_list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 100%;
	}
	.tabrow_list::after {
		content: ""; display: block; clear: both;
	}
	.tabrow_list li {
		float: left;
		width: 20%; height: auto;
	}
	.tabrow_list li a {
		font-size: 1.6rem;
	}
	.tabrow_list li a span {
		padding: 0 10px;
		left: 50%;
		width: 100%;
		text-align: center;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}

	/* 검색하단 좌우분할 1024 */
	.search_toggle_row.search_md_row {
		height: auto;
		margin: 28px 0 0;
	}
	.search_toggle_row.search_md_row .searchtoggle_left, .search_toggle_row.search_md_row .searchtoggle_right {
		float: none;
	}
	.search_toggle_row.search_md_row .searchtoggle_left {

		text-align: left;
		/* border-bottom: 1px dashed #ebebeb; */
	}
	.search_toggle_row.search_md_row .searchtoggle_right {
		display: flex;
		/* justify-content: end; */
		align-items: center;
	}
	.search_toggle_row.search_md_row .searchtoggle_right  > *{
		flex-shrink: 0;
	}

	/* 버튼 영역 1024 */
	.btn_rowposition .inner {
		top: -5px;
		text-align: right;
	}
	.btn_rowposition .btn, .btn_rowposition .btn_round, .btn_rowposition .btn_circle, .btn_rowposition .select_form {
		margin: 6px 3px;
	}
	.rowposition_lg .inner {
		position: static;
		margin-top: -11px; margin-bottom: 3px;
	}
	.rowposition_lg .btn:first-child, .rowposition_lg .btn_round:first-child, .rowposition_lg .btn_circle:first-child {
		margin-left: 0;
	}

	/* 검색 1024 */
	.search_keyword{
		width: 100%;
		padding-right: 0;
	}
	.search_box2 .search_inner{
		width: 100%;
	}

	.search_box3 .search_top {
		justify-content: flex-start;
		margin-top: 20px;
	}
	.search_box3 .search_inner{
		/* width: calc(100% - 104px); */
		width: 100%;
	}
	.search_box3 .search_top:has(.btn_detail) .search_inner{
		width: calc(100% - 104px - 8px);
	}
	.search_box3 .search_detail {
		margin-top: 20px;
	}
	.search_box3.grid3 .search_detail > ul{
		padding: 0 50px;
	}
	.search_box3 .search_detail > ul {
		padding: 0 50px;
	}
	.search_box3 .search_detail .detail_wrap{
		padding: 0 80px;
	}
	.search_box3 .btn_area{
		padding: 0 80px;
	}
	.search_box3 .search_detail .classify_box > div > div {
		padding: 10px;
	}
	.search_box3 .search_detail .tab_cnt_js .classify_box > div > div{
		padding: 0;
	}
	.search_box3 .search_detail .check_col {
		width: 50%;
	}
	.search_box3 .search_detail .check_col_wrapper.check_btn_wrap{
		grid-template-columns: repeat(3, 1fr);
	}
	.search_box3 .search_detail .detail_wrap.tab_js.tab_js2{
		flex-flow: column;
	}
	.search_box3 .search_detail .detail_wrap.tab_js2 .tab_list_js{
		flex-flow: row;
		width: 100%;
	}
	.search_box3 .search_detail .member_list{
		padding: 0 80px;
	}
	.search_box3 .search_detail .tab_js2 .check_col_wrap{
		grid-template-columns: repeat(2, 1fr);
	}

}
@media screen and (max-width:768px) {
	
	/* form 공통 768 */
	.form_style {
		padding: 0 8px;
	}

	/* 탭 768 */
	.tab_list {
		margin-bottom: 20px;
	}
	.tab_list a {
		min-width: 80px; 
	}

	.tabrow_list li a {
		min-height: 45px;
	}
	.tabrow_list li a span {
		padding: 0 2px;
		line-height: 1.3em;
	}
	.tabrow_cnt {
		padding: 25px;
	}

	/* 페이징 768 */
	.paging_wrap {
		padding-top: 18px;	
	}
	.grid_row_md + .paging_wrap {
		padding-top: 10px;
	}

	/* 검색 768 */
	/* .search_box{
		padding: 0;
	} */
	.search_box .btn_search {
		padding: 0;
		width: 42px;
		font-size: 0;
		background-position: center;
	}
	/* .search_box .btn_refresh {
		position: relative; top: auto; bottom: auto; left: 50%; right: auto;
		margin-top: 10px;
		padding: 0;
		height: 40px; width: 100%;
		font-size: 1.4rem; line-height: 40px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	} */

	.search_box2{
		padding: 0;
		display: flex;
		gap:8px;
	}
	.search_box2 .btn_search {
		right: 0; top:26px; 
		padding: 0;
		width: 42px; height: 52px;
		background-position: center;
	}
	.search_box2 .btn_refresh {
		position: relative; top: auto; bottom: auto; left: auto; right: auto;
		padding: 0;
		font-size: 1.4rem; 
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: bibe;
	}
	.search_box3 {
		margin-bottom: 28px;
	}
	/* .search_box3 .search_top {
		padding-right: 52px;
	} */
	.search_box3 .btn_search {
		right: 0;
		padding: 0;
		width: 42px;
		font-size: 0;
		background-position: center;
	}
	/* .search_box3:has( > .btn_detail){
		display: flex;
		flex-flow: column;
	} */
	
	.search_box3 .search_detail > ul {
		padding: 0 10px;
	}
	.search_box3 .btn_refresh, .search_box3 .btn_positive2 {
		/* padding: 0 10px; */
		height: 32px;
		font-size: 1.4rem; line-height: 32px;
	}
	.search_box3 .search_detail .detail_wrap {
		padding-left: 0;
	}
	.search_box3 .search_detail .detail_wrap .tab_list_js {
		position: static;
		gap: 12px;
	}
	.search_box3 .search_detail .detail_wrap .tab_list_js > * {
		display: inline-block;
		/* margin-right: 5px; */
		vertical-align: top;
	}
	
	.search_box3 .search_detail .detail_wrap .tab_list_js li a {
		padding: 0 36px 0 20px;
		width: auto;
		line-height: 35px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.search_box3 .search_detail .item_area .tit {
		position: static;
		display: inline-block;
		margin-bottom: 5px; margin-right: 20px;
		width: auto;
		line-height: 35px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.search_box3 .search_detail .item_area .item {
		padding: 0;
	}
	.search_box3 .search_detail .item_area .item .search_day {
		width: auto; height: 40px;
	}
	.search_box3 .search_detail .item_area .search_day input[type="text"].form_style {
		height: 40px;
		line-height: 40px
	}

	.search_box3 .search_detail .member_list{
		padding: 0;
	}
	.search_box3 .search_detail .check_col{
		margin-bottom: 0;
	}

	.search_box3 .search_detail .detail_wrap .tab_cnt_js{
		min-height: 130px;
	}

	.search_box3 .search_detail > ul > li{
		align-items: baseline;
	}
	/* 검색하단 좌우분할 768 */
	.search_toggle_row {
		height: auto;
		margin: 28px auto 16px;
	}
	.searchtoggle_top {
		margin-top: -4px; margin-bottom: 10px;
	}
	
	.searchtoggle_left {
		float: none;
		width: 100%; 
		text-align: center;
	}
	.searchtoggle_right {
		float: none;
		text-align: right;
	}
	.searchtoggle_left .check_col, .searchtoggle_left .radio_col, .searchtoggle_top .check_col, .searchtoggle_top .radio_col {
		margin-top: 4px; margin-right: 4px;
	}
	.searchtoggle_left .check_col label, .searchtoggle_left .radio_col label, .searchtoggle_top .check_col label, .searchtoggle_top .radio_col label {
		min-width: 60px; height: 28px;
		line-height: 28px;
	}

	.search_toggle_row.search_sm_row .searchtoggle_left {
		float: left;
		text-align: left;
	}
	
	.tab_list2{
		margin-bottom: 0;
	}
	/* 달력 768 */
	.search_day {
		padding-left: 80px;
	}
	.search_day strong {
		margin-left: -80px;
		width: 80px;
	}
	
	/* input - checkbox 768 */
	.check_row label {
		padding-left: 22px;
		background-position: left 4px;
	}

	/* input - radio 768 */
	.radio_row{
		margin: 2px 4px 2px 0;
	}
	.radio_row label {
		padding-left: 22px;
		background-position: left 4px;
	}
	/* input - checkbox 768 */
	/* .search_box3 .search_detail > ul > li > div{
		flex-flow: wrap;
		gap: 0 4px;
	} */
	.check_row{
		margin: 0;
		height: 36px; width: 100%;
		line-height: 36px;
	}

	/* 버튼 768 */
	.btn_area {
		margin-top: 25px;
	}
	.section_area:has(.adit_top) .section_sarea.btn_area{
		margin-top: 0;
	}
	
	/* label 768 */
	.label_new {
		width: 15px; height: 15px;
		line-height: 15px; font-size: 0.9rem;
	}
	
	/* 진로설계 tab 768 */
	.tab_plan li a {
		font-size: 1.5rem; word-break: keep-all;
	}
	
	/* input - numbering radio 768 */
	.radio_no_row {
		margin: 0 12px 6px 0;
	}
	.radio_no_row label span {
		width: 20px; height: 20px;
		font-size: 1.5rem;
		line-height: 16px;
	}

	/* 버튼 영역 768 */
	.btn_area .inner {
		display: block;
		margin-top: 10px;
	}
	.btn_area .inner * {
		padding: 0 10px;
	} 
	.btn_rowposition .inner {
		top: -6px;
	}
	.btn_rowposition .btn, .btn_rowposition .btn_round, .btn_rowposition .btn_circle, .btn_rowposition .select_form {
		margin: 4px 2px;
	}
	.rowposition_lg .inner {
		margin-top: -9px; margin-bottom: 2px;
	}
	.rowposition_md .inner {
		position: static;
		margin-top: -9px; margin-bottom: 2px;
	}
	.rowposition_md .btn:first-child, .rowposition_md .btn_round:first-child, .rowposition_md .btn_circle:first-child {
		margin-left: 0;
	}
	.btn_rowposition .section_tit_md + .inner .btn_rowadd {
		margin-top: 14px; margin-right: 5px;
	}
	.btn_rowposition .section_tit_sm + .inner .btn_rowadd {
		margin-top: 14px; margin-right: 5px;
	}

	/* 버튼 종류 768 */
	.btn_search {
		padding-left: 46px; padding-right: 26px;
		background-position: 20px center;
	}
	.btn_listdel {
		width: 18px; height: 18px;
		background-size: 13px;
	}

	/* 첨부파일 768 */
	.attach_file_wrapper strong {
		background-position: 0 1px;
	}

	.btn_rowposition .section_tit_md + .inner{
		top: 50%;
		transform: translateY(-50%);
	}
	.btn_rowposition .section_tit_md + .inner .btn_md{
		line-height: 35px;
	}



}

@media screen and (max-width:690px) {

	/* 탭 690 */
	.tabrow_wrap {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.tabrow_list {
		display: block;
		margin-bottom: 5px;
		text-align: center; font-size: 0;
	}
	.tabrow_list li {
		float: none;
		display: inline-block;
		width: auto;
		margin-right: 5px; margin-bottom: 5px;
	}
	.tabrow_list li a {
		min-width: 150px; min-height: auto;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.tabrow_list li a span {
		position: static;
		padding: 0 10px;
		line-height: 30px;
	}

	/* 검색 690 */
	/* .search_box3 .search_detail > ul > li {
		display: block;
		margin-bottom: 10px;
		min-height: auto;
	}
	.search_box3 .search_detail > ul > li > strong {
		display: block;
		margin-right: 0; margin-bottom: 2px;
		width: 100%;
	}
	.search_box3 .search_detail .detail_wrap .tab_cnt_js {
		min-height: auto;
	}
	.search_box3 .search_detail .classify_box {
		display: block;
	}
	.search_box3 .search_detail .classify_box > div > div {
		height: 150px;
	}
	.search_box3 .search_detail .classify_box > div{
		border-bottom: 1px solid #E0E3EB;

	}
	.search_box3 .search_detail .classify_box > div:last-child{
		border-bottom: none;
	}
	
	.search_box3 .search_detail .classify_box ul {
		height: 150px;
	}
	.search_box3 .search_detail .classify_box > div > div > div{
		padding: 0;
	}
	
	.search_box3 .tab_js .btn_area{
		margin-top: 10px;
	}
	.search_box3 .search_detail .item_area{
		flex-wrap: wrap;
	}
	.search_box3 .search_detail .item_area .tit{
		display: block;
	} */
	.search_box3 .search_detail > ul{
		display: block;
	}
	.search_box3 .search_detail > ul > li > div{
		width: 100%;
	}
}

@media screen and (max-width:480px) {

	/* 탭 480 */
	.tab_list2 li {
		margin-top: 6px; margin-right: 10px;
	}

	.tabrow_list li a {
		min-width: auto;
	}

	/* 버튼 종류 480 */
	.btn_more {
		width: 28px; height: 28px;
	}
	.btn_goto {
		padding-right: 20px;
		min-height: 14px;
		background-size: auto 14px;
	}

	/* 버튼 영역 480 */
	.rowposition_sm .inner {
		position: static;
		margin-top: -9px; margin-bottom: 2px;
	}
	.rowposition_sm .btn:first-child, .rowposition_sm .btn_round:first-child, .rowposition_sm .btn_circle:first-child {
		margin-left: 0;
	}

	/* 페이징 480 */
	.paging_wrap a {
		margin-right: 6px;
		width: 24px; height: 24px;
	}
	.paging_wrap .pre_page {
		margin-right: 14px;
	}
	.paging_wrap .next_page {
		margin-left: 8px;
	}

	/* 첨부파일 - 드래그용 480 */
	.attachment_box .inner {
		height: 120px;
	}
	.addfile_info dt {
		font-size: 1.5rem;
	}
	
	/* 검색 480 */
	.search_box{
		padding: 0;
	}
	
	.search_box .btn_search {
		padding: 0;
		width: 42px;
		font-size: 0;
		background-position: center;
	}
	.search_box .btn_refresh {
		position: relative; top: auto; bottom: auto; left: 50%; right: auto;
		margin-top: 10px;
		padding: 0;
		height: 40px; width: 100%;
		font-size: 1.4rem; line-height: 40px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.search_box2{
		flex-flow: column;
	}
	.search_box2 .btn_refresh{
		width: 100%;
	}
	.search_box3 {
		/* padding: 15px; */
		padding: 0;
	}
	/* .search_box3 .search_top {
		padding-right: 50px;
	} */
	.search_box3 {
		margin-bottom: 0;
	}
	.search_box3 .btn_area{
		margin-top: 20px;
	}
	.search_box3 .search_inner{
		width: 100%;
	}
	.search_box3 .btn_search {
		right: 0;
		padding: 0;
		width: 42px;
		font-size: 0;
		background-position: center;
	}
	.search_box3 .search_detail > ul {
		padding: 0 10px;
	}
	.search_box3 .search_detail > div.btn_area{
		display: flex;
		justify-content: center;
		gap: 0 8px;
		flex-wrap: wrap;
		padding-top: 20px;
		background: transparent;
		border-top: 1px solid #E0E3EB;
		border-bottom: none;
	}
	.search_box3 .search_detail > div.btn_area:has(.member_list){
		padding-top: 0;
		border-top: none;
		
	}
	.search_box3 .search_detail .member_list{
		padding: 10px;
		width: 100%; 
		margin-bottom: 20px;
		background: #F8F9FB;
		border-bottom: 1px solid #E0E3EB;
	}
	.search_box3 .search_detail > div.btn_area .btn_refresh{
		position: relative; right: auto; top: auto;
		border: 1px solid #E0E3EB ;
		margin-right: 0;
		height: 40px; line-height: 40px;
		border-radius: 8px;
		transform: none;
	}
	.search_box3 .search_detail > div.btn_area .btn_positive2{
		border-radius: 8px;
	}
	
	.search_box3 .search_detail .detail_wrap{
		padding: 0;
	}
	.btn_refresh{
		right: 0;
	}
	.search_box3 .btn_refresh, .search_box3 .btn_positive2 {
		height: 32px;
		font-size: 1.4rem; line-height: 32px;
	}
	
	.search_box3 .search_detail > ul > li{
		flex-flow: wrap;
	}
	.search_box3 .search_detail .detail_wrap {
		padding-left: 0;
	}
	.search_box3 .search_detail .detail_wrap .tab_list_js {
		position: static;
		gap: 8px;
	}
	.search_box3 .search_detail .detail_wrap .tab_list_js > * {
		display: inline-block;
		/* margin-right: 5px; */
		vertical-align: top;
	}
	.search_box3 .search_detail .detail_wrap .tab_list_js li a {
		padding: 0 36px 0 16px;
		width: auto;
		line-height: 35px;
	}
	.search_box3 .search_detail .item_area .tit {
		position: static;
		display: flex; align-items: center;
		margin-bottom: 5px;
		width: auto;
		line-height: 35px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.search_box3 .search_detail .item_area .item {
		padding: 0;
	}
	.search_box3 .search_detail .item_area .item .search_day {
		width: auto; height: 40px;
	}
	.search_box3 .search_detail .item_area .search_day input[type="text"].form_style {
		height: 40px;
		line-height: 40px
	}
	.search_box3 .search_detail .check_col_wrapper.check_btn_wrap{
		grid-template-columns: repeat(2, 1fr);
	}
	.search_box3 .search_detail .classify_box ul li.on{
		background-image: none;
	}

	.search_box3 .search_top:has(.btn_detail) .search_inner{
		width: 100%;
	}
	.search_box3 .search_top{
		flex-flow: column;
		gap: 8px
	}
	.search_box3 .btn_detail {
		 width: 100%;
		 transform: none;
	}
	.search_box3 .search_detail {
		margin-top: 15px;
	}
	.search_box3 .search_detail > ul > li > div {
		display: block;
	}
	.search_box3 .search_detail .search_day {
		margin-right: 0; margin-bottom: 5px;
	}
	.search_box3 .search_detail .search_day:last-child {
		margin-bottom: 0;
	}
	.search_box3 .search_detail .check_col {
		width: 100%;
	}
	.search_box3 .search_detail .detail_wrap .tab_list_js li a {
		padding: 0 10px;
	}
	.search_box3 .search_detail .classify_box .check_col_wrap > * {
		width: 100%;
	}
	.search_box3 .search_detail .item_area .tit {
		padding: 0 10px;
	}

	.search_box3 .search_detail .detail_wrap .tab_list_js li.on a, .search_box3 .search_detail .detail_wrap .tab_list_js li a{
		background-image: none;
	}
	.search_box3 .search_detail > ul > li > div:has(.check_row){
		display: flex;
		flex-flow: column;
		gap: 4px;
	}
	.search_box3 .search_detail > ul > li > strong{
		margin-bottom: 8px;
	}
	.search_box3 .search_detail > div.btn_area .btn_refresh{
		width: 100%;
	}
.search_box3 .search_detail > div.btn_area:has(.btn_positive2) .btn{
	width: auto;
}
.search_box3 .search_detail > div.btn_area:has(.btn_positive2) .btn_refresh{
	right: auto;
}
.search_box3 .search_detail .member_list button{
	width: 14px !important;
}


}
@media screen and (max-width:320px) {
	
}