.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	height: 30px;
	background-color: #fff;
}

.point-color01 {
	color: #cd1717 !important;
}

.point-color02 {
	color: #166eb6 !important;
}

.point-color03 {
	color: #000 !important;
}

.point-color04 {
	color: #bb6e00 !important
}
.point-color05 {
	color: #0a8c7a !important
}
.point-color06 {
	color: #258ac3 !important
}

.point-color07 {
	color: #113671 !important
}

.point-color08 {
	color: #888888 !important
}

.word-light {
	font-weight: 300 !important;
}

.word-regular {
	font-weight: 400 !important;
}

.word-medium {
	font-weight: 500 !important;
}

.word-bold {
	font-weight: 700 !important;
}

.point-important {
	color: #ff0000 !important
}

.short-width {
	width: 100px !important;
}

.underline {
	text-decoration: underline !important;
}

.font15{
	font-size: 15px !important;
}
.title-type03,
.title-type0501{
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.4px;
	color: #424242;
	font-weight: 500;
}

.word-title01{
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #666;
}

.word-type02{
	margin-bottom: 15px;
    color: #666666;
    font-size: 14px;
    line-height: 22px;
}


.word-big-type01 {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.4px;
	color: #424242;
	word-break: keep-all;
}


.information-box {
	background-color: #faf9f2;
	padding: 33px 40px;
	margin-bottom: 40px;
}

.information-box .title-infor{
	display: block;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #424242;
	letter-spacing: -0.5px;
	margin-bottom: 10px;
}

.ul-list01 {
	display: block;
}

.ul-list01 > li {
	padding-left: 12px;
	color: #666666;
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 4px;
	background-image: url(../img/bullet/bullet_type01.png);
	background-repeat: no-repeat;
	background-position: 0 13px;
	word-break: keep-all;
}

.ul-list01 > li > ul {
	padding: 5px 0 0 0;
}

.ul-list01 > li > ul > li {
	position: relative;
	color: #666666;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: -0.4px;
	padding-left: 10px;
	word-break: keep-all;
}

.ul-list01 > li > ul > li:before {
	position: absolute;
	content: "-";
	top: 0;
	left: 2px;
}

.ol-list01 {
	display: block;
}

.ol-list01 > li {
	margin-bottom:5px;
	color: #666666;
	font-size: 17px;
	line-height: 28px;
	letter-spacing: -0.4px;
	margin-bottom:4px;
	word-break: keep-all;
	text-indent: -13px;
	padding-left: 13px;
}

.ol-list01 > li > ul,
.ol-list01 > li > ol {
	margin-top: 5px;
	padding-left: 13px;
}

.ol-list01 > li > ul > li,
.ol-list01 > li > ol > li{
	color: #666666;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: -0.4px;
	word-break: keep-all;
}


.ol-list02 {
	display: block;
}

.ol-list02 > li {
	position: relative;
	margin-bottom:5px;
	color: #666666;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: -0.4px;
	margin-bottom:4px;
	word-break: keep-all;
	padding-left: 20px;
}

.ol-list02 > li > .number {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -2px;
}



/* form */
.form-wrapper {
	margin-bottom: 25px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}

.form-wrapper + .form-wrapper {
	margin-top: 10px;
	border-top: 1px solid #000;
}

.form-wrapper table th {
	padding: 9px 15px 7px 15px;
	height: 55px;
	font-weight: 500;
	color: #212121;
	background: #f7f7f7;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7
}

.form-wrapper table th:first-child {
	border-left: 0;
}

.form-wrapper table thead th {
	padding: 12px 10px 10px 10px;
	height: 55px;
	font-weight: 500;
	color: #322715;
	background: #f7f7f7;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
	background: #f0f0f0;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	word-break: keep-all;
}

.form-wrapper table thead th:first-child,
.form-wrapper table tbody td:first-child,
.line-left-none {
	border-left: 0 !important;
}

.form-wrapper table th.line {
	border-left: 1px solid #e7e7e7
}

.form-wrapper table td {
	padding: 9px 15px 7px 15px;
	color: #424242;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7
}

.form-wrapper table td:first-child {
	border-left: 0;
}

.form-wrapper table td > input::placeholder {
	text-align: right;
	font-size: 14px;
	line-height: 20px;
}

.form-wrapper table td label {
	color: #424242;
	margin-right: 10px;
}


.form-wrapper table tfoot th {
	background: #f5f9fc;
}

.form-wrapper table tfoot td {
	font-weight: 700;
	background: #f5f9fc;
}

.form-wrapper .bg02 {
	background: #f5f9fc
}






.form-wrapper02 {
	margin-bottom: 25px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}

.form-wrapper02 table th {
	padding: 9px 15px 7px 15px;
	height: 55px;
	font-weight: 500;
	color: #212121;
	background: #f7f7f7;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	letter-spacing: -0.5px;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7
}

.form-wrapper02 table th:first-child {
	border-left: 0;
}

.form-wrapper02 table thead th {
	padding: 12px 10px 10px 10px;
	height: 55px;
	font-weight: 500;
	color: #322715;
	background: #f7f7f7;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.5px;
	text-align: center;
	background: #f0f0f0;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	word-break: keep-all;
}

.form-wrapper02 table thead th:first-child,
.form-wrapper02 table tbody td:first-child,
.line-left-none {
	border-left: 0 !important;
}

.form-wrapper02 table tbody tr:hover td,
.form-wrapper02 table tbody tr:hover th {
	background: #f9f9f9;
}

.form-wrapper02 table th.line {
	border-left: 1px solid #e7e7e7
}

.form-wrapper02 table td {
	padding: 10px 15px 10px 15px;
	color: #424242;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.5px;
	text-align: center;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	word-break: break-all;
}

.form-wrapper02 table td .num {
	color:#b39a78;
}

.form-wrapper02 table td.nothing {
	padding: 20px;
	font-size: 14px;
}

.form-wrapper02 table td:first-child {
	border-left: 0;
}

.form-wrapper02 table td > input::placeholder {
	text-align: right;
	font-size: 12px;
	letter-spacing: -0.5px;
	line-height: 18px;
}

.form-wrapper02 table td label {
	color: #424242;
	margin-right: 10px;
}


.form-wrapper02 table tfoot th {
	background: #f5f9fc;
}

.form-wrapper02 table tfoot td {
	font-weight: 700;
	background: #f5f9fc;
}

.form-wrapper02 .bg02 {
	background: #f5f9fc
}



.input-checked-wrapper {
	display: block;
}

.input-checked-area {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}


.input-checked-wrapper.block .input-checked-area {
	display: block;
	margin-top: 5px;
}

.input-checked-area:first-child {
	margin-left: 0 !important;
	margin-top: 0 !important;
}

.input-checked-area input[type="checkbox"] {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	font-size: 0;
	line-height: 100px;
	white-space: nowrap;
	opacity: 0;
}

.input-checked-area input[type="checkbox"] + label {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding-left: 32px;
	color: #424242;
	font-size: 14px;
	line-height: 24px;
}


.input-checked-area.only input[type="checkbox"] + label {
	padding-left: 0;
	color: #424242;
	width: 24px;
	line-height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-indent: -5000rem;
	margin: 0 auto;
}

.input-checked-area input[type="checkbox"] + label:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	display: block;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	background-image: url(../img/icon/icon_checkbox_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 24px 24px;
}


.input-checked-area input[type="checkbox"]:checked + label:before {
	background-image: url(../img/icon/icon_checkbox_on.png);
}

.input-checked-area input[type="checkbox"]:focus {
	width: 24px;
	height: 24px;
	line-height: 24px;
	z-index: 100;
	opacity: 1;
}



.input-radio-wrapper {
	display: inline-block;
	vertical-align: middle;
}

