@charset "utf-8";

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

/*Chrome, Firefox, Opera, Safari 20.1+*/
textarea::placeholder {
	color: #ada9a8;
	opacity: 1; /*firefox*/
}
/*IE 10-11*/
textarea:-ms-placeholder {
	color: #ada9a8;
}
/*Microsoft Edge*/
textarea::-ms-placeholder {
	color: #ada9a8;
}

/* 탭영역 */
.tab_list {
	width: 100%; height: 55px;
	margin-bottom: 15px;
	position: relative;
	font-size: 0; line-height: 0;
	border-bottom: 1px solid #d0ccc9;
}
.tab_list li {
	display: inline-block;
	height: 100%;
	color: #929292; font-size: 1.6rem; font-weight: 500; line-height: 50px; vertical-align: top;
	border-top: 1px solid #d0ccc9;
	border-right: 1px solid #d0ccc9;
}
.tab_list li:first-child {
	border-left: 1px solid #d0ccc9;
}
.tab_list li.on {
	height: 55px;
	color: #ff8928;
	border-top: 6px solid #ff8928;
}
.tab_list li a {
	position: relative;
	display: block;
	padding: 0 10px;
	min-width: 100px; height: 100%;
	line-height: 49px; text-align: center;
	background-color: #fff;
	-webkit-transition: all 0.3;
	-moz-transition: all 0.3;
	-o-transition: all 0.3;
	transition: all 0.3;
	cursor: default;
}
.tab_list li.on a {
	line-height: 40px;
}
.tab_list li a span {
	position: absolute; top: 50%; left: 0;
	padding: 0 5px;
	width: 100%;
	line-height: 1.2em; text-align: center; word-break: keep-all;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tab_list li.on a span {
	top: 43%;
}
.tab_list li.disabled {
	border-top-color: #d7d7d7 !important;
}
.tab_list li.disabled a, .tab_list2 li.disabled a {
	color: #898989 !important;
	background-color: #d7d7d7 !important;	
	border-color: #d7d7d7 !important;
	cursor: default !important;
}

.tab_list2 {
	overflow: hidden;
	width: auto;
	font-size: 0; line-height: 0;
	border-bottom: 1px solid #c4c9cc;
}
.tab_list2 li {
	display: inline-block;
	overflow: hidden;
} 
.tab_list2 li a {
	display: block;
	padding: 10px 1.2em;
	min-width: 90px;
	font-size: 1.7rem;  color: #a1a1a1; line-height: 1; text-align: center;
	background-color: #fff; 
	border-top: 1px solid #c4c9cc;
	border-left: 1px solid #c4c9cc;
	border-right: 1px solid #c4c9cc;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
.tab_list2 li.on a {
	color: #fff;
	background-color: #92234e;
	border-top: 1px solid #92234e;
	border-left: 1px solid #92234e;
	border-right: 1px solid #92234e;
}

.tab_list3 {
	margin: -2px 0;
	font-size: 0; line-height: 0;
}
.tab_list3 li {
	display: inline-block;
	margin: 2px;
}
.tab_list3 li a {
	display: block;
	padding: 0 15px;
	color: #92234e; font-size: 1.5rem; line-height: 35px;
	background: #fff;
	border: 1px solid #92234e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
.tab_list3 li.on a {
	color: #fff;
	background: #92234e;
}

.tab_list4 {
	margin: -2px 0 15px;
	font-size: 0; line-height: 0;
}
.tab_list4 li {
	display: inline-block;
	margin: 2px;
}
.tab_list4 li a {
	display: block;
	padding: 0 15px;
	color: #ff8d30; font-size: 1.5rem; line-height: 35px;
	background: #f8f3ef;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
.tab_list4 li.on a {
	color: #fff;
	background: #ff8d30;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.tab_list_row {
	height: 100%;
	border-right: 1px solid #d0ccc9;
}
.tab_list_row li {
	display: block;
	border-bottom: 1px solid #d0ccc9;
	box-sizing: border-box;
}
.tab_list_row li:last-child {
	border-bottom: none;
}
.tab_list_row li a {
	position: relative;
	display: block;
	height: 100%;
	color: #a9a8a8; font-size: 1.8rem; line-height: 68px; 
	border-right: 6px solid rgba(0,0,0,0);
}
.tab_list_row li.on a{
	margin-top: 0;
	color: #92234e; font-weight: 500;
	border-right: 6px solid #92234e;
}
.tab_list_row li a span {
	position: absolute; top: 50%; left: 0;
	padding: 0 20px;
	width: 100%;
	line-height: 1.2em; word-break: keep-all;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tab_list_row li span::before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	width: 44px; height: 44px;
	vertical-align: middle;
	background-repeat: no-repeat; background-position: center; background-size: contain;
}
.tab_list_row .capa1 span::before {
	background-image: url(../../images/client/sub/icon_capa1_off.png);
}
.tab_list_row .capa2 span::before {
	background-image: url(../../images/client/sub/icon_capa2_off.png);
}
.tab_list_row .capa3 span::before {
	background-image: url(../../images/client/sub/icon_capa3_off.png);
}
.tab_list_row .capa4 span::before {
	background-image: url(../../images/client/sub/icon_capa4_off.png);
}
.tab_list_row .capa5 span::before {
	background-image: url(../../images/client/sub/icon_capa5_off.png);
}
.tab_list_row .capa6 span::before {
	background-image: url(../../images/client/sub/icon_capa6_off.png);
}

.tab_list_row .capa1.on span::before {
	background-image: url(../../images/client/sub/icon_capa1.png);
}
.tab_list_row .capa2.on span::before {
	background-image: url(../../images/client/sub/icon_capa2.png);
}
.tab_list_row .capa3.on span::before {
	background-image: url(../../images/client/sub/icon_capa3.png);
}
.tab_list_row .capa4.on span::before {
	background-image: url(../../images/client/sub/icon_capa4.png);
}
.tab_list_row .capa5.on span::before {
	background-image: url(../../images/client/sub/icon_capa5.png);
}
.tab_list_row .capa6.on span::before {
	background-image: url(../../images/client/sub/icon_capa6.png);
}

.tab_list_row .sort1 span::before {
	background-image: url(../../images/client/sub/icon_sort1_off.png);
}
.tab_list_row .sort2 span::before {
	background-image: url(../../images/client/sub/icon_sort2_off.png);
}
.tab_list_row .sort3 span::before {
	background-image: url(../../images/client/sub/icon_sort3_off.png);
}
.tab_list_row .sort4 span::before {
	background-image: url(../../images/client/sub/icon_sort4_off.png);
}
.tab_list_row .sort5 span::before {
	background-image: url(../../images/client/sub/icon_sort5_off.png);
}

.tab_list_row .sort1.on span::before {
	background-image: url(../../images/client/sub/icon_sort1_on.png);
}
.tab_list_row .sort2.on span::before {
	background-image: url(../../images/client/sub/icon_sort2_on.png);
}
.tab_list_row .sort3.on span::before {
	background-image: url(../../images/client/sub/icon_sort3_on.png);
}
.tab_list_row .sort4.on span::before {
	background-image: url(../../images/client/sub/icon_sort4_on.png);
}
.tab_list_row .sort5.on span::before {
	background-image: url(../../images/client/sub/icon_sort5_on.png);
}

.graph_box_wrap {
	padding: 20px;
	width: 100%; height: 100%;
	border: 1px solid #ccc;
}

.tab_button {
	width: auto;
	margin-bottom: 15px;
}
.tab_button li {
	display: inline-block;
}
.tab_button li a {
	display: block;
	padding: 10px 15px;
	font-size: 1.1rem; color: #fff; line-height: 1em;
	background-color: #cccccc;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.tab_button li a.on {
	background-color: #00427c;
}

/* 텝박스 */
.tab_box {
	margin-bottom: 0;
}
.tab_box li {
	vertical-align: bottom;
}
.tab_box + div {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

/* 텝리스트 sm : 텝리스트가 많을때 사용 */
.tab_sm li a {
	min-width: 100px;
} 

/* form 공통 */
.form_style {
	padding: 0 10px;
	line-height: 35px; font-size: 1.5rem; color: #464646;
	background-color: #fff;
	border: 1px solid #d0ccc9;
	box-sizing: border-box;
}
input[type="text"].form_style {
	height: 40px;
	line-height: 38px;
}
input[type="text"].disabled {
	background: #f2f2f2;
}
/* input - checkrow : 검색영역내 체크박스로 사용중인 셀렉트박스 */
.check_row {
	display: inline-block;
	margin: 2px 10px 2px 0;
	font-size: 1.5rem;
}
/*.check_row > input {
	display: none;
}*/
.check_row > label {
	padding: 2px 0 2px 22px;
	background-repeat: no-repeat;
	background-position: 0 1px;
	background-size: 16px;
	background-image: url(../../images/client/common/icon_check.png);
}
.check_row > input:checked + label {
	background-image: url(../../images/client/common/icon_check_on.png);
}
.check_row > input:disabled + label {
	cursor: default;
}


.check_row.shape_check {
	margin: 0;
}
.check_row.shape_check label {
	display: inline-block;
	width: 20px; height: 20px;
	padding: 0;
	font-size: 0; line-height: 0;
}

.check_row_only {
	display: inline-block;
	margin: 2px 0;
	font-size: 1.5rem;
}
.check_row_only label {
	display: inline-block;
	width: 24px; height: 24px;
	text-indent: -9999px;
	background: url(../../images/client/sub/icon_testselect.png) no-repeat center; background-size: contain;
}
.check_row_only input:checked + label {
	background-image: url(../../images/client/sub/icon_testselect_on.png);
}
.check_row_only input:disabled + label {
	cursor: default;
}

/* input - checkcol : 버튼형태의 체크박스 */
.check_col_wrap {
	display: inline-block;
	font-size: 0; line-height: 0;
}
.check_col {
	display: inline-block;
	margin: 4px 4px 0 0;
	font-size: 14px;
}
.check_col > input {
	display: none;
}
.check_col label {
	display: inline-block;
	padding: 0 14px; 
	color: #ff8d30; line-height: 33px; 
	background: #f8f3ef;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
}
.check_col label span {
	line-height: inherit; vertical-align: top; 
}
.check_col input:checked + label {
	color: #fff;
	background: #ff8d30;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.check_col input:disabled + label {
	cursor: default;
}

/* checkbox button - 찜목록 */
.check_btn_wrap {
	display: inline-block;
}
.check_btn_wrap input {
	display: none;
}

/* input - radio */
.radio_row {
	display: inline-block;
	margin: 2px 10px 2px 0;
	font-size: 1.5rem;
}
.radio_row > label {
	padding: 2px 0 2px 22px;
	background-repeat: no-repeat;
	background-position: left 4px;
	background-size: 16px;
	background-image: url(../../images/client/common/icon_radio.png);
}
.radio_row > input:checked + label {
	background-image: url(../../images/client/common/icon_radio_on.png);
}
.radio_row > input:disabled + label {
	cursor: default;
}


/* input - numbering radio */
.radio_no_row {
	display: inline-block;
	margin: 0 10px 6px 0;
	font-size: 1.5rem;
}
.radio_no_row label {
	padding: 2px 0;
}
.radio_no_row label span {
	display: inline-block;
	margin-right: 6px;
	width: 18px; height: 18px;
	color: #494949; font-size: 1.3rem; line-height: 16px; text-align: center; vertical-align: top; font-weight: 600;
	border: 1px solid #858585;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.radio_no_row input:checked + label {
	color: #ff8929;
}
.radio_no_row input:checked + label span {
	color: #ff8929;
	border-color: #ff8929;
}
.radio_no_row input:disabled + label {
	cursor: default;
}

/* 취업상담 - 방문상담/온라인상담 라디오 버튼 */
.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);
}
.radio_btn input:disabled + label {
	cursor: default;
}

/* textarea */
textarea.form_style{
	display: block;
	width: 100%;
	padding: 8px 10px;
	font-family: Notokr, 'Apple SD Gothic Neo', sans-serif; font-size: 1.5rem; line-height: 1.5em; color: #535353;
	border: 1px solid #cbc5c4;
}

/* select - 일반 */
.select_formbox {
	position: relative;	z-index: 1;
	display: inline-block;
	margin: 2px 2px 2px 0;
	width: auto;
	line-height: 31px;
	border: 1px solid #d7d7d7;
}
.select_formbox label {
	overflow: hidden;
	display: block;
	width: 100%; height: 100%;
	padding-right: 23px;
	position: absolute; top: 0; bottom: 0; left: 0px;
	color: #999; line-height: 31px;
	white-space: nowrap; text-overflow: ellipsis; text-align: center;
	background: #fff url(../../images/client/sub/bg_select.png)right center no-repeat;
	z-index: -1;
}
.select_formbox .select_common {
	color: #101424; font-weight: 400; text-align: left;
}
.select_formbox .select_custom {
	width: 100%; height: auto;
	font-size: inherit; /*line-height: 33px;*/
	border: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
}

/* select - 검색창 */
.section_aside {
	float: right;
	display: inline-block;
	margin-top: -41px; margin-bottom: 0.5em;
}
.section_aside .select_form {
	margin: 0 0 0 6px;
}
.select_form {
	position: relative;	z-index: 1;
	display: inline-block;
	margin: 2px 2px 2px 0;
	width: auto; height: 40px;
	font-size: 1.5rem;
	border: 1px solid #d7d7d7;
}
.select_form label {
	overflow: hidden;
	display: block;
	width: 100%; height: 100%;
	padding: 0 10px; padding-right: 23px;
	position: absolute; top: 0; bottom: 0; left: 0px;
	color: #252121; line-height: 38px;
	white-space: nowrap; text-overflow: ellipsis; 
	background: #fff url(../../images/client/sub/bg_select.png) right 10px center no-repeat;
	z-index: -1;
}
.select_form label:active {
	border-color: #00427c;
}
.td_input .select_form {
	height: 35px;
}
.td_input .select_form, .td_input .select_form label {
	line-height: 33px;
}
.td_input .select_form .select_custom {
	height: 35px;
}
.td_input input[type="text"].form_style {
	height: 35px; 
	line-height: 33px;
}
.select_form .select_common {
	color: #101424; font-weight: 400; text-align: left;
}
.select_form .select_custom {
	padding: 3px;
	width: 100%; height: 38px;
	font-size: inherit; 
	border: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
}
.select_xxs {
	width: 70px;
}
.select_xs {
	width: 100px;
}
.select_sm {
	width: 150px;
}
.select_md {
	width: 200px;
}
.select_lg {
	width: 300px;
}
.grid_col > .select_form {
	width: 100%;
	margin: 0;
}

/* select2 스타일 수정 */
.sel_search_row {
	display: inline-block;
	font-size: 1.5rem;
}
.grid_col > .sel_search_row {
	width: 100%;
}
.select2-container {
	width: 100%;
}
.select2-container .select2-choice {
	height: 40px;
	padding: 0 27px 0 10px;
	color: #5a5959; font-weight: 500;
	border: 1px solid #ccc;
	background: #fff url(../../images/client/sub/bg_select.png) right 10px center no-repeat;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
}
.select2-container .select2-choice > .select2-chosen {
	font-weight: inherit;
}
.select_lg .select2-container .select2-choice {
	background: #fff url(../../images/client/sub/bg_select.png)right center no-repeat;
}
.select2-container .select2-choice > .select2-chosen {
	width: 100%;
	line-height: 38px;
}
.select2-container .select2-choice .select2-arrow {
	display: none;
}
.select2-drop {
	padding-top: 10px;
	color: #464646;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.6) inset;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.6) inset;
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.6) inset;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.6) inset;
}
.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 #d7d7d7;
	outline: none;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.6) inset;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.6) inset;
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.6) inset;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.6) inset;
}

