@charset "utf-8";

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

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

/* 탭영역 */
.tab_list {
	margin-bottom: 20px;
	font-size: 0; line-height: 0;
	border-bottom: 1px solid #c2c2c2;
}
.tab_list li {
	display: inline-block;
	margin-bottom: -1px;
}
.tab_list a {
	display: block;
	padding: 0 10px;
	min-width: 150px; height: 50px;
	color: #808080; font-family: NetMarble, sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 48px; text-align: center;
	background: #f0f1f3;
	border: 1px solid #f0f1f3;
	border-bottom-color: #c2c2c2;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.tab_list a .count {
	line-height: inherit; vertical-align: top; font-style: normal;
}
.tab_list li.on a {
	position: relative;
	color: #25aae1;
	background: #fff;
	border-color: #c2c2c2;
	border-bottom-color: #fff;
}
.tab_list li.on a::after {
	position: absolute; bottom: 5px; left: 50%;
	content: "";
	display: block;
	margin-left: -6px;
	width: 12px; height: 6px;
	background: url(../../images/client/formstyle/bg_tablist1.png) no-repeat center;
}

.tab_list2 {
	margin: -2px 0 15px;
	font-size: 0; line-height: 0;
}
.tab_list2 li {
	display: inline-block;
	margin: 2px;
}
.tab_list2 li a {
	display: block;
	padding: 0 15px;
	min-width: 70px;
	color: #919191; font-size: 1.5rem; font-weight: 500; line-height: 30px; text-align: center;
	-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_list2 li.on a {
	color: #fff;
	background: #027dcb;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.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"].form_style.input_md {
	height: 34px;
	line-height: 32px;
}
input[type="text"].form_style.input_sm {
	height: 30px;
	line-height: 28px;
}
/*input[type="text"].disabled {
	background: #f2f2f2;
}*/

/* select + input */
.inputbox_2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start; 
}
.inputbox_2 .select_form {
	margin: 0; margin-right: 5px;
	flex-shrink: 0; 
}
.inputbox_2 input[type="text"].form_style {
	flex-grow: 1;
}


/* input - checkrow : 검색영역내 체크박스로 사용중인 셀렉트박스 */
.check_row {
	display: inline-block;
	margin: 2px 10px 2px 0;
	font-size: 1.5rem;
}
.check_row > label {
	display: inline-block;
	padding: 2px 0 2px 22px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-size: 16px;
	background-image: url(../../images/client/formstyle/icon_check_off.png);
}
.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;
}



.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_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;
}

/* 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; 
	min-width: 70px;
	color: #919191; font-weight: 500; line-height: 30px; text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.check_col label span {
	line-height: inherit; vertical-align: top; 
}
.check_col input:checked + label {
	color: #fff;
	background: #027dcb;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.check_col input:disabled + label {
	cursor: default;
}

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

/* input - radio */
.radio_row {
	display: inline-block;
	margin: 2px 10px 2px 0;
	font-size: 1.5rem;
}
.radio_row > label {
	display: inline-block;
	padding: 2px 0 2px 22px;
	background-repeat: no-repeat;
	background-position: left 4px;
	background-size: 16px;
	background-image: url(../../images/client/formstyle/icon_radio_off.png);
}
.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;
}


/* 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 #d6dadf;
	/*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/formstyle/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; z-index: 1;
	color: #252121; line-height: 38px;
	white-space: nowrap; text-overflow: ellipsis; 
	background: #fff url(../../images/client/formstyle/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: 5px;
	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/formstyle/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;
}



/* 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; }

/* 버튼 */
.btn_area {
	position: relative;
	padding: 5px 0;
	text-align: center;
}
.btn_area .btn, .btn_area .btn_round, .btn_area .btn_circle {
	margin: 2px;
}
.btn_rowposition {
	position: relative;
	font-size: 0; line-height: 0;
}
.btn_rowposition .inner {
	position: absolute; top: -1px; right: 0;
}
.btn_rowposition .section_tit_md + .inner {
	top: -4px;
}
.btn_rowposition .btn, .btn_rowposition .btn_round, .btn_rowposition .btn_circle {
	margin: 8px 4px;
}



.btn {
	position: relative;
	display: inline-block;
	font-size: 1.5rem; line-height: 35px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}