.input-radio-area {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

.input-radio-area.only,
.input-radio-area:first-child {
	margin-left: 0;

}

.input-radio-area input[type="radio"] {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 100px;
	white-space: nowrap;
	opacity: 0;
}

.input-radio-area input[type="radio"] + label {
	display: block;
	padding-left: 32px;
	color: #424242;
	font-size: 14px;
	line-height: 20px;
	background-image: url(../img/icon/icon_radio_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 20px 20px;
}

.input-radio-area input[type="radio"]:checked + label {
	background-image: url(../img/icon/icon_radio_on.png);
}

.input-radio-wrapper + input[type="text"] {
	margin-left: 15px
}

.input-radio-area.only input[type="radio"] + label {
	padding-left: 0;
	width: 20px;
	height: 20px;
	text-indent: -5000rem;
	font-size: 14px;
	line-height: 24px;
	text-indent: -5000rem;
	margin: 0 auto;
}

.input-radio-area input[type="radio"]:focus {
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	z-index: 100;
	opacity: 1;
}


table td select,
table td input[type="text"],
table td input[type="password"],
table td input[type="number"],
table td input[type="email"],
table td input[type="search"],
table td input[type="tel"],
table td input[type="url"] {
	width: 100%;
	max-width: 180px;
	padding: 0 10px;
	border: 1px solid #dddddd !important
}

.input-phone-wrapper {
	max-width: 290px;
}

.input-phone-wrapper > select,
.input-phone-wrapper > input[type="text"],
.input-phone-wrapper > input[type="number"],
.input-phone-wrapper > input[type="tel"] {
	float: left;
	width: 30%;
}

.input-phone-wrapper > .word-unit {
	float: left;
	width: 5%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #666666;
	font-size: 14px;
	font-weight: 500;
}

.input-email-wrapper {
	display: block;
	width: 100%;
	max-width: 583px;
}


.input-email-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.input-email-area {
	float: left;
	width: 100%;
	max-width: 395px;
	margin-right: 10px;
}

.input-email-area > input[type="email"],
.input-email-area > input[type="text"] {
	float: left;
	width: 45%;
}

.input-email-area > .word-unit {
	float: left;
	width: 10%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #666666;
	font-size: 14px;
	font-weight: 500;
}

.input-email-wrapper select {
	float: left;
	width: 178px;
}

.zipcode {
	position: relative;
	width: 270px;
	padding-right: 90px;
	margin-bottom: 5px;
}

.zipcode > input {
	width: 100%;
}

.zipcode > .btn-zipcode {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 95px;
	height: 35px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	background: rgba(91, 96, 99, 1);
	transition: all 0.2s ease-in-out;
}

.zipcode > .btn-zipcode:hover,
.zipcode > .btn-zipcode:focus {
	background: rgba(91, 96, 99, 0.9);
}


.w80 {
	width: 80% !important;
	max-width: 80% !important;
}

.w100 {
	width: 100% !important;
	max-width: 100% !important;
}

.licensee-wrapper {
	max-width: 290px;
}

.licensee-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.licensee-wrapper > input {
	float: left;
}

.licensee-wrapper > input.first {
	width: 30%
}

.licensee-wrapper > input.second {
	width: 20%
}

.licensee-wrapper > input.third {
	width: 40%
}

.licensee-wrapper > .word-unit {
	float: left;
	width: 5%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #666666;
	font-size: 14px;
	font-weight: 500;
}



.business-type-setup {
	display: block;
}

.business-type-setup .input-checked-area {
	margin-right: 5px;
}

.input-checked-area + .input-calendar-wrapper {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

.business-type-setup select {
	width: 180px;
	margin-left: 10px;
	border: 1px solid #dddddd;
}

.images-box {
	position: relative;
	display: block;
	margin-bottom: 39px;
}
.images-box.process {
	padding: 30px 0;
	border: 1px solid #dddddd
}

.images-box.line {
	border: 1px solid #dddddd
}

.images-box > img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.contents-area,
.contents-box {
	margin-bottom: 50px;
	font-size: 17px;
	line-height: 28px;
}

.contents-area:last-child,
.contents-box:last-child {
	margin-bottom: 0;
}

.title-type01 {
	padding-left: 35px;
	margin-bottom: 16px;
	font-size: 30px;
	line-height: 38px;
	color: #212121;
	font-weight: 500;
	letter-spacing: -0.4px;
	background-image: url(../img/bullet/bullet_title_type03.png);
	background-repeat: no-repeat;
	background-position: left center;
	word-break: keep-all;
}

.title-type02 {
	position: relative;
	padding-left: 12px;
	margin-bottom: 11px;
	font-size: 24px;
	line-height: 30px;
	color: #424242;
	font-weight: 500;
	letter-spacing: -0.5px;
	word-break: keep-all;
}

.title-type02:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	display: block;
	width: 5px;
	height: 18px;
	margin-top: -10px;
	background-color: #1c7fcb
}

.word-type01 {
	margin-bottom: 15px;
	color: #666666;
	font-size: 17px;
	line-height: 28px;
	letter-spacing: -0.25px;
	word-break: keep-all;
}

/*
.word-type01 + .word-type01,
.word-type01 + h6 {
	margin-top: 15px;
}
*/
.word-notice {
	position: relative;
	padding-left: 15px;
	color: #195ed1;
	font-size: 17px;
	line-height: 28px;
	word-break: keep-all
}

.word-notice:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "※";
}

.tabmenu,
.tab {
	margin-bottom: 40px;
}

.tabmenu ul {
	display: block;
}

.tabmenu ul:after,
.tab:after {
	content: "";
	clear: both;
	display: block;
}

.tabmenu ul > li,
.tab > li {
	float: left;
	margin-right: -1px;
}

.tabmenu ul > li,
.tab4 > li {
	float: left;
	margin-right: -1px;
}

.tabmenu ul > li > a {
	display: block;
	min-width: 233px;
	color: #424242;
	font-size: 16px;
	line-height: 32px;
	background: #f3f5f7;
	font-weight: 500;
	border: 1px solid #dce2e7;
	padding: 8px 15px 6px 15px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.tabmenu.ratio ul > li > a {
	min-width: 100%;
}

.tab > li {
	margin-right: -1px;
	width: calc(20% + 1px);
}

.tabmenu,
.tab4 {
	margin-bottom: 40px;
}

.tab4 > li {
	margin-right: -1px;
	width: calc(25% + 1px);
}

.tab4 > li > a {
	display: block;
	color: #424242;
	font-size: 16px;
	line-height: 32px;
	background: #f3f5f7;
	font-weight: 500;
	border: 1px solid #dce2e7;
	padding: 8px 15px 6px 15px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.tabmenu ul > li > a.active,
.tabmenu ul > li > a:hover,
.tabmenu ul > li > a:focus,
.tab4 > li > a.active,
.tab4 > li.on > a,
.tab4 > li > a:hover,
.tab4 > li > a:focus {
	color: #fff;
	background: #344d66;
	border: 1px solid #344d66;
}

.tab > li > a {
	display: block;
	color: #424242;
	font-size: 16px;
	line-height: 32px;
	background: #f3f5f7;
	font-weight: 500;
	border: 1px solid #dce2e7;
	padding: 8px 15px 6px 15px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.tabmenu ul > li > a.active,
.tabmenu ul > li > a:hover,
.tabmenu ul > li > a:focus,
.tab > li > a.active,
.tab > li.on > a,
.tab > li > a:hover,
.tab > li > a:focus {
	color: #fff;
	background: #344d66;
	border: 1px solid #344d66;
}

.tab3 > li {
	margin-right: -1px;
	width: calc(33% + 1px);
}

.tab3 > li > a {
	display: block;
	color: #424242;
	font-size: 16px;
	line-height: 32px;
	background: #f3f5f7;
	font-weight: 500;
	border: 1px solid #dce2e7;
	padding: 8px 15px 6px 15px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.tabmenu ul > li > a.active,
.tabmenu ul > li > a:hover,
.tabmenu ul > li > a:focus,
.tab3 > li > a.active,
.tab3 > li.on > a,
.tab3 > li > a:hover,
.tab3 > li > a:focus {
	color: #fff;
	background: #344d66;
	border: 1px solid #344d66;
}

.tabmenu ul > li > a.active,
.tabmenu ul > li > a:hover,
.tabmenu ul > li > a:focus,
.tab2 > li > a.active,
.tab2 > li.on > a,
.tab2 > li > a:hover,
.tab2 > li > a:focus {
	color: #fff;
	background: #344d66;
	border: 1px solid #344d66;
}

.tabmenu ul > li,
.tab2 > li {
	float: left;
	margin-right: -1px;
}

.tabmenu ul > li > a {
	display: block;
	min-width: 233px;
	color: #424242;
	font-size: 16px;
	line-height: 32px;
	background: #f3f5f7;
	font-weight: 500;
	border: 1px solid #dce2e7;
	padding: 8px 15px 6px 15px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.tabmenu.ratio ul > li > a {
	min-width: 100%;
}

.tab > li {
	margin-right: -1px;
	width: calc(20% + 1px);
}

.tabmenu,
.tab2 {
	margin-bottom: 20px;
}

.tab2 > li {
	margin-right: -1px;
	width: calc(50% + 1px);
}

.tab2 > li > a {
	display: block;
	color: #424242;
	font-size: 16px;
	line-height: 32px;
	background: #f3f5f7;
	font-weight: 500;
	border: 1px solid #dce2e7;
	padding: 8px 15px 6px 15px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.tabmenu ul > li > a.active,
.tabmenu ul > li > a:hover,
.tabmenu ul > li > a:focus,
.tab2 > li > a.active,
.tab2 > li.on > a,
.tab2 > li > a:hover,
.tab2 > li > a:focus {
	color: #fff;
	background: #344d66;
	border: 1px solid #344d66;
}

.tabmenu ul.ratio > li > a,
.tabmenu ul.ratio > li > a:hover,
.tabmenu ul.ratio > li > a:focus {
	font-weight: 700;
}


.tabmenu ul.ratio > li {
	width: calc(50% + 1px);
}


.tabmenu.ratio ul.depth3 > li {
	width: calc(33.33% + 1px);
}

.tabmenu.ratio ul.depth3 > li:nth-child(2) {
	width: calc(33.34% + 1px);
}

.tabmenu.ratio ul.depth4 > li {
	width: calc(25% + 1px);
}

.tabmenu.ratio ul.depth5 > li {
	width: calc(20% + 1px);
}

.tabmenu.ratio ul.depth6 > li {
	width: calc(16.666% + 1px);
}

.tabmenu.ratio ul.depth7 > li {
	width: calc(14.285% + 1px);
}

.tabmenu.ratio ul.depth8 > li {
	width: calc(12.5% + 1px);
}

.tabmenu.ratio ul.depth9 > li {
	width: calc(11.111% + 1px);
}

.tabmenu.ratio ul.depth10 > li {
	width: calc(10% + 1px);
}


.tabmenu.line {
	border-bottom: 1px solid #dce2e7
}

.tabmenu.line > ul {
	margin-bottom: -1px;
}


.title-area {
	display: block;
	margin-bottom: 15px;
}

.title-area:after {
	content: "";
	clear: both;
	display: block
}

.title-area .select-count-area {
	float: left;
}

.title-area .select-count-area > label {
	float: left;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	color: #212121;
	font-size: 14px;
	font-weight: 500;
}

.title-area .select-count-area > select,
.title-area .select-count-area > input {
	float: left;
	width: 100px;
	margin-right: 20px;
	border: 1px solid #dddddd
}

.title-area .unit {
	float: right;
	padding-top: 20px;
	color: #166eb6;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
}

.table-type01 {
	border-top: 2px solid #166eb6;
}

.table-type01 table thead th {
	padding: 14px 10px 14px 10px;
	height: 50px;
	font-weight: 500;
	color: #212121;
	background: #f7f7f7;
	font-size: 17px;
	line-height: 28px;
	text-align: center;
	background: #f0f5fa;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
}

.table-type01 table tbody th {
	padding: 14px 10px 14px 10px;
	color: #212121;
	background: #f7f7f7;
	font-size: 17px;
	line-height: 28px;
	border: 1px solid #e1e1e1;
	border-left: 0;
	font-weight: 500;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
}

.table-type01 table tfoot th,
.table-type01 table tfoot td {
	padding: 14px 10px 14px 10px;
	color: #212121;
	background: #fdf5eb;
	font-size: 17px;
	line-height: 28px;
	border: 1px solid #e1e1e1;
	border-left: 0;
	font-weight: 500;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
}

.table-type01 table th:first-child,
.table-type01 table td:first-child  {
	border-left: 0
}

.table-type01 table th:last-child,
.table-type01 table td:last-child  {
	border-right: 0
}

.table-type01 table td {
	padding: 18px 20px;
	color: #666666;
	font-size: 17px;
	line-height: 28px;
	text-align: left;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
}

.table-type01.standard-index table th,
.table-type01.standard-index table td {
	padding: 18px 5px;
}

.table-type01 .bg01 {
	background-color: #fcfaee !important
}

.table-type01 table td select,
.table-type01 table td input {
	display: inline-block;
	vertical-align: middle;
	text-indent: 0 !important;
	font-size: 17px;
}


.table-type01 table td br + input,
.table-type01 table td br + input + input {
	margin-top: 10px;
}



.btn-download {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 20px 0 20px;
	height: 35px;
	background: rgba(47, 185, 224, 1);
	border-radius: 18px;
	transition: all 0.2s ease-in-out;
}

.btn-download:hover,
.btn-download:focus {
	background: rgba(47, 185, 224, 0.9);
}

.btn-download:after {
	content: "";
	clear: both;
	display: block;
}

.btn-download > span {
	float: left;
	font-size: 14px;
	line-height: 15px;
	font-weight: 500;
	padding-top: 1px;
	margin-right: 10px;
	color: #fff;
}

.btn-download > img {
	float: left;
	width: 14px;
}

.file-upload-wrapper {
	position: relative;
	margin-top: 50px;
}

.fileBox {
	position: relative;
	padding-right: 80px;
	margin-bottom: 0;
}

.file-upload-wrapper .fileBox {
	padding-right: 170px;
	margin-bottom: 10px;
}


.fileBox .fileName {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	height: 35px;
	padding-left: 10px;
	margin-right: 20px;
	line-height: 35px;
	border:1px solid #dddddd;
	border-right: 0;
	background-color: #fff !important;
	vertical-align: middle;
	color: #666666;
	font-size: 14px;
}

.fileBox .btn_file {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	border: 0;
	width: 80px;
	height: 35px;
	line-height: 35px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	background: #5b6063;
}

.file-upload-wrapper .fileBox .btn_file {
	right: 90px;
}

.fileBox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0
}

.file-upload-wrapper .btn-register {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	border: 0;
	width: 80px;
	height: 35px;
	line-height: 35px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	background: #166eb6;
}

.file-upload-wrapper .btn-delete02 {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 80px;
	height: 35px;
	background: #ffffff;
	border: 1px solid #8d8d8d;
	color: #8d8d8d;
	font-size: 14px;
	border-radius: 0;
	font-weight: 500;
	text-align: center;
}

.file-upload-wrapper .btn-delete02 span,
.file-upload-wrapper .btn-register span{
	vertical-align: middle;
	display: inline-block;
}

.file-upload-wrapper .btn-register img,
.file-upload-wrapper .btn-delete02  img{
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
}

.file-upload-list-wrapper {
	position: relative;
	padding-right: 90px;
	margin-bottom: 30px;
}

.file-upload-list-wrapper.view {
	padding-right: 0;
}

.file-upload-list {
	width: 100%;
	height: 142px;
	padding: 22px;
	border: 1px solid #dddddd;
	overflow-x: hidden;
	overflow-y: auto;

}

.file-upload-list > ul,
.file-upload-list > ul > li {
	display: block;
}

.file-upload-list > ul > li {
	position: relative;
	width: 100%;
	padding-left: 32px;
	height: 24px;
	margin-bottom: 5px;
}

.file-upload-list-wrapper.view .file-upload-list {
	height: auto;
	min-height: 142px;
}
.file-upload-list-wrapper.view .file-upload-list > ul > li {
	padding-left: 0;
}

.file-upload-list > ul > li:last-child {
	margin-bottom: 0;
}

.file-upload-list > ul > li:after {
	content: "";
	clear: both;
	display: block;
}

.file-upload-list > ul > li .input-checked-area {
	position: absolute;
	top: 0;
	left: 0;
}


.btn-add {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: 35px;
	background: #166eb6;
	border: 1px solid #166eb6;
	color: #fff;
	font-size: 14px;
	border-radius: 0;
	font-weight: 500;
}

.btn-etc {
	display: inline-block;
	vertical-align: middle;
	height: 35px;
	background: #166eb6;
	border: 1px solid #166eb6;
	color: #fff;
	font-size: 14px;
	border-radius: 0;
	font-weight: 500;
	padding: 0 20px;
}

.btn-delete {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: 35px;
	background: #ffffff;
	border: 1px solid #8d8d8d;
	color: #8d8d8d;
	font-size: 14px;
	border-radius: 0;
	font-weight: 500;
}

.btn-add > img,
.btn-delete > img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.btn-add > span,
.btn-delete > span {
	display: inline-block;
	vertical-align: middle;
}


.file-upload-list-wrapper  .btns {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
}

.file-upload-list-wrapper  .btns > button {
	display: block;
	margin-bottom: 10px;
}

.file-upload-list-wrapper  .btns > button:last-child {
	margin-bottom: 0;
}

.max-width-type01 {
	max-width: 135px;
}

.input-member-search {
	position: relative;
	padding-right: 60px;
}

.input-member-search > button {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 60px;
	height: 35px;
	color: #fff;
	font-size: 14px;
	background: rgba(91,96,99, 1);
	transition: all 0.2s ease-in-out;
}

.input-member-search > button:hover,
.input-member-search > button:focus {
	background: rgba(91,96,99, 0.9);
}

.period-setting-wrapper {
	display: block;
}

.period-setting-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.input-calendar-wrapper {
	display: block;
	max-width: 300px;
}

.input-calendar-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.input-calendar-area {
	position: relative;
	float: left;
	width: 45%;
	max-width: 180px;
	padding-right: 35px;
}

.input-calendar-area > input[type="text"] {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	border-right: 0 !important;
	text-align: center;
}
.input-calendar-area > button {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}

.input-calendar-area > input[type="text"]:read-only {
	background: #fff;
}

.input-calendar-wrapper .word-unit {
	float: left;
	width: 10%;
	height: 35px;
	line-height: 35px;
	color: #424242;
	font-size: 14px;
	text-align: center;
}

.period-setting-wrapper .input-calendar-wrapper {
	display: block;
	float: left;
	width: calc(100%-180px);
}

.period-setting-wrapper .word-period {
	float: left;
	height: 35px;
	line-height: 35px;
}

.period-setting {
	float: right;
}
.period-setting > button {
	float: left;
	width: 80px;
	height: 35px;
}

.period-setting > button:last-child {
	margin-left: 10px;
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1000;
}

.modal-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	width: 430px;
	padding: 30px;
	background: #fff;
	border: 1px solid #dddddd;
	transform:translate(-50%, -50%);
	z-index: 1010;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
}

.modal-search-wrapper {
	position: relative;
	padding-right: 60px;
	margin-bottom: 15px;
}

.modal-search-wrapper > input[type="search"] {
	display: block;
	width: 100%;
	border-right: 0;
}
.modal-search-wrapper > button {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 60px;
	height: 35px;
	background: #44809d;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.modal-box {
	min-height: 100px;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 25px;
}

.search-detail-box {
	position: relative;
	padding-right: 90px;
	max-width: 100%;
}

.search-detail-box > input[type="search"] {
	width: 100%;
}

.search-detail-box > button {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 80px;
	height: 35px;
}


/*ȸ������*/


.join-tab-area{
	margin-bottom: 40px ;
	text-align: center;
	font-size: 0;
}

.step-area {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	padding-top: 10px;
}


.join-tab-area .step-area .teb-inner{
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #424242;
	border: 1px solid #cccfd1;
	border-radius: 50px;
	padding:13px 27px;
	text-align:center;
}

.join-tab-area .step-area .teb-inner.on{
	border: 1px solid #166eb6;
	background-color: #f3f9ff;
}

.join-tab-area .teb-inner img{
	position: absolute;
	top: 0;
	right:10px;
}

.join-tab-area .teb-inner span{
	display: inline-block;
	margin-right: 12px;
	color: #166eb6;
}

.join-tab-area .tab-arrow{
	display:inline-block;
	vertical-align: middle;
	margin-top: 10px;
}



.join-wrapper {
	display: block;
}

.join-wrapper .title-area .title-type03 {
	font-size: 23px;;
	line-height:30px;
	color: #212121;
	font-weight: 400;
	margin-bottom:10px;
}
.join-wrapper .title-area .title-type03 strong {
	color: #166eb6;
	font-weight: 500;
}
.join-wrapper .title-area p {
	font-size: 15px;
	line-height: 22px;
/*	color: 666666;*/
}


.join-wrapper .join-select-wrapper {
	overflow:hidden;
	margin-top:20px;
	background:#fff;
	border:1px solid #dddddd;
	padding: 50px 60px;
}

.join-wrapper .join-select-wrapper > div {
	float:left;
	width:33.3%;
	text-align:center;
}

.join-wrapper .join-select-wrapper p strong {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height:30px;;
	color: #212121;
	margin-bottom: 10px;
}

.join-wrapper .join-select-wrapper p span {
	display:block;
	font-size: 14px;
	color: #666;
	line-height:20px;
}
.join-wrapper .join-select01 img {
	margin:20px 0 35px 0;
}
.join-wrapper .join-select-wrapper .btn-area {
	margin:0 auto;
	width:100%;
	display:block;
	line-height:35px;
}

.join-wrapper .join-select-wrapper .btn-area span{
	display:inline-block;
	margin:0 2px;
}
.join-wrapper .join-select-wrapper .btn-area a{
	display:block;
	padding:0 10px;
	background:#166eb6;
	font-size:14px;
	line-height:35px;
	color:#fff;
}


.agreement-wrapper {
	display: block;
}

.agreement-area {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 280px;
	padding: 30px;
	margin-bottom: 20px;
	background: #f9f9f9;
	border: 1px solid #ddd;
}

.agreement-area > p {
	font-size: 17px;
	line-height: 28px;
	color: #424242;
}

.agreement-area > p + p {
	margin-top: 22px;
}

.agreement-area > h4 {
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	color: #212121;
}

.agreement-area > h4:first-child {
	margin-top: 0;
}

.agreement-area > ul,
.agreement-area > ol {
	margin-top: 5px;
}

.agreement-area > ul li,
.agreement-area > ol li {
	font-size: 14px;
	line-height: 22px;
	color: #424242;
	font-weight: 500;
	margin-top: 5px;
}

.agreement-area > ul li p,
.agreement-area > ol li p{
	font-weight: 400;
	color: #666;
	margin-top: 5px;
}

.agreement-area > ul ul,
.agreement-area > ul ol,
.agreement-area > ol ul,
.agreement-area > ol ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

.agreement-area > ul ul li,
.agreement-area > ul ol li,
.agreement-area > ol ul li,
.agreement-area > ol ol li{
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #666;
	text-indent: -13px;
	padding-left: 13px;
}

.agree-all-area {
	background-color: #f6f9fa;
	padding: 30px;
	margin-bottom: 40px;
}

.agree-all-area .agree-text {
	font-size: 15px;
	font-weight: 500;
	color: #424242;
	margin-top:5px;
}

.agree-all-area .agree-text span{
	color: #166eb6;
}

.complete-result-wrapper {
	width: 100%;
	margin: 60px 0 ;
	text-align: center;
}

.complete-result-wrapper .word-result01 {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.25px;
	color: #212121;
	margin-bottom: 40px;
}

.complete-result-wrapper .word-result02 {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #666;
}



/*���*/


.login-area {
	margin:60px auto 0 auto;
	width: 400px;
}

.login-area:after {
	content: "";
	clear: both;
	display: block;
}

.login-area > .image {
	float: left;
	width: 48%;
	max-width: 390px;
}

.login-area > .login-box {
	width:390px;
	margin:0 auto;
}

.login-title strong{
	display: block;
	margin-bottom:20px;
	font-size: 23px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: -0.6px;
	color: #212121;
}

.login-title strong span{
	font-weight: 600;
	color: #166eb6;
}

.login-title p {
	display: block;
	margin-bottom:20px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	font-weight: 400;
	color: #666;
}


.login-area > .login-box .login-form {
	position: relative;
}

.login-area > .login-box .login-form > div {
	height: 45px;
	margin-bottom: 10px;
}

.login-area > .login-box .login-form > div > input {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	border: 0;
	background:#f4f5f5;
	font-size:15px;
}

.login-area > .login-box .login-form > div > input::placeholder {
	font-size: 15px;
	color: #999;
}

.login-area > .login-box .login-form > input[type="submit"] {
	display: block;
	width: 390px;
	height: 55px;
	background: #0c93f0;
	border:0;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}


.login-area > .login-box .save-id {
	padding-top: 13px;
}

.login-area > .login-box .save-id input[type="checkbox"],
.login-area > .login-box .save-id label {
	display: inline-block;
	vertical-align: middle;

}

.login-area > .login-box .save-id label {
	font-size: 14px;
	color: #818181;
	margin-left: 5px;
	font-weight: 500;
}

.login-area > .login-box .members-menu-list {
	clear: both;
	margin-top: 40px;
	text-align: center;
}

.login-area > .login-box .members-menu-list > div > a {
	display: inline-block;
	vertical-align: middle;
	color: #666666;
	font-size: 14px
}

.login-area > .login-box .members-menu-list > a:hover {
	text-decoration: underline;
}

.login-area > .login-box .members-menu-list > div > .icon-bar01 {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 14px;
	background: #cecfd2;
	margin: 0 5px;
}



/*ȸ����������*/

.password-area{
	display: block;
	text-align: center;
	margin:40px 0;
}

.password-area img{
	margin-bottom: 30px;
}

.password-title strong{
	display: block;
	margin-bottom:15px;
	font-size: 23px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: -0.6px;
	color: #212121;
}

.password-title strong span{
	font-weight: 500;
	color: #166eb6;
}

.password-title p {
	display: block;
	margin-bottom:30px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	font-weight: 400;
	color: #666;
}

.password-box {
	display: block;
	width: 520px;
	margin: 0 auto 30px auto;
}

.password-box.line{
	border-top: 1px solid #212121;
	border-bottom: 1px solid #ddd;
	padding: 25px 0;
}

.password-box.box02{
	width: 390px;
}

.password-area .password {
	width: 520px;
	font-size: 0;
	margin-bottom:10px;
}

.password-area .password.change {
	width: 390px;
}


.password-area .password > label{
	width: 100px;
	display: inline-block;
	font-size:14px;
	line-height: 20px;
	color: #212121;
	text-align: right;
	margin-right: 20px;
}

.password-area .password > input{
	display: inline-block;
	width: 390px;
	height: 45px;
	line-height: 45px;
	border: 0;
	background:#f4f5f5;
	font-size:15px;
}

.password-area .password > .id-box{
	display: inline-block;
	width: 390px;
	height: 45px;
	padding-left: 10px;
	font-size: 15px;
	font-weight: 400;
	line-height:45px;
	color: #424242;
	text-align: left;
}

.password-area .password > input::placeholder {
	font-size: 15px;
	color: #999;
}

/* ��������/���� */
.group-wrapper {
	display: block;
}

.group-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.group-area {
	float: left;
	width: calc(50%-6px);
	height: 725px;
	padding: 25px 20px 20px 20px;
	background: #f6f6f6;
	border: 1px solid #e7e7e7;
}

.group-area:nth-child(even) {
	float: right;
}

.group-area > h4 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	color: #292828;
}

.group-box {
	background: #ffffff;
	height: calc(100%-40px);
	padding: 30px;
	overflow-x: hidden;
	overflow-y: auto;
}

.group-menu-wrapper {
	background: #ffffff;
	padding: 26px 30px 30px 11px;
	min-height: 300px;
}

.group-menu-wrapper > h5 {
	padding-left: 21px;
}

.group-menu-wrapper > h5:after {
	content: "";
	clear: both;
	display: block;
}

.group-menu-wrapper > h5 > img {
	float: left;
	margin-right: 10px;
	padding-top: 2px;
}

.group-menu-wrapper > h5 > strong {
	color: #000000;
	font-size: 14px;
	line-height: 26px;
	font-weight: 500;
}

/* 2019.11.26 추가 작업 */
.department-wrapper {
	display: block;
}

.department-area {
	position: relative;
	padding: 30px 20px 30px 150px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: -1px;
}

.department-area > .icon {
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #344d66;
	transform: translate(0, -50%);
}

.department-area > .icon > img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 53px;
	transform: translate(-50%, -50%);
}

.department-area > h5 {
	margin-bottom: 11px;
	font-size: 20px;
	line-height: 28px;
	color: #424242;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.department-area > p {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	letter-spacing: -0.5px;
}

.title-type01.center {
	padding-top: 50px;
	margin-bottom: 50px;
	font-size: 30px;
	line-height: 42px;
	color: #212121;
	font-weight: 700;
	letter-spacing: -1px;
	text-align: center;
	background: transparent;
}


.hrd-intro-area {
	position:relative;
	min-height:212px;
	padding-left: 260px;
	margin-top: 30px;
}

.hrd-intro-area img {
	position: absolute;
	top:0;
	left: 0;
}

.hrd-intro-area .ul-list01 {
	padding-top: 10px;
}




.board-list-general-write2 {
	border-top:  2px solid #555;
	margin: 20px 0;
	border-right:  1px solid #cecece;
	border-left:  1px solid #cecece;
	border-bottom:  1px solid #cecece;
}

.board-list-general-write2 table {
	table-layout: fixed;
	border-collapse: collapse;
}

.board-list-general-write2 table thead th {
	padding: 10px 0 10px 0;
	background:#f9f9f9;
	border-top:  1px solid #e8e8e8;
	border-right:  1px solid #e8e8e8;
	color: #666;
	font-size: 17px;
	line-height: 28px;
	text-align: center;
	font-weight: 500;
}

.board-list-general-write2 table tbody th {
	padding: 10px 0 10px 20px;
	background:#f9f9f9;
	border-top:  1px solid #e8e8e8;
	border-right:  1px solid #e8e8e8;
	color: #666;
	font-size: 17px;
	line-height: 28px;
	text-align: left;
	font-weight: 500;
}
.board-list-general-write2 table th img {
	margin-left:6px;
}

.board-list-general-write2 table tbody td {
	background: #fff;
	border-top:  1px solid #e8e8e8;
	padding: 10px 20px ;
	font-size: 17px;
	line-height: 28px;
	font-weight: 300;
}

.board-list-general-write2 table tbody td input[type="text"] {
	font-size:15px;
}


.board-list-general-write2 table tbody td input, .board-list-general-write2 table tbody td select {
	border:1px solid #b9b9bb;
}
 .board-list-general-write2 table tbody td textarea {
	float:left;
	/*height:92px;*/
}

.board-list-general-write2 input[type="text"] {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	text-indent: 10px;
	background: #fff;
	border-radius: 0;
	border:1px solid #b9b9bb;
	-webkit-appearance: none;
}

.board-list-general-write2 input[type="text"]:focus {
	background: #f9f9f9;
}

.btn-l {
	display: inline-block;
	vertical-align: middle;
	min-width: 120px;
	padding: 0 5px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	border-radius: 8px!important;
	cursor: pointer;
}


.btn-m {
	display: inline-block;
	vertical-align: middle;
	padding: 8px 20px 0 20px;
	min-width: 100px;
	height: 40px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-align: center;
}

.btn-m02 {
	display: inline-block;
	vertical-align: middle;
	padding: 4px 10px 0 10px;
	min-width: 85px;
	height: 35px;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
}

.btn-m03 {
	display: inline-block;
	vertical-align: middle;
	padding: 7px 10px 0 10px;
	min-width: 55px;
	height: 35px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	text-align: center;
}

.btn-m03.round {
	border-radius: 18px;
}


button.btn-m {
	padding: 0 20px;
}


.btn-m > strong,
.btn-m > img {
	display: inline-block;
	vertical-align: middle;
}

.btn-type01 {
	background: #214984 !important
}

.btn-type02 {
	background: #16ace9 !important
}

.btn-type03 {
	color: #0b4ca6 !important;
	border: 1px solid #0b4ca6 !important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-type03:hover {
	color: #fff !important;
	background: #0b4ca6 !important;
	border: 1px solid #0b4ca6 !important;
}

.btn-type04 {
	color: #fff !important;
	background: #0f7ed4 !important;
	border: 1px solid #0872c4 !important;
}

.btn-type05 {
	color: #4c4c4c !important;
	background: #fff !important;
	border: 1px solid #666666 !important;
}

.btn-type06 {
	color: #fff !important;
	background: #424b57 !important;
	border: 1px solid #424b57 !important;
}

.btn-type07 {
	color: #686868 !important;
	background: #fff !important;
	border: 1px solid #cacaca !important;
}

.btn-type08 {
	color: #ffffff !important;
	background: #5c35d2 !important;
	border: 1px solid #014099 !important;
}

.btn-type09, .btn-excel-down {
	color: #ffffff !important;
	background: #207245 !important;
	border: 1px solid #15462b !important;
}



.board-list-responsive {
	clear: both;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
}

.board-list-responsive table .no-thead,
.board-list-responsive table .no-thead th {
	font-size: 0;
	height: 0;
	padding: 0;
	line-height: 0;
	color: transparent;
}

.board-list-responsive table th,
.board-list-responsive table td {
	border-width: 0;
}

.board-list-responsive table thead th {
	color: #322715;
	font-size: 17px;
	line-height: 28px;
	padding: 12px 10px 10px 10px;;
	font-weight: 700;
	text-align: center;
	background-color: #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}



.board-list-responsive table tbody td {
	background: #fff;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-left: 1px solid #ededed;
	color: #616161;
	font-size: 17px;
	line-height: 28px;
	text-align: center;
	padding: 20px 10px;
}

.board-list-responsive table thead th:first-child,
.board-list-responsive table tbody td:first-child {
	border-left: 0;
}

.board-list-responsive table thead th:last-child,
.board-list-responsive table tbody td:last-child {
	border-right: 0;
}


.board-list-responsive table tbody td.title a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100%-20px);
	font-size: 17px;
	line-height: 28px;
	font-weight: 500;
	color: #212121;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overow: ellipsis;
}

.information-box .title-infor {
	display: block;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #424242;
	letter-spacing: -0.5px;
	margin-bottom: 10px;
}

.information-box > p {
    color: #212121;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.75px;
    font-weight: 500;
    word-break: keep-all;
}

.information-box > .type02 {
    color: #212121;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.75px;
    font-weight: 500;
    word-break: keep-all;
}

.information-box > p.word-notice02 {
	padding-left: 28px;
	color: #666666;
	font-size: 17px;
	line-height: 28px;
	letter-spacing: -1px;
	font-weight: 500;
	background-image: url(../img/icon/icon_notice01.png);
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: left 4px;
}


/* board write */
.board-write {
	margin-bottom: 30px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}

.board-write dl {
	position: relative;
	display: table;
	padding-left: 170px;
	width: 100%;
	height: 55px;
	background: #f7f7f7;
	border-bottom: 1px solid #e7e7e7
}

.board-write dl dt {
	position: absolute;
	top: 50%;
	left: 0;
	padding: 15px 15px 14px 15px;
	font-weight: 500;
	color: #212121;
	font-size: 17px;
	line-height: 22px;
	text-align: left;
	transform: translate(0, -50%);
}

.board-write dl dt .btns-add-delete {
	margin-top: 5px;
	text-align: right;
}

.board-write dl dt .btns-add-delete > button {
	display: inline-block;
	vertical-align: middle;
}


.board-write dl dd {
	display: table-cell;
	vertical-align: middle;
	min-height: 55px;
	padding: 9px 15px 7px 15px;
	background: #fff;
	color: #424242;
	font-size: 17px;
	line-height: 24px;
	text-align: left;
	border-left: 1px solid #e7e7e7;
}

.board-write dl dd > p {
	min-height: 39px;
	line-height: 39px;
}

.board-write dl dd > input::placeholder {
	text-align: right;
	font-size: 17px;
	line-height: 24px;
}

.board-write dl dd label {
	color: #424242;
	margin-right: 10px;
}


.board-write dl dd > textarea {
	height: 250px;
}

.board-write dl dd .input-radio-area input[type="radio"] + label,
.board-write dl dd .input-checked-area input[type="checkbox"] + label {
	line-height: 40px;
	background-position: left center;
}

.board-write dl dd .age {
	width: 30% !important
}

.one-box {
	display: block;
}

.one-box:after {
	content: "";
	clear: both;
	display: block;
}

.half-box {
	float: left;
	display: block;
	width: 50%;
}


.modal-public-service-area > a {
	display: block;
	margin: 0 auto;
	padding-top: 18px;
	width: 244px;
	height: 70px;
	border-radius: 35px;
	color: #fff;
	font-size: 22px;
	line-height: 36px;
	letter-spacing: -0.25px;
	font-weight: 700;
	background: rgb(9,187,254);
	text-align: center;
	background: linear-gradient(90deg, rgba(9,187,254,1) 0%, rgba(90,66,236,1) 100%);
}



.public-service-search-wrapper01 {
	margin-bottom: 15px;
	padding: 15px 30px 15px 34px;
	border: 2px solid #e1ddb1;
	background-color: #f7f4d1;
	text-align: left;
}

.public-service-search-area01 {
	margin-bottom: 6px;
}

.public-service-search-area01:after {
	content: "";
	clear: both;
	display: block;
}

.public-service-search-area01:last-child {
	margin-bottom: 0;
}

.public-service-search-area01 dl {
	position: relative;
	padding-left: 90px;
}

.public-service-search-area01 dl > dt {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	margin-top: -10px;
}

.public-service-search-area01 dl > dd {
	display: block
}

.service-input-search {
	position: relative;
	padding-right: 88px;
}

.service-input-search > input[type="search"] {
	width: 100%;
}

.service-input-search > button {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 35px;
	background-color: #bd3f21;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
}

.public-service-search-box01 {
	float: left;
	width: calc(100%-386px);
}

.public-service-search-box02 {
	float: right;
	width: 370px;
}

.public-service-search-box02 dl > dt {
	padding-left: 19px;
}

.input-period-wrapper {
	display: block;
}

.input-period-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.input-period-wrapper > input {
	float: left;
	width: 45%;
}

.input-period-wrapper > .word-unit {
	float: left;
	width: 10%;
	height: 35px;
	line-height: 35px;
	text-align: center;
}

.table-public-checkbox {
	margin-bottom: 6px;
}

.table-public-checkbox table td {
	position: relative;
	border: 1px solid #c0c0c0;
	text-align: left;
}

.table-public-checkbox table td > input[type="checkbox"] {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	
height: 1px;
	font-size: 0;
	line-height: 100px;
	white-space: nowrap;
	opacity: 0;
}

.table-public-checkbox table td > input[type="checkbox"] + label {
	display: block;
	padding: 14px 0 0 6px;
	height: 39px;
	color: #424242;
	background-color: #fafafa;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: -0.5px;
}

.table-public-checkbox table td > input[type="checkbox"]:checked + label {
	background-color: #175caa;
	color: #fff;
}

.table-public-checkbox table td > input[type="checkbox"]:focus  + label{
	position: relative;
	box-shadow: 0 0 0 2px #ef822b, 0 0 0 4px #f6a139;
	z-index: 1000;
}

.public-service-search-wrapper02 {
	padding: 10px 32px 10px 41px;
	background-color: #fafafa;
	border: 1px solid #c0c0c0;
	margin-bottom: 35px;
}

.public-service-search-wrapper02 dl {
	position: relative;
	padding-left: 73px;
}

.public-service-search-wrapper02 dl > dt {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	margin-top: -10px;
}

.public-service-search-wrapper02 dl > dd {
	display: block
}

.service-selected-search {
	position: relative;
	padding-right: 127px;
}

.service-selected-search > select {
	width: 100%;
	background-position: 98% center
}

.service-selected-search > button {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 120px;
	height: 35px;
	background-color: #bd3f21;
	color: #fff;
	font-size: 15px;
	font-weight: 700
}


.board-list {
	border-bottom: 1px solid #212121;
	margin-bottom: 20px;
}

.board-list table {
	table-layout: fixed;
	border-collapse: collapse;
	border-top:  2px solid #212121;
}

.board-list table thead th {
	background: #f0f0f0;
	padding: 15px 15px;
	color: #333333;
	font-size: 1.231em;
	text-align: center;
	font-weight: 700;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.board-list table thead th:first-child {
	border-left: 0;
}

.board-list table tbody {
	border: 0px solid red;
}

.board-list table tbody tr:hover {
	background: #f9f9f9;
}

.board-list table tbody tr.notice {
	background: #f9f9f9
}

.board-list table tbody td {
	padding: 18px 15px;
	text-align: center;
	background: #fff;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
}

.board-list table tbody td:first-child {
	border-left: 0;
}

.board-list table tbody td.left {
	text-align: left;
}

.board-list table tbody td a {
	display: block;
	color: #222222;
}

.board-list table tbody td a .title {
	display: block;
	font-size: 16px;
	line-height:20px;
	color: #222222;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.board-list table tbody td a .category {
	display: block;
	font-size: 12px;
	line-height: 15px;
	color: #dd8338;
}

.board-list table tbody td a .period {
	display: block;
	font-size: 13px;
	color: #aaaaaa;
	line-height: 15px;
}

.board-list table tbody td .title {
	display: block;
	font-size: 16px;
	color: #222222;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.board-list table tbody td .category {
	display: block;
	font-size: 12px;
	line-height: 15px;
	color: #dd8338;
}

.board-list table tbody td .period {
	display: block;
	font-size: 13px;
	color: #aaaaaa;
	line-height: 15px;
}

.board-list table tbody td img {
	display: inline-block;
	vertical-align: middle;
}

.board-list table tbody td .btn_download{
	display:block;
	max-width:120px;
	margin:0 auto;
	background:#d96111 url(/assets/img/icon/icon_download.png) no-repeat 18% 50%;
	padding:12px 12px 12px 38px;
	border-radius:50px;
	color:#fff;
}

.board-list.public-service {
	border-bottom: 0 !important;
}

.board-list.public-service  th {
	border: 1px solid #d9d9d9 !important;
}

.board-list.public-service  td {
	border: 1px solid #e8e8e8 !important;
}

.board-list.public-service tr.q.active td {
	background-color: #125caf;
	border: 1px solid #5a8dc7 !important;
	color: #fff;
}

.board-list.public-service tr.q.active td:first-child {
	border-left: 1px solid #125caf !important;
}

.board-list.public-service tr.q.active td:last-child {
	border-right: 1px solid #125caf !important;
}

.board-list.public-service tr.a {
	display: none;
}

.board-list.public-service tr.a td {
	padding: 21px 23px;
	background-color: #f3f5f9;
	border: 1px solid #175caa !important;
}

.board-list.public-service .table-detail-view01 table {
	border-top: 0 !important
}

.board-list.public-service .table-detail-view01 table tbody th,
.board-list.public-service table tr.a td .table-detail-view01 table tbody td.sub-table-title {
	border: 1px solid #d0d0d0 !important;
	background-color:#03a768;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.board-list.public-service table tr.a td .table-detail-view01 table tbody td {
	height: 39px;
	padding: 7px 15px;
	border: 1px solid #d0d0d0 !important;
	background-color:#ffffff;
	color: #333333;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	word-break: keep-all;
}

.btn-link-go {
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px;
	height: 56px;
	border: 3px solid #2e526f;
	border-radius: 28px;
}

.btn-link-go:after {
	content: "";
	clear: both;
	display: block;
}

.btn-link-go > strong {
	float: left;
	padding-top: 14px;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: -0.25px;
	color: #003181;
	font-weight: 700;
}

.btn-link-go > strong > span {
	color: #0991de
}

.btn-link-go > img {
	float: left;
	margin-top: 16px;
	margin-left: 20px;
	width: 18px;
}


.contents-wrapper .slogan-wrapper {
	position: relative;
	display: block;
	min-height: 180px;
	padding: 35px 70px;
	border: 1px solid #dddddd;
	text-align: center;
}

.contents-wrapper .slogan-wrapper .bg-left {
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	width: 36px;
	height: calc(100% + 2px);
	border: 4px solid #166eb6;
	border-right: 0;
}

.contents-wrapper .slogan-wrapper .bg-right {
	position: absolute;
	top: -1px;
	right: -1px;
	display: block;
	width: 36px;
	height: calc(100% + 2px);
	border: 4px solid #166eb6;
	border-left: 0;
}

.contents-wrapper .slogan-wrapper dl {
	display: block;
}

.contents-wrapper .slogan-wrapper dl dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	line-height: 38px;
	font-weight: 700;
	margin-bottom: 15px;
	letter-spacing: -1px;
	color: #044275;
	word-break: keep-all;
}

.contents-wrapper .slogan-wrapper dl dt:after {
	content: "";
	clear: both;
	display: block;
}

.contents-wrapper .slogan-wrapper dl dt > span {
	float: left;
}

.contents-wrapper .slogan-wrapper dl dt > .btn-go {
	float: left;
	display: block;
	margin-left: 13px;
	margin-top: 3px;
	padding: 0 15px;
	height: 28px;
	border-radius: 14px;
	background-color: #044275;
	transition: all 0.2s ease-in-out;
}

.contents-wrapper .slogan-wrapper dl dt > .btn-go:hover {
	background-color: #022a4b;
}

.contents-wrapper .slogan-wrapper dl dt > .btn-go:after {
	content: "";
	clear: both;
	display: block;
}

.contents-wrapper .slogan-wrapper dl dt > .btn-go > span {
	float: left;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	padding-top: 7px;
}

.contents-wrapper .slogan-wrapper dl dt > .btn-go > img {
	float: left;
	margin-left: 9px;
	padding-top: 9px;
}

.contents-wrapper .slogan-wrapper dl dd {
	color: #666666;
	font-size: 17px;
	line-height: 28px;
	letter-spacing: -1px;
	word-break: keep-all;
}


.operational-architecture-wrapper {
	display: block;
}

.operational-architecture-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.operational-architecture-area {
	float: left;
	width: 25%;
	height: 239px;
}

.operational-architecture-area > dl {
	display: block;
}

.operational-architecture-area > dl > dt {
	display: block;
	padding: 33px 10px 25px 10px;
	border: 1px solid #dddddd;
	border-bottom: 0;
	text-align: center;
}

.operational-architecture-area > dl > dt > img {
	display: block;
	margin: 0 auto 16px auto;
	width: 100px
}

.operational-architecture-area > dl > dt > strong {
	display: block;
	font-size: 17px;
	line-height: 28px;
	color: #212121;
	font-weight: 700;
}

.operational-architecture-area > dl > dd {
	display: table;
	width: 100%;
	height: 70px;
	padding: 0 25px;
	text-align: center;
}

.operational-architecture-area > dl > dd > strong {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 17px;
	line-height: 28px;
	font-weight: 500;
	word-break: keep-all;
}


.operational-architecture-area > dl > dd.type01 {
	background: #f36015
}

.operational-architecture-area > dl > dd.type02 {
	background: #2087d4
}

.operational-architecture-area > dl > dd.type03 {
	background: #1d925c
}

.icon-next-wrapper {
	float: left;
	display: table;
	width: 12.5%;
	height: 239px;
	text-align: center;
}

.icon-next-wrapper .icon-next-area {
	display: table-cell;
	vertical-align: middle;
}

.icon-next-wrapper .icon-next-area > img {
	display: block;
	margin: 0 auto 12px auto;
}

.icon-next-wrapper .icon-next-area > strong {
	display: block;
	color: #166eb6;
	font-size: 17px;
	line-height: 28px;
	font-weight: 500;
}


.wrapper-hrdintro {
	margin-top: 0;
}

.wrapper-hrdintro .top-img{
	position:relative;
}
.wrapper-hrdintro .top-img .txt-area {
	position:absolute;
	z-index:1;
	top:95px;
	left:60px;
	color:#fff;
}

.wrapper-hrdintro .top-img .txt-area .txt01{
	margin-bottom:10px;
	font-size: 32px;
	line-height:48px;
	font-weight:300;
	letter-spacing:-1px;
}

.wrapper-hrdintro .top-img .txt-area .txt01 strong {
	color: #c4f5ff;
	font-weight: 600;
}

.wrapper-hrdintro .top-img .txt-area .txt01 span {
	background: url(../img/bullet/line.gif) bottom left repeat-x;
	background-size: 1px 1px;
}

.wrapper-hrdintro .top-img .txt-area .txt02 {
	margin-top:15px;
	font-weight:300;
	font-size:16px;
	line-height:24px;
	letter-spacing:-0.5px;
}

.wrapper-hrdintro .top-img .txt-area02 {
	position:absolute;
	z-index:1;
	top:80px;
	left:50px;
	color: #212121;
}

.wrapper-hrdintro .top-img .txt-area02 .txt0101{
	margin-bottom:10px;
	font-size: 32px;
	line-height:48px;
	font-weight:300;
	letter-spacing:-1px;
}

.wrapper-hrdintro .top-img .txt-area02 .txt0101 strong {
	font-weight: 600;
	color: #166eb6;
}

.wrapper-hrdintro .top-img .txt-area02 .txt0101 strong span{
	color: #0c93f0;
}

.wrapper-hrdintro .top-img .txt-area02 .txt0101 span {
	background: url(../img/bullet/line.gif) bottom left repeat-x;
	background-size: 1px 1px;
}

.wrapper-hrdintro .top-img .txt-area02 .txt0102 {
	margin-top:15px;
	font-weight:300;
	font-size:16px;
	line-height:26px;
	color: #666;
	letter-spacing:-0.5px;
}


.wrapper-hrdintro .top-txt-area {
	margin:50px 0 40px 0;
	text-align:center;
}

.wrapper-hrdintro .top-txt-area .eng-txt{
	margin:60px 0 0 0;
}
.wrapper-hrdintro .top-txt-area .eng-txt span {
	display:inline-block;
	border-bottom:1px solid #166eb6;
	font-size:16px;
	line-height: 22px;
	color:#166eb6;
	font-weight:500;
	letter-spacing:-0.1px;
	text-transform:uppercase;
}

.wrapper-hrdintro .top-txt-area .kor-txt{
	margin:30px 0 0 0;
	font-size:28px;
	font-weight: 500;
	line-height:40px;
	color:#212121;
	letter-spacing:-0.5px;
}


.hrd-intro-area {
	position:relative;
	overflow:hidden;
	min-height:240px;
	padding-left:425px;
	font-size: 17px;
	line-height: 28px;
	font-weight: 400;
	color:#666;
	word-break: keep-all;
}

.hrd-intro-area em {
	color:#166eb6;
}

.hrd-intro-area img {
	position:absolute;
	top:0;
	left:0;
}
.hrd-intro-area2 {
	font-size: 17px;
	line-height: 28px;
	color:#666;
	text-align: center;
	word-break: keep-all;
	letter-spacing: -1px;
}
.hrd-intro-area2 em {
	color:#166eb6;
}

 .hrd-intro-area2.center {
	text-align:center;
}


.hrd-vod-area {
	margin-top: 60px;
	padding: 60px 40px;
	background: #f3f3f3;
	*zoom: 1;
}

.hrd-vod-area:after {
	display: block;
	content: "";
	clear: both;
}

.hrd-vod-area .title_txt01{
	margin-bottom:50px;
	font-size: 24px;
	line-height: 36px;
	font-weight:400;
	color:#424242;
	text-align:center;
	letter-spacing:-0.5px;
}
.hrd-vod-area .title_txt01 span{
	color:#0c93f0;
}

.hrd-vod-area .vod-site-area div{
	float:left;
	width:420px;
	padding:40px 0;
	background:#fff;
	border:1px solid #ddd;
	text-align:center;
}

.hrd-vod-area .vod-site-area div:first-child{
	margin-right: 12px
}
.hrd-vod-area .vod-site-area div span {
	display:block;
	font-weight:400;
	letter-spacing:-0.5px;
}

.hrd-vod-area .vod-site-area .txt01 {
	font-size: 18px;
	line-height: 26px;
	color:#212121;
	font-weight: 500;
	margin-bottom: 5px;
}

.hrd-vod-area .vod-site-area .txt02 {
	font-size: 14px;
	line-height: 20px;
	color:#666;
	text-decoration:underline;
}

.hrd-vod-area .vod-site-area img {
	margin:20px 0;
}

.hrd-vod-area .vod-site-area a {
	width: 142px;
	display:block;
	margin:0 auto;
	padding: 0 30px;
	border-radius:50px;
	background:#0E85C6 url(../img/icon/icon_blank.png) no-repeat 95px center;
	font-size: 16px;
	line-height: 40px;
	text-align: left;
	color:#fff;
}

.hrd-traningbook-area {
	margin-top: 60px;
	padding: 60px 40px;
	background: #f3f3f3;
}


.hrd-traningbook-area .title_txt01{
	margin-bottom:50px;
	font-size: 24px;
	line-height: 36px;
	font-weight:400;
	color:#424242;
	text-align:center;
	letter-spacing:-0.5px;
}
.hrd-traningbook-area .title_txt01 span{
	color:#d96111;
}

.qna-wrapper {
	display: block;
}

.qna-wrapper > dt {
	position: relative;
	margin-bottom: 5px;
	padding-left: 22px;
	font-size: 17px;
	line-height: 28px;
	font-weight: 500;
	color: #166eb6;
	word-break: keep-all
}

.qna-wrapper > dt:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "Q)";
}

.qna-wrapper > dd {
	position: relative;
	padding-left: 22px;
	font-size: 17px;
	line-height: 28px;
	color: #666666;
	word-break: keep-all;
	font-weight: 300;
}

.qna-wrapper > dd:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "A)";
}