/* 셀렉트 박스 텍스트 박스 검색 */
.search_and {
	position: relative;
}
.search_and.search_text {
	padding-left: 120px;
}
/*Chrome, Firefox, Opera, Safari 20.1+*/
.search_text .form_style::placeholder {
	color: #ada9a8;
	opacity: 1; /*firefox*/
}
/*IE 10-11*/
.search_text .form_style:-ms-placeholder {
	color: #ada9a8;
}
/*Microsoft Edge*/
.search_text .form_style::-ms-placeholder {
	color: #ada9a8;
}
.search_and .select_form {
	width: 120px;
	margin: 0;
	position: absolute; left: 0; bottom: 0;
}

/* 셀렉트 박스 텍스트 박스 검색 - 통합 */
.search_text_box {
	padding-left: 135px;
	height: 40px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.search_text_box.search_border {
	border: 3px solid #92234e;
}
.search_text_box::after {
	content: "";
	display: none;
	clear: both;
}
.search_text_box strong {
	position: relative;
	display: inline-block;
	float: left;
	margin-left: -135px;
	width: 135px;
	color: #252121; font-size: 1.5rem; text-align: center; line-height: 38px;
	background: #fff;
}
.search_text_box strong:after {
	position: absolute; right: 0;
	content: "|";
	color: #ccc;
}
.search_text_box .select_form {
	float: left;
	margin: 0 0 0 -135px;
	width: 135px; height: 38px;
}
.search_text_box input[type="text"].form_style {
	float: left;
	padding-left: 30px;
	width: 100%; height: 38px;
	border: 0;
}
.search_text_box.search_border strong {
	height: 36px;
}
.search_text_box.search_border input[type="text"].form_style  {
	height: 36px;
}
.search_text_box .select_form{
	border: 0;
}
.search_text_box .select_form .select_custom {
	padding: 8px 0;
	height: 38px;
	font-size: 1.5rem;
}
.search_text_box .select_form label {
	padding-right: 20px;
	font-size: 1.5rem; line-height: 38px; text-align: center;
	background-position: right center;
}

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

.search_text_box_xl {
	padding-left: 170px;
}
.search_text_box_xl strong {
	margin-left: -170px;
	width: 170px;
}

.check_row_wrap {
	display: none;
	position: absolute; top: 35px; left: 0; z-index: 5;
	padding: 4px 8px;
	width: 150px;
	background: #fff;
	border-left: 1px solid #accfe1;
	border-right: 1px solid #accfe1;
	border-bottom: 1px solid #accfe1;
}
.check_row_wrap .check_row {
	display: block;
	margin: 4px 0;
}
.check_row_wrap label {
	height: 33px;
	background-size: 16px; background-position: left center;
}

/* border */
.bo_default{ border: 1px solid #ca0465 !important; }
.bo_black{ border: 1px solid #555555 !important; }
/*.bo_gray{ border: 1px solid #c9ced1 !important; }*/
.bo_gray{ border: 1px solid #d7d7d7 !important; }
.bo_deepgray{ border: 1px solid #999 !important; }
.bo_blue{ border: 1px solid #0066b1 !important; }
.bo_lightblue  { border: 1px solid #accfe1 !important; }
.bo_red{ border: 1px solid #f0505a !important; }
.bo_orange{ border: 1px solid #f9a61a !important; }
.bo_green{ border: 1px solid #43939a !important; }
.bo_brown{ border: 1px solid #c4944d !important; }
.bo_white{ border: 1px solid #fff !important; }

/* button */
.btn_area {
	padding: 5px 0;
	position: relative;
}
.btn_area .btn, .btn_area .btn, .btn_area .btn {
	margin: 2px;
}


.btn {
	display: inline-block;
	position: relative;
	font-size: 1.5rem; line-height: 35px;
	transition: all 0.3s;
	cursor: pointer;
}
.btn_round {
	display: inline-block;
	position: relative;
	font-size: 1.5rem; line-height: 35px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.3s;
	cursor: pointer;
}
.btn_circle{
	display: inline-block;
	position: relative;
	font-size: 1.5rem; line-height: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	transition: all 0.3s;
	cursor: pointer;
	
	/* ui guide 확정후 background-repeat 제거 */
	/*background-repeat: no-repeat;*/
}

/* 버튼 사이즈 */
.btn_xs {
	padding: 0 8px;
	line-height: 25px;
}
.btn_sm {
	padding: 0 12px;
	line-height: 30px;
}
.btn_md {
	padding: 0 17px;
	line-height: 35px;
}
.btn_lg {
	padding: 0 25px;
	line-height: 40px;
}

/* 버튼 컬러 */
.btn_default {
	color: #fff;
	background-color: #92234e;
}
.btn_bluegray {
	color: #fff;
	background-color: #8488a9;
}
.btn_lightgreen {
	color: #fff;
	background-color: #92a45c;
}
.btn_lightbrown {
	color: #fff;
	background-color: #d4c1b7;
}
.btn_orange {
	color: #fff;
	background-color: #e99754;
}
.btn_white {
	color: #92234e;
	background-color: #fff;
}
.btn_beige {
	color: #92234e;
	background-color: #f2efea;
}
.btn_disabled, .btn_disabled:hover {
	color: #898989 !important;
	background-color: #d7d7d7 !important;
	cursor: default !important;
}
/*button:disabled, a:disabled {
	color: #898989 !important;
	background-color: #d7d7d7 !important;
}*/

/* 버튼 테두리 컬러 */
.btn_bo_default {
	color: #6c729e; 
	background: #fff;
	border: 1px solid #6c729e;
}
.btn_bo_lightbrown {
	color: #b79989; 
	background: #fff;
	border: 1px solid #b79989;
}
.btn_bo_wine {
	color: #92234e; 
	background: #fff;
	border: 1px solid #92234e;
}

.btn_xs.btn_bo_default, .btn_xs.btn_bo_lightbrown, .btn_xs.btn_bo_wine {
	line-height: 23px;
}
.btn_sm.btn_bo_default, .btn_sm.btn_bo_lightbrown, .btn_sm.btn_bo_wine {
	line-height: 28px;
}
.btn_md.btn_bo_default, .btn_md.btn_bo_lightbrown, .btn_md.btn_bo_wine {
	line-height: 33px;
}
.btn_lg.btn_bo_default, .btn_lg.btn_bo_lightbrown, .btn_lg.btn_bo_wine {
	line-height: 38px;
}

/* 버튼 float */
.btn_fl {
	float: left;
}
.btn_fr {
	float: right;
}
.section_tit_lg + .btn_lg.btn_fr {
	margin-top: -45px;
}

/* 버튼 종류 */
.btn_accordion {
	display: inline-block;
	width: 26px; height: 12px;
	text-indent: -9999px;
	background: url(../../images/client/sub/icon_arrow_down_wine.png) no-repeat center;
}

.btn_setbasic {
	width: 18px; height: 25px;
	text-indent: -9999px;
	background-color: transparent;
	background-position: center;
	background-image: url(../../images/client/sub/icon_set.png);
	background-repeat: no-repeat;
	background-size: 18px;
}
.btn_setbasic.on {
	background-image: url(../../images/client/sub/icon_set_on.png);
}

.setbasic_label {
	display: inline-block;
}
.setbasic_label label {
	display: inline-block;
	width: 18px; height: 25px;
	text-indent: -9999px;
	background-repeat: no-repeat; background-color: transparent; background-size: 18px; background-position: center;
	background-image: url(../../images/client/sub/icon_set.png);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}
.setbasic_label input:checked + label {
	background-image: url(../../images/client/sub/icon_set_on.png);
}

.btn_search {
	height: 40px;
	padding: 0 28px 0 58px;
	font-size: 1.6rem; line-height: 40px; color: #fff; 
	background: #92234e url(../../images/client/sub/btn_view.png) no-repeat 26px center;
}
.btn_search.icon_only {
	width: 116px;
	text-indent: -9999px;
	background-position: center;
}
.btn_refresh {
	padding: 0 28px 0 48px;
	height: 40px;
	font-size: 1.6rem; line-height: 34px; color: #fff;
	background: #555 url(../../images/client/sub/btn_refresh.png) no-repeat 21px center;
}

.btn_likelist {
	padding: 0 0.8em 0 2.6em;
	color: #fff;
	background: #39afd1 url(../../images/client/sub/btn_likelist.png) no-repeat 0.8em center;
	background-size: 20px;
}
.btn_likelist.on {
	background-image: url(../../images/client/sub/btn_likelist_on.png);
}

.btn_addlike {
	width: 29px; height: 25px;
	text-indent: -9999px; line-height: 0;
	background-color: transparent;
	background-position: center;
	background-image: url(../../images/client/sub/icon_like.png);
	background-size: contain;
}
.btn_addlike.on {
	background-image: url(../../images/client/sub/icon_like_on.png);
}

.btn_del {
	width: 20px; height: 20px;
	text-indent: -9999px;
	background: url(../../images/client/sub/btn_del.png) no-repeat;
}

.btn_listdel{
	width: 30px; height: 30px;
	text-indent: -9999px;
	background: #89b2db url(../../images/client/sub/btn_listdel.png) no-repeat center 45%;
	background-size: 15px;
}

.btn_filedown {
	display: inline-block;
	width: 18px; height: 18px;
	font-size: 0; line-height: 0; vertical-align: top; text-indent: -9999px;
	background: url(../../images/client/sub/icon_filedown_on.png) no-repeat center; background-size: contain;
}
.btn_filedown[disabled] {
	background-image: url(../../images/client/sub/icon_filedown_off.png);
	cursor: default;
}

.btn_precal {
	padding: 0 15px 0 45px;
	height: 40px;
	color: #fff; line-height: 40px;
	background: #8488a9 url(../../images/client/sub/btn_precal.png) no-repeat 16px 45%;
}

.btn_ask {
	display: inline-block;
	width: 24px; height: 24px;
	font-family: NanumSquare, sans-serif; font-size: 1.6rem; font-weight: 800; 
	color: #929292; line-height: 24px; text-align: center;
	border: 1px solid #b8b8b8;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_ask span {
	font-size: 0; line-height: 0;
}

.btn_programcard, .btn_programlist {
	position: relative; z-index: 1;
	display: inline-block;
	margin: 4px 4px 0 0;
	height: 33px;
	color: #16496f; font-size: 1.5rem; line-height: 33px;
	background-color: rgba(0,0,0,0); background-repeat: no-repeat; background-position: left center; 
}
.btn_programcard {
	padding-left: 23px;
	background-image: url(../../images/client/main/btn_program_card.png);
}
.btn_programlist {
	padding-left: 25px;
	background-image: url(../../images/client/main/btn_program_list.png);
}

.btn_eachfile {
	position: relative;
	display: inline-block;
	margin: 2px;
	width: 30px; height: 23px;
	font-size: 0; line-height: 0; vertical-align: top;
	background: url(../../images/client/sub/icon_eachfile.png) no-repeat center;
}
.btn_eachfile::after {
	position: absolute; right: 4px; bottom: 7px;
	color: #fff; font-family: sans-serif; font-size: 10px; line-height: 0; 
}
.btn_eachfile:nth-child(1)::after { content: "1"; }
.btn_eachfile:nth-child(2)::after { content: "2"; }
.btn_eachfile:nth-child(3)::after { content: "3"; }
.btn_eachfile:nth-child(4)::after { content: "4"; }
.btn_eachfile:nth-child(5)::after { content: "5"; }
.btn_eachfile:nth-child(6)::after { content: "6"; }
.btn_eachfile:nth-child(7)::after { content: "7"; }
.btn_eachfile:nth-child(8)::after { content: "8"; }
.btn_eachfile:nth-child(9)::after { content: "9"; }
.btn_eachfile:nth-child(10)::after { content: "10"; right: 2px; }
.btn_eachfile:nth-child()::after { content: ""; }

.btn_eachfile[disabled] {
	background-image: url(../../images/client/sub/icon_eachfile_off.png);
	cursor: default;
}
.btn_eachfile[disabled]::after {
	bottom: 8px;
	content: "x";
	font-size: 12px;
}

/* 파일첨부 */
.attach_file_wrapper {
	position: relative;
	padding: 9px 15px 15px;
	background: #f2f2f2;
}
.attach_file_wrapper strong {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 1.5rem;
}
.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: 65px 0 0 0;
	width: 100%; height: 100%;
	color: #333333; font-weight: 500; font-size: 1.5rem; text-align: center;
	background: #fff url(../../images/client/sub/icon_addfile.png) no-repeat 45px 29px;
	border: 3px dashed #d0ccc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-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 {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 6px 3px 0 3px;
	width: 120px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	-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: 93px;
	overflow: hidden
}
.file_thumbnail .thumbnail_img img {
	position: absolute; top: 50%; left: 50%;
	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: 25px;
	padding-left: 15px;
	background: #f2f2f2 url(../../images/client/sub/icon_attachfile.png) no-repeat 3px center;
	font-size: 1.3rem; line-height: 25px; white-space: nowrap;
	text-overflow: ellipsis;
}
.file_thumbnail .btn_del {
	position: absolute; top: 5px; right: 5px; z-index: 10;
}

/* 검색영역 - background box */
.search_box {
	margin-bottom: 30px; padding: 30px;
	background-color: #f2f2f2;
}
.grid_row.search_box .select_form{
	margin-top: 0;
}
/*.search_row {
	overflow: visible;
	margin-top: 0.8em;
	position: relative;
}*/
.search_row2 .grid_col {
	margin-bottom: 0;
}
.search_text {
	position: relative;
	width: 100%; min-height: 35px;
	padding-right: 126px;
}
.search_text .btn_search {
	position: absolute; right: 0; bottom: 0;
}

.search_text2 {
	position: relative;
	width: 100%; min-height: 35px;
	padding-right: 252px;
	font-size: 0; line-height: 0;
}
.search_text2 .btn_search {
	position: absolute; right: 126px; bottom: 0;
}
.search_text2 .btn_refresh {
	position: absolute; right: 0; bottom: 0;
}

/* 검색영역 - 체크박스,라디오 */
.searchcheck_wrap {
	position: relative;
	padding: 5px 5px 5px 100px;
	min-height: 40px;
	background: #fff;
	border: 1px solid #d0ccc9;
}
.searchcheck_wrap strong {
	position: absolute; top: 0; left: 0;
	display: inline-block;
	width: 85px;
	line-height: 38px; text-align: center;
}
.searchcheck_wrap strong::after {
	position: absolute; top: 0; right: 0;
	content: "|";
	color: #ccc;
}

/* tab - 비교과정보 */
.search_box::after {
	display: block; content: ""; clear: both;
}
.panel_wrap .search_box.panels {
	width: 100%;
}
/*.panel_wrap .grid_col {
	margin-bottom: 0;
}*/

.search_box .grid_col.col_xl_3:nth-last-child(4):has( + .grid_col.col_xl_3.col_md_3.col_xs_2) {
	margin-bottom: 0;
}
.search_box .grid_col.col_xl_3:nth-last-child(3):has( + .grid_col.col_xl_3.col_md_3.col_xs_2) {
	margin-bottom: 0;
}
.search_box .grid_col.col_xl_3:nth-last-child(2):has( + .grid_col.col_xl_3.col_md_3.col_xs_2) {
	margin-bottom: 0;
}

/* 검색영역 - 토글버튼 */
.search_toggle_row {
	height: 40px;
	margin: 0.5em auto 1em; 
	position: relative;
}
.search_toggle_row::after {
	content: ""; display: block; clear: both;
}
.searchtoggle_left {
	float: left;
	vertical-align: top;
}
.searchtoggle_right {
	float: right;
	vertical-align: top;
}
.search_toggle_row:after {
	display: block;
	content: "";
	clear: both;
}
.search_toggle_row .select_form {
	margin: 0;
}
.btn_check_form {
	display: inline-block;
	font-size: 1rem; line-height: 35px; 
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.btn_check_form:hover {
	cursor: pointer;
}
.btn_check_form input {
	display: none;
}


.btn_recommend {
	background-image: url(../../images/client/sub/btn_recommend.png);
}
.btn_recommend.on{
	background-color: #f2b84b;
}
.searchtoggle_right .btn_calender {
	margin-right: 20px;
}
.btn_disable {
	background-color: #777 !important;
}
.btn_disable:hover {
	cursor: default;
	background-color: #777 !important;
}

.btn_check {
	width: 25px; height: 30px;
}
.btn_check input {
	display: none;
}
.btn_check label {
	display: block;
	width: 100%; height: 100%;
	text-indent: -9999px;
	background: url(../../images/client/sub/icon_testselect.png) no-repeat center center;
	background-size: 100%;
}
.btn_check label:hover {
	cursor: pointer; 
}
.btn_check input:checked + label {
	background-image: url(../../images/client/sub/icon_testselect_on.png);
}

/* 채용정보 검색박스 */
.search_job {
	margin-bottom: 2%;
}
.search_job .row2 {
	display: inline-block;
	width: 49%; margin-left: 2%;
	vertical-align: top;
}
.search_job .row2:nth-child(odd) {
	margin-left: 0;
}
.search_job strong {
	display: block;
}
.range_day .search_day{
	display: inline-block;
	width: 49%;
}
/*Chrome, Firefox, Opera, Safari 20.1+*/
.search_day input::placeholder {
	color: #ada9a8;
	opacity: 1; /*firefox*/
}
/*IE 10-11*/
.search_day input:-ms-placeholder {
	color: #ada9a8;
}
/*Microsoft Edge*/
.search_day input::-ms-placeholder {
	color: #ada9a8;
}
.row2 .select_form {
	margin: 0;
}


/* 링크 */
.filedown_link {
	padding: 3px 0;
	color: #11265e; font-size: 1.5rem;
}


/* dot */
.dot_sm_circle {
	display: inline-block;
	width: 5px; height: 5px;
	margin-right: 5px;
	background-color: #00427c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* 라벨 */
.label_new {
	display: inline-block;
	width: 20px; height: 20px;
	margin-right: 5px;
	text-align: center; color: #fff; font-size: 1rem; line-height: 20px;
	background: #f26a1b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* 달력 */
.search_day {
	position: relative;
	display: inline-block;
	padding-left: 101px;
	width: 100%; height: 40px;
	border: 1px solid #ccc;
}
.search_day strong {
	position: relative;
	display: inline-block;
	float: left;
	margin-left: -100px;
	width: 100px; 
	color: #333; font-size: 1.5rem; text-align: center; line-height: 38px;
	background: #fff;
}
.search_day strong:after {
	position: absolute; right: 0;
	content: "|";
	color: #ccc;
}
.search_day input[type="text"].form_style {
	padding: 0 35px 0 10px;
	width: 100%; height: 38px;
	border: none;
}
.search_day .calendar_open {
	display: block;
	width: 20px; height: 22px;
	text-indent: -9999px;
	position: absolute; right: 8px; top: 10px;
	background: url(../../images/client/sub/icon_calender_on.png) no-repeat;
} 

/* 기간검색 달력 */
.search_period {
	position: relative;
	/*margin: 0.2em 0;*/ padding-left: 101px;
	width: 100%; height: 35px;
	background: #fff;
	border: 1px solid #ccc;
}
.search_period strong {
	position: relative;
	display: inline-block;
	float: left;
	margin-left: -100px;
	width: 100px;
	font-weight: 500; text-align: center; line-height: 33px;
	background: #fff;
}
.search_period strong:after {
	position: absolute; right: 0;
	content: "|";
	color: #ccc;
}
.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: 1rem;
}

/*paging*/
.paging_wrap {
	width: 100%;
	text-align: center;
	padding: 30px 0 0; line-height: 0; font-size: 0;
	vertical-align: top;
}
.paging_wrap div {
	display: inline-block;
}
.paging_wrap a {
	display: inline-block;
	min-width: 30px; height: 30px;
	margin: 0 1px; padding: 0 5px;
	vertical-align: top;
	color: #767676; font-size: 1.5rem; font-weight: 500; line-height: 30px; 
	letter-spacing: -1px;
	cursor: pointer;
}
.paging_wrap a span {
	display: inline-block;
	padding: 0 2px;
	line-height: 28px; vertical-align: top;
}
.paging_wrap a.active span {
	color: #92234e; font-weight: 500;
	border-bottom: 1px solid #92234e;
}
.paging_wrap a.page_con{
	margin: 0 2px;
	text-indent: -9999px;
	border-left: 0;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #d7d7d7;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.paging_wrap a.pre_page {
	margin-right: 16px;
	background-image: url(../../images/client/sub/page_prev.png);
}
.paging_wrap a.first_page {
	background-image: url(../../images/client/sub/page_first.png);
}
.paging_wrap a.next_page {
	margin-left: 16px;
	background-image: url(../../images/client/sub/page_next.png);
}
.paging_wrap a.last_page {
	background-image: url(../../images/client/sub/page_last.png);
}


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

	

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


}
/*==================== hover ====================*/
@media screen and (min-width:1025px) {
	
	/* 링크 hover */
	.filedown_link:hover {
		text-decoration: underline;
	}
	.link_hover:hover {
		color: #92234e !important; text-decoration: underline;
	}
	
	/* 버튼 컬러 hover */
	.btn_default:hover {
		background-color: #5d2037;
	}
	.btn_bluegray:hover {
		background-color: #5d628c;
	}
	.btn_lightgreen:hover {
		background-color: #75883d;
	}
	.btn_lightbrown:hover {
		background-color: #b2988a;
	}
	.btn_orange:hover {
		background-color: #ca7733;
	}
	.btn_white:hover {
		color: #fff;
		background-color: #92234e;
	}
	.btn_beige:hover {
		background-color: #ebe4d9;
	}
	
	/* 버튼 테두리 컬러 hover */
	.btn_bo_default:hover {
		color: #fff; 
		background: #6c729e;
	}
	.btn_bo_lightbrown:hover {
		color: #fff; 
		background: #b79989;
	}
	.btn_bo_wine:hover {
		color: #fff; 
		background: #92234e;
	}
	
	/* 버튼 종류 hover */
	.btn_search:hover {
		background-color: #5d2037;
	}
	.btn_refresh:hover {
		background-color: #464444;
	}
	.btn_likelist:hover {
		background-color: #1994b7;
	}
	.btn_del:hover {
		background-image: url(../../images/client/sub/btn_del_on.png);
	}
	.btn_listdel:hover {
		background-color: #5889ba;
	}
	.btn_precal:hover {
		background-color: #5d628c;
	}
	.btn_ask:hover {
		color: #fff;
		background: #ff8929;
		border-color: #ff8929;
	}
	
	/* 첨부파일 hover */
	.attach_file_box .attach_file:hover {
		color: #92234e;
		background-image: url(../../images/client/sub/icon_addfile_on.png);
		cursor: pointer;
	}
	
	/* paging hover */
	.paging_wrap a:hover span {
		color: #92234e; font-weight: 500;
		border-bottom: 1px solid #92234e;
	}
	
	/* input hover */
	.check_row > label:hover {
		color: #ff8929;
		cursor: pointer;
	}
	.radio_row > label:hover {
		color: #ff8929;
		cursor: pointer;
	}
	
	/* tab hover */
	.tab_list3 li:hover a {
		color: #fff;
		background: #92234e;
	}
	
	/* input - numbering radio hover */
	.radio_no_row label:hover {
		color: #ff8929; 
		cursor: pointer;
	}
	.radio_no_row label:hover span {
		color: #ff8929;
		border-color: #ff8929;
	}
	
}
/*==================== //hover ====================*/
@media screen and (max-width:1024px) {

	/* 탭영역 */
	.tab_list {
		height: 45px;
	}
	.tab_list li a {
		min-width: 80px;
		line-height: 42px;
	}
	.tab_list li.on {
		height: 45px;
	}
	.tab_list li.on a {
		line-height: 31px;
	}
	.tab_list li a span {
		font-size: 1.45rem; 
	}
	
	.tab_list2 li a {
		padding: 0.5em 1em;
		min-width: 50px;
		font-size: 1.1rem; line-height: 1.5em;
	}
	
	.tab_list_row {
		font-size: 0; line-height: 0;
		border-right: none;
	}
	.tab_list_row li {
		display: inline-block;
		width: 16.666%;
		border-bottom: none;
	}
	.tab_list_row li a {
		height: 70px;
		font-size: 1.6rem; line-height: 49px;
		border: none;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.tab_list_row li:last-child a {
		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	.tab_list_row li.on a {
		border-right: 1px solid #ccc;
		border-bottom: 4px solid #92234e;
	}
	.tab_list_row li:last-child.on a {
		border-right: none;
		border-bottom: 4px solid #92234e;
	}
	.tab_list_row li a span {
		padding: 0 5px;
		text-align: center;
	}
	.tab_list_row li span::before {
		margin-right: 0; margin-bottom: 2px;
		width: 100%; height: 30px;
	}

	/* 검색 영역 */
	/*.search_box {
		margin-top: -2px;
	}*/
	.panel_wrap .search_box {
		margin-top: 0;
	}
	
	.search_text {
		padding-right: 110px;
	}
	
	.search_text2 {
		padding-right: 224px;
	}
	.search_text2 .btn_search {
		right: 117px;
	}
	.search_text2 .btn_search.icon_only {
		width: 100px;
	}
	
	/* 검색영역 - 토글버튼 */
	.search_toggle_row {
		height: 37px;
		margin: 0.3em auto; margin-bottom: 0.5em;
	}
	.btn_check_form {
		font-size: 0.9rem; line-height: 30px;
	}
	
	/* input - checkcol : 버튼형태의 체크박스 */
	.check_col {
		font-size: 13px;
	}
	.check_col label {
		padding: 0 10px; 
		line-height: 28px; 
	}
	
	/* 취업상담 - 방문상담/온라인상담 라디오 버튼 */
	.radio_btn label {
		padding: 0 12px 0 32px;
		font-size: 0.9rem; line-height: 30px;
		background-size: 14px;
	}
	
	
	/* 버튼 1024 */
	/*.btn {
		line-height: 32px;
	}
	.btn_round {
		line-height: 32px;
	}
	.btn_circle {
		line-height: 32px;
	}*/
	
	/* 버튼 종류 1024 */
	.btn_search {
		padding: 0 20px 0 50px;
		background-size: auto 20px; background-position: 20px center;
	}
	.btn_refresh {
		padding: 0 20px 0 46px;
		background-size: auto 20px; background-position: 20px center;
	}
	.btn_likelist {
		background-size: 16px;
	}
	.btn_listdel {
		background-size: 13px;
	}
	
	.search_box .grid_col.col_xl_3:nth-last-child(4):has( + .grid_col.col_xl_3.col_md_3.col_xs_2) {
		margin-bottom: 12px;
	}
	.search_box .grid_col.col_xl_3:nth-last-child(3):has( + .grid_col.col_xl_3.col_md_3.col_xs_2) {
		margin-bottom: 12px;
	}
}
@media screen and (max-width:768px) {
	
	/* form 공통 768 */
	.form_style {
		padding: 0 5px;
	}
	
	/* 탭영역 768 */
	.tab_list_row li {
		width: 33.333%;
	}
	.tab_list_row li a {
		height: 65px;
		font-size: 1.5rem; 
	}
	.tab_list_row li:nth-child(3n) a {
		border-right: none;
	}
	
	.tab_responsive {
		display: block;
		width: 100%; height: auto;
		margin-bottom: 10px;
		background: #f8f8f8;
		border: 1px solid #92234e;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
	}
	.tab_responsive li {
		width: 33.333%;
		border: none;
	}
	.tab_responsive li a {
		margin: 0; padding: 0.6em 0.5em;
		font-size: 1.5rem;
		background: #f8f8f8; background-size: 15px;
		border: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.tab_responsive li.on {
		margin: 0;
		height: auto;
		border: 1px solid #92234e; 
		border-bottom: 0;
	}
	.tab_responsive li.all {
		width: 100%;
	}
	
	.tab_list.tab_responsive li a {
		padding: 0.6em 0.5em;
		line-height: 1.5em;
	}
	.tab_list.tab_responsive li.on a {
		padding: 0.6em 0.5em;
		color: #fff; line-height: 1.5em;
		background: #92234e;
	}
	
	.tab_plan {
		display: table;
	}
	.tab_plan li {
		display: table-cell;
		width: 33.333%;
		vertical-align: bottom;
	}
	.tab_plan li a, .tab_plan li.on a {
		padding: 5px;
		height: 100%;
		line-height: 1.3em;
	}
	.tab_plan li a span {
		display: block;
	}
	
	/* 셀렉트박스 768 */
	.select_form.mobile {
		margin-bottom: 10px;
	}
	
	/* 검색영역 768 */
	.search_box {
		padding: 20px; 
	} 
	.search_box .grid_row {
		margin-left: -0.3em;
		margin-right: -0.3em;
	}
	.search_box .grid_col {
		margin-bottom: 8px;
		border-left-width: 0.3em;
		border-right-width: 0.3em;
	}
	.search_row2 .grid_col:last-child {
		margin-bottom: 0;
	}
	
	/* 검색영역 -토글버튼 768 */
	.search_toggle_row {
		height: auto;
		margin-bottom: 1.5em;
	}
	.searchtoggle_left {
		float: none;
		width: 100%; padding-bottom: 0.5em;
		text-align: center;
		border-bottom: 2px dashed #ddd;
	}
	.searchtoggle_right {
		float: none;
		width: 100%; padding-top: 0.5em;
		text-align: center;
	}
	.searchtoggle_right .btn {
		margin: 4px 4px 0 0;
	}
	
	/* 셀렉트 - 검색창 768 */
	.section_aside {
		float: none;
		display: block;
		margin-top: 0; 
	}
	.section_aside .select_form {
		margin: 0 4px 0 0;
	}
	
	/* 셀렉트 박스 텍스트 박스 검색 - 통합 768 */
	.search_text {
		padding-right: 55px;
	}
	.search_text_box {
		padding-left: 80px;
	}
	.search_text_box strong {
		margin-left: -80px;
		width: 80px;
	}
	.search_text_box .select_form {
		margin: 0 0 0 -80px;
		width: 80px;
	}
	/*.search_text_box .select_form label {
		padding: 0.6em 1.5em 0.6em 0;
	}*/
	.search_text_box .select_form .select_custom {
		padding: 9px 0;
	}
	.search_text .btn_search {
		padding: 0;
		width: 55px;
		text-indent: -9999px;
		background-position: center;
	}
	.search_text_box input[type="text"].form_style {
		padding-left: 6px;
	}
	
	.search_text2 {
		padding-right: 0;
		text-align: right;
	}
	.search_text2 .btn_search {
		position: static;
		margin-top: 5px; margin-right: 5px;
	}
	.search_text2 .btn_refresh {
		position: static;
		margin-top: 5px;
	}
	
	.search_text_box_lg {
		padding-left: 110px;
	}
	.search_text_box_lg strong {
		margin-left: -110px;
		width: 110px;
	}
	.search_text_box_xl {
		padding-left: 135px;
	}
	.search_text_box_xl strong {
		margin-left: -135px;
		width: 135px;
	}
	
	/* 셀렉트 박스 체크 박스 검색 - 통합 768 */
	.check_row_wrapper {
		padding-right: 0;
		text-align: right;
	}
	.check_row_wrap {
		width: 90px;
		text-align: left;
	}
	.check_row_wrapper .btn_search {
		position: static;
		margin-top: 4px;
	}
	.check_row_wrapper .search_text_box {
		padding-left: 90px;
	}
	.check_row_wrapper .select_form {
		margin: 0 0 0 -90px;
		width: 90px;
	}
	
	
	/* paging 768 */
	.paging_wrap {
		padding: 15px 0 0;
	}
	
	/* input - checkbox 768 */
	.check_row > label {
		padding-left: 22px;
	}

	/* input - radio 768 */
	.radio_row > label {
		padding-left: 22px;
	}
	
	/* label 768 */
	.label_new {
		width: 15px; height: 15px;
		line-height: 15px; font-size: 0.9rem;
	}
	
	/* button 768 */
	/* 버튼 종류 768 */
	.btn_search {
		padding: 0 15px 0 40px;
		background-size: auto 18px; background-position: 15px center;
	}
	.btn_refresh {
		padding: 0 15px 0 38px;
		background-size: auto 18px; background-position: 15px center;
	}
	
	/* 진로설계 tab 768 */
	.tab_plan li a {
		font-size: 1rem; word-break: keep-all;
	}
	
	.search_box .grid_col.col_xl_3:nth-last-child(2):has( + .grid_col.col_xl_3.col_md_3.col_xs_2) {
		margin-bottom: 12px;
	} 

}
@media screen and (max-width:480px) {
	
	/* tab 480 */
	.tab_responsive li {
		width: 50%;
	}
	
	.tab_plan li a, .tab_plan li.on a {
		padding: 5px;
		line-height: 1.3em;
	}
	
	/* 페이징 480 */
	.paging_wrap {
		padding: 10px 0 15px 0;
	}
	.paging_wrap a {
		min-width: 25px; height: 25px;
		line-height: 25px;
		background-size: auto 10px;
	}
	
	/* 검색 480 */
	.search_text2 {
		text-align: center;
	}
	
	/* 검색영역 - 체크박스,라디오 480 */
	.searchcheck_wrap {
		padding: 10px;
	}
	.searchcheck_wrap strong {
		position: relative;
		display: block;
		margin-bottom: 3px; padding-bottom: 3px;
		width: auto;
		font-size: 1.4rem; font-weight: 600;
		color: #666; line-height: 1.2em; text-align: left; 
	}
	.searchcheck_wrap strong::after {
		display: none;
	}
	
	
}