.btn_round {
	position: relative;
	display: inline-block;
	font-size: 1.5rem; line-height: 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}
/*.btn_round.btn_sm, .btn_round.btn_xs {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}*/
.btn_circle{
	position: relative;
	display: inline-block;
	font-size: 1.5rem; line-height: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}

/* 버튼 사이즈 */
.btn_xs {
	padding: 0 6px;
	line-height: 25px;
}
.btn_sm {
	padding: 0 10px;
	line-height: 30px;
}
.btn_md {
	padding: 0 20px;
	line-height: 34px;
}
.btn_lg {
	padding: 0 30px;
	line-height: 40px;
}

/* 버튼 컬러 */
.btn_positive1 {
	color: #fff;
	background-color: #2a5f94;
}
.btn_positive2 {
	color: #fff;
	background-color: #25aae1;
}
.btn_negative1 {
	color: #fff;
	background-color: #e44b4f;
}
.btn_negative2 {
	color: #fff;
	background-color: #b5a08a;
}
.btn_neutral {
	color: #fff;
	background-color: #fcb040;
}
.btn_orange {
	color: #fff;
	background-color: #fa9528;
}
.btn_seagreen {
	color: #fff;
	background-color: #43b899;
}
.btn_white {
	color: #2faee2;
	background-color: #fff;
}
.btn_disabled, .btn_disabled:hover {
	color: #898989 !important;
	background-color: #d7d7d7 !important;
	cursor: default !important;
}

/* 버튼 테두리 컬러 */
.btn_bo_positive1 {
	color: #2a5f94; 
	background: #fff;
	border: 2px solid #2a5f94;
}
.btn_bo_positive2 {
	color: #25aae1; 
	background: #fff;
	border: 2px solid #25aae1;
}
.btn_bo_negative1 {
	color: #e44b4f; 
	background: #fff;
	border: 2px solid #e44b4f;
}
.btn_bo_negative2 {
	color: #b5a08a; 
	background: #fff;
	border: 2px solid #b5a08a;
}
.btn_bo_neutral {
	color: #fcb040; 
	background: #fff;
	border: 2px solid #fcb040;
}
.btn_bo_wine {
	color: #77314c; 
	background: #fff;
	border: 1px solid #77314c;
}

.btn_bo_gray {
	background-color: #fff;
	border: 1px solid #acacac;
	color: #acacac;
}
.btn_xs.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.btn_bo_wine {
	line-height: 21px;
}
.btn_sm.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.btn_bo_wine {
	line-height: 26px;
}
.btn_md.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.btn_bo_wine {
	line-height: 30px;
}
.btn_lg.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.btn_bo_wine {
	line-height: 36px;
}
.btn_xs.btn_bo_gray {
	line-height: 23px;
}
.btn_sm.btn_bo_gray {
	line-height: 28px;
}
.btn_md.btn_bo_gray {
	line-height: 32px;
}
.btn_lg.btn_bo_gray {
	line-height: 38px;
}
.btn_bo_positive1.btn_disabled, .btn_bo_positive2.btn_disabled, .btn_bo_negative1.btn_disabled, .btn_bo_negative2.btn_disabled, .btn_bo_positive1.btn_disabled:hover, .btn_bo_positive2.btn_disabled:hover, .btn_bo_negative1.btn_disabled:hover, .btn_bo_negative2.btn_disabled:hover {
	color: #898989 !important;
	background-color: #d7d7d7 !important;
	border-color: #d7d7d7 !important;
	cursor: default !important;
}

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