.motive-wrapper {
	position: relative;
	height: 290px;
	margin-top: 17px;
	padding: 64px 40px 0 462px;
	border: 1px solid #e7e7e7;
}

.motive-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.motive-wrapper > dl {
	position: absolute;
	top: 30px;
	left: 40px;
}

.motive-wrapper > dl > dt {
	display: block;
	color: #707070;
	font-size: 32px;
	line-height: 37px;
	letter-spacing: -0.25px;
}

.motive-wrapper > dl > dd {
	padding-top: 30px;
}

.motive-wrapper > dl > dd > img {
	display: block;
}

.motive-wrapper > p {
	display: block;
	color: #666666;
	font-size: 17px;
	line-height: 30px;
	letter-spacing: -0.25px;
	word-break: keep-all;
}

.service-wrapper {
	margin-bottom: 17px;
	display: table;
	width: 100%;
	border-top: 4px solid #efefef;
	border-bottom: 2px solid #efefef;
	text-align: center;
}

.service-wrapper > dl {
	display: table-cell;
	width: 25%;
	padding: 39px 19px 19px 19px;
	border-right: 1px solid #efefef;
	text-align: left;
}

.service-wrapper > dl:last-child {
	border-right: 0;
}

.service-wrapper > dl > dt {
	display: block;
	margin-bottom: 22px;
}

.service-wrapper > dl > dt > img {
	display: block;
	margin: 0 auto 18px auto;
}

.service-wrapper > dl > dt > strong {
	color: #000000;
	font-size: 25px;
	line-height: 30px;
	letter-spacing: -0.25px;
	font-weight: 500;
}

.service-wrapper > dl > dd {
	display: block;
	margin-bottom: 17px;
}

.service-wrapper > dl > dd > a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-left: 28px;
	padding-top: 0;
	color: #2383c5;
	font-size: 17px;
	line-height: 21px;
	letter-spacing: -0.25px;
	word-break: keep-all;
}

.service-wrapper > dl > dd > a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../img/sub01/bullet01.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

.service-wrapper > dl > dd > a:after {
	position: absolute;
	bottom: 0;
	left: 28px;
	content: "";
	width: 0;
	height: 1px;
	background-color: #2383c5;
	transition: all 0.2s ease-in-out;
}

.service-wrapper > dl > dd > a:hover:after,
.service-wrapper > dl > dd > a:focus:after {
	width: calc(100%-28px);
}

/* 2020.10.29 추가작업 */
#surveyElement {
	float: right;
	width: 100%;
	padding-top: 31px;
}

#surveyElement {
	float: right;
	width: 100%;
	background-color: #fff !important
}