/* 버튼 종류 */
.btn_seemore {
	display: inline-block;
	width: 20px; height: 20px;
	font-size: 0; line-height: 0;
	background: url(../../images/client/formstyle/btn_seemore.png) no-repeat center;
}
.btn_search {
	height: 40px;
	padding: 0 20px 0 50px;
	width: 100px;	
	font-family: NetMarble, sans-serif; font-size: 1.6rem; line-height: 40px; color: #fff; text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: #405083 url(../../images/client/sub/btn_view.png) no-repeat 20px center;
}
.btn_details {
	height: 40px;
	padding: 0 16px;
	width: 110px;	
	font-family: NetMarble, sans-serif; font-size: 1.6rem; line-height: 38px; color: #40a8e3; text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	background: #fff;
	border: 1px solid #b7b7b7;
}
.btn_details::after {
	content: "";
	display: inline-block;
	margin-left: 7px;
	width: 12px; height: 38px;
	vertical-align: top;
	background: url(../../images/client/formstyle/btn_details.png) no-repeat center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_precal {
	width: 94px; height: 34px;
	color: #fff; line-height: 34px; text-align: center;
	background: #39b54a;
}
.btn_management {
	position: relative; z-index: 1;
	display: inline-block;
	padding-left: 25px;
	height: 22px;
	color: #2a5f94; font-weight: 500; line-height: 22px;
	background: url(../../images/client/formstyle/btn_management.png) no-repeat left center;
}
.btn_management::after {
	position: absolute; bottom: 0; left: 25px; z-index: -1;
	content: "";
	display: block;
	width: 0; height: 1px;
	background: #2a5f94;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.btn_edit {
	position: relative; z-index: 1;
	display: inline-block;
	padding-left: 24px;
	height: 22px;
	color: #2f9fd7; font-weight: 500; line-height: 22px;
	background: url(../../images/client/formstyle/btn_edit.png) no-repeat left center;
}
.btn_edit::after {
	position: absolute; bottom: 0; left: 24px; z-index: -1;
	content: "";
	display: block;
	width: 0; height: 1px;
	background: #2f9fd7;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.btn_delete {
	position: relative; z-index: 1;
	display: inline-block;
	padding-left: 23px;
	height: 22px;
	color: #e25050; font-weight: 500; line-height: 22px;
	background: url(../../images/client/formstyle/btn_delete.png) no-repeat left center;
}
.btn_delete::after {
	position: absolute; bottom: 0; left: 23px; z-index: -1;
	content: "";
	display: block;
	width: 0; height: 1px;
	background: #e25050;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.btn_search2 {
	position: relative;
	display: inline-block;
	padding: 4px 0 4px 33px;
	color: #0f66ae; font-family: NetMarble, sans-serif; font-size: 1.6rem; line-height: 1; letter-spacing: -0.03em;
	background: url(../../images/client/formstyle/btn_search2.png) no-repeat left center;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.btn_search2::after {
	position: absolute; bottom: 0; left: 34px; z-index: -1;
	content: "";
	display: block;
	width: 0; height: 1px;
	background: #2a5f94;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.btn_refresh {
	display: inline-block;
	padding: 0;
	width: 110px; height: 40px;
	color: #acacac; font-family: NetMarble, sans-serif; font-size: 1.6rem; letter-spacing: -0.03em; line-height: 38px; text-align: center; 
	background: #fff;
	border: 1px solid #acacac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);

}
.btn_addlike {
	width: 28px; height: 25px;
	text-indent: -9999px; line-height: 0;
	background: transparent url(../../images/client/formstyle/icon_addlike.png) no-repeat center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_addlike.on {
	background-image: url(../../images/client/formstyle/icon_addlike_on.png);
}
.check_btn .btn_addlike {
	display: inline-block;
	font-size: 0; line-height: 0;
} 
.check_btn input:checked + .btn_addlike {
	background-image: url(../../images/client/formstyle/icon_addlike_on.png);
}
/* 비교과 버튼 */
.btn_programcard, .btn_programlist {
	position: relative; z-index: 1;
	display: inline-block;
	margin: 4px 4px 0 0;
	height: 33px;
	color: #898989; font-family: NetMarble, sans-serif; font-size: 1.6rem; line-height: 33px; font-weight: 600;
	background-color: rgba(0,0,0,0); background-repeat: no-repeat; background-position: left center; 
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);

}
.btn_programcard {
	padding-left: 23px;
	background-image: url(../../images/client/formstyle/btn_program_card.png);
}
.btn_programcard.on {
	color: #2a5f94;
	background-image: url(../../images/client/formstyle/btn_program_card_on.png);
}
.btn_programlist {
	padding-left: 25px;
	background-image: url(../../images/client/formstyle/btn_program_list.png);
}
.btn_programlist.on {
	color: #2a5f94;
	background-image: url(../../images/client/formstyle/btn_program_list_on.png);
}
.programlist_row.search_toggle_row {
	margin-top: 0;
}
.programlist_row .btn_programcard, .programlist_row .btn_programlist {
	margin: 0;
}
.programlist_row .btn_programcard {
	margin-right: 20px;
}
/* 클릭시 상세보기 팝업 */
.have_pop {
	font-weight: 600;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.have_pop::after {
	content:"";
	display: inline-block;
	margin-left: 5px;
	width: 17px; height: 17px;
	background: url(../../images/client/formstyle/btn_search2.png) no-repeat;
	background-size: contain;
}

.btn_printcerti {
	position: relative;
	display: inline-block;
	margin-top: 16px; padding-left: 28px;
	color: #2a5f94; font-weight: 500; letter-spacing: -0.03em; text-align: center;
	background: url(../../images/client/formstyle/btn_pringcerti.png) no-repeat left center;
}
.btn_printcerti::before {
	position: absolute; bottom: 0; 
	content: "";
	display: block;
	width: 0; height: 0;
	background: #2a5f94;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.btn_printcerti:hover::before {
	width: calc( 100% - 28px ); height: 1px;
}
.btn_printcerti.btn_disabled {
	color: #acacac !important;
	background-color: rgba(0,0,0,0) !important;
	background-image: url(../../images/client/formstyle/btn_pringcerti_disabled.png);
}
.btn_printcerti.btn_disabled::before {
	display: none;
}





.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: 16px; height: 20px;
	text-indent: -9999px;
	background-color: transparent;
	background-position: center;
	background-image: url(../../images/client/sub/icon_setbasic.png);
	background-repeat: no-repeat;
}
.btn_setbasic.on {
	background-image: url(../../images/client/sub/icon_setbasic_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_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_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_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_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;
}

/* 검색검색검색검색 */
.search_input {
	position: relative; 
}
.search_input input.form_style {
	padding-right: 78px;
	width: 100%;
}
.search_input .btn_search2 {
	position: absolute; top: 50%; right: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.search_box {
	margin-bottom: 50px; padding: 20px;
	background-color: #e9f0f5;
}
.search_inner {
	position: relative;
	padding-right: 100px;
	background: #fff;
	border: 1px solid #405083;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.search_inner input[type="text"].form_style {
	width: 100%; height: 38px; 
	border: none;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.search_keyword {
	padding-left: 100px;
	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: #405083; font-family: NetMarble, sans-serif; font-size: 1.6rem; text-align: center; line-height: 38px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	-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: 110px;	
}
.search_select .select_form {
	position: relative;
	display: block;
	float: left;
	margin: 0; margin-left: -110px;
	width: 110px; height: 38px;
	color: #405083; font-family: NetMarble, sans-serif; font-size: 1.6rem; text-align: center; line-height: 38px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
	border: none;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
}

.search_box2 {
	position: relative;
	margin-bottom: 50px; padding: 20px 140px 20px 20px;
	background-color: #e9f0f5;
}
.search_box2 .btn_refresh {
	position: absolute; top: 20px; right: 20px;
}

.search_box3 {
	position: relative;
	margin-bottom: 50px; 
}
.search_box3 .search_top {
	position: relative;
	padding: 20px 140px 20px 20px;
	background-color: #e9f0f5;
}
.search_box3 .btn_details {
	position: absolute; top: 20px; right: 20px;
}
.search_box3 .btn_details.on {
	color: #fff;
	background: #40b8ea;
	border-color: #40b8ea;
}
.search_box3 .btn_details.on::after {
	background-image: url(../../images/client/formstyle/btn_details_on.png);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.search_detail {
	display: none;
	margin-top: 10px; padding: 20px;
	width: 100%;
	text-align: center;
	background: #e9f0f5;
}
.search_detail ul {
	display: inline-block;
	text-align: left;
}
.search_detail li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;
	font-size: 0; line-height: 0;
	align-items: center;
}
.search_detail li:last-child {
	margin-bottom: 0;
}
.search_detail li > strong {
	display: inline-block;
	width: 90px;
	color: #333; font-size: 1.5rem; font-weight: 500;
	flex-shrink: 0;
}
.search_detail .search_day {
	margin-right: 10px;
	width: 225px;
}
.search_detail .search_day:last-child {
	margin-right: 0;
}
.search_detail .select_form {
	margin: 0;
	width: 140px; height: 36px;
}
.search_detail .select_form label {
	line-height: 34px;
}
.search_detail .select_form .select_custom {
	height: 34px;
}
.search_detail .btn_area {
	padding-top: 10px; padding-bottom: 0;
}

/*.search_select .select_form {
	float: left;
	margin: 0 0 0 -135px;
	width: 135px; height: 38px;
}
.search_select input[type="text"].form_style {
	float: left;
	padding-left: 20px;
	width: 100%; height: 38px;
	border: 0;
}
.search_select .select_form{
	border: 0;
}
.search_select .select_form .select_custom {
	padding: 8px 0;
	height: 38px;
	font-size: 1.5rem;
}
.search_select .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;
}*/

.search_inner .btn_search {
	position: absolute; top: -1px; right: -1px; 
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}




/* 셀렉트 박스 텍스트 박스 검색 */
/*.search_and {
position: relative;
}
.search_and.search_text {
padding-left: 120px;
}
.search_and .select_form {
width: 120px;
margin: 0;
position: absolute; left: 0; bottom: 0;
}*/




/*.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;
}*/




/* 파일첨부 */
.attach_file_wrapper {
	position: relative;
	padding: 9px 15px 15px;
	background: #fff;
	border: 2px solid #d6dadf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.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/formstyle/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 */

/*.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_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_toggle_row {
	height: 40px;
	margin: 5px auto 10px; 
	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;
}
.searchtoggle_right .btn_round {
	margin-top: 3px;
}
.search_toggle_row:after {
	display: block;
	content: "";
	clear: both;
}
.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%;
}
.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: 80px;
	width: 100%; height: 36px;
	border: 1px solid #ccc;
}
.search_day strong {
	position: relative;
	display: inline-block;
	float: left;
	margin-left: -80px;
	width: 80px; 
	color: #333; font-size: 1.5rem; text-align: center; line-height: 34px;
	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: 34px;
	border: none;
}
.search_day .calendar_open {
	display: block;
	width: 20px; height: 22px;
	text-indent: -9999px;
	position: absolute; right: 8px; top: 8px;
	background: url(../../images/client/formstyle/icon_calendar_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_wrap {
	width: 100%;
	text-align: center;
	padding-top: 30px; line-height: 0; font-size: 0;
	vertical-align: top;
}
.grid_row + .paging_wrap {
	padding-top: 18px;
}
.grid_row_md + .paging_wrap {
	padding-top: 10px;
}
.grid_row_lg + .paging_wrap {
	padding-top: 0;
}
.grid_row_xl + .paging_wrap {
	padding-top: 0;
}
.paging_wrap div {
	display: inline-block;
	font-size: 0; line-height: 0;
}
.paging_wrap a {
	display: inline-block;
	min-width: 30px; height: 30px;
	margin: 0 2px; 
	vertical-align: top;
	color: #767676; font-size: 1.6rem; font-weight: 500; line-height: 30px; 
	letter-spacing: -1px;
	cursor: pointer;
}
.paging_wrap a span {
	display: block;
	line-height: inherit; 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.paging_wrap a.active span {
	color: #2faee2; font-weight: 700; 
	background: #f2f2f2;
}
.paging_wrap a.page_con{
	height: 30px;
	text-indent: -9999px;
	border-left: 0;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-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 .pre_page {
	margin-right: 18px;
	background-image: url(../../images/client/formstyle/icon_page_prev.png);
}
.paging_wrap .first_page {
	margin-right: 5px;
	background-image: url(../../images/client/formstyle/icon_page_first.png);
}
.paging_wrap .next_page {
	margin-left: 18px;
	background-image: url(../../images/client/formstyle/icon_page_next.png);
}
.paging_wrap .last_page {
	margin-left: 5px;
	background-image: url(../../images/client/formstyle/icon_page_last.png);
}


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

	

}
@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_positive1:hover {
		background-color: #174471;
	}
	.btn_positive2:hover {
		background-color: #158ec0;
	}
	.btn_negative1:hover {
		background-color: #bc3034;
	}
	.btn_negative2:hover {
		background-color: #8f7963;
	}
	.btn_neutral:hover {
		background-color: #d8912a;
	}
	.btn_orange:hover {
		background-color: #ed8514;
	}
	.btn_seagreen:hover {
		background-color: #329a7e;
	}
	.btn_white:hover {
		color: #fff;
		background-color: #2faee2;
	}
	.btn_bo_gray:hover {
		color: #fff;
		background-color: #acacac;
	}
	/* 버튼 테두리 컬러 hover */
	.btn_bo_positive1:hover {
		color: #fff; 
		background: #2a5f94;
	}
	.btn_bo_positive2:hover {
		color: #fff; 
		background: #25aae1;
	}
	.btn_bo_negative1:hover {
		color: #fff; 
		background: #e44b4f;
	}
	.btn_bo_negative2:hover {
		color: #fff; 
		background: #b5a08a;
	}
	.btn_bo_neutral:hover {
		color: #fff; 
		background: #fcb040;
	}
	.btn_bo_wine:hover {
		color: #fff; 
		background: #77314c;
	}
	
	/* 버튼 종류 hover */
	.btn_seemore:hover {
		background-image: url(../../images/client/formstyle/btn_seemore_on.png);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.btn_search:hover {
		background-color: #2e3d70;
	}
	.btn_precal:hover {
		background-color: #1e9a2f;
	}
	.btn_management:hover::after {
		width: calc(100% - 25px);
	}
	.btn_edit:hover::after {
		width: calc(100% - 24px);
	}
	.btn_delete:hover::after {
		width: calc(100% - 23px);
	}
	.btn_search2:hover::after {
		width: calc(100% - 33px);
	}
	/* 클릭시 상세보기 팝업 */
	.have_pop:hover {
		color: #1793c6;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.btn_refresh:hover {
		color: #fff;
		background-color: #acacac;
	}
	.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_ask:hover {
		color: #fff;
		background: #ff8929;
		border-color: #ff8929;
	}
	
	/* 첨부파일 hover */
	.attach_file_box .attach_file:hover {
		color: #174471;
		background-image: url(../../images/client/formstyle/icon_addfile_on.png);
		cursor: pointer;
	}
	
	/* paging hover */
	.paging_wrap a:hover span {
		color: #2faee2; font-weight: 700; 
		background: #f2f2f2;
	}
	
	/* input hover */
	.check_row > label:hover {
		cursor: pointer;
	}
	.radio_row > label:hover {
		cursor: pointer;
	}
	
	/* 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 a {
		height: 40px;
		min-width: 80px;
		font-size: 1.6rem; line-height: 38px;
	}
	.tab_list li.on a::after {
		bottom: 0;
	}
	
	/* 검색검색검색검색 1024 */
	.search_input input.form_style {
		padding-right: 62px;
	}
	.search_input .btn_search2 {
		right: 10px;
	}
	
	.search_inner {
		padding-right: 90px;	
	}
	
	/* 검색 영역 */
	/*.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_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_rowposition .inner {
		top: -5px;
	}
	.btn_rowposition .section_tit_md + .inner {
		top: -5px;
	}
	.btn_rowposition .btn, .btn_rowposition .btn_round, .btn_rowposition .btn_circle {
		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;
	}
	
	/*.btn {
		line-height: 32px;
	}
	.btn_round {
		line-height: 32px;
	}
	.btn_circle {
		line-height: 32px;
	}*/
	
	/* 버튼 종류 1024 */
	.btn_search {
		padding: 0 15px 0 43px;
		width: 90px;
		background-position: 15px center;
	}
	.btn_search2 {
		padding-left: 26px;
	}
	/* 비교과 검색, 버튼 1024 */
	.programlist_row {
		margin-bottom: 30px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	.btn_likelist {
		background-size: 16px;
	}
	.btn_listdel {
		background-size: 13px;
	}
	
}
@media screen and (max-width:768px) {
	
	/* form 공통 768 */
	.form_style {
		padding: 0 8px;
	}
	
	/* 탭영역 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 #25aae1;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
	}
	.tab_responsive li {
		margin: 0;
		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-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: #25aae1;
	}
	.tab_list.tab_responsive li.on a::after {
		display: none;
	}
	
	/* 셀렉트박스 768 */
	.select_form.mobile {
		margin-bottom: 10px;
	}
	
	/* 버튼 768 */
	.btn_rowposition .inner {
		top: -6px;
	}
	.btn_rowposition .btn, .btn_rowposition .btn_round, .btn_rowposition .btn_circle {
		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_md {
		padding: 0 15px;
	}
	.btn_lg {
		padding: 0 25px;
	}
	
	/* 버튼 종류 768 */
	.btn_search {
		padding: 0;
		font-size: 0;
		background-position: center;
	}
	.btn_search2 {
		padding: 0;
		width: 22px; height: 22px;
		font-size: 0; line-height: 0;
	}
	/* 비교과 검색, 버튼 768*/
	.programlist_row .searchtoggle_left { 	
		padding: 0;
		border-bottom: 0; 
		float: left; width: auto;
		text-align: left;
	}
	.programlist_row .searchtoggle_left .select_form {
		margin: 0;
	}
	.programlist_row .searchtoggle_right {
		padding-top: 0;
		text-align: right; 
		font-size: 0;
	}
	
	
	
	


	
	
	/* 검색검색검색검색 768 */
	.search_input input.form_style {
		padding-right: 36px;
	}
	
	.search_box {
		margin-bottom: 30px; padding: 15px;
	}
	.search_inner {
		padding-right: 42px;
	}
	.search_inner .btn_search {
		width: 42px;
	}
	
	.search_keyword {
		padding-left: 80px;
	}
	.search_keyword strong {
		margin-left: -80px;
		width: 80px;
	}
	
	.search_lg_keyword {
		padding-left: 100px;
	}
	.search_lg_keyword strong {
		margin-left: -100px;
		width: 100px;
	}

	.search_xl_keyword {
		padding-left: 125px;
	}
	.search_xl_keyword strong {
		margin-left: -125px;
		width: 125px;
	}
	
	.search_box2 {
		padding-right: 20px;
	}
	.search_box2 .btn_refresh {
		position: static;
		display: block;
		margin: 15px auto 0;
	}
	
	/* 검색영역 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;
	}
	
	/* 셀렉트 - 검색창 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-top: 20px;
	}
	
	/* 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;
	}
	

}
@media screen and (max-width:690px) {
	
	/* 검색검색검색검색 690 */
	.search_select {
		padding-left: 90px;
	}
	.search_select .select_form {
		margin-left: -90px;
		width: 90px;
	}
	.search_select .select_form label {
		padding-left: 5px; padding-right: 15px;
		background-position: right center;
	}
	.search_box3 .search_top {
		padding-right: 20px;
	}
	.search_box3 .btn_details {
		top: auto; right: auto; left: 50%;
		padding: 0 12px;
		width: auto; height: 36px;
		line-height: 34px;
		border-radius: 0 0 12px 12px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.btn_details::after {
		height: 36px;
	}
	.search_detail {
		position: relative;
		padding: 20px 0; 
	}
	.search_detail li {
		display: block;
	}
	.search_detail li > strong {
		margin-bottom: 3px;
		width: auto;
		color: #405083; font-weight: 600;
	}
	.search_detail .search_day {
		display: block;
		margin-right: 0; margin-bottom: 5px;
	}
	.search_detail .search_day:last-child {
		margin-bottom: 0;
	}

}
@media screen and (max-width:480px) {
	
	/* select + input 480 */
	.inputbox_2 {
		display: block;
	}
	.inputbox_2 input[type="text"].form_style {
		display: block;
		margin-top: 5px;
		width: 100%;
	}
	
	/* 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-top: 15px;
	}
	.paging_wrap a {
		margin-top: 1px;
		min-width: 24px; height: 24px;
		line-height: 24px;
		background-size: auto 10px;
	}
	.paging_wrap a.page_con {
		margin-top: 0;
		min-width: auto; width: 26px; height: 26px;
	}
	.paging_wrap .first_page {
		margin-right: 3px;
	}
	.paging_wrap .last_page {
		margin-left: 3px;
	}
	
	/* 검색 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;
	}
	
	/* 버튼 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*/
	.btn_programcard, .btn_programlist {
		height: 40px; width: 40px;
		padding: 0;
		border: 1px solid #e1e1e1;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-position: center;
		text-indent: -9999px;
	}
	.programlist_row .btn_programcard {
		margin-right: 10px;
	}
}
@media screen and (max-width:320px) {
	
	/* 검색검색검색검색 320 */
	.search_box3 {
		padding: 10px;
	}
	.search_detail {
		padding: 15px 0 10px;
	}
	
	
	/* 페이징 320 */
	.paging_wrap a {
		margin-top: 2px;
		min-width: 22px; height: 22px;
		line-height: 22px;
	}
	
	
}