#surveyElement .sv_main .sv_custom_header {
	display: none;
}

#surveyElement .sv_main .sv_container .sv_header {
	padding: 0;
	border-bottom: 0;
	background-color: #fff;
	padding-bottom: 31px;
}

#surveyElement .sv_main .sv_container .sv_header > h3 {
	display: block;
	color: #292828;
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
	border: 0;
}

#surveyElement .sv_main.sv_default_css .sv_body {
	display: block;
	min-height: 300px;
	border: 0;
	padding: 0;
	background-color: #fff !important
}

#surveyElement .sv_page_title {
	border: 0;
	margin: 0;
}

#surveyElement .sv_page_title span {
	display: block;
	padding-left: 30px;
	margin-bottom: 12px;
	font-size: 24px;
	line-height: 32px;
	color: #212121;
	font-weight: 500;
	letter-spacing: -0.4px;
	background-color: transparent;
	background-image: url(../img/bullet/bullet_title_type03.png);
	background-repeat: no-repeat;
	background-position: left center;
	word-break: keep-all;
}

#surveyElement .sv_main .sv_p_root > .sv_row {
	border-top: 1px solid #e7e7e7;
	margin-top: -1px;
}

#surveyElement .sv_main .sv_container .sv_body .sv_p_root .sv_q_title {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.4px;
	color: #424242;
}

#surveyElement .sv_main .sv_container .sv_body .sv_progress .sv_progress_bar > span {
	color: #424242;
}

#surveyElement .sv_main .sv_progress_bar {
    background-color: #02a0e8;
}


#surveyElement .sv_main input[type="button"],
#surveyElement .sv_main button {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px 0 20px;
	min-width: 100px;
	height: 40px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-align: center;
	border-radius: 0;
	background: rgba(22,110,182, 1) !important;
	transition: all 0.2s ease-in-out;
}

#surveyElement .sv_main input[type="button"]:hover,
#surveyElement .sv_main button:hover,
#surveyElement .sv_main input[type="button"]:focus,
#surveyElement .sv_main button:focus {
	 background: rgba(22,110,182, 0.9) !important;
}

#surveyElement .sv_page_desc {
    width: 100%;
    display: table;
    padding: 20px;
    border: 1px solid #e7e7e7;
    min-height: 20px;
    line-height: 20px;
	margin-bottom: 20px;
	background-color: #f9f9f9;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: -0.4px;
	color: #424242;
}

.container #layer_container {
	width: 100%;
	margin: 0;
	background-color: #fff;
	float: right;
	width: 100%;
	padding-top: 31px;
}

.container #layer_container {
	width: 100%;
	margin: 0;
	background-color: #fff;
	float: right;
	width: 100%;
	padding: 31px 0 0 0;
}

.container #layer_container .layer_header {
	padding: 0;
	border-bottom: 0;
	background-color: #fff;
	padding-bottom: 31px;
}

.container #layer_container .layer_header h2.titl {
	display: block;
	color: #292828;
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
	border: 0;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
}

.container #layer_container .contents {
	min-height: auto;
	background: transparent;
	padding: 0;
}

.container #layer_container .contents h4.tit{
	display: block;
	padding: 0 0 0 30px;
	margin-bottom: 12px;
	font-size: 24px;
	line-height: 32px;
	color: #212121;
	font-weight: 500;
	letter-spacing: -0.4px;
	background-color: transparent;
	background-image: url(../img/bullet/bullet_title_type03.png);
	background-repeat: no-repeat;
	background-position: left center;
	word-break: keep-all;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
}

.container #layer_container .contents table {
	margin: 0;
	padding: 0;
}



.container #layer_container .table-type03 table thead th {
	padding: 14px 10px 14px 10px;
	height: 50px;
	font-weight: 500;
	color: #212121;
	background: #f7f7f7;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	background: #f0f5fa;
	border-bottom: 1px solid #d1d1d1;
	border: 1px solid #d1d1d1;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
}

.container #layer_container .table-type03 table tbody th {
	padding: 14px 10px 14px 10px;
	color: #212121;
	background: #f7f7f7;
	font-size: 17px;
	line-height: 28px;
	border-width: 0 0 1px 0;
	border: 1px solid #e1e1e1;
	font-weight: 500;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
}

.container #layer_container .table-type03 table tfoot th,
.container #layer_container .table-type03 table tfoot td {
	padding: 14px 10px 14px 10px;
	color: #212121;
	background: #fdf5eb;
	font-size: 17px;
	line-height: 28px;
	border-width: 0 0 1px 0;
	border: 1px solid #e7e7e7;
	border-left: 0;
	font-weight: 500;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;

}

.container #layer_container .table-type03 table td {
	padding: 18px 20px;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	border-width: 0 0 1px 0;
	border: 1px solid #e7e7e7;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
}

.container #layer_container .table-type03 table th:first-child,
.container #layer_container .table-type03 table td:first-child  {
	border-left: 0 !important
}

.container #layer_container .table-type03 table th:last-child,
.container #layer_container .table-type03 table td:last-child  {
	border-right: 0 !important
}




.container #layer_container .page-divide + h4 {
	margin-top: 40px;
}

.container #layer_container .siteList {
	display: block;
}

.container #layer_container .siteList > li {
	list-style-type: none;
	margin-bottom: 10px;
	padding-top: 0;
	padding-left: 12px;
	color: #666666;
	font-size: 14px;
	line-height: 22px;
	background-image: url(../img/bullet/bullet_type01.png);
	background-repeat: no-repeat;
	background-position: 0 9px;
	word-break: keep-all;
	font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial,
	sans-serif;
	font-weight: 500;
}

.container #layer_container .siteList > li:last-child {
	margin-bottom: 0;
}

.container #layer_container .print-n {
	display: inline-block;
	vertical-align: middle;
	min-width: 120px;
	padding: 0 5px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	border-radius: 8px!important;
	cursor: pointer;
	border: 0;
	border-radius: 0;
	background: #214984 !important;
	-webkit-appearance: none;
	font-family: "Noto Sans KR", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Droid Sans, arial, sans-serif;
}

.step-process-wrapper {
	padding: 40px 25px;
	border: 1px solid #dddddd
}

.step-process-wrapper > h5 {
	display: block;
	margin-bottom: 27px;
}

.step-process-wrapper > h5 > img {
	display: block;
	margin: 0 auto;
}


.step-process-wrapper:after {
	content: "";
	clear: both;
	display: block;
}


.step-process-area {
	float: left;
	width: calc(50% -3px);
	margin-left: 6px;
}

.step-process-area:nth-of-type(1) {
	margin-left: 0;
}


.step-process-area > h6 {
	display: block;
	margin-bottom: 31px;
	height: 46px;
	color: #2b2b2b;
	font-size: 22px;
	line-height: 22px;
	padding-top: 15px;
	font-weight: 500;
	text-align: center;
	background-color: #ddedff
}

.step-process-area:nth-of-type(2) > h6 {
	background-color: #fde4ad
}

.step-process-box {
	position: relative;
	padding-left: 109px;
	min-height: 94px;
	margin-bottom: 48px;
}

.step-process-box:nth-of-type(3) {
	margin-bottom: 0;
}

.step-process-box > img {
	position: absolute;
	top: 0;
	left: 0;
}

.step-process-box > dl {
	display: block;
}

.step-process-box > dl > dt {
	display: block;
	margin-bottom: 2px;
	font-size: 20px;
	line-height: 29px;
	color: #333333;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.step-process-box > dl > dd {
	font-size: 17px;
	line-height: 28px;
	font-weight: 300;
	color: #666666;
	word-break: keep-all;
}

.step-process-box > dl > dd > sub {
	display: block;
	font-size: 15px;
	color: #888888;
}

.benefit-wrapper {
	display: block;
}


.benefit-wrapper > dl {
	display: block;
	width: 100%;
	height: 218px;
}

.benefit-wrapper > dl > dt,
.benefit-wrapper > dl > dd {
	float: left;
	display: table;
	height: 218px;
}

.benefit-wrapper > dl > dt {
	width: 26.5%;
	background-color: #f0f5fa;
	border: 1px solid #ddd;
	text-align: center;
}

.benefit-wrapper > dl > dt > div {
	display: table-cell;
	vertical-align: middle;
}

.benefit-wrapper > dl > dt > div > img {
	display: block;
	margin: 0 auto 14px auto
}

.benefit-wrapper > dl > dt > div > strong {
	display: block;
	color: #000000;
	font-size: 26px;
	line-height:35px;
	font-weight: 700;
}

.benefit-wrapper > dl > dd {
	width: 24.5%;
	border: 1px solid #ddd;
	border-left: 0;
	text-align: center;
}

.benefit-wrapper > dl > dd > div {
	display: table-cell;
	vertical-align: middle;
}

.benefit-wrapper > dl > dd > div > strong {
	display: table;
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
	font-weight: 400;
}

.benefit-wrapper > dl > dd > div > strong > span {
	display: table-cell;
	vertical-align: middle;
}

.benefit-wrapper > dl + dl {
	margin-top: 20px;
}

.relationship-wrapper {
	background-image: url(../img/sub02/icon_arrow_both.png);
	background-repeat: no-repeat;
	background-size: 123px 24px;
	background-position: center center;
}

.relationship-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.relationship-area {
	float: left;
	width: 375px;
}

.relationship-area > h6 {
	padding: 14px 0 12px 0;
	text-align: center;
	font-size: 17px;
	line-height: 28px;
	color: #fff;
	font-weight: 400;
	background-color: #6d7bc1
}

.relationship-area:nth-of-type(2) {
	float: right;
}

.relationship-area:nth-of-type(2) > h6 {
	background-color: #404976
}

.relationship-area > ul {
	padding: 20px;
	background-color: #eeeeee
}

.relationship-area > ul > li {
	position: relative;
	padding-left: 11px;
	font-size: 17px;
	line-height: 28px;
	color: #222222;
	word-break: keep-all;
}

.relationship-area > ul > li:after {
	position: absolute;
	top: 13px;
	left: 0;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background-color: #6e7ac2;
}

.busines-process-wrapper {
	display: block;
}

.busines-process-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.busines-process-area {
	float: left;
	width: 15%;
	height: 186px;
	text-align: center;
}

.busines-process-area > img {
	display: block;
	margin: 0 auto 12px auto;
}

.busines-process-area > strong {
	display: block;
	color: #333333;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
}

.icon-arrow {
	float: left;
	width: 6.25%;
	height: 186px;
	background-image: url(../img/sub02/icon_arrow01.png);
	background-repeat: no-repeat;
	background-size: 15px 25px;
	background-position: center 56px;
}


/* vision */
.vision-wrapper {
	border-top: 1px solid #dddddd
}

.vision-area {
	position: relative;
	display: table;
	width: 100%;
	min-height: 190px;
	padding: 20px 0 20px 210px;
	border-bottom: 1px solid #dddddd
}

.vision-area > h5 {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -75px;
	padding-right: 40px;
	background-image: url(../img/sub02/bg_dotted.png);
	background-repeat: repeat-x;
	background-size: 8px 3px;
	background-position: left center;
}

.vision-area > h5:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-radius: 50%;
	background-color: #e3aa38
}

.vision-area:nth-of-type(1) > h5:after {
	background-color: #e3aa38
}

.vision-area:nth-of-type(2) > h5:after {
	background-color: #84b02d
}

.vision-area:nth-of-type(3) > h5:after {
	background-color: #258ac3
}

.vision-area:nth-of-type(4) > h5:after {
	background-color: #003685
}

.vision-box {
	display: table-cell;
	vertical-align: middle;
}

.vision-box:after {
	content: "";
	clear: both;
	display: block;
}

.vision-box > p {
	color: #424242;
	font-weight: 500;
}

.vision-box > dl {
	float: left;
	width: 32%;
	margin-left: 2%;
}

.vision-box > dl:first-child {
	margin-left: 0;
}

.vision-box > dl > dt {
	display: table;
	width: 100%;
	height: 63px;
	font-size: 17px;
	line-height: 24px;
	text-align: center;
	background-color: #f6f6f6;
	border: 1px solid #dddddd;
}

.vision-box > dl > dt > strong {
	display: table-cell;
	vertical-align: middle;
	color: #405477;
	letter-spacing: -0.5px;
	font-weight: 700;
}

.vision-box > dl > dd {
	display: block;
	vertical-align: middle;
	min-height: 283px;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 15px 20px;
}

.vision-box > dl > dd > ul {
	display: block;
}

.vision-box > dl > dd > ul > li {
	position: relative;
	padding-left: 13px;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 4px;
	word-break: keep-all;
}

.vision-box > dl > dd > ul > li:before {
	position: absolute;
	top: 10px;
	left: 0;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background-color: #666666;
}

.plan-wrapper {
	border: 1px solid #ddd;
	border-bottom: 0;
}

.plan-area {
	position: relative;
	padding: 25px 30px 23px 223px;
	border-bottom: 1px solid #ddd;
}

.plan-area > img {
	position: absolute;
	top: 50%;
	left: 71px;
	display: block;
	width: 85px;
	margin-top:-40.5px;
}

.plan-area > h5 {
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	line-height:30px;
	color: #333333;
	font-weight: 400;
	letter-spacing: -0.25px;
	word-break: keep-all;
}

.plan-area > ul {
	display: block;
}

.plan-area > ul > li {
	position: relative;
	padding-left: 13px;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 4px;
	word-break: keep-all;
	color: #999999;
}

.plan-area > ul > li:before {
	position: absolute;
	top: 10px;
	left: 0;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	background-color: #90b4e7;
}

.introduce-wrapper {
	margin-bottom: 160px;
	text-align: center;
}

.introduce-wrapper .introduce-slogan {
	padding: 30px 0 53px 0;
	text-align: center;
}

.introduce-wrapper .introduce-slogan > p {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 43px;
	font-size: 24px;
	line-height: 34px;
	text-align: center;
	letter-spacing: -0.25px;
	color: #131313;
}

.introduce-wrapper .introduce-slogan > p:before,
.introduce-wrapper .introduce-slogan > p:after {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	width: 27px;
	height: 22px;
	background-size: 27px 22px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.introduce-wrapper .introduce-slogan > p:before {
	left: 0;
	background-image: url(../img/sub01/icon_quotes01.png);
}

.introduce-wrapper .introduce-slogan > p:after {
	right: 0;
	background-image: url(../img/sub01/icon_quotes02.png);
}

.introduce-wrapper .introduce-slogan > p > strong {
	color: #0c78c4;
	font-weight: 700;
}

.introduce-area {
	position: relative;
	padding-top: 35px;
	margin-bottom: 60px;
	min-height: 335px;
}

.introduce-area > img {
	position: absolute;
	top: 0;
	display: block;
	width: 499px;
}

.introduce-area.left {
	padding-left: 525px;
}

.introduce-area.right {
	padding-right: 525px;
}

.introduce-area.left > img {
	left: 0;
}

.introduce-area.right {
	padding-right: 525px;
}

.introduce-area.right > img {
	right: 0;
}


.introduce-area > h4,
.introduce-area.right > h4 {
	height: 44px;
	margin-bottom: 18px;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	color: #003685;
	border-bottom: 1px solid #dedede;
	text-align: left !important;
}

.introduce-area > p,
.introduce-area.right > p {
	color: #131313;
	font-size: 16px;
	line-height: 28px;
	word-break: keep-all;
	text-align: left !important;
}

.introduce-area > p > strong {
	font-weight: 700;
}

.introduce-group-wrapper {
	position: relative;
	width: 886px;
	margin: 4px auto 56px auto;
	padding: 0 47px;
	background-image: url(../img/sub01/icon_line01.gif);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: left 78px;
	overflow: hidden;
}

.introduce-group-wrapper:before,
.introduce-group-wrapper:after {
	position: absolute;
	top: 73px;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #7ca9d4
}

.introduce-group-wrapper:before {
	left: 0;
}

.introduce-group-wrapper:after {
	right: 0;
}


.introduce-group-area {
	float: left;
	width: 22.75%;
	margin-left: 3%;
	text-align: center;
}

.introduce-group-area:nth-of-type(1) {
	margin-left: 0;
}

.introduce-group-area .image {
	position: relative;
	display: block;
	margin: 0 auto 15px auto
}

.introduce-group-area .image > h5 {
	position: absolute;
	top: 38px;
	left: 0;
	display: block;
	width: 100%;
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: #000000;
	text-align: center;
}

.introduce-group-area > p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #1378be;
	word-break: keep-all;
	letter-spacing: -0.25px;
}

.introduce-wrapper > p {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	letter-spacing: -0.5px;
	color: #333333;
}

.introduce-wrapper > p > span {
	position: relative;
}

.introduce-wrapper > p > span:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #939393
}

/* 한국직업방송-비전 및 전략
.strategy-wrapper {
	text-align: center;
}

.strategy-area {
	position: relative;
	padding-top: 11px;
}

.strategy-area > h5 {
	display: block;
	margin-bottom: 17px;
	color: #0e5996;
	font-size: 28px;
	line-height: 37px;
	font-family: 'NanumSquare', sans-serif;
	font-weight: 900
}

.word-ch {
	font-family: 'Noto Sans TC', sans-serif !important;
	font-weight: 700;
}

.strategy-area > dl {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 14px;
}

.strategy-area > dl:after {
	content: "";
	clear: both;
	display: block;
}

.strategy-area > dl > dt,
.strategy-area > dl > dd {
	float: left
}

.strategy-area > dl > dt {
	margin
	padding: 5px 18px 0 18px;
	height: 32px;
	border-radius: 16px;
	background-color: #009fe8;
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
}
*/

.certification-wrap {
	width: 100%;
	*zoom: 1;
}

.certification-wrap:after {
	display: block;
	content: "";
	clear: both;
}

.certifi-box {
	float: left;
	width: 49%;
	margin-left: 2%;

}

.certifi-box:first-child {
	margin-left: 0;
}

.certifi-inner-box {
	border: 1px solid #ddd;
	text-align: center;
	position: relative;
	padding: 50px 0;
	height: 360px;
}

.certifi-inner-box strong {
	display: block;
	font-size: 22px;
	color : #212121;
	line-height: 32px;
	margin-bottom: 10px;
}

.certifi-inner-box strong span{
	color : #025a95;
}

.certifi-inner-box p {
	font-size: 14px;
	color : #666;
	line-height: 24px;
}

.certifi-inner-box img {
	position: absolute;
	top: 165px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 70px;
	height: auto;
}

.certifi-inner-box .btn-area {
	position: absolute;
	top: 265px;
	left: 50%;
	transform: translate(-50%, 0);
	width:100%;
	display:block;
	line-height:35px;
}

.certifi-inner-box .btn-area span{
	display:inline-block;
	margin:0 2px;
}
.certifi-inner-box .btn-area a{
	display:block;
	padding:0 10px;
	background:#166eb6;
	font-size:14px;
	line-height:35px;
	color:#fff;
}

.comment02 {
	padding:20px 25px ;
	background:#fff;
	border:1px solid #cecece;
	color:#34424c;
}

.comment02 p {
	margin-bottom:20px;
	padding:0 0 10px 30px;
	background: url(../../assets/img/icon/comment_icon.png) no-repeat left 13%;
	border-bottom:1px solid #dcdcdc;
	font-size:1.286em;
	line-height:1.714em;
	color:#34424c;

}

.comment02 ul {
	padding:0 0 0 15px;
}

.comment02 li {
	margin:13px 0;
	padding:0 0 0 15px;
	background:url(../../assets/img/icon/icon_li01.gif) no-repeat left;
	background-size:4px;
	color:#777;
}
.wrapper.find-id {
min-width: auto;
padding-top: 0
}

.wrapper.find-id form {
margin: 0;
padding: 0;
}

.company-report {
margin-top: 0 !important;
padding: 30px 0;
text-align: center;
background-color: #f4f5f5;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}

.company-report > li {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}

.company-report > li > input[type="radio"],
.company-report > li > label {
display: inline-block;
vertical-align: middle;
}

.company-report > li > label {
margin-left: 5px;
font-size: 15px;
color: #424242;
}

.wrapper.find-id > #find-id-default,
.wrapper.find-id > #find-id-company {
margin-bottom: 10px;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
}

.wrapper.find-id > div > dl {
position: relative;
padding-left: 140px;
margin-top: -1px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
background-color: #f7f7f7
}

.wrapper.find-id > div > dl > dt {
position: absolute;
top: 0;
left: 0;
padding: 15px 15px 14px 15px;
height: 55px;
font-weight: 500;
color: #212121;
font-size: 14px;
line-height: 24px;
text-align: left;
}

.wrapper.find-id > div > dl > dd {
min-height: 55px;
padding: 9px 15px 7px 15px;
background: #fff;
color: #424242;
font-size: 14px;
line-height: 20px;
text-align: left;
border-left: 1px solid #e7e7e7;
}
.wrapper.find-id .input-email-wrapper input,
.wrapper.find-id .input-email-wrapper select {
float: none;
display: inline-block;
vertical-align: middle;
}

.wrapper.find-id .comment01 {
font-size: 15px;
color: #166eb6 !important;
}

.btns-area.fcenter {
margin-top: 50px;
}

.btns-area.fcenter .btn-s-type01_big.orange {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 20px 0 20px;
	min-width: 100px;
	height: 40px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-align: center;
	background-color: rgba(22,110,182, 1) !important;
	color: #fff;
}

.btn-idcheck {
	 top: 0;
	 right: 0;
	 display: block;
	 width: 80px;
	 height: 35px;
	 color: #fff;
	 font-size: 14px;
	 font-weight: 500;
	 background: rgba(91, 96, 99, 1);
	 display:inline-block;
	 vertical-align:middle;
}

/* 2021.03.17-개인정보처리방침 */
.policy-wrapper {
	display: block;
}

.policy-wrapper .gray-box {
	font-size: 12px;
	line-height: 20px;
	padding: 28px 32px;
	border: 1px solid #eee;
	background: #f9f9f9;
	margin-bottom: 20px;
	word-break: keep-all;
}

.policy-wrapper .gray-box > h5 {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	color: #444;
	margin-bottom: 8px;
}


.policy-area {
	position: relative;
	padding: 20px 28px;
	line-height: 20px;
}

.policy-area > h5 {
	font-size: 15px;
	margin-bottom: 5px;
	color: #555;
	font-weight: 700;
}

.policy-area > h6 {
	font-size: 13px;
	margin-bottom: 5px;
	color: #555;
	font-weight: 500;
}

.policy-area p,
.policy-area ol,
.policy-area ul {
	margin-bottom: 12px;
	color: #555;
	font-size: 12px;
	word-break: keep-all
}

.policy-area ol ol,
.policy-area ol ul,
.policy-area ul ul,
.policy-area ul ol {
	padding-left: 13px;
}

.policy-area ul > li {
    margin-bottom: 4px;
    line-height: 20px;
    font-weight: normal;
}

.policy-area a {
    color: #3371d1;
    display: inline-block;
    text-decoration: underline;
}

.policy-area .btns-policy {
	background: #f5f5f5;
    border: 1px solid;
    border-color: rgba(0,0,0,0.2);
    color: #666;
    padding: 0 20px;
    line-height: 36px;
    cursor: pointer;
    display: inline-block;
	text-decoration: none;
}

.policy-area .btns-policy:hover {
	background:rgba(0, 0, 0, 0.1);
}

.table-type001 {
	display: block;
}
.table-type001 thead th {
	line-height: 2.5em;
	background: #f5f5f5;
	border: 1px solid #ddd;
	text-align: center;
	font-weight: 700;
}
.table-type001  tbody td {
	line-height: 1.5em;
	border: 1px solid #ddd;
	padding: 6px 8px;
	font-size: 11.5px;
	font-weight: normal;
	text-align: center;
	word-break: keep-all;
}
.table-type001 tbody th {
	line-height: 1.5em;
	border: 1px solid #ddd;
	padding: 6px 8px;
	font-size: 11.5px;
	background: #fbfbfb;
	word-break: keep-all;
}

/* 2021.11.16 추가작업 */
.search-wrapper01 {
	background-color: #f0f0f0;
    padding: 30px 30px 20px 30px;
    border: 1px solid #e7e7e7;
    text-align: left;
}

.search-wrapper01 dl {
	position: relative;
	margin-bottom: 10px;
	padding-left: 80px;
}

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

.search-wrapper01 dl > dt {
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	color: #212121;
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
}

.search-wrapper01 dl:first-child > dt {
	top: 0;
}

.search-wrapper01 dl > dd {
	display: block;
}

.search-wrapper01 dl > dd:after {
	display: block;
	content: "";
	clear: both;
}

.search-wrapper01 dl > dd input{
	width: 100%;
	height: 35px;
	color: #333;
}

.search-wrapper01 dl > dd .input-checked-wrapper {
	display: block;
}

.search-wrapper01 dl > dd .input-checked-wrapper:after {
	display: block;
	content: "";
	clear: both;
}

.search-wrapper01 dl > dd .input-checked-area {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;;
}

.search-wrapper01 dl > dd .input-checked-area:nth-of-type(3n) {
	margin-right: 0;
}



.search-wrapper01 dl > dd .input-checked-area:nth-of-type(3n+1) {
	clear: both
}

.search-wrapper01 dl > dd .input-checked-area input[type="checkbox"] + label {
	font-size: 15px;
	letter-spacing: -0.5px;
}

.selected-wrapper {
	display: block;
}

.selected-wrapper:after {
	display: block;
	content: "";
	clear: both;
}

.selected-wrapper > select {
	float: left;
	width: 150px;
	margin-right: 10px;
}


.input-radio-buttons {
	display: block;
	margin-left: 10px;
}

.input-radio-buttons:after {
	display: block;
	content: "";
	clear: both;
}

.input-radio-button {
	float: left;
	width: 60px;
	margin-right: 5px;
}

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

.input-radio-button input[type="radio"] {
	display: none;
}

.input-radio-button input[type="radio"] + label {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background-color: rgba(22, 110, 182, 1);
	text-align: center;
	color: #fff;
}

.input-radio-button input[type="radio"]:checked + label {
	border: 1px solid rgba(22, 110, 182, 1);
	background-color: #fff;
	color:  rgba(22, 110, 182, 1);
}

/* button 수정 */
.tabmenu {
	margin-bottom: 40px;
}

.tabmenu ul {
	display: block;
}

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

.tabmenu ul > li {
	float: left;
	margin-right: -1px;
}


.tabmenu ul > li > a {
	display: block;
	min-width: 233px;
	color: #424242;
	font-size: 16px;
	line-height: 32px;
	background: #f3f5f7;
	font-weight: 500;
	border: 1px solid #dce2e7;
	padding: 8px 15px 6px 15px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.tabmenu ul > li > a.active,
.tabmenu ul > li > a:hover,
.tabmenu ul > li > a:focus {
	color: #fff;
	background: #344d66;
	border: 1px solid #344d66;
}

.tabmenu ul.ratio > li > a,
.tabmenu ul.ratio > li > a:hover,
.tabmenu ul.ratio > li > a:focus {
	font-weight: 700;
}


.tabmenu ul.ratio > li {
	width: calc(50% + 1px);
}

.tabmenu ul.ratio.depth3 > li {
	width: calc(33.33% + 1px);
}

.tabmenu ul.ratio.depth3 > li:nth-child(2) {
	width: calc(33.34% + 1px);
}

.tabmenu ul.ratio.depth4 > li {
	width: calc(25% + 1px);
}

.tabmenu ul.ratio.depth5 > li {
	width: calc(20% + 1px);
}

.tabmenu.line {
	border-bottom: 1px solid #dce2e7
}

.tabmenu.line > ul {
	margin-bottom: -1px;
}


/* 2022.02.04 추가작업 */
.survey-wrapper01 {
	border-top: 1px solid #e7e7e7
}
.survey-wrapper01 dl {
	padding: 15px;
	border-bottom: 1px solid #e7e7e7;
}

.survey-wrapper01 dl:nth-child(even) {
	background-color: #f4f4f4
}

.survey-wrapper01 dl dt {
	margin-bottom: 10px;
	font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #424242;
	word-break: keep-all;
}

.survey-wrapper01 dl dt p {
	margin-top: 5px;
    padding: 10px;
	background-color: #fff;
    border: 1px solid #b7b7b7;
	font-size: 14px;
	line-height: 20px;
	color: rgb(109, 112, 114);
	font-weight: 400;
		word-break: keep-all;
}

.survey-wrapper01 dl dd {
	position: relative;
	padding-left: 28px;
	margin-top: 5px;
}

.survey-wrapper01 dl dd input[type="radio"],
.survey-wrapper01 dl dd input[type="checkbox"] {
	position: absolute;
	top: 3px;
	left: 5px;
	display: block;
	font-size: 16px;
}

.survey-wrapper01 dl dd label,
.survey-wrapper01 dl dd {
	font-size: 14px;
	line-height: 20px;
	color: rgb(109, 112, 114);
	word-break: keep-all;
}

.survey-wrapper01 dl dd .etc-input {
	display: block;
	width: 100%;
	height: 29px;
}

.survey-wrapper01 .btns-area {
	margin-top: 30px;
}




.privacy-leading-list-area {
    display: block;
}

.privacy-leading-list-area:after {
    display: block;
    content: "";
    clear: both;
}

.privacy-leading-list-box {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-top: 2%;
    position: relative;
    border-radius: 10px;
    float: left;
    border: 4px solid #f4f5f7;
    box-sizing: border-box;
    padding: 20px;
    height: 310px;
    text-align: center;
}

.privacy-leading-list-box:nth-of-type(3n) {
    margin-right: 0;
}

.privacy-leading-list-box:nth-of-type(1),
.privacy-leading-list-box:nth-of-type(2),
.privacy-leading-list-box:nth-of-type(3) {
    margin-top: 0;
}

.privacy-leading-list-box h6 {
    display: block;
    text-align: center;
    margin-bottom: 20px;

}

.privacy-leading-list-box h6>strong {
    display: flex;
    height: 48px;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
	color: #424242
}

.privacy-leading-list-box h6>img {
    display: block;
    width: 60px;
    margin: 0 auto;
}

.privacy-leading-list-box p {
    font-size: 15px;
    line-height: 24px;
    word-break: keep-all;
    color: #666;
	font-weight: 500;
}

.privacy-leading-list-box p.word-notice {
    position: relative;
    margin-top: 5px;
    font-weight: 400 !important;
    color: #999;
    font-size: 13px;
    line-height: 18px;
}

.policy-wrapper.type02 .policy-area {
	padding-left: 0;
	padding-right: 0;
}


.policy-wrapper.type02 .gray-box > h5,
.policy-wrapper.type02 .policy-area > h5 {
	margin-bottom: 8px;
	font-size: 24px;
	line-height: 36px;
	color: #212121;
	font-weight: 500;
}

.policy-wrapper.type02 .policy-area > h5 {
	line-height: 45px;
}

.policy-wrapper.type02 .policy-area > h5 > img {
	display: inline-block;
	width: 45px;
	margin-right: 10px;
}


.policy-wrapper.type02 .gray-box01 .policy-area > h5 {
	font-size: 24px;
	line-height: 36px;
	color: #212121
}

.policy-wrapper.type02 .gray-box {
    font-size: 15px;
    line-height: 24px;
    color: #424242;
    font-weight: 400;
    word-break: keep-all;
}

.policy-wrapper.type02 .policy-area p,
.policy-wrapper.type02 .policy-area ol,
.policy-wrapper.type02 .policy-area ul {
	font-size: 15px;
    line-height: 24px;
}

.policy-wrapper.type02  .policy-area > h6 {
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 500;
	color: #212121
}

.policy-wrapper.type02 .table-type001 thead th,
.policy-wrapper.type02 .table-type001 tbody th,
.policy-wrapper.type02 .table-type001 tbody td {
	padding: 10px;
	font-size: 15px;
	line-height: 24px;
}

.policy-wrapper.type02 .table-type001 thead th,
.policy-wrapper.type02 .table-type001 tbody th {
	color: #212121
}



.privacy-list001 {
    display: block;
}

.privacy-list001:after {
    display: block;
    content: "";
    clear: both;
}

.privacy-list001>li {
    float: left;
    margin-top: 10px;
    width: calc(50% - 15px);
}

.privacy-list001>li>a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 48px;
    font-size: 15px;
    line-height: 24px;
    color: #212121;
    word-break: keep-all;
	text-decoration: none;
}

.privacy-list001>li>a>img {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    margin-right: 10px;
}

.privacy-list001>li:nth-of-type(1),
.privacy-list001>li:nth-of-type(2) {
    margin-top: 0;
}

.title-type02.top15:before{
	top: 15px;
}
.gray-box03 {
    padding: 0px 30px 0px 0px;
	text-align: left;
}
.gray-box03 > p {
    color: #333;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: -0.75px;
    font-weight: 500;
    word-break: keep-all;
}



.board-search-area01 {
    padding: 25px;
    border: 1px solid #dddddd;
    background: #f4f4f4;
    margin-bottom: 40px;
}
.board-search-area01 .board-search-box02 {
    float: left;
    padding-left: 88px;
}
.board-search-area01 .board-search-box02 input[type="search"] {
    float: left;
    display: block;
    width: 610px;
    height: 40px;
    border: 1px solid #ddd;
    background: #fff;
    text-indent: 10px;
}
.board-search-area01 .board-search-box02 button {
    float: left;
    width: 100px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background: #44809d;
    color: #fff;
    border: 0;